@paciu/ui 0.0.52 → 0.0.53

package/dist/index.d.ts

@@ -1 +1,131 @@
-export {};
+import { default as default_2 } from 'react';
+
+/** button */
+export declare const Button: default_2.ForwardRefExoticComponent<ButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
+
+declare interface ButtonProps extends Omit<default_2.ButtonHTMLAttributes<HTMLButtonElement>, 'color'>, Modifiers {
+    stopPropagation?: boolean;
+    stopImmediatePropagation?: boolean;
+}
+
+export declare const Card: default_2.ForwardRefExoticComponent<CardProps & default_2.RefAttributes<HTMLDivElement>>;
+
+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>;
+
+export declare enum DialogPosition {
+    TopCenter = "top-center",
+    Center = "center",
+    BottomCenter = "bottom-center",
+    LeftTop = "left-top",
+    LeftCenter = "left-center",
+    LeftBottom = "left-bottom",
+    RightTop = "right-top",
+    RightCenter = "right-center",
+    RightBottom = "right-bottom"
+}
+
+declare interface DialogProps extends React.PropsWithChildren {
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+}
+
+declare interface DialogQueueItem {
+    id: number;
+    status: DialogQueueItemStatus;
+    node: () => React.ReactNode;
+    options?: OpenDialogOptions;
+}
+
+export declare enum DialogQueueItemStatus {
+    Opening = "opening",
+    Opened = "opened",
+    Closing = "closing",
+    Closed = "closed"
+}
+
+export declare const Flex: default_2.ForwardRefExoticComponent<FlexProps & default_2.RefAttributes<HTMLDivElement>>;
+
+declare interface FlexProps extends default_2.HTMLAttributes<HTMLDivElement> {
+    size?: SizeType;
+    direction?: 'row' | 'column' | 'row-reverse' | 'column-reverse';
+    align?: 'start' | 'center' | 'end' | 'baseline' | 'stretch';
+    justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+    wrap?: 'nowrap' | 'wrap' | 'wrap-reverse';
+    grow?: boolean;
+    inline?: boolean;
+}
+
+export declare interface Modifiers {
+    link?: boolean;
+    soft?: boolean;
+    outline?: boolean;
+    solid?: boolean;
+    square?: boolean;
+    rounded?: boolean;
+    loading?: boolean;
+    size?: SizeType;
+    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>>;
+
+declare interface RowProps extends Omit<default_2.ButtonHTMLAttributes<HTMLDivElement>, 'color'>, Pick<Modifiers, 'size'> {
+}
+
+export declare type SizeType = 'micro' | 'mini' | 'small' | 'medium' | 'large' | 'huge' | 'enormous';
+
+export declare enum Theme {
+    Light = "light",
+    Dark = "dark",
+    System = "system"
+}
+
+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;
+
+declare interface UseSkipEffectOptions {
+    count?: number;
+}
+
+export { }

package/dist/index.es.js

@@ -1 +1,210 @@
-
+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 "./provider-Kkk4KMCp.js";
+import { D as X, a as Z, T as ss } from "./provider-Kkk4KMCp.js";
+import './index.css';const n = {
+  "paciu-ui-button": "_paciu-ui-button_y249s_14",
+  "size-micro": "_size-micro_y249s_23",
+  "size-mini": "_size-mini_y249s_31",
+  "size-small": "_size-small_y249s_39",
+  "size-large": "_size-large_y249s_47",
+  "size-huge": "_size-huge_y249s_55",
+  "size-enormous": "_size-enormous_y249s_63",
+  "modifier-soft": "_modifier-soft_y249s_98",
+  "modifier-solid": "_modifier-solid_y249s_101",
+  "modifier-outline": "_modifier-outline_y249s_106",
+  "modifier-rounded": "_modifier-rounded_y249s_109",
+  "modifier-loading": "_modifier-loading_y249s_112",
+  "paciu-ui-blink-animation": "_paciu-ui-blink-animation_y249s_1",
+  "modifier-square": "_modifier-square_y249s_116",
+  "modifier-link": "_modifier-link_y249s_125",
+  "color-opposite": "_color-opposite_y249s_139",
+  "color-accent": "_color-accent_y249s_207",
+  "color-error": "_color-error_y249s_275"
+}, D = m.forwardRef((i, e) => {
+  const {
+    children: s,
+    className: o,
+    color: r,
+    square: _,
+    loading: l,
+    link: c,
+    soft: u,
+    solid: p,
+    outline: z,
+    // opaque,
+    rounded: g,
+    size: h,
+    onClick: k,
+    stopPropagation: $,
+    stopImmediatePropagation: E,
+    ...R
+  } = i, [C, v] = x(!1), I = async (y) => {
+    if ($ && y?.stopPropagation(), E && y?.nativeEvent?.stopImmediatePropagation(), k) {
+      const N = k(y);
+      if (N instanceof Promise) {
+        v(!0);
+        try {
+          await N;
+        } finally {
+          v(!1);
+        }
+      }
+    }
+  };
+  return /* @__PURE__ */ a(
+    "button",
+    {
+      ref: e,
+      className: f(
+        n["paciu-ui-button"],
+        {
+          // [ styles.opaque ]: opaque,
+          [n["modifier-loading"]]: C || l,
+          [n["modifier-rounded"]]: g,
+          [n["modifier-square"]]: _,
+          [n["modifier-link"]]: c,
+          [n["modifier-soft"]]: u,
+          [n["modifier-outline"]]: z,
+          [n["modifier-solid"]]: p,
+          ...r && { [n[`color-${r}`]]: r }
+        },
+        h && n[`size-${h}`],
+        o
+      ),
+      onClick: I,
+      ...R,
+      children: s
+    }
+  );
+});
+D.displayName = "Button";
+const b = {
+  "paciu-ui-row": "_paciu-ui-row_kd3dr_14",
+  "size-micro": "_size-micro_kd3dr_23",
+  "size-mini": "_size-mini_kd3dr_27",
+  "size-small": "_size-small_kd3dr_31",
+  "size-large": "_size-large_kd3dr_35",
+  "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) => {
+  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 });
+});
+q.displayName = "Row";
+const B = "_flex_ssd0s_14", F = "_inline_ssd0s_22", T = "_grow_ssd0s_25", t = {
+  flex: B,
+  inline: F,
+  grow: T,
+  "direction-column": "_direction-column_ssd0s_28",
+  "direction-row-reverse": "_direction-row-reverse_ssd0s_31",
+  "direction-column-reverse": "_direction-column-reverse_ssd0s_34",
+  "align-start": "_align-start_ssd0s_37",
+  "align-center": "_align-center_ssd0s_40",
+  "align-end": "_align-end_ssd0s_43",
+  "align-baseline": "_align-baseline_ssd0s_46",
+  "justify-center": "_justify-center_ssd0s_49",
+  "justify-end": "_justify-end_ssd0s_52",
+  "justify-between": "_justify-between_ssd0s_55",
+  "justify-around": "_justify-around_ssd0s_58",
+  "justify-evenly": "_justify-evenly_ssd0s_61",
+  "wrap-wrap": "_wrap-wrap_ssd0s_64",
+  "wrap-wrap-reverse": "_wrap-wrap-reverse_ssd0s_67",
+  "size-micro": "_size-micro_ssd0s_75",
+  "size-mini": "_size-mini_ssd0s_79",
+  "size-small": "_size-small_ssd0s_83",
+  "size-medium": "_size-medium_ssd0s_87",
+  "size-large": "_size-large_ssd0s_91",
+  "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) => {
+  const { children: s, className: o, direction: r, align: _, justify: l, wrap: c, size: u, inline: p, grow: z, ...g } = i;
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      ref: e,
+      className: f(
+        t.flex,
+        {
+          [t.inline]: p,
+          [t.grow]: z,
+          [t[`direction-${r}`]]: r,
+          [t[`align-${_}`]]: _,
+          [t[`justify-${l}`]]: l,
+          [t[`wrap-${c}`]]: c
+        },
+        u && t[`size-${u}`],
+        o
+      ),
+      ...g,
+      children: s
+    }
+  );
+});
+O.displayName = "Flex";
+const j = {
+  "paciu-ui-card": "_paciu-ui-card_a6huo_14",
+  "size-micro": "_size-micro_a6huo_28",
+  "size-mini": "_size-mini_a6huo_33",
+  "size-small": "_size-small_a6huo_38",
+  "size-large": "_size-large_a6huo_43",
+  "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) => {
+  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 });
+});
+Q.displayName = "Card";
+const H = ({ header: i, children: e, footer: s }) => /* @__PURE__ */ P("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: [
+    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) => {
+  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) => {
+  const o = L(s?.count || 1);
+  w(() => {
+    if (o.current > 0) {
+      o.current--;
+      return;
+    }
+    return i();
+  }, e);
+}, M = () => {
+  const [i, e] = x(!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
+};

package/dist/provider-Kkk4KMCp.js

@@ -0,0 +1,153 @@
+"use client";
+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.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);
+  } 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);
+  return s;
+}
+const N = "_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: N,
+  "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 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) => {
+    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)
+          return o;
+      }
+      return [...o, { id: ++R.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 === p.Light ? p.Dark : p.Light : null;
+  }, [g, m]), j = k(
+    () => ({ theme: g, nextTheme: v, systemTheme: m, toggleTheme: C, openDialog: b, closeDialog: f, dialogsQueue: d }),
+    [g, v, m, C, b, f, d]
+  );
+  return u(() => {
+    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]), u(() => {
+    const e = window.matchMedia("(prefers-color-scheme: dark)"), n = (o) => {
+      B(o.matches ? p.Dark : p.Light);
+    };
+    return n(e), e.addEventListener("change", n), () => e.removeEventListener("change", n);
+  }, []), u(() => {
+    document.body.style.overflowY = d.length ? "hidden" : "";
+  }, [d]), u(() => {
+    const e = (l) => {
+      l.key === "Escape" && (l.stopPropagation(), f({ esc: !0 }));
+    }, n = () => {
+      document.addEventListener("keydown", e);
+    }, o = () => {
+      document.removeEventListener("keydown", e);
+    };
+    return n(), () => {
+      o();
+    };
+  }, []), u(() => {
+    _(!0);
+  }), /* @__PURE__ */ A(T.Provider, { value: j, children: [
+    t,
+    s && I(
+      /* @__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"], {
+              [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
+    )
+  ] });
+};
+export {
+  x as D,
+  T as P,
+  p as T,
+  i as a,
+  F as b,
+  K as c,
+  c as s,
+  q as u
+};

package/dist/provider.d.ts

@@ -1,37 +1,73 @@
-import { DialogPosition, DialogQueueItemStatus, Theme } from './enums';
-export interface DialogQueueItem {
-    id: number;
-    status: DialogQueueItemStatus;
-    node: () => React.ReactNode;
-    options?: OpenDialogOptions;
-}
-export 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;
-}
-export interface OpenDialogOptions {
-    position?: DialogPosition;
-    unClosable?: boolean;
-    fullHeight?: boolean;
-    fullWidth?: boolean;
-    onClose?: () => boolean | void;
-    onClosed?: () => boolean | void;
-    onOpen?: () => boolean | void;
-    onOpened?: () => boolean | void;
-}
-export interface CloseDialogOptions {
-    esc?: boolean;
-    outside?: boolean;
-}
-export declare const PaciuContext: import('react').Context<PaciuContextType | undefined>;
-export declare const usePaciuContext: () => PaciuContextType | undefined;
-export interface PaciuProviderProps extends React.PropsWithChildren {
-    initialTheme?: Theme;
-    defaultDialogPosition?: DialogPosition;
-}
-export declare const PaciuProvider: ({ children, initialTheme, defaultDialogPosition }: PaciuProviderProps) => import("react/jsx-runtime").JSX.Element;
+import { Context } from 'react';
+import { JSX } from 'react/jsx-runtime';
+
+export declare interface CloseDialogOptions {
+    esc?: boolean;
+    outside?: boolean;
+}
+
+declare enum DialogPosition {
+    TopCenter = "top-center",
+    Center = "center",
+    BottomCenter = "bottom-center",
+    LeftTop = "left-top",
+    LeftCenter = "left-center",
+    LeftBottom = "left-bottom",
+    RightTop = "right-top",
+    RightCenter = "right-center",
+    RightBottom = "right-bottom"
+}
+
+export declare interface DialogQueueItem {
+    id: number;
+    status: DialogQueueItemStatus;
+    node: () => React.ReactNode;
+    options?: OpenDialogOptions;
+}
+
+declare enum DialogQueueItemStatus {
+    Opening = "opening",
+    Opened = "opened",
+    Closing = "closing",
+    Closed = "closed"
+}
+
+export declare interface OpenDialogOptions {
+    position?: DialogPosition;
+    unClosable?: boolean;
+    fullHeight?: boolean;
+    fullWidth?: boolean;
+    onClose?: () => boolean | void;
+    onClosed?: () => boolean | void;
+    onOpen?: () => boolean | void;
+    onOpened?: () => boolean | void;
+}
+
+export declare const PaciuContext: Context<PaciuContextType | undefined>;
+
+export 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;
+}
+
+export declare const PaciuProvider: ({ children, initialTheme, defaultDialogPosition }: PaciuProviderProps) => JSX.Element;
+
+export declare interface PaciuProviderProps extends React.PropsWithChildren {
+    initialTheme?: Theme;
+    defaultDialogPosition?: DialogPosition;
+}
+
+declare enum Theme {
+    Light = "light",
+    Dark = "dark",
+    System = "system"
+}
+
+export declare const usePaciuContext: () => PaciuContextType | undefined;
+
+export { }

package/dist/provider.es.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paciu/ui",
-  "version": "0.0.52",
+  "version": "0.0.53",
   "type": "module",
   "main": "./dist/index.umd.js",
   "module": "./dist/index.es.js",
@@ -13,22 +13,6 @@
     "./provider": {
       "types": "./dist/provider.d.ts",
       "import": "./dist/provider.es.js"
-    },
-    "./enums": {
-      "types": "./dist/enums.d.ts",
-      "import": "./dist/enums.es.js"
-    },
-    "./types": {
-      "types": "./dist/types.d.ts",
-      "import": "./dist/types.es.js"
-    },
-    "./hooks": {
-      "types": "./dist/hooks.d.ts",
-      "import": "./dist/hooks.es.js"
-    },
-    "./components": {
-      "types": "./dist/components.d.ts",
-      "import": "./dist/components.es.js"
     }
   },
   "files": [

package/dist/components/button/button.d.ts

@@ -1,9 +0,0 @@
-import { default as React } from 'react';
-import { Modifiers } from '../../types';
-interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'color'>, Modifiers {
-    stopPropagation?: boolean;
-    stopImmediatePropagation?: boolean;
-}
-/** button */
-export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export {};

package/dist/components/card/card.d.ts

@@ -1,6 +0,0 @@
-import { default as React } from 'react';
-import { Modifiers } from '../../types';
-interface CardProps extends React.HTMLAttributes<HTMLDivElement>, Pick<Modifiers, 'size'> {
-}
-export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/dist/components/dialog/dialog.d.ts

@@ -1,5 +0,0 @@
-export interface DialogProps extends React.PropsWithChildren {
-    header?: React.ReactNode;
-    footer?: React.ReactNode;
-}
-export declare const Dialog: React.FC<DialogProps>;

package/dist/components/flex/flex.d.ts

@@ -1,13 +0,0 @@
-import { default as React } from 'react';
-import { SizeType } from '../../types';
-interface FlexProps extends React.HTMLAttributes<HTMLDivElement> {
-    size?: SizeType;
-    direction?: 'row' | 'column' | 'row-reverse' | 'column-reverse';
-    align?: 'start' | 'center' | 'end' | 'baseline' | 'stretch';
-    justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
-    wrap?: 'nowrap' | 'wrap' | 'wrap-reverse';
-    grow?: boolean;
-    inline?: boolean;
-}
-export declare const Flex: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/dist/components/index.d.ts

@@ -1,5 +0,0 @@
-export { Button } from './button/button.tsx';
-export { Row } from './row/row.tsx';
-export { Flex } from './flex/flex.tsx';
-export { Card } from './card/card.tsx';
-export { Dialog } from './dialog/dialog.tsx';

package/dist/components/row/row.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-import { Modifiers } from '../../types';
-interface RowProps extends Omit<React.ButtonHTMLAttributes<HTMLDivElement>, 'color'>, Pick<Modifiers, 'size'> {
-}
-/** row */
-export declare const Row: React.ForwardRefExoticComponent<RowProps & React.RefAttributes<HTMLDivElement>>;
-export {};

package/dist/components.es.js

@@ -1,174 +0,0 @@
-import { jsx as a, jsxs as v } from "react/jsx-runtime";
-import m, { useState as q } from "react";
-import { c as f, s as l } from "./dialog.module-1l9Pt9kh.js";
-import './components.css';const _ = {
-  "paciu-ui-button": "_paciu-ui-button_y249s_14",
-  "size-micro": "_size-micro_y249s_23",
-  "size-mini": "_size-mini_y249s_31",
-  "size-small": "_size-small_y249s_39",
-  "size-large": "_size-large_y249s_47",
-  "size-huge": "_size-huge_y249s_55",
-  "size-enormous": "_size-enormous_y249s_63",
-  "modifier-soft": "_modifier-soft_y249s_98",
-  "modifier-solid": "_modifier-solid_y249s_101",
-  "modifier-outline": "_modifier-outline_y249s_106",
-  "modifier-rounded": "_modifier-rounded_y249s_109",
-  "modifier-loading": "_modifier-loading_y249s_112",
-  "paciu-ui-blink-animation": "_paciu-ui-blink-animation_y249s_1",
-  "modifier-square": "_modifier-square_y249s_116",
-  "modifier-link": "_modifier-link_y249s_125",
-  "color-opposite": "_color-opposite_y249s_139",
-  "color-accent": "_color-accent_y249s_207",
-  "color-error": "_color-error_y249s_275"
-}, I = m.forwardRef((s, e) => {
-  const {
-    children: o,
-    className: r,
-    color: i,
-    square: n,
-    loading: t,
-    link: c,
-    soft: u,
-    solid: z,
-    outline: p,
-    // opaque,
-    rounded: g,
-    size: w,
-    onClick: h,
-    stopPropagation: $,
-    stopImmediatePropagation: x,
-    ...P
-  } = s, [R, k] = q(!1), C = async (y) => {
-    if ($ && y?.stopPropagation(), x && y?.nativeEvent?.stopImmediatePropagation(), h) {
-      const N = h(y);
-      if (N instanceof Promise) {
-        k(!0);
-        try {
-          await N;
-        } finally {
-          k(!1);
-        }
-      }
-    }
-  };
-  return /* @__PURE__ */ a(
-    "button",
-    {
-      ref: e,
-      className: f(
-        _["paciu-ui-button"],
-        {
-          // [ styles.opaque ]: opaque,
-          [_["modifier-loading"]]: R || t,
-          [_["modifier-rounded"]]: g,
-          [_["modifier-square"]]: n,
-          [_["modifier-link"]]: c,
-          [_["modifier-soft"]]: u,
-          [_["modifier-outline"]]: p,
-          [_["modifier-solid"]]: z,
-          ...i && { [_[`color-${i}`]]: i }
-        },
-        w && _[`size-${w}`],
-        r
-      ),
-      onClick: C,
-      ...P,
-      children: o
-    }
-  );
-});
-I.displayName = "Button";
-const b = {
-  "paciu-ui-row": "_paciu-ui-row_kd3dr_14",
-  "size-micro": "_size-micro_kd3dr_23",
-  "size-mini": "_size-mini_kd3dr_27",
-  "size-small": "_size-small_kd3dr_31",
-  "size-large": "_size-large_kd3dr_35",
-  "size-huge": "_size-huge_kd3dr_39",
-  "size-enormous": "_size-enormous_kd3dr_43",
-  "paciu-ui-blink-animation": "_paciu-ui-blink-animation_kd3dr_1"
-}, B = m.forwardRef((s, e) => {
-  const { className: o, size: r, children: i, ...n } = s;
-  return /* @__PURE__ */ a("div", { ref: e, className: f(b["paciu-ui-row"], r && b[`size-${r}`], o), ...n, children: i });
-});
-B.displayName = "Row";
-const F = "_flex_ssd0s_14", L = "_inline_ssd0s_22", D = "_grow_ssd0s_25", d = {
-  flex: F,
-  inline: L,
-  grow: D,
-  "direction-column": "_direction-column_ssd0s_28",
-  "direction-row-reverse": "_direction-row-reverse_ssd0s_31",
-  "direction-column-reverse": "_direction-column-reverse_ssd0s_34",
-  "align-start": "_align-start_ssd0s_37",
-  "align-center": "_align-center_ssd0s_40",
-  "align-end": "_align-end_ssd0s_43",
-  "align-baseline": "_align-baseline_ssd0s_46",
-  "justify-center": "_justify-center_ssd0s_49",
-  "justify-end": "_justify-end_ssd0s_52",
-  "justify-between": "_justify-between_ssd0s_55",
-  "justify-around": "_justify-around_ssd0s_58",
-  "justify-evenly": "_justify-evenly_ssd0s_61",
-  "wrap-wrap": "_wrap-wrap_ssd0s_64",
-  "wrap-wrap-reverse": "_wrap-wrap-reverse_ssd0s_67",
-  "size-micro": "_size-micro_ssd0s_75",
-  "size-mini": "_size-mini_ssd0s_79",
-  "size-small": "_size-small_ssd0s_83",
-  "size-medium": "_size-medium_ssd0s_87",
-  "size-large": "_size-large_ssd0s_91",
-  "size-huge": "_size-huge_ssd0s_95",
-  "size-enormous": "_size-enormous_ssd0s_99",
-  "paciu-ui-blink-animation": "_paciu-ui-blink-animation_ssd0s_1"
-}, E = m.forwardRef((s, e) => {
-  const { children: o, className: r, direction: i, align: n, justify: t, wrap: c, size: u, inline: z, grow: p, ...g } = s;
-  return /* @__PURE__ */ a(
-    "div",
-    {
-      ref: e,
-      className: f(
-        d.flex,
-        {
-          [d.inline]: z,
-          [d.grow]: p,
-          [d[`direction-${i}`]]: i,
-          [d[`align-${n}`]]: n,
-          [d[`justify-${t}`]]: t,
-          [d[`wrap-${c}`]]: c
-        },
-        u && d[`size-${u}`],
-        r
-      ),
-      ...g,
-      children: o
-    }
-  );
-});
-E.displayName = "Flex";
-const j = {
-  "paciu-ui-card": "_paciu-ui-card_a6huo_14",
-  "size-micro": "_size-micro_a6huo_28",
-  "size-mini": "_size-mini_a6huo_33",
-  "size-small": "_size-small_a6huo_38",
-  "size-large": "_size-large_a6huo_43",
-  "size-huge": "_size-huge_a6huo_48",
-  "size-enormous": "_size-enormous_a6huo_53",
-  "paciu-ui-blink-animation": "_paciu-ui-blink-animation_a6huo_1"
-}, O = m.forwardRef((s, e) => {
-  const { children: o, className: r, size: i, ...n } = s;
-  return /* @__PURE__ */ a("div", { ref: e, className: f(j["paciu-ui-card"], i && j[`size-${i}`], r), ...n, children: o });
-});
-O.displayName = "Card";
-const H = ({ header: s, children: e, footer: o }) => /* @__PURE__ */ v("div", { className: l["dialog-compose"], children: [
-  /* @__PURE__ */ a("div", { className: l["dialog-close"], children: /* @__PURE__ */ a("div", { className: l["dialog-close-cross"] }) }),
-  /* @__PURE__ */ v("div", { className: l["dialog-window"], onClick: (r) => r.stopPropagation(), children: [
-    s && /* @__PURE__ */ a("div", { className: l["dialog-window-header"], children: s }),
-    e && /* @__PURE__ */ a("div", { className: l["dialog-window-body"], children: e }),
-    o && /* @__PURE__ */ a("div", { className: l["dialog-window-footer"], children: o })
-  ] })
-] });
-export {
-  I as Button,
-  O as Card,
-  H as Dialog,
-  E as Flex,
-  B as Row
-};

package/dist/dialog.module-1l9Pt9kh.js

@@ -1,47 +0,0 @@
-import './dialog.css';function s(o) {
-  var n, t, i = "";
-  if (typeof o == "string" || typeof o == "number") i += o;
-  else if (typeof o == "object") if (Array.isArray(o)) {
-    var _ = o.length;
-    for (n = 0; n < _; n++) o[n] && (t = s(o[n])) && (i && (i += " "), i += t);
-  } else for (t in o) o[t] && (i && (i += " "), i += t);
-  return i;
-}
-function e() {
-  for (var o, n, t = 0, i = "", _ = arguments.length; t < _; t++) (o = arguments[t]) && (n = s(o)) && (i && (i += " "), i += n);
-  return i;
-}
-const a = "_active_1rsd6_164", r = {
-  "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: a,
-  "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"
-};
-export {
-  e as c,
-  r as s
-};

package/dist/enums/index.d.ts

@@ -1,22 +0,0 @@
-export declare enum Theme {
-    Light = "light",
-    Dark = "dark",
-    System = "system"
-}
-export declare enum DialogQueueItemStatus {
-    Opening = "opening",
-    Opened = "opened",
-    Closing = "closing",
-    Closed = "closed"
-}
-export declare enum DialogPosition {
-    TopCenter = "top-center",
-    Center = "center",
-    BottomCenter = "bottom-center",
-    LeftTop = "left-top",
-    LeftCenter = "left-center",
-    LeftBottom = "left-bottom",
-    RightTop = "right-top",
-    RightCenter = "right-center",
-    RightBottom = "right-bottom"
-}

package/dist/enums.es.js

@@ -1,6 +0,0 @@
-var e = /* @__PURE__ */ ((t) => (t.Light = "light", t.Dark = "dark", t.System = "system", t))(e || {}), r = /* @__PURE__ */ ((t) => (t.Opening = "opening", t.Opened = "opened", t.Closing = "closing", t.Closed = "closed", t))(r || {}), n = /* @__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))(n || {});
-export {
-  n as DialogPosition,
-  r as DialogQueueItemStatus,
-  e as Theme
-};

package/dist/hooks/index.d.ts

@@ -1,6 +0,0 @@
-export { useEscape } from './use-escape';
-export { useSkipEffect } from './use-skip-effect';
-export declare const useScroll: () => {
-    isScrolled: boolean;
-};
-export declare const usePaciu: () => import('../provider').PaciuContextType;

package/dist/hooks/use-escape.d.ts

@@ -1 +0,0 @@
-export declare const useEscape: (callback: () => void) => void;

package/dist/hooks/use-skip-effect.d.ts

@@ -1,5 +0,0 @@
-import { default as React } from 'react';
-export interface UseSkipEffectOptions {
-    count?: number;
-}
-export declare const useSkipEffect: (cb: React.EffectCallback, deps?: React.DependencyList, options?: UseSkipEffectOptions) => void;

package/dist/hooks.es.js

@@ -1,37 +0,0 @@
-import { usePaciuContext as s } from "./provider.es.js";
-import { useEffect as o, useRef as u, useState as c } from "react";
-const l = (t) => {
-  o(() => {
-    const r = (e) => {
-      e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), t());
-    };
-    return document.addEventListener("keydown", r, !0), () => document.removeEventListener("keydown", r, !0);
-  }, [t]);
-}, a = (t, r = [], e) => {
-  const n = u(e?.count || 1);
-  o(() => {
-    if (n.current > 0) {
-      n.current--;
-      return;
-    }
-    return t();
-  }, r);
-}, m = () => {
-  const [t, r] = c(!1);
-  return o(() => {
-    const e = () => r(window.scrollY > 0);
-    return e(), document.addEventListener("scroll", e), () => {
-      document.removeEventListener("scroll", e);
-    };
-  }, []), { isScrolled: t };
-}, f = () => {
-  const t = s();
-  if (!t) throw new Error("usePaciu must be used within PaciuProvider");
-  return t;
-};
-export {
-  l as useEscape,
-  f as usePaciu,
-  m as useScroll,
-  a as useSkipEffect
-};

package/dist/types/index.d.ts

@@ -1,14 +0,0 @@
-export type ThemeType = 'light' | 'dark' | 'system';
-export type ColorType = 'opposite' | 'accent' | 'error';
-export type SizeType = 'micro' | 'mini' | 'small' | 'medium' | 'large' | 'huge' | 'enormous';
-export interface Modifiers {
-    link?: boolean;
-    soft?: boolean;
-    outline?: boolean;
-    solid?: boolean;
-    square?: boolean;
-    rounded?: boolean;
-    loading?: boolean;
-    size?: SizeType;
-    color?: ColorType;
-}

package/dist/types.es.js

@@ -1 +0,0 @@
-