@fangxinyan/lumina 0.1.5 → 0.2.0

package/dist/chunk-AEJJGUEN.cjs

@@ -0,0 +1,127 @@
+'use strict';
+
+var chunkYVO7XO4W_cjs = require('./chunk-YVO7XO4W.cjs');
+require('./tokens-HWQ7KWPG.css');
+require('./shared-NJHRNLRH.css');
+require('./Drawer-IPGB4CXH.css');
+var React = require('react');
+var ReactDOM = require('react-dom');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+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);
+var ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
+
+var ANIM_MS = 280;
+var Drawer = ({
+  open,
+  onClose,
+  placement = "right",
+  size = 380,
+  title,
+  extra,
+  footer,
+  children,
+  mask = true,
+  maskClosable = true,
+  keyboard = true,
+  closable = true,
+  closeIcon,
+  destroyOnClose = false,
+  afterOpenChange,
+  zIndex,
+  className = ""
+}) => {
+  const [hasOpenedOnce, setHasOpenedOnce] = React__namespace.useState(open);
+  React__namespace.useEffect(() => {
+    if (open) setHasOpenedOnce(true);
+  }, [open]);
+  React__namespace.useEffect(() => {
+    if (!open || !keyboard) return;
+    const h = (e) => e.key === "Escape" && onClose?.();
+    window.addEventListener("keydown", h);
+    return () => window.removeEventListener("keydown", h);
+  }, [open, keyboard, onClose]);
+  const prevOpen = React__namespace.useRef(open);
+  React__namespace.useEffect(() => {
+    if (prevOpen.current !== open) {
+      prevOpen.current = open;
+      if (afterOpenChange) {
+        const id = window.setTimeout(() => afterOpenChange(open), ANIM_MS);
+        return () => window.clearTimeout(id);
+      }
+    }
+  }, [open, afterOpenChange]);
+  if (typeof document === "undefined") return null;
+  if (!hasOpenedOnce) return null;
+  if (!open && destroyOnClose) return null;
+  const isV = placement === "left" || placement === "right";
+  const style = isV ? { width: size } : { height: size };
+  if (zIndex != null) style.zIndex = zIndex;
+  return ReactDOM__default.default.createPortal(
+    /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      mask && /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: `drawer-overlay ${open ? "" : "hidden"}`,
+          style: zIndex != null ? { zIndex: zIndex - 1 } : void 0,
+          onClick: () => maskClosable && onClose?.()
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: `drawer ${placement} ${open ? "" : "hidden"} ${className}`,
+          style,
+          onClick: (e) => e.stopPropagation(),
+          role: "dialog",
+          "aria-hidden": !open,
+          children: [
+            (title || extra || closable) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "drawer-head", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "drawer-title", children: title }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "drawer-head-right", children: [
+                extra,
+                closable && /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: "drawer-close",
+                    onClick: onClose,
+                    "aria-label": "Close",
+                    children: closeIcon ?? /* @__PURE__ */ jsxRuntime.jsx(chunkYVO7XO4W_cjs.Icon, { name: "x", size: 16 })
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "drawer-body", children }),
+            footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "drawer-foot", children: footer })
+          ]
+        }
+      )
+    ] }),
+    document.body
+  );
+};
+
+exports.Drawer = Drawer;
+//# sourceMappingURL=chunk-AEJJGUEN.cjs.map
+//# sourceMappingURL=chunk-AEJJGUEN.cjs.map

package/dist/chunk-AEJJGUEN.cjs.map

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

package/dist/{chunk-3QWHDCHJ.js → chunk-AJZKESHB.js}

@@ -1,22 +1,31 @@
 import { Icon } from './chunk-GEYMWUW6.js';
 import './tokens-HWQ7KWPG.css';
 import './shared-NJHRNLRH.css';
-import './Tag-EYOY3UWG.css';
+import './Tag-FGDY3W7E.css';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
 var Tag = ({
   tone = "neutral",
   solid,
   dot,
+  icon,
   removable,
   onRemove,
+  bordered = true,
   className = "",
   children,
   ...rest
 }) => {
-  const cls = ["tag", tone, solid && "solid", className].filter(Boolean).join(" ");
+  const cls = [
+    "tag",
+    tone,
+    solid && "solid",
+    !bordered && !solid && "borderless",
+    className
+  ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxs("span", { className: cls, ...rest, children: [
     dot && /* @__PURE__ */ jsx("span", { className: "dot" }),
+    icon && /* @__PURE__ */ jsx(Icon, { name: icon, size: 11, className: "tag-ico" }),
     children,
     removable && /* @__PURE__ */ jsx(
       "span",
@@ -49,5 +58,5 @@ var Badge = ({
 };
 
 export { Badge, Tag };
-//# sourceMappingURL=chunk-3QWHDCHJ.js.map
-//# sourceMappingURL=chunk-3QWHDCHJ.js.map
+//# sourceMappingURL=chunk-AJZKESHB.js.map
+//# sourceMappingURL=chunk-AJZKESHB.js.map

package/dist/chunk-AJZKESHB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Tag/Tag.tsx"],"names":[],"mappings":";;;;;;AAwBO,IAAM,MAA0B,CAAC;AAAA,EACtC,IAAA,GAAO,SAAA;AAAA,EACP,KAAA;AAAA,EACA,GAAA;AAAA,EACA,IAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA,GAAW,IAAA;AAAA,EACX,SAAA,GAAY,EAAA;AAAA,EACZ,QAAA;AAAA,EACA,GAAG;AACL,CAAA,KAAM;AACJ,EAAA,MAAM,GAAA,GAAM;AAAA,IACV,KAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA,IAAS,OAAA;AAAA,IACT,CAAC,QAAA,IAAY,CAAC,KAAA,IAAS,YAAA;AAAA,IACvB;AAAA,GACF,CACG,MAAA,CAAO,OAAO,CAAA,CACd,KAAK,GAAG,CAAA;AACX,EAAA,uBACE,IAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAW,GAAA,EAAM,GAAG,IAAA,EACvB,QAAA,EAAA;AAAA,IAAA,GAAA,oBAAO,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,KAAA,EAAM,CAAA;AAAA,IAC7B,IAAA,wBAAS,IAAA,EAAA,EAAK,IAAA,EAAM,MAAM,IAAA,EAAM,EAAA,EAAI,WAAU,SAAA,EAAU,CAAA;AAAA,IACxD,QAAA;AAAA,IACA,SAAA,oBACC,GAAA;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,kBAAA,GAAA,CAAC,IAAA,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,4BACG,MAAA,EAAA,EAAK,SAAA,EAAW,cAAc,SAAS,CAAA,CAAA,EAAK,GAAG,IAAA,EAC7C,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,wBACC,GAAA,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-AJZKESHB.js","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Tag.css\";\nimport * as React from \"react\";\nimport { Icon, type IconName } 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  /** Leading icon (uses the built-in `Icon` component). */\n  icon?: IconName;\n  /** Show a close button. */\n  removable?: boolean;\n  onRemove?: () => void;\n  /** Whether to render the tag outline/flat shadow. Defaults to `true`. */\n  bordered?: boolean;\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  icon,\n  removable,\n  onRemove,\n  bordered = true,\n  className = \"\",\n  children,\n  ...rest\n}) => {\n  const cls = [\n    \"tag\",\n    tone,\n    solid && \"solid\",\n    !bordered && !solid && \"borderless\",\n    className,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n  return (\n    <span className={cls} {...rest}>\n      {dot && <span className=\"dot\" />}\n      {icon && <Icon name={icon} size={11} className=\"tag-ico\" />}\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-NZPJ7BUB.cjs → chunk-AXMEZGEG.cjs}

@@ -2,7 +2,7 @@
 
 require('./tokens-HWQ7KWPG.css');
 require('./shared-NJHRNLRH.css');
-require('./Divider-Z37INS5E.css');
+require('./Divider-OEE4Q2KS.css');
 var jsxRuntime = require('react/jsx-runtime');
 
 // src/components/Divider/Divider.tsx
@@ -10,13 +10,22 @@ var Divider = ({
   direction = "horizontal",
   label,
   sunken,
+  dashed,
+  orientation = "center",
   className = "",
   ...rest
 }) => {
-  const cls = ["divider", direction, sunken && "sunken", className].filter(Boolean).join(" ");
+  const cls = [
+    "divider",
+    direction,
+    sunken && "sunken",
+    dashed && "dashed",
+    label && direction === "horizontal" && `orient-${orientation}`,
+    className
+  ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cls, role: "separator", ...rest, children: label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "divider-label", children: label }) });
 };
 
 exports.Divider = Divider;
-//# sourceMappingURL=chunk-NZPJ7BUB.cjs.map
-//# sourceMappingURL=chunk-NZPJ7BUB.cjs.map
+//# sourceMappingURL=chunk-AXMEZGEG.cjs.map
+//# sourceMappingURL=chunk-AXMEZGEG.cjs.map

package/dist/chunk-AXMEZGEG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Divider/Divider.tsx"],"names":["jsx"],"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,uBACEA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAW,GAAA,EAAK,MAAK,WAAA,EAAa,GAAG,IAAA,EACvC,QAAA,EAAA,KAAA,oBAASA,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,eAAA,EAAiB,iBAAM,CAAA,EACnD,CAAA;AAEJ","file":"chunk-AXMEZGEG.cjs","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-HTP6UEVR.js → chunk-BBPNQ44M.js}

@@ -1,6 +1,6 @@
 import './tokens-HWQ7KWPG.css';
 import './shared-NJHRNLRH.css';
-import './Switch-NP7KKJOX.css';
+import './Switch-36KJNDXM.css';
 import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -12,6 +12,8 @@ var Switch = ({
   disabled,
   label,
   size = "md",
+  checkedChildren,
+  unCheckedChildren,
   className = "",
   id
 }) => {
@@ -24,9 +26,17 @@ var Switch = ({
     if (!isControlled) setInner(next);
     onChange?.(next);
   };
-  const cls = ["switch", value && "on", size !== "md" && size, disabled && "disabled", className].filter(Boolean).join(" ");
+  const hasChildren = checkedChildren != null || unCheckedChildren != null;
+  const cls = [
+    "switch",
+    value && "on",
+    size !== "md" && size,
+    disabled && "disabled",
+    hasChildren && "with-children",
+    className
+  ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxs("label", { className: cls, children: [
-    /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsxs(
       "button",
       {
         type: "button",
@@ -36,7 +46,13 @@ var Switch = ({
         onClick: toggle,
         id,
         className: "switch-track",
-        children: /* @__PURE__ */ jsx("span", { className: "switch-thumb" })
+        children: [
+          hasChildren && /* @__PURE__ */ jsxs("span", { className: "switch-inner", children: [
+            /* @__PURE__ */ jsx("span", { className: "switch-inner-on", children: checkedChildren }),
+            /* @__PURE__ */ jsx("span", { className: "switch-inner-off", children: unCheckedChildren })
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "switch-thumb" })
+        ]
       }
     ),
     label && /* @__PURE__ */ jsx("span", { className: "switch-label", children: label })
@@ -44,5 +60,5 @@ var Switch = ({
 };
 
 export { Switch };
-//# sourceMappingURL=chunk-HTP6UEVR.js.map
-//# sourceMappingURL=chunk-HTP6UEVR.js.map
+//# sourceMappingURL=chunk-BBPNQ44M.js.map
+//# sourceMappingURL=chunk-BBPNQ44M.js.map

package/dist/chunk-BBPNQ44M.js.map

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

package/dist/chunk-CCBHZYE6.cjs

@@ -0,0 +1,150 @@
+'use strict';
+
+var chunkOPTTHURA_cjs = require('./chunk-OPTTHURA.cjs');
+var chunkYVO7XO4W_cjs = require('./chunk-YVO7XO4W.cjs');
+require('./tokens-HWQ7KWPG.css');
+require('./shared-NJHRNLRH.css');
+require('./Modal-N4YVLEWW.css');
+var React = require('react');
+var ReactDOM = require('react-dom');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+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);
+var ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
+
+var ANIM_MS = 280;
+var Modal = ({
+  open,
+  onClose,
+  onCancel,
+  onOk,
+  title,
+  description,
+  footer,
+  children,
+  width = 440,
+  closable = true,
+  closeIcon,
+  maskClosable = true,
+  escClosable = true,
+  okText = "\u786E\u5B9A",
+  cancelText = "\u53D6\u6D88",
+  okButtonProps,
+  cancelButtonProps,
+  confirmLoading,
+  destroyOnClose = false,
+  afterOpenChange,
+  zIndex,
+  className = ""
+}) => {
+  const [hasOpenedOnce, setHasOpenedOnce] = React__namespace.useState(open);
+  React__namespace.useEffect(() => {
+    if (open) setHasOpenedOnce(true);
+  }, [open]);
+  const handleCancel = React__namespace.useCallback(() => {
+    if (onCancel) onCancel();
+    else onClose?.();
+  }, [onCancel, onClose]);
+  React__namespace.useEffect(() => {
+    if (!open || !escClosable) return;
+    const h = (e) => {
+      if (e.key === "Escape") handleCancel();
+    };
+    window.addEventListener("keydown", h);
+    return () => window.removeEventListener("keydown", h);
+  }, [open, escClosable, handleCancel]);
+  const prevOpen = React__namespace.useRef(open);
+  React__namespace.useEffect(() => {
+    if (prevOpen.current !== open) {
+      prevOpen.current = open;
+      if (afterOpenChange) {
+        const id = window.setTimeout(() => afterOpenChange(open), ANIM_MS);
+        return () => window.clearTimeout(id);
+      }
+    }
+  }, [open, afterOpenChange]);
+  if (typeof document === "undefined") return null;
+  if (!hasOpenedOnce) return null;
+  if (!open && destroyOnClose) return null;
+  const overlayStyle = zIndex != null ? { zIndex } : void 0;
+  const defaultFooter = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunkOPTTHURA_cjs.Button, { variant: "ghost", onClick: handleCancel, ...cancelButtonProps, children: cancelText }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunkOPTTHURA_cjs.Button,
+      {
+        variant: "primary",
+        loading: confirmLoading,
+        onClick: () => onOk?.(),
+        ...okButtonProps,
+        children: okText
+      }
+    )
+  ] });
+  return ReactDOM__default.default.createPortal(
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: `modal-overlay ${open ? "" : "hidden"} ${className}`,
+        style: overlayStyle,
+        onClick: () => maskClosable && handleCancel(),
+        role: "presentation",
+        children: /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: "modal",
+            style: { width },
+            onClick: (e) => e.stopPropagation(),
+            role: "dialog",
+            "aria-modal": true,
+            "aria-hidden": !open,
+            children: [
+              (title || description || closable) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "modal-head", children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "modal-titles", children: [
+                  title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "modal-title", children: title }),
+                  description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "modal-desc", children: description })
+                ] }),
+                closable && /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: "modal-close",
+                    onClick: handleCancel,
+                    "aria-label": "Close",
+                    children: closeIcon ?? /* @__PURE__ */ jsxRuntime.jsx(chunkYVO7XO4W_cjs.Icon, { name: "x", size: 16 })
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "modal-body", children }),
+              footer === null ? null : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "modal-foot", children: footer ?? defaultFooter })
+            ]
+          }
+        )
+      }
+    ),
+    document.body
+  );
+};
+
+exports.Modal = Modal;
+//# sourceMappingURL=chunk-CCBHZYE6.cjs.map
+//# sourceMappingURL=chunk-CCBHZYE6.cjs.map

package/dist/chunk-CCBHZYE6.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Modal/Modal.tsx"],"names":["React","jsxs","Fragment","jsx","Button","ReactDOM","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyDA,IAAM,OAAA,GAAU,GAAA;AAGT,IAAM,QAA8B,CAAC;AAAA,EAC1C,IAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA,GAAQ,GAAA;AAAA,EACR,QAAA,GAAW,IAAA;AAAA,EACX,SAAA;AAAA,EACA,YAAA,GAAe,IAAA;AAAA,EACf,WAAA,GAAc,IAAA;AAAA,EACd,MAAA,GAAS,cAAA;AAAA,EACT,UAAA,GAAa,cAAA;AAAA,EACb,aAAA;AAAA,EACA,iBAAA;AAAA,EACA,cAAA;AAAA,EACA,cAAA,GAAiB,KAAA;AAAA,EACjB,eAAA;AAAA,EACA,MAAA;AAAA,EACA,SAAA,GAAY;AACd,CAAA,KAAM;AACJ,EAAA,MAAM,CAAC,aAAA,EAAe,gBAAgB,CAAA,GAAUA,0BAAS,IAAI,CAAA;AAC7D,EAAMA,2BAAU,MAAM;AACpB,IAAA,IAAI,IAAA,mBAAuB,IAAI,CAAA;AAAA,EACjC,CAAA,EAAG,CAAC,IAAI,CAAC,CAAA;AAET,EAAA,MAAM,YAAA,GAAqBA,6BAAY,MAAM;AAC3C,IAAA,IAAI,UAAU,QAAA,EAAS;AAAA,SAClB,OAAA,IAAU;AAAA,EACjB,CAAA,EAAG,CAAC,QAAA,EAAU,OAAO,CAAC,CAAA;AAEtB,EAAMA,2BAAU,MAAM;AACpB,IAAA,IAAI,CAAC,IAAA,IAAQ,CAAC,WAAA,EAAa;AAC3B,IAAA,MAAM,CAAA,GAAI,CAAC,CAAA,KAAqB;AAC9B,MAAA,IAAI,CAAA,CAAE,GAAA,KAAQ,QAAA,EAAU,YAAA,EAAa;AAAA,IACvC,CAAA;AACA,IAAA,MAAA,CAAO,gBAAA,CAAiB,WAAW,CAAC,CAAA;AACpC,IAAA,OAAO,MAAM,MAAA,CAAO,mBAAA,CAAoB,SAAA,EAAW,CAAC,CAAA;AAAA,EACtD,CAAA,EAAG,CAAC,IAAA,EAAM,WAAA,EAAa,YAAY,CAAC,CAAA;AAEpC,EAAA,MAAM,QAAA,GAAiBA,wBAAO,IAAI,CAAA;AAClC,EAAMA,2BAAU,MAAM;AACpB,IAAA,IAAI,QAAA,CAAS,YAAY,IAAA,EAAM;AAC7B,MAAA,QAAA,CAAS,OAAA,GAAU,IAAA;AACnB,MAAA,IAAI,eAAA,EAAiB;AACnB,QAAA,MAAM,KAAK,MAAA,CAAO,UAAA,CAAW,MAAM,eAAA,CAAgB,IAAI,GAAG,OAAO,CAAA;AACjE,QAAA,OAAO,MAAM,MAAA,CAAO,YAAA,CAAa,EAAE,CAAA;AAAA,MACrC;AAAA,IACF;AAAA,EACF,CAAA,EAAG,CAAC,IAAA,EAAM,eAAe,CAAC,CAAA;AAE1B,EAAA,IAAI,OAAO,QAAA,KAAa,WAAA,EAAa,OAAO,IAAA;AAC5C,EAAA,IAAI,CAAC,eAAe,OAAO,IAAA;AAC3B,EAAA,IAAI,CAAC,IAAA,IAAQ,cAAA,EAAgB,OAAO,IAAA;AAEpC,EAAA,MAAM,YAAA,GACJ,MAAA,IAAU,IAAA,GAAO,EAAE,QAAO,GAAI,MAAA;AAEhC,EAAA,MAAM,gCACJC,eAAA,CAAAC,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACC,4BAAO,OAAA,EAAQ,OAAA,EAAQ,SAAS,YAAA,EAAe,GAAG,mBAChD,QAAA,EAAA,UAAA,EACH,CAAA;AAAA,oBACAD,cAAA;AAAA,MAACC,wBAAA;AAAA,MAAA;AAAA,QACC,OAAA,EAAQ,SAAA;AAAA,QACR,OAAA,EAAS,cAAA;AAAA,QACT,OAAA,EAAS,MAAM,IAAA,IAAO;AAAA,QACrB,GAAG,aAAA;AAAA,QAEH,QAAA,EAAA;AAAA;AAAA;AACH,GAAA,EACF,CAAA;AAGF,EAAA,OAAOC,yBAAA,CAAS,YAAA;AAAA,oBACdF,cAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,WAAW,CAAA,cAAA,EAAiB,IAAA,GAAO,EAAA,GAAK,QAAQ,IAAI,SAAS,CAAA,CAAA;AAAA,QAC7D,KAAA,EAAO,YAAA;AAAA,QACP,OAAA,EAAS,MAAM,YAAA,IAAgB,YAAA,EAAa;AAAA,QAC5C,IAAA,EAAK,cAAA;AAAA,QAEL,QAAA,kBAAAF,eAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,OAAA;AAAA,YACV,KAAA,EAAO,EAAE,KAAA,EAAM;AAAA,YACf,OAAA,EAAS,CAAC,CAAA,KAAM,CAAA,CAAE,eAAA,EAAgB;AAAA,YAClC,IAAA,EAAK,QAAA;AAAA,YACL,YAAA,EAAU,IAAA;AAAA,YACV,eAAa,CAAC,IAAA;AAAA,YAEZ,QAAA,EAAA;AAAA,cAAA,CAAA,KAAA,IAAS,WAAA,IAAe,QAAA,qBACxBA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,YAAA,EACb,QAAA,EAAA;AAAA,gCAAAA,eAAA,CAAC,KAAA,EAAA,EAAI,WAAU,cAAA,EACZ,QAAA,EAAA;AAAA,kBAAA,KAAA,oBAASE,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,aAAA,EAAe,QAAA,EAAA,KAAA,EAAM,CAAA;AAAA,kBAC7C,WAAA,oBAAeA,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,cAAc,QAAA,EAAA,WAAA,EAAY;AAAA,iBAAA,EAC3D,CAAA;AAAA,gBACC,QAAA,oBACCA,cAAA;AAAA,kBAAC,QAAA;AAAA,kBAAA;AAAA,oBACC,IAAA,EAAK,QAAA;AAAA,oBACL,SAAA,EAAU,aAAA;AAAA,oBACV,OAAA,EAAS,YAAA;AAAA,oBACT,YAAA,EAAW,OAAA;AAAA,oBAEV,uCAAaA,cAAA,CAACG,sBAAA,EAAA,EAAK,IAAA,EAAK,GAAA,EAAI,MAAM,EAAA,EAAI;AAAA;AAAA;AACzC,eAAA,EAEJ,CAAA;AAAA,8BAEFH,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,YAAA,EAAc,QAAA,EAAS,CAAA;AAAA,cACrC,MAAA,KAAW,OAAO,IAAA,mBACjBA,cAAA,CAAC,SAAI,SAAA,EAAU,YAAA,EAAc,oBAAU,aAAA,EAAc;AAAA;AAAA;AAAA;AAEzD;AAAA,KACF;AAAA,IACA,QAAA,CAAS;AAAA,GACX;AACF","file":"chunk-CCBHZYE6.cjs","sourcesContent":["import \"../../styles/tokens.css\";\nimport \"../../styles/shared.css\";\nimport \"./Modal.css\";\nimport * as React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { Icon } from \"../Icon\";\nimport { Button, type ButtonProps } from \"../Button\";\n\nexport interface ModalProps {\n  /** Whether the modal is visible. */\n  open: boolean;\n  /** Fired by mask click / close button / Esc. Also the fallback for cancel. */\n  onClose?: () => void;\n  /** Dedicated Cancel callback. Falls back to `onClose` when omitted. */\n  onCancel?: () => void;\n  /** Fired when the default OK button is clicked. */\n  onOk?: () => void;\n  title?: React.ReactNode;\n  description?: React.ReactNode;\n  /**\n   * Footer content. Pass `null` to hide the footer, or a custom node to\n   * replace the default OK / Cancel buttons.\n   */\n  footer?: React.ReactNode;\n  children?: React.ReactNode;\n  width?: number | string;\n  /** Show the close (×) button. Default true. */\n  closable?: boolean;\n  /** Override the close icon node. */\n  closeIcon?: React.ReactNode;\n  /** Close when clicking the mask. Default true. */\n  maskClosable?: boolean;\n  /** Close on Escape key. Default true. */\n  escClosable?: boolean;\n  /** Label for the default OK button. */\n  okText?: React.ReactNode;\n  /** Label for the default Cancel button. */\n  cancelText?: React.ReactNode;\n  /** Extra props forwarded to the default OK button. */\n  okButtonProps?: Partial<ButtonProps>;\n  /** Extra props forwarded to the default Cancel button. */\n  cancelButtonProps?: Partial<ButtonProps>;\n  /** Show a spinner on the OK button (e.g. while an async submit is running). */\n  confirmLoading?: boolean;\n  /**\n   * When true the modal's children are unmounted every time it closes.\n   * Default `false` — children stay mounted so internal state survives\n   * reopens, matching antd's default.\n   */\n  destroyOnClose?: boolean;\n  /** Fires after the open/close animation finishes. */\n  afterOpenChange?: (open: boolean) => void;\n  /** Override the z-index of the overlay. */\n  zIndex?: number;\n  className?: string;\n}\n\nconst ANIM_MS = 280;\n\n/** `Modal` — centered dialog with mask. Renders into `document.body`. */\nexport const Modal: React.FC<ModalProps> = ({\n  open,\n  onClose,\n  onCancel,\n  onOk,\n  title,\n  description,\n  footer,\n  children,\n  width = 440,\n  closable = true,\n  closeIcon,\n  maskClosable = true,\n  escClosable = true,\n  okText = \"确定\",\n  cancelText = \"取消\",\n  okButtonProps,\n  cancelButtonProps,\n  confirmLoading,\n  destroyOnClose = false,\n  afterOpenChange,\n  zIndex,\n  className = \"\",\n}) => {\n  const [hasOpenedOnce, setHasOpenedOnce] = React.useState(open);\n  React.useEffect(() => {\n    if (open) setHasOpenedOnce(true);\n  }, [open]);\n\n  const handleCancel = React.useCallback(() => {\n    if (onCancel) onCancel();\n    else onClose?.();\n  }, [onCancel, onClose]);\n\n  React.useEffect(() => {\n    if (!open || !escClosable) return;\n    const h = (e: KeyboardEvent) => {\n      if (e.key === \"Escape\") handleCancel();\n    };\n    window.addEventListener(\"keydown\", h);\n    return () => window.removeEventListener(\"keydown\", h);\n  }, [open, escClosable, handleCancel]);\n\n  const prevOpen = React.useRef(open);\n  React.useEffect(() => {\n    if (prevOpen.current !== open) {\n      prevOpen.current = open;\n      if (afterOpenChange) {\n        const id = window.setTimeout(() => afterOpenChange(open), ANIM_MS);\n        return () => window.clearTimeout(id);\n      }\n    }\n  }, [open, afterOpenChange]);\n\n  if (typeof document === \"undefined\") return null;\n  if (!hasOpenedOnce) return null;\n  if (!open && destroyOnClose) return null;\n\n  const overlayStyle: React.CSSProperties | undefined =\n    zIndex != null ? { zIndex } : undefined;\n\n  const defaultFooter = (\n    <>\n      <Button variant=\"ghost\" onClick={handleCancel} {...cancelButtonProps}>\n        {cancelText}\n      </Button>\n      <Button\n        variant=\"primary\"\n        loading={confirmLoading}\n        onClick={() => onOk?.()}\n        {...okButtonProps}\n      >\n        {okText}\n      </Button>\n    </>\n  );\n\n  return ReactDOM.createPortal(\n    <div\n      className={`modal-overlay ${open ? \"\" : \"hidden\"} ${className}`}\n      style={overlayStyle}\n      onClick={() => maskClosable && handleCancel()}\n      role=\"presentation\"\n    >\n      <div\n        className=\"modal\"\n        style={{ width }}\n        onClick={(e) => e.stopPropagation()}\n        role=\"dialog\"\n        aria-modal\n        aria-hidden={!open}\n      >\n        {(title || description || closable) && (\n          <div className=\"modal-head\">\n            <div className=\"modal-titles\">\n              {title && <div className=\"modal-title\">{title}</div>}\n              {description && <div className=\"modal-desc\">{description}</div>}\n            </div>\n            {closable && (\n              <button\n                type=\"button\"\n                className=\"modal-close\"\n                onClick={handleCancel}\n                aria-label=\"Close\"\n              >\n                {closeIcon ?? <Icon name=\"x\" size={16} />}\n              </button>\n            )}\n          </div>\n        )}\n        <div className=\"modal-body\">{children}</div>\n        {footer === null ? null : (\n          <div className=\"modal-foot\">{footer ?? defaultFooter}</div>\n        )}\n      </div>\n    </div>,\n    document.body\n  );\n};\n"]}

package/dist/{chunk-KGYLUZOU.cjs → chunk-EPFYIR63.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkVMHNKD3N_cjs = require('./chunk-VMHNKD3N.cjs');
+var chunkURF6RBW6_cjs = require('./chunk-URF6RBW6.cjs');
 var chunkRZ2E3XEU_cjs = require('./chunk-RZ2E3XEU.cjs');
 var chunkYVO7XO4W_cjs = require('./chunk-YVO7XO4W.cjs');
 require('./tokens-HWQ7KWPG.css');
@@ -188,7 +188,7 @@ function Select(props) {
       }
       return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "select-tags", children: [
         shown.map((o) => /* @__PURE__ */ jsxRuntime.jsx(
-          chunkVMHNKD3N_cjs.Tag,
+          chunkURF6RBW6_cjs.Tag,
           {
             tone: "accent",
             removable: !disabled,
@@ -203,7 +203,7 @@ function Select(props) {
           },
           String(o.value)
         )),
-        overflow > 0 && /* @__PURE__ */ jsxRuntime.jsxs(chunkVMHNKD3N_cjs.Tag, { tone: "neutral", children: [
+        overflow > 0 && /* @__PURE__ */ jsxRuntime.jsxs(chunkURF6RBW6_cjs.Tag, { tone: "neutral", children: [
           "+",
           overflow
         ] })
@@ -321,5 +321,5 @@ function Select(props) {
 }
 
 exports.Select = Select;
-//# sourceMappingURL=chunk-KGYLUZOU.cjs.map
-//# sourceMappingURL=chunk-KGYLUZOU.cjs.map
+//# sourceMappingURL=chunk-EPFYIR63.cjs.map
+//# sourceMappingURL=chunk-EPFYIR63.cjs.map