chrona-react 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Devlin Duldulao
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,132 @@
+# chrona-react
+
+Headless, Temporal-native React date and time primitives. No legacy `Date`
+values, no free-form date parsing, and no CSS — you own every pixel.
+
+Part of [Chrona](https://github.com/devlinduldulao/chrona). Built on
+[`chrona-core`](https://www.npmjs.com/package/chrona-core).
+
+> **Status: experimental 0.1.0.** Public APIs and styling attributes are not
+> frozen for v1. Automated axe checks pass, but no screen-reader compatibility
+> certification is claimed.
+
+## Install
+
+```sh
+npm install chrona-react
+```
+
+React 18 or 19. Both are gated in CI.
+
+## Temporal Is Application-Owned
+
+Chrona reads `globalThis.Temporal` and never installs a runtime for you. Where
+it is not native, load a polyfill before rendering:
+
+```ts
+import "temporal-polyfill/global";
+```
+
+## Calendar
+
+```tsx
+"use client";
+
+import { useState } from "react";
+import { Calendar, ChronaProvider } from "chrona-react";
+
+export function BookingCalendar() {
+  const [value, setValue] = useState<Temporal.PlainDate | null>(null);
+  const reference = Temporal.PlainDate.from({ year: 2026, month: 9, day: 16 });
+
+  return (
+    <ChronaProvider locale="en-US" timeZone="Europe/Copenhagen">
+      <Calendar.Root value={value} onChange={setValue} placeholderValue={reference} fixedWeeks>
+        <Calendar.Header>
+          <Calendar.PrevButton>Previous</Calendar.PrevButton>
+          <Calendar.Heading />
+          <Calendar.NextButton>Next</Calendar.NextButton>
+        </Calendar.Header>
+        <Calendar.Grid>
+          <Calendar.GridHeader />
+          <Calendar.GridBody />
+        </Calendar.Grid>
+        <Calendar.LiveRegion className="visually-hidden" />
+        <Calendar.HiddenInput name="bookingDate" />
+      </Calendar.Root>
+    </ChronaProvider>
+  );
+}
+```
+
+Supply your own CSS, including the visually-hidden utility. Keyboard support
+covers arrows, Home/End, PageUp/PageDown, Shift+PageUp/PageDown, and
+Enter/Space, with RTL and locale week starts. Unavailable dates stay focusable
+but unselectable; hard-disabled dates are not interactive.
+
+## DatePicker
+
+```tsx
+<DatePicker.Root value={value} onChange={setValue} placeholderValue={reference}>
+  <DatePicker.Label>Appointment</DatePicker.Label>
+  <DatePicker.Field />
+  <DatePicker.Trigger>Choose date</DatePicker.Trigger>
+  <DatePicker.Popover>
+    <DatePicker.Calendar />
+  </DatePicker.Popover>
+  <DatePicker.HiddenInput name="appointment" />
+</DatePicker.Root>
+```
+
+The popover is a native `<dialog>`, modal by default. It anchors to its trigger,
+flips above when that fits, shifts to stay in the viewport, and scrolls
+internally when oversized. Escape, outside pointer dismissal, and selection all
+return focus to the trigger.
+
+## Components
+
+| Export | Subpath | Notes |
+| --- | --- | --- |
+| `Calendar` | `chrona-react/calendar` | Single or multi-month grid |
+| `RangeCalendar` | `chrona-react/range-calendar` | Inclusive `{ start, end }`; draft first endpoint |
+| `DateField` | `chrona-react/date-field` | Locale-ordered segments; ISO/Gregorian years 1–9999 |
+| `TimeField` | `chrona-react/time-field` | `hourCycle` h11/h12/h23/h24, minute or second granularity |
+| `DatePicker` | `chrona-react/date-picker` | Field plus calendar in a native dialog |
+| `ChronaProvider` | — | Ambient `locale` and `timeZone` |
+
+A barrel export is also available. Matching hooks — `useCalendar`,
+`useRangeCalendar`, `useDateField`, `useTimeField`, `useDatePicker` — expose
+`state`, resolved `options`, and `send` for custom shells.
+
+## Styling And Forms
+
+Style via `data-scope`, `data-part`, and state attributes: `data-selected`,
+`data-focused`, `data-today`, `data-disabled`, `data-unavailable`,
+`data-outside-month`, `data-in-range`, `data-range-start`, `data-range-end`,
+`data-preview`, `data-invalid`, `data-placeholder`.
+
+Layout and button parts accept `asChild` with event and ref composition. Input
+segments, hidden inputs, and the dialog keep their HTML elements.
+
+Hidden inputs serialize with `.toString()` and are never read back.
+`RangeCalendar`'s `HiddenInput name="stay"` emits `stay.start` and `stay.end`.
+
+**`required` is accessibility metadata, not native submit blocking.** Hidden
+inputs do not take part in browser constraint validation — validate required,
+incomplete, or invalid values in your form layer before submission.
+
+## Notes
+
+- ESM with declarations and source maps, targeting ES2022.
+- Size budgets, minified + gzip, excluding React: Calendar 6 kB, DatePicker 12 kB.
+- For deterministic SSR, pass the same reference date, value, locale, and time
+  zone on server and client. In Server Component frameworks, consume this
+  package from a client component.
+- Use `value`/`onChange` or `defaultValue`/`onChange` — do not switch modes
+  during a component's lifetime.
+
+Full documentation lives in the [repository README](https://github.com/devlinduldulao/chrona#readme).
+
+## License
+
+[MIT](./LICENSE) © Devlin Duldulao

package/dist/calendar.d.ts

@@ -0,0 +1,126 @@
+import * as temporal_spec from 'temporal-spec';
+import { P as PartProps, H as HiddenInputProps, C as ChronaConfig } from './form-BCAGbNh-.js';
+import * as chrona_core from 'chrona-core';
+import { CalendarOptions, PlainDate, CalendarEvent } from 'chrona-core';
+import * as React from 'react';
+
+interface CalendarProps extends CalendarOptions {
+    defaultValue?: PlainDate | null;
+    defaultFocusedValue?: PlainDate;
+    onChange?: (value: PlainDate | null) => void;
+    onSelect?: (value: PlainDate) => void;
+    onFocusedValueChange?: (value: PlainDate) => void;
+    id?: string;
+}
+declare function useCalendar(props?: CalendarProps): {
+    state: chrona_core.CalendarState;
+    options: CalendarProps & ChronaConfig;
+    send: (event: CalendarEvent) => void;
+    rootRef: React.RefObject<HTMLElement | null>;
+    announcement: string;
+    api: {
+        getRootProps: () => {
+            dir: "ltr" | "rtl" | undefined;
+            "data-disabled": string | undefined;
+            "data-readonly": string | undefined;
+            "data-scope": string;
+            "data-part": string;
+        };
+        getGridProps: (month?: temporal_spec.Temporal.PlainDate) => {
+            role: "grid";
+            "aria-label": string;
+            "aria-readonly": true | undefined;
+            "aria-disabled": true | undefined;
+            "data-scope": string;
+            "data-part": string;
+        };
+        getCellProps: (date: PlainDate, month?: temporal_spec.Temporal.PlainDate) => {
+            id: string;
+            role: "gridcell";
+            tabIndex: number;
+            "aria-label": string;
+            "aria-selected": boolean;
+            "aria-disabled": true | undefined;
+            "aria-current": "date" | undefined;
+            "data-date": string;
+            "data-selected": string | undefined;
+            "data-focused": string | undefined;
+            "data-disabled": string | undefined;
+            "data-unavailable": string | undefined;
+            "data-outside-month": string | undefined;
+            "data-today": string | undefined;
+            "data-scope": string;
+            "data-part": string;
+        };
+        getPrevButtonProps: () => {
+            type: "button";
+            "aria-label": string;
+            disabled: boolean;
+            "data-scope": string;
+            "data-part": string;
+        };
+        getNextButtonProps: () => {
+            type: "button";
+            "aria-label": string;
+            disabled: boolean;
+            "data-scope": string;
+            "data-part": string;
+        };
+    };
+    months: temporal_spec.Temporal.PlainDate[];
+};
+type CalendarContextValue = ReturnType<typeof useCalendar>;
+declare function CalendarRoot({ children, asChild, className, style, ...props }: CalendarProps & Pick<PartProps, "children" | "asChild" | "className" | "style">): React.JSX.Element;
+declare function CalendarSurface({ calendar, ...props }: PartProps & {
+    calendar: CalendarContextValue;
+}): React.JSX.Element;
+interface Weekday {
+    date: PlainDate;
+    label: string;
+}
+declare function HiddenInput(props: HiddenInputProps): React.JSX.Element;
+declare const Calendar: {
+    Root: typeof CalendarRoot;
+    Header: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+        asChild?: boolean;
+    } & React.RefAttributes<HTMLElement>>;
+    Heading: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+        asChild?: boolean;
+    } & React.RefAttributes<HTMLElement>>;
+    PrevButton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+        asChild?: boolean;
+    } & React.RefAttributes<HTMLElement>>;
+    NextButton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+        asChild?: boolean;
+    } & React.RefAttributes<HTMLElement>>;
+    Grid: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+        asChild?: boolean;
+    } & {
+        monthIndex?: number;
+    } & React.RefAttributes<HTMLElement>>;
+    GridHeader: React.ForwardRefExoticComponent<Omit<PartProps, "children"> & {
+        children?: (day: Weekday) => React.ReactNode;
+    } & React.RefAttributes<HTMLElement>>;
+    HeaderCell: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+        asChild?: boolean;
+    } & {
+        day: Weekday;
+    } & React.RefAttributes<HTMLElement>>;
+    GridBody: React.ForwardRefExoticComponent<Omit<PartProps, "children"> & {
+        children?: (date: PlainDate) => React.ReactNode;
+    } & React.RefAttributes<HTMLElement>>;
+    Cell: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+        asChild?: boolean;
+    } & {
+        date: PlainDate;
+    } & React.RefAttributes<HTMLElement>>;
+    LiveRegion: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & {
+        asChild?: boolean;
+    } & React.RefAttributes<HTMLElement>>;
+    ClearButton: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+        asChild?: boolean;
+    } & React.RefAttributes<HTMLElement>>;
+    HiddenInput: typeof HiddenInput;
+};
+
+export { Calendar, type CalendarProps, CalendarRoot, CalendarSurface, type Weekday, useCalendar };

package/dist/calendar.js

@@ -0,0 +1,14 @@
+import {
+  Calendar,
+  CalendarRoot,
+  CalendarSurface,
+  useCalendar
+} from "./chunk-EFN32TNK.js";
+import "./chunk-GN2YCKFZ.js";
+export {
+  Calendar,
+  CalendarRoot,
+  CalendarSurface,
+  useCalendar
+};
+//# sourceMappingURL=calendar.js.map

package/dist/calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-5426MN2K.js

@@ -0,0 +1,211 @@
+import {
+  DateField
+} from "./chunk-ZN4FZDUQ.js";
+import {
+  Calendar
+} from "./chunk-EFN32TNK.js";
+import {
+  Part,
+  composeEvent,
+  useChronaConfig
+} from "./chunk-GN2YCKFZ.js";
+
+// src/date-picker.tsx
+import * as React from "react";
+import { computeAnchorPosition, containTabFocus, transitionPicker, translations } from "chrona-core";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var Context = React.createContext(null);
+function usePicker() {
+  const value = React.useContext(Context);
+  if (!value) throw new Error("DatePicker parts must be inside DatePicker.Root.");
+  return value;
+}
+function Root({ children, asChild, className, style, ...input }) {
+  const picker = useDatePicker(input);
+  return /* @__PURE__ */ jsx(Context.Provider, { value: picker, children: /* @__PURE__ */ jsx(Part, { asChild, className, style, dir: picker.props.dir, "data-scope": "date-picker", "data-part": "root", children: /* @__PURE__ */ jsx(DateField.Root, { ...picker.props, id: `${picker.id}-field`, value: picker.value, onChange: picker.change, children }) }) });
+}
+function useDatePicker(input = {}) {
+  const props = useChronaConfig(input);
+  const generatedId = React.useId();
+  const id = props.id ?? generatedId;
+  const [uncontrolledValue, setValue] = React.useState(props.defaultValue ?? null);
+  const [uncontrolledOpen, setOpen] = React.useState(props.defaultOpen ?? false);
+  const value = props.value === void 0 ? uncontrolledValue : props.value;
+  const open = props.open ?? uncontrolledOpen;
+  const trigger = React.useRef(null);
+  const [labelled, registerLabel] = React.useState(false);
+  function change(next) {
+    if (props.value === void 0) setValue(next);
+    props.onChange?.(next);
+  }
+  function send(event) {
+    const result = transitionPicker({ open }, event, props);
+    for (const effect of result.effects) if (effect.type === "openChange") {
+      if (props.open === void 0) setOpen(effect.open);
+      props.onOpenChange?.(effect.open);
+    }
+  }
+  return { props, options: props, state: { value, open }, id, value, change, open, send, trigger, labelled, registerLabel };
+}
+var Label = React.forwardRef(function Label2(props, ref) {
+  const { registerLabel } = usePicker();
+  React.useEffect(() => {
+    registerLabel(true);
+    return () => registerLabel(false);
+  }, [registerLabel]);
+  return /* @__PURE__ */ jsx(DateField.Label, { ...props, ref });
+});
+var Trigger = React.forwardRef(function Trigger2({ onClick, ...props }, ref) {
+  const picker = usePicker();
+  return /* @__PURE__ */ jsx(Part, { as: "button", ...props, type: "button", ref: (node) => {
+    picker.trigger.current = node;
+    if (typeof ref === "function") ref(node);
+    else if (ref) ref.current = node;
+  }, "aria-label": props["aria-label"] ?? picker.props.translations?.chooseDate ?? translations.chooseDate, "aria-haspopup": "dialog", "aria-expanded": picker.open, "aria-controls": `${picker.id}-dialog`, disabled: picker.props.disabled, "data-scope": "date-picker", "data-part": "trigger", onClick: composeEvent(onClick, () => picker.send({ type: "TOGGLE" })) });
+});
+var Popover = React.forwardRef(function Popover2({ children, anchored = true, onCancel, onClose, onKeyDown, ...props }, ref) {
+  const picker = usePicker();
+  const dialog = React.useRef(null);
+  const latest = React.useRef(picker);
+  latest.current = picker;
+  React.useEffect(() => {
+    const element = dialog.current;
+    if (!element) return;
+    if (picker.open && !element.open) {
+      if (picker.props.modal === false) element.show();
+      else element.showModal();
+      element.querySelector('[data-part="cell"][tabindex="0"]')?.focus();
+    } else if (!picker.open && element.open) {
+      element.close();
+      picker.trigger.current?.focus();
+    }
+  }, [picker.open, picker.props.modal, picker.trigger]);
+  React.useEffect(() => {
+    if (!picker.open || !anchored) return;
+    const element = dialog.current;
+    const anchor = picker.trigger.current;
+    const window = element?.ownerDocument.defaultView;
+    if (!element || !anchor || !window) return;
+    const properties = ["position", "margin", "top", "left", "max-width", "max-height", "min-width", "min-height", "box-sizing", "overflow"];
+    const original = properties.map((property) => ({ property, value: element.style.getPropertyValue(property), priority: element.style.getPropertyPriority(property) }));
+    const originalPlacement = element.getAttribute("data-placement");
+    const position = () => {
+      const viewport = window.visualViewport;
+      const width = viewport?.width ?? element.ownerDocument.documentElement.clientWidth;
+      const height = viewport?.height ?? element.ownerDocument.documentElement.clientHeight;
+      const offsetTop = viewport?.offsetTop ?? 0;
+      const offsetLeft = viewport?.offsetLeft ?? 0;
+      Object.assign(element.style, {
+        position: "fixed",
+        margin: "0",
+        boxSizing: "border-box",
+        overflow: "auto",
+        minWidth: "0",
+        minHeight: "0",
+        maxWidth: `${Math.max(0, width - 8)}px`,
+        maxHeight: `${Math.max(0, height - 8)}px`
+      });
+      const rect = anchor.getBoundingClientRect();
+      const { top, left, placement } = computeAnchorPosition(
+        { top: rect.top - offsetTop, left: rect.left - offsetLeft, width: rect.width, height: rect.height },
+        { width: element.offsetWidth, height: element.offsetHeight },
+        { width, height }
+      );
+      Object.assign(element.style, { top: `${top + offsetTop}px`, left: `${left + offsetLeft}px` });
+      element.setAttribute("data-placement", placement);
+    };
+    position();
+    let frame;
+    const schedulePosition = () => {
+      if (frame !== void 0) return;
+      frame = window.requestAnimationFrame(() => {
+        frame = void 0;
+        position();
+      });
+    };
+    const observer = window.ResizeObserver ? new window.ResizeObserver(schedulePosition) : void 0;
+    observer?.observe(element);
+    observer?.observe(anchor);
+    window.addEventListener("resize", schedulePosition);
+    window.addEventListener("scroll", schedulePosition, true);
+    window.visualViewport?.addEventListener("resize", schedulePosition);
+    window.visualViewport?.addEventListener("scroll", schedulePosition);
+    return () => {
+      if (frame !== void 0) window.cancelAnimationFrame(frame);
+      observer?.disconnect();
+      window.removeEventListener("resize", schedulePosition);
+      window.removeEventListener("scroll", schedulePosition, true);
+      window.visualViewport?.removeEventListener("resize", schedulePosition);
+      window.visualViewport?.removeEventListener("scroll", schedulePosition);
+      for (const { property, value, priority } of original) {
+        if (value) element.style.setProperty(property, value, priority);
+        else element.style.removeProperty(property);
+      }
+      if (originalPlacement === null) element.removeAttribute("data-placement");
+      else element.setAttribute("data-placement", originalPlacement);
+    };
+  }, [picker.open, anchored, picker.trigger]);
+  React.useEffect(() => {
+    const element = dialog.current;
+    if (!picker.open || !element) return;
+    const dismiss = (event) => {
+      if (!(event.target instanceof Node) || latest.current.trigger.current?.contains(event.target)) return;
+      const rect = element.getBoundingClientRect();
+      const onBackdrop = event.target === element && (event.clientX < rect.left || event.clientX > rect.right || event.clientY < rect.top || event.clientY > rect.bottom);
+      if (!element.contains(event.target) || onBackdrop) latest.current.send({ type: "CLOSE" });
+    };
+    element.ownerDocument.addEventListener("pointerdown", dismiss);
+    return () => element.ownerDocument.removeEventListener("pointerdown", dismiss);
+  }, [picker.open]);
+  return /* @__PURE__ */ jsx(
+    "dialog",
+    {
+      ...props,
+      ref: (node) => {
+        dialog.current = node;
+        if (typeof ref === "function") ref(node);
+        else if (ref) ref.current = node;
+      },
+      id: `${picker.id}-dialog`,
+      "aria-label": props["aria-label"] ?? picker.props.translations?.chooseDate ?? translations.chooseDate,
+      "aria-labelledby": props["aria-labelledby"] ?? (props["aria-label"] || !picker.labelled ? void 0 : `${picker.id}-field-label`),
+      "aria-modal": picker.props.modal !== false || void 0,
+      "data-scope": "date-picker",
+      "data-part": "popover",
+      onKeyDown: composeEvent(onKeyDown, (event) => {
+        if (picker.props.modal !== false) containTabFocus(event.currentTarget, event);
+      }),
+      onCancel: (event) => {
+        onCancel?.(event);
+        const canceled = event.defaultPrevented;
+        event.preventDefault();
+        if (!canceled) picker.send({ type: "CLOSE" });
+      },
+      onClose: composeEvent(onClose, () => {
+        if (picker.open) picker.send({ type: "CLOSE" });
+      }),
+      children: picker.open ? children : null
+    }
+  );
+});
+function PickerCalendar({ children, ...props }) {
+  const picker = usePicker();
+  return /* @__PURE__ */ jsx(Calendar.Root, { ...picker.props, ...props, value: picker.value, onChange: picker.change, onSelect: () => picker.send({ type: "SELECT" }), children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Calendar.Header, { children: [
+      /* @__PURE__ */ jsx(Calendar.PrevButton, {}),
+      /* @__PURE__ */ jsx(Calendar.Heading, {}),
+      /* @__PURE__ */ jsx(Calendar.NextButton, {})
+    ] }),
+    /* @__PURE__ */ jsxs(Calendar.Grid, { children: [
+      /* @__PURE__ */ jsx(Calendar.GridHeader, {}),
+      /* @__PURE__ */ jsx(Calendar.GridBody, {})
+    ] })
+  ] }) });
+}
+var DatePicker = { Root, Label, Field: DateField.Field, Segment: DateField.Segment, HiddenInput: DateField.HiddenInput, ClearButton: DateField.ClearButton, LiveRegion: DateField.LiveRegion, Trigger, Popover, Calendar: PickerCalendar };
+
+export {
+  useDatePicker,
+  DatePicker
+};
+//# sourceMappingURL=chunk-5426MN2K.js.map

package/dist/chunk-5426MN2K.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/date-picker.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { computeAnchorPosition, containTabFocus, transitionPicker, translations, type PlainDate, type PickerEvent } from \"chrona-core\";\nimport { Calendar, type CalendarProps } from \"./calendar\";\nimport { DateField, type DateFieldProps } from \"./date-field\";\nimport { Part, composeEvent, type PartProps } from \"./part\";\nimport { useChronaConfig } from \"./provider\";\n\nexport interface DatePickerProps extends DateFieldProps {\n    open?: boolean;\n    defaultOpen?: boolean;\n    onOpenChange?: (open: boolean) => void;\n    modal?: boolean;\n    timeZone?: string;\n    firstDayOfWeek?: number;\n    fixedWeeks?: boolean;\n    numberOfMonths?: number;\n    pagedNavigation?: boolean;\n}\n\ninterface PickerContext {\n    props: DatePickerProps;\n    options: DatePickerProps;\n    state: { value: PlainDate | null; open: boolean };\n    id: string;\n    value: PlainDate | null;\n    change: (value: PlainDate | null) => void;\n    open: boolean;\n    send: (event: PickerEvent) => void;\n    trigger: { current: HTMLElement | null };\n    labelled: boolean;\n    registerLabel: (present: boolean) => void;\n}\n\nconst Context = React.createContext<PickerContext | null>(null);\nfunction usePicker() {\n    const value = React.useContext(Context);\n    if (!value) throw new Error(\"DatePicker parts must be inside DatePicker.Root.\");\n    return value;\n}\n\nfunction Root({ children, asChild, className, style, ...input }: DatePickerProps & Pick<PartProps, \"children\" | \"asChild\" | \"className\" | \"style\">) {\n    const picker = useDatePicker(input);\n    return <Context.Provider value={picker}><Part asChild={asChild} className={className} style={style} dir={picker.props.dir} data-scope=\"date-picker\" data-part=\"root\"><DateField.Root {...picker.props} id={`${picker.id}-field`} value={picker.value} onChange={picker.change}>{children}</DateField.Root></Part></Context.Provider>;\n}\n\nexport function useDatePicker(input: DatePickerProps = {}): PickerContext {\n    const props = useChronaConfig(input);\n    const generatedId = React.useId();\n    const id = props.id ?? generatedId;\n    const [uncontrolledValue, setValue] = React.useState(props.defaultValue ?? null);\n    const [uncontrolledOpen, setOpen] = React.useState(props.defaultOpen ?? false);\n    const value = props.value === undefined ? uncontrolledValue : props.value;\n    const open = props.open ?? uncontrolledOpen;\n    const trigger = React.useRef<HTMLElement | null>(null);\n    const [labelled, registerLabel] = React.useState(false);\n    function change(next: PlainDate | null) {\n        if (props.value === undefined) setValue(next);\n        props.onChange?.(next);\n    }\n    function send(event: PickerEvent) {\n        const result = transitionPicker({ open }, event, props);\n        for (const effect of result.effects) if (effect.type === \"openChange\") {\n            if (props.open === undefined) setOpen(effect.open);\n            props.onOpenChange?.(effect.open);\n        }\n    }\n    return { props, options: props, state: { value, open }, id, value, change, open, send, trigger, labelled, registerLabel };\n}\n\nconst Label = React.forwardRef<HTMLElement, PartProps>(function Label(props, ref) {\n    const { registerLabel } = usePicker();\n    React.useEffect(() => {\n        registerLabel(true);\n        return () => registerLabel(false);\n    }, [registerLabel]);\n    return <DateField.Label {...props} ref={ref} />;\n});\n\nconst Trigger = React.forwardRef<HTMLElement, React.ComponentPropsWithoutRef<\"button\"> & { asChild?: boolean }>(function Trigger({ onClick, ...props }, ref) {\n    const picker = usePicker();\n    return <Part as=\"button\" {...props} type=\"button\" ref={(node) => {\n        picker.trigger.current = node;\n        if (typeof ref === \"function\") ref(node); else if (ref) ref.current = node;\n    }} aria-label={props[\"aria-label\"] ?? picker.props.translations?.chooseDate ?? translations.chooseDate} aria-haspopup=\"dialog\" aria-expanded={picker.open} aria-controls={`${picker.id}-dialog`} disabled={picker.props.disabled} data-scope=\"date-picker\" data-part=\"trigger\" onClick={composeEvent(onClick, () => picker.send({ type: \"TOGGLE\" }))} />;\n});\n\nconst Popover = React.forwardRef<HTMLDialogElement, Omit<React.ComponentPropsWithoutRef<\"dialog\">, \"open\"> & { anchored?: boolean }>(function Popover({ children, anchored = true, onCancel, onClose, onKeyDown, ...props }, ref) {\n    const picker = usePicker();\n    const dialog = React.useRef<HTMLDialogElement | null>(null);\n    const latest = React.useRef(picker);\n    latest.current = picker;\n\n    React.useEffect(() => {\n        const element = dialog.current;\n        if (!element) return;\n        if (picker.open && !element.open) {\n            if (picker.props.modal === false) element.show(); else element.showModal();\n            element.querySelector<HTMLElement>('[data-part=\"cell\"][tabindex=\"0\"]')?.focus();\n        } else if (!picker.open && element.open) {\n            element.close();\n            picker.trigger.current?.focus();\n        }\n    }, [picker.open, picker.props.modal, picker.trigger]);\n\n    React.useEffect(() => {\n        if (!picker.open || !anchored) return;\n        const element = dialog.current;\n        const anchor = picker.trigger.current;\n        const window = element?.ownerDocument.defaultView;\n        if (!element || !anchor || !window) return;\n        const properties = [\"position\", \"margin\", \"top\", \"left\", \"max-width\", \"max-height\", \"min-width\", \"min-height\", \"box-sizing\", \"overflow\"];\n        const original = properties.map((property) => ({ property, value: element.style.getPropertyValue(property), priority: element.style.getPropertyPriority(property) }));\n        const originalPlacement = element.getAttribute(\"data-placement\");\n        const position = () => {\n            const viewport = window.visualViewport;\n            const width = viewport?.width ?? element.ownerDocument.documentElement.clientWidth;\n            const height = viewport?.height ?? element.ownerDocument.documentElement.clientHeight;\n            const offsetTop = viewport?.offsetTop ?? 0;\n            const offsetLeft = viewport?.offsetLeft ?? 0;\n            Object.assign(element.style, {\n                position: \"fixed\", margin: \"0\", boxSizing: \"border-box\", overflow: \"auto\",\n                minWidth: \"0\", minHeight: \"0\", maxWidth: `${Math.max(0, width - 8)}px`, maxHeight: `${Math.max(0, height - 8)}px`,\n            });\n            const rect = anchor.getBoundingClientRect();\n            const { top, left, placement } = computeAnchorPosition(\n                { top: rect.top - offsetTop, left: rect.left - offsetLeft, width: rect.width, height: rect.height },\n                { width: element.offsetWidth, height: element.offsetHeight }, { width, height },\n            );\n            Object.assign(element.style, { top: `${top + offsetTop}px`, left: `${left + offsetLeft}px` });\n            element.setAttribute(\"data-placement\", placement);\n        };\n        position();\n        let frame: number | undefined;\n        const schedulePosition = () => {\n            if (frame !== undefined) return;\n            frame = window.requestAnimationFrame(() => {\n                frame = undefined;\n                position();\n            });\n        };\n        const observer = window.ResizeObserver ? new window.ResizeObserver(schedulePosition) : undefined;\n        observer?.observe(element);\n        observer?.observe(anchor);\n        window.addEventListener(\"resize\", schedulePosition);\n        window.addEventListener(\"scroll\", schedulePosition, true);\n        window.visualViewport?.addEventListener(\"resize\", schedulePosition);\n        window.visualViewport?.addEventListener(\"scroll\", schedulePosition);\n        return () => {\n            if (frame !== undefined) window.cancelAnimationFrame(frame);\n            observer?.disconnect();\n            window.removeEventListener(\"resize\", schedulePosition);\n            window.removeEventListener(\"scroll\", schedulePosition, true);\n            window.visualViewport?.removeEventListener(\"resize\", schedulePosition);\n            window.visualViewport?.removeEventListener(\"scroll\", schedulePosition);\n            for (const { property, value, priority } of original) {\n                if (value) element.style.setProperty(property, value, priority);\n                else element.style.removeProperty(property);\n            }\n            if (originalPlacement === null) element.removeAttribute(\"data-placement\");\n            else element.setAttribute(\"data-placement\", originalPlacement);\n        };\n    }, [picker.open, anchored, picker.trigger]);\n\n    React.useEffect(() => {\n        const element = dialog.current;\n        if (!picker.open || !element) return;\n        const dismiss = (event: PointerEvent) => {\n            if (!(event.target instanceof Node) || latest.current.trigger.current?.contains(event.target)) return;\n            const rect = element.getBoundingClientRect();\n            const onBackdrop = event.target === element && (event.clientX < rect.left || event.clientX > rect.right || event.clientY < rect.top || event.clientY > rect.bottom);\n            if (!element.contains(event.target) || onBackdrop) latest.current.send({ type: \"CLOSE\" });\n        };\n        element.ownerDocument.addEventListener(\"pointerdown\", dismiss);\n        return () => element.ownerDocument.removeEventListener(\"pointerdown\", dismiss);\n    }, [picker.open]);\n\n    return <dialog {...props} ref={(node) => {\n        dialog.current = node;\n        if (typeof ref === \"function\") ref(node); else if (ref) ref.current = node;\n    }} id={`${picker.id}-dialog`} aria-label={props[\"aria-label\"] ?? picker.props.translations?.chooseDate ?? translations.chooseDate} aria-labelledby={props[\"aria-labelledby\"] ?? (props[\"aria-label\"] || !picker.labelled ? undefined : `${picker.id}-field-label`)} aria-modal={picker.props.modal !== false || undefined} data-scope=\"date-picker\" data-part=\"popover\"\n        onKeyDown={composeEvent(onKeyDown, (event) => { if (picker.props.modal !== false) containTabFocus(event.currentTarget, event); })}\n        onCancel={(event) => { onCancel?.(event); const canceled = event.defaultPrevented; event.preventDefault(); if (!canceled) picker.send({ type: \"CLOSE\" }); }}\n        onClose={composeEvent(onClose, () => { if (picker.open) picker.send({ type: \"CLOSE\" }); })}>{picker.open ? children : null}</dialog>;\n});\n\nfunction PickerCalendar({ children, ...props }: Omit<CalendarProps, \"value\" | \"defaultValue\" | \"onChange\"> & Pick<PartProps, \"children\" | \"className\" | \"style\">) {\n    const picker = usePicker();\n    return <Calendar.Root {...picker.props} {...props} value={picker.value} onChange={picker.change} onSelect={() => picker.send({ type: \"SELECT\" })}>{children ?? <><Calendar.Header><Calendar.PrevButton /><Calendar.Heading /><Calendar.NextButton /></Calendar.Header><Calendar.Grid><Calendar.GridHeader /><Calendar.GridBody /></Calendar.Grid></>}</Calendar.Root>;\n}\n\nexport const DatePicker = { Root, Label, Field: DateField.Field, Segment: DateField.Segment, HiddenInput: DateField.HiddenInput, ClearButton: DateField.ClearButton, LiveRegion: DateField.LiveRegion, Trigger, Popover, Calendar: PickerCalendar };"],"mappings":"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","names":["Label","Trigger","Popover"]}

package/dist/chunk-6QRNDYNF.js

@@ -0,0 +1,16 @@
+import {
+  createFieldComponents,
+  useField
+} from "./chunk-VSD2IX3U.js";
+
+// src/time-field.tsx
+var TimeField = createFieldComponents("time");
+function useTimeField(props = {}) {
+  return useField("time", props);
+}
+
+export {
+  TimeField,
+  useTimeField
+};
+//# sourceMappingURL=chunk-6QRNDYNF.js.map

package/dist/chunk-6QRNDYNF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/time-field.tsx"],"sourcesContent":["import { createFieldComponents, useField, type FieldProps } from \"./field\";\n\nexport type TimeFieldProps = FieldProps<\"time\">;\nexport const TimeField = createFieldComponents(\"time\");\nexport function useTimeField(props: TimeFieldProps = {}) { return useField(\"time\", props); }"],"mappings":";;;;;;AAGO,IAAM,YAAY,sBAAsB,MAAM;AAC9C,SAAS,aAAa,QAAwB,CAAC,GAAG;AAAE,SAAO,SAAS,QAAQ,KAAK;AAAG;","names":[]}