@fangxinyan/lumina 0.6.18 → 0.8.0

package/dist/{chunk-OTSDPQPV.js → chunk-6RQJXSWN.js}

@@ -1,11 +1,12 @@
-import { Spin } from './chunk-FYSXJXNW.js';
-import './tokens-RYJ3DFTU.css';
+import { Spin } from './chunk-PQOBBASY.js';
+import { withComponentTheme, InternalComponentThemePart } from './chunk-DRDDQCDD.js';
+import './tokens-CEJVVA3G.css';
 import './shared-NJHRNLRH.css';
-import './Timeline-CRFZ3I2W.css';
+import './Timeline-FUFO2UGY.css';
 import * as React from 'react';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
-var Timeline = React.forwardRef(
+var TimelineBase = React.forwardRef(
   ({
     items,
     pending = false,
@@ -27,7 +28,10 @@ var Timeline = React.forwardRef(
     style,
     ...rest
   }, ref) => {
-    const displayItems = [...items];
+    const displayItems = items.map((item, sourceIndex) => ({
+      item,
+      key: item.key ?? `timeline-item-${sourceIndex}`
+    }));
     if (reverse) displayItems.reverse();
     const hasPending = pending !== false;
     const timelineStyle = {
@@ -52,9 +56,11 @@ var Timeline = React.forwardRef(
         ref,
         className: `timeline timeline-${mode} timeline-dot-${dotAlign} ${className}`,
         style: timelineStyle,
+        role: "list",
+        "aria-busy": hasPending || void 0,
         ...rest,
         children: [
-          displayItems.map((item, i) => /* @__PURE__ */ jsx(
+          displayItems.map(({ item, key }, i) => /* @__PURE__ */ jsx(
             TimelineItem,
             {
               item,
@@ -62,7 +68,7 @@ var Timeline = React.forwardRef(
               position: getPosition(mode, i),
               ...sharedItemProps
             },
-            item.key ?? i
+            key
           )),
           hasPending && /* @__PURE__ */ jsx(
             TimelineItem,
@@ -83,7 +89,12 @@ var Timeline = React.forwardRef(
     );
   }
 );
-Timeline.displayName = "Timeline";
+TimelineBase.displayName = "Timeline";
+var Timeline = withComponentTheme(
+  TimelineBase,
+  "Timeline",
+  ["timeline", "spin"]
+);
 function getPosition(mode, index) {
   if (mode === "left") return "left";
   if (mode === "right") return "right";
@@ -121,28 +132,37 @@ var TimelineItem = ({
     item.dotClassName
   ].filter(Boolean).join(" ");
   const dotAlignStyle = dotAlign === "start" ? { alignSelf: "flex-start" } : dotAlign === "end" ? { alignSelf: "flex-end" } : {};
-  return /* @__PURE__ */ jsxs("div", { className: cls, style: { ...itemStyle, ...item.style }, children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: `timeline-item-label ${labelClassName ?? ""} ${item.labelClassName ?? ""}`,
-        style: { ...labelStyle, ...item.labelStyle },
-        children: item.label
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: "timeline-item-head", children: [
-      /* @__PURE__ */ jsx("div", { className: dotCls, style: { ...dotAlignStyle, ...dotStyle, ...item.dotStyle }, children: item.dot ?? (isPending && /* @__PURE__ */ jsx(Spin, { size: 14 })) }),
-      !isLast && /* @__PURE__ */ jsx("div", { className: "timeline-item-tail" })
-    ] }),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: `timeline-item-content ${contentClassName ?? ""} ${item.contentClassName ?? ""}`,
-        style: { ...contentStyle, ...item.contentStyle },
-        children: item.children
-      }
-    )
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cls,
+      style: { ...itemStyle, ...item.style },
+      role: "listitem",
+      "aria-live": isPending ? "polite" : void 0,
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `timeline-item-label ${labelClassName ?? ""} ${item.labelClassName ?? ""}`,
+            style: { ...labelStyle, ...item.labelStyle },
+            children: item.label
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "timeline-item-head", children: [
+          /* @__PURE__ */ jsx("div", { className: dotCls, style: { ...dotAlignStyle, ...dotStyle, ...item.dotStyle }, children: item.dot ?? (isPending && /* @__PURE__ */ jsx(InternalComponentThemePart, { components: "Spin", children: /* @__PURE__ */ jsx(Spin, { size: 14 }) })) }),
+          !isLast && /* @__PURE__ */ jsx("div", { className: "timeline-item-tail" })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: `timeline-item-content ${contentClassName ?? ""} ${item.contentClassName ?? ""}`,
+            style: { ...contentStyle, ...item.contentStyle },
+            children: item.children
+          }
+        )
+      ]
+    }
+  );
 };
 function toCssSize(value) {
   return typeof value === "number" ? `${value}px` : String(value);

package/dist/{chunk-V5KUC5VH.cjs → chunk-77HU7JWK.cjs}

@@ -1,9 +1,12 @@
 'use strict';
 
-var chunkYB3IWIOJ_cjs = require('./chunk-YB3IWIOJ.cjs');
-require('./tokens-RYJ3DFTU.css');
+var chunkFJB3243S_cjs = require('./chunk-FJB3243S.cjs');
+var chunkHSDMJUB6_cjs = require('./chunk-HSDMJUB6.cjs');
+var chunkNRJXZPZR_cjs = require('./chunk-NRJXZPZR.cjs');
+var chunkEE5KXDRK_cjs = require('./chunk-EE5KXDRK.cjs');
+require('./tokens-CEJVVA3G.css');
 require('./shared-NJHRNLRH.css');
-require('./Tooltip-5FSPJWLX.css');
+require('./Tooltip-2EUNTOTW.css');
 var React = require('react');
 var reactDom = require('react-dom');
 var jsxRuntime = require('react/jsx-runtime');
@@ -33,7 +36,7 @@ var normalizePlacement = (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(({
+var TooltipBase = React__namespace.forwardRef(({
   content,
   title,
   placement = "top",
@@ -48,6 +51,7 @@ var Tooltip = React__namespace.forwardRef(({
   closeDelay = 300,
   overlayClassName = "",
   popupClassName = "",
+  className = "",
   onMouseEnter,
   onMouseLeave,
   onPointerEnter,
@@ -56,14 +60,22 @@ var Tooltip = React__namespace.forwardRef(({
   onBlur,
   ...rest
 }, ref) => {
+  const portalContainer = chunkEE5KXDRK_cjs.usePortalContainer();
+  const portalTheme = chunkNRJXZPZR_cjs.useComponentPortalTheme("Tooltip");
   const [innerShow, setInnerShow] = React__namespace.useState(defaultOpen);
   const openTimerRef = React__namespace.useRef();
   const closeTimerRef = React__namespace.useRef();
   const controlledShow = openProp ?? visible;
   const show = controlledShow ?? innerShow;
+  const tooltipId = React__namespace.useId();
   const resolvedContent = content ?? title;
   const disabledTooltip = disabled || resolvedContent == null || resolvedContent === "";
+  const effectiveShow = show && !disabledTooltip;
+  const showRef = React__namespace.useRef(show);
+  showRef.current = show;
   const setShow = React__namespace.useCallback((next) => {
+    if (showRef.current === next) return;
+    showRef.current = next;
     if (controlledShow === void 0) setInnerShow(next);
     onOpenChange?.(next);
     onVisibleChange?.(next);
@@ -101,9 +113,10 @@ var Tooltip = React__namespace.forwardRef(({
     triggerRef,
     floatingRef,
     floatingStyle,
-    placement: resolved
-  } = chunkYB3IWIOJ_cjs.useFloating({
-    open: show,
+    placement: resolved,
+    zIndex: tooltipZIndex
+  } = chunkFJB3243S_cjs.useFloating({
+    open: effectiveShow,
     placement: normalized.placement,
     panelWidth: 160,
     panelHeight: 32,
@@ -117,12 +130,23 @@ var Tooltip = React__namespace.forwardRef(({
     },
     [ref, triggerRef]
   );
+  chunkHSDMJUB6_cjs.useOverlayLayer({
+    open: effectiveShow && portalContainer != null,
+    containerRef: floatingRef,
+    ownerRef: triggerRef,
+    zIndex: tooltipZIndex,
+    onEscape: () => setShow(false)
+  });
+  const childDescribedBy = children.props["aria-describedby"];
+  const triggerChild = React__namespace.cloneElement(children, {
+    "aria-describedby": [childDescribedBy, effectiveShow ? tooltipId : void 0].filter(Boolean).join(" ") || void 0
+  });
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(
       "span",
       {
         ref: setTriggerRef,
-        className: "tip-anchor",
+        className: `tip-anchor ${className}`,
         onMouseEnter: (e) => {
           onMouseEnter?.(e);
           open();
@@ -148,16 +172,18 @@ var Tooltip = React__namespace.forwardRef(({
           close();
         },
         ...rest,
-        children
+        children: triggerChild
       }
     ),
-    show && typeof document !== "undefined" && reactDom.createPortal(
+    effectiveShow && portalContainer && reactDom.createPortal(
       /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
           ref: floatingRef,
+          id: tooltipId,
           className: `tip ${resolved} ${overlayClassName} ${popupClassName}`,
-          style: floatingStyle,
+          ...portalTheme.dataAttributes,
+          style: { ...floatingStyle, ...portalTheme.style, ...portalTheme.styles.popup },
           role: "tooltip",
           onMouseEnter: open,
           onMouseLeave: close,
@@ -166,10 +192,11 @@ var Tooltip = React__namespace.forwardRef(({
           children: resolvedContent
         }
       ),
-      document.body
+      portalContainer
     )
   ] });
 });
-Tooltip.displayName = "Tooltip";
+TooltipBase.displayName = "Tooltip";
+var Tooltip = chunkNRJXZPZR_cjs.withComponentTheme(TooltipBase, "Tooltip", "tooltip");
 
 exports.Tooltip = Tooltip;

package/dist/chunk-7QAVPVMW.js

@@ -0,0 +1,180 @@
+import { useOverlayZIndex } from './chunk-2A4GYSN4.js';
+import { Icon } from './chunk-LQMOYVQF.js';
+import { useComponentPortalTheme, withComponentTheme } from './chunk-DRDDQCDD.js';
+import { usePortalContainer } from './chunk-ULTDRMGN.js';
+import './tokens-CEJVVA3G.css';
+import './shared-NJHRNLRH.css';
+import './Message-OTZWQTQ5.css';
+import * as React from 'react';
+import { createPortal } from 'react-dom';
+import { createRoot } from 'react-dom/client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var listeners = /* @__PURE__ */ new Set();
+var items = [];
+var uid = 0;
+var autoMounted = false;
+var timers = /* @__PURE__ */ new Map();
+function clearMessageTimer(id) {
+  const timer = timers.get(id);
+  if (timer != null && typeof window !== "undefined") window.clearTimeout(timer);
+  timers.delete(id);
+}
+function scheduleMessageTimer(item) {
+  clearMessageTimer(item.id);
+  if (!item.duration || item.duration <= 0 || typeof window === "undefined") return;
+  const timer = window.setTimeout(() => message.dismissById(item.id), item.duration);
+  timers.set(item.id, timer);
+}
+function emit() {
+  if (listeners.size === 0 && !autoMounted && typeof document !== "undefined") {
+    autoMounted = true;
+    const div = document.createElement("div");
+    document.body.appendChild(div);
+    createRoot(div).render(React.createElement(MessageContainer));
+  }
+  listeners.forEach((l) => l(items));
+}
+var isMessageConfig = (value) => {
+  if (value == null || typeof value !== "object" || Array.isArray(value) || React.isValidElement(value)) return false;
+  const prototype = Object.getPrototypeOf(value);
+  return prototype === Object.prototype || prototype === null;
+};
+var normalizeConfig = (type, content, durationOrTitle, onClose) => {
+  if (isMessageConfig(content)) return { type, ...content };
+  const node = content;
+  if (typeof durationOrTitle === "number") {
+    return { type, content: node, duration: durationOrTitle, onClose };
+  }
+  return { type, content: node, title: durationOrTitle, onClose };
+};
+function removeMessages(predicate) {
+  const removed = items.filter(predicate);
+  if (removed.length === 0) return;
+  const removedIds = new Set(removed.map((item) => item.id));
+  items = items.filter((item) => !removedIds.has(item.id));
+  removed.forEach((item) => {
+    clearMessageTimer(item.id);
+    item.onClose?.();
+  });
+  emit();
+}
+var message = {
+  open(config) {
+    const generatedId = ++uid;
+    const existing = config.key == null ? -1 : items.findIndex((item) => item.key === config.key);
+    const id = existing >= 0 ? items[existing].id : generatedId;
+    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 (existing >= 0) {
+      items = items.map((item, index) => index === existing ? next : item);
+      emit();
+      scheduleMessageTimer(next);
+      return id;
+    }
+    items = [...items, next];
+    emit();
+    scheduleMessageTimer(next);
+    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)),
+  dismissById(id) {
+    removeMessages((item) => item.id === id);
+  },
+  dismissByKey(key) {
+    removeMessages((item) => item.key === key);
+  },
+  dismiss(idOrKey) {
+    if (items.some((item) => item.key === idOrKey)) message.dismissByKey(idOrKey);
+    else if (typeof idOrKey === "number") message.dismissById(idOrKey);
+  },
+  destroy(idOrKey) {
+    if (idOrKey == null) message.clear();
+    else message.dismiss(idOrKey);
+  },
+  clear() {
+    const removed = items;
+    items = [];
+    removed.forEach((item) => {
+      clearMessageTimer(item.id);
+      item.onClose?.();
+    });
+    emit();
+  }
+};
+var MessageContainerBase = React.forwardRef(({ placement = "top-right", className = "", style, ...rest }, ref) => {
+  const portalContainer = usePortalContainer();
+  const portalTheme = useComponentPortalTheme("MessageContainer");
+  const [list, setList] = React.useState(items);
+  const explicitZIndex = typeof style?.zIndex === "number" ? style.zIndex : void 0;
+  const overlayZIndex = useOverlayZIndex(list.length > 0, explicitZIndex);
+  React.useEffect(() => {
+    listeners.add(setList);
+    return () => {
+      listeners.delete(setList);
+    };
+  }, []);
+  if (!portalContainer) return null;
+  return createPortal(
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: `message-container ${placement} ${className}`,
+        ...portalTheme.dataAttributes,
+        style: {
+          ...portalTheme.style,
+          ...portalTheme.styles.root,
+          ...style,
+          zIndex: style?.zIndex ?? overlayZIndex
+        },
+        ...rest,
+        children: list.map((t) => {
+          const iconName = t.type === "success" ? "check2" : t.type === "warning" || t.type === "error" ? "alert" : "info";
+          return /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: `message ${t.type}`,
+              role: t.type === "error" || t.type === "warning" ? "alert" : "status",
+              children: [
+                /* @__PURE__ */ jsx(Icon, { name: iconName, size: 18, className: "message-icon" }),
+                /* @__PURE__ */ jsxs("div", { className: "message-body", children: [
+                  t.title != null && /* @__PURE__ */ jsx("div", { className: "message-title", children: t.title }),
+                  t.content != null && /* @__PURE__ */ jsx("div", { className: "message-content", children: t.content })
+                ] }),
+                /* @__PURE__ */ jsx("button", { type: "button", className: "message-close", onClick: () => message.dismissById(t.id), "aria-label": "Dismiss", children: /* @__PURE__ */ jsx(Icon, { name: "x", size: 14 }) })
+              ]
+            },
+            t.id
+          );
+        })
+      }
+    ),
+    portalContainer
+  );
+});
+MessageContainerBase.displayName = "MessageContainer";
+var MessageContainer = withComponentTheme(
+  MessageContainerBase,
+  "MessageContainer",
+  "message",
+  { portalOnly: true }
+);
+var toast = message;
+var ToastContainer = MessageContainer;
+
+export { MessageContainer, ToastContainer, message, toast };

package/dist/chunk-7VLAHOA7.cjs

@@ -0,0 +1,191 @@
+'use strict';
+
+var chunkHSDMJUB6_cjs = require('./chunk-HSDMJUB6.cjs');
+var chunk2AUXUZ3Z_cjs = require('./chunk-2AUXUZ3Z.cjs');
+var chunkNRJXZPZR_cjs = require('./chunk-NRJXZPZR.cjs');
+var chunkEE5KXDRK_cjs = require('./chunk-EE5KXDRK.cjs');
+require('./tokens-CEJVVA3G.css');
+require('./shared-NJHRNLRH.css');
+require('./Drawer-VCXAXWV6.css');
+var React = require('react');
+var ReactDOM = require('react-dom');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+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 ReactDOM__default = /*#__PURE__*/_interopDefault(ReactDOM);
+
+var ANIM_MS = 280;
+var DrawerBase = React__namespace.forwardRef((props, ref) => {
+  const hasExplicitSize = props.size !== void 0;
+  const {
+    open,
+    onClose,
+    placement = "right",
+    size = 380,
+    title,
+    extra,
+    footer,
+    children,
+    bodyClassName = "",
+    bodyStyle,
+    bodyProps,
+    bodyOverflow,
+    bodyInset = "safe",
+    mask = true,
+    maskClosable = true,
+    maskClassName = "",
+    maskStyle,
+    keyboard = true,
+    closable = true,
+    closeIcon,
+    destroyOnClose = false,
+    afterOpenChange,
+    zIndex,
+    className = "",
+    style,
+    onClick,
+    ...rest
+  } = props;
+  const portalContainer = chunkEE5KXDRK_cjs.usePortalContainer();
+  const portalTheme = chunkNRJXZPZR_cjs.useComponentPortalTheme("Drawer");
+  const panelRef = React__namespace.useRef(null);
+  const titleId = React__namespace.useId();
+  const panelZIndex = chunkHSDMJUB6_cjs.useOverlayZIndex(open, zIndex);
+  const [hasOpenedOnce, setHasOpenedOnce] = React__namespace.useState(open);
+  React__namespace.useEffect(() => {
+    if (open) setHasOpenedOnce(true);
+  }, [open]);
+  chunkHSDMJUB6_cjs.useOverlayLayer({
+    open: open && portalContainer != null,
+    containerRef: panelRef,
+    zIndex: panelZIndex,
+    onEscape: onClose,
+    escapeEnabled: keyboard,
+    trapFocus: mask,
+    autoFocus: mask,
+    restoreFocus: true,
+    lockScroll: mask
+  });
+  const setPanelRef = React__namespace.useCallback((node) => {
+    panelRef.current = node;
+    if (typeof ref === "function") ref(node);
+    else if (ref) ref.current = node;
+  }, [ref]);
+  const prevOpen = React__namespace.useRef(open);
+  const afterOpenChangeRef = React__namespace.useRef(afterOpenChange);
+  afterOpenChangeRef.current = afterOpenChange;
+  React__namespace.useEffect(() => {
+    if (prevOpen.current !== open) {
+      prevOpen.current = open;
+      const id = window.setTimeout(() => afterOpenChangeRef.current?.(open), ANIM_MS);
+      return () => window.clearTimeout(id);
+    }
+  }, [open]);
+  if (!portalContainer) return null;
+  if (!hasOpenedOnce) return null;
+  if (!open && destroyOnClose) return null;
+  const isV = placement === "left" || placement === "right";
+  const panelStyle = {
+    ...portalTheme.style,
+    ...isV ? { width: size, maxWidth: "92vw" } : { height: size, maxHeight: "80vh" },
+    ...portalTheme.styles.popup,
+    ...hasExplicitSize ? isV ? { width: size } : { height: size } : null
+  };
+  Object.assign(panelStyle, style);
+  panelStyle.zIndex = panelZIndex;
+  const overlayStyle = {
+    ...portalTheme.styles.overlay,
+    ...maskStyle,
+    zIndex: panelZIndex - 1
+  };
+  const drawerBodyStyle = bodyOverflow == null ? { ...portalTheme.styles.body, ...bodyStyle } : { ...portalTheme.styles.body, overflow: bodyOverflow, ...bodyStyle };
+  return ReactDOM__default.default.createPortal(
+    /* @__PURE__ */ jsxRuntime.jsx(chunkHSDMJUB6_cjs.OverlayZIndexProvider, { zIndex: panelZIndex, children: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      mask && /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: ["drawer-overlay", open ? "" : "hidden", maskClassName].filter(Boolean).join(" "),
+          style: overlayStyle,
+          onClick: () => maskClosable && onClose?.()
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          ref: setPanelRef,
+          className: `drawer ${placement} ${open ? "" : "hidden"} ${className}`,
+          style: panelStyle,
+          onClick: (e) => {
+            onClick?.(e);
+            e.stopPropagation();
+          },
+          role: "dialog",
+          "aria-hidden": !open,
+          "aria-modal": mask || void 0,
+          "aria-labelledby": title ? titleId : void 0,
+          tabIndex: -1,
+          ...portalTheme.dataAttributes,
+          ...rest,
+          children: [
+            (title || extra || closable) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "drawer-head", children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { id: title ? titleId : void 0, className: "drawer-title", children: title }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "drawer-head-right", children: [
+                extra,
+                closable && /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: "drawer-close",
+                    onClick: onClose,
+                    "aria-label": "Close",
+                    children: closeIcon ?? /* @__PURE__ */ jsxRuntime.jsx(chunk2AUXUZ3Z_cjs.Icon, { name: "x", size: 16 })
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "div",
+              {
+                ...bodyProps,
+                className: ["drawer-body", `inset-${bodyInset}`, bodyClassName].filter(Boolean).join(" "),
+                style: drawerBodyStyle,
+                children
+              }
+            ),
+            footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "drawer-foot", children: footer })
+          ]
+        }
+      )
+    ] }) }),
+    portalContainer
+  );
+});
+DrawerBase.displayName = "Drawer";
+var Drawer = chunkNRJXZPZR_cjs.withComponentTheme(
+  DrawerBase,
+  "Drawer",
+  "drawer",
+  { portalOnly: true }
+);
+
+exports.Drawer = Drawer;