@paciu/ui 0.0.42 → 0.0.44

package/dist/hooks/index.d.ts

@@ -1,5 +1,6 @@
 export { useEscape } from './use-escape';
 export { useSkipEffect } from './use-skip-effect';
+export * from './use-theme';
 export declare const useScroll: () => {
     isScrolled: boolean;
 };

package/dist/index.es.js

@@ -1,6 +1,6 @@
-import { jsx as d } from "react/jsx-runtime";
-import c, { useState as j, useEffect as y, useRef as P } from "react";
-import './index.css';const n = {
+import { jsx as m } from "react/jsx-runtime";
+import y, { useState as f, useEffect as z, useRef as L, createContext as T, useMemo as R, useCallback as S, useContext as q } from "react";
+import './index.css';const _ = {
   "paciu-ui-button": "_paciu-ui-button_y249s_14",
   "size-micro": "_size-micro_y249s_23",
   "size-mini": "_size-mini_y249s_31",
@@ -20,76 +20,76 @@ import './index.css';const n = {
   "color-accent": "_color-accent_y249s_207",
   "color-error": "_color-error_y249s_275"
 };
-function N(s) {
-  var r, i, e = "";
-  if (typeof s == "string" || typeof s == "number") e += s;
-  else if (typeof s == "object") if (Array.isArray(s)) {
-    var o = s.length;
-    for (r = 0; r < o; r++) s[r] && (i = N(s[r])) && (e && (e += " "), e += i);
-  } else for (i in s) s[i] && (e && (e += " "), e += i);
-  return e;
+function x(e) {
+  var r, s, i = "";
+  if (typeof e == "string" || typeof e == "number") i += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var o = e.length;
+    for (r = 0; r < o; r++) e[r] && (s = x(e[r])) && (i && (i += " "), i += s);
+  } else for (s in e) e[s] && (i && (i += " "), i += s);
+  return i;
 }
-function m() {
-  for (var s, r, i = 0, e = "", o = arguments.length; i < o; i++) (s = arguments[i]) && (r = N(s)) && (e && (e += " "), e += r);
-  return e;
+function p() {
+  for (var e, r, s = 0, i = "", o = arguments.length; s < o; s++) (e = arguments[s]) && (r = x(e)) && (i && (i += " "), i += r);
+  return i;
 }
-const L = c.forwardRef((s, r) => {
+const I = y.forwardRef((e, r) => {
   const {
-    children: i,
-    className: e,
+    children: s,
+    className: i,
     color: o,
-    square: _,
-    loading: a,
-    link: l,
-    soft: u,
-    solid: f,
-    outline: z,
+    square: t,
+    loading: l,
+    link: d,
+    soft: n,
+    solid: u,
+    outline: c,
     // opaque,
-    rounded: p,
-    size: g,
+    rounded: g,
+    size: h,
     onClick: w,
-    ...$
-  } = s, [x, k] = j(!1), E = async (R) => {
+    ...N
+  } = e, [$, k] = f(!1), P = async (C) => {
     if (w) {
-      const h = w(R);
-      if (h instanceof Promise) {
+      const v = w(C);
+      if (v instanceof Promise) {
         k(!0);
         try {
-          await h;
+          await v;
         } finally {
           k(!1);
         }
       }
     }
   };
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ m(
     "button",
     {
       ref: r,
-      className: m(
-        n["paciu-ui-button"],
+      className: p(
+        _["paciu-ui-button"],
         {
           // [ styles.opaque ]: opaque,
-          [n["modifier-loading"]]: x || a,
-          [n["modifier-rounded"]]: p,
-          [n["modifier-square"]]: _,
-          [n["modifier-link"]]: l,
-          [n["modifier-soft"]]: u,
-          [n["modifier-outline"]]: z,
-          [n["modifier-solid"]]: f,
-          ...o && { [n[`color-${o}`]]: o }
+          [_["modifier-loading"]]: $ || l,
+          [_["modifier-rounded"]]: g,
+          [_["modifier-square"]]: t,
+          [_["modifier-link"]]: d,
+          [_["modifier-soft"]]: n,
+          [_["modifier-outline"]]: c,
+          [_["modifier-solid"]]: u,
+          ...o && { [_[`color-${o}`]]: o }
         },
-        g && n[`size-${g}`],
-        e
+        h && _[`size-${h}`],
+        i
       ),
-      onClick: E,
-      ...$,
-      children: i
+      onClick: P,
+      ...N,
+      children: s
     }
   );
 });
-L.displayName = "Button";
-const v = {
+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",
@@ -98,15 +98,15 @@ const v = {
   "size-huge": "_size-huge_kd3dr_39",
   "size-enormous": "_size-enormous_kd3dr_43",
   "paciu-ui-blink-animation": "_paciu-ui-blink-animation_kd3dr_1"
-}, C = c.forwardRef((s, r) => {
-  const { className: i, size: e, children: o, ..._ } = s;
-  return /* @__PURE__ */ d("div", { ref: r, className: m(v["paciu-ui-row"], e && v[`size-${e}`], i), ..._, children: o });
+}, A = y.forwardRef((e, r) => {
+  const { className: s, size: i, children: o, ...t } = e;
+  return /* @__PURE__ */ m("div", { ref: r, className: p(b["paciu-ui-row"], i && b[`size-${i}`], s), ...t, children: o });
 });
-C.displayName = "Row";
-const S = "_flex_ssd0s_14", q = "_inline_ssd0s_22", I = "_grow_ssd0s_25", t = {
-  flex: S,
-  inline: q,
-  grow: I,
+A.displayName = "Row";
+const B = "_flex_ssd0s_14", D = "_inline_ssd0s_22", F = "_grow_ssd0s_25", a = {
+  flex: B,
+  inline: D,
+  grow: F,
   "direction-column": "_direction-column_ssd0s_28",
   "direction-row-reverse": "_direction-row-reverse_ssd0s_31",
   "direction-column-reverse": "_direction-column-reverse_ssd0s_34",
@@ -129,32 +129,32 @@ const S = "_flex_ssd0s_14", q = "_inline_ssd0s_22", I = "_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"
-}, A = c.forwardRef((s, r) => {
-  const { children: i, className: e, direction: o, align: _, justify: a, wrap: l, size: u, inline: f, grow: z, ...p } = s;
-  return /* @__PURE__ */ d(
+}, M = y.forwardRef((e, r) => {
+  const { children: s, className: i, direction: o, align: t, justify: l, wrap: d, size: n, inline: u, grow: c, ...g } = e;
+  return /* @__PURE__ */ m(
     "div",
     {
       ref: r,
-      className: m(
-        t.flex,
+      className: p(
+        a.flex,
         {
-          [t.inline]: f,
-          [t.grow]: z,
-          [t[`direction-${o}`]]: o,
-          [t[`align-${_}`]]: _,
-          [t[`justify-${a}`]]: a,
-          [t[`wrap-${l}`]]: l
+          [a.inline]: u,
+          [a.grow]: c,
+          [a[`direction-${o}`]]: o,
+          [a[`align-${t}`]]: t,
+          [a[`justify-${l}`]]: l,
+          [a[`wrap-${d}`]]: d
         },
-        u && t[`size-${u}`],
-        e
+        n && a[`size-${n}`],
+        i
       ),
-      ...p,
-      children: i
+      ...g,
+      children: s
     }
   );
 });
-A.displayName = "Flex";
-const b = {
+M.displayName = "Flex";
+const j = {
   "paciu-ui-card": "_paciu-ui-card_a6huo_14",
   "size-micro": "_size-micro_a6huo_28",
   "size-mini": "_size-mini_a6huo_33",
@@ -163,42 +163,70 @@ const b = {
   "size-huge": "_size-huge_a6huo_48",
   "size-enormous": "_size-enormous_a6huo_53",
   "paciu-ui-blink-animation": "_paciu-ui-blink-animation_a6huo_1"
-}, B = c.forwardRef((s, r) => {
-  const { children: i, className: e, size: o, ..._ } = s;
-  return /* @__PURE__ */ d("div", { ref: r, className: m(b["paciu-ui-card"], o && b[`size-${o}`], e), ..._, children: i });
+}, O = y.forwardRef((e, r) => {
+  const { children: s, className: i, size: o, ...t } = e;
+  return /* @__PURE__ */ m("div", { ref: r, className: p(j["paciu-ui-card"], o && j[`size-${o}`], i), ...t, children: s });
 });
-B.displayName = "Card";
-const O = (s) => {
-  y(() => {
-    const r = (i) => {
-      i.key === "Escape" && (i.preventDefault(), i.stopPropagation(), i.stopImmediatePropagation(), s());
+O.displayName = "Card";
+const H = (e) => {
+  z(() => {
+    const r = (s) => {
+      s.key === "Escape" && (s.preventDefault(), s.stopPropagation(), s.stopImmediatePropagation(), e());
     };
     return document.addEventListener("keydown", r, !0), () => document.removeEventListener("keydown", r, !0);
-  }, [s]);
-}, Y = (s, r = [], i) => {
-  const e = P(i?.count || 1);
-  y(() => {
-    if (e.current > 0) {
-      e.current--;
+  }, [e]);
+}, J = (e, r = [], s) => {
+  const i = L(s?.count || 1);
+  z(() => {
+    if (i.current > 0) {
+      i.current--;
       return;
     }
-    return s();
+    return e();
   }, r);
-}, G = () => {
-  const [s, r] = j(!1);
-  return y(() => {
-    const i = () => r(window.scrollY > 0);
-    return i(), document.addEventListener("scroll", i), () => {
-      document.removeEventListener("scroll", i);
+};
+var Q = /* @__PURE__ */ ((e) => (e.Light = "light", e.Dark = "dark", e.System = "system", e))(Q || {});
+const E = T(void 0), K = ({ children: e, initialTheme: r }) => {
+  const [s, i] = f(r || null), [o, t] = f(r || null);
+  z(() => {
+    const n = window.matchMedia("(prefers-color-scheme: dark)"), u = (c) => {
+      t(
+        c.matches ? "dark" : "light"
+        /* Light */
+      );
+    };
+    return u(n), n.addEventListener("change", u), () => n.removeEventListener("change", u);
+  }, []);
+  const l = R(() => {
+    const n = s || o;
+    return n ? n === "light" ? "dark" : "light" : null;
+  }, [s, o]), d = S((n) => {
+    document.documentElement.dataset.theme = n || void 0, i(n);
+  }, []);
+  return /* @__PURE__ */ m(E.Provider, { value: { theme: s, nextTheme: l, systemTheme: o, toggleTheme: d }, children: e });
+}, U = () => {
+  const e = q(E);
+  if (!e) throw new Error("useTheme must be used within ThemeProvider");
+  return e;
+}, V = () => {
+  const [e, r] = f(!1);
+  return z(() => {
+    const s = () => r(window.scrollY > 0);
+    return s(), document.addEventListener("scroll", s), () => {
+      document.removeEventListener("scroll", s);
     };
-  }, []), { isScrolled: s };
+  }, []), { isScrolled: e };
 };
 export {
-  L as Button,
-  B as Card,
-  A as Flex,
-  C as Row,
-  O as useEscape,
-  G as useScroll,
-  Y as useSkipEffect
+  I as Button,
+  O as Card,
+  M as Flex,
+  A as Row,
+  Q as Theme,
+  E as ThemeContext,
+  K as ThemeProvider,
+  H as useEscape,
+  V as useScroll,
+  J as useSkipEffect,
+  U as useTheme
 };

package/dist/index.umd.js

@@ -1,2 +1,2 @@
-(function(a,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],t):(a=typeof globalThis<"u"?globalThis:a||self,t(a["paciu-ui"]={},a["react/jsx-runtime"],a.react))})(this,(function(a,t,_){"use strict";var y=document.createElement("style");y.textContent=`@keyframes _paciu-ui-blink-animation_y249s_1{0%{opacity:1}50%{opacity:.32}to{opacity:1}}._paciu-ui-button_y249s_14{--height: 32px;--padding: 12px;--border-radius: 12px;--font-size: 16px;--gap: 8px;--border-width: 1px}._paciu-ui-button_y249s_14._size-micro_y249s_23{--height: 20px;--padding: 6px;--border-radius: 6px;--font-size: 10px;--gap: 2px}._paciu-ui-button_y249s_14._size-mini_y249s_31{--height: 24px;--padding: 8px;--border-radius: 8px;--font-size: 12px;--gap: 4px}._paciu-ui-button_y249s_14._size-small_y249s_39{--height: 28px;--padding: 10px;--border-radius: 10px;--font-size: 14px;--gap: 6px}._paciu-ui-button_y249s_14._size-large_y249s_47{--height: 36px;--padding: 14px;--border-radius: 14px;--font-size: 18px;--gap: 10px}._paciu-ui-button_y249s_14._size-huge_y249s_55{--height: 40px;--padding: 16px;--border-radius: 16px;--font-size: 20px;--gap: 12px}._paciu-ui-button_y249s_14._size-enormous_y249s_63{--height: 44px;--padding: 18px;--border-radius: 18px;--font-size: 22px;--gap: 14px}._paciu-ui-button_y249s_14{--base-color: color-mix(in srgb, var(--base-color-900) 80%, transparent);--font-color: color-mix(in srgb, var(--base-color-900) 60%, var(--base-color-100));--border-color: var(--base-color);--solid-background-color: color-mix(in srgb, var(--base-color-900) 10%, var(--base-color-100));--solid-font-color: color-mix(in srgb, var(--base-color-900) 60%, var(--base-color-100));--solid-border-color: var(--solid-font-color);background:none;border:var(--border-width) solid transparent;padding:0 var(--padding);min-height:var(--height);height:var(--height);max-height:var(--height);border-radius:var(--border-radius);color:var(--font-color, var(--base-color));font:inherit;font-weight:500;font-size:var(--font-size);cursor:pointer;transition:var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--gap);position:relative;text-decoration:none}._paciu-ui-button_y249s_14._modifier-soft_y249s_98{background:color-mix(in srgb,var(--base-color) 4%,transparent)}._paciu-ui-button_y249s_14._modifier-solid_y249s_101{border-color:transparent;background:var(--solid-background-color, var(--base-color));color:var(--solid-font-color, var(--font-color, var(--base-color)))}._paciu-ui-button_y249s_14._modifier-outline_y249s_106{border-color:color-mix(in srgb,var(--base-color) 20%,transparent)}._paciu-ui-button_y249s_14._modifier-rounded_y249s_109{border-radius:calc(var(--height) / 2)}._paciu-ui-button_y249s_14._modifier-loading_y249s_112{pointer-events:none;animation:_paciu-ui-blink-animation_y249s_1 2s infinite ease-in-out}._paciu-ui-button_y249s_14._modifier-square_y249s_116{padding:0;min-width:var(--height);width:var(--height);max-width:var(--height)}._paciu-ui-button_y249s_14:enabled:hover{background:color-mix(in srgb,var(--base-color) 6%,transparent)}._paciu-ui-button_y249s_14._modifier-link_y249s_125:enabled:hover{background:transparent;color:color-mix(in srgb,var(--font-color, var(--base-color)) 60%,transparent)}._paciu-ui-button_y249s_14._modifier-soft_y249s_98:enabled:hover{background:color-mix(in srgb,var(--base-color) 10%,transparent)}._paciu-ui-button_y249s_14._modifier-solid_y249s_101:enabled:hover{background:color-mix(in srgb,var(--solid-background-color, var(--base-color)) 80%,transparent)}._paciu-ui-button_y249s_14._modifier-solid_y249s_101._modifier-link_y249s_125:enabled:hover{color:color-mix(in srgb,var(--solid-font-color, var(--font-color, var(--base-color))) 60%,transparent)}._paciu-ui-button_y249s_14._color-opposite_y249s_139{--base-color: var(--base-color-900);--font-color: var(--base-color-900);--border-color: var(--base-color);--solid-background-color: var(--base-color-900);--solid-font-color: var(--base-color-100);--solid-border-color: var(--solid-font-color);background:none;border:var(--border-width) solid transparent;padding:0 var(--padding);min-height:var(--height);height:var(--height);max-height:var(--height);border-radius:var(--border-radius);color:var(--font-color, var(--base-color));font:inherit;font-weight:500;font-size:var(--font-size);cursor:pointer;transition:var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--gap);position:relative;text-decoration:none}._paciu-ui-button_y249s_14._color-opposite_y249s_139._modifier-soft_y249s_98{background:color-mix(in srgb,var(--base-color) 4%,transparent)}._paciu-ui-button_y249s_14._color-opposite_y249s_139._modifier-solid_y249s_101{border-color:transparent;background:var(--solid-background-color, var(--base-color));color:var(--solid-font-color, var(--font-color, var(--base-color)))}._paciu-ui-button_y249s_14._color-opposite_y249s_139._modifier-outline_y249s_106{border-color:color-mix(in srgb,var(--base-color) 20%,transparent)}._paciu-ui-button_y249s_14._color-opposite_y249s_139._modifier-rounded_y249s_109{border-radius:calc(var(--height) / 2)}._paciu-ui-button_y249s_14._color-opposite_y249s_139._modifier-loading_y249s_112{pointer-events:none;animation:_paciu-ui-blink-animation_y249s_1 2s infinite ease-in-out}._paciu-ui-button_y249s_14._color-opposite_y249s_139._modifier-square_y249s_116{padding:0;min-width:var(--height);width:var(--height);max-width:var(--height)}._paciu-ui-button_y249s_14._color-opposite_y249s_139:enabled:hover{background:color-mix(in srgb,var(--base-color) 6%,transparent)}._paciu-ui-button_y249s_14._color-opposite_y249s_139._modifier-link_y249s_125:enabled:hover{background:transparent;color:color-mix(in srgb,var(--font-color, var(--base-color)) 60%,transparent)}._paciu-ui-button_y249s_14._color-opposite_y249s_139._modifier-soft_y249s_98:enabled:hover{background:color-mix(in srgb,var(--base-color) 10%,transparent)}._paciu-ui-button_y249s_14._color-opposite_y249s_139._modifier-solid_y249s_101:enabled:hover{background:color-mix(in srgb,var(--solid-background-color, var(--base-color)) 80%,transparent)}._paciu-ui-button_y249s_14._color-opposite_y249s_139._modifier-solid_y249s_101._modifier-link_y249s_125:enabled:hover{color:color-mix(in srgb,var(--solid-font-color, var(--font-color, var(--base-color))) 60%,transparent)}._paciu-ui-button_y249s_14._color-accent_y249s_207{--base-color: var(--accent-color-900);--font-color: var(--accent-color-900);--border-color: var(--base-color);--solid-background-color: var(--accent-color-900);--solid-font-color: var(--light-color);--solid-border-color: var(--solid-font-color);background:none;border:var(--border-width) solid transparent;padding:0 var(--padding);min-height:var(--height);height:var(--height);max-height:var(--height);border-radius:var(--border-radius);color:var(--font-color, var(--base-color));font:inherit;font-weight:500;font-size:var(--font-size);cursor:pointer;transition:var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--gap);position:relative;text-decoration:none}._paciu-ui-button_y249s_14._color-accent_y249s_207._modifier-soft_y249s_98{background:color-mix(in srgb,var(--base-color) 4%,transparent)}._paciu-ui-button_y249s_14._color-accent_y249s_207._modifier-solid_y249s_101{border-color:transparent;background:var(--solid-background-color, var(--base-color));color:var(--solid-font-color, var(--font-color, var(--base-color)))}._paciu-ui-button_y249s_14._color-accent_y249s_207._modifier-outline_y249s_106{border-color:color-mix(in srgb,var(--base-color) 20%,transparent)}._paciu-ui-button_y249s_14._color-accent_y249s_207._modifier-rounded_y249s_109{border-radius:calc(var(--height) / 2)}._paciu-ui-button_y249s_14._color-accent_y249s_207._modifier-loading_y249s_112{pointer-events:none;animation:_paciu-ui-blink-animation_y249s_1 2s infinite ease-in-out}._paciu-ui-button_y249s_14._color-accent_y249s_207._modifier-square_y249s_116{padding:0;min-width:var(--height);width:var(--height);max-width:var(--height)}._paciu-ui-button_y249s_14._color-accent_y249s_207:enabled:hover{background:color-mix(in srgb,var(--base-color) 6%,transparent)}._paciu-ui-button_y249s_14._color-accent_y249s_207._modifier-link_y249s_125:enabled:hover{background:transparent;color:color-mix(in srgb,var(--font-color, var(--base-color)) 60%,transparent)}._paciu-ui-button_y249s_14._color-accent_y249s_207._modifier-soft_y249s_98:enabled:hover{background:color-mix(in srgb,var(--base-color) 10%,transparent)}._paciu-ui-button_y249s_14._color-accent_y249s_207._modifier-solid_y249s_101:enabled:hover{background:color-mix(in srgb,var(--solid-background-color, var(--base-color)) 80%,transparent)}._paciu-ui-button_y249s_14._color-accent_y249s_207._modifier-solid_y249s_101._modifier-link_y249s_125:enabled:hover{color:color-mix(in srgb,var(--solid-font-color, var(--font-color, var(--base-color))) 60%,transparent)}._paciu-ui-button_y249s_14._color-error_y249s_275{--base-color: var(--error-color-900);--font-color: var(--error-color-900);--border-color: var(--base-color);--solid-background-color: var(--error-color-900);--solid-font-color: var(--light-color);--solid-border-color: var(--solid-font-color);background:none;border:var(--border-width) solid transparent;padding:0 var(--padding);min-height:var(--height);height:var(--height);max-height:var(--height);border-radius:var(--border-radius);color:var(--font-color, var(--base-color));font:inherit;font-weight:500;font-size:var(--font-size);cursor:pointer;transition:var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--gap);position:relative;text-decoration:none}._paciu-ui-button_y249s_14._color-error_y249s_275._modifier-soft_y249s_98{background:color-mix(in srgb,var(--base-color) 4%,transparent)}._paciu-ui-button_y249s_14._color-error_y249s_275._modifier-solid_y249s_101{border-color:transparent;background:var(--solid-background-color, var(--base-color));color:var(--solid-font-color, var(--font-color, var(--base-color)))}._paciu-ui-button_y249s_14._color-error_y249s_275._modifier-outline_y249s_106{border-color:color-mix(in srgb,var(--base-color) 20%,transparent)}._paciu-ui-button_y249s_14._color-error_y249s_275._modifier-rounded_y249s_109{border-radius:calc(var(--height) / 2)}._paciu-ui-button_y249s_14._color-error_y249s_275._modifier-loading_y249s_112{pointer-events:none;animation:_paciu-ui-blink-animation_y249s_1 2s infinite ease-in-out}._paciu-ui-button_y249s_14._color-error_y249s_275._modifier-square_y249s_116{padding:0;min-width:var(--height);width:var(--height);max-width:var(--height)}._paciu-ui-button_y249s_14._color-error_y249s_275:enabled:hover{background:color-mix(in srgb,var(--base-color) 6%,transparent)}._paciu-ui-button_y249s_14._color-error_y249s_275._modifier-link_y249s_125:enabled:hover{background:transparent;color:color-mix(in srgb,var(--font-color, var(--base-color)) 60%,transparent)}._paciu-ui-button_y249s_14._color-error_y249s_275._modifier-soft_y249s_98:enabled:hover{background:color-mix(in srgb,var(--base-color) 10%,transparent)}._paciu-ui-button_y249s_14._color-error_y249s_275._modifier-solid_y249s_101:enabled:hover{background:color-mix(in srgb,var(--solid-background-color, var(--base-color)) 80%,transparent)}._paciu-ui-button_y249s_14._color-error_y249s_275._modifier-solid_y249s_101._modifier-link_y249s_125:enabled:hover{color:color-mix(in srgb,var(--solid-font-color, var(--font-color, var(--base-color))) 60%,transparent)}._paciu-ui-button_y249s_14:disabled{--base-color: color-mix(in srgb, var(--base-color-900) 40%, transparent);--font-color: color-mix(in srgb, var(--base-color-900) 30%, var(--base-color-100));--border-color: var(--base-color);--solid-background-color: color-mix(in srgb, var(--base-color-900) 5%, var(--base-color-100));--solid-font-color: color-mix(in srgb, var(--base-color-900) 20%, var(--base-color-100));--solid-border-color: var(--solid-font-color);background:none;border:var(--border-width) solid transparent;padding:0 var(--padding);min-height:var(--height);height:var(--height);max-height:var(--height);border-radius:var(--border-radius);color:var(--font-color, var(--base-color));font:inherit;font-weight:500;font-size:var(--font-size);cursor:pointer;transition:var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--gap);position:relative;text-decoration:none}._paciu-ui-button_y249s_14:disabled._modifier-soft_y249s_98{background:color-mix(in srgb,var(--base-color) 4%,transparent)}._paciu-ui-button_y249s_14:disabled._modifier-solid_y249s_101{border-color:transparent;background:var(--solid-background-color, var(--base-color));color:var(--solid-font-color, var(--font-color, var(--base-color)))}._paciu-ui-button_y249s_14:disabled._modifier-outline_y249s_106{border-color:color-mix(in srgb,var(--base-color) 20%,transparent)}._paciu-ui-button_y249s_14:disabled._modifier-rounded_y249s_109{border-radius:calc(var(--height) / 2)}._paciu-ui-button_y249s_14:disabled._modifier-loading_y249s_112{pointer-events:none;animation:_paciu-ui-blink-animation_y249s_1 2s infinite ease-in-out}._paciu-ui-button_y249s_14:disabled._modifier-square_y249s_116{padding:0;min-width:var(--height);width:var(--height);max-width:var(--height)}._paciu-ui-button_y249s_14:disabled:enabled:hover{background:color-mix(in srgb,var(--base-color) 6%,transparent)}._paciu-ui-button_y249s_14:disabled._modifier-link_y249s_125:enabled:hover{background:transparent;color:color-mix(in srgb,var(--font-color, var(--base-color)) 60%,transparent)}._paciu-ui-button_y249s_14:disabled._modifier-soft_y249s_98:enabled:hover{background:color-mix(in srgb,var(--base-color) 10%,transparent)}._paciu-ui-button_y249s_14:disabled._modifier-solid_y249s_101:enabled:hover{background:color-mix(in srgb,var(--solid-background-color, var(--base-color)) 80%,transparent)}._paciu-ui-button_y249s_14:disabled._modifier-solid_y249s_101._modifier-link_y249s_125:enabled:hover{color:color-mix(in srgb,var(--solid-font-color, var(--font-color, var(--base-color))) 60%,transparent)}._paciu-ui-button_y249s_14:disabled{cursor:default}@keyframes _paciu-ui-blink-animation_kd3dr_1{0%{opacity:1}50%{opacity:.32}to{opacity:1}}._paciu-ui-row_kd3dr_14{position:relative;padding:var(--padding)}._paciu-ui-row_kd3dr_14{--padding: 12px}._paciu-ui-row_kd3dr_14._size-micro_kd3dr_23{--padding: 6px}._paciu-ui-row_kd3dr_14._size-mini_kd3dr_27{--padding: 8px}._paciu-ui-row_kd3dr_14._size-small_kd3dr_31{--padding: 10px}._paciu-ui-row_kd3dr_14._size-large_kd3dr_35{--padding: 14px}._paciu-ui-row_kd3dr_14._size-huge_kd3dr_39{--padding: 16px}._paciu-ui-row_kd3dr_14._size-enormous_kd3dr_43{--padding: 18px}@keyframes _paciu-ui-blink-animation_ssd0s_1{0%{opacity:1}50%{opacity:.32}to{opacity:1}}._flex_ssd0s_14{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:var(--gap)}._flex_ssd0s_14._inline_ssd0s_22{display:inline-flex}._flex_ssd0s_14._grow_ssd0s_25{flex-grow:1}._flex_ssd0s_14._direction-column_ssd0s_28{flex-direction:column}._flex_ssd0s_14._direction-row-reverse_ssd0s_31{flex-direction:row-reverse}._flex_ssd0s_14._direction-column-reverse_ssd0s_34{flex-direction:column-reverse}._flex_ssd0s_14._align-start_ssd0s_37{align-items:flex-start}._flex_ssd0s_14._align-center_ssd0s_40{align-items:center}._flex_ssd0s_14._align-end_ssd0s_43{align-items:flex-end}._flex_ssd0s_14._align-baseline_ssd0s_46{align-items:baseline}._flex_ssd0s_14._justify-center_ssd0s_49{justify-content:center}._flex_ssd0s_14._justify-end_ssd0s_52{justify-content:flex-end}._flex_ssd0s_14._justify-between_ssd0s_55{justify-content:space-between}._flex_ssd0s_14._justify-around_ssd0s_58{justify-content:space-around}._flex_ssd0s_14._justify-evenly_ssd0s_61{justify-content:space-evenly}._flex_ssd0s_14._wrap-wrap_ssd0s_64{flex-wrap:wrap}._flex_ssd0s_14._wrap-wrap-reverse_ssd0s_67{flex-wrap:wrap-reverse}._flex_ssd0s_14{--gap: 0px}._flex_ssd0s_14._size-micro_ssd0s_75{--gap: 2px}._flex_ssd0s_14._size-mini_ssd0s_79{--gap: 4px}._flex_ssd0s_14._size-small_ssd0s_83{--gap: 8px}._flex_ssd0s_14._size-medium_ssd0s_87{--gap: 12px}._flex_ssd0s_14._size-large_ssd0s_91{--gap: 16px}._flex_ssd0s_14._size-huge_ssd0s_95{--gap: 20px}._flex_ssd0s_14._size-enormous_ssd0s_99{--gap: 24px}@keyframes _paciu-ui-blink-animation_a6huo_1{0%{opacity:1}50%{opacity:.32}to{opacity:1}}._paciu-ui-card_a6huo_14{position:relative;background:var(--base-color);border-radius:var(--border-radius);padding:var(--padding);transition:var(--transition-normal)}._paciu-ui-card_a6huo_14{--padding: 12px;--border-radius: 24px;--base-color: var(--base-color-100)}._paciu-ui-card_a6huo_14._size-micro_a6huo_28{--padding: 6px;--border-radius: 12px}._paciu-ui-card_a6huo_14._size-mini_a6huo_33{--padding: 8px;--border-radius: 16px}._paciu-ui-card_a6huo_14._size-small_a6huo_38{--padding: 10px;--border-radius: 20px}._paciu-ui-card_a6huo_14._size-large_a6huo_43{--padding: 14px;--border-radius: 28px}._paciu-ui-card_a6huo_14._size-huge_a6huo_48{--padding: 16px;--border-radius: 32px}._paciu-ui-card_a6huo_14._size-enormous_a6huo_53{--padding: 18px;--border-radius: 36px}
-/*$vite$:1*/`,document.head.appendChild(y);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"};function v(o){var s,r,i="";if(typeof o=="string"||typeof o=="number")i+=o;else if(typeof o=="object")if(Array.isArray(o)){var e=o.length;for(s=0;s<e;s++)o[s]&&(r=v(o[s]))&&(i&&(i+=" "),i+=r)}else for(r in o)o[r]&&(i&&(i+=" "),i+=r);return i}function l(){for(var o,s,r=0,i="",e=arguments.length;r<e;r++)(o=arguments[r])&&(s=v(o))&&(i&&(i+=" "),i+=s);return i}const h=_.forwardRef((o,s)=>{const{children:r,className:i,color:e,square:c,loading:u,link:p,soft:b,solid:f,outline:g,rounded:m,size:$,onClick:E,...L}=o,[B,N]=_.useState(!1),F=async I=>{if(E){const q=E(I);if(q instanceof Promise){N(!0);try{await q}finally{N(!1)}}}};return t.jsx("button",{ref:s,className:l(n["paciu-ui-button"],{[n["modifier-loading"]]:B||u,[n["modifier-rounded"]]:m,[n["modifier-square"]]:c,[n["modifier-link"]]:p,[n["modifier-soft"]]:b,[n["modifier-outline"]]:g,[n["modifier-solid"]]:f,...e&&{[n[`color-${e}`]]:e}},$&&n[`size-${$}`],i),onClick:F,...L,children:r})});h.displayName="Button";const x={"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"},k=_.forwardRef((o,s)=>{const{className:r,size:i,children:e,...c}=o;return t.jsx("div",{ref:s,className:l(x["paciu-ui-row"],i&&x[`size-${i}`],r),...c,children:e})});k.displayName="Row";const d={flex:"_flex_ssd0s_14",inline:"_inline_ssd0s_22",grow:"_grow_ssd0s_25","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"},z=_.forwardRef((o,s)=>{const{children:r,className:i,direction:e,align:c,justify:u,wrap:p,size:b,inline:f,grow:g,...m}=o;return t.jsx("div",{ref:s,className:l(d.flex,{[d.inline]:f,[d.grow]:g,[d[`direction-${e}`]]:e,[d[`align-${c}`]]:c,[d[`justify-${u}`]]:u,[d[`wrap-${p}`]]:p},b&&d[`size-${b}`],i),...m,children:r})});z.displayName="Flex";const w={"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"},j=_.forwardRef((o,s)=>{const{children:r,className:i,size:e,...c}=o;return t.jsx("div",{ref:s,className:l(w["paciu-ui-card"],e&&w[`size-${e}`],i),...c,children:r})});j.displayName="Card";const S=o=>{_.useEffect(()=>{const s=r=>{r.key==="Escape"&&(r.preventDefault(),r.stopPropagation(),r.stopImmediatePropagation(),o())};return document.addEventListener("keydown",s,!0),()=>document.removeEventListener("keydown",s,!0)},[o])},C=(o,s=[],r)=>{const i=_.useRef(r?.count||1);_.useEffect(()=>{if(i.current>0){i.current--;return}return o()},s)},P=()=>{const[o,s]=_.useState(!1);return _.useEffect(()=>{const r=()=>s(window.scrollY>0);return r(),document.addEventListener("scroll",r),()=>{document.removeEventListener("scroll",r)}},[]),{isScrolled:o}};a.Button=h,a.Card=j,a.Flex=z,a.Row=k,a.useEscape=S,a.useScroll=P,a.useSkipEffect=C,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})}));
+(function(a,c){typeof exports=="object"&&typeof module<"u"?c(exports,require("react/jsx-runtime"),require("react")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react"],c):(a=typeof globalThis<"u"?globalThis:a||self,c(a["paciu-ui"]={},a["react/jsx-runtime"],a.react))})(this,(function(a,c,n){"use strict";var y=document.createElement("style");y.textContent=`@keyframes _paciu-ui-blink-animation_y249s_1{0%{opacity:1}50%{opacity:.32}to{opacity:1}}._paciu-ui-button_y249s_14{--height: 32px;--padding: 12px;--border-radius: 12px;--font-size: 16px;--gap: 8px;--border-width: 1px}._paciu-ui-button_y249s_14._size-micro_y249s_23{--height: 20px;--padding: 6px;--border-radius: 6px;--font-size: 10px;--gap: 2px}._paciu-ui-button_y249s_14._size-mini_y249s_31{--height: 24px;--padding: 8px;--border-radius: 8px;--font-size: 12px;--gap: 4px}._paciu-ui-button_y249s_14._size-small_y249s_39{--height: 28px;--padding: 10px;--border-radius: 10px;--font-size: 14px;--gap: 6px}._paciu-ui-button_y249s_14._size-large_y249s_47{--height: 36px;--padding: 14px;--border-radius: 14px;--font-size: 18px;--gap: 10px}._paciu-ui-button_y249s_14._size-huge_y249s_55{--height: 40px;--padding: 16px;--border-radius: 16px;--font-size: 20px;--gap: 12px}._paciu-ui-button_y249s_14._size-enormous_y249s_63{--height: 44px;--padding: 18px;--border-radius: 18px;--font-size: 22px;--gap: 14px}._paciu-ui-button_y249s_14{--base-color: color-mix(in srgb, var(--base-color-900) 80%, transparent);--font-color: color-mix(in srgb, var(--base-color-900) 60%, var(--base-color-100));--border-color: var(--base-color);--solid-background-color: color-mix(in srgb, var(--base-color-900) 10%, var(--base-color-100));--solid-font-color: color-mix(in srgb, var(--base-color-900) 60%, var(--base-color-100));--solid-border-color: var(--solid-font-color);background:none;border:var(--border-width) solid transparent;padding:0 var(--padding);min-height:var(--height);height:var(--height);max-height:var(--height);border-radius:var(--border-radius);color:var(--font-color, var(--base-color));font:inherit;font-weight:500;font-size:var(--font-size);cursor:pointer;transition:var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--gap);position:relative;text-decoration:none}._paciu-ui-button_y249s_14._modifier-soft_y249s_98{background:color-mix(in srgb,var(--base-color) 4%,transparent)}._paciu-ui-button_y249s_14._modifier-solid_y249s_101{border-color:transparent;background:var(--solid-background-color, var(--base-color));color:var(--solid-font-color, var(--font-color, var(--base-color)))}._paciu-ui-button_y249s_14._modifier-outline_y249s_106{border-color:color-mix(in srgb,var(--base-color) 20%,transparent)}._paciu-ui-button_y249s_14._modifier-rounded_y249s_109{border-radius:calc(var(--height) / 2)}._paciu-ui-button_y249s_14._modifier-loading_y249s_112{pointer-events:none;animation:_paciu-ui-blink-animation_y249s_1 2s infinite ease-in-out}._paciu-ui-button_y249s_14._modifier-square_y249s_116{padding:0;min-width:var(--height);width:var(--height);max-width:var(--height)}._paciu-ui-button_y249s_14:enabled:hover{background:color-mix(in srgb,var(--base-color) 6%,transparent)}._paciu-ui-button_y249s_14._modifier-link_y249s_125:enabled:hover{background:transparent;color:color-mix(in srgb,var(--font-color, var(--base-color)) 60%,transparent)}._paciu-ui-button_y249s_14._modifier-soft_y249s_98:enabled:hover{background:color-mix(in srgb,var(--base-color) 10%,transparent)}._paciu-ui-button_y249s_14._modifier-solid_y249s_101:enabled:hover{background:color-mix(in srgb,var(--solid-background-color, var(--base-color)) 80%,transparent)}._paciu-ui-button_y249s_14._modifier-solid_y249s_101._modifier-link_y249s_125:enabled:hover{color:color-mix(in srgb,var(--solid-font-color, var(--font-color, var(--base-color))) 60%,transparent)}._paciu-ui-button_y249s_14._color-opposite_y249s_139{--base-color: var(--base-color-900);--font-color: var(--base-color-900);--border-color: var(--base-color);--solid-background-color: var(--base-color-900);--solid-font-color: var(--base-color-100);--solid-border-color: var(--solid-font-color);background:none;border:var(--border-width) solid transparent;padding:0 var(--padding);min-height:var(--height);height:var(--height);max-height:var(--height);border-radius:var(--border-radius);color:var(--font-color, var(--base-color));font:inherit;font-weight:500;font-size:var(--font-size);cursor:pointer;transition:var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--gap);position:relative;text-decoration:none}._paciu-ui-button_y249s_14._color-opposite_y249s_139._modifier-soft_y249s_98{background:color-mix(in srgb,var(--base-color) 4%,transparent)}._paciu-ui-button_y249s_14._color-opposite_y249s_139._modifier-solid_y249s_101{border-color:transparent;background:var(--solid-background-color, var(--base-color));color:var(--solid-font-color, var(--font-color, var(--base-color)))}._paciu-ui-button_y249s_14._color-opposite_y249s_139._modifier-outline_y249s_106{border-color:color-mix(in srgb,var(--base-color) 20%,transparent)}._paciu-ui-button_y249s_14._color-opposite_y249s_139._modifier-rounded_y249s_109{border-radius:calc(var(--height) / 2)}._paciu-ui-button_y249s_14._color-opposite_y249s_139._modifier-loading_y249s_112{pointer-events:none;animation:_paciu-ui-blink-animation_y249s_1 2s infinite ease-in-out}._paciu-ui-button_y249s_14._color-opposite_y249s_139._modifier-square_y249s_116{padding:0;min-width:var(--height);width:var(--height);max-width:var(--height)}._paciu-ui-button_y249s_14._color-opposite_y249s_139:enabled:hover{background:color-mix(in srgb,var(--base-color) 6%,transparent)}._paciu-ui-button_y249s_14._color-opposite_y249s_139._modifier-link_y249s_125:enabled:hover{background:transparent;color:color-mix(in srgb,var(--font-color, var(--base-color)) 60%,transparent)}._paciu-ui-button_y249s_14._color-opposite_y249s_139._modifier-soft_y249s_98:enabled:hover{background:color-mix(in srgb,var(--base-color) 10%,transparent)}._paciu-ui-button_y249s_14._color-opposite_y249s_139._modifier-solid_y249s_101:enabled:hover{background:color-mix(in srgb,var(--solid-background-color, var(--base-color)) 80%,transparent)}._paciu-ui-button_y249s_14._color-opposite_y249s_139._modifier-solid_y249s_101._modifier-link_y249s_125:enabled:hover{color:color-mix(in srgb,var(--solid-font-color, var(--font-color, var(--base-color))) 60%,transparent)}._paciu-ui-button_y249s_14._color-accent_y249s_207{--base-color: var(--accent-color-900);--font-color: var(--accent-color-900);--border-color: var(--base-color);--solid-background-color: var(--accent-color-900);--solid-font-color: var(--light-color);--solid-border-color: var(--solid-font-color);background:none;border:var(--border-width) solid transparent;padding:0 var(--padding);min-height:var(--height);height:var(--height);max-height:var(--height);border-radius:var(--border-radius);color:var(--font-color, var(--base-color));font:inherit;font-weight:500;font-size:var(--font-size);cursor:pointer;transition:var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--gap);position:relative;text-decoration:none}._paciu-ui-button_y249s_14._color-accent_y249s_207._modifier-soft_y249s_98{background:color-mix(in srgb,var(--base-color) 4%,transparent)}._paciu-ui-button_y249s_14._color-accent_y249s_207._modifier-solid_y249s_101{border-color:transparent;background:var(--solid-background-color, var(--base-color));color:var(--solid-font-color, var(--font-color, var(--base-color)))}._paciu-ui-button_y249s_14._color-accent_y249s_207._modifier-outline_y249s_106{border-color:color-mix(in srgb,var(--base-color) 20%,transparent)}._paciu-ui-button_y249s_14._color-accent_y249s_207._modifier-rounded_y249s_109{border-radius:calc(var(--height) / 2)}._paciu-ui-button_y249s_14._color-accent_y249s_207._modifier-loading_y249s_112{pointer-events:none;animation:_paciu-ui-blink-animation_y249s_1 2s infinite ease-in-out}._paciu-ui-button_y249s_14._color-accent_y249s_207._modifier-square_y249s_116{padding:0;min-width:var(--height);width:var(--height);max-width:var(--height)}._paciu-ui-button_y249s_14._color-accent_y249s_207:enabled:hover{background:color-mix(in srgb,var(--base-color) 6%,transparent)}._paciu-ui-button_y249s_14._color-accent_y249s_207._modifier-link_y249s_125:enabled:hover{background:transparent;color:color-mix(in srgb,var(--font-color, var(--base-color)) 60%,transparent)}._paciu-ui-button_y249s_14._color-accent_y249s_207._modifier-soft_y249s_98:enabled:hover{background:color-mix(in srgb,var(--base-color) 10%,transparent)}._paciu-ui-button_y249s_14._color-accent_y249s_207._modifier-solid_y249s_101:enabled:hover{background:color-mix(in srgb,var(--solid-background-color, var(--base-color)) 80%,transparent)}._paciu-ui-button_y249s_14._color-accent_y249s_207._modifier-solid_y249s_101._modifier-link_y249s_125:enabled:hover{color:color-mix(in srgb,var(--solid-font-color, var(--font-color, var(--base-color))) 60%,transparent)}._paciu-ui-button_y249s_14._color-error_y249s_275{--base-color: var(--error-color-900);--font-color: var(--error-color-900);--border-color: var(--base-color);--solid-background-color: var(--error-color-900);--solid-font-color: var(--light-color);--solid-border-color: var(--solid-font-color);background:none;border:var(--border-width) solid transparent;padding:0 var(--padding);min-height:var(--height);height:var(--height);max-height:var(--height);border-radius:var(--border-radius);color:var(--font-color, var(--base-color));font:inherit;font-weight:500;font-size:var(--font-size);cursor:pointer;transition:var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--gap);position:relative;text-decoration:none}._paciu-ui-button_y249s_14._color-error_y249s_275._modifier-soft_y249s_98{background:color-mix(in srgb,var(--base-color) 4%,transparent)}._paciu-ui-button_y249s_14._color-error_y249s_275._modifier-solid_y249s_101{border-color:transparent;background:var(--solid-background-color, var(--base-color));color:var(--solid-font-color, var(--font-color, var(--base-color)))}._paciu-ui-button_y249s_14._color-error_y249s_275._modifier-outline_y249s_106{border-color:color-mix(in srgb,var(--base-color) 20%,transparent)}._paciu-ui-button_y249s_14._color-error_y249s_275._modifier-rounded_y249s_109{border-radius:calc(var(--height) / 2)}._paciu-ui-button_y249s_14._color-error_y249s_275._modifier-loading_y249s_112{pointer-events:none;animation:_paciu-ui-blink-animation_y249s_1 2s infinite ease-in-out}._paciu-ui-button_y249s_14._color-error_y249s_275._modifier-square_y249s_116{padding:0;min-width:var(--height);width:var(--height);max-width:var(--height)}._paciu-ui-button_y249s_14._color-error_y249s_275:enabled:hover{background:color-mix(in srgb,var(--base-color) 6%,transparent)}._paciu-ui-button_y249s_14._color-error_y249s_275._modifier-link_y249s_125:enabled:hover{background:transparent;color:color-mix(in srgb,var(--font-color, var(--base-color)) 60%,transparent)}._paciu-ui-button_y249s_14._color-error_y249s_275._modifier-soft_y249s_98:enabled:hover{background:color-mix(in srgb,var(--base-color) 10%,transparent)}._paciu-ui-button_y249s_14._color-error_y249s_275._modifier-solid_y249s_101:enabled:hover{background:color-mix(in srgb,var(--solid-background-color, var(--base-color)) 80%,transparent)}._paciu-ui-button_y249s_14._color-error_y249s_275._modifier-solid_y249s_101._modifier-link_y249s_125:enabled:hover{color:color-mix(in srgb,var(--solid-font-color, var(--font-color, var(--base-color))) 60%,transparent)}._paciu-ui-button_y249s_14:disabled{--base-color: color-mix(in srgb, var(--base-color-900) 40%, transparent);--font-color: color-mix(in srgb, var(--base-color-900) 30%, var(--base-color-100));--border-color: var(--base-color);--solid-background-color: color-mix(in srgb, var(--base-color-900) 5%, var(--base-color-100));--solid-font-color: color-mix(in srgb, var(--base-color-900) 20%, var(--base-color-100));--solid-border-color: var(--solid-font-color);background:none;border:var(--border-width) solid transparent;padding:0 var(--padding);min-height:var(--height);height:var(--height);max-height:var(--height);border-radius:var(--border-radius);color:var(--font-color, var(--base-color));font:inherit;font-weight:500;font-size:var(--font-size);cursor:pointer;transition:var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--gap);position:relative;text-decoration:none}._paciu-ui-button_y249s_14:disabled._modifier-soft_y249s_98{background:color-mix(in srgb,var(--base-color) 4%,transparent)}._paciu-ui-button_y249s_14:disabled._modifier-solid_y249s_101{border-color:transparent;background:var(--solid-background-color, var(--base-color));color:var(--solid-font-color, var(--font-color, var(--base-color)))}._paciu-ui-button_y249s_14:disabled._modifier-outline_y249s_106{border-color:color-mix(in srgb,var(--base-color) 20%,transparent)}._paciu-ui-button_y249s_14:disabled._modifier-rounded_y249s_109{border-radius:calc(var(--height) / 2)}._paciu-ui-button_y249s_14:disabled._modifier-loading_y249s_112{pointer-events:none;animation:_paciu-ui-blink-animation_y249s_1 2s infinite ease-in-out}._paciu-ui-button_y249s_14:disabled._modifier-square_y249s_116{padding:0;min-width:var(--height);width:var(--height);max-width:var(--height)}._paciu-ui-button_y249s_14:disabled:enabled:hover{background:color-mix(in srgb,var(--base-color) 6%,transparent)}._paciu-ui-button_y249s_14:disabled._modifier-link_y249s_125:enabled:hover{background:transparent;color:color-mix(in srgb,var(--font-color, var(--base-color)) 60%,transparent)}._paciu-ui-button_y249s_14:disabled._modifier-soft_y249s_98:enabled:hover{background:color-mix(in srgb,var(--base-color) 10%,transparent)}._paciu-ui-button_y249s_14:disabled._modifier-solid_y249s_101:enabled:hover{background:color-mix(in srgb,var(--solid-background-color, var(--base-color)) 80%,transparent)}._paciu-ui-button_y249s_14:disabled._modifier-solid_y249s_101._modifier-link_y249s_125:enabled:hover{color:color-mix(in srgb,var(--solid-font-color, var(--font-color, var(--base-color))) 60%,transparent)}._paciu-ui-button_y249s_14:disabled{cursor:default}@keyframes _paciu-ui-blink-animation_kd3dr_1{0%{opacity:1}50%{opacity:.32}to{opacity:1}}._paciu-ui-row_kd3dr_14{position:relative;padding:var(--padding)}._paciu-ui-row_kd3dr_14{--padding: 12px}._paciu-ui-row_kd3dr_14._size-micro_kd3dr_23{--padding: 6px}._paciu-ui-row_kd3dr_14._size-mini_kd3dr_27{--padding: 8px}._paciu-ui-row_kd3dr_14._size-small_kd3dr_31{--padding: 10px}._paciu-ui-row_kd3dr_14._size-large_kd3dr_35{--padding: 14px}._paciu-ui-row_kd3dr_14._size-huge_kd3dr_39{--padding: 16px}._paciu-ui-row_kd3dr_14._size-enormous_kd3dr_43{--padding: 18px}@keyframes _paciu-ui-blink-animation_ssd0s_1{0%{opacity:1}50%{opacity:.32}to{opacity:1}}._flex_ssd0s_14{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;gap:var(--gap)}._flex_ssd0s_14._inline_ssd0s_22{display:inline-flex}._flex_ssd0s_14._grow_ssd0s_25{flex-grow:1}._flex_ssd0s_14._direction-column_ssd0s_28{flex-direction:column}._flex_ssd0s_14._direction-row-reverse_ssd0s_31{flex-direction:row-reverse}._flex_ssd0s_14._direction-column-reverse_ssd0s_34{flex-direction:column-reverse}._flex_ssd0s_14._align-start_ssd0s_37{align-items:flex-start}._flex_ssd0s_14._align-center_ssd0s_40{align-items:center}._flex_ssd0s_14._align-end_ssd0s_43{align-items:flex-end}._flex_ssd0s_14._align-baseline_ssd0s_46{align-items:baseline}._flex_ssd0s_14._justify-center_ssd0s_49{justify-content:center}._flex_ssd0s_14._justify-end_ssd0s_52{justify-content:flex-end}._flex_ssd0s_14._justify-between_ssd0s_55{justify-content:space-between}._flex_ssd0s_14._justify-around_ssd0s_58{justify-content:space-around}._flex_ssd0s_14._justify-evenly_ssd0s_61{justify-content:space-evenly}._flex_ssd0s_14._wrap-wrap_ssd0s_64{flex-wrap:wrap}._flex_ssd0s_14._wrap-wrap-reverse_ssd0s_67{flex-wrap:wrap-reverse}._flex_ssd0s_14{--gap: 0px}._flex_ssd0s_14._size-micro_ssd0s_75{--gap: 2px}._flex_ssd0s_14._size-mini_ssd0s_79{--gap: 4px}._flex_ssd0s_14._size-small_ssd0s_83{--gap: 8px}._flex_ssd0s_14._size-medium_ssd0s_87{--gap: 12px}._flex_ssd0s_14._size-large_ssd0s_91{--gap: 16px}._flex_ssd0s_14._size-huge_ssd0s_95{--gap: 20px}._flex_ssd0s_14._size-enormous_ssd0s_99{--gap: 24px}@keyframes _paciu-ui-blink-animation_a6huo_1{0%{opacity:1}50%{opacity:.32}to{opacity:1}}._paciu-ui-card_a6huo_14{position:relative;background:var(--base-color);border-radius:var(--border-radius);padding:var(--padding);transition:var(--transition-normal)}._paciu-ui-card_a6huo_14{--padding: 12px;--border-radius: 24px;--base-color: var(--base-color-100)}._paciu-ui-card_a6huo_14._size-micro_a6huo_28{--padding: 6px;--border-radius: 12px}._paciu-ui-card_a6huo_14._size-mini_a6huo_33{--padding: 8px;--border-radius: 16px}._paciu-ui-card_a6huo_14._size-small_a6huo_38{--padding: 10px;--border-radius: 20px}._paciu-ui-card_a6huo_14._size-large_a6huo_43{--padding: 14px;--border-radius: 28px}._paciu-ui-card_a6huo_14._size-huge_a6huo_48{--padding: 16px;--border-radius: 32px}._paciu-ui-card_a6huo_14._size-enormous_a6huo_53{--padding: 18px;--border-radius: 36px}
+/*$vite$:1*/`,document.head.appendChild(y);const t={"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"};function h(o){var e,r,i="";if(typeof o=="string"||typeof o=="number")i+=o;else if(typeof o=="object")if(Array.isArray(o)){var s=o.length;for(e=0;e<s;e++)o[e]&&(r=h(o[e]))&&(i&&(i+=" "),i+=r)}else for(r in o)o[r]&&(i&&(i+=" "),i+=r);return i}function f(){for(var o,e,r=0,i="",s=arguments.length;r<s;r++)(o=arguments[r])&&(e=h(o))&&(i&&(i+=" "),i+=e);return i}const x=n.forwardRef((o,e)=>{const{children:r,className:i,color:s,square:d,loading:p,link:b,soft:_,solid:u,outline:g,rounded:v,size:S,onClick:$,...I}=o,[M,C]=n.useState(!1),A=async D=>{if($){const N=$(D);if(N instanceof Promise){C(!0);try{await N}finally{C(!1)}}}};return c.jsx("button",{ref:e,className:f(t["paciu-ui-button"],{[t["modifier-loading"]]:M||p,[t["modifier-rounded"]]:v,[t["modifier-square"]]:d,[t["modifier-link"]]:b,[t["modifier-soft"]]:_,[t["modifier-outline"]]:g,[t["modifier-solid"]]:u,...s&&{[t[`color-${s}`]]:s}},S&&t[`size-${S}`],i),onClick:A,...I,children:r})});x.displayName="Button";const k={"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"},z=n.forwardRef((o,e)=>{const{className:r,size:i,children:s,...d}=o;return c.jsx("div",{ref:e,className:f(k["paciu-ui-row"],i&&k[`size-${i}`],r),...d,children:s})});z.displayName="Row";const l={flex:"_flex_ssd0s_14",inline:"_inline_ssd0s_22",grow:"_grow_ssd0s_25","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"},w=n.forwardRef((o,e)=>{const{children:r,className:i,direction:s,align:d,justify:p,wrap:b,size:_,inline:u,grow:g,...v}=o;return c.jsx("div",{ref:e,className:f(l.flex,{[l.inline]:u,[l.grow]:g,[l[`direction-${s}`]]:s,[l[`align-${d}`]]:d,[l[`justify-${p}`]]:p,[l[`wrap-${b}`]]:b},_&&l[`size-${_}`],i),...v,children:r})});w.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"},E=n.forwardRef((o,e)=>{const{children:r,className:i,size:s,...d}=o;return c.jsx("div",{ref:e,className:f(j["paciu-ui-card"],s&&j[`size-${s}`],i),...d,children:r})});E.displayName="Card";const P=o=>{n.useEffect(()=>{const e=r=>{r.key==="Escape"&&(r.preventDefault(),r.stopPropagation(),r.stopImmediatePropagation(),o())};return document.addEventListener("keydown",e,!0),()=>document.removeEventListener("keydown",e,!0)},[o])},q=(o,e=[],r)=>{const i=n.useRef(r?.count||1);n.useEffect(()=>{if(i.current>0){i.current--;return}return o()},e)};var T=(o=>(o.Light="light",o.Dark="dark",o.System="system",o))(T||{});const m=n.createContext(void 0),L=({children:o,initialTheme:e})=>{const[r,i]=n.useState(e||null),[s,d]=n.useState(e||null);n.useEffect(()=>{const _=window.matchMedia("(prefers-color-scheme: dark)"),u=g=>{d(g.matches?"dark":"light")};return u(_),_.addEventListener("change",u),()=>_.removeEventListener("change",u)},[]);const p=n.useMemo(()=>{const _=r||s;return _?_==="light"?"dark":"light":null},[r,s]),b=n.useCallback(_=>{document.documentElement.dataset.theme=_||void 0,i(_)},[]);return c.jsx(m.Provider,{value:{theme:r,nextTheme:p,systemTheme:s,toggleTheme:b},children:o})},B=()=>{const o=n.useContext(m);if(!o)throw new Error("useTheme must be used within ThemeProvider");return o},F=()=>{const[o,e]=n.useState(!1);return n.useEffect(()=>{const r=()=>e(window.scrollY>0);return r(),document.addEventListener("scroll",r),()=>{document.removeEventListener("scroll",r)}},[]),{isScrolled:o}};a.Button=x,a.Card=E,a.Flex=w,a.Row=z,a.Theme=T,a.ThemeContext=m,a.ThemeProvider=L,a.useEscape=P,a.useScroll=F,a.useSkipEffect=q,a.useTheme=B,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})}));

package/package.json

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