@fangxinyan/lumina 0.5.0 → 0.6.0

package/dist/chunk-ZHCQEJ2Z.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Splitter/Splitter.tsx"],"names":[],"mappings":";;;;;;;AA+CO,IAAM,QAAA,GAAiB,iBAA0C,CAAC;AAAA,EACvE,SAAA,GAAY,YAAA;AAAA,EACZ,WAAA,GAAc,GAAA;AAAA,EACd,IAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EACA,GAAA,GAAM,EAAA;AAAA,EACN,GAAA,GAAM,QAAA;AAAA,EACN,IAAA,GAAO,EAAA;AAAA,EACP,QAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,eAAA,GAAkB,EAAA;AAAA,EAClB,GAAG;AACL,CAAA,EAAG,GAAA,KAAQ;AACT,EAAA,MAAM,eAAe,IAAA,KAAS,MAAA;AAC9B,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAU,eAAS,WAAW,CAAA;AACpD,EAAA,MAAM,OAAA,GAAU,eAAgB,IAAA,GAAkB,KAAA;AAElD,EAAA,MAAM,YAAA,GAAqB,aAA8B,IAAI,CAAA;AAC7D,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAU,eAAS,KAAK,CAAA;AAEpD,EAAA,MAAM,KAAA,GAAc,KAAA,CAAA,WAAA;AAAA,IAClB,CAAC,CAAA,KAAc;AACb,MAAA,MAAM,KAAK,YAAA,CAAa,OAAA;AACxB,MAAA,MAAM,QAAQ,EAAA,GACV,SAAA,KAAc,eACZ,EAAA,CAAG,WAAA,GACH,GAAG,YAAA,GACL,QAAA;AACJ,MAAA,OAAO,KAAK,GAAA,CAAI,GAAA,EAAK,IAAA,CAAK,GAAA,CAAI,KAAK,GAAA,CAAI,GAAA,EAAK,IAAA,CAAK,GAAA,CAAI,GAAG,KAAA,GAAQ,EAAE,CAAC,CAAA,EAAG,CAAC,CAAC,CAAA;AAAA,IAC1E,CAAA;AAAA,IACA,CAAC,SAAA,EAAW,GAAA,EAAK,GAAG;AAAA,GACtB;AAEA,EAAA,MAAM,MAAA,GAAe,KAAA,CAAA,WAAA;AAAA,IACnB,CAAC,CAAA,KAAc;AACb,MAAA,MAAM,OAAA,GAAU,MAAM,CAAC,CAAA;AACvB,MAAA,IAAI,CAAC,YAAA,EAAc,QAAA,CAAS,OAAO,CAAA;AACnC,MAAA,QAAA,GAAW,OAAO,CAAA;AAClB,MAAA,OAAO,OAAA;AAAA,IACT,CAAA;AAAA,IACA,CAAC,KAAA,EAAO,YAAA,EAAc,QAAQ;AAAA,GAChC;AAEA,EAAA,MAAM,aAAA,GAAgB,CAAC,CAAA,KAA0B;AAC/C,IAAA,IAAI,CAAA,CAAE,WAAW,CAAA,EAAG;AACpB,IAAA,CAAA,CAAE,cAAA,EAAe;AACjB,IAAA,MAAM,KAAK,YAAA,CAAa,OAAA;AACxB,IAAA,IAAI,CAAC,EAAA,EAAI;AACT,IAAA,MAAM,IAAA,GAAO,GAAG,qBAAA,EAAsB;AACtC,IAAA,WAAA,CAAY,IAAI,CAAA;AAChB,IAAC,CAAA,CAAE,MAAA,CAAmB,iBAAA,GAAoB,CAAA,CAAE,SAAS,CAAA;AAErD,IAAA,IAAI,MAAA,GAAS,OAAA;AACb,IAAA,MAAM,IAAA,GAAO,CAAC,EAAA,KAAqB;AACjC,MAAA,MAAM,IAAA,GACJ,cAAc,YAAA,GAAe,EAAA,CAAG,UAAU,IAAA,CAAK,IAAA,GAAO,EAAA,CAAG,OAAA,GAAU,IAAA,CAAK,GAAA;AAC1E,MAAA,MAAA,GAAS,OAAO,IAAI,CAAA;AAAA,IACtB,CAAA;AACA,IAAA,MAAM,KAAK,MAAM;AACf,MAAA,WAAA,CAAY,KAAK,CAAA;AACjB,MAAA,WAAA,GAAc,MAAM,CAAA;AACpB,MAAA,MAAA,CAAO,mBAAA,CAAoB,eAAe,IAAI,CAAA;AAC9C,MAAA,MAAA,CAAO,mBAAA,CAAoB,aAAa,EAAE,CAAA;AAAA,IAC5C,CAAA;AACA,IAAA,MAAA,CAAO,gBAAA,CAAiB,eAAe,IAAI,CAAA;AAC3C,IAAA,MAAA,CAAO,gBAAA,CAAiB,aAAa,EAAE,CAAA;AAAA,EACzC,CAAA;AAEA,EAAA,MAAM,SAAA,GAAY,CAAC,CAAA,KAA2B;AAC5C,IAAA,MAAM,GAAA,GAAM,CAAC,CAAA,KAAc,MAAA,CAAO,UAAU,CAAC,CAAA;AAC7C,IAAA,IAAI,cAAc,YAAA,EAAc;AAC9B,MAAA,IAAI,CAAA,CAAE,QAAQ,WAAA,EAAc;AAAE,QAAA,CAAA,CAAE,cAAA,EAAe;AAAG,QAAA,GAAA,CAAI,CAAC,IAAI,CAAA;AAAA,MAAG;AAC9D,MAAA,IAAI,CAAA,CAAE,QAAQ,YAAA,EAAc;AAAE,QAAA,CAAA,CAAE,cAAA,EAAe;AAAG,QAAA,GAAA,CAAI,IAAI,CAAA;AAAA,MAAG;AAAA,IAC/D,CAAA,MAAO;AACL,MAAA,IAAI,CAAA,CAAE,QAAQ,SAAA,EAAc;AAAE,QAAA,CAAA,CAAE,cAAA,EAAe;AAAG,QAAA,GAAA,CAAI,CAAC,IAAI,CAAA;AAAA,MAAG;AAC9D,MAAA,IAAI,CAAA,CAAE,QAAQ,WAAA,EAAc;AAAE,QAAA,CAAA,CAAE,cAAA,EAAe;AAAG,QAAA,GAAA,CAAI,IAAI,CAAA;AAAA,MAAG;AAAA,IAC/D;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,UAAA,GACJ,cAAc,YAAA,GAAe,EAAE,OAAO,OAAA,EAAQ,GAAI,EAAE,MAAA,EAAQ,OAAA,EAAQ;AAEtE,EAAA,uBACE,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,GAAA,EAAK,CAAC,IAAA,KAAS;AACb,QAAA,YAAA,CAAa,OAAA,GAAU,IAAA;AACvB,QAAA,IAAI,OAAO,GAAA,KAAQ,UAAA,EAAY,GAAA,CAAI,IAAI,CAAA;AAAA,aAAA,IAC9B,GAAA,EAAM,GAAA,CAAsD,OAAA,GAAU,IAAA;AAAA,MACjF,CAAA;AAAA,MACA,SAAA,EAAW,YAAY,SAAS,CAAA,CAAA,EAAI,WAAW,UAAA,GAAa,EAAE,IAAI,SAAS,CAAA,CAAA;AAAA,MAC1E,GAAG,IAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,SAAI,SAAA,EAAU,sBAAA,EAAuB,OAAO,UAAA,EAC1C,QAAA,EAAA,QAAA,CAAS,CAAC,CAAA,EACb,CAAA;AAAA,wBACA,GAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,WAAA;AAAA,YACL,QAAA,EAAU,CAAA;AAAA,YACV,kBAAA,EAAkB,SAAA,KAAc,YAAA,GAAe,UAAA,GAAa,YAAA;AAAA,YAC5D,eAAA,EAAe,OAAA;AAAA,YACf,eAAA,EAAe,GAAA;AAAA,YACf,eAAA,EAAe,MAAA,CAAO,QAAA,CAAS,GAAG,IAAI,GAAA,GAAM,MAAA;AAAA,YAC5C,SAAA,EAAW,mBAAmB,eAAe,CAAA,CAAA;AAAA,YAC7C,aAAA;AAAA,YACA,SAAA;AAAA,YAEA,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,sBAAA,EAAuB,eAAW,IAAA,EAAC;AAAA;AAAA,SACrD;AAAA,4BACC,KAAA,EAAA,EAAI,SAAA,EAAU,uBAAA,EAAyB,QAAA,EAAA,QAAA,CAAS,CAAC,CAAA,EAAE;AAAA;AAAA;AAAA,GACtD;AAEJ,CAAC;AACD,QAAA,CAAS,WAAA,GAAc,UAAA","file":"chunk-ZHCQEJ2Z.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Splitter.css\";\nimport * as React from \"react\";\n\nexport type SplitterDirection = \"horizontal\" | \"vertical\";\n\nexport interface SplitterProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"children\" | \"onResize\"> {\n  /**\n   * Layout direction.\n   * - `\"horizontal\"` (default) — children placed left/right, handle is a vertical bar.\n   * - `\"vertical\"` — children placed top/bottom, handle is a horizontal bar.\n   */\n  direction?: SplitterDirection;\n  /** Uncontrolled initial size (px) of the first panel. */\n  defaultSize?: number;\n  /** Controlled size (px) of the first panel. */\n  size?: number;\n  /** Fires while the user drags. */\n  onResize?: (size: number) => void;\n  /** Fires once when the drag ends. */\n  onResizeEnd?: (size: number) => void;\n  /** Minimum size (px) of the first panel. Default 80. */\n  min?: number;\n  /** Maximum size (px) of the first panel. Default Infinity. */\n  max?: number;\n  /** Keyboard step in px. Default 16. */\n  step?: number;\n  /** Exactly two children: the two panels. */\n  children: [React.ReactNode, React.ReactNode];\n  className?: string;\n  /** Extra className on the drag handle. */\n  handleClassName?: string;\n}\n\n/**\n * `Splitter` — draggable split between two panels. Keyboard-accessible.\n *\n * @example\n * ```tsx\n * <Splitter defaultSize={240} min={160} max={400}>\n *   <Sidebar ... />\n *   <main>...</main>\n * </Splitter>\n * ```\n */\nexport const Splitter = React.forwardRef<HTMLDivElement, SplitterProps>(({\n  direction = \"horizontal\",\n  defaultSize = 240,\n  size,\n  onResize,\n  onResizeEnd,\n  min = 80,\n  max = Infinity,\n  step = 16,\n  children,\n  className = \"\",\n  handleClassName = \"\",\n  ...rest\n}, ref) => {\n  const isControlled = size !== undefined;\n  const [inner, setInner] = React.useState(defaultSize);\n  const current = isControlled ? (size as number) : inner;\n\n  const containerRef = React.useRef<HTMLDivElement | null>(null);\n  const [dragging, setDragging] = React.useState(false);\n\n  const clamp = React.useCallback(\n    (n: number) => {\n      const el = containerRef.current;\n      const bound = el\n        ? direction === \"horizontal\"\n          ? el.clientWidth\n          : el.clientHeight\n        : Infinity;\n      return Math.max(min, Math.min(Math.min(max, Math.max(0, bound - 24)), n));\n    },\n    [direction, min, max]\n  );\n\n  const commit = React.useCallback(\n    (n: number) => {\n      const clamped = clamp(n);\n      if (!isControlled) setInner(clamped);\n      onResize?.(clamped);\n      return clamped;\n    },\n    [clamp, isControlled, onResize]\n  );\n\n  const onPointerDown = (e: React.PointerEvent) => {\n    if (e.button !== 0) return;\n    e.preventDefault();\n    const el = containerRef.current;\n    if (!el) return;\n    const rect = el.getBoundingClientRect();\n    setDragging(true);\n    (e.target as Element).setPointerCapture?.(e.pointerId);\n\n    let latest = current;\n    const move = (ev: PointerEvent) => {\n      const next =\n        direction === \"horizontal\" ? ev.clientX - rect.left : ev.clientY - rect.top;\n      latest = commit(next);\n    };\n    const up = () => {\n      setDragging(false);\n      onResizeEnd?.(latest);\n      window.removeEventListener(\"pointermove\", move);\n      window.removeEventListener(\"pointerup\", up);\n    };\n    window.addEventListener(\"pointermove\", move);\n    window.addEventListener(\"pointerup\", up);\n  };\n\n  const onKeyDown = (e: React.KeyboardEvent) => {\n    const inc = (n: number) => commit(current + n);\n    if (direction === \"horizontal\") {\n      if (e.key === \"ArrowLeft\")  { e.preventDefault(); inc(-step); }\n      if (e.key === \"ArrowRight\") { e.preventDefault(); inc(step); }\n    } else {\n      if (e.key === \"ArrowUp\")    { e.preventDefault(); inc(-step); }\n      if (e.key === \"ArrowDown\")  { e.preventDefault(); inc(step); }\n    }\n  };\n\n  const firstStyle: React.CSSProperties =\n    direction === \"horizontal\" ? { width: current } : { height: current };\n\n  return (\n    <div\n      ref={(node) => {\n        containerRef.current = node;\n        if (typeof ref === \"function\") ref(node);\n        else if (ref) (ref as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      }}\n      className={`splitter ${direction} ${dragging ? \"dragging\" : \"\"} ${className}`}\n      {...rest}\n    >\n      <div className=\"splitter-panel first\" style={firstStyle}>\n        {children[0]}\n      </div>\n      <div\n        role=\"separator\"\n        tabIndex={0}\n        aria-orientation={direction === \"horizontal\" ? \"vertical\" : \"horizontal\"}\n        aria-valuenow={current}\n        aria-valuemin={min}\n        aria-valuemax={Number.isFinite(max) ? max : undefined}\n        className={`splitter-handle ${handleClassName}`}\n        onPointerDown={onPointerDown}\n        onKeyDown={onKeyDown}\n      >\n        <span className=\"splitter-handle-grip\" aria-hidden />\n      </div>\n      <div className=\"splitter-panel second\">{children[1]}</div>\n    </div>\n  );\n});\nSplitter.displayName = \"Splitter\";\n"]}

package/dist/{chunk-T4PI2ZX7.cjs → chunk-ZM4P6ELG.cjs}

@@ -1,8 +1,8 @@
 'use strict';
 
-var chunkRQV7SMIZ_cjs = require('./chunk-RQV7SMIZ.cjs');
-var chunkRZ2E3XEU_cjs = require('./chunk-RZ2E3XEU.cjs');
-var chunkYCHUHMNP_cjs = require('./chunk-YCHUHMNP.cjs');
+var chunkQCNHDDSD_cjs = require('./chunk-QCNHDDSD.cjs');
+var chunk3XIDJEYR_cjs = require('./chunk-3XIDJEYR.cjs');
+var chunkDH4NYYJP_cjs = require('./chunk-DH4NYYJP.cjs');
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
 require('./Select-J3CCVFJ7.css');
@@ -37,7 +37,7 @@ var defaultFilter = (input, opt) => {
   const txt = opt.text ?? (typeof opt.label === "string" ? opt.label : String(opt.value));
   return txt.toLowerCase().includes(q);
 };
-function Select(props) {
+var SelectInner = (props, forwardedRef) => {
   const {
     options,
     placeholder = "\u8BF7\u9009\u62E9\u2026",
@@ -53,9 +53,17 @@ function Select(props) {
     defaultOpen,
     onOpenChange,
     className = "",
-    menuClassName = ""
+    menuClassName = "",
+    onKeyDown: onRootKeyDown,
+    multiple,
+    value: _value,
+    defaultValue: _defaultValue,
+    onChange: _selectionChange,
+    onClear: _onClear,
+    maxTagCount: _maxTagCount,
+    ...rest
   } = props;
-  const isMulti = props.multiple === true;
+  const isMulti = multiple === true;
   const [innerSingle, setInnerSingle] = React__namespace.useState(
     !isMulti ? props.defaultValue : void 0
   );
@@ -66,7 +74,6 @@ function Select(props) {
   const [query, setQuery] = React__namespace.useState("");
   const [activeIdx, setActiveIdx] = React__namespace.useState(-1);
   const searchRef = React__namespace.useRef(null);
-  const menuRef = React__namespace.useRef(null);
   const openControlled = openProp !== void 0;
   const open = openControlled ? openProp : innerOpen;
   const setOpen = (v) => {
@@ -74,12 +81,20 @@ function Select(props) {
     onOpenChange?.(v);
     if (!v) setQuery("");
   };
-  const { triggerRef: ref, floatingStyle } = chunkRZ2E3XEU_cjs.useFloating({
+  const { triggerRef, floatingRef: menuRef, floatingStyle } = chunk3XIDJEYR_cjs.useFloating({
     open,
     placement: "bottom",
     matchTriggerWidth: true,
     panelHeight: 320
   });
+  const setTriggerRef = React__namespace.useCallback(
+    (node) => {
+      triggerRef.current = node;
+      if (typeof forwardedRef === "function") forwardedRef(node);
+      else if (forwardedRef) forwardedRef.current = node;
+    },
+    [forwardedRef, triggerRef]
+  );
   const singleControlled = !isMulti && props.value !== void 0;
   const multiControlled = isMulti && props.value !== void 0;
   const singleValue = singleControlled ? props.value : innerSingle;
@@ -88,7 +103,7 @@ function Select(props) {
     if (!open) return;
     const h = (e) => {
       const t = e.target;
-      if (ref.current?.contains(t)) return;
+      if (triggerRef.current?.contains(t)) return;
       if (menuRef.current?.contains(t)) return;
       setOpen(false);
     };
@@ -188,7 +203,7 @@ function Select(props) {
       }
       return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "select-tags", children: [
         shown.map((o) => /* @__PURE__ */ jsxRuntime.jsx(
-          chunkRQV7SMIZ_cjs.Tag,
+          chunkQCNHDDSD_cjs.Tag,
           {
             tone: "accent",
             removable: !disabled,
@@ -203,7 +218,7 @@ function Select(props) {
           },
           String(o.value)
         )),
-        overflow > 0 && /* @__PURE__ */ jsxRuntime.jsxs(chunkRQV7SMIZ_cjs.Tag, { tone: "neutral", children: [
+        overflow > 0 && /* @__PURE__ */ jsxRuntime.jsxs(chunkQCNHDDSD_cjs.Tag, { tone: "neutral", children: [
           "+",
           overflow
         ] })
@@ -212,7 +227,7 @@ function Select(props) {
     const current = allFlat.find((o) => o.value === singleValue);
     if (!current) return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "placeholder", children: placeholder });
     return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "select-value", children: [
-      current.icon && /* @__PURE__ */ jsxRuntime.jsx(chunkYCHUHMNP_cjs.Icon, { name: current.icon, size: 14 }),
+      current.icon && /* @__PURE__ */ jsxRuntime.jsx(chunkDH4NYYJP_cjs.Icon, { name: current.icon, size: 14 }),
       /* @__PURE__ */ jsxRuntime.jsx("span", { children: current.label })
     ] });
   };
@@ -235,13 +250,13 @@ function Select(props) {
         onMouseEnter: () => setActiveIdx(idx),
         onClick: () => isMulti ? toggleMulti(o) : pickSingle(o),
         children: [
-          isMulti && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `menu-check ${sel ? "on" : ""}`, "aria-hidden": true, children: sel && /* @__PURE__ */ jsxRuntime.jsx(chunkYCHUHMNP_cjs.Icon, { name: "check", size: 11, stroke: 3 }) }),
-          o.icon && /* @__PURE__ */ jsxRuntime.jsx(chunkYCHUHMNP_cjs.Icon, { name: o.icon, size: 14 }),
+          isMulti && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `menu-check ${sel ? "on" : ""}`, "aria-hidden": true, children: sel && /* @__PURE__ */ jsxRuntime.jsx(chunkDH4NYYJP_cjs.Icon, { name: "check", size: 11, stroke: 3 }) }),
+          o.icon && /* @__PURE__ */ jsxRuntime.jsx(chunkDH4NYYJP_cjs.Icon, { name: o.icon, size: 14 }),
           /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "menu-item-body", children: [
             /* @__PURE__ */ jsxRuntime.jsx("span", { className: "menu-item-label", children: o.label }),
             o.description && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "menu-item-desc", children: o.description })
           ] }),
-          !isMulti && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tick", children: /* @__PURE__ */ jsxRuntime.jsx(chunkYCHUHMNP_cjs.Icon, { name: "check", size: 12, stroke: 3 }) })
+          !isMulti && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "tick", children: /* @__PURE__ */ jsxRuntime.jsx(chunkDH4NYYJP_cjs.Icon, { name: "check", size: 12, stroke: 3 }) })
         ]
       },
       String(o.value)
@@ -250,10 +265,14 @@ function Select(props) {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      ref,
+      ref: setTriggerRef,
+      ...rest,
       className: `select ${size} ${isMulti ? "multi" : ""} ${open ? "open" : ""} ${disabled ? "disabled" : ""} ${invalid ? "invalid" : ""} ${className}`,
-      onKeyDown,
-      tabIndex: disabled ? -1 : 0,
+      onKeyDown: (e) => {
+        onRootKeyDown?.(e);
+        onKeyDown(e);
+      },
+      tabIndex: disabled ? -1 : rest.tabIndex ?? 0,
       children: [
         /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
@@ -264,8 +283,8 @@ function Select(props) {
             onClick: () => !disabled && setOpen(!open),
             children: [
               renderTrigger(),
-              showClear && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "select-clear", role: "button", "aria-label": "Clear", onClick: clearAll, children: /* @__PURE__ */ jsxRuntime.jsx(chunkYCHUHMNP_cjs.Icon, { name: "x", size: 12 }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(chunkYCHUHMNP_cjs.Icon, { name: "chevDown", size: 14, className: "select-caret" })
+              showClear && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "select-clear", role: "button", "aria-label": "Clear", onClick: clearAll, children: /* @__PURE__ */ jsxRuntime.jsx(chunkDH4NYYJP_cjs.Icon, { name: "x", size: 12 }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(chunkDH4NYYJP_cjs.Icon, { name: "chevDown", size: 14, className: "select-caret" })
             ]
           }
         ),
@@ -280,7 +299,7 @@ function Select(props) {
               style: floatingStyle,
               children: [
                 searchable && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "menu-search", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(chunkYCHUHMNP_cjs.Icon, { name: "search", size: 13 }),
+                  /* @__PURE__ */ jsxRuntime.jsx(chunkDH4NYYJP_cjs.Icon, { name: "search", size: 13 }),
                   /* @__PURE__ */ jsxRuntime.jsx(
                     "input",
                     {
@@ -302,7 +321,7 @@ function Select(props) {
                   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "menu-state-ico", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "spinner" }) }),
                   /* @__PURE__ */ jsxRuntime.jsx("span", { children: "\u52A0\u8F7D\u4E2D..." })
                 ] }) : filteredItems.length === 0 ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "menu-state", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "menu-state-ico", children: /* @__PURE__ */ jsxRuntime.jsx(chunkYCHUHMNP_cjs.Icon, { name: "search", size: 16 }) }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "menu-state-ico", children: /* @__PURE__ */ jsxRuntime.jsx(chunkDH4NYYJP_cjs.Icon, { name: "search", size: 16 }) }),
                   /* @__PURE__ */ jsxRuntime.jsx("span", { children: emptyContent ?? "\u6682\u65E0\u5339\u914D\u9879" })
                 ] }) : filteredItems.map(
                   (it, gi) => isGroup(it) ? /* @__PURE__ */ jsxRuntime.jsxs(React__namespace.Fragment, { children: [
@@ -318,8 +337,10 @@ function Select(props) {
       ]
     }
   );
-}
+};
+var Select = React__namespace.forwardRef(SelectInner);
+Select.displayName = "Select";
 
 exports.Select = Select;
-//# sourceMappingURL=chunk-T4PI2ZX7.cjs.map
-//# sourceMappingURL=chunk-T4PI2ZX7.cjs.map
+//# sourceMappingURL=chunk-ZM4P6ELG.cjs.map
+//# sourceMappingURL=chunk-ZM4P6ELG.cjs.map

package/dist/chunk-ZM4P6ELG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Select/Select.tsx"],"names":["React","useFloating","jsx","jsxs","Tag","Icon","createPortal"],"mappings":"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","file":"chunk-ZM4P6ELG.cjs","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Select.css\";\nimport * as React from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { Icon, type IconName } from \"../Icon\";\nimport { Tag } from \"../Tag\";\nimport { useFloating } from \"../../utils/useFloating\";\n\nexport interface SelectOption<T extends string | number = string> {\n  value: T;\n  label: React.ReactNode;\n  /** Searchable text — used by default filter when `label` isn't a string. */\n  text?: string;\n  /** Secondary line shown beneath the label. */\n  description?: React.ReactNode;\n  /** Leading icon. */\n  icon?: IconName;\n  disabled?: boolean;\n}\n\nexport interface SelectOptionGroup<T extends string | number = string> {\n  /** Group heading. */\n  label: React.ReactNode;\n  options: SelectOption<T>[];\n}\n\nexport type SelectItem<T extends string | number = string> =\n  | SelectOption<T>\n  | SelectOptionGroup<T>;\n\nconst isGroup = <T extends string | number>(\n  it: SelectItem<T>\n): it is SelectOptionGroup<T> => Array.isArray((it as SelectOptionGroup<T>).options);\n\ninterface BaseSelectProps<T extends string | number = string>\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\" | \"defaultValue\"> {\n  /** Flat or mixed (groups + options) item list. */\n  options: SelectItem<T>[];\n  placeholder?: string;\n  disabled?: boolean;\n  size?: \"sm\" | \"md\" | \"lg\";\n  /** Show invalid (red) ring. */\n  invalid?: boolean;\n  /** Show a small × to clear the selection (single mode) or all selections (multi). */\n  clearable?: boolean;\n  /** Add a search input at the top of the menu. */\n  searchable?: boolean;\n  /** Custom filter — defaults to label/text/value substring match. */\n  filterOption?: (input: string, option: SelectOption<T>) => boolean;\n  /** Show spinner instead of options. */\n  loading?: boolean;\n  /** Custom empty content when no options match. */\n  emptyContent?: React.ReactNode;\n  /** Controlled open state. */\n  open?: boolean;\n  defaultOpen?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  className?: string;\n  /** Class for the popped-out menu. */\n  menuClassName?: string;\n}\n\nexport interface SingleSelectProps<T extends string | number = string> extends BaseSelectProps<T> {\n  multiple?: false;\n  value?: T;\n  defaultValue?: T;\n  onChange?: (value: T) => void;\n  /** Fired when user clears the selection via the × button. */\n  onClear?: () => void;\n}\n\nexport interface MultiSelectProps<T extends string | number = string> extends BaseSelectProps<T> {\n  multiple: true;\n  value?: T[];\n  defaultValue?: T[];\n  onChange?: (value: T[]) => void;\n  /** Max selected items shown as tags before collapsing to \"+N\". */\n  maxTagCount?: number;\n}\n\nexport type SelectProps<T extends string | number = string> =\n  | SingleSelectProps<T>\n  | MultiSelectProps<T>;\n\nconst flatten = <T extends string | number>(items: SelectItem<T>[]): SelectOption<T>[] =>\n  items.flatMap((it) => (isGroup(it) ? it.options : [it]));\n\nconst defaultFilter = <T extends string | number>(input: string, opt: SelectOption<T>): boolean => {\n  const q = input.toLowerCase();\n  const txt =\n    opt.text ?? (typeof opt.label === \"string\" ? opt.label : String(opt.value));\n  return txt.toLowerCase().includes(q);\n};\n\ntype SelectComponent = {\n  <T extends string | number = string>(props: SingleSelectProps<T> & React.RefAttributes<HTMLDivElement>): React.ReactElement;\n  <T extends string | number = string>(props: MultiSelectProps<T> & React.RefAttributes<HTMLDivElement>): React.ReactElement;\n};\n\nconst SelectInner = <T extends string | number = string>(\n  props: SelectProps<T>,\n  forwardedRef: React.ForwardedRef<HTMLDivElement>\n): React.ReactElement => {\n  const {\n    options,\n    placeholder = \"请选择…\",\n    disabled,\n    size = \"md\",\n    invalid,\n    clearable,\n    searchable,\n    filterOption,\n    loading,\n    emptyContent,\n    open: openProp,\n    defaultOpen,\n    onOpenChange,\n    className = \"\",\n    menuClassName = \"\",\n    onKeyDown: onRootKeyDown,\n    multiple,\n    value: _value,\n    defaultValue: _defaultValue,\n    onChange: _selectionChange,\n    onClear: _onClear,\n    maxTagCount: _maxTagCount,\n    ...rest\n  } = props as SelectProps<T> & {\n    onClear?: () => void;\n    maxTagCount?: number;\n  };\n  const isMulti = multiple === true;\n\n  const [innerSingle, setInnerSingle] = React.useState<T | undefined>(\n    !isMulti ? (props as SingleSelectProps<T>).defaultValue : undefined\n  );\n  const [innerMulti, setInnerMulti] = React.useState<T[]>(\n    isMulti ? (props as MultiSelectProps<T>).defaultValue ?? [] : []\n  );\n  const [innerOpen, setInnerOpen] = React.useState(defaultOpen ?? false);\n  const [query, setQuery] = React.useState(\"\");\n  const [activeIdx, setActiveIdx] = React.useState(-1);\n\n  const searchRef = React.useRef<HTMLInputElement>(null);\n\n  const openControlled = openProp !== undefined;\n  const open = openControlled ? openProp! : innerOpen;\n  const setOpen = (v: boolean) => {\n    if (!openControlled) setInnerOpen(v);\n    onOpenChange?.(v);\n    if (!v) setQuery(\"\");\n  };\n\n  const { triggerRef, floatingRef: menuRef, floatingStyle } = useFloating<HTMLDivElement, HTMLDivElement>({\n    open,\n    placement: \"bottom\",\n    matchTriggerWidth: true,\n    panelHeight: 320,\n  });\n\n  const setTriggerRef = React.useCallback(\n    (node: HTMLDivElement | null) => {\n      (triggerRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      if (typeof forwardedRef === \"function\") forwardedRef(node);\n      else if (forwardedRef) forwardedRef.current = node;\n    },\n    [forwardedRef, triggerRef]\n  );\n\n  const singleControlled = !isMulti && (props as SingleSelectProps<T>).value !== undefined;\n  const multiControlled = isMulti && (props as MultiSelectProps<T>).value !== undefined;\n\n  const singleValue = singleControlled ? (props as SingleSelectProps<T>).value : innerSingle;\n  const multiValue = multiControlled ? (props as MultiSelectProps<T>).value! : innerMulti;\n\n  React.useEffect(() => {\n    if (!open) return;\n    const h = (e: MouseEvent) => {\n      const t = e.target as Node;\n      if (triggerRef.current?.contains(t)) return;\n      if (menuRef.current?.contains(t)) return;\n      setOpen(false);\n    };\n    document.addEventListener(\"mousedown\", h);\n    return () => document.removeEventListener(\"mousedown\", h);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [open]);\n\n  // Auto-focus search input when opened\n  React.useEffect(() => {\n    if (open && searchable) {\n      requestAnimationFrame(() => searchRef.current?.focus());\n    }\n    if (!open) setActiveIdx(-1);\n  }, [open, searchable]);\n\n  // Filter options\n  const allFlat = React.useMemo(() => flatten(options), [options]);\n  const filteredFlat = React.useMemo(() => {\n    if (!query.trim()) return allFlat;\n    const f = filterOption ?? defaultFilter;\n    return allFlat.filter((o) => f(query, o));\n  }, [allFlat, query, filterOption]);\n\n  // Re-bucket into groups respecting filter (for menu rendering)\n  const filteredItems = React.useMemo<SelectItem<T>[]>(() => {\n    if (!query.trim()) return options;\n    return options\n      .map((it) => {\n        if (!isGroup(it)) {\n          return filteredFlat.includes(it) ? it : null;\n        }\n        const kept = it.options.filter((o) => filteredFlat.includes(o));\n        return kept.length ? { label: it.label, options: kept } : null;\n      })\n      .filter((x): x is SelectItem<T> => x !== null);\n  }, [options, filteredFlat, query]);\n\n  React.useEffect(() => {\n    setActiveIdx(filteredFlat.length ? 0 : -1);\n  }, [filteredFlat.length]);\n\n  const pickSingle = (opt: SelectOption<T>) => {\n    if (opt.disabled) return;\n    if (!singleControlled) setInnerSingle(opt.value);\n    (props as SingleSelectProps<T>).onChange?.(opt.value);\n    setOpen(false);\n  };\n\n  const toggleMulti = (opt: SelectOption<T>) => {\n    if (opt.disabled) return;\n    const cur = multiValue ?? [];\n    const next = cur.includes(opt.value) ? cur.filter((v) => v !== opt.value) : [...cur, opt.value];\n    if (!multiControlled) setInnerMulti(next);\n    (props as MultiSelectProps<T>).onChange?.(next);\n  };\n\n  const clearAll = (e: React.MouseEvent) => {\n    e.stopPropagation();\n    if (isMulti) {\n      if (!multiControlled) setInnerMulti([]);\n      (props as MultiSelectProps<T>).onChange?.([]);\n    } else {\n      if (!singleControlled) setInnerSingle(undefined);\n      (props as SingleSelectProps<T>).onClear?.();\n    }\n  };\n\n  const isSelected = (val: T) =>\n    isMulti ? (multiValue ?? []).includes(val) : singleValue === val;\n\n  const onKeyDown = (e: React.KeyboardEvent) => {\n    if (!open) {\n      if (e.key === \"Enter\" || e.key === \" \" || e.key === \"ArrowDown\") {\n        e.preventDefault();\n        setOpen(true);\n      }\n      return;\n    }\n    if (e.key === \"Escape\") {\n      e.preventDefault();\n      setOpen(false);\n      return;\n    }\n    if (e.key === \"ArrowDown\") {\n      e.preventDefault();\n      setActiveIdx((i) => Math.min(filteredFlat.length - 1, i + 1));\n      return;\n    }\n    if (e.key === \"ArrowUp\") {\n      e.preventDefault();\n      setActiveIdx((i) => Math.max(0, i - 1));\n      return;\n    }\n    if (e.key === \"Enter\") {\n      e.preventDefault();\n      const opt = filteredFlat[activeIdx];\n      if (opt && !opt.disabled) {\n        if (isMulti) toggleMulti(opt);\n        else pickSingle(opt);\n      }\n      return;\n    }\n  };\n\n  const renderTrigger = () => {\n    if (isMulti) {\n      const selected = (multiValue ?? [])\n        .map((v) => allFlat.find((o) => o.value === v))\n        .filter((o): o is SelectOption<T> => !!o);\n      const max = (props as MultiSelectProps<T>).maxTagCount;\n      const shown = max != null ? selected.slice(0, max) : selected;\n      const overflow = selected.length - shown.length;\n      if (selected.length === 0) {\n        return <span className=\"placeholder\">{placeholder}</span>;\n      }\n      return (\n        <span className=\"select-tags\">\n          {shown.map((o) => (\n            <Tag\n              key={String(o.value)}\n              tone=\"accent\"\n              removable={!disabled}\n              onRemove={() => {\n                const cur = multiValue ?? [];\n                const next = cur.filter((v) => v !== o.value);\n                if (!multiControlled) setInnerMulti(next);\n                (props as MultiSelectProps<T>).onChange?.(next);\n              }}\n              onClick={(e) => e.stopPropagation()}\n            >\n              {o.label}\n            </Tag>\n          ))}\n          {overflow > 0 && <Tag tone=\"neutral\">+{overflow}</Tag>}\n        </span>\n      );\n    }\n    const current = allFlat.find((o) => o.value === singleValue);\n    if (!current) return <span className=\"placeholder\">{placeholder}</span>;\n    return (\n      <span className=\"select-value\">\n        {current.icon && <Icon name={current.icon} size={14} />}\n        <span>{current.label}</span>\n      </span>\n    );\n  };\n\n  const hasSelection = isMulti ? (multiValue?.length ?? 0) > 0 : singleValue !== undefined;\n  const showClear = clearable && hasSelection && !disabled;\n\n  // Render an option button\n  let renderIdx = -1;\n  const renderOption = (o: SelectOption<T>) => {\n    renderIdx += 1;\n    const idx = renderIdx;\n    const sel = isSelected(o.value);\n    const active = idx === activeIdx;\n    return (\n      <button\n        key={String(o.value)}\n        type=\"button\"\n        role=\"option\"\n        aria-selected={sel}\n        disabled={o.disabled}\n        className={`menu-item ${sel ? \"active\" : \"\"} ${active ? \"highlight\" : \"\"}`}\n        onMouseEnter={() => setActiveIdx(idx)}\n        onClick={() => (isMulti ? toggleMulti(o) : pickSingle(o))}\n      >\n        {isMulti && (\n          <span className={`menu-check ${sel ? \"on\" : \"\"}`} aria-hidden>\n            {sel && <Icon name=\"check\" size={11} stroke={3} />}\n          </span>\n        )}\n        {o.icon && <Icon name={o.icon} size={14} />}\n        <span className=\"menu-item-body\">\n          <span className=\"menu-item-label\">{o.label}</span>\n          {o.description && <span className=\"menu-item-desc\">{o.description}</span>}\n        </span>\n        {!isMulti && (\n          <span className=\"tick\">\n            <Icon name=\"check\" size={12} stroke={3} />\n          </span>\n        )}\n      </button>\n    );\n  };\n\n  return (\n    <div\n      ref={setTriggerRef}\n      {...rest}\n      className={`select ${size} ${isMulti ? \"multi\" : \"\"} ${open ? \"open\" : \"\"} ${disabled ? \"disabled\" : \"\"} ${invalid ? \"invalid\" : \"\"} ${className}`}\n      onKeyDown={(e) => {\n        onRootKeyDown?.(e);\n        onKeyDown(e);\n      }}\n      tabIndex={disabled ? -1 : rest.tabIndex ?? 0}\n    >\n      <button\n        type=\"button\"\n        className=\"select-trigger\"\n        disabled={disabled}\n        onClick={() => !disabled && setOpen(!open)}\n      >\n        {renderTrigger()}\n        {showClear && (\n          <span className=\"select-clear\" role=\"button\" aria-label=\"Clear\" onClick={clearAll}>\n            <Icon name=\"x\" size={12} />\n          </span>\n        )}\n        <Icon name=\"chevDown\" size={14} className=\"select-caret\" />\n      </button>\n      {open && typeof document !== \"undefined\" &&\n        createPortal(\n          <div\n            ref={menuRef}\n            className={`menu ${menuClassName}`}\n            role=\"listbox\"\n            aria-multiselectable={isMulti || undefined}\n            style={floatingStyle}\n          >\n            {searchable && (\n            <div className=\"menu-search\">\n              <Icon name=\"search\" size={13} />\n              <input\n                ref={searchRef}\n                type=\"text\"\n                value={query}\n                placeholder=\"搜索...\"\n                onChange={(e) => setQuery(e.target.value)}\n                onKeyDown={(e) => {\n                  if (e.key === \"Escape\" || e.key === \"ArrowDown\" || e.key === \"ArrowUp\" || e.key === \"Enter\") {\n                    e.preventDefault();\n                    onKeyDown(e);\n                  }\n                }}\n              />\n            </div>\n          )}\n          {loading ? (\n            <div className=\"menu-state\">\n              <span className=\"menu-state-ico\">\n                <span className=\"spinner\" />\n              </span>\n              <span>加载中...</span>\n            </div>\n          ) : filteredItems.length === 0 ? (\n            <div className=\"menu-state\">\n              <span className=\"menu-state-ico\">\n                <Icon name=\"search\" size={16} />\n              </span>\n              <span>{emptyContent ?? \"暂无匹配项\"}</span>\n            </div>\n          ) : (\n            filteredItems.map((it, gi) =>\n              isGroup(it) ? (\n                <React.Fragment key={`g-${gi}`}>\n                  <div className=\"menu-group-label\">{it.label}</div>\n                  {it.options.map(renderOption)}\n                </React.Fragment>\n              ) : (\n                renderOption(it)\n              )\n            )\n          )}\n          </div>,\n          document.body\n        )}\n    </div>\n  );\n};\n\n/** `Select` — neumorphic dropdown. Set `multiple` for tag-style multi-select. */\nexport const Select = React.forwardRef(SelectInner) as SelectComponent;\n(Select as any).displayName = \"Select\";\n"]}

package/dist/{chunk-PKXXR76Q.js → chunk-ZN6VS6SO.js}

@@ -1,11 +1,11 @@
-import { Icon } from './chunk-QOGROEVD.js';
+import { Icon } from './chunk-BSHHQOFY.js';
 import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
 import './Checkbox-SKJATVSN.css';
 import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-var Checkbox = ({
+var Checkbox = React.forwardRef(({
   checked,
   defaultChecked,
   indeterminate,
@@ -13,8 +13,9 @@ var Checkbox = ({
   disabled,
   label,
   className = "",
-  id
-}) => {
+  id,
+  ...rest
+}, ref) => {
   const [inner, setInner] = React.useState(defaultChecked ?? false);
   const isControlled = checked !== void 0;
   const value = isControlled ? checked : inner;
@@ -31,7 +32,7 @@ var Checkbox = ({
     disabled && "disabled",
     className
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs("label", { className: cls, children: [
+  return /* @__PURE__ */ jsxs("label", { ref, className: cls, ...rest, children: [
     /* @__PURE__ */ jsx(
       "button",
       {
@@ -47,15 +48,17 @@ var Checkbox = ({
     ),
     label && /* @__PURE__ */ jsx("span", { className: "checkbox-label", children: label })
   ] });
-};
-function RadioGroup({
+});
+Checkbox.displayName = "Checkbox";
+var RadioGroupInner = ({
   options,
   value,
   defaultValue,
   onChange,
   direction = "vertical",
-  className = ""
-}) {
+  className = "",
+  ...rest
+}, ref) => {
   const [inner, setInner] = React.useState(defaultValue);
   const isControlled = value !== void 0;
   const current = isControlled ? value : inner;
@@ -63,7 +66,7 @@ function RadioGroup({
     if (!isControlled) setInner(v);
     onChange?.(v);
   };
-  return /* @__PURE__ */ jsx("div", { className: `radio-group ${direction} ${className}`, children: options.map((opt) => /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx("div", { ref, className: `radio-group ${direction} ${className}`, ...rest, children: options.map((opt) => /* @__PURE__ */ jsxs(
     "label",
     {
       className: `radio ${current === opt.value ? "checked" : ""} ${opt.disabled ? "disabled" : ""}`,
@@ -84,8 +87,10 @@ function RadioGroup({
     },
     String(opt.value)
   )) });
-}
+};
+var RadioGroup = React.forwardRef(RadioGroupInner);
+RadioGroup.displayName = "RadioGroup";
 
 export { Checkbox, RadioGroup };
-//# sourceMappingURL=chunk-PKXXR76Q.js.map
-//# sourceMappingURL=chunk-PKXXR76Q.js.map
+//# sourceMappingURL=chunk-ZN6VS6SO.js.map
+//# sourceMappingURL=chunk-ZN6VS6SO.js.map

package/dist/chunk-ZN6VS6SO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"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","file":"chunk-ZN6VS6SO.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Checkbox.css\";\nimport * as React from \"react\";\nimport { Icon } from \"../Icon\";\n\nexport interface CheckboxProps\n  extends Omit<React.LabelHTMLAttributes<HTMLLabelElement>, \"onChange\" | \"children\" | \"id\"> {\n  checked?: boolean;\n  defaultChecked?: boolean;\n  indeterminate?: boolean;\n  onChange?: (checked: boolean) => void;\n  disabled?: boolean;\n  label?: React.ReactNode;\n  className?: string;\n  id?: string;\n}\n\n/** `Checkbox` — binary choice, supports indeterminate state. */\nexport const Checkbox = React.forwardRef<HTMLLabelElement, CheckboxProps>(({\n  checked,\n  defaultChecked,\n  indeterminate,\n  onChange,\n  disabled,\n  label,\n  className = \"\",\n  id,\n  ...rest\n}, ref) => {\n  const [inner, setInner] = React.useState(defaultChecked ?? false);\n  const isControlled = checked !== undefined;\n  const value = isControlled ? checked : inner;\n\n  const toggle = () => {\n    if (disabled) return;\n    const next = !value;\n    if (!isControlled) setInner(next);\n    onChange?.(next);\n  };\n\n  const cls = [\n    \"checkbox\",\n    value && \"checked\",\n    indeterminate && \"indeterminate\",\n    disabled && \"disabled\",\n    className,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  return (\n    <label ref={ref} className={cls} {...rest}>\n      <button\n        type=\"button\"\n        role=\"checkbox\"\n        aria-checked={indeterminate ? \"mixed\" : value}\n        disabled={disabled}\n        onClick={toggle}\n        id={id}\n        className=\"checkbox-box\"\n      >\n        {indeterminate ? <Icon name=\"minus\" size={11} /> : value ? <Icon name=\"check\" size={11} /> : null}\n      </button>\n      {label && <span className=\"checkbox-label\">{label}</span>}\n    </label>\n  );\n});\nCheckbox.displayName = \"Checkbox\";\n\nexport interface RadioOption<T extends string | number = string> {\n  value: T;\n  label: React.ReactNode;\n  disabled?: boolean;\n}\n\nexport interface RadioGroupProps<T extends string | number = string>\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"onChange\" | \"defaultValue\"> {\n  options: RadioOption<T>[];\n  value?: T;\n  defaultValue?: T;\n  onChange?: (value: T) => void;\n  name?: string;\n  direction?: \"vertical\" | \"horizontal\";\n  className?: string;\n}\n\ntype RadioGroupComponent = <T extends string | number = string>(\n  props: RadioGroupProps<T> & React.RefAttributes<HTMLDivElement>\n) => React.ReactElement | null;\n\nconst RadioGroupInner = <T extends string | number = string>({\n  options,\n  value,\n  defaultValue,\n  onChange,\n  direction = \"vertical\",\n  className = \"\",\n  ...rest\n}: RadioGroupProps<T>, ref: React.ForwardedRef<HTMLDivElement>) => {\n  const [inner, setInner] = React.useState<T | undefined>(defaultValue);\n  const isControlled = value !== undefined;\n  const current = isControlled ? value : inner;\n\n  const pick = (v: T) => {\n    if (!isControlled) setInner(v);\n    onChange?.(v);\n  };\n\n  return (\n    <div ref={ref} className={`radio-group ${direction} ${className}`} {...rest}>\n      {options.map((opt) => (\n        <label\n          key={String(opt.value)}\n          className={`radio ${current === opt.value ? \"checked\" : \"\"} ${opt.disabled ? \"disabled\" : \"\"}`}\n        >\n          <button\n            type=\"button\"\n            role=\"radio\"\n            aria-checked={current === opt.value}\n            disabled={opt.disabled}\n            onClick={() => pick(opt.value)}\n            className=\"radio-dot\"\n          />\n          <span className=\"radio-label\">{opt.label}</span>\n        </label>\n      ))}\n    </div>\n  );\n};\n\n/** `RadioGroup` — mutually exclusive options. */\nexport const RadioGroup = React.forwardRef(RadioGroupInner) as RadioGroupComponent;\n(RadioGroup as any).displayName = \"RadioGroup\";\n"]}

package/dist/{chunk-FXQGPHK2.js → chunk-ZPDMAMWC.js}

@@ -1,4 +1,4 @@
-import { Icon } from './chunk-QOGROEVD.js';
+import { Icon } from './chunk-BSHHQOFY.js';
 import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
 import './Drawer-IPGB4CXH.css';
@@ -7,7 +7,7 @@ import ReactDOM from 'react-dom';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
 var ANIM_MS = 280;
-var Drawer = ({
+var Drawer = React.forwardRef(({
   open,
   onClose,
   placement = "right",
@@ -24,8 +24,11 @@ var Drawer = ({
   destroyOnClose = false,
   afterOpenChange,
   zIndex,
-  className = ""
-}) => {
+  className = "",
+  style,
+  onClick,
+  ...rest
+}, ref) => {
   const [hasOpenedOnce, setHasOpenedOnce] = React.useState(open);
   React.useEffect(() => {
     if (open) setHasOpenedOnce(true);
@@ -50,8 +53,9 @@ var Drawer = ({
   if (!hasOpenedOnce) return null;
   if (!open && destroyOnClose) return null;
   const isV = placement === "left" || placement === "right";
-  const style = isV ? { width: size } : { height: size };
-  if (zIndex != null) style.zIndex = zIndex;
+  const panelStyle = isV ? { width: size } : { height: size };
+  if (zIndex != null) panelStyle.zIndex = zIndex;
+  Object.assign(panelStyle, style);
   return ReactDOM.createPortal(
     /* @__PURE__ */ jsxs(Fragment, { children: [
       mask && /* @__PURE__ */ jsx(
@@ -65,11 +69,16 @@ var Drawer = ({
       /* @__PURE__ */ jsxs(
         "div",
         {
+          ref,
           className: `drawer ${placement} ${open ? "" : "hidden"} ${className}`,
-          style,
-          onClick: (e) => e.stopPropagation(),
+          style: panelStyle,
+          onClick: (e) => {
+            onClick?.(e);
+            e.stopPropagation();
+          },
           role: "dialog",
           "aria-hidden": !open,
+          ...rest,
           children: [
             (title || extra || closable) && /* @__PURE__ */ jsxs("div", { className: "drawer-head", children: [
               /* @__PURE__ */ jsx("div", { className: "drawer-title", children: title }),
@@ -95,8 +104,9 @@ var Drawer = ({
     ] }),
     document.body
   );
-};
+});
+Drawer.displayName = "Drawer";
 
 export { Drawer };
-//# sourceMappingURL=chunk-FXQGPHK2.js.map
-//# sourceMappingURL=chunk-FXQGPHK2.js.map
+//# sourceMappingURL=chunk-ZPDMAMWC.js.map
+//# sourceMappingURL=chunk-ZPDMAMWC.js.map

package/dist/chunk-ZPDMAMWC.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Drawer/Drawer.tsx"],"names":[],"mappings":"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","file":"chunk-ZPDMAMWC.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Drawer.css\";\nimport * as React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { Icon } from \"../Icon\";\n\nexport interface DrawerProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, \"title\" | \"children\" | \"onClose\"> {\n  /** Whether the drawer is visible. */\n  open: boolean;\n  /** Close callback (triggered by mask click / close button / Esc). */\n  onClose?: () => void;\n  /** Which edge the drawer slides from. */\n  placement?: \"left\" | \"right\" | \"top\" | \"bottom\";\n  /** Width (for left/right) or height (for top/bottom). Number → px. */\n  size?: number | string;\n  /** Header title. */\n  title?: React.ReactNode;\n  /** Extra content rendered to the right of the title (e.g. action buttons). */\n  extra?: React.ReactNode;\n  /** Footer content. */\n  footer?: React.ReactNode;\n  /** Drawer body. */\n  children?: React.ReactNode;\n  /** Render the mask overlay. Default true. Set `false` for a non-blocking drawer. */\n  mask?: boolean;\n  /** Close when clicking the mask. Default true. Ignored when `mask` is false. */\n  maskClosable?: boolean;\n  /** Close on Escape key. Default true. */\n  keyboard?: boolean;\n  /** Show the close (×) button in the header. Default true. */\n  closable?: boolean;\n  /** Override the close icon node. */\n  closeIcon?: React.ReactNode;\n  /**\n   * When true the drawer's children are unmounted every time it closes.\n   * Default `false` — children stay mounted across open/close cycles so\n   * internal state (form fields, scroll position) is preserved.\n   */\n  destroyOnClose?: boolean;\n  /** Fires after the open/close animation finishes. */\n  afterOpenChange?: (open: boolean) => void;\n  /** Stack index for nested drawers. */\n  zIndex?: number;\n  className?: string;\n}\n\nconst ANIM_MS = 280;\n\n/** `Drawer` — slide-in panel from an edge. */\nexport const Drawer = React.forwardRef<HTMLDivElement, DrawerProps>(({\n  open,\n  onClose,\n  placement = \"right\",\n  size = 380,\n  title,\n  extra,\n  footer,\n  children,\n  mask = true,\n  maskClosable = true,\n  keyboard = true,\n  closable = true,\n  closeIcon,\n  destroyOnClose = false,\n  afterOpenChange,\n  zIndex,\n  className = \"\",\n  style,\n  onClick,\n  ...rest\n}, ref) => {\n  const [hasOpenedOnce, setHasOpenedOnce] = React.useState(open);\n  React.useEffect(() => {\n    if (open) setHasOpenedOnce(true);\n  }, [open]);\n\n  React.useEffect(() => {\n    if (!open || !keyboard) return;\n    const h = (e: KeyboardEvent) => e.key === \"Escape\" && onClose?.();\n    window.addEventListener(\"keydown\", h);\n    return () => window.removeEventListener(\"keydown\", h);\n  }, [open, keyboard, onClose]);\n\n  const prevOpen = React.useRef(open);\n  React.useEffect(() => {\n    if (prevOpen.current !== open) {\n      prevOpen.current = open;\n      if (afterOpenChange) {\n        const id = window.setTimeout(() => afterOpenChange(open), ANIM_MS);\n        return () => window.clearTimeout(id);\n      }\n    }\n  }, [open, afterOpenChange]);\n\n  if (typeof document === \"undefined\") return null;\n  if (!hasOpenedOnce) return null;\n  if (!open && destroyOnClose) return null;\n\n  const isV = placement === \"left\" || placement === \"right\";\n  const panelStyle: React.CSSProperties = isV ? { width: size } : { height: size };\n  if (zIndex != null) panelStyle.zIndex = zIndex;\n  Object.assign(panelStyle, style);\n\n  return ReactDOM.createPortal(\n    <>\n      {mask && (\n        <div\n          className={`drawer-overlay ${open ? \"\" : \"hidden\"}`}\n          style={zIndex != null ? { zIndex: zIndex - 1 } : undefined}\n          onClick={() => maskClosable && onClose?.()}\n        />\n      )}\n      <div\n        ref={ref}\n        className={`drawer ${placement} ${open ? \"\" : \"hidden\"} ${className}`}\n        style={panelStyle}\n        onClick={(e) => {\n          onClick?.(e);\n          e.stopPropagation();\n        }}\n        role=\"dialog\"\n        aria-hidden={!open}\n        {...rest}\n      >\n        {(title || extra || closable) && (\n          <div className=\"drawer-head\">\n            <div className=\"drawer-title\">{title}</div>\n            <div className=\"drawer-head-right\">\n              {extra}\n              {closable && (\n                <button\n                  type=\"button\"\n                  className=\"drawer-close\"\n                  onClick={onClose}\n                  aria-label=\"Close\"\n                >\n                  {closeIcon ?? <Icon name=\"x\" size={16} />}\n                </button>\n              )}\n            </div>\n          </div>\n        )}\n        <div className=\"drawer-body\">{children}</div>\n        {footer && <div className=\"drawer-foot\">{footer}</div>}\n      </div>\n    </>,\n    document.body\n  );\n});\nDrawer.displayName = \"Drawer\";\n"]}

package/dist/{chunk-WUOFJPZ4.js → chunk-ZZXNHPF3.js}

@@ -1,4 +1,4 @@
-import { Icon } from './chunk-QOGROEVD.js';
+import { Icon } from './chunk-BSHHQOFY.js';
 import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
 import './Input-33CAH4O6.css';
@@ -183,5 +183,5 @@ var Textarea = React.forwardRef(
 Textarea.displayName = "Textarea";
 
 export { Input, Textarea };
-//# sourceMappingURL=chunk-WUOFJPZ4.js.map
-//# sourceMappingURL=chunk-WUOFJPZ4.js.map
+//# sourceMappingURL=chunk-ZZXNHPF3.js.map
+//# sourceMappingURL=chunk-ZZXNHPF3.js.map

package/dist/{chunk-WUOFJPZ4.js.map → chunk-ZZXNHPF3.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Input/Input.tsx"],"names":[],"mappings":"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","file":"chunk-WUOFJPZ4.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Input.css\";\nimport * as React from \"react\";\nimport { Icon, type IconName } from \"../Icon\";\n\nexport interface InputProps\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\" | \"onChange\" | \"prefix\"> {\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string, event: React.ChangeEvent<HTMLInputElement>) => void;\n  placeholder?: string;\n  leadingIcon?: IconName;\n  trailingIcon?: IconName;\n  /** Click handler for the leading icon (stops propagation so the input isn't focused). */\n  onLeadingIconClick?: (e: React.MouseEvent<SVGSVGElement>) => void;\n  /** Click handler for the trailing icon — e.g. password visibility toggle. */\n  onTrailingIconClick?: (e: React.MouseEvent<SVGSVGElement>) => void;\n  size?: \"sm\" | \"md\" | \"lg\";\n  invalid?: boolean;\n  disabled?: boolean;\n  /** Show a × button inside the input to clear the value when non-empty. */\n  allowClear?: boolean;\n  /** Max length — forwarded to the native input. */\n  maxLength?: number;\n  /** Render a \"N / max\" counter beneath the input (or just \"N\" if no maxLength). */\n  showCount?: boolean;\n  /** Inline content rendered inside the input on the left (after leadingIcon if both present). */\n  prefix?: React.ReactNode;\n  /** Inline content rendered inside the input on the right (before trailingIcon if both present). */\n  suffix?: React.ReactNode;\n  className?: string;\n}\n\n/**\n * `Input` — single-line text field with optional leading/trailing icons.\n */\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      value,\n      defaultValue,\n      onChange,\n      placeholder,\n      leadingIcon,\n      trailingIcon,\n      onLeadingIconClick,\n      onTrailingIconClick,\n      size = \"md\",\n      invalid,\n      disabled,\n      allowClear,\n      maxLength,\n      showCount,\n      prefix,\n      suffix,\n      className = \"\",\n      ...rest\n    },\n    ref\n  ) => {\n    const [inner, setInner] = React.useState(defaultValue ?? \"\");\n    const isControlled = value !== undefined;\n    const currentValue = isControlled ? value : inner;\n\n    const wrapCls = [\n      \"input-wrap\",\n      size !== \"md\" && size,\n      invalid && \"invalid\",\n      disabled && \"disabled\",\n      className,\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n    const handleIconClick = (\n      handler: ((e: React.MouseEvent<SVGSVGElement>) => void) | undefined\n    ) =>\n      handler\n        ? (e: React.MouseEvent<SVGSVGElement>) => {\n            e.stopPropagation();\n            if (!disabled) handler(e);\n          }\n        : undefined;\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (!isControlled) setInner(e.target.value);\n      onChange?.(e.target.value, e);\n    };\n\n    const handleClear = (e: React.MouseEvent<HTMLSpanElement>) => {\n      e.stopPropagation();\n      if (disabled) return;\n      if (!isControlled) setInner(\"\");\n      const synthetic = {\n        ...e,\n        target: { ...(e.target as unknown as HTMLInputElement), value: \"\" },\n        currentTarget: { ...(e.currentTarget as unknown as HTMLInputElement), value: \"\" },\n      } as unknown as React.ChangeEvent<HTMLInputElement>;\n      onChange?.(\"\", synthetic);\n    };\n\n    const showClear = !!allowClear && !!currentValue && !disabled;\n    const count = currentValue ? currentValue.length : 0;\n\n    const inputElement = (\n      <div className={wrapCls}>\n        {leadingIcon && (\n          <Icon\n            name={leadingIcon}\n            size={14}\n            className={`lead${onLeadingIconClick ? \" interactive\" : \"\"}`}\n            onClick={handleIconClick(onLeadingIconClick)}\n          />\n        )}\n        {prefix && <span className=\"input-affix prefix\">{prefix}</span>}\n        <input\n          ref={ref}\n          className=\"input\"\n          value={isControlled ? value : undefined}\n          defaultValue={isControlled ? undefined : defaultValue}\n          onChange={handleChange}\n          placeholder={placeholder}\n          disabled={disabled}\n          maxLength={maxLength}\n          {...rest}\n        />\n        {suffix && <span className=\"input-affix suffix\">{suffix}</span>}\n        {showClear && (\n          <span\n            className=\"input-clear\"\n            role=\"button\"\n            aria-label=\"Clear\"\n            tabIndex={-1}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={handleClear}\n          >\n            <Icon name=\"x\" size={12} />\n          </span>\n        )}\n        {trailingIcon && (\n          <Icon\n            name={trailingIcon}\n            size={14}\n            className={`trail${onTrailingIconClick ? \" interactive\" : \"\"}`}\n            onClick={handleIconClick(onTrailingIconClick)}\n          />\n        )}\n      </div>\n    );\n\n    if (!showCount) return inputElement;\n\n    return (\n      <div className=\"input-shell\">\n        {inputElement}\n        <div className=\"input-count\">\n          {maxLength != null ? `${count} / ${maxLength}` : `${count}`}\n        </div>\n      </div>\n    );\n  }\n);\nInput.displayName = \"Input\";\n\nexport interface TextareaProps\n  extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, \"onChange\"> {\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string, event: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  invalid?: boolean;\n  /** Show a × button in the top-right corner to clear the value. */\n  allowClear?: boolean;\n  /** Max length — forwarded to the native textarea. */\n  maxLength?: number;\n  /** Render a \"N / max\" counter beneath the textarea. */\n  showCount?: boolean;\n  className?: string;\n}\n\n/**\n * `Textarea` — multi-line text input with the same neumorphic groove as `Input`.\n */\nexport const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  (\n    {\n      value,\n      defaultValue,\n      onChange,\n      invalid,\n      allowClear,\n      maxLength,\n      showCount,\n      className = \"\",\n      ...rest\n    },\n    ref\n  ) => {\n    const [inner, setInner] = React.useState(defaultValue ?? \"\");\n    const isControlled = value !== undefined;\n    const currentValue = isControlled ? value : inner;\n    const disabled = rest.disabled;\n\n    const handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n      if (!isControlled) setInner(e.target.value);\n      onChange?.(e.target.value, e);\n    };\n\n    const handleClear = (e: React.MouseEvent<HTMLSpanElement>) => {\n      e.stopPropagation();\n      if (disabled) return;\n      if (!isControlled) setInner(\"\");\n      const synthetic = {\n        ...e,\n        target: { ...(e.target as unknown as HTMLTextAreaElement), value: \"\" },\n        currentTarget: { ...(e.currentTarget as unknown as HTMLTextAreaElement), value: \"\" },\n      } as unknown as React.ChangeEvent<HTMLTextAreaElement>;\n      onChange?.(\"\", synthetic);\n    };\n\n    const cls = [\"textarea\", invalid && \"invalid\", className].filter(Boolean).join(\" \");\n    const showClear = !!allowClear && !!currentValue && !disabled;\n    const count = currentValue ? currentValue.length : 0;\n\n    const field = (\n      <div className=\"textarea-wrap\">\n        <textarea\n          ref={ref}\n          className={cls}\n          value={isControlled ? value : undefined}\n          defaultValue={isControlled ? undefined : defaultValue}\n          onChange={handleChange}\n          maxLength={maxLength}\n          {...rest}\n        />\n        {showClear && (\n          <span\n            className=\"textarea-clear\"\n            role=\"button\"\n            aria-label=\"Clear\"\n            tabIndex={-1}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={handleClear}\n          >\n            <Icon name=\"x\" size={12} />\n          </span>\n        )}\n      </div>\n    );\n\n    if (!showCount) return field;\n\n    return (\n      <div className=\"input-shell\">\n        {field}\n        <div className=\"input-count\">\n          {maxLength != null ? `${count} / ${maxLength}` : `${count}`}\n        </div>\n      </div>\n    );\n  }\n);\nTextarea.displayName = \"Textarea\";\n"]}
+{"version":3,"sources":["../src/components/Input/Input.tsx"],"names":[],"mappings":"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","file":"chunk-ZZXNHPF3.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Input.css\";\nimport * as React from \"react\";\nimport { Icon, type IconName } from \"../Icon\";\n\nexport interface InputProps\n  extends Omit<React.InputHTMLAttributes<HTMLInputElement>, \"size\" | \"onChange\" | \"prefix\"> {\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string, event: React.ChangeEvent<HTMLInputElement>) => void;\n  placeholder?: string;\n  leadingIcon?: IconName;\n  trailingIcon?: IconName;\n  /** Click handler for the leading icon (stops propagation so the input isn't focused). */\n  onLeadingIconClick?: (e: React.MouseEvent<SVGSVGElement>) => void;\n  /** Click handler for the trailing icon — e.g. password visibility toggle. */\n  onTrailingIconClick?: (e: React.MouseEvent<SVGSVGElement>) => void;\n  size?: \"sm\" | \"md\" | \"lg\";\n  invalid?: boolean;\n  disabled?: boolean;\n  /** Show a × button inside the input to clear the value when non-empty. */\n  allowClear?: boolean;\n  /** Max length — forwarded to the native input. */\n  maxLength?: number;\n  /** Render a \"N / max\" counter beneath the input (or just \"N\" if no maxLength). */\n  showCount?: boolean;\n  /** Inline content rendered inside the input on the left (after leadingIcon if both present). */\n  prefix?: React.ReactNode;\n  /** Inline content rendered inside the input on the right (before trailingIcon if both present). */\n  suffix?: React.ReactNode;\n  className?: string;\n}\n\n/**\n * `Input` — single-line text field with optional leading/trailing icons.\n */\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      value,\n      defaultValue,\n      onChange,\n      placeholder,\n      leadingIcon,\n      trailingIcon,\n      onLeadingIconClick,\n      onTrailingIconClick,\n      size = \"md\",\n      invalid,\n      disabled,\n      allowClear,\n      maxLength,\n      showCount,\n      prefix,\n      suffix,\n      className = \"\",\n      ...rest\n    },\n    ref\n  ) => {\n    const [inner, setInner] = React.useState(defaultValue ?? \"\");\n    const isControlled = value !== undefined;\n    const currentValue = isControlled ? value : inner;\n\n    const wrapCls = [\n      \"input-wrap\",\n      size !== \"md\" && size,\n      invalid && \"invalid\",\n      disabled && \"disabled\",\n      className,\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n    const handleIconClick = (\n      handler: ((e: React.MouseEvent<SVGSVGElement>) => void) | undefined\n    ) =>\n      handler\n        ? (e: React.MouseEvent<SVGSVGElement>) => {\n            e.stopPropagation();\n            if (!disabled) handler(e);\n          }\n        : undefined;\n\n    const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (!isControlled) setInner(e.target.value);\n      onChange?.(e.target.value, e);\n    };\n\n    const handleClear = (e: React.MouseEvent<HTMLSpanElement>) => {\n      e.stopPropagation();\n      if (disabled) return;\n      if (!isControlled) setInner(\"\");\n      const synthetic = {\n        ...e,\n        target: { ...(e.target as unknown as HTMLInputElement), value: \"\" },\n        currentTarget: { ...(e.currentTarget as unknown as HTMLInputElement), value: \"\" },\n      } as unknown as React.ChangeEvent<HTMLInputElement>;\n      onChange?.(\"\", synthetic);\n    };\n\n    const showClear = !!allowClear && !!currentValue && !disabled;\n    const count = currentValue ? currentValue.length : 0;\n\n    const inputElement = (\n      <div className={wrapCls}>\n        {leadingIcon && (\n          <Icon\n            name={leadingIcon}\n            size={14}\n            className={`lead${onLeadingIconClick ? \" interactive\" : \"\"}`}\n            onClick={handleIconClick(onLeadingIconClick)}\n          />\n        )}\n        {prefix && <span className=\"input-affix prefix\">{prefix}</span>}\n        <input\n          ref={ref}\n          className=\"input\"\n          value={isControlled ? value : undefined}\n          defaultValue={isControlled ? undefined : defaultValue}\n          onChange={handleChange}\n          placeholder={placeholder}\n          disabled={disabled}\n          maxLength={maxLength}\n          {...rest}\n        />\n        {suffix && <span className=\"input-affix suffix\">{suffix}</span>}\n        {showClear && (\n          <span\n            className=\"input-clear\"\n            role=\"button\"\n            aria-label=\"Clear\"\n            tabIndex={-1}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={handleClear}\n          >\n            <Icon name=\"x\" size={12} />\n          </span>\n        )}\n        {trailingIcon && (\n          <Icon\n            name={trailingIcon}\n            size={14}\n            className={`trail${onTrailingIconClick ? \" interactive\" : \"\"}`}\n            onClick={handleIconClick(onTrailingIconClick)}\n          />\n        )}\n      </div>\n    );\n\n    if (!showCount) return inputElement;\n\n    return (\n      <div className=\"input-shell\">\n        {inputElement}\n        <div className=\"input-count\">\n          {maxLength != null ? `${count} / ${maxLength}` : `${count}`}\n        </div>\n      </div>\n    );\n  }\n);\nInput.displayName = \"Input\";\n\nexport interface TextareaProps\n  extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, \"onChange\"> {\n  value?: string;\n  defaultValue?: string;\n  onChange?: (value: string, event: React.ChangeEvent<HTMLTextAreaElement>) => void;\n  invalid?: boolean;\n  /** Show a × button in the top-right corner to clear the value. */\n  allowClear?: boolean;\n  /** Max length — forwarded to the native textarea. */\n  maxLength?: number;\n  /** Render a \"N / max\" counter beneath the textarea. */\n  showCount?: boolean;\n  className?: string;\n}\n\n/**\n * `Textarea` — multi-line text input with the same neumorphic groove as `Input`.\n */\nexport const Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\n  (\n    {\n      value,\n      defaultValue,\n      onChange,\n      invalid,\n      allowClear,\n      maxLength,\n      showCount,\n      className = \"\",\n      ...rest\n    },\n    ref\n  ) => {\n    const [inner, setInner] = React.useState(defaultValue ?? \"\");\n    const isControlled = value !== undefined;\n    const currentValue = isControlled ? value : inner;\n    const disabled = rest.disabled;\n\n    const handleChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {\n      if (!isControlled) setInner(e.target.value);\n      onChange?.(e.target.value, e);\n    };\n\n    const handleClear = (e: React.MouseEvent<HTMLSpanElement>) => {\n      e.stopPropagation();\n      if (disabled) return;\n      if (!isControlled) setInner(\"\");\n      const synthetic = {\n        ...e,\n        target: { ...(e.target as unknown as HTMLTextAreaElement), value: \"\" },\n        currentTarget: { ...(e.currentTarget as unknown as HTMLTextAreaElement), value: \"\" },\n      } as unknown as React.ChangeEvent<HTMLTextAreaElement>;\n      onChange?.(\"\", synthetic);\n    };\n\n    const cls = [\"textarea\", invalid && \"invalid\", className].filter(Boolean).join(\" \");\n    const showClear = !!allowClear && !!currentValue && !disabled;\n    const count = currentValue ? currentValue.length : 0;\n\n    const field = (\n      <div className=\"textarea-wrap\">\n        <textarea\n          ref={ref}\n          className={cls}\n          value={isControlled ? value : undefined}\n          defaultValue={isControlled ? undefined : defaultValue}\n          onChange={handleChange}\n          maxLength={maxLength}\n          {...rest}\n        />\n        {showClear && (\n          <span\n            className=\"textarea-clear\"\n            role=\"button\"\n            aria-label=\"Clear\"\n            tabIndex={-1}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={handleClear}\n          >\n            <Icon name=\"x\" size={12} />\n          </span>\n        )}\n      </div>\n    );\n\n    if (!showCount) return field;\n\n    return (\n      <div className=\"input-shell\">\n        {field}\n        <div className=\"input-count\">\n          {maxLength != null ? `${count} / ${maxLength}` : `${count}`}\n        </div>\n      </div>\n    );\n  }\n);\nTextarea.displayName = \"Textarea\";\n"]}