@fangxinyan/lumina 0.6.0 → 0.6.2

package/dist/chunk-45VJGBGN.js

@@ -0,0 +1,25 @@
+import './tokens-BIIUTPKN.css';
+import './shared-NJHRNLRH.css';
+import './Empty-DC2LPORC.css';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/components/Empty/Empty.tsx
+var Empty = React.forwardRef(({
+  title = "\u6682\u65E0\u5185\u5BB9",
+  description,
+  icon,
+  action,
+  size = "md",
+  variant = "default",
+  className = "",
+  ...rest
+}, ref) => /* @__PURE__ */ jsxs("div", { ref, className: `empty ${size} ${variant} ${className}`, ...rest, children: [
+  icon && /* @__PURE__ */ jsx("div", { className: "empty-ico", children: icon }),
+  /* @__PURE__ */ jsx("div", { className: "empty-title", children: title }),
+  description && /* @__PURE__ */ jsx("div", { className: "empty-desc", children: description }),
+  action && /* @__PURE__ */ jsx("div", { className: "empty-action", children: action })
+] }));
+Empty.displayName = "Empty";
+
+export { Empty };

package/dist/{chunk-JS6U7UQS.js → chunk-46VXFTEC.js}

@@ -1,7 +1,7 @@
-import { Spinner } from './chunk-A3IJM7IX.js';
+import { Spin } from './chunk-ELNT3CFO.js';
 import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
-import './Timeline-RHZAZKZ7.css';
+import './Timeline-3ZHOHPXT.css';
 import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -74,7 +74,7 @@ var TimelineItem = ({
   return /* @__PURE__ */ jsxs("div", { className: cls, children: [
     /* @__PURE__ */ jsx("div", { className: "timeline-item-label", children: item.label }),
     /* @__PURE__ */ jsxs("div", { className: "timeline-item-head", children: [
-      /* @__PURE__ */ jsx("div", { className: `timeline-item-dot ${color} ${isPending ? "pending" : ""}`, children: item.dot ?? (isPending && /* @__PURE__ */ jsx(Spinner, { size: 14 })) }),
+      /* @__PURE__ */ jsx("div", { className: `timeline-item-dot ${color} ${isPending ? "pending" : ""}`, children: item.dot ?? (isPending && /* @__PURE__ */ jsx(Spin, { size: 14 })) }),
       !isLast && /* @__PURE__ */ jsx("div", { className: "timeline-item-tail" })
     ] }),
     /* @__PURE__ */ jsx("div", { className: "timeline-item-content", children: item.children })
@@ -82,5 +82,3 @@ var TimelineItem = ({
 };
 
 export { Timeline };
-//# sourceMappingURL=chunk-JS6U7UQS.js.map
-//# sourceMappingURL=chunk-JS6U7UQS.js.map

package/dist/{chunk-V24B7KWT.cjs → chunk-4WTU5P3O.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkDH4NYYJP_cjs = require('./chunk-DH4NYYJP.cjs');
+var chunkTJII7BQ2_cjs = require('./chunk-TJII7BQ2.cjs');
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
 require('./Calendar-LHZELUDL.css');
@@ -66,7 +66,7 @@ var Calendar = React__namespace.forwardRef(({
           className: "btn icon sm ghost",
           onClick: () => setView(new Date(view.getFullYear(), view.getMonth() - 1, 1)),
           "aria-label": "Previous month",
-          children: /* @__PURE__ */ jsxRuntime.jsx(chunkDH4NYYJP_cjs.Icon, { name: "chevLeft", size: 14 })
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunkTJII7BQ2_cjs.Icon, { name: "chevLeft", size: 14 })
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: "calendar-title", children: [
@@ -82,7 +82,7 @@ var Calendar = React__namespace.forwardRef(({
           className: "btn icon sm ghost",
           onClick: () => setView(new Date(view.getFullYear(), view.getMonth() + 1, 1)),
           "aria-label": "Next month",
-          children: /* @__PURE__ */ jsxRuntime.jsx(chunkDH4NYYJP_cjs.Icon, { name: "chevRight", size: 14 })
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunkTJII7BQ2_cjs.Icon, { name: "chevRight", size: 14 })
         }
       )
     ] }),
@@ -110,5 +110,3 @@ var Calendar = React__namespace.forwardRef(({
 Calendar.displayName = "Calendar";
 
 exports.Calendar = Calendar;
-//# sourceMappingURL=chunk-V24B7KWT.cjs.map
-//# sourceMappingURL=chunk-V24B7KWT.cjs.map

package/dist/{chunk-3LJO33HI.js → chunk-5C2AI2SD.js}

@@ -163,5 +163,3 @@ var ContextMenu = React.forwardRef(({
 ContextMenu.displayName = "ContextMenu";
 
 export { ContextMenu };
-//# sourceMappingURL=chunk-3LJO33HI.js.map
-//# sourceMappingURL=chunk-3LJO33HI.js.map

package/dist/{chunk-FCIPCZAK.cjs → chunk-5JSDQ6QQ.cjs}

@@ -49,5 +49,3 @@ var Divider = React__namespace.forwardRef(({
 Divider.displayName = "Divider";
 
 exports.Divider = Divider;
-//# sourceMappingURL=chunk-FCIPCZAK.cjs.map
-//# sourceMappingURL=chunk-FCIPCZAK.cjs.map

package/dist/{chunk-A3IJM7IX.js → chunk-5TKC6IEN.js}

@@ -1,61 +1,10 @@
 import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
-import './Empty-NQ72W3D7.css';
+import './Skeleton-CVWH2VWN.css';
 import * as React from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
-// src/components/Empty/Empty.tsx
-var Empty = React.forwardRef(({
-  title = "\u6682\u65E0\u5185\u5BB9",
-  description,
-  icon,
-  action,
-  size = "md",
-  variant = "default",
-  className = "",
-  ...rest
-}, ref) => /* @__PURE__ */ jsxs("div", { ref, className: `empty ${size} ${variant} ${className}`, ...rest, children: [
-  icon && /* @__PURE__ */ jsx("div", { className: "empty-ico", children: icon }),
-  /* @__PURE__ */ jsx("div", { className: "empty-title", children: title }),
-  description && /* @__PURE__ */ jsx("div", { className: "empty-desc", children: description }),
-  action && /* @__PURE__ */ jsx("div", { className: "empty-action", children: action })
-] }));
-Empty.displayName = "Empty";
-var Spinner = React.forwardRef(({
-  size = 20,
-  tone = "accent",
-  label,
-  variant = "ring",
-  className = "",
-  style,
-  ...rest
-}, ref) => {
-  const cls = `spinner ${variant} ${tone} ${className}`.trim();
-  const spinnerStyle = variant === "dots" ? { fontSize: size, ...style } : { width: size, height: size, ...style };
-  const spinner = variant === "dots" ? /* @__PURE__ */ jsxs("span", { className: cls, style: spinnerStyle, "aria-label": "Loading", children: [
-    /* @__PURE__ */ jsx("i", {}),
-    /* @__PURE__ */ jsx("i", {}),
-    /* @__PURE__ */ jsx("i", {})
-  ] }) : /* @__PURE__ */ jsx(
-    "span",
-    {
-      className: cls,
-      style: spinnerStyle,
-      "aria-label": "Loading"
-    }
-  );
-  if (!label) {
-    return React.cloneElement(spinner, {
-      ref,
-      ...rest
-    });
-  }
-  return /* @__PURE__ */ jsxs("span", { ref, className: "spinner-wrap", style, ...rest, children: [
-    spinner,
-    /* @__PURE__ */ jsx("span", { className: "spinner-label", children: label })
-  ] });
-});
-Spinner.displayName = "Spinner";
+// src/components/Skeleton/Skeleton.tsx
 var AVATAR_SIZE_PX = { sm: 32, md: 40, lg: 56 };
 var Skeleton = React.forwardRef(({
   width = "100%",
@@ -136,6 +85,4 @@ var Skeleton = React.forwardRef(({
 });
 Skeleton.displayName = "Skeleton";
 
-export { Empty, Skeleton, Spinner };
-//# sourceMappingURL=chunk-A3IJM7IX.js.map
-//# sourceMappingURL=chunk-A3IJM7IX.js.map
+export { Skeleton };

package/dist/{chunk-JF2WNLPF.cjs → chunk-5WAXZJG5.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkDH4NYYJP_cjs = require('./chunk-DH4NYYJP.cjs');
+var chunkTJII7BQ2_cjs = require('./chunk-TJII7BQ2.cjs');
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
 require('./Button-SDQD25AG.css');
@@ -34,17 +34,23 @@ var Button = React__namespace.forwardRef(
     size = "md",
     icon,
     trailingIcon,
+    iconOnly,
+    tip,
     loading,
     block,
     disabled,
     className = "",
     type = "button",
+    "aria-label": ariaLabel,
     ...rest
   }, ref) => {
+    const onlyIcon = iconOnly || !!icon && children == null;
+    const content = onlyIcon ? null : children;
     const cls = [
       "btn",
       variant,
       size !== "md" && size,
+      onlyIcon && "icon",
       loading && "loading",
       block && "block",
       disabled && "disabled",
@@ -57,33 +63,18 @@ var Button = React__namespace.forwardRef(
         type,
         className: cls,
         disabled: disabled || loading,
+        title: tip,
+        "aria-label": ariaLabel ?? (onlyIcon ? tip ?? icon : void 0),
         ...rest,
         children: [
-          loading ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "spinner", "aria-hidden": true }) : icon ? /* @__PURE__ */ jsxRuntime.jsx(chunkDH4NYYJP_cjs.Icon, { name: icon, size: 15 }) : null,
-          children,
-          trailingIcon && /* @__PURE__ */ jsxRuntime.jsx(chunkDH4NYYJP_cjs.Icon, { name: trailingIcon, size: 15 })
+          loading ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "spinner", "aria-hidden": true }) : icon ? /* @__PURE__ */ jsxRuntime.jsx(chunkTJII7BQ2_cjs.Icon, { name: icon, size: 15 }) : null,
+          content,
+          trailingIcon && /* @__PURE__ */ jsxRuntime.jsx(chunkTJII7BQ2_cjs.Icon, { name: trailingIcon, size: 15 })
         ]
       }
     );
   }
 );
 Button.displayName = "Button";
-var IconButton = React__namespace.forwardRef(
-  ({ icon, tip, className = "", ...rest }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-    Button,
-    {
-      ref,
-      className: `icon ${className}`,
-      "aria-label": tip || rest["aria-label"] || icon,
-      title: tip,
-      ...rest,
-      children: /* @__PURE__ */ jsxRuntime.jsx(chunkDH4NYYJP_cjs.Icon, { name: icon, size: 16 })
-    }
-  )
-);
-IconButton.displayName = "IconButton";
 
 exports.Button = Button;
-exports.IconButton = IconButton;
-//# sourceMappingURL=chunk-JF2WNLPF.cjs.map
-//# sourceMappingURL=chunk-JF2WNLPF.cjs.map

package/dist/{chunk-E6K6GYUC.js → chunk-65FIH5A3.js}

@@ -39,5 +39,3 @@ var Progress = React.forwardRef(({
 Progress.displayName = "Progress";
 
 export { Progress };
-//# sourceMappingURL=chunk-E6K6GYUC.js.map
-//# sourceMappingURL=chunk-E6K6GYUC.js.map

package/dist/chunk-6ACKL3WH.cjs

@@ -0,0 +1,138 @@
+'use strict';
+
+var chunkTJII7BQ2_cjs = require('./chunk-TJII7BQ2.cjs');
+require('./tokens-BIIUTPKN.css');
+require('./shared-NJHRNLRH.css');
+require('./Message-2MZ3LFPU.css');
+var React = require('react');
+var reactDom = require('react-dom');
+var client = require('react-dom/client');
+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 listeners = /* @__PURE__ */ new Set();
+var items = [];
+var uid = 0;
+var autoMounted = false;
+function emit() {
+  if (listeners.size === 0 && !autoMounted && typeof document !== "undefined") {
+    autoMounted = true;
+    const div = document.createElement("div");
+    document.body.appendChild(div);
+    client.createRoot(div).render(React__namespace.createElement(MessageContainer));
+  }
+  listeners.forEach((l) => l(items));
+}
+var normalizeConfig = (type, content, durationOrTitle, onClose) => {
+  if (content && typeof content === "object" && !React__namespace.isValidElement(content) && ("content" in content || "message" in content || "type" in content)) {
+    return { type, ...content };
+  }
+  const node = content;
+  if (typeof durationOrTitle === "number") {
+    return { type, content: node, duration: durationOrTitle, onClose };
+  }
+  return { type, content: node, title: durationOrTitle };
+};
+var message = {
+  open(config) {
+    const id = ++uid;
+    const next = {
+      id,
+      key: config.key,
+      type: config.type ?? "info",
+      title: config.title,
+      content: config.content ?? config.message,
+      duration: config.duration ?? 3200,
+      onClose: config.onClose
+    };
+    if (config.key != null) {
+      const existing = items.findIndex((item) => item.key === config.key);
+      if (existing >= 0) {
+        items = items.map((item, idx) => idx === existing ? { ...next, id: item.id } : item);
+        emit();
+        return items[existing]?.id ?? id;
+      }
+    }
+    items = [...items, next];
+    emit();
+    if (next.duration > 0 && typeof window !== "undefined") {
+      window.setTimeout(() => message.dismiss(config.key ?? id), next.duration);
+    }
+    return id;
+  },
+  show(config) {
+    return message.open(config);
+  },
+  info: (content, durationOrTitle, onClose) => message.open(normalizeConfig("info", content, durationOrTitle, onClose)),
+  success: (content, durationOrTitle, onClose) => message.open(normalizeConfig("success", content, durationOrTitle, onClose)),
+  warning: (content, durationOrTitle, onClose) => message.open(normalizeConfig("warning", content, durationOrTitle, onClose)),
+  warn: (content, durationOrTitle, onClose) => message.open(normalizeConfig("warning", content, durationOrTitle, onClose)),
+  error: (content, durationOrTitle, onClose) => message.open(normalizeConfig("error", content, durationOrTitle, onClose)),
+  dismiss(idOrKey) {
+    const removed = items.filter((i) => i.id === idOrKey || i.key === idOrKey);
+    items = items.filter((i) => i.id !== idOrKey && i.key !== idOrKey);
+    removed.forEach((item) => item.onClose?.());
+    emit();
+  },
+  destroy(idOrKey) {
+    if (idOrKey == null) message.clear();
+    else message.dismiss(idOrKey);
+  },
+  clear() {
+    const removed = items;
+    items = [];
+    removed.forEach((item) => item.onClose?.());
+    emit();
+  }
+};
+var MessageContainer = React__namespace.forwardRef(({ placement = "top-right", className = "", ...rest }, ref) => {
+  const [list, setList] = React__namespace.useState(items);
+  React__namespace.useEffect(() => {
+    listeners.add(setList);
+    return () => {
+      listeners.delete(setList);
+    };
+  }, []);
+  if (typeof document === "undefined") return null;
+  return reactDom.createPortal(
+    /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: `message-container ${placement} ${className}`, ...rest, children: list.map((t) => {
+      const iconName = t.type === "success" ? "check2" : t.type === "warning" || t.type === "error" ? "alert" : "info";
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `message ${t.type}`, role: "status", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(chunkTJII7BQ2_cjs.Icon, { name: iconName, size: 18, className: "message-icon" }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "message-body", children: [
+          t.title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "message-title", children: t.title }),
+          t.content && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "message-content", children: t.content })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: "message-close", onClick: () => message.dismiss(t.key ?? t.id), "aria-label": "Dismiss", children: /* @__PURE__ */ jsxRuntime.jsx(chunkTJII7BQ2_cjs.Icon, { name: "x", size: 14 }) })
+      ] }, t.id);
+    }) }),
+    document.body
+  );
+});
+MessageContainer.displayName = "MessageContainer";
+var toast = message;
+var ToastContainer = MessageContainer;
+
+exports.MessageContainer = MessageContainer;
+exports.ToastContainer = ToastContainer;
+exports.message = message;
+exports.toast = toast;

package/dist/{chunk-DCX36FYD.js → chunk-6BWELOCT.js}

@@ -51,5 +51,3 @@ var StatusBar = StatusBarBase;
 StatusBar.Item = StatusBarItem;
 
 export { StatusBar, StatusBarItem };
-//# sourceMappingURL=chunk-DCX36FYD.js.map
-//# sourceMappingURL=chunk-DCX36FYD.js.map

package/dist/{chunk-WFFWVQK4.cjs → chunk-6LZ54NPO.cjs}

@@ -1,9 +1,10 @@
 'use strict';
 
-var chunkDH4NYYJP_cjs = require('./chunk-DH4NYYJP.cjs');
+var chunkOQBDU5I2_cjs = require('./chunk-OQBDU5I2.cjs');
+var chunkTJII7BQ2_cjs = require('./chunk-TJII7BQ2.cjs');
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
-require('./Input-33CAH4O6.css');
+require('./Input-3G4ONWNU.css');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -27,11 +28,12 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-var Input = React__namespace.forwardRef(
+var InputBase = React__namespace.forwardRef(
   ({
     value,
     defaultValue,
     onChange,
+    onValueChange,
     placeholder,
     leadingIcon,
     trailingIcon,
@@ -49,8 +51,17 @@ var Input = React__namespace.forwardRef(
     ...rest
   }, ref) => {
     const [inner, setInner] = React__namespace.useState(defaultValue ?? "");
+    const inputRef = React__namespace.useRef(null);
     const isControlled = value !== void 0;
     const currentValue = isControlled ? value : inner;
+    const setInputRef = React__namespace.useCallback(
+      (node) => {
+        inputRef.current = node;
+        if (typeof ref === "function") ref(node);
+        else if (ref) ref.current = node;
+      },
+      [ref]
+    );
     const wrapCls = [
       "input-wrap",
       size !== "md" && size,
@@ -64,24 +75,27 @@ var Input = React__namespace.forwardRef(
     } : void 0;
     const handleChange = (e) => {
       if (!isControlled) setInner(e.target.value);
-      onChange?.(e.target.value, e);
+      onChange?.(e);
+      onValueChange?.(e.target.value, e);
     };
     const handleClear = (e) => {
       e.stopPropagation();
       if (disabled) return;
       if (!isControlled) setInner("");
+      if (inputRef.current) inputRef.current.value = "";
       const synthetic = {
         ...e,
-        target: { ...e.target, value: "" },
-        currentTarget: { ...e.currentTarget, value: "" }
+        target: inputRef.current ?? { value: "" },
+        currentTarget: inputRef.current ?? { value: "" }
       };
-      onChange?.("", synthetic);
+      onChange?.(synthetic);
+      onValueChange?.("", 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(
-        chunkDH4NYYJP_cjs.Icon,
+        chunkTJII7BQ2_cjs.Icon,
         {
           name: leadingIcon,
           size: 14,
@@ -93,7 +107,7 @@ var Input = React__namespace.forwardRef(
       /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
-          ref,
+          ref: setInputRef,
           className: "input",
           value: isControlled ? value : void 0,
           defaultValue: isControlled ? void 0 : defaultValue,
@@ -114,11 +128,11 @@ var Input = React__namespace.forwardRef(
           tabIndex: -1,
           onMouseDown: (e) => e.preventDefault(),
           onClick: handleClear,
-          children: /* @__PURE__ */ jsxRuntime.jsx(chunkDH4NYYJP_cjs.Icon, { name: "x", size: 12 })
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunkTJII7BQ2_cjs.Icon, { name: "x", size: 12 })
         }
       ),
       trailingIcon && /* @__PURE__ */ jsxRuntime.jsx(
-        chunkDH4NYYJP_cjs.Icon,
+        chunkTJII7BQ2_cjs.Icon,
         {
           name: trailingIcon,
           size: 14,
@@ -134,77 +148,57 @@ var Input = React__namespace.forwardRef(
     ] });
   }
 );
-Input.displayName = "Input";
-var Textarea = React__namespace.forwardRef(
+InputBase.displayName = "Input";
+var InputPassword = React__namespace.forwardRef(
   ({
-    value,
-    defaultValue,
-    onChange,
-    invalid,
-    allowClear,
-    maxLength,
-    showCount,
-    className = "",
+    visibilityToggle = true,
+    iconRender,
+    suffix,
+    onValueChange,
     ...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) => {
+    const [visible, setVisible] = React__namespace.useState(false);
+    const renderedIcon = iconRender?.(visible);
+    const useCustomToggle = visibilityToggle !== false && !!renderedIcon;
+    const useDefaultToggle = visibilityToggle !== false && !renderedIcon;
+    const toggle = (e) => {
+      e.preventDefault();
       e.stopPropagation();
-      if (disabled) return;
-      if (!isControlled) setInner("");
-      const synthetic = {
-        ...e,
-        target: { ...e.target, value: "" },
-        currentTarget: { ...e.currentTarget, value: "" }
-      };
-      onChange?.("", synthetic);
+      setVisible((v) => !v);
     };
-    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(chunkDH4NYYJP_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}` })
-    ] });
+    const toggleNode = useCustomToggle ? /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        className: "input-password-toggle",
+        tabIndex: -1,
+        onMouseDown: (e) => e.preventDefault(),
+        onClick: toggle,
+        "aria-label": visible ? "Hide password" : "Show password",
+        children: renderedIcon
+      }
+    ) : null;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      InputBase,
+      {
+        ref,
+        ...rest,
+        type: visible ? "text" : "password",
+        suffix: toggleNode ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          suffix,
+          toggleNode
+        ] }) : suffix,
+        trailingIcon: useDefaultToggle ? visible ? "eyeOff" : "eye" : void 0,
+        onTrailingIconClick: useDefaultToggle ? () => setVisible((v) => !v) : void 0,
+        onValueChange
+      }
+    );
   }
 );
-Textarea.displayName = "Textarea";
+InputPassword.displayName = "Input.Password";
+var Input = InputBase;
+Input.Password = InputPassword;
+Input.TextArea = chunkOQBDU5I2_cjs.Textarea;
 
 exports.Input = Input;
-exports.Textarea = Textarea;
-//# sourceMappingURL=chunk-WFFWVQK4.cjs.map
-//# sourceMappingURL=chunk-WFFWVQK4.cjs.map
+exports.InputPassword = InputPassword;

package/dist/{chunk-2LIX7ZHX.js → chunk-6YQTMI55.js}

@@ -25,5 +25,3 @@ var List = React.forwardRef(({ items, dividers = true, className = "", style, ..
 List.displayName = "List";
 
 export { List };
-//# sourceMappingURL=chunk-2LIX7ZHX.js.map
-//# sourceMappingURL=chunk-2LIX7ZHX.js.map

package/dist/{chunk-SREMTSVI.cjs → chunk-7ABFUIOB.cjs}

@@ -114,5 +114,3 @@ exports.AppShell = AppShell;
 exports.Sidebar = Sidebar;
 exports.TitleBar = TitleBar;
 exports.WindowControls = WindowControls;
-//# sourceMappingURL=chunk-SREMTSVI.cjs.map
-//# sourceMappingURL=chunk-SREMTSVI.cjs.map

package/dist/{chunk-2TZ2R7L2.js → chunk-7JN6FJ55.js}

@@ -231,5 +231,3 @@ var Slider = React.forwardRef(
 );
 
 export { Slider };
-//# sourceMappingURL=chunk-2TZ2R7L2.js.map
-//# sourceMappingURL=chunk-2TZ2R7L2.js.map

package/dist/{chunk-DB5JMXOI.js → chunk-7NGMQIST.js}

@@ -1,5 +1,5 @@
-import { Select } from './chunk-RHZOBQON.js';
-import { Icon } from './chunk-BSHHQOFY.js';
+import { Select } from './chunk-WKKSAGYH.js';
+import { Icon } from './chunk-OF3SGLZY.js';
 import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
 import './Pagination-YIRYJUXP.css';
@@ -132,5 +132,3 @@ var Pagination = React.forwardRef(({
 Pagination.displayName = "Pagination";
 
 export { Pagination };
-//# sourceMappingURL=chunk-DB5JMXOI.js.map
-//# sourceMappingURL=chunk-DB5JMXOI.js.map

package/dist/{chunk-Y7BZMMAV.cjs → chunk-7PNJI5UE.cjs}

@@ -47,5 +47,3 @@ var List = React__namespace.forwardRef(({ items, dividers = true, className = ""
 List.displayName = "List";
 
 exports.List = List;
-//# sourceMappingURL=chunk-Y7BZMMAV.cjs.map
-//# sourceMappingURL=chunk-Y7BZMMAV.cjs.map

package/dist/{chunk-KWE2PXJQ.js → chunk-7PQJCLIR.js}

@@ -37,5 +37,3 @@ var Avatar = React.forwardRef(({
 Avatar.displayName = "Avatar";
 
 export { Avatar };
-//# sourceMappingURL=chunk-KWE2PXJQ.js.map
-//# sourceMappingURL=chunk-KWE2PXJQ.js.map