@fangxinyan/lumina 0.6.1 → 0.6.2

package/dist/chunk-GNEZQMKH.js

@@ -0,0 +1,218 @@
+import { useFloating } from './chunk-DUFRASGO.js';
+import { Input } from './chunk-XTIN5545.js';
+import { Icon } from './chunk-OF3SGLZY.js';
+import './tokens-BIIUTPKN.css';
+import './shared-NJHRNLRH.css';
+import './Cascader-C2DFSMKJ.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: [
+                o.icon && /* @__PURE__ */ jsx(Icon, { name: o.icon, size: 13 }),
+                /* @__PURE__ */ jsx("span", { children: o.label }),
+                hasChildren && /* @__PURE__ */ jsx("span", { className: "chev", children: /* @__PURE__ */ jsx(Icon, { name: "chevRight", size: 12 }) })
+              ]
+            },
+            o.value
+          );
+        }) }, depth)) })
+      ] }),
+      document.body
+    )
+  ] });
+});
+Cascader.displayName = "Cascader";
+
+export { Cascader };

package/dist/{chunk-Y47YTYQ3.cjs → chunk-HPFQXYKG.cjs}

@@ -1,12 +1,13 @@
 'use strict';
 
-var chunk62GU4OHH_cjs = require('./chunk-62GU4OHH.cjs');
-var chunk2MNAZRWE_cjs = require('./chunk-2MNAZRWE.cjs');
+var chunk5WAXZJG5_cjs = require('./chunk-5WAXZJG5.cjs');
+var chunkTJII7BQ2_cjs = require('./chunk-TJII7BQ2.cjs');
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
-require('./Modal-XSDMU4XJ.css');
+require('./Modal-2QNDW4SO.css');
 var React = require('react');
 var ReactDOM = require('react-dom');
+var client = require('react-dom/client');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
@@ -33,7 +34,7 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
 
 var ANIM_MS = 280;
-var Modal = React__namespace.forwardRef(({
+var ModalBase = React__namespace.forwardRef(({
   open,
   onClose,
   onCancel,
@@ -91,9 +92,9 @@ var Modal = React__namespace.forwardRef(({
   if (!open && destroyOnClose) return null;
   const overlayStyle = zIndex != null ? { zIndex } : void 0;
   const defaultFooter = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunk62GU4OHH_cjs.Button, { variant: "ghost", onClick: handleCancel, ...cancelButtonProps, children: cancelText }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunk5WAXZJG5_cjs.Button, { variant: "ghost", onClick: handleCancel, ...cancelButtonProps, children: cancelText }),
     /* @__PURE__ */ jsxRuntime.jsx(
-      chunk62GU4OHH_cjs.Button,
+      chunk5WAXZJG5_cjs.Button,
       {
         variant: "primary",
         loading: confirmLoading,
@@ -138,7 +139,7 @@ var Modal = React__namespace.forwardRef(({
                     className: "modal-close",
                     onClick: handleCancel,
                     "aria-label": "Close",
-                    children: closeIcon ?? /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "x", size: 16 })
+                    children: closeIcon ?? /* @__PURE__ */ jsxRuntime.jsx(chunkTJII7BQ2_cjs.Icon, { name: "x", size: 16 })
                   }
                 )
               ] }),
@@ -152,6 +153,156 @@ var Modal = React__namespace.forwardRef(({
     document.body
   );
 });
-Modal.displayName = "Modal";
+ModalBase.displayName = "Modal";
+var staticHandles = /* @__PURE__ */ new Set();
+var staticIconName = {
+  confirm: "info",
+  info: "info",
+  success: "check2",
+  warning: "alert",
+  error: "alert"
+};
+var isThenable = (value) => !!value && typeof value.then === "function";
+var StaticModalHost = ({
+  kind,
+  config,
+  open,
+  destroy
+}) => {
+  const [loading, setLoading] = React__namespace.useState(false);
+  const {
+    content,
+    children,
+    icon,
+    okCancel = kind === "confirm",
+    onOk,
+    onCancel,
+    okText = "\u786E\u5B9A",
+    cancelText = "\u53D6\u6D88",
+    okButtonProps,
+    cancelButtonProps,
+    confirmLoading,
+    footer,
+    maskClosable,
+    escClosable,
+    className = "",
+    ...modalProps
+  } = config;
+  const close = React__namespace.useCallback(() => {
+    onCancel?.();
+    destroy();
+  }, [destroy, onCancel]);
+  const handleOk = React__namespace.useCallback(() => {
+    const result = onOk?.();
+    if (result === false) return;
+    if (isThenable(result)) {
+      setLoading(true);
+      result.then((next) => {
+        if (next !== false) destroy();
+      }).finally(() => setLoading(false));
+      return;
+    }
+    destroy();
+  }, [destroy, onOk]);
+  const okVariant = kind === "error" ? "danger" : "primary";
+  const mergedFooter = footer !== void 0 ? footer : okCancel ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(chunk5WAXZJG5_cjs.Button, { variant: "ghost", onClick: close, ...cancelButtonProps, children: cancelText }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      chunk5WAXZJG5_cjs.Button,
+      {
+        variant: okVariant,
+        loading: loading || confirmLoading,
+        onClick: handleOk,
+        ...okButtonProps,
+        children: okText
+      }
+    )
+  ] }) : /* @__PURE__ */ jsxRuntime.jsx(
+    chunk5WAXZJG5_cjs.Button,
+    {
+      variant: okVariant,
+      loading: loading || confirmLoading,
+      onClick: handleOk,
+      ...okButtonProps,
+      children: okText
+    }
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ModalBase,
+    {
+      ...modalProps,
+      open,
+      onClose: close,
+      onCancel: close,
+      footer: mergedFooter,
+      maskClosable: maskClosable ?? false,
+      escClosable: escClosable ?? true,
+      className: `modal-static-overlay ${className}`,
+      children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "modal-static-body", children: [
+        icon !== false && /* @__PURE__ */ jsxRuntime.jsx("span", { className: `modal-static-icon ${kind}`, children: icon ?? /* @__PURE__ */ jsxRuntime.jsx(chunkTJII7BQ2_cjs.Icon, { name: staticIconName[kind], size: 20 }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "modal-static-content", children: content ?? children })
+      ] })
+    }
+  );
+};
+var createStaticModal = (kind, config) => {
+  if (typeof document === "undefined") {
+    return { destroy: () => {
+    }, update: () => {
+    } };
+  }
+  const div = document.createElement("div");
+  document.body.appendChild(div);
+  let root = client.createRoot(div);
+  let current = { ...config };
+  let open = true;
+  const render = () => {
+    root?.render(
+      /* @__PURE__ */ jsxRuntime.jsx(
+        StaticModalHost,
+        {
+          kind,
+          config: current,
+          open,
+          destroy: handle.destroy
+        }
+      )
+    );
+  };
+  const handle = {
+    destroy: () => {
+      if (!root) return;
+      open = false;
+      render();
+      staticHandles.delete(handle);
+      window.setTimeout(() => {
+        root?.unmount();
+        root = null;
+        div.remove();
+      }, ANIM_MS);
+    },
+    update: (next) => {
+      if (!root) return;
+      current = {
+        ...current,
+        ...typeof next === "function" ? next(current) : next
+      };
+      render();
+    }
+  };
+  staticHandles.add(handle);
+  render();
+  return handle;
+};
+var Modal = ModalBase;
+Modal.confirm = (config) => createStaticModal("confirm", config);
+Modal.info = (config) => createStaticModal("info", config);
+Modal.success = (config) => createStaticModal("success", config);
+Modal.warning = (config) => createStaticModal("warning", config);
+Modal.warn = Modal.warning;
+Modal.error = (config) => createStaticModal("error", config);
+Modal.destroyAll = () => {
+  Array.from(staticHandles).forEach((handle) => handle.destroy());
+};
 
 exports.Modal = Modal;

package/dist/{chunk-4WRE4HQP.js → chunk-HWFM4MAT.js}

@@ -6,6 +6,11 @@ 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 Popover = React.forwardRef(({
   content,
   title,
@@ -16,18 +21,24 @@ var Popover = React.forwardRef(({
   width,
   defaultOpen = false,
   open,
+  visible,
   onOpenChange,
+  onVisibleChange,
   children,
   className = "",
+  overlayClassName = "",
+  popupClassName = "",
   onClick,
   onMouseEnter,
   onMouseLeave,
   ...rest
 }, ref) => {
   const [inner, setInner] = React.useState(defaultOpen);
-  const isControlled = open !== void 0;
-  const show = isControlled ? open : inner;
+  const controlledOpen = open ?? visible;
+  const isControlled = controlledOpen !== void 0;
+  const show = isControlled ? controlledOpen : inner;
   const panelWidth = width === "auto" ? 160 : width ?? 240;
+  const normalized = normalizePlacement(placement);
   const {
     triggerRef,
     floatingRef,
@@ -35,15 +46,16 @@ var Popover = React.forwardRef(({
     placement: resolved
   } = useFloating({
     open: show,
-    placement,
+    placement: normalized.placement,
     panelWidth,
     panelHeight: 160,
-    alignCross: "center"
+    alignCross: normalized.alignCross
   });
   const set = React.useCallback((v) => {
     if (!isControlled) setInner(v);
     onOpenChange?.(v);
-  }, [isControlled, onOpenChange]);
+    onVisibleChange?.(v);
+  }, [isControlled, onOpenChange, onVisibleChange]);
   const setTriggerRef = React.useCallback(
     (node) => {
       triggerRef.current = node;
@@ -108,7 +120,7 @@ var Popover = React.forwardRef(({
         "div",
         {
           ref: floatingRef,
-          className: `popover popover-${resolved}`,
+          className: `popover popover-${resolved} ${overlayClassName} ${popupClassName}`,
           style: { ...floatingStyle, ...widthStyle },
           ...panelHover,
           children: [

package/dist/{chunk-GY3BSHHS.cjs → chunk-HZSIUOCN.cjs}

@@ -2,7 +2,7 @@
 
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
-require('./Empty-NQ72W3D7.css');
+require('./Skeleton-CVWH2VWN.css');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -26,58 +26,7 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-// src/components/Empty/Empty.tsx
-var Empty = React__namespace.forwardRef(({
-  title = "\u6682\u65E0\u5185\u5BB9",
-  description,
-  icon,
-  action,
-  size = "md",
-  variant = "default",
-  className = "",
-  ...rest
-}, ref) => /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: `empty ${size} ${variant} ${className}`, ...rest, children: [
-  icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "empty-ico", children: icon }),
-  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "empty-title", children: title }),
-  description && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "empty-desc", children: description }),
-  action && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "empty-action", children: action })
-] }));
-Empty.displayName = "Empty";
-var Spinner = React__namespace.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__ */ jsxRuntime.jsxs("span", { className: cls, style: spinnerStyle, "aria-label": "Loading", children: [
-    /* @__PURE__ */ jsxRuntime.jsx("i", {}),
-    /* @__PURE__ */ jsxRuntime.jsx("i", {}),
-    /* @__PURE__ */ jsxRuntime.jsx("i", {})
-  ] }) : /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      className: cls,
-      style: spinnerStyle,
-      "aria-label": "Loading"
-    }
-  );
-  if (!label) {
-    return React__namespace.cloneElement(spinner, {
-      ref,
-      ...rest
-    });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs("span", { ref, className: "spinner-wrap", style, ...rest, children: [
-    spinner,
-    /* @__PURE__ */ jsxRuntime.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__namespace.forwardRef(({
   width = "100%",
@@ -158,6 +107,4 @@ var Skeleton = React__namespace.forwardRef(({
 });
 Skeleton.displayName = "Skeleton";
 
-exports.Empty = Empty;
 exports.Skeleton = Skeleton;
-exports.Spinner = Spinner;

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

@@ -1,4 +1,4 @@
-import { Icon } from './chunk-NJ6B22YJ.js';
+import { Icon } from './chunk-OF3SGLZY.js';
 import './tokens-BIIUTPKN.css';
 import './shared-NJHRNLRH.css';
 import './Button-SDQD25AG.css';
@@ -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,10 +41,12 @@ var Button = React.forwardRef(
         type,
         className: cls,
         disabled: disabled || loading,
+        title: tip,
+        "aria-label": ariaLabel ?? (onlyIcon ? tip ?? icon : void 0),
         ...rest,
         children: [
           loading ? /* @__PURE__ */ jsx("span", { className: "spinner", "aria-hidden": true }) : icon ? /* @__PURE__ */ jsx(Icon, { name: icon, size: 15 }) : null,
-          children,
+          content,
           trailingIcon && /* @__PURE__ */ jsx(Icon, { name: trailingIcon, size: 15 })
         ]
       }
@@ -46,19 +54,5 @@ var Button = React.forwardRef(
   }
 );
 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-K2KYM7LW.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+var chunk3AS5B7MQ_cjs = require('./chunk-3AS5B7MQ.cjs');
+require('./tokens-BIIUTPKN.css');
+require('./shared-NJHRNLRH.css');
+require('./TablePro-3XVHYLSL.css');
+var jsxRuntime = require('react/jsx-runtime');
+
+function TablePro({
+  toolbar,
+  actions,
+  footer,
+  title,
+  className = "",
+  ...tableProps
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `table-card ${className}`, children: [
+    (title || toolbar || actions) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "table-toolbar", children: [
+      title && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "table-title", children: title }),
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "table-toolbar-main", children: toolbar }),
+      actions && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "table-toolbar-actions", children: actions })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunk3AS5B7MQ_cjs.Table, { ...tableProps, className: "joined" }),
+    footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "table-footer", children: footer })
+  ] });
+}
+
+exports.TablePro = TablePro;