@casinogate/ui 1.11.6 → 1.11.7

package/dist/components/combobox/presets/async/combobox.async.svelte

@@ -1,4 +1,4 @@
-<script lang="ts">
+<script lang="ts" generics="TItem extends CommandItem">
   import type { CommandCollection, CommandItem } from '../../../command/index.js';
   import type { ComboboxAsyncProps } from '../../types.js';
 
@@ -35,6 +35,7 @@
     portalDisabled = false,
     allowDeselect = true,
     triggerClass,
+    contentClass,
     size = 'default',
     variant = 'default',
     rounded = 'default',
@@ -56,7 +57,7 @@
     onSelect = noop,
 
     ...restProps
-  }: ComboboxAsyncProps = $props();
+  }: ComboboxAsyncProps<TItem> = $props();
 
   const isMultiple = type === 'multiple';
 
@@ -267,7 +268,7 @@
       behavior: 'smooth',
     });
   };
-  function onSelectItem(item: Omit<CommandItem, 'onSelect'>) {
+  function onSelectItem(item: CommandItem) {
     if (Array.isArray(value)) {
       let result = value;
       if (value.includes(item.value)) {
@@ -275,7 +276,7 @@
       } else {
         result = [...value, item.value];
       }
-      onSelect(result, item);
+      onSelect(result, item as TItem);
       value = result;
     } else {
       let result = value;
@@ -284,7 +285,7 @@
       } else {
         result = item.value;
       }
-      onSelect(result, item);
+      onSelect(result, item as TItem);
       value = result;
     }
 
@@ -359,7 +360,7 @@
   {#if itemSnippet}
     <CommandPrimitive.Item {...itemAttrs} data-selected={boolAttr(isSelected(itemValue))}>
       {#snippet child({ props })}
-        {@render itemSnippet?.({ item, props })}
+        {@render itemSnippet?.({ item: item as TItem, props })}
       {/snippet}
     </CommandPrimitive.Item>
   {:else}
@@ -412,7 +413,7 @@
   {@render renderTrigger()}
 
   <PopoverPrimitive.Portal disabled={portalDisabled}>
-    <PopoverPrimitive.Content class="cgui:overflow-hidden cgui:rounded-md">
+    <PopoverPrimitive.Content class={cn('cgui:overflow-hidden cgui:rounded-md', contentClass)}>
       <CommandPrimitive.Root shouldFilter={false} class="cgui:max-h-80">
         <CommandPrimitive.Input bind:value={searchValue} placeholder={searchPlaceholder} />
 

package/dist/components/combobox/presets/async/combobox.async.svelte.d.ts

@@ -1,4 +1,26 @@
+import type { CommandItem } from '../../../command/index.js';
 import type { ComboboxAsyncProps } from '../../types.js';
-declare const Combobox: import("svelte").Component<ComboboxAsyncProps, {}, "value" | "open" | "items" | "searchValue">;
-type Combobox = ReturnType<typeof Combobox>;
+declare function $$render<TItem extends CommandItem>(): {
+    props: ComboboxAsyncProps<TItem>;
+    exports: {};
+    bindings: "value" | "open" | "items" | "searchValue";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<TItem extends CommandItem> {
+    props(): ReturnType<typeof $$render<TItem>>['props'];
+    events(): ReturnType<typeof $$render<TItem>>['events'];
+    slots(): ReturnType<typeof $$render<TItem>>['slots'];
+    bindings(): "value" | "open" | "items" | "searchValue";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <TItem extends CommandItem>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<TItem>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<TItem>['props']>, ReturnType<__sveltets_Render<TItem>['events']>, ReturnType<__sveltets_Render<TItem>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<TItem>['bindings']>;
+    } & ReturnType<__sveltets_Render<TItem>['exports']>;
+    <TItem extends CommandItem>(internal: unknown, props: ReturnType<__sveltets_Render<TItem>['props']> & {}): ReturnType<__sveltets_Render<TItem>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const Combobox: $$IsomorphicComponent;
+type Combobox<TItem extends CommandItem> = InstanceType<typeof Combobox<TItem>>;
 export default Combobox;

package/dist/components/combobox/presets/root/combobox.svelte

@@ -38,6 +38,7 @@
     fullWidth = true,
     closeOnSelect,
     maxContentHeight,
+    contentClass,
     onSelect = noop,
     ...restProps
   }: ComboboxProps = $props();
@@ -83,7 +84,7 @@
     return typeof value === 'string' && value.trim() !== '';
   });
 
-  function onSelectItem(item: Omit<CommandItem, 'onSelect'>) {
+  function onSelectItem(item: CommandItem) {
     if (Array.isArray(value)) {
       let result = value;
       if (value.includes(item.value)) {
@@ -208,7 +209,7 @@
   {@render renderTrigger()}
 
   <PopoverPrimitive.Portal disabled={portalDisabled}>
-    <PopoverPrimitive.Content class="cgui:overflow-hidden cgui:rounded-md">
+    <PopoverPrimitive.Content class={cn('cgui:overflow-hidden cgui:rounded-md', contentClass)}>
       <CommandPrimitive.Root>
         <CommandPrimitive.Input bind:value={searchValue} placeholder={searchPlaceholder} />
 

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

@@ -16,6 +16,7 @@ type ComboboxBaseProps = PrimitivePopoverRootProps & ComboboxTriggerVariantsProp
     portalDisabled?: boolean;
     allowDeselect?: boolean;
     triggerClass?: string;
+    contentClass?: string;
     closeOnSelect?: boolean;
     maxContentHeight?: string;
     clearable?: boolean;
@@ -50,13 +51,19 @@ export type ComboboxAsyncCallbackParams = {
     pageSize: number;
     search: string;
 };
-export type ComboboxAsyncCallbackResult = {
-    items: CommandItem[];
+export type ComboboxAsyncCallbackResult<TItem extends CommandItem> = {
+    items: TItem[];
     hasMore: boolean;
 };
-export type ComboboxAsyncCallback = (params: ComboboxAsyncCallbackParams) => Promise<ComboboxAsyncCallbackResult>;
-type ComboboxAsyncBaseProps = Omit<ComboboxBaseProps, 'collection'> & {
-    items?: CommandItem[];
+export type ComboboxAsyncCallback<TItem extends CommandItem = CommandItem> = (params: ComboboxAsyncCallbackParams) => Promise<ComboboxAsyncCallbackResult<TItem>>;
+type ComboboxAsyncBaseProps<TItem extends CommandItem> = Omit<ComboboxBaseProps, 'collection' | 'item' | 'onSelect'> & {
+    items?: TItem[];
+    item?: Snippet<[{
+        item: TItem;
+        props: Record<string, unknown>;
+    }]>;
+    /** Callback when selection changes */
+    onSelect?: (value: string | string[], item: TItem | null) => void;
     /** Loading state renderer */
     loading?: Snippet;
     /** Current page (default: 1) */
@@ -64,7 +71,7 @@ type ComboboxAsyncBaseProps = Omit<ComboboxBaseProps, 'collection'> & {
     /** Page size for pagination (default: 20) */
     pageSize?: number;
     /** Async data callback */
-    callback: ComboboxAsyncCallback;
+    callback: ComboboxAsyncCallback<TItem>;
     /** Load immediate data when combobox is mounted (default: true) */
     loadImmediate?: boolean;
     /** Group definitions (for labels/ordering) */
@@ -82,15 +89,15 @@ type ComboboxAsyncBaseProps = Omit<ComboboxBaseProps, 'collection'> & {
      */
     clearOnDependencyChange?: boolean;
 };
-type ComboboxAsyncSingleProps = ComboboxAsyncBaseProps & {
+type ComboboxAsyncSingleProps<TItem extends CommandItem> = ComboboxAsyncBaseProps<TItem> & {
     /** Selection mode (default: 'single') */
     type?: 'single';
     value?: string;
 };
-type ComboboxAsyncMultipleProps = ComboboxAsyncBaseProps & {
+type ComboboxAsyncMultipleProps<TItem extends CommandItem> = ComboboxAsyncBaseProps<TItem> & {
     /** Selection mode */
     type: 'multiple';
     value?: string[];
 };
-export type ComboboxAsyncProps = ComboboxAsyncSingleProps | ComboboxAsyncMultipleProps;
+export type ComboboxAsyncProps<TItem extends CommandItem> = ComboboxAsyncSingleProps<TItem> | ComboboxAsyncMultipleProps<TItem>;
 export {};

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

@@ -32,6 +32,7 @@ export type CommandItem = {
     /** Group key for grouping */
     group?: string;
     onSelect?: () => void;
+    [key: string]: unknown;
 };
 export type CommandGroup = {
     value: string;

package/dist/components/toast/components/toast.body.svelte

@@ -3,12 +3,7 @@
   import { toastPrimitiveBodyStyles } from '../styles.js';
   import type { ToastPrimitiveBodyProps } from '../types.js';
 
-  let {
-    ref = $bindable(null),
-    children,
-    class: className,
-    ...restProps
-  }: ToastPrimitiveBodyProps = $props();
+  let { ref = $bindable(null), children, class: className, ...restProps }: ToastPrimitiveBodyProps = $props();
 </script>
 
 <div bind:this={ref} class={cn(toastPrimitiveBodyStyles(), className)} data-slot="toast-body" {...restProps}>

package/dist/components/toast/components/toast.close.svelte

@@ -4,11 +4,7 @@
   import { toastPrimitiveCloseStyles } from '../styles.js';
   import type { ToastPrimitiveCloseProps } from '../types.js';
 
-  let {
-    ref = $bindable(null),
-    class: className,
-    ...restProps
-  }: ToastPrimitiveCloseProps = $props();
+  let { ref = $bindable(null), class: className, ...restProps }: ToastPrimitiveCloseProps = $props();
 </script>
 
 <button

package/dist/components/toast/components/toast.description.svelte

@@ -3,14 +3,14 @@
   import { toastPrimitiveDescriptionStyles } from '../styles.js';
   import type { ToastPrimitiveDescriptionProps } from '../types.js';
 
-  let {
-    ref = $bindable(null),
-    children,
-    class: className,
-    ...restProps
-  }: ToastPrimitiveDescriptionProps = $props();
+  let { ref = $bindable(null), children, class: className, ...restProps }: ToastPrimitiveDescriptionProps = $props();
 </script>
 
-<p bind:this={ref} class={cn(toastPrimitiveDescriptionStyles(), className)} data-slot="toast-description" {...restProps}>
+<p
+  bind:this={ref}
+  class={cn(toastPrimitiveDescriptionStyles(), className)}
+  data-slot="toast-description"
+  {...restProps}
+>
   {@render children?.()}
 </p>

package/dist/components/toast/components/toast.icon.svelte

@@ -5,12 +5,7 @@
   import type { ToastPrimitiveIconProps } from '../types.js';
   import { ToastRootContext } from './toast.svelte.js';
 
-  let {
-    ref = $bindable(null),
-    icon,
-    class: className,
-    ...restProps
-  }: ToastPrimitiveIconProps = $props();
+  let { ref = $bindable(null), icon, class: className, ...restProps }: ToastPrimitiveIconProps = $props();
 
   const rootState = ToastRootContext.get();
 
@@ -32,6 +27,10 @@
   {#if icon}
     {@render icon()}
   {:else}
-    <InnerIcon class={toastPrimitiveInnerIconStyles({ variant: rootState.opts.variant.current })} width={16} height={16} />
+    <InnerIcon
+      class={toastPrimitiveInnerIconStyles({ variant: rootState.opts.variant.current })}
+      width={16}
+      height={16}
+    />
   {/if}
 </div>

package/dist/components/toast/components/toast.root.svelte

@@ -21,6 +21,11 @@
   });
 </script>
 
-<div bind:this={ref} class={cn(toastPrimitiveRootStyles({ variant, rounded }), className)} data-slot="toast-root" {...restProps}>
+<div
+  bind:this={ref}
+  class={cn(toastPrimitiveRootStyles({ variant, rounded }), className)}
+  data-slot="toast-root"
+  {...restProps}
+>
   {@render children?.()}
 </div>

package/dist/components/toast/components/toast.title.svelte

@@ -3,12 +3,7 @@
   import { toastPrimitiveTitleStyles } from '../styles.js';
   import type { ToastPrimitiveTitleProps } from '../types.js';
 
-  let {
-    ref = $bindable(null),
-    children,
-    class: className,
-    ...restProps
-  }: ToastPrimitiveTitleProps = $props();
+  let { ref = $bindable(null), children, class: className, ...restProps }: ToastPrimitiveTitleProps = $props();
 </script>
 
 <p bind:this={ref} class={cn(toastPrimitiveTitleStyles(), className)} data-slot="toast-title" {...restProps}>

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

@@ -1,5 +1,5 @@
-import type { PrimitiveButtonAttributes, PrimitiveDivAttributes, PrimitiveParagraphAttributes } from '../../internal/types/html-attributes.js';
 import type { Without } from '../../internal/types/common.js';
+import type { PrimitiveButtonAttributes, PrimitiveDivAttributes, PrimitiveParagraphAttributes } from '../../internal/types/html-attributes.js';
 import type { Snippet } from 'svelte';
 import type { WithChildren, WithElementRef } from 'svelte-toolbelt';
 import type { ToastPrimitiveRootVariants } from './styles.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@casinogate/ui",
-  "version": "1.11.6",
+  "version": "1.11.7",
   "svelte": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "type": "module",