@wzrhine/react 0.0.0-stage → 0.2.0

package/dist/components/Breadcrumb.d.ts

@@ -0,0 +1,48 @@
+import * as React from 'react';
+/**
+ * Location path (ADR-0005 §4): `<nav>` + ordered list; the last item without `href` is the
+ * current page. Separators are CSS-generated, so assistive tech reads only the items.
+ * Long paths collapse their middle items behind a button that expands in place.
+ *
+ *   <Breadcrumb items={[{ label: '档案库', href: '#/' }, { label: '样本', href: '#/samples' }, { label: 'ARC-1024' }]} />
+ */
+export interface BreadcrumbItem {
+    label: React.ReactNode;
+    /** Omit for the current page; items with `href` render as links. */
+    href?: string;
+}
+export interface BreadcrumbLinkProps {
+    href: string;
+    className: string;
+    title?: string;
+    children: React.ReactNode;
+}
+export type BreadcrumbProps = Omit<React.HTMLAttributes<HTMLElement>, 'children'> & {
+    items: readonly BreadcrumbItem[];
+    /** Accessible name of the navigation landmark. */
+    label?: string;
+    /**
+     * Collapse when the path has more than this many items: the first item and the last two stay,
+     * the rest hide behind an expand button. `0` never collapses.
+     */
+    maxItems?: number;
+    /** Accessible name of the expand button; receives the total number of levels. */
+    expandLabel?: (count: number) => string;
+    /** Render links with a router component instead of `<a>`. */
+    renderLink?: (props: BreadcrumbLinkProps) => React.ReactNode;
+};
+export declare const Breadcrumb: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement>, "children"> & {
+    items: readonly BreadcrumbItem[];
+    /** Accessible name of the navigation landmark. */
+    label?: string;
+    /**
+     * Collapse when the path has more than this many items: the first item and the last two stay,
+     * the rest hide behind an expand button. `0` never collapses.
+     */
+    maxItems?: number;
+    /** Accessible name of the expand button; receives the total number of levels. */
+    expandLabel?: (count: number) => string;
+    /** Render links with a router component instead of `<a>`. */
+    renderLink?: (props: BreadcrumbLinkProps) => React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Breadcrumb.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumb.d.ts","sourceRoot":"","sources":["../../src/components/Breadcrumb.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;;;GAMG;AAEH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,oEAAoE;IACpE,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC,GAAG;IAClF,KAAK,EAAE,SAAS,cAAc,EAAE,CAAC;IACjC,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iFAAiF;IACjF,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,6DAA6D;IAC7D,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,mBAAmB,KAAK,KAAK,CAAC,SAAS,CAAC;CAC9D,CAAC;AAoBF,eAAO,MAAM,UAAU;WAhCd,SAAS,cAAc,EAAE;IAChC,kDAAkD;YAC1C,MAAM;IACd;;;OAGG;eACQ,MAAM;IACjB,iFAAiF;kBACnE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM;IACvC,6DAA6D;iBAChD,CAAC,KAAK,EAAE,mBAAmB,KAAK,KAAK,CAAC,SAAS;qCAyG5D,CAAC"}

package/dist/components/Breadcrumb.js

@@ -0,0 +1,55 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useRhineLocale } from '../provider/messages.js';
+import { cx } from '../utils/cx.js';
+const textOf = (node) => typeof node === 'string' || typeof node === 'number' ? String(node) : undefined;
+/** Labels up to this many characters never shrink: truncating them would leave nothing readable. */
+const SHORT_LABEL = 4;
+/**
+ * Width (in em of the trail's mono type) of the first three characters plus an ellipsis: the
+ * narrowest an ancestor may get. Only used for labels longer than SHORT_LABEL, so the minimum
+ * is always smaller than the label itself and can never open a gap after it.
+ */
+function shrinkFloor(text) {
+    const wide = (ch) => /[\u1100-\u115f\u2e80-\ua4cf\uac00-\ud7a3\uf900-\ufaff\ufe30-\ufe4f\uff00-\uff60\uffe0-\uffe6]/.test(ch);
+    // 1em per CJK glyph, 0.6em per Latin mono glyph, plus the 0.12em caps tracking each.
+    const glyphs = [...text].slice(0, 3).reduce((sum, ch) => sum + (wide(ch) ? 1.12 : 0.72), 0);
+    return Math.round((glyphs + 0.72) * 100) / 100;
+}
+export const Breadcrumb = React.forwardRef(function Breadcrumb({ items, label: labelProp, maxItems = 4, expandLabel: expandLabelProp, renderLink, className, ...rest }, ref) {
+    const { messages, formatNumber } = useRhineLocale();
+    const label = labelProp ?? messages.breadcrumb.nav;
+    const expandLabel = (count) => expandLabelProp ? expandLabelProp(count) : messages.breadcrumb.expand(count, formatNumber);
+    const [expanded, setExpanded] = React.useState(false);
+    const listRef = React.useRef(null);
+    const collapsible = maxItems > 0 && items.length > maxItems && items.length > 3;
+    const collapsed = collapsible && !expanded;
+    const hiddenFrom = 1;
+    const hiddenTo = items.length - 2;
+    const expand = () => {
+        setExpanded(true);
+        // The button disappears; move focus to the first revealed link so it is not lost.
+        requestAnimationFrame(() => {
+            listRef.current?.querySelectorAll('a, [aria-current]')[hiddenFrom]?.focus();
+        });
+    };
+    if (items.length === 0)
+        return null;
+    return (_jsx("nav", { ...rest, ref: ref, className: cx('rl-breadcrumb', className), "aria-label": rest['aria-label'] ?? label, "data-slot": "breadcrumb", children: _jsx("ol", { ref: listRef, className: "rl-breadcrumb__list", children: items.map((item, index) => {
+                if (collapsed && index >= hiddenFrom && index < hiddenTo) {
+                    if (index !== hiddenFrom)
+                        return null;
+                    return (_jsx("li", { className: "rl-breadcrumb__item", "data-collapsed": "", children: _jsx("button", { type: "button", className: "rl-breadcrumb__expand", "aria-label": expandLabel(items.length), onClick: expand, children: _jsx("span", { "aria-hidden": "true", children: "\u2026" }) }) }, "collapsed"));
+                }
+                const last = index === items.length - 1;
+                const current = last && !item.href;
+                const title = textOf(item.label);
+                // Ancestors with a long text label may shrink to a floor; everything else keeps its width.
+                const floor = !last && title && [...title].length > SHORT_LABEL ? shrinkFloor(title) : undefined;
+                return (_jsx("li", { className: "rl-breadcrumb__item", "data-shrink": floor != null || undefined, style: floor != null ? { '--rl-crumb-floor': `${floor}em` } : undefined, children: item.href ? (renderLink ? (renderLink({ href: item.href, className: 'rl-breadcrumb__link', title, children: item.label })) : (_jsx("a", { className: "rl-breadcrumb__link", href: item.href, title: title, children: item.label }))) : (_jsx("span", { className: "rl-breadcrumb__current", "aria-current": current ? 'page' : undefined, title: title, 
+                        // Focus target after expanding; never in the tab order.
+                        tabIndex: collapsible ? -1 : undefined, children: item.label })) }, index));
+            }) }) }));
+});
+//# sourceMappingURL=Breadcrumb.js.map

package/dist/components/Breadcrumb.js.map

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

package/dist/components/Button.d.ts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+type MotionConflictingProps = 'onDrag' | 'onDragStart' | 'onDragEnd' | 'onAnimationStart' | 'onAnimationEnd' | 'onAnimationIteration';
+export type ButtonVariant = 'primary' | 'accent' | 'secondary' | 'ghost';
+export type ButtonSize = 'sm' | 'md' | 'lg';
+export type ButtonTone = 'default' | 'danger';
+export type ButtonProps = Omit<React.ComponentPropsWithoutRef<'button'>, 'disabled' | MotionConflictingProps> & {
+    /** Visual weight. `primary` = ink fill; `accent` = research-orange signal, use once per view. */
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    tone?: ButtonTone;
+    /** Blocks activation and announces busy state while keeping focus and the accessible name. */
+    loading?: boolean;
+    disabled?: boolean;
+    /** Decorative leading icon; hidden from assistive tech. */
+    iconStart?: React.ReactNode;
+    /** Decorative trailing icon; hidden from assistive tech. */
+    iconEnd?: React.ReactNode;
+};
+export declare const Button: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, MotionConflictingProps | "disabled"> & {
+    /** Visual weight. `primary` = ink fill; `accent` = research-orange signal, use once per view. */
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    tone?: ButtonTone;
+    /** Blocks activation and announces busy state while keeping focus and the accessible name. */
+    loading?: boolean;
+    disabled?: boolean;
+    /** Decorative leading icon; hidden from assistive tech. */
+    iconStart?: React.ReactNode;
+    /** Decorative trailing icon; hidden from assistive tech. */
+    iconEnd?: React.ReactNode;
+} & React.RefAttributes<HTMLButtonElement>>;
+export {};
+//# sourceMappingURL=Button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,KAAK,sBAAsB,GACvB,QAAQ,GACR,aAAa,GACb,WAAW,GACX,kBAAkB,GAClB,gBAAgB,GAChB,sBAAsB,CAAC;AAE3B,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,QAAQ,GAAG,WAAW,GAAG,OAAO,CAAC;AACzE,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC5C,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE9C,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,UAAU,GAAG,sBAAsB,CAAC,GAAG;IAC9G,iGAAiG;IACjG,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,8FAA8F;IAC9F,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,4DAA4D;IAC5D,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,MAAM;IAbjB,iGAAiG;cACvF,aAAa;WAChB,UAAU;WACV,UAAU;IACjB,8FAA8F;cACpF,OAAO;eACN,OAAO;IAClB,2DAA2D;gBAC/C,KAAK,CAAC,SAAS;IAC3B,4DAA4D;cAClD,KAAK,CAAC,SAAS;2CAoFzB,CAAC"}

package/dist/components/Button.js

@@ -0,0 +1,24 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { AnimatePresence, motion } from 'motion/react';
+import { fadePresence, pressScale } from '../motion/presets.js';
+import { useRhineMotion } from '../motion/useRhineMotion.js';
+import { cx } from '../utils/cx.js';
+import { Spinner } from './Spinner.js';
+export const Button = React.forwardRef(function Button({ variant = 'primary', size = 'md', tone = 'default', loading = false, disabled = false, type = 'button', iconStart, iconEnd, children, className, onClick, ...rest }, ref) {
+    const motionPrefs = useRhineMotion();
+    const interactive = !disabled && !loading;
+    const handleClick = (event) => {
+        if (loading) {
+            // Also stops implicit form submission for type="submit".
+            event.preventDefault();
+            return;
+        }
+        onClick?.(event);
+    };
+    return (_jsxs(motion.button, { ...rest, ref: ref, type: type, 
+        // Native disabled removes focus; loading keeps the button focusable via aria-disabled.
+        disabled: disabled, "aria-disabled": loading || undefined, "aria-busy": loading || undefined, "data-slot": "button", "data-variant": variant, "data-size": size, "data-tone": tone, "data-loading": loading || undefined, className: cx('rl-button', className), onClick: handleClick, whileTap: interactive && !motionPrefs.reduced ? { scale: pressScale } : undefined, transition: motionPrefs.get('press'), children: [_jsxs(motion.span, { className: "rl-button__content", initial: false, animate: { opacity: loading ? 0 : 1 }, transition: motionPrefs.get('fast'), children: [iconStart != null && (_jsx("span", { className: "rl-button__icon", "aria-hidden": "true", children: iconStart })), _jsx("span", { className: "rl-button__label", children: children }), iconEnd != null && (_jsx("span", { className: "rl-button__icon", "aria-hidden": "true", children: iconEnd }))] }), _jsx(AnimatePresence, { initial: false, children: loading && (_jsx(motion.span, { className: "rl-button__spinner", "aria-hidden": "true", ...fadePresence, transition: motionPrefs.get('fast'), children: _jsx(Spinner, {}) }, "spinner")) })] }));
+});
+//# sourceMappingURL=Button.js.map

package/dist/components/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AACpC,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AA6BvC,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAiC,SAAS,MAAM,CACpF,EACE,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,IAAI,GAAG,SAAS,EAChB,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,QAAQ,EACf,SAAS,EACT,OAAO,EACP,QAAQ,EACR,SAAS,EACT,OAAO,EACP,GAAG,IAAI,EACR,EACD,GAAG;IAEH,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,WAAW,GAAG,CAAC,QAAQ,IAAI,CAAC,OAAO,CAAC;IAE1C,MAAM,WAAW,GAAG,CAAC,KAA0C,EAAE,EAAE;QACjE,IAAI,OAAO,EAAE,CAAC;YACZ,yDAAyD;YACzD,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,OAAO;QACT,CAAC;QACD,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,MAAM,CAAC,MAAM,OACR,IAAI,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI;QACV,uFAAuF;QACvF,QAAQ,EAAE,QAAQ,mBACH,OAAO,IAAI,SAAS,eACxB,OAAO,IAAI,SAAS,eACrB,QAAQ,kBACJ,OAAO,eACV,IAAI,eACJ,IAAI,kBACD,OAAO,IAAI,SAAS,EAClC,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,SAAS,CAAC,EACrC,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,WAAW,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC,CAAC,SAAS,EACjF,UAAU,EAAE,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,aAEpC,MAAC,MAAM,CAAC,IAAI,IACV,SAAS,EAAC,oBAAoB,EAC9B,OAAO,EAAE,KAAK,EACd,OAAO,EAAE,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,EACrC,UAAU,EAAE,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,aAElC,SAAS,IAAI,IAAI,IAAI,CACpB,eAAM,SAAS,EAAC,iBAAiB,iBAAa,MAAM,YACjD,SAAS,GACL,CACR,EACD,eAAM,SAAS,EAAC,kBAAkB,YAAE,QAAQ,GAAQ,EACnD,OAAO,IAAI,IAAI,IAAI,CAClB,eAAM,SAAS,EAAC,iBAAiB,iBAAa,MAAM,YACjD,OAAO,GACH,CACR,IACW,EACd,KAAC,eAAe,IAAC,OAAO,EAAE,KAAK,YAC5B,OAAO,IAAI,CACV,KAAC,MAAM,CAAC,IAAI,IAEV,SAAS,EAAC,oBAAoB,iBAClB,MAAM,KACd,YAAY,EAChB,UAAU,EAAE,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,YAEnC,KAAC,OAAO,KAAG,IANP,SAAS,CAOD,CACf,GACe,IACJ,CACjB,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/Checkbox.d.ts

@@ -0,0 +1,81 @@
+import * as React from 'react';
+import { Checkbox as BaseCheckbox } from '@base-ui/react/checkbox';
+import { CheckboxGroup as BaseCheckboxGroup } from '@base-ui/react/checkbox-group';
+import { Field as BaseField } from '@base-ui/react/field';
+import type { FieldValidationMode } from './Field.js';
+/**
+ * Checkbox on Base UI Checkbox (ADR-0001). The whole row — box and text — is one `<label>`,
+ * so the text is the accessible name and the click target. Inside `<CheckboxGroup>` the
+ * checkbox becomes a group item and its `value` is submitted under the group's `name`.
+ *
+ *   <Checkbox name="notify" label="复核完成后通知我" description="通过联系邮箱发送。" />
+ */
+type BaseRootProps = React.ComponentProps<typeof BaseCheckbox.Root>;
+export type CheckboxProps = Omit<BaseRootProps, 'className' | 'style' | 'render' | 'children' | 'nativeButton' | 'aria-label' | 'aria-labelledby'> & {
+    /** Visible label and accessible name. Use `hideLabel` where the context already shows it (table rows). */
+    label: React.ReactNode;
+    /** The name comes from `label`; a second naming channel would drift from the visible text. */
+    'aria-label'?: never;
+    'aria-labelledby'?: never;
+    /** Keep the label for assistive tech only. */
+    hideLabel?: boolean;
+    description?: React.ReactNode;
+    /** Error text for a standalone checkbox (e.g. a required confirmation). Ignored inside a group. */
+    error?: React.ReactNode;
+    /** Drive the error state from an external validator; pair with `error`. */
+    invalid?: boolean;
+    validationMode?: FieldValidationMode;
+    className?: string;
+    style?: React.CSSProperties;
+};
+export declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & React.RefAttributes<HTMLElement>>;
+type BaseGroupProps = React.ComponentProps<typeof BaseCheckboxGroup>;
+export type ChoiceOrientation = 'vertical' | 'horizontal';
+export type CheckboxGroupProps = Pick<BaseGroupProps, 'value' | 'defaultValue' | 'onValueChange' | 'allValues'> & {
+    /** Rendered as the fieldset legend; names the group. */
+    label: React.ReactNode;
+    description?: React.ReactNode;
+    error?: React.ReactNode;
+    invalid?: boolean;
+    /** Form field name; every checked item submits its `value` under it. */
+    name?: string;
+    disabled?: boolean;
+    /** Custom validation over the checked values; return an error string or null. */
+    validate?: React.ComponentProps<typeof BaseField.Root>['validate'];
+    validationMode?: FieldValidationMode;
+    /** Visual marker only; enforce "at least one" with `validate`. */
+    required?: boolean;
+    optional?: boolean;
+    orientation?: ChoiceOrientation;
+    className?: string;
+    style?: React.CSSProperties;
+    children: React.ReactNode;
+};
+/**
+ *   <CheckboxGroup label="通知方式" name="channels" defaultValue={['email']}>
+ *     <Checkbox value="email" label="邮件" />
+ *     <Checkbox value="digest" label="每周摘要" />
+ *   </CheckboxGroup>
+ */
+export declare const CheckboxGroup: React.ForwardRefExoticComponent<Pick<Omit<import("@base-ui/react/checkbox-group").CheckboxGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>, "value" | "defaultValue" | "onValueChange" | "allValues"> & {
+    /** Rendered as the fieldset legend; names the group. */
+    label: React.ReactNode;
+    description?: React.ReactNode;
+    error?: React.ReactNode;
+    invalid?: boolean;
+    /** Form field name; every checked item submits its `value` under it. */
+    name?: string;
+    disabled?: boolean;
+    /** Custom validation over the checked values; return an error string or null. */
+    validate?: React.ComponentProps<typeof BaseField.Root>["validate"];
+    validationMode?: FieldValidationMode;
+    /** Visual marker only; enforce "at least one" with `validate`. */
+    required?: boolean;
+    optional?: boolean;
+    orientation?: ChoiceOrientation;
+    className?: string;
+    style?: React.CSSProperties;
+    children: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=Checkbox.d.ts.map

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

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

package/dist/components/Checkbox.js

@@ -0,0 +1,34 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Checkbox as BaseCheckbox } from '@base-ui/react/checkbox';
+import { CheckboxGroup as BaseCheckboxGroup } from '@base-ui/react/checkbox-group';
+import { Field as BaseField } from '@base-ui/react/field';
+import { Fieldset as BaseFieldset } from '@base-ui/react/fieldset';
+import { cx } from '../utils/cx.js';
+import { ChoiceGroupContext, FieldErrorMessage, LabelText } from './fieldParts.js';
+function CheckIcon() {
+    return (_jsx("svg", { viewBox: "0 0 16 16", "aria-hidden": "true", focusable: "false", children: _jsx("path", { d: "m3.5 8.25 3 3 6-6.5" }) }));
+}
+function MixedIcon() {
+    return (_jsx("svg", { viewBox: "0 0 16 16", "aria-hidden": "true", focusable: "false", children: _jsx("path", { d: "M4 8h8" }) }));
+}
+export const Checkbox = React.forwardRef(function Checkbox({ label, hideLabel = false, description, error, invalid, validationMode, required, disabled, name, indeterminate, className, style, ...rest }, ref) {
+    const inGroup = React.useContext(ChoiceGroupContext) === 'checkbox';
+    const control = (_jsxs(BaseField.Label, { className: "rl-choice__label", children: [_jsx(BaseCheckbox.Root, { ...rest, ref: ref, name: inGroup ? undefined : name, required: required, disabled: inGroup ? disabled : undefined, indeterminate: indeterminate, className: "rl-checkbox", "data-slot": "checkbox", children: _jsx(BaseCheckbox.Indicator, { className: "rl-checkbox__indicator", keepMounted: true, children: indeterminate ? _jsx(MixedIcon, {}) : _jsx(CheckIcon, {}) }) }), _jsx("span", { className: hideLabel ? 'rl-visually-hidden' : 'rl-choice__text', children: _jsx(LabelText, { label: label, required: !inGroup && required }) })] }));
+    const describe = description != null && (_jsx(BaseField.Description, { className: "rl-choice__description", children: description }));
+    if (inGroup) {
+        return (_jsxs(BaseField.Item, { className: cx('rl-choice', className), style: style, disabled: disabled, "data-kind": "checkbox", children: [control, describe] }));
+    }
+    return (_jsxs(BaseField.Root, { className: cx('rl-choice', className), style: style, name: name, disabled: disabled, invalid: invalid, validationMode: validationMode, "data-kind": "checkbox", "data-hide-label": hideLabel || undefined, children: [control, describe, (error != null || name != null) && _jsx(FieldErrorMessage, { error: error, match: invalid ? true : undefined, name: name })] }));
+});
+/**
+ *   <CheckboxGroup label="通知方式" name="channels" defaultValue={['email']}>
+ *     <Checkbox value="email" label="邮件" />
+ *     <Checkbox value="digest" label="每周摘要" />
+ *   </CheckboxGroup>
+ */
+export const CheckboxGroup = React.forwardRef(function CheckboxGroup({ label, description, error, invalid, name, disabled, validate, validationMode, required = false, optional = false, orientation = 'vertical', className, style, children, ...groupProps }, ref) {
+    return (_jsxs(BaseField.Root, { ref: ref, name: name, disabled: disabled, invalid: invalid, validate: validate, validationMode: validationMode, className: cx('rl-choice-group', className), style: style, "data-slot": "checkbox-group", children: [_jsxs(BaseFieldset.Root, { className: "rl-choice-group__fieldset", render: _jsx(BaseCheckboxGroup, { ...groupProps, disabled: disabled }), children: [_jsx(BaseFieldset.Legend, { className: "rl-choice-group__legend", children: _jsx(LabelText, { label: label, required: required, optional: optional }) }), _jsx("div", { className: "rl-choice-group__items", "data-orientation": orientation, children: _jsx(ChoiceGroupContext.Provider, { value: "checkbox", children: children }) })] }), description != null && _jsx(BaseField.Description, { className: "rl-field__description", children: description }), (error != null || name != null) && _jsx(FieldErrorMessage, { error: error, match: invalid ? true : undefined, name: name })] }));
+});
+//# sourceMappingURL=Checkbox.js.map

package/dist/components/Checkbox.js.map

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

package/dist/components/Collapsible.d.ts

@@ -0,0 +1,47 @@
+import * as React from 'react';
+/**
+ * Show / hide one region on Base UI Collapsible (ADR-0010 §2). The trigger is a real `<button>`
+ * with `aria-expanded` / `aria-controls`; the panel animates its height through Base UI's
+ * `--collapsible-panel-height` variable (CSS transition, interruptible: toggling mid-flight
+ * reverses from the current height). Reduced motion zeroes the duration token, so it snaps.
+ *
+ * The panel is unmounted while closed unless `keepMounted` is set, so collapsed content never
+ * lingers in the accessibility tree and heavy content mounts only on first open.
+ *
+ *   <Collapsible trigger={<span>工具详情</span>}>…</Collapsible>
+ */
+export type CollapsibleProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'onChange'> & {
+    /** Content of the trigger button (label, status, meta). The chevron is added unless `chevron={false}`. */
+    trigger: React.ReactNode;
+    children?: React.ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    disabled?: boolean;
+    /** Keep the panel in the DOM (hidden) while closed, e.g. to preserve scroll position inside it. */
+    keepMounted?: boolean;
+    /** Show the rotating chevron at the end of the trigger. */
+    chevron?: boolean;
+    /** Extra props for the trigger button (accessible name override, data attributes). */
+    triggerProps?: Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'type'>;
+    /** Class name for the panel element. */
+    panelClassName?: string;
+};
+export declare const Collapsible: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "onChange"> & {
+    /** Content of the trigger button (label, status, meta). The chevron is added unless `chevron={false}`. */
+    trigger: React.ReactNode;
+    children?: React.ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    disabled?: boolean;
+    /** Keep the panel in the DOM (hidden) while closed, e.g. to preserve scroll position inside it. */
+    keepMounted?: boolean;
+    /** Show the rotating chevron at the end of the trigger. */
+    chevron?: boolean;
+    /** Extra props for the trigger button (accessible name override, data attributes). */
+    triggerProps?: Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children" | "type">;
+    /** Class name for the panel element. */
+    panelClassName?: string;
+} & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Collapsible.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.d.ts","sourceRoot":"","sources":["../../src/components/Collapsible.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;;;;;;;GAUG;AAEH,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC,GAAG;IACnG,0GAA0G;IAC1G,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mGAAmG;IACnG,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sFAAsF;IACtF,YAAY,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC,CAAC;IACxF,wCAAwC;IACxC,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAUF,eAAO,MAAM,WAAW;IAzBtB,0GAA0G;aACjG,KAAK,CAAC,SAAS;eACb,KAAK,CAAC,SAAS;WACnB,OAAO;kBACA,OAAO;mBACN,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI;eAC3B,OAAO;IAClB,mGAAmG;kBACrF,OAAO;IACrB,2DAA2D;cACjD,OAAO;IACjB,sFAAsF;mBACvE,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IACvF,wCAAwC;qBACvB,MAAM;wCAgDvB,CAAC"}

package/dist/components/Collapsible.js

@@ -0,0 +1,12 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Collapsible as BaseCollapsible } from '@base-ui/react/collapsible';
+import { cx } from '../utils/cx.js';
+function Chevron() {
+    return (_jsx("svg", { className: "rl-collapsible__chevron", viewBox: "0 0 16 16", "aria-hidden": "true", focusable: "false", children: _jsx("path", { d: "m4 6 4 4 4-4" }) }));
+}
+export const Collapsible = React.forwardRef(function Collapsible({ trigger, children, open, defaultOpen, onOpenChange, disabled, keepMounted = false, chevron = true, triggerProps, panelClassName, className, ...rest }, ref) {
+    return (_jsxs(BaseCollapsible.Root, { ...rest, ref: ref, open: open, defaultOpen: defaultOpen, onOpenChange: onOpenChange ? (next) => onOpenChange(next) : undefined, disabled: disabled, className: cx('rl-collapsible', className), "data-slot": "collapsible", children: [_jsxs(BaseCollapsible.Trigger, { ...triggerProps, className: cx('rl-collapsible__trigger', triggerProps?.className), children: [_jsx("span", { className: "rl-collapsible__label", children: trigger }), chevron && _jsx(Chevron, {})] }), _jsx(BaseCollapsible.Panel, { keepMounted: keepMounted, className: cx('rl-collapsible__panel', panelClassName), children: _jsx("div", { className: "rl-collapsible__content", children: children }) })] }));
+});
+//# sourceMappingURL=Collapsible.js.map

package/dist/components/Collapsible.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../src/components/Collapsible.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAC5E,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAgCpC,SAAS,OAAO;IACd,OAAO,CACL,cAAK,SAAS,EAAC,yBAAyB,EAAC,OAAO,EAAC,WAAW,iBAAa,MAAM,EAAC,SAAS,EAAC,OAAO,YAC/F,eAAM,CAAC,EAAC,cAAc,GAAG,GACrB,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAAmC,SAAS,WAAW,CAChG,EACE,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,WAAW,GAAG,KAAK,EACnB,OAAO,GAAG,IAAI,EACd,YAAY,EACZ,cAAc,EACd,SAAS,EACT,GAAG,IAAI,EACR,EACD,GAAG;IAEH,OAAO,CACL,MAAC,eAAe,CAAC,IAAI,OACf,IAAI,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,EACrE,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,eAChC,aAAa,aAEvB,MAAC,eAAe,CAAC,OAAO,OAAK,YAAY,EAAE,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,YAAY,EAAE,SAAS,CAAC,aAC1G,eAAM,SAAS,EAAC,uBAAuB,YAAE,OAAO,GAAQ,EACvD,OAAO,IAAI,KAAC,OAAO,KAAG,IACC,EAC1B,KAAC,eAAe,CAAC,KAAK,IAAC,WAAW,EAAE,WAAW,EAAE,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,cAAc,CAAC,YACrG,cAAK,SAAS,EAAC,yBAAyB,YAAE,QAAQ,GAAO,GACnC,IACH,CACxB,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/Combobox.d.ts

@@ -0,0 +1,74 @@
+import * as React from 'react';
+import type { InputSize } from './Input.js';
+/**
+ * Searchable single-value select on Base UI Combobox (ADR-0001, ADR-0010 §2): a text input that
+ * filters a listbox. Base UI provides the combobox / listbox semantics, `aria-activedescendant`
+ * navigation (↓ opens, ↑ / ↓ move, Enter selects, Esc closes, then clears), Home / End in the input,
+ * and IME handling (filtering waits for `compositionend`; Enter during composition does not select).
+ * The label, description and error come from the built-in Field.
+ *
+ *   <Combobox label="档案类别" items={categories} name="category" />
+ *
+ * Server-side search: pass `filter={null}`, drive `items` from `onInputValueChange` and show
+ * `loading` while a request is in flight. Popup motion is a CSS transition (--rl-motion-fast).
+ */
+export interface ComboboxOption {
+    /** Submitted value and the key of the option. */
+    value: string;
+    /** Visible text; also what the input shows once selected and what the default filter matches. */
+    label: string;
+    /** Secondary line under the label. */
+    description?: React.ReactNode;
+    disabled?: boolean;
+    /** Group heading; options sharing it are listed together in first-seen order. */
+    group?: string;
+}
+/** Return `true` when `option` matches the typed `query` (already trimmed). */
+export type ComboboxFilter = (option: ComboboxOption, query: string) => boolean;
+export type ComboboxProps = {
+    /** Visible label and accessible name of the input. */
+    label: React.ReactNode;
+    description?: React.ReactNode;
+    /** Error text; shown on native validity failure, or always together with `invalid`. */
+    error?: React.ReactNode;
+    items: readonly ComboboxOption[];
+    value?: string | null;
+    defaultValue?: string | null;
+    onValueChange?: (value: string | null) => void;
+    /** Text in the input (controlled). Use with `onInputValueChange` for async search. */
+    inputValue?: string;
+    defaultInputValue?: string;
+    onInputValueChange?: (inputValue: string) => void;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /** Shows a status row with a spinner and marks the list busy. */
+    loading?: boolean;
+    /** Status text while `loading` (default from messages). */
+    loadingText?: React.ReactNode;
+    /** Shown when nothing matches (default from messages). */
+    emptyText?: React.ReactNode;
+    /**
+     * Matching logic. Default: locale-aware "contains" on `label`. `null` turns filtering off,
+     * for results that are already filtered on the server.
+     */
+    filter?: ComboboxFilter | null;
+    placeholder?: string;
+    /** Form field name; the selected `value` is submitted. */
+    name?: string;
+    required?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    invalid?: boolean;
+    size?: InputSize;
+    /** Show the clear button while a value is selected (default `true`). */
+    clearable?: boolean;
+    /** Accessible name of the clear button (default from messages). */
+    clearLabel?: string;
+    /** Accessible name of the open-list button (default from messages). */
+    openLabel?: string;
+    id?: string;
+    className?: string;
+    style?: React.CSSProperties;
+};
+export declare const Combobox: React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=Combobox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../src/components/Combobox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAG5C;;;;;;;;;;;GAWG;AAEH,MAAM,WAAW,cAAc;IAC7B,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAC;IACd,iGAAiG;IACjG,KAAK,EAAE,MAAM,CAAC;IACd,sCAAsC;IACtC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iFAAiF;IACjF,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,+EAA+E;AAC/E,MAAM,MAAM,cAAc,GAAG,CAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;AAEhF,MAAM,MAAM,aAAa,GAAG;IAC1B,sDAAsD;IACtD,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,uFAAuF;IACvF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,KAAK,EAAE,SAAS,cAAc,EAAE,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/C,sFAAsF;IACtF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,0DAA0D;IAC1D,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B;;;OAGG;IACH,MAAM,CAAC,EAAE,cAAc,GAAG,IAAI,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0DAA0D;IAC1D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,wEAAwE;IACxE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mEAAmE;IACnE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC;AA0DF,eAAO,MAAM,QAAQ,wFAkJnB,CAAC"}

package/dist/components/Combobox.js

@@ -0,0 +1,61 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import * as React from 'react';
+import { Combobox as BaseCombobox } from '@base-ui/react/combobox';
+import { useRhineLocale } from '../provider/messages.js';
+import { usePortalContainer } from '../provider/portal.js';
+import { cx } from '../utils/cx.js';
+import { Field } from './Field.js';
+import { Spinner } from './Spinner.js';
+/** Groups in first-seen order; ungrouped options form a heading-less group of their own. */
+function groupOptions(items) {
+    if (!items.some((item) => item.group != null && item.group !== ''))
+        return null;
+    const groups = new Map();
+    for (const item of items) {
+        const key = item.group ?? '';
+        let group = groups.get(key);
+        if (!group) {
+            group = { label: key, items: [] };
+            groups.set(key, group);
+        }
+        group.items.push(item);
+    }
+    return [...groups.values()];
+}
+function Chevron() {
+    return (_jsx("svg", { viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.75", "aria-hidden": "true", focusable: "false", children: _jsx("path", { d: "m4 6 4 4 4-4", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+}
+function ClearIcon() {
+    return (_jsx("svg", { viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.75", "aria-hidden": "true", focusable: "false", children: _jsx("path", { d: "m4.5 4.5 7 7m0-7-7 7", strokeLinecap: "round" }) }));
+}
+function Check() {
+    return (_jsx("svg", { viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.75", "aria-hidden": "true", focusable: "false", children: _jsx("path", { d: "m3 8.5 3.5 3.5L13 4.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+}
+function Option({ option }) {
+    return (_jsxs(BaseCombobox.Item, { value: option.value, disabled: option.disabled, className: "rl-combobox__item", children: [_jsx(BaseCombobox.ItemIndicator, { className: "rl-combobox__indicator", children: _jsx(Check, {}) }), _jsxs("span", { className: "rl-combobox__item-text", children: [_jsx("span", { className: "rl-combobox__item-label", children: option.label }), option.description != null && _jsx("span", { className: "rl-combobox__item-description", children: option.description })] })] }));
+}
+export const Combobox = React.forwardRef(function Combobox({ label, description, error, items, value, defaultValue, onValueChange, inputValue, defaultInputValue, onInputValueChange, open, onOpenChange, loading = false, loadingText, emptyText, filter, placeholder, name, required, disabled, readOnly, invalid, size = 'md', clearable = true, clearLabel, openLabel, id, className, style, }, ref) {
+    const container = usePortalContainer();
+    const { messages, locale } = useRhineLocale();
+    const copy = messages.combobox;
+    const triggerTextId = `${React.useId()}-open`;
+    // Labels of every option seen so far, so a selected value keeps its label after async results change.
+    const labels = React.useRef(new Map());
+    for (const item of items)
+        labels.current.set(item.value, item.label);
+    const groups = React.useMemo(() => groupOptions(items), [items]);
+    const collection = React.useMemo(() => BaseCombobox.createItems(groups ?? items, {
+        getValue: (item) => item.value,
+        getLabel: (item) => item.label,
+    }), [groups, items]);
+    const handleKeyDown = (event) => {
+        // Belt and braces for IME: Base UI already ignores keyCode 229; some engines only set isComposing.
+        if (event.nativeEvent.isComposing)
+            event.preventBaseUIHandler?.();
+    };
+    return (_jsx(Field, { label: label, description: description, error: error, required: required, invalid: invalid, disabled: disabled, name: name, className: cx('rl-combobox-field', className), style: style, children: _jsxs(BaseCombobox.Root, { items: collection, value: value, defaultValue: defaultValue, onValueChange: onValueChange ? (next) => onValueChange(next ?? null) : undefined, inputValue: inputValue, defaultInputValue: defaultInputValue, onInputValueChange: onInputValueChange ? (next) => onInputValueChange(next) : undefined, open: open, onOpenChange: onOpenChange ? (next) => onOpenChange(next) : undefined, filter: filter === null ? null : filter ? (item, query) => filter(item, query) : undefined, itemToStringLabel: (v) => labels.current.get(v) ?? v, locale: locale, name: name, required: required, disabled: disabled, readOnly: readOnly, id: id, children: [_jsxs(BaseCombobox.InputGroup, { className: "rl-combobox", "data-slot": "combobox", "data-size": size, "data-invalid": invalid || undefined, "data-disabled": disabled || undefined, "data-readonly": readOnly || undefined, children: [_jsx(BaseCombobox.Input, { ref: ref, className: "rl-combobox__input", placeholder: placeholder, ...(invalid ? { 'aria-invalid': true } : null), onKeyDown: handleKeyDown }), clearable && !readOnly && (_jsx(BaseCombobox.Clear, { className: "rl-combobox__clear", "aria-label": clearLabel ?? copy.clear, children: _jsx(ClearIcon, {}) })), _jsxs(BaseCombobox.Trigger, { className: "rl-combobox__trigger", "aria-labelledby": triggerTextId, children: [_jsx(Chevron, {}), _jsx("span", { id: triggerTextId, className: "rl-visually-hidden", children: openLabel ?? copy.openList })] })] }), _jsx(BaseCombobox.Portal, { container: container, children: _jsx(BaseCombobox.Positioner, { className: "rl-combobox__positioner", sideOffset: 4, collisionPadding: 8, positionMethod: "fixed", children: _jsxs(BaseCombobox.Popup, { className: "rl-combobox__popup", "aria-busy": loading || undefined, children: [_jsx(BaseCombobox.Status, { className: "rl-combobox__status", children: loading ? (_jsxs(_Fragment, { children: [_jsx(Spinner, { size: "sm" }), _jsx("span", { children: loadingText ?? copy.loading })] })) : null }), _jsx(BaseCombobox.Empty, { className: "rl-combobox__empty", children: loading ? null : (emptyText ?? copy.empty) }), _jsx(BaseCombobox.List, { className: "rl-combobox__list", children: groups
+                                        ? (group) => (_jsxs(BaseCombobox.Group, { items: group.items, className: "rl-combobox__group", children: [group.label !== '' && _jsx(BaseCombobox.GroupLabel, { className: "rl-combobox__group-label", children: group.label }), _jsx(BaseCombobox.Collection, { children: (option) => _jsx(Option, { option: option }, option.value) })] }, `g-${group.label}`))
+                                        : (option) => _jsx(Option, { option: option }, option.value) })] }) }) })] }) }));
+});
+//# sourceMappingURL=Combobox.js.map

package/dist/components/Combobox.js.map

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