tvuikit 0.1.0 → 0.2.1

package/dist/{sigeev-ui-kit.es.js → tvuikit.es.js}

@@ -1,28 +1,28 @@
-import I, { Activity as fe, useState as K, useRef as G, useEffect as ge } from "react";
-const pe = {
+import I, { Activity as ge, useState as Z, useRef as G, useEffect as pe } from "react";
+const ye = {
   default: "#0A0A0A",
   component: "#00000065",
   smooth: "#111111"
-}, J = {
+}, Q = {
   default: "#EDEDED",
   text: "#EDEDED",
   miniText: "#EDEDED40",
   card: "#27272780",
   component: "#272727"
-}, Z = {
-  default: J.default,
+}, ee = {
+  default: Q.default,
   primary: "#2AFF6A",
   danger: "#FF0000",
   secondary: "#000000",
   tetriary: "#000000"
-}, ye = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, me = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  BACKGROUND: pe,
-  BUTTONS: Z,
-  FOREGROUND: J
+  BACKGROUND: ye,
+  BUTTONS: ee,
+  FOREGROUND: Q
 }, Symbol.toStringTag, { value: "Module" }));
-var R = /* @__PURE__ */ ((o) => (o.h1 = "36px", o.h2 = "32px", o.h3 = "24px", o.h4 = "20px", o.h5 = "18px", o.base = "16px", o.mini = "14px", o))(R || {});
-const me = {
+var R = /* @__PURE__ */ ((a) => (a.h1 = "36px", a.h2 = "32px", a.h3 = "24px", a.h4 = "20px", a.h5 = "18px", a.base = "16px", a.mini = "14px", a))(R || {});
+const he = {
   h1: "36px",
   h2: "32px",
   h3: "24px",
@@ -31,31 +31,22 @@ const me = {
   base: "16px",
   mini: "14px"
   /* mini */
-}, he = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, ve = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  FONT_SIZE: me,
+  FONT_SIZE: he,
   FontSize: R
-}, Symbol.toStringTag, { value: "Module" })), Me = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Symbol.toStringTag, { value: "Module" })), Ie = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  COLORS: ye,
-  FONTS: he
+  COLORS: me,
+  FONTS: ve
 }, Symbol.toStringTag, { value: "Module" }));
-var L = { exports: {} }, j = {};
-/**
- * @license React
- * react-jsx-runtime.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
+var N = { exports: {} }, j = {};
 var V;
 function _e() {
   if (V) return j;
   V = 1;
-  var o = Symbol.for("react.transitional.element"), g = Symbol.for("react.fragment");
-  function d(s, l, p) {
+  var a = /* @__PURE__ */ Symbol.for("react.transitional.element"), d = /* @__PURE__ */ Symbol.for("react.fragment");
+  function f(c, l, p) {
     var y = null;
     if (p !== void 0 && (y = "" + p), l.key !== void 0 && (y = "" + l.key), "key" in l) {
       p = {};
@@ -63,45 +54,36 @@ function _e() {
         h !== "key" && (p[h] = l[h]);
     } else p = l;
     return l = p.ref, {
-      $$typeof: o,
-      type: s,
+      $$typeof: a,
+      type: c,
       key: y,
       ref: l !== void 0 ? l : null,
       props: p
     };
   }
-  return j.Fragment = g, j.jsx = d, j.jsxs = d, j;
+  return j.Fragment = d, j.jsx = f, j.jsxs = f, j;
 }
-var w = {};
-/**
- * @license React
- * react-jsx-runtime.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
+var D = {};
 var W;
-function ve() {
-  return W || (W = 1, process.env.NODE_ENV !== "production" && function() {
-    function o(t) {
+function be() {
+  return W || (W = 1, process.env.NODE_ENV !== "production" && (function() {
+    function a(t) {
       if (t == null) return null;
       if (typeof t == "function")
-        return t.$$typeof === le ? null : t.displayName || t.name || null;
+        return t.$$typeof === ue ? null : t.displayName || t.name || null;
       if (typeof t == "string") return t;
       switch (t) {
         case T:
           return "Fragment";
-        case re:
+        case te:
           return "Profiler";
-        case ee:
+        case re:
           return "StrictMode";
-        case oe:
-          return "Suspense";
         case ie:
+          return "Suspense";
+        case se:
           return "SuspenseList";
-        case ce:
+        case le:
           return "Activity";
       }
       if (typeof t == "object")
@@ -110,57 +92,57 @@ function ve() {
         ), t.$$typeof) {
           case x:
             return "Portal";
-          case ne:
+          case ae:
             return t.displayName || "Context";
-          case te:
+          case ne:
             return (t._context.displayName || "Context") + ".Consumer";
-          case ae:
+          case oe:
             var u = t.render;
             return t = t.displayName, t || (t = u.displayName || u.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
-          case se:
-            return u = t.displayName || null, u !== null ? u : o(t.type) || "Memo";
-          case N:
+          case ce:
+            return u = t.displayName || null, u !== null ? u : a(t.type) || "Memo";
+          case k:
             u = t._payload, t = t._init;
             try {
-              return o(t(u));
+              return a(t(u));
             } catch {
             }
         }
       return null;
     }
-    function g(t) {
+    function d(t) {
       return "" + t;
     }
-    function d(t) {
+    function f(t) {
       try {
-        g(t);
+        d(t);
         var u = !1;
       } catch {
         u = !0;
       }
       if (u) {
         u = console;
-        var m = u.error, _ = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        var m = u.error, v = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
         return m.call(
           u,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          _
-        ), g(t);
+          v
+        ), d(t);
       }
     }
-    function s(t) {
+    function c(t) {
       if (t === T) return "<>";
-      if (typeof t == "object" && t !== null && t.$$typeof === N)
+      if (typeof t == "object" && t !== null && t.$$typeof === k)
         return "<...>";
       try {
-        var u = o(t);
+        var u = a(t);
         return u ? "<" + u + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function l() {
-      var t = A.A;
+      var t = P.A;
       return t === null ? null : t.getOwner();
     }
     function p() {
@@ -185,23 +167,23 @@ function ve() {
         configurable: !0
       });
     }
-    function a() {
-      var t = o(this.type);
+    function o() {
+      var t = a(this.type);
       return U[t] || (U[t] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), t = this.props.ref, t !== void 0 ? t : null;
     }
-    function r(t, u, m, _, D, P) {
-      var v = m.ref;
+    function r(t, u, m, v, w, C) {
+      var _ = m.ref;
       return t = {
         $$typeof: b,
         type: t,
         key: u,
         props: m,
-        _owner: _
-      }, (v !== void 0 ? v : null) !== null ? Object.defineProperty(t, "ref", {
+        _owner: v
+      }, (_ !== void 0 ? _ : null) !== null ? Object.defineProperty(t, "ref", {
         enumerable: !1,
-        get: a
+        get: o
       }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -216,69 +198,69 @@ function ve() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: D
+        value: w
       }), Object.defineProperty(t, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: P
+        value: C
       }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
     }
-    function f(t, u, m, _, D, P) {
-      var v = u.children;
-      if (v !== void 0)
-        if (_)
-          if (ue(v)) {
-            for (_ = 0; _ < v.length; _++)
-              n(v[_]);
-            Object.freeze && Object.freeze(v);
+    function g(t, u, m, v, w, C) {
+      var _ = u.children;
+      if (_ !== void 0)
+        if (v)
+          if (de(_)) {
+            for (v = 0; v < _.length; v++)
+              n(_[v]);
+            Object.freeze && Object.freeze(_);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else n(v);
+        else n(_);
       if (F.call(u, "key")) {
-        v = o(t);
-        var S = Object.keys(u).filter(function(de) {
-          return de !== "key";
+        _ = a(t);
+        var S = Object.keys(u).filter(function(fe) {
+          return fe !== "key";
         });
-        _ = 0 < S.length ? "{key: someKey, " + S.join(": ..., ") + ": ...}" : "{key: someKey}", B[v + _] || (S = 0 < S.length ? "{" + S.join(": ..., ") + ": ...}" : "{}", console.error(
+        v = 0 < S.length ? "{key: someKey, " + S.join(": ..., ") + ": ...}" : "{key: someKey}", B[_ + v] || (S = 0 < S.length ? "{" + S.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          _,
           v,
+          _,
           S,
-          v
-        ), B[v + _] = !0);
+          _
+        ), B[_ + v] = !0);
       }
-      if (v = null, m !== void 0 && (d(m), v = "" + m), y(u) && (d(u.key), v = "" + u.key), "key" in u) {
+      if (_ = null, m !== void 0 && (f(m), _ = "" + m), y(u) && (f(u.key), _ = "" + u.key), "key" in u) {
         m = {};
-        for (var M in u)
-          M !== "key" && (m[M] = u[M]);
+        for (var L in u)
+          L !== "key" && (m[L] = u[L]);
       } else m = u;
-      return v && h(
+      return _ && h(
         m,
         typeof t == "function" ? t.displayName || t.name || "Unknown" : t
       ), r(
         t,
-        v,
+        _,
         m,
         l(),
-        D,
-        P
+        w,
+        C
       );
     }
     function n(t) {
-      e(t) ? t._store && (t._store.validated = 1) : typeof t == "object" && t !== null && t.$$typeof === N && (t._payload.status === "fulfilled" ? e(t._payload.value) && t._payload.value._store && (t._payload.value._store.validated = 1) : t._store && (t._store.validated = 1));
+      e(t) ? t._store && (t._store.validated = 1) : typeof t == "object" && t !== null && t.$$typeof === k && (t._payload.status === "fulfilled" ? e(t._payload.value) && t._payload.value._store && (t._payload.value._store.validated = 1) : t._store && (t._store.validated = 1));
     }
     function e(t) {
       return typeof t == "object" && t !== null && t.$$typeof === b;
     }
-    var i = I, b = Symbol.for("react.transitional.element"), x = Symbol.for("react.portal"), T = Symbol.for("react.fragment"), ee = Symbol.for("react.strict_mode"), re = Symbol.for("react.profiler"), te = Symbol.for("react.consumer"), ne = Symbol.for("react.context"), ae = Symbol.for("react.forward_ref"), oe = Symbol.for("react.suspense"), ie = Symbol.for("react.suspense_list"), se = Symbol.for("react.memo"), N = Symbol.for("react.lazy"), ce = Symbol.for("react.activity"), le = Symbol.for("react.client.reference"), A = i.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, F = Object.prototype.hasOwnProperty, ue = Array.isArray, k = console.createTask ? console.createTask : function() {
+    var i = I, b = /* @__PURE__ */ Symbol.for("react.transitional.element"), x = /* @__PURE__ */ Symbol.for("react.portal"), T = /* @__PURE__ */ Symbol.for("react.fragment"), re = /* @__PURE__ */ Symbol.for("react.strict_mode"), te = /* @__PURE__ */ Symbol.for("react.profiler"), ne = /* @__PURE__ */ Symbol.for("react.consumer"), ae = /* @__PURE__ */ Symbol.for("react.context"), oe = /* @__PURE__ */ Symbol.for("react.forward_ref"), ie = /* @__PURE__ */ Symbol.for("react.suspense"), se = /* @__PURE__ */ Symbol.for("react.suspense_list"), ce = /* @__PURE__ */ Symbol.for("react.memo"), k = /* @__PURE__ */ Symbol.for("react.lazy"), le = /* @__PURE__ */ Symbol.for("react.activity"), ue = /* @__PURE__ */ Symbol.for("react.client.reference"), P = i.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, F = Object.prototype.hasOwnProperty, de = Array.isArray, M = console.createTask ? console.createTask : function() {
       return null;
     };
     i = {
@@ -289,44 +271,66 @@ React keys must be passed directly to JSX without using spread:
     var $, U = {}, Y = i.react_stack_bottom_frame.bind(
       i,
       p
-    )(), H = k(s(p)), B = {};
-    w.Fragment = T, w.jsx = function(t, u, m) {
-      var _ = 1e4 > A.recentlyCreatedOwnerStacks++;
-      return f(
+    )(), H = M(c(p)), B = {};
+    D.Fragment = T, D.jsx = function(t, u, m) {
+      var v = 1e4 > P.recentlyCreatedOwnerStacks++;
+      return g(
         t,
         u,
         m,
         !1,
-        _ ? Error("react-stack-top-frame") : Y,
-        _ ? k(s(t)) : H
+        v ? Error("react-stack-top-frame") : Y,
+        v ? M(c(t)) : H
       );
-    }, w.jsxs = function(t, u, m) {
-      var _ = 1e4 > A.recentlyCreatedOwnerStacks++;
-      return f(
+    }, D.jsxs = function(t, u, m) {
+      var v = 1e4 > P.recentlyCreatedOwnerStacks++;
+      return g(
         t,
         u,
         m,
         !0,
-        _ ? Error("react-stack-top-frame") : Y,
-        _ ? k(s(t)) : H
+        v ? Error("react-stack-top-frame") : Y,
+        v ? M(c(t)) : H
       );
     };
-  }()), w;
+  })()), D;
 }
-process.env.NODE_ENV === "production" ? L.exports = _e() : L.exports = ve();
-var c = L.exports;
-const q = ({
-  variant: o = "default",
-  children: g,
-  className: d,
-  ...s
+var q;
+function Oe() {
+  return q || (q = 1, process.env.NODE_ENV === "production" ? N.exports = _e() : N.exports = be()), N.exports;
+}
+var s = Oe();
+const Fe = ({ actived: a, children: d, name: f }) => /* @__PURE__ */ s.jsx(ge, { name: f, mode: a ? "visible" : "hidden", children: d }), $e = ({
+  style: a,
+  imageVar: d,
+  className: f = "",
+  ...c
+}) => {
+  const l = `bg-(image:${d})`;
+  return /* @__PURE__ */ s.jsx(
+    "div",
+    {
+      ...c,
+      className: [f, l].join(" "),
+      style: {
+        ...a,
+        backgroundSize: "cover",
+        backgroundRepeat: "no-repeat"
+      }
+    }
+  );
+}, z = ({
+  variant: a = "default",
+  children: d,
+  className: f,
+  ...c
 }) => {
   const l = {
-    diabled: s.disabled ? "bg-(--bg-smooth) text-(--fg-mini-text)" : `bg-(--bg-card) color-${o} cursor-pointer`,
-    "hover:disabled": s.disabled ? "" : "hover:px-5 hover:py-3",
-    "active:disabled": s.disabled ? "" : "active:px-3 active:py-1 active:bg-(--fg-component) active:opacity-[0.7]"
+    diabled: c.disabled ? "bg-(--bg-smooth) text-(--fg-mini-text)" : `bg-(--bg-card) color-${a} cursor-pointer`,
+    "hover:disabled": c.disabled ? "" : "hover:px-5 hover:py-3",
+    "active:disabled": c.disabled ? "" : "active:px-3 active:py-1 active:bg-(--fg-component) active:opacity-[0.7]"
   };
-  return /* @__PURE__ */ c.jsx(
+  return /* @__PURE__ */ s.jsx(
     "button",
     {
       className: [
@@ -334,181 +338,218 @@ const q = ({
         l.diabled,
         l["hover:disabled"],
         l["active:disabled"],
-        d
+        f
       ].join(" "),
-      ...s,
-      children: g
+      ...c,
+      children: d
     }
   );
-}, Le = ({
-  style: o,
-  imageVar: g,
-  className: d = "",
-  ...s
+}, Ee = ({ size: a, ref: d, className: f }) => /* @__PURE__ */ s.jsx(
+  "svg",
+  {
+    ref: d,
+    width: a,
+    height: a,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    className: f,
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ s.jsx("g", { transform: "translate(4 6)", children: /* @__PURE__ */ s.jsx(
+      "path",
+      {
+        d: "M1 6L6 11L16 1",
+        stroke: "#EDEDED",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ) })
+  }
+), xe = ({ size: a, ref: d, className: f }) => /* @__PURE__ */ s.jsx(
+  "svg",
+  {
+    ref: d,
+    width: a,
+    height: a,
+    viewBox: "0 0 12 12",
+    fill: "none",
+    className: f,
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ s.jsx("circle", { cx: "6", cy: "6", r: "6", fill: "#EDEDED" })
+  }
+), Te = 8, Re = 1, Se = (Te + Re) * 2, je = ({
+  inputName: a,
+  inputId: d,
+  className: f,
+  style: c,
+  onClick: l,
+  size: p = 24,
+  checked: y = !1,
+  type: h,
+  ...o
 }) => {
-  const l = `bg-(image:${g})`;
-  return /* @__PURE__ */ c.jsx(
+  const [r, g] = Z(y), n = G(null), e = G(null), i = `${p + Se}px`;
+  return pe(() => {
+    n.current && (e.current && (e.current.checked = r), r ? n.current.style.display = c?.display || "block" : n.current.style.opacity = "0", setTimeout(() => {
+      n.current && (r ? n.current.style.opacity = "1" : n.current.style.display = "none");
+    }, 100));
+  }, [r, c?.display]), /* @__PURE__ */ s.jsxs(
     "div",
     {
-      ...s,
-      className: [d, l].join(" "),
+      className: [
+        "bg-(--bg-card) border-(--fg-mini-text) border-1 p-[8px] cursor-pointer duration-300",
+        h === "checkbox" ? "rounded-[20%]" : "rounded-[100%]",
+        "hover:bg-(--fg-card)",
+        f
+      ].join(" "),
       style: {
-        ...o,
-        backgroundSize: "cover",
-        backgroundRepeat: "no-repeat"
-      }
+        height: i,
+        width: i,
+        ...c
+      },
+      onClick: (b) => {
+        l?.(b), g(!r);
+      },
+      ...o,
+      children: [
+        h === "checkbox" ? /* @__PURE__ */ s.jsx(Ee, { className: "duration-300", ref: n, size: p }) : /* @__PURE__ */ s.jsx(xe, { className: "duration-300", ref: n, size: p }),
+        /* @__PURE__ */ s.jsx(
+          "input",
+          {
+            ref: e,
+            name: a,
+            id: d,
+            type: "checkbox",
+            style: { display: "none" }
+          }
+        )
+      ]
     }
   );
-}, Ce = ({ className: o, ...g }) => /* @__PURE__ */ c.jsx(
+}, Ue = (a) => /* @__PURE__ */ s.jsx(je, { type: "checkbox", ...a }), Ye = ({ className: a, ...d }) => /* @__PURE__ */ s.jsx(
   "input",
   {
     placeholder: "input here...",
-    ...g,
+    ...d,
     className: [
-      o || "",
+      a || "",
       "bg-(--bg-card) px-4 py-2 rounded-lg min-w-30 max-w-60"
     ].join(" ")
   }
-), Ie = ({ className: o, ...g }) => /* @__PURE__ */ c.jsx(
+), He = ({ className: a, ...d }) => /* @__PURE__ */ s.jsx(
   "textarea",
   {
     placeholder: "write here...",
-    ...g,
+    ...d,
     className: [
-      o || "",
+      a || "",
       "bg-(--bg-card) px-4 py-2 rounded-lg min-w-30 max-w-150 min-h-10 resize"
     ].join(" ")
   }
-), Fe = ({
-  flexDirection: o = "row",
-  className: g,
-  ...d
-}) => {
-  const s = o === "col" ? "flex-col" : "flex-row";
-  return /* @__PURE__ */ c.jsx(
-    "div",
-    {
-      ...d,
-      className: [
-        g || "",
-        s,
-        "bg-(image:--image-bg) flex gap-8 px-12 py-4 rounded-lg page"
-      ].join(" ")
-    }
-  );
-};
-var C = { exports: {} }, O = {};
-/**
- * @license React
- * react-dom.production.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var z;
-function be() {
-  if (z) return O;
-  z = 1;
-  var o = I;
-  function g(a) {
-    var r = "https://react.dev/errors/" + a;
+);
+var A = { exports: {} }, O = {};
+var X;
+function De() {
+  if (X) return O;
+  X = 1;
+  var a = I;
+  function d(o) {
+    var r = "https://react.dev/errors/" + o;
     if (1 < arguments.length) {
       r += "?args[]=" + encodeURIComponent(arguments[1]);
-      for (var f = 2; f < arguments.length; f++)
-        r += "&args[]=" + encodeURIComponent(arguments[f]);
+      for (var g = 2; g < arguments.length; g++)
+        r += "&args[]=" + encodeURIComponent(arguments[g]);
     }
-    return "Minified React error #" + a + "; visit " + r + " for the full message or use the non-minified dev environment for full errors and additional helpful warnings.";
+    return "Minified React error #" + o + "; visit " + r + " for the full message or use the non-minified dev environment for full errors and additional helpful warnings.";
   }
-  function d() {
+  function f() {
   }
-  var s = {
+  var c = {
     d: {
-      f: d,
+      f,
       r: function() {
-        throw Error(g(522));
+        throw Error(d(522));
       },
-      D: d,
-      C: d,
-      L: d,
-      m: d,
-      X: d,
-      S: d,
-      M: d
+      D: f,
+      C: f,
+      L: f,
+      m: f,
+      X: f,
+      S: f,
+      M: f
     },
     p: 0,
     findDOMNode: null
-  }, l = Symbol.for("react.portal");
-  function p(a, r, f) {
+  }, l = /* @__PURE__ */ Symbol.for("react.portal");
+  function p(o, r, g) {
     var n = 3 < arguments.length && arguments[3] !== void 0 ? arguments[3] : null;
     return {
       $$typeof: l,
       key: n == null ? null : "" + n,
-      children: a,
+      children: o,
       containerInfo: r,
-      implementation: f
+      implementation: g
     };
   }
-  var y = o.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
-  function h(a, r) {
-    if (a === "font") return "";
+  var y = a.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+  function h(o, r) {
+    if (o === "font") return "";
     if (typeof r == "string")
       return r === "use-credentials" ? r : "";
   }
-  return O.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE = s, O.createPortal = function(a, r) {
-    var f = 2 < arguments.length && arguments[2] !== void 0 ? arguments[2] : null;
+  return O.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE = c, O.createPortal = function(o, r) {
+    var g = 2 < arguments.length && arguments[2] !== void 0 ? arguments[2] : null;
     if (!r || r.nodeType !== 1 && r.nodeType !== 9 && r.nodeType !== 11)
-      throw Error(g(299));
-    return p(a, r, null, f);
-  }, O.flushSync = function(a) {
-    var r = y.T, f = s.p;
+      throw Error(d(299));
+    return p(o, r, null, g);
+  }, O.flushSync = function(o) {
+    var r = y.T, g = c.p;
     try {
-      if (y.T = null, s.p = 2, a) return a();
+      if (y.T = null, c.p = 2, o) return o();
     } finally {
-      y.T = r, s.p = f, s.d.f();
+      y.T = r, c.p = g, c.d.f();
     }
-  }, O.preconnect = function(a, r) {
-    typeof a == "string" && (r ? (r = r.crossOrigin, r = typeof r == "string" ? r === "use-credentials" ? r : "" : void 0) : r = null, s.d.C(a, r));
-  }, O.prefetchDNS = function(a) {
-    typeof a == "string" && s.d.D(a);
-  }, O.preinit = function(a, r) {
-    if (typeof a == "string" && r && typeof r.as == "string") {
-      var f = r.as, n = h(f, r.crossOrigin), e = typeof r.integrity == "string" ? r.integrity : void 0, i = typeof r.fetchPriority == "string" ? r.fetchPriority : void 0;
-      f === "style" ? s.d.S(
-        a,
+  }, O.preconnect = function(o, r) {
+    typeof o == "string" && (r ? (r = r.crossOrigin, r = typeof r == "string" ? r === "use-credentials" ? r : "" : void 0) : r = null, c.d.C(o, r));
+  }, O.prefetchDNS = function(o) {
+    typeof o == "string" && c.d.D(o);
+  }, O.preinit = function(o, r) {
+    if (typeof o == "string" && r && typeof r.as == "string") {
+      var g = r.as, n = h(g, r.crossOrigin), e = typeof r.integrity == "string" ? r.integrity : void 0, i = typeof r.fetchPriority == "string" ? r.fetchPriority : void 0;
+      g === "style" ? c.d.S(
+        o,
         typeof r.precedence == "string" ? r.precedence : void 0,
         {
           crossOrigin: n,
           integrity: e,
           fetchPriority: i
         }
-      ) : f === "script" && s.d.X(a, {
+      ) : g === "script" && c.d.X(o, {
         crossOrigin: n,
         integrity: e,
         fetchPriority: i,
         nonce: typeof r.nonce == "string" ? r.nonce : void 0
       });
     }
-  }, O.preinitModule = function(a, r) {
-    if (typeof a == "string")
+  }, O.preinitModule = function(o, r) {
+    if (typeof o == "string")
       if (typeof r == "object" && r !== null) {
         if (r.as == null || r.as === "script") {
-          var f = h(
+          var g = h(
             r.as,
             r.crossOrigin
           );
-          s.d.M(a, {
-            crossOrigin: f,
+          c.d.M(o, {
+            crossOrigin: g,
             integrity: typeof r.integrity == "string" ? r.integrity : void 0,
             nonce: typeof r.nonce == "string" ? r.nonce : void 0
           });
         }
-      } else r == null && s.d.M(a);
-  }, O.preload = function(a, r) {
-    if (typeof a == "string" && typeof r == "object" && r !== null && typeof r.as == "string") {
-      var f = r.as, n = h(f, r.crossOrigin);
-      s.d.L(a, f, {
+      } else r == null && c.d.M(o);
+  }, O.preload = function(o, r) {
+    if (typeof o == "string" && typeof r == "object" && r !== null && typeof r.as == "string") {
+      var g = r.as, n = h(g, r.crossOrigin);
+      c.d.L(o, g, {
         crossOrigin: n,
         integrity: typeof r.integrity == "string" ? r.integrity : void 0,
         nonce: typeof r.nonce == "string" ? r.nonce : void 0,
@@ -520,48 +561,39 @@ function be() {
         media: typeof r.media == "string" ? r.media : void 0
       });
     }
-  }, O.preloadModule = function(a, r) {
-    if (typeof a == "string")
+  }, O.preloadModule = function(o, r) {
+    if (typeof o == "string")
       if (r) {
-        var f = h(r.as, r.crossOrigin);
-        s.d.m(a, {
+        var g = h(r.as, r.crossOrigin);
+        c.d.m(o, {
           as: typeof r.as == "string" && r.as !== "script" ? r.as : void 0,
-          crossOrigin: f,
+          crossOrigin: g,
           integrity: typeof r.integrity == "string" ? r.integrity : void 0
         });
-      } else s.d.m(a);
-  }, O.requestFormReset = function(a) {
-    s.d.r(a);
-  }, O.unstable_batchedUpdates = function(a, r) {
-    return a(r);
-  }, O.useFormState = function(a, r, f) {
-    return y.H.useFormState(a, r, f);
+      } else c.d.m(o);
+  }, O.requestFormReset = function(o) {
+    c.d.r(o);
+  }, O.unstable_batchedUpdates = function(o, r) {
+    return o(r);
+  }, O.useFormState = function(o, r, g) {
+    return y.H.useFormState(o, r, g);
   }, O.useFormStatus = function() {
     return y.H.useHostTransitionStatus();
   }, O.version = "19.2.3", O;
 }
 var E = {};
-/**
- * @license React
- * react-dom.development.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-var X;
-function Oe() {
-  return X || (X = 1, process.env.NODE_ENV !== "production" && function() {
-    function o() {
+var J;
+function we() {
+  return J || (J = 1, process.env.NODE_ENV !== "production" && (function() {
+    function a() {
     }
-    function g(n) {
+    function d(n) {
       return "" + n;
     }
-    function d(n, e, i) {
+    function f(n, e, i) {
       var b = 3 < arguments.length && arguments[3] !== void 0 ? arguments[3] : null;
       try {
-        g(b);
+        d(b);
         var x = !1;
       } catch {
         x = !0;
@@ -569,7 +601,7 @@ function Oe() {
       return x && (console.error(
         "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
         typeof Symbol == "function" && Symbol.toStringTag && b[Symbol.toStringTag] || b.constructor.name || "Object"
-      ), g(b)), {
+      ), d(b)), {
         $$typeof: r,
         key: b == null ? null : "" + b,
         children: n,
@@ -577,7 +609,7 @@ function Oe() {
         implementation: i
       };
     }
-    function s(n, e) {
+    function c(n, e) {
       if (n === "font") return "";
       if (typeof e == "string")
         return e === "use-credentials" ? e : "";
@@ -589,7 +621,7 @@ function Oe() {
       return n === null ? "`null`" : n === void 0 ? "`undefined`" : n === "" ? "an empty string" : typeof n == "string" ? JSON.stringify(n) : typeof n == "number" ? "`" + n + "`" : 'something with type "' + typeof n + '"';
     }
     function y() {
-      var n = f.H;
+      var n = g.H;
       return n === null && console.error(
         `Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
 1. You might have mismatching versions of React and the renderer (such as React DOM)
@@ -599,39 +631,39 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
       ), n;
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var h = I, a = {
+    var h = I, o = {
       d: {
-        f: o,
+        f: a,
         r: function() {
           throw Error(
             "Invalid form element. requestFormReset must be passed a form that was rendered by React."
           );
         },
-        D: o,
-        C: o,
-        L: o,
-        m: o,
-        X: o,
-        S: o,
-        M: o
+        D: a,
+        C: a,
+        L: a,
+        m: a,
+        X: a,
+        S: a,
+        M: a
       },
       p: 0,
       findDOMNode: null
-    }, r = Symbol.for("react.portal"), f = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
+    }, r = /* @__PURE__ */ Symbol.for("react.portal"), g = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;
     typeof Map == "function" && Map.prototype != null && typeof Map.prototype.forEach == "function" && typeof Set == "function" && Set.prototype != null && typeof Set.prototype.clear == "function" && typeof Set.prototype.forEach == "function" || console.error(
       "React depends on Map and Set built-in types. Make sure that you load a polyfill in older browsers. https://reactjs.org/link/react-polyfills"
-    ), E.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE = a, E.createPortal = function(n, e) {
+    ), E.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE = o, E.createPortal = function(n, e) {
       var i = 2 < arguments.length && arguments[2] !== void 0 ? arguments[2] : null;
       if (!e || e.nodeType !== 1 && e.nodeType !== 9 && e.nodeType !== 11)
         throw Error("Target container is not a DOM element.");
-      return d(n, e, null, i);
+      return f(n, e, null, i);
     }, E.flushSync = function(n) {
-      var e = f.T, i = a.p;
+      var e = g.T, i = o.p;
       try {
-        if (f.T = null, a.p = 2, n)
+        if (g.T = null, o.p = 2, n)
           return n();
       } finally {
-        f.T = e, a.p = i, a.d.f() && console.error(
+        g.T = e, o.p = i, o.d.f() && console.error(
           "flushSync was called from inside a lifecycle method. React cannot flush when React is already rendering. Consider moving this call to a scheduler task or micro task."
         );
       }
@@ -645,7 +677,7 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
       ) : console.error(
         "ReactDOM.preconnect(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.",
         l(n)
-      ), typeof n == "string" && (e ? (e = e.crossOrigin, e = typeof e == "string" ? e === "use-credentials" ? e : "" : void 0) : e = null, a.d.C(n, e));
+      ), typeof n == "string" && (e ? (e = e.crossOrigin, e = typeof e == "string" ? e === "use-credentials" ? e : "" : void 0) : e = null, o.d.C(n, e));
     }, E.prefetchDNS = function(n) {
       if (typeof n != "string" || !n)
         console.error(
@@ -662,7 +694,7 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
           p(e)
         );
       }
-      typeof n == "string" && a.d.D(n);
+      typeof n == "string" && o.d.D(n);
     }, E.preinit = function(n, e) {
       if (typeof n == "string" && n ? e == null || typeof e != "object" ? console.error(
         "ReactDOM.preinit(): Expected the `options` argument (second) to be an object with an `as` property describing the type of resource to be preinitialized but encountered %s instead.",
@@ -674,8 +706,8 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
         "ReactDOM.preinit(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.",
         l(n)
       ), typeof n == "string" && e && typeof e.as == "string") {
-        var i = e.as, b = s(i, e.crossOrigin), x = typeof e.integrity == "string" ? e.integrity : void 0, T = typeof e.fetchPriority == "string" ? e.fetchPriority : void 0;
-        i === "style" ? a.d.S(
+        var i = e.as, b = c(i, e.crossOrigin), x = typeof e.integrity == "string" ? e.integrity : void 0, T = typeof e.fetchPriority == "string" ? e.fetchPriority : void 0;
+        i === "style" ? o.d.S(
           n,
           typeof e.precedence == "string" ? e.precedence : void 0,
           {
@@ -683,7 +715,7 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
             integrity: x,
             fetchPriority: T
           }
-        ) : i === "script" && a.d.X(n, {
+        ) : i === "script" && o.d.X(n, {
           crossOrigin: b,
           integrity: x,
           fetchPriority: T,
@@ -692,30 +724,21 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
       }
     }, E.preinitModule = function(n, e) {
       var i = "";
-      if (typeof n == "string" && n || (i += " The `href` argument encountered was " + l(n) + "."), e !== void 0 && typeof e != "object" ? i += " The `options` argument encountered was " + l(e) + "." : e && "as" in e && e.as !== "script" && (i += " The `as` option encountered was " + p(e.as) + "."), i)
-        console.error(
-          "ReactDOM.preinitModule(): Expected up to two arguments, a non-empty `href` string and, optionally, an `options` object with a valid `as` property.%s",
-          i
-        );
-      else
-        switch (i = e && typeof e.as == "string" ? e.as : "script", i) {
-          case "script":
-            break;
-          default:
-            i = p(i), console.error(
-              'ReactDOM.preinitModule(): Currently the only supported "as" type for this function is "script" but received "%s" instead. This warning was generated for `href` "%s". In the future other module types will be supported, aligning with the import-attributes proposal. Learn more here: (https://github.com/tc39/proposal-import-attributes)',
-              i,
-              n
-            );
-        }
-      typeof n == "string" && (typeof e == "object" && e !== null ? (e.as == null || e.as === "script") && (i = s(
+      typeof n == "string" && n || (i += " The `href` argument encountered was " + l(n) + "."), e !== void 0 && typeof e != "object" ? i += " The `options` argument encountered was " + l(e) + "." : e && "as" in e && e.as !== "script" && (i += " The `as` option encountered was " + p(e.as) + "."), i ? console.error(
+        "ReactDOM.preinitModule(): Expected up to two arguments, a non-empty `href` string and, optionally, an `options` object with a valid `as` property.%s",
+        i
+      ) : (i = e && typeof e.as == "string" ? e.as : "script", i) === "script" || (i = p(i), console.error(
+        'ReactDOM.preinitModule(): Currently the only supported "as" type for this function is "script" but received "%s" instead. This warning was generated for `href` "%s". In the future other module types will be supported, aligning with the import-attributes proposal. Learn more here: (https://github.com/tc39/proposal-import-attributes)',
+        i,
+        n
+      )), typeof n == "string" && (typeof e == "object" && e !== null ? (e.as == null || e.as === "script") && (i = c(
         e.as,
         e.crossOrigin
-      ), a.d.M(n, {
+      ), o.d.M(n, {
         crossOrigin: i,
         integrity: typeof e.integrity == "string" ? e.integrity : void 0,
         nonce: typeof e.nonce == "string" ? e.nonce : void 0
-      })) : e == null && a.d.M(n));
+      })) : e == null && o.d.M(n));
     }, E.preload = function(n, e) {
       var i = "";
       if (typeof n == "string" && n || (i += " The `href` argument encountered was " + l(n) + "."), e == null || typeof e != "object" ? i += " The `options` argument encountered was " + l(e) + "." : typeof e.as == "string" && e.as || (i += " The `as` option encountered was " + l(e.as) + "."), i && console.error(
@@ -723,11 +746,11 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
         i
       ), typeof n == "string" && typeof e == "object" && e !== null && typeof e.as == "string") {
         i = e.as;
-        var b = s(
+        var b = c(
           i,
           e.crossOrigin
         );
-        a.d.L(n, i, {
+        o.d.L(n, i, {
           crossOrigin: b,
           integrity: typeof e.integrity == "string" ? e.integrity : void 0,
           nonce: typeof e.nonce == "string" ? e.nonce : void 0,
@@ -744,16 +767,16 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
       typeof n == "string" && n || (i += " The `href` argument encountered was " + l(n) + "."), e !== void 0 && typeof e != "object" ? i += " The `options` argument encountered was " + l(e) + "." : e && "as" in e && typeof e.as != "string" && (i += " The `as` option encountered was " + l(e.as) + "."), i && console.error(
         'ReactDOM.preloadModule(): Expected two arguments, a non-empty `href` string and, optionally, an `options` object with an `as` property valid for a `<link rel="modulepreload" as="..." />` tag.%s',
         i
-      ), typeof n == "string" && (e ? (i = s(
+      ), typeof n == "string" && (e ? (i = c(
         e.as,
         e.crossOrigin
-      ), a.d.m(n, {
+      ), o.d.m(n, {
         as: typeof e.as == "string" && e.as !== "script" ? e.as : void 0,
         crossOrigin: i,
         integrity: typeof e.integrity == "string" ? e.integrity : void 0
-      })) : a.d.m(n));
+      })) : o.d.m(n));
     }, E.requestFormReset = function(n) {
-      a.d.r(n);
+      o.d.r(n);
     }, E.unstable_batchedUpdates = function(n, e) {
       return n(e);
     }, E.useFormState = function(n, e, i) {
@@ -761,155 +784,78 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
     }, E.useFormStatus = function() {
       return y().useHostTransitionStatus();
     }, E.version = "19.2.3", typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-  }()), E;
+  })()), E;
 }
-function Q() {
-  if (!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ > "u" || typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE != "function")) {
-    if (process.env.NODE_ENV !== "production")
-      throw new Error("^_^");
-    try {
-      __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(Q);
-    } catch (o) {
-      console.error(o);
+var K;
+function Ne() {
+  if (K) return A.exports;
+  K = 1;
+  function a() {
+    if (!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ > "u" || typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE != "function")) {
+      if (process.env.NODE_ENV !== "production")
+        throw new Error("^_^");
+      try {
+        __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(a);
+      } catch (d) {
+        console.error(d);
+      }
     }
   }
+  return process.env.NODE_ENV === "production" ? (a(), A.exports = De()) : A.exports = we(), A.exports;
 }
-process.env.NODE_ENV === "production" ? (Q(), C.exports = be()) : C.exports = Oe();
-var Ee = C.exports;
-const $e = ({
-  container: o,
-  children: g,
-  portalKey: d,
-  className: s = "",
+var Ae = Ne();
+const Be = ({
+  container: a,
+  children: d,
+  portalKey: f,
+  className: c = "",
   zIndex: l,
   style: p,
   ...y
 }) => {
   const h = l ? "" : "z-100";
-  return Ee.createPortal(
-    /* @__PURE__ */ c.jsx(
+  return Ae.createPortal(
+    /* @__PURE__ */ s.jsx(
       "div",
       {
         className: [
           "fixed top-0 h-screen w-screen",
           h,
-          s
+          c
         ].join(" "),
         ...y,
         style: {
           zIndex: l,
           ...p
         },
-        children: g
+        children: d
       }
     ),
-    o,
-    d
+    a,
+    f
   );
-}, Ue = ({ actived: o, children: g, name: d }) => /* @__PURE__ */ c.jsx(fe, { name: d, mode: o ? "visible" : "hidden", children: g }), xe = ({ size: o, ref: g, className: d }) => /* @__PURE__ */ c.jsx(
-  "svg",
-  {
-    ref: g,
-    width: o,
-    height: o,
-    viewBox: "0 0 24 24",
-    fill: "none",
-    className: d,
-    xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ c.jsx("g", { transform: "translate(4 6)", children: /* @__PURE__ */ c.jsx(
-      "path",
-      {
-        d: "M1 6L6 11L16 1",
-        stroke: "#EDEDED",
-        strokeWidth: "2",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
-      }
-    ) })
-  }
-), Te = ({ size: o, ref: g, className: d }) => /* @__PURE__ */ c.jsx(
-  "svg",
-  {
-    ref: g,
-    width: o,
-    height: o,
-    viewBox: "0 0 12 12",
-    fill: "none",
-    className: d,
-    xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ c.jsx("circle", { cx: "6", cy: "6", r: "6", fill: "#EDEDED" })
-  }
-), Re = 8, Se = 1, je = (Re + Se) * 2, we = ({
-  inputName: o,
-  inputId: g,
-  className: d,
-  style: s,
-  onClick: l,
-  size: p = 24,
-  checked: y = !1,
-  type: h,
-  ...a
-}) => {
-  const [r, f] = K(y), n = G(null), e = G(null), i = `${p + je}px`;
-  return ge(() => {
-    n.current && (e.current && (e.current.checked = r), r ? n.current.style.display = (s == null ? void 0 : s.display) || "block" : n.current.style.opacity = "0", setTimeout(() => {
-      n.current && (r ? n.current.style.opacity = "1" : n.current.style.display = "none");
-    }, 100));
-  }, [r, s == null ? void 0 : s.display]), /* @__PURE__ */ c.jsxs(
-    "div",
-    {
-      className: [
-        "bg-(--bg-card) border-(--fg-mini-text) border-1 p-[8px] cursor-pointer duration-300",
-        h === "checkbox" ? "rounded-[20%]" : "rounded-[100%]",
-        "hover:bg-(--fg-card)",
-        d
-      ].join(" "),
-      style: {
-        height: i,
-        width: i,
-        ...s
-      },
-      onClick: (b) => {
-        l == null || l(b), f(!r);
-      },
-      ...a,
-      children: [
-        h === "checkbox" ? /* @__PURE__ */ c.jsx(xe, { className: "duration-300", ref: n, size: p }) : /* @__PURE__ */ c.jsx(Te, { className: "duration-300", ref: n, size: p }),
-        /* @__PURE__ */ c.jsx(
-          "input",
-          {
-            ref: e,
-            name: o,
-            id: g,
-            type: "checkbox",
-            style: { display: "none" }
-          }
-        )
-      ]
-    }
-  );
-}, Ye = (o) => /* @__PURE__ */ c.jsx(we, { type: "checkbox", ...o }), De = 12, Ne = 8, He = ({
-  inputId: o,
-  inputName: g,
-  dangerousDisableError: d = !1,
-  style: s,
+}, ke = 12, Pe = 8, Ge = ({
+  inputId: a,
+  inputName: d,
+  dangerousDisableError: f = !1,
+  style: c,
   className: l,
   onClick: p,
   radioSize: y = 24,
   checked: h = !1,
-  ...a
+  ...o
 }) => {
-  const [r, f] = K(h);
-  y < De && !d && console.error(
+  const [r, g] = Z(h);
+  y < ke && !f && console.error(
     "radio size less than minimal, set radioSize = 12 or more too resolve"
   );
-  const n = y * 4, e = n - Ne * 2 - y, i = r ? "bg-(--bg-card)" : "bg-(--bg-section)", b = r ? "bg-(--fg-default)" : "bg-(--fg-mini-text)", x = r ? e : 0;
-  return /* @__PURE__ */ c.jsxs(
+  const n = y * 4, e = n - Pe * 2 - y, i = r ? "bg-(--bg-card)" : "bg-(--bg-section)", b = r ? "bg-(--fg-default)" : "bg-(--fg-mini-text)", x = r ? e : 0;
+  return /* @__PURE__ */ s.jsxs(
     "div",
     {
       style: {
         width: `${n}px`,
-        ...s
+        ...c
       },
       className: [
         "rounded-[200px] py-[6px] px-[8px] cursor-pointer duration-300",
@@ -918,11 +864,11 @@ const $e = ({
         l
       ].join(" "),
       onClick: (T) => {
-        f(!r), p == null || p(T);
+        g(!r), p?.(T);
       },
-      ...a,
+      ...o,
       children: [
-        /* @__PURE__ */ c.jsx(
+        /* @__PURE__ */ s.jsx(
           "div",
           {
             className: [
@@ -936,11 +882,11 @@ const $e = ({
             }
           }
         ),
-        /* @__PURE__ */ c.jsx(
+        /* @__PURE__ */ s.jsx(
           "input",
           {
-            name: g,
-            id: o,
+            name: d,
+            id: a,
             type: "checkbox",
             style: { display: "none" }
           }
@@ -948,77 +894,94 @@ const $e = ({
       ]
     }
   );
-}, Ae = () => /* @__PURE__ */ c.jsxs("div", { className: "flex flex-col justify-center gap-4", children: [
-  Object.keys(Z).map((o) => /* @__PURE__ */ c.jsxs(q, { variant: o, children: [
+}, Ve = ({
+  flexDirection: a = "row",
+  className: d,
+  ...f
+}) => {
+  const c = a === "col" ? "flex-col" : "flex-row";
+  return /* @__PURE__ */ s.jsx(
+    "div",
+    {
+      ...f,
+      className: [
+        d || "",
+        c,
+        "bg-(image:--image-bg) flex gap-8 px-12 py-4 rounded-lg page"
+      ].join(" ")
+    }
+  );
+}, Me = () => /* @__PURE__ */ s.jsxs("div", { className: "flex flex-col justify-center gap-4", children: [
+  Object.keys(ee).map((a) => /* @__PURE__ */ s.jsxs(z, { variant: a, children: [
     "Button ",
-    o
-  ] }, o)),
-  /* @__PURE__ */ c.jsx(q, { disabled: !0, children: "Button Disabled" })
-] }), ke = () => /* @__PURE__ */ c.jsxs("div", { className: "flex flex-col gap-2 rounded-lg", children: [
-  /* @__PURE__ */ c.jsxs("div", { children: [
-    /* @__PURE__ */ c.jsxs("h1", { children: [
+    a
+  ] }, a)),
+  /* @__PURE__ */ s.jsx(z, { disabled: !0, children: "Button Disabled" })
+] }), Ce = () => /* @__PURE__ */ s.jsxs("div", { className: "flex flex-col gap-2 rounded-lg", children: [
+  /* @__PURE__ */ s.jsxs("div", { children: [
+    /* @__PURE__ */ s.jsxs("h1", { children: [
       "H1 text, ",
       R.h1
     ] }),
-    /* @__PURE__ */ c.jsx("span", { children: "Пока не знаю" })
+    /* @__PURE__ */ s.jsx("span", { children: "Пока не знаю" })
   ] }),
-  /* @__PURE__ */ c.jsxs("div", { children: [
-    /* @__PURE__ */ c.jsxs("h2", { children: [
+  /* @__PURE__ */ s.jsxs("div", { children: [
+    /* @__PURE__ */ s.jsxs("h2", { children: [
       "H2 text, ",
       R.h2
     ] }),
-    /* @__PURE__ */ c.jsx("span", { children: "Пока не знаю" })
+    /* @__PURE__ */ s.jsx("span", { children: "Пока не знаю" })
   ] }),
-  /* @__PURE__ */ c.jsxs("div", { children: [
-    /* @__PURE__ */ c.jsxs("h3", { children: [
+  /* @__PURE__ */ s.jsxs("div", { children: [
+    /* @__PURE__ */ s.jsxs("h3", { children: [
       "H3 text, ",
       R.h3
     ] }),
-    /* @__PURE__ */ c.jsx("span", { children: "Пока не знаю" })
+    /* @__PURE__ */ s.jsx("span", { children: "Пока не знаю" })
   ] }),
-  /* @__PURE__ */ c.jsxs("div", { children: [
-    /* @__PURE__ */ c.jsxs("h4", { children: [
+  /* @__PURE__ */ s.jsxs("div", { children: [
+    /* @__PURE__ */ s.jsxs("h4", { children: [
       "H4 text, ",
       R.h4
     ] }),
-    /* @__PURE__ */ c.jsx("span", { children: "Пока не знаю" })
+    /* @__PURE__ */ s.jsx("span", { children: "Пока не знаю" })
   ] }),
-  /* @__PURE__ */ c.jsxs("div", { children: [
-    /* @__PURE__ */ c.jsxs("h5", { children: [
+  /* @__PURE__ */ s.jsxs("div", { children: [
+    /* @__PURE__ */ s.jsxs("h5", { children: [
       "H5 text, ",
       R.h5
     ] }),
-    /* @__PURE__ */ c.jsx("span", { children: "Пока не знаю" })
+    /* @__PURE__ */ s.jsx("span", { children: "Пока не знаю" })
   ] }),
-  /* @__PURE__ */ c.jsxs("div", { className: "flex flex-col", children: [
-    /* @__PURE__ */ c.jsxs("span", { children: [
+  /* @__PURE__ */ s.jsxs("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ s.jsxs("span", { children: [
       "Base text, ",
       R.base
     ] }),
-    /* @__PURE__ */ c.jsx("span", { children: "Пока не знаю" })
+    /* @__PURE__ */ s.jsx("span", { children: "Пока не знаю" })
   ] }),
-  /* @__PURE__ */ c.jsxs("div", { className: "flex flex-col", children: [
-    /* @__PURE__ */ c.jsxs("span", { className: "text-mini", children: [
+  /* @__PURE__ */ s.jsxs("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ s.jsxs("span", { className: "text-mini", children: [
       "Mini text, ",
       R.mini
     ] }),
-    /* @__PURE__ */ c.jsx("span", { children: "Пока не знаю" })
+    /* @__PURE__ */ s.jsx("span", { children: "Пока не знаю" })
   ] })
-] }), Be = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+] }), We = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  Button: Ae,
-  Text: ke
+  Button: Me,
+  Text: Ce
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Ue as Active,
-  Le as Background,
-  q as Button,
-  Ye as Checkbox,
-  Be as Guildline,
-  Ce as Input,
-  $e as Modal,
-  He as Switch,
-  Ie as Textarea,
-  Me as VARIABLES,
-  Fe as Wrapper
+  Fe as Active,
+  $e as Background,
+  z as Button,
+  Ue as Checkbox,
+  We as Guildline,
+  Ye as Input,
+  Be as Modal,
+  Ge as Switch,
+  He as Textarea,
+  Ie as VARIABLES,
+  Ve as Wrapper
 };