@fangxinyan/lumina 0.2.1 → 0.3.0

package/dist/{chunk-NE4YEBFH.js → chunk-3UU2PUK4.js}

@@ -1,7 +1,7 @@
 import { useFloating } from './chunk-V2DIQ3RH.js';
-import './tokens-HWQ7KWPG.css';
+import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
-import './Popover-MGCMOXYP.css';
+import './Popover-NYEKT5CQ.css';
 import * as React from 'react';
 import { createPortal } from 'react-dom';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
@@ -62,5 +62,5 @@ var Popover = ({
 };
 
 export { Popover };
-//# sourceMappingURL=chunk-NE4YEBFH.js.map
-//# sourceMappingURL=chunk-NE4YEBFH.js.map
+//# sourceMappingURL=chunk-3UU2PUK4.js.map
+//# sourceMappingURL=chunk-3UU2PUK4.js.map

package/dist/{chunk-NE4YEBFH.js.map → chunk-3UU2PUK4.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Popover/Popover.tsx"],"names":[],"mappings":";;;;;;;;AAmBO,IAAM,UAAkC,CAAC;AAAA,EAC9C,OAAA;AAAA,EACA,SAAA,GAAY,QAAA;AAAA,EACZ,OAAA,GAAU,OAAA;AAAA,EACV,WAAA,GAAc,KAAA;AAAA,EACd,IAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA,GAAY;AACd,CAAA,KAAM;AACJ,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAU,eAAS,WAAW,CAAA;AACpD,EAAA,MAAM,eAAe,IAAA,KAAS,MAAA;AAC9B,EAAA,MAAM,IAAA,GAAO,eAAe,IAAA,GAAQ,KAAA;AACpC,EAAA,MAAM,QAAA,GAAiB,aAAwB,IAAI,CAAA;AAEnD,EAAA,MAAM,EAAE,UAAA,EAAY,aAAA,EAAe,SAAA,EAAW,QAAA,KAAa,WAAA,CAA6B;AAAA,IACtF,IAAA,EAAM,IAAA;AAAA,IACN,SAAA;AAAA,IACA,UAAA,EAAY,GAAA;AAAA,IACZ,WAAA,EAAa,GAAA;AAAA,IACb,UAAA,EAAY;AAAA,GACb,CAAA;AAED,EAAA,MAAM,GAAA,GAAM,CAAC,CAAA,KAAe;AAC1B,IAAA,IAAI,CAAC,YAAA,EAAc,QAAA,CAAS,CAAC,CAAA;AAC7B,IAAA,YAAA,GAAe,CAAC,CAAA;AAAA,EAClB,CAAA;AAEA,EAAM,gBAAU,MAAM;AACpB,IAAA,IAAI,OAAA,KAAY,OAAA,IAAW,CAAC,IAAA,EAAM;AAClC,IAAA,MAAM,CAAA,GAAI,CAAC,CAAA,KAAkB;AAC3B,MAAA,MAAM,IAAI,CAAA,CAAE,MAAA;AACZ,MAAA,IAAI,UAAA,CAAW,OAAA,EAAS,QAAA,CAAS,CAAC,CAAA,EAAG;AACrC,MAAA,IAAI,QAAA,CAAS,OAAA,EAAS,QAAA,CAAS,CAAC,CAAA,EAAG;AACnC,MAAA,GAAA,CAAI,KAAK,CAAA;AAAA,IACX,CAAA;AACA,IAAA,QAAA,CAAS,gBAAA,CAAiB,aAAa,CAAC,CAAA;AACxC,IAAA,OAAO,MAAM,QAAA,CAAS,mBAAA,CAAoB,WAAA,EAAa,CAAC,CAAA;AAAA,EAE1D,CAAA,EAAG,CAAC,IAAA,EAAM,OAAO,CAAC,CAAA;AAElB,EAAA,MAAM,QAAA,GACJ,YAAY,OAAA,GACR,EAAE,cAAc,MAAM,GAAA,CAAI,IAAI,CAAA,EAAG,YAAA,EAAc,MAAM,GAAA,CAAI,KAAK,GAAE,GAChE,EAAE,SAAS,MAAM,GAAA,CAAI,CAAC,IAAI,CAAA,EAAE;AAElC,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,UAAA;AAAA,QACL,SAAA,EAAW,kBAAkB,SAAS,CAAA,CAAA;AAAA,QACtC,KAAA,EAAO,EAAE,OAAA,EAAS,aAAA,EAAc;AAAA,QAC/B,GAAG,QAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,IACC,IAAA,IAAQ,OAAO,QAAA,KAAa,WAAA,IAC3B,YAAA;AAAA,sBACE,GAAA,CAAC,MAAA,EAAA,EAAK,GAAA,EAAK,QAAA,EAAU,SAAA,EAAW,WAAW,QAAQ,CAAA,CAAA,EAAI,KAAA,EAAO,aAAA,EAC3D,QAAA,EAAA,OAAA,EACH,CAAA;AAAA,MACA,QAAA,CAAS;AAAA;AACX,GAAA,EACJ,CAAA;AAEJ","file":"chunk-NE4YEBFH.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Popover.css\";\nimport * as React from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useFloating } from \"../../utils/useFloating\";\n\nexport interface PopoverProps {\n  content: React.ReactNode;\n  placement?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  trigger?: \"click\" | \"hover\";\n  defaultOpen?: boolean;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  children: React.ReactElement;\n  className?: string;\n}\n\n/** `Popover` — rich content bubble. */\nexport const Popover: React.FC<PopoverProps> = ({\n  content,\n  placement = \"bottom\",\n  trigger = \"click\",\n  defaultOpen = false,\n  open,\n  onOpenChange,\n  children,\n  className = \"\",\n}) => {\n  const [inner, setInner] = React.useState(defaultOpen);\n  const isControlled = open !== undefined;\n  const show = isControlled ? open! : inner;\n  const panelRef = React.useRef<HTMLSpanElement>(null);\n\n  const { triggerRef, floatingStyle, placement: resolved } = useFloating<HTMLSpanElement>({\n    open: show,\n    placement,\n    panelWidth: 240,\n    panelHeight: 160,\n    alignCross: \"center\",\n  });\n\n  const set = (v: boolean) => {\n    if (!isControlled) setInner(v);\n    onOpenChange?.(v);\n  };\n\n  React.useEffect(() => {\n    if (trigger !== \"click\" || !show) return;\n    const h = (e: MouseEvent) => {\n      const t = e.target as Node;\n      if (triggerRef.current?.contains(t)) return;\n      if (panelRef.current?.contains(t)) return;\n      set(false);\n    };\n    document.addEventListener(\"mousedown\", h);\n    return () => document.removeEventListener(\"mousedown\", h);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [show, trigger]);\n\n  const interact =\n    trigger === \"hover\"\n      ? { onMouseEnter: () => set(true), onMouseLeave: () => set(false) }\n      : { onClick: () => set(!show) };\n\n  return (\n    <>\n      <span\n        ref={triggerRef}\n        className={`popover-anchor ${className}`}\n        style={{ display: \"inline-flex\" }}\n        {...interact}\n      >\n        {children}\n      </span>\n      {show && typeof document !== \"undefined\" &&\n        createPortal(\n          <span ref={panelRef} className={`popover ${resolved}`} style={floatingStyle}>\n            {content}\n          </span>,\n          document.body\n        )}\n    </>\n  );\n};\n"]}
+{"version":3,"sources":["../src/components/Popover/Popover.tsx"],"names":[],"mappings":";;;;;;;;AAmBO,IAAM,UAAkC,CAAC;AAAA,EAC9C,OAAA;AAAA,EACA,SAAA,GAAY,QAAA;AAAA,EACZ,OAAA,GAAU,OAAA;AAAA,EACV,WAAA,GAAc,KAAA;AAAA,EACd,IAAA;AAAA,EACA,YAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA,GAAY;AACd,CAAA,KAAM;AACJ,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAU,eAAS,WAAW,CAAA;AACpD,EAAA,MAAM,eAAe,IAAA,KAAS,MAAA;AAC9B,EAAA,MAAM,IAAA,GAAO,eAAe,IAAA,GAAQ,KAAA;AACpC,EAAA,MAAM,QAAA,GAAiB,aAAwB,IAAI,CAAA;AAEnD,EAAA,MAAM,EAAE,UAAA,EAAY,aAAA,EAAe,SAAA,EAAW,QAAA,KAAa,WAAA,CAA6B;AAAA,IACtF,IAAA,EAAM,IAAA;AAAA,IACN,SAAA;AAAA,IACA,UAAA,EAAY,GAAA;AAAA,IACZ,WAAA,EAAa,GAAA;AAAA,IACb,UAAA,EAAY;AAAA,GACb,CAAA;AAED,EAAA,MAAM,GAAA,GAAM,CAAC,CAAA,KAAe;AAC1B,IAAA,IAAI,CAAC,YAAA,EAAc,QAAA,CAAS,CAAC,CAAA;AAC7B,IAAA,YAAA,GAAe,CAAC,CAAA;AAAA,EAClB,CAAA;AAEA,EAAM,gBAAU,MAAM;AACpB,IAAA,IAAI,OAAA,KAAY,OAAA,IAAW,CAAC,IAAA,EAAM;AAClC,IAAA,MAAM,CAAA,GAAI,CAAC,CAAA,KAAkB;AAC3B,MAAA,MAAM,IAAI,CAAA,CAAE,MAAA;AACZ,MAAA,IAAI,UAAA,CAAW,OAAA,EAAS,QAAA,CAAS,CAAC,CAAA,EAAG;AACrC,MAAA,IAAI,QAAA,CAAS,OAAA,EAAS,QAAA,CAAS,CAAC,CAAA,EAAG;AACnC,MAAA,GAAA,CAAI,KAAK,CAAA;AAAA,IACX,CAAA;AACA,IAAA,QAAA,CAAS,gBAAA,CAAiB,aAAa,CAAC,CAAA;AACxC,IAAA,OAAO,MAAM,QAAA,CAAS,mBAAA,CAAoB,WAAA,EAAa,CAAC,CAAA;AAAA,EAE1D,CAAA,EAAG,CAAC,IAAA,EAAM,OAAO,CAAC,CAAA;AAElB,EAAA,MAAM,QAAA,GACJ,YAAY,OAAA,GACR,EAAE,cAAc,MAAM,GAAA,CAAI,IAAI,CAAA,EAAG,YAAA,EAAc,MAAM,GAAA,CAAI,KAAK,GAAE,GAChE,EAAE,SAAS,MAAM,GAAA,CAAI,CAAC,IAAI,CAAA,EAAE;AAElC,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAK,UAAA;AAAA,QACL,SAAA,EAAW,kBAAkB,SAAS,CAAA,CAAA;AAAA,QACtC,KAAA,EAAO,EAAE,OAAA,EAAS,aAAA,EAAc;AAAA,QAC/B,GAAG,QAAA;AAAA,QAEH;AAAA;AAAA,KACH;AAAA,IACC,IAAA,IAAQ,OAAO,QAAA,KAAa,WAAA,IAC3B,YAAA;AAAA,sBACE,GAAA,CAAC,MAAA,EAAA,EAAK,GAAA,EAAK,QAAA,EAAU,SAAA,EAAW,WAAW,QAAQ,CAAA,CAAA,EAAI,KAAA,EAAO,aAAA,EAC3D,QAAA,EAAA,OAAA,EACH,CAAA;AAAA,MACA,QAAA,CAAS;AAAA;AACX,GAAA,EACJ,CAAA;AAEJ","file":"chunk-3UU2PUK4.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Popover.css\";\nimport * as React from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { useFloating } from \"../../utils/useFloating\";\n\nexport interface PopoverProps {\n  content: React.ReactNode;\n  placement?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  trigger?: \"click\" | \"hover\";\n  defaultOpen?: boolean;\n  open?: boolean;\n  onOpenChange?: (open: boolean) => void;\n  children: React.ReactElement;\n  className?: string;\n}\n\n/** `Popover` — rich content bubble. */\nexport const Popover: React.FC<PopoverProps> = ({\n  content,\n  placement = \"bottom\",\n  trigger = \"click\",\n  defaultOpen = false,\n  open,\n  onOpenChange,\n  children,\n  className = \"\",\n}) => {\n  const [inner, setInner] = React.useState(defaultOpen);\n  const isControlled = open !== undefined;\n  const show = isControlled ? open! : inner;\n  const panelRef = React.useRef<HTMLSpanElement>(null);\n\n  const { triggerRef, floatingStyle, placement: resolved } = useFloating<HTMLSpanElement>({\n    open: show,\n    placement,\n    panelWidth: 240,\n    panelHeight: 160,\n    alignCross: \"center\",\n  });\n\n  const set = (v: boolean) => {\n    if (!isControlled) setInner(v);\n    onOpenChange?.(v);\n  };\n\n  React.useEffect(() => {\n    if (trigger !== \"click\" || !show) return;\n    const h = (e: MouseEvent) => {\n      const t = e.target as Node;\n      if (triggerRef.current?.contains(t)) return;\n      if (panelRef.current?.contains(t)) return;\n      set(false);\n    };\n    document.addEventListener(\"mousedown\", h);\n    return () => document.removeEventListener(\"mousedown\", h);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [show, trigger]);\n\n  const interact =\n    trigger === \"hover\"\n      ? { onMouseEnter: () => set(true), onMouseLeave: () => set(false) }\n      : { onClick: () => set(!show) };\n\n  return (\n    <>\n      <span\n        ref={triggerRef}\n        className={`popover-anchor ${className}`}\n        style={{ display: \"inline-flex\" }}\n        {...interact}\n      >\n        {children}\n      </span>\n      {show && typeof document !== \"undefined\" &&\n        createPortal(\n          <span ref={panelRef} className={`popover ${resolved}`} style={floatingStyle}>\n            {content}\n          </span>,\n          document.body\n        )}\n    </>\n  );\n};\n"]}

package/dist/chunk-47Z4NIU4.js

@@ -0,0 +1,118 @@
+import './tokens-BIIUTPKN.css';
+import './shared-NJHRNLRH.css';
+import './Splitter-DHNOY4NC.css';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/components/Splitter/Splitter.tsx
+var Splitter = ({
+  direction = "horizontal",
+  defaultSize = 240,
+  size,
+  onResize,
+  onResizeEnd,
+  min = 80,
+  max = Infinity,
+  step = 16,
+  children,
+  className = "",
+  handleClassName = ""
+}) => {
+  const isControlled = size !== void 0;
+  const [inner, setInner] = React.useState(defaultSize);
+  const current = isControlled ? size : inner;
+  const containerRef = React.useRef(null);
+  const [dragging, setDragging] = React.useState(false);
+  const clamp = React.useCallback(
+    (n) => {
+      const el = containerRef.current;
+      const bound = el ? direction === "horizontal" ? el.clientWidth : el.clientHeight : Infinity;
+      return Math.max(min, Math.min(Math.min(max, Math.max(0, bound - 24)), n));
+    },
+    [direction, min, max]
+  );
+  const commit = React.useCallback(
+    (n) => {
+      const clamped = clamp(n);
+      if (!isControlled) setInner(clamped);
+      onResize?.(clamped);
+      return clamped;
+    },
+    [clamp, isControlled, onResize]
+  );
+  const onPointerDown = (e) => {
+    if (e.button !== 0) return;
+    e.preventDefault();
+    const el = containerRef.current;
+    if (!el) return;
+    const rect = el.getBoundingClientRect();
+    setDragging(true);
+    e.target.setPointerCapture?.(e.pointerId);
+    let latest = current;
+    const move = (ev) => {
+      const next = direction === "horizontal" ? ev.clientX - rect.left : ev.clientY - rect.top;
+      latest = commit(next);
+    };
+    const up = () => {
+      setDragging(false);
+      onResizeEnd?.(latest);
+      window.removeEventListener("pointermove", move);
+      window.removeEventListener("pointerup", up);
+    };
+    window.addEventListener("pointermove", move);
+    window.addEventListener("pointerup", up);
+  };
+  const onKeyDown = (e) => {
+    const inc = (n) => commit(current + n);
+    if (direction === "horizontal") {
+      if (e.key === "ArrowLeft") {
+        e.preventDefault();
+        inc(-step);
+      }
+      if (e.key === "ArrowRight") {
+        e.preventDefault();
+        inc(step);
+      }
+    } else {
+      if (e.key === "ArrowUp") {
+        e.preventDefault();
+        inc(-step);
+      }
+      if (e.key === "ArrowDown") {
+        e.preventDefault();
+        inc(step);
+      }
+    }
+  };
+  const firstStyle = direction === "horizontal" ? { width: current } : { height: current };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref: containerRef,
+      className: `splitter ${direction} ${dragging ? "dragging" : ""} ${className}`,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "splitter-panel first", style: firstStyle, children: children[0] }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            role: "separator",
+            tabIndex: 0,
+            "aria-orientation": direction === "horizontal" ? "vertical" : "horizontal",
+            "aria-valuenow": current,
+            "aria-valuemin": min,
+            "aria-valuemax": Number.isFinite(max) ? max : void 0,
+            className: `splitter-handle ${handleClassName}`,
+            onPointerDown,
+            onKeyDown,
+            children: /* @__PURE__ */ jsx("span", { className: "splitter-handle-grip", "aria-hidden": true })
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "splitter-panel second", children: children[1] })
+      ]
+    }
+  );
+};
+
+export { Splitter };
+//# sourceMappingURL=chunk-47Z4NIU4.js.map
+//# sourceMappingURL=chunk-47Z4NIU4.js.map

package/dist/chunk-47Z4NIU4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Splitter/Splitter.tsx"],"names":[],"mappings":"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","file":"chunk-47Z4NIU4.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  /**\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.FC<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}) => {\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);\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={containerRef}\n      className={`splitter ${direction} ${dragging ? \"dragging\" : \"\"} ${className}`}\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};\n"]}

package/dist/{chunk-4U4OY5RA.js → chunk-4SCDDSXY.js}

@@ -1,4 +1,4 @@
-import './tokens-HWQ7KWPG.css';
+import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
 import './Card-RG7ECXL2.css';
 import * as React from 'react';
@@ -37,5 +37,5 @@ var Panel = ({
 ] });
 
 export { Card, Panel };
-//# sourceMappingURL=chunk-4U4OY5RA.js.map
-//# sourceMappingURL=chunk-4U4OY5RA.js.map
+//# sourceMappingURL=chunk-4SCDDSXY.js.map
+//# sourceMappingURL=chunk-4SCDDSXY.js.map

package/dist/{chunk-4U4OY5RA.js.map → chunk-4SCDDSXY.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Card/Card.tsx"],"names":[],"mappings":";;;;;;;AAkBO,IAAM,IAAA,GAAa,KAAA,CAAA,UAAA;AAAA,EACxB,CAAC,EAAE,OAAA,GAAU,QAAA,EAAU,OAAA,GAAU,IAAA,EAAM,SAAA,EAAW,SAAA,GAAY,EAAA,EAAI,QAAA,EAAU,GAAG,IAAA,IAAQ,GAAA,KAAQ;AAC7F,IAAA,MAAM,GAAA,GAAM;AAAA,MACV,MAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA,KAAY,IAAA,IAAQ,CAAA,IAAA,EAAO,OAAO,CAAA,CAAA;AAAA,MAClC,SAAA,IAAa,WAAA;AAAA,MACb;AAAA,KACF,CACG,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AACX,IAAA,2BACG,KAAA,EAAA,EAAI,GAAA,EAAU,WAAW,GAAA,EAAM,GAAG,MAChC,QAAA,EACH,CAAA;AAAA,EAEJ;AACF;AACA,IAAA,CAAK,WAAA,GAAc,MAAA;AAYZ,IAAM,QAA8B,CAAC;AAAA,EAC1C,KAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,GAAG;AACL,CAAA,0BACG,KAAA,EAAA,EAAI,SAAA,EAAW,SAAS,SAAS,CAAA,CAAA,EAAK,GAAG,IAAA,EACtC,QAAA,EAAA;AAAA,EAAA,CAAA,KAAA,IAAS,OAAA,qBACT,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,YAAA,EACb,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,cAAA,EACZ,QAAA,EAAA;AAAA,MAAA,KAAA,oBAAS,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,aAAA,EAAe,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,MAC7C,WAAA,oBAAe,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,cAAc,QAAA,EAAA,WAAA,EAAY;AAAA,KAAA,EAC3D,CAAA;AAAA,IACC,OAAA,oBAAW,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iBAAiB,QAAA,EAAA,OAAA,EAAQ;AAAA,GAAA,EACtD,CAAA;AAAA,kBAEF,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,YAAA,EAAc,QAAA,EAAS;AAAA,CAAA,EACxC","file":"chunk-4U4OY5RA.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Card.css\";\nimport * as React from \"react\";\n\nexport interface CardProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Visual variant. `raised` protrudes; `sunken` recesses; `flat` is subtle. */\n  variant?: \"raised\" | \"sunken\" | \"flat\";\n  /** Inner padding. */\n  padding?: \"none\" | \"sm\" | \"md\" | \"lg\";\n  /** When true, the card raises and lifts on hover. */\n  hoverable?: boolean;\n  children?: React.ReactNode;\n}\n\n/**\n * `Card` — neumorphic surface container. Use to group related content.\n */\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(\n  ({ variant = \"raised\", padding = \"md\", hoverable, className = \"\", children, ...rest }, ref) => {\n    const cls = [\n      \"card\",\n      variant,\n      padding !== \"md\" && `pad-${padding}`,\n      hoverable && \"hoverable\",\n      className,\n    ]\n      .filter(Boolean)\n      .join(\" \");\n    return (\n      <div ref={ref} className={cls} {...rest}>\n        {children}\n      </div>\n    );\n  }\n);\nCard.displayName = \"Card\";\n\nexport interface PanelProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"title\"> {\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  actions?: React.ReactNode;\n  children?: React.ReactNode;\n}\n\n/**\n * `Panel` — a titled `Card` with optional actions row.\n */\nexport const Panel: React.FC<PanelProps> = ({\n  title,\n  description,\n  actions,\n  children,\n  className = \"\",\n  ...rest\n}) => (\n  <div className={`panel ${className}`} {...rest}>\n    {(title || actions) && (\n      <div className=\"panel-head\">\n        <div className=\"panel-titles\">\n          {title && <div className=\"panel-title\">{title}</div>}\n          {description && <div className=\"panel-desc\">{description}</div>}\n        </div>\n        {actions && <div className=\"panel-actions\">{actions}</div>}\n      </div>\n    )}\n    <div className=\"panel-body\">{children}</div>\n  </div>\n);\n"]}
+{"version":3,"sources":["../src/components/Card/Card.tsx"],"names":[],"mappings":";;;;;;;AAkBO,IAAM,IAAA,GAAa,KAAA,CAAA,UAAA;AAAA,EACxB,CAAC,EAAE,OAAA,GAAU,QAAA,EAAU,OAAA,GAAU,IAAA,EAAM,SAAA,EAAW,SAAA,GAAY,EAAA,EAAI,QAAA,EAAU,GAAG,IAAA,IAAQ,GAAA,KAAQ;AAC7F,IAAA,MAAM,GAAA,GAAM;AAAA,MACV,MAAA;AAAA,MACA,OAAA;AAAA,MACA,OAAA,KAAY,IAAA,IAAQ,CAAA,IAAA,EAAO,OAAO,CAAA,CAAA;AAAA,MAClC,SAAA,IAAa,WAAA;AAAA,MACb;AAAA,KACF,CACG,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AACX,IAAA,2BACG,KAAA,EAAA,EAAI,GAAA,EAAU,WAAW,GAAA,EAAM,GAAG,MAChC,QAAA,EACH,CAAA;AAAA,EAEJ;AACF;AACA,IAAA,CAAK,WAAA,GAAc,MAAA;AAYZ,IAAM,QAA8B,CAAC;AAAA,EAC1C,KAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,GAAG;AACL,CAAA,0BACG,KAAA,EAAA,EAAI,SAAA,EAAW,SAAS,SAAS,CAAA,CAAA,EAAK,GAAG,IAAA,EACtC,QAAA,EAAA;AAAA,EAAA,CAAA,KAAA,IAAS,OAAA,qBACT,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,YAAA,EACb,QAAA,EAAA;AAAA,oBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,cAAA,EACZ,QAAA,EAAA;AAAA,MAAA,KAAA,oBAAS,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,aAAA,EAAe,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,MAC7C,WAAA,oBAAe,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,cAAc,QAAA,EAAA,WAAA,EAAY;AAAA,KAAA,EAC3D,CAAA;AAAA,IACC,OAAA,oBAAW,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,iBAAiB,QAAA,EAAA,OAAA,EAAQ;AAAA,GAAA,EACtD,CAAA;AAAA,kBAEF,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,YAAA,EAAc,QAAA,EAAS;AAAA,CAAA,EACxC","file":"chunk-4SCDDSXY.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Card.css\";\nimport * as React from \"react\";\n\nexport interface CardProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Visual variant. `raised` protrudes; `sunken` recesses; `flat` is subtle. */\n  variant?: \"raised\" | \"sunken\" | \"flat\";\n  /** Inner padding. */\n  padding?: \"none\" | \"sm\" | \"md\" | \"lg\";\n  /** When true, the card raises and lifts on hover. */\n  hoverable?: boolean;\n  children?: React.ReactNode;\n}\n\n/**\n * `Card` — neumorphic surface container. Use to group related content.\n */\nexport const Card = React.forwardRef<HTMLDivElement, CardProps>(\n  ({ variant = \"raised\", padding = \"md\", hoverable, className = \"\", children, ...rest }, ref) => {\n    const cls = [\n      \"card\",\n      variant,\n      padding !== \"md\" && `pad-${padding}`,\n      hoverable && \"hoverable\",\n      className,\n    ]\n      .filter(Boolean)\n      .join(\" \");\n    return (\n      <div ref={ref} className={cls} {...rest}>\n        {children}\n      </div>\n    );\n  }\n);\nCard.displayName = \"Card\";\n\nexport interface PanelProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"title\"> {\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  actions?: React.ReactNode;\n  children?: React.ReactNode;\n}\n\n/**\n * `Panel` — a titled `Card` with optional actions row.\n */\nexport const Panel: React.FC<PanelProps> = ({\n  title,\n  description,\n  actions,\n  children,\n  className = \"\",\n  ...rest\n}) => (\n  <div className={`panel ${className}`} {...rest}>\n    {(title || actions) && (\n      <div className=\"panel-head\">\n        <div className=\"panel-titles\">\n          {title && <div className=\"panel-title\">{title}</div>}\n          {description && <div className=\"panel-desc\">{description}</div>}\n        </div>\n        {actions && <div className=\"panel-actions\">{actions}</div>}\n      </div>\n    )}\n    <div className=\"panel-body\">{children}</div>\n  </div>\n);\n"]}

package/dist/{chunk-NXOAYNG2.cjs → chunk-5BFETKVP.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-require('./tokens-HWQ7KWPG.css');
+require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
 require('./Progress-IXRSO5TW.css');
 var jsxRuntime = require('react/jsx-runtime');
@@ -48,5 +48,5 @@ var Ring = ({
 
 exports.Progress = Progress;
 exports.Ring = Ring;
-//# sourceMappingURL=chunk-NXOAYNG2.cjs.map
-//# sourceMappingURL=chunk-NXOAYNG2.cjs.map
+//# sourceMappingURL=chunk-5BFETKVP.cjs.map
+//# sourceMappingURL=chunk-5BFETKVP.cjs.map

package/dist/{chunk-NXOAYNG2.cjs.map → chunk-5BFETKVP.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Progress/Progress.tsx"],"names":["jsxs","jsx"],"mappings":";;;;;;;;AAiBO,IAAM,WAAoC,CAAC;AAAA,EAChD,KAAA;AAAA,EACA,GAAA,GAAM,GAAA;AAAA,EACN,KAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA,GAAO,QAAA;AAAA,EACP,IAAA,GAAO,IAAA;AAAA,EACP,SAAA,GAAY;AACd,CAAA,KAAM;AACJ,EAAA,MAAM,GAAA,GAAM,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,IAAA,CAAK,IAAI,GAAA,EAAM,KAAA,GAAQ,GAAA,GAAO,GAAG,CAAC,CAAA;AAC1D,EAAA,uBACEA,eAAA,CAAC,SAAI,SAAA,EAAW,CAAA,SAAA,EAAY,IAAI,CAAA,CAAA,EAAI,IAAI,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA,EACjD,QAAA,EAAA;AAAA,IAAA,CAAA,KAAA,IAAS,SAAA,qBACTA,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACZ,QAAA,EAAA;AAAA,MAAA,KAAA,mBAAQC,cAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,KAAA,EAAM,CAAA,kCAAW,MAAA,EAAA,EAAK,CAAA;AAAA,MACrC,SAAA,oBAAaD,eAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,GAAA,EAAK,QAAA,EAAA;AAAA,QAAA,IAAA,CAAK,MAAM,GAAG,CAAA;AAAA,QAAE;AAAA,OAAA,EAAC;AAAA,KAAA,EACtD,CAAA;AAAA,oBAEFC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACb,yCAAC,KAAA,EAAA,EAAI,SAAA,EAAU,cAAA,EAAe,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,EAAG,GAAG,CAAA,CAAA,CAAA,IAAO,CAAA,EAC7D;AAAA,GAAA,EACF,CAAA;AAEJ;AAYO,IAAM,OAA4B,CAAC;AAAA,EACxC,KAAA;AAAA,EACA,GAAA,GAAM,GAAA;AAAA,EACN,IAAA,GAAO,EAAA;AAAA,EACP,IAAA,GAAO,QAAA;AAAA,EACP,QAAA;AAAA,EACA,SAAA,GAAY;AACd,CAAA,KAAM;AACJ,EAAA,MAAM,GAAA,GAAM,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,IAAA,CAAK,IAAI,GAAA,EAAM,KAAA,GAAQ,GAAA,GAAO,GAAG,CAAC,CAAA;AAC1D,EAAA,uBACEA,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,CAAA,KAAA,EAAQ,IAAI,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA;AAAA,MACpC,KAAA,EAAO,EAAE,CAAC,QAAiB,GAAG,CAAA,EAAG,IAAI,CAAA,EAAA,CAAA,EAAM,CAAC,OAAgB,GAAG,GAAA,EAAI;AAAA,MAEnE,QAAA,kBAAAA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,YAAA,EAAc,QAAA,EAAA,QAAA,IAAY,GAAG,IAAA,CAAK,KAAA,CAAM,GAAG,CAAC,CAAA,CAAA,CAAA,EAAI;AAAA;AAAA,GAClE;AAEJ","file":"chunk-NXOAYNG2.cjs","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Progress.css\";\nimport * as React from \"react\";\n\nexport interface ProgressProps {\n  /** 0–100 */\n  value: number;\n  max?: number;\n  label?: React.ReactNode;\n  showValue?: boolean;\n  tone?: \"accent\" | \"success\" | \"warning\" | \"danger\";\n  size?: \"sm\" | \"md\" | \"lg\";\n  className?: string;\n}\n\n/** `Progress` — horizontal progress bar with neumorphic track. */\nexport const Progress: React.FC<ProgressProps> = ({\n  value,\n  max = 100,\n  label,\n  showValue,\n  tone = \"accent\",\n  size = \"md\",\n  className = \"\",\n}) => {\n  const pct = Math.max(0, Math.min(100, (value / max) * 100));\n  return (\n    <div className={`progress ${size} ${tone} ${className}`}>\n      {(label || showValue) && (\n        <div className=\"progress-label\">\n          {label ? <span>{label}</span> : <span />}\n          {showValue && <span className=\"v\">{Math.round(pct)}%</span>}\n        </div>\n      )}\n      <div className=\"progress-track\">\n        <div className=\"progress-bar\" style={{ width: `${pct}%` }} />\n      </div>\n    </div>\n  );\n};\n\nexport interface RingProps {\n  value: number;\n  max?: number;\n  size?: number;\n  tone?: \"accent\" | \"success\" | \"warning\" | \"danger\";\n  children?: React.ReactNode;\n  className?: string;\n}\n\n/** `Ring` — circular progress indicator. */\nexport const Ring: React.FC<RingProps> = ({\n  value,\n  max = 100,\n  size = 72,\n  tone = \"accent\",\n  children,\n  className = \"\",\n}) => {\n  const pct = Math.max(0, Math.min(100, (value / max) * 100));\n  return (\n    <div\n      className={`ring ${tone} ${className}`}\n      style={{ [\"--size\" as never]: `${size}px`, [\"--val\" as never]: pct }}\n    >\n      <span className=\"ring-label\">{children ?? `${Math.round(pct)}%`}</span>\n    </div>\n  );\n};\n"]}
+{"version":3,"sources":["../src/components/Progress/Progress.tsx"],"names":["jsxs","jsx"],"mappings":";;;;;;;;AAiBO,IAAM,WAAoC,CAAC;AAAA,EAChD,KAAA;AAAA,EACA,GAAA,GAAM,GAAA;AAAA,EACN,KAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA,GAAO,QAAA;AAAA,EACP,IAAA,GAAO,IAAA;AAAA,EACP,SAAA,GAAY;AACd,CAAA,KAAM;AACJ,EAAA,MAAM,GAAA,GAAM,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,IAAA,CAAK,IAAI,GAAA,EAAM,KAAA,GAAQ,GAAA,GAAO,GAAG,CAAC,CAAA;AAC1D,EAAA,uBACEA,eAAA,CAAC,SAAI,SAAA,EAAW,CAAA,SAAA,EAAY,IAAI,CAAA,CAAA,EAAI,IAAI,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA,EACjD,QAAA,EAAA;AAAA,IAAA,CAAA,KAAA,IAAS,SAAA,qBACTA,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACZ,QAAA,EAAA;AAAA,MAAA,KAAA,mBAAQC,cAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,KAAA,EAAM,CAAA,kCAAW,MAAA,EAAA,EAAK,CAAA;AAAA,MACrC,SAAA,oBAAaD,eAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,GAAA,EAAK,QAAA,EAAA;AAAA,QAAA,IAAA,CAAK,MAAM,GAAG,CAAA;AAAA,QAAE;AAAA,OAAA,EAAC;AAAA,KAAA,EACtD,CAAA;AAAA,oBAEFC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACb,yCAAC,KAAA,EAAA,EAAI,SAAA,EAAU,cAAA,EAAe,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,EAAG,GAAG,CAAA,CAAA,CAAA,IAAO,CAAA,EAC7D;AAAA,GAAA,EACF,CAAA;AAEJ;AAYO,IAAM,OAA4B,CAAC;AAAA,EACxC,KAAA;AAAA,EACA,GAAA,GAAM,GAAA;AAAA,EACN,IAAA,GAAO,EAAA;AAAA,EACP,IAAA,GAAO,QAAA;AAAA,EACP,QAAA;AAAA,EACA,SAAA,GAAY;AACd,CAAA,KAAM;AACJ,EAAA,MAAM,GAAA,GAAM,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,IAAA,CAAK,IAAI,GAAA,EAAM,KAAA,GAAQ,GAAA,GAAO,GAAG,CAAC,CAAA;AAC1D,EAAA,uBACEA,cAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,CAAA,KAAA,EAAQ,IAAI,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA;AAAA,MACpC,KAAA,EAAO,EAAE,CAAC,QAAiB,GAAG,CAAA,EAAG,IAAI,CAAA,EAAA,CAAA,EAAM,CAAC,OAAgB,GAAG,GAAA,EAAI;AAAA,MAEnE,QAAA,kBAAAA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,YAAA,EAAc,QAAA,EAAA,QAAA,IAAY,GAAG,IAAA,CAAK,KAAA,CAAM,GAAG,CAAC,CAAA,CAAA,CAAA,EAAI;AAAA;AAAA,GAClE;AAEJ","file":"chunk-5BFETKVP.cjs","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Progress.css\";\nimport * as React from \"react\";\n\nexport interface ProgressProps {\n  /** 0–100 */\n  value: number;\n  max?: number;\n  label?: React.ReactNode;\n  showValue?: boolean;\n  tone?: \"accent\" | \"success\" | \"warning\" | \"danger\";\n  size?: \"sm\" | \"md\" | \"lg\";\n  className?: string;\n}\n\n/** `Progress` — horizontal progress bar with neumorphic track. */\nexport const Progress: React.FC<ProgressProps> = ({\n  value,\n  max = 100,\n  label,\n  showValue,\n  tone = \"accent\",\n  size = \"md\",\n  className = \"\",\n}) => {\n  const pct = Math.max(0, Math.min(100, (value / max) * 100));\n  return (\n    <div className={`progress ${size} ${tone} ${className}`}>\n      {(label || showValue) && (\n        <div className=\"progress-label\">\n          {label ? <span>{label}</span> : <span />}\n          {showValue && <span className=\"v\">{Math.round(pct)}%</span>}\n        </div>\n      )}\n      <div className=\"progress-track\">\n        <div className=\"progress-bar\" style={{ width: `${pct}%` }} />\n      </div>\n    </div>\n  );\n};\n\nexport interface RingProps {\n  value: number;\n  max?: number;\n  size?: number;\n  tone?: \"accent\" | \"success\" | \"warning\" | \"danger\";\n  children?: React.ReactNode;\n  className?: string;\n}\n\n/** `Ring` — circular progress indicator. */\nexport const Ring: React.FC<RingProps> = ({\n  value,\n  max = 100,\n  size = 72,\n  tone = \"accent\",\n  children,\n  className = \"\",\n}) => {\n  const pct = Math.max(0, Math.min(100, (value / max) * 100));\n  return (\n    <div\n      className={`ring ${tone} ${className}`}\n      style={{ [\"--size\" as never]: `${size}px`, [\"--val\" as never]: pct }}\n    >\n      <span className=\"ring-label\">{children ?? `${Math.round(pct)}%`}</span>\n    </div>\n  );\n};\n"]}

package/dist/{chunk-VICGQC6G.cjs → chunk-5EAVXFFD.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-require('./tokens-HWQ7KWPG.css');
+require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
 require('./Tabs-RHK6XAFF.css');
 var React = require('react');
@@ -91,5 +91,5 @@ function Segmented({
 
 exports.Segmented = Segmented;
 exports.Tabs = Tabs;
-//# sourceMappingURL=chunk-VICGQC6G.cjs.map
-//# sourceMappingURL=chunk-VICGQC6G.cjs.map
+//# sourceMappingURL=chunk-5EAVXFFD.cjs.map
+//# sourceMappingURL=chunk-5EAVXFFD.cjs.map

package/dist/{chunk-VICGQC6G.cjs.map → chunk-5EAVXFFD.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Tabs/Tabs.tsx"],"names":["React","jsxs","jsx"],"mappings":"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","file":"chunk-VICGQC6G.cjs","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Tabs.css\";\nimport * as React from \"react\";\n\nexport interface TabItem {\n  key: string;\n  label: React.ReactNode;\n  disabled?: boolean;\n  content?: React.ReactNode;\n}\n\nexport interface TabsProps {\n  items: TabItem[];\n  activeKey?: string;\n  defaultActiveKey?: string;\n  onChange?: (key: string) => void;\n  variant?: \"line\" | \"pill\" | \"segmented\";\n  /** Center-align the tab bar horizontally. */\n  centered?: boolean;\n  className?: string;\n}\n\n/** `Tabs` — switchable sections. */\nexport const Tabs: React.FC<TabsProps> = ({\n  items,\n  activeKey,\n  defaultActiveKey,\n  onChange,\n  variant = \"line\",\n  centered,\n  className = \"\",\n}) => {\n  const [inner, setInner] = React.useState(defaultActiveKey ?? items[0]?.key);\n  const isControlled = activeKey !== undefined;\n  const current = isControlled ? activeKey! : inner;\n\n  const select = (k: string) => {\n    if (!isControlled) setInner(k);\n    onChange?.(k);\n  };\n\n  const active = items.find((i) => i.key === current);\n\n  return (\n    <div className={`tabs ${variant} ${centered ? \"centered\" : \"\"} ${className}`}>\n      <div className=\"tabs-nav\" role=\"tablist\">\n        {items.map((it) => (\n          <button\n            key={it.key}\n            type=\"button\"\n            role=\"tab\"\n            aria-selected={current === it.key}\n            disabled={it.disabled}\n            className={`tab ${current === it.key ? \"active\" : \"\"}`}\n            onClick={() => select(it.key)}\n          >\n            {it.label}\n          </button>\n        ))}\n      </div>\n      {active?.content !== undefined && <div className=\"tabs-content\">{active.content}</div>}\n    </div>\n  );\n};\n\nexport interface SegmentedProps<T extends string = string> {\n  options: { value: T; label: React.ReactNode; disabled?: boolean }[];\n  value?: T;\n  defaultValue?: T;\n  onChange?: (value: T) => void;\n  size?: \"sm\" | \"md\";\n  className?: string;\n}\n\n/** `Segmented` — exclusive choice chip row. */\nexport function Segmented<T extends string = string>({\n  options,\n  value,\n  defaultValue,\n  onChange,\n  size = \"md\",\n  className = \"\",\n}: SegmentedProps<T>) {\n  const [inner, setInner] = React.useState<T | undefined>(defaultValue ?? options[0]?.value);\n  const isControlled = value !== undefined;\n  const v = isControlled ? value : inner;\n  const pick = (next: T) => {\n    if (!isControlled) setInner(next);\n    onChange?.(next);\n  };\n  return (\n    <div className={`segmented ${size} ${className}`}>\n      {options.map((o) => (\n        <button\n          key={String(o.value)}\n          type=\"button\"\n          disabled={o.disabled}\n          className={`seg ${v === o.value ? \"active\" : \"\"}`}\n          onClick={() => pick(o.value)}\n        >\n          {o.label}\n        </button>\n      ))}\n    </div>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/Tabs/Tabs.tsx"],"names":["React","jsxs","jsx"],"mappings":"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","file":"chunk-5EAVXFFD.cjs","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Tabs.css\";\nimport * as React from \"react\";\n\nexport interface TabItem {\n  key: string;\n  label: React.ReactNode;\n  disabled?: boolean;\n  content?: React.ReactNode;\n}\n\nexport interface TabsProps {\n  items: TabItem[];\n  activeKey?: string;\n  defaultActiveKey?: string;\n  onChange?: (key: string) => void;\n  variant?: \"line\" | \"pill\" | \"segmented\";\n  /** Center-align the tab bar horizontally. */\n  centered?: boolean;\n  className?: string;\n}\n\n/** `Tabs` — switchable sections. */\nexport const Tabs: React.FC<TabsProps> = ({\n  items,\n  activeKey,\n  defaultActiveKey,\n  onChange,\n  variant = \"line\",\n  centered,\n  className = \"\",\n}) => {\n  const [inner, setInner] = React.useState(defaultActiveKey ?? items[0]?.key);\n  const isControlled = activeKey !== undefined;\n  const current = isControlled ? activeKey! : inner;\n\n  const select = (k: string) => {\n    if (!isControlled) setInner(k);\n    onChange?.(k);\n  };\n\n  const active = items.find((i) => i.key === current);\n\n  return (\n    <div className={`tabs ${variant} ${centered ? \"centered\" : \"\"} ${className}`}>\n      <div className=\"tabs-nav\" role=\"tablist\">\n        {items.map((it) => (\n          <button\n            key={it.key}\n            type=\"button\"\n            role=\"tab\"\n            aria-selected={current === it.key}\n            disabled={it.disabled}\n            className={`tab ${current === it.key ? \"active\" : \"\"}`}\n            onClick={() => select(it.key)}\n          >\n            {it.label}\n          </button>\n        ))}\n      </div>\n      {active?.content !== undefined && <div className=\"tabs-content\">{active.content}</div>}\n    </div>\n  );\n};\n\nexport interface SegmentedProps<T extends string = string> {\n  options: { value: T; label: React.ReactNode; disabled?: boolean }[];\n  value?: T;\n  defaultValue?: T;\n  onChange?: (value: T) => void;\n  size?: \"sm\" | \"md\";\n  className?: string;\n}\n\n/** `Segmented` — exclusive choice chip row. */\nexport function Segmented<T extends string = string>({\n  options,\n  value,\n  defaultValue,\n  onChange,\n  size = \"md\",\n  className = \"\",\n}: SegmentedProps<T>) {\n  const [inner, setInner] = React.useState<T | undefined>(defaultValue ?? options[0]?.value);\n  const isControlled = value !== undefined;\n  const v = isControlled ? value : inner;\n  const pick = (next: T) => {\n    if (!isControlled) setInner(next);\n    onChange?.(next);\n  };\n  return (\n    <div className={`segmented ${size} ${className}`}>\n      {options.map((o) => (\n        <button\n          key={String(o.value)}\n          type=\"button\"\n          disabled={o.disabled}\n          className={`seg ${v === o.value ? \"active\" : \"\"}`}\n          onClick={() => pick(o.value)}\n        >\n          {o.label}\n        </button>\n      ))}\n    </div>\n  );\n}\n"]}

package/dist/{chunk-OYGFMXAA.js → chunk-5N7347MI.js}

@@ -1,4 +1,4 @@
-import './tokens-HWQ7KWPG.css';
+import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
 import './Divider-OEE4Q2KS.css';
 import { jsx } from 'react/jsx-runtime';
@@ -25,5 +25,5 @@ var Divider = ({
 };
 
 export { Divider };
-//# sourceMappingURL=chunk-OYGFMXAA.js.map
-//# sourceMappingURL=chunk-OYGFMXAA.js.map
+//# sourceMappingURL=chunk-5N7347MI.js.map
+//# sourceMappingURL=chunk-5N7347MI.js.map

package/dist/{chunk-OYGFMXAA.js.map → chunk-5N7347MI.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Divider/Divider.tsx"],"names":[],"mappings":";;;;;;AAoBO,IAAM,UAAkC,CAAC;AAAA,EAC9C,SAAA,GAAY,YAAA;AAAA,EACZ,KAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAA;AAAA,EACA,WAAA,GAAc,QAAA;AAAA,EACd,SAAA,GAAY,EAAA;AAAA,EACZ,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,GAAA,GAAM;AAAA,IACV,SAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA,IAAU,QAAA;AAAA,IACV,MAAA,IAAU,QAAA;AAAA,IACV,KAAA,IAAS,SAAA,KAAc,YAAA,IAAgB,CAAA,OAAA,EAAU,WAAW,CAAA,CAAA;AAAA,IAC5D;AAAA,GACF,CACG,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AACX,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,GAAA,EAAK,MAAK,WAAA,EAAa,GAAG,IAAA,EACvC,QAAA,EAAA,KAAA,oBAAS,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,eAAA,EAAiB,iBAAM,CAAA,EACnD,CAAA;AAEJ","file":"chunk-OYGFMXAA.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Divider.css\";\nimport * as React from \"react\";\n\nexport interface DividerProps extends React.HTMLAttributes<HTMLDivElement> {\n  direction?: \"horizontal\" | \"vertical\";\n  label?: React.ReactNode;\n  /** Use recessed groove styling. */\n  sunken?: boolean;\n  /** Render as dashed lines instead of solid. */\n  dashed?: boolean;\n  /**\n   * Label position for horizontal dividers. Defaults to `\"center\"`.\n   * Ignored when there is no `label`.\n   */\n  orientation?: \"left\" | \"center\" | \"right\";\n}\n\n/** `Divider` — visual separator, horizontal or vertical. */\nexport const Divider: React.FC<DividerProps> = ({\n  direction = \"horizontal\",\n  label,\n  sunken,\n  dashed,\n  orientation = \"center\",\n  className = \"\",\n  ...rest\n}) => {\n  const cls = [\n    \"divider\",\n    direction,\n    sunken && \"sunken\",\n    dashed && \"dashed\",\n    label && direction === \"horizontal\" && `orient-${orientation}`,\n    className,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n  return (\n    <div className={cls} role=\"separator\" {...rest}>\n      {label && <span className=\"divider-label\">{label}</span>}\n    </div>\n  );\n};\n"]}
+{"version":3,"sources":["../src/components/Divider/Divider.tsx"],"names":[],"mappings":";;;;;;AAoBO,IAAM,UAAkC,CAAC;AAAA,EAC9C,SAAA,GAAY,YAAA;AAAA,EACZ,KAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAA;AAAA,EACA,WAAA,GAAc,QAAA;AAAA,EACd,SAAA,GAAY,EAAA;AAAA,EACZ,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,GAAA,GAAM;AAAA,IACV,SAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA,IAAU,QAAA;AAAA,IACV,MAAA,IAAU,QAAA;AAAA,IACV,KAAA,IAAS,SAAA,KAAc,YAAA,IAAgB,CAAA,OAAA,EAAU,WAAW,CAAA,CAAA;AAAA,IAC5D;AAAA,GACF,CACG,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AACX,EAAA,uBACE,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,GAAA,EAAK,MAAK,WAAA,EAAa,GAAG,IAAA,EACvC,QAAA,EAAA,KAAA,oBAAS,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,eAAA,EAAiB,iBAAM,CAAA,EACnD,CAAA;AAEJ","file":"chunk-5N7347MI.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Divider.css\";\nimport * as React from \"react\";\n\nexport interface DividerProps extends React.HTMLAttributes<HTMLDivElement> {\n  direction?: \"horizontal\" | \"vertical\";\n  label?: React.ReactNode;\n  /** Use recessed groove styling. */\n  sunken?: boolean;\n  /** Render as dashed lines instead of solid. */\n  dashed?: boolean;\n  /**\n   * Label position for horizontal dividers. Defaults to `\"center\"`.\n   * Ignored when there is no `label`.\n   */\n  orientation?: \"left\" | \"center\" | \"right\";\n}\n\n/** `Divider` — visual separator, horizontal or vertical. */\nexport const Divider: React.FC<DividerProps> = ({\n  direction = \"horizontal\",\n  label,\n  sunken,\n  dashed,\n  orientation = \"center\",\n  className = \"\",\n  ...rest\n}) => {\n  const cls = [\n    \"divider\",\n    direction,\n    sunken && \"sunken\",\n    dashed && \"dashed\",\n    label && direction === \"horizontal\" && `orient-${orientation}`,\n    className,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n  return (\n    <div className={cls} role=\"separator\" {...rest}>\n      {label && <span className=\"divider-label\">{label}</span>}\n    </div>\n  );\n};\n"]}

package/dist/{chunk-VJN637MT.js → chunk-5PREWYTB.js}

@@ -1,4 +1,4 @@
-import './tokens-HWQ7KWPG.css';
+import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
 import './Progress-IXRSO5TW.css';
 import { jsxs, jsx } from 'react/jsx-runtime';
@@ -45,5 +45,5 @@ var Ring = ({
 };
 
 export { Progress, Ring };
-//# sourceMappingURL=chunk-VJN637MT.js.map
-//# sourceMappingURL=chunk-VJN637MT.js.map
+//# sourceMappingURL=chunk-5PREWYTB.js.map
+//# sourceMappingURL=chunk-5PREWYTB.js.map

package/dist/{chunk-VJN637MT.js.map → chunk-5PREWYTB.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Progress/Progress.tsx"],"names":[],"mappings":";;;;;;AAiBO,IAAM,WAAoC,CAAC;AAAA,EAChD,KAAA;AAAA,EACA,GAAA,GAAM,GAAA;AAAA,EACN,KAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA,GAAO,QAAA;AAAA,EACP,IAAA,GAAO,IAAA;AAAA,EACP,SAAA,GAAY;AACd,CAAA,KAAM;AACJ,EAAA,MAAM,GAAA,GAAM,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,IAAA,CAAK,IAAI,GAAA,EAAM,KAAA,GAAQ,GAAA,GAAO,GAAG,CAAC,CAAA;AAC1D,EAAA,uBACE,IAAA,CAAC,SAAI,SAAA,EAAW,CAAA,SAAA,EAAY,IAAI,CAAA,CAAA,EAAI,IAAI,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA,EACjD,QAAA,EAAA;AAAA,IAAA,CAAA,KAAA,IAAS,SAAA,qBACT,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACZ,QAAA,EAAA;AAAA,MAAA,KAAA,mBAAQ,GAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,KAAA,EAAM,CAAA,uBAAW,MAAA,EAAA,EAAK,CAAA;AAAA,MACrC,SAAA,oBAAa,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,GAAA,EAAK,QAAA,EAAA;AAAA,QAAA,IAAA,CAAK,MAAM,GAAG,CAAA;AAAA,QAAE;AAAA,OAAA,EAAC;AAAA,KAAA,EACtD,CAAA;AAAA,oBAEF,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACb,8BAAC,KAAA,EAAA,EAAI,SAAA,EAAU,cAAA,EAAe,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,EAAG,GAAG,CAAA,CAAA,CAAA,IAAO,CAAA,EAC7D;AAAA,GAAA,EACF,CAAA;AAEJ;AAYO,IAAM,OAA4B,CAAC;AAAA,EACxC,KAAA;AAAA,EACA,GAAA,GAAM,GAAA;AAAA,EACN,IAAA,GAAO,EAAA;AAAA,EACP,IAAA,GAAO,QAAA;AAAA,EACP,QAAA;AAAA,EACA,SAAA,GAAY;AACd,CAAA,KAAM;AACJ,EAAA,MAAM,GAAA,GAAM,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,IAAA,CAAK,IAAI,GAAA,EAAM,KAAA,GAAQ,GAAA,GAAO,GAAG,CAAC,CAAA;AAC1D,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,CAAA,KAAA,EAAQ,IAAI,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA;AAAA,MACpC,KAAA,EAAO,EAAE,CAAC,QAAiB,GAAG,CAAA,EAAG,IAAI,CAAA,EAAA,CAAA,EAAM,CAAC,OAAgB,GAAG,GAAA,EAAI;AAAA,MAEnE,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,YAAA,EAAc,QAAA,EAAA,QAAA,IAAY,GAAG,IAAA,CAAK,KAAA,CAAM,GAAG,CAAC,CAAA,CAAA,CAAA,EAAI;AAAA;AAAA,GAClE;AAEJ","file":"chunk-VJN637MT.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Progress.css\";\nimport * as React from \"react\";\n\nexport interface ProgressProps {\n  /** 0–100 */\n  value: number;\n  max?: number;\n  label?: React.ReactNode;\n  showValue?: boolean;\n  tone?: \"accent\" | \"success\" | \"warning\" | \"danger\";\n  size?: \"sm\" | \"md\" | \"lg\";\n  className?: string;\n}\n\n/** `Progress` — horizontal progress bar with neumorphic track. */\nexport const Progress: React.FC<ProgressProps> = ({\n  value,\n  max = 100,\n  label,\n  showValue,\n  tone = \"accent\",\n  size = \"md\",\n  className = \"\",\n}) => {\n  const pct = Math.max(0, Math.min(100, (value / max) * 100));\n  return (\n    <div className={`progress ${size} ${tone} ${className}`}>\n      {(label || showValue) && (\n        <div className=\"progress-label\">\n          {label ? <span>{label}</span> : <span />}\n          {showValue && <span className=\"v\">{Math.round(pct)}%</span>}\n        </div>\n      )}\n      <div className=\"progress-track\">\n        <div className=\"progress-bar\" style={{ width: `${pct}%` }} />\n      </div>\n    </div>\n  );\n};\n\nexport interface RingProps {\n  value: number;\n  max?: number;\n  size?: number;\n  tone?: \"accent\" | \"success\" | \"warning\" | \"danger\";\n  children?: React.ReactNode;\n  className?: string;\n}\n\n/** `Ring` — circular progress indicator. */\nexport const Ring: React.FC<RingProps> = ({\n  value,\n  max = 100,\n  size = 72,\n  tone = \"accent\",\n  children,\n  className = \"\",\n}) => {\n  const pct = Math.max(0, Math.min(100, (value / max) * 100));\n  return (\n    <div\n      className={`ring ${tone} ${className}`}\n      style={{ [\"--size\" as never]: `${size}px`, [\"--val\" as never]: pct }}\n    >\n      <span className=\"ring-label\">{children ?? `${Math.round(pct)}%`}</span>\n    </div>\n  );\n};\n"]}
+{"version":3,"sources":["../src/components/Progress/Progress.tsx"],"names":[],"mappings":";;;;;;AAiBO,IAAM,WAAoC,CAAC;AAAA,EAChD,KAAA;AAAA,EACA,GAAA,GAAM,GAAA;AAAA,EACN,KAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA,GAAO,QAAA;AAAA,EACP,IAAA,GAAO,IAAA;AAAA,EACP,SAAA,GAAY;AACd,CAAA,KAAM;AACJ,EAAA,MAAM,GAAA,GAAM,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,IAAA,CAAK,IAAI,GAAA,EAAM,KAAA,GAAQ,GAAA,GAAO,GAAG,CAAC,CAAA;AAC1D,EAAA,uBACE,IAAA,CAAC,SAAI,SAAA,EAAW,CAAA,SAAA,EAAY,IAAI,CAAA,CAAA,EAAI,IAAI,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA,EACjD,QAAA,EAAA;AAAA,IAAA,CAAA,KAAA,IAAS,SAAA,qBACT,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACZ,QAAA,EAAA;AAAA,MAAA,KAAA,mBAAQ,GAAA,CAAC,MAAA,EAAA,EAAM,QAAA,EAAA,KAAA,EAAM,CAAA,uBAAW,MAAA,EAAA,EAAK,CAAA;AAAA,MACrC,SAAA,oBAAa,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,GAAA,EAAK,QAAA,EAAA;AAAA,QAAA,IAAA,CAAK,MAAM,GAAG,CAAA;AAAA,QAAE;AAAA,OAAA,EAAC;AAAA,KAAA,EACtD,CAAA;AAAA,oBAEF,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,gBAAA,EACb,8BAAC,KAAA,EAAA,EAAI,SAAA,EAAU,cAAA,EAAe,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,EAAG,GAAG,CAAA,CAAA,CAAA,IAAO,CAAA,EAC7D;AAAA,GAAA,EACF,CAAA;AAEJ;AAYO,IAAM,OAA4B,CAAC;AAAA,EACxC,KAAA;AAAA,EACA,GAAA,GAAM,GAAA;AAAA,EACN,IAAA,GAAO,EAAA;AAAA,EACP,IAAA,GAAO,QAAA;AAAA,EACP,QAAA;AAAA,EACA,SAAA,GAAY;AACd,CAAA,KAAM;AACJ,EAAA,MAAM,GAAA,GAAM,IAAA,CAAK,GAAA,CAAI,CAAA,EAAG,IAAA,CAAK,IAAI,GAAA,EAAM,KAAA,GAAQ,GAAA,GAAO,GAAG,CAAC,CAAA;AAC1D,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,CAAA,KAAA,EAAQ,IAAI,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA;AAAA,MACpC,KAAA,EAAO,EAAE,CAAC,QAAiB,GAAG,CAAA,EAAG,IAAI,CAAA,EAAA,CAAA,EAAM,CAAC,OAAgB,GAAG,GAAA,EAAI;AAAA,MAEnE,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,YAAA,EAAc,QAAA,EAAA,QAAA,IAAY,GAAG,IAAA,CAAK,KAAA,CAAM,GAAG,CAAC,CAAA,CAAA,CAAA,EAAI;AAAA;AAAA,GAClE;AAEJ","file":"chunk-5PREWYTB.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Progress.css\";\nimport * as React from \"react\";\n\nexport interface ProgressProps {\n  /** 0–100 */\n  value: number;\n  max?: number;\n  label?: React.ReactNode;\n  showValue?: boolean;\n  tone?: \"accent\" | \"success\" | \"warning\" | \"danger\";\n  size?: \"sm\" | \"md\" | \"lg\";\n  className?: string;\n}\n\n/** `Progress` — horizontal progress bar with neumorphic track. */\nexport const Progress: React.FC<ProgressProps> = ({\n  value,\n  max = 100,\n  label,\n  showValue,\n  tone = \"accent\",\n  size = \"md\",\n  className = \"\",\n}) => {\n  const pct = Math.max(0, Math.min(100, (value / max) * 100));\n  return (\n    <div className={`progress ${size} ${tone} ${className}`}>\n      {(label || showValue) && (\n        <div className=\"progress-label\">\n          {label ? <span>{label}</span> : <span />}\n          {showValue && <span className=\"v\">{Math.round(pct)}%</span>}\n        </div>\n      )}\n      <div className=\"progress-track\">\n        <div className=\"progress-bar\" style={{ width: `${pct}%` }} />\n      </div>\n    </div>\n  );\n};\n\nexport interface RingProps {\n  value: number;\n  max?: number;\n  size?: number;\n  tone?: \"accent\" | \"success\" | \"warning\" | \"danger\";\n  children?: React.ReactNode;\n  className?: string;\n}\n\n/** `Ring` — circular progress indicator. */\nexport const Ring: React.FC<RingProps> = ({\n  value,\n  max = 100,\n  size = 72,\n  tone = \"accent\",\n  children,\n  className = \"\",\n}) => {\n  const pct = Math.max(0, Math.min(100, (value / max) * 100));\n  return (\n    <div\n      className={`ring ${tone} ${className}`}\n      style={{ [\"--size\" as never]: `${size}px`, [\"--val\" as never]: pct }}\n    >\n      <span className=\"ring-label\">{children ?? `${Math.round(pct)}%`}</span>\n    </div>\n  );\n};\n"]}

package/dist/{chunk-77BVQNAQ.js → chunk-5UOBYRYJ.js}

@@ -1,5 +1,5 @@
 import { Icon } from './chunk-GEYMWUW6.js';
-import './tokens-HWQ7KWPG.css';
+import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
 import './Button-SDQD25AG.css';
 import * as React from 'react';
@@ -62,5 +62,5 @@ var IconButton = React.forwardRef(
 IconButton.displayName = "IconButton";
 
 export { Button, IconButton };
-//# sourceMappingURL=chunk-77BVQNAQ.js.map
-//# sourceMappingURL=chunk-77BVQNAQ.js.map
+//# sourceMappingURL=chunk-5UOBYRYJ.js.map
+//# sourceMappingURL=chunk-5UOBYRYJ.js.map

package/dist/{chunk-77BVQNAQ.js.map → chunk-5UOBYRYJ.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Button/Button.tsx"],"names":[],"mappings":";;;;;;;AAsCO,IAAM,MAAA,GAAe,KAAA,CAAA,UAAA;AAAA,EAC1B,CACE;AAAA,IACE,QAAA;AAAA,IACA,OAAA,GAAU,SAAA;AAAA,IACV,IAAA,GAAO,IAAA;AAAA,IACP,IAAA;AAAA,IACA,YAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA,GAAY,EAAA;AAAA,IACZ,IAAA,GAAO,QAAA;AAAA,IACP,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,GAAA,GAAM;AAAA,MACV,KAAA;AAAA,MACA,OAAA;AAAA,MACA,SAAS,IAAA,IAAQ,IAAA;AAAA,MACjB,OAAA,IAAW,SAAA;AAAA,MACX,KAAA,IAAS,OAAA;AAAA,MACT,QAAA,IAAY,UAAA;AAAA,MACZ;AAAA,KACF,CACG,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AAEX,IAAA,uBACE,IAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA;AAAA,QACA,SAAA,EAAW,GAAA;AAAA,QACX,UAAU,QAAA,IAAY,OAAA;AAAA,QACrB,GAAG,IAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,OAAA,mBACC,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU,eAAW,IAAA,EAAC,CAAA,GACpC,IAAA,mBACF,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAM,IAAA,EAAM,IAAA,EAAM,IAAI,CAAA,GAC1B,IAAA;AAAA,UACH,QAAA;AAAA,UACA,gCAAgB,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAM,YAAA,EAAc,MAAM,EAAA,EAAI;AAAA;AAAA;AAAA,KACvD;AAAA,EAEJ;AACF;AACA,MAAA,CAAO,WAAA,GAAc,QAAA;AAYd,IAAM,UAAA,GAAmB,KAAA,CAAA,UAAA;AAAA,EAC9B,CAAC,EAAE,IAAA,EAAM,GAAA,EAAK,YAAY,EAAA,EAAI,GAAG,IAAA,EAAK,EAAG,GAAA,qBACvC,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,QAAQ,SAAS,CAAA,CAAA;AAAA,MAC5B,YAAA,EAAY,GAAA,IAAO,IAAA,CAAK,YAAY,CAAA,IAAK,IAAA;AAAA,MACzC,KAAA,EAAO,GAAA;AAAA,MACN,GAAG,IAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAM,IAAA,EAAM,MAAM,EAAA,EAAI;AAAA;AAAA;AAGlC;AACA,UAAA,CAAW,WAAA,GAAc,YAAA","file":"chunk-77BVQNAQ.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Button.css\";\nimport * as React from \"react\";\nimport type { IconName } from \"../Icon\";\nimport { Icon } from \"../Icon\";\n\nexport type ButtonVariant = \"default\" | \"primary\" | \"ghost\" | \"danger\";\nexport type ButtonSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface ButtonProps\n  extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"type\"> {\n  /** Visual variant. `primary` uses the accent color; `ghost` is borderless; `danger` is red. */\n  variant?: ButtonVariant;\n  /** Control height preset. */\n  size?: ButtonSize;\n  /** Leading icon. */\n  icon?: IconName;\n  /** Trailing icon. */\n  trailingIcon?: IconName;\n  /** Show spinner + disable interaction. */\n  loading?: boolean;\n  /** Make the button fill the container's width. */\n  block?: boolean;\n  /** Button type attribute. Defaults to \"button\" to avoid accidental form submits. */\n  type?: \"button\" | \"submit\" | \"reset\";\n  /** Extra class names. */\n  className?: string;\n  children?: React.ReactNode;\n}\n\n/**\n * `Button` — the primary action surface.\n *\n * @example\n * <Button variant=\"primary\" icon=\"plus\">新建</Button>\n * <Button variant=\"ghost\" loading>保存</Button>\n */\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      children,\n      variant = \"default\",\n      size = \"md\",\n      icon,\n      trailingIcon,\n      loading,\n      block,\n      disabled,\n      className = \"\",\n      type = \"button\",\n      ...rest\n    },\n    ref\n  ) => {\n    const cls = [\n      \"btn\",\n      variant,\n      size !== \"md\" && size,\n      loading && \"loading\",\n      block && \"block\",\n      disabled && \"disabled\",\n      className,\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n    return (\n      <button\n        ref={ref}\n        type={type}\n        className={cls}\n        disabled={disabled || loading}\n        {...rest}\n      >\n        {loading ? (\n          <span className=\"spinner\" aria-hidden />\n        ) : icon ? (\n          <Icon name={icon} size={15} />\n        ) : null}\n        {children}\n        {trailingIcon && <Icon name={trailingIcon} size={15} />}\n      </button>\n    );\n  }\n);\nButton.displayName = \"Button\";\n\nexport interface IconButtonProps\n  extends Omit<ButtonProps, \"icon\" | \"children\"> {\n  icon: IconName;\n  tip?: string;\n  \"aria-label\"?: string;\n}\n\n/**\n * `IconButton` — square button containing just an icon. Pair with a tooltip.\n */\nexport const IconButton = React.forwardRef<HTMLButtonElement, IconButtonProps>(\n  ({ icon, tip, className = \"\", ...rest }, ref) => (\n    <Button\n      ref={ref}\n      className={`icon ${className}`}\n      aria-label={tip || rest[\"aria-label\"] || icon}\n      title={tip}\n      {...rest}\n    >\n      <Icon name={icon} size={16} />\n    </Button>\n  )\n);\nIconButton.displayName = \"IconButton\";\n"]}
+{"version":3,"sources":["../src/components/Button/Button.tsx"],"names":[],"mappings":";;;;;;;AAsCO,IAAM,MAAA,GAAe,KAAA,CAAA,UAAA;AAAA,EAC1B,CACE;AAAA,IACE,QAAA;AAAA,IACA,OAAA,GAAU,SAAA;AAAA,IACV,IAAA,GAAO,IAAA;AAAA,IACP,IAAA;AAAA,IACA,YAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA,GAAY,EAAA;AAAA,IACZ,IAAA,GAAO,QAAA;AAAA,IACP,GAAG;AAAA,KAEL,GAAA,KACG;AACH,IAAA,MAAM,GAAA,GAAM;AAAA,MACV,KAAA;AAAA,MACA,OAAA;AAAA,MACA,SAAS,IAAA,IAAQ,IAAA;AAAA,MACjB,OAAA,IAAW,SAAA;AAAA,MACX,KAAA,IAAS,OAAA;AAAA,MACT,QAAA,IAAY,UAAA;AAAA,MACZ;AAAA,KACF,CACG,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AAEX,IAAA,uBACE,IAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,IAAA;AAAA,QACA,SAAA,EAAW,GAAA;AAAA,QACX,UAAU,QAAA,IAAY,OAAA;AAAA,QACrB,GAAG,IAAA;AAAA,QAEH,QAAA,EAAA;AAAA,UAAA,OAAA,mBACC,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU,eAAW,IAAA,EAAC,CAAA,GACpC,IAAA,mBACF,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAM,IAAA,EAAM,IAAA,EAAM,IAAI,CAAA,GAC1B,IAAA;AAAA,UACH,QAAA;AAAA,UACA,gCAAgB,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAM,YAAA,EAAc,MAAM,EAAA,EAAI;AAAA;AAAA;AAAA,KACvD;AAAA,EAEJ;AACF;AACA,MAAA,CAAO,WAAA,GAAc,QAAA;AAYd,IAAM,UAAA,GAAmB,KAAA,CAAA,UAAA;AAAA,EAC9B,CAAC,EAAE,IAAA,EAAM,GAAA,EAAK,YAAY,EAAA,EAAI,GAAG,IAAA,EAAK,EAAG,GAAA,qBACvC,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,QAAQ,SAAS,CAAA,CAAA;AAAA,MAC5B,YAAA,EAAY,GAAA,IAAO,IAAA,CAAK,YAAY,CAAA,IAAK,IAAA;AAAA,MACzC,KAAA,EAAO,GAAA;AAAA,MACN,GAAG,IAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA,CAAC,IAAA,EAAA,EAAK,IAAA,EAAM,IAAA,EAAM,MAAM,EAAA,EAAI;AAAA;AAAA;AAGlC;AACA,UAAA,CAAW,WAAA,GAAc,YAAA","file":"chunk-5UOBYRYJ.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Button.css\";\nimport * as React from \"react\";\nimport type { IconName } from \"../Icon\";\nimport { Icon } from \"../Icon\";\n\nexport type ButtonVariant = \"default\" | \"primary\" | \"ghost\" | \"danger\";\nexport type ButtonSize = \"sm\" | \"md\" | \"lg\";\n\nexport interface ButtonProps\n  extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, \"type\"> {\n  /** Visual variant. `primary` uses the accent color; `ghost` is borderless; `danger` is red. */\n  variant?: ButtonVariant;\n  /** Control height preset. */\n  size?: ButtonSize;\n  /** Leading icon. */\n  icon?: IconName;\n  /** Trailing icon. */\n  trailingIcon?: IconName;\n  /** Show spinner + disable interaction. */\n  loading?: boolean;\n  /** Make the button fill the container's width. */\n  block?: boolean;\n  /** Button type attribute. Defaults to \"button\" to avoid accidental form submits. */\n  type?: \"button\" | \"submit\" | \"reset\";\n  /** Extra class names. */\n  className?: string;\n  children?: React.ReactNode;\n}\n\n/**\n * `Button` — the primary action surface.\n *\n * @example\n * <Button variant=\"primary\" icon=\"plus\">新建</Button>\n * <Button variant=\"ghost\" loading>保存</Button>\n */\nexport const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      children,\n      variant = \"default\",\n      size = \"md\",\n      icon,\n      trailingIcon,\n      loading,\n      block,\n      disabled,\n      className = \"\",\n      type = \"button\",\n      ...rest\n    },\n    ref\n  ) => {\n    const cls = [\n      \"btn\",\n      variant,\n      size !== \"md\" && size,\n      loading && \"loading\",\n      block && \"block\",\n      disabled && \"disabled\",\n      className,\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n    return (\n      <button\n        ref={ref}\n        type={type}\n        className={cls}\n        disabled={disabled || loading}\n        {...rest}\n      >\n        {loading ? (\n          <span className=\"spinner\" aria-hidden />\n        ) : icon ? (\n          <Icon name={icon} size={15} />\n        ) : null}\n        {children}\n        {trailingIcon && <Icon name={trailingIcon} size={15} />}\n      </button>\n    );\n  }\n);\nButton.displayName = \"Button\";\n\nexport interface IconButtonProps\n  extends Omit<ButtonProps, \"icon\" | \"children\"> {\n  icon: IconName;\n  tip?: string;\n  \"aria-label\"?: string;\n}\n\n/**\n * `IconButton` — square button containing just an icon. Pair with a tooltip.\n */\nexport const IconButton = React.forwardRef<HTMLButtonElement, IconButtonProps>(\n  ({ icon, tip, className = \"\", ...rest }, ref) => (\n    <Button\n      ref={ref}\n      className={`icon ${className}`}\n      aria-label={tip || rest[\"aria-label\"] || icon}\n      title={tip}\n      {...rest}\n    >\n      <Icon name={icon} size={16} />\n    </Button>\n  )\n);\nIconButton.displayName = \"IconButton\";\n"]}

package/dist/{chunk-BBPNQ44M.js → chunk-6GNFRP2H.js}

@@ -1,4 +1,4 @@
-import './tokens-HWQ7KWPG.css';
+import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
 import './Switch-36KJNDXM.css';
 import * as React from 'react';
@@ -60,5 +60,5 @@ var Switch = ({
 };
 
 export { Switch };
-//# sourceMappingURL=chunk-BBPNQ44M.js.map
-//# sourceMappingURL=chunk-BBPNQ44M.js.map
+//# sourceMappingURL=chunk-6GNFRP2H.js.map
+//# sourceMappingURL=chunk-6GNFRP2H.js.map

package/dist/{chunk-BBPNQ44M.js.map → chunk-6GNFRP2H.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Switch/Switch.tsx"],"names":[],"mappings":";;;;;;;AAuBO,IAAM,SAAgC,CAAC;AAAA,EAC5C,OAAA;AAAA,EACA,cAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,eAAA;AAAA,EACA,iBAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ;AACF,CAAA,KAAM;AACJ,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAU,KAAA,CAAA,QAAA,CAAS,kBAAkB,KAAK,CAAA;AAChE,EAAA,MAAM,eAAe,OAAA,KAAY,MAAA;AACjC,EAAA,MAAM,KAAA,GAAQ,eAAe,OAAA,GAAU,KAAA;AAEvC,EAAA,MAAM,SAAS,MAAM;AACnB,IAAA,IAAI,QAAA,EAAU;AACd,IAAA,MAAM,OAAO,CAAC,KAAA;AACd,IAAA,IAAI,CAAC,YAAA,EAAc,QAAA,CAAS,IAAI,CAAA;AAChC,IAAA,QAAA,GAAW,IAAI,CAAA;AAAA,EACjB,CAAA;AAEA,EAAA,MAAM,WAAA,GAAc,eAAA,IAAmB,IAAA,IAAQ,iBAAA,IAAqB,IAAA;AACpE,EAAA,MAAM,GAAA,GAAM;AAAA,IACV,QAAA;AAAA,IACA,KAAA,IAAS,IAAA;AAAA,IACT,SAAS,IAAA,IAAQ,IAAA;AAAA,IACjB,QAAA,IAAY,UAAA;AAAA,IACZ,WAAA,IAAe,eAAA;AAAA,IACf;AAAA,GACF,CACG,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AAEX,EAAA,uBACE,IAAA,CAAC,OAAA,EAAA,EAAM,SAAA,EAAW,GAAA,EAChB,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,IAAA,EAAK,QAAA;AAAA,QACL,cAAA,EAAc,KAAA;AAAA,QACd,QAAA;AAAA,QACA,OAAA,EAAS,MAAA;AAAA,QACT,EAAA;AAAA,QACA,SAAA,EAAU,cAAA;AAAA,QAET,QAAA,EAAA;AAAA,UAAA,WAAA,oBACC,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,cAAA,EACd,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,iBAAA,EAAmB,QAAA,EAAA,eAAA,EAAgB,CAAA;AAAA,4BACnD,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,kBAAA,EAAoB,QAAA,EAAA,iBAAA,EAAkB;AAAA,WAAA,EACxD,CAAA;AAAA,0BAEF,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,cAAA,EAAe;AAAA;AAAA;AAAA,KACjC;AAAA,IACC,KAAA,oBAAS,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,gBAAgB,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EAClD,CAAA;AAEJ","file":"chunk-BBPNQ44M.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Switch.css\";\nimport * as React from \"react\";\n\nexport interface SwitchProps {\n  checked?: boolean;\n  defaultChecked?: boolean;\n  onChange?: (checked: boolean) => void;\n  disabled?: boolean;\n  label?: React.ReactNode;\n  size?: \"sm\" | \"md\";\n  /** Content rendered inside the track when checked (short text or icon). */\n  checkedChildren?: React.ReactNode;\n  /** Content rendered inside the track when unchecked. */\n  unCheckedChildren?: React.ReactNode;\n  className?: string;\n  id?: string;\n}\n\n/**\n * `Switch` — on/off toggle. Controlled or uncontrolled.\n */\nexport const Switch: React.FC<SwitchProps> = ({\n  checked,\n  defaultChecked,\n  onChange,\n  disabled,\n  label,\n  size = \"md\",\n  checkedChildren,\n  unCheckedChildren,\n  className = \"\",\n  id,\n}) => {\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 hasChildren = checkedChildren != null || unCheckedChildren != null;\n  const cls = [\n    \"switch\",\n    value && \"on\",\n    size !== \"md\" && size,\n    disabled && \"disabled\",\n    hasChildren && \"with-children\",\n    className,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  return (\n    <label className={cls}>\n      <button\n        type=\"button\"\n        role=\"switch\"\n        aria-checked={value}\n        disabled={disabled}\n        onClick={toggle}\n        id={id}\n        className=\"switch-track\"\n      >\n        {hasChildren && (\n          <span className=\"switch-inner\">\n            <span className=\"switch-inner-on\">{checkedChildren}</span>\n            <span className=\"switch-inner-off\">{unCheckedChildren}</span>\n          </span>\n        )}\n        <span className=\"switch-thumb\" />\n      </button>\n      {label && <span className=\"switch-label\">{label}</span>}\n    </label>\n  );\n};\n"]}
+{"version":3,"sources":["../src/components/Switch/Switch.tsx"],"names":[],"mappings":";;;;;;;AAuBO,IAAM,SAAgC,CAAC;AAAA,EAC5C,OAAA;AAAA,EACA,cAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,eAAA;AAAA,EACA,iBAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ;AACF,CAAA,KAAM;AACJ,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAU,KAAA,CAAA,QAAA,CAAS,kBAAkB,KAAK,CAAA;AAChE,EAAA,MAAM,eAAe,OAAA,KAAY,MAAA;AACjC,EAAA,MAAM,KAAA,GAAQ,eAAe,OAAA,GAAU,KAAA;AAEvC,EAAA,MAAM,SAAS,MAAM;AACnB,IAAA,IAAI,QAAA,EAAU;AACd,IAAA,MAAM,OAAO,CAAC,KAAA;AACd,IAAA,IAAI,CAAC,YAAA,EAAc,QAAA,CAAS,IAAI,CAAA;AAChC,IAAA,QAAA,GAAW,IAAI,CAAA;AAAA,EACjB,CAAA;AAEA,EAAA,MAAM,WAAA,GAAc,eAAA,IAAmB,IAAA,IAAQ,iBAAA,IAAqB,IAAA;AACpE,EAAA,MAAM,GAAA,GAAM;AAAA,IACV,QAAA;AAAA,IACA,KAAA,IAAS,IAAA;AAAA,IACT,SAAS,IAAA,IAAQ,IAAA;AAAA,IACjB,QAAA,IAAY,UAAA;AAAA,IACZ,WAAA,IAAe,eAAA;AAAA,IACf;AAAA,GACF,CACG,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AAEX,EAAA,uBACE,IAAA,CAAC,OAAA,EAAA,EAAM,SAAA,EAAW,GAAA,EAChB,QAAA,EAAA;AAAA,oBAAA,IAAA;AAAA,MAAC,QAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,QAAA;AAAA,QACL,IAAA,EAAK,QAAA;AAAA,QACL,cAAA,EAAc,KAAA;AAAA,QACd,QAAA;AAAA,QACA,OAAA,EAAS,MAAA;AAAA,QACT,EAAA;AAAA,QACA,SAAA,EAAU,cAAA;AAAA,QAET,QAAA,EAAA;AAAA,UAAA,WAAA,oBACC,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,cAAA,EACd,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,iBAAA,EAAmB,QAAA,EAAA,eAAA,EAAgB,CAAA;AAAA,4BACnD,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,kBAAA,EAAoB,QAAA,EAAA,iBAAA,EAAkB;AAAA,WAAA,EACxD,CAAA;AAAA,0BAEF,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,cAAA,EAAe;AAAA;AAAA;AAAA,KACjC;AAAA,IACC,KAAA,oBAAS,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,gBAAgB,QAAA,EAAA,KAAA,EAAM;AAAA,GAAA,EAClD,CAAA;AAEJ","file":"chunk-6GNFRP2H.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Switch.css\";\nimport * as React from \"react\";\n\nexport interface SwitchProps {\n  checked?: boolean;\n  defaultChecked?: boolean;\n  onChange?: (checked: boolean) => void;\n  disabled?: boolean;\n  label?: React.ReactNode;\n  size?: \"sm\" | \"md\";\n  /** Content rendered inside the track when checked (short text or icon). */\n  checkedChildren?: React.ReactNode;\n  /** Content rendered inside the track when unchecked. */\n  unCheckedChildren?: React.ReactNode;\n  className?: string;\n  id?: string;\n}\n\n/**\n * `Switch` — on/off toggle. Controlled or uncontrolled.\n */\nexport const Switch: React.FC<SwitchProps> = ({\n  checked,\n  defaultChecked,\n  onChange,\n  disabled,\n  label,\n  size = \"md\",\n  checkedChildren,\n  unCheckedChildren,\n  className = \"\",\n  id,\n}) => {\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 hasChildren = checkedChildren != null || unCheckedChildren != null;\n  const cls = [\n    \"switch\",\n    value && \"on\",\n    size !== \"md\" && size,\n    disabled && \"disabled\",\n    hasChildren && \"with-children\",\n    className,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  return (\n    <label className={cls}>\n      <button\n        type=\"button\"\n        role=\"switch\"\n        aria-checked={value}\n        disabled={disabled}\n        onClick={toggle}\n        id={id}\n        className=\"switch-track\"\n      >\n        {hasChildren && (\n          <span className=\"switch-inner\">\n            <span className=\"switch-inner-on\">{checkedChildren}</span>\n            <span className=\"switch-inner-off\">{unCheckedChildren}</span>\n          </span>\n        )}\n        <span className=\"switch-thumb\" />\n      </button>\n      {label && <span className=\"switch-label\">{label}</span>}\n    </label>\n  );\n};\n"]}

package/dist/{chunk-TZSWDH5T.cjs → chunk-7JYI5THC.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
 var chunkYVO7XO4W_cjs = require('./chunk-YVO7XO4W.cjs');
-require('./tokens-HWQ7KWPG.css');
+require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
 require('./Calendar-LHZELUDL.css');
 var React = require('react');
@@ -108,5 +108,5 @@ var Calendar = ({
 };
 
 exports.Calendar = Calendar;
-//# sourceMappingURL=chunk-TZSWDH5T.cjs.map
-//# sourceMappingURL=chunk-TZSWDH5T.cjs.map
+//# sourceMappingURL=chunk-7JYI5THC.cjs.map
+//# sourceMappingURL=chunk-7JYI5THC.cjs.map

package/dist/{chunk-TZSWDH5T.cjs.map → chunk-7JYI5THC.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Calendar/Calendar.tsx"],"names":["React","jsxs","jsx","Icon"],"mappings":"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","file":"chunk-TZSWDH5T.cjs","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Calendar.css\";\nimport * as React from \"react\";\nimport { Icon } from \"../Icon\";\n\nexport interface CalendarProps {\n  value?: Date;\n  defaultValue?: Date;\n  onChange?: (date: Date) => void;\n  /** Min selectable date. */\n  min?: Date;\n  /** Max selectable date. */\n  max?: Date;\n  /**\n   * Predicate that marks an individual cell as disabled. Disabled cells are\n   * greyed out, not clickable, and do not fire `onChange`.\n   * @example\n   * // disable weekends\n   * disabledDate={(d) => d.getDay() === 0 || d.getDay() === 6}\n   */\n  disabledDate?: (date: Date) => boolean;\n  className?: string;\n}\n\nconst WEEKDAYS = [\"日\", \"一\", \"二\", \"三\", \"四\", \"五\", \"六\"];\n\n/** `Calendar` — month-view date picker. */\nexport const Calendar: React.FC<CalendarProps> = ({\n  value,\n  defaultValue,\n  onChange,\n  min,\n  max,\n  disabledDate,\n  className = \"\",\n}) => {\n  const [inner, setInner] = React.useState(defaultValue ?? new Date());\n  const isControlled = value !== undefined;\n  const sel = isControlled ? value! : inner;\n  const [view, setView] = React.useState(new Date(sel.getFullYear(), sel.getMonth(), 1));\n\n  const first = new Date(view.getFullYear(), view.getMonth(), 1);\n  const startDay = first.getDay();\n  const daysInMonth = new Date(view.getFullYear(), view.getMonth() + 1, 0).getDate();\n  const cells: (number | null)[] = [];\n  for (let i = 0; i < startDay; i++) cells.push(null);\n  for (let d = 1; d <= daysInMonth; d++) cells.push(d);\n\n  const isSame = (a: Date, b: Date) =>\n    a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();\n\n  const pick = (d: number) => {\n    const next = new Date(view.getFullYear(), view.getMonth(), d);\n    if (min && next < min) return;\n    if (max && next > max) return;\n    if (disabledDate?.(next)) return;\n    if (!isControlled) setInner(next);\n    onChange?.(next);\n  };\n\n  return (\n    <div className={`calendar ${className}`}>\n      <div className=\"calendar-head\">\n        <button\n          type=\"button\"\n          className=\"btn icon sm ghost\"\n          onClick={() => setView(new Date(view.getFullYear(), view.getMonth() - 1, 1))}\n          aria-label=\"Previous month\"\n        >\n          <Icon name=\"chevLeft\" size={14} />\n        </button>\n        <button type=\"button\" className=\"calendar-title\">\n          {view.getFullYear()} 年 {view.getMonth() + 1} 月\n        </button>\n        <button\n          type=\"button\"\n          className=\"btn icon sm ghost\"\n          onClick={() => setView(new Date(view.getFullYear(), view.getMonth() + 1, 1))}\n          aria-label=\"Next month\"\n        >\n          <Icon name=\"chevRight\" size={14} />\n        </button>\n      </div>\n      <div className=\"calendar-grid\">\n        {WEEKDAYS.map((w) => (\n          <div key={w} className=\"calendar-dow\">{w}</div>\n        ))}\n        {cells.map((d, i) => {\n          if (d === null) return <div key={i} className=\"calendar-cell out\" />;\n          const date = new Date(view.getFullYear(), view.getMonth(), d);\n          const disabled =\n            (min && date < min) ||\n            (max && date > max) ||\n            (disabledDate?.(date) ?? false);\n          return (\n            <button\n              key={i}\n              type=\"button\"\n              disabled={!!disabled}\n              className={`calendar-cell ${isSame(date, sel) ? \"selected\" : \"\"} ${isSame(date, new Date()) ? \"today\" : \"\"} ${disabled ? \"disabled\" : \"\"}`}\n              onClick={() => pick(d)}\n            >\n              {d}\n            </button>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n"]}
+{"version":3,"sources":["../src/components/Calendar/Calendar.tsx"],"names":["React","jsxs","jsx","Icon"],"mappings":"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","file":"chunk-7JYI5THC.cjs","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Calendar.css\";\nimport * as React from \"react\";\nimport { Icon } from \"../Icon\";\n\nexport interface CalendarProps {\n  value?: Date;\n  defaultValue?: Date;\n  onChange?: (date: Date) => void;\n  /** Min selectable date. */\n  min?: Date;\n  /** Max selectable date. */\n  max?: Date;\n  /**\n   * Predicate that marks an individual cell as disabled. Disabled cells are\n   * greyed out, not clickable, and do not fire `onChange`.\n   * @example\n   * // disable weekends\n   * disabledDate={(d) => d.getDay() === 0 || d.getDay() === 6}\n   */\n  disabledDate?: (date: Date) => boolean;\n  className?: string;\n}\n\nconst WEEKDAYS = [\"日\", \"一\", \"二\", \"三\", \"四\", \"五\", \"六\"];\n\n/** `Calendar` — month-view date picker. */\nexport const Calendar: React.FC<CalendarProps> = ({\n  value,\n  defaultValue,\n  onChange,\n  min,\n  max,\n  disabledDate,\n  className = \"\",\n}) => {\n  const [inner, setInner] = React.useState(defaultValue ?? new Date());\n  const isControlled = value !== undefined;\n  const sel = isControlled ? value! : inner;\n  const [view, setView] = React.useState(new Date(sel.getFullYear(), sel.getMonth(), 1));\n\n  const first = new Date(view.getFullYear(), view.getMonth(), 1);\n  const startDay = first.getDay();\n  const daysInMonth = new Date(view.getFullYear(), view.getMonth() + 1, 0).getDate();\n  const cells: (number | null)[] = [];\n  for (let i = 0; i < startDay; i++) cells.push(null);\n  for (let d = 1; d <= daysInMonth; d++) cells.push(d);\n\n  const isSame = (a: Date, b: Date) =>\n    a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();\n\n  const pick = (d: number) => {\n    const next = new Date(view.getFullYear(), view.getMonth(), d);\n    if (min && next < min) return;\n    if (max && next > max) return;\n    if (disabledDate?.(next)) return;\n    if (!isControlled) setInner(next);\n    onChange?.(next);\n  };\n\n  return (\n    <div className={`calendar ${className}`}>\n      <div className=\"calendar-head\">\n        <button\n          type=\"button\"\n          className=\"btn icon sm ghost\"\n          onClick={() => setView(new Date(view.getFullYear(), view.getMonth() - 1, 1))}\n          aria-label=\"Previous month\"\n        >\n          <Icon name=\"chevLeft\" size={14} />\n        </button>\n        <button type=\"button\" className=\"calendar-title\">\n          {view.getFullYear()} 年 {view.getMonth() + 1} 月\n        </button>\n        <button\n          type=\"button\"\n          className=\"btn icon sm ghost\"\n          onClick={() => setView(new Date(view.getFullYear(), view.getMonth() + 1, 1))}\n          aria-label=\"Next month\"\n        >\n          <Icon name=\"chevRight\" size={14} />\n        </button>\n      </div>\n      <div className=\"calendar-grid\">\n        {WEEKDAYS.map((w) => (\n          <div key={w} className=\"calendar-dow\">{w}</div>\n        ))}\n        {cells.map((d, i) => {\n          if (d === null) return <div key={i} className=\"calendar-cell out\" />;\n          const date = new Date(view.getFullYear(), view.getMonth(), d);\n          const disabled =\n            (min && date < min) ||\n            (max && date > max) ||\n            (disabledDate?.(date) ?? false);\n          return (\n            <button\n              key={i}\n              type=\"button\"\n              disabled={!!disabled}\n              className={`calendar-cell ${isSame(date, sel) ? \"selected\" : \"\"} ${isSame(date, new Date()) ? \"today\" : \"\"} ${disabled ? \"disabled\" : \"\"}`}\n              onClick={() => pick(d)}\n            >\n              {d}\n            </button>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n"]}