@paciu/ui 0.0.55 → 0.0.57

package/dist/chunks/{provider-core.es.js → provider.es.js}

@@ -1,20 +1,21 @@
-import { jsxs as A, jsx as L } from "react/jsx-runtime";
-import { createContext as $, useState as y, useRef as z, useCallback as w, useMemo as k, useEffect as u, useContext as H } from "react";
-import { createPortal as I } from "react-dom";
-import '../provider-core.css';function O(t) {
+"use client";
+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.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 _ = t.length;
-    for (r = 0; r < _; r++) t[r] && (a = O(t[r])) && (s && (s += " "), s += a);
+    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 K() {
-  for (var t, r, a = 0, s = "", _ = arguments.length; a < _; a++) (t = arguments[a]) && (r = O(t)) && (s && (s += " "), s += r);
+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 N = "_active_1rsd6_164", c = {
+const K = "_active_1rsd6_164", c = {
   "dialog-overlay": "_dialog-overlay_1rsd6_45",
   "dialog-compose": "_dialog-compose_1rsd6_62",
   "dialog-close": "_dialog-close_1rsd6_68",
@@ -26,7 +27,7 @@ const N = "_active_1rsd6_164", c = {
   "full-height": "_full-height_1rsd6_155",
   "full-width": "_full-width_1rsd6_158",
   "un-closable": "_un-closable_1rsd6_161",
-  active: N,
+  active: K,
   "position-top-center": "_position-top-center_1rsd6_170",
   "position-center": "_position-center_1rsd6_176",
   "position-bottom-center": "_position-bottom-center_1rsd6_180",
@@ -44,18 +45,18 @@ const N = "_active_1rsd6_164", c = {
   "animated-closing-translate": "_animated-closing-translate_1rsd6_1",
   "paciu-ui-blink-animation": "_paciu-ui-blink-animation_1rsd6_1"
 };
-var p = /* @__PURE__ */ ((t) => (t.Light = "light", t.Dark = "dark", t.System = "system", t))(p || {}), 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 = $(void 0), q = () => H(T), F = ({ children: t, initialTheme: r, defaultDialogPosition: a }) => {
-  const [s, _] = y(!1), [g, E] = y(r || null), [m, B] = y(r || null), [d, h] = y([]), R = z(0), C = w((e) => {
+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], M = l.length - 1;
-        if (l[M].status === i.Opening)
+        const l = [...o], j = l.length - 1;
+        if (l[j].status === i.Opening)
           return o;
       }
-      return [...o, { id: ++R.current, status: i.Opening, node: e, options: n }];
+      return [...o, { id: ++P.current, status: i.Opening, node: e, options: n }];
     });
   }, []), f = w((e) => {
     h((n) => {
@@ -66,12 +67,12 @@ const T = $(void 0), q = () => H(T), F = ({ children: t, initialTheme: r, defaul
     });
   }, []), v = k(() => {
     const e = g || m;
-    return e ? e === p.Light ? p.Dark : p.Light : null;
-  }, [g, m]), j = k(
+    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 u(() => {
+  return _(() => {
     if (d.length) {
       const e = d[d.length - 1];
       e.status === i.Opening && (e?.options?.onOpen && e.options.onOpen(), setTimeout(() => {
@@ -83,14 +84,14 @@ const T = $(void 0), q = () => H(T), F = ({ children: t, initialTheme: r, defaul
         h((n) => n.slice(0, -1)), e?.options?.onClosed && e.options.onClosed();
       }, 240));
     }
-  }, [d]), u(() => {
+  }, [d]), _(() => {
     const e = window.matchMedia("(prefers-color-scheme: dark)"), n = (o) => {
-      B(o.matches ? p.Dark : p.Light);
+      B(o.matches ? u.Dark : u.Light);
     };
     return n(e), e.addEventListener("change", n), () => e.removeEventListener("change", n);
-  }, []), u(() => {
+  }, []), _(() => {
     document.body.style.overflowY = d.length ? "hidden" : "";
-  }, [d]), u(() => {
+  }, [d]), _(() => {
     const e = (l) => {
       l.key === "Escape" && (l.stopPropagation(), f({ esc: !0 }));
     }, n = () => {
@@ -101,17 +102,17 @@ const T = $(void 0), q = () => H(T), F = ({ children: t, initialTheme: r, defaul
     return n(), () => {
       o();
     };
-  }, []), u(() => {
-    _(!0);
-  }), /* @__PURE__ */ A(T.Provider, { value: j, children: [
+  }, []), _(() => {
+    p(!0);
+  }), /* @__PURE__ */ M(T.Provider, { value: R, children: [
     t,
-    s && I(
+    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: K(c["dialog-overlay"], {
+            className: I(c["dialog-overlay"], {
               [c["animated-opening"]]: [
                 i.Opening,
                 i.Opened
@@ -139,14 +140,17 @@ const T = $(void 0), q = () => H(T), F = ({ children: t, initialTheme: r, defaul
       document.body
     )
   ] });
+}, F = () => {
+  const t = N();
+  if (!t) throw new Error("usePaciu must be used within PaciuProvider");
+  return t;
 };
 export {
   x as D,
-  T as P,
-  p as T,
+  q as P,
+  u as T,
   i as a,
-  F as b,
-  K as c,
+  I as c,
   c as s,
-  q as u
+  F as u
 };

package/dist/index.d.ts

@@ -13,11 +13,6 @@ export declare const Card: default_2.ForwardRefExoticComponent<CardProps & defau
 declare interface CardProps extends default_2.HTMLAttributes<HTMLDivElement>, Pick<Modifiers, 'size'> {
 }
 
-declare interface CloseDialogOptions {
-    esc?: boolean;
-    outside?: boolean;
-}
-
 export declare type ColorType = 'opposite' | 'accent' | 'error';
 
 export declare const Dialog: React.FC<DialogProps>;
@@ -39,13 +34,6 @@ declare interface DialogProps extends React.PropsWithChildren {
     footer?: React.ReactNode;
 }
 
-declare interface DialogQueueItem {
-    id: number;
-    status: DialogQueueItemStatus;
-    node: () => React.ReactNode;
-    options?: OpenDialogOptions;
-}
-
 export declare enum DialogQueueItemStatus {
     Opening = "opening",
     Opened = "opened",
@@ -77,27 +65,6 @@ export declare interface Modifiers {
     color?: ColorType;
 }
 
-declare interface OpenDialogOptions {
-    position?: DialogPosition;
-    unClosable?: boolean;
-    fullHeight?: boolean;
-    fullWidth?: boolean;
-    onClose?: () => boolean | void;
-    onClosed?: () => boolean | void;
-    onOpen?: () => boolean | void;
-    onOpened?: () => boolean | void;
-}
-
-declare interface PaciuContextType {
-    theme: Theme | null;
-    nextTheme: Theme | null;
-    systemTheme: Theme | null;
-    toggleTheme: (theme: Theme) => void;
-    dialogsQueue: DialogQueueItem[];
-    openDialog: (node: () => React.ReactNode, options?: OpenDialogOptions) => void;
-    closeDialog: (options?: CloseDialogOptions) => void;
-}
-
 /** row */
 export declare const Row: default_2.ForwardRefExoticComponent<RowProps & default_2.RefAttributes<HTMLDivElement>>;
 
@@ -116,15 +83,13 @@ export declare type ThemeType = 'light' | 'dark' | 'system';
 
 export declare const useEscape: (callback: () => void) => void;
 
-export declare const usePaciu: () => PaciuContextType;
-
 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 P } from "react/jsx-runtime";
-import m, { useState as x, useEffect as w, useRef as L } from "react";
-import { c as f, s as d, u as S } from "./chunks/provider-core.es.js";
-import { D as X, a as Z, T as ss } from "./chunks/provider-core.es.js";
+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/provider.es.js";
+import { D as V, a as W, T as X } from "./chunks/provider.es.js";
 import './index.css';const n = {
   "paciu-ui-button": "_paciu-ui-button_y249s_14",
   "size-micro": "_size-micro_y249s_23",
@@ -21,7 +21,7 @@ import './index.css';const n = {
   "color-opposite": "_color-opposite_y249s_139",
   "color-accent": "_color-accent_y249s_207",
   "color-error": "_color-error_y249s_275"
-}, D = m.forwardRef((i, e) => {
+}, S = m.forwardRef((i, e) => {
   const {
     children: s,
     className: o,
@@ -34,14 +34,14 @@ import './index.css';const n = {
     outline: z,
     // opaque,
     rounded: g,
-    size: h,
-    onClick: k,
-    stopPropagation: $,
+    size: k,
+    onClick: h,
+    stopPropagation: x,
     stopImmediatePropagation: E,
     ...R
-  } = i, [C, v] = x(!1), I = async (y) => {
-    if ($ && y?.stopPropagation(), E && y?.nativeEvent?.stopImmediatePropagation(), k) {
-      const N = k(y);
+  } = i, [C, v] = $(!1), I = async (y) => {
+    if (x && y?.stopPropagation(), E && y?.nativeEvent?.stopImmediatePropagation(), h) {
+      const N = h(y);
       if (N instanceof Promise) {
         v(!0);
         try {
@@ -69,7 +69,7 @@ import './index.css';const n = {
           [n["modifier-solid"]]: p,
           ...r && { [n[`color-${r}`]]: r }
         },
-        h && n[`size-${h}`],
+        k && n[`size-${k}`],
         o
       ),
       onClick: I,
@@ -78,8 +78,8 @@ import './index.css';const n = {
     }
   );
 });
-D.displayName = "Button";
-const b = {
+S.displayName = "Button";
+const j = {
   "paciu-ui-row": "_paciu-ui-row_kd3dr_14",
   "size-micro": "_size-micro_kd3dr_23",
   "size-mini": "_size-mini_kd3dr_27",
@@ -88,15 +88,15 @@ const b = {
   "size-huge": "_size-huge_kd3dr_39",
   "size-enormous": "_size-enormous_kd3dr_43",
   "paciu-ui-blink-animation": "_paciu-ui-blink-animation_kd3dr_1"
-}, q = m.forwardRef((i, e) => {
+}, D = m.forwardRef((i, e) => {
   const { className: s, size: o, children: r, ..._ } = i;
-  return /* @__PURE__ */ a("div", { ref: e, className: f(b["paciu-ui-row"], o && b[`size-${o}`], s), ..._, children: r });
+  return /* @__PURE__ */ a("div", { ref: e, className: f(j["paciu-ui-row"], o && j[`size-${o}`], s), ..._, children: r });
 });
-q.displayName = "Row";
-const B = "_flex_ssd0s_14", F = "_inline_ssd0s_22", T = "_grow_ssd0s_25", t = {
-  flex: B,
-  inline: F,
-  grow: T,
+D.displayName = "Row";
+const q = "_flex_ssd0s_14", B = "_inline_ssd0s_22", F = "_grow_ssd0s_25", t = {
+  flex: q,
+  inline: B,
+  grow: F,
   "direction-column": "_direction-column_ssd0s_28",
   "direction-row-reverse": "_direction-row-reverse_ssd0s_31",
   "direction-column-reverse": "_direction-column-reverse_ssd0s_34",
@@ -119,7 +119,7 @@ const B = "_flex_ssd0s_14", F = "_inline_ssd0s_22", T = "_grow_ssd0s_25", t = {
   "size-huge": "_size-huge_ssd0s_95",
   "size-enormous": "_size-enormous_ssd0s_99",
   "paciu-ui-blink-animation": "_paciu-ui-blink-animation_ssd0s_1"
-}, O = m.forwardRef((i, e) => {
+}, T = m.forwardRef((i, e) => {
   const { children: s, className: o, direction: r, align: _, justify: l, wrap: c, size: u, inline: p, grow: z, ...g } = i;
   return /* @__PURE__ */ a(
     "div",
@@ -143,8 +143,8 @@ const B = "_flex_ssd0s_14", F = "_inline_ssd0s_22", T = "_grow_ssd0s_25", t = {
     }
   );
 });
-O.displayName = "Flex";
-const j = {
+T.displayName = "Flex";
+const P = {
   "paciu-ui-card": "_paciu-ui-card_a6huo_14",
   "size-micro": "_size-micro_a6huo_28",
   "size-mini": "_size-mini_a6huo_33",
@@ -153,26 +153,26 @@ const j = {
   "size-huge": "_size-huge_a6huo_48",
   "size-enormous": "_size-enormous_a6huo_53",
   "paciu-ui-blink-animation": "_paciu-ui-blink-animation_a6huo_1"
-}, Q = m.forwardRef((i, e) => {
+}, O = m.forwardRef((i, e) => {
   const { children: s, className: o, size: r, ..._ } = i;
-  return /* @__PURE__ */ a("div", { ref: e, className: f(j["paciu-ui-card"], r && j[`size-${r}`], o), ..._, children: s });
+  return /* @__PURE__ */ a("div", { ref: e, className: f(P["paciu-ui-card"], r && P[`size-${r}`], o), ..._, children: s });
 });
-Q.displayName = "Card";
-const H = ({ header: i, children: e, footer: s }) => /* @__PURE__ */ P("div", { className: d["dialog-compose"], children: [
+O.displayName = "Card";
+const G = ({ header: i, children: e, footer: s }) => /* @__PURE__ */ b("div", { className: d["dialog-compose"], children: [
   /* @__PURE__ */ a("div", { className: d["dialog-close"], children: /* @__PURE__ */ a("div", { className: d["dialog-close-cross"] }) }),
-  /* @__PURE__ */ P("div", { className: d["dialog-window"], onClick: (o) => o.stopPropagation(), children: [
+  /* @__PURE__ */ b("div", { className: d["dialog-window"], onClick: (o) => o.stopPropagation(), children: [
     i && /* @__PURE__ */ a("div", { className: d["dialog-window-header"], children: i }),
     e && /* @__PURE__ */ a("div", { className: d["dialog-window-body"], children: e }),
     s && /* @__PURE__ */ a("div", { className: d["dialog-window-footer"], children: s })
   ] })
-] }), J = (i) => {
+] }), H = (i) => {
   w(() => {
     const e = (s) => {
       s.key === "Escape" && (s.preventDefault(), s.stopPropagation(), s.stopImmediatePropagation(), i());
     };
     return document.addEventListener("keydown", e, !0), () => document.removeEventListener("keydown", e, !0);
   }, [i]);
-}, K = (i, e = [], s) => {
+}, J = (i, e = [], s) => {
   const o = L(s?.count || 1);
   w(() => {
     if (o.current > 0) {
@@ -181,30 +181,25 @@ const H = ({ header: i, children: e, footer: s }) => /* @__PURE__ */ P("div", {
     }
     return i();
   }, e);
-}, M = () => {
-  const [i, e] = x(!1);
+}, K = () => {
+  const [i, e] = $(!1);
   return w(() => {
     const s = () => e(window.scrollY > 0);
     return s(), document.addEventListener("scroll", s), () => {
       document.removeEventListener("scroll", s);
     };
   }, []), { isScrolled: i };
-}, U = () => {
-  const i = S();
-  if (!i) throw new Error("usePaciu must be used within PaciuProvider");
-  return i;
 };
 export {
-  D as Button,
-  Q as Card,
-  H as Dialog,
-  X as DialogPosition,
-  Z as DialogQueueItemStatus,
-  O as Flex,
-  q as Row,
-  ss as Theme,
-  J as useEscape,
-  U as usePaciu,
-  M as useScroll,
-  K as useSkipEffect
+  S as Button,
+  O as Card,
+  G as Dialog,
+  V as DialogPosition,
+  W as DialogQueueItemStatus,
+  T as Flex,
+  D as Row,
+  X as Theme,
+  H as useEscape,
+  K as useScroll,
+  J as useSkipEffect
 };

package/dist/provider.d.ts

@@ -1,7 +1,6 @@
-import { Context } from 'react';
 import { JSX } from 'react/jsx-runtime';
 
-export declare interface CloseDialogOptions {
+declare interface CloseDialogOptions {
     esc?: boolean;
     outside?: boolean;
 }
@@ -18,7 +17,7 @@ declare enum DialogPosition {
     RightBottom = "right-bottom"
 }
 
-export declare interface DialogQueueItem {
+declare interface DialogQueueItem {
     id: number;
     status: DialogQueueItemStatus;
     node: () => React.ReactNode;
@@ -32,7 +31,7 @@ declare enum DialogQueueItemStatus {
     Closed = "closed"
 }
 
-export declare interface OpenDialogOptions {
+declare interface OpenDialogOptions {
     position?: DialogPosition;
     unClosable?: boolean;
     fullHeight?: boolean;
@@ -43,9 +42,7 @@ export declare interface OpenDialogOptions {
     onOpened?: () => boolean | void;
 }
 
-export declare const PaciuContext: Context<PaciuContextType | undefined>;
-
-export declare interface PaciuContextType {
+declare interface PaciuContextType {
     theme: Theme | null;
     nextTheme: Theme | null;
     systemTheme: Theme | null;
@@ -57,7 +54,7 @@ export declare interface PaciuContextType {
 
 export declare const PaciuProvider: ({ children, initialTheme, defaultDialogPosition }: PaciuProviderProps) => JSX.Element;
 
-export declare interface PaciuProviderProps extends React.PropsWithChildren {
+declare interface PaciuProviderProps extends React.PropsWithChildren {
     initialTheme?: Theme;
     defaultDialogPosition?: DialogPosition;
 }
@@ -68,6 +65,6 @@ declare enum Theme {
     System = "system"
 }
 
-export declare const usePaciuContext: () => PaciuContextType | undefined;
+export declare const usePaciu: () => PaciuContextType;
 
 export { }

package/dist/provider.es.js

@@ -2,9 +2,8 @@
 import "react/jsx-runtime";
 import "react";
 import "react-dom";
-import { P as a, b as u, u as s } from "./chunks/provider-core.es.js";
+import { P as u, u as a } from "./chunks/provider.es.js";
 export {
-  a as PaciuContext,
   u as PaciuProvider,
-  s as usePaciuContext
+  a as usePaciu
 };

package/package.json

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