@fangxinyan/lumina 0.1.6 → 0.2.1

package/dist/chunk-LDENBYRC.cjs

@@ -0,0 +1,210 @@
+'use strict';
+
+var chunkYVO7XO4W_cjs = require('./chunk-YVO7XO4W.cjs');
+require('./tokens-HWQ7KWPG.css');
+require('./shared-NJHRNLRH.css');
+require('./Input-33CAH4O6.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);
+
+var Input = React__namespace.forwardRef(
+  ({
+    value,
+    defaultValue,
+    onChange,
+    placeholder,
+    leadingIcon,
+    trailingIcon,
+    onLeadingIconClick,
+    onTrailingIconClick,
+    size = "md",
+    invalid,
+    disabled,
+    allowClear,
+    maxLength,
+    showCount,
+    prefix,
+    suffix,
+    className = "",
+    ...rest
+  }, ref) => {
+    const [inner, setInner] = React__namespace.useState(defaultValue ?? "");
+    const isControlled = value !== void 0;
+    const currentValue = isControlled ? value : inner;
+    const wrapCls = [
+      "input-wrap",
+      size !== "md" && size,
+      invalid && "invalid",
+      disabled && "disabled",
+      className
+    ].filter(Boolean).join(" ");
+    const handleIconClick = (handler) => handler ? (e) => {
+      e.stopPropagation();
+      if (!disabled) handler(e);
+    } : void 0;
+    const handleChange = (e) => {
+      if (!isControlled) setInner(e.target.value);
+      onChange?.(e.target.value, e);
+    };
+    const handleClear = (e) => {
+      e.stopPropagation();
+      if (disabled) return;
+      if (!isControlled) setInner("");
+      const synthetic = {
+        ...e,
+        target: { ...e.target, value: "" },
+        currentTarget: { ...e.currentTarget, value: "" }
+      };
+      onChange?.("", synthetic);
+    };
+    const showClear = !!allowClear && !!currentValue && !disabled;
+    const count = currentValue ? currentValue.length : 0;
+    const inputElement = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: wrapCls, children: [
+      leadingIcon && /* @__PURE__ */ jsxRuntime.jsx(
+        chunkYVO7XO4W_cjs.Icon,
+        {
+          name: leadingIcon,
+          size: 14,
+          className: `lead${onLeadingIconClick ? " interactive" : ""}`,
+          onClick: handleIconClick(onLeadingIconClick)
+        }
+      ),
+      prefix && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "input-affix prefix", children: prefix }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          ref,
+          className: "input",
+          value: isControlled ? value : void 0,
+          defaultValue: isControlled ? void 0 : defaultValue,
+          onChange: handleChange,
+          placeholder,
+          disabled,
+          maxLength,
+          ...rest
+        }
+      ),
+      suffix && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "input-affix suffix", children: suffix }),
+      showClear && /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: "input-clear",
+          role: "button",
+          "aria-label": "Clear",
+          tabIndex: -1,
+          onMouseDown: (e) => e.preventDefault(),
+          onClick: handleClear,
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunkYVO7XO4W_cjs.Icon, { name: "x", size: 12 })
+        }
+      ),
+      trailingIcon && /* @__PURE__ */ jsxRuntime.jsx(
+        chunkYVO7XO4W_cjs.Icon,
+        {
+          name: trailingIcon,
+          size: 14,
+          className: `trail${onTrailingIconClick ? " interactive" : ""}`,
+          onClick: handleIconClick(onTrailingIconClick)
+        }
+      )
+    ] });
+    if (!showCount) return inputElement;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "input-shell", children: [
+      inputElement,
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "input-count", children: maxLength != null ? `${count} / ${maxLength}` : `${count}` })
+    ] });
+  }
+);
+Input.displayName = "Input";
+var Textarea = React__namespace.forwardRef(
+  ({
+    value,
+    defaultValue,
+    onChange,
+    invalid,
+    allowClear,
+    maxLength,
+    showCount,
+    className = "",
+    ...rest
+  }, ref) => {
+    const [inner, setInner] = React__namespace.useState(defaultValue ?? "");
+    const isControlled = value !== void 0;
+    const currentValue = isControlled ? value : inner;
+    const disabled = rest.disabled;
+    const handleChange = (e) => {
+      if (!isControlled) setInner(e.target.value);
+      onChange?.(e.target.value, e);
+    };
+    const handleClear = (e) => {
+      e.stopPropagation();
+      if (disabled) return;
+      if (!isControlled) setInner("");
+      const synthetic = {
+        ...e,
+        target: { ...e.target, value: "" },
+        currentTarget: { ...e.currentTarget, value: "" }
+      };
+      onChange?.("", synthetic);
+    };
+    const cls = ["textarea", invalid && "invalid", className].filter(Boolean).join(" ");
+    const showClear = !!allowClear && !!currentValue && !disabled;
+    const count = currentValue ? currentValue.length : 0;
+    const field = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "textarea-wrap", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "textarea",
+        {
+          ref,
+          className: cls,
+          value: isControlled ? value : void 0,
+          defaultValue: isControlled ? void 0 : defaultValue,
+          onChange: handleChange,
+          maxLength,
+          ...rest
+        }
+      ),
+      showClear && /* @__PURE__ */ jsxRuntime.jsx(
+        "span",
+        {
+          className: "textarea-clear",
+          role: "button",
+          "aria-label": "Clear",
+          tabIndex: -1,
+          onMouseDown: (e) => e.preventDefault(),
+          onClick: handleClear,
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunkYVO7XO4W_cjs.Icon, { name: "x", size: 12 })
+        }
+      )
+    ] });
+    if (!showCount) return field;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "input-shell", children: [
+      field,
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "input-count", children: maxLength != null ? `${count} / ${maxLength}` : `${count}` })
+    ] });
+  }
+);
+Textarea.displayName = "Textarea";
+
+exports.Input = Input;
+exports.Textarea = Textarea;
+//# sourceMappingURL=chunk-LDENBYRC.cjs.map
+//# sourceMappingURL=chunk-LDENBYRC.cjs.map

package/dist/chunk-LDENBYRC.cjs.map

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

package/dist/{chunk-OOBSH7EL.js → chunk-LSLYY5FN.js}

@@ -1,4 +1,4 @@
-import { Button } from './chunk-5EYI27B6.js';
+import { Button } from './chunk-77BVQNAQ.js';
 import { Icon } from './chunk-GEYMWUW6.js';
 import './tokens-HWQ7KWPG.css';
 import './shared-NJHRNLRH.css';
@@ -121,5 +121,5 @@ var Modal = ({
 };
 
 export { Modal };
-//# sourceMappingURL=chunk-OOBSH7EL.js.map
-//# sourceMappingURL=chunk-OOBSH7EL.js.map
+//# sourceMappingURL=chunk-LSLYY5FN.js.map
+//# sourceMappingURL=chunk-LSLYY5FN.js.map

package/dist/{chunk-OOBSH7EL.js.map → chunk-LSLYY5FN.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Modal/Modal.tsx"],"names":[],"mappings":"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","file":"chunk-OOBSH7EL.js","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"]}
+{"version":3,"sources":["../src/components/Modal/Modal.tsx"],"names":[],"mappings":"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","file":"chunk-LSLYY5FN.js","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-NSUD5B22.js

@@ -0,0 +1,187 @@
+import { Icon } from './chunk-GEYMWUW6.js';
+import './tokens-HWQ7KWPG.css';
+import './shared-NJHRNLRH.css';
+import './Input-33CAH4O6.css';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var Input = React.forwardRef(
+  ({
+    value,
+    defaultValue,
+    onChange,
+    placeholder,
+    leadingIcon,
+    trailingIcon,
+    onLeadingIconClick,
+    onTrailingIconClick,
+    size = "md",
+    invalid,
+    disabled,
+    allowClear,
+    maxLength,
+    showCount,
+    prefix,
+    suffix,
+    className = "",
+    ...rest
+  }, ref) => {
+    const [inner, setInner] = React.useState(defaultValue ?? "");
+    const isControlled = value !== void 0;
+    const currentValue = isControlled ? value : inner;
+    const wrapCls = [
+      "input-wrap",
+      size !== "md" && size,
+      invalid && "invalid",
+      disabled && "disabled",
+      className
+    ].filter(Boolean).join(" ");
+    const handleIconClick = (handler) => handler ? (e) => {
+      e.stopPropagation();
+      if (!disabled) handler(e);
+    } : void 0;
+    const handleChange = (e) => {
+      if (!isControlled) setInner(e.target.value);
+      onChange?.(e.target.value, e);
+    };
+    const handleClear = (e) => {
+      e.stopPropagation();
+      if (disabled) return;
+      if (!isControlled) setInner("");
+      const synthetic = {
+        ...e,
+        target: { ...e.target, value: "" },
+        currentTarget: { ...e.currentTarget, value: "" }
+      };
+      onChange?.("", synthetic);
+    };
+    const showClear = !!allowClear && !!currentValue && !disabled;
+    const count = currentValue ? currentValue.length : 0;
+    const inputElement = /* @__PURE__ */ jsxs("div", { className: wrapCls, children: [
+      leadingIcon && /* @__PURE__ */ jsx(
+        Icon,
+        {
+          name: leadingIcon,
+          size: 14,
+          className: `lead${onLeadingIconClick ? " interactive" : ""}`,
+          onClick: handleIconClick(onLeadingIconClick)
+        }
+      ),
+      prefix && /* @__PURE__ */ jsx("span", { className: "input-affix prefix", children: prefix }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          ref,
+          className: "input",
+          value: isControlled ? value : void 0,
+          defaultValue: isControlled ? void 0 : defaultValue,
+          onChange: handleChange,
+          placeholder,
+          disabled,
+          maxLength,
+          ...rest
+        }
+      ),
+      suffix && /* @__PURE__ */ jsx("span", { className: "input-affix suffix", children: suffix }),
+      showClear && /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: "input-clear",
+          role: "button",
+          "aria-label": "Clear",
+          tabIndex: -1,
+          onMouseDown: (e) => e.preventDefault(),
+          onClick: handleClear,
+          children: /* @__PURE__ */ jsx(Icon, { name: "x", size: 12 })
+        }
+      ),
+      trailingIcon && /* @__PURE__ */ jsx(
+        Icon,
+        {
+          name: trailingIcon,
+          size: 14,
+          className: `trail${onTrailingIconClick ? " interactive" : ""}`,
+          onClick: handleIconClick(onTrailingIconClick)
+        }
+      )
+    ] });
+    if (!showCount) return inputElement;
+    return /* @__PURE__ */ jsxs("div", { className: "input-shell", children: [
+      inputElement,
+      /* @__PURE__ */ jsx("div", { className: "input-count", children: maxLength != null ? `${count} / ${maxLength}` : `${count}` })
+    ] });
+  }
+);
+Input.displayName = "Input";
+var Textarea = React.forwardRef(
+  ({
+    value,
+    defaultValue,
+    onChange,
+    invalid,
+    allowClear,
+    maxLength,
+    showCount,
+    className = "",
+    ...rest
+  }, ref) => {
+    const [inner, setInner] = React.useState(defaultValue ?? "");
+    const isControlled = value !== void 0;
+    const currentValue = isControlled ? value : inner;
+    const disabled = rest.disabled;
+    const handleChange = (e) => {
+      if (!isControlled) setInner(e.target.value);
+      onChange?.(e.target.value, e);
+    };
+    const handleClear = (e) => {
+      e.stopPropagation();
+      if (disabled) return;
+      if (!isControlled) setInner("");
+      const synthetic = {
+        ...e,
+        target: { ...e.target, value: "" },
+        currentTarget: { ...e.currentTarget, value: "" }
+      };
+      onChange?.("", synthetic);
+    };
+    const cls = ["textarea", invalid && "invalid", className].filter(Boolean).join(" ");
+    const showClear = !!allowClear && !!currentValue && !disabled;
+    const count = currentValue ? currentValue.length : 0;
+    const field = /* @__PURE__ */ jsxs("div", { className: "textarea-wrap", children: [
+      /* @__PURE__ */ jsx(
+        "textarea",
+        {
+          ref,
+          className: cls,
+          value: isControlled ? value : void 0,
+          defaultValue: isControlled ? void 0 : defaultValue,
+          onChange: handleChange,
+          maxLength,
+          ...rest
+        }
+      ),
+      showClear && /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: "textarea-clear",
+          role: "button",
+          "aria-label": "Clear",
+          tabIndex: -1,
+          onMouseDown: (e) => e.preventDefault(),
+          onClick: handleClear,
+          children: /* @__PURE__ */ jsx(Icon, { name: "x", size: 12 })
+        }
+      )
+    ] });
+    if (!showCount) return field;
+    return /* @__PURE__ */ jsxs("div", { className: "input-shell", children: [
+      field,
+      /* @__PURE__ */ jsx("div", { className: "input-count", children: maxLength != null ? `${count} / ${maxLength}` : `${count}` })
+    ] });
+  }
+);
+Textarea.displayName = "Textarea";
+
+export { Input, Textarea };
+//# sourceMappingURL=chunk-NSUD5B22.js.map
+//# sourceMappingURL=chunk-NSUD5B22.js.map

package/dist/chunk-NSUD5B22.js.map

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

package/dist/{chunk-AAMYURWQ.cjs → chunk-OPTTHURA.cjs}

@@ -3,7 +3,7 @@
 var chunkYVO7XO4W_cjs = require('./chunk-YVO7XO4W.cjs');
 require('./tokens-HWQ7KWPG.css');
 require('./shared-NJHRNLRH.css');
-require('./Button-5UI7QXGU.css');
+require('./Button-SDQD25AG.css');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -35,6 +35,7 @@ var Button = React__namespace.forwardRef(
     icon,
     trailingIcon,
     loading,
+    block,
     disabled,
     className = "",
     type = "button",
@@ -45,6 +46,7 @@ var Button = React__namespace.forwardRef(
       variant,
       size !== "md" && size,
       loading && "loading",
+      block && "block",
       disabled && "disabled",
       className
     ].filter(Boolean).join(" ");
@@ -83,5 +85,5 @@ IconButton.displayName = "IconButton";
 
 exports.Button = Button;
 exports.IconButton = IconButton;
-//# sourceMappingURL=chunk-AAMYURWQ.cjs.map
-//# sourceMappingURL=chunk-AAMYURWQ.cjs.map
+//# sourceMappingURL=chunk-OPTTHURA.cjs.map
+//# sourceMappingURL=chunk-OPTTHURA.cjs.map

package/dist/chunk-OPTTHURA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Button/Button.tsx"],"names":["React","jsxs","jsx","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCO,IAAM,MAAA,GAAeA,gBAAA,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,uBACEC,eAAA;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,mBACCC,cAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,SAAA,EAAU,eAAW,IAAA,EAAC,CAAA,GACpC,IAAA,mBACFA,cAAA,CAACC,sBAAA,EAAA,EAAK,IAAA,EAAM,IAAA,EAAM,IAAA,EAAM,IAAI,CAAA,GAC1B,IAAA;AAAA,UACH,QAAA;AAAA,UACA,gCAAgBD,cAAA,CAACC,sBAAA,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,GAAmBH,gBAAA,CAAA,UAAA;AAAA,EAC9B,CAAC,EAAE,IAAA,EAAM,GAAA,EAAK,YAAY,EAAA,EAAI,GAAG,IAAA,EAAK,EAAG,GAAA,qBACvCE,cAAA;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,kBAAAA,cAAA,CAACC,sBAAA,EAAA,EAAK,IAAA,EAAM,IAAA,EAAM,MAAM,EAAA,EAAI;AAAA;AAAA;AAGlC;AACA,UAAA,CAAW,WAAA,GAAc,YAAA","file":"chunk-OPTTHURA.cjs","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-F3NHM4GX.js → chunk-OYGFMXAA.js}

@@ -1,6 +1,6 @@
 import './tokens-HWQ7KWPG.css';
 import './shared-NJHRNLRH.css';
-import './Divider-Z37INS5E.css';
+import './Divider-OEE4Q2KS.css';
 import { jsx } from 'react/jsx-runtime';
 
 // src/components/Divider/Divider.tsx
@@ -8,13 +8,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__ */ jsx("div", { className: cls, role: "separator", ...rest, children: label && /* @__PURE__ */ jsx("span", { className: "divider-label", children: label }) });
 };
 
 export { Divider };
-//# sourceMappingURL=chunk-F3NHM4GX.js.map
-//# sourceMappingURL=chunk-F3NHM4GX.js.map
+//# sourceMappingURL=chunk-OYGFMXAA.js.map
+//# sourceMappingURL=chunk-OYGFMXAA.js.map

package/dist/chunk-OYGFMXAA.js.map

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