@casinogate/ui 1.10.9 → 1.10.11

package/dist/components/button/styles.js

@@ -1,110 +1,58 @@
 import { tv } from '../../internal/utils/tailwindcss.js';
 export const buttonVariants = tv({
-    slots: {
-        root: [
-            'cgui:flex cgui:items-center cgui:justify-center cgui:gap-1 cgui:cursor-pointer cgui:px-2 cgui:text-center cgui:overflow-hidden',
-            'cgui:transition-all cgui:duration-250 cgui:ease-in-out',
-            'cgui:select-none cgui:font-medium',
-            'cgui:disabled:cursor-not-allowed cgui:disabled:opacity-50',
-        ],
-        chevron: ['cgui:inline-flex cgui:items-center cgui:justify-center cgui:shrink-0'],
-    },
+    base: [
+        'cgui:flex cgui:items-center cgui:justify-center cgui:gap-1 cgui:cursor-pointer cgui:px-2 cgui:text-center cgui:overflow-hidden',
+        'cgui:transition-all cgui:duration-250 cgui:ease-in-out',
+        'cgui:select-none cgui:font-medium',
+        'cgui:disabled:cursor-not-allowed cgui:disabled:opacity-50',
+        'cgui:[&_svg]:shrink-0 cgui:[&_svg]:size-4.5',
+    ],
     variants: {
         variant: {
-            primary: {
-                root: ['cgui:bg-primary-80  cgui:text-fg-white', 'cgui:hover:bg-primary-60 ', ' cgui:active:bg-primary-100'],
-            },
-            outline: {
-                root: [
-                    'cgui:bg-transparent cgui:text-primary-80 cgui:border cgui:border-stroke-primary',
-                    'cgui:hover:text-primary-60 cgui:hover:border-stroke-primary-60',
-                    'cgui:active:text-primary-100 cgui:active:border-stroke-primary-100',
-                ],
-            },
-            ghost: {
-                root: [
-                    'cgui:bg-transparent cgui:text-primary-80',
-                    'cgui:hover:text-primary-60',
-                    'cgui:active:text-primary-100',
-                ],
-            },
-            link: {
-                root: [
-                    'cgui:bg-transparent cgui:text-primary-80',
-                    'cgui:hover:text-primary-60',
-                    'cgui:active:text-primary-100',
-                    'cgui:underline',
-                ],
-            },
-            clean: {
-                root: [],
-            },
+            primary: ['cgui:bg-primary-80  cgui:text-fg-white', 'cgui:hover:bg-primary-60 ', ' cgui:active:bg-primary-100'],
+            outline: [
+                'cgui:bg-transparent cgui:text-primary-80 cgui:border cgui:border-stroke-primary',
+                'cgui:hover:text-primary-60 cgui:hover:border-stroke-primary-60',
+                'cgui:active:text-primary-100 cgui:active:border-stroke-primary-100',
+            ],
+            ghost: ['cgui:bg-transparent cgui:text-primary-80', 'cgui:hover:text-primary-60', 'cgui:active:text-primary-100'],
+            link: [
+                'cgui:bg-transparent cgui:text-primary-80',
+                'cgui:hover:text-primary-60',
+                'cgui:active:text-primary-100',
+                'cgui:underline',
+            ],
+            clean: [],
         },
         loading: {
-            true: {
-                root: 'cgui:pointer-events-none cgui:opacity-50',
-            },
+            true: 'cgui:pointer-events-none cgui:opacity-50',
         },
         shadow: {
-            true: {
-                root: 'cgui:shadow-btn',
-            },
+            true: 'cgui:shadow-btn',
         },
         size: {
-            xs: {
-                root: 'cgui:h-7.5 cgui:px-2 cgui:text-body',
-            },
-            sm: {
-                root: 'cgui:h-8 cgui:px-2.5 cgui:text-body',
-            },
-            md: {
-                root: 'cgui:h-9 cgui:px-3 cgui:text-body',
-            },
-            lg: {
-                root: 'cgui:h-10.5 cgui:px-4 cgui:text-heading-2',
-            },
-            clean: {
-                root: '',
-            },
+            xs: 'cgui:h-7.5 cgui:px-2 cgui:text-body',
+            sm: 'cgui:h-8 cgui:px-2.5 cgui:text-body',
+            md: 'cgui:h-9 cgui:px-3 cgui:text-body',
+            lg: 'cgui:h-10.5 cgui:px-4 cgui:text-heading-2',
+            clean: '',
         },
         w: {
-            full: {
-                root: 'cgui:w-full',
-            },
-            auto: {
-                root: 'cgui:w-auto',
-            },
-            fit: {
-                root: 'cgui:w-fit',
-            },
-            clean: {
-                root: '',
-            },
+            full: 'cgui:w-full',
+            auto: 'cgui:w-auto',
+            fit: 'cgui:w-fit',
+            clean: '',
         },
         fullWidth: {
-            true: {
-                root: 'cgui:w-full',
-            },
+            true: 'cgui:w-full',
         },
         rounded: {
-            sm: {
-                root: 'cgui:rounded-sm',
-            },
-            md: {
-                root: 'cgui:rounded-md',
-            },
-            lg: {
-                root: 'cgui:rounded-lg',
-            },
-            xl: {
-                root: 'cgui:rounded-xl',
-            },
-            full: {
-                root: 'cgui:rounded-full',
-            },
-            clean: {
-                root: '',
-            },
+            sm: 'cgui:rounded-sm',
+            md: 'cgui:rounded-md',
+            lg: 'cgui:rounded-lg',
+            xl: 'cgui:rounded-xl',
+            full: 'cgui:rounded-full',
+            clean: '',
         },
     },
     defaultVariants: {

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

@@ -1,7 +1,3 @@
 import type { ButtonVariantsProps } from './styles.js';
 import { type ButtonRootProps } from 'bits-ui';
-import type { Snippet } from 'svelte';
-export type ButtonProps = ButtonRootProps & {
-    startChevron?: Snippet;
-    endChevron?: Snippet;
-} & ButtonVariantsProps;
+export type ButtonProps = ButtonRootProps & ButtonVariantsProps;

package/dist/components/dialog/styles.js

@@ -1,7 +1,7 @@
 import { tv } from '../../internal/utils/tailwindcss.js';
 export const dialogPositionerStyles = tv({
     base: [
-        'cgui:pointer-events-none cgui:fixed cgui:top-0 cgui:left-0 cgui:z-(--z-index-dialog) cgui:overflow-hidden',
+        'cgui:pointer-events-none cgui:fixed cgui:top-0 cgui:left-0 cgui:z-(--cg-ui-z-index-dialog) cgui:overflow-hidden',
         'cgui:flex cgui:flex-col cgui:size-full',
     ],
     variants: {
@@ -15,7 +15,7 @@ export const dialogPositionerStyles = tv({
 });
 export const dialogOverlayStyles = tv({
     base: [
-        'cgui:pointer-events-none cgui:fixed cgui:top-0 cgui:left-0 cgui:z-(--z-index-dialog) cgui:overflow-hidden',
+        'cgui:pointer-events-none cgui:fixed cgui:top-0 cgui:left-0 cgui:z-(--cg-ui-z-index-dialog) cgui:overflow-hidden',
         'cgui:size-full',
         'cgui:bg-neutral-100/50',
         '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',
@@ -23,7 +23,7 @@ export const dialogOverlayStyles = tv({
 });
 export const dialogContentStyles = tv({
     base: [
-        'cgui:relative cgui:z-(--z-index-dialog) cgui:outline-none cgui:overflow-hidden',
+        'cgui:relative cgui:z-(--cg-ui-z-index-dialog) cgui:outline-none cgui:overflow-hidden',
         'cgui:data-[state=open]:animate-in cgui:data-[state=open]:fade-in-0 cgui:data-[state=open]:slide-in-from-bottom-20',
         'cgui:data-[state=closed]:animate-out cgui:data-[state=closed]:fade-out-0 cgui:data-[state=closed]:slide-out-to-bottom-20',
     ],

package/dist/components/drawer/components/drawer.close.svelte

@@ -0,0 +1,23 @@
+<script lang="ts">
+  import { Icon } from '../../icons/index.js';
+  import { cn } from '../../../internal/utils/common.js';
+  import { Drawer } from 'vaul-svelte';
+  import type { DrawerCloseProps } from '../types.js';
+
+  let { class: className, children, ref = $bindable(null), ...restProps }: DrawerCloseProps = $props();
+</script>
+
+<Drawer.Close
+  bind:ref
+  class={cn(
+    'cgui:flex cgui:cursor-pointer cgui:items-center cgui:justify-center cgui:text-icon-regular cgui:disabled:cursor-not-allowed cgui:disabled:opacity-50',
+    className
+  )}
+  {...restProps}
+>
+  {#if children}
+    {@render children?.()}
+  {:else}
+    <Icon.Cross width={24} height={24} class="cgui:size-6" />
+  {/if}
+</Drawer.Close>

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

@@ -0,0 +1,4 @@
+import { Drawer } from 'vaul-svelte';
+declare const Drawer: import("svelte").Component<Drawer.TriggerProps, {}, "ref">;
+type Drawer = ReturnType<typeof Drawer>;
+export default Drawer;

package/dist/components/drawer/components/drawer.content.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">
+  import { cn } from '../../../internal/utils/common.js';
+  import { Drawer } from 'vaul-svelte';
+  import { drawerContentStyles } from '../styles.js';
+  import type { DrawerContentProps } from '../types.js';
+
+  let { children, class: className, variant = 'default', ...restProps }: DrawerContentProps = $props();
+</script>
+
+<Drawer.Content class={cn(drawerContentStyles({ variant }), className)} {...restProps}>
+  {@render children?.()}
+</Drawer.Content>

package/dist/components/drawer/components/drawer.content.svelte.d.ts

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

package/dist/components/drawer/components/drawer.description.svelte

@@ -0,0 +1,11 @@
+<script lang="ts">
+	import { cn } from '../../../internal/utils/common.js';
+	import { Drawer } from 'vaul-svelte';
+	import type { DrawerDescriptionProps } from '../types.js';
+
+	let { class: className, children, ...restProps }: DrawerDescriptionProps = $props();
+</script>
+
+<Drawer.Description class={cn('cgui:text-body cgui:text-fg-dark', className)} {...restProps}>
+	{@render children?.()}
+</Drawer.Description>

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

@@ -0,0 +1,4 @@
+import { Drawer } from 'vaul-svelte';
+declare const Drawer: import("svelte").Component<Drawer.DescriptionProps, {}, "">;
+type Drawer = ReturnType<typeof Drawer>;
+export default Drawer;

package/dist/components/drawer/components/drawer.handle.svelte

@@ -0,0 +1,10 @@
+<script lang="ts">
+  import { cn } from '../../../internal/utils/common.js';
+  import { Drawer } from 'vaul-svelte';
+  import { drawerHandleStyles } from '../styles.js';
+  import type { DrawerHandleProps } from '../types.js';
+
+  let { class: className, ...restProps }: DrawerHandleProps = $props();
+</script>
+
+<Drawer.Handle class={cn(drawerHandleStyles(), className)} {...restProps} />

package/dist/components/drawer/components/drawer.handle.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Drawer } from 'vaul-svelte';
+declare const Drawer: import("svelte").Component<Drawer.HandleProps, {}, "">;
+type Drawer = ReturnType<typeof Drawer>;
+export default Drawer;

package/dist/components/drawer/components/drawer.overlay.svelte

@@ -0,0 +1,10 @@
+<script lang="ts">
+	import { cn } from '../../../internal/utils/common.js';
+	import { Drawer } from 'vaul-svelte';
+	import { drawerOverlayStyles } from '../styles.js';
+	import type { DrawerOverlayProps } from '../types.js';
+
+	let { class: className, ...restProps }: DrawerOverlayProps = $props();
+</script>
+
+<Drawer.Overlay class={cn(drawerOverlayStyles(), className)} {...restProps} />

package/dist/components/drawer/components/drawer.overlay.svelte.d.ts

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

package/dist/components/drawer/components/drawer.portal.svelte

@@ -0,0 +1,10 @@
+<script lang="ts">
+	import { Drawer } from 'vaul-svelte';
+	import type { DrawerPortalProps } from '../types.js';
+
+	let { children, ...restProps }: DrawerPortalProps = $props();
+</script>
+
+<Drawer.Portal {...restProps}>
+	{@render children?.()}
+</Drawer.Portal>

package/dist/components/drawer/components/drawer.portal.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Drawer } from 'vaul-svelte';
+declare const Drawer: import("svelte").Component<import("bits-ui").PortalProps, {}, "">;
+type Drawer = ReturnType<typeof Drawer>;
+export default Drawer;

package/dist/components/drawer/components/drawer.root.svelte

@@ -0,0 +1,15 @@
+<script lang="ts">
+  import { Drawer } from 'vaul-svelte';
+  import type { DrawerRootProps } from '../types.js';
+
+  let {
+    open = $bindable(false),
+    activeSnapPoint = $bindable(null),
+    children,
+    ...restProps
+  }: DrawerRootProps = $props();
+</script>
+
+<Drawer.Root bind:open bind:activeSnapPoint {...restProps}>
+  {@render children?.()}
+</Drawer.Root>

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

@@ -0,0 +1,4 @@
+import { Drawer } from 'vaul-svelte';
+declare const Drawer: import("svelte").Component<import("vaul-svelte").DrawerRootPropsWithoutHTML, {}, "open" | "activeSnapPoint">;
+type Drawer = ReturnType<typeof Drawer>;
+export default Drawer;

package/dist/components/drawer/components/drawer.title.svelte

@@ -0,0 +1,11 @@
+<script lang="ts">
+	import { cn } from '../../../internal/utils/common.js';
+	import { Drawer } from 'vaul-svelte';
+	import type { DrawerTitleProps } from '../types.js';
+
+	let { class: className, children, ...restProps }: DrawerTitleProps = $props();
+</script>
+
+<Drawer.Title class={cn('cgui:text-heading cgui:font-semibold cgui:text-fg-darkest', className)} {...restProps}>
+	{@render children?.()}
+</Drawer.Title>

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

@@ -0,0 +1,4 @@
+import { Drawer } from 'vaul-svelte';
+declare const Drawer: import("svelte").Component<Drawer.TitleProps, {}, "">;
+type Drawer = ReturnType<typeof Drawer>;
+export default Drawer;

package/dist/components/drawer/components/drawer.trigger.svelte

@@ -0,0 +1,27 @@
+<script lang="ts">
+  import { cn } from '../../../internal/utils/common.js';
+  import { Drawer } from 'vaul-svelte';
+  import { drawerTriggerProps } from '../styles.js';
+  import type { DrawerTriggerProps } from '../types.js';
+
+  let {
+    children,
+    ref = $bindable(null),
+    class: className,
+    variant = 'primary',
+    size = 'md',
+    rounded = 'md',
+    shadow = true,
+    w = 'full',
+    loading = false,
+    ...restProps
+  }: DrawerTriggerProps = $props();
+</script>
+
+<Drawer.Trigger
+  {...restProps}
+  bind:ref
+  class={cn(drawerTriggerProps({ variant, size, rounded, shadow, w, loading }), className)}
+>
+  {@render children?.()}
+</Drawer.Trigger>

package/dist/components/drawer/components/drawer.trigger.svelte.d.ts

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

package/dist/components/drawer/components/state.svelte.d.ts

@@ -0,0 +1,4 @@
+export declare class DrawerRootState {
+    static create(): unknown;
+    constructor();
+}

package/dist/components/drawer/components/state.svelte.js

@@ -0,0 +1,8 @@
+import { Context } from 'runed';
+const DrawerRootContext = new Context('drawer-root');
+export class DrawerRootState {
+    static create() {
+        return DrawerRootContext.set(new DrawerRootState());
+    }
+    constructor() { }
+}

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

@@ -0,0 +1,9 @@
+export { default as Close } from './components/drawer.close.svelte';
+export { default as Content } from './components/drawer.content.svelte';
+export { default as Description } from './components/drawer.description.svelte';
+export { default as Handle } from './components/drawer.handle.svelte';
+export { default as Overlay } from './components/drawer.overlay.svelte';
+export { default as Portal } from './components/drawer.portal.svelte';
+export { default as Root } from './components/drawer.root.svelte';
+export { default as Title } from './components/drawer.title.svelte';
+export { default as Trigger } from './components/drawer.trigger.svelte';

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

@@ -0,0 +1,9 @@
+export { default as Close } from './components/drawer.close.svelte';
+export { default as Content } from './components/drawer.content.svelte';
+export { default as Description } from './components/drawer.description.svelte';
+export { default as Handle } from './components/drawer.handle.svelte';
+export { default as Overlay } from './components/drawer.overlay.svelte';
+export { default as Portal } from './components/drawer.portal.svelte';
+export { default as Root } from './components/drawer.root.svelte';
+export { default as Title } from './components/drawer.title.svelte';
+export { default as Trigger } from './components/drawer.trigger.svelte';

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

@@ -0,0 +1,2 @@
+export * as DrawerPrimitive from './exports-primitive.js';
+export type * from './types.js';

package/dist/components/drawer/index.js

@@ -0,0 +1 @@
+export * as DrawerPrimitive from './exports-primitive.js';

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

@@ -0,0 +1,214 @@
+import type { VariantProps } from 'tailwind-variants';
+export declare const drawerOverlayStyles: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const drawerContentStyles: import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string[];
+        clean: never[];
+    };
+}, undefined, string[], {
+    variant: {
+        default: string[];
+        clean: never[];
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    variant: {
+        default: string[];
+        clean: never[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const drawerHandleStyles: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const drawerTriggerProps: import("tailwind-variants").TVReturnType<{} | {
+    variant: {
+        primary: import("tailwind-merge").ClassNameValue | {};
+        outline: import("tailwind-merge").ClassNameValue | {};
+        ghost: import("tailwind-merge").ClassNameValue | {};
+        link: import("tailwind-merge").ClassNameValue | {};
+        clean: import("tailwind-merge").ClassNameValue | {};
+    };
+    loading: {
+        true: import("tailwind-merge").ClassNameValue | {};
+    };
+    shadow: {
+        true: import("tailwind-merge").ClassNameValue | {};
+    };
+    size: {
+        xs: import("tailwind-merge").ClassNameValue | {};
+        sm: import("tailwind-merge").ClassNameValue | {};
+        md: import("tailwind-merge").ClassNameValue | {};
+        lg: import("tailwind-merge").ClassNameValue | {};
+        clean: import("tailwind-merge").ClassNameValue | {};
+    };
+    w: {
+        full: import("tailwind-merge").ClassNameValue | {};
+        auto: import("tailwind-merge").ClassNameValue | {};
+        fit: import("tailwind-merge").ClassNameValue | {};
+        clean: import("tailwind-merge").ClassNameValue | {};
+    };
+    fullWidth: {
+        true: import("tailwind-merge").ClassNameValue | {};
+    };
+    rounded: {
+        sm: import("tailwind-merge").ClassNameValue | {};
+        md: import("tailwind-merge").ClassNameValue | {};
+        lg: import("tailwind-merge").ClassNameValue | {};
+        xl: import("tailwind-merge").ClassNameValue | {};
+        full: import("tailwind-merge").ClassNameValue | {};
+        clean: import("tailwind-merge").ClassNameValue | {};
+    };
+}, undefined, undefined, {
+    variant: {
+        primary: string[];
+        outline: string[];
+        ghost: string[];
+        link: string[];
+        clean: never[];
+    };
+    loading: {
+        true: string;
+    };
+    shadow: {
+        true: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        clean: string;
+    };
+    w: {
+        full: string;
+        auto: string;
+        fit: string;
+        clean: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+    rounded: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        full: string;
+        clean: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    variant: {
+        primary: string[];
+        outline: string[];
+        ghost: string[];
+        link: string[];
+        clean: never[];
+    };
+    loading: {
+        true: string;
+    };
+    shadow: {
+        true: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        clean: string;
+    };
+    w: {
+        full: string;
+        auto: string;
+        fit: string;
+        clean: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+    rounded: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        full: string;
+        clean: string;
+    };
+}, undefined, string[], {
+    variant: {
+        primary: string[];
+        outline: string[];
+        ghost: string[];
+        link: string[];
+        clean: never[];
+    };
+    loading: {
+        true: string;
+    };
+    shadow: {
+        true: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        clean: string;
+    };
+    w: {
+        full: string;
+        auto: string;
+        fit: string;
+        clean: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+    rounded: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        full: string;
+        clean: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    variant: {
+        primary: string[];
+        outline: string[];
+        ghost: string[];
+        link: string[];
+        clean: never[];
+    };
+    loading: {
+        true: string;
+    };
+    shadow: {
+        true: string;
+    };
+    size: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        clean: string;
+    };
+    w: {
+        full: string;
+        auto: string;
+        fit: string;
+        clean: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+    rounded: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        full: string;
+        clean: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>>;
+export type DrawerOverlayVariants = VariantProps<typeof drawerOverlayStyles>;
+export type DrawerContentVariants = VariantProps<typeof drawerContentStyles>;
+export type DrawerHandleVariants = VariantProps<typeof drawerHandleStyles>;
+export type DrawerTriggerVariants = VariantProps<typeof drawerTriggerProps>;