@casinogate/ui 1.3.0 → 1.3.2

package/dist/components/select/index.js

@@ -1,6 +1 @@
-import Root, {} from './components/select.root.svelte';
-import Trigger, {} from './components/select.trigger.svelte';
-export const SelectPrimitive = {
-    Root,
-    Trigger,
-};
+export * as SelectPrimitive from './exports-primitive.js';

package/dist/components/select/select.stories.svelte

@@ -1,5 +1,5 @@
 <script lang="ts" module>
-  import { ChevronDownIcon } from '../icons/index.js';
+  import { Icon } from '../icons/index.js';
   import { defineMeta } from '@storybook/addon-svelte-csf';
   import type { Parameters } from '@storybook/sveltekit';
   import type { ComponentProps } from 'svelte';
@@ -29,11 +29,11 @@
 </script>
 
 {#snippet startChevron()}
-  <ChevronDownIcon class="cgui:size-4" />
+  <Icon.ChevronDown class="cgui:size-4" />
 {/snippet}
 
 {#snippet endChevron()}
-  <ChevronDownIcon class="cgui:size-4" />
+  <Icon.ChevronDown class="cgui:size-4" />
 {/snippet}
 
 <Story name="Basic" {args} {parameters}>

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

@@ -0,0 +1,9 @@
+import { type SelectRootProps as SelectRootPropsPrimitive, type SelectTriggerProps as SelectTriggerPropsPrimitive } from 'bits-ui';
+import type { Snippet } from 'svelte';
+import type { WithoutChild } from 'svelte-toolbelt';
+import { type SelectVariantsProps } from './styles.js';
+export type SelectRootProps = SelectRootPropsPrimitive & SelectVariantsProps;
+export type SelectTriggerProps = WithoutChild<SelectTriggerPropsPrimitive> & {
+    startChevron?: Snippet;
+    endChevron?: Snippet;
+};

package/dist/components/select/types.js

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

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

@@ -0,0 +1 @@
+export { default as Separator } from './separator.svelte';

package/dist/components/separator/exports.js

@@ -0,0 +1 @@
+export { default as Separator } from './separator.svelte';

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

@@ -1,5 +1,2 @@
-import { type SeparatorProps } from './separator.svelte';
-export declare const Separator: {
-    Root: import("svelte").Component<import("bits-ui").SeparatorRootProps, {}, "ref">;
-};
-export type { SeparatorProps };
+export * from './exports.js';
+export type { SeparatorProps } from './types.js';

package/dist/components/separator/index.js

@@ -1,4 +1 @@
-import Root, {} from './separator.svelte';
-export const Separator = {
-    Root,
-};
+export * from './exports.js';

package/dist/components/separator/separator.svelte

@@ -1,11 +1,8 @@
-<script lang="ts" module>
-  export type SeparatorProps = SeparatorPrimitive.RootProps;
-</script>
-
 <script lang="ts">
   import { SLOT_ATTR_NAME } from '../../internal/constants/attrs.js';
   import { cn } from '../../internal/utils/common.js';
   import { Separator as SeparatorPrimitive } from 'bits-ui';
+  import type { SeparatorProps } from './types.js';
 
   let { ref = $bindable(null), class: className, ...restProps }: SeparatorProps = $props();
 </script>

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

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

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

@@ -0,0 +1,2 @@
+import { type SeparatorRootProps as SeparatorRootPropsPrimitive } from 'bits-ui';
+export type SeparatorProps = SeparatorRootPropsPrimitive;

package/dist/components/separator/types.js

@@ -0,0 +1 @@
+import {} from 'bits-ui';

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

@@ -0,0 +1 @@
+export { default as Skeleton } from './skeleton.svelte';

package/dist/components/skeleton/exports.js

@@ -0,0 +1 @@
+export { default as Skeleton } from './skeleton.svelte';

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

@@ -1 +1,2 @@
-export { default as Skeleton, type SkeletonProps } from './skeleton.svelte';
+export * from './exports.js';
+export type { SkeletonProps } from './types.js';

package/dist/components/skeleton/index.js

@@ -1 +1 @@
-export { default as Skeleton } from './skeleton.svelte';
+export * from './exports.js';

package/dist/components/skeleton/skeleton.svelte

@@ -1,20 +1,8 @@
-<script lang="ts" module>
-  import type { PrimitiveDivAttributes } from '../../internal/types/html-attributes.js';
+<script lang="ts">
   import { cn } from '../../internal/utils/common.js';
-  import type { WithElementRef, Without } from 'svelte-toolbelt';
-  import { skeletonStyles, type SkeletonVariantProps } from './styles.js';
-
-  type SkeletonPropsWithoutHTML = WithElementRef<{
-    count?: number;
-
-    as?: keyof HTMLElementTagNameMap;
-  }> &
-    SkeletonVariantProps;
+  import { skeletonStyles } from './styles.js';
+  import type { SkeletonProps } from './types.js';
 
-  export type SkeletonProps = SkeletonPropsWithoutHTML & Without<PrimitiveDivAttributes, SkeletonPropsWithoutHTML>;
-</script>
-
-<script lang="ts">
   let {
     ref = $bindable(null),
     class: className,

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

@@ -1,11 +1,4 @@
-import type { PrimitiveDivAttributes } from '../../internal/types/html-attributes.js';
-import type { WithElementRef, Without } from 'svelte-toolbelt';
-import { type SkeletonVariantProps } from './styles.js';
-type SkeletonPropsWithoutHTML = WithElementRef<{
-    count?: number;
-    as?: keyof HTMLElementTagNameMap;
-}> & SkeletonVariantProps;
-export type SkeletonProps = SkeletonPropsWithoutHTML & Without<PrimitiveDivAttributes, SkeletonPropsWithoutHTML>;
+import type { SkeletonProps } from './types.js';
 declare const Skeleton: import("svelte").Component<SkeletonProps, {}, "ref">;
 type Skeleton = ReturnType<typeof Skeleton>;
 export default Skeleton;

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

@@ -0,0 +1,9 @@
+import type { PrimitiveDivAttributes } from '../../internal/types/html-attributes.js';
+import type { WithElementRef, Without } from 'svelte-toolbelt';
+import type { SkeletonVariantProps } from './styles.js';
+type SkeletonPropsWithoutHTML = WithElementRef<{
+    count?: number;
+    as?: keyof HTMLElementTagNameMap;
+}> & SkeletonVariantProps;
+export type SkeletonProps = SkeletonPropsWithoutHTML & Without<PrimitiveDivAttributes, SkeletonPropsWithoutHTML>;
+export {};

package/dist/components/skeleton/types.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1 @@
+export { default as Spinner } from './spinner.svelte';

package/dist/components/spinner/exports.js

@@ -0,0 +1 @@
+export { default as Spinner } from './spinner.svelte';

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

@@ -1 +1,2 @@
-export { default as Spinner, type SpinnerProps } from './spinner.svelte';
+export * from './exports.js';
+export type { SpinnerProps } from './types.js';

package/dist/components/spinner/index.js

@@ -1 +1 @@
-export { default as Spinner } from './spinner.svelte';
+export * from './exports.js';

package/dist/components/spinner/spinner.svelte

@@ -1,22 +1,12 @@
-<script lang="ts" module>
-  type SpinnerPropsWithoutHTML = {
-    size?: number;
-  };
-
-  export type SpinnerProps = SpinnerPropsWithoutHTML &
-    Without<Omit<PrimitiveSVGAttributes, 'width' | 'height'>, SpinnerPropsWithoutHTML>;
-</script>
-
 <script lang="ts">
-  import type { PrimitiveSVGAttributes } from '../../internal/types/html-attributes.js';
   import { cn } from '../../internal/utils/common.js';
-  import type { Without } from 'bits-ui';
-  import { SpinnerIcon } from '../icons/index.js';
+  import { Icon } from '../icons/index.js';
+  import type { SpinnerProps } from './types.js';
 
   let { class: className, size = 24, ...restProps }: SpinnerProps = $props();
 </script>
 
-<SpinnerIcon
+<Icon.Spinner
   class={cn('cgui:animate-spin cgui:text-icon-default', className)}
   width={size}
   height={size}

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

@@ -1,9 +1,4 @@
-type SpinnerPropsWithoutHTML = {
-    size?: number;
-};
-export type SpinnerProps = SpinnerPropsWithoutHTML & Without<Omit<PrimitiveSVGAttributes, 'width' | 'height'>, SpinnerPropsWithoutHTML>;
-import type { PrimitiveSVGAttributes } from '../../internal/types/html-attributes.js';
-import type { Without } from 'bits-ui';
+import type { SpinnerProps } from './types.js';
 declare const Spinner: import("svelte").Component<SpinnerProps, {}, "">;
 type Spinner = ReturnType<typeof Spinner>;
 export default Spinner;

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

@@ -0,0 +1,7 @@
+import type { PrimitiveSVGAttributes } from '../../internal/types/html-attributes.js';
+import type { Without } from 'svelte-toolbelt';
+type SpinnerPropsWithoutHTML = {
+    size?: number;
+};
+export type SpinnerProps = SpinnerPropsWithoutHTML & Without<Omit<PrimitiveSVGAttributes, 'width' | 'height'>, SpinnerPropsWithoutHTML>;
+export {};

package/dist/components/spinner/types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/switch/components/switch.root.svelte

@@ -1,17 +1,16 @@
-<script lang="ts" module>
-  export type SwitchRootProps = SwitchRootPropsPrimitive & SwitchVariantsProps;
-</script>
-
 <script lang="ts">
   import { box } from 'svelte-toolbelt';
 
-  import { SwitchStylesContext, switchVariants, type SwitchVariantsProps } from '../styles.js';
+  import { SwitchStylesContext, switchVariants } from '../styles.js';
 
   import { cn, useId } from '../../../internal/utils/common.js';
-  import { Switch as SwitchPrimitive, type SwitchRootProps as SwitchRootPropsPrimitive } from 'bits-ui';
+  import { Switch as SwitchPrimitive } from 'bits-ui';
+  import type { SwitchRootProps } from '../types.js';
+
+  const uid = $props.id();
 
   let {
-    id = useId(),
+    id = useId(uid),
     ref = $bindable(null),
     checked = $bindable(false),
     size = 'md',

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

@@ -1,6 +1,4 @@
-export type SwitchRootProps = SwitchRootPropsPrimitive & SwitchVariantsProps;
-import { type SwitchVariantsProps } from '../styles.js';
-import { type SwitchRootProps as SwitchRootPropsPrimitive } from 'bits-ui';
-declare const Switch: import("svelte").Component<SwitchRootProps, {}, "ref" | "checked">;
+import type { SwitchRootProps } from '../types.js';
+declare const Switch: import("svelte").Component<SwitchRootProps, {}, "checked" | "ref">;
 type Switch = ReturnType<typeof Switch>;
 export default Switch;

package/dist/components/switch/components/switch.thumb.svelte

@@ -1,15 +1,13 @@
-<script lang="ts" module>
-  export type SwitchThumbProps = SwitchThumbPropsPrimitive;
-</script>
-
 <script lang="ts">
   import { cn, useId } from '../../../internal/utils/common.js';
-
   import { SwitchStylesContext } from '../styles.js';
+  import type { SwitchThumbProps } from '../types.js';
+
+  import { Switch as SwitchPrimitive } from 'bits-ui';
 
-  import { Switch as SwitchPrimitive, type SwitchThumbProps as SwitchThumbPropsPrimitive } from 'bits-ui';
+  const uid = $props.id();
 
-  let { ref = $bindable(null), id = useId(), class: className, ...props }: SwitchThumbProps = $props();
+  let { ref = $bindable(null), id = useId(uid), class: className, ...props }: SwitchThumbProps = $props();
 
   const styles = SwitchStylesContext.get();
 </script>

package/dist/components/switch/components/switch.thumb.svelte.d.ts

@@ -1,5 +1,4 @@
-export type SwitchThumbProps = SwitchThumbPropsPrimitive;
-import { Switch as SwitchPrimitive, type SwitchThumbProps as SwitchThumbPropsPrimitive } from 'bits-ui';
+import { Switch as SwitchPrimitive } from 'bits-ui';
 declare const Switch: import("svelte").Component<SwitchPrimitive.ThumbProps, {}, "ref">;
 type Switch = ReturnType<typeof Switch>;
 export default Switch;

package/dist/components/switch/exports-primitive.d.ts

@@ -0,0 +1,2 @@
+export { default as Root } from './components/switch.root.svelte';
+export { default as Thumb } from './components/switch.thumb.svelte';

package/dist/components/switch/exports-primitive.js

@@ -0,0 +1,2 @@
+export { default as Root } from './components/switch.root.svelte';
+export { default as Thumb } from './components/switch.thumb.svelte';

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

@@ -0,0 +1 @@
+export { default as Switch } from './switch.svelte';

package/dist/components/switch/exports.js

@@ -0,0 +1 @@
+export { default as Switch } from './switch.svelte';

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

@@ -1,10 +1,4 @@
-import { type SwitchRootProps } from './components/switch.root.svelte';
-import { type SwitchThumbProps } from './components/switch.thumb.svelte';
-export declare const SwitchPrimitive: {
-    Root: import("svelte").Component<SwitchRootProps, {}, "ref" | "checked">;
-    Thumb: import("svelte").Component<import("bits-ui").SwitchThumbProps, {}, "ref">;
-};
-export declare const Switch: {
-    Basic: import("svelte").Component<SwitchRootProps, {}, "ref" | "checked">;
-};
-export type { SwitchRootProps, SwitchThumbProps };
+export * as SwitchPrimitive from './exports-primitive.js';
+export * from './exports.js';
+export { SwitchController } from './model/index.js';
+export type { SwitchProps, SwitchRootProps, SwitchThumbProps } from './types.js';

package/dist/components/switch/index.js

@@ -1,10 +1,3 @@
-import Root, {} from './components/switch.root.svelte';
-import Thumb, {} from './components/switch.thumb.svelte';
-import Basic from './presets/basic.svelte';
-export const SwitchPrimitive = {
-    Root,
-    Thumb,
-};
-export const Switch = {
-    Basic,
-};
+export * as SwitchPrimitive from './exports-primitive.js';
+export * from './exports.js';
+export { SwitchController } from './model/index.js';

package/dist/components/switch/model/index.d.ts

@@ -1 +1 @@
-export { SwitchModel, useSwitchModel } from './switch-model.svelte.js';
+export { SwitchController } from './switch-controller.svelte.js';

package/dist/components/switch/model/index.js

@@ -1 +1 @@
-export { SwitchModel, useSwitchModel } from './switch-model.svelte.js';
+export { SwitchController } from './switch-controller.svelte.js';

package/dist/components/switch/model/switch-controller.svelte.d.ts

@@ -0,0 +1,11 @@
+type SwitchControllerOpts = {
+    defaultChecked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+};
+export declare class SwitchController {
+    #private;
+    constructor(opts?: SwitchControllerOpts);
+    get checked(): boolean;
+    set checked(value: boolean);
+}
+export {};

package/dist/components/switch/model/{switch-model.svelte.js → switch-controller.svelte.js}

@@ -1,4 +1,4 @@
-export class SwitchModel {
+export class SwitchController {
     #opts;
     #checked = $state(false);
     constructor(opts = {}) {
@@ -13,6 +13,3 @@ export class SwitchModel {
         this.#opts.onCheckedChange?.(value);
     }
 }
-export const useSwitchModel = (opts = {}) => {
-    return new SwitchModel(opts);
-};

package/dist/components/switch/switch.stories.svelte

@@ -50,6 +50,6 @@
 
 <Story name="Preset Basic" {args} {parameters}>
   {#snippet template(args: Args)}
-    <Switch.Basic {...args} />
+    <Switch {...args} />
   {/snippet}
 </Story>

package/dist/components/switch/switch.svelte

@@ -0,0 +1,11 @@
+<script lang="ts">
+  import Root from './components/switch.root.svelte';
+  import Thumb from './components/switch.thumb.svelte';
+  import type { SwitchProps } from './types.js';
+
+  let { ref = $bindable(null), checked = $bindable(false), ...restProps }: SwitchProps = $props();
+</script>
+
+<Root bind:ref bind:checked {...restProps}>
+  <Thumb />
+</Root>

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

@@ -0,0 +1,3 @@
+declare const Switch: import("svelte").Component<import("./types.js").SwitchRootProps, {}, "checked" | "ref">;
+type Switch = ReturnType<typeof Switch>;
+export default Switch;

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

@@ -0,0 +1,5 @@
+import { type SwitchRootProps as SwitchRootPropsPrimitive, type SwitchThumbProps as SwitchThumbPropsPrimitive } from 'bits-ui';
+import { type SwitchVariantsProps } from './styles.js';
+export type SwitchRootProps = SwitchRootPropsPrimitive & SwitchVariantsProps;
+export type SwitchThumbProps = SwitchThumbPropsPrimitive;
+export type SwitchProps = SwitchRootProps;

package/dist/components/switch/types.js

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

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

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

package/dist/components/toast/exports.js

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

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

@@ -1 +1,2 @@
-export {};
+export * from './exports.js';
+export type { ToastProps } from './types.js';

package/dist/components/toast/index.js

@@ -1 +1 @@
-"use strict";
+export * from './exports.js';

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

@@ -0,0 +1,152 @@
+import { Context } from 'runed';
+import type { ReadableBox } from 'svelte-toolbelt';
+import type { VariantProps } from 'tailwind-variants';
+export declare const toastVariants: 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;
+        };
+    };
+    rounded: {
+        xs: {
+            root: string;
+        };
+        sm: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+        xl: {
+            root: string;
+        };
+    };
+    hasIcon: {
+        false: {
+            iconWrapper: string;
+        };
+    };
+}, {
+    root: string[];
+    iconWrapper: string[];
+    innerIcon: never[];
+    body: string[];
+    title: string[];
+    description: string[];
+}, undefined, {
+    variant: {
+        error: {
+            root: string;
+            innerIcon: string;
+        };
+        warning: {
+            root: string;
+            innerIcon: string;
+        };
+        success: {
+            root: string;
+            innerIcon: string;
+        };
+        info: {
+            root: string;
+            innerIcon: string;
+        };
+    };
+    rounded: {
+        xs: {
+            root: string;
+        };
+        sm: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+        xl: {
+            root: string;
+        };
+    };
+    hasIcon: {
+        false: {
+            iconWrapper: string;
+        };
+    };
+}, {
+    root: string[];
+    iconWrapper: string[];
+    innerIcon: never[];
+    body: string[];
+    title: string[];
+    description: string[];
+}, 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;
+        };
+    };
+    rounded: {
+        xs: {
+            root: string;
+        };
+        sm: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+        xl: {
+            root: string;
+        };
+    };
+    hasIcon: {
+        false: {
+            iconWrapper: 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 {};