@fangxinyan/lumina 0.6.1 → 0.6.2

package/dist/{chunk-Y3ZSG3SJ.cjs → chunk-3AS5B7MQ.cjs}

@@ -1,12 +1,12 @@
 'use strict';
 
-var chunkEBNRZRWY_cjs = require('./chunk-EBNRZRWY.cjs');
-var chunkN57NXCNC_cjs = require('./chunk-N57NXCNC.cjs');
+var chunkCUXV6QNN_cjs = require('./chunk-CUXV6QNN.cjs');
+var chunkFBVVRTX2_cjs = require('./chunk-FBVVRTX2.cjs');
 var chunkYB3IWIOJ_cjs = require('./chunk-YB3IWIOJ.cjs');
-var chunk2MNAZRWE_cjs = require('./chunk-2MNAZRWE.cjs');
+var chunkTJII7BQ2_cjs = require('./chunk-TJII7BQ2.cjs');
 require('./tokens-BIIUTPKN.css');
 require('./shared-NJHRNLRH.css');
-require('./Table-2LPTOUIR.css');
+require('./Table-ATJJQLKU.css');
 var React = require('react');
 var reactDom = require('react-dom');
 var jsxRuntime = require('react/jsx-runtime');
@@ -251,7 +251,7 @@ var TableInner = ({
               /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
                 showExpandCol && /* @__PURE__ */ jsxRuntime.jsx("th", { className: "row-expand", style: { width: 40 } }),
                 showSelCol && /* @__PURE__ */ jsxRuntime.jsx("th", { className: "row-check", style: { width: 44 }, children: selectionType === "checkbox" && /* @__PURE__ */ jsxRuntime.jsx(
-                  chunkN57NXCNC_cjs.Checkbox,
+                  chunkFBVVRTX2_cjs.Checkbox,
                   {
                     checked: allSelectedOnPage,
                     indeterminate: someSelectedOnPage,
@@ -271,7 +271,7 @@ var TableInner = ({
                       children: [
                         /* @__PURE__ */ jsxRuntime.jsx("span", { className: "th-label", children: c.title }),
                         c.sortable && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sort-ind", children: /* @__PURE__ */ jsxRuntime.jsx(
-                          chunk2MNAZRWE_cjs.Icon,
+                          chunkTJII7BQ2_cjs.Icon,
                           {
                             name: sorted ? sortDir === "asc" ? "chevUp" : "chevDown" : "chevDown",
                             size: 10
@@ -324,7 +324,7 @@ var TableInner = ({
                                   e.stopPropagation();
                                   toggleExpand(row, k);
                                 },
-                                children: /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "chevRight", size: 12 })
+                                children: /* @__PURE__ */ jsxRuntime.jsx(chunkTJII7BQ2_cjs.Icon, { name: "chevRight", size: 12 })
                               }
                             )
                           }
@@ -351,7 +351,7 @@ var TableInner = ({
                                 }
                               }
                             ) : /* @__PURE__ */ jsxRuntime.jsx(
-                              chunkN57NXCNC_cjs.Checkbox,
+                              chunkFBVVRTX2_cjs.Checkbox,
                               {
                                 checked: isSel,
                                 disabled: selProps?.disabled,
@@ -376,7 +376,7 @@ var TableInner = ({
       }
     ),
     pagEnabled && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "table-pagination", children: /* @__PURE__ */ jsxRuntime.jsx(
-      chunkEBNRZRWY_cjs.Pagination,
+      chunkCUXV6QNN_cjs.Pagination,
       {
         total: totalCount,
         pageSize: curPageSize,
@@ -431,7 +431,7 @@ function ColumnFilterButton({
           e.stopPropagation();
           setOpen((o) => !o);
         },
-        children: /* @__PURE__ */ jsxRuntime.jsx(chunk2MNAZRWE_cjs.Icon, { name: "filter", size: 10 })
+        children: /* @__PURE__ */ jsxRuntime.jsx(chunkTJII7BQ2_cjs.Icon, { name: "filter", size: 10 })
       }
     ),
     open && typeof document !== "undefined" && reactDom.createPortal(
@@ -445,7 +445,7 @@ function ColumnFilterButton({
           children: [
             /* @__PURE__ */ jsxRuntime.jsx("div", { className: "table-filter-options", children: (column.filters ?? []).map((f) => /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "table-filter-item", children: [
               /* @__PURE__ */ jsxRuntime.jsx(
-                chunkN57NXCNC_cjs.Checkbox,
+                chunkFBVVRTX2_cjs.Checkbox,
                 {
                   checked: draft.includes(f.value),
                   onChange: () => toggle(f.value)
@@ -487,24 +487,5 @@ function ColumnFilterButton({
     )
   ] });
 }
-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(Table, { ...tableProps, className: "joined" }),
-    footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "table-footer", children: footer })
-  ] });
-}
 
 exports.Table = Table;
-exports.TablePro = TablePro;

package/dist/{chunk-X2U7EKCS.cjs → chunk-3YJU3D5S.cjs}

@@ -28,22 +28,44 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
+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__namespace.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__namespace.useState(false);
+  const [innerShow, setInnerShow] = React__namespace.useState(defaultOpen);
   const t = React__namespace.useRef();
+  const controlledShow = openProp ?? visible;
+  const show = controlledShow ?? innerShow;
+  const resolvedContent = content ?? title;
+  const disabledTooltip = disabled || resolvedContent == null || resolvedContent === "";
+  const setShow = React__namespace.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);
   };
@@ -51,12 +73,13 @@ var Tooltip = React__namespace.forwardRef(({
     window.clearTimeout(t.current);
     setShow(false);
   };
+  const normalized = normalizePlacement(placement);
   const { triggerRef, floatingStyle, placement: resolved } = chunkYB3IWIOJ_cjs.useFloating({
     open: show,
-    placement,
+    placement: normalized.placement,
     panelWidth: 160,
     panelHeight: 32,
-    alignCross: "center"
+    alignCross: normalized.alignCross
   });
   const setTriggerRef = React__namespace.useCallback(
     (node) => {
@@ -93,7 +116,7 @@ var Tooltip = React__namespace.forwardRef(({
       }
     ),
     show && typeof document !== "undefined" && reactDom.createPortal(
-      /* @__PURE__ */ jsxRuntime.jsx("span", { className: `tip ${resolved}`, style: floatingStyle, children: content }),
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: `tip ${resolved} ${overlayClassName} ${popupClassName}`, style: floatingStyle, children: resolvedContent }),
       document.body
     )
   ] });

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-3D77MQHO.js → chunk-46VXFTEC.js}

@@ -1,7 +1,7 @@
-import { Spinner } from './chunk-5A3RT4KD.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 })

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk2MNAZRWE_cjs = require('./chunk-2MNAZRWE.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(chunk2MNAZRWE_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(chunk2MNAZRWE_cjs.Icon, { name: "chevRight", size: 14 })
+          children: /* @__PURE__ */ jsxRuntime.jsx(chunkTJII7BQ2_cjs.Icon, { name: "chevRight", size: 14 })
         }
       )
     ] }),

package/dist/{chunk-5A3RT4KD.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,4 +85,4 @@ var Skeleton = React.forwardRef(({
 });
 Skeleton.displayName = "Skeleton";
 
-export { Empty, Skeleton, Spinner };
+export { Skeleton };

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk2MNAZRWE_cjs = require('./chunk-2MNAZRWE.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,31 +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(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 }) : 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(chunk2MNAZRWE_cjs.Icon, { name: icon, size: 16 })
-    }
-  )
-);
-IconButton.displayName = "IconButton";
 
 exports.Button = Button;
-exports.IconButton = IconButton;

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;