claritykit-svelte
Version:
A comprehensive Svelte component library focused on accessibility, ADHD-optimized design, developer experience, and full SSR compatibility
42 lines • 1.83 kB
TypeScript
import type { GalleryViewProps } from './types.js';
interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
$$bindings?: Bindings;
} & Exports;
(internal: unknown, props: Props & {
$$events?: Events;
$$slots?: Slots;
}): Exports & {
$set?: any;
$on?: any;
};
z_$$bindings?: Bindings;
}
/**
* GalleryView
*
* A responsive gallery component for displaying various content types in a grid layout.
* Features grid size controls, sorting, filtering, selection, and bulk operations.
* Optimized for ADHD-friendly design with clear visual hierarchy and reduced cognitive load.
*
* @prop {GalleryItem[]} items - Array of items to display
* @prop {GalleryViewVariant} [variant='default'] - Visual variant
* @prop {GalleryViewSize} [size='md'] - Size variant
* @prop {GalleryViewState} [viewState] - Current view state (loading, error, empty)
* @prop {GridSize} [defaultGridSize=3] - Default grid columns
* @prop {boolean} [selectable=false] - Enable item selection
*/
declare const GalleryView: $$__sveltets_2_IsomorphicComponent<GalleryViewProps, {
selectionChange: CustomEvent<any>;
sortChange: CustomEvent<any>;
filterChange: CustomEvent<any>;
gridSizeChange: CustomEvent<any>;
itemClick: CustomEvent<any>;
itemDoubleClick: CustomEvent<any>;
bulkAction: CustomEvent<any>;
} & {
[evt: string]: CustomEvent<any>;
}, {}, {}, "">;
type GalleryView = InstanceType<typeof GalleryView>;
export default GalleryView;
//# sourceMappingURL=GalleryView.svelte.d.ts.map