import type { CollectionAction, CollectionItem } from './types'; import type { Snippet } from 'svelte'; declare function $$render(): { props: { items: CollectionItem[] | null; /** Per-row icon buttons, revealed on row hover (or pinned via `actionsAlwaysVisible`). */ actions?: CollectionAction[]; /** Enables drag reorder. Auto-disabled when fewer than 2 items. @default true */ orderable?: boolean; /** Render the leading square thumbnail in the built-in row. Ignored when `view` is set. @default true */ showImage?: boolean; /** Pin row actions visible instead of revealing them on hover/focus. @default false */ actionsAlwaysVisible?: boolean; /** Replaces the built-in row body (thumbnail + description); the drag handle and actions still render around it. */ view?: Snippet<[{ item: T; index: number; }]>; on?: { reorder?: (items: T[], newIndex: number) => void; }; }; exports: {}; bindings: ""; slots: {}; events: {}; }; declare class __sveltets_Render { props(): ReturnType>['props']; events(): ReturnType>['events']; slots(): ReturnType>['slots']; bindings(): ""; exports(): {}; } interface $$IsomorphicComponent { new (options: import('svelte').ComponentConstructorOptions['props']>>): import('svelte').SvelteComponent['props']>, ReturnType<__sveltets_Render['events']>, ReturnType<__sveltets_Render['slots']>> & { $$bindings?: ReturnType<__sveltets_Render['bindings']>; } & ReturnType<__sveltets_Render['exports']>; (internal: unknown, props: ReturnType<__sveltets_Render['props']> & {}): ReturnType<__sveltets_Render['exports']>; z_$$bindings?: ReturnType<__sveltets_Render['bindings']>; } /** * A reorderable vertical list of items: each row is an optional drag handle, an optional square * thumbnail + description (or a fully custom `view`), and hover-revealed icon actions. Generic over * the item payload `T`; the consumer maps its data into `CollectionItem` and reads `on.reorder`. * * ### CSS Custom Properties * | Property | Description | Default | * |---|---|---| * | `--sc-kit--collection-list--gap` | Gap between rows | `var(--sc-kit--space--2)` | * | `--sc-kit--collection-list--row--gap` | Gap between a row's handle / body / actions | `var(--sc-kit--space--3)` | * | `--sc-kit--collection-list--thumbnail--size` | Thumbnail inline size | `3.125rem` | * | `--sc-kit--collection-list--thumbnail--aspect-ratio` | Thumbnail aspect ratio | `1` | * | `--sc-kit--collection-list--thumbnail--radius` | Thumbnail corner radius | `var(--sc-kit--radius--sm)` | * | `--sc-kit--collection-list--thumbnail--background` | Thumbnail placeholder background | `var(--sc-kit--color--bg--element)` | * | `--sc-kit--collection-list--description--color` | Description / leading-icon color | `var(--sc-kit--color--text--primary)` | * | `--sc-kit--collection-list--handle--color` | Drag handle icon color | `var(--sc-kit--color--text--secondary)` | * | `--sc-kit--collection-list--action--color` | Action icon color | `var(--sc-kit--color--text--secondary)` | * | `--sc-kit--collection-list--action--background` | Action button background | `transparent` | * | `--sc-kit--collection-list--action--background--hover` | Action button hover background | `var(--sc-kit--color--bg--hover)` | */ declare const Cmp: $$IsomorphicComponent; type Cmp = InstanceType>; export default Cmp;