@casinogate/ui 2.0.2 → 2.0.4

package/dist/primitives/calendar/components/calendar.year-select.svelte

@@ -0,0 +1,37 @@
+<script lang="ts">
+  import { cn } from '../../../internal/utils/tailwindcss.js';
+  import { Calendar as Primitive } from 'bits-ui';
+  // import { calendarMonthSelectStyles } from '../styles.js';
+  import { Select } from '../../select/index.js';
+  import type { CalendarYearSelectProps } from '../types.js';
+
+  let { ref = $bindable(null), class: className, ...restProps }: CalendarYearSelectProps = $props();
+</script>
+
+<Primitive.YearSelect bind:ref class={cn(className)} {...restProps}>
+  {#snippet child({ yearItems, selectedYearItem, props })}
+    <Select.Root
+      type="single"
+      value={String(selectedYearItem.value)}
+      onValueChange={(v) => {
+        if ('onchange' in props && typeof props.onchange === 'function') {
+          props.onchange?.({ target: { value: String(v) } } as unknown as Event);
+        }
+      }}
+      disabled={props?.disabled as boolean}
+    >
+      <Select.Trigger class="cgui:shrink">
+        {selectedYearItem.label}
+      </Select.Trigger>
+      <Select.Content class="cgui:max-h-40">
+        <Select.Viewport>
+          {#each yearItems as yearItem, i (i)}
+            <Select.Item value={yearItem.value.toString()}>
+              {yearItem.label}
+            </Select.Item>
+          {/each}
+        </Select.Viewport>
+      </Select.Content>
+    </Select.Root>
+  {/snippet}
+</Primitive.YearSelect>

package/dist/primitives/calendar/components/calendar.year-select.svelte.d.ts

@@ -0,0 +1,4 @@
+import { Calendar as Primitive } from 'bits-ui';
+declare const Calendar: import("svelte").Component<Omit<Omit<Primitive.YearSelectProps, "child">, "children">, {}, "ref">;
+type Calendar = ReturnType<typeof Calendar>;
+export default Calendar;

package/dist/primitives/calendar/components/index.d.ts

@@ -0,0 +1,15 @@
+export { default as Body } from './calendar.body.svelte';
+export { default as Cell } from './calendar.cell.svelte';
+export { default as Day } from './calendar.day.svelte';
+export { default as GridBody } from './calendar.grid-body.svelte';
+export { default as GridHead } from './calendar.grid-head.svelte';
+export { default as GridRow } from './calendar.grid-row.svelte';
+export { default as Grid } from './calendar.grid.svelte';
+export { default as HeadCell } from './calendar.head-cell.svelte';
+export { default as Header } from './calendar.header.svelte';
+export { default as Heading } from './calendar.heading.svelte';
+export { default as MonthSelect } from './calendar.month-select.svelte';
+export { default as NextButton } from './calendar.next-button.svelte';
+export { default as PrevButton } from './calendar.prev-button.svelte';
+export { default as Root } from './calendar.root.svelte';
+export { default as YearSelect } from './calendar.year-select.svelte';

package/dist/primitives/calendar/components/index.js

@@ -0,0 +1,15 @@
+export { default as Body } from './calendar.body.svelte';
+export { default as Cell } from './calendar.cell.svelte';
+export { default as Day } from './calendar.day.svelte';
+export { default as GridBody } from './calendar.grid-body.svelte';
+export { default as GridHead } from './calendar.grid-head.svelte';
+export { default as GridRow } from './calendar.grid-row.svelte';
+export { default as Grid } from './calendar.grid.svelte';
+export { default as HeadCell } from './calendar.head-cell.svelte';
+export { default as Header } from './calendar.header.svelte';
+export { default as Heading } from './calendar.heading.svelte';
+export { default as MonthSelect } from './calendar.month-select.svelte';
+export { default as NextButton } from './calendar.next-button.svelte';
+export { default as PrevButton } from './calendar.prev-button.svelte';
+export { default as Root } from './calendar.root.svelte';
+export { default as YearSelect } from './calendar.year-select.svelte';

package/dist/primitives/calendar/index.d.ts

@@ -0,0 +1,2 @@
+export * as Calendar from './components/index.js';
+export * from './types.js';

package/dist/primitives/calendar/index.js

@@ -0,0 +1,2 @@
+export * as Calendar from './components/index.js';
+export * from './types.js';

package/dist/primitives/calendar/styles.d.ts

@@ -0,0 +1,59 @@
+import { type VariantProps } from '../../internal/utils/tailwindcss.js';
+import { Context } from 'runed';
+import type { ReadableBoxedValues } from 'svelte-toolbelt';
+type CalendarRounded = 'none' | 'xs' | 'sm' | 'md' | 'lg';
+export declare const calendarRootVariants: import("tailwind-variants").TVReturnType<{
+    rounded: {
+        none: never[];
+        xs: string[];
+        sm: string[];
+        md: string[];
+        lg: string[];
+    };
+}, undefined, string[], {
+    rounded: {
+        none: never[];
+        xs: string[];
+        sm: string[];
+        md: string[];
+        lg: string[];
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    rounded: {
+        none: never[];
+        xs: string[];
+        sm: string[];
+        md: string[];
+        lg: string[];
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+export declare const calendarHeaderVariants: import("tailwind-variants").TVReturnType<{}, undefined, string[], {}, undefined, import("tailwind-variants").TVReturnType<{}, undefined, string[], unknown, unknown, undefined>>;
+export declare const calendarHeaderButtonVariants: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const calendarHeadingVariants: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const calendarBodyVariants: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const calendarGridVariants: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const calendarGridHeadVariants: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, never[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, never[], unknown, unknown, undefined>>;
+export declare const calendarGridBodyVariants: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, never[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, never[], unknown, unknown, undefined>>;
+export declare const calendarGridRowVariants: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const calendarHeadCellVariants: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const calendarCellVariants: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export declare const calendarDayVariants: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, string[], {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, string[], unknown, unknown, undefined>>;
+export type CalendarRootVariants = VariantProps<typeof calendarRootVariants>;
+export type CalendarHeaderVariants = VariantProps<typeof calendarHeaderVariants>;
+export type CalendarHeaderButtonVariants = VariantProps<typeof calendarHeaderButtonVariants>;
+export type CalendarHeadingVariants = VariantProps<typeof calendarHeadingVariants>;
+export type CalendarBodyVariants = VariantProps<typeof calendarBodyVariants>;
+export type CalendarGridVariants = VariantProps<typeof calendarGridVariants>;
+export type CalendarGridHeadVariants = VariantProps<typeof calendarGridHeadVariants>;
+export type CalendarGridBodyVariants = VariantProps<typeof calendarGridBodyVariants>;
+export type CalendarGridRowVariants = VariantProps<typeof calendarGridRowVariants>;
+export type CalendarHeadCellVariants = VariantProps<typeof calendarHeadCellVariants>;
+export type CalendarCellVariants = VariantProps<typeof calendarCellVariants>;
+export type CalendarDayVariants = VariantProps<typeof calendarDayVariants>;
+export type { CalendarRounded };
+export type CalendarRootContextValue = ReadableBoxedValues<{
+    rounded: CalendarRounded;
+}>;
+export declare const CalendarRootStylesContext: Context<ReadableBoxedValues<{
+    rounded: CalendarRounded;
+}>>;

package/dist/primitives/calendar/styles.js

@@ -0,0 +1,72 @@
+import { keyWithPrefix } from '../../internal/utils/common.js';
+import { tv } from '../../internal/utils/tailwindcss.js';
+import { Context } from 'runed';
+export const calendarRootVariants = tv({
+    base: ['cgui:bg-surface-white cgui:shadow-popover cgui:p-4 cgui:overflow-hidden'],
+    variants: {
+        rounded: {
+            none: [],
+            xs: ['cgui:rounded-xs'],
+            sm: ['cgui:rounded-sm'],
+            md: ['cgui:rounded-md'],
+            lg: ['cgui:rounded-lg'],
+        },
+    },
+});
+export const calendarHeaderVariants = tv({
+    base: ['cgui:flex cgui:items-center cgui:justify-between'],
+    variants: {},
+});
+export const calendarHeaderButtonVariants = tv({
+    base: [
+        'cgui:inline-flex cgui:items-center cgui:justify-center cgui:gap-1 cgui:cursor-pointer cgui:size-6 cgui:text-center cgui:overflow-hidden',
+        'cgui:text-icon-default',
+        'cgui:transition-all cgui:duration-250 cgui:ease-in-out',
+        'cgui:select-none cgui:font-medium cgui:outline-none',
+        'cgui:data-disabled:cursor-not-allowed cgui:data-disabled:opacity-50',
+        'cgui:[&_svg]:shrink-0 cgui:[&_svg]:size-5',
+        'cgui:disabled:opacity-50 cgui:disabled:cursor-not-allowed',
+        'cgui:focus-visible:ring-stroke-primary/50 cgui:focus-visible:ring-2 cgui:bg-clip-padding cgui:rounded-xs',
+    ],
+});
+export const calendarHeadingVariants = tv({
+    base: ['cgui:text-body cgui:text-fg-darkest cgui:font-medium'],
+});
+export const calendarBodyVariants = tv({
+    base: ['cgui:flex cgui:flex-col cgui:space-y-2 cgui:pt-3'],
+});
+export const calendarGridVariants = tv({
+    base: ['cgui:w-full cgui:border-collapse cgui:select-none cgui:space-y-1'],
+});
+export const calendarGridHeadVariants = tv({
+    base: [],
+});
+export const calendarGridBodyVariants = tv({
+    base: [],
+});
+export const calendarGridRowVariants = tv({
+    base: ['cgui:flex cgui:w-full cgui:justify-between'],
+});
+export const calendarHeadCellVariants = tv({
+    base: ['cgui:font-medium cgui:w-10 cgui:rounded-xs cgui:text-body-2 cgui:text-fg-semilight'],
+});
+export const calendarCellVariants = tv({
+    base: ['cgui:p-0! cgui:relative cgui:size-10 cgui:text-center cgui:text-body-2 cgui:text-fg-darkest'],
+});
+export const calendarDayVariants = tv({
+    base: [
+        'cgui:relative cgui:inline-flex cgui:size-10 cgui:items-center cgui:justify-center cgui:p-0',
+        'cgui:before:absolute cgui:data-today:before:block cgui:before:hidden cgui:before:top-1 cgui:before:left-1/2 cgui:before:-translate-x-1/2 cgui:before:size-1 cgui:before:bg-stroke-primary cgui:before:rounded-full',
+        'cgui:rounded-full cgui:text-body-2 cgui:text-fg-darkest cgui:font-normal cgui:whitespace-nowrap',
+        'cgui:bg-transparent cgui:border cgui:border-transparent',
+        'cgui:transition-all cgui:duration-250 cgui:ease-in-out',
+        'cgui:cursor-pointer cgui:outline-none',
+        'cgui:focus-visible:ring-stroke-primary/50 cgui:focus-visible:ring-2 cgui:bg-clip-padding',
+        'cgui:data-selected:bg-surface-primary  cgui:data-selected:text-fg-white cgui:data-selected:font-medium',
+        'cgui:data-outside-month:pointer-events-none',
+        'cgui:data-unavailable:text-fg-semilight cgui:data-unavailable:line-through',
+        'cgui:data-disabled:text-fg-semilight/30 cgui:data-disabled:pointer-events-none',
+        'cgui:data-today:data-selected:before:bg-surface-light',
+    ],
+});
+export const CalendarRootStylesContext = new Context(keyWithPrefix('calendar-root-styles'));

package/dist/primitives/calendar/types.d.ts

@@ -0,0 +1,30 @@
+import type { Calendar as Primitive, CalendarMultipleRootProps as PrimitiveMultipleRootProps, CalendarSingleRootProps as PrimitiveSingleRootProps } from 'bits-ui';
+import type { CalendarBodyVariants, CalendarCellVariants, CalendarDayVariants, CalendarGridBodyVariants, CalendarGridHeadVariants, CalendarGridRowVariants, CalendarGridVariants, CalendarHeadCellVariants, CalendarHeaderButtonVariants, CalendarHeaderVariants, CalendarHeadingVariants, CalendarRootVariants } from './styles.js';
+import type { PrimitiveDivAttributes } from '../../internal/types/html-attributes.js';
+import type { WithVariants } from '../../internal/utils/tailwindcss.js';
+import type { WithChild, WithElementRef, Without, WithoutChildrenOrChild } from 'svelte-toolbelt';
+export type CalendarSingleRootProps = WithElementRef<WithVariants<PrimitiveSingleRootProps & {
+    child?: Primitive.RootProps['child'];
+    children?: Primitive.RootProps['children'];
+}, CalendarRootVariants>>;
+export type CalendarMultipleRootProps = WithElementRef<WithVariants<PrimitiveMultipleRootProps & {
+    child?: Primitive.RootProps['child'];
+    children?: Primitive.RootProps['children'];
+}, CalendarRootVariants>>;
+export type CalendarRootProps = CalendarSingleRootProps | CalendarMultipleRootProps;
+export type CalendarHeaderProps = WithVariants<Primitive.HeaderProps, CalendarHeaderVariants>;
+export type CalendarNextButtonProps = WithVariants<Primitive.NextButtonProps, CalendarHeaderButtonVariants>;
+export type CalendarPrevButtonProps = WithVariants<Primitive.PrevButtonProps, CalendarHeaderButtonVariants>;
+export type CalendarHeadingProps = WithVariants<Primitive.HeadingProps, CalendarHeadingVariants>;
+export type CalendarGridProps = WithVariants<Primitive.GridProps, CalendarGridVariants>;
+export type CalendarGridHeadProps = WithVariants<Primitive.GridHeadProps, CalendarGridHeadVariants>;
+export type CalendarGridBodyProps = WithVariants<Primitive.GridBodyProps, CalendarGridBodyVariants>;
+export type CalendarGridRowProps = WithVariants<Primitive.GridRowProps, CalendarGridRowVariants>;
+export type CalendarHeadCellProps = WithVariants<Primitive.HeadCellProps, CalendarHeadCellVariants>;
+export type CalendarCellProps = WithVariants<Primitive.CellProps, CalendarCellVariants>;
+export type CalendarDayProps = WithVariants<Primitive.DayProps, CalendarDayVariants>;
+export type CalendarMonthSelectProps = WithoutChildrenOrChild<Primitive.MonthSelectProps>;
+export type CalendarYearSelectProps = WithoutChildrenOrChild<Primitive.YearSelectProps>;
+type CalendarBodyWithoutHTML = WithElementRef<WithChild<WithVariants<{}, CalendarBodyVariants>>>;
+export type CalendarBodyProps = CalendarBodyWithoutHTML & Without<PrimitiveDivAttributes, CalendarBodyWithoutHTML>;
+export {};

package/dist/primitives/calendar/types.js

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

package/dist/primitives/date-picker/components/date-picker.calendar.svelte

@@ -0,0 +1,10 @@
+<script lang="ts">
+  import { cn } from '../../../internal/utils/tailwindcss.js';
+  import { DatePicker as Primitive } from 'bits-ui';
+  import { datePickerCalendarVariants } from '../styles.js';
+  import type { DatePickerCalendarProps } from '../types.js';
+
+  let { ref = $bindable(null), class: className, ...restProps }: DatePickerCalendarProps = $props();
+</script>
+
+<Primitive.Calendar bind:ref class={cn(datePickerCalendarVariants(), className)} {...restProps} />

package/dist/primitives/date-picker/components/date-picker.calendar.svelte.d.ts

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

package/dist/primitives/date-picker/components/date-picker.content.svelte

@@ -0,0 +1,28 @@
+<script lang="ts">
+  import { cn } from '../../../internal/utils/tailwindcss.js';
+  import { DatePicker as Primitive } from 'bits-ui';
+  import { datePickerContentVariants, DatePickerRootStylesContext } from '../styles.js';
+  import type { DatePickerContentProps } from '../types.js';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    side = 'bottom',
+    sideOffset = 8,
+    align = 'start',
+    rounded,
+    ...restProps
+  }: DatePickerContentProps = $props();
+
+  const stylesContext = DatePickerRootStylesContext.getOr(null);
+  const resolvedRounded = $derived(rounded ?? stylesContext?.rounded.current ?? 'md');
+</script>
+
+<Primitive.Content
+  bind:ref
+  {side}
+  {sideOffset}
+  {align}
+  class={cn(datePickerContentVariants({ rounded: resolvedRounded }), className)}
+  {...restProps}
+/>

package/dist/primitives/date-picker/components/date-picker.content.svelte.d.ts

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

package/dist/primitives/date-picker/components/date-picker.input.svelte

@@ -0,0 +1,28 @@
+<script lang="ts">
+  import { cn } from '../../../internal/utils/tailwindcss.js';
+  import { DatePicker as Primitive } from 'bits-ui';
+  import { datePickerInputVariants } from '../styles.js';
+  import type { DatePickerInputProps } from '../types.js';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    children,
+    variant = 'primary',
+    size = 'md',
+    rounded = 'sm',
+    fullWidth = false,
+    ...restProps
+  }: DatePickerInputProps = $props();
+</script>
+
+<Primitive.Input
+  bind:ref
+  data-slot="date-picker-input"
+  class={cn(datePickerInputVariants({ variant, size, rounded, fullWidth }), className)}
+  {...restProps}
+>
+  {#snippet children({ segments })}
+    {@render children?.({ segments })}
+  {/snippet}
+</Primitive.Input>

package/dist/primitives/date-picker/components/date-picker.input.svelte.d.ts

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

package/dist/primitives/date-picker/components/date-picker.portal.svelte

@@ -0,0 +1,10 @@
+<script lang="ts">
+  import { DatePicker as Primitive } from 'bits-ui';
+  import type { DatePickerPortalProps } from '../types.js';
+
+  let { children, ...restProps }: DatePickerPortalProps = $props();
+</script>
+
+<Primitive.Portal {...restProps}>
+  {@render children?.()}
+</Primitive.Portal>

package/dist/primitives/date-picker/components/date-picker.portal.svelte.d.ts

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

package/dist/primitives/date-picker/components/date-picker.root.svelte

@@ -0,0 +1,21 @@
+<script lang="ts">
+  import { DatePicker as Primitive } from 'bits-ui';
+  import { boxWith } from 'svelte-toolbelt';
+  import { DatePickerRootStylesContext } from '../styles.js';
+  import type { DatePickerRootProps } from '../types.js';
+
+  let {
+    value = $bindable(),
+    open = $bindable(false),
+    placeholder = $bindable(),
+    //
+    rounded = 'md',
+    ...restProps
+  }: DatePickerRootProps = $props();
+
+  DatePickerRootStylesContext.set({
+    rounded: boxWith(() => rounded),
+  });
+</script>
+
+<Primitive.Root bind:value bind:open bind:placeholder {...restProps} />

package/dist/primitives/date-picker/components/date-picker.root.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { DatePickerRootProps } from '../types.js';
+declare const DatePicker: import("svelte").Component<DatePickerRootProps, {}, "placeholder" | "value" | "open">;
+type DatePicker = ReturnType<typeof DatePicker>;
+export default DatePicker;

package/dist/primitives/date-picker/components/date-picker.segment.svelte

@@ -0,0 +1,10 @@
+<script lang="ts">
+  import { cn } from '../../../internal/utils/tailwindcss.js';
+  import { DatePicker as Primitive } from 'bits-ui';
+  import { datePickerSegmentVariants } from '../styles.js';
+  import type { DatePickerSegmentProps } from '../types.js';
+
+  let { ref = $bindable(null), class: className, ...restProps }: DatePickerSegmentProps = $props();
+</script>
+
+<Primitive.Segment bind:ref class={cn(datePickerSegmentVariants(), className)} {...restProps} />

package/dist/primitives/date-picker/components/date-picker.segment.svelte.d.ts

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

package/dist/primitives/date-picker/components/date-picker.trigger.svelte

@@ -0,0 +1,61 @@
+<script lang="ts">
+  import { Icon } from '../../../atomic/icons/index.js';
+  import { boolAttr } from '../../../internal/utils/attrs.js';
+  import { cn } from '../../../internal/utils/tailwindcss.js';
+  import { DatePicker as Primitive } from 'bits-ui';
+  import { datePickerTriggerVariants } from '../styles.js';
+  import type { DatePickerTriggerProps } from '../types.js';
+
+  let {
+    ref = $bindable(null),
+    class: className,
+    child: childSnippet,
+    children,
+    hasChevron = true,
+    size = 'md',
+    variant = 'primary',
+    rounded = 'sm',
+    fullWidth = true,
+    ...restProps
+  }: DatePickerTriggerProps = $props();
+
+  const attrs = $derived({
+    'data-slot': 'trigger',
+    'data-has-chevron': boolAttr(hasChevron),
+    class: cn(
+      datePickerTriggerVariants({
+        size,
+        variant,
+        rounded,
+        fullWidth,
+        hasChevron,
+      }),
+      className
+    ),
+    ...restProps,
+  });
+</script>
+
+<Primitive.Trigger bind:ref {...attrs}>
+  {#snippet child({ props })}
+    {#if childSnippet}
+      {@render childSnippet({ props })}
+    {:else}
+      <button {...props}>
+        {@render children?.()}
+
+        {#if hasChevron}
+          <span
+            data-slot="chevron"
+            class={cn(
+              'cgui:absolute cgui:top-1/2 cgui:-translate-y-1/2 cgui:right-2',
+              'cgui:ms-auto cgui:text-fg-regular'
+            )}
+          >
+            <Icon.Calendar width={18} height={18} />
+          </span>
+        {/if}
+      </button>
+    {/if}
+  {/snippet}
+</Primitive.Trigger>

package/dist/primitives/date-picker/components/date-picker.trigger.svelte.d.ts

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

package/dist/primitives/date-picker/components/index.d.ts

@@ -0,0 +1,7 @@
+export { default as Calendar } from './date-picker.calendar.svelte';
+export { default as Content } from './date-picker.content.svelte';
+export { default as Input } from './date-picker.input.svelte';
+export { default as Portal } from './date-picker.portal.svelte';
+export { default as Root } from './date-picker.root.svelte';
+export { default as Segment } from './date-picker.segment.svelte';
+export { default as Trigger } from './date-picker.trigger.svelte';

package/dist/primitives/date-picker/components/index.js

@@ -0,0 +1,7 @@
+export { default as Calendar } from './date-picker.calendar.svelte';
+export { default as Content } from './date-picker.content.svelte';
+export { default as Input } from './date-picker.input.svelte';
+export { default as Portal } from './date-picker.portal.svelte';
+export { default as Root } from './date-picker.root.svelte';
+export { default as Segment } from './date-picker.segment.svelte';
+export { default as Trigger } from './date-picker.trigger.svelte';

package/dist/primitives/date-picker/index.d.ts

@@ -0,0 +1,2 @@
+export * as DatePicker from './components/index.js';
+export * from './types.js';

package/dist/primitives/date-picker/index.js

@@ -0,0 +1,2 @@
+export * as DatePicker from './components/index.js';
+export * from './types.js';