@casinogate/ui 1.7.0 → 1.8.0

package/dist/components/input/input.stories.svelte

@@ -1,41 +0,0 @@
-<script lang="ts" module>
-  import { defineMeta } from '@storybook/addon-svelte-csf';
-  import type { Parameters } from '@storybook/sveltekit';
-  import type { ComponentProps } from 'svelte';
-  import InputPassword from './input.password.svelte';
-  import Input from './input.svelte';
-
-  const parameters: Parameters = {
-    controls: {
-      include: ['placeholder', 'variant', 'size', 'rounded', 'w'],
-    },
-  };
-
-  const { Story } = defineMeta({
-    title: 'UI Kit/Input',
-    component: Input,
-    tags: ['autodocs'],
-    parameters,
-  });
-
-  type Args = ComponentProps<typeof Input>;
-
-  const args: Args = {
-    variant: 'primary',
-    size: 'md',
-    rounded: 'sm',
-    w: 'full',
-  };
-</script>
-
-<Story name="Basic" args={{ ...args, placeholder: 'Basic' }} {parameters} />
-
-<Story name="Invalid" args={{ ...args, placeholder: 'Invalid', 'aria-invalid': true }} {parameters} />
-
-<Story name="Disabled" args={{ ...args, placeholder: 'Disabled', disabled: true }} {parameters} />
-
-<Story name="Password" args={{ ...args, placeholder: 'Password' }} {parameters}>
-  {#snippet template(args: Args)}
-    <InputPassword {...args} />
-  {/snippet}
-</Story>

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

@@ -1,19 +0,0 @@
-import Input from './input.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 Input: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Input = InstanceType<typeof Input>;
-export default Input;

package/dist/components/navigation/navigation.stories.svelte

@@ -1,99 +0,0 @@
-<script lang="ts" module>
-  import { Icon } from '../icons/index.js';
-  import { defineMeta } from '@storybook/addon-svelte-csf';
-  import type { Parameters } from '@storybook/sveltekit';
-  import type { ComponentProps } from 'svelte';
-  import Root from './components/navigation.root.svelte';
-  import { Navigation, NavigationPrimitive, type NavigationItemValue } from './index.js';
-
-  const parameters: Parameters = {
-    controls: {
-      include: ['compact'],
-    },
-  };
-
-  const { Story } = defineMeta({
-    title: 'UI Kit/Navigation',
-    component: Root,
-    tags: ['autodocs'],
-    parameters,
-  });
-
-  type Args = ComponentProps<typeof Root>;
-
-  const args: Args = {
-    compact: false,
-  };
-</script>
-
-<script lang="ts">
-  const NAVIGATION_ITEMS: NavigationItemValue[] = [
-    {
-      key: 1,
-      label: 'Dashboard',
-      icon: Icon.Info,
-      href: '#',
-    },
-    {
-      key: 2,
-      label: 'Settings',
-      icon: Icon.Info,
-      href: '#',
-    },
-    {
-      key: 3,
-      label: 'Users Management',
-      icon: Icon.Info,
-      children: [
-        {
-          key: 4,
-          label: 'Users',
-          href: '#',
-        },
-        {
-          key: 5,
-          label: 'Roles',
-          href: '#',
-        },
-      ],
-    },
-  ];
-</script>
-
-<Story name="Basic" {args} {parameters}>
-  {#snippet template(args: Args)}
-    <div class="cgui:max-w-64 cgui:mx-auto">
-      <NavigationPrimitive.Root {...args}>
-        <NavigationPrimitive.Content>
-          {#each NAVIGATION_ITEMS as item}
-            <NavigationPrimitive.Item>
-              <NavigationPrimitive.Trigger label={item.label}>
-                {#snippet icon()}
-                  <item.icon width={24} height={24} />
-                {/snippet}
-              </NavigationPrimitive.Trigger>
-
-              {#if item?.children && item.children.length > 0}
-                <NavigationPrimitive.SubContent>
-                  {#each item.children as child}
-                    <NavigationPrimitive.Item>
-                      <NavigationPrimitive.Trigger label={child.label} />
-                    </NavigationPrimitive.Item>
-                  {/each}
-                </NavigationPrimitive.SubContent>
-              {/if}
-            </NavigationPrimitive.Item>
-          {/each}
-        </NavigationPrimitive.Content>
-      </NavigationPrimitive.Root>
-    </div>
-  {/snippet}
-</Story>
-
-<Story name="Preset" {args} {parameters}>
-  {#snippet template(args: Args)}
-    <div class="cgui:max-w-64 cgui:mx-auto">
-      <Navigation.Root {...args} items={NAVIGATION_ITEMS} />
-    </div>
-  {/snippet}
-</Story>

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

@@ -1,19 +0,0 @@
-import { Navigation } from './index.js';
-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 Navigation: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Navigation = InstanceType<typeof Navigation>;
-export default Navigation;

package/dist/components/pagination/pagination.stories.svelte

@@ -1,69 +0,0 @@
-<script lang="ts" module>
-  import { defineMeta } from '@storybook/addon-svelte-csf';
-  import type { Parameters } from '@storybook/sveltekit';
-  import type { ComponentProps } from 'svelte';
-  import { Pagination, PaginationPrimitive } from './index.js';
-
-  const parameters: Parameters = {
-    controls: {
-      include: ['page', 'count', 'perPage', 'siblingCount', 'orientation', 'size', 'centered'],
-    },
-  };
-
-  const { Story } = defineMeta({
-    title: 'UI Kit/Pagination',
-    component: PaginationPrimitive.Root,
-    render: template,
-    tags: ['autodocs'],
-
-    argTypes: {
-      page: {
-        table: {
-          type: { summary: 'number | $bindable(number)' },
-        },
-      },
-    },
-
-    parameters,
-  });
-
-  type Args = ComponentProps<typeof PaginationPrimitive.Root>;
-
-  const args: Args = {
-    page: 1,
-    count: 100,
-    perPage: 10,
-    siblingCount: 1,
-    orientation: 'horizontal',
-    size: 'md',
-    centered: true,
-  };
-</script>
-
-{#snippet template(args: Args)}
-  <PaginationPrimitive.Root {...args}>
-    {#snippet children({ pages })}
-      <PaginationPrimitive.PrevButton />
-
-      {#each pages as page (page.key)}
-        {#if page.type === 'ellipsis'}
-          <PaginationPrimitive.Ellipsis />
-        {:else}
-          <PaginationPrimitive.Item {page}>
-            {page.value}
-          </PaginationPrimitive.Item>
-        {/if}
-      {/each}
-
-      <PaginationPrimitive.NextButton />
-    {/snippet}
-  </PaginationPrimitive.Root>
-{/snippet}
-
-<Story name="Primitive" {args} {parameters} />
-
-<Story name="Basic Preset" {args} {parameters}>
-  {#snippet template(args: Args)}
-    <Pagination {...args} />
-  {/snippet}
-</Story>

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

@@ -1,19 +0,0 @@
-import { Pagination } from './index.js';
-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 Pagination: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Pagination = InstanceType<typeof Pagination>;
-export default Pagination;

package/dist/components/popover/popover.stories.svelte

@@ -1,195 +0,0 @@
-<script lang="ts" module>
-  import { defineMeta } from '@storybook/addon-svelte-csf';
-  import type { Parameters } from '@storybook/sveltekit';
-  import type { ComponentProps } from 'svelte';
-  import { PopoverPrimitive } from './index.js';
-
-  const parameters: Parameters = {
-    layout: 'centered',
-
-    docs: {
-      story: {
-        inline: false,
-        iframeHeight: 500,
-      },
-    },
-  };
-
-  const { Story } = defineMeta({
-    title: 'UI Kit/Popover',
-    subcomponents: {
-      Root: PopoverPrimitive.Root as any,
-      Content: PopoverPrimitive.Content as any,
-    },
-    tags: ['autodocs'],
-
-    parameters,
-
-    argTypes: {
-      open: {
-        name: 'open',
-        control: 'boolean',
-        if: { arg: 'disabled', eq: false },
-        table: {
-          category: 'Root',
-          defaultValue: { summary: 'false' },
-        },
-      },
-      disabled: {
-        name: 'disabled',
-        control: 'boolean',
-        table: {
-          category: 'Root',
-          defaultValue: { summary: 'false' },
-        },
-      },
-
-      /**
-       * Content component args
-       */
-      side: {
-        name: 'side',
-        control: 'radio',
-        options: ['top', 'bottom', 'left', 'right'],
-        table: {
-          category: 'Content',
-          defaultValue: { summary: 'bottom' },
-        },
-      },
-      sideOffset: {
-        name: 'sideOffset',
-        control: 'number',
-        table: {
-          category: 'Content',
-          defaultValue: { summary: '8' },
-        },
-      },
-      align: {
-        name: 'align',
-        control: 'radio',
-        options: ['start', 'center', 'end'],
-        table: {
-          category: 'Content',
-          defaultValue: { summary: 'center' },
-        },
-      },
-      w: {
-        name: 'w',
-        control: 'radio',
-        options: ['default', 'auto'],
-        table: {
-          category: 'Content',
-          defaultValue: { summary: 'default' },
-        },
-      },
-      rounded: {
-        name: 'rounded',
-        control: 'radio',
-        options: ['default', 'md', 'lg', 'xl', 'full', 'clean'],
-        table: {
-          category: 'Content',
-          defaultValue: { summary: 'default' },
-        },
-      },
-    },
-  });
-
-  type ArgsRoot = ComponentProps<typeof PopoverPrimitive.Root>;
-  type ArgsContent = ComponentProps<typeof PopoverPrimitive.Content>;
-
-  type MergedArgs = ArgsRoot & ArgsContent;
-
-  const rootArgs: ArgsRoot = {
-    open: false,
-    disabled: false,
-  };
-
-  const contentArgs: ArgsContent = {
-    side: 'bottom',
-    sideOffset: 8,
-    align: 'center',
-    w: 'default',
-    rounded: 'default',
-  };
-
-  const mergedArgs: MergedArgs = { ...rootArgs, ...contentArgs };
-</script>
-
-<script lang="ts">
-  let customAnchor = $state<HTMLDivElement>();
-</script>
-
-{#snippet template(args: MergedArgs)}
-  {@const rootArgs = { open: args.open, disabled: args.disabled }}
-  {@const contentArgs = { side: args.side, sideOffset: args.sideOffset, align: args.align }}
-  <PopoverPrimitive.Root {...rootArgs}>
-    <PopoverPrimitive.Trigger class="cgui:border cgui:border-stroke-divider cgui:rounded-sm cgui:px-4 cgui:py-2">
-      Trigger
-    </PopoverPrimitive.Trigger>
-
-    <PopoverPrimitive.Portal>
-      <PopoverPrimitive.Content {...contentArgs}>
-        <div class="cgui:p-2">
-          <div class="cgui:space-y-2">
-            <h3 class="cgui:font-semibold cgui:text-sm">Popover Content</h3>
-            <p class="cgui:text-sm cgui:text-fg-medium">This is a simple popover with some example content.</p>
-          </div>
-        </div>
-      </PopoverPrimitive.Content>
-    </PopoverPrimitive.Portal>
-  </PopoverPrimitive.Root>
-{/snippet}
-
-<Story name="Primitive" args={mergedArgs} {template} {parameters} />
-
-<Story name="Custom Anchor" args={mergedArgs} {parameters}>
-  {#snippet template(args: MergedArgs)}
-    {@const rootArgs = { open: args.open, disabled: args.disabled }}
-    {@const contentArgs = {
-      side: args.side,
-      sideOffset: args.sideOffset,
-      align: args.align,
-      w: args.w,
-      rounded: args.rounded,
-    }}
-
-    <div class="cgui:flex cgui:items-center cgui:justify-center cgui:h-full cgui:gap-16">
-      <div
-        bind:this={customAnchor}
-        class="cgui:w-48 cgui:h-24 cgui:flex cgui:items-center cgui:justify-center cgui:border-2 cgui:border-dashed cgui:text-center cgui:border-stroke-divider cgui:rounded-lg cgui:bg-surface-white cgui:shadow-sm"
-      >
-        <div class="cgui:space-y-1">
-          <div class="cgui:text-sm cgui:font-semibold cgui:text-fg-darkest">Custom Anchor</div>
-          <div class="cgui:text-xs cgui:text-fg-regular">Popover anchors here</div>
-        </div>
-      </div>
-
-      <PopoverPrimitive.Root {...rootArgs}>
-        <PopoverPrimitive.Trigger
-          class="cgui:border cgui:border-stroke-divider cgui:rounded-sm cgui:px-4 cgui:py-2 cgui:bg-surface-white cgui:hover:bg-surface-hover cgui:transition-colors"
-        >
-          Open Popover
-        </PopoverPrimitive.Trigger>
-
-        <PopoverPrimitive.Portal>
-          <PopoverPrimitive.Content {...contentArgs} side="left" class="cgui:max-w-64" {customAnchor}>
-            <div class="cgui:p-4 cgui:min-w-64">
-              <div class="cgui:space-y-3">
-                <h3 class="cgui:font-semibold cgui:text-base cgui:text-fg-darkest">Anchored Popover</h3>
-                <p class="cgui:text-sm cgui:text-fg-medium cgui:leading-relaxed">
-                  This popover is anchored to the custom anchor element on the left, not the trigger button. This is
-                  useful when you want to position the popover relative to a different element.
-                </p>
-                <div class="cgui:pt-2 cgui:border-t cgui:border-stroke-divider">
-                  <p class="cgui:text-xs cgui:text-fg-semilight">
-                    Try adjusting the side and align properties to see how the popover positions itself.
-                  </p>
-                </div>
-              </div>
-            </div>
-          </PopoverPrimitive.Content>
-        </PopoverPrimitive.Portal>
-      </PopoverPrimitive.Root>
-    </div>
-  {/snippet}
-</Story>

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

@@ -1,3 +0,0 @@
-declare const Popover: import("svelte").Component<Record<string, never>, {}, "">;
-type Popover = ReturnType<typeof Popover>;
-export default Popover;

package/dist/components/segment/segment.stories.svelte

@@ -1,57 +0,0 @@
-<script lang="ts" module>
-  import { defineMeta } from '@storybook/addon-svelte-csf';
-  import type { Parameters } from '@storybook/sveltekit';
-
-  import type { ComponentProps } from 'svelte';
-  import { Segment, SegmentPrimitive } from './index.js';
-
-  const parameters: Parameters = {
-    controls: {
-      include: ['value', 'disabled', 'size', 'variant', 'rounded', 'spacingX'],
-    },
-  };
-
-  const { Story } = defineMeta({
-    title: 'UI Kit/Segment',
-    component: SegmentPrimitive.Root,
-    render: template,
-    tags: ['autodocs'],
-
-    parameters,
-  });
-
-  type Args = ComponentProps<typeof SegmentPrimitive.Root>;
-
-  const args: Args = {
-    value: '1',
-    disabled: false,
-    size: 'md',
-    variant: 'primary',
-    rounded: 'sm',
-  };
-</script>
-
-{#snippet template(args: Args)}
-  <SegmentPrimitive.Root {...args}>
-    <SegmentPrimitive.Item value="1">Segment</SegmentPrimitive.Item>
-    <SegmentPrimitive.Item value="2">Segment</SegmentPrimitive.Item>
-    <SegmentPrimitive.Item value="3">Segment</SegmentPrimitive.Item>
-    <SegmentPrimitive.Item value="4">Segment</SegmentPrimitive.Item>
-  </SegmentPrimitive.Root>
-{/snippet}
-
-<Story name="Basic" {args} {parameters} {template} />
-
-<Story name="Preset" {args} {parameters}>
-  {#snippet template(args: Args)}
-    <Segment
-      {...args}
-      items={[
-        { key: '1', label: 'Segment 1', value: '1' },
-        { key: '2', label: 'Segment 2', value: '2' },
-        { key: '3', label: 'Segment 3', value: '3' },
-        { key: '4', label: 'Segment 4', value: '4' },
-      ]}
-    />
-  {/snippet}
-</Story>

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

@@ -1,19 +0,0 @@
-import { Segment } from './index.js';
-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 Segment: $$__sveltets_2_IsomorphicComponent<Record<string, never>, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, string>;
-type Segment = InstanceType<typeof Segment>;
-export default Segment;