@paciu/ui 0.0.44 → 0.0.46

package/dist/hooks/index.d.ts

@@ -1,6 +1,5 @@
 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 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 _ = {
+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 = {
   "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 _ = {
   "color-accent": "_color-accent_y249s_207",
   "color-error": "_color-error_y249s_275"
 };
-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 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 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;
+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;
 }
-const I = y.forwardRef((e, r) => {
+const L = c.forwardRef((s, r) => {
   const {
-    children: s,
-    className: i,
+    children: i,
+    className: e,
     color: o,
-    square: t,
-    loading: l,
-    link: d,
-    soft: n,
-    solid: u,
-    outline: c,
+    square: _,
+    loading: a,
+    link: l,
+    soft: u,
+    solid: f,
+    outline: z,
     // opaque,
-    rounded: g,
-    size: h,
+    rounded: p,
+    size: g,
     onClick: w,
-    ...N
-  } = e, [$, k] = f(!1), P = async (C) => {
+    ...$
+  } = s, [x, k] = j(!1), E = async (R) => {
     if (w) {
-      const v = w(C);
-      if (v instanceof Promise) {
+      const h = w(R);
+      if (h instanceof Promise) {
         k(!0);
         try {
-          await v;
+          await h;
         } finally {
           k(!1);
         }
       }
     }
   };
-  return /* @__PURE__ */ m(
+  return /* @__PURE__ */ d(
     "button",
     {
       ref: r,
-      className: p(
-        _["paciu-ui-button"],
+      className: m(
+        n["paciu-ui-button"],
         {
           // [ styles.opaque ]: opaque,
-          [_["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 }
+          [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 }
         },
-        h && _[`size-${h}`],
-        i
+        g && n[`size-${g}`],
+        e
       ),
-      onClick: P,
-      ...N,
-      children: s
+      onClick: E,
+      ...$,
+      children: i
     }
   );
 });
-I.displayName = "Button";
-const b = {
+L.displayName = "Button";
+const v = {
   "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 b = {
   "size-huge": "_size-huge_kd3dr_39",
   "size-enormous": "_size-enormous_kd3dr_43",
   "paciu-ui-blink-animation": "_paciu-ui-blink-animation_kd3dr_1"
-}, 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 = 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.displayName = "Row";
-const B = "_flex_ssd0s_14", D = "_inline_ssd0s_22", F = "_grow_ssd0s_25", a = {
-  flex: B,
-  inline: D,
-  grow: F,
+C.displayName = "Row";
+const S = "_flex_ssd0s_14", q = "_inline_ssd0s_22", I = "_grow_ssd0s_25", t = {
+  flex: S,
+  inline: q,
+  grow: I,
   "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 B = "_flex_ssd0s_14", D = "_inline_ssd0s_22", F = "_grow_ssd0s_25", a = {
   "size-huge": "_size-huge_ssd0s_95",
   "size-enormous": "_size-enormous_ssd0s_99",
   "paciu-ui-blink-animation": "_paciu-ui-blink-animation_ssd0s_1"
-}, 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(
+}, 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(
     "div",
     {
       ref: r,
-      className: p(
-        a.flex,
+      className: m(
+        t.flex,
         {
-          [a.inline]: u,
-          [a.grow]: c,
-          [a[`direction-${o}`]]: o,
-          [a[`align-${t}`]]: t,
-          [a[`justify-${l}`]]: l,
-          [a[`wrap-${d}`]]: d
+          [t.inline]: f,
+          [t.grow]: z,
+          [t[`direction-${o}`]]: o,
+          [t[`align-${_}`]]: _,
+          [t[`justify-${a}`]]: a,
+          [t[`wrap-${l}`]]: l
         },
-        n && a[`size-${n}`],
-        i
+        u && t[`size-${u}`],
+        e
       ),
-      ...g,
-      children: s
+      ...p,
+      children: i
     }
   );
 });
-M.displayName = "Flex";
-const j = {
+A.displayName = "Flex";
+const b = {
   "paciu-ui-card": "_paciu-ui-card_a6huo_14",
   "size-micro": "_size-micro_a6huo_28",
   "size-mini": "_size-mini_a6huo_33",
@@ -163,70 +163,42 @@ const j = {
   "size-huge": "_size-huge_a6huo_48",
   "size-enormous": "_size-enormous_a6huo_53",
   "paciu-ui-blink-animation": "_paciu-ui-blink-animation_a6huo_1"
-}, 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 = 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.displayName = "Card";
-const H = (e) => {
-  z(() => {
-    const r = (s) => {
-      s.key === "Escape" && (s.preventDefault(), s.stopPropagation(), s.stopImmediatePropagation(), e());
+B.displayName = "Card";
+const O = (s) => {
+  y(() => {
+    const r = (i) => {
+      i.key === "Escape" && (i.preventDefault(), i.stopPropagation(), i.stopImmediatePropagation(), s());
     };
     return document.addEventListener("keydown", r, !0), () => document.removeEventListener("keydown", r, !0);
-  }, [e]);
-}, J = (e, r = [], s) => {
-  const i = L(s?.count || 1);
-  z(() => {
-    if (i.current > 0) {
-      i.current--;
+  }, [s]);
+}, Y = (s, r = [], i) => {
+  const e = P(i?.count || 1);
+  y(() => {
+    if (e.current > 0) {
+      e.current--;
       return;
     }
-    return e();
+    return s();
   }, r);
-};
-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);
+}, G = () => {
+  const [s, r] = j(!1);
+  return y(() => {
+    const i = () => r(window.scrollY > 0);
+    return i(), document.addEventListener("scroll", i), () => {
+      document.removeEventListener("scroll", i);
     };
-  }, []), { isScrolled: e };
+  }, []), { isScrolled: s };
 };
 export {
-  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
+  L as Button,
+  B as Card,
+  A as Flex,
+  C as Row,
+  O as useEscape,
+  G as useScroll,
+  Y as useSkipEffect
 };

package/dist/theme.es.js

@@ -0,0 +1,33 @@
+"use client";
+import { jsx as l } from "react/jsx-runtime";
+import { createContext as v, useState as m, useEffect as g, useMemo as T, useCallback as f, useContext as x } from "react";
+var y = /* @__PURE__ */ ((e) => (e.Light = "light", e.Dark = "dark", e.System = "system", e))(y || {});
+const c = v(void 0), w = ({ children: e, initialTheme: o }) => {
+  const [r, u] = m(o || null), [n, h] = m(o || null);
+  g(() => {
+    const t = window.matchMedia("(prefers-color-scheme: dark)"), s = (d) => {
+      h(
+        d.matches ? "dark" : "light"
+        /* Light */
+      );
+    };
+    return s(t), t.addEventListener("change", s), () => t.removeEventListener("change", s);
+  }, []);
+  const a = T(() => {
+    const t = r || n;
+    return t ? t === "light" ? "dark" : "light" : null;
+  }, [r, n]), i = f((t) => {
+    document.documentElement.dataset.theme = t || void 0, u(t);
+  }, []);
+  return /* @__PURE__ */ l(c.Provider, { value: { theme: r, nextTheme: a, systemTheme: n, toggleTheme: i }, children: e });
+}, E = () => {
+  const e = x(c);
+  if (!e) throw new Error("useTheme must be used within ThemeProvider");
+  return e;
+};
+export {
+  y as Theme,
+  c as ThemeContext,
+  w as ThemeProvider,
+  E as useTheme
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@paciu/ui",
-  "version": "0.0.44",
+  "version": "0.0.46",
   "type": "module",
   "main": "./dist/index.umd.js",
   "module": "./dist/index.es.js",
@@ -10,6 +10,11 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.es.js",
       "require": "./dist/index.umd.js"
+    },
+    "./theme": {
+      "types": "./dist/theme.d.ts",
+      "import": "./dist/theme.es.js",
+      "require": "./dist/theme.umd.js"
     }
   },
   "files": [
@@ -27,6 +32,7 @@
     "react-dom": "^19.0.0"
   },
   "devDependencies": {
+    "@paciu/code-quality": "^0.0.4",
     "@types/node": "^24.7.0",
     "@types/react": "^19.2.2",
     "@types/react-dom": "^19.2.1",
@@ -38,7 +44,6 @@
     "typescript": "^5.9.3",
     "vite": "^7.1.9",
     "vite-plugin-dts": "^4.5.4",
-    "vite-plugin-lib-inject-css": "^2.2.2",
-    "@paciu/code-quality": "^0.0.4"
+    "vite-plugin-lib-inject-css": "^2.2.2"
   }
 }

package/dist/index.umd.js

@@ -1,2 +0,0 @@
-(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"})}));