@ark-ui/svelte 0.4.0 → 5.0.0-0

package/dist/components/date-picker/date-picker-table-head.svelte

@@ -0,0 +1,22 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../types.js'
+
+  export interface DatePickerTableHeadBaseProps extends PolymorphicProps<'thead'> {}
+  export interface DatePickerTableHeadProps extends Assign<HTMLProps<'thead'>, DatePickerTableHeadBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory/index.js'
+  import { useDatePickerContext } from './use-date-picker-context.js'
+  import { useDatePickerTablePropsContext } from './use-date-picker-table-props-context.js'
+
+  const props: DatePickerTableHeadProps = $props()
+
+  const datePicker = useDatePickerContext()
+  const tableProps = useDatePickerTablePropsContext()
+
+  const mergedProps = $derived(mergeProps(datePicker().getTableHeadProps(tableProps()), props))
+</script>
+
+<Ark as="thead" {...mergedProps} />

package/dist/components/date-picker/date-picker-table-head.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../types.js';
+export interface DatePickerTableHeadBaseProps extends PolymorphicProps<'thead'> {
+}
+export interface DatePickerTableHeadProps extends Assign<HTMLProps<'thead'>, DatePickerTableHeadBaseProps> {
+}
+declare const DatePickerTableHead: import("svelte").Component<DatePickerTableHeadProps, {}, "">;
+type DatePickerTableHead = ReturnType<typeof DatePickerTableHead>;
+export default DatePickerTableHead;

package/dist/components/date-picker/date-picker-table-header.svelte

@@ -0,0 +1,22 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../types.js'
+
+  export interface DatePickerTableHeaderBaseProps extends PolymorphicProps<'th'> {}
+  export interface DatePickerTableHeaderProps extends Assign<HTMLProps<'th'>, DatePickerTableHeaderBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory/index.js'
+  import { useDatePickerContext } from './use-date-picker-context.js'
+  import { useDatePickerTablePropsContext } from './use-date-picker-table-props-context.js'
+
+  const props: DatePickerTableHeaderProps = $props()
+
+  const datePicker = useDatePickerContext()
+  const tableProps = useDatePickerTablePropsContext()
+
+  const mergedProps = $derived(mergeProps(datePicker().getTableHeaderProps(tableProps()), props))
+</script>
+
+<Ark as="th" {...mergedProps} />

package/dist/components/date-picker/date-picker-table-header.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../types.js';
+export interface DatePickerTableHeaderBaseProps extends PolymorphicProps<'th'> {
+}
+export interface DatePickerTableHeaderProps extends Assign<HTMLProps<'th'>, DatePickerTableHeaderBaseProps> {
+}
+declare const DatePickerTableHeader: import("svelte").Component<DatePickerTableHeaderProps, {}, "">;
+type DatePickerTableHeader = ReturnType<typeof DatePickerTableHeader>;
+export default DatePickerTableHeader;

package/dist/components/date-picker/date-picker-table-row.svelte

@@ -0,0 +1,22 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../types.js'
+
+  export interface DatePickerTableRowBaseProps extends PolymorphicProps<'tr'> {}
+  export interface DatePickerTableRowProps extends Assign<HTMLProps<'tr'>, DatePickerTableRowBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory/index.js'
+  import { useDatePickerContext } from './use-date-picker-context.js'
+  import { useDatePickerTablePropsContext } from './use-date-picker-table-props-context.js'
+
+  const props: DatePickerTableRowProps = $props()
+
+  const datePicker = useDatePickerContext()
+  const tableProps = useDatePickerTablePropsContext()
+
+  const mergedProps = $derived(mergeProps(datePicker().getTableRowProps(tableProps()), props))
+</script>
+
+<Ark as="tr" {...mergedProps} />

package/dist/components/date-picker/date-picker-table-row.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../types.js';
+export interface DatePickerTableRowBaseProps extends PolymorphicProps<'tr'> {
+}
+export interface DatePickerTableRowProps extends Assign<HTMLProps<'tr'>, DatePickerTableRowBaseProps> {
+}
+declare const DatePickerTableRow: import("svelte").Component<DatePickerTableRowProps, {}, "">;
+type DatePickerTableRow = ReturnType<typeof DatePickerTableRow>;
+export default DatePickerTableRow;

package/dist/components/date-picker/date-picker-table.svelte

@@ -0,0 +1,29 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../types.js'
+
+  export interface DatePickerTableBaseProps extends PolymorphicProps<'table'> {
+    columns?: number
+  }
+  export interface DatePickerTableProps extends Assign<HTMLProps<'table'>, DatePickerTableBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory/index.js'
+  import { useDatePickerContext } from './use-date-picker-context.js'
+  import { DatePickerTablePropsProvider } from './use-date-picker-table-props-context.js'
+  import { useDatePickerViewPropsContext } from './use-date-picker-view-props-context.js'
+
+  const { columns, ...localProps }: DatePickerTableProps = $props()
+  const providedId = $props.id()
+
+  const datePicker = useDatePickerContext()
+  const viewProps = useDatePickerViewPropsContext()
+
+  const tableProps = $derived({ id: providedId, columns, ...viewProps() })
+  const mergedProps = $derived(mergeProps(datePicker().getTableProps(tableProps), localProps))
+
+  DatePickerTablePropsProvider(() => tableProps)
+</script>
+
+<Ark as="table" {...mergedProps} />

package/dist/components/date-picker/date-picker-table.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../types.js';
+export interface DatePickerTableBaseProps extends PolymorphicProps<'table'> {
+    columns?: number;
+}
+export interface DatePickerTableProps extends Assign<HTMLProps<'table'>, DatePickerTableBaseProps> {
+}
+declare const DatePickerTable: import("svelte").Component<DatePickerTableProps, {}, "">;
+type DatePickerTable = ReturnType<typeof DatePickerTable>;
+export default DatePickerTable;

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

@@ -0,0 +1,19 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../types.js'
+
+  export interface DatePickerTriggerBaseProps extends PolymorphicProps<'button'> {}
+  export interface DatePickerTriggerProps extends Assign<HTMLProps<'button'>, DatePickerTriggerBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory/index.js'
+  import { useDatePickerContext } from './use-date-picker-context.js'
+
+  const props: DatePickerTriggerProps = $props()
+
+  const datePicker = useDatePickerContext()
+  const mergedProps = $derived(mergeProps(datePicker().getTriggerProps(), props))
+</script>
+
+<Ark as="button" {...mergedProps} />

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

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../types.js';
+export interface DatePickerTriggerBaseProps extends PolymorphicProps<'button'> {
+}
+export interface DatePickerTriggerProps extends Assign<HTMLProps<'button'>, DatePickerTriggerBaseProps> {
+}
+declare const DatePickerTrigger: import("svelte").Component<DatePickerTriggerProps, {}, "">;
+type DatePickerTrigger = ReturnType<typeof DatePickerTrigger>;
+export default DatePickerTrigger;

package/dist/components/date-picker/date-picker-view-control.svelte

@@ -0,0 +1,21 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../types.js'
+
+  export interface DatePickerViewControlBaseProps extends PolymorphicProps<'div'> {}
+  export interface DatePickerViewControlProps extends Assign<HTMLProps<'div'>, DatePickerViewControlBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory/index.js'
+  import { useDatePickerContext } from './use-date-picker-context.js'
+  import { useDatePickerViewPropsContext } from './use-date-picker-view-props-context.js'
+
+  const props: DatePickerViewControlProps = $props()
+
+  const datePicker = useDatePickerContext()
+  const viewProps = useDatePickerViewPropsContext()
+  const mergedProps = $derived(mergeProps(datePicker().getViewControlProps(viewProps()), props))
+</script>
+
+<Ark as="div" {...mergedProps} />

package/dist/components/date-picker/date-picker-view-control.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../types.js';
+export interface DatePickerViewControlBaseProps extends PolymorphicProps<'div'> {
+}
+export interface DatePickerViewControlProps extends Assign<HTMLProps<'div'>, DatePickerViewControlBaseProps> {
+}
+declare const DatePickerViewControl: import("svelte").Component<DatePickerViewControlProps, {}, "">;
+type DatePickerViewControl = ReturnType<typeof DatePickerViewControl>;
+export default DatePickerViewControl;

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

@@ -0,0 +1,21 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../types.js'
+
+  export interface DatePickerViewTriggerBaseProps extends PolymorphicProps<'button'> {}
+  export interface DatePickerViewTriggerProps extends Assign<HTMLProps<'button'>, DatePickerViewTriggerBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory/index.js'
+  import { useDatePickerContext } from './use-date-picker-context.js'
+  import { useDatePickerViewPropsContext } from './use-date-picker-view-props-context.js'
+
+  const props: DatePickerViewTriggerProps = $props()
+
+  const datePicker = useDatePickerContext()
+  const viewProps = useDatePickerViewPropsContext()
+  const mergedProps = $derived(mergeProps(datePicker().getViewTriggerProps(viewProps()), props))
+</script>
+
+<Ark as="button" {...mergedProps} />

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

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../types.js';
+export interface DatePickerViewTriggerBaseProps extends PolymorphicProps<'button'> {
+}
+export interface DatePickerViewTriggerProps extends Assign<HTMLProps<'button'>, DatePickerViewTriggerBaseProps> {
+}
+declare const DatePickerViewTrigger: import("svelte").Component<DatePickerViewTriggerProps, {}, "">;
+type DatePickerViewTrigger = ReturnType<typeof DatePickerViewTrigger>;
+export default DatePickerViewTrigger;

package/dist/components/date-picker/date-picker-view.svelte

@@ -0,0 +1,25 @@
+<script module lang="ts">
+  import type { ViewProps } from '@zag-js/date-picker'
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../types.js'
+
+  export interface DatePickerViewBaseProps extends ViewProps, PolymorphicProps<'div'> {}
+  export interface DatePickerViewProps extends Assign<HTMLProps<'div'>, DatePickerViewBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { createSplitProps } from '../../utils/create-split-props.js'
+  import { Ark } from '../factory/index.js'
+  import { useDatePickerContext } from './use-date-picker-context.js'
+  import { DatePickerViewPropsProvider } from './use-date-picker-view-props-context.js'
+
+  const props: DatePickerViewProps = $props()
+
+  const [viewProps, localProps] = $derived(createSplitProps<ViewProps>()(props, ['view']))
+  const datePicker = useDatePickerContext()
+  const mergedProps = $derived(mergeProps(datePicker().getViewProps(viewProps), localProps))
+
+  DatePickerViewPropsProvider(() => viewProps)
+</script>
+
+<Ark as="div" {...mergedProps} />

package/dist/components/date-picker/date-picker-view.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { ViewProps } from '@zag-js/date-picker';
+import type { Assign, HTMLProps, PolymorphicProps } from '../../types.js';
+export interface DatePickerViewBaseProps extends ViewProps, PolymorphicProps<'div'> {
+}
+export interface DatePickerViewProps extends Assign<HTMLProps<'div'>, DatePickerViewBaseProps> {
+}
+declare const DatePickerView: import("svelte").Component<DatePickerViewProps, {}, "">;
+type DatePickerView = ReturnType<typeof DatePickerView>;
+export default DatePickerView;

package/dist/components/date-picker/date-picker-year-select.svelte

@@ -0,0 +1,25 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../types.js'
+
+  export interface DatePickerYearSelectBaseProps extends PolymorphicProps<'select'> {}
+  export interface DatePickerYearSelectProps extends Assign<HTMLProps<'select'>, DatePickerYearSelectBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory/index.js'
+  import { useDatePickerContext } from './use-date-picker-context.js'
+
+  const props: DatePickerYearSelectProps = $props()
+
+  const datePicker = useDatePickerContext()
+  const mergedProps = $derived(mergeProps(datePicker().getYearSelectProps(), props))
+</script>
+
+<Ark as="select" {...mergedProps}>
+  {#each datePicker().getYears() as year, i}
+    <option value={year.value}>
+      {year.label}
+    </option>
+  {/each}
+</Ark>

package/dist/components/date-picker/date-picker-year-select.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../types.js';
+export interface DatePickerYearSelectBaseProps extends PolymorphicProps<'select'> {
+}
+export interface DatePickerYearSelectProps extends Assign<HTMLProps<'select'>, DatePickerYearSelectBaseProps> {
+}
+declare const DatePickerYearSelect: import("svelte").Component<DatePickerYearSelectProps, {}, "">;
+type DatePickerYearSelect = ReturnType<typeof DatePickerYearSelect>;
+export default DatePickerYearSelect;

package/dist/components/date-picker/date-picker.anatomy.d.ts

@@ -0,0 +1 @@
+export declare const datePickerAnatomy: import("@zag-js/anatomy").AnatomyInstance<"input" | "label" | "table" | "view" | "root" | "content" | "trigger" | "control" | "positioner" | "clearTrigger" | "monthSelect" | "nextTrigger" | "presetTrigger" | "prevTrigger" | "rangeText" | "tableBody" | "tableCell" | "tableCellTrigger" | "tableHead" | "tableHeader" | "tableRow" | "viewControl" | "viewTrigger" | "yearSelect">;

package/dist/components/date-picker/date-picker.anatomy.js

@@ -0,0 +1,2 @@
+import { anatomy } from '@zag-js/date-picker';
+export const datePickerAnatomy = anatomy.extendWith('view');

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

@@ -0,0 +1,26 @@
+export { default as ClearTrigger, type DatePickerClearTriggerBaseProps as ClearTriggerBaseProps, type DatePickerClearTriggerProps as ClearTriggerProps, } from './date-picker-clear-trigger.svelte';
+export { default as Content, type DatePickerContentBaseProps as ContentBaseProps, type DatePickerContentProps as ContentProps, } from './date-picker-content.svelte';
+export { default as Context, type DatePickerContextProps as ContextProps } from './date-picker-context.svelte';
+export { default as Control, type DatePickerControlBaseProps as ControlBaseProps, type DatePickerControlProps as ControlProps, } from './date-picker-control.svelte';
+export { default as Input, type DatePickerInputBaseProps as InputBaseProps, type DatePickerInputProps as InputProps, } from './date-picker-input.svelte';
+export { default as Label, type DatePickerLabelBaseProps as LabelBaseProps, type DatePickerLabelProps as LabelProps, } from './date-picker-label.svelte';
+export { default as MonthSelect, type DatePickerMonthSelectBaseProps as MonthSelectBaseProps, type DatePickerMonthSelectProps as MonthSelectProps, } from './date-picker-month-select.svelte';
+export { default as NextTrigger, type DatePickerNextTriggerBaseProps as NextTriggerBaseProps, type DatePickerNextTriggerProps as NextTriggerProps, } from './date-picker-next-trigger.svelte';
+export { default as Positioner, type DatePickerPositionerBaseProps as PositionerBaseProps, type DatePickerPositionerProps as PositionerProps, } from './date-picker-positioner.svelte';
+export { default as PresetTrigger, type DatePickerPresetTriggerBaseProps as PresetTriggerBaseProps, type DatePickerPresetTriggerProps as PresetTriggerProps, } from './date-picker-preset-trigger.svelte';
+export { default as PrevTrigger, type DatePickerPrevTriggerBaseProps as PrevTriggerBaseProps, type DatePickerPrevTriggerProps as PrevTriggerProps, } from './date-picker-prev-trigger.svelte';
+export { default as RangeText, type DatePickerRangeTextBaseProps as RangeTextBaseProps, type DatePickerRangeTextProps as RangeTextProps, } from './date-picker-range-text.svelte';
+export { default as Root, type DatePickerRootBaseProps as RootBaseProps, type DatePickerRootProps as RootProps, } from './date-picker-root.svelte';
+export { default as RootProvider, type DatePickerRootProviderBaseProps as RootProviderBaseProps, type DatePickerRootProviderProps as RootProviderProps, } from './date-picker-root-provider.svelte';
+export { default as Table, type DatePickerTableBaseProps as TableBaseProps, type DatePickerTableProps as TableProps, } from './date-picker-table.svelte';
+export { default as TableBody, type DatePickerTableBodyBaseProps as TableBodyBaseProps, type DatePickerTableBodyProps as TableBodyProps, } from './date-picker-table-body.svelte';
+export { default as TableHead, type DatePickerTableHeadBaseProps as TableHeadBaseProps, type DatePickerTableHeadProps as TableHeadProps, } from './date-picker-table-head.svelte';
+export { default as TableRow, type DatePickerTableRowBaseProps as TableRowBaseProps, type DatePickerTableRowProps as TableRowProps, } from './date-picker-table-row.svelte';
+export { default as Trigger, type DatePickerTriggerBaseProps as TriggerBaseProps, type DatePickerTriggerProps as TriggerProps, } from './date-picker-trigger.svelte';
+export { default as TableCell, type DatePickerTableCellBaseProps as TableCellBaseProps, type DatePickerTableCellProps as TableCellProps, } from './date-picker-table-cell.svelte';
+export { default as TableCellTrigger, type DatePickerTableCellTriggerBaseProps as TableCellTriggerBaseProps, type DatePickerTableCellTriggerProps as TableCellTriggerProps, } from './date-picker-table-cell-trigger.svelte';
+export { default as TableHeader, type DatePickerTableHeaderBaseProps as TableHeaderBaseProps, type DatePickerTableHeaderProps as TableHeaderProps, } from './date-picker-table-header.svelte';
+export { default as View, type DatePickerViewBaseProps as ViewBaseProps, type DatePickerViewProps as ViewProps, } from './date-picker-view.svelte';
+export { default as ViewControl, type DatePickerViewControlBaseProps as ViewControlBaseProps, type DatePickerViewControlProps as ViewControlProps, } from './date-picker-view-control.svelte';
+export { default as ViewTrigger, type DatePickerViewTriggerBaseProps as ViewTriggerBaseProps, type DatePickerViewTriggerProps as ViewTriggerProps, } from './date-picker-view-trigger.svelte';
+export { default as YearSelect, type DatePickerYearSelectBaseProps as YearSelectBaseProps, type DatePickerYearSelectProps as YearSelectProps, } from './date-picker-year-select.svelte';

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

@@ -0,0 +1,26 @@
+export { default as ClearTrigger, } from './date-picker-clear-trigger.svelte';
+export { default as Content, } from './date-picker-content.svelte';
+export { default as Context } from './date-picker-context.svelte';
+export { default as Control, } from './date-picker-control.svelte';
+export { default as Input, } from './date-picker-input.svelte';
+export { default as Label, } from './date-picker-label.svelte';
+export { default as MonthSelect, } from './date-picker-month-select.svelte';
+export { default as NextTrigger, } from './date-picker-next-trigger.svelte';
+export { default as Positioner, } from './date-picker-positioner.svelte';
+export { default as PresetTrigger, } from './date-picker-preset-trigger.svelte';
+export { default as PrevTrigger, } from './date-picker-prev-trigger.svelte';
+export { default as RangeText, } from './date-picker-range-text.svelte';
+export { default as Root, } from './date-picker-root.svelte';
+export { default as RootProvider, } from './date-picker-root-provider.svelte';
+export { default as Table, } from './date-picker-table.svelte';
+export { default as TableBody, } from './date-picker-table-body.svelte';
+export { default as TableHead, } from './date-picker-table-head.svelte';
+export { default as TableRow, } from './date-picker-table-row.svelte';
+export { default as Trigger, } from './date-picker-trigger.svelte';
+export { default as TableCell, } from './date-picker-table-cell.svelte';
+export { default as TableCellTrigger, } from './date-picker-table-cell-trigger.svelte';
+export { default as TableHeader, } from './date-picker-table-header.svelte';
+export { default as View, } from './date-picker-view.svelte';
+export { default as ViewControl, } from './date-picker-view-control.svelte';
+export { default as ViewTrigger, } from './date-picker-view-trigger.svelte';
+export { default as YearSelect, } from './date-picker-year-select.svelte';

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

@@ -0,0 +1,32 @@
+export { parse as parseDate } from '@zag-js/date-picker';
+export type { FocusChangeDetails as DatePickerFocusChangeDetails, OpenChangeDetails as DatePickerOpenChangeDetails, ValueChangeDetails as DatePickerValueChangeDetails, ViewChangeDetails as DatePickerViewChangeDetails, DateValue, } from '@zag-js/date-picker';
+export { default as DatePickerClearTrigger, type DatePickerClearTriggerBaseProps, type DatePickerClearTriggerProps, } from './date-picker-clear-trigger.svelte';
+export { default as DatePickerContent, type DatePickerContentBaseProps, type DatePickerContentProps, } from './date-picker-content.svelte';
+export { default as DatePickerContext, type DatePickerContextProps } from './date-picker-context.svelte';
+export { default as DatePickerControl, type DatePickerControlBaseProps, type DatePickerControlProps, } from './date-picker-control.svelte';
+export { default as DatePickerInput, type DatePickerInputBaseProps, type DatePickerInputProps, } from './date-picker-input.svelte';
+export { default as DatePickerLabel, type DatePickerLabelBaseProps, type DatePickerLabelProps, } from './date-picker-label.svelte';
+export { default as DatePickerMonthSelect, type DatePickerMonthSelectBaseProps, type DatePickerMonthSelectProps, } from './date-picker-month-select.svelte';
+export { default as DatePickerNextTrigger, type DatePickerNextTriggerBaseProps, type DatePickerNextTriggerProps, } from './date-picker-next-trigger.svelte';
+export { default as DatePickerPositioner, type DatePickerPositionerBaseProps, type DatePickerPositionerProps, } from './date-picker-positioner.svelte';
+export { default as DatePickerPresetTrigger, type DatePickerPresetTriggerBaseProps, type DatePickerPresetTriggerProps, } from './date-picker-preset-trigger.svelte';
+export { default as DatePickerPrevTrigger, type DatePickerPrevTriggerBaseProps, type DatePickerPrevTriggerProps, } from './date-picker-prev-trigger.svelte';
+export { default as DatePickerRangeText, type DatePickerRangeTextBaseProps, type DatePickerRangeTextProps, } from './date-picker-range-text.svelte';
+export { default as DatePickerRoot, type DatePickerRootBaseProps, type DatePickerRootProps, } from './date-picker-root.svelte';
+export { default as DatePickerRootProvider, type DatePickerRootProviderBaseProps, type DatePickerRootProviderProps, } from './date-picker-root-provider.svelte';
+export { default as DatePickerTable, type DatePickerTableBaseProps, type DatePickerTableProps, } from './date-picker-table.svelte';
+export { default as DatePickerTableBody, type DatePickerTableBodyBaseProps, type DatePickerTableBodyProps, } from './date-picker-table-body.svelte';
+export { default as DatePickerTableHead, type DatePickerTableHeadBaseProps, type DatePickerTableHeadProps, } from './date-picker-table-head.svelte';
+export { default as DatePickerTableRow, type DatePickerTableRowBaseProps, type DatePickerTableRowProps, } from './date-picker-table-row.svelte';
+export { default as DatePickerTrigger, type DatePickerTriggerBaseProps, type DatePickerTriggerProps, } from './date-picker-trigger.svelte';
+export { default as DatePickerTableCell, type DatePickerTableCellBaseProps, type DatePickerTableCellProps, } from './date-picker-table-cell.svelte';
+export { default as DatePickerTableCellTrigger, type DatePickerTableCellTriggerBaseProps, type DatePickerTableCellTriggerProps, } from './date-picker-table-cell-trigger.svelte';
+export { default as DatePickerTableHeader, type DatePickerTableHeaderBaseProps, type DatePickerTableHeaderProps, } from './date-picker-table-header.svelte';
+export { default as DatePickerView, type DatePickerViewBaseProps, type DatePickerViewProps, } from './date-picker-view.svelte';
+export { default as DatePickerViewControl, type DatePickerViewControlBaseProps, type DatePickerViewControlProps, } from './date-picker-view-control.svelte';
+export { default as DatePickerViewTrigger, type DatePickerViewTriggerBaseProps, type DatePickerViewTriggerProps, } from './date-picker-view-trigger.svelte';
+export { default as DatePickerYearSelect, type DatePickerYearSelectBaseProps, type DatePickerYearSelectProps, } from './date-picker-year-select.svelte';
+export { datePickerAnatomy } from './date-picker.anatomy.js';
+export { useDatePicker, type UseDatePickerProps, type UseDatePickerReturn } from './use-date-picker.svelte.js';
+export { useDatePickerContext, type UseDatePickerContext } from './use-date-picker-context.js';
+export * as DatePicker from './date-picker.js';

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

@@ -0,0 +1,31 @@
+export { parse as parseDate } from '@zag-js/date-picker';
+export { default as DatePickerClearTrigger, } from './date-picker-clear-trigger.svelte';
+export { default as DatePickerContent, } from './date-picker-content.svelte';
+export { default as DatePickerContext } from './date-picker-context.svelte';
+export { default as DatePickerControl, } from './date-picker-control.svelte';
+export { default as DatePickerInput, } from './date-picker-input.svelte';
+export { default as DatePickerLabel, } from './date-picker-label.svelte';
+export { default as DatePickerMonthSelect, } from './date-picker-month-select.svelte';
+export { default as DatePickerNextTrigger, } from './date-picker-next-trigger.svelte';
+export { default as DatePickerPositioner, } from './date-picker-positioner.svelte';
+export { default as DatePickerPresetTrigger, } from './date-picker-preset-trigger.svelte';
+export { default as DatePickerPrevTrigger, } from './date-picker-prev-trigger.svelte';
+export { default as DatePickerRangeText, } from './date-picker-range-text.svelte';
+export { default as DatePickerRoot, } from './date-picker-root.svelte';
+export { default as DatePickerRootProvider, } from './date-picker-root-provider.svelte';
+export { default as DatePickerTable, } from './date-picker-table.svelte';
+export { default as DatePickerTableBody, } from './date-picker-table-body.svelte';
+export { default as DatePickerTableHead, } from './date-picker-table-head.svelte';
+export { default as DatePickerTableRow, } from './date-picker-table-row.svelte';
+export { default as DatePickerTrigger, } from './date-picker-trigger.svelte';
+export { default as DatePickerTableCell, } from './date-picker-table-cell.svelte';
+export { default as DatePickerTableCellTrigger, } from './date-picker-table-cell-trigger.svelte';
+export { default as DatePickerTableHeader, } from './date-picker-table-header.svelte';
+export { default as DatePickerView, } from './date-picker-view.svelte';
+export { default as DatePickerViewControl, } from './date-picker-view-control.svelte';
+export { default as DatePickerViewTrigger, } from './date-picker-view-trigger.svelte';
+export { default as DatePickerYearSelect, } from './date-picker-year-select.svelte';
+export { datePickerAnatomy } from './date-picker.anatomy.js';
+export { useDatePicker } from './use-date-picker.svelte.js';
+export { useDatePickerContext } from './use-date-picker-context.js';
+export * as DatePicker from './date-picker.js';

package/dist/components/date-picker/use-date-picker-context.d.ts

@@ -0,0 +1,6 @@
+import type { Accessor } from '../../types.js';
+import type * as datePicker from '@zag-js/date-picker';
+import type { PropTypes } from '@zag-js/svelte';
+export interface UseDatePickerContext extends Accessor<datePicker.Api<PropTypes>> {
+}
+export declare const DatePickerProvider: (opts: UseDatePickerContext) => void, useDatePickerContext: (fallback?: UseDatePickerContext | undefined) => UseDatePickerContext;

package/dist/components/date-picker/use-date-picker-context.js

@@ -0,0 +1,6 @@
+import { createContext } from '../../utils/create-context.js';
+export const [DatePickerProvider, useDatePickerContext] = createContext({
+    name: 'DatePickerContext',
+    hookName: 'useDatePickerContext',
+    providerName: '<DatePickerProvider />',
+});

package/dist/components/date-picker/use-date-picker-table-cell-props-context.d.ts

@@ -0,0 +1,10 @@
+import type { Accessor } from '../../types.js';
+import type { DayTableCellProps, TableCellProps } from '@zag-js/date-picker';
+type Union<T, U> = {
+    [K in keyof T]: K extends keyof U ? U[K] | T[K] : T[K];
+} & Omit<U, keyof T>;
+type CellProps = Union<DayTableCellProps, TableCellProps>;
+export interface UseDatePickerTableCellPropsContext extends Accessor<CellProps> {
+}
+export declare const DatePickerTableCellPropsProvider: (opts: UseDatePickerTableCellPropsContext) => void, useDatePickerTableCellPropsContext: (fallback?: UseDatePickerTableCellPropsContext | undefined) => UseDatePickerTableCellPropsContext;
+export {};

package/dist/components/date-picker/use-date-picker-table-cell-props-context.js

@@ -0,0 +1,6 @@
+import { createContext } from '../../utils/create-context.js';
+export const [DatePickerTableCellPropsProvider, useDatePickerTableCellPropsContext] = createContext({
+    name: 'DatePickerTableCellPropsContext',
+    hookName: 'useDatePickerTableCellPropsContext',
+    providerName: '<DatePickerTableCellPropsProvider />',
+});

package/dist/components/date-picker/use-date-picker-table-props-context.d.ts

@@ -0,0 +1,5 @@
+import type { Accessor } from '../../types.js';
+import type { TableProps } from '@zag-js/date-picker';
+export interface UseDatePickerTablePropsContext extends Accessor<TableProps> {
+}
+export declare const DatePickerTablePropsProvider: (opts: UseDatePickerTablePropsContext) => void, useDatePickerTablePropsContext: (fallback?: UseDatePickerTablePropsContext | undefined) => UseDatePickerTablePropsContext;

package/dist/components/date-picker/use-date-picker-table-props-context.js

@@ -0,0 +1,6 @@
+import { createContext } from '../../utils/create-context.js';
+export const [DatePickerTablePropsProvider, useDatePickerTablePropsContext] = createContext({
+    name: 'DatePickerTablePropsContext',
+    hookName: 'useDatePickerTablePropsContext',
+    providerName: '<DatePickerTablePropsProvider />',
+});

package/dist/components/date-picker/use-date-picker-view-props-context.d.ts

@@ -0,0 +1,5 @@
+import type { Accessor } from '../../types.js';
+import type { ViewProps } from '@zag-js/date-picker';
+export interface UseDatePickerViewPropsContext extends Accessor<ViewProps> {
+}
+export declare const DatePickerViewPropsProvider: (opts: UseDatePickerViewPropsContext) => void, useDatePickerViewPropsContext: (fallback?: UseDatePickerViewPropsContext | undefined) => UseDatePickerViewPropsContext;

package/dist/components/date-picker/use-date-picker-view-props-context.js

@@ -0,0 +1,6 @@
+import { createContext } from '../../utils/create-context.js';
+export const [DatePickerViewPropsProvider, useDatePickerViewPropsContext] = createContext({
+    name: 'DatePickerViewPropsContext',
+    hookName: 'useDatePickerViewPropsContext',
+    providerName: '<DatePickerViewPropsProvider />',
+});

package/dist/components/date-picker/use-date-picker.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Accessor, Optional } from '../../types.js';
+import * as datePicker from '@zag-js/date-picker';
+import { type PropTypes } from '@zag-js/svelte';
+import { type MaybeFunction } from '@zag-js/utils';
+export interface UseDatePickerProps extends Optional<Omit<datePicker.Props, 'dir' | 'getRootNode'>, 'id'> {
+}
+export interface UseDatePickerReturn extends Accessor<datePicker.Api<PropTypes>> {
+}
+export declare const useDatePicker: (props?: MaybeFunction<UseDatePickerProps>) => UseDatePickerReturn;

package/dist/components/date-picker/use-date-picker.svelte.js

@@ -0,0 +1,20 @@
+import * as datePicker from '@zag-js/date-picker';
+import { normalizeProps, useMachine } from '@zag-js/svelte';
+import { runIfFn } from '@zag-js/utils';
+import { useEnvironmentContext, useLocaleContext } from '../../providers/index.js';
+export const useDatePicker = (props) => {
+    const env = useEnvironmentContext();
+    const locale = useLocaleContext();
+    const machineProps = $derived.by(() => {
+        const resolvedProps = runIfFn(props);
+        return {
+            dir: locale().dir,
+            locale: locale().locale,
+            getRootNode: env().getRootNode,
+            ...resolvedProps,
+        };
+    });
+    const service = useMachine(datePicker.machine, () => machineProps);
+    const api = $derived(datePicker.connect(service, normalizeProps));
+    return () => api;
+};

package/dist/components/dialog/dialog-backdrop.svelte

@@ -0,0 +1,33 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../types'
+
+  export interface DialogBackdropBaseProps extends PolymorphicProps<'div'> {
+    ref?: Element | null
+  }
+  export interface DialogBackdropProps extends Assign<HTMLProps<'div'>, DialogBackdropBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { useRenderStrategyPropsContext } from '../../utils/render-strategy'
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory'
+  import { usePresence } from '../presence'
+  import { useDialogContext } from './use-dialog-context'
+
+  let { ref = $bindable<Element | null>(), ...props }: DialogBackdropProps = $props()
+
+  const dialog = useDialogContext()
+  const renderStrategyProps = useRenderStrategyPropsContext()
+
+  const presence = usePresence(() => ({ ...renderStrategyProps, present: dialog().open }))
+  const mergedProps = $derived(mergeProps(dialog().getBackdropProps(), presence().getPresenceProps(), props))
+
+  function setNode(node: Element | null) {
+    presence().setNode(node)
+    ref = node
+  }
+</script>
+
+{#if !presence().unmounted}
+  <Ark as="div" {...mergedProps} {@attach setNode} />
+{/if}

package/dist/components/dialog/dialog-backdrop.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, PolymorphicProps } from '../../types';
+export interface DialogBackdropBaseProps extends PolymorphicProps<'div'> {
+    ref?: Element | null;
+}
+export interface DialogBackdropProps extends Assign<HTMLProps<'div'>, DialogBackdropBaseProps> {
+}
+declare const DialogBackdrop: import("svelte").Component<DialogBackdropProps, {}, "ref">;
+type DialogBackdrop = ReturnType<typeof DialogBackdrop>;
+export default DialogBackdrop;

package/dist/components/dialog/dialog-close-trigger.svelte

@@ -0,0 +1,19 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from '../../types'
+
+  export interface DialogCloseTriggerBaseProps extends PolymorphicProps<'button'> {}
+  export interface DialogCloseTriggerProps extends Assign<HTMLProps<'button'>, DialogCloseTriggerBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from '@zag-js/svelte'
+  import { Ark } from '../factory'
+  import { useDialogContext } from './use-dialog-context'
+
+  const props: DialogCloseTriggerProps = $props()
+
+  const dialog = useDialogContext()
+  const mergedProps = $derived(mergeProps(dialog().getCloseTriggerProps(), props))
+</script>
+
+<Ark as="button" {...mergedProps} />