ionbase-ui 0.76.0 → 0.81.1

package/dist/components/Card.d.ts

@@ -0,0 +1,61 @@
+import React from 'react';
+/**
+ * Which heading element the title renders as.
+ *
+ * `h1` is deliberately absent: a card is a section of a page, never the page's
+ * own title.
+ */
+export type CardHeadingLevel = 2 | 3 | 4 | 5 | 6;
+/** `danger` marks a card whose actions cannot be undone. */
+export type CardIntent = 'default' | 'danger';
+export interface CardProps extends Omit<React.HTMLAttributes<HTMLElement>, 'title'> {
+    /**
+     * The card's heading. With a title the card is a `<section>` named by it;
+     * without one it is a plain surface — a `<div>`, for skeletons and for
+     * content that already has its own heading.
+     */
+    title?: React.ReactNode;
+    /**
+     * Heading element for the title. Defaults to `h2`: most cards are the
+     * first level of section under the page's `h1`. The outline is the page's
+     * decision, so it is a prop, not a constant.
+     */
+    headingLevel?: CardHeadingLevel;
+    /** One line under the title — what the card holds or when changes apply. */
+    description?: React.ReactNode;
+    /**
+     * One control at the end of the title row: a standalone Link ("All runs")
+     * or a small Button. More than one belongs in the body.
+     */
+    action?: React.ReactNode;
+    /** `danger` for a card of irreversible actions — the danger zone. */
+    intent?: CardIntent;
+    /**
+     * Whether a titled card is a landmark. Defaults to `true`. Set `false`
+     * when the card's only content is itself a landmark named by the same
+     * words — a Table's scroll region — or the page gets two regions with one
+     * name. The heading still renders; only the `<section>` becomes a `<div>`.
+     */
+    isRegion?: boolean;
+    children?: React.ReactNode;
+}
+/**
+ * Card — a bordered surface that groups one part of a page.
+ *
+ * Promoted from the demo app, where the same surface was hand-written as
+ * `.demo-panel` in nine screens: a settings group, a chart panel, a runs log,
+ * the danger zone. For a feature row with media use FullCard; for one
+ * headline figure use StatTile.
+ *
+ * THE TITLE DECIDES THE ELEMENT
+ *
+ * A titled card is a `<section aria-labelledby>` — a named region, so a
+ * screen reader user can jump between cards the way a sighted one scans
+ * them. An untitled card is a `<div>`: a `<section>` with no name is not a
+ * landmark at all, and pretending otherwise only adds noise.
+ *
+ * No `'use client'`: `useId` resolves on the server, and nothing here is
+ * interactive. Interactive parts arrive through `action` and `children`.
+ */
+export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAEjD;;;;;GAKG;AACH,MAAM,MAAM,gBAAgB,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEjD,4DAA4D;AAC5D,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE9C,MAAM,WAAW,SAAU,SAAQ,IAAI,CACrC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACjC,OAAO,CACR;IACC;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;;;OAIG;IACH,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,4EAA4E;IAC5E,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,qEAAqE;IACrE,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,IAAI,+EAwDhB,CAAC"}

package/dist/components/Card.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, useId } from 'react';
+/**
+ * Card — a bordered surface that groups one part of a page.
+ *
+ * Promoted from the demo app, where the same surface was hand-written as
+ * `.demo-panel` in nine screens: a settings group, a chart panel, a runs log,
+ * the danger zone. For a feature row with media use FullCard; for one
+ * headline figure use StatTile.
+ *
+ * THE TITLE DECIDES THE ELEMENT
+ *
+ * A titled card is a `<section aria-labelledby>` — a named region, so a
+ * screen reader user can jump between cards the way a sighted one scans
+ * them. An untitled card is a `<div>`: a `<section>` with no name is not a
+ * landmark at all, and pretending otherwise only adds noise.
+ *
+ * No `'use client'`: `useId` resolves on the server, and nothing here is
+ * interactive. Interactive parts arrive through `action` and `children`.
+ */
+export const Card = forwardRef(({ title, headingLevel = 2, description, action, intent = 'default', isRegion = true, className, children, ...rest }, ref) => {
+    const titleId = useId();
+    const Heading = `h${headingLevel}`;
+    const hasTitle = title != null && title !== false;
+    const Root = hasTitle && isRegion ? 'section' : 'div';
+    return (_jsxs(Root, { ...rest, ref: ref, "aria-labelledby": Root === 'section'
+            ? (rest['aria-labelledby'] ?? titleId)
+            : rest['aria-labelledby'], className: [
+            'ion-card',
+            intent === 'danger' && 'ion-card--danger',
+            className,
+        ]
+            .filter(Boolean)
+            .join(' '), children: [(hasTitle || action) && (_jsxs("div", { className: "ion-card__header", children: [hasTitle && (_jsxs("div", { className: "ion-card__heading", children: [_jsx(Heading, { id: titleId, className: "ion-card__title", children: title }), description && (_jsx("p", { className: "ion-card__description", children: description }))] })), action && _jsx("div", { className: "ion-card__action", children: action })] })), children] }));
+});
+Card.displayName = 'Card';
+//# sourceMappingURL=Card.js.map

package/dist/components/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../src/components/Card.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAgDjD;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CACE,EACE,KAAK,EACL,YAAY,GAAG,CAAC,EAChB,WAAW,EACX,MAAM,EACN,MAAM,GAAG,SAAS,EAClB,QAAQ,GAAG,IAAI,EACf,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACR,EACD,GAAG,EACH,EAAE;IACF,MAAM,OAAO,GAAG,KAAK,EAAE,CAAC;IACxB,MAAM,OAAO,GAAG,IAAI,YAAY,EAAW,CAAC;IAC5C,MAAM,QAAQ,GAAG,KAAK,IAAI,IAAI,IAAI,KAAK,KAAK,KAAK,CAAC;IAClD,MAAM,IAAI,GAAG,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC;IAEtD,OAAO,CACL,MAAC,IAAI,OACC,IAAI,EACR,GAAG,EAAE,GAAgC,qBAEnC,IAAI,KAAK,SAAS;YAChB,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,IAAI,OAAO,CAAC;YACtC,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,EAE7B,SAAS,EAAE;YACT,UAAU;YACV,MAAM,KAAK,QAAQ,IAAI,kBAAkB;YACzC,SAAS;SACV;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,aAEX,CAAC,QAAQ,IAAI,MAAM,CAAC,IAAI,CACvB,eAAK,SAAS,EAAC,kBAAkB,aAC9B,QAAQ,IAAI,CACX,eAAK,SAAS,EAAC,mBAAmB,aAChC,KAAC,OAAO,IAAC,EAAE,EAAE,OAAO,EAAE,SAAS,EAAC,iBAAiB,YAC9C,KAAK,GACE,EACT,WAAW,IAAI,CACd,YAAG,SAAS,EAAC,uBAAuB,YAAE,WAAW,GAAK,CACvD,IACG,CACP,EACA,MAAM,IAAI,cAAK,SAAS,EAAC,kBAAkB,YAAE,MAAM,GAAO,IACvD,CACP,EACA,QAAQ,IACJ,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}

package/dist/components/CommandPalette.d.ts

@@ -0,0 +1,76 @@
+import React from 'react';
+export interface CommandPaletteItem {
+    /** Passed to `onAction`. Unique within the palette. */
+    id: string;
+    /** What the row says — a verb first: "Create agent", "Go to Runs". */
+    label: string;
+    /** A second line. Searchable. */
+    description?: string;
+    /**
+     * The heading this command is listed under. Sections appear in the order
+     * their first command does; commands without one come first, unheaded.
+     */
+    section?: string;
+    /** Leading icon. Decorative — the label names the command. */
+    icon?: React.ReactNode;
+    /**
+     * The command's own shortcut, shown as a hint: `mod+shift+n`. Shown, NOT
+     * bound — the palette does not listen for it. Bind it where the command
+     * lives, or the hint promises a key that does nothing.
+     */
+    shortcut?: string;
+    /** Other words that should find it: "delete" for "Remove agent". */
+    keywords?: readonly string[];
+    /** Listed but not runnable, and skipped by the arrow keys. */
+    isDisabled?: boolean;
+}
+export interface CommandPaletteProps {
+    /** Every command. Filtering happens here, against what is typed. */
+    commands: readonly CommandPaletteItem[];
+    /**
+     * Runs the chosen command. Called AFTER the palette has closed and handed
+     * focus back, so an action that moves focus — to a search field, into a
+     * form — keeps it.
+     */
+    onAction: (id: string) => void;
+    isOpen?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (isOpen: boolean) => void;
+    /**
+     * The shortcut that opens it from anywhere on the page, and closes it again.
+     * Defaults to `mod+k` — ⌘K on a Mac, Ctrl+K elsewhere. `null` turns it off,
+     * for a page that opens the palette some other way.
+     */
+    openShortcut?: string | null;
+    /** Names the dialog and the search field. */
+    label?: string;
+    placeholder?: string;
+    /** Shown in place of the list when nothing matches. */
+    emptyLabel?: React.ReactNode;
+    className?: string;
+}
+/**
+ * CommandPalette — every action in the product, one search away.
+ *
+ * ⌘K (Ctrl+K elsewhere) opens it from anywhere; typing filters; Enter runs.
+ * Mount it once, near the root, and hand it every command the product has.
+ *
+ * WHY NOT A MODAL WITH A COMBOBOX IN IT
+ *
+ * A Combobox's list is a popover that opens and closes on its own rules, and
+ * it SELECTS a value that stays selected. A palette's list is always open and
+ * each row is RUN, once, and the palette goes away. The ARIA shape is the same
+ * — a combobox driving a listbox through `aria-activedescendant` — so this
+ * uses it, without the parts of Combobox that exist for choosing a value.
+ *
+ * NOT A NAVIGATION MENU
+ *
+ * Everything in the palette must also be reachable without it. It is a faster
+ * route for people who know what they want, and a shortcut nobody told you
+ * about is not a route at all.
+ */
+export declare function CommandPalette({ commands, onAction, isOpen, defaultOpen, onOpenChange, openShortcut, label, placeholder, emptyLabel, className, }: CommandPaletteProps): React.JSX.Element | null;
+export declare namespace CommandPalette {
+    var displayName: string;
+}
+//# sourceMappingURL=CommandPalette.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPalette.d.ts","sourceRoot":"","sources":["../../src/components/CommandPalette.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAa3E,MAAM,WAAW,kBAAkB;IACjC,uDAAuD;IACvD,EAAE,EAAE,MAAM,CAAC;IACX,sEAAsE;IACtE,KAAK,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,8DAA8D;IAC9D,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC7B,8DAA8D;IAC9D,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,mBAAmB;IAClC,oEAAoE;IACpE,QAAQ,EAAE,SAAS,kBAAkB,EAAE,CAAC;IACxC;;;;OAIG;IACH,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,6CAA6C;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uDAAuD;IACvD,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAuTD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,cAAc,CAAC,EAC7B,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,WAAW,EACX,YAAY,EACZ,YAAsB,EACtB,KAAyB,EACzB,WAAyC,EACzC,UAAmC,EACnC,SAAS,GACV,EAAE,mBAAmB,4BA2DrB;yBAtEe,cAAc"}

package/dist/components/CommandPalette.js

@@ -0,0 +1,194 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect, useId, useMemo, useRef, useState } from 'react';
+import { Overlay, useDialog, useFilter, useModalOverlay, mergeProps, } from 'react-aria';
+import { useOverlayTriggerState } from 'react-stately';
+import { Kbd, useIsMac } from './Kbd.js';
+import { matchesShortcut, parseShortcut } from './shortcut.js';
+const SearchIcon = () => (_jsxs("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", focusable: "false", children: [_jsx("circle", { cx: "11", cy: "11", r: "7" }), _jsx("path", { d: "m20 20-3.5-3.5" })] }));
+/** Groups in first-appearance order; unsectioned commands lead, unheaded. */
+function toSections(commands) {
+    const bySection = new Map([
+        [undefined, []],
+    ]);
+    for (const c of commands) {
+        const list = bySection.get(c.section);
+        if (list)
+            list.push(c);
+        else
+            bySection.set(c.section, [c]);
+    }
+    return [...bySection]
+        .filter(([, list]) => list.length > 0)
+        .map(([title, list]) => ({ title, commands: list }));
+}
+/**
+ * The dialog, mounted only while open — AGENTS.md's overlay rule: `useDialog`
+ * resolves its focus and name in effects that run when the CALLER mounts.
+ * Mounting fresh on every open also empties the query and resets the active
+ * row, which is what a palette should do.
+ */
+function CommandPalettePanel({ state, commands, onRun, label, placeholder, emptyLabel, className, }) {
+    const panelRef = useRef(null);
+    const inputRef = useRef(null);
+    const listRef = useRef(null);
+    const baseId = useId();
+    const listId = `${baseId}-list`;
+    const { modalProps, underlayProps } = useModalOverlay({ isDismissable: true }, state, panelRef);
+    const { dialogProps } = useDialog({ 'aria-label': label }, panelRef);
+    const [query, setQuery] = useState('');
+    const { contains } = useFilter({ sensitivity: 'base' });
+    const sections = useMemo(() => {
+        const q = query.trim();
+        const matched = q
+            ? commands.filter((c) => contains([c.label, c.description, c.section, ...(c.keywords ?? [])]
+                .filter(Boolean)
+                .join(' '), q))
+            : commands;
+        return toSections(matched);
+    }, [commands, contains, query]);
+    /* The rows the arrow keys move through, in display order. */
+    const rows = useMemo(() => sections.flatMap((s) => s.commands), [sections]);
+    const runnable = useMemo(() => rows.filter((c) => !c.isDisabled), [rows]);
+    const [activeId, setActiveId] = useState(null);
+    /*
+     * The active row follows the query: a new query highlights its first
+     * runnable result, so Enter after typing runs the best match. Derived rather
+     * than set in an effect, so the highlight and the list never disagree for a
+     * frame.
+     */
+    const active = runnable.find((c) => c.id === activeId) ?? runnable[0] ?? null;
+    const optionId = (c) => `${baseId}-${rows.indexOf(c)}`;
+    // Keep the keyboard's row in view as it moves past the list's edge.
+    useEffect(() => {
+        if (!active)
+            return;
+        document
+            .getElementById(optionId(active))
+            ?.scrollIntoView?.({ block: 'nearest' });
+        // optionId is a pure function of rows, which `active` already follows.
+    }, [active]);
+    const move = (by) => {
+        if (!runnable.length)
+            return;
+        const at = active ? runnable.indexOf(active) : -1;
+        const next = (at + by + runnable.length) % runnable.length;
+        setActiveId(runnable[next].id);
+    };
+    const onKeyDown = (e) => {
+        if (e.nativeEvent.isComposing)
+            return;
+        switch (e.key) {
+            case 'ArrowDown':
+                e.preventDefault();
+                move(1);
+                break;
+            case 'ArrowUp':
+                e.preventDefault();
+                move(-1);
+                break;
+            case 'Enter':
+                e.preventDefault();
+                if (active)
+                    onRun(active.id);
+                break;
+        }
+    };
+    const count = runnable.length;
+    return (_jsx("div", { ...underlayProps, className: "ion-command-palette__scrim", children: _jsxs("div", { ...mergeProps(modalProps, dialogProps), ref: panelRef, className: ['ion-command-palette', className || '']
+                .filter(Boolean)
+                .join(' '), children: [_jsxs("div", { className: "ion-command-palette__search", children: [_jsx("span", { className: "ion-command-palette__search-icon", "aria-hidden": "true", children: _jsx(SearchIcon, {}) }), _jsx("input", { ref: inputRef, className: "ion-command-palette__input", type: "text", role: "combobox", "aria-label": label, "aria-expanded": "true", "aria-controls": listId, "aria-autocomplete": "list", "aria-activedescendant": active ? optionId(active) : undefined, autoComplete: "off", autoCorrect: "off", spellCheck: false, 
+                            // A palette exists to be typed into; focus starts in the field.
+                            autoFocus: true, placeholder: placeholder, value: query, onChange: (e) => {
+                                setQuery(e.target.value);
+                                setActiveId(null);
+                            }, onKeyDown: onKeyDown })] }), _jsx("div", { ref: listRef, id: listId, role: "listbox", "aria-label": label, className: "ion-command-palette__list", children: sections.map((section, s) => {
+                        const headingId = `${baseId}-section-${s}`;
+                        const options = section.commands.map((c) => {
+                            const isActive = c === active;
+                            return (_jsxs("div", { id: optionId(c), role: "option", "aria-selected": isActive, "aria-disabled": c.isDisabled || undefined, className: "ion-command-palette__option", "data-focused": isActive || undefined, "data-disabled": c.isDisabled || undefined, 
+                                /*
+                                 * pointermove, not pointerenter: a list scrolled by the
+                                 * keyboard slides rows under a resting pointer, and enter
+                                 * would hand the highlight to whatever landed there.
+                                 */
+                                onPointerMove: () => {
+                                    if (!c.isDisabled && !isActive)
+                                        setActiveId(c.id);
+                                }, 
+                                // Keep focus in the field; a click must not blur it first.
+                                onMouseDown: (e) => e.preventDefault(), onClick: () => {
+                                    if (!c.isDisabled)
+                                        onRun(c.id);
+                                }, children: [c.icon && (_jsx("span", { className: "ion-command-palette__icon", "aria-hidden": "true", children: c.icon })), _jsxs("span", { className: "ion-command-palette__text", children: [_jsx("span", { className: "ion-command-palette__label", children: c.label }), c.description && (_jsx("span", { className: "ion-command-palette__description", children: c.description }))] }), c.shortcut && (_jsx(Kbd, { shortcut: c.shortcut, className: "ion-command-palette__shortcut" }))] }, c.id));
+                        });
+                        return section.title ? (_jsxs("div", { role: "group", "aria-labelledby": headingId, className: "ion-command-palette__section", children: [_jsx("div", { id: headingId, role: "presentation", className: "ion-command-palette__heading", children: section.title }), options] }, section.title)) : (_jsx(React.Fragment, { children: options }, ""));
+                    }) }), rows.length === 0 && (_jsx("div", { className: "ion-command-palette__empty", children: emptyLabel })), _jsx("div", { className: "ion-visually-hidden", role: "status", "aria-live": "polite", children: query ? `${count} ${count === 1 ? 'command' : 'commands'}` : '' }), _jsxs("div", { className: "ion-command-palette__footer", "aria-hidden": "true", children: [_jsxs("span", { className: "ion-command-palette__hint", children: [_jsx(Kbd, { shortcut: "up" }), _jsx(Kbd, { shortcut: "down" }), "to move"] }), _jsxs("span", { className: "ion-command-palette__hint", children: [_jsx(Kbd, { shortcut: "enter" }), "to run"] }), _jsxs("span", { className: "ion-command-palette__hint", children: [_jsx(Kbd, { shortcut: "esc" }), "to close"] })] })] }) }));
+}
+/* ---------------------------------------------------------------- palette */
+/**
+ * CommandPalette — every action in the product, one search away.
+ *
+ * ⌘K (Ctrl+K elsewhere) opens it from anywhere; typing filters; Enter runs.
+ * Mount it once, near the root, and hand it every command the product has.
+ *
+ * WHY NOT A MODAL WITH A COMBOBOX IN IT
+ *
+ * A Combobox's list is a popover that opens and closes on its own rules, and
+ * it SELECTS a value that stays selected. A palette's list is always open and
+ * each row is RUN, once, and the palette goes away. The ARIA shape is the same
+ * — a combobox driving a listbox through `aria-activedescendant` — so this
+ * uses it, without the parts of Combobox that exist for choosing a value.
+ *
+ * NOT A NAVIGATION MENU
+ *
+ * Everything in the palette must also be reachable without it. It is a faster
+ * route for people who know what they want, and a shortcut nobody told you
+ * about is not a route at all.
+ */
+export function CommandPalette({ commands, onAction, isOpen, defaultOpen, onOpenChange, openShortcut = 'mod+k', label = 'Command palette', placeholder = 'Type a command or search…', emptyLabel = 'No matching commands', className, }) {
+    const state = useOverlayTriggerState({ isOpen, defaultOpen, onOpenChange });
+    const isMac = useIsMac();
+    // Parsed during render so a malformed shortcut throws where it is written.
+    const parsed = useMemo(() => (openShortcut ? parseShortcut(openShortcut) : null), [openShortcut]);
+    /*
+     * The listener lives on the document, not on the panel, because it has to
+     * work while the palette is closed — and while it is open, the same key
+     * closes it. Kept in a ref so re-renders do not re-subscribe.
+     */
+    const toggle = useRef(state.toggle);
+    toggle.current = state.toggle;
+    useEffect(() => {
+        if (!parsed)
+            return;
+        const onKeyDown = (e) => {
+            if (e.repeat || !matchesShortcut(e, parsed, isMac))
+                return;
+            e.preventDefault();
+            toggle.current();
+        };
+        document.addEventListener('keydown', onKeyDown);
+        return () => document.removeEventListener('keydown', onKeyDown);
+    }, [parsed, isMac]);
+    /*
+     * The command runs once the palette is gone, not from inside it. While the
+     * dialog is mounted its focus scope pulls any focus that leaves it straight
+     * back, so an action that focuses a field would lose that focus to the
+     * palette's own search box. After unmount, React Aria only restores focus to
+     * the trigger if nothing else has claimed it.
+     */
+    const pending = useRef(null);
+    useEffect(() => {
+        if (state.isOpen || pending.current === null)
+            return;
+        const id = pending.current;
+        pending.current = null;
+        onAction(id);
+    });
+    return state.isOpen ? (_jsx(Overlay, { children: _jsx(CommandPalettePanel, { state: state, commands: commands, onRun: (id) => {
+                pending.current = id;
+                state.close();
+            }, label: label, placeholder: placeholder, emptyLabel: emptyLabel, className: className }) })) : null;
+}
+CommandPalette.displayName = 'CommandPalette';
+//# sourceMappingURL=CommandPalette.js.map

package/dist/components/CommandPalette.js.map

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

package/dist/components/DateField.d.ts

@@ -1,8 +1,22 @@
 import React from 'react';
 import type { AriaDatePickerProps, DateValue } from 'react-aria';
+import type { DateFieldState, DateSegment } from 'react-stately';
 interface DateFieldProps extends AriaDatePickerProps<DateValue> {
     className?: string;
 }
+/**
+ * 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.
+ */
+export declare function Segment({ segment, state, }: {
+    segment: DateSegment;
+    state: DateFieldState;
+}): React.JSX.Element;
 /**
  * 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.

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

@@ -1 +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"}
+{"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;AACjE,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AA2DjE,UAAU,cAAe,SAAQ,mBAAmB,CAAC,SAAS,CAAC;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,wBAAgB,OAAO,CAAC,EACtB,OAAO,EACP,KAAK,GACN,EAAE;IACD,OAAO,EAAE,WAAW,CAAC;IACrB,KAAK,EAAE,cAAc,CAAC;CACvB,qBAsCA;AAED;;;GAGG;AACH,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,qBAqChE;yBArCe,SAAS"}

package/dist/components/DateField.js

@@ -13,7 +13,7 @@ import { createCalendar } from '@internationalized/date';
  * re-deriving that here would mean re-deriving it wrongly the first time a
  * locale used a separator nobody tested.
  */
-function Segment({ segment, state, }) {
+export function Segment({ segment, state, }) {
     const ref = useRef(null);
     const { segmentProps } = useDateSegment(segment, state, ref);
     return (_jsx("div", { ...segmentProps, ref: ref, className: [

package/dist/components/DateField.js.map

@@ -1 +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"}
+{"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,MAAM,UAAU,OAAO,CAAC,EACtB,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

@@ -6,7 +6,7 @@ export interface DatePickerProps {
     label?: React.ReactNode;
     /** Helper text below the field. */
     description?: React.ReactNode;
-    /** Replaces the helper text when `isInvalid` is set. */
+    /** Replaces the helper text while the field is invalid — `isInvalid`, or its own bounds check. */
     errorMessage?: React.ReactNode;
     isInvalid?: boolean;
     isDisabled?: boolean;

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

@@ -1 +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"}
+{"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,kGAAkG;IAClG,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,qBA2JjB;yBA/Ke,UAAU"}

package/dist/components/DatePicker.js

@@ -73,10 +73,20 @@ export function DatePicker({ label, description, errorMessage, isInvalid, isDisa
     const buttonRef = useRef(null);
     const { groupProps, labelProps, fieldProps, buttonProps: triggerProps, dialogProps, calendarProps, descriptionProps, errorMessageProps, } = useDatePicker({ ...ariaProps, id }, state, groupRef);
     const { buttonProps } = useButton(triggerProps, buttonRef);
-    const helper = isInvalid && errorMessage ? errorMessage : description;
+    /*
+     * Invalid is the prop OR the picker's own validation — TimeField's rule.
+     * Left to the prop alone, a date before `minValue` or after `maxValue` marked the segments
+     * aria-invalid and left the box looking valid. With no `errorMessage`,
+     * React Aria's own localized message says what is wrong.
+     */
+    const { isInvalid: failsValidation, validationErrors } = state.displayValidation;
+    const invalid = !!isInvalid || failsValidation;
+    const error = errorMessage ??
+        (validationErrors.length ? validationErrors.join(' ') : null);
+    const helper = invalid && error ? error : description;
     return (_jsxs("div", { className: [
             'ion-field',
-            isInvalid ? 'ion-field--error' : '',
+            invalid ? 'ion-field--error' : '',
             wrapperClassName || '',
         ]
             .filter(Boolean)
@@ -88,15 +98,13 @@ export function DatePicker({ label, description, errorMessage, isInvalid, isDisa
                     'ion-input',
                     'ion-date-picker',
                     size !== 'md' ? `ion-input--${size}` : '',
-                    isInvalid ? 'ion-input--invalid' : '',
+                    invalid ? 'ion-input--invalid' : '',
                     isDisabled ? 'ion-input--disabled' : '',
                     isReadOnly ? 'ion-input--readonly' : '',
                     className || '',
                 ]
                     .filter(Boolean)
-                    .join(' '), "data-open": state.isOpen || undefined, "data-invalid": isInvalid || undefined, "data-disabled": isDisabled || undefined, children: [_jsx(DateField, { ...fieldProps }), name && (_jsx("input", { type: "hidden", name: name, value: state.value ? toIso(state.value) : '' })), _jsx("button", { ...buttonProps, ref: buttonRef, type: "button", "aria-labelledby": undefined, "aria-label": calendarLabel, className: "ion-date-picker__button", children: _jsx(CalendarIcon, {}) })] }), state.isOpen && !isDisabled && !isReadOnly && (_jsx(CalendarPopover, { state: state, triggerRef: groupRef, dialogProps: dialogProps, children: _jsx(SingleCalendar, { ...calendarProps }) })), helper && (_jsx("span", { ...(isInvalid && errorMessage
-                    ? errorMessageProps
-                    : descriptionProps), className: "ion-field__helper", children: helper }))] }));
+                    .join(' '), "data-open": state.isOpen || undefined, "data-invalid": invalid || undefined, "data-disabled": isDisabled || undefined, children: [_jsx(DateField, { ...fieldProps }), name && (_jsx("input", { type: "hidden", name: name, value: state.value ? toIso(state.value) : '' })), _jsx("button", { ...buttonProps, ref: buttonRef, type: "button", "aria-labelledby": undefined, "aria-label": calendarLabel, className: "ion-date-picker__button", children: _jsx(CalendarIcon, {}) })] }), state.isOpen && !isDisabled && !isReadOnly && (_jsx(CalendarPopover, { state: state, triggerRef: groupRef, dialogProps: dialogProps, children: _jsx(SingleCalendar, { ...calendarProps }) })), helper && (_jsx("span", { ...(invalid && error ? errorMessageProps : descriptionProps), className: "ion-field__helper", children: helper }))] }));
 }
 DatePicker.displayName = 'DatePicker';
 //# sourceMappingURL=DatePicker.js.map

package/dist/components/DatePicker.js.map

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

package/dist/components/DateRangePicker.d.ts

@@ -30,7 +30,7 @@ export interface DateRangePickerProps {
     label?: React.ReactNode;
     /** Helper text below the field. */
     description?: React.ReactNode;
-    /** Replaces the helper text when `isInvalid` is set. */
+    /** Replaces the helper text while the field is invalid — `isInvalid`, or its own bounds check. */
     errorMessage?: React.ReactNode;
     isInvalid?: boolean;
     isDisabled?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../src/components/DateRangePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAO/C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAG7C,MAAM,MAAM,mBAAmB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAErD,2EAA2E;AAC3E,MAAM,WAAW,SAAS;IACxB,oBAAoB;IACpB,KAAK,EAAE,OAAO,CAAC;IACf,+BAA+B;IAC/B,GAAG,EAAE,OAAO,CAAC;CACd;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,oDAAoD;IACpD,KAAK,EAAE,MAAM,CAAC;IACd;;;;;;;;OAQG;IACH,KAAK,EAAE,SAAS,GAAG,CAAC,MAAM,SAAS,CAAC,CAAC;CACtC;AAcD,MAAM,WAAW,oBAAoB;IACnC,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,mBAAmB,CAAC;IAC3B;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACzB,qDAAqD;IACrD,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;OAMG;IACH,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,OAAO,CAAC;IAC/C,uEAAuE;IACvE,OAAO,CAAC,EAAE,SAAS,eAAe,EAAE,CAAC;IACrC;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,kEAAkE;IAClE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sEAAsE;IACtE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,wBAAgB,eAAe,CAAC,EAC9B,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,OAAO,EACP,aAAiB,EACjB,WAAkB,EAClB,IAAI,EACJ,aAA+B,EAC/B,UAAoB,EACpB,YAAqC,EACrC,SAAS,EACT,gBAAgB,EAChB,EAAE,GACH,EAAE,oBAAoB,qBAuPtB;yBAhRe,eAAe"}
+{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../src/components/DateRangePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAO/C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAG7C,MAAM,MAAM,mBAAmB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAErD,2EAA2E;AAC3E,MAAM,WAAW,SAAS;IACxB,oBAAoB;IACpB,KAAK,EAAE,OAAO,CAAC;IACf,+BAA+B;IAC/B,GAAG,EAAE,OAAO,CAAC;CACd;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,oDAAoD;IACpD,KAAK,EAAE,MAAM,CAAC;IACd;;;;;;;;OAQG;IACH,KAAK,EAAE,SAAS,GAAG,CAAC,MAAM,SAAS,CAAC,CAAC;CACtC;AAcD,MAAM,WAAW,oBAAoB;IACnC,wEAAwE;IACxE,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,mCAAmC;IACnC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,kGAAkG;IAClG,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,mBAAmB,CAAC;IAC3B;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACzB,qDAAqD;IACrD,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,iEAAiE;IACjE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;OAMG;IACH,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,OAAO,CAAC;IAC/C,uEAAuE;IACvE,OAAO,CAAC,EAAE,SAAS,eAAe,EAAE,CAAC;IACrC;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAC1B,kEAAkE;IAClE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,sEAAsE;IACtE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,+DAA+D;IAC/D,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,wBAAgB,eAAe,CAAC,EAC9B,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,OAAO,EACP,aAAiB,EACjB,WAAkB,EAClB,IAAI,EACJ,aAA+B,EAC/B,UAAoB,EACpB,YAAqC,EACrC,SAAS,EACT,gBAAgB,EAChB,EAAE,GACH,EAAE,oBAAoB,qBAiQtB;yBA1Re,eAAe"}

package/dist/components/DateRangePicker.js

@@ -99,7 +99,17 @@ export function DateRangePicker({ label, description, errorMessage, isInvalid, i
         start: toIso(state.value.start),
         end: toIso(state.value.end),
     };
-    const helper = isInvalid && errorMessage ? errorMessage : description;
+    /*
+     * Invalid is the prop OR the picker's own validation — TimeField's rule.
+     * Left to the prop alone, a date outside `minValue`/`maxValue`, or an end before the start, marked the segments
+     * aria-invalid and left the box looking valid. With no `errorMessage`,
+     * React Aria's own localized message says what is wrong.
+     */
+    const { isInvalid: failsValidation, validationErrors } = state.displayValidation;
+    const invalid = !!isInvalid || failsValidation;
+    const error = errorMessage ??
+        (validationErrors.length ? validationErrors.join(' ') : null);
+    const helper = invalid && error ? error : description;
     const rail = resolvedPresets.length ? (_jsx("div", { className: "ion-range-presets", role: "group", "aria-label": presetsLabel, children: resolvedPresets.map((p) => {
             const isSelected = selectedIso?.start === p.start && selectedIso?.end === p.end;
             return (_jsx("button", { type: "button", className: "ion-range-presets__item", "aria-pressed": isSelected, "data-selected": isSelected || undefined, onClick: () => {
@@ -127,7 +137,7 @@ export function DateRangePicker({ label, description, errorMessage, isInvalid, i
             }, children: clearLabel }) })) : null;
     return (_jsxs("div", { className: [
             'ion-field',
-            isInvalid ? 'ion-field--error' : '',
+            invalid ? 'ion-field--error' : '',
             wrapperClassName || '',
         ]
             .filter(Boolean)
@@ -138,15 +148,13 @@ export function DateRangePicker({ label, description, errorMessage, isInvalid, i
                     'ion-input',
                     'ion-date-range-picker',
                     size !== 'md' ? `ion-input--${size}` : '',
-                    isInvalid ? 'ion-input--invalid' : '',
+                    invalid ? 'ion-input--invalid' : '',
                     isDisabled ? 'ion-input--disabled' : '',
                     isReadOnly ? 'ion-input--readonly' : '',
                     className || '',
                 ]
                     .filter(Boolean)
-                    .join(' '), "data-open": state.isOpen || undefined, "data-invalid": isInvalid || undefined, "data-disabled": isDisabled || undefined, children: [_jsx(DateField, { ...startFieldProps }), _jsx("span", { className: "ion-date-range-picker__dash", "aria-hidden": "true", children: "\u2013" }), _jsx(DateField, { ...endFieldProps }), name && (_jsxs(_Fragment, { children: [_jsx("input", { type: "hidden", name: `${name}-start`, value: state.value?.start ? toIso(state.value.start) : '' }), _jsx("input", { type: "hidden", name: `${name}-end`, value: state.value?.end ? toIso(state.value.end) : '' })] })), _jsx("button", { ...buttonProps, ref: buttonRef, type: "button", "aria-labelledby": undefined, "aria-label": calendarLabel, className: "ion-date-range-picker__button", children: _jsx(CalendarIcon, {}) })] }), state.isOpen && !isDisabled && !isReadOnly && (_jsx(CalendarPopover, { state: state, triggerRef: groupRef, dialogProps: dialogProps, className: "ion-calendar-popover--range", children: _jsx(RangeCalendar, { ...calendarProps, visibleMonths: visibleMonths, aside: rail, footer: footer }) })), helper && (_jsx("span", { ...(isInvalid && errorMessage
-                    ? errorMessageProps
-                    : descriptionProps), className: "ion-field__helper", children: helper }))] }));
+                    .join(' '), "data-open": state.isOpen || undefined, "data-invalid": invalid || undefined, "data-disabled": isDisabled || undefined, children: [_jsx(DateField, { ...startFieldProps }), _jsx("span", { className: "ion-date-range-picker__dash", "aria-hidden": "true", children: "\u2013" }), _jsx(DateField, { ...endFieldProps }), name && (_jsxs(_Fragment, { children: [_jsx("input", { type: "hidden", name: `${name}-start`, value: state.value?.start ? toIso(state.value.start) : '' }), _jsx("input", { type: "hidden", name: `${name}-end`, value: state.value?.end ? toIso(state.value.end) : '' })] })), _jsx("button", { ...buttonProps, ref: buttonRef, type: "button", "aria-labelledby": undefined, "aria-label": calendarLabel, className: "ion-date-range-picker__button", children: _jsx(CalendarIcon, {}) })] }), state.isOpen && !isDisabled && !isReadOnly && (_jsx(CalendarPopover, { state: state, triggerRef: groupRef, dialogProps: dialogProps, className: "ion-calendar-popover--range", children: _jsx(RangeCalendar, { ...calendarProps, visibleMonths: visibleMonths, aside: rail, footer: footer }) })), helper && (_jsx("span", { ...(invalid && error ? errorMessageProps : descriptionProps), className: "ion-field__helper", children: helper }))] }));
 }
 DateRangePicker.displayName = 'DateRangePicker';
 //# sourceMappingURL=DateRangePicker.js.map