@paciu/ui 0.0.56 → 0.0.58

package/dist/chunks/provider-chunk.es.js

@@ -0,0 +1,155 @@
+import { jsxs as M, jsx as L } from "react/jsx-runtime";
+import { createContext as A, useState as y, useRef as $, useCallback as w, useMemo as k, useEffect as _, useContext as z } from "react";
+import { createPortal as H } from "react-dom";
+import '../provider-chunk.css';function O(t) {
+  var r, a, s = "";
+  if (typeof t == "string" || typeof t == "number") s += t;
+  else if (typeof t == "object") if (Array.isArray(t)) {
+    var p = t.length;
+    for (r = 0; r < p; r++) t[r] && (a = O(t[r])) && (s && (s += " "), s += a);
+  } else for (a in t) t[a] && (s && (s += " "), s += a);
+  return s;
+}
+function I() {
+  for (var t, r, a = 0, s = "", p = arguments.length; a < p; a++) (t = arguments[a]) && (r = O(t)) && (s && (s += " "), s += r);
+  return s;
+}
+const K = "_active_1rsd6_164", c = {
+  "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: K,
+  "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"
+};
+var u = /* @__PURE__ */ ((t) => (t.Light = "light", t.Dark = "dark", t.System = "system", t))(u || {}), i = /* @__PURE__ */ ((t) => (t.Opening = "opening", t.Opened = "opened", t.Closing = "closing", t.Closed = "closed", t))(i || {}), x = /* @__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))(x || {});
+const T = A(void 0), N = () => z(T), q = ({ children: t, initialTheme: r, defaultDialogPosition: a }) => {
+  const [s, p] = y(!1), [g, E] = y(r || null), [m, B] = y(r || null), [d, h] = y([]), P = $(0), C = w((e) => {
+    document.documentElement.dataset.theme = e || void 0, E(e);
+  }, []), b = w((e, n) => {
+    h((o) => {
+      if (o.length > 0) {
+        const l = [...o], j = l.length - 1;
+        if (l[j].status === i.Opening)
+          return o;
+      }
+      return [...o, { id: ++P.current, status: i.Opening, node: e, options: n }];
+    });
+  }, []), f = w((e) => {
+    h((n) => {
+      if (n.length === 0)
+        return n;
+      const o = [...n], l = o.length - 1;
+      return o[l].status === i.Closing || (e?.esc || e?.outside) && o[l]?.options?.unClosable ? n : (o[l] = { ...o[l], status: i.Closing }, o);
+    });
+  }, []), v = k(() => {
+    const e = g || m;
+    return e ? e === u.Light ? u.Dark : u.Light : null;
+  }, [g, m]), R = k(
+    () => ({ theme: g, nextTheme: v, systemTheme: m, toggleTheme: C, openDialog: b, closeDialog: f, dialogsQueue: d }),
+    [g, v, m, C, b, f, d]
+  );
+  return _(() => {
+    if (d.length) {
+      const e = d[d.length - 1];
+      e.status === i.Opening && (e?.options?.onOpen && e.options.onOpen(), setTimeout(() => {
+        h((n) => {
+          const o = [...n];
+          return o[o.length - 1].status = i.Opened, o;
+        }), e?.options?.onOpened && e.options.onOpened();
+      }, 240)), e.status === i.Closing && (e?.options?.onClose && e.options.onClose(), setTimeout(() => {
+        h((n) => n.slice(0, -1)), e?.options?.onClosed && e.options.onClosed();
+      }, 240));
+    }
+  }, [d]), _(() => {
+    const e = window.matchMedia("(prefers-color-scheme: dark)"), n = (o) => {
+      B(o.matches ? u.Dark : u.Light);
+    };
+    return n(e), e.addEventListener("change", n), () => e.removeEventListener("change", n);
+  }, []), _(() => {
+    document.body.style.overflowY = d.length ? "hidden" : "";
+  }, [d]), _(() => {
+    const e = (l) => {
+      l.key === "Escape" && (l.stopPropagation(), f({ esc: !0 }));
+    }, n = () => {
+      document.addEventListener("keydown", e);
+    }, o = () => {
+      document.removeEventListener("keydown", e);
+    };
+    return n(), () => {
+      o();
+    };
+  }, []), _(() => {
+    p(!0);
+  }), /* @__PURE__ */ M(T.Provider, { value: R, children: [
+    t,
+    s && H(
+      /* @__PURE__ */ L("div", { id: "paciu-ui-dialogs", children: d.map((e, n) => {
+        const o = e?.options?.position || a || x.Center;
+        return /* @__PURE__ */ L(
+          "div",
+          {
+            className: I(c["dialog-overlay"], {
+              [c["animated-opening"]]: [
+                i.Opening,
+                i.Opened
+              ].includes(e.status),
+              [c["animated-closing"]]: [
+                i.Closing,
+                i.Closed
+              ].includes(e.status),
+              [c.active]: n === d.length - 1,
+              [c["full-height"]]: e?.options?.fullHeight,
+              [c["full-width"]]: e?.options?.fullWidth,
+              [c["un-closable"]]: e?.options?.unClosable,
+              [c[`position-${o}`]]: !!o
+            }),
+            onClick: () => f({ outside: !0 }),
+            style: {
+              zIndex: n + 1e3,
+              transform: `scale(calc(1 - ${(d.length - n - 1) * 0.02}))`
+            },
+            children: e.node()
+          },
+          e.id
+        );
+      }) }),
+      document.body
+    )
+  ] });
+}, F = () => {
+  const t = N();
+  if (!t) throw new Error("usePaciu must be used within PaciuProvider");
+  return t;
+};
+export {
+  x as D,
+  q as P,
+  u as T,
+  i as a,
+  I as c,
+  c as s,
+  F as u
+};

package/dist/index.d.ts

@@ -87,9 +87,9 @@ export declare const useScroll: () => {
     isScrolled: boolean;
 };
 
-export declare const useSkipEffect: (cb: default_2.EffectCallback, deps?: default_2.DependencyList, options?: UseSkipEffectOptions) => void;
+export declare const useSkipEffect: (cb: React.EffectCallback, deps?: React.DependencyList, options?: UseSkipEffectOptions) => void;
 
-declare interface UseSkipEffectOptions {
+export declare interface UseSkipEffectOptions {
     count?: number;
 }
 

package/dist/index.es.js

@@ -1,7 +1,7 @@
 import { jsx as a, jsxs as b } from "react/jsx-runtime";
 import m, { useState as $, useEffect as w, useRef as L } from "react";
-import { c as f, s as d } from "./chunks/index.es.js";
-import { D as V, a as W, T as X } from "./chunks/index.es.js";
+import { c as f, s as d } from "./chunks/provider-chunk.es.js";
+import { D as V, a as W, T as X } from "./chunks/provider-chunk.es.js";
 import './index.css';const n = {
   "paciu-ui-button": "_paciu-ui-button_y249s_14",
   "size-micro": "_size-micro_y249s_23",

package/dist/provider.es.js

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

package/package.json

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

package/dist/chunks/index.es.js

@@ -1,51 +0,0 @@
-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;
-}
-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;
-}
-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"
-};
-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 || {});
-export {
-  a as D,
-  s as T,
-  d as a,
-  l as c,
-  p as s
-};