@casinogate/ui 1.11.14 → 2.0.1

package/dist/composed/navigation/types.d.ts

@@ -0,0 +1,38 @@
+import type { NavigationRootProps } from '../../primitives/navigation/types.js';
+import type { Component, Snippet } from 'svelte';
+import type { WithoutChildrenOrChild } from 'svelte-toolbelt';
+export type NavigationItemBase = {
+    key: string;
+    label: string;
+    icon?: Component<{
+        width?: number;
+        height?: number;
+    }>;
+    disabled?: boolean;
+    [key: string]: unknown;
+};
+export type NavigationItemLink = NavigationItemBase & {
+    type: 'link';
+    href: string;
+    target?: '_blank' | '_self' | '_parent' | '_top';
+    rel?: string;
+};
+export type NavigationItemAction = NavigationItemBase & {
+    type: 'action';
+    onClick?: () => void;
+};
+export type NavigationItemSub = NavigationItemBase & {
+    type: 'sub';
+    children: NavigationItem[];
+};
+export type NavigationItem = NavigationItemLink | NavigationItemAction | NavigationItemSub;
+export type NavigationSelectableItem<TItem extends NavigationItem = NavigationItem> = TItem;
+export type NavigationProps<TItem extends NavigationItem = NavigationItem> = WithoutChildrenOrChild<NavigationRootProps> & {
+    items?: TItem[];
+    item?: Snippet<[{
+        item: NavigationSelectableItem<TItem>;
+        props: Record<string, unknown>;
+    }]>;
+    contentClass?: string;
+    activeKey?: string;
+};

package/dist/composed/navigation/types.js

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

package/dist/composed/pagination/index.d.ts

@@ -0,0 +1,2 @@
+export * as Pagination from './root/index.js';
+export type * from './types.js';

package/dist/composed/pagination/index.js

@@ -0,0 +1 @@
+export * as Pagination from './root/index.js';

package/dist/composed/pagination/root/index.d.ts

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

package/dist/composed/pagination/root/index.js

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

package/dist/composed/pagination/root/pagination.root.svelte

@@ -0,0 +1,42 @@
+<script lang="ts">
+  import * as PaginationPrimitive from '../../../primitives/pagination/components/index.js';
+  import { cn } from '../../../internal/utils/tailwindcss.js';
+  import type { PaginationProps } from '../types.js';
+
+  let {
+    page = $bindable(1),
+    perPage = $bindable(10),
+    orientation = 'horizontal',
+    perPageItems = [10, 20, 50, 100],
+    hidePageSize = false,
+    ...restProps
+  }: PaginationProps = $props();
+</script>
+
+<PaginationPrimitive.Root bind:page {orientation} {...restProps}>
+  {#snippet children({ pages })}
+    {#if !hidePageSize}
+      <PaginationPrimitive.PageSize bind:perPage {perPageItems} />
+    {/if}
+
+    <div
+      class={cn('cgui:flex cgui:items-center cgui:justify-center cgui:gap-1 cgui:flex-1', {
+        'cgui:flex-col': orientation === 'vertical',
+      })}
+    >
+      <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 />
+    </div>
+  {/snippet}
+</PaginationPrimitive.Root>

package/dist/composed/pagination/root/pagination.root.svelte.d.ts

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

package/dist/composed/pagination/types.d.ts

@@ -0,0 +1,7 @@
+import type { PaginationPageSizeProps, PaginationRootProps } from '../../primitives/pagination/types.js';
+export type { PaginationPageSizeProps };
+export type PaginationProps = PaginationRootProps & {
+    perPage?: number;
+    perPageItems?: number[];
+    hidePageSize?: boolean;
+};

package/dist/composed/pagination/types.js

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

package/dist/composed/pill/index.d.ts

@@ -0,0 +1,2 @@
+export * from './root/index.js';
+export type * from './types.js';

package/dist/composed/pill/index.js

@@ -0,0 +1 @@
+export * from './root/index.js';

package/dist/composed/pill/root/index.d.ts

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

package/dist/composed/pill/root/index.js

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

package/dist/composed/pill/root/pill.root.svelte

@@ -0,0 +1,31 @@
+<script lang="ts">
+  import * as Primitive from '../../../primitives/pill/components/index.js';
+
+  import type { PillProps } from '../types.js';
+
+  let {
+    ref = $bindable(null),
+    label,
+    icon,
+    withRemoveButton = false,
+    onRemove,
+    removeIcon,
+    removeProps,
+    labelClass,
+    ...restProps
+  }: PillProps = $props();
+</script>
+
+<Primitive.Item bind:ref {...restProps}>
+  {@render icon?.()}
+
+  {#if typeof label === 'string'}
+    <Primitive.Label class={labelClass}>{label}</Primitive.Label>
+  {:else if label}
+    {@render label()}
+  {/if}
+
+  {#if withRemoveButton}
+    <Primitive.Remove onclick={onRemove} children={removeIcon ? removeIcon : undefined} {...removeProps} />
+  {/if}
+</Primitive.Item>

package/dist/composed/pill/root/pill.root.svelte.d.ts

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

package/dist/composed/pill/types.d.ts

@@ -0,0 +1,12 @@
+import type { PillItemProps, PillRemoveProps } from '../../primitives/pill/types.js';
+import type { Snippet } from 'svelte';
+import type { WithoutChildrenOrChild } from 'svelte-toolbelt';
+export type PillProps = WithoutChildrenOrChild<PillItemProps> & {
+    label?: string | Snippet;
+    icon?: Snippet;
+    withRemoveButton?: boolean;
+    onRemove?: () => void;
+    removeIcon?: Snippet;
+    removeProps?: Omit<PillRemoveProps, 'class' | 'children' | 'child' | 'onclick'>;
+    labelClass?: string;
+};

package/dist/composed/pill/types.js

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

package/dist/composed/popover/index.d.ts

@@ -0,0 +1,2 @@
+export * from './root/index.js';
+export type * from './types.js';

package/dist/composed/popover/index.js

@@ -0,0 +1 @@
+export * from './root/index.js';

package/dist/composed/popover/root/index.d.ts

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

package/dist/composed/popover/root/index.js

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

package/dist/composed/popover/root/popover.root.svelte

@@ -0,0 +1,81 @@
+<script lang="ts" module>
+  import type { AnimationDirection, AnimationFn, PopoverProps } from '../types.js';
+
+  type T = unknown;
+</script>
+
+<script lang="ts" generics="T extends AnimationFn = AnimationFn">
+  import { cubicInOut } from 'svelte/easing';
+  import { fly } from 'svelte/transition';
+  import * as Primitive from '../../../primitives/popover/components/index.js';
+
+  let {
+    open = $bindable(false),
+    ref = $bindable(null),
+    children,
+    trigger,
+    onOpenChange,
+    onOpenChangeComplete,
+    side = 'bottom',
+    animationFn,
+    animationParams,
+    forceMount = false,
+    disabledPortal = false,
+    ...restProps
+  }: PopoverProps<T> = $props();
+
+  const animationDirection = $derived.by<AnimationDirection>(() => {
+    switch (side) {
+      case 'top':
+        return { y: -10 };
+      case 'bottom':
+        return { y: 10 };
+      case 'left':
+        return { x: -10 };
+      case 'right':
+        return { x: 10 };
+      default:
+        return { y: -10 };
+    }
+  });
+
+  const currentAnimationFn = $derived(animationFn ?? fly);
+
+  const currentAnimationParams = $derived(
+    animationParams ?? { duration: 250, easing: cubicInOut, ...animationDirection }
+  );
+</script>
+
+<Primitive.Root bind:open {onOpenChange} {onOpenChangeComplete}>
+  {#if trigger !== undefined}
+    {#if typeof trigger === 'string'}
+      <Primitive.Trigger>{trigger}</Primitive.Trigger>
+    {:else}
+      <Primitive.Trigger>
+        {#snippet child({ props })}
+          {@render trigger?.({ props })}
+        {/snippet}
+      </Primitive.Trigger>
+    {/if}
+  {/if}
+
+  <Primitive.Portal disabled={disabledPortal}>
+    {#if forceMount}
+      <Primitive.Content bind:ref forceMount {side} {...restProps}>
+        {#snippet child({ wrapperProps, props, open })}
+          {#if open}
+            <div {...wrapperProps}>
+              <div {...props} transition:currentAnimationFn={currentAnimationParams}>
+                {@render children?.()}
+              </div>
+            </div>
+          {/if}
+        {/snippet}
+      </Primitive.Content>
+    {:else}
+      <Primitive.Content bind:ref {...restProps}>
+        {@render children?.()}
+      </Primitive.Content>
+    {/if}
+  </Primitive.Portal>
+</Primitive.Root>

package/dist/composed/popover/root/popover.root.svelte.d.ts

@@ -0,0 +1,25 @@
+import type { AnimationFn, PopoverProps } from '../types.js';
+declare function $$render<T extends AnimationFn = AnimationFn>(): {
+    props: PopoverProps<T>;
+    exports: {};
+    bindings: "ref" | "open";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<T extends AnimationFn = AnimationFn> {
+    props(): ReturnType<typeof $$render<T>>['props'];
+    events(): ReturnType<typeof $$render<T>>['events'];
+    slots(): ReturnType<typeof $$render<T>>['slots'];
+    bindings(): "ref" | "open";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <T extends AnimationFn = AnimationFn>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<T>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<T>['props']>, ReturnType<__sveltets_Render<T>['events']>, ReturnType<__sveltets_Render<T>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<T>['bindings']>;
+    } & ReturnType<__sveltets_Render<T>['exports']>;
+    <T extends AnimationFn = AnimationFn>(internal: unknown, props: ReturnType<__sveltets_Render<T>['props']> & {}): ReturnType<__sveltets_Render<T>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const Popover: $$IsomorphicComponent;
+type Popover<T extends AnimationFn = AnimationFn> = InstanceType<typeof Popover<T>>;
+export default Popover;

package/dist/composed/popover/types.d.ts

@@ -0,0 +1,22 @@
+import type { PrimitivePopoverContentProps as PopoverContentProps, PrimitivePopoverRootProps as PopoverRootProps } from '../../primitives/popover/types.js';
+import type { Snippet } from 'svelte';
+import type { WithoutChildrenOrChild } from 'svelte-toolbelt';
+import type { TransitionConfig } from 'svelte/transition';
+export type AnimationFn = (node: Element, params?: any) => TransitionConfig;
+export type AnimationDirection = {
+    x: number;
+} | {
+    y: number;
+} | {
+    x: number;
+    y: number;
+};
+export type PopoverProps<TAnimationFn extends AnimationFn = AnimationFn> = WithoutChildrenOrChild<PopoverRootProps> & Pick<PopoverContentProps, 'ref' | 'class' | 'side' | 'sideOffset' | 'align' | 'alignOffset' | 'preventScroll' | 'customAnchor' | 'forceMount'> & {
+    trigger?: Snippet<[{
+        props: Record<string, unknown>;
+    }]>;
+    children?: Snippet;
+    animationFn?: TAnimationFn;
+    animationParams?: Parameters<TAnimationFn>[1];
+    disabledPortal?: boolean;
+};

package/dist/composed/popover/types.js

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

package/dist/composed/segment/exports.d.ts

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

package/dist/composed/segment/exports.js

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

package/dist/composed/segment/index.d.ts

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

package/dist/composed/segment/index.js

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

package/dist/composed/segment/root/index.d.ts

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

package/dist/composed/segment/root/index.js

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

package/dist/composed/segment/root/segment.root.svelte

@@ -0,0 +1,28 @@
+<script lang="ts" generics="TItem extends SegmentItemValue">
+  import * as Primitive from '../../../primitives/segment/components/index.js';
+  import type { SegmentItemValue, SegmentProps } from '../types.js';
+
+  let {
+    items,
+    item: itemSnippet,
+    value = $bindable(''),
+    ref = $bindable(null),
+    ...restProps
+  }: SegmentProps<TItem> = $props();
+</script>
+
+<Primitive.Root bind:value bind:ref {...restProps}>
+  {#each items as item (item.key)}
+    {#if itemSnippet}
+      <Primitive.Item value={item.value}>
+        {#snippet child({ props })}
+          {@render itemSnippet?.({ item, props })}
+        {/snippet}
+      </Primitive.Item>
+    {:else}
+      <Primitive.Item value={item.value}>
+        {item.label}
+      </Primitive.Item>
+    {/if}
+  {/each}
+</Primitive.Root>

package/dist/composed/segment/root/segment.root.svelte.d.ts

@@ -0,0 +1,25 @@
+import type { SegmentItemValue, SegmentProps } from '../types.js';
+declare function $$render<TItem extends SegmentItemValue>(): {
+    props: SegmentProps<TItem>;
+    exports: {};
+    bindings: "value" | "ref";
+    slots: {};
+    events: {};
+};
+declare class __sveltets_Render<TItem extends SegmentItemValue> {
+    props(): ReturnType<typeof $$render<TItem>>['props'];
+    events(): ReturnType<typeof $$render<TItem>>['events'];
+    slots(): ReturnType<typeof $$render<TItem>>['slots'];
+    bindings(): "value" | "ref";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <TItem extends SegmentItemValue>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<TItem>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<TItem>['props']>, ReturnType<__sveltets_Render<TItem>['events']>, ReturnType<__sveltets_Render<TItem>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<TItem>['bindings']>;
+    } & ReturnType<__sveltets_Render<TItem>['exports']>;
+    <TItem extends SegmentItemValue>(internal: unknown, props: ReturnType<__sveltets_Render<TItem>['props']> & {}): ReturnType<__sveltets_Render<TItem>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
+}
+declare const Segment: $$IsomorphicComponent;
+type Segment<TItem extends SegmentItemValue> = InstanceType<typeof Segment<TItem>>;
+export default Segment;

package/dist/composed/segment/types.d.ts

@@ -0,0 +1,14 @@
+import type { SegmentRootProps } from '../../primitives/segment/types.js';
+import type { Snippet } from 'svelte';
+export type SegmentItemValue = {
+    key: string | number;
+    label: string;
+    value: string;
+};
+export type SegmentProps<TItem extends SegmentItemValue> = SegmentRootProps & {
+    items: TItem[];
+    item?: Snippet<[{
+        item: TItem;
+        props: Record<string, unknown>;
+    }]>;
+};

package/dist/composed/segment/types.js

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

package/dist/composed/select/async/index.d.ts

@@ -0,0 +1 @@
+export { default as Async } from './select.async.svelte';

package/dist/composed/select/async/index.js

@@ -0,0 +1 @@
+export { default as Async } from './select.async.svelte';