@ui-organized/svelte 0.0.0-stage → 0.1.0

package/dist/components/DateField/setNativeInputValue.js

@@ -0,0 +1,20 @@
+/**
+ * Set an input's value through the native value setter and dispatch an input
+ * event, so a consumer's `oninput` fires whether they bound the value or not.
+ * Used when the calendar popover writes a date back to the field.
+ *
+ * The native setter is used rather than a plain `input.value = …` for the same
+ * reason React needs it: a framework that owns the value has already installed
+ * its own `value` descriptor on the element, and assigning through that
+ * descriptor is what the framework treats as "the value changed by itself"
+ * rather than "a user typed". Going through the prototype's setter writes the
+ * DOM value without telling the framework, and the dispatched event is then the
+ * only notification — which is exactly one notification, not two.
+ */
+export function setNativeInputValue(input, value) {
+    if (!input)
+        return;
+    const setter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")?.set;
+    setter?.call(input, value);
+    input.dispatchEvent(new Event("input", { bubbles: true }));
+}

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

@@ -0,0 +1,15 @@
+/**
+ * Whether the primary input is a coarse pointer (touch).
+ *
+ * The date pickers show the DS-styled calendar popover on fine pointers
+ * (mouse/trackpad) but defer to the OS-native picker on touch devices, where the
+ * native wheel/calendar is the better experience. Starts `false` so SSR and the
+ * first paint render the desktop (popover) path, then corrects on mount — the
+ * same starting point React uses, which is also what keeps the two libraries'
+ * server-rendered markup identical.
+ *
+ * Returns an accessor rather than a value: a bare `boolean` would be read once
+ * at initialisation and never see the media query resolve.
+ */
+export declare function useCoarsePointer(): () => boolean;
+//# sourceMappingURL=useCoarsePointer.svelte.d.ts.map

package/dist/components/DateField/useCoarsePointer.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCoarsePointer.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/DateField/useCoarsePointer.svelte.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,wBAAgB,gBAAgB,IAAI,MAAM,OAAO,CAWhD"}

package/dist/components/DateField/useCoarsePointer.svelte.js

@@ -0,0 +1,26 @@
+/**
+ * Whether the primary input is a coarse pointer (touch).
+ *
+ * The date pickers show the DS-styled calendar popover on fine pointers
+ * (mouse/trackpad) but defer to the OS-native picker on touch devices, where the
+ * native wheel/calendar is the better experience. Starts `false` so SSR and the
+ * first paint render the desktop (popover) path, then corrects on mount — the
+ * same starting point React uses, which is also what keeps the two libraries'
+ * server-rendered markup identical.
+ *
+ * Returns an accessor rather than a value: a bare `boolean` would be read once
+ * at initialisation and never see the media query resolve.
+ */
+export function useCoarsePointer() {
+    let coarse = $state(false);
+    $effect(() => {
+        if (typeof window === "undefined" || typeof window.matchMedia !== "function")
+            return;
+        const mq = window.matchMedia("(pointer: coarse)");
+        const update = () => (coarse = mq.matches);
+        update();
+        mq.addEventListener?.("change", update);
+        return () => mq.removeEventListener?.("change", update);
+    });
+    return () => coarse;
+}

package/dist/components/DateInput/DateInput.svelte

@@ -0,0 +1,13 @@
+<!--
+  A single-line date field — native `<input type="date">` on the Input field
+  surface, with a leading calendar button that opens the DS calendar popover
+  (fine pointers) or the browser's own date picker (touch).
+-->
+<script lang="ts">
+  import DateFieldBase from "../DateField/DateFieldBase.svelte";
+  import type { DateInputProps } from "./DateInput.types.js";
+
+  let { value = $bindable(), ...props }: DateInputProps = $props();
+</script>
+
+<DateFieldBase type="date" pickerLabel="Choose date" bind:value {...props} />

package/dist/components/DateInput/DateInput.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { DateInputProps } from "./DateInput.types.js";
+declare const DateInput: import("svelte").Component<DateInputProps, {}, "value">;
+type DateInput = ReturnType<typeof DateInput>;
+export default DateInput;
+//# sourceMappingURL=DateInput.svelte.d.ts.map

package/dist/components/DateInput/DateInput.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateInput.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/DateInput/DateInput.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAc3D,QAAA,MAAM,SAAS,yDAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/components/DateInput/DateInput.types.d.ts

@@ -0,0 +1,35 @@
+import type { HTMLInputAttributes } from "svelte/elements";
+import type { ControlSize } from "@ui-organized/core";
+/**
+ * Props for DateInput. Native date-input props (`min`, `max`, `name`,
+ * `oninput`, …) are inherited; `type` is fixed to `"date"`.
+ *
+ * Spelled out rather than re-exporting the shared `DateFieldProps`, because
+ * `svelte-package` resolves each component's prop type on its own and an
+ * interface it cannot see means no `.d.ts` at all — silently.
+ */
+export interface DateInputProps extends Omit<HTMLInputAttributes, "size" | "type" | "class" | "value"> {
+    /** Accessible label text rendered above the control. */
+    label?: string;
+    /** Helper text rendered below the control. Hidden when an error is shown. */
+    helperText?: string;
+    /**
+     * Error state. Pass a string to show an error message.
+     * Pass `true` to mark the field invalid without a message.
+     */
+    error?: string | boolean;
+    /** Size variant. Defaults to 'md'. */
+    size?: ControlSize;
+    /** The field's ISO value (`YYYY-MM-DD`). Bindable: `bind:value`. */
+    value?: string;
+    /** Initial ISO value for uncontrolled usage. */
+    defaultValue?: string;
+    class?: string;
+    /**
+     * DOM element to portal the calendar popover into. Defaults to `document.body`.
+     * Set this to a themed container when theme variables are scoped to a subtree
+     * so the popover inherits them instead of the document defaults.
+     */
+    portalContainer?: HTMLElement | null;
+}
+//# sourceMappingURL=DateInput.types.d.ts.map

package/dist/components/DateInput/DateInput.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateInput.types.d.ts","sourceRoot":"","sources":["../../../src/lib/components/DateInput/DateInput.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEtD;;;;;;;GAOG;AACH,MAAM,WAAW,cACf,SAAQ,IAAI,CAAC,mBAAmB,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;IACtE,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6EAA6E;IAC7E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB,sCAAsC;IACtC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,oEAAoE;IACpE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CACtC"}

package/dist/components/DateInput/DateInput.types.js

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

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

@@ -0,0 +1,4 @@
+export { default as DateInput } from "./DateInput.svelte";
+export type { DateInputProps } from "./DateInput.types.js";
+export type { DateInputVariants } from "@ui-organized/core";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/DateInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/DateInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,YAAY,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC3D,YAAY,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/DateInput/index.js

@@ -0,0 +1 @@
+export { default as DateInput } from "./DateInput.svelte";

package/dist/components/DatePicker/DatePicker.svelte

@@ -0,0 +1,196 @@
+<!--
+  Calendar-driven date field, backed by Ark's DatePicker machine.
+
+  The public API is ISO date strings; the machine works in `DateValue` objects,
+  and the conversion happens at this boundary so nothing downstream has to know
+  about `@internationalized/date`.
+-->
+<script lang="ts">
+  import { DatePicker as ArkDatePicker, Portal, parseDate } from "@ark-ui/svelte";
+  import { clsx } from "clsx";
+  import { CONTROL_ICON_SIZE, datePickerStyles } from "@ui-organized/core";
+  import Icon from "../Icon/Icon.svelte";
+  import FieldError from "../FieldError/FieldError.svelte";
+  import type { DatePickerProps } from "./DatePicker.types.js";
+  import "@ui-organized/core/components/DatePicker/DatePicker.css";
+  import { glyph } from "../../icons/glyph.js";
+
+  /** Weekday header and navigation glyphs stay one step below the cell text. */
+  const NAV_ICON_SIZE = 16;
+
+  let {
+    label,
+    helperText,
+    error,
+    value = $bindable(),
+    defaultValue,
+    onValueChange,
+    selectionMode,
+    min,
+    max,
+    numOfMonths,
+    locale,
+    open = $bindable(),
+    defaultOpen,
+    onOpenChange,
+    size = "md",
+    variant,
+    required,
+    disabled,
+    readOnly,
+    name,
+    portalContainer,
+    class: className,
+  }: DatePickerProps = $props();
+
+  const isInvalid = $derived(!!error);
+  const errorMessage = $derived(typeof error === "string" ? error : undefined);
+  const iconSize = $derived(CONTROL_ICON_SIZE[size]);
+
+  /** ISO dates in, parsed calendar dates out. */
+  const parsedValue = $derived(value ? value.map((d) => parseDate(d)) : undefined);
+  const parsedDefault = $derived(defaultValue ? defaultValue.map((d) => parseDate(d)) : undefined);
+  const parsedMin = $derived(min ? parseDate(min) : undefined);
+  const parsedMax = $derived(max ? parseDate(max) : undefined);
+</script>
+
+<ArkDatePicker.Root
+  class={clsx(datePickerStyles({ size, variant }), className)}
+  value={parsedValue}
+  defaultValue={parsedDefault}
+  onValueChange={(details) => {
+    value = details.value.map(String);
+    onValueChange?.(value);
+  }}
+  {selectionMode}
+  min={parsedMin}
+  max={parsedMax}
+  {numOfMonths}
+  {locale}
+  bind:open
+  {defaultOpen}
+  onOpenChange={(details) => onOpenChange?.(details.open)}
+  invalid={isInvalid}
+  {required}
+  {disabled}
+  {readOnly}
+  {name}
+  positioning={{ placement: "bottom-start", gutter: 4 }}
+>
+  {#if label}
+    <ArkDatePicker.Label class="field__label">
+      {label}
+      {#if required}<span class="field__required" aria-hidden="true"></span>{/if}
+    </ArkDatePicker.Label>
+  {/if}
+
+  <ArkDatePicker.Control class="date-picker__control">
+    <ArkDatePicker.Input class="date-picker__input" index={0} />
+    {#if selectionMode === "range"}
+      <ArkDatePicker.Input class="date-picker__input" index={1} />
+    {/if}
+    <ArkDatePicker.Trigger class="date-picker__trigger">
+      <Icon name={glyph("calendar")} size={iconSize} />
+    </ArkDatePicker.Trigger>
+  </ArkDatePicker.Control>
+
+  <Portal container={portalContainer ?? undefined}>
+    <!--
+      The positioner class must stay a plain string literal — the
+      overlay-stacking test scans for it, and a clsx() call here silently
+      unregisters the layer.
+    -->
+    <ArkDatePicker.Positioner class="date-picker__positioner">
+      <ArkDatePicker.Content class="date-picker__popup">
+        <ArkDatePicker.View view="day">
+          <ArkDatePicker.Context>
+            {#snippet render(api)}
+              <ArkDatePicker.ViewControl class="date-picker__view-control">
+                <ArkDatePicker.PrevTrigger class="date-picker__nav">
+                  <Icon name={glyph("chevron-left")} size={NAV_ICON_SIZE} />
+                </ArkDatePicker.PrevTrigger>
+                <ArkDatePicker.ViewTrigger class="date-picker__view-trigger">
+                  <ArkDatePicker.RangeText />
+                </ArkDatePicker.ViewTrigger>
+                <ArkDatePicker.NextTrigger class="date-picker__nav">
+                  <Icon name={glyph("chevron-right")} size={NAV_ICON_SIZE} />
+                </ArkDatePicker.NextTrigger>
+              </ArkDatePicker.ViewControl>
+
+              <ArkDatePicker.Table class="date-picker__table">
+                <ArkDatePicker.TableHead>
+                  <ArkDatePicker.TableRow>
+                    {#each api().weekDays as day (day.long)}
+                      <ArkDatePicker.TableHeader
+                        class="date-picker__weekday"
+                        aria-label={day.long}
+                      >
+                        {day.narrow}
+                      </ArkDatePicker.TableHeader>
+                    {/each}
+                  </ArkDatePicker.TableRow>
+                </ArkDatePicker.TableHead>
+                <ArkDatePicker.TableBody>
+                  {#each api().weeks as week, weekIndex (weekIndex)}
+                    <ArkDatePicker.TableRow>
+                      {#each week as day, dayIndex (dayIndex)}
+                        <!--
+                          The cell props are spread here rather than left to
+                          `TableCell`, which drops them in @ark-ui/svelte 5.24.0.
+                          Its `date-picker-table-cell.svelte` builds them with
+                          `$derived(() => …)` where every sibling wrapper uses
+                          `$derived.by(() => …)`, so what reaches `mergeProps` is
+                          the thunk rather than the object — and a function has
+                          no own enumerable keys, so the merge contributes
+                          nothing. The `<td>` came out with a class and literally
+                          nothing else: no `role="gridcell"`, no `aria-selected`,
+                          no `data-value`, so the grid was not a grid to a screen
+                          reader. Ark React and Ark Vue both call the same
+                          `getDayTableCellProps`, so this restores what they emit
+                          rather than inventing anything; when Ark Svelte fixes
+                          it, `mergeProps` will merge two identical objects and
+                          this spread can go.
+                        -->
+                        <ArkDatePicker.TableCell
+                          value={day}
+                          class="date-picker__cell"
+                          {...api().getDayTableCellProps({ value: day })}
+                        >
+                          <!--
+                            And a `<div>`, because @ark-ui/svelte's
+                            `TableCellTrigger` renders `<Ark as="button">` where
+                            Ark React and Ark Vue render `ark.div`. zag puts
+                            `role="button"` on it either way, so the semantics
+                            are the wrapper's choice — but the shared
+                            `.date-picker__day` rule sets no border, background,
+                            padding or appearance, having been written for a
+                            div. On a real `<button>` the UA styles win: every
+                            day cell rendered with a 2px outset border on
+                            #efefef. Same markup as the other two libraries is
+                            also the only way one stylesheet can style all three.
+                          -->
+                          <ArkDatePicker.TableCellTrigger>
+                            {#snippet asChild(props)}
+                              <div {...props({ class: "date-picker__day" })}>{day.day}</div>
+                            {/snippet}
+                          </ArkDatePicker.TableCellTrigger>
+                        </ArkDatePicker.TableCell>
+                      {/each}
+                    </ArkDatePicker.TableRow>
+                  {/each}
+                </ArkDatePicker.TableBody>
+              </ArkDatePicker.Table>
+            {/snippet}
+          </ArkDatePicker.Context>
+        </ArkDatePicker.View>
+      </ArkDatePicker.Content>
+    </ArkDatePicker.Positioner>
+  </Portal>
+
+  {#if helperText && !isInvalid}
+    <span class="field__description">{helperText}</span>
+  {/if}
+  {#if isInvalid && errorMessage}
+    <FieldError message={errorMessage} />
+  {/if}
+</ArkDatePicker.Root>

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

@@ -0,0 +1,6 @@
+import type { DatePickerProps } from "./DatePicker.types.js";
+import "@ui-organized/core/components/DatePicker/DatePicker.css";
+declare const DatePicker: import("svelte").Component<DatePickerProps, {}, "value" | "open">;
+type DatePicker = ReturnType<typeof DatePicker>;
+export default DatePicker;
+//# sourceMappingURL=DatePicker.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/DatePicker/DatePicker.svelte.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,yDAAyD,CAAC;AA0IjE,QAAA,MAAM,UAAU,mEAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}

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

@@ -0,0 +1,60 @@
+import type { ControlSize } from "@ui-organized/core";
+export interface DatePickerProps {
+    /** Accessible label rendered above the control. */
+    label?: string;
+    /** Helper text rendered below the control. Hidden when an error is shown. */
+    helperText?: string;
+    /**
+     * Error state. Pass a string to show an error message.
+     * Pass `true` to mark the field invalid without a message.
+     */
+    error?: string | boolean;
+    /**
+     * Selected value as ISO dates (`YYYY-MM-DD`). An array even in single mode,
+     * because `range` selects two — the machine works in parsed calendar dates and
+     * the conversion happens at this boundary. Bindable: `bind:value`.
+     */
+    value?: string[];
+    /** Initial value for the uncontrolled case, as ISO dates. */
+    defaultValue?: string[];
+    /** Called with the new ISO dates whenever the selection changes. */
+    onValueChange?: (value: string[]) => void;
+    /** How many dates may be picked. Defaults to 'single'. */
+    selectionMode?: "single" | "multiple" | "range";
+    /** Earliest selectable date, as an ISO date. */
+    min?: string;
+    /** Latest selectable date, as an ISO date. */
+    max?: string;
+    /** Months shown side by side. Defaults to 1. */
+    numOfMonths?: number;
+    /** BCP-47 locale driving month names, weekday order and formatting. */
+    locale?: string;
+    /** Open state of the calendar. Bindable: `bind:open`. */
+    open?: boolean;
+    /** Initial open state for the uncontrolled case. */
+    defaultOpen?: boolean;
+    /** Called when the calendar opens or closes. */
+    onOpenChange?: (open: boolean) => void;
+    /** Size variant. Defaults to 'md'. */
+    size?: ControlSize;
+    /** Control treatment. `ghost` drops the field chrome. Defaults to 'default'. */
+    variant?: "default" | "ghost";
+    /** Marks the field required and shows the required indicator. */
+    required?: boolean;
+    /** Disables the control. */
+    disabled?: boolean;
+    /** Makes the value read-only while keeping the control focusable. */
+    readOnly?: boolean;
+    /** Form field name for the hidden input. */
+    name?: string;
+    /**
+     * DOM element to portal the calendar surface into. Defaults to `document.body`.
+     *
+     * React spells this `container` and takes a ref object, because that is what
+     * its `<Portal>` wants. Svelte's takes the element, so it is named the way
+     * every other portalled control in this package names it.
+     */
+    portalContainer?: HTMLElement | null;
+    class?: string;
+}
+//# sourceMappingURL=DatePicker.types.d.ts.map

package/dist/components/DatePicker/DatePicker.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.types.d.ts","sourceRoot":"","sources":["../../../src/lib/components/DatePicker/DatePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,WAAW,eAAe;IAC9B,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6EAA6E;IAC7E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACzB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,6DAA6D;IAC7D,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,oEAAoE;IACpE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C,0DAA0D;IAC1D,aAAa,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;IAChD,gDAAgD;IAChD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,8CAA8C;IAC9C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yDAAyD;IACzD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,oDAAoD;IACpD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gDAAgD;IAChD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,sCAAsC;IACtC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,gFAAgF;IAChF,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC9B,iEAAiE;IACjE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;;OAMG;IACH,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

package/dist/components/DatePicker/DatePicker.types.js

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

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

@@ -0,0 +1,7 @@
+import type { DatePickerProps as Props } from "./DatePicker.types.js";
+/** @deprecated Use DateInput for a single date or DateRangeInput for a range. DatePicker is no longer documented and will be removed in the next major release. */
+export declare const DatePicker: import("svelte").Component<Props, {}, "value" | "open">;
+/** @deprecated Use DateInput for a single date or DateRangeInput for a range. DatePicker is no longer documented and will be removed in the next major release. */
+export type DatePickerProps = Props;
+export type { DatePickerVariants } from "@ui-organized/core";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/DatePicker/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,IAAI,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAEtE,mKAAmK;AACnK,eAAO,MAAM,UAAU,yDAAY,CAAC;AACpC,mKAAmK;AACnK,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC;AACpC,YAAY,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/components/DatePicker/index.js

@@ -0,0 +1,3 @@
+import Component from "./DatePicker.svelte";
+/** @deprecated Use DateInput for a single date or DateRangeInput for a range. DatePicker is no longer documented and will be removed in the next major release. */
+export const DatePicker = Component;