@casinogate/ui 0.0.3

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

@@ -0,0 +1,239 @@
+import type { WithVariants } from '../../internal/types/composition.js';
+export declare const buttonStyles: import("tailwind-variants").TVReturnType<{
+    variant: {
+        primary: {
+            root: string[];
+        };
+        outline: {
+            root: string[];
+        };
+        ghost: {
+            root: string[];
+        };
+        link: {
+            root: string[];
+        };
+    };
+    loading: {
+        true: {
+            root: string;
+        };
+    };
+    shadow: {
+        true: {
+            root: string;
+        };
+    };
+    size: {
+        xs: {
+            root: string;
+        };
+        sm: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+    };
+    w: {
+        full: {
+            root: string;
+        };
+        auto: {
+            root: string;
+        };
+        fit: {
+            root: string;
+        };
+        clean: {
+            root: string;
+        };
+    };
+    rounded: {
+        sm: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+        xl: {
+            root: string;
+        };
+        full: {
+            root: string;
+        };
+        clean: {
+            root: string;
+        };
+    };
+}, {
+    root: string[];
+    chevron: string[];
+}, undefined, {
+    variant: {
+        primary: {
+            root: string[];
+        };
+        outline: {
+            root: string[];
+        };
+        ghost: {
+            root: string[];
+        };
+        link: {
+            root: string[];
+        };
+    };
+    loading: {
+        true: {
+            root: string;
+        };
+    };
+    shadow: {
+        true: {
+            root: string;
+        };
+    };
+    size: {
+        xs: {
+            root: string;
+        };
+        sm: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+    };
+    w: {
+        full: {
+            root: string;
+        };
+        auto: {
+            root: string;
+        };
+        fit: {
+            root: string;
+        };
+        clean: {
+            root: string;
+        };
+    };
+    rounded: {
+        sm: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+        xl: {
+            root: string;
+        };
+        full: {
+            root: string;
+        };
+        clean: {
+            root: string;
+        };
+    };
+}, {
+    root: string[];
+    chevron: string[];
+}, import("tailwind-variants").TVReturnType<{
+    variant: {
+        primary: {
+            root: string[];
+        };
+        outline: {
+            root: string[];
+        };
+        ghost: {
+            root: string[];
+        };
+        link: {
+            root: string[];
+        };
+    };
+    loading: {
+        true: {
+            root: string;
+        };
+    };
+    shadow: {
+        true: {
+            root: string;
+        };
+    };
+    size: {
+        xs: {
+            root: string;
+        };
+        sm: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+    };
+    w: {
+        full: {
+            root: string;
+        };
+        auto: {
+            root: string;
+        };
+        fit: {
+            root: string;
+        };
+        clean: {
+            root: string;
+        };
+    };
+    rounded: {
+        sm: {
+            root: string;
+        };
+        md: {
+            root: string;
+        };
+        lg: {
+            root: string;
+        };
+        xl: {
+            root: string;
+        };
+        full: {
+            root: string;
+        };
+        clean: {
+            root: string;
+        };
+    };
+}, {
+    root: string[];
+    chevron: string[];
+}, undefined, unknown, unknown, undefined>>;
+export type ButtonProps = WithVariants<ButtonRootProps & {
+    startChevron?: Snippet;
+    endChevron?: Snippet;
+}, typeof buttonStyles>;
+import { Button, type ButtonRootProps } from 'bits-ui';
+import type { Snippet } from 'svelte';
+declare const Button: import("svelte").Component<ButtonProps, {}, "ref">;
+type Button = ReturnType<typeof Button>;
+export default Button;

package/dist/components/button/button.stories.svelte

@@ -0,0 +1,106 @@
+<script lang="ts" module>
+  import { defineMeta } from '../../storybook/addon-svelte-csf';
+  import type { Parameters } from '../../storybook/sveltekit';
+  import { fn } from 'storybook/test';
+  import { type ComponentProps } from 'svelte';
+  import Button from './button.component.svelte';
+
+  const parameters: Parameters = {
+    controls: {
+      include: ['variant', 'size', 'rounded', 'disabled', 'w', 'loading', 'children'],
+    },
+    layout: 'centered',
+  };
+
+  const { Story } = defineMeta({
+    title: 'UI Kit/Button',
+    component: Button,
+    render: template,
+    tags: ['autodocs'],
+
+    argTypes: {
+      variant: {
+        control: 'radio',
+      },
+      size: {
+        control: 'radio',
+      },
+
+      disabled: {
+        control: 'boolean',
+      },
+
+      children: {
+        control: 'text',
+      },
+
+      w: {
+        control: 'radio',
+      },
+    },
+
+    args: {
+      onclick: fn(),
+      ondblclick: fn(),
+    },
+
+    parameters,
+  });
+
+  type Args = Omit<ComponentProps<typeof Button>, 'children'> & {
+    children?: string;
+  };
+
+  const args: Args = {
+    size: 'md',
+    rounded: 'md',
+    w: 'full',
+    shadow: true,
+    loading: false,
+    disabled: false,
+    children: 'Button',
+  };
+</script>
+
+{#snippet template({ children, ...restArgs }: Args)}
+  <Button {...restArgs}>
+    {children}
+  </Button>
+{/snippet}
+
+<Story
+  name="Primary"
+  args={{
+    variant: 'primary',
+    ...args,
+  }}
+  {parameters}
+  {template}
+/>
+
+<Story
+  name="Outline"
+  args={{
+    variant: 'outline',
+    ...args,
+  }}
+  {parameters}
+/>
+
+<Story
+  name="Ghost"
+  args={{
+    variant: 'ghost',
+    ...args,
+  }}
+  {parameters}
+/>
+
+<Story
+  name="Link"
+  args={{
+    variant: 'link',
+    ...args,
+  }}
+  {parameters}
+/>

package/dist/components/button/button.stories.svelte.d.ts

@@ -0,0 +1,19 @@
+import Button from './button.component.svelte';
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Button: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Button = InstanceType<typeof Button>;
+export default Button;

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

@@ -0,0 +1,233 @@
+import { type ButtonProps } from './button.component.svelte';
+export declare const Button: import("svelte").Component<ButtonProps, {}, "ref"> & {
+    styles: import("tailwind-variants").TVReturnType<{
+        variant: {
+            primary: {
+                root: string[];
+            };
+            outline: {
+                root: string[];
+            };
+            ghost: {
+                root: string[];
+            };
+            link: {
+                root: string[];
+            };
+        };
+        loading: {
+            true: {
+                root: string;
+            };
+        };
+        shadow: {
+            true: {
+                root: string;
+            };
+        };
+        size: {
+            xs: {
+                root: string;
+            };
+            sm: {
+                root: string;
+            };
+            md: {
+                root: string;
+            };
+            lg: {
+                root: string;
+            };
+        };
+        w: {
+            full: {
+                root: string;
+            };
+            auto: {
+                root: string;
+            };
+            fit: {
+                root: string;
+            };
+            clean: {
+                root: string;
+            };
+        };
+        rounded: {
+            sm: {
+                root: string;
+            };
+            md: {
+                root: string;
+            };
+            lg: {
+                root: string;
+            };
+            xl: {
+                root: string;
+            };
+            full: {
+                root: string;
+            };
+            clean: {
+                root: string;
+            };
+        };
+    }, {
+        root: string[];
+        chevron: string[];
+    }, undefined, {
+        variant: {
+            primary: {
+                root: string[];
+            };
+            outline: {
+                root: string[];
+            };
+            ghost: {
+                root: string[];
+            };
+            link: {
+                root: string[];
+            };
+        };
+        loading: {
+            true: {
+                root: string;
+            };
+        };
+        shadow: {
+            true: {
+                root: string;
+            };
+        };
+        size: {
+            xs: {
+                root: string;
+            };
+            sm: {
+                root: string;
+            };
+            md: {
+                root: string;
+            };
+            lg: {
+                root: string;
+            };
+        };
+        w: {
+            full: {
+                root: string;
+            };
+            auto: {
+                root: string;
+            };
+            fit: {
+                root: string;
+            };
+            clean: {
+                root: string;
+            };
+        };
+        rounded: {
+            sm: {
+                root: string;
+            };
+            md: {
+                root: string;
+            };
+            lg: {
+                root: string;
+            };
+            xl: {
+                root: string;
+            };
+            full: {
+                root: string;
+            };
+            clean: {
+                root: string;
+            };
+        };
+    }, {
+        root: string[];
+        chevron: string[];
+    }, import("tailwind-variants").TVReturnType<{
+        variant: {
+            primary: {
+                root: string[];
+            };
+            outline: {
+                root: string[];
+            };
+            ghost: {
+                root: string[];
+            };
+            link: {
+                root: string[];
+            };
+        };
+        loading: {
+            true: {
+                root: string;
+            };
+        };
+        shadow: {
+            true: {
+                root: string;
+            };
+        };
+        size: {
+            xs: {
+                root: string;
+            };
+            sm: {
+                root: string;
+            };
+            md: {
+                root: string;
+            };
+            lg: {
+                root: string;
+            };
+        };
+        w: {
+            full: {
+                root: string;
+            };
+            auto: {
+                root: string;
+            };
+            fit: {
+                root: string;
+            };
+            clean: {
+                root: string;
+            };
+        };
+        rounded: {
+            sm: {
+                root: string;
+            };
+            md: {
+                root: string;
+            };
+            lg: {
+                root: string;
+            };
+            xl: {
+                root: string;
+            };
+            full: {
+                root: string;
+            };
+            clean: {
+                root: string;
+            };
+        };
+    }, {
+        root: string[];
+        chevron: string[];
+    }, undefined, unknown, unknown, undefined>>;
+};
+export type { ButtonProps };

package/dist/components/button/index.js

@@ -0,0 +1,4 @@
+import Root, { buttonStyles } from './button.component.svelte';
+export const Button = Object.assign(Root, {
+    styles: buttonStyles,
+});

package/dist/components/checkbox/checkbox.stories.svelte

@@ -0,0 +1,52 @@
+<script lang="ts" module>
+  import { defineMeta } from '../../storybook/addon-svelte-csf';
+  import type { Parameters } from '../../storybook/sveltekit';
+  import type { ComponentProps } from 'svelte';
+  import CheckboxRoot from './components/checkbox.root.svelte';
+
+  const parameters: Parameters = {
+    controls: {
+      include: ['checked', 'indeterminate', 'disabled', 'size', 'rounded'],
+    },
+
+    layout: 'centered',
+  };
+
+  const { Story } = defineMeta({
+    title: 'UI Kit/Checkbox',
+    component: CheckboxRoot,
+    render: template,
+    tags: ['autodocs'],
+
+    argTypes: {
+      checked: {
+        table: {
+          defaultValue: { summary: 'false' },
+        },
+      },
+      indeterminate: {
+        table: {
+          defaultValue: { summary: 'false' },
+        },
+      },
+    },
+  });
+
+  type Args = ComponentProps<typeof CheckboxRoot>;
+
+  const args: Args = {
+    checked: false,
+    indeterminate: false,
+    disabled: false,
+    size: 'md',
+    rounded: 'xs',
+  };
+</script>
+
+{#snippet template(args: Args)}
+  <CheckboxRoot {...args} />
+{/snippet}
+
+<Story name="Basic" {args} {template} {parameters} />
+
+<Story name="Indeterminate" args={{ ...args, indeterminate: true }} {template} {parameters} />

package/dist/components/checkbox/checkbox.stories.svelte.d.ts

@@ -0,0 +1,18 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Checkbox: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Checkbox = InstanceType<typeof Checkbox>;
+export default Checkbox;

package/dist/components/checkbox/components/checkbox.group.svelte

@@ -0,0 +1,3 @@
+<script lang="ts" module></script>
+
+<script lang="ts"></script>

package/dist/components/checkbox/components/checkbox.group.svelte.d.ts

@@ -0,0 +1,18 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const Checkbox: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, string>;
+type Checkbox = InstanceType<typeof Checkbox>;
+export default Checkbox;