@casinogate/ui 1.6.2 → 1.8.0

package/dist/components/select/styles.d.ts

@@ -1,161 +1,70 @@
-import { Context } from 'runed';
-import type { ReadableBox } from 'svelte-toolbelt';
 import type { VariantProps } from 'tailwind-variants';
-export declare const selectVariants: import("tailwind-variants").TVReturnType<{
+export declare const selectTriggerStyles: import("tailwind-variants").TVReturnType<{
     variant: {
-        primary: {
-            trigger: string[];
-        };
-        outline: {
-            trigger: string[];
-        };
-        clear: {};
+        primary: string[];
+        outline: string[];
+        clear: never[];
     };
     size: {
-        sm: {
-            trigger: string[];
-        };
-        md: {
-            trigger: string[];
-            chevron: never[];
-        };
-        lg: {
-            trigger: string[];
-        };
+        sm: string[];
+        md: string[];
+        lg: string[];
     };
     rounded: {
-        sm: {
-            trigger: string[];
-        };
-        md: {
-            trigger: string[];
-        };
-        lg: {
-            trigger: string[];
-        };
+        sm: string[];
+        md: string[];
+        lg: string[];
     };
-    w: {
-        full: {
-            trigger: string[];
-        };
-        auto: {
-            trigger: string[];
-        };
-        fit: {
-            trigger: string[];
-        };
+    fullWidth: {
+        true: string[];
     };
-}, {
-    content: string[];
-    item: string[];
-    viewport: string[];
-    group: never[];
-    label: string[];
-    trigger: string[];
-}, undefined, {
+}, undefined, string[], {
     variant: {
-        primary: {
-            trigger: string[];
-        };
-        outline: {
-            trigger: string[];
-        };
-        clear: {};
+        primary: string[];
+        outline: string[];
+        clear: never[];
     };
     size: {
-        sm: {
-            trigger: string[];
-        };
-        md: {
-            trigger: string[];
-            chevron: never[];
-        };
-        lg: {
-            trigger: string[];
-        };
+        sm: string[];
+        md: string[];
+        lg: string[];
     };
     rounded: {
-        sm: {
-            trigger: string[];
-        };
-        md: {
-            trigger: string[];
-        };
-        lg: {
-            trigger: string[];
-        };
+        sm: string[];
+        md: string[];
+        lg: string[];
     };
-    w: {
-        full: {
-            trigger: string[];
-        };
-        auto: {
-            trigger: string[];
-        };
-        fit: {
-            trigger: string[];
-        };
+    fullWidth: {
+        true: string[];
     };
-}, {
-    content: string[];
-    item: string[];
-    viewport: string[];
-    group: never[];
-    label: string[];
-    trigger: string[];
-}, import("tailwind-variants").TVReturnType<{
+}, undefined, import("tailwind-variants").TVReturnType<{
     variant: {
-        primary: {
-            trigger: string[];
-        };
-        outline: {
-            trigger: string[];
-        };
-        clear: {};
+        primary: string[];
+        outline: string[];
+        clear: never[];
     };
     size: {
-        sm: {
-            trigger: string[];
-        };
-        md: {
-            trigger: string[];
-            chevron: never[];
-        };
-        lg: {
-            trigger: string[];
-        };
+        sm: string[];
+        md: string[];
+        lg: string[];
     };
     rounded: {
-        sm: {
-            trigger: string[];
-        };
-        md: {
-            trigger: string[];
-        };
-        lg: {
-            trigger: string[];
-        };
+        sm: string[];
+        md: string[];
+        lg: string[];
     };
-    w: {
-        full: {
-            trigger: string[];
-        };
-        auto: {
-            trigger: string[];
-        };
-        fit: {
-            trigger: string[];
-        };
+    fullWidth: {
+        true: string[];
     };
-}, {
-    content: string[];
-    item: string[];
-    viewport: string[];
-    group: never[];
-    label: string[];
-    trigger: string[];
-}, undefined, unknown, unknown, undefined>>;
-export type SelectVariantsProps = VariantProps<typeof selectVariants>;
-type SelectStylesContextValues = ReadableBox<ReturnType<typeof selectVariants>>;
-export declare const SelectStylesContext: Context<SelectStylesContextValues>;
-export {};
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const selectContentStyles: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const selectItemStyles: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const selectViewportStyles: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const selectGroupStyles: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, never[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, never[], unknown, unknown, undefined>>;
+export declare const selectGroupHeadingStyles: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export type SelectTriggerVariantsProps = VariantProps<typeof selectTriggerStyles>;
+export type SelectContentVariantsProps = VariantProps<typeof selectContentStyles>;
+export type SelectItemVariantsProps = VariantProps<typeof selectItemStyles>;
+export type SelectViewportVariantsProps = VariantProps<typeof selectViewportStyles>;
+export type SelectGroupVariantsProps = VariantProps<typeof selectGroupStyles>;
+export type SelectGroupHeadingVariantsProps = VariantProps<typeof selectGroupHeadingStyles>;

package/dist/components/select/styles.js

@@ -1,113 +1,86 @@
 import { tv } from '../../internal/utils/tailwindcss.js';
-import { Context } from 'runed';
-import { keyWithPrefix } from './../../internal/utils/common.js';
-export const selectVariants = tv({
-    slots: {
-        content: [
-            'cgui:scrollbar-thin',
-            'cgui:relative cgui:overflow-y-auto cgui:overflow-x-hidden',
-            'cgui:shadow-select cgui:bg-surface-white',
-            'cgui:rounded-sm',
-            'cgui:z-(--cg-ui-z-index-select)',
-            'cgui:max-h-(--bits-select-content-available-height) cgui:origin-(--bits-select-content-transform-origin) cgui:h-(--cg-ui-max-content-height)',
-            'cgui:data-[state=open]:animate-in cgui:data-[state=closed]:animate-out cgui:data-[state=closed]:fade-out-0 cgui:data-[state=open]:fade-in-0 cgui:data-[state=closed]:zoom-out-95 cgui:data-[state=open]:zoom-in-95 cgui:data-[side=bottom]:slide-in-from-top-2 cgui:data-[side=left]:slide-in-from-right-2 cgui:data-[side=right]:slide-in-from-left-2 cgui:data-[side=top]:slide-in-from-bottom-2  cgui:data-[side=bottom]:translate-y-1 cgui:data-[side=left]:-translate-x-1 cgui:data-[side=right]:translate-x-1 cgui:data-[side=top]:-translate-y-1',
-        ],
-        item: [
-            'cgui:relative cgui:w-full',
-            'cgui:flex cgui:items-center cgui:justify-between cgui:gap-2',
-            'cgui:outline-hidden cgui:cursor-default cgui:select-none',
-            'cgui:transition-all cgui:duration-250 cgui:ease-in-out',
-            'cgui:rounded-xs',
-            'cgui:p-2',
-            'cgui:text-body cgui:text-fg-medium',
-            'cgui:data-[disabled]:pointer-events-none cgui:data-[disabled]:opacity-50',
-            'cgui:[&_svg]:shrink-0 cgui:[&_svg]:pointer-events-none',
-            'cgui:data-[highlighted]:bg-surface-lightest',
-        ],
-        viewport: [
-            'cgui:scrollbar-track-transparent cgui:scrollbar-thumb-stroke-default cgui:scrollbar-thumb-rounded-full',
-            'cgui:h-(--bits-select-anchor-height) cgui:min-w-(--bits-select-anchor-width) cgui:w-full cgui:scroll-my-1 cgui:p-1',
-        ],
-        group: [],
-        label: ['cgui:text-fg-semilight cgui:px-2 cgui:py-1.5 cgui:text-caption'],
-        trigger: [
-            'cgui:group/select-trigger',
-            'cgui:relative cgui:flex cgui:items-center cgui:justify-between cgui:flex-wrap',
-            'cgui:text-body',
-            'cgui:transition-all cgui:duration-250 cgui:ease-in-out',
-        ],
-    },
+export const selectTriggerStyles = tv({
+    base: [
+        'cgui:group/select-trigger',
+        'cgui:relative cgui:flex cgui:items-center cgui:gap-1 cgui:flex-wrap',
+        'cgui:text-body',
+        'cgui:transition-all cgui:duration-250 cgui:ease-in-out',
+        'cgui:[&_svg]:shrink-0 cgui:[&_svg]:pointer-events-none cgui:[&_svg]:text-icon-regular cgui:[&_svg:not([class*="size-"])]:size-4',
+        'cgui:has-[data-slot=chevron]:pr-3',
+    ],
     variants: {
         variant: {
-            primary: {
-                trigger: [
-                    'cgui:bg-surface-lightest cgui:border cgui:border-stroke-default',
-                    'cgui:data-[placeholder]:text-fg-regular cgui:text-fg-dark',
-                ],
-            },
-            outline: {
-                trigger: [
-                    'cgui:data-[placeholder]:text-fg-regular cgui:text-fg-dark',
-                    'cgui:border-b cgui:border-b-stroke-default',
-                ],
-            },
-            clear: {},
+            primary: [
+                'cgui:bg-surface-lightest cgui:border cgui:border-stroke-default',
+                'cgui:data-[placeholder]:text-fg-regular cgui:text-fg-dark',
+            ],
+            outline: [
+                'cgui:data-[placeholder]:text-fg-regular cgui:text-fg-dark',
+                'cgui:border-b cgui:border-b-stroke-default',
+                'cgui:rounded-none',
+            ],
+            clear: [],
         },
         size: {
-            sm: {
-                trigger: [
-                    'cgui:min-h-7.5',
-                    'cgui:px-2.5 cgui:py-1.5',
-                    'cgui:data-[start-chevron]:pl-8 cgui:data-[end-chevron]:pr-8',
-                ],
-            },
-            md: {
-                trigger: [
-                    'cgui:min-h-9',
-                    'cgui:px-3 cgui:py-2',
-                    'cgui:data-[start-chevron]:pl-10 cgui:data-[end-chevron]:pr-10',
-                ],
-                chevron: [],
-            },
-            lg: {
-                trigger: [
-                    'cgui:min-h-11',
-                    'cgui:text-heading-2',
-                    'cgui:px-4 cgui:py-2.5',
-                    'cgui:data-[start-chevron]:pl-14 cgui:data-[end-chevron]:pr-14',
-                ],
-            },
+            sm: ['cgui:min-h-7.5', 'cgui:px-2.5 cgui:py-1.5', 'cgui:data-[start-chevron]:pl-8 cgui:data-[end-chevron]:pr-8'],
+            md: ['cgui:min-h-9', 'cgui:px-3 cgui:py-2', 'cgui:data-[start-chevron]:pl-10 cgui:data-[end-chevron]:pr-10'],
+            lg: [
+                'cgui:min-h-11',
+                'cgui:text-heading-2',
+                'cgui:px-4 cgui:py-2.5',
+                'cgui:data-[start-chevron]:pl-14 cgui:data-[end-chevron]:pr-14',
+            ],
         },
         rounded: {
-            sm: {
-                trigger: ['cgui:rounded-sm'],
-            },
-            md: {
-                trigger: ['cgui:rounded-md'],
-            },
-            lg: {
-                trigger: ['cgui:rounded-lg'],
-            },
+            sm: ['cgui:rounded-sm'],
+            md: ['cgui:rounded-md'],
+            lg: ['cgui:rounded-lg'],
         },
-        w: {
-            full: {
-                trigger: ['cgui:w-full'],
-            },
-            auto: {
-                trigger: ['cgui:w-auto'],
-            },
-            fit: {
-                trigger: ['cgui:w-fit'],
-            },
+        fullWidth: {
+            true: ['cgui:w-full'],
         },
     },
-    compoundVariants: [
-        {
-            variant: 'outline',
-            class: {
-                trigger: ['cgui:rounded-none'],
-            },
-        },
+    defaultVariants: {
+        variant: 'primary',
+        size: 'md',
+        rounded: 'sm',
+        w: 'full',
+    },
+});
+export const selectContentStyles = tv({
+    base: [
+        'cgui:scrollbar-thin',
+        'cgui:relative cgui:overflow-y-auto cgui:overflow-x-hidden',
+        'cgui:shadow-select cgui:bg-surface-white',
+        'cgui:rounded-sm',
+        'cgui:z-(--cg-ui-z-index-select)',
+        'cgui:max-h-(--bits-select-content-available-height) cgui:origin-(--bits-select-content-transform-origin) cgui:h-(--cg-ui-max-content-height)',
+        'cgui:data-[state=open]:animate-in cgui:data-[state=closed]:animate-out cgui:data-[state=closed]:fade-out-0 cgui:data-[state=open]:fade-in-0 cgui:data-[state=closed]:zoom-out-95 cgui:data-[state=open]:zoom-in-95 cgui:data-[side=bottom]:slide-in-from-top-2 cgui:data-[side=left]:slide-in-from-right-2 cgui:data-[side=right]:slide-in-from-left-2 cgui:data-[side=top]:slide-in-from-bottom-2  cgui:data-[side=bottom]:translate-y-1 cgui:data-[side=left]:-translate-x-1 cgui:data-[side=right]:translate-x-1 cgui:data-[side=top]:-translate-y-1',
     ],
 });
-export const SelectStylesContext = new Context(keyWithPrefix('select-styles'));
+export const selectItemStyles = tv({
+    base: [
+        'cgui:relative cgui:w-full',
+        'cgui:flex cgui:items-center cgui:justify-between cgui:gap-2',
+        'cgui:outline-hidden cgui:cursor-default cgui:select-none',
+        'cgui:transition-all cgui:duration-250 cgui:ease-in-out',
+        'cgui:rounded-xs',
+        'cgui:p-2',
+        'cgui:text-body cgui:text-fg-medium',
+        'cgui:data-[disabled]:pointer-events-none cgui:data-[disabled]:opacity-50',
+        'cgui:[&_svg]:shrink-0 cgui:[&_svg]:pointer-events-none',
+        'cgui:data-[highlighted]:bg-surface-lightest',
+    ],
+});
+export const selectViewportStyles = tv({
+    base: [
+        'cgui:scrollbar-track-transparent cgui:scrollbar-thumb-stroke-default cgui:scrollbar-thumb-rounded-full',
+        'cgui:h-(--bits-select-anchor-height) cgui:min-w-(--bits-select-anchor-width) cgui:w-full cgui:scroll-my-1 cgui:p-1',
+    ],
+});
+export const selectGroupStyles = tv({
+    base: [],
+});
+export const selectGroupHeadingStyles = tv({
+    base: ['cgui:text-fg-semilight cgui:px-2 cgui:py-1.5 cgui:text-caption'],
+});

package/dist/components/select/types.d.ts

@@ -1,64 +1,104 @@
+import type { ListCollection } from '../../internal/index.js';
 import { type SelectContentProps as SelectContentPropsPrimitive, type SelectGroupHeadingProps as SelectGroupHeadingPropsPrimitive, type SelectGroupProps as SelectGroupPropsPrimitive, type SelectItemProps as SelectItemPropsPrimitive, type SelectPortalProps as SelectPortalPropsPrimitive, type SelectRootProps as SelectRootPropsPrimitive, type SelectTriggerProps as SelectTriggerPropsPrimitive, type SelectViewportProps as SelectViewportPropsPrimitive } from 'bits-ui';
-import type { Snippet } from 'svelte';
+import type { Component, Snippet } from 'svelte';
 import type { WithoutChild } from 'svelte-toolbelt';
-import { type SelectVariantsProps } from './styles.js';
-export type SelectRootProps = SelectRootPropsPrimitive & SelectVariantsProps;
-export type SelectTriggerProps = SelectTriggerPropsPrimitive & {
+import type { SelectContentVariantsProps, SelectGroupHeadingVariantsProps, SelectGroupVariantsProps, SelectItemVariantsProps, SelectTriggerVariantsProps, SelectViewportVariantsProps } from './styles.js';
+/**
+ * Primitive props
+ */
+export type SelectRootProps = SelectRootPropsPrimitive;
+export type SelectTriggerProps = SelectTriggerPropsPrimitive & SelectTriggerVariantsProps & {
     hasChevron?: boolean;
 };
-export type SelectContentProps = WithoutChild<SelectContentPropsPrimitive> & {
+export type SelectContentProps = WithoutChild<SelectContentPropsPrimitive> & SelectContentVariantsProps & {
     maxContentHeight?: string;
 };
-export type SelectViewportProps = SelectViewportPropsPrimitive;
-export type SelectItemProps = WithoutChild<SelectItemPropsPrimitive>;
-export type SelectGroupProps = SelectGroupPropsPrimitive;
-export type SelectGroupHeadingProps = SelectGroupHeadingPropsPrimitive;
+export type SelectViewportProps = SelectViewportPropsPrimitive & SelectViewportVariantsProps;
+export type SelectItemProps = SelectItemPropsPrimitive & SelectItemVariantsProps;
+export type SelectGroupProps = SelectGroupPropsPrimitive & SelectGroupVariantsProps;
+export type SelectGroupHeadingProps = SelectGroupHeadingPropsPrimitive & SelectGroupHeadingVariantsProps;
 export type SelectPortalProps = SelectPortalPropsPrimitive;
-export type SelectBaseItem = {
+/**
+ * Item type (Collection based)
+ */
+export type SelectItem = {
+    /** Unique value for this item (used for selection) */
     value: string;
+    /** Display label */
+    label: string;
+    /** Optional icon */
+    icon?: Component<{
+        width?: number;
+        height?: number;
+    }>;
+    /** Whether the item is disabled */
     disabled?: boolean;
+    /** Text value for typeahead (defaults to label) */
+    textValue?: string;
+    /** Group key for grouping */
+    group?: string;
 };
-export type SelectItem = SelectBaseItem & {
-    label: string;
+export type SelectGroup = {
+    key: string;
+    label?: string;
+    order?: number;
 };
-export type SelectItemGroup<T = SelectItem | string> = {
-    group: string;
-    items: T[];
+export type SelectCollectionOptions = {
+    items: SelectItem[];
+    groups?: SelectGroup[];
+    groupSort?: 'asc' | 'desc' | ((a: string, b: string) => number);
 };
-export type SelectItemData = string | SelectItemGroup | SelectItem;
-export type SelectData = string[] | SelectItemGroup[] | SelectItem[];
+/** The collection type */
+export type SelectCollection = ListCollection<SelectItem>;
 export type SelectProps = SelectRootProps & {
-    data: SelectData;
+    /** The item collection */
+    collection: SelectCollection;
+    /** Group definitions (for labels/ordering) */
+    groups?: SelectGroup[];
+    /** Placeholder when no value selected */
     placeholder?: string;
+    /** Custom item renderer */
     item?: Snippet<[{
-        item: SelectItemData;
+        item: SelectItem;
         props: Record<string, unknown>;
+        selected: boolean;
+        highlighted: boolean;
     }]>;
+    /** Custom trigger renderer */
     trigger?: Snippet<[{
         props: Record<string, unknown>;
         label: string;
     }]>;
+    /** Custom label renderer */
+    label?: Snippet<[{
+        placeholder: string;
+        value: string | string[];
+    }]>;
+    /** Empty state content */
     empty?: Snippet | string;
-    maxContentHeight?: SelectContentProps['maxContentHeight'];
-    side?: SelectContentProps['side'];
-    sideOffset?: SelectContentProps['sideOffset'];
-    align?: SelectContentProps['align'];
-    alignOffset?: SelectContentProps['alignOffset'];
-    avoidCollisions?: SelectContentProps['avoidCollisions'];
-    collisionPadding?: SelectContentProps['collisionPadding'];
-    customAnchor?: SelectContentProps['customAnchor'];
+    /** Enable typeahead (default: true) */
+    typeahead?: boolean;
+    /** Content props */
+    contentProps?: Omit<SelectContentProps, 'class' | 'children' | 'child' | 'ref'>;
+    contentRef?: HTMLDivElement | null;
+    contentClass?: string;
 };
 export type SelectAsyncCallbackParams = {
     page: number;
     pageSize: number;
 };
 export type SelectAsyncCallbackResult = {
-    data: SelectData;
+    items: SelectItem[];
     hasMore: boolean;
 };
 export type SelectAsyncCallback = (params: SelectAsyncCallbackParams) => Promise<SelectAsyncCallbackResult>;
-export type SelectAsyncProps = Omit<SelectProps, 'data'> & {
+export type SelectAsyncProps = Omit<SelectProps, 'collection'> & {
+    /** Loading state renderer */
     loading?: Snippet;
+    /** Page size for pagination */
     pageSize?: number;
+    /** Async data callback */
     callback: SelectAsyncCallback;
+    /** Initial items (optional) */
+    initialItems?: SelectItem[];
 };

package/dist/components/select/types.js

@@ -1,2 +1 @@
 import {} from 'bits-ui';
-import {} from './styles.js';

package/dist/components/select/utils/get-item-key.d.ts

@@ -1,2 +1,2 @@
 import type { SelectItemData } from '../types.js';
-export declare const getItemKey: (item: SelectItemData) => string;
+export declare const getItemKey: (item: SelectItemData) => any;

package/dist/components/separator/separator.svelte

@@ -2,17 +2,16 @@
   import { SLOT_ATTR_NAME } from '../../internal/constants/attrs.js';
   import { cn } from '../../internal/utils/common.js';
   import { Separator as SeparatorPrimitive } from 'bits-ui';
+  import { separatorStyles } from './styles.js';
   import type { SeparatorProps } from './types.js';
 
-  let { ref = $bindable(null), class: className, ...restProps }: SeparatorProps = $props();
+  let { ref = $bindable(null), class: className, orientation = 'horizontal', ...restProps }: SeparatorProps = $props();
 </script>
 
 <SeparatorPrimitive.Root
   bind:ref
-  class={cn(
-    'cgui:bg-stroke-divider cgui:shrink-0 cgui:data-[orientation=horizontal]:h-px cgui:data-[orientation=vertical]:h-full cgui:data-[orientation=horizontal]:w-full cgui:data-[orientation=vertical]:w-px',
-    className
-  )}
+  {orientation}
+  class={cn(separatorStyles({ orientation }), className)}
   {...{ [SLOT_ATTR_NAME]: 'separator' }}
   {...restProps}
 />

package/dist/components/separator/separator.svelte.d.ts

@@ -1,4 +1,4 @@
-import { Separator as SeparatorPrimitive } from 'bits-ui';
-declare const Separator: import("svelte").Component<SeparatorPrimitive.RootProps, {}, "ref">;
+import type { SeparatorProps } from './types.js';
+declare const Separator: import("svelte").Component<SeparatorProps, {}, "ref">;
 type Separator = ReturnType<typeof Separator>;
 export default Separator;

package/dist/components/separator/styles.d.ts

@@ -0,0 +1,18 @@
+import type { VariantProps } from 'tailwind-variants';
+export declare const separatorStyles: import("tailwind-variants").TVReturnType<{
+    orientation: {
+        horizontal: string[];
+        vertical: string[];
+    };
+}, undefined, string[], {
+    orientation: {
+        horizontal: string[];
+        vertical: string[];
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    orientation: {
+        horizontal: string[];
+        vertical: string[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export type SeparatorVariantsProps = VariantProps<typeof separatorStyles>;

package/dist/components/separator/styles.js

@@ -0,0 +1,10 @@
+import { tv } from '../../internal/utils/tailwindcss.js';
+export const separatorStyles = tv({
+    base: ['cgui:bg-stroke-divider cgui:shrink-0'],
+    variants: {
+        orientation: {
+            horizontal: ['cgui:h-px cgui:w-full'],
+            vertical: ['cgui:w-px cgui:h-full'],
+        },
+    },
+});

package/dist/components/separator/types.d.ts

@@ -1,2 +1,3 @@
 import { type SeparatorRootProps as SeparatorRootPropsPrimitive } from 'bits-ui';
-export type SeparatorProps = SeparatorRootPropsPrimitive;
+import type { SeparatorVariantsProps } from './styles.js';
+export type SeparatorProps = SeparatorRootPropsPrimitive & Omit<SeparatorVariantsProps, 'orientation'>;

package/dist/components/spinner/spinner.svelte

@@ -6,9 +6,4 @@
   let { class: className, size = 24, ...restProps }: SpinnerProps = $props();
 </script>
 
-<Icon.Spinner
-  class={cn('cgui:animate-spin cgui:text-icon-default', className)}
-  width={size}
-  height={size}
-  {...restProps}
-/>
+<Icon.Spinner class={cn('cgui:animate-spin', className)} width={size} height={size} {...restProps} />

package/dist/internal/index.d.ts

@@ -1 +1,2 @@
+export * from './lib/index.js';
 export * from './utils/index.js';

package/dist/internal/index.js

@@ -1 +1,2 @@
+export * from './lib/index.js';
 export * from './utils/index.js';

package/dist/internal/lib/collection/grid-collection.d.ts

@@ -0,0 +1,3 @@
+import { type CollectionItem, type CollectionOptions, GridCollection, type GridCollectionOptions } from '@zag-js/collection';
+export declare const createGridCollection: <T extends CollectionItem>(options: GridCollectionOptions<T>) => GridCollection<T>;
+export type { CollectionItem, CollectionOptions, GridCollection, GridCollectionOptions };

package/dist/internal/lib/collection/grid-collection.js

@@ -0,0 +1,2 @@
+import { GridCollection, } from '@zag-js/collection';
+export const createGridCollection = (options) => new GridCollection(options);

package/dist/internal/lib/collection/index.d.ts

@@ -0,0 +1,5 @@
+export { createGridCollection, type GridCollection, type GridCollectionOptions } from './grid-collection.js';
+export { createListCollection, type CollectionItem, type CollectionOptions, type ListCollection, } from './list-collection.js';
+export { createFileTreeCollection, createTreeCollection, type FilePathTreeNode, type FlatTreeNode, type TreeCollection, type TreeCollectionOptions, type TreeNode, } from './tree-collection.js';
+export { useListCollection, type UseListCollectionProps, type UseListCollectionReturn, } from './use-list-collection.svelte.js';
+export { useListSelection, type UseListSelectionProps, type UseListSelectionReturn, } from './use-list-selection.svelte.js';

package/dist/internal/lib/collection/index.js

@@ -0,0 +1,5 @@
+export { createGridCollection } from './grid-collection.js';
+export { createListCollection, } from './list-collection.js';
+export { createFileTreeCollection, createTreeCollection, } from './tree-collection.js';
+export { useListCollection, } from './use-list-collection.svelte.js';
+export { useListSelection, } from './use-list-selection.svelte.js';