@wirekyt/svelte 0.0.1 → 0.0.2

package/dist/components/date-input/segment-context.svelte

@@ -0,0 +1,22 @@
+<script module lang="ts">
+  import type { DateSegment } from "@wirekyt/dom/machines/date-input";
+  import type { Snippet } from "svelte";
+
+  export interface DateInputSegmentContextProps {
+    render: Snippet<[DateSegment]>;
+  }
+</script>
+
+<script lang="ts">
+  import { useDateInputContext } from "./use-context";
+  import { useDateInputSegmentGroupPropsContext } from "./use-segment-group-props-context";
+
+  let { render }: DateInputSegmentContextProps = $props();
+
+  const context = useDateInputContext();
+  const segmentGroupProps = useDateInputSegmentGroupPropsContext();
+</script>
+
+{#each context().getSegments(segmentGroupProps()) as segment}
+  {@render render(segment)}
+{/each}

package/dist/components/date-input/segment-context.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { DateSegment } from "@wirekyt/dom/machines/date-input";
+import type { Snippet } from "svelte";
+export interface DateInputSegmentContextProps {
+    render: Snippet<[DateSegment]>;
+}
+declare const SegmentContext: import("svelte").Component<DateInputSegmentContextProps, {}, "">;
+type SegmentContext = ReturnType<typeof SegmentContext>;
+export default SegmentContext;

package/dist/components/date-input/segment-group.svelte

@@ -0,0 +1,33 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+  import type { SegmentGroupProps } from "@wirekyt/dom/machines/date-input";
+
+  export interface DateInputSegmentGroupBaseProps
+    extends PolymorphicProps<"div">, RefAttribute, SegmentGroupProps {}
+  export interface DateInputSegmentGroupProps extends Assign<
+    HTMLProps<"div">,
+    DateInputSegmentGroupBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+  import { createSplitProps } from "../../utils";
+
+  import { Wire } from "../factory";
+  import { useDateInputContext } from "./use-context";
+  import { DateInputSegmentGroupPropsProvider } from "./use-segment-group-props-context";
+
+  let { ref = $bindable(null), ...props }: DateInputSegmentGroupProps = $props();
+  const dateInput = useDateInputContext();
+  const [segmentGroupProps, localProps] = $derived(
+    createSplitProps<SegmentGroupProps>()(props, ["index"]),
+  );
+  const mergedProps = $derived(
+    mergeProps(dateInput().getSegmentGroupProps(segmentGroupProps), localProps),
+  );
+
+  DateInputSegmentGroupPropsProvider(() => segmentGroupProps);
+</script>
+
+<Wire as="div" bind:ref {...mergedProps} />

package/dist/components/date-input/segment-group.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+import type { SegmentGroupProps } from "@wirekyt/dom/machines/date-input";
+export interface DateInputSegmentGroupBaseProps extends PolymorphicProps<"div">, RefAttribute, SegmentGroupProps {
+}
+export interface DateInputSegmentGroupProps extends Assign<HTMLProps<"div">, DateInputSegmentGroupBaseProps> {
+}
+declare const SegmentGroup: import("svelte").Component<DateInputSegmentGroupProps, {}, "ref">;
+type SegmentGroup = ReturnType<typeof SegmentGroup>;
+export default SegmentGroup;

package/dist/components/date-input/segment.svelte

@@ -0,0 +1,32 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+  import type { SegmentProps } from "@wirekyt/dom/machines/date-input";
+
+  export interface DateInputSegmentBaseProps
+    extends PolymorphicProps<"span">, RefAttribute, Pick<SegmentProps, "segment"> {}
+  export interface DateInputSegmentProps extends Assign<
+    HTMLProps<"span">,
+    DateInputSegmentBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+  import { createSplitProps } from "../../utils";
+
+  import { Wire } from "../factory";
+  import { useDateInputContext } from "./use-context";
+  import { useDateInputSegmentGroupPropsContext } from "./use-segment-group-props-context";
+
+  let { ref = $bindable(null), ...props }: DateInputSegmentProps = $props();
+
+  const dateInput = useDateInputContext();
+  const segmentGroupProps = useDateInputSegmentGroupPropsContext();
+  const [segmentProps, localProps] = $derived(
+    createSplitProps<Pick<SegmentProps, "segment">>()(props, ["segment"]),
+  );
+  const resolvedProps = $derived({ ...segmentProps, index: segmentGroupProps().index });
+  const mergedProps = $derived(mergeProps(dateInput().getSegmentProps(resolvedProps), localProps));
+</script>
+
+<Wire as="span" bind:ref {...mergedProps}>{segmentProps.segment.text}</Wire>

package/dist/components/date-input/segment.svelte.d.ts

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+import type { SegmentProps } from "@wirekyt/dom/machines/date-input";
+export interface DateInputSegmentBaseProps extends PolymorphicProps<"span">, RefAttribute, Pick<SegmentProps, "segment"> {
+}
+export interface DateInputSegmentProps extends Assign<HTMLProps<"span">, DateInputSegmentBaseProps> {
+}
+declare const Segment: import("svelte").Component<DateInputSegmentProps, {}, "ref">;
+type Segment = ReturnType<typeof Segment>;
+export default Segment;

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

@@ -0,0 +1,6 @@
+import type { PropTypes } from "../../core";
+import type { Accessor } from "../../core";
+import type * as dateInput from "@wirekyt/dom/machines/date-input";
+export interface UseDateInputContext extends Accessor<dateInput.Api<PropTypes>> {
+}
+export declare const DateInputProvider: (opts: UseDateInputContext) => void, useDateInputContext: (fallback?: UseDateInputContext | undefined) => UseDateInputContext;

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

@@ -0,0 +1,6 @@
+import { createContext } from "../../utils";
+export const [DateInputProvider, useDateInputContext] = createContext({
+    name: "DateInputContext",
+    hookName: "useDateInputContext",
+    providerName: "<DateInputProvider />",
+});

package/dist/components/date-input/use-segment-group-props-context.d.ts

@@ -0,0 +1,5 @@
+import type { Accessor } from "../../core";
+import type { SegmentGroupProps } from "@wirekyt/dom/machines/date-input";
+export interface UseDateInputSegmentGroupPropsContext extends Accessor<SegmentGroupProps> {
+}
+export declare const DateInputSegmentGroupPropsProvider: (opts: UseDateInputSegmentGroupPropsContext) => void, useDateInputSegmentGroupPropsContext: (fallback?: UseDateInputSegmentGroupPropsContext | undefined) => UseDateInputSegmentGroupPropsContext;

package/dist/components/date-input/use-segment-group-props-context.js

@@ -0,0 +1,7 @@
+import { createContext } from "../../utils";
+export const [DateInputSegmentGroupPropsProvider, useDateInputSegmentGroupPropsContext] = createContext({
+    name: "DateInputSegmentGroupPropsContext",
+    hookName: "useDateInputSegmentGroupPropsContext",
+    providerName: "<DateInput.SegmentGroup />",
+    strict: true,
+});

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

@@ -0,0 +1,9 @@
+import type { Accessor, Optional } from "../../core";
+import { type PropTypes } from "../../core";
+import * as dateInput from "@wirekyt/dom/machines/date-input";
+import { type MaybeFunction } from "@wirekyt/dom/utils";
+export interface UseDateInputProps extends Optional<Omit<dateInput.Props, "dir" | "getRootNode">, "id"> {
+}
+export interface UseDateInputReturn extends Accessor<dateInput.Api<PropTypes>> {
+}
+export declare const useDateInput: (props?: MaybeFunction<UseDateInputProps>) => UseDateInputReturn;

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

@@ -0,0 +1,20 @@
+import { normalizeProps, useMachine } from "../../core";
+import * as dateInput from "@wirekyt/dom/machines/date-input";
+import { runIfFn } from "@wirekyt/dom/utils";
+import { useEnvironmentContext, useLocaleContext } from "../../providers";
+export const useDateInput = (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(dateInput.machine, () => machineProps);
+    const api = $derived(dateInput.connect(service, normalizeProps));
+    return () => api;
+};

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

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

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

@@ -0,0 +1,2 @@
+import { anatomy } from "@wirekyt/dom/machines/date-picker";
+export const datePickerAnatomy = anatomy.extendWith("view", "valueText");

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

@@ -0,0 +1,24 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface DatePickerClearTriggerBaseProps
+    extends PolymorphicProps<"button">, RefAttribute {}
+  export interface DatePickerClearTriggerProps extends Assign<
+    HTMLProps<"button">,
+    DatePickerClearTriggerBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { useDatePickerContext } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: DatePickerClearTriggerProps = $props();
+
+  const datePicker = useDatePickerContext();
+  const mergedProps = $derived(mergeProps(datePicker().getClearTriggerProps(), props));
+</script>
+
+<Wire bind:ref as="button" {...mergedProps} />

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

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+export interface DatePickerClearTriggerBaseProps extends PolymorphicProps<"button">, RefAttribute {
+}
+export interface DatePickerClearTriggerProps extends Assign<HTMLProps<"button">, DatePickerClearTriggerBaseProps> {
+}
+declare const ClearTrigger: import("svelte").Component<DatePickerClearTriggerProps, {}, "ref">;
+type ClearTrigger = ReturnType<typeof ClearTrigger>;
+export default ClearTrigger;

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

@@ -0,0 +1,33 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface DatePickerContentBaseProps extends PolymorphicProps<"div">, RefAttribute {}
+  export interface DatePickerContentProps extends Assign<
+    HTMLProps<"div">,
+    DatePickerContentBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { usePresenceContext } from "../presence";
+  import { useDatePickerContext } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: DatePickerContentProps = $props();
+
+  const datePicker = useDatePickerContext();
+  const presence = usePresenceContext();
+  const mergedProps = $derived(
+    mergeProps(datePicker().getContentProps(), presence().getPresenceProps(), props),
+  );
+
+  function setNode(node: HTMLElement) {
+    presence().setNode(node);
+  }
+</script>
+
+{#if !presence().unmounted}
+  <Wire as="div" bind:ref {...mergedProps} {@attach setNode} />
+{/if}

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

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+export interface DatePickerContentBaseProps extends PolymorphicProps<"div">, RefAttribute {
+}
+export interface DatePickerContentProps extends Assign<HTMLProps<"div">, DatePickerContentBaseProps> {
+}
+declare const Content: import("svelte").Component<DatePickerContentProps, {}, "ref">;
+type Content = ReturnType<typeof Content>;
+export default Content;

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

@@ -0,0 +1,19 @@
+<script module lang="ts">
+  import type { Snippet } from "svelte";
+
+  import type { UseDatePickerContext } from "./use-context";
+
+  export interface DatePickerContextProps {
+    render: Snippet<[UseDatePickerContext]>;
+  }
+</script>
+
+<script lang="ts">
+  import { useDatePickerContext } from "./use-context";
+
+  let { render }: DatePickerContextProps = $props();
+
+  const context = useDatePickerContext();
+</script>
+
+{@render render(context)}

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

@@ -0,0 +1,8 @@
+import type { Snippet } from "svelte";
+import type { UseDatePickerContext } from "./use-context";
+export interface DatePickerContextProps {
+    render: Snippet<[UseDatePickerContext]>;
+}
+declare const Context: import("svelte").Component<DatePickerContextProps, {}, "">;
+type Context = ReturnType<typeof Context>;
+export default Context;

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

@@ -0,0 +1,23 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface DatePickerControlBaseProps extends PolymorphicProps<"div">, RefAttribute {}
+  export interface DatePickerControlProps extends Assign<
+    HTMLProps<"div">,
+    DatePickerControlBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { useDatePickerContext } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: DatePickerControlProps = $props();
+
+  const datePicker = useDatePickerContext();
+  const mergedProps = $derived(mergeProps(datePicker().getControlProps(), props));
+</script>
+
+<Wire as="div" bind:ref {...mergedProps} />

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

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+export interface DatePickerControlBaseProps extends PolymorphicProps<"div">, RefAttribute {
+}
+export interface DatePickerControlProps extends Assign<HTMLProps<"div">, DatePickerControlBaseProps> {
+}
+declare const Control: import("svelte").Component<DatePickerControlProps, {}, "ref">;
+type Control = ReturnType<typeof Control>;
+export default Control;

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,29 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+  import type { InputProps } from "@wirekyt/dom/machines/date-picker";
+
+  export interface DatePickerInputBaseProps
+    extends InputProps, PolymorphicProps<"input">, RefAttribute {}
+  export interface DatePickerInputProps extends Assign<
+    HTMLProps<"input">,
+    DatePickerInputBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+  import { createSplitProps } from "../../utils";
+
+  import { Wire } from "../factory";
+  import { useDatePickerContext } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: DatePickerInputProps = $props();
+
+  const [inputProps, localProps] = $derived(
+    createSplitProps<InputProps>()(props, ["index", "fixOnBlur"]),
+  );
+  const datePicker = useDatePickerContext();
+  const mergedProps = $derived(mergeProps(datePicker().getInputProps(inputProps), localProps));
+</script>
+
+<Wire as="input" bind:ref {...mergedProps} />

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

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+import type { InputProps } from "@wirekyt/dom/machines/date-picker";
+export interface DatePickerInputBaseProps extends InputProps, PolymorphicProps<"input">, RefAttribute {
+}
+export interface DatePickerInputProps extends Assign<HTMLProps<"input">, DatePickerInputBaseProps> {
+}
+declare const Input: import("svelte").Component<DatePickerInputProps, {}, "ref">;
+type Input = ReturnType<typeof Input>;
+export default Input;

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

@@ -0,0 +1,23 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface DatePickerLabelBaseProps extends PolymorphicProps<"label">, RefAttribute {}
+  export interface DatePickerLabelProps extends Assign<
+    HTMLProps<"label">,
+    DatePickerLabelBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { useDatePickerContext } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: DatePickerLabelProps = $props();
+
+  const datePicker = useDatePickerContext();
+  const mergedProps = $derived(mergeProps(datePicker().getLabelProps(), props));
+</script>
+
+<Wire as="label" bind:ref {...mergedProps} />

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

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+export interface DatePickerLabelBaseProps extends PolymorphicProps<"label">, RefAttribute {
+}
+export interface DatePickerLabelProps extends Assign<HTMLProps<"label">, DatePickerLabelBaseProps> {
+}
+declare const Label: import("svelte").Component<DatePickerLabelProps, {}, "ref">;
+type Label = ReturnType<typeof Label>;
+export default Label;

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

@@ -0,0 +1,30 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface DatePickerMonthSelectBaseProps
+    extends PolymorphicProps<"select">, RefAttribute {}
+  export interface DatePickerMonthSelectProps extends Assign<
+    HTMLProps<"select">,
+    DatePickerMonthSelectBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { useDatePickerContext } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: DatePickerMonthSelectProps = $props();
+
+  const datePicker = useDatePickerContext();
+  const mergedProps = $derived(mergeProps(datePicker().getMonthSelectProps(), props));
+</script>
+
+<Wire as="select" bind:ref {...mergedProps}>
+  {#each datePicker().getMonths() as month, i}
+    <option value={month.value}>
+      {month.label}
+    </option>
+  {/each}
+</Wire>

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

@@ -0,0 +1,8 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+export interface DatePickerMonthSelectBaseProps extends PolymorphicProps<"select">, RefAttribute {
+}
+export interface DatePickerMonthSelectProps extends Assign<HTMLProps<"select">, DatePickerMonthSelectBaseProps> {
+}
+declare const MonthSelect: import("svelte").Component<DatePickerMonthSelectProps, {}, "ref">;
+type MonthSelect = ReturnType<typeof MonthSelect>;
+export default MonthSelect;

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

@@ -0,0 +1,26 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface DatePickerNextTriggerBaseProps
+    extends PolymorphicProps<"button">, RefAttribute {}
+  export interface DatePickerNextTriggerProps extends Assign<
+    HTMLProps<"button">,
+    DatePickerNextTriggerBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { useDatePickerContext } from "./use-context";
+  import { useDatePickerViewPropsContext } from "./use-view-props-context";
+
+  let { ref = $bindable(null), ...props }: DatePickerNextTriggerProps = $props();
+
+  const datePicker = useDatePickerContext();
+  const viewProps = useDatePickerViewPropsContext();
+  const mergedProps = $derived(mergeProps(datePicker().getNextTriggerProps(viewProps()), props));
+</script>
+
+<Wire as="button" bind:ref {...mergedProps} />