@wzrhine/react 0.0.0-stage → 0.1.0

package/dist/components/Popover.js

@@ -0,0 +1,14 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Popover as BasePopover } from '@base-ui/react/popover';
+import { usePortalContainer } from '../provider/portal.js';
+import { cx } from '../utils/cx.js';
+export function Popover({ trigger, title, description, children, actions, side = 'bottom', align = 'center', size = 'md', openOnHover = false, arrow = false, open, defaultOpen, onOpenChange, initialFocus, 'aria-label': ariaLabel, className, }) {
+    const container = usePortalContainer();
+    return (_jsxs(BasePopover.Root, { open: open, defaultOpen: defaultOpen, onOpenChange: onOpenChange ? (next) => onOpenChange(next) : undefined, children: [_jsx(BasePopover.Trigger, { render: trigger, openOnHover: openOnHover }), _jsx(BasePopover.Portal, { container: container, children: _jsx(BasePopover.Positioner, { className: "rl-popover__positioner", side: side, align: align, sideOffset: 8, collisionPadding: 8, positionMethod: "fixed", children: _jsxs(BasePopover.Popup, { className: cx('rl-popover', className), "data-slot": "popover", "data-size": size, "aria-label": title == null ? ariaLabel : undefined, initialFocus: initialFocus, children: [arrow && (_jsx(BasePopover.Arrow, { className: "rl-popover__arrow", children: _jsxs("svg", { viewBox: "0 0 16 8", "aria-hidden": "true", focusable: "false", children: [_jsx("path", { className: "rl-popover__arrow-fill", d: "M0 8 8 0l8 8Z" }), _jsx("path", { className: "rl-popover__arrow-stroke", d: "M0 8 8 0l8 8" })] }) })), (title != null || description != null) && (_jsxs("header", { className: "rl-popover__header", children: [title != null && _jsx(BasePopover.Title, { className: "rl-popover__title", children: title }), description != null && (_jsx(BasePopover.Description, { className: "rl-popover__description", children: description }))] })), children != null && _jsx("div", { className: "rl-popover__body", children: children }), actions != null && _jsx("footer", { className: "rl-popover__actions", children: actions })] }) }) })] }));
+}
+/** Wraps a button so activating it closes the nearest Popover. */
+export function PopoverClose({ children }) {
+    return _jsx(BasePopover.Close, { render: children });
+}
+//# sourceMappingURL=Popover.js.map

package/dist/components/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../src/components/Popover.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAwCpC,MAAM,UAAU,OAAO,CAAC,EACtB,OAAO,EACP,KAAK,EACL,WAAW,EACX,QAAQ,EACR,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,KAAK,GAAG,QAAQ,EAChB,IAAI,GAAG,IAAI,EACX,WAAW,GAAG,KAAK,EACnB,KAAK,GAAG,KAAK,EACb,IAAI,EACJ,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,YAAY,EAAE,SAAS,EACvB,SAAS,GACI;IACb,MAAM,SAAS,GAAG,kBAAkB,EAAE,CAAC;IACvC,OAAO,CACL,MAAC,WAAW,CAAC,IAAI,IACf,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,aAErE,KAAC,WAAW,CAAC,OAAO,IAAC,MAAM,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,GAAI,EAClE,KAAC,WAAW,CAAC,MAAM,IAAC,SAAS,EAAE,SAAS,YACtC,KAAC,WAAW,CAAC,UAAU,IACrB,SAAS,EAAC,wBAAwB,EAClC,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,CAAC,EACb,gBAAgB,EAAE,CAAC,EACnB,cAAc,EAAC,OAAO,YAEtB,MAAC,WAAW,CAAC,KAAK,IAChB,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,eAC5B,SAAS,eACR,IAAI,gBACH,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACjD,YAAY,EAAE,YAAY,aAEzB,KAAK,IAAI,CACR,KAAC,WAAW,CAAC,KAAK,IAAC,SAAS,EAAC,mBAAmB,YAC9C,eAAK,OAAO,EAAC,UAAU,iBAAa,MAAM,EAAC,SAAS,EAAC,OAAO,aAC1D,eAAM,SAAS,EAAC,wBAAwB,EAAC,CAAC,EAAC,eAAe,GAAG,EAC7D,eAAM,SAAS,EAAC,0BAA0B,EAAC,CAAC,EAAC,cAAc,GAAG,IAC1D,GACY,CACrB,EACA,CAAC,KAAK,IAAI,IAAI,IAAI,WAAW,IAAI,IAAI,CAAC,IAAI,CACzC,kBAAQ,SAAS,EAAC,oBAAoB,aACnC,KAAK,IAAI,IAAI,IAAI,KAAC,WAAW,CAAC,KAAK,IAAC,SAAS,EAAC,mBAAmB,YAAE,KAAK,GAAqB,EAC7F,WAAW,IAAI,IAAI,IAAI,CACtB,KAAC,WAAW,CAAC,WAAW,IAAC,SAAS,EAAC,yBAAyB,YAAE,WAAW,GAA2B,CACrG,IACM,CACV,EACA,QAAQ,IAAI,IAAI,IAAI,cAAK,SAAS,EAAC,kBAAkB,YAAE,QAAQ,GAAO,EACtE,OAAO,IAAI,IAAI,IAAI,iBAAQ,SAAS,EAAC,qBAAqB,YAAE,OAAO,GAAU,IAC5D,GACG,GACN,IACJ,CACpB,CAAC;AACJ,CAAC;AAOD,kEAAkE;AAClE,MAAM,UAAU,YAAY,CAAC,EAAE,QAAQ,EAAqB;IAC1D,OAAO,KAAC,WAAW,CAAC,KAAK,IAAC,MAAM,EAAE,QAAQ,GAAI,CAAC;AACjD,CAAC"}

package/dist/components/Progress.d.ts

@@ -0,0 +1,57 @@
+import * as React from 'react';
+import { Meter as BaseMeter } from '@base-ui/react/meter';
+import { Progress as BaseProgress } from '@base-ui/react/progress';
+import type { MeterState } from './meter-utils.js';
+/**
+ * Progress vs Meter (ADR-0005 §2):
+ * - Progress: a task advancing over time to completion. `value={null}` = indeterminate.
+ * - Meter: a static measurement inside a known range; never "complete", never indeterminate.
+ * Both need a visible label; the value is announced as formatted text, not colour.
+ */
+export type ProgressSize = 'sm' | 'md';
+export type ProgressTone = 'neutral' | 'accent' | 'success' | 'warning' | 'danger';
+type BaseProgressProps = React.ComponentProps<typeof BaseProgress.Root>;
+export type ProgressProps = Omit<BaseProgressProps, 'className' | 'style' | 'render' | 'children' | 'value' | 'getAriaValueText' | 'aria-label' | 'aria-labelledby'> & {
+    label: React.ReactNode;
+    /** The accessible name comes from `label`. */
+    'aria-label'?: never;
+    'aria-labelledby'?: never;
+    /** Current value between `min` and `max`; `null` while the total is unknown. */
+    value: number | null;
+    /** Visible text after the label; defaults to the formatted value (e.g. "42%"). `false` hides it. */
+    valueText?: React.ReactNode | false;
+    /** Spoken value; defaults to the formatted value, or "进行中" when indeterminate. */
+    getValueText?: (formatted: string, value: number | null) => string;
+    description?: React.ReactNode;
+    size?: ProgressSize;
+    tone?: ProgressTone;
+    hideLabel?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+};
+export declare const Progress: React.ForwardRefExoticComponent<Omit<ProgressProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type BaseMeterProps = React.ComponentProps<typeof BaseMeter.Root>;
+export type MeterProps = Omit<BaseMeterProps, 'className' | 'style' | 'render' | 'children' | 'getAriaValueText' | 'aria-label' | 'aria-labelledby'> & {
+    label: React.ReactNode;
+    /** The accessible name comes from `label`. */
+    'aria-label'?: never;
+    'aria-labelledby'?: never;
+    /** Values below `low` / above `high` are out of the preferred range (like native <meter>). */
+    low?: number;
+    high?: number;
+    /** Where the good region is; decides whether low or high values are the warning side. */
+    optimum?: number;
+    /** Visible value text; defaults to the formatted value. */
+    valueText?: React.ReactNode | false;
+    getValueText?: (formatted: string, value: number) => string;
+    /** Text for the derived state, appended to the spoken value: e.g. { warning: '偏高' }. */
+    stateLabels?: Partial<Record<MeterState, string>>;
+    description?: React.ReactNode;
+    size?: ProgressSize;
+    hideLabel?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+};
+export declare const Meter: React.ForwardRefExoticComponent<Omit<MeterProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export {};
+//# sourceMappingURL=Progress.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../src/components/Progress.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAInE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD;;;;;GAKG;AAEH,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,CAAC;AACvC,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAEnF,KAAK,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,IAAI,CAAC,CAAC;AAExE,MAAM,MAAM,aAAa,GAAG,IAAI,CAC9B,iBAAiB,EACjB,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,kBAAkB,GAAG,YAAY,GAAG,iBAAiB,CAChH,GAAG;IACF,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,8CAA8C;IAC9C,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAC1B,gFAAgF;IAChF,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,oGAAoG;IACpG,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC;IACpC,kFAAkF;IAClF,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,MAAM,CAAC;IACnE,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,QAAQ,mGA0DnB,CAAC;AAEH,KAAK,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,CAAC;AAElE,MAAM,MAAM,UAAU,GAAG,IAAI,CAC3B,cAAc,EACd,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,kBAAkB,GAAG,YAAY,GAAG,iBAAiB,CACtG,GAAG;IACF,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,8CAA8C;IAC9C,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAC1B,8FAA8F;IAC9F,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,yFAAyF;IACzF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC;IACpC,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5D,wFAAwF;IACxF,WAAW,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC;IAClD,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC;AAIF,eAAO,MAAM,KAAK,gGAmEhB,CAAC"}

package/dist/components/Progress.js

@@ -0,0 +1,31 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Meter as BaseMeter } from '@base-ui/react/meter';
+import { Progress as BaseProgress } from '@base-ui/react/progress';
+import { useRhineLocale } from '../provider/messages.js';
+import { cx } from '../utils/cx.js';
+import { getMeterState } from './meter-utils.js';
+export const Progress = React.forwardRef(function Progress({ label, value, valueText, getValueText, description, size = 'md', tone = 'neutral', hideLabel = false, format, locale, className, style, ...rest }, ref) {
+    const descriptionId = React.useId();
+    const { messages, locale: contextLocale } = useRhineLocale();
+    const fallbackText = (formatted, v) => (v === null ? messages.progress.indeterminate : formatted);
+    return (_jsxs(BaseProgress.Root, { ...rest, ref: ref, locale: locale ?? contextLocale, value: value, 
+        // Without `format`, Base UI shows the share of the range as a percentage; with it, the raw value.
+        format: format, getAriaValueText: getValueText ?? fallbackText, "aria-describedby": description != null ? descriptionId : undefined, className: cx('rl-progress', className), style: style, "data-slot": "progress", "data-size": size, "data-tone": tone, children: [_jsxs("div", { className: hideLabel ? 'rl-visually-hidden' : 'rl-progress__header', children: [_jsx(BaseProgress.Label, { className: "rl-progress__label", children: label }), valueText !== false &&
+                        (valueText != null ? (_jsx("span", { className: "rl-progress__value", "aria-hidden": "true", children: valueText })) : (value !== null && _jsx(BaseProgress.Value, { className: "rl-progress__value", "aria-hidden": "true" })))] }), _jsx(BaseProgress.Track, { className: "rl-progress__track", children: _jsx(BaseProgress.Indicator, { className: "rl-progress__indicator" }) }), description != null && (_jsx("p", { id: descriptionId, className: "rl-progress__description", children: description }))] }));
+});
+const meterTone = { optimum: 'success', suboptimum: 'warning', critical: 'danger' };
+export const Meter = React.forwardRef(function Meter({ label, value, min = 0, max = 100, low, high, optimum, valueText, getValueText, stateLabels, description, size = 'md', hideLabel = false, locale, className, style, ...rest }, ref) {
+    const descriptionId = React.useId();
+    const { messages, locale: contextLocale } = useRhineLocale();
+    const hasThresholds = low != null || high != null;
+    const state = getMeterState(value, { min, max, low, high, optimum });
+    const stateText = hasThresholds ? stateLabels?.[state] : undefined;
+    const spoken = (formatted, v) => {
+        const base = getValueText ? getValueText(formatted, v) : formatted;
+        return stateText ? messages.progress.meterValue(base, stateText) : base;
+    };
+    return (_jsxs(BaseMeter.Root, { ...rest, ref: ref, locale: locale ?? contextLocale, value: value, min: min, max: max, getAriaValueText: spoken, "aria-describedby": description != null ? descriptionId : undefined, className: cx('rl-progress', 'rl-meter', className), style: style, "data-slot": "meter", "data-size": size, "data-tone": hasThresholds ? meterTone[state] : 'neutral', "data-state": hasThresholds ? state : undefined, children: [_jsxs("div", { className: hideLabel ? 'rl-visually-hidden' : 'rl-progress__header', children: [_jsx(BaseMeter.Label, { className: "rl-progress__label", children: label }), valueText !== false && (_jsxs("span", { className: "rl-progress__value", "aria-hidden": "true", children: [valueText ?? _jsx(BaseMeter.Value, {}), stateText && _jsx("span", { className: "rl-meter__state", children: stateText })] }))] }), _jsx(BaseMeter.Track, { className: "rl-progress__track", children: _jsx(BaseMeter.Indicator, { className: "rl-progress__indicator" }) }), description != null && (_jsx("p", { id: descriptionId, className: "rl-progress__description", children: description }))] }));
+});
+//# sourceMappingURL=Progress.js.map

package/dist/components/Progress.js.map

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

package/dist/components/Radio.d.ts

@@ -0,0 +1,61 @@
+import * as React from 'react';
+import { Radio as BaseRadio } from '@base-ui/react/radio';
+import { RadioGroup as BaseRadioGroup } from '@base-ui/react/radio-group';
+import type { ChoiceOrientation } from './Checkbox.js';
+import type { FieldValidationMode } from './Field.js';
+/**
+ * Single choice from a short, fully visible list (≤ 6 options; use Select beyond that).
+ * Arrow keys move and select within the group; Tab enters at the checked option.
+ *
+ *   <RadioGroup label="保密级别" name="level" defaultValue="internal">
+ *     <Radio value="public" label="公开" />
+ *     <Radio value="internal" label="内部" description="仅本机构成员可见。" />
+ *   </RadioGroup>
+ */
+type BaseGroupProps = React.ComponentProps<typeof BaseRadioGroup>;
+export type RadioGroupProps = Pick<BaseGroupProps, 'value' | 'defaultValue' | 'onValueChange' | 'readOnly'> & {
+    label: React.ReactNode;
+    description?: React.ReactNode;
+    /** Shown when nothing is chosen on submit (`required`) or when `invalid` is set. */
+    error?: React.ReactNode;
+    invalid?: boolean;
+    name?: string;
+    required?: boolean;
+    optional?: boolean;
+    disabled?: boolean;
+    validationMode?: FieldValidationMode;
+    orientation?: ChoiceOrientation;
+    className?: string;
+    style?: React.CSSProperties;
+    children: React.ReactNode;
+};
+export declare const RadioGroup: React.ForwardRefExoticComponent<Pick<BaseRadioGroup.Props<unknown>, "value" | "defaultValue" | "readOnly" | "onValueChange"> & {
+    label: React.ReactNode;
+    description?: React.ReactNode;
+    /** Shown when nothing is chosen on submit (`required`) or when `invalid` is set. */
+    error?: React.ReactNode;
+    invalid?: boolean;
+    name?: string;
+    required?: boolean;
+    optional?: boolean;
+    disabled?: boolean;
+    validationMode?: FieldValidationMode;
+    orientation?: ChoiceOrientation;
+    className?: string;
+    style?: React.CSSProperties;
+    children: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;
+type BaseRadioProps = React.ComponentProps<typeof BaseRadio.Root>;
+export type RadioProps = Omit<BaseRadioProps, 'className' | 'style' | 'render' | 'children' | 'nativeButton' | 'value' | 'aria-label' | 'aria-labelledby'> & {
+    value: string;
+    label: React.ReactNode;
+    /** The name comes from `label`; a second naming channel would drift from the visible text. */
+    'aria-label'?: never;
+    'aria-labelledby'?: never;
+    description?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+};
+export declare const Radio: React.ForwardRefExoticComponent<Omit<RadioProps, "ref"> & React.RefAttributes<HTMLElement>>;
+export {};
+//# sourceMappingURL=Radio.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../src/components/Radio.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAG1E,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAEtD;;;;;;;;GAQG;AAEH,KAAK,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,CAAC;AAElE,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,GAAG,cAAc,GAAG,eAAe,GAAG,UAAU,CAAC,GAAG;IAC5G,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,oFAAoF;IACpF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,mBAAmB,CAAC;IACrC,WAAW,CAAC,EAAE,iBAAiB,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF,eAAO,MAAM,UAAU;WAhBd,KAAK,CAAC,SAAS;kBACR,KAAK,CAAC,SAAS;IAC7B,oFAAoF;YAC5E,KAAK,CAAC,SAAS;cACb,OAAO;WACV,MAAM;eACF,OAAO;eACP,OAAO;eACP,OAAO;qBACD,mBAAmB;kBACtB,iBAAiB;gBACnB,MAAM;YACV,KAAK,CAAC,aAAa;cACjB,KAAK,CAAC,SAAS;wCAiDzB,CAAC;AAEH,KAAK,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,IAAI,CAAC,CAAC;AAElE,MAAM,MAAM,UAAU,GAAG,IAAI,CAC3B,cAAc,EACd,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,cAAc,GAAG,OAAO,GAAG,YAAY,GAAG,iBAAiB,CAC5G,GAAG;IACF,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,8FAA8F;IAC9F,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC;AAEF,eAAO,MAAM,KAAK,6FAkBhB,CAAC"}

package/dist/components/Radio.js

@@ -0,0 +1,18 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Field as BaseField } from '@base-ui/react/field';
+import { Fieldset as BaseFieldset } from '@base-ui/react/fieldset';
+import { Radio as BaseRadio } from '@base-ui/react/radio';
+import { RadioGroup as BaseRadioGroup } from '@base-ui/react/radio-group';
+import { cx } from '../utils/cx.js';
+import { ChoiceGroupContext, FieldErrorMessage, LabelText } from './fieldParts.js';
+export const RadioGroup = React.forwardRef(function RadioGroup({ label, description, error, invalid, name, required = false, optional = false, disabled, validationMode, orientation = 'vertical', className, style, children, ...groupProps }, ref) {
+    const match = invalid ? true : undefined;
+    return (_jsxs(BaseField.Root, { ref: ref, name: name, disabled: disabled, invalid: invalid, validationMode: validationMode, className: cx('rl-choice-group', className), style: style, "data-slot": "radio-group", children: [_jsxs(BaseFieldset.Root, { className: "rl-choice-group__fieldset", render: _jsx(BaseRadioGroup, { ...groupProps, required: required, 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: "radio", children: children }) })] }), description != null && _jsx(BaseField.Description, { className: "rl-field__description", children: description }), (error != null || name != null) && _jsx(FieldErrorMessage, { error: error, match: match, name: name })] }));
+});
+export const Radio = React.forwardRef(function Radio({ value, label, description, disabled, className, style, ...rest }, ref) {
+    // Outside <RadioGroup> Base UI throws (Field.Item needs a Field.Root), which is the intended failure.
+    return (_jsxs(BaseField.Item, { className: cx('rl-choice', className), style: style, disabled: disabled, "data-kind": "radio", children: [_jsxs(BaseField.Label, { className: "rl-choice__label", children: [_jsx(BaseRadio.Root, { ...rest, ref: ref, value: value, disabled: disabled, className: "rl-radio", "data-slot": "radio", children: _jsx(BaseRadio.Indicator, { className: "rl-radio__indicator", keepMounted: true }) }), _jsx("span", { className: "rl-choice__text", children: label })] }), description != null && (_jsx(BaseField.Description, { className: "rl-choice__description", children: description }))] }));
+});
+//# sourceMappingURL=Radio.js.map

package/dist/components/Radio.js.map

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

package/dist/components/RecordHeader.d.ts

@@ -0,0 +1,53 @@
+import * as React from 'react';
+import type { BreadcrumbItem } from './Breadcrumb.js';
+import type { MetadataItem } from './MetadataList.js';
+import type { StatusKind } from './StatusBadge.js';
+/**
+ * Archive record header: location trail, record ID, status, title, classification,
+ * summary, key timestamps and actions. Every field except `title` is optional and is
+ * omitted when absent — the header never fabricates IDs, dates or access levels.
+ */
+/** Same shape as a Breadcrumb item (ADR-0005 §4). */
+export type RecordTrailItem = BreadcrumbItem;
+export interface RecordStatus {
+    tone: StatusKind;
+    /** Visible text; colour never carries the status alone. */
+    label: React.ReactNode;
+}
+export type RecordHeaderProps = Omit<React.HTMLAttributes<HTMLElement>, 'title' | 'id'> & {
+    title: React.ReactNode;
+    /** Record identifier, e.g. "ARC-1024". Rendered in mono above the title. */
+    recordId?: string;
+    status?: RecordStatus;
+    /** Ancestors of this record. Rendered as a breadcrumb <nav>; the last item is the current page. */
+    trail?: readonly RecordTrailItem[];
+    /** Classification terms, e.g. ["样本", "海洋来源"]. Joined with a hairline separator. */
+    classification?: readonly React.ReactNode[];
+    summary?: React.ReactNode;
+    /** Key facts beside the title (created / updated / owner). Empty values are hidden. */
+    meta?: readonly MetadataItem[];
+    actions?: React.ReactNode;
+    /** Heading level of the title; keep the document outline correct. */
+    headingLevel?: 1 | 2 | 3;
+    /** Accessible name of the breadcrumb navigation. */
+    trailLabel?: string;
+};
+export declare const RecordHeader: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement>, "id" | "title"> & {
+    title: React.ReactNode;
+    /** Record identifier, e.g. "ARC-1024". Rendered in mono above the title. */
+    recordId?: string;
+    status?: RecordStatus;
+    /** Ancestors of this record. Rendered as a breadcrumb <nav>; the last item is the current page. */
+    trail?: readonly RecordTrailItem[];
+    /** Classification terms, e.g. ["样本", "海洋来源"]. Joined with a hairline separator. */
+    classification?: readonly React.ReactNode[];
+    summary?: React.ReactNode;
+    /** Key facts beside the title (created / updated / owner). Empty values are hidden. */
+    meta?: readonly MetadataItem[];
+    actions?: React.ReactNode;
+    /** Heading level of the title; keep the document outline correct. */
+    headingLevel?: 1 | 2 | 3;
+    /** Accessible name of the breadcrumb navigation. */
+    trailLabel?: string;
+} & React.RefAttributes<HTMLElement>>;
+//# sourceMappingURL=RecordHeader.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RecordHeader.d.ts","sourceRoot":"","sources":["../../src/components/RecordHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAEnD;;;;GAIG;AAEH,qDAAqD;AACrD,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC;AAE7C,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,UAAU,CAAC;IACjB,2DAA2D;IAC3D,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC,GAAG;IACxF,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,mGAAmG;IACnG,KAAK,CAAC,EAAE,SAAS,eAAe,EAAE,CAAC;IACnC,mFAAmF;IACnF,cAAc,CAAC,EAAE,SAAS,KAAK,CAAC,SAAS,EAAE,CAAC;IAC5C,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,uFAAuF;IACvF,IAAI,CAAC,EAAE,SAAS,YAAY,EAAE,CAAC;IAC/B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qEAAqE;IACrE,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACzB,oDAAoD;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,YAAY;WAlBhB,KAAK,CAAC,SAAS;IACtB,4EAA4E;eACjE,MAAM;aACR,YAAY;IACrB,mGAAmG;YAC3F,SAAS,eAAe,EAAE;IAClC,mFAAmF;qBAClE,SAAS,KAAK,CAAC,SAAS,EAAE;cACjC,KAAK,CAAC,SAAS;IACzB,uFAAuF;WAChF,SAAS,YAAY,EAAE;cACpB,KAAK,CAAC,SAAS;IACzB,qEAAqE;mBACtD,CAAC,GAAG,CAAC,GAAG,CAAC;IACxB,oDAAoD;iBACvC,MAAM;qCAgEnB,CAAC"}

package/dist/components/RecordHeader.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { useRhineMessages } from '../provider/messages.js';
+import { cx } from '../utils/cx.js';
+import { Breadcrumb } from './Breadcrumb.js';
+import { MetadataList, isEmptyValue } from './MetadataList.js';
+import { StatusBadge } from './StatusBadge.js';
+export const RecordHeader = React.forwardRef(function RecordHeader({ title, recordId, status, trail, classification, summary, meta, actions, headingLevel = 1, trailLabel: trailLabelProp, className, ...rest }, ref) {
+    const messages = useRhineMessages();
+    const trailLabel = trailLabelProp ?? messages.recordHeader.trail;
+    const Heading = `h${headingLevel}`;
+    const terms = (classification ?? []).filter((term) => !isEmptyValue(term));
+    const hasMeta = (meta ?? []).some((item) => !isEmptyValue(item.value));
+    return (_jsxs("header", { ...rest, ref: ref, className: cx('rl-record', className), "data-slot": "record-header", "data-has-meta": hasMeta || undefined, children: [trail && trail.length > 0 && (
+            // maxItems={0}: record trails are short and always shown in full.
+            _jsx(Breadcrumb, { className: "rl-record__trail", items: trail, label: trailLabel, maxItems: 0 })), _jsxs("div", { className: "rl-record__main", children: [_jsxs("div", { className: "rl-record__identity", children: [(recordId || status) && (_jsxs("p", { className: "rl-record__id-row", children: [recordId && _jsx("span", { className: "rl-record__id", children: recordId }), status && (_jsx(StatusBadge, { status: status.tone, size: "sm", appearance: "outline", children: status.label }))] })), _jsx(Heading, { className: "rl-record__title", children: title }), terms.length > 0 && (_jsx("p", { className: "rl-record__classification", children: terms.map((term, index) => (_jsx("span", { className: "rl-record__term", children: term }, index))) })), !isEmptyValue(summary) && _jsx("p", { className: "rl-record__summary", children: summary })] }), hasMeta && _jsx(MetadataList, { className: "rl-record__meta", items: meta, size: "sm" })] }), actions != null && _jsx("div", { className: "rl-record__actions", children: actions })] }));
+});
+//# sourceMappingURL=RecordHeader.js.map

package/dist/components/RecordHeader.js.map

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

package/dist/components/ScrollArea.d.ts

@@ -0,0 +1,55 @@
+import * as React from 'react';
+/**
+ * Scroll container with an overlay scrollbar (Base UI scroll-area, ADR-0001). The viewport is the
+ * native scroller, so wheel, touch, trackpad, keyboard (↑ ↓ PageUp PageDown Home End Space once
+ * focused), find-in-page and `scrollTo` all keep working; the custom thumb only mirrors it and can
+ * be dragged. The viewport is a named `role="region"`; Base UI puts it in the tab order only while
+ * it actually overflows (axe `scrollable-region-focusable`), so a short list adds no tab stop.
+ * Under `forced-colors: active` the overlay is hidden and the native scrollbar comes back.
+ * Motion: the overlay fades in on hover / scroll / focus (CSS opacity, --rl-motion-fast; tokens are
+ * 0 under reduced motion).
+ *
+ * `onScrollIntentUp` reports user intent to move up — wheel up, ↑ / PageUp / Home / Shift+Space on
+ * the focused viewport, dragging the thumb upward, or pressing the track above the thumb — and is
+ * never called for programmatic scrolling. Use it to leave "follow latest" modes. It may fire many
+ * times per gesture (once per event); it fires even at the top edge, because it is intent, not
+ * position.
+ *
+ *   <ScrollArea label="运行日志" maxHeight="20rem">{lines}</ScrollArea>
+ */
+export type ScrollAreaOrientation = 'vertical' | 'both';
+export type ScrollAreaProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'onScroll' | 'aria-label' | 'role'> & {
+    /** Accessible name of the scrollable region, e.g. 「运行日志」. */
+    label: string;
+    children: React.ReactNode;
+    /** Ref to the native scroller (for `scrollTo`, measuring, observers). */
+    viewportRef?: React.Ref<HTMLDivElement>;
+    /** CSS length that caps the viewport height, e.g. `"20rem"`. Without it the area fills its parent. */
+    maxHeight?: string;
+    /** `vertical` (default) wraps content to the width; `both` also scrolls horizontally. */
+    orientation?: ScrollAreaOrientation;
+    /** Native scroll events of the viewport. */
+    onScroll?: React.UIEventHandler<HTMLDivElement>;
+    /** The user tried to scroll up (see component docs). */
+    onScrollIntentUp?: () => void;
+    /** Class on the viewport, for padding or content layout. */
+    viewportClassName?: string;
+};
+export declare const ScrollArea: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "role" | "aria-label" | "onScroll"> & {
+    /** Accessible name of the scrollable region, e.g. 「运行日志」. */
+    label: string;
+    children: React.ReactNode;
+    /** Ref to the native scroller (for `scrollTo`, measuring, observers). */
+    viewportRef?: React.Ref<HTMLDivElement>;
+    /** CSS length that caps the viewport height, e.g. `"20rem"`. Without it the area fills its parent. */
+    maxHeight?: string;
+    /** `vertical` (default) wraps content to the width; `both` also scrolls horizontally. */
+    orientation?: ScrollAreaOrientation;
+    /** Native scroll events of the viewport. */
+    onScroll?: React.UIEventHandler<HTMLDivElement>;
+    /** The user tried to scroll up (see component docs). */
+    onScrollIntentUp?: () => void;
+    /** Class on the viewport, for padding or content layout. */
+    viewportClassName?: string;
+} & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ScrollArea.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../src/components/ScrollArea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;;;;;;;;;;;;;;GAiBG;AAEH,MAAM,MAAM,qBAAqB,GAAG,UAAU,GAAG,MAAM,CAAC;AAExD,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,YAAY,GAAG,MAAM,CAAC,GAAG;IAC1H,6DAA6D;IAC7D,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,yEAAyE;IACzE,WAAW,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IACxC,sGAAsG;IACtG,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yFAAyF;IACzF,WAAW,CAAC,EAAE,qBAAqB,CAAC;IACpC,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IAChD,wDAAwD;IACxD,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,4DAA4D;IAC5D,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAIF,eAAO,MAAM,UAAU;IAnBrB,6DAA6D;WACtD,MAAM;cACH,KAAK,CAAC,SAAS;IACzB,yEAAyE;kBAC3D,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC;IACvC,sGAAsG;gBAC1F,MAAM;IAClB,yFAAyF;kBAC3E,qBAAqB;IACnC,4CAA4C;eACjC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/C,wDAAwD;uBACrC,MAAM,IAAI;IAC7B,4DAA4D;wBACxC,MAAM;wCA8F1B,CAAC"}

package/dist/components/ScrollArea.js

@@ -0,0 +1,63 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { ScrollArea as BaseScrollArea } from '@base-ui/react/scroll-area';
+import { cx } from '../utils/cx.js';
+const UP_KEYS = new Set(['ArrowUp', 'PageUp', 'Home']);
+export const ScrollArea = React.forwardRef(function ScrollArea({ label, children, viewportRef, maxHeight, orientation = 'vertical', onScroll, onScrollIntentUp, viewportClassName, className, style, ...rest }, ref) {
+    const dragY = React.useRef(null);
+    const thumbRef = React.useRef(null);
+    const both = orientation === 'both';
+    const intent = onScrollIntentUp;
+    const viewportHandlers = intent
+        ? {
+            onWheel: (event) => {
+                if (event.deltaY < 0)
+                    intent();
+            },
+            onKeyDown: (event) => {
+                if (event.target !== event.currentTarget || event.altKey || event.ctrlKey || event.metaKey)
+                    return;
+                if (UP_KEYS.has(event.key) || (event.key === ' ' && event.shiftKey))
+                    intent();
+            },
+        }
+        : {};
+    const scrollbarHandlers = intent
+        ? {
+            onPointerDown: (event) => {
+                const thumb = thumbRef.current;
+                if (!thumb || thumb.contains(event.target))
+                    return;
+                // Pressing the track above the thumb pages up.
+                if (event.clientY < thumb.getBoundingClientRect().top)
+                    intent();
+            },
+        }
+        : {};
+    const thumbHandlers = intent
+        ? {
+            onPointerDown: (event) => {
+                dragY.current = event.clientY;
+            },
+            onPointerMove: (event) => {
+                if (dragY.current === null)
+                    return;
+                if (event.clientY < dragY.current)
+                    intent();
+                dragY.current = event.clientY;
+            },
+            onPointerUp: () => {
+                dragY.current = null;
+            },
+            onPointerCancel: () => {
+                dragY.current = null;
+            },
+        }
+        : {};
+    const rootStyle = maxHeight !== undefined ? { ...style, '--rl-scroll-area-max-height': maxHeight } : style;
+    return (_jsxs(BaseScrollArea.Root, { ...rest, ref: ref, className: cx('rl-scroll-area', className), "data-slot": "scroll-area", "data-orientation": orientation, style: rootStyle, children: [_jsx(BaseScrollArea.Viewport, { ref: viewportRef, role: "region", "aria-label": label, className: cx('rl-scroll-area__viewport', viewportClassName), 
+                // Vertical-only areas wrap to the width instead of growing a horizontal scroller.
+                style: both ? undefined : { overflowX: 'hidden' }, onScroll: onScroll, ...viewportHandlers, children: _jsx(BaseScrollArea.Content, { className: "rl-scroll-area__content", style: both ? undefined : { minWidth: 0 }, children: children }) }), _jsx(BaseScrollArea.Scrollbar, { className: "rl-scroll-area__scrollbar", orientation: "vertical", ...scrollbarHandlers, children: _jsx(BaseScrollArea.Thumb, { ref: thumbRef, className: "rl-scroll-area__thumb", ...thumbHandlers }) }), both && (_jsxs(_Fragment, { children: [_jsx(BaseScrollArea.Scrollbar, { className: "rl-scroll-area__scrollbar", orientation: "horizontal", children: _jsx(BaseScrollArea.Thumb, { className: "rl-scroll-area__thumb" }) }), _jsx(BaseScrollArea.Corner, { className: "rl-scroll-area__corner" })] }))] }));
+});
+//# sourceMappingURL=ScrollArea.js.map

package/dist/components/ScrollArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollArea.js","sourceRoot":"","sources":["../../src/components/ScrollArea.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAyCpC,MAAM,OAAO,GAAG,IAAI,GAAG,CAAC,CAAC,SAAS,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;AAEvD,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAkC,SAAS,UAAU,CAC7F,EAAE,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,GAAG,UAAU,EAAE,QAAQ,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EAC/I,GAAG;IAEH,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAgB,IAAI,CAAC,CAAC;IAChD,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAiB,IAAI,CAAC,CAAC;IACpD,MAAM,IAAI,GAAG,WAAW,KAAK,MAAM,CAAC;IAEpC,MAAM,MAAM,GAAG,gBAAgB,CAAC;IAChC,MAAM,gBAAgB,GAAG,MAAM;QAC7B,CAAC,CAAC;YACE,OAAO,EAAE,CAAC,KAAuC,EAAE,EAAE;gBACnD,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC;oBAAE,MAAM,EAAE,CAAC;YACjC,CAAC;YACD,SAAS,EAAE,CAAC,KAA0C,EAAE,EAAE;gBACxD,IAAI,KAAK,CAAC,MAAM,KAAK,KAAK,CAAC,aAAa,IAAI,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO;oBAAE,OAAO;gBACnG,IAAI,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,KAAK,GAAG,IAAI,KAAK,CAAC,QAAQ,CAAC;oBAAE,MAAM,EAAE,CAAC;YAChF,CAAC;SACF;QACH,CAAC,CAAC,EAAE,CAAC;IAEP,MAAM,iBAAiB,GAAG,MAAM;QAC9B,CAAC,CAAC;YACE,aAAa,EAAE,CAAC,KAAyC,EAAE,EAAE;gBAC3D,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC;gBAC/B,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC;oBAAE,OAAO;gBAC3D,+CAA+C;gBAC/C,IAAI,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,qBAAqB,EAAE,CAAC,GAAG;oBAAE,MAAM,EAAE,CAAC;YAClE,CAAC;SACF;QACH,CAAC,CAAC,EAAE,CAAC;IAEP,MAAM,aAAa,GAAG,MAAM;QAC1B,CAAC,CAAC;YACE,aAAa,EAAE,CAAC,KAAyC,EAAE,EAAE;gBAC3D,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;YAChC,CAAC;YACD,aAAa,EAAE,CAAC,KAAyC,EAAE,EAAE;gBAC3D,IAAI,KAAK,CAAC,OAAO,KAAK,IAAI;oBAAE,OAAO;gBACnC,IAAI,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO;oBAAE,MAAM,EAAE,CAAC;gBAC5C,KAAK,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;YAChC,CAAC;YACD,WAAW,EAAE,GAAG,EAAE;gBAChB,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;YACvB,CAAC;YACD,eAAe,EAAE,GAAG,EAAE;gBACpB,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;YACvB,CAAC;SACF;QACH,CAAC,CAAC,EAAE,CAAC;IAEP,MAAM,SAAS,GAAG,SAAS,KAAK,SAAS,CAAC,CAAC,CAAE,EAAE,GAAG,KAAK,EAAE,6BAA6B,EAAE,SAAS,EAA0B,CAAC,CAAC,CAAC,KAAK,CAAC;IAEpI,OAAO,CACL,MAAC,cAAc,CAAC,IAAI,OACd,IAAI,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,eAChC,aAAa,sBACL,WAAW,EAC7B,KAAK,EAAE,SAAS,aAEhB,KAAC,cAAc,CAAC,QAAQ,IACtB,GAAG,EAAE,WAAW,EAChB,IAAI,EAAC,QAAQ,gBACD,KAAK,EACjB,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE,iBAAiB,CAAC;gBAC5D,kFAAkF;gBAClF,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EACjD,QAAQ,EAAE,QAAQ,KACd,gBAAgB,YAEpB,KAAC,cAAc,CAAC,OAAO,IAAC,SAAS,EAAC,yBAAyB,EAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,YAClG,QAAQ,GACc,GACD,EAC1B,KAAC,cAAc,CAAC,SAAS,IAAC,SAAS,EAAC,2BAA2B,EAAC,WAAW,EAAC,UAAU,KAAK,iBAAiB,YAC1G,KAAC,cAAc,CAAC,KAAK,IAAC,GAAG,EAAE,QAAQ,EAAE,SAAS,EAAC,uBAAuB,KAAK,aAAa,GAAI,GACnE,EAC1B,IAAI,IAAI,CACP,8BACE,KAAC,cAAc,CAAC,SAAS,IAAC,SAAS,EAAC,2BAA2B,EAAC,WAAW,EAAC,YAAY,YACtF,KAAC,cAAc,CAAC,KAAK,IAAC,SAAS,EAAC,uBAAuB,GAAG,GACjC,EAC3B,KAAC,cAAc,CAAC,MAAM,IAAC,SAAS,EAAC,wBAAwB,GAAG,IAC3D,CACJ,IACmB,CACvB,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/Select.d.ts

@@ -0,0 +1,39 @@
+import * as React from 'react';
+import type { InputSize } from './Input.js';
+/**
+ * Single-value select on Base UI Select (ADR-0001): combobox + listbox semantics, typeahead,
+ * arrow/Home/End navigation, Escape to cancel, focus return. Inside `<Field>` it takes the
+ * field's label, description, error and validity; standalone, pass `aria-label`.
+ * Popup motion is a CSS transition on Base UI's starting/ending styles (--rl-motion-fast).
+ */
+export interface SelectOption {
+    value: string;
+    label: React.ReactNode;
+    disabled?: boolean;
+}
+export interface SelectGroup {
+    label: React.ReactNode;
+    options: readonly SelectOption[];
+}
+export type SelectProps = {
+    options: readonly (SelectOption | SelectGroup)[];
+    value?: string | null;
+    defaultValue?: string | null;
+    onValueChange?: (value: string | null) => void;
+    placeholder?: React.ReactNode;
+    name?: string;
+    required?: boolean;
+    disabled?: boolean;
+    readOnly?: boolean;
+    size?: InputSize;
+    /** Mark invalid outside a Field (inside a Field, validity comes from Field). */
+    invalid?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    id?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    className?: string;
+};
+export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../src/components/Select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAE5C;;;;;GAKG;AAEH,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,OAAO,EAAE,SAAS,YAAY,EAAE,CAAC;CAClC;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,EAAE,SAAS,CAAC,YAAY,GAAG,WAAW,CAAC,EAAE,CAAC;IACjD,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,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,gFAAgF;IAChF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AA+BF,eAAO,MAAM,MAAM,uFAoFjB,CAAC"}

package/dist/components/Select.js

@@ -0,0 +1,24 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Select as BaseSelect } from '@base-ui/react/select';
+import { useRhineMessages } from '../provider/messages.js';
+import { usePortalContainer } from '../provider/portal.js';
+import { cx } from '../utils/cx.js';
+const isGroup = (item) => 'options' in item;
+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 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(BaseSelect.Item, { value: option.value, disabled: option.disabled, className: "rl-select__item", children: [_jsx(BaseSelect.ItemIndicator, { className: "rl-select__indicator", children: _jsx(Check, {}) }), _jsx(BaseSelect.ItemText, { className: "rl-select__item-text", children: option.label })] }));
+}
+export const Select = React.forwardRef(function Select({ options, value, defaultValue, onValueChange, placeholder: placeholderProp, name, required, disabled, readOnly, size = 'md', invalid, open, onOpenChange, id, className, ...aria }, ref) {
+    const container = usePortalContainer();
+    const messages = useRhineMessages();
+    const items = React.useMemo(() => options.flatMap((o) => (isGroup(o) ? o.options : [o])).map((o) => ({ value: o.value, label: o.label })), [options]);
+    return (_jsxs(BaseSelect.Root, { items: items, value: value, defaultValue: defaultValue, onValueChange: onValueChange ? (v) => onValueChange(v ?? null) : undefined, name: name, required: required, disabled: disabled, readOnly: readOnly, open: open, onOpenChange: onOpenChange ? (o) => onOpenChange(o) : undefined, id: id, children: [_jsxs(BaseSelect.Trigger, { ...aria, ref: ref, ...(invalid ? { 'aria-invalid': true } : null), className: cx('rl-select', className), "data-slot": "select", "data-size": size, "data-invalid": invalid || undefined, children: [_jsx(BaseSelect.Value, { className: "rl-select__value", placeholder: placeholderProp === undefined ? messages.select.placeholder : placeholderProp }), _jsx(BaseSelect.Icon, { className: "rl-select__icon", children: _jsx(Chevron, {}) })] }), _jsx(BaseSelect.Portal, { container: container, children: _jsx(BaseSelect.Positioner, { className: "rl-select__positioner", sideOffset: 4, collisionPadding: 8, alignItemWithTrigger: false, positionMethod: "fixed", children: _jsx(BaseSelect.Popup, { className: "rl-select__popup", children: _jsx(BaseSelect.List, { className: "rl-select__list", children: options.map((item, index) => isGroup(item) ? (_jsxs(BaseSelect.Group, { className: "rl-select__group", children: [_jsx(BaseSelect.GroupLabel, { className: "rl-select__group-label", children: item.label }), item.options.map((o) => (_jsx(Option, { option: o }, o.value)))] }, `g-${index}`)) : (_jsx(Option, { option: item }, item.value))) }) }) }) })] }));
+});
+//# sourceMappingURL=Select.js.map

package/dist/components/Select.js.map

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

package/dist/components/Separator.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+export type SeparatorOrientation = 'horizontal' | 'vertical';
+export type SeparatorTone = 'subtle' | 'default' | 'strong';
+export type SeparatorProps = Omit<React.ComponentPropsWithoutRef<'div'>, 'role' | 'children'> & {
+    orientation?: SeparatorOrientation;
+    tone?: SeparatorTone;
+    /**
+     * Purely visual rule: removed from the accessibility tree. Use for decoration inside a
+     * group whose structure is already conveyed by headings or lists.
+     */
+    decorative?: boolean;
+};
+/**
+ * Thin rule between groups of content (`role="separator"`). It is never the only boundary of
+ * an interactive region (DESIGN.md §3); focus, error and selection have their own styles.
+ */
+export declare const Separator: React.ForwardRefExoticComponent<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "role"> & {
+    orientation?: SeparatorOrientation;
+    tone?: SeparatorTone;
+    /**
+     * Purely visual rule: removed from the accessibility tree. Use for decoration inside a
+     * group whose structure is already conveyed by headings or lists.
+     */
+    decorative?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Separator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../src/components/Separator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,oBAAoB,GAAG,YAAY,GAAG,UAAU,CAAC;AAC7D,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE5D,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC,GAAG;IAC9F,WAAW,CAAC,EAAE,oBAAoB,CAAC;IACnC,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,SAAS;kBAbN,oBAAoB;WAC3B,aAAa;IACpB;;;OAGG;iBACU,OAAO;wCAqBpB,CAAC"}

package/dist/components/Separator.js

@@ -0,0 +1,22 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { Separator as BaseSeparator } from '@base-ui/react/separator';
+import { cx } from '../utils/cx.js';
+/**
+ * Thin rule between groups of content (`role="separator"`). It is never the only boundary of
+ * an interactive region (DESIGN.md §3); focus, error and selection have their own styles.
+ */
+export const Separator = React.forwardRef(function Separator({ orientation = 'horizontal', tone = 'default', decorative = false, className, ...rest }, ref) {
+    const shared = {
+        ...rest,
+        className: cx('rl-separator', className),
+        'data-slot': 'separator',
+        'data-tone': tone,
+    };
+    if (decorative) {
+        return _jsx("div", { ...shared, ref: ref, "aria-hidden": "true", "data-orientation": orientation });
+    }
+    return _jsx(BaseSeparator, { ...shared, ref: ref, orientation: orientation });
+});
+//# sourceMappingURL=Separator.js.map

package/dist/components/Separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Separator.js","sourceRoot":"","sources":["../../src/components/Separator.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,IAAI,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAepC;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAAiC,SAAS,SAAS,CAC1F,EAAE,WAAW,GAAG,YAAY,EAAE,IAAI,GAAG,SAAS,EAAE,UAAU,GAAG,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EACxF,GAAG;IAEH,MAAM,MAAM,GAAG;QACb,GAAG,IAAI;QACP,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC;QACxC,WAAW,EAAE,WAAW;QACxB,WAAW,EAAE,IAAI;KAClB,CAAC;IACF,IAAI,UAAU,EAAE,CAAC;QACf,OAAO,iBAAS,MAAM,EAAE,GAAG,EAAE,GAAG,iBAAc,MAAM,sBAAmB,WAAW,GAAI,CAAC;IACzF,CAAC;IACD,OAAO,KAAC,aAAa,OAAK,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,WAAW,EAAE,WAAW,GAAI,CAAC;AAC3E,CAAC,CAAC,CAAC"}