@paciu/ui 0.0.60 → 0.0.62

package/dist/chunks/index.es.js

@@ -1,51 +1,51 @@
-import '../index2.css';function r(t) {
-  var n, i, o = "";
-  if (typeof t == "string" || typeof t == "number") o += t;
-  else if (typeof t == "object") if (Array.isArray(t)) {
-    var e = t.length;
-    for (n = 0; n < e; n++) t[n] && (i = r(t[n])) && (o && (o += " "), o += i);
-  } else for (i in t) t[i] && (o && (o += " "), o += i);
-  return o;
+import '../index2.css';function _(o) {
+  var n, i, t = "";
+  if (typeof o == "string" || typeof o == "number") t += o;
+  else if (typeof o == "object") if (Array.isArray(o)) {
+    var e = o.length;
+    for (n = 0; n < e; n++) o[n] && (i = _(o[n])) && (t && (t += " "), t += i);
+  } else for (i in o) o[i] && (t && (t += " "), t += i);
+  return t;
 }
-function l() {
-  for (var t, n, i = 0, o = "", e = arguments.length; i < e; i++) (t = arguments[i]) && (n = r(t)) && (o && (o += " "), o += n);
-  return o;
+function s() {
+  for (var o, n, i = 0, t = "", e = arguments.length; i < e; i++) (o = arguments[i]) && (n = _(o)) && (t && (t += " "), t += n);
+  return t;
 }
-const _ = "_active_1rsd6_164", p = {
-  "dialog-overlay": "_dialog-overlay_1rsd6_45",
-  "dialog-compose": "_dialog-compose_1rsd6_62",
-  "dialog-close": "_dialog-close_1rsd6_68",
-  "dialog-close-cross": "_dialog-close-cross_1rsd6_85",
-  "dialog-window": "_dialog-window_1rsd6_109",
-  "dialog-window-header": "_dialog-window-header_1rsd6_123",
-  "dialog-window-body": "_dialog-window-body_1rsd6_136",
-  "dialog-window-footer": "_dialog-window-footer_1rsd6_142",
-  "full-height": "_full-height_1rsd6_155",
-  "full-width": "_full-width_1rsd6_158",
-  "un-closable": "_un-closable_1rsd6_161",
-  active: _,
-  "position-top-center": "_position-top-center_1rsd6_170",
-  "position-center": "_position-center_1rsd6_176",
-  "position-bottom-center": "_position-bottom-center_1rsd6_180",
-  "position-left-top": "_position-left-top_1rsd6_186",
-  "position-left-center": "_position-left-center_1rsd6_192",
-  "position-left-bottom": "_position-left-bottom_1rsd6_198",
-  "position-right-top": "_position-right-top_1rsd6_204",
-  "position-right-center": "_position-right-center_1rsd6_210",
-  "position-right-bottom": "_position-right-bottom_1rsd6_216",
-  "animated-opening": "_animated-opening_1rsd6_222",
-  "animated-opening-opacity": "_animated-opening-opacity_1rsd6_1",
-  "animated-opening-translate": "_animated-opening-translate_1rsd6_1",
-  "animated-closing": "_animated-closing_1rsd6_228",
-  "animated-closing-opacity": "_animated-closing-opacity_1rsd6_1",
-  "animated-closing-translate": "_animated-closing-translate_1rsd6_1",
-  "paciu-ui-blink-animation": "_paciu-ui-blink-animation_1rsd6_1"
+const d = "_active_od012_164", p = {
+  "dialog-overlay": "_dialog-overlay_od012_45",
+  "dialog-compose": "_dialog-compose_od012_62",
+  "dialog-close": "_dialog-close_od012_68",
+  "dialog-close-cross": "_dialog-close-cross_od012_85",
+  "dialog-window": "_dialog-window_od012_109",
+  "dialog-window-header": "_dialog-window-header_od012_123",
+  "dialog-window-body": "_dialog-window-body_od012_136",
+  "dialog-window-footer": "_dialog-window-footer_od012_142",
+  "full-height": "_full-height_od012_155",
+  "full-width": "_full-width_od012_158",
+  "un-closable": "_un-closable_od012_161",
+  active: d,
+  "position-top-center": "_position-top-center_od012_170",
+  "position-center": "_position-center_od012_176",
+  "position-bottom-center": "_position-bottom-center_od012_180",
+  "position-left-top": "_position-left-top_od012_186",
+  "position-left-center": "_position-left-center_od012_192",
+  "position-left-bottom": "_position-left-bottom_od012_198",
+  "position-right-top": "_position-right-top_od012_204",
+  "position-right-center": "_position-right-center_od012_210",
+  "position-right-bottom": "_position-right-bottom_od012_216",
+  "animated-opening": "_animated-opening_od012_222",
+  "animated-opening-opacity": "_animated-opening-opacity_od012_1",
+  "animated-opening-translate": "_animated-opening-translate_od012_1",
+  "animated-closing": "_animated-closing_od012_228",
+  "animated-closing-opacity": "_animated-closing-opacity_od012_1",
+  "animated-closing-translate": "_animated-closing-translate_od012_1",
+  "paciu-ui-blink-animation": "_paciu-ui-blink-animation_od012_1"
 };
-var s = /* @__PURE__ */ ((t) => (t.Light = "light", t.Dark = "dark", t.System = "system", t))(s || {}), d = /* @__PURE__ */ ((t) => (t.Opening = "opening", t.Opened = "opened", t.Closing = "closing", t.Closed = "closed", t))(d || {}), a = /* @__PURE__ */ ((t) => (t.TopCenter = "top-center", t.Center = "center", t.BottomCenter = "bottom-center", t.LeftTop = "left-top", t.LeftCenter = "left-center", t.LeftBottom = "left-bottom", t.RightTop = "right-top", t.RightCenter = "right-center", t.RightBottom = "right-bottom", t))(a || {});
+var r = /* @__PURE__ */ ((o) => (o.Light = "light", o.Dark = "dark", o.System = "system", o))(r || {}), a = /* @__PURE__ */ ((o) => (o.Opening = "opening", o.Opened = "opened", o.Closing = "closing", o.Closed = "closed", o))(a || {}), l = /* @__PURE__ */ ((o) => (o.TopCenter = "top-center", o.Center = "center", o.BottomCenter = "bottom-center", o.LeftTop = "left-top", o.LeftCenter = "left-center", o.LeftBottom = "left-bottom", o.RightTop = "right-top", o.RightCenter = "right-center", o.RightBottom = "right-bottom", o))(l || {});
 export {
-  a as D,
-  s as T,
-  d as a,
-  l as c,
+  l as D,
+  r as T,
+  a,
+  s as c,
   p as s
 };

package/dist/index2.css

@@ -1 +1 @@
-@keyframes _paciu-ui-blink-animation_1rsd6_1{0%{opacity:1}50%{opacity:.32}to{opacity:1}}@keyframes _animated-opening-translate_1rsd6_1{0%{transform:translate(var(--animated-from-x, 0),var(--animated-from-y, 0))}to{transform:translate(0)}}@keyframes _animated-opening-opacity_1rsd6_1{0%{opacity:0}to{opacity:1}}@keyframes _animated-closing-translate_1rsd6_1{0%{transform:translate(0)}to{transform:translate(var(--animated-from-x, 0),var(--animated-from-y, 0))}}@keyframes _animated-closing-opacity_1rsd6_1{0%{opacity:1}to{opacity:0}}._dialog-overlay_1rsd6_45{--window-background-color: var(--base-color-100);--window-shadow: var(--dialog-shadow, rgba(12, 12, 12, .06) 0px 0px 12px 0px);--window-width: var(--dialog-width, 768px);cursor:pointer;position:fixed;width:100%;height:100%;display:flex;flex-direction:column;opacity:0;left:0;top:0;padding:24px;transition:var(--transition-normal) transform;background:none}._dialog-overlay_1rsd6_45 ._dialog-compose_1rsd6_62{position:relative;max-height:100%;width:100%;max-width:var(--window-width)}._dialog-overlay_1rsd6_45 ._dialog-compose_1rsd6_62 ._dialog-close_1rsd6_68{width:32px;height:32px;background:var(--window-background-color);box-shadow:var(--window-shadow);border-radius:16px;position:fixed;top:-6px;right:-6px;z-index:2;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:var(--transition-normal)}._dialog-overlay_1rsd6_45 ._dialog-compose_1rsd6_62 ._dialog-close_1rsd6_68 ._dialog-close-cross_1rsd6_85{position:relative;width:16px;height:16px;cursor:pointer}._dialog-overlay_1rsd6_45 ._dialog-compose_1rsd6_62 ._dialog-close_1rsd6_68 ._dialog-close-cross_1rsd6_85:before,._dialog-overlay_1rsd6_45 ._dialog-compose_1rsd6_62 ._dialog-close_1rsd6_68 ._dialog-close-cross_1rsd6_85:after{content:"";position:absolute;top:50%;left:0;width:100%;height:2px;background-color:var(--base-color-900);transition:var(--transition-normal) background;border-radius:2px}._dialog-overlay_1rsd6_45 ._dialog-compose_1rsd6_62 ._dialog-close_1rsd6_68 ._dialog-close-cross_1rsd6_85:before{transform:translateY(-50%) rotate(45deg)}._dialog-overlay_1rsd6_45 ._dialog-compose_1rsd6_62 ._dialog-close_1rsd6_68 ._dialog-close-cross_1rsd6_85:after{transform:translateY(-50%) rotate(-45deg)}._dialog-overlay_1rsd6_45 ._dialog-compose_1rsd6_62 ._dialog-window_1rsd6_109{position:relative;cursor:default;width:100%;height:100%;border-radius:32px;background:var(--window-background-color);transition:var(--transition-normal) background;display:flex;flex-direction:column;box-shadow:var(--window-shadow);overflow:auto;filter:blur(2px)}._dialog-overlay_1rsd6_45 ._dialog-compose_1rsd6_62 ._dialog-window_1rsd6_109 ._dialog-window-header_1rsd6_123{position:sticky;top:0;z-index:1;background:var(--window-background-color);transition:var(--transition-normal) background;padding:12px;border-radius:inherit;box-shadow:var(--window-shadow);display:flex;flex-direction:column;justify-content:center}._dialog-overlay_1rsd6_45 ._dialog-compose_1rsd6_62 ._dialog-window_1rsd6_109 ._dialog-window-body_1rsd6_136{flex-grow:1;padding:12px;position:relative;z-index:0}._dialog-overlay_1rsd6_45 ._dialog-compose_1rsd6_62 ._dialog-window_1rsd6_109 ._dialog-window-footer_1rsd6_142{position:sticky;bottom:0;z-index:1;background:var(--window-background-color);transition:var(--transition-normal) background;padding:12px;border-radius:inherit;box-shadow:var(--window-shadow);display:flex;flex-direction:column;justify-content:center}._dialog-overlay_1rsd6_45._full-height_1rsd6_155 ._dialog-compose_1rsd6_62{height:100%}._dialog-overlay_1rsd6_45._full-width_1rsd6_158 ._dialog-compose_1rsd6_62{max-width:unset}._dialog-overlay_1rsd6_45._un-closable_1rsd6_161 ._dialog-compose_1rsd6_62 ._dialog-close_1rsd6_68{display:none}._dialog-overlay_1rsd6_45._active_1rsd6_164 ._dialog-compose_1rsd6_62 ._dialog-close_1rsd6_68{opacity:1}._dialog-overlay_1rsd6_45._active_1rsd6_164 ._dialog-compose_1rsd6_62 ._dialog-window_1rsd6_109{filter:unset}._dialog-overlay_1rsd6_45._position-top-center_1rsd6_170{--animated-from-x: 0;--animated-from-y: -24px;justify-content:start;align-items:center}._dialog-overlay_1rsd6_45._position-center_1rsd6_176{justify-content:center;align-items:center}._dialog-overlay_1rsd6_45._position-bottom-center_1rsd6_180{--animated-from-x: 0;--animated-from-y: 24px;justify-content:end;align-items:center}._dialog-overlay_1rsd6_45._position-left-top_1rsd6_186{--animated-from-x: -24px;--animated-from-y: -24px;justify-content:start;align-items:start}._dialog-overlay_1rsd6_45._position-left-center_1rsd6_192{--animated-from-x: -24px;--animated-from-y: 0;justify-content:center;align-items:start}._dialog-overlay_1rsd6_45._position-left-bottom_1rsd6_198{--animated-from-x: -24px;--animated-from-y: 24px;justify-content:end;align-items:start}._dialog-overlay_1rsd6_45._position-right-top_1rsd6_204{--animated-from-x: 24px;--animated-from-y: -24px;justify-content:start;align-items:end}._dialog-overlay_1rsd6_45._position-right-center_1rsd6_210{--animated-from-x: 24px;--animated-from-y: 0;justify-content:center;align-items:end}._dialog-overlay_1rsd6_45._position-right-bottom_1rsd6_216{--animated-from-x: 24px;--animated-from-y: 24px;justify-content:end;align-items:end}._dialog-overlay_1rsd6_45._animated-opening_1rsd6_222{animation:_animated-opening-opacity_1rsd6_1 .24s linear forwards}._dialog-overlay_1rsd6_45._animated-opening_1rsd6_222 ._dialog-compose_1rsd6_62{animation:_animated-opening-translate_1rsd6_1 .24s linear forwards}._dialog-overlay_1rsd6_45._animated-closing_1rsd6_228{pointer-events:none;animation:_animated-closing-opacity_1rsd6_1 .24s linear forwards}._dialog-overlay_1rsd6_45._animated-closing_1rsd6_228 ._dialog-compose_1rsd6_62{animation:_animated-closing-translate_1rsd6_1 .24s linear forwards}
+@keyframes _paciu-ui-blink-animation_od012_1{0%{opacity:1}50%{opacity:.32}to{opacity:1}}@keyframes _animated-opening-translate_od012_1{0%{transform:translate(var(--animated-from-x, 0),var(--animated-from-y, 0))}to{transform:translate(0)}}@keyframes _animated-opening-opacity_od012_1{0%{opacity:0}to{opacity:1}}@keyframes _animated-closing-translate_od012_1{0%{transform:translate(0)}to{transform:translate(var(--animated-from-x, 0),var(--animated-from-y, 0))}}@keyframes _animated-closing-opacity_od012_1{0%{opacity:1}to{opacity:0}}._dialog-overlay_od012_45{--window-background-color: var(--base-color-100);--window-shadow: var(--dialog-shadow, rgba(12, 12, 12, .06) 0px 0px 12px 0px);--window-width: var(--dialog-width, 768px);cursor:pointer;position:fixed;width:100%;height:100%;display:flex;flex-direction:column;opacity:0;left:0;top:0;padding:24px;transition:var(--transition-normal) transform;background:none}._dialog-overlay_od012_45 ._dialog-compose_od012_62{position:relative;max-height:100%;width:100%;max-width:var(--window-width)}._dialog-overlay_od012_45 ._dialog-compose_od012_62 ._dialog-close_od012_68{width:32px;height:32px;background:var(--window-background-color);box-shadow:var(--window-shadow);border-radius:16px;position:fixed;top:-6px;right:-6px;z-index:2;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:var(--transition-normal)}._dialog-overlay_od012_45 ._dialog-compose_od012_62 ._dialog-close_od012_68 ._dialog-close-cross_od012_85{position:relative;width:16px;height:16px;cursor:pointer}._dialog-overlay_od012_45 ._dialog-compose_od012_62 ._dialog-close_od012_68 ._dialog-close-cross_od012_85:before,._dialog-overlay_od012_45 ._dialog-compose_od012_62 ._dialog-close_od012_68 ._dialog-close-cross_od012_85:after{content:"";position:absolute;top:50%;left:0;width:100%;height:2px;background-color:var(--base-color-900);transition:var(--transition-normal) background;border-radius:2px}._dialog-overlay_od012_45 ._dialog-compose_od012_62 ._dialog-close_od012_68 ._dialog-close-cross_od012_85:before{transform:translateY(-50%) rotate(45deg)}._dialog-overlay_od012_45 ._dialog-compose_od012_62 ._dialog-close_od012_68 ._dialog-close-cross_od012_85:after{transform:translateY(-50%) rotate(-45deg)}._dialog-overlay_od012_45 ._dialog-compose_od012_62 ._dialog-window_od012_109{position:relative;cursor:default;width:100%;height:100%;border-radius:32px;background:var(--window-background-color);transition:var(--transition-normal) background;display:flex;flex-direction:column;box-shadow:var(--window-shadow);overflow:auto;filter:blur(2px)}._dialog-overlay_od012_45 ._dialog-compose_od012_62 ._dialog-window_od012_109 ._dialog-window-header_od012_123{position:sticky;top:0;z-index:1;background:var(--window-background-color);transition:var(--transition-normal) background;padding:12px;border-radius:inherit;box-shadow:var(--window-shadow);display:flex;flex-direction:column;justify-content:center}._dialog-overlay_od012_45 ._dialog-compose_od012_62 ._dialog-window_od012_109 ._dialog-window-body_od012_136{flex-grow:1;padding:12px;position:relative;z-index:0}._dialog-overlay_od012_45 ._dialog-compose_od012_62 ._dialog-window_od012_109 ._dialog-window-footer_od012_142{position:sticky;bottom:0;z-index:1;background:var(--window-background-color);transition:var(--transition-normal) background;padding:12px;border-radius:inherit;box-shadow:var(--window-shadow);display:flex;flex-direction:column;justify-content:center}._dialog-overlay_od012_45._full-height_od012_155 ._dialog-compose_od012_62{height:100%}._dialog-overlay_od012_45._full-width_od012_158 ._dialog-compose_od012_62{max-width:unset}._dialog-overlay_od012_45._un-closable_od012_161 ._dialog-compose_od012_62 ._dialog-close_od012_68{display:none}._dialog-overlay_od012_45._active_od012_164 ._dialog-compose_od012_62 ._dialog-close_od012_68{opacity:1}._dialog-overlay_od012_45._active_od012_164 ._dialog-compose_od012_62 ._dialog-window_od012_109{filter:unset}._dialog-overlay_od012_45._position-top-center_od012_170{--animated-from-x: 0;--animated-from-y: -24px;justify-content:start;align-items:center}._dialog-overlay_od012_45._position-center_od012_176{justify-content:center;align-items:center}._dialog-overlay_od012_45._position-bottom-center_od012_180{--animated-from-x: 0;--animated-from-y: 24px;justify-content:end;align-items:center}._dialog-overlay_od012_45._position-left-top_od012_186{--animated-from-x: -24px;--animated-from-y: -24px;justify-content:start;align-items:start}._dialog-overlay_od012_45._position-left-center_od012_192{--animated-from-x: -24px;--animated-from-y: 0;justify-content:center;align-items:start}._dialog-overlay_od012_45._position-left-bottom_od012_198{--animated-from-x: -24px;--animated-from-y: 24px;justify-content:end;align-items:start}._dialog-overlay_od012_45._position-right-top_od012_204{--animated-from-x: 24px;--animated-from-y: -24px;justify-content:start;align-items:end}._dialog-overlay_od012_45._position-right-center_od012_210{--animated-from-x: 24px;--animated-from-y: 0;justify-content:center;align-items:end}._dialog-overlay_od012_45._position-right-bottom_od012_216{--animated-from-x: 24px;--animated-from-y: 24px;justify-content:end;align-items:end}._dialog-overlay_od012_45._animated-opening_od012_222{animation:_animated-opening-opacity_od012_1 .24s linear forwards}._dialog-overlay_od012_45._animated-opening_od012_222 ._dialog-compose_od012_62{animation:_animated-opening-translate_od012_1 .24s linear forwards}._dialog-overlay_od012_45._animated-closing_od012_228{animation:_animated-closing-opacity_od012_1 .24s linear forwards}._dialog-overlay_od012_45._animated-closing_od012_228 ._dialog-compose_od012_62{animation:_animated-closing-translate_od012_1 .24s linear forwards}

package/dist/provider.es.js

@@ -1,93 +1,102 @@
 "use client";
 import { jsxs as S, jsx as x } from "react/jsx-runtime";
-import { createContext as M, useState as m, useRef as j, useCallback as p, useMemo as O, useEffect as u, useContext as Q } from "react";
+import { createContext as M, useState as m, useRef as j, useCallback as p, useMemo as O, useEffect as l, useContext as Q } from "react";
 import { createPortal as $ } from "react-dom";
-import { a as o, T as a, D as z, c as B, s as l } from "./chunks/index.es.js";
-const v = M(void 0), H = () => Q(v), Y = ({ children: c, initialTheme: f, defaultDialogPosition: w }) => {
-  const [T, D] = m(!1), [r, L] = m(f || null), [d, k] = m(f || null), [s, g] = m([]), E = j(0), C = p((e) => {
+import { a as s, T as a, D as z, c as B, s as u } from "./chunks/index.es.js";
+const T = M(void 0), H = () => Q(T), Y = ({ children: r, initialTheme: f, defaultDialogPosition: v }) => {
+  const [w, D] = m(!1), [c, L] = m(f || null), [d, k] = m(f || null), [i, g] = m([]), E = j(0), C = p((e) => {
     document.documentElement.dataset.theme = e || void 0, L(e);
-  }, []), y = p((e, n) => {
-    g((t) => {
-      if (t.length > 0) {
-        const i = [...t], I = i.length - 1;
-        if (i[I].status === o.Opening)
-          return t;
+  }, []), y = p((e, t) => {
+    g((n) => {
+      if (n.length > 0) {
+        const o = [...n], I = o.length - 1;
+        if ([s.Closing, s.Opening].includes(o[I].status))
+          return n;
       }
-      return [...t, { id: ++E.current, status: o.Opening, node: e, options: n }];
+      return [...n, { id: ++E.current, status: s.Opening, node: e, options: t }];
     });
   }, []), h = p((e) => {
-    g((n) => {
-      if (n.length === 0)
-        return n;
-      const t = [...n], i = t.length - 1;
-      return [o.Closing, o.Opening].includes(t[i].status) || (e?.esc || e?.outside) && t[i]?.options?.unClosable ? n : (t[i] = { ...t[i], status: o.Closing }, t);
+    g((t) => {
+      if (t.length === 0)
+        return t;
+      const n = [...t], o = n.length - 1;
+      return [s.Closing, s.Opening].includes(n[o].status) || (e?.esc || e?.outside) && n[o]?.options?.unClosable ? t : (n[o] = { ...n[o], status: s.Closing }, n);
     });
   }, []), P = O(() => {
-    const e = r || d;
+    const e = c || d;
     return e ? e === a.Light ? a.Dark : a.Light : null;
-  }, [r, d]), b = O(
-    () => ({ theme: r, nextTheme: P, systemTheme: d, toggleTheme: C, openDialog: y, closeDialog: h, dialogsQueue: s }),
-    [r, P, d, C, y, h, s]
+  }, [c, d]), b = O(
+    () => ({ theme: c, nextTheme: P, systemTheme: d, toggleTheme: C, openDialog: y, closeDialog: h, dialogsQueue: i }),
+    [c, P, d, C, y, h, i]
   );
-  return u(() => {
-    if (s.length) {
-      const e = s[s.length - 1];
-      e.status === o.Opening && (e?.options?.onOpen && e.options.onOpen(), setTimeout(() => {
-        g((n) => {
-          const t = [...n];
-          return t[t.length - 1].status = o.Opened, t;
-        }), e?.options?.onOpened && e.options.onOpened();
-      }, 240)), e.status === o.Closing && (e?.options?.onClose && e.options.onClose(), setTimeout(() => {
-        g((n) => n.slice(0, -1)), e?.options?.onClosed && e.options.onClosed();
-      }, 240));
+  return l(() => {
+    const e = [];
+    if (i.length) {
+      const t = i[i.length - 1];
+      t.status === s.Opening && (t?.options?.onOpen && t.options.onOpen(), e.push(
+        setTimeout(() => {
+          g((n) => {
+            const o = [...n];
+            return o[o.length - 1].status = s.Opened, o;
+          }), t?.options?.onOpened && t.options.onOpened();
+        }, 240)
+      )), t.status === s.Closing && (t?.options?.onClose && t.options.onClose(), e.push(
+        setTimeout(() => {
+          g((n) => n.slice(0, -1)), t?.options?.onClosed && t.options.onClosed();
+        }, 240)
+      ));
     }
-  }, [s]), u(() => {
-    const e = window.matchMedia("(prefers-color-scheme: dark)"), n = (t) => {
-      k(t.matches ? a.Dark : a.Light);
+    return () => {
+      for (const t of e)
+        clearTimeout(t);
     };
-    return n(e), e.addEventListener("change", n), () => e.removeEventListener("change", n);
-  }, []), u(() => {
-    document.body.style.overflowY = s.length ? "hidden" : "";
-  }, [s]), u(() => {
-    const e = (i) => {
-      i.key === "Escape" && (i.stopPropagation(), h({ esc: !0 }));
-    }, n = () => {
-      document.addEventListener("keydown", e);
+  }, [i]), l(() => {
+    const e = window.matchMedia("(prefers-color-scheme: dark)"), t = (n) => {
+      k(n.matches ? a.Dark : a.Light);
+    };
+    return t(e), e.addEventListener("change", t), () => e.removeEventListener("change", t);
+  }, []), l(() => {
+    document.body.style.overflowY = i.length ? "hidden" : "";
+  }, [i]), l(() => {
+    const e = (o) => {
+      o.key === "Escape" && (o.stopPropagation(), h({ esc: !0 }));
     }, t = () => {
+      document.addEventListener("keydown", e);
+    }, n = () => {
       document.removeEventListener("keydown", e);
     };
-    return n(), () => {
-      t();
+    return t(), () => {
+      n();
     };
-  }, []), u(() => {
+  }, []), l(() => {
     D(!0);
-  }), /* @__PURE__ */ S(v.Provider, { value: b, children: [
-    c,
-    T && $(
-      /* @__PURE__ */ x("div", { id: "paciu-ui-dialogs", children: s.map((e, n) => {
-        const t = e?.options?.position || w || z.Center;
+  }), /* @__PURE__ */ S(T.Provider, { value: b, children: [
+    r,
+    w && $(
+      /* @__PURE__ */ x("div", { id: "paciu-ui-dialogs", children: i.map((e, t) => {
+        const n = e?.options?.position || v || z.Center;
         return /* @__PURE__ */ x(
           "div",
           {
-            className: B(l["dialog-overlay"], {
-              [l["animated-opening"]]: [
-                o.Opening,
-                o.Opened
+            className: B(u["dialog-overlay"], {
+              [u["animated-opening"]]: [
+                s.Opening,
+                s.Opened
               ].includes(e.status),
-              [l["animated-closing"]]: [
-                o.Closing,
-                o.Closed
+              [u["animated-closing"]]: [
+                s.Closing,
+                s.Closed
               ].includes(e.status),
-              [l.active]: n === s.length - 1,
-              [l["full-height"]]: e?.options?.fullHeight,
-              [l["full-width"]]: e?.options?.fullWidth,
-              [l["un-closable"]]: e?.options?.unClosable,
-              [l[`position-${t}`]]: !!t
+              [u.active]: t === i.length - 1,
+              [u["full-height"]]: e?.options?.fullHeight,
+              [u["full-width"]]: e?.options?.fullWidth,
+              [u["un-closable"]]: e?.options?.unClosable,
+              [u[`position-${n}`]]: !!n
             }),
             onClick: () => h({ outside: !0 }),
             style: {
-              zIndex: n + 1e3,
-              transform: `scale(calc(1 - ${(s.length - n - 1) * 0.02}))`
+              zIndex: t + 1e3,
+              transform: `scale(calc(1 - ${(i.length - t - 1) * 0.02}))`
             },
             children: e.node()
           },
@@ -98,9 +107,9 @@ const v = M(void 0), H = () => Q(v), Y = ({ children: c, initialTheme: f, defaul
     )
   ] });
 }, q = () => {
-  const c = H();
-  if (!c) throw new Error("usePaciu must be used within PaciuProvider");
-  return c;
+  const r = H();
+  if (!r) throw new Error("usePaciu must be used within PaciuProvider");
+  return r;
 };
 export {
   Y as PaciuProvider,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paciu/ui",
-  "version": "0.0.60",
+  "version": "0.0.62",
   "type": "module",
   "main": "./dist/index.umd.js",
   "module": "./dist/index.es.js",