@fangxinyan/lumina 0.6.1 → 0.6.3

package/dist/chunk-Q5SZIU7Z.cjs

@@ -0,0 +1,47 @@
+'use strict';
+
+require('./tokens-BIIUTPKN.css');
+require('./shared-NJHRNLRH.css');
+require('./Badge-DPGLV3D3.css');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+// src/components/Badge/Badge.tsx
+var Badge = React__namespace.forwardRef(({
+  count,
+  max = 99,
+  dot,
+  tone = "danger",
+  children,
+  className = "",
+  ...rest
+}, ref) => {
+  const show = dot || typeof count === "number" && count > 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { ref, className: `badge-wrap ${className}`, ...rest, children: [
+    children,
+    show && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `badge ${tone} ${dot ? "dot" : ""}`, children: !dot && (count > max ? `${max}+` : count) })
+  ] });
+});
+Badge.displayName = "Badge";
+
+exports.Badge = Badge;

package/dist/chunk-QKQHZIF3.cjs

@@ -0,0 +1,86 @@
+'use strict';
+
+require('./tokens-BIIUTPKN.css');
+require('./shared-NJHRNLRH.css');
+require('./Spin-3GJNMSIH.css');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+// src/components/Spin/Spin.tsx
+var SIZE_PX = {
+  small: 14,
+  default: 20,
+  large: 32
+};
+var resolveSize = (size) => typeof size === "number" ? size : SIZE_PX[size];
+var Spin = React__namespace.forwardRef(({
+  size = "default",
+  tone = "accent",
+  tip,
+  label,
+  variant = "ring",
+  spinning = true,
+  className = "",
+  style,
+  ...rest
+}, ref) => {
+  const text = label ?? tip;
+  const px = resolveSize(size);
+  const indicatorClass = `spin ${variant} ${tone}`;
+  const rootClass = text ? `spin-wrap ${className}`.trim() : `${indicatorClass} ${className}`.trim();
+  const indicatorStyle = variant === "dots" ? { fontSize: px } : { width: px, height: px };
+  if (!spinning && !text) return null;
+  const renderIndicator = (extraProps = {}) => {
+    if (!spinning) return null;
+    const {
+      className: extraClassName,
+      style: extraStyle,
+      ...indicatorRest
+    } = extraProps;
+    const finalClassName = extraClassName ?? indicatorClass;
+    const finalStyle = { ...indicatorStyle, ...extraStyle };
+    if (variant === "dots") {
+      return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: finalClassName, style: finalStyle, "aria-label": "Loading", ...indicatorRest, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("i", {}),
+        /* @__PURE__ */ jsxRuntime.jsx("i", {}),
+        /* @__PURE__ */ jsxRuntime.jsx("i", {})
+      ] });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: finalClassName, style: finalStyle, "aria-label": "Loading", ...indicatorRest });
+  };
+  if (!text) {
+    return renderIndicator({
+      ref,
+      className: rootClass,
+      style: { ...indicatorStyle, ...style },
+      ...rest
+    });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { ref, className: rootClass, style, ...rest, children: [
+    renderIndicator(),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "spin-label", children: text })
+  ] });
+});
+Spin.displayName = "Spin";
+
+exports.Spin = Spin;

package/dist/{chunk-3TWNBJFI.cjs → chunk-QP3VCSRY.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunk32HBMXXV_cjs = require('./chunk-32HBMXXV.cjs');
-var chunk2MNAZRWE_cjs = require('./chunk-2MNAZRWE.cjs');
+var chunkHKF2V5MM_cjs = require('./chunk-HKF2V5MM.cjs');
+var chunkV272XR3F_cjs = require('./chunk-V272XR3F.cjs');
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
 require('./InputNumber-VXQIWLQC.css');
@@ -117,7 +117,7 @@ var InputNumber = React__namespace.forwardRef(
           disabled: upDisabled,
           onMouseDown: (e) => e.preventDefault(),
           onClick: () => increment(step),
-          children: /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "chevUp", size: 10, stroke: 2.5 })
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunkV272XR3F_cjs.Icon, { name: "chevUp", size: 10, stroke: 2.5 })
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -129,7 +129,7 @@ var InputNumber = React__namespace.forwardRef(
           disabled: downDisabled,
           onMouseDown: (e) => e.preventDefault(),
           onClick: () => increment(-step),
-          children: /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "chevDown", size: 10, stroke: 2.5 })
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunkV272XR3F_cjs.Icon, { name: "chevDown", size: 10, stroke: 2.5 })
         }
       )
     ] }) : null;
@@ -138,7 +138,7 @@ var InputNumber = React__namespace.forwardRef(
       stepperSuffix
     ] }) : stepperSuffix ?? suffix;
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunk32HBMXXV_cjs.Input,
+      chunkHKF2V5MM_cjs.Input,
       {
         ref,
         id,
@@ -154,7 +154,7 @@ var InputNumber = React__namespace.forwardRef(
         suffix: finalSuffix,
         className: `input-number ${className}`,
         inputMode: "decimal",
-        onChange: handleInput,
+        onValueChange: handleInput,
         onKeyDown: handleKeyDown,
         onBlur: handleBlur,
         onFocus

package/dist/{chunk-6ODY6MGL.cjs → chunk-R2TEDH2F.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk2MNAZRWE_cjs = require('./chunk-2MNAZRWE.cjs');
+var chunkV272XR3F_cjs = require('./chunk-V272XR3F.cjs');
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
 require('./Typography-NKPWTJCV.css');
@@ -74,8 +74,8 @@ var CopyAction = ({ config, fallbackText }) => {
     timerRef.current = window.setTimeout(() => setCopied(false), 2400);
   };
   const [defIcon, doneIcon] = config.icon ?? [
-    /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "copy", size: 12 }, "def"),
-    /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "check", size: 12 }, "done")
+    /* @__PURE__ */ jsxRuntime.jsx(chunkV272XR3F_cjs.Icon, { name: "copy", size: 12 }, "def"),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkV272XR3F_cjs.Icon, { name: "check", size: 12 }, "done")
   ];
   const tipText = config.tooltips === false ? void 0 : Array.isArray(config.tooltips) ? copied ? config.tooltips[1] : config.tooltips[0] : copied ? "\u5DF2\u590D\u5236" : "\u590D\u5236";
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -213,7 +213,7 @@ function useTypographyBody(props) {
           }
         },
         className: "typo-action typo-edit",
-        children: editConf.icon ?? /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "edit", size: 12 })
+        children: editConf.icon ?? /* @__PURE__ */ jsxRuntime.jsx(chunkV272XR3F_cjs.Icon, { name: "edit", size: 12 })
       }
     );
   }
@@ -473,7 +473,7 @@ var Link = React__namespace.forwardRef(
         ...anchorRest,
         children: [
           body.inner,
-          external && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "typo-link-ext", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: externalIcon, size: 12 }) }),
+          external && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "typo-link-ext", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx(chunkV272XR3F_cjs.Icon, { name: externalIcon, size: 12 }) }),
           body.expandNode,
           body.copyNode,
           body.editIconNode

package/dist/{chunk-YRZGXXWA.js → chunk-SQGPSMSK.js}

@@ -1,7 +1,7 @@
-import { Icon } from './chunk-NJ6B22YJ.js';
+import { renderIconSlot } from './chunk-47VG2P34.js';
 import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
-import './Button-SDQD25AG.css';
+import './Button-4Z3Q6KII.css';
 import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -12,17 +12,23 @@ var Button = React.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",
@@ -35,30 +41,18 @@ var Button = React.forwardRef(
         type,
         className: cls,
         disabled: disabled || loading,
+        title: tip,
+        "aria-label": ariaLabel ?? (onlyIcon ? tip ?? (typeof icon === "string" ? icon : void 0) : void 0),
         ...rest,
         children: [
-          loading ? /* @__PURE__ */ jsx("span", { className: "spinner", "aria-hidden": true }) : icon ? /* @__PURE__ */ jsx(Icon, { name: icon, size: 15 }) : null,
-          children,
-          trailingIcon && /* @__PURE__ */ jsx(Icon, { name: trailingIcon, size: 15 })
+          loading ? /* @__PURE__ */ jsx("span", { className: "spinner", "aria-hidden": true }) : renderIconSlot(icon, { size: 15, className: "btn-icon-slot" }),
+          content,
+          renderIconSlot(trailingIcon, { size: 15, className: "btn-icon-slot" })
         ]
       }
     );
   }
 );
 Button.displayName = "Button";
-var IconButton = React.forwardRef(
-  ({ icon, tip, className = "", ...rest }, ref) => /* @__PURE__ */ jsx(
-    Button,
-    {
-      ref,
-      className: `icon ${className}`,
-      "aria-label": tip || rest["aria-label"] || icon,
-      title: tip,
-      ...rest,
-      children: /* @__PURE__ */ jsx(Icon, { name: icon, size: 16 })
-    }
-  )
-);
-IconButton.displayName = "IconButton";
 
-export { Button, IconButton };
+export { Button };

package/dist/{chunk-IW5LW6XS.js → chunk-TEEFR2FD.js}

@@ -6,22 +6,44 @@ import * as React from 'react';
 import { createPortal } from 'react-dom';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
+var normalizePlacement = (placement) => {
+  const base = placement.startsWith("top") ? "top" : placement.startsWith("bottom") ? "bottom" : placement.startsWith("left") ? "left" : placement.startsWith("right") ? "right" : placement;
+  const alignCross = placement.endsWith("Left") || placement.endsWith("Top") ? "start" : placement.endsWith("Right") || placement.endsWith("Bottom") ? "end" : "center";
+  return { placement: base, alignCross };
+};
 var Tooltip = React.forwardRef(({
   content,
+  title,
   placement = "top",
   children,
   delay = 250,
   disabled,
+  open: openProp,
+  defaultOpen = false,
+  onOpenChange,
+  visible,
+  onVisibleChange,
+  overlayClassName = "",
+  popupClassName = "",
   onMouseEnter,
   onMouseLeave,
   onFocus,
   onBlur,
   ...rest
 }, ref) => {
-  const [show, setShow] = React.useState(false);
+  const [innerShow, setInnerShow] = React.useState(defaultOpen);
   const t = React.useRef();
+  const controlledShow = openProp ?? visible;
+  const show = controlledShow ?? innerShow;
+  const resolvedContent = content ?? title;
+  const disabledTooltip = disabled || resolvedContent == null || resolvedContent === "";
+  const setShow = React.useCallback((next) => {
+    if (controlledShow === void 0) setInnerShow(next);
+    onOpenChange?.(next);
+    onVisibleChange?.(next);
+  }, [controlledShow, onOpenChange, onVisibleChange]);
   const open = () => {
-    if (disabled) return;
+    if (disabledTooltip) return;
     window.clearTimeout(t.current);
     t.current = window.setTimeout(() => setShow(true), delay);
   };
@@ -29,12 +51,13 @@ var Tooltip = React.forwardRef(({
     window.clearTimeout(t.current);
     setShow(false);
   };
+  const normalized = normalizePlacement(placement);
   const { triggerRef, floatingStyle, placement: resolved } = useFloating({
     open: show,
-    placement,
+    placement: normalized.placement,
     panelWidth: 160,
     panelHeight: 32,
-    alignCross: "center"
+    alignCross: normalized.alignCross
   });
   const setTriggerRef = React.useCallback(
     (node) => {
@@ -71,7 +94,7 @@ var Tooltip = React.forwardRef(({
       }
     ),
     show && typeof document !== "undefined" && createPortal(
-      /* @__PURE__ */ jsx("span", { className: `tip ${resolved}`, style: floatingStyle, children: content }),
+      /* @__PURE__ */ jsx("span", { className: `tip ${resolved} ${overlayClassName} ${popupClassName}`, style: floatingStyle, children: resolvedContent }),
       document.body
     )
   ] });

package/dist/chunk-TGL5BGMR.js

@@ -0,0 +1,218 @@
+import { useFloating } from './chunk-DUFRASGO.js';
+import { Input } from './chunk-UKS23N3L.js';
+import { Icon, renderIconSlot } from './chunk-47VG2P34.js';
+import './tokens-BIIUTPKN.css';
+import './shared-NJHRNLRH.css';
+import './Cascader-3BLLA7EN.css';
+import * as React from 'react';
+import { createPortal } from 'react-dom';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var collectPaths = (options, prefix = []) => options.flatMap((option) => {
+  const next = [...prefix, option];
+  if (option.children?.length) return collectPaths(option.children, next);
+  return [next];
+});
+var defaultSearchFilter = (inputValue, path) => {
+  const q = inputValue.trim().toLowerCase();
+  if (!q) return true;
+  return path.map((option) => String(option.label ?? option.value)).join(" / ").toLowerCase().includes(q);
+};
+var Cascader = React.forwardRef(({
+  options,
+  value,
+  defaultValue = [],
+  onChange,
+  placeholder = "\u8BF7\u9009\u62E9",
+  disabled,
+  allowClear,
+  onClear,
+  changeOnSelect,
+  showSearch,
+  popupClassName = "",
+  dropdownClassName = "",
+  className = "",
+  ...rest
+}, ref) => {
+  const [inner, setInner] = React.useState(defaultValue);
+  const isControlled = value !== void 0;
+  const cur = isControlled ? value : inner;
+  const [open, setOpen] = React.useState(false);
+  const [path, setPath] = React.useState(cur);
+  const [query, setQuery] = React.useState("");
+  const panelRef = React.useRef(null);
+  const searchRef = React.useRef(null);
+  const searchConfig = typeof showSearch === "object" ? showSearch : {};
+  const searchable = !!showSearch;
+  const { triggerRef, floatingStyle } = useFloating({
+    open,
+    placement: "bottom",
+    panelWidth: 520,
+    panelHeight: 260
+  });
+  const setTriggerRef = React.useCallback(
+    (node) => {
+      triggerRef.current = node;
+      if (typeof ref === "function") ref(node);
+      else if (ref) ref.current = node;
+    },
+    [ref, triggerRef]
+  );
+  React.useEffect(() => {
+    const h = (e) => {
+      const t = e.target;
+      if (triggerRef.current?.contains(t)) return;
+      if (panelRef.current?.contains(t)) return;
+      setOpen(false);
+    };
+    document.addEventListener("mousedown", h);
+    return () => document.removeEventListener("mousedown", h);
+  }, []);
+  React.useEffect(() => {
+    if (open) setPath(cur);
+    if (!open) setQuery("");
+  }, [open, cur]);
+  React.useEffect(() => {
+    if (!open || !searchable) return;
+    requestAnimationFrame(() => searchRef.current?.focus());
+  }, [open, searchable]);
+  const columns = [options];
+  let cursor = options;
+  for (const v of path) {
+    const match = cursor.find((o) => o.value === v);
+    if (match && match.children) {
+      cursor = match.children;
+      columns.push(cursor);
+    } else break;
+  }
+  const selectedOptionsForPath = (nextPath) => {
+    const selected = [];
+    let list2 = options;
+    for (const item of nextPath) {
+      const match = list2.find((option) => option.value === item);
+      if (!match) break;
+      selected.push(match);
+      list2 = match.children ?? [];
+    }
+    return selected;
+  };
+  const commit = (nextPath, closeAfterSelect) => {
+    if (!isControlled) setInner(nextPath);
+    onChange?.(nextPath, selectedOptionsForPath(nextPath));
+    if (closeAfterSelect) setOpen(false);
+  };
+  const pick = (depth, val, hasChildren) => {
+    const np = [...path.slice(0, depth), val];
+    setPath(np);
+    if (!hasChildren || changeOnSelect) commit(np, !hasChildren);
+  };
+  const clear = (e) => {
+    e.stopPropagation();
+    if (disabled) return;
+    setPath([]);
+    if (!isControlled) setInner([]);
+    onChange?.([], []);
+    onClear?.();
+  };
+  const labels = [];
+  let list = options;
+  for (const v of cur) {
+    const m = list.find((o) => o.value === v);
+    if (!m) break;
+    labels.push(m.label);
+    if (!m.children) break;
+    list = m.children;
+  }
+  const allPaths = React.useMemo(() => collectPaths(options), [options]);
+  const matchedPaths = React.useMemo(() => {
+    if (!query.trim()) return [];
+    const filter = searchConfig.filter ?? defaultSearchFilter;
+    const result = allPaths.filter((itemPath) => filter(query, itemPath));
+    const limit = searchConfig.limit === false ? result.length : searchConfig.limit ?? 50;
+    return result.slice(0, limit);
+  }, [allPaths, query, searchConfig.filter, searchConfig.limit]);
+  const panelClassName = [
+    "cascader-panel",
+    searchable && "with-search",
+    popupClassName,
+    dropdownClassName
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs("div", { ref: setTriggerRef, className: `cascader ${open ? "open" : ""} ${className}`, ...rest, children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: `cascader-trigger ${labels.length === 0 ? "placeholder" : ""}`,
+        disabled,
+        onClick: () => !disabled && setOpen((o) => !o),
+        children: [
+          /* @__PURE__ */ jsx("span", { style: { flex: 1 }, children: labels.length ? labels.map((l, i) => /* @__PURE__ */ jsxs("span", { children: [
+            i > 0 && " / ",
+            l
+          ] }, i)) : placeholder }),
+          !!allowClear && labels.length > 0 && !disabled && /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: "cascader-clear",
+              role: "button",
+              "aria-label": "Clear",
+              onClick: clear,
+              children: /* @__PURE__ */ jsx(Icon, { name: "x", size: 12 })
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { style: { position: "absolute", right: 12, color: "var(--fg-subtle)" }, children: /* @__PURE__ */ jsx(Icon, { name: "chevDown", size: 14 }) })
+        ]
+      }
+    ),
+    open && typeof document !== "undefined" && createPortal(
+      /* @__PURE__ */ jsxs("div", { ref: panelRef, className: panelClassName, style: floatingStyle, children: [
+        searchable && /* @__PURE__ */ jsx("div", { className: "cascader-search", children: /* @__PURE__ */ jsx(
+          Input,
+          {
+            ref: searchRef,
+            size: "sm",
+            leadingIcon: "search",
+            value: query,
+            onValueChange: setQuery,
+            placeholder: "\u641C\u7D22..."
+          }
+        ) }),
+        searchable && query.trim() ? /* @__PURE__ */ jsx("div", { className: "cascader-search-list", children: matchedPaths.length === 0 ? /* @__PURE__ */ jsx("div", { className: "cascader-empty", children: "\u6682\u65E0\u5339\u914D\u9879" }) : matchedPaths.map((itemPath) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "cascader-search-item",
+            onClick: () => commit(itemPath.map((item) => item.value), true),
+            children: searchConfig.render ? searchConfig.render(query, itemPath) : itemPath.map((item) => item.label).map((label, index) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+              index > 0 && /* @__PURE__ */ jsx("span", { className: "cascader-path-sep", children: "/" }),
+              /* @__PURE__ */ jsx("span", { children: label })
+            ] }, index))
+          },
+          itemPath.map((item) => item.value).join("__")
+        )) }) : /* @__PURE__ */ jsx("div", { className: "cascader-columns", children: columns.map((col, depth) => /* @__PURE__ */ jsx("div", { className: "cascader-col", children: col.map((o) => {
+          const isActive = path[depth] === o.value;
+          const hasChildren = !!(o.children && o.children.length);
+          return /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              className: `cascader-item ${isActive ? "active" : ""}`,
+              disabled: o.disabled,
+              onClick: () => pick(depth, o.value, hasChildren),
+              children: [
+                renderIconSlot(o.icon, { size: 13, className: "cascader-icon" }),
+                /* @__PURE__ */ jsx("span", { children: o.label }),
+                hasChildren && /* @__PURE__ */ jsx("span", { className: "chev", children: /* @__PURE__ */ jsx(Icon, { name: "chevRight", size: 12 }) })
+              ]
+            },
+            o.value
+          );
+        }) }, depth)) })
+      ] }),
+      document.body
+    )
+  ] });
+});
+Cascader.displayName = "Cascader";
+
+export { Cascader };

package/dist/{chunk-62GU4OHH.cjs → chunk-TP567B3L.cjs}

@@ -1,9 +1,9 @@
 'use strict';
 
-var chunk2MNAZRWE_cjs = require('./chunk-2MNAZRWE.cjs');
+var chunkV272XR3F_cjs = require('./chunk-V272XR3F.cjs');
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
-require('./Button-SDQD25AG.css');
+require('./Button-4Z3Q6KII.css');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -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,31 +63,18 @@ var Button = React__namespace.forwardRef(
         type,
         className: cls,
         disabled: disabled || loading,
+        title: tip,
+        "aria-label": ariaLabel ?? (onlyIcon ? tip ?? (typeof icon === "string" ? icon : void 0) : void 0),
         ...rest,
         children: [
-          loading ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "spinner", "aria-hidden": true }) : icon ? /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: icon, size: 15 }) : null,
-          children,
-          trailingIcon && /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: trailingIcon, size: 15 })
+          loading ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "spinner", "aria-hidden": true }) : chunkV272XR3F_cjs.renderIconSlot(icon, { size: 15, className: "btn-icon-slot" }),
+          content,
+          chunkV272XR3F_cjs.renderIconSlot(trailingIcon, { size: 15, className: "btn-icon-slot" })
         ]
       }
     );
   }
 );
 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(chunk2MNAZRWE_cjs.Icon, { name: icon, size: 16 })
-    }
-  )
-);
-IconButton.displayName = "IconButton";
 
 exports.Button = Button;
-exports.IconButton = IconButton;