@chrissnell/chonky-ui 0.1.7

package/dist/components/ContextMenu/ContextMenuTrigger.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+export interface ContextMenuTriggerProps {
+    class?: string;
+    children?: Snippet;
+}
+declare const ContextMenuTrigger: import("svelte").Component<ContextMenuTriggerProps, {}, "">;
+type ContextMenuTrigger = ReturnType<typeof ContextMenuTrigger>;
+export default ContextMenuTrigger;

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

@@ -0,0 +1,17 @@
+export type { ContextMenuRootProps } from './ContextMenuRoot.svelte';
+export type { ContextMenuTriggerProps } from './ContextMenuTrigger.svelte';
+export type { ContextMenuContentProps } from './ContextMenuContent.svelte';
+export type { ContextMenuItemProps } from './ContextMenuItem.svelte';
+export type { ContextMenuSeparatorProps } from './ContextMenuSeparator.svelte';
+export type { ContextMenuGroupProps } from './ContextMenuGroup.svelte';
+export type { ContextMenuGroupHeadingProps } from './ContextMenuGroupHeading.svelte';
+declare const ContextMenu: import("svelte").Component<import("./ContextMenuRoot.svelte").ContextMenuRootProps, {}, ""> & {
+    Root: import("svelte").Component<import("./ContextMenuRoot.svelte").ContextMenuRootProps, {}, "">;
+    Trigger: import("svelte").Component<import("./ContextMenuTrigger.svelte").ContextMenuTriggerProps, {}, "">;
+    Content: import("svelte").Component<import("./ContextMenuContent.svelte").ContextMenuContentProps, {}, "">;
+    Item: import("svelte").Component<import("./ContextMenuItem.svelte").ContextMenuItemProps, {}, "">;
+    Separator: import("svelte").Component<import("./ContextMenuSeparator.svelte").ContextMenuSeparatorProps, {}, "">;
+    Group: import("svelte").Component<import("./ContextMenuGroup.svelte").ContextMenuGroupProps, {}, "">;
+    GroupHeading: import("svelte").Component<import("./ContextMenuGroupHeading.svelte").ContextMenuGroupHeadingProps, {}, "">;
+};
+export { ContextMenu };

package/dist/components/ContextMenu/index.js

@@ -0,0 +1,9 @@
+import Root from './ContextMenuRoot.svelte';
+import Trigger from './ContextMenuTrigger.svelte';
+import Content from './ContextMenuContent.svelte';
+import Item from './ContextMenuItem.svelte';
+import Separator from './ContextMenuSeparator.svelte';
+import Group from './ContextMenuGroup.svelte';
+import GroupHeading from './ContextMenuGroupHeading.svelte';
+const ContextMenu = Object.assign(Root, { Root, Trigger, Content, Item, Separator, Group, GroupHeading });
+export { ContextMenu };

package/dist/components/DateField/DateFieldInput.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+  import { DateField as BitsDateField } from 'bits-ui';
+  import { cn } from '../../internal/utils.js';
+
+  export interface DateFieldInputProps {
+    name?: string;
+    class?: string;
+  }
+
+  let { name, class: className, ...restProps }: DateFieldInputProps = $props();
+</script>
+
+<BitsDateField.Input {name} class={cn(className)} {...restProps}>
+  {#snippet children({ segments })}
+    {#each segments as { part, value }}
+      <BitsDateField.Segment {part}>{value}</BitsDateField.Segment>
+    {/each}
+  {/snippet}
+</BitsDateField.Input>

package/dist/components/DateField/DateFieldInput.svelte.d.ts

@@ -0,0 +1,7 @@
+export interface DateFieldInputProps {
+    name?: string;
+    class?: string;
+}
+declare const DateFieldInput: import("svelte").Component<DateFieldInputProps, {}, "">;
+type DateFieldInput = ReturnType<typeof DateFieldInput>;
+export default DateFieldInput;

package/dist/components/DateField/DateFieldLabel.svelte

@@ -0,0 +1,16 @@
+<script lang="ts">
+  import { DateField as BitsDateField } from 'bits-ui';
+  import type { Snippet } from 'svelte';
+  import { cn } from '../../internal/utils.js';
+
+  export interface DateFieldLabelProps {
+    class?: string;
+    children?: Snippet;
+  }
+
+  let { class: className, children, ...restProps }: DateFieldLabelProps = $props();
+</script>
+
+<BitsDateField.Label class={cn(className)} {...restProps}>
+  {@render children()}
+</BitsDateField.Label>

package/dist/components/DateField/DateFieldLabel.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+export interface DateFieldLabelProps {
+    class?: string;
+    children?: Snippet;
+}
+declare const DateFieldLabel: import("svelte").Component<DateFieldLabelProps, {}, "">;
+type DateFieldLabel = ReturnType<typeof DateFieldLabel>;
+export default DateFieldLabel;

package/dist/components/DateField/DateFieldRoot.svelte

@@ -0,0 +1,59 @@
+<script lang="ts">
+  import { DateField as BitsDateField } from 'bits-ui';
+  import type { DateValue } from '@internationalized/date';
+  import type { Snippet } from 'svelte';
+
+  export interface DateFieldRootProps {
+    value?: DateValue;
+    onValueChange?: (value: DateValue | undefined) => void;
+    placeholder?: DateValue;
+    onPlaceholderChange?: (value: DateValue | undefined) => void;
+    minValue?: DateValue;
+    maxValue?: DateValue;
+    disabled?: boolean;
+    readonly?: boolean;
+    locale?: string;
+    granularity?: 'day' | 'month' | 'year' | 'hour' | 'minute' | 'second';
+    hourCycle?: 12 | 24;
+    hideTimeZone?: boolean;
+    required?: boolean;
+    children?: Snippet;
+  }
+
+  let {
+    value = $bindable(),
+    onValueChange,
+    placeholder = $bindable(),
+    onPlaceholderChange,
+    minValue,
+    maxValue,
+    disabled = false,
+    readonly: readonlyProp = false,
+    locale = 'en',
+    granularity,
+    hourCycle,
+    hideTimeZone = false,
+    required = false,
+    children,
+    ...restProps
+  }: DateFieldRootProps = $props();
+</script>
+
+<BitsDateField.Root
+  bind:value
+  onValueChange={(v) => onValueChange?.(v)}
+  bind:placeholder
+  {onPlaceholderChange}
+  {minValue}
+  {maxValue}
+  {disabled}
+  readonly={readonlyProp}
+  {locale}
+  {granularity}
+  {hourCycle}
+  {hideTimeZone}
+  {required}
+  {...restProps}
+>
+  {@render children()}
+</BitsDateField.Root>

package/dist/components/DateField/DateFieldRoot.svelte.d.ts

@@ -0,0 +1,21 @@
+import type { DateValue } from '@internationalized/date';
+import type { Snippet } from 'svelte';
+export interface DateFieldRootProps {
+    value?: DateValue;
+    onValueChange?: (value: DateValue | undefined) => void;
+    placeholder?: DateValue;
+    onPlaceholderChange?: (value: DateValue | undefined) => void;
+    minValue?: DateValue;
+    maxValue?: DateValue;
+    disabled?: boolean;
+    readonly?: boolean;
+    locale?: string;
+    granularity?: 'day' | 'month' | 'year' | 'hour' | 'minute' | 'second';
+    hourCycle?: 12 | 24;
+    hideTimeZone?: boolean;
+    required?: boolean;
+    children?: Snippet;
+}
+declare const DateFieldRoot: import("svelte").Component<DateFieldRootProps, {}, "value" | "placeholder">;
+type DateFieldRoot = ReturnType<typeof DateFieldRoot>;
+export default DateFieldRoot;

package/dist/components/DateField/DateFieldSegment.svelte

@@ -0,0 +1,13 @@
+<script lang="ts">
+  import { DateField as BitsDateField } from 'bits-ui';
+  import { cn } from '../../internal/utils.js';
+
+  export interface DateFieldSegmentProps {
+    part: string;
+    class?: string;
+  }
+
+  let { part, class: className, ...restProps }: DateFieldSegmentProps = $props();
+</script>
+
+<BitsDateField.Segment {part} class={cn(className)} {...restProps} />

package/dist/components/DateField/DateFieldSegment.svelte.d.ts

@@ -0,0 +1,7 @@
+export interface DateFieldSegmentProps {
+    part: string;
+    class?: string;
+}
+declare const DateFieldSegment: import("svelte").Component<DateFieldSegmentProps, {}, "">;
+type DateFieldSegment = ReturnType<typeof DateFieldSegment>;
+export default DateFieldSegment;

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

@@ -0,0 +1,11 @@
+export type { DateFieldRootProps } from './DateFieldRoot.svelte';
+export type { DateFieldInputProps } from './DateFieldInput.svelte';
+export type { DateFieldLabelProps } from './DateFieldLabel.svelte';
+export type { DateFieldSegmentProps } from './DateFieldSegment.svelte';
+declare const DateField: import("svelte").Component<import("./DateFieldRoot.svelte").DateFieldRootProps, {}, "value" | "placeholder"> & {
+    Root: import("svelte").Component<import("./DateFieldRoot.svelte").DateFieldRootProps, {}, "value" | "placeholder">;
+    Input: import("svelte").Component<import("./DateFieldInput.svelte").DateFieldInputProps, {}, "">;
+    Label: import("svelte").Component<import("./DateFieldLabel.svelte").DateFieldLabelProps, {}, "">;
+    Segment: import("svelte").Component<import("./DateFieldSegment.svelte").DateFieldSegmentProps, {}, "">;
+};
+export { DateField };

package/dist/components/DateField/index.js

@@ -0,0 +1,6 @@
+import Root from './DateFieldRoot.svelte';
+import Input from './DateFieldInput.svelte';
+import Label from './DateFieldLabel.svelte';
+import Segment from './DateFieldSegment.svelte';
+const DateField = Object.assign(Root, { Root, Input, Label, Segment });
+export { DateField };

package/dist/components/DatePicker/DatePickerCalendar.svelte

@@ -0,0 +1,50 @@
+<script lang="ts">
+  import { DatePicker as BitsDatePicker } from 'bits-ui';
+  import type { Snippet } from 'svelte';
+  import { cn } from '../../internal/utils.js';
+
+  export interface DatePickerCalendarProps {
+    class?: string;
+    children?: Snippet;
+  }
+
+  let { class: className, children, ...restProps }: DatePickerCalendarProps = $props();
+</script>
+
+{#if children}
+  <BitsDatePicker.Calendar class={cn(className)} {...restProps}>
+    {@render children()}
+  </BitsDatePicker.Calendar>
+{:else}
+  <BitsDatePicker.Calendar class={cn(className)} {...restProps}>
+    {#snippet children({ months, weekdays })}
+      <BitsDatePicker.Header>
+        <BitsDatePicker.PrevButton>&larr;</BitsDatePicker.PrevButton>
+        <BitsDatePicker.Heading />
+        <BitsDatePicker.NextButton>&rarr;</BitsDatePicker.NextButton>
+      </BitsDatePicker.Header>
+      {#each months as month}
+        <BitsDatePicker.Grid>
+          <BitsDatePicker.GridHead>
+            <BitsDatePicker.GridRow>
+              {#each weekdays as weekday}
+                <BitsDatePicker.HeadCell>{weekday}</BitsDatePicker.HeadCell>
+              {/each}
+            </BitsDatePicker.GridRow>
+          </BitsDatePicker.GridHead>
+          <BitsDatePicker.GridBody>
+            {#each month.weeks as week}
+              <BitsDatePicker.GridRow>
+                {#each week as date}
+                  <BitsDatePicker.Cell {date} month={month.value}>
+                    <BitsDatePicker.Day />
+                  </BitsDatePicker.Cell>
+                {/each}
+              </BitsDatePicker.GridRow>
+            {/each}
+          </BitsDatePicker.GridBody>
+        </BitsDatePicker.Grid>
+      {/each}
+    {/snippet}
+  </BitsDatePicker.Calendar>
+{/if}

package/dist/components/DatePicker/DatePickerCalendar.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+export interface DatePickerCalendarProps {
+    class?: string;
+    children?: Snippet;
+}
+declare const DatePickerCalendar: import("svelte").Component<DatePickerCalendarProps, {}, "">;
+type DatePickerCalendar = ReturnType<typeof DatePickerCalendar>;
+export default DatePickerCalendar;

package/dist/components/DatePicker/DatePickerContent.svelte

@@ -0,0 +1,24 @@
+<script lang="ts">
+  import { DatePicker as BitsDatePicker } from 'bits-ui';
+  import type { Snippet } from 'svelte';
+  import { cn } from '../../internal/utils.js';
+
+  export interface DatePickerContentProps {
+    class?: string;
+    children?: Snippet;
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    sideOffset?: number;
+  }
+
+  let {
+    class: className,
+    children,
+    side = 'bottom',
+    sideOffset = 4,
+    ...restProps
+  }: DatePickerContentProps = $props();
+</script>
+
+<BitsDatePicker.Content class={cn(className)} {side} {sideOffset} {...restProps}>
+  {@render children()}
+</BitsDatePicker.Content>

package/dist/components/DatePicker/DatePickerContent.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { Snippet } from 'svelte';
+export interface DatePickerContentProps {
+    class?: string;
+    children?: Snippet;
+    side?: 'top' | 'right' | 'bottom' | 'left';
+    sideOffset?: number;
+}
+declare const DatePickerContent: import("svelte").Component<DatePickerContentProps, {}, "">;
+type DatePickerContent = ReturnType<typeof DatePickerContent>;
+export default DatePickerContent;

package/dist/components/DatePicker/DatePickerInput.svelte

@@ -0,0 +1,19 @@
+<script lang="ts">
+  import { DatePicker as BitsDatePicker } from 'bits-ui';
+  import { cn } from '../../internal/utils.js';
+
+  export interface DatePickerInputProps {
+    name?: string;
+    class?: string;
+  }
+
+  let { name, class: className, ...restProps }: DatePickerInputProps = $props();
+</script>
+
+<BitsDatePicker.Input {name} class={cn(className)} {...restProps}>
+  {#snippet children({ segments })}
+    {#each segments as { part, value }}
+      <BitsDatePicker.Segment {part}>{value}</BitsDatePicker.Segment>
+    {/each}
+  {/snippet}
+</BitsDatePicker.Input>

package/dist/components/DatePicker/DatePickerInput.svelte.d.ts

@@ -0,0 +1,7 @@
+export interface DatePickerInputProps {
+    name?: string;
+    class?: string;
+}
+declare const DatePickerInput: import("svelte").Component<DatePickerInputProps, {}, "">;
+type DatePickerInput = ReturnType<typeof DatePickerInput>;
+export default DatePickerInput;

package/dist/components/DatePicker/DatePickerLabel.svelte

@@ -0,0 +1,16 @@
+<script lang="ts">
+  import { DatePicker as BitsDatePicker } from 'bits-ui';
+  import type { Snippet } from 'svelte';
+  import { cn } from '../../internal/utils.js';
+
+  export interface DatePickerLabelProps {
+    class?: string;
+    children?: Snippet;
+  }
+
+  let { class: className, children, ...restProps }: DatePickerLabelProps = $props();
+</script>
+
+<BitsDatePicker.Label class={cn(className)} {...restProps}>
+  {@render children()}
+</BitsDatePicker.Label>

package/dist/components/DatePicker/DatePickerLabel.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+export interface DatePickerLabelProps {
+    class?: string;
+    children?: Snippet;
+}
+declare const DatePickerLabel: import("svelte").Component<DatePickerLabelProps, {}, "">;
+type DatePickerLabel = ReturnType<typeof DatePickerLabel>;
+export default DatePickerLabel;

package/dist/components/DatePicker/DatePickerRoot.svelte

@@ -0,0 +1,96 @@
+<script lang="ts">
+  import { DatePicker as BitsDatePicker } from 'bits-ui';
+  import type { DateValue } from '@internationalized/date';
+  import type { Snippet } from 'svelte';
+  import type { DateMatcher } from 'bits-ui';
+
+  export interface DatePickerRootProps {
+    value?: DateValue;
+    onValueChange?: (value: DateValue | undefined) => void;
+    placeholder?: DateValue;
+    onPlaceholderChange?: (value: DateValue | undefined) => void;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    minValue?: DateValue;
+    maxValue?: DateValue;
+    disabled?: boolean;
+    readonly?: boolean;
+    isDateDisabled?: DateMatcher;
+    isDateUnavailable?: DateMatcher;
+    locale?: string;
+    granularity?: 'day' | 'month' | 'year' | 'hour' | 'minute' | 'second';
+    hourCycle?: 12 | 24;
+    hideTimeZone?: boolean;
+    required?: boolean;
+    closeOnDateSelect?: boolean;
+    numberOfMonths?: number;
+    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    weekdayFormat?: 'long' | 'short' | 'narrow';
+    fixedWeeks?: boolean;
+    pagedNavigation?: boolean;
+    preventDeselect?: boolean;
+    calendarLabel?: string;
+    children?: Snippet;
+  }
+
+  let {
+    value = $bindable(),
+    onValueChange,
+    placeholder = $bindable(),
+    onPlaceholderChange,
+    open = $bindable(false),
+    onOpenChange,
+    minValue,
+    maxValue,
+    disabled = false,
+    readonly: readonlyProp = false,
+    isDateDisabled,
+    isDateUnavailable,
+    locale = 'en',
+    granularity,
+    hourCycle,
+    hideTimeZone = false,
+    required = false,
+    closeOnDateSelect = true,
+    numberOfMonths = 1,
+    weekStartsOn = 0,
+    weekdayFormat = 'narrow',
+    fixedWeeks = false,
+    pagedNavigation = false,
+    preventDeselect = false,
+    calendarLabel,
+    children,
+    ...restProps
+  }: DatePickerRootProps = $props();
+</script>
+
+<BitsDatePicker.Root
+  bind:value
+  onValueChange={(v) => onValueChange?.(v)}
+  bind:placeholder
+  {onPlaceholderChange}
+  bind:open
+  {onOpenChange}
+  {minValue}
+  {maxValue}
+  {disabled}
+  readonly={readonlyProp}
+  {isDateDisabled}
+  {isDateUnavailable}
+  {locale}
+  {granularity}
+  {hourCycle}
+  {hideTimeZone}
+  {required}
+  {closeOnDateSelect}
+  {numberOfMonths}
+  {weekStartsOn}
+  {weekdayFormat}
+  {fixedWeeks}
+  {pagedNavigation}
+  {preventDeselect}
+  {calendarLabel}
+  {...restProps}
+>
+  {@render children()}
+</BitsDatePicker.Root>

package/dist/components/DatePicker/DatePickerRoot.svelte.d.ts

@@ -0,0 +1,34 @@
+import type { DateValue } from '@internationalized/date';
+import type { Snippet } from 'svelte';
+import type { DateMatcher } from 'bits-ui';
+export interface DatePickerRootProps {
+    value?: DateValue;
+    onValueChange?: (value: DateValue | undefined) => void;
+    placeholder?: DateValue;
+    onPlaceholderChange?: (value: DateValue | undefined) => void;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    minValue?: DateValue;
+    maxValue?: DateValue;
+    disabled?: boolean;
+    readonly?: boolean;
+    isDateDisabled?: DateMatcher;
+    isDateUnavailable?: DateMatcher;
+    locale?: string;
+    granularity?: 'day' | 'month' | 'year' | 'hour' | 'minute' | 'second';
+    hourCycle?: 12 | 24;
+    hideTimeZone?: boolean;
+    required?: boolean;
+    closeOnDateSelect?: boolean;
+    numberOfMonths?: number;
+    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    weekdayFormat?: 'long' | 'short' | 'narrow';
+    fixedWeeks?: boolean;
+    pagedNavigation?: boolean;
+    preventDeselect?: boolean;
+    calendarLabel?: string;
+    children?: Snippet;
+}
+declare const DatePickerRoot: import("svelte").Component<DatePickerRootProps, {}, "open" | "value" | "placeholder">;
+type DatePickerRoot = ReturnType<typeof DatePickerRoot>;
+export default DatePickerRoot;

package/dist/components/DatePicker/DatePickerSegment.svelte

@@ -0,0 +1,13 @@
+<script lang="ts">
+  import { DatePicker as BitsDatePicker } from 'bits-ui';
+  import { cn } from '../../internal/utils.js';
+
+  export interface DatePickerSegmentProps {
+    part: string;
+    class?: string;
+  }
+
+  let { part, class: className, ...restProps }: DatePickerSegmentProps = $props();
+</script>
+
+<BitsDatePicker.Segment {part} class={cn(className)} {...restProps} />

package/dist/components/DatePicker/DatePickerSegment.svelte.d.ts

@@ -0,0 +1,7 @@
+export interface DatePickerSegmentProps {
+    part: string;
+    class?: string;
+}
+declare const DatePickerSegment: import("svelte").Component<DatePickerSegmentProps, {}, "">;
+type DatePickerSegment = ReturnType<typeof DatePickerSegment>;
+export default DatePickerSegment;

package/dist/components/DatePicker/DatePickerTrigger.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+  import { DatePicker as BitsDatePicker } from 'bits-ui';
+  import type { Snippet } from 'svelte';
+  import { cn } from '../../internal/utils.js';
+
+  export interface DatePickerTriggerProps {
+    class?: string;
+    children?: Snippet;
+  }
+
+  let { class: className, children, ...restProps }: DatePickerTriggerProps = $props();
+</script>
+
+<BitsDatePicker.Trigger class={cn(className)} {...restProps}>
+  {#if children}
+    {@render children()}
+  {:else}
+    &#x1f4c5;
+  {/if}
+</BitsDatePicker.Trigger>

package/dist/components/DatePicker/DatePickerTrigger.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+export interface DatePickerTriggerProps {
+    class?: string;
+    children?: Snippet;
+}
+declare const DatePickerTrigger: import("svelte").Component<DatePickerTriggerProps, {}, "">;
+type DatePickerTrigger = ReturnType<typeof DatePickerTrigger>;
+export default DatePickerTrigger;

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

@@ -0,0 +1,17 @@
+export type { DatePickerRootProps } from './DatePickerRoot.svelte';
+export type { DatePickerInputProps } from './DatePickerInput.svelte';
+export type { DatePickerTriggerProps } from './DatePickerTrigger.svelte';
+export type { DatePickerContentProps } from './DatePickerContent.svelte';
+export type { DatePickerCalendarProps } from './DatePickerCalendar.svelte';
+export type { DatePickerLabelProps } from './DatePickerLabel.svelte';
+export type { DatePickerSegmentProps } from './DatePickerSegment.svelte';
+declare const DatePicker: import("svelte").Component<import("./DatePickerRoot.svelte").DatePickerRootProps, {}, "open" | "value" | "placeholder"> & {
+    Root: import("svelte").Component<import("./DatePickerRoot.svelte").DatePickerRootProps, {}, "open" | "value" | "placeholder">;
+    Input: import("svelte").Component<import("./DatePickerInput.svelte").DatePickerInputProps, {}, "">;
+    Trigger: import("svelte").Component<import("./DatePickerTrigger.svelte").DatePickerTriggerProps, {}, "">;
+    Content: import("svelte").Component<import("./DatePickerContent.svelte").DatePickerContentProps, {}, "">;
+    Calendar: import("svelte").Component<import("./DatePickerCalendar.svelte").DatePickerCalendarProps, {}, "">;
+    Label: import("svelte").Component<import("./DatePickerLabel.svelte").DatePickerLabelProps, {}, "">;
+    Segment: import("svelte").Component<import("./DatePickerSegment.svelte").DatePickerSegmentProps, {}, "">;
+};
+export { DatePicker };

package/dist/components/DatePicker/index.js

@@ -0,0 +1,9 @@
+import Root from './DatePickerRoot.svelte';
+import Input from './DatePickerInput.svelte';
+import Trigger from './DatePickerTrigger.svelte';
+import Content from './DatePickerContent.svelte';
+import Calendar from './DatePickerCalendar.svelte';
+import Label from './DatePickerLabel.svelte';
+import Segment from './DatePickerSegment.svelte';
+const DatePicker = Object.assign(Root, { Root, Input, Trigger, Content, Calendar, Label, Segment });
+export { DatePicker };

package/dist/components/DateRangeField/DateRangeFieldInput.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+  import { DateRangeField as BitsDateRangeField } from 'bits-ui';
+  import { cn } from '../../internal/utils.js';
+
+  export interface DateRangeFieldInputProps {
+    type: 'start' | 'end';
+    name?: string;
+    class?: string;
+  }
+
+  let { type, name, class: className, ...restProps }: DateRangeFieldInputProps = $props();
+</script>
+
+<BitsDateRangeField.Input {type} {name} class={cn(className)} {...restProps}>
+  {#snippet children({ segments })}
+    {#each segments as { part, value }}
+      <BitsDateRangeField.Segment {part}>{value}</BitsDateRangeField.Segment>
+    {/each}
+  {/snippet}
+</BitsDateRangeField.Input>

package/dist/components/DateRangeField/DateRangeFieldInput.svelte.d.ts

@@ -0,0 +1,8 @@
+export interface DateRangeFieldInputProps {
+    type: 'start' | 'end';
+    name?: string;
+    class?: string;
+}
+declare const DateRangeFieldInput: import("svelte").Component<DateRangeFieldInputProps, {}, "">;
+type DateRangeFieldInput = ReturnType<typeof DateRangeFieldInput>;
+export default DateRangeFieldInput;

package/dist/components/DateRangeField/DateRangeFieldLabel.svelte

@@ -0,0 +1,16 @@
+<script lang="ts">
+  import { DateRangeField as BitsDateRangeField } from 'bits-ui';
+  import type { Snippet } from 'svelte';
+  import { cn } from '../../internal/utils.js';
+
+  export interface DateRangeFieldLabelProps {
+    class?: string;
+    children?: Snippet;
+  }
+
+  let { class: className, children, ...restProps }: DateRangeFieldLabelProps = $props();
+</script>
+
+<BitsDateRangeField.Label class={cn(className)} {...restProps}>
+  {@render children()}
+</BitsDateRangeField.Label>

package/dist/components/DateRangeField/DateRangeFieldLabel.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from 'svelte';
+export interface DateRangeFieldLabelProps {
+    class?: string;
+    children?: Snippet;
+}
+declare const DateRangeFieldLabel: import("svelte").Component<DateRangeFieldLabelProps, {}, "">;
+type DateRangeFieldLabel = ReturnType<typeof DateRangeFieldLabel>;
+export default DateRangeFieldLabel;