@wirekyt/svelte 0.0.1 → 0.0.2

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

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

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

@@ -0,0 +1,27 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface DatePickerPositionerBaseProps extends PolymorphicProps<"div">, RefAttribute {}
+  export interface DatePickerPositionerProps extends Assign<
+    HTMLProps<"div">,
+    DatePickerPositionerBaseProps
+  > {}
+</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 }: DatePickerPositionerProps = $props();
+
+  const datePicker = useDatePickerContext();
+  const presence = usePresenceContext();
+  const mergedProps = $derived(mergeProps(datePicker().getPositionerProps(), props));
+</script>
+
+{#if !presence().unmounted}
+  <Wire as="div" bind:ref {...mergedProps} />
+{/if}

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

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

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

@@ -0,0 +1,31 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+  import type { PresetTriggerProps } from "@wirekyt/dom/machines/date-picker";
+
+  export interface DatePickerPresetTriggerBaseProps
+    extends PresetTriggerProps, PolymorphicProps<"button">, RefAttribute {}
+  export interface DatePickerPresetTriggerProps extends Assign<
+    HTMLProps<"button">,
+    DatePickerPresetTriggerBaseProps
+  > {}
+</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 }: DatePickerPresetTriggerProps = $props();
+
+  const [presetTriggerProps, localProps] = $derived(
+    createSplitProps<PresetTriggerProps>()(props, ["value"]),
+  );
+  const datePicker = useDatePickerContext();
+  const mergedProps = $derived(
+    mergeProps(datePicker().getPresetTriggerProps(presetTriggerProps), localProps),
+  );
+</script>
+
+<Wire as="button" bind:ref {...mergedProps} />

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

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

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

@@ -0,0 +1,26 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface DatePickerPrevTriggerBaseProps
+    extends PolymorphicProps<"button">, RefAttribute {}
+  export interface DatePickerPrevTriggerProps extends Assign<
+    HTMLProps<"button">,
+    DatePickerPrevTriggerBaseProps
+  > {}
+</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 }: DatePickerPrevTriggerProps = $props();
+
+  const datePicker = useDatePickerContext();
+  const viewProps = useDatePickerViewPropsContext();
+  const mergedProps = $derived(mergeProps(datePicker().getPrevTriggerProps(viewProps()), props));
+</script>
+
+<Wire as="button" bind:ref {...mergedProps} />

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

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

package/dist/components/date-picker/range-text.svelte

@@ -0,0 +1,31 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface DatePickerRangeTextBaseProps extends PolymorphicProps<"div">, RefAttribute {}
+  export interface DatePickerRangeTextProps extends Assign<
+    HTMLProps<"div">,
+    DatePickerRangeTextBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+  import { uniq } from "@wirekyt/dom/utils";
+
+  import { Wire } from "../factory";
+  import { useDatePickerContext } from "./use-context";
+
+  let { ref = $bindable(null), ...props }: DatePickerRangeTextProps = $props();
+
+  const datePicker = useDatePickerContext();
+  const mergedProps = $derived(mergeProps(datePicker().getRangeTextProps(), props));
+
+  const visibleRangeText = $derived.by(() => {
+    const { start, end } = datePicker().visibleRangeText;
+    return uniq([start, end]).filter(Boolean).join(" - ");
+  });
+</script>
+
+<Wire as="div" bind:ref {...mergedProps}>
+  {visibleRangeText}
+</Wire>

package/dist/components/date-picker/range-text.svelte.d.ts

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

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

@@ -0,0 +1,37 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from "../../core";
+
+  import type { UsePresenceProps } from "../presence";
+  import type { UseDatePickerReturn } from "./use.svelte";
+
+  interface RootProviderProps {
+    value: UseDatePickerReturn;
+  }
+
+  export interface DatePickerRootProviderBaseProps
+    extends RootProviderProps, UsePresenceProps, PolymorphicProps<"div"> {}
+  export interface DatePickerRootProviderProps extends Assign<
+    HTMLProps<"div">,
+    DatePickerRootProviderBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { PresenceProvider, splitPresenceProps, usePresence } from "../presence";
+  import { DatePickerProvider } from "./use-context";
+
+  const { value, ...props }: DatePickerRootProviderProps = $props();
+
+  const [presenceProps, localProps] = $derived(splitPresenceProps(props));
+
+  const presence = usePresence(() => ({ present: value().open, ...presenceProps }));
+  const mergedProps = $derived(mergeProps(value().getRootProps(), localProps));
+
+  DatePickerProvider(() => value());
+  PresenceProvider(presence);
+</script>
+
+<Wire as="div" {...mergedProps} />

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

@@ -0,0 +1,13 @@
+import type { Assign, HTMLProps, PolymorphicProps } from "../../core";
+import type { UsePresenceProps } from "../presence";
+import type { UseDatePickerReturn } from "./use.svelte";
+interface RootProviderProps {
+    value: UseDatePickerReturn;
+}
+export interface DatePickerRootProviderBaseProps extends RootProviderProps, UsePresenceProps, PolymorphicProps<"div"> {
+}
+export interface DatePickerRootProviderProps extends Assign<HTMLProps<"div">, DatePickerRootProviderBaseProps> {
+}
+declare const RootProvider: import("svelte").Component<DatePickerRootProviderProps, {}, "">;
+type RootProvider = ReturnType<typeof RootProvider>;
+export default RootProvider;

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

@@ -0,0 +1,113 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  import type { UsePresenceProps } from "../presence";
+  import type { UseDatePickerProps } from "./use.svelte";
+
+  export interface DatePickerRootBaseProps
+    extends UseDatePickerProps, UsePresenceProps, PolymorphicProps<"div">, RefAttribute {}
+  export interface DatePickerRootProps extends Assign<HTMLProps<"div">, DatePickerRootBaseProps> {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+  import { createSplitProps } from "../../utils";
+
+  import { Wire } from "../factory";
+  import { PresenceProvider, splitPresenceProps, usePresence } from "../presence";
+  import { DatePickerProvider } from "./use-context";
+  import { useDatePicker } from "./use.svelte";
+
+  let {
+    ref = $bindable(null),
+    value = $bindable(),
+    focusedValue = $bindable(),
+    open = $bindable(),
+    view = $bindable(),
+    ...props
+  }: DatePickerRootProps = $props();
+  const providedId = $props.id();
+
+  const [presenceProps, datePickerProps] = $derived(splitPresenceProps(props));
+  const [useDatePickerProps, localProps] = $derived(
+    createSplitProps<UseDatePickerProps>()(datePickerProps, [
+      "closeOnSelect",
+      "createCalendar",
+      "defaultFocusedValue",
+      "defaultOpen",
+      "defaultValue",
+      "defaultView",
+      "disabled",
+      "fixedWeeks",
+      "focusedValue",
+      "format",
+      "id",
+      "ids",
+      "inline",
+      "invalid",
+      "isDateUnavailable",
+      "locale",
+      "max",
+      "maxSelectedDates",
+      "maxView",
+      "min",
+      "minView",
+      "name",
+      "numOfMonths",
+      "onFocusChange",
+      "onOpenChange",
+      "onValueChange",
+      "onViewChange",
+      "onVisibleRangeChange",
+      "open",
+      "openOnClick",
+      "outsideDaySelectable",
+      "parse",
+      "placeholder",
+      "positioning",
+      "readOnly",
+      "required",
+      "selectionMode",
+      "showWeekNumbers",
+      "startOfWeek",
+      "timeZone",
+      "translations",
+      "value",
+      "view",
+    ]),
+  );
+
+  const resolvedProps = $derived<UseDatePickerProps>({
+    ...useDatePickerProps,
+    id: useDatePickerProps.id ?? providedId,
+    value,
+    onValueChange(details) {
+      useDatePickerProps.onValueChange?.(details);
+      if (value !== undefined) value = details.value;
+    },
+    focusedValue,
+    onFocusChange(details) {
+      useDatePickerProps.onFocusChange?.(details);
+      if (focusedValue !== undefined) focusedValue = details.focusedValue;
+    },
+    open,
+    onOpenChange(details) {
+      useDatePickerProps.onOpenChange?.(details);
+      if (open !== undefined) open = details.open;
+    },
+    view,
+    onViewChange(details) {
+      useDatePickerProps.onViewChange?.(details);
+      if (view !== undefined) view = details.view;
+    },
+  });
+
+  const datePicker = useDatePicker(() => resolvedProps);
+  const presence = usePresence(() => ({ present: datePicker().open, ...presenceProps }));
+  const mergedProps = $derived(mergeProps(datePicker().getRootProps(), localProps));
+
+  DatePickerProvider(datePicker);
+  PresenceProvider(presence);
+</script>
+
+<Wire as="div" bind:ref {...mergedProps} />

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

@@ -0,0 +1,10 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+import type { UsePresenceProps } from "../presence";
+import type { UseDatePickerProps } from "./use.svelte";
+export interface DatePickerRootBaseProps extends UseDatePickerProps, UsePresenceProps, PolymorphicProps<"div">, RefAttribute {
+}
+export interface DatePickerRootProps extends Assign<HTMLProps<"div">, DatePickerRootBaseProps> {
+}
+declare const Root: import("svelte").Component<DatePickerRootProps, {}, "value" | "view" | "ref" | "open" | "focusedValue">;
+type Root = ReturnType<typeof Root>;
+export default Root;

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

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

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

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

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

@@ -0,0 +1,42 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface DatePickerTableCellTriggerBaseProps
+    extends PolymorphicProps<"button">, RefAttribute {}
+  export interface DatePickerTableCellTriggerProps extends Assign<
+    HTMLProps<"button">,
+    DatePickerTableCellTriggerBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { useDatePickerContext } from "./use-context";
+  import { useDatePickerTableCellPropsContext } from "./use-table-cell-props-context";
+  import { useDatePickerViewPropsContext } from "./use-view-props-context";
+
+  let { ref = $bindable(null), ...props }: DatePickerTableCellTriggerProps = $props();
+
+  const datePicker = useDatePickerContext();
+  const cellProps = useDatePickerTableCellPropsContext();
+  const viewProps = useDatePickerViewPropsContext();
+
+  const triggerProps = $derived.by(() => {
+    const viewMap = {
+      day: datePicker().getDayTableCellTriggerProps,
+      month: datePicker().getMonthTableCellTriggerProps,
+      year: datePicker().getYearTableCellTriggerProps,
+    };
+
+    // @ts-expect-error fix later
+    const viewFn = viewMap[viewProps().view];
+
+    return viewFn(cellProps());
+  });
+
+  const mergedProps = $derived(mergeProps(triggerProps, props));
+</script>
+
+<Wire as="button" bind:ref {...mergedProps} />

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

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

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

@@ -0,0 +1,53 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  import type { UseDatePickerTableCellPropsContext } from "./use-table-cell-props-context";
+
+  export interface DatePickerTableCellBaseProps
+    extends ReturnType<UseDatePickerTableCellPropsContext>, PolymorphicProps<"td">, RefAttribute {}
+  export interface DatePickerTableCellProps extends Assign<
+    HTMLProps<"td">,
+    DatePickerTableCellBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+  import { createSplitProps } from "../../utils";
+
+  import { Wire } from "../factory";
+  import { useDatePickerContext } from "./use-context";
+  import { DatePickerTableCellPropsProvider } from "./use-table-cell-props-context";
+  import { useDatePickerViewPropsContext } from "./use-view-props-context";
+
+  let { ref = $bindable(null), ...props }: DatePickerTableCellProps = $props();
+
+  const [cellProps, localProps] = $derived(
+    createSplitProps<ReturnType<UseDatePickerTableCellPropsContext>>()(props, [
+      "disabled",
+      "value",
+      "visibleRange",
+      "columns",
+    ]),
+  );
+
+  const datePicker = useDatePickerContext();
+  const viewProps = useDatePickerViewPropsContext();
+
+  const tableCellProps = $derived(() => {
+    const viewMap = {
+      day: datePicker().getDayTableCellProps,
+      month: datePicker().getMonthTableCellProps,
+      year: datePicker().getYearTableCellProps,
+    };
+
+    // @ts-expect-error value is number filter
+    return viewMap[viewProps().view](cellProps);
+  });
+
+  const mergedProps = $derived(mergeProps(tableCellProps, localProps));
+
+  DatePickerTableCellPropsProvider(() => cellProps);
+</script>
+
+<Wire as="td" bind:ref {...mergedProps} />

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

@@ -0,0 +1,9 @@
+import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+import type { UseDatePickerTableCellPropsContext } from "./use-table-cell-props-context";
+export interface DatePickerTableCellBaseProps extends ReturnType<UseDatePickerTableCellPropsContext>, PolymorphicProps<"td">, RefAttribute {
+}
+export interface DatePickerTableCellProps extends Assign<HTMLProps<"td">, DatePickerTableCellBaseProps> {
+}
+declare const TableCell: import("svelte").Component<DatePickerTableCellProps, {}, "ref">;
+type TableCell = ReturnType<typeof TableCell>;
+export default TableCell;

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

@@ -0,0 +1,26 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface DatePickerTableHeadBaseProps extends PolymorphicProps<"thead">, RefAttribute {}
+  export interface DatePickerTableHeadProps extends Assign<
+    HTMLProps<"thead">,
+    DatePickerTableHeadBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { useDatePickerContext } from "./use-context";
+  import { useDatePickerTablePropsContext } from "./use-table-props-context";
+
+  let { ref = $bindable(null), ...props }: DatePickerTableHeadProps = $props();
+
+  const datePicker = useDatePickerContext();
+  const tableProps = useDatePickerTablePropsContext();
+
+  const mergedProps = $derived(mergeProps(datePicker().getTableHeadProps(tableProps()), props));
+</script>
+
+<Wire as="thead" bind:ref {...mergedProps} />

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

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

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

@@ -0,0 +1,26 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface DatePickerTableHeaderBaseProps extends PolymorphicProps<"th">, RefAttribute {}
+  export interface DatePickerTableHeaderProps extends Assign<
+    HTMLProps<"th">,
+    DatePickerTableHeaderBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { useDatePickerContext } from "./use-context";
+  import { useDatePickerTablePropsContext } from "./use-table-props-context";
+
+  let { ref = $bindable(null), ...props }: DatePickerTableHeaderProps = $props();
+
+  const datePicker = useDatePickerContext();
+  const tableProps = useDatePickerTablePropsContext();
+
+  const mergedProps = $derived(mergeProps(datePicker().getTableHeaderProps(tableProps()), props));
+</script>
+
+<Wire as="th" bind:ref {...mergedProps} />

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

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

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

@@ -0,0 +1,26 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps, RefAttribute } from "../../core";
+
+  export interface DatePickerTableRowBaseProps extends PolymorphicProps<"tr">, RefAttribute {}
+  export interface DatePickerTableRowProps extends Assign<
+    HTMLProps<"tr">,
+    DatePickerTableRowBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { useDatePickerContext } from "./use-context";
+  import { useDatePickerTablePropsContext } from "./use-table-props-context";
+
+  let { ref = $bindable(null), ...props }: DatePickerTableRowProps = $props();
+
+  const datePicker = useDatePickerContext();
+  const tableProps = useDatePickerTablePropsContext();
+
+  const mergedProps = $derived(mergeProps(datePicker().getTableRowProps(tableProps()), props));
+</script>
+
+<Wire as="tr" bind:ref {...mergedProps} />

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

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

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

@@ -0,0 +1,33 @@
+<script module lang="ts">
+  import type { Assign, HTMLProps, PolymorphicProps } from "../../core";
+
+  export interface DatePickerTableBaseProps extends PolymorphicProps<"table"> {
+    columns?: number;
+  }
+  export interface DatePickerTableProps extends Assign<
+    HTMLProps<"table">,
+    DatePickerTableBaseProps
+  > {}
+</script>
+
+<script lang="ts">
+  import { mergeProps } from "../../core";
+
+  import { Wire } from "../factory";
+  import { useDatePickerContext } from "./use-context";
+  import { DatePickerTablePropsProvider } from "./use-table-props-context";
+  import { useDatePickerViewPropsContext } from "./use-view-props-context";
+
+  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>
+
+<Wire as="table" {...mergedProps} />

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

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