@ui-organized/svelte 0.0.0-stage → 6.0.0

package/dist/components/ContextMenu/ContextMenuSeparator.svelte

@@ -0,0 +1,25 @@
+<!--
+  Renders the design-system Divider as the separator surface; Ark's Separator
+  merges its semantics and props onto it via asChild. The
+  `context-menu__separator` class only adds the menu's block spacing around the
+  rule.
+
+  `asChild` works here, unlike in the Vue library, where Ark builds `ark.hr` with
+  `null` children and the projected element is silently dropped. Ark Svelte hands
+  the snippet to its polymorphic factory before it ever renders a tag, so the
+  projection arrives — the same reason ../Menu/MenuSeparator.svelte can do this.
+-->
+<script lang="ts">
+  import { Menu as ArkMenu } from "@ark-ui/svelte";
+  import { clsx } from "clsx";
+  import Divider from "../Divider/Divider.svelte";
+  import type { ContextMenuSeparatorProps } from "./ContextMenu.types.js";
+
+  let { class: className }: ContextMenuSeparatorProps = $props();
+</script>
+
+<ArkMenu.Separator>
+  {#snippet asChild(props)}
+    <Divider {...props()} class={clsx("context-menu__separator", className)} />
+  {/snippet}
+</ArkMenu.Separator>

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

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

package/dist/components/ContextMenu/ContextMenuSeparator.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuSeparator.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/ContextMenu/ContextMenuSeparator.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAoBxE,QAAA,MAAM,oBAAoB,+DAAwC,CAAC;AACnE,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC;AACpE,eAAe,oBAAoB,CAAC"}

package/dist/components/ContextMenu/ContextMenuTrigger.svelte

@@ -0,0 +1,24 @@
+<!--
+  The area that opens the menu on right-click (or long-press).
+
+  Ark's ContextTrigger renders a <button>; the wiring is projected onto a plain
+  <div> so the target stays an arbitrary content area with no button chrome and
+  no nested-interactive markup.
+
+  The caller's attributes go *through* Ark's props function rather than being
+  spread after it. Ark's own merge is what chains the two `oncontextmenu`
+  handlers; spreading second would replace the one that opens the menu, and the
+  component would render correctly and do nothing.
+-->
+<script lang="ts">
+  import { Menu as ArkMenu } from "@ark-ui/svelte";
+  import type { ContextMenuTriggerProps } from "./ContextMenu.types.js";
+
+  let { children, ...rest }: ContextMenuTriggerProps = $props();
+</script>
+
+<ArkMenu.ContextTrigger>
+  {#snippet asChild(props)}
+    <div {...props(rest)}>{@render children?.()}</div>
+  {/snippet}
+</ArkMenu.ContextTrigger>

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenuTrigger.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/ContextMenu/ContextMenuTrigger.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAkBtE,QAAA,MAAM,kBAAkB,6DAAwC,CAAC;AACjE,KAAK,kBAAkB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAChE,eAAe,kBAAkB,CAAC"}

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

@@ -0,0 +1,12 @@
+export { default as ContextMenu } from "./ContextMenu.svelte";
+export { default as ContextMenuTrigger } from "./ContextMenuTrigger.svelte";
+export { default as ContextMenuContent } from "./ContextMenuContent.svelte";
+export { default as ContextMenuItem } from "./ContextMenuItem.svelte";
+export { default as ContextMenuSeparator } from "./ContextMenuSeparator.svelte";
+export { default as ContextMenuGroup } from "./ContextMenuGroup.svelte";
+export { default as ContextMenuGroupLabel } from "./ContextMenuGroupLabel.svelte";
+export { default as ContextMenuRadioGroup } from "./ContextMenuRadioGroup.svelte";
+export { default as ContextMenuCheckboxItem } from "./ContextMenuCheckboxItem.svelte";
+export { default as ContextMenuRadioItem } from "./ContextMenuRadioItem.svelte";
+export type { ContextMenuProps, ContextMenuTriggerProps, ContextMenuContentProps, ContextMenuItemProps, ContextMenuSeparatorProps, ContextMenuGroupProps, ContextMenuGroupLabelProps, ContextMenuRadioGroupProps, ContextMenuCheckboxItemProps, ContextMenuRadioItemProps, } from "./ContextMenu.types.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/components/ContextMenu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAClF,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AACtF,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAChF,YAAY,EACV,gBAAgB,EAAE,uBAAuB,EAAE,uBAAuB,EAAE,oBAAoB,EACxF,yBAAyB,EAAE,qBAAqB,EAAE,0BAA0B,EAC5E,0BAA0B,EAAE,4BAA4B,EAAE,yBAAyB,GACpF,MAAM,wBAAwB,CAAC"}

package/dist/components/ContextMenu/index.js

@@ -0,0 +1,10 @@
+export { default as ContextMenu } from "./ContextMenu.svelte";
+export { default as ContextMenuTrigger } from "./ContextMenuTrigger.svelte";
+export { default as ContextMenuContent } from "./ContextMenuContent.svelte";
+export { default as ContextMenuItem } from "./ContextMenuItem.svelte";
+export { default as ContextMenuSeparator } from "./ContextMenuSeparator.svelte";
+export { default as ContextMenuGroup } from "./ContextMenuGroup.svelte";
+export { default as ContextMenuGroupLabel } from "./ContextMenuGroupLabel.svelte";
+export { default as ContextMenuRadioGroup } from "./ContextMenuRadioGroup.svelte";
+export { default as ContextMenuCheckboxItem } from "./ContextMenuCheckboxItem.svelte";
+export { default as ContextMenuRadioItem } from "./ContextMenuRadioItem.svelte";

package/dist/components/DateField/DateFieldBase.svelte

@@ -0,0 +1,235 @@
+<!--
+  Shared single date/time field used by DateInput and DateTimeInput.
+
+  Internal: not exported from the package barrel and given no parity case, since
+  its whole public DOM is DateInput's and DateTimeInput's.
+
+  The native `<input>` keeps full functionality (typing, value, min/max). The
+  leading calendar button opens the DS-styled calendar popover on fine pointers
+  (mouse), or the OS-native picker on touch devices. For datetime the popover
+  adds a time field beneath the calendar.
+-->
+<script lang="ts">
+  import { Field, Popover as ArkPopover } from "@ark-ui/svelte";
+  import { clsx } from "clsx";
+  import {
+    CONTROL_ICON_SIZE,
+    inputFieldStyles,
+    parseISODate,
+    popupControls,
+    toISODate,
+    todayYMD,
+    type YMD,
+  } from "@ui-organized/core";
+  import Button from "../Button/Button.svelte";
+  import Icon from "../Icon/Icon.svelte";
+  import FieldError from "../FieldError/FieldError.svelte";
+  import Calendar from "../Calendar/Calendar.svelte";
+  import DatePopover from "./DatePopover.svelte";
+  import { datePopoverPositioning } from "./datePopoverPositioning.js";
+  import { openDatePicker } from "./openDatePicker.js";
+  import { setNativeInputValue } from "./setNativeInputValue.js";
+  import { useCoarsePointer } from "./useCoarsePointer.svelte.js";
+  import type { DateFieldBaseProps } from "./DateFieldBase.types.js";
+  // Shares the Input field surface/state styling; InputAffix.css supplies the
+  // leading calendar button and hides the native picker chrome.
+  import "@ui-organized/core/components/Input/Input.css";
+  import "@ui-organized/core/components/Input/InputAffix.css";
+  import { glyph } from "../../icons/glyph.js";
+  import { onMount } from "svelte";
+  import { trackFocusModality } from "@ui-organized/core/focus-modality";
+
+  // Text fields read pointer vs keyboard for a quiet focus state on click.
+  onMount(() => trackFocusModality());
+
+  let {
+    type,
+    pickerLabel,
+    label,
+    helperText,
+    error,
+    size,
+    required,
+    class: className,
+    disabled,
+    value = $bindable(),
+    defaultValue,
+    oninput,
+    min,
+    max,
+    portalContainer,
+    ...inputProps
+  }: DateFieldBaseProps = $props();
+
+  const isInvalid = $derived(!!error);
+  const errorMessage = $derived(typeof error === "string" ? error : undefined);
+  const isDateTime = $derived(type === "datetime-local");
+  const iconSize = $derived(CONTROL_ICON_SIZE[size ?? "md"]);
+
+  const coarse = useCoarsePointer();
+
+  let open = $state(false);
+  let inputEl = $state<HTMLInputElement | null>(null);
+  let fieldEl = $state<HTMLDivElement | null>(null);
+  let activeDayEl = $state<HTMLButtonElement | null>(null);
+
+  // Track the value so the calendar mirrors typed edits and can write back.
+  // React needs a mirror plus an effect to re-sync it; here the prop is bindable,
+  // so a consumer who binds shares this variable outright and one who does not
+  // gets it as local state — either way there is a single copy.
+  // svelte-ignore state_referenced_locally
+  let internalValue = $state(String((value ?? defaultValue) ?? ""));
+  $effect(() => {
+    if (value !== undefined) internalValue = String(value);
+  });
+
+  function handleInput(event: Event & { currentTarget: HTMLInputElement }) {
+    internalValue = event.currentTarget.value;
+    // Written unconditionally, not only when `value` is already set: DateInput
+    // and DateTimeInput reach this through `bind:value`, and a consumer whose
+    // own variable starts out `undefined` would otherwise never see a keystroke.
+    value = internalValue;
+    oninput?.(event);
+  }
+
+  const minStr = $derived(typeof min === "string" ? min : undefined);
+  const maxStr = $derived(typeof max === "string" ? max : undefined);
+  const datePart = $derived(internalValue.split("T")[0] ?? "");
+  const timePart = $derived(internalValue.split("T")[1] ?? "");
+
+  function handleDaySelect(day: YMD) {
+    const iso = toISODate(day);
+    if (isDateTime) {
+      setNativeInputValue(inputEl, `${iso}T${timePart || "00:00"}`);
+      // Keep the popover open so the time can still be set.
+    } else {
+      setNativeInputValue(inputEl, iso);
+      open = false;
+    }
+  }
+
+  function handleTimeChange(event: Event & { currentTarget: HTMLInputElement }) {
+    const day = datePart || toISODate(todayYMD());
+    setNativeInputValue(inputEl, `${day}T${event.currentTarget.value}`);
+  }
+</script>
+
+{#snippet control()}
+  <Field.Input
+    bind:ref={inputEl}
+    {type}
+    class="field__control field__control--affix-start"
+    data-empty={internalValue ? undefined : true}
+    {required}
+    {disabled}
+    value={internalValue}
+    {min}
+    {max}
+    {...inputProps}
+    oninput={handleInput}
+  />
+{/snippet}
+
+{#snippet pickerButton(onclick: (() => void) | undefined)}
+  <button
+    type="button"
+    class="input-affix__adornment input-affix__adornment--start input-affix__action"
+    {onclick}
+    {disabled}
+    aria-label={pickerLabel}
+  >
+    <Icon name={glyph("calendar")} size={iconSize} />
+  </button>
+{/snippet}
+
+<Field.Root class={clsx(inputFieldStyles({ size }), className)} invalid={isInvalid}>
+  {#if label}
+    <Field.Label class="field__label">
+      {label}
+      {#if required}<span class="field__required" aria-hidden="true"></span>{/if}
+    </Field.Label>
+  {/if}
+
+  {#if coarse()}
+    <div class="input-affix" bind:this={fieldEl}>
+      {@render pickerButton(() => openDatePicker(inputEl))}
+      {@render control()}
+    </div>
+  {:else}
+    <ArkPopover.Root
+      bind:open
+      positioning={datePopoverPositioning(() => fieldEl)}
+      initialFocusEl={() => activeDayEl}
+    >
+      <div class="input-affix" bind:this={fieldEl}>
+        <!--
+          Ark keeps aria-controls on the trigger at all times, but the popup it
+          names is only mounted while open; popupControls drops it while closed.
+        -->
+        <ArkPopover.Trigger {...popupControls(open)}>
+          {#snippet asChild(props)}
+            <button
+              {...props({
+                type: "button",
+                class:
+                  "input-affix__adornment input-affix__adornment--start input-affix__action",
+                disabled,
+                "aria-label": pickerLabel,
+              })}
+            >
+              <Icon name={glyph("calendar")} size={iconSize} />
+            </button>
+          {/snippet}
+        </ArkPopover.Trigger>
+        {@render control()}
+      </div>
+      <DatePopover container={portalContainer} label={pickerLabel}>
+        <Calendar
+          mode="single"
+          value={parseISODate(datePart)}
+          min={parseISODate(minStr)}
+          max={parseISODate(maxStr)}
+          onSelect={handleDaySelect}
+          onActiveDay={(el) => (activeDayEl = el)}
+        />
+        {#if isDateTime}
+          <div class="date-popover__footer">
+            <input
+              type="time"
+              class="field__control date-popover__time"
+              data-empty={timePart ? undefined : true}
+              value={timePart}
+              oninput={handleTimeChange}
+              aria-label="Time"
+            />
+            <Button
+              type="button"
+              intent="primary"
+              size="md"
+              class="date-popover__done"
+              onclick={() => (open = false)}
+            >
+              Done
+            </Button>
+          </div>
+        {/if}
+      </DatePopover>
+    </ArkPopover.Root>
+  {/if}
+
+  {#if helperText && !isInvalid}
+    <Field.HelperText class="field__description">{helperText}</Field.HelperText>
+  {/if}
+  {#if isInvalid && errorMessage}
+    <!--
+      Ark's ErrorText renders only while the Field is invalid, and `asChild`
+      hands its props to whatever we render in its place — here the shared
+      FieldError, so the message keeps its icon and its aria-describedby wiring.
+    -->
+    <Field.ErrorText>
+      {#snippet asChild(props)}
+        <FieldError {...props()} message={errorMessage} />
+      {/snippet}
+    </Field.ErrorText>
+  {/if}
+</Field.Root>

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateFieldBase.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/DateField/DateFieldBase.svelte.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAGnE,OAAO,+CAA+C,CAAC;AACvD,OAAO,oDAAoD,CAAC;AA8K5D,QAAA,MAAM,aAAa,6DAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/components/DateField/DateFieldBase.types.d.ts

@@ -0,0 +1,45 @@
+import type { HTMLInputAttributes } from "svelte/elements";
+import type { ControlSize } from "@ui-organized/core";
+/**
+ * Props shared by the single date/time fields (DateInput, DateTimeInput).
+ *
+ * Written out in full rather than sharing a private base interface:
+ * `svelte-package` emits no `.d.ts` for a component whose props reference a type
+ * it cannot resolve, and it does so silently — the component ships untyped.
+ */
+export interface DateFieldProps 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`, or `YYYY-MM-DDTHH:mm`). Bindable. */
+    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
+     * (rather than `<html>`) so the popover inherits them instead of falling back
+     * to the document defaults.
+     */
+    portalContainer?: HTMLElement | null;
+}
+/**
+ * Internal props for the shared base — adds the native input type and the
+ * accessible label for the leading picker button.
+ */
+export interface DateFieldBaseProps extends DateFieldProps {
+    /** Native input type rendered on the field surface. */
+    type: "date" | "datetime-local";
+    /** Accessible label for the leading calendar button. */
+    pickerLabel: string;
+}
+//# sourceMappingURL=DateFieldBase.types.d.ts.map

package/dist/components/DateField/DateFieldBase.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateFieldBase.types.d.ts","sourceRoot":"","sources":["../../../src/lib/components/DateField/DateFieldBase.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEtD;;;;;;GAMG;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,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gDAAgD;IAChD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;OAKG;IACH,eAAe,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CACtC;AAED;;;GAGG;AACH,MAAM,WAAW,kBAAmB,SAAQ,cAAc;IACxD,uDAAuD;IACvD,IAAI,EAAE,MAAM,GAAG,gBAAgB,CAAC;IAChC,wDAAwD;IACxD,WAAW,EAAE,MAAM,CAAC;CACrB"}

package/dist/components/DateField/DateFieldBase.types.js

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

package/dist/components/DateField/DatePopover.svelte

@@ -0,0 +1,26 @@
+<!--
+  The portal + positioner + popup surface shared by the date pickers. Must be
+  rendered inside a controlled `ArkPopover.Root` (which owns the anchor
+  positioning and the initial focus); the trigger lives in the field.
+-->
+<script lang="ts">
+  import { Popover as ArkPopover, Portal } from "@ark-ui/svelte";
+  import type { DatePopoverProps } from "./DatePopover.types.js";
+  import "@ui-organized/core/components/DateField/DatePopover.css";
+
+  let { container, label, children }: DatePopoverProps = $props();
+</script>
+
+<Portal container={container ?? undefined}>
+  <!--
+    The positioner class must stay a plain string literal: the overlay-stacking
+    test scans for it, and stacking is declared on the popup rather than here
+    because zag writes an inline z-index onto the positioner and reads it from
+    the popup's rule.
+  -->
+  <ArkPopover.Positioner class="date-popover-positioner">
+    <ArkPopover.Content class="date-popover" aria-label={label}>
+      {@render children?.()}
+    </ArkPopover.Content>
+  </ArkPopover.Positioner>
+</Portal>

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePopover.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/DateField/DatePopover.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,yDAAyD,CAAC;AAsBjE,QAAA,MAAM,WAAW,sDAAwC,CAAC;AAC1D,KAAK,WAAW,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAClD,eAAe,WAAW,CAAC"}

package/dist/components/DateField/DatePopover.types.d.ts

@@ -0,0 +1,13 @@
+import type { Snippet } from "svelte";
+export interface DatePopoverProps {
+    /** Optional container for the portal (defaults to `document.body`). */
+    container?: HTMLElement | null;
+    /**
+     * Accessible name for the popup. Ark gives the content `role="dialog"`, and a
+     * dialog needs a name — the calendar inside is not one, it's the content.
+     * Pass the same phrase the trigger uses ("Choose date").
+     */
+    label: string;
+    children?: Snippet;
+}
+//# sourceMappingURL=DatePopover.types.d.ts.map

package/dist/components/DateField/DatePopover.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePopover.types.d.ts","sourceRoot":"","sources":["../../../src/lib/components/DateField/DatePopover.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AAEtC,MAAM,WAAW,gBAAgB;IAC/B,uEAAuE;IACvE,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC/B;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/dist/components/DateField/DatePopover.types.js

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

package/dist/components/DateField/dateFieldHelpers.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=dateFieldHelpers.test.d.ts.map

package/dist/components/DateField/dateFieldHelpers.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateFieldHelpers.test.d.ts","sourceRoot":"","sources":["../../../src/lib/components/DateField/dateFieldHelpers.test.ts"],"names":[],"mappings":""}

package/dist/components/DateField/dateFieldHelpers.test.js

@@ -0,0 +1,65 @@
+import { describe, it, expect, vi, afterEach } from "vitest";
+import { openDatePicker } from "./openDatePicker.js";
+import { setNativeInputValue } from "./setNativeInputValue.js";
+/**
+ * The two browser-behaviour helpers behind the date fields.
+ *
+ * Neither is reachable from the SSR parity gate — one calls a method that only
+ * exists in a browser, the other writes to a live DOM node — so what they
+ * promise is pinned here instead. Both promises are the kind that fail silently:
+ * a picker that throws takes the whole click handler down with it, and a value
+ * written without an event leaves every listener believing the field is empty.
+ */
+describe("openDatePicker", () => {
+    afterEach(() => vi.restoreAllMocks());
+    it("calls showPicker on the input", () => {
+        const input = document.createElement("input");
+        input.type = "date";
+        const showPicker = vi.fn();
+        Object.assign(input, { showPicker });
+        openDatePicker(input);
+        expect(showPicker).toHaveBeenCalledTimes(1);
+    });
+    it("swallows an unsupported or blocked showPicker", () => {
+        const input = document.createElement("input");
+        input.type = "date";
+        // Both real failures look like this: jsdom has no showPicker at all, and a
+        // browser throws NotAllowedError outside a user gesture. Either must leave
+        // the field typeable rather than breaking the handler that called it.
+        Object.assign(input, {
+            showPicker() {
+                throw new Error("NotAllowedError");
+            },
+        });
+        expect(() => openDatePicker(input)).not.toThrow();
+    });
+    it("does nothing for a missing or disabled input", () => {
+        const input = document.createElement("input");
+        input.type = "date";
+        input.disabled = true;
+        const showPicker = vi.fn();
+        Object.assign(input, { showPicker });
+        openDatePicker(input);
+        openDatePicker(null);
+        expect(showPicker).not.toHaveBeenCalled();
+    });
+});
+describe("setNativeInputValue", () => {
+    it("writes the value and dispatches a bubbling input event", () => {
+        const input = document.createElement("input");
+        input.type = "date";
+        document.body.append(input);
+        const onInput = vi.fn();
+        document.body.addEventListener("input", onInput);
+        setNativeInputValue(input, "2024-03-15");
+        expect(input.value).toBe("2024-03-15");
+        // Bubbling is the whole point: the listener that has to hear this may be on
+        // an ancestor rather than on the input.
+        expect(onInput).toHaveBeenCalledTimes(1);
+        document.body.removeEventListener("input", onInput);
+        input.remove();
+    });
+    it("is a no-op for a missing input", () => {
+        expect(() => setNativeInputValue(null, "2024-03-15")).not.toThrow();
+    });
+});

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

@@ -0,0 +1,27 @@
+/**
+ * Ark popover positioning that anchors the calendar to the *field* (or the
+ * start/end row) rather than to the small trigger button, and floats it below,
+ * left-aligned. Set on the controlled `Popover.Root` alongside `initialFocusEl`.
+ *
+ * The anchor arrives as an accessor rather than an element, because the element
+ * does not exist yet when the Root is initialised — reading it lazily inside
+ * `getAnchorRect` is what lets one object be built once and stay correct.
+ *
+ * React's version also merges the preview-container overrides from
+ * `useContainedPositioning()`. That context is a docs-site concern living in the
+ * React package's `preview/`, and has no counterpart here; the placement, gutter
+ * and strategy — the part that is the component's own behaviour — are identical.
+ */
+export interface DatePopoverPositioning {
+    placement: "bottom-start";
+    gutter: number;
+    strategy: "fixed";
+    getAnchorRect: () => {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    } | null;
+}
+export declare function datePopoverPositioning(anchor: () => HTMLElement | null): DatePopoverPositioning;
+//# sourceMappingURL=datePopoverPositioning.d.ts.map

package/dist/components/DateField/datePopoverPositioning.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"datePopoverPositioning.d.ts","sourceRoot":"","sources":["../../../src/lib/components/DateField/datePopoverPositioning.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,sBAAsB;IACrC,SAAS,EAAE,cAAc,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,aAAa,EAAE,MAAM;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;CACrF;AAED,wBAAgB,sBAAsB,CACpC,MAAM,EAAE,MAAM,WAAW,GAAG,IAAI,GAC/B,sBAAsB,CAUxB"}

package/dist/components/DateField/datePopoverPositioning.js

@@ -0,0 +1,11 @@
+export function datePopoverPositioning(anchor) {
+    return {
+        placement: "bottom-start",
+        gutter: 6,
+        strategy: "fixed",
+        getAnchorRect: () => {
+            const r = anchor()?.getBoundingClientRect();
+            return r ? { x: r.x, y: r.y, width: r.width, height: r.height } : null;
+        },
+    };
+}

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

@@ -0,0 +1,9 @@
+/**
+ * Open the browser's native date/time picker for an input.
+ *
+ * `showPicker()` must run inside a user gesture and throws if it is unsupported
+ * or blocked — both cases are swallowed, so this stays a pure enhancement: the
+ * input remains fully typeable and the native on-focus picker keeps working.
+ */
+export declare function openDatePicker(input: HTMLInputElement | null): void;
+//# sourceMappingURL=openDatePicker.d.ts.map

package/dist/components/DateField/openDatePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"openDatePicker.d.ts","sourceRoot":"","sources":["../../../src/lib/components/DateField/openDatePicker.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,GAAG,IAAI,CAOnE"}

package/dist/components/DateField/openDatePicker.js

@@ -0,0 +1,17 @@
+/**
+ * Open the browser's native date/time picker for an input.
+ *
+ * `showPicker()` must run inside a user gesture and throws if it is unsupported
+ * or blocked — both cases are swallowed, so this stays a pure enhancement: the
+ * input remains fully typeable and the native on-focus picker keeps working.
+ */
+export function openDatePicker(input) {
+    if (!input || input.disabled)
+        return;
+    try {
+        input.showPicker();
+    }
+    catch {
+        /* no-op — unsupported or blocked; typed entry still works. */
+    }
+}

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

@@ -0,0 +1,15 @@
+/**
+ * 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 declare function setNativeInputValue(input: HTMLInputElement | null, value: string): void;
+//# sourceMappingURL=setNativeInputValue.d.ts.map

package/dist/components/DateField/setNativeInputValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"setNativeInputValue.d.ts","sourceRoot":"","sources":["../../../src/lib/components/DateField/setNativeInputValue.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,gBAAgB,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CAQvF"}