ionbase-ui 0.59.0 → 0.69.0

package/dist/components/AgentActivity.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-export type AgentActivityStatus = 'pending' | 'active' | 'done' | 'failed' | 'skipped';
+import type { AgentActivityStatus } from './agent-status.js';
+export type { AgentActivityStatus } from './agent-status.js';
 export interface AgentActivityProps extends React.HTMLAttributes<HTMLOListElement> {
     children?: React.ReactNode;
     /**

package/dist/components/AgentActivity.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AgentActivity.d.ts","sourceRoot":"","sources":["../../src/components/AgentActivity.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAEvE,MAAM,MAAM,mBAAmB,GAC7B,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEvD,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IAChF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC;IACnF,uEAAuE;IACvE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,4EAA4E;IAC5E,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAsED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,aAAa,6FAyDzB,CAAC;AAIF,eAAO,MAAM,iBAAiB,8FA6B5B,CAAC"}
+{"version":3,"file":"AgentActivity.d.ts","sourceRoot":"","sources":["../../src/components/AgentActivity.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAGvE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,YAAY,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IAChF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;;;;;OAMG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,gBAAgB,CAAC,aAAa,CAAC;IACnF,uEAAuE;IACvE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,4EAA4E;IAC5E,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,aAAa,6FAyDzB,CAAC;AAIF,eAAO,MAAM,iBAAiB,8FAkC5B,CAAC"}

package/dist/components/AgentActivity.js

@@ -1,20 +1,7 @@
 'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { forwardRef, useEffect, useRef, useState } from 'react';
-const STATUS_TEXT = {
-    pending: 'Not started',
-    active: 'In progress',
-    done: 'Done',
-    failed: 'Failed',
-    skipped: 'Skipped',
-};
-const Glyphs = {
-    pending: () => (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", focusable: "false", children: _jsx("circle", { cx: "12", cy: "12", r: "9", stroke: "currentColor", strokeWidth: "2" }) })),
-    active: () => (_jsxs("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", focusable: "false", children: [_jsx("circle", { cx: "12", cy: "12", r: "9", stroke: "currentColor", strokeWidth: "2", opacity: "0.3" }), _jsx("path", { d: "M21 12a9 9 0 0 0-9-9", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })] })),
-    done: () => (_jsxs("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", focusable: "false", children: [_jsx("circle", { cx: "12", cy: "12", r: "9", stroke: "currentColor", strokeWidth: "2" }), _jsx("path", { d: "m8.5 12 2.5 2.5 4.5-5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] })),
-    failed: () => (_jsxs("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", focusable: "false", children: [_jsx("circle", { cx: "12", cy: "12", r: "9", stroke: "currentColor", strokeWidth: "2" }), _jsx("path", { d: "m9 9 6 6M15 9l-6 6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })] })),
-    skipped: () => (_jsxs("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", focusable: "false", children: [_jsx("circle", { cx: "12", cy: "12", r: "9", stroke: "currentColor", strokeWidth: "2" }), _jsx("path", { d: "M8.5 12h7", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })] })),
-};
+import { STATUS_GLYPHS, STATUS_TEXT } from './agent-status.js';
 /**
  * AgentActivity — what the agent is doing, in plain language.
  *
@@ -71,14 +58,14 @@ export const AgentActivity = forwardRef(({ children, announceActive = true, clas
 });
 AgentActivity.displayName = 'AgentActivity';
 export const AgentActivityStep = forwardRef(({ children, status = 'pending', detail, className, ...rest }, ref) => {
-    const Glyph = Glyphs[status];
+    const Glyph = STATUS_GLYPHS[status];
     return (_jsxs("li", { ...rest, ref: ref, "data-status": status, className: [
             'ion-agent-activity__step',
             `ion-agent-activity__step--${status}`,
             className || '',
         ]
             .filter(Boolean)
-            .join(' '), children: [_jsx("span", { className: "ion-agent-activity__glyph", "aria-hidden": "true", children: _jsx(Glyph, {}) }), _jsxs("span", { className: "ion-agent-activity__body", children: [_jsx("span", { className: "ion-agent-activity__label", children: children }), detail && _jsx("span", { className: "ion-agent-activity__detail", children: detail })] }), _jsx("span", { className: "ion-visually-hidden", children: STATUS_TEXT[status] })] }));
+            .join(' '), children: [_jsx("span", { className: "ion-agent-activity__glyph", "aria-hidden": "true", children: _jsx(Glyph, {}) }), _jsxs("div", { className: "ion-agent-activity__body", children: [_jsx("span", { className: "ion-agent-activity__label", children: children }), detail && _jsx("div", { className: "ion-agent-activity__detail", children: detail })] }), _jsx("span", { className: "ion-visually-hidden", children: STATUS_TEXT[status] })] }));
 });
 AgentActivityStep.displayName = 'AgentActivityStep';
 //# sourceMappingURL=AgentActivity.js.map

package/dist/components/AgentActivity.js.map

@@ -1 +1 @@
-{"version":3,"file":"AgentActivity.js","sourceRoot":"","sources":["../../src/components/AgentActivity.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"AgentActivity.js","sourceRoot":"","sources":["../../src/components/AgentActivity.tsx"],"names":[],"mappings":"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"}

package/dist/components/Calendar.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { AriaCalendarProps, AriaRangeCalendarProps } from 'react-aria';
+import type { DateValue } from '@internationalized/date';
+/** The single-date calendar, for `DatePicker`. */
+export declare function SingleCalendar(props: AriaCalendarProps<DateValue>): React.JSX.Element;
+/**
+ * The range calendar, for `DateRangePicker`.
+ *
+ * `useRangeCalendar` takes a ref and the single-date `useCalendar` does not,
+ * which is not an inconsistency: the range calendar attaches a pointer-up
+ * listener to it so that releasing the mouse OUTSIDE the calendar still ends
+ * the drag. Without the ref the range would keep following the pointer after
+ * the button came up somewhere else on the page.
+ */
+export declare function RangeCalendar({ visibleMonths, aside, footer, ...props }: AriaRangeCalendarProps<DateValue> & {
+    visibleMonths?: number;
+    aside?: React.ReactNode;
+    footer?: React.ReactNode;
+}): React.JSX.Element;
+//# sourceMappingURL=Calendar.d.ts.map

package/dist/components/Calendar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../src/components/Calendar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAiBtC,OAAO,KAAK,EAEV,iBAAiB,EACjB,sBAAsB,EACvB,MAAM,YAAY,CAAC;AAEpB,OAAO,KAAK,EAAgB,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAgWvE,kDAAkD;AAClD,wBAAgB,cAAc,CAAC,KAAK,EAAE,iBAAiB,CAAC,SAAS,CAAC,qBAgBjE;AAED;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAAC,EAC5B,aAAiB,EACjB,KAAK,EACL,MAAM,EACN,GAAG,KAAK,EACT,EAAE,sBAAsB,CAAC,SAAS,CAAC,GAAG;IACrC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,qBA0BA"}

package/dist/components/Calendar.js

@@ -0,0 +1,151 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from 'react';
+import { useButton, useCalendar, useCalendarCell, useCalendarGrid, useLocale, useRangeCalendar, } from 'react-aria';
+import { useCalendarState, useRangeCalendarState } from 'react-stately';
+import { createCalendar, endOfMonth, getWeeksInMonth, isSameDay, today, } from '@internationalized/date';
+const ChevronLeft = () => (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", focusable: "false", children: _jsx("path", { d: "m15 18-6-6 6-6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+const ChevronRight = () => (_jsx("svg", { viewBox: "0 0 24 24", fill: "none", "aria-hidden": "true", focusable: "false", children: _jsx("path", { d: "m9 18 6-6-6-6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+/* -------------------------------------------------------------------- nav */
+/**
+ * A month-step arrow.
+ *
+ * `useButton` rather than a bare `<button>` because the props react-aria hands
+ * back carry the disabled state for the boundary case — a `minValue` in the
+ * current month means there is no previous month to step to, and the arrow has
+ * to say so rather than silently doing nothing.
+ */
+function NavButton({ buttonProps, children, }) {
+    const ref = useRef(null);
+    const { buttonProps: props } = useButton(buttonProps, ref);
+    return (_jsx("button", { ...props, ref: ref, type: "button", className: "ion-calendar__nav-button", children: children }));
+}
+/* ------------------------------------------------------------------- cell */
+function Cell({ state, date, currentMonth, }) {
+    const ref = useRef(null);
+    const { cellProps, buttonProps, isSelected, isOutsideVisibleRange, isDisabled, isUnavailable, formattedDate, } = useCalendarCell({ date }, state, ref);
+    /*
+     * A day that belongs to the neighbouring month.
+     *
+     * `isOutsideVisibleRange` is NOT the same question and using it here is a
+     * bug worth naming: it is true for a date outside the whole visible RANGE,
+     * which for the two-month range calendar spans both grids. December's cells
+     * are inside that range and still do not belong to November's table, so a
+     * cell keyed on it would render December's first week into November's grid
+     * as though those days were November's.
+     */
+    const isOutsideMonth = date.month !== currentMonth.month;
+    /*
+     * The one place the two states differ.
+     *
+     * `highlightedRange` is the committed range OR the one being dragged out
+     * right now, which is what makes the band follow the pointer between the
+     * first and second click instead of appearing only once both ends exist.
+     */
+    const range = 'highlightedRange' in state ? state.highlightedRange : null;
+    const isRangeStart = range ? isSameDay(date, range.start) : false;
+    const isRangeEnd = range ? isSameDay(date, range.end) : false;
+    /*
+     * Inside the band but not an endpoint. Rendered as a flat tint with square
+     * sides so consecutive days join into one continuous bar; the endpoints keep
+     * the solid fill and the rounded outer edge.
+     */
+    const isInRange = Boolean(range) && isSelected && !isRangeStart && !isRangeEnd;
+    /*
+     * Today is marked even when it is selected — the dot moves to the on-colour
+     * token rather than being dropped. A "today" cue that disappears the moment
+     * today is picked vanishes exactly when the user is looking for confirmation
+     * that they picked it.
+     *
+     * The mark is VISUAL ONLY, and deliberately so. `useCalendarCell` already
+     * puts "today" into the cell's accessible name in the reader's own language;
+     * a second announcement from a hidden span would say it twice.
+     */
+    const isToday = isSameDay(date, today(state.timeZone));
+    return (_jsx("td", { ...cellProps, className: "ion-calendar__cell", children: _jsx("div", { ...buttonProps, ref: ref, hidden: isOutsideMonth || undefined, className: [
+                'ion-calendar__day',
+                isSelected ? 'ion-calendar__day--selected' : '',
+                isInRange ? 'ion-calendar__day--in-range' : '',
+                isRangeStart ? 'ion-calendar__day--range-start' : '',
+                isRangeEnd ? 'ion-calendar__day--range-end' : '',
+                isDisabled ? 'ion-calendar__day--disabled' : '',
+                isUnavailable ? 'ion-calendar__day--unavailable' : '',
+            ]
+                .filter(Boolean)
+                .join(' '), "data-selected": isSelected || undefined, "data-in-range": isInRange || undefined, "data-range-start": isRangeStart || undefined, "data-range-end": isRangeEnd || undefined, "data-disabled": isDisabled || undefined, "data-unavailable": isUnavailable || undefined, "data-outside-range": isOutsideVisibleRange || undefined, "data-today": isToday || undefined, children: formattedDate }) }));
+}
+/* ------------------------------------------------------------------- grid */
+/**
+ * One month's table.
+ *
+ * `offset` shifts it forward, which is how the range picker shows two months
+ * from one state: both grids read the same `state.visibleRange.start`, and the
+ * second adds a month to it. Stepping the state forward moves both together,
+ * which is the behaviour a two-month picker needs — a next-month arrow that
+ * moved only the right-hand grid would let the two overlap.
+ */
+function MonthGrid({ state, offset = 0, }) {
+    const { locale } = useLocale();
+    const startDate = state.visibleRange.start.add({ months: offset });
+    const endDate = endOfMonth(startDate);
+    const { gridProps, headerProps, weekDays } = useCalendarGrid({ startDate, endDate }, state);
+    /*
+     * How many week rows this month needs — 4 through 6, depending on which
+     * weekday it starts on. Rendering a fixed 6 would pad February with a blank
+     * row, and rendering `Math.ceil(days / 7)` gets the common case right and the
+     * month that spills over a sixth week wrong.
+     */
+    const weeksInMonth = getWeeksInMonth(startDate, locale);
+    /*
+     * The month name above each grid, from the grid's own start date rather than
+     * from `useCalendar`'s `title`. `title` describes the whole visible range —
+     * "November – December 2024" for the two-month calendar — which is right for
+     * the header and wrong above one of the two grids.
+     */
+    const monthLabel = new Intl.DateTimeFormat(locale, {
+        month: 'long',
+        year: 'numeric',
+        calendar: startDate.calendar.identifier,
+        timeZone: state.timeZone,
+    }).format(startDate.toDate(state.timeZone));
+    return (_jsxs("div", { className: "ion-calendar__month", children: [_jsx("div", { className: "ion-calendar__month-label", "aria-hidden": "true", children: monthLabel }), _jsxs("table", { ...gridProps, className: "ion-calendar__grid", children: [_jsx("thead", { ...headerProps, children: _jsx("tr", { children: weekDays.map((day, i) => (
+                            // The index IS the identity here: the weekday row is a fixed
+                            // seven columns in a fixed order, and nothing reorders it.
+                            _jsx("th", { className: "ion-calendar__weekday", children: day }, i))) }) }), _jsx("tbody", { children: [...new Array(weeksInMonth).keys()].map((weekIndex) => (_jsx("tr", { children: state.getDatesInWeek(weekIndex, startDate).map((date, i) => date ? (_jsx(Cell, { state: state, date: date, currentMonth: startDate }, date.toString())) : (
+                            // A padding cell before the 1st or after the last —
+                            // it has no date to key on, and its position is its identity.
+                            _jsx("td", {}, i))) }, weekIndex))) })] })] }));
+}
+/* ----------------------------------------------------------------- shells */
+function CalendarShell({ calendarProps, prevButtonProps, nextButtonProps, title, state, visibleMonths, aside, footer, refProp, }) {
+    return (_jsxs("div", { ...calendarProps, ref: refProp, className: "ion-calendar", "data-months": visibleMonths, children: [aside, _jsxs("div", { className: "ion-calendar__body", children: [_jsxs("div", { className: "ion-calendar__header", children: [_jsx(NavButton, { buttonProps: prevButtonProps, children: _jsx(ChevronLeft, {}) }), _jsx("h2", { className: "ion-visually-hidden", children: title }), _jsx("div", { className: "ion-calendar__title", "aria-hidden": "true", children: title }), _jsx(NavButton, { buttonProps: nextButtonProps, children: _jsx(ChevronRight, {}) })] }), _jsx("div", { className: "ion-calendar__months", children: [...new Array(visibleMonths).keys()].map((offset) => (_jsx(MonthGrid, { state: state, offset: offset }, offset))) }), footer] })] }));
+}
+/** The single-date calendar, for `DatePicker`. */
+export function SingleCalendar(props) {
+    const { locale } = useLocale();
+    const state = useCalendarState({ ...props, locale, createCalendar });
+    const { calendarProps, prevButtonProps, nextButtonProps, title } = useCalendar(props, state);
+    return (_jsx(CalendarShell, { calendarProps: calendarProps, prevButtonProps: prevButtonProps, nextButtonProps: nextButtonProps, title: title, state: state, visibleMonths: 1 }));
+}
+/**
+ * The range calendar, for `DateRangePicker`.
+ *
+ * `useRangeCalendar` takes a ref and the single-date `useCalendar` does not,
+ * which is not an inconsistency: the range calendar attaches a pointer-up
+ * listener to it so that releasing the mouse OUTSIDE the calendar still ends
+ * the drag. Without the ref the range would keep following the pointer after
+ * the button came up somewhere else on the page.
+ */
+export function RangeCalendar({ visibleMonths = 2, aside, footer, ...props }) {
+    const { locale } = useLocale();
+    const state = useRangeCalendarState({
+        ...props,
+        locale,
+        createCalendar,
+        visibleDuration: { months: visibleMonths },
+    });
+    const ref = useRef(null);
+    const { calendarProps, prevButtonProps, nextButtonProps, title } = useRangeCalendar(props, state, ref);
+    return (_jsx(CalendarShell, { calendarProps: calendarProps, prevButtonProps: prevButtonProps, nextButtonProps: nextButtonProps, title: title, state: state, visibleMonths: visibleMonths, aside: aside, footer: footer, refProp: ref }));
+}
+//# sourceMappingURL=Calendar.js.map

package/dist/components/Calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../src/components/Calendar.tsx"],"names":[],"mappings":"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"}

package/dist/components/CalendarPopover.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import type { OverlayTriggerState } from 'react-stately';
+interface CalendarPopoverProps {
+    state: OverlayTriggerState;
+    triggerRef: React.RefObject<HTMLElement | null>;
+    /** `dialogProps` from `useDatePicker` / `useDateRangePicker`. */
+    dialogProps: React.HTMLAttributes<HTMLElement>;
+    children: React.ReactNode;
+    className?: string;
+}
+/**
+ * The panel, in its own component because it is mounted only while open.
+ *
+ * `useDialog` focuses the panel and resolves the title id in effects keyed on
+ * the ref — effects that run when the component CALLING the hook mounts. Called
+ * beside `useDatePickerState` in the picker, that moment is when the field
+ * mounts, with the calendar not yet in the DOM: the dialog never takes focus,
+ * so Escape never reaches it, and `aria-labelledby` is silently dropped. Same
+ * split as `Popover` / `PopoverPanel` and `Drawer`, for the same reason.
+ */
+export declare function CalendarPopover({ state, triggerRef, dialogProps, children, className, }: CalendarPopoverProps): React.JSX.Element;
+export declare namespace CalendarPopover {
+    var displayName: string;
+}
+export {};
+//# sourceMappingURL=CalendarPopover.d.ts.map

package/dist/components/CalendarPopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarPopover.d.ts","sourceRoot":"","sources":["../../src/components/CalendarPopover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAEtC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAmBzD,UAAU,oBAAoB;IAC5B,KAAK,EAAE,mBAAmB,CAAC;IAC3B,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAChD,iEAAiE;IACjE,WAAW,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;IAC/C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,UAAU,EACV,WAAW,EACX,QAAQ,EACR,SAAS,GACV,EAAE,oBAAoB,qBAkDtB;yBAxDe,eAAe"}

package/dist/components/CalendarPopover.js

@@ -0,0 +1,45 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef } from 'react';
+import { Overlay, usePopover, useDialog, mergeProps } from 'react-aria';
+/**
+ * The panel, in its own component because it is mounted only while open.
+ *
+ * `useDialog` focuses the panel and resolves the title id in effects keyed on
+ * the ref — effects that run when the component CALLING the hook mounts. Called
+ * beside `useDatePickerState` in the picker, that moment is when the field
+ * mounts, with the calendar not yet in the DOM: the dialog never takes focus,
+ * so Escape never reaches it, and `aria-labelledby` is silently dropped. Same
+ * split as `Popover` / `PopoverPanel` and `Drawer`, for the same reason.
+ */
+export function CalendarPopover({ state, triggerRef, dialogProps, children, className, }) {
+    const popoverRef = useRef(null);
+    const { popoverProps, underlayProps } = usePopover({
+        triggerRef,
+        popoverRef,
+        /*
+         * Aligned to the START of the field rather than centred under it. The
+         * calendar is much wider than a small date field and narrower than a wide
+         * one, and a centred overlay would sit at a different offset in each —
+         * which reads as a positioning bug rather than a choice. Anchored left,
+         * the month grid and the first segment share an edge.
+         */
+        placement: 'bottom start',
+        offset: 8,
+    }, state);
+    /*
+     * MODAL, unlike Combobox's listbox, and this is the opposite call from the
+     * one that file makes. A combobox must not move focus, because the user is
+     * still typing into the input that drives the list. A calendar is the
+     * opposite: the grid IS the input while it is open, arrow keys belong to it,
+     * and the date field behind it must not be receiving the same keystrokes.
+     * `usePopover` contains focus and hides the rest of the page from assistive
+     * tech for exactly this case.
+     */
+    const { dialogProps: innerDialogProps } = useDialog({}, popoverRef);
+    return (_jsxs(Overlay, { children: [_jsx("div", { ...underlayProps, className: "ion-calendar-popover__underlay" }), _jsx("div", { ...mergeProps(popoverProps, innerDialogProps, dialogProps), ref: popoverRef, className: ['ion-calendar-popover', className]
+                    .filter(Boolean)
+                    .join(' '), children: children })] }));
+}
+CalendarPopover.displayName = 'CalendarPopover';
+//# sourceMappingURL=CalendarPopover.js.map

package/dist/components/CalendarPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarPopover.js","sourceRoot":"","sources":["../../src/components/CalendarPopover.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AA6BxE;;;;;;;;;GASG;AACH,MAAM,UAAU,eAAe,CAAC,EAC9B,KAAK,EACL,UAAU,EACV,WAAW,EACX,QAAQ,EACR,SAAS,GACY;IACrB,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEhD,MAAM,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,UAAU,CAChD;QACE,UAAU;QACV,UAAU;QACV;;;;;;WAMG;QACH,SAAS,EAAE,cAAc;QACzB,MAAM,EAAE,CAAC;KACV,EACD,KAAK,CACN,CAAC;IAEF;;;;;;;;OAQG;IACH,MAAM,EAAE,WAAW,EAAE,gBAAgB,EAAE,GAAG,SAAS,CAAC,EAAE,EAAE,UAAU,CAAC,CAAC;IAEpE,OAAO,CACL,MAAC,OAAO,eAMN,iBAAS,aAAa,EAAE,SAAS,EAAC,gCAAgC,GAAG,EACrE,iBACM,UAAU,CAAC,YAAY,EAAE,gBAAgB,EAAE,WAAW,CAAC,EAC3D,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC;qBAC3C,MAAM,CAAC,OAAO,CAAC;qBACf,IAAI,CAAC,GAAG,CAAC,YAEX,QAAQ,GACL,IACE,CACX,CAAC;AACJ,CAAC;AAED,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC"}

package/dist/components/DateField.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import type { AriaDatePickerProps, DateValue } from 'react-aria';
+interface DateFieldProps extends AriaDatePickerProps<DateValue> {
+    className?: string;
+}
+/**
+ * The field itself. Rendered inside the picker's `.ion-input` box, which owns
+ * the border, the background and the states — exactly as Combobox reuses it.
+ */
+export declare function DateField({ className, ...props }: DateFieldProps): React.JSX.Element;
+export declare namespace DateField {
+    var displayName: string;
+}
+export {};
+//# sourceMappingURL=DateField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateField.d.ts","sourceRoot":"","sources":["../../src/components/DateField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAItC,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AA4DjE,UAAU,cAAe,SAAQ,mBAAmB,CAAC,SAAS,CAAC;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAyDD;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,qBAqChE;yBArCe,SAAS"}

package/dist/components/DateField.js

@@ -0,0 +1,74 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef } from 'react';
+import { useDateField, useDateSegment, useLocale } from 'react-aria';
+import { useDateFieldState } from 'react-stately';
+import { createCalendar } from '@internationalized/date';
+/**
+ * One segment — a month, a day, a year, or a literal separator.
+ *
+ * The literal is rendered by the same component rather than being filtered out
+ * before the map. `useDateSegment` returns the separator's own props, including
+ * the `aria-hidden` that keeps `/` and `.` out of the announcement, and
+ * re-deriving that here would mean re-deriving it wrongly the first time a
+ * locale used a separator nobody tested.
+ */
+function Segment({ segment, state, }) {
+    const ref = useRef(null);
+    const { segmentProps } = useDateSegment(segment, state, ref);
+    return (_jsx("div", { ...segmentProps, ref: ref, className: [
+            'ion-date-field__segment',
+            segment.isPlaceholder ? 'ion-date-field__segment--placeholder' : '',
+            segment.type === 'literal' ? 'ion-date-field__segment--literal' : '',
+        ]
+            .filter(Boolean)
+            .join(' '), "data-placeholder": segment.isPlaceholder || undefined, style: {
+            /*
+             * Reserves the width of the widest value this segment can hold, so the
+             * field does not jitter as it is filled.
+             *
+             * `maxValue` is the segment's own maximum — 31 for a day, 12 for a
+             * month — not a guess at digit count, which is what makes it correct
+             * for a locale whose year segment is two digits or whose month segment
+             * is a name. A literal has no maxValue and needs no reservation.
+             *
+             * `ch` rather than `em`: the digits are what is being measured, and in
+             * every sans-serif worth shipping the digits are tabular-width.
+             */
+            minWidth: segment.maxValue != null
+                ? `${String(segment.maxValue).length}ch`
+                : undefined,
+        }, children: segment.text }));
+}
+/**
+ * The field itself. Rendered inside the picker's `.ion-input` box, which owns
+ * the border, the background and the states — exactly as Combobox reuses it.
+ */
+export function DateField({ className, ...props }) {
+    /*
+     * `useLocale` reads react-aria's I18nProvider, falling back to the browser's
+     * own locale when there is none. That fallback is why a consumer who never
+     * mounts a provider still gets their own date order rather than en-US.
+     */
+    const { locale } = useLocale();
+    const state = useDateFieldState({
+        ...props,
+        locale,
+        /*
+         * `createCalendar` is passed rather than imported by react-stately on
+         * purpose: it is the whole calendar-systems bundle, and a library that
+         * imported it directly would put every calendar in every consumer's bundle
+         * whether or not they render one. Handing it in is the opt-in.
+         */
+        createCalendar,
+    });
+    const ref = useRef(null);
+    const { fieldProps } = useDateField(props, state, ref);
+    return (_jsx("div", { ...fieldProps, ref: ref, className: ['ion-date-field', className].filter(Boolean).join(' '), children: state.segments.map((segment, i) => (
+        // Keyed by position, which is the only stable identity a segment
+        // has: the list is rebuilt whole when the locale changes, and two
+        // segments of the same type never coexist.
+        _jsx(Segment, { segment: segment, state: state }, i))) }));
+}
+DateField.displayName = 'DateField';
+//# sourceMappingURL=DateField.js.map

package/dist/components/DateField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateField.js","sourceRoot":"","sources":["../../src/components/DateField.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAc,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAiEzD;;;;;;;;GAQG;AACH,SAAS,OAAO,CAAC,EACf,OAAO,EACP,KAAK,GAIN;IACC,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,MAAM,EAAE,YAAY,EAAE,GAAG,cAAc,CAAC,OAAO,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;IAE7D,OAAO,CACL,iBACM,YAAY,EAChB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE;YACT,yBAAyB;YACzB,OAAO,CAAC,aAAa,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAC,CAAC,EAAE;YACnE,OAAO,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,EAAE;SACrE;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,sBACM,OAAO,CAAC,aAAa,IAAI,SAAS,EACpD,KAAK,EAAE;YACL;;;;;;;;;;;eAWG;YACH,QAAQ,EACN,OAAO,CAAC,QAAQ,IAAI,IAAI;gBACtB,CAAC,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,MAAM,IAAI;gBACxC,CAAC,CAAC,SAAS;SAChB,YAEA,OAAO,CAAC,IAAI,GACT,CACP,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAkB;IAC/D;;;;OAIG;IACH,MAAM,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE,CAAC;IAE/B,MAAM,KAAK,GAAG,iBAAiB,CAAC;QAC9B,GAAG,KAAK;QACR,MAAM;QACN;;;;;WAKG;QACH,cAAc;KACf,CAAC,CAAC;IAEH,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,MAAM,EAAE,UAAU,EAAE,GAAG,YAAY,CAAC,KAAK,EAAE,KAAK,EAAE,GAAG,CAAC,CAAC;IAEvD,OAAO,CACL,iBACM,UAAU,EACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,YAEjE,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC;QAClC,iEAAiE;QACjE,kEAAkE;QAClE,2CAA2C;QAC3C,KAAC,OAAO,IAAS,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,IAAjC,CAAC,CAAoC,CACpD,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAED,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}

package/dist/components/DatePicker.d.ts

@@ -0,0 +1,81 @@
+import React from 'react';
+import type { IsoDate } from './iso-date.js';
+export type DatePickerSize = 'sm' | 'md' | 'lg';
+export interface DatePickerProps {
+    /** Field label. Required for a usable control — see `a11y.requires`. */
+    label?: React.ReactNode;
+    /** Helper text below the field. */
+    description?: React.ReactNode;
+    /** Replaces the helper text when `isInvalid` is set. */
+    errorMessage?: React.ReactNode;
+    isInvalid?: boolean;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    isRequired?: boolean;
+    /** Matches Input's `Size` variant: Small, Medium, Large. */
+    size?: DatePickerSize;
+    /**
+     * The selected date as `YYYY-MM-DD`. `null` means nothing is selected.
+     *
+     * Not a `Date` and not a timestamp — a calendar date has no time and no
+     * timezone, so it cannot shift across midnight the way `new Date('2026-04-12')`
+     * does for every reader west of Greenwich. A malformed value throws rather
+     * than rendering an empty field.
+     */
+    value?: IsoDate | null;
+    /** The initial date as `YYYY-MM-DD`, for an uncontrolled picker. */
+    defaultValue?: IsoDate;
+    /** Fires with `YYYY-MM-DD`, or `null` when the field is cleared. */
+    onChange?: (value: IsoDate | null) => void;
+    /** Earliest selectable date, `YYYY-MM-DD`. Earlier dates are unreachable. */
+    minValue?: IsoDate;
+    /** Latest selectable date, `YYYY-MM-DD`. */
+    maxValue?: IsoDate;
+    /**
+     * Individual dates the calendar refuses — weekends, holidays, booked days.
+     * Receives `YYYY-MM-DD`. Use `minValue`/`maxValue` for a continuous bound;
+     * this is for the holes inside it.
+     */
+    isDateUnavailable?: (date: IsoDate) => boolean;
+    /** Posts the value under this name, for an uncontrolled form. */
+    name?: string;
+    /** Accessible label for the button that opens the calendar. */
+    calendarLabel?: string;
+    className?: string;
+    wrapperClassName?: string;
+    id?: string;
+}
+/**
+ * DatePicker — a segmented date field with a calendar attached.
+ *
+ * WHY NOT `<input type="date">`
+ *
+ * The native control is genuinely good on mobile and genuinely unusable as a
+ * design system component on desktop: its calendar cannot be styled at all, it
+ * cannot express an unavailable date that is not part of a continuous min/max
+ * range, and Safari on macOS renders no calendar button whatsoever. A system
+ * whose date field looks like a different control in every browser is not a
+ * design system, so this rebuilds it — and pays for that by having to rebuild
+ * the keyboard handling and the screen-reader semantics the native control gave
+ * away for free. React Aria's `useDatePicker` is what builds them back.
+ *
+ * THE VALUE IS A STRING, THE DISPLAY IS NOT
+ *
+ * `value` is always `YYYY-MM-DD` in the Gregorian calendar. What the user SEES
+ * is their own locale's field order and their own calendar system, resolved
+ * from `Intl` — so a German reader edits DD.MM.YYYY and the value still comes
+ * back as `2026-04-12`. See `iso-date.ts` for why the public type is not
+ * react-aria's `CalendarDate`.
+ *
+ * THE FIELD IS EDITABLE WITHOUT THE CALENDAR, AND THAT IS THE POINT
+ *
+ * Typing a date is faster than clicking one for anybody who knows the date they
+ * want, and paging a calendar back to a birth year is miserable. The segments
+ * take digits and arrow keys directly; the calendar is for the cases where the
+ * date is being chosen rather than recalled.
+ */
+export declare function DatePicker({ label, description, errorMessage, isInvalid, isDisabled, isReadOnly, isRequired, size, value, defaultValue, onChange, minValue, maxValue, isDateUnavailable, name, calendarLabel, className, wrapperClassName, id, }: DatePickerProps): React.JSX.Element;
+export declare namespace DatePicker {
+    var displayName: string;
+}
+//# sourceMappingURL=DatePicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../src/components/DatePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAOtC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAE7C,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAchD,MAAM,WAAW,eAAe;IAC9B,wEAAwE;IACxE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,mCAAmC;IACnC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,wDAAwD;IACxD,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IACvB,oEAAoE;IACpE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3C,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,OAAO,CAAC;IAC/C,iEAAiE;IACjE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,YAAY,EACZ,SAAS,EACT,UAAU,EACV,UAAU,EACV,UAAU,EACV,IAAW,EACX,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,iBAAiB,EACjB,IAAI,EACJ,aAA+B,EAC/B,SAAS,EACT,gBAAgB,EAChB,EAAE,GACH,EAAE,eAAe,qBAiJjB;yBArKe,UAAU"}