@casinogate/ui 1.11.4 → 1.11.6

package/dist/components/data-table/data-table.svelte

@@ -38,7 +38,7 @@
 </script>
 
 <DataTableRoot bind:ref {table} class={cn(className, { 'cgui:h-full': isEmpty })} {...restProps}>
-  <DataTableTable class={cn({ 'cgui:h-full': isEmpty })}>
+  <DataTableTable class={cn({ 'cgui:h-full cgui:flex-1': isEmpty })}>
     <DataTableHeader>
       {#each table.getHeaderGroups() as headerGroup (headerGroup.id)}
         <DataTableRow>
@@ -64,7 +64,7 @@
                     return typeof val === 'boolean' ? null : val;
                   })}
 
-                  <DataTableSortButton direction={dir} />
+                  <DataTableSortButton direction={dir} disabled={isEmpty} />
                 {/if}
 
                 {#if restProps.resizable && header.column.getCanResize()}
@@ -96,7 +96,6 @@
           {/if}
           <DataTableRow>
             {#each row.getVisibleCells() as cell (cell.id)}
-              {console.log(row.depth)}
               <DataTableCell {cell} depth={row.depth}>
                 <FlexRender content={cell.column.columnDef.cell} context={cell.getContext()} />
               </DataTableCell>

package/dist/components/data-table/styles.js

@@ -4,6 +4,7 @@ import { Context } from 'runed';
 export const dataTableVariants = tv({
     slots: {
         root: [
+            'cgui:flex cgui:flex-col',
             'cgui:scrollbar-thin cgui:scrollbar-thumb-surface-regular cgui:scrollbar-track-surface-lightest cgui:scrollbar-thumb-rounded-full cgui:scrollbar-track-rounded-full',
             'cgui:overflow-auto cgui:w-full',
             'cgui:border cgui:border-stroke-divider',

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

@@ -0,0 +1,6 @@
+export { default as Root } from './toast.root.svelte';
+export { default as Icon } from './toast.icon.svelte';
+export { default as Body } from './toast.body.svelte';
+export { default as Title } from './toast.title.svelte';
+export { default as Description } from './toast.description.svelte';
+export { default as Close } from './toast.close.svelte';

package/dist/components/toast/components/index.js

@@ -0,0 +1,6 @@
+export { default as Root } from './toast.root.svelte';
+export { default as Icon } from './toast.icon.svelte';
+export { default as Body } from './toast.body.svelte';
+export { default as Title } from './toast.title.svelte';
+export { default as Description } from './toast.description.svelte';
+export { default as Close } from './toast.close.svelte';

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

@@ -0,0 +1,16 @@
+<script lang="ts">
+  import { cn } from '../../../internal/utils/common.js';
+  import { toastPrimitiveBodyStyles } from '../styles.js';
+  import type { ToastPrimitiveBodyProps } from '../types.js';
+
+  let {
+    ref = $bindable(null),
+    children,
+    class: className,
+    ...restProps
+  }: ToastPrimitiveBodyProps = $props();
+</script>
+
+<div bind:this={ref} class={cn(toastPrimitiveBodyStyles(), className)} data-slot="toast-body" {...restProps}>
+  {@render children?.()}
+</div>

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

@@ -0,0 +1,4 @@
+import type { ToastPrimitiveBodyProps } from '../types.js';
+declare const Toast: import("svelte").Component<ToastPrimitiveBodyProps, {}, "ref">;
+type Toast = ReturnType<typeof Toast>;
+export default Toast;

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

@@ -0,0 +1,22 @@
+<script lang="ts">
+  import { Icon } from '../../icons/index.js';
+  import { cn } from '../../../internal/utils/common.js';
+  import { toastPrimitiveCloseStyles } from '../styles.js';
+  import type { ToastPrimitiveCloseProps } from '../types.js';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    ...restProps
+  }: ToastPrimitiveCloseProps = $props();
+</script>
+
+<button
+  bind:this={ref}
+  type="button"
+  class={cn(toastPrimitiveCloseStyles(), className)}
+  data-slot="toast-close"
+  {...restProps}
+>
+  <Icon.Cross width={12} height={12} />
+</button>

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

@@ -0,0 +1,4 @@
+import type { ToastPrimitiveCloseProps } from '../types.js';
+declare const Toast: import("svelte").Component<ToastPrimitiveCloseProps, {}, "ref">;
+type Toast = ReturnType<typeof Toast>;
+export default Toast;

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

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

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

@@ -0,0 +1,4 @@
+import type { ToastPrimitiveDescriptionProps } from '../types.js';
+declare const Toast: import("svelte").Component<ToastPrimitiveDescriptionProps, {}, "ref">;
+type Toast = ReturnType<typeof Toast>;
+export default Toast;

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

@@ -0,0 +1,37 @@
+<script lang="ts">
+  import { Icon } from '../../icons/index.js';
+  import { cn } from '../../../internal/utils/common.js';
+  import { toastPrimitiveIconWrapperStyles, toastPrimitiveInnerIconStyles } from '../styles.js';
+  import type { ToastPrimitiveIconProps } from '../types.js';
+  import { ToastRootContext } from './toast.svelte.js';
+
+  let {
+    ref = $bindable(null),
+    icon,
+    class: className,
+    ...restProps
+  }: ToastPrimitiveIconProps = $props();
+
+  const rootState = ToastRootContext.get();
+
+  const InnerIcon = $derived.by(() => {
+    const variant = rootState.opts.variant.current;
+    if (variant === 'error') return Icon.Error;
+    if (variant === 'warning') return Icon.Warning;
+    if (variant === 'success') return Icon.Success;
+    return Icon.Info;
+  });
+</script>
+
+<div
+  bind:this={ref}
+  class={cn(toastPrimitiveIconWrapperStyles({ hasIcon: rootState.opts.hasIcon.current }), className)}
+  data-slot="toast-icon"
+  {...restProps}
+>
+  {#if icon}
+    {@render icon()}
+  {:else}
+    <InnerIcon class={toastPrimitiveInnerIconStyles({ variant: rootState.opts.variant.current })} width={16} height={16} />
+  {/if}
+</div>

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

@@ -0,0 +1,4 @@
+import type { ToastPrimitiveIconProps } from '../types.js';
+declare const Toast: import("svelte").Component<ToastPrimitiveIconProps, {}, "ref">;
+type Toast = ReturnType<typeof Toast>;
+export default Toast;

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

@@ -0,0 +1,26 @@
+<script lang="ts">
+  import { cn } from '../../../internal/utils/common.js';
+  import { box } from 'svelte-toolbelt';
+  import { toastPrimitiveRootStyles } from '../styles.js';
+  import type { ToastPrimitiveRootProps } from '../types.js';
+  import { ToastRootState } from './toast.svelte.js';
+
+  let {
+    ref = $bindable(null),
+    variant = 'info',
+    rounded = 'xs',
+    hasIcon = true,
+    children,
+    class: className,
+    ...restProps
+  }: ToastPrimitiveRootProps = $props();
+
+  ToastRootState.create({
+    variant: box.with(() => variant),
+    hasIcon: box.with(() => hasIcon),
+  });
+</script>
+
+<div bind:this={ref} class={cn(toastPrimitiveRootStyles({ variant, rounded }), className)} data-slot="toast-root" {...restProps}>
+  {@render children?.()}
+</div>

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

@@ -0,0 +1,4 @@
+import type { ToastPrimitiveRootProps } from '../types.js';
+declare const Toast: import("svelte").Component<ToastPrimitiveRootProps, {}, "ref">;
+type Toast = ReturnType<typeof Toast>;
+export default Toast;

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

@@ -0,0 +1,14 @@
+import { Context } from 'runed';
+import type { ReadableBoxedValues } from 'svelte-toolbelt';
+import type { ToastPrimitiveRootProps } from '../types.js';
+export declare const ToastRootContext: Context<ToastRootState>;
+type ToastRootStateOpts = ReadableBoxedValues<{
+    variant: NonNullable<ToastPrimitiveRootProps['variant']>;
+    hasIcon: boolean;
+}>;
+export declare class ToastRootState {
+    static create(opts: ToastRootStateOpts): ToastRootState;
+    readonly opts: ToastRootStateOpts;
+    constructor(opts: ToastRootStateOpts);
+}
+export {};

package/dist/components/toast/components/toast.svelte.js

@@ -0,0 +1,12 @@
+import { keyWithPrefix } from '../../../internal/utils/common.js';
+import { Context } from 'runed';
+export const ToastRootContext = new Context(keyWithPrefix('toast-root'));
+export class ToastRootState {
+    static create(opts) {
+        return ToastRootContext.set(new ToastRootState(opts));
+    }
+    opts;
+    constructor(opts) {
+        this.opts = opts;
+    }
+}

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

@@ -0,0 +1,16 @@
+<script lang="ts">
+  import { cn } from '../../../internal/utils/common.js';
+  import { toastPrimitiveTitleStyles } from '../styles.js';
+  import type { ToastPrimitiveTitleProps } from '../types.js';
+
+  let {
+    ref = $bindable(null),
+    children,
+    class: className,
+    ...restProps
+  }: ToastPrimitiveTitleProps = $props();
+</script>
+
+<p bind:this={ref} class={cn(toastPrimitiveTitleStyles(), className)} data-slot="toast-title" {...restProps}>
+  {@render children?.()}
+</p>

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

@@ -0,0 +1,4 @@
+import type { ToastPrimitiveTitleProps } from '../types.js';
+declare const Toast: import("svelte").Component<ToastPrimitiveTitleProps, {}, "ref">;
+type Toast = ReturnType<typeof Toast>;
+export default Toast;

package/dist/components/toast/composed/index.d.ts

@@ -0,0 +1 @@
+export { Root } from './root/index.js';

package/dist/components/toast/composed/index.js

@@ -0,0 +1 @@
+export { Root } from './root/index.js';

package/dist/components/toast/composed/root/index.d.ts

@@ -0,0 +1 @@
+export { default as Root } from './toast.root.svelte';

package/dist/components/toast/composed/root/index.js

@@ -0,0 +1 @@
+export { default as Root } from './toast.root.svelte';

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

@@ -0,0 +1,47 @@
+<script lang="ts">
+  import * as ToastPrimitive from '../../components/index.js';
+  import type { ToastRootProps } from '../../types.js';
+
+  let {
+    ref = $bindable(null),
+    variant = 'info',
+    rounded = 'xs',
+    hasIcon = true,
+    title,
+    description,
+    icon,
+    onClose,
+    class: className,
+    ...restProps
+  }: ToastRootProps = $props();
+</script>
+
+<ToastPrimitive.Root bind:ref {variant} {rounded} {hasIcon} class={className} {...restProps}>
+  <ToastPrimitive.Icon {icon} />
+
+  <ToastPrimitive.Body>
+    {#if title}
+      <ToastPrimitive.Title>
+        {#if typeof title === 'string'}
+          {title}
+        {:else}
+          {@render title()}
+        {/if}
+      </ToastPrimitive.Title>
+    {/if}
+
+    {#if description}
+      <ToastPrimitive.Description>
+        {#if typeof description === 'string'}
+          {description}
+        {:else}
+          {@render description()}
+        {/if}
+      </ToastPrimitive.Description>
+    {/if}
+  </ToastPrimitive.Body>
+
+  {#if onClose}
+    <ToastPrimitive.Close onclick={onClose} />
+  {/if}
+</ToastPrimitive.Root>

package/dist/components/toast/composed/root/toast.root.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { ToastRootProps } from '../../types.js';
+declare const Toast: import("svelte").Component<ToastRootProps, {}, "ref">;
+type Toast = ReturnType<typeof Toast>;
+export default Toast;

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

@@ -1,2 +1,3 @@
-export * from './exports.js';
-export type { ToastProps } from './types.js';
+export * as ToastPrimitive from './components/index.js';
+export * as Toast from './composed/index.js';
+export * from './types.js';

package/dist/components/toast/index.js

@@ -1 +1,3 @@
-export * from './exports.js';
+export * as ToastPrimitive from './components/index.js';
+export * as Toast from './composed/index.js';
+export * from './types.js';

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

@@ -1,152 +1,90 @@
-import { Context } from 'runed';
-import type { ReadableBox } from 'svelte-toolbelt';
 import type { VariantProps } from 'tailwind-variants';
-export declare const toastVariants: import("tailwind-variants").TVReturnType<{
+export declare const toastPrimitiveRootStyles: import("tailwind-variants").TVReturnType<{
     variant: {
-        error: {
-            root: string;
-            innerIcon: string;
-        };
-        warning: {
-            root: string;
-            innerIcon: string;
-        };
-        success: {
-            root: string;
-            innerIcon: string;
-        };
-        info: {
-            root: string;
-            innerIcon: string;
-        };
+        error: string;
+        warning: string;
+        success: string;
+        info: string;
     };
     rounded: {
-        xs: {
-            root: string;
-        };
-        sm: {
-            root: string;
-        };
-        md: {
-            root: string;
-        };
-        lg: {
-            root: string;
-        };
-        xl: {
-            root: string;
-        };
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
     };
-    hasIcon: {
-        false: {
-            iconWrapper: string;
-        };
+}, undefined, string[], {
+    variant: {
+        error: string;
+        warning: string;
+        success: string;
+        info: string;
+    };
+    rounded: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
     };
-}, {
-    root: string[];
-    iconWrapper: string[];
-    innerIcon: never[];
-    body: string[];
-    title: string[];
-    description: string[];
-}, undefined, {
+}, undefined, import("tailwind-variants").TVReturnType<{
     variant: {
-        error: {
-            root: string;
-            innerIcon: string;
-        };
-        warning: {
-            root: string;
-            innerIcon: string;
-        };
-        success: {
-            root: string;
-            innerIcon: string;
-        };
-        info: {
-            root: string;
-            innerIcon: string;
-        };
+        error: string;
+        warning: string;
+        success: string;
+        info: string;
     };
     rounded: {
-        xs: {
-            root: string;
-        };
-        sm: {
-            root: string;
-        };
-        md: {
-            root: string;
-        };
-        lg: {
-            root: string;
-        };
-        xl: {
-            root: string;
-        };
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const toastPrimitiveIconWrapperStyles: import("tailwind-variants").TVReturnType<{
+    hasIcon: {
+        false: string;
     };
+}, undefined, string[], {
     hasIcon: {
-        false: {
-            iconWrapper: string;
-        };
+        false: string;
     };
-}, {
-    root: string[];
-    iconWrapper: string[];
-    innerIcon: never[];
-    body: string[];
-    title: string[];
-    description: string[];
-}, import("tailwind-variants").TVReturnType<{
+}, undefined, import("tailwind-variants").TVReturnType<{
+    hasIcon: {
+        false: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const toastPrimitiveInnerIconStyles: import("tailwind-variants").TVReturnType<{
     variant: {
-        error: {
-            root: string;
-            innerIcon: string;
-        };
-        warning: {
-            root: string;
-            innerIcon: string;
-        };
-        success: {
-            root: string;
-            innerIcon: string;
-        };
-        info: {
-            root: string;
-            innerIcon: string;
-        };
+        error: string;
+        warning: string;
+        success: string;
+        info: string;
     };
-    rounded: {
-        xs: {
-            root: string;
-        };
-        sm: {
-            root: string;
-        };
-        md: {
-            root: string;
-        };
-        lg: {
-            root: string;
-        };
-        xl: {
-            root: string;
-        };
+}, undefined, never[], {
+    variant: {
+        error: string;
+        warning: string;
+        success: string;
+        info: string;
     };
-    hasIcon: {
-        false: {
-            iconWrapper: string;
-        };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    variant: {
+        error: string;
+        warning: string;
+        success: string;
+        info: string;
     };
-}, {
-    root: string[];
-    iconWrapper: string[];
-    innerIcon: never[];
-    body: string[];
-    title: string[];
-    description: string[];
-}, undefined, unknown, unknown, undefined>>;
-export type SegmentVariantsProps = VariantProps<typeof toastVariants>;
-type ToastStylesContextValues = ReadableBox<ReturnType<typeof toastVariants>>;
-export declare const ToastStylesContext: Context<ToastStylesContextValues>;
-export {};
+}, undefined, never[], unknown, unknown, undefined>>;
+export declare const toastPrimitiveBodyStyles: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const toastPrimitiveTitleStyles: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const toastPrimitiveDescriptionStyles: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const toastPrimitiveCloseStyles: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export type ToastPrimitiveRootVariants = VariantProps<typeof toastPrimitiveRootStyles>;
+export type ToastPrimitiveIconWrapperVariants = VariantProps<typeof toastPrimitiveIconWrapperStyles>;
+export type ToastPrimitiveInnerIconVariants = VariantProps<typeof toastPrimitiveInnerIconStyles>;
+export type ToastPrimitiveBodyVariants = VariantProps<typeof toastPrimitiveBodyStyles>;
+export type ToastPrimitiveTitleVariants = VariantProps<typeof toastPrimitiveTitleStyles>;
+export type ToastPrimitiveDescriptionVariants = VariantProps<typeof toastPrimitiveDescriptionStyles>;
+export type ToastPrimitiveCloseVariants = VariantProps<typeof toastPrimitiveCloseStyles>;

package/dist/components/toast/styles.js

@@ -1,62 +1,65 @@
-import { keyWithPrefix } from '../../internal/utils/common.js';
 import { tv } from '../../internal/utils/tailwindcss.js';
-import { Context } from 'runed';
-export const toastVariants = tv({
-    slots: {
-        root: [
-            'cgui:overflow-hidden cgui:relative cgui:min-w-42 cgui:max-w-80',
-            'cgui:flex cgui:items-center cgui:gap-2 cgui:p-3',
-            'cgui:shadow-toast cgui:bg-surface-white',
-            'cgui:transition-all cgui:duration-250 cgui:ease-in-out',
-            'cgui:before:content-[""] cgui:before:pointer-events-none cgui:before:absolute cgui:before:top-0 cgui:before:inset-x-0 cgui:before:h-1.5 cgui:before:block',
-        ],
-        iconWrapper: ['cgui:shrink-0 cgui:size-6 cgui:flex cgui:items-center cgui:justify-center cgui:select-none'],
-        innerIcon: [],
-        body: ['cgui:flex cgui:flex-col cgui:gap-1  cgui:flex-1 cgui:text-left'],
-        title: ['cgui:text-body-2 cgui:text-fg-darkest'],
-        description: ['cgui:text-caption-2 cgui:text-fg-darkest'],
-    },
+const ToastVariants = ['error', 'warning', 'success', 'info'];
+const ToastRoundings = ['xs', 'sm', 'md', 'lg', 'xl'];
+export const toastPrimitiveRootStyles = tv({
+    base: [
+        'cgui:overflow-hidden cgui:relative cgui:min-w-42 cgui:max-w-80',
+        'cgui:flex cgui:items-center cgui:gap-2 cgui:p-3',
+        'cgui:shadow-toast cgui:bg-surface-white',
+        'cgui:transition-all cgui:duration-250 cgui:ease-in-out',
+        'cgui:before:content-[""] cgui:before:pointer-events-none cgui:before:absolute cgui:before:top-0 cgui:before:inset-x-0 cgui:before:h-1.5 cgui:before:block',
+    ],
     variants: {
         variant: {
-            error: {
-                root: 'cgui:before:bg-state-error',
-                innerIcon: 'cgui:text-state-error',
-            },
-            warning: {
-                root: 'cgui:before:bg-state-warning',
-                innerIcon: 'cgui:text-state-warning',
-            },
-            success: {
-                root: 'cgui:before:bg-state-success',
-                innerIcon: 'cgui:text-state-success',
-            },
-            info: {
-                root: 'cgui:before:bg-state-info',
-                innerIcon: 'cgui:text-state-info',
-            },
+            error: 'cgui:before:bg-state-error',
+            warning: 'cgui:before:bg-state-warning',
+            success: 'cgui:before:bg-state-success',
+            info: 'cgui:before:bg-state-info',
         },
         rounded: {
-            xs: {
-                root: 'cgui:rounded-xs',
-            },
-            sm: {
-                root: 'cgui:rounded-sm',
-            },
-            md: {
-                root: 'cgui:rounded-md',
-            },
-            lg: {
-                root: 'cgui:rounded-lg',
-            },
-            xl: {
-                root: 'cgui:rounded-xl',
-            },
+            xs: 'cgui:rounded-xs',
+            sm: 'cgui:rounded-sm',
+            md: 'cgui:rounded-md',
+            lg: 'cgui:rounded-lg',
+            xl: 'cgui:rounded-xl',
         },
+    },
+});
+export const toastPrimitiveIconWrapperStyles = tv({
+    base: [
+        'cgui:shrink-0 cgui:[&_svg]:size-6 cgui:[&_svg]:shrink-0 cgui:flex cgui:items-center cgui:justify-center cgui:select-none',
+    ],
+    variants: {
         hasIcon: {
-            false: {
-                iconWrapper: 'cgui:hidden',
-            },
+            false: 'cgui:hidden',
         },
     },
 });
-export const ToastStylesContext = new Context(keyWithPrefix('toast-styles'));
+export const toastPrimitiveInnerIconStyles = tv({
+    base: [],
+    variants: {
+        variant: {
+            error: 'cgui:text-state-error',
+            warning: 'cgui:text-state-warning',
+            success: 'cgui:text-state-success',
+            info: 'cgui:text-state-info',
+        },
+    },
+});
+export const toastPrimitiveBodyStyles = tv({
+    base: ['cgui:flex cgui:flex-col cgui:gap-1 cgui:flex-1 cgui:text-left'],
+});
+export const toastPrimitiveTitleStyles = tv({
+    base: ['cgui:text-body-2 cgui:text-fg-darkest'],
+});
+export const toastPrimitiveDescriptionStyles = tv({
+    base: ['cgui:text-caption-2 cgui:text-fg-darkest'],
+});
+export const toastPrimitiveCloseStyles = tv({
+    base: [
+        'cgui:shrink-0 cgui:size-6 cgui:flex cgui:items-center cgui:justify-center',
+        'cgui:rounded-xs cgui:cursor-pointer cgui:select-none',
+        'cgui:text-fg-regular cgui:hover:text-fg-darkest',
+        'cgui:transition-colors cgui:duration-200',
+    ],
+});

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

@@ -1,11 +1,30 @@
-import type { PrimitiveDivAttributes } from '../../internal/types/html-attributes.js';
+import type { PrimitiveButtonAttributes, PrimitiveDivAttributes, PrimitiveParagraphAttributes } from '../../internal/types/html-attributes.js';
+import type { Without } from '../../internal/types/common.js';
 import type { Snippet } from 'svelte';
-import type { WithElementRef, Without } from 'svelte-toolbelt';
-import type { SegmentVariantsProps } from './styles.js';
-type ToastPropsWithoutHTML = WithElementRef<{
-    title?: Snippet | string;
-    description?: Snippet | string;
+import type { WithChildren, WithElementRef } from 'svelte-toolbelt';
+import type { ToastPrimitiveRootVariants } from './styles.js';
+type ToastPrimitiveRootPropsWithoutHTML = WithElementRef<WithChildren<{
+    hasIcon?: boolean;
+}>> & ToastPrimitiveRootVariants;
+export type ToastPrimitiveRootProps = ToastPrimitiveRootPropsWithoutHTML & Without<PrimitiveDivAttributes, ToastPrimitiveRootPropsWithoutHTML>;
+type ToastPrimitiveIconPropsWithoutHTML = WithElementRef<{
     icon?: Snippet;
-}> & SegmentVariantsProps;
-export type ToastProps = ToastPropsWithoutHTML & Without<PrimitiveDivAttributes, ToastPropsWithoutHTML>;
+}>;
+export type ToastPrimitiveIconProps = ToastPrimitiveIconPropsWithoutHTML & Without<PrimitiveDivAttributes, ToastPrimitiveIconPropsWithoutHTML>;
+type ToastPrimitiveBodyPropsWithoutHTML = WithElementRef<WithChildren<{}>>;
+export type ToastPrimitiveBodyProps = ToastPrimitiveBodyPropsWithoutHTML & Without<PrimitiveDivAttributes, ToastPrimitiveBodyPropsWithoutHTML>;
+type ToastPrimitiveTitlePropsWithoutHTML = WithElementRef<WithChildren<{}>>;
+export type ToastPrimitiveTitleProps = ToastPrimitiveTitlePropsWithoutHTML & Without<PrimitiveParagraphAttributes, ToastPrimitiveTitlePropsWithoutHTML>;
+type ToastPrimitiveDescriptionPropsWithoutHTML = WithElementRef<WithChildren<{}>>;
+export type ToastPrimitiveDescriptionProps = ToastPrimitiveDescriptionPropsWithoutHTML & Without<PrimitiveParagraphAttributes, ToastPrimitiveDescriptionPropsWithoutHTML>;
+type ToastPrimitiveClosePropsWithoutHTML = WithElementRef<{}>;
+export type ToastPrimitiveCloseProps = ToastPrimitiveClosePropsWithoutHTML & Without<PrimitiveButtonAttributes, ToastPrimitiveClosePropsWithoutHTML>;
+type ToastRootPropsWithoutHTML = WithElementRef<{
+    title?: string | Snippet;
+    description?: string | Snippet;
+    icon?: Snippet;
+    onClose?: () => void;
+    hasIcon?: boolean;
+}> & ToastPrimitiveRootVariants;
+export type ToastRootProps = ToastRootPropsWithoutHTML & Without<PrimitiveDivAttributes, ToastRootPropsWithoutHTML>;
 export {};

package/package.json

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

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

@@ -1 +0,0 @@
-export { default as Toast } from './toast.component.svelte';

package/dist/components/toast/exports.js

@@ -1 +0,0 @@
-export { default as Toast } from './toast.component.svelte';

package/dist/components/toast/toast.component.svelte

@@ -1,58 +0,0 @@
-<script lang="ts">
-  import { Icon } from '../icons/index.js';
-  import { cn } from '../../internal/utils/common.js';
-  import { toastVariants } from './styles.js';
-  import type { ToastProps } from './types.js';
-
-  let {
-    variant = 'info',
-    rounded = 'xs',
-    hasIcon = true,
-    title,
-    description,
-    icon,
-    class: className,
-    ref = $bindable(null),
-    ...props
-  }: ToastProps = $props();
-
-  const styles = $derived(toastVariants({ variant, rounded, hasIcon }));
-
-  const InnerIcon = $derived.by(() => {
-    if (variant === 'error') return Icon.Error;
-
-    if (variant === 'warning') return Icon.Warning;
-
-    if (variant === 'success') return Icon.Success;
-
-    return Icon.Info;
-  });
-</script>
-
-<div bind:this={ref} class={cn(styles.root(), className)} {...props}>
-  <div class={styles.iconWrapper()}>
-    {#if icon}
-      {@render icon()}
-    {:else}
-      <InnerIcon class={styles.innerIcon()} width={16} height={16} />
-    {/if}
-  </div>
-
-  <div class={styles.body()}>
-    {#if typeof title === 'string'}
-      {#if title.trim().length}
-        <p class={styles.title()}>{title}</p>
-      {/if}
-    {:else}
-      {@render title?.()}
-    {/if}
-
-    {#if typeof description === 'string'}
-      {#if description.trim().length}
-        <p class={styles.description()}>{description}</p>
-      {/if}
-    {:else}
-      {@render description?.()}
-    {/if}
-  </div>
-</div>

package/dist/components/toast/toast.component.svelte.d.ts

@@ -1,4 +0,0 @@
-import type { ToastProps } from './types.js';
-declare const Toast: import("svelte").Component<ToastProps, {}, "ref">;
-type Toast = ReturnType<typeof Toast>;
-export default Toast;