@wzrhine/react 0.0.0-stage → 0.2.0

package/dist/components/ScrollArea.d.ts

@@ -0,0 +1,60 @@
+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 ScrollReveal = 'always' | 'hover' | 'scroll';
+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;
+    reveal?: ScrollReveal;
+    thumbMinSize?: 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;
+    reveal?: ScrollReveal;
+    thumbMinSize?: 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;AACxD,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEzD,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;IAC3B,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAIF,eAAO,MAAM,UAAU;IArBrB,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;aACjB,YAAY;mBACN,MAAM;wCA+FrB,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, reveal = 'hover', thumbMinSize, 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, ...(thumbMinSize ? { '--rl-scroll-thumb-min': thumbMinSize } : undefined) }, "data-reveal": reveal, 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":"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"}

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"}

package/dist/components/Skeleton.d.ts

@@ -0,0 +1,31 @@
+import * as React from 'react';
+/**
+ * Placeholder block for content that is still loading (ADR-0006 §7). Always `aria-hidden`:
+ * the container owns `aria-busy` and a visible or visually hidden 「正在加载」 text.
+ * Pulses on `--rl-motion-loop`; static under reduced motion.
+ *
+ *   <div aria-busy="true">
+ *     <Skeleton shape="text" lines={3} />
+ *     <span className="rl-visually-hidden">正在加载</span>
+ *   </div>
+ */
+export type SkeletonShape = 'text' | 'block' | 'circle';
+export type SkeletonProps = Omit<React.HTMLAttributes<HTMLSpanElement>, 'children' | 'role'> & {
+    shape?: SkeletonShape;
+    /** CSS length, e.g. `'12rem'`, `'60%'` or `'var(--rl-space-16)'`. */
+    width?: string;
+    /** CSS length. Text defaults to one line height; block and circle to `--rl-space-16`. */
+    height?: string;
+    /** Text only: number of lines; the last one is 60% wide. */
+    lines?: number;
+};
+export declare const Skeleton: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLSpanElement>, "children" | "role"> & {
+    shape?: SkeletonShape;
+    /** CSS length, e.g. `'12rem'`, `'60%'` or `'var(--rl-space-16)'`. */
+    width?: string;
+    /** CSS length. Text defaults to one line height; block and circle to `--rl-space-16`. */
+    height?: string;
+    /** Text only: number of lines; the last one is 60% wide. */
+    lines?: number;
+} & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=Skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../src/components/Skeleton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B;;;;;;;;;GASG;AAEH,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAExD,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC,GAAG;IAC7F,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yFAAyF;IACzF,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAIF,eAAO,MAAM,QAAQ;YAXX,aAAa;IACrB,qEAAqE;YAC7D,MAAM;IACd,yFAAyF;aAChF,MAAM;IACf,4DAA4D;YACpD,MAAM;yCA4Cd,CAAC"}

package/dist/components/Skeleton.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { cx } from '../utils/cx.js';
+export const Skeleton = React.forwardRef(function Skeleton({ shape = 'text', width, height, lines = 1, className, style, ...rest }, ref) {
+    const vars = {
+        ...style,
+        ...(width !== undefined && { '--rl-skeleton-width': width }),
+        ...(height !== undefined && { '--rl-skeleton-height': height }),
+    };
+    const count = shape === 'text' ? Math.max(1, Math.floor(lines)) : 1;
+    if (count > 1) {
+        return (_jsx("span", { ...rest, ref: ref, className: cx('rl-skeleton-lines', className), "data-slot": "skeleton", style: vars, "aria-hidden": "true", children: Array.from({ length: count }, (_, i) => (_jsx("span", { className: "rl-skeleton", "data-shape": "text", "data-last": i === count - 1 || undefined }, i))) }));
+    }
+    return (_jsx("span", { ...rest, ref: ref, className: cx('rl-skeleton', className), "data-slot": "skeleton", "data-shape": shape, style: vars, "aria-hidden": "true" }));
+});
+//# sourceMappingURL=Skeleton.js.map

package/dist/components/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../src/components/Skeleton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AA2BpC,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAiC,SAAS,QAAQ,CACxF,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,GAAG,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,IAAI,EAAE,EACvE,GAAG;IAEH,MAAM,IAAI,GAAkB;QAC1B,GAAG,KAAK;QACR,GAAG,CAAC,KAAK,KAAK,SAAS,IAAI,EAAE,qBAAqB,EAAE,KAAK,EAAE,CAAC;QAC5D,GAAG,CAAC,MAAM,KAAK,SAAS,IAAI,EAAE,sBAAsB,EAAE,MAAM,EAAE,CAAC;KAChE,CAAC;IACF,MAAM,KAAK,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAEpE,IAAI,KAAK,GAAG,CAAC,EAAE,CAAC;QACd,OAAO,CACL,kBACM,IAAI,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,SAAS,CAAC,eACnC,UAAU,EACpB,KAAK,EAAE,IAAI,iBACC,MAAM,YAEjB,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CACvC,eAAc,SAAS,EAAC,aAAa,gBAAY,MAAM,eAAY,CAAC,KAAK,KAAK,GAAG,CAAC,IAAI,SAAS,IAApF,CAAC,CAAuF,CACpG,CAAC,GACG,CACR,CAAC;IACJ,CAAC;IAED,OAAO,CACL,kBACM,IAAI,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,SAAS,CAAC,eAC7B,UAAU,gBACR,KAAK,EACjB,KAAK,EAAE,IAAI,iBACC,MAAM,GAClB,CACH,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/Slider.d.ts

@@ -0,0 +1,65 @@
+import * as React from 'react';
+/**
+ * Value on a continuous or stepped scale, on Base UI Slider (ADR-0010 §2). Each thumb is a
+ * native `<input type="range">` (visually hidden inside the thumb), named by the visible `label`
+ * through `aria-labelledby`, so the value submits with the form under `name`.
+ *
+ * Keyboard (Base UI): ←/↓ and →/↑ step, Shift + arrow or PageUp/PageDown take `largeStep`,
+ * Home/End jump to min/max. Dragging writes position directly; no transition runs while dragging.
+ *
+ * Discrete levels (e.g. an effort setting) use `marks`: ticks + labels under the track, and the
+ * mark label becomes the spoken value (`aria-valuetext`) when the thumb sits on it.
+ *
+ *   <Slider label="执行强度" min={0} max={4} marks={levels} defaultValue={2} />
+ *   <Slider label="温度范围" defaultValue={[20, 60]} thumbLabels={['下限', '上限']} />
+ */
+export interface SliderMark {
+    value: number;
+    /** Visible tick label; also the spoken value when the thumb is on this mark. */
+    label?: React.ReactNode;
+    /** Spoken text when `label` is not a string. */
+    valueText?: string;
+}
+type SliderValue = number | readonly number[];
+/** The value shape `onValueChange` reports: a number for single sliders, an array for ranges. */
+export type SliderChangeValue<V extends SliderValue> = V extends number ? number : number[];
+export type SliderProps<V extends SliderValue = number> = Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'defaultValue' | 'onChange' | 'aria-label' | 'aria-labelledby'> & {
+    /** Visible label; names every thumb (required, ADR-0001 naming rule). */
+    label: React.ReactNode;
+    /** The name comes from `label` (use `thumbLabels` for range thumbs). */
+    'aria-label'?: never;
+    'aria-labelledby'?: never;
+    /** Keep the label for assistive tech only. */
+    hideLabel?: boolean;
+    description?: React.ReactNode;
+    /** Single number, or an array for a range slider (one thumb per entry). */
+    value?: V;
+    defaultValue?: V;
+    onValueChange?: (value: SliderChangeValue<V>) => void;
+    /** Fires once per interaction (pointer release, key press). */
+    onValueCommitted?: (value: SliderChangeValue<V>) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    /** Step for PageUp / PageDown and Shift + arrow (default 10). */
+    largeStep?: number;
+    /** Minimum distance, in steps, between range thumbs. */
+    minStepsBetweenValues?: number;
+    marks?: readonly SliderMark[];
+    /** Intl options for the displayed and spoken value; locale comes from RhineProvider. */
+    format?: Intl.NumberFormatOptions;
+    /** Custom text for one value (display and default `aria-valuetext`). Wins over `format`. */
+    formatValue?: (value: number) => string;
+    /** Spoken value per thumb; wins over mark labels and `formatValue`. */
+    getAriaValueText?: (formattedValue: string, value: number, index: number) => string;
+    /** Distinct accessible names for range thumbs (e.g. ['下限', '上限']). */
+    thumbLabels?: readonly string[];
+    /** Show the current value next to the label (`<output>`). */
+    showValue?: boolean;
+    name?: string;
+    disabled?: boolean;
+    ref?: React.Ref<HTMLDivElement>;
+};
+export declare function Slider<V extends SliderValue = number>({ label, hideLabel, description, value, defaultValue, onValueChange, onValueCommitted, min, max, step, largeStep, minStepsBetweenValues, marks, format, formatValue, getAriaValueText, thumbLabels, showValue, name, disabled, className, ref, ...rest }: SliderProps<V>): React.JSX.Element;
+export {};
+//# sourceMappingURL=Slider.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../src/components/Slider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;;;;;;;;;;;GAaG;AAEH,MAAM,WAAW,UAAU;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,gFAAgF;IAChF,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,KAAK,WAAW,GAAG,MAAM,GAAG,SAAS,MAAM,EAAE,CAAC;AAC9C,iGAAiG;AACjG,MAAM,MAAM,iBAAiB,CAAC,CAAC,SAAS,WAAW,IAAI,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,CAAC;AAE5F,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,WAAW,GAAG,MAAM,IAAI,IAAI,CAC5D,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,UAAU,GAAG,cAAc,GAAG,UAAU,GAAG,YAAY,GAAG,iBAAiB,CAC5E,GAAG;IACF,yEAAyE;IACzE,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,wEAAwE;IACxE,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,iBAAiB,CAAC,EAAE,KAAK,CAAC;IAC1B,8CAA8C;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,2EAA2E;IAC3E,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,YAAY,CAAC,EAAE,CAAC,CAAC;IACjB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACtD,+DAA+D;IAC/D,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACzD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iEAAiE;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wDAAwD;IACxD,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,KAAK,CAAC,EAAE,SAAS,UAAU,EAAE,CAAC;IAC9B,wFAAwF;IACxF,MAAM,CAAC,EAAE,IAAI,CAAC,mBAAmB,CAAC;IAClC,4FAA4F;IAC5F,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,uEAAuE;IACvE,gBAAgB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACpF,sEAAsE;IACtE,WAAW,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAChC,6DAA6D;IAC7D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACjC,CAAC;AAQF,wBAAgB,MAAM,CAAC,CAAC,SAAS,WAAW,GAAG,MAAM,EAAE,EACrD,KAAK,EACL,SAAiB,EACjB,WAAW,EACX,KAAK,EACL,YAAY,EACZ,aAAa,EACb,gBAAgB,EAChB,GAAO,EACP,GAAS,EACT,IAAQ,EACR,SAAS,EACT,qBAAqB,EACrB,KAAK,EACL,MAAM,EACN,WAAW,EACX,gBAAgB,EAChB,WAAW,EACX,SAAiB,EACjB,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,GAAG,EACH,GAAG,IAAI,EACR,EAAE,WAAW,CAAC,CAAC,CAAC,qBAoFhB"}

package/dist/components/Slider.js

@@ -0,0 +1,30 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { Slider as BaseSlider } from '@base-ui/react/slider';
+import { useRhineLocale } from '../provider/messages.js';
+import { cx } from '../utils/cx.js';
+function markText(mark) {
+    if (!mark)
+        return undefined;
+    if (mark.valueText != null)
+        return mark.valueText;
+    return typeof mark.label === 'string' || typeof mark.label === 'number' ? String(mark.label) : undefined;
+}
+export function Slider({ label, hideLabel = false, description, value, defaultValue, onValueChange, onValueCommitted, min = 0, max = 100, step = 1, largeStep, minStepsBetweenValues, marks, format, formatValue, getAriaValueText, thumbLabels, showValue = false, name, disabled, className, ref, ...rest }) {
+    const { locale } = useRhineLocale();
+    const descriptionId = React.useId();
+    const current = value ?? defaultValue;
+    const thumbCount = Array.isArray(current) ? current.length : 1;
+    const range = max - min || 1;
+    const markFor = (v) => marks?.find((m) => m.value === v);
+    const textFor = (formatted, v) => markText(markFor(v)) ?? (formatValue ? formatValue(v) : formatted);
+    const valueText = (formatted, v, index) => getAriaValueText ? getAriaValueText(formatted, v, index) : textFor(formatted, v);
+    // Base UI may hand out a frozen array; copy it so callers can keep and mutate their state.
+    const normalize = (next) => (Array.isArray(next) ? [...next] : next);
+    return (_jsxs(BaseSlider.Root, { ...rest, ref: ref, value: value, defaultValue: defaultValue, onValueChange: onValueChange ? (next) => onValueChange(normalize(next)) : undefined, onValueCommitted: onValueCommitted ? (next) => onValueCommitted(normalize(next)) : undefined, min: min, max: max, step: step, largeStep: largeStep, minStepsBetweenValues: minStepsBetweenValues, format: format, locale: locale, name: name, disabled: disabled, className: cx('rl-slider', className), "data-slot": "slider", "data-has-marks": marks?.some((m) => m.label != null) || undefined, children: [_jsxs("div", { className: cx('rl-slider__header', hideLabel && !showValue && 'rl-visually-hidden'), children: [_jsx(BaseSlider.Label, { className: cx('rl-slider__label', hideLabel && 'rl-visually-hidden'), children: label }), showValue && (_jsx(BaseSlider.Value, { className: "rl-slider__value", children: (formatted, values) => values.map((v, i) => textFor(formatted[i] ?? String(v), v)).join(' – ') }))] }), _jsxs(BaseSlider.Control, { className: "rl-slider__control", children: [_jsxs(BaseSlider.Track, { className: "rl-slider__track", children: [_jsx(BaseSlider.Indicator, { className: "rl-slider__indicator" }), Array.from({ length: thumbCount }, (_, index) => (_jsx(BaseSlider.Thumb, { index: index, className: "rl-slider__thumb", getAriaLabel: thumbLabels ? (i) => thumbLabels[i] ?? '' : undefined, getAriaValueText: valueText, "aria-describedby": description != null ? descriptionId : undefined }, index)))] }), marks && marks.length > 0 && (_jsx("div", { className: "rl-slider__marks", "aria-hidden": "true", children: marks.map((mark) => {
+                            const percent = ((Math.min(max, Math.max(min, mark.value)) - min) / range) * 100;
+                            return (_jsxs("span", { className: "rl-slider__mark", "data-edge": percent === 0 ? 'start' : percent === 100 ? 'end' : undefined, style: { '--rl-slider-mark-position': `${percent}%` }, children: [_jsx("span", { className: "rl-slider__tick" }), mark.label != null && _jsx("span", { className: "rl-slider__mark-label", children: mark.label })] }, mark.value));
+                        }) }))] }), description != null && (_jsx("p", { id: descriptionId, className: "rl-slider__description", children: description }))] }));
+}
+//# sourceMappingURL=Slider.js.map

package/dist/components/Slider.js.map

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

package/dist/components/Spinner.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+/**
+ * Indeterminate activity indicator (ADR-0006 §7). With `label` it is a polite status
+ * (`role="status"` + visually hidden text); without, it is decorative and the surrounding
+ * control carries the busy state (e.g. Button `aria-busy`). Rotation runs on motion/react and
+ * stops under reduced motion (OS or RhineProvider), leaving a longer static arc.
+ *
+ *   <Spinner size="sm" label="正在加载记录" />
+ */
+export type SpinnerSize = 'sm' | 'md' | 'lg';
+export type SpinnerProps = Omit<React.HTMLAttributes<HTMLSpanElement>, 'children' | 'role'> & {
+    /** Maps to the icon-size tokens. */
+    size?: SpinnerSize;
+    /** Spoken status text, e.g. 「正在加载」. Omit for a decorative spinner. */
+    label?: string;
+};
+export declare const Spinner: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLSpanElement>, "children" | "role"> & {
+    /** Maps to the icon-size tokens. */
+    size?: SpinnerSize;
+    /** Spoken status text, e.g. 「正在加载」. Omit for a decorative spinner. */
+    label?: string;
+} & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=Spinner.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../src/components/Spinner.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B;;;;;;;GAOG;AAEH,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7C,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC,GAAG;IAC5F,oCAAoC;IACpC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,sEAAsE;IACtE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,OAAO;IANlB,oCAAoC;WAC7B,WAAW;IAClB,sEAAsE;YAC9D,MAAM;yCAkCd,CAAC"}

package/dist/components/Spinner.js

@@ -0,0 +1,13 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { motion } from 'motion/react';
+import { transition } from '../motion/presets.js';
+import { useRhineMotion } from '../motion/useRhineMotion.js';
+import { cx } from '../utils/cx.js';
+export const Spinner = React.forwardRef(function Spinner({ size = 'md', label, className, ...rest }, ref) {
+    const { reduced } = useRhineMotion();
+    const named = label !== undefined && label !== '';
+    return (_jsxs("span", { ...rest, ref: ref, className: cx('rl-spinner', className), "data-slot": "spinner", "data-size": size, "data-reduced": reduced || undefined, role: named ? 'status' : undefined, "aria-hidden": named ? undefined : true, children: [_jsxs(motion.svg, { className: "rl-spinner__svg", viewBox: "0 0 16 16", "aria-hidden": "true", focusable: "false", animate: reduced ? { rotate: 0 } : { rotate: 360 }, transition: reduced ? transition.instant : transition.loop, children: [_jsx("circle", { className: "rl-spinner__track", cx: "8", cy: "8", r: "6" }), _jsx("circle", { className: "rl-spinner__arc", cx: "8", cy: "8", r: "6", pathLength: "100" })] }), named && _jsx("span", { className: "rl-visually-hidden", children: label })] }));
+});
+//# sourceMappingURL=Spinner.js.map

package/dist/components/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../src/components/Spinner.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAoBpC,MAAM,CAAC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAgC,SAAS,OAAO,CACrF,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAC1C,GAAG;IAEH,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,KAAK,GAAG,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE,CAAC;IAClD,OAAO,CACL,mBACM,IAAI,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,eAC5B,SAAS,eACR,IAAI,kBACD,OAAO,IAAI,SAAS,EAClC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,iBACrB,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,aAErC,MAAC,MAAM,CAAC,GAAG,IACT,SAAS,EAAC,iBAAiB,EAC3B,OAAO,EAAC,WAAW,iBACP,MAAM,EAClB,SAAS,EAAC,OAAO,EACjB,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,EAClD,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,aAE1D,iBAAQ,SAAS,EAAC,mBAAmB,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,GAAG,EAC5D,iBAAQ,SAAS,EAAC,iBAAiB,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,UAAU,EAAC,KAAK,GAAG,IAChE,EACZ,KAAK,IAAI,eAAM,SAAS,EAAC,oBAAoB,YAAE,KAAK,GAAQ,IACxD,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/SplitButton.d.ts

@@ -0,0 +1,59 @@
+import * as React from 'react';
+import type { ButtonSize, ButtonVariant } from './Button.js';
+import type { MenuAlign, MenuSide } from './Menu.js';
+/**
+ * A primary action with an attached menu of related actions ("导出 CSV ▾ → 导出 JSON / 导出 PDF").
+ * Both halves are real `<button>`s inside a `role="group"` named by `label`, drawn in one frame.
+ * The main part is the public Button (loading keeps focus and announces busy); the toggle is an
+ * IconButton (name from `menuLabel`) that opens the public Menu (Base UI: menu / menuitem
+ * semantics, arrow keys, typeahead, Escape returns focus to the toggle). Enter / Space / ↓ on the
+ * toggle open the menu. While `loading` the toggle is `aria-disabled` and refuses to open (it keeps
+ * focus, so choosing a menu item that starts the busy state never drops focus to the page), and an
+ * open menu closes. `disabled` disables both halves natively. Motion: Button press + Menu CSS
+ * transition only.
+ *
+ *   <SplitButton label="导出 CSV" menuLabel="更多导出格式" onClick={exportCsv}>
+ *     <MenuItem onSelect={exportJson}>导出 JSON</MenuItem>
+ *   </SplitButton>
+ */
+export type SplitButtonProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick' | 'children' | 'role' | 'aria-label'> & {
+    /** Text of the main action; also names the group. */
+    label: string;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    /** Accessible name of the menu toggle, e.g. 「更多导出方式」. */
+    menuLabel: string;
+    /** Menu content: MenuItem, MenuGroup, MenuSeparator… */
+    children: React.ReactNode;
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    disabled?: boolean;
+    /** Busy main action; the toggle stays focusable but will not open until it settles. */
+    loading?: boolean;
+    /** Decorative leading icon of the main action. */
+    iconStart?: React.ReactNode;
+    menuSide?: MenuSide;
+    menuAlign?: MenuAlign;
+    menuOpen?: boolean;
+    onMenuOpenChange?: (open: boolean) => void;
+};
+export declare const SplitButton: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "role" | "aria-label" | "onClick"> & {
+    /** Text of the main action; also names the group. */
+    label: string;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    /** Accessible name of the menu toggle, e.g. 「更多导出方式」. */
+    menuLabel: string;
+    /** Menu content: MenuItem, MenuGroup, MenuSeparator… */
+    children: React.ReactNode;
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    disabled?: boolean;
+    /** Busy main action; the toggle stays focusable but will not open until it settles. */
+    loading?: boolean;
+    /** Decorative leading icon of the main action. */
+    iconStart?: React.ReactNode;
+    menuSide?: MenuSide;
+    menuAlign?: MenuAlign;
+    menuOpen?: boolean;
+    onMenuOpenChange?: (open: boolean) => void;
+} & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=SplitButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SplitButton.d.ts","sourceRoot":"","sources":["../../src/components/SplitButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAI7D,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAErD;;;;;;;;;;;;;;GAcG;AAEH,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,MAAM,GAAG,YAAY,CAAC,GAAG;IAC1H,qDAAqD;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC/D,yDAAyD;IACzD,SAAS,EAAE,MAAM,CAAC;IAClB,wDAAwD;IACxD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uFAAuF;IACvF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kDAAkD;IAClD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC5C,CAAC;AAkBF,eAAO,MAAM,WAAW;IApCtB,qDAAqD;WAC9C,MAAM;cACH,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI;IAC9D,yDAAyD;eAC9C,MAAM;IACjB,wDAAwD;cAC9C,KAAK,CAAC,SAAS;cACf,aAAa;WAChB,UAAU;eACN,OAAO;IAClB,uFAAuF;cAC7E,OAAO;IACjB,kDAAkD;gBACtC,KAAK,CAAC,SAAS;eAChB,QAAQ;gBACP,SAAS;eACV,OAAO;uBACC,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI;wCAmF1C,CAAC"}

package/dist/components/SplitButton.js

@@ -0,0 +1,30 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { cx } from '../utils/cx.js';
+import { Button } from './Button.js';
+import { IconButton } from './IconButton.js';
+import { Menu } from './Menu.js';
+const toggleVariant = {
+    primary: 'primary',
+    // Accent has no IconButton twin; split.css paints the toggle with the accent tokens.
+    accent: 'primary',
+    secondary: 'secondary',
+    ghost: 'ghost',
+};
+function Chevron() {
+    return (_jsx("svg", { viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: "1.5", "aria-hidden": "true", focusable: "false", children: _jsx("path", { d: "m4 6 4 4 4-4", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+}
+export const SplitButton = React.forwardRef(function SplitButton({ label, onClick, menuLabel, children, variant = 'primary', size = 'md', disabled = false, loading = false, iconStart, menuSide = 'bottom', menuAlign = 'end', menuOpen, onMenuOpenChange, className, ...rest }, ref) {
+    const [innerOpen, setInnerOpen] = React.useState(false);
+    const open = (menuOpen ?? innerOpen) && !loading && !disabled;
+    const handleOpenChange = (next) => {
+        if (next && loading)
+            return;
+        if (menuOpen === undefined)
+            setInnerOpen(next);
+        onMenuOpenChange?.(next);
+    };
+    return (_jsxs("div", { ...rest, ref: ref, role: "group", "aria-label": label, className: cx('rl-split-button', className), "data-slot": "split-button", "data-variant": variant, "data-size": size, "data-disabled": disabled || undefined, children: [_jsx(Button, { className: "rl-split-button__main", variant: variant, size: size, disabled: disabled, loading: loading, iconStart: iconStart, onClick: onClick, children: label }), _jsx(Menu, { side: menuSide, align: menuAlign, open: open, onOpenChange: handleOpenChange, disabled: disabled, trigger: _jsx(IconButton, { className: "rl-split-button__toggle", label: menuLabel, icon: _jsx(Chevron, {}), variant: toggleVariant[variant], size: size, disabled: disabled, "aria-disabled": loading || undefined }), children: children })] }));
+});
+//# sourceMappingURL=SplitButton.js.map