@luokuiai/lumen-ui 1.0.0-beta.2 → 1.0.0-beta.3

package/dist/index.js

@@ -3041,7 +3041,7 @@ const ma = "fixed inset-0 z-[100] flex items-center justify-center overflow-y-au
   children: o,
   title: a,
   description: l,
-  modalId: s,
+  dialogId: s,
   overlayId: d,
   overlayClassName: m = "",
   panelClassName: h = "",
@@ -3082,7 +3082,7 @@ const ma = "fixed inset-0 z-[100] flex items-center justify-center overflow-y-au
     /* @__PURE__ */ e.jsx(Ot.Provider, { value: q, children: /* @__PURE__ */ e.jsx(
       "div",
       {
-        "data-modal-overlay": d || s,
+        "data-dialog-overlay": d || s,
         "data-lumen-motion": !0,
         className: `${ma} ${E ? "animate-[lumen-page-fade-out_150ms_ease-in_forwards]" : "animate-[lumen-page-fade-in_200ms_ease-out]"} ${m}`.trim(),
         style: { ...F, zIndex: v },
@@ -3104,17 +3104,17 @@ const ma = "fixed inset-0 z-[100] flex items-center justify-center overflow-y-au
             "aria-labelledby": de,
             "aria-describedby": U,
             tabIndex: -1,
-            "data-modal": s,
+            "data-dialog": s,
             "data-lumen-motion": !0,
             className: `max-h-[calc(100dvh-1.5rem)] ${E ? "animate-[lumen-modal-out_150ms_ease-in_forwards]" : "animate-[lumen-modal-in_200ms_ease-out]"} ${h}`.trim(),
             onClick: (W) => W.stopPropagation(),
             children: [
-              Q || X ? /* @__PURE__ */ e.jsxs("div", { "data-modal-header": !0, children: [
+              Q || X ? /* @__PURE__ */ e.jsxs("div", { "data-dialog-header": !0, children: [
                 Q ? /* @__PURE__ */ e.jsx(
                   "div",
                   {
                     id: p,
-                    "data-modal-title": !0,
+                    "data-dialog-title": !0,
                     className: "text-[16px] font-semibold leading-6 text-[var(--lumen-color-text)]",
                     children: _
                   }
@@ -3123,7 +3123,7 @@ const ma = "fixed inset-0 z-[100] flex items-center justify-center overflow-y-au
                   "div",
                   {
                     id: x,
-                    "data-modal-description": !0,
+                    "data-dialog-description": !0,
                     className: "mt-2 text-[14px] leading-6 text-[var(--lumen-color-text-secondary)]",
                     children: B
                   }
@@ -3223,7 +3223,7 @@ const ma = "fixed inset-0 z-[100] flex items-center justify-center overflow-y-au
     {
       open: t,
       onRequestClose: () => r(!1),
-      modalId: "command-palette",
+      dialogId: "command-palette",
       "aria-label": S,
       initialFocusRef: b,
       overlayClassName: "items-start pt-[max(12vh,3rem)]",
@@ -3708,7 +3708,7 @@ const Bs = Nn, Os = ({
     {
       open: t,
       onRequestClose: c,
-      modalId: "confirm-dialog",
+      dialogId: "confirm-dialog",
       overlayId: "confirm-dialog-overlay",
       closeOnOverlayClick: h,
       role: "alertdialog",
@@ -3893,7 +3893,7 @@ const Bs = Nn, Os = ({
   open: r,
   onRequestClose: n,
   label: o,
-  modalId: a,
+  dialogId: a,
   maxWidth: l,
   children: s
 }) => t ? /* @__PURE__ */ e.jsx(
@@ -3902,7 +3902,7 @@ const Bs = Nn, Os = ({
     open: r,
     onRequestClose: n,
     "aria-label": o,
-    modalId: a,
+    dialogId: a,
     overlayClassName: "backdrop-blur-none",
     panelClassName: g(
       "w-full overflow-hidden border border-[var(--lumen-color-border)] bg-[var(--lumen-color-surface)] shadow-[0_18px_46px_var(--lumen-color-shadow)]",
@@ -4180,7 +4180,7 @@ const Bs = Nn, Os = ({
               open: $,
               onRequestClose: G,
               label: T,
-              modalId: "date-picker-panel",
+              dialogId: "date-picker-panel",
               maxWidth: "max-w-[320px]",
               children: /* @__PURE__ */ e.jsxs(
                 "div",
@@ -5095,7 +5095,7 @@ const Bs = Nn, Os = ({
               open: k,
               onRequestClose: ve,
               label: n,
-              modalId: "date-time-picker-panel",
+              dialogId: "date-time-picker-panel",
               maxWidth: "max-w-[360px]",
               children: /* @__PURE__ */ e.jsxs(
                 "div",
@@ -5331,7 +5331,7 @@ function Xs({
   className: D,
   tableClassName: $
 }) {
-  const P = Me(), I = ye.useRef(null), j = ye.useRef(null), Y = i === void 0 ? P.dataTable.emptyText : i, A = !!(f && y), b = new Set(f ?? []), k = r.filter((_) => (T == null ? void 0 : T(_)) ?? !0).map(n), N = k.filter((_) => b.has(_)).length, O = k.length > 0 && N === k.length, L = N > 0 && !O, M = a === "compact" ? "px-3 py-2 mobile:px-2.5" : "px-4 py-3 mobile:px-3 mobile:py-2.5", p = a === "compact" ? "text-[13px]" : "text-[14px]", x = a === "compact" ? "text-[13px]" : "text-[14px]", E = d ?? (s ? 400 : void 0), H = s && E !== void 0 ? `calc(${et(E)} - var(--lumen-data-table-header-height, 44px))` : void 0;
+  const P = Me(), I = ye.useRef(null), j = ye.useRef(null), Y = i === void 0 ? P.dataTable.emptyText : i, A = !!(f && y), b = new Set(f ?? []), k = r.filter((_) => (T == null ? void 0 : T(_)) ?? !0).map(n), N = k.filter((_) => b.has(_)).length, O = k.length > 0 && N === k.length, L = N > 0 && !O, M = a === "compact" ? "px-3 py-2 mobile:px-2.5" : "px-4 py-2.5 mobile:px-3", p = a === "compact" ? "text-[13px]" : "text-[14px]", x = a === "compact" ? "text-[13px]" : "text-[14px]", E = d ?? (s ? 400 : void 0), H = s && E !== void 0 ? `calc(${et(E)} - var(--lumen-data-table-header-height, 44px))` : void 0;
   ye.useLayoutEffect(() => {
     if (!s) return;
     const _ = I.current, B = j.current;
@@ -9790,7 +9790,7 @@ const as = /^((?:[01]\d|2[0-3])):([0-5]\d)(?::([0-5]\d))?$/, ls = 220, ss = 326,
               open: I,
               onRequestClose: R,
               label: c,
-              modalId: "time-picker-panel",
+              dialogId: "time-picker-panel",
               maxWidth: "max-w-[344px]",
               children: /* @__PURE__ */ e.jsxs(
                 "div",
@@ -10070,7 +10070,7 @@ const bt = /* @__PURE__ */ new Set(), jr = [], Et = /* @__PURE__ */ new Set(), f
   }, [l]), t.length === 0 ? null : /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: "pointer-events-none fixed right-3 top-3 z-[120] flex w-[calc(100vw-1.5rem)] flex-col items-end gap-2 pad:right-4 pad:top-4 pad:w-[328px] pad:gap-3 l:w-[344px] xl:right-6 xl:top-6",
+      className: "pointer-events-none fixed right-3 top-3 z-[120] flex w-[calc(100vw-1.5rem)] flex-col items-end gap-2 pad:right-4 pad:top-4 pad:w-[304px] pad:gap-3 l:w-[320px] xl:right-6 xl:top-6",
       "data-toast-container": !0,
       children: t.map((h) => /* @__PURE__ */ e.jsx(
         vs,
@@ -11250,6 +11250,7 @@ export {
   Xs as DataTable,
   Us as DatePicker,
   qs as DateTimePicker,
+  vr as Dialog,
   _a as Divider,
   Ha as DragHandle,
   Gs as Drawer,
@@ -11267,7 +11268,6 @@ export {
   hl as List,
   vl as ListItem,
   Qs as LumenProvider,
-  vr as Modal,
   bl as NumberInput,
   yl as OtpInput,
   ei as Pagination,