@fangxinyan/lumina 0.1.0

package/dist/chunk-U6ODMPTI.cjs

@@ -0,0 +1,74 @@
+'use strict';
+
+require('./tokens-HWQ7KWPG.css');
+require('./shared-NJHRNLRH.css');
+require('./Popover-WXEVUYBG.css');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+// src/components/Popover/Popover.tsx
+var Popover = ({
+  content,
+  placement = "bottom",
+  trigger = "click",
+  defaultOpen = false,
+  open,
+  onOpenChange,
+  children,
+  className = ""
+}) => {
+  const [inner, setInner] = React__namespace.useState(defaultOpen);
+  const isControlled = open !== void 0;
+  const show = isControlled ? open : inner;
+  const ref = React__namespace.useRef(null);
+  const set = (v) => {
+    if (!isControlled) setInner(v);
+    onOpenChange?.(v);
+  };
+  React__namespace.useEffect(() => {
+    if (trigger !== "click" || !show) return;
+    const h = (e) => {
+      if (ref.current && !ref.current.contains(e.target)) set(false);
+    };
+    document.addEventListener("mousedown", h);
+    return () => document.removeEventListener("mousedown", h);
+  }, [show, trigger]);
+  const interact = trigger === "hover" ? { onMouseEnter: () => set(true), onMouseLeave: () => set(false) } : { onClick: () => set(!show) };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      ref,
+      className: `popover-anchor ${className}`,
+      style: { position: "relative", display: "inline-flex" },
+      ...interact,
+      children: [
+        children,
+        show && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `popover ${placement}`, children: content })
+      ]
+    }
+  );
+};
+
+exports.Popover = Popover;
+//# sourceMappingURL=chunk-U6ODMPTI.cjs.map
+//# sourceMappingURL=chunk-U6ODMPTI.cjs.map

package/dist/chunk-U6ODMPTI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Popover/Popover.tsx"],"names":["React","jsxs","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBO,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,GAAUA,0BAAS,WAAW,CAAA;AACpD,EAAA,MAAM,eAAe,IAAA,KAAS,MAAA;AAC9B,EAAA,MAAM,IAAA,GAAO,eAAe,IAAA,GAAQ,KAAA;AACpC,EAAA,MAAM,GAAA,GAAYA,wBAAwB,IAAI,CAAA;AAE9C,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,EAAMA,2BAAU,MAAM;AACpB,IAAA,IAAI,OAAA,KAAY,OAAA,IAAW,CAAC,IAAA,EAAM;AAClC,IAAA,MAAM,CAAA,GAAI,CAAC,CAAA,KAAkB;AAC3B,MAAA,IAAI,GAAA,CAAI,OAAA,IAAW,CAAC,GAAA,CAAI,OAAA,CAAQ,SAAS,CAAA,CAAE,MAAc,CAAA,EAAG,GAAA,CAAI,KAAK,CAAA;AAAA,IACvE,CAAA;AACA,IAAA,QAAA,CAAS,gBAAA,CAAiB,aAAa,CAAC,CAAA;AACxC,IAAA,OAAO,MAAM,QAAA,CAAS,mBAAA,CAAoB,WAAA,EAAa,CAAC,CAAA;AAAA,EAC1D,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,uBACEC,eAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,SAAA,EAAW,kBAAkB,SAAS,CAAA,CAAA;AAAA,MACtC,KAAA,EAAO,EAAE,QAAA,EAAU,UAAA,EAAY,SAAS,aAAA,EAAc;AAAA,MACrD,GAAG,QAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,QACA,wBAAQC,cAAA,CAAC,MAAA,EAAA,EAAK,WAAW,CAAA,QAAA,EAAW,SAAS,IAAK,QAAA,EAAA,OAAA,EAAQ;AAAA;AAAA;AAAA,GAC7D;AAEJ","file":"chunk-U6ODMPTI.cjs","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Popover.css\";\nimport * as React from \"react\";\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 ref = React.useRef<HTMLSpanElement>(null);\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      if (ref.current && !ref.current.contains(e.target as Node)) set(false);\n    };\n    document.addEventListener(\"mousedown\", h);\n    return () => document.removeEventListener(\"mousedown\", h);\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    <span\n      ref={ref}\n      className={`popover-anchor ${className}`}\n      style={{ position: \"relative\", display: \"inline-flex\" }}\n      {...interact}\n    >\n      {children}\n      {show && <span className={`popover ${placement}`}>{content}</span>}\n    </span>\n  );\n};\n"]}

package/dist/chunk-V2ZUOEXM.cjs

@@ -0,0 +1,73 @@
+'use strict';
+
+require('./tokens-HWQ7KWPG.css');
+require('./shared-NJHRNLRH.css');
+require('./Slider-RE4HZQKF.css');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+// src/components/Slider/Slider.tsx
+var Slider = ({
+  value,
+  defaultValue = 0,
+  onChange,
+  min = 0,
+  max = 100,
+  step = 1,
+  disabled,
+  showValue,
+  tone = "accent",
+  className = ""
+}) => {
+  const [inner, setInner] = React__namespace.useState(defaultValue);
+  const isControlled = value !== void 0;
+  const v = isControlled ? value : inner;
+  const pct = (v - min) / (max - min) * 100;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `slider ${tone} ${disabled ? "disabled" : ""} ${className}`, children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "slider-track", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "slider-fill", style: { width: `${pct}%` } }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "slider-thumb", style: { left: `${pct}%` } })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        type: "range",
+        min,
+        max,
+        step,
+        value: v,
+        disabled,
+        onChange: (e) => {
+          const n = Number(e.target.value);
+          if (!isControlled) setInner(n);
+          onChange?.(n);
+        }
+      }
+    ),
+    showValue && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "slider-value", children: v })
+  ] });
+};
+
+exports.Slider = Slider;
+//# sourceMappingURL=chunk-V2ZUOEXM.cjs.map
+//# sourceMappingURL=chunk-V2ZUOEXM.cjs.map

package/dist/chunk-V2ZUOEXM.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Slider/Slider.tsx"],"names":["React","jsxs","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,IAAM,SAAgC,CAAC;AAAA,EAC5C,KAAA;AAAA,EACA,YAAA,GAAe,CAAA;AAAA,EACf,QAAA;AAAA,EACA,GAAA,GAAM,CAAA;AAAA,EACN,GAAA,GAAM,GAAA;AAAA,EACN,IAAA,GAAO,CAAA;AAAA,EACP,QAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA,GAAO,QAAA;AAAA,EACP,SAAA,GAAY;AACd,CAAA,KAAM;AACJ,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAUA,0BAAS,YAAY,CAAA;AACrD,EAAA,MAAM,eAAe,KAAA,KAAU,MAAA;AAC/B,EAAA,MAAM,CAAA,GAAI,eAAe,KAAA,GAAS,KAAA;AAClC,EAAA,MAAM,GAAA,GAAA,CAAQ,CAAA,GAAI,GAAA,KAAQ,GAAA,GAAM,GAAA,CAAA,GAAQ,GAAA;AAExC,EAAA,uBACEC,eAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,CAAA,OAAA,EAAU,IAAI,CAAA,CAAA,EAAI,QAAA,GAAW,UAAA,GAAa,EAAE,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA,EACvE,QAAA,EAAA;AAAA,oBAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,cAAA,EACb,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAAC,KAAA,EAAA,EAAI,WAAU,aAAA,EAAc,KAAA,EAAO,EAAE,KAAA,EAAO,CAAA,EAAG,GAAG,CAAA,CAAA,CAAA,EAAI,EAAG,CAAA;AAAA,sBAC1DA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,cAAA,EAAe,KAAA,EAAO,EAAE,IAAA,EAAM,CAAA,EAAG,GAAG,CAAA,CAAA,CAAA,EAAI,EAAG;AAAA,KAAA,EAC5D,CAAA;AAAA,oBACAA,cAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,IAAA,EAAK,OAAA;AAAA,QACL,GAAA;AAAA,QACA,GAAA;AAAA,QACA,IAAA;AAAA,QACA,KAAA,EAAO,CAAA;AAAA,QACP,QAAA;AAAA,QACA,QAAA,EAAU,CAAC,CAAA,KAAM;AACf,UAAA,MAAM,CAAA,GAAI,MAAA,CAAO,CAAA,CAAE,MAAA,CAAO,KAAK,CAAA;AAC/B,UAAA,IAAI,CAAC,YAAA,EAAc,QAAA,CAAS,CAAC,CAAA;AAC7B,UAAA,QAAA,GAAW,CAAC,CAAA;AAAA,QACd;AAAA;AAAA,KACF;AAAA,IACC,SAAA,oBAAaA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,gBAAgB,QAAA,EAAA,CAAA,EAAE;AAAA,GAAA,EAClD,CAAA;AAEJ","file":"chunk-V2ZUOEXM.cjs","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Slider.css\";\nimport * as React from \"react\";\n\nexport interface SliderProps {\n  value?: number;\n  defaultValue?: number;\n  onChange?: (value: number) => void;\n  min?: number;\n  max?: number;\n  step?: number;\n  disabled?: boolean;\n  showValue?: boolean;\n  tone?: \"accent\" | \"success\" | \"warning\" | \"danger\";\n  className?: string;\n}\n\n/** `Slider` — neumorphic range input with grooved track. */\nexport const Slider: React.FC<SliderProps> = ({\n  value,\n  defaultValue = 0,\n  onChange,\n  min = 0,\n  max = 100,\n  step = 1,\n  disabled,\n  showValue,\n  tone = \"accent\",\n  className = \"\",\n}) => {\n  const [inner, setInner] = React.useState(defaultValue);\n  const isControlled = value !== undefined;\n  const v = isControlled ? value! : inner;\n  const pct = ((v - min) / (max - min)) * 100;\n\n  return (\n    <div className={`slider ${tone} ${disabled ? \"disabled\" : \"\"} ${className}`}>\n      <div className=\"slider-track\">\n        <div className=\"slider-fill\" style={{ width: `${pct}%` }} />\n        <div className=\"slider-thumb\" style={{ left: `${pct}%` }} />\n      </div>\n      <input\n        type=\"range\"\n        min={min}\n        max={max}\n        step={step}\n        value={v}\n        disabled={disabled}\n        onChange={(e) => {\n          const n = Number(e.target.value);\n          if (!isControlled) setInner(n);\n          onChange?.(n);\n        }}\n      />\n      {showValue && <span className=\"slider-value\">{v}</span>}\n    </div>\n  );\n};\n"]}

package/dist/chunk-VJN637MT.js

@@ -0,0 +1,49 @@
+import './tokens-HWQ7KWPG.css';
+import './shared-NJHRNLRH.css';
+import './Progress-IXRSO5TW.css';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/components/Progress/Progress.tsx
+var Progress = ({
+  value,
+  max = 100,
+  label,
+  showValue,
+  tone = "accent",
+  size = "md",
+  className = ""
+}) => {
+  const pct = Math.max(0, Math.min(100, value / max * 100));
+  return /* @__PURE__ */ jsxs("div", { className: `progress ${size} ${tone} ${className}`, children: [
+    (label || showValue) && /* @__PURE__ */ jsxs("div", { className: "progress-label", children: [
+      label ? /* @__PURE__ */ jsx("span", { children: label }) : /* @__PURE__ */ jsx("span", {}),
+      showValue && /* @__PURE__ */ jsxs("span", { className: "v", children: [
+        Math.round(pct),
+        "%"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "progress-track", children: /* @__PURE__ */ jsx("div", { className: "progress-bar", style: { width: `${pct}%` } }) })
+  ] });
+};
+var Ring = ({
+  value,
+  max = 100,
+  size = 72,
+  tone = "accent",
+  children,
+  className = ""
+}) => {
+  const pct = Math.max(0, Math.min(100, value / max * 100));
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: `ring ${tone} ${className}`,
+      style: { ["--size"]: `${size}px`, ["--val"]: pct },
+      children: /* @__PURE__ */ jsx("span", { className: "ring-label", children: children ?? `${Math.round(pct)}%` })
+    }
+  );
+};
+
+export { Progress, Ring };
+//# sourceMappingURL=chunk-VJN637MT.js.map
+//# sourceMappingURL=chunk-VJN637MT.js.map

package/dist/chunk-VJN637MT.js.map

@@ -0,0 +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"]}

package/dist/chunk-VMHNKD3N.cjs

@@ -0,0 +1,56 @@
+'use strict';
+
+var chunkYVO7XO4W_cjs = require('./chunk-YVO7XO4W.cjs');
+require('./tokens-HWQ7KWPG.css');
+require('./shared-NJHRNLRH.css');
+require('./Tag-EYOY3UWG.css');
+var jsxRuntime = require('react/jsx-runtime');
+
+var Tag = ({
+  tone = "neutral",
+  solid,
+  dot,
+  removable,
+  onRemove,
+  className = "",
+  children,
+  ...rest
+}) => {
+  const cls = ["tag", tone, solid && "solid", className].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cls, ...rest, children: [
+    dot && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "dot" }),
+    children,
+    removable && /* @__PURE__ */ jsxRuntime.jsx(
+      "span",
+      {
+        className: "x",
+        role: "button",
+        "aria-label": "Remove",
+        onClick: (e) => {
+          e.stopPropagation();
+          onRemove?.();
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsx(chunkYVO7XO4W_cjs.Icon, { name: "x", size: 11 })
+      }
+    )
+  ] });
+};
+var Badge = ({
+  count,
+  dot,
+  tone = "danger",
+  children,
+  className = "",
+  ...rest
+}) => {
+  const show = dot || typeof count === "number" && count > 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `badge-wrap ${className}`, ...rest, children: [
+    children,
+    show && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `badge ${tone} ${dot ? "dot" : ""}`, children: !dot && (count > 99 ? "99+" : count) })
+  ] });
+};
+
+exports.Badge = Badge;
+exports.Tag = Tag;
+//# sourceMappingURL=chunk-VMHNKD3N.cjs.map
+//# sourceMappingURL=chunk-VMHNKD3N.cjs.map

package/dist/chunk-VMHNKD3N.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Tag/Tag.tsx"],"names":["jsxs","jsx","Icon"],"mappings":";;;;;;;;AAoBO,IAAM,MAA0B,CAAC;AAAA,EACtC,IAAA,GAAO,SAAA;AAAA,EACP,KAAA;AAAA,EACA,GAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,QAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,GAAA,GAAM,CAAC,KAAA,EAAO,IAAA,EAAM,KAAA,IAAS,OAAA,EAAS,SAAS,CAAA,CAAE,MAAA,CAAO,OAAO,CAAA,CAAE,IAAA,CAAK,GAAG,CAAA;AAC/E,EAAA,uBACEA,eAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,GAAA,EAAM,GAAG,IAAA,EACvB,QAAA,EAAA;AAAA,IAAA,GAAA,oBAAOC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,KAAA,EAAM,CAAA;AAAA,IAC7B,QAAA;AAAA,IACA,SAAA,oBACCA,cAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAU,GAAA;AAAA,QACV,IAAA,EAAK,QAAA;AAAA,QACL,YAAA,EAAW,QAAA;AAAA,QACX,OAAA,EAAS,CAAC,CAAA,KAAM;AACd,UAAA,CAAA,CAAE,eAAA,EAAgB;AAClB,UAAA,QAAA,IAAW;AAAA,QACb,CAAA;AAAA,QAEA,QAAA,kBAAAA,cAAA,CAACC,sBAAA,EAAA,EAAK,IAAA,EAAK,GAAA,EAAI,MAAM,EAAA,EAAI;AAAA;AAAA;AAC3B,GAAA,EAEJ,CAAA;AAEJ;AAYO,IAAM,QAA8B,CAAC;AAAA,EAC1C,KAAA;AAAA,EACA,GAAA;AAAA,EACA,IAAA,GAAO,QAAA;AAAA,EACP,QAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,IAAA,GAAO,GAAA,IAAQ,OAAO,KAAA,KAAU,YAAY,KAAA,GAAQ,CAAA;AAC1D,EAAA,uCACG,MAAA,EAAA,EAAK,SAAA,EAAW,cAAc,SAAS,CAAA,CAAA,EAAK,GAAG,IAAA,EAC7C,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,wBACCD,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,CAAA,MAAA,EAAS,IAAI,CAAA,CAAA,EAAI,GAAA,GAAM,KAAA,GAAQ,EAAE,IAC/C,QAAA,EAAA,CAAC,GAAA,KAAQ,KAAA,GAAS,EAAA,GAAK,QAAQ,KAAA,CAAA,EAClC;AAAA,GAAA,EAEJ,CAAA;AAEJ","file":"chunk-VMHNKD3N.cjs","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Tag.css\";\nimport * as React from \"react\";\nimport { Icon } from \"../Icon\";\n\nexport type TagTone = \"neutral\" | \"accent\" | \"info\" | \"success\" | \"warning\" | \"danger\";\n\nexport interface TagProps extends React.HTMLAttributes<HTMLSpanElement> {\n  tone?: TagTone;\n  solid?: boolean;\n  /** Render a leading colored dot. */\n  dot?: boolean;\n  /** Show a close button. */\n  removable?: boolean;\n  onRemove?: () => void;\n  children?: React.ReactNode;\n}\n\n/** `Tag` — small label/pill. */\nexport const Tag: React.FC<TagProps> = ({\n  tone = \"neutral\",\n  solid,\n  dot,\n  removable,\n  onRemove,\n  className = \"\",\n  children,\n  ...rest\n}) => {\n  const cls = [\"tag\", tone, solid && \"solid\", className].filter(Boolean).join(\" \");\n  return (\n    <span className={cls} {...rest}>\n      {dot && <span className=\"dot\" />}\n      {children}\n      {removable && (\n        <span\n          className=\"x\"\n          role=\"button\"\n          aria-label=\"Remove\"\n          onClick={(e) => {\n            e.stopPropagation();\n            onRemove?.();\n          }}\n        >\n          <Icon name=\"x\" size={11} />\n        </span>\n      )}\n    </span>\n  );\n};\n\nexport interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {\n  /** Numeric count — renders as \"99+\" if > 99. */\n  count?: number;\n  /** Show a tiny dot instead of a number. */\n  dot?: boolean;\n  tone?: TagTone;\n  children?: React.ReactNode;\n}\n\n/** `Badge` — notification dot / count. Wrap around another element. */\nexport const Badge: React.FC<BadgeProps> = ({\n  count,\n  dot,\n  tone = \"danger\",\n  children,\n  className = \"\",\n  ...rest\n}) => {\n  const show = dot || (typeof count === \"number\" && count > 0);\n  return (\n    <span className={`badge-wrap ${className}`} {...rest}>\n      {children}\n      {show && (\n        <span className={`badge ${tone} ${dot ? \"dot\" : \"\"}`}>\n          {!dot && (count! > 99 ? \"99+\" : count)}\n        </span>\n      )}\n    </span>\n  );\n};\n"]}

package/dist/chunk-VXITDXLW.js

@@ -0,0 +1,28 @@
+import './tokens-HWQ7KWPG.css';
+import './shared-NJHRNLRH.css';
+import './Avatar-OXDSG5Q6.css';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/components/Avatar/Avatar.tsx
+var Avatar = ({
+  src,
+  alt = "",
+  initials,
+  size = "md",
+  status,
+  className = "",
+  style,
+  ...rest
+}) => {
+  const sizeCls = typeof size === "string" && size !== "md" ? size : "";
+  const customStyle = typeof size === "number" ? { ["--size"]: `${size}px`, ...style } : style ?? {};
+  const shown = initials ?? alt.slice(0, 2).toUpperCase();
+  return /* @__PURE__ */ jsxs("div", { className: `avatar ${sizeCls} ${className}`, style: customStyle, ...rest, children: [
+    src ? /* @__PURE__ */ jsx("img", { src, alt }) : /* @__PURE__ */ jsx("span", { children: shown }),
+    status && /* @__PURE__ */ jsx("span", { className: `avatar-status ${status}` })
+  ] });
+};
+
+export { Avatar };
+//# sourceMappingURL=chunk-VXITDXLW.js.map
+//# sourceMappingURL=chunk-VXITDXLW.js.map

package/dist/chunk-VXITDXLW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":";;;;;;AAgBO,IAAM,SAAgC,CAAC;AAAA,EAC5C,GAAA;AAAA,EACA,GAAA,GAAM,EAAA;AAAA,EACN,QAAA;AAAA,EACA,IAAA,GAAO,IAAA;AAAA,EACP,MAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,KAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,UAAU,OAAO,IAAA,KAAS,QAAA,IAAY,IAAA,KAAS,OAAO,IAAA,GAAO,EAAA;AACnE,EAAA,MAAM,WAAA,GACJ,OAAO,IAAA,KAAS,QAAA,GAAW,EAAE,CAAC,QAAiB,GAAG,CAAA,EAAG,IAAI,CAAA,EAAA,CAAA,EAAM,GAAG,KAAA,EAAM,GAAI,SAAS,EAAC;AACxF,EAAA,MAAM,QAAQ,QAAA,IAAY,GAAA,CAAI,MAAM,CAAA,EAAG,CAAC,EAAE,WAAA,EAAY;AACtD,EAAA,uBACE,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,CAAA,OAAA,EAAU,OAAO,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA,EAAI,KAAA,EAAO,WAAA,EAAc,GAAG,IAAA,EACvE,QAAA,EAAA;AAAA,IAAA,GAAA,uBAAO,KAAA,EAAA,EAAI,GAAA,EAAU,KAAU,CAAA,mBAAK,GAAA,CAAC,UAAM,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,IACjD,0BAAU,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,CAAA,cAAA,EAAiB,MAAM,CAAA,CAAA,EAAI;AAAA,GAAA,EACzD,CAAA;AAEJ","file":"chunk-VXITDXLW.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Avatar.css\";\nimport * as React from \"react\";\n\nexport interface AvatarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"children\"> {\n  src?: string;\n  alt?: string;\n  /** Initials if no image. Auto-derived from `alt` if omitted. */\n  initials?: string;\n  size?: number | \"sm\" | \"md\" | \"lg\" | \"xl\";\n  /** Status dot. */\n  status?: \"online\" | \"busy\" | \"away\" | \"offline\";\n}\n\n/** `Avatar` — user image or initials chip. */\nexport const Avatar: React.FC<AvatarProps> = ({\n  src,\n  alt = \"\",\n  initials,\n  size = \"md\",\n  status,\n  className = \"\",\n  style,\n  ...rest\n}) => {\n  const sizeCls = typeof size === \"string\" && size !== \"md\" ? size : \"\";\n  const customStyle: React.CSSProperties =\n    typeof size === \"number\" ? { [\"--size\" as never]: `${size}px`, ...style } : style ?? {};\n  const shown = initials ?? alt.slice(0, 2).toUpperCase();\n  return (\n    <div className={`avatar ${sizeCls} ${className}`} style={customStyle} {...rest}>\n      {src ? <img src={src} alt={alt} /> : <span>{shown}</span>}\n      {status && <span className={`avatar-status ${status}`} />}\n    </div>\n  );\n};\n"]}

package/dist/chunk-XFRP2MBR.js

@@ -0,0 +1,87 @@
+import { Icon } from './chunk-GEYMWUW6.js';
+import './tokens-HWQ7KWPG.css';
+import './shared-NJHRNLRH.css';
+import './Pagination-6FFOI4NM.css';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var Pagination = ({
+  total,
+  pageSize = 10,
+  page,
+  defaultPage = 1,
+  onChange,
+  siblings = 1,
+  className = ""
+}) => {
+  const [inner, setInner] = React.useState(defaultPage);
+  const isControlled = page !== void 0;
+  const cur = isControlled ? page : inner;
+  const pages = Math.max(1, Math.ceil(total / pageSize));
+  const go = (p) => {
+    const next = Math.min(pages, Math.max(1, p));
+    if (!isControlled) setInner(next);
+    onChange?.(next);
+  };
+  const range = () => {
+    const out = [];
+    const add = (n) => out.push(n);
+    const s = Math.max(2, cur - siblings);
+    const e = Math.min(pages - 1, cur + siblings);
+    add(1);
+    if (s > 2) add("...");
+    for (let i = s; i <= e; i++) add(i);
+    if (e < pages - 1) add("...");
+    if (pages > 1) add(pages);
+    return out;
+  };
+  return /* @__PURE__ */ jsxs("div", { className: `pagination ${className}`, children: [
+    /* @__PURE__ */ jsxs("span", { className: "pg-info", children: [
+      "\u5171 ",
+      total,
+      " \u6761 \xB7 \u7B2C ",
+      cur,
+      " / ",
+      pages,
+      " \u9875"
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "pg-controls", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: `pg ${cur === 1 ? "disabled" : ""}`,
+          onClick: () => cur > 1 && go(cur - 1),
+          "aria-label": "Previous",
+          children: /* @__PURE__ */ jsx(Icon, { name: "chevLeft", size: 12 })
+        }
+      ),
+      range().map(
+        (p, i) => p === "..." ? /* @__PURE__ */ jsx("span", { className: "ellipsis", children: "\u2026" }, `e${i}`) : /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: `pg ${p === cur ? "active" : ""}`,
+            onClick: () => go(p),
+            children: p
+          },
+          p
+        )
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: `pg ${cur === pages ? "disabled" : ""}`,
+          onClick: () => cur < pages && go(cur + 1),
+          "aria-label": "Next",
+          children: /* @__PURE__ */ jsx(Icon, { name: "chevRight", size: 12 })
+        }
+      )
+    ] })
+  ] });
+};
+
+export { Pagination };
+//# sourceMappingURL=chunk-XFRP2MBR.js.map
+//# sourceMappingURL=chunk-XFRP2MBR.js.map

package/dist/chunk-XFRP2MBR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"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","file":"chunk-XFRP2MBR.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Pagination.css\";\nimport * as React from \"react\";\nimport { Icon } from \"../Icon\";\n\nexport interface PaginationProps {\n  /** Total number of items. */\n  total: number;\n  /** Items per page. */\n  pageSize?: number;\n  /** Current page (1-indexed). */\n  page?: number;\n  defaultPage?: number;\n  onChange?: (page: number) => void;\n  /** Max visible page buttons (before ellipsis logic). */\n  siblings?: number;\n  className?: string;\n}\n\n/** `Pagination` — page number controls. */\nexport const Pagination: React.FC<PaginationProps> = ({\n  total,\n  pageSize = 10,\n  page,\n  defaultPage = 1,\n  onChange,\n  siblings = 1,\n  className = \"\",\n}) => {\n  const [inner, setInner] = React.useState(defaultPage);\n  const isControlled = page !== undefined;\n  const cur = isControlled ? page! : inner;\n  const pages = Math.max(1, Math.ceil(total / pageSize));\n  const go = (p: number) => {\n    const next = Math.min(pages, Math.max(1, p));\n    if (!isControlled) setInner(next);\n    onChange?.(next);\n  };\n\n  const range = (): (number | \"...\")[] => {\n    const out: (number | \"...\")[] = [];\n    const add = (n: number | \"...\") => out.push(n);\n    const s = Math.max(2, cur - siblings);\n    const e = Math.min(pages - 1, cur + siblings);\n    add(1);\n    if (s > 2) add(\"...\");\n    for (let i = s; i <= e; i++) add(i);\n    if (e < pages - 1) add(\"...\");\n    if (pages > 1) add(pages);\n    return out;\n  };\n\n  return (\n    <div className={`pagination ${className}`}>\n      <span className=\"pg-info\">\n        共 {total} 条 · 第 {cur} / {pages} 页\n      </span>\n      <div className=\"pg-controls\">\n        <button\n          type=\"button\"\n          className={`pg ${cur === 1 ? \"disabled\" : \"\"}`}\n          onClick={() => cur > 1 && go(cur - 1)}\n          aria-label=\"Previous\"\n        >\n          <Icon name=\"chevLeft\" size={12} />\n        </button>\n        {range().map((p, i) =>\n          p === \"...\" ? (\n            <span key={`e${i}`} className=\"ellipsis\">…</span>\n          ) : (\n            <button\n              key={p}\n              type=\"button\"\n              className={`pg ${p === cur ? \"active\" : \"\"}`}\n              onClick={() => go(p)}\n            >\n              {p}\n            </button>\n          )\n        )}\n        <button\n          type=\"button\"\n          className={`pg ${cur === pages ? \"disabled\" : \"\"}`}\n          onClick={() => cur < pages && go(cur + 1)}\n          aria-label=\"Next\"\n        >\n          <Icon name=\"chevRight\" size={12} />\n        </button>\n      </div>\n    </div>\n  );\n};\n"]}

package/dist/chunk-XRZ5OKZH.js

@@ -0,0 +1,101 @@
+import { Icon } from './chunk-GEYMWUW6.js';
+import './tokens-HWQ7KWPG.css';
+import './shared-NJHRNLRH.css';
+import './Cascader-TO2QMSLJ.css';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var Cascader = ({
+  options,
+  value,
+  defaultValue = [],
+  onChange,
+  placeholder = "\u8BF7\u9009\u62E9",
+  disabled,
+  className = ""
+}) => {
+  const [inner, setInner] = React.useState(defaultValue);
+  const isControlled = value !== void 0;
+  const cur = isControlled ? value : inner;
+  const [open, setOpen] = React.useState(false);
+  const [path, setPath] = React.useState(cur);
+  const ref = React.useRef(null);
+  React.useEffect(() => {
+    const h = (e) => {
+      if (ref.current && !ref.current.contains(e.target)) setOpen(false);
+    };
+    document.addEventListener("mousedown", h);
+    return () => document.removeEventListener("mousedown", h);
+  }, []);
+  React.useEffect(() => {
+    if (open) setPath(cur);
+  }, [open, cur]);
+  const columns = [options];
+  let cursor = options;
+  for (const v of path) {
+    const match = cursor.find((o) => o.value === v);
+    if (match && match.children) {
+      cursor = match.children;
+      columns.push(cursor);
+    } else break;
+  }
+  const pick = (depth, val, hasChildren) => {
+    const np = [...path.slice(0, depth), val];
+    setPath(np);
+    if (!hasChildren) {
+      if (!isControlled) setInner(np);
+      onChange?.(np);
+      setOpen(false);
+    }
+  };
+  const labels = [];
+  let list = options;
+  for (const v of cur) {
+    const m = list.find((o) => o.value === v);
+    if (!m) break;
+    labels.push(m.label);
+    if (!m.children) break;
+    list = m.children;
+  }
+  return /* @__PURE__ */ jsxs("div", { ref, className: `cascader ${open ? "open" : ""} ${className}`, children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: `cascader-trigger ${labels.length === 0 ? "placeholder" : ""}`,
+        disabled,
+        onClick: () => !disabled && setOpen((o) => !o),
+        children: [
+          /* @__PURE__ */ jsx("span", { style: { flex: 1 }, children: labels.length ? labels.map((l, i) => /* @__PURE__ */ jsxs("span", { children: [
+            i > 0 && " / ",
+            l
+          ] }, i)) : placeholder }),
+          /* @__PURE__ */ jsx("span", { style: { position: "absolute", right: 12, color: "var(--fg-subtle)" }, children: /* @__PURE__ */ jsx(Icon, { name: "chevDown", size: 14 }) })
+        ]
+      }
+    ),
+    open && /* @__PURE__ */ jsx("div", { className: "cascader-panel", children: columns.map((col, depth) => /* @__PURE__ */ jsx("div", { className: "cascader-col", children: col.map((o) => {
+      const isActive = path[depth] === o.value;
+      const hasChildren = !!(o.children && o.children.length);
+      return /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: `cascader-item ${isActive ? "active" : ""}`,
+          disabled: o.disabled,
+          onClick: () => pick(depth, o.value, hasChildren),
+          children: [
+            o.icon && /* @__PURE__ */ jsx(Icon, { name: o.icon, size: 13 }),
+            /* @__PURE__ */ jsx("span", { children: o.label }),
+            hasChildren && /* @__PURE__ */ jsx("span", { className: "chev", children: /* @__PURE__ */ jsx(Icon, { name: "chevRight", size: 12 }) })
+          ]
+        },
+        o.value
+      );
+    }) }, depth)) })
+  ] });
+};
+
+export { Cascader };
+//# sourceMappingURL=chunk-XRZ5OKZH.js.map
+//# sourceMappingURL=chunk-XRZ5OKZH.js.map

package/dist/chunk-XRZ5OKZH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Cascader/Cascader.tsx"],"names":[],"mappings":"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","file":"chunk-XRZ5OKZH.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Cascader.css\";\nimport * as React from \"react\";\nimport { Icon, type IconName } from \"../Icon\";\n\nexport interface CascaderOption {\n  value: string;\n  label: React.ReactNode;\n  icon?: IconName;\n  children?: CascaderOption[];\n  disabled?: boolean;\n}\n\nexport interface CascaderProps {\n  options: CascaderOption[];\n  value?: string[];\n  defaultValue?: string[];\n  onChange?: (path: string[]) => void;\n  placeholder?: string;\n  disabled?: boolean;\n  className?: string;\n}\n\n/** `Cascader` — multi-column hierarchical selector. */\nexport const Cascader: React.FC<CascaderProps> = ({\n  options,\n  value,\n  defaultValue = [],\n  onChange,\n  placeholder = \"请选择\",\n  disabled,\n  className = \"\",\n}) => {\n  const [inner, setInner] = React.useState<string[]>(defaultValue);\n  const isControlled = value !== undefined;\n  const cur = isControlled ? value! : inner;\n  const [open, setOpen] = React.useState(false);\n  const [path, setPath] = React.useState<string[]>(cur);\n  const ref = React.useRef<HTMLDivElement>(null);\n\n  React.useEffect(() => {\n    const h = (e: MouseEvent) => {\n      if (ref.current && !ref.current.contains(e.target as Node)) setOpen(false);\n    };\n    document.addEventListener(\"mousedown\", h);\n    return () => document.removeEventListener(\"mousedown\", h);\n  }, []);\n\n  React.useEffect(() => {\n    if (open) setPath(cur);\n  }, [open, cur]);\n\n  const columns: CascaderOption[][] = [options];\n  let cursor: CascaderOption[] = options;\n  for (const v of path) {\n    const match: CascaderOption | undefined = cursor.find((o) => o.value === v);\n    if (match && match.children) {\n      cursor = match.children;\n      columns.push(cursor);\n    } else break;\n  }\n\n  const pick = (depth: number, val: string, hasChildren: boolean) => {\n    const np = [...path.slice(0, depth), val];\n    setPath(np);\n    if (!hasChildren) {\n      if (!isControlled) setInner(np);\n      onChange?.(np);\n      setOpen(false);\n    }\n  };\n\n  const labels: React.ReactNode[] = [];\n  let list: CascaderOption[] = options;\n  for (const v of cur) {\n    const m: CascaderOption | undefined = list.find((o) => o.value === v);\n    if (!m) break;\n    labels.push(m.label);\n    if (!m.children) break;\n    list = m.children;\n  }\n\n  return (\n    <div ref={ref} className={`cascader ${open ? \"open\" : \"\"} ${className}`}>\n      <button\n        type=\"button\"\n        className={`cascader-trigger ${labels.length === 0 ? \"placeholder\" : \"\"}`}\n        disabled={disabled}\n        onClick={() => !disabled && setOpen((o) => !o)}\n      >\n        <span style={{ flex: 1 }}>\n          {labels.length ? labels.map((l, i) => <span key={i}>{i > 0 && \" / \"}{l}</span>) : placeholder}\n        </span>\n        <span style={{ position: \"absolute\", right: 12, color: \"var(--fg-subtle)\" }}>\n          <Icon name=\"chevDown\" size={14} />\n        </span>\n      </button>\n      {open && (\n        <div className=\"cascader-panel\">\n          {columns.map((col, depth) => (\n            <div key={depth} className=\"cascader-col\">\n              {col.map((o) => {\n                const isActive = path[depth] === o.value;\n                const hasChildren = !!(o.children && o.children.length);\n                return (\n                  <button\n                    key={o.value}\n                    type=\"button\"\n                    className={`cascader-item ${isActive ? \"active\" : \"\"}`}\n                    disabled={o.disabled}\n                    onClick={() => pick(depth, o.value, hasChildren)}\n                  >\n                    {o.icon && <Icon name={o.icon} size={13} />}\n                    <span>{o.label}</span>\n                    {hasChildren && (\n                      <span className=\"chev\">\n                        <Icon name=\"chevRight\" size={12} />\n                      </span>\n                    )}\n                  </button>\n                );\n              })}\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n"]}

package/dist/chunk-Y6FVCCUE.js

@@ -0,0 +1,34 @@
+import './tokens-HWQ7KWPG.css';
+import './shared-NJHRNLRH.css';
+import './Tooltip-RT4BOVTD.css';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/components/Tooltip/Tooltip.tsx
+var Tooltip = ({
+  content,
+  placement = "top",
+  children,
+  delay = 250,
+  disabled
+}) => {
+  const [show, setShow] = React.useState(false);
+  const t = React.useRef();
+  const open = () => {
+    if (disabled) return;
+    window.clearTimeout(t.current);
+    t.current = window.setTimeout(() => setShow(true), delay);
+  };
+  const close = () => {
+    window.clearTimeout(t.current);
+    setShow(false);
+  };
+  return /* @__PURE__ */ jsxs("span", { className: "tip-anchor", onMouseEnter: open, onMouseLeave: close, onFocus: open, onBlur: close, children: [
+    children,
+    show && /* @__PURE__ */ jsx("span", { className: `tip ${placement}`, children: content })
+  ] });
+};
+
+export { Tooltip };
+//# sourceMappingURL=chunk-Y6FVCCUE.js.map
+//# sourceMappingURL=chunk-Y6FVCCUE.js.map

package/dist/chunk-Y6FVCCUE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":";;;;;;;AAcO,IAAM,UAAkC,CAAC;AAAA,EAC9C,OAAA;AAAA,EACA,SAAA,GAAY,KAAA;AAAA,EACZ,QAAA;AAAA,EACA,KAAA,GAAQ,GAAA;AAAA,EACR;AACF,CAAA,KAAM;AACJ,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAU,eAAS,KAAK,CAAA;AAC5C,EAAA,MAAM,IAAU,KAAA,CAAA,MAAA,EAA2B;AAE3C,EAAA,MAAM,OAAO,MAAM;AACjB,IAAA,IAAI,QAAA,EAAU;AACd,IAAA,MAAA,CAAO,YAAA,CAAa,EAAE,OAAO,CAAA;AAC7B,IAAA,CAAA,CAAE,UAAU,MAAA,CAAO,UAAA,CAAW,MAAM,OAAA,CAAQ,IAAI,GAAG,KAAK,CAAA;AAAA,EAC1D,CAAA;AACA,EAAA,MAAM,QAAQ,MAAM;AAClB,IAAA,MAAA,CAAO,YAAA,CAAa,EAAE,OAAO,CAAA;AAC7B,IAAA,OAAA,CAAQ,KAAK,CAAA;AAAA,EACf,CAAA;AAEA,EAAA,uBACE,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,YAAA,EAAa,YAAA,EAAc,IAAA,EAAM,YAAA,EAAc,KAAA,EAAO,OAAA,EAAS,IAAA,EAAM,MAAA,EAAQ,KAAA,EAC1F,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,wBAAQ,GAAA,CAAC,MAAA,EAAA,EAAK,WAAW,CAAA,IAAA,EAAO,SAAS,IAAK,QAAA,EAAA,OAAA,EAAQ;AAAA,GAAA,EACzD,CAAA;AAEJ","file":"chunk-Y6FVCCUE.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Tooltip.css\";\nimport * as React from \"react\";\n\nexport interface TooltipProps {\n  content: React.ReactNode;\n  placement?: \"top\" | \"bottom\" | \"left\" | \"right\";\n  children: React.ReactElement;\n  delay?: number;\n  disabled?: boolean;\n}\n\n/** `Tooltip` — hover/focus text bubble. */\nexport const Tooltip: React.FC<TooltipProps> = ({\n  content,\n  placement = \"top\",\n  children,\n  delay = 250,\n  disabled,\n}) => {\n  const [show, setShow] = React.useState(false);\n  const t = React.useRef<number | undefined>();\n\n  const open = () => {\n    if (disabled) return;\n    window.clearTimeout(t.current);\n    t.current = window.setTimeout(() => setShow(true), delay);\n  };\n  const close = () => {\n    window.clearTimeout(t.current);\n    setShow(false);\n  };\n\n  return (\n    <span className=\"tip-anchor\" onMouseEnter={open} onMouseLeave={close} onFocus={open} onBlur={close}>\n      {children}\n      {show && <span className={`tip ${placement}`}>{content}</span>}\n    </span>\n  );\n};\n"]}