prometeo-design-system 1.9.5 → 1.9.7

package/dist/Avatar.es.js

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-DKDX3adD.js";
+import { j as t } from "./jsx-runtime-ByW6EXIE.js";
 import { c as p } from "./cn-B6yFEsav.js";
 import { motion as f } from "framer-motion";
 import { useState as u } from "react";

package/dist/Button.es.js

@@ -1,4 +1,4 @@
-import { j as o } from "./jsx-runtime-DKDX3adD.js";
+import { j as o } from "./jsx-runtime-ByW6EXIE.js";
 import { c as x } from "./cn-B6yFEsav.js";
 import { c as N } from "./index-BOQuZ0gG.js";
 import { useAnimationControls as k, motion as y } from "framer-motion";

package/dist/{CardProfile-Bg_q2qMm.js → CardProfile-BZajBGbO.js}

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-ByW6EXIE.js";
 import { c as l } from "./cn-B6yFEsav.js";
 import { motion as i, AnimatePresence as u } from "framer-motion";
 import m from "./Avatar.es.js";

package/dist/CardProfile.es.js

@@ -1,4 +1,4 @@
-import { C as a } from "./CardProfile-Bg_q2qMm.js";
+import { C as a } from "./CardProfile-BZajBGbO.js";
 export {
   a as CardProfile
 };

package/dist/CheckBox.es.js

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-DKDX3adD.js";
+import { j as t } from "./jsx-runtime-ByW6EXIE.js";
 import { Icons as l } from "./Icons.es.js";
 import { useId as o, useRef as d } from "react";
 const k = ({ className: s, disabled: e, ...a }) => {

package/dist/CheckboxFormik.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-ByW6EXIE.js";
 import { Icons as x } from "./Icons.es.js";
 import { c as r } from "./cn-B6yFEsav.js";
 import { useField as h, ErrorMessage as p } from "formik";

package/dist/DialogModal.es.js

@@ -1,46 +1,40 @@
-import { j as s } from "./jsx-runtime-DKDX3adD.js";
-import { forwardRef as f, useState as g, useCallback as x, useMemo as m, useImperativeHandle as j, useRef as D } from "react";
-import { c as d } from "./cn-B6yFEsav.js";
-const u = f(
-  ({ children: e, onClose: o, className: r }, l) => {
-    const [t, a] = g(!1), i = x(() => a(!0), []), n = () => {
-      a(!1), o?.();
-    }, c = m(
-      () => ({
-        open: i,
-        close: n,
-        isOpen: t
-      }),
-      [i, n, t]
-    );
-    return j(l, () => c, [c]), /* @__PURE__ */ s.jsx(s.Fragment, { children: t && /* @__PURE__ */ s.jsx(
-      "div",
-      {
-        className: "fixed inset-0 z-50 flex items-center justify-center bg-black/30 backdrop-blur-[1.5px]",
-        onClick: n,
-        children: /* @__PURE__ */ s.jsx(
-          "div",
-          {
-            className: d(
-              "bg-neutral-default-default w-3/4 h-3/4 xl:w-3/4 xl:h-10/12 rounded-lg shadow-lg border-neutral-strong-default border relative p-6",
-              r
-            ),
-            onClick: (p) => p.stopPropagation(),
-            children: e
-          }
-        )
-      }
-    ) });
-  }
-), b = ({ children: e, className: o }) => /* @__PURE__ */ s.jsx("div", { className: o, children: /* @__PURE__ */ s.jsx("div", { className: d("flex flex-col gap-4"), children: e }) }), h = ({ children: e, className: o }) => /* @__PURE__ */ s.jsx("h1", { className: o, children: e }), v = ({ children: e, className: o }) => /* @__PURE__ */ s.jsx("div", { className: o, children: e }), C = ({ children: e, className: o }) => /* @__PURE__ */ s.jsx("div", { className: o, children: e }), N = Object.assign(u, {
-  Content: b,
-  Header: v,
-  Footer: C,
-  Title: h
-});
-u.displayName = "Dialog";
-const R = () => {
-  const e = D(null);
+import { j as t } from "./jsx-runtime-ByW6EXIE.js";
+import { forwardRef as u, useState as p, useImperativeHandle as f, useRef as g } from "react";
+import { c as i } from "./cn-B6yFEsav.js";
+const x = u(({
+  children: e,
+  onClose: o,
+  className: s
+}, n) => {
+  const [r, l] = p(!1), c = () => l(!0), a = () => {
+    l(!1), o?.();
+  };
+  return f(n, () => ({
+    open: c,
+    close: a,
+    isOpen: r
+  })), /* @__PURE__ */ t.jsx(t.Fragment, { children: r && /* @__PURE__ */ t.jsx(
+    "div",
+    {
+      className: "fixed inset-0 z-50 flex items-center justify-center bg-black/30 backdrop-blur-[1.5px]",
+      onClick: a,
+      children: /* @__PURE__ */ t.jsx(
+        "div",
+        {
+          className: i("bg-neutral-default-default w-3/4 h-3/4 xl:w-3/4 xl:h-10/12 rounded-lg shadow-lg border-neutral-strong-default border relative p-6", s),
+          onClick: (d) => d.stopPropagation(),
+          children: e
+        }
+      )
+    }
+  ) });
+}), m = ({ children: e, className: o }) => /* @__PURE__ */ t.jsx("div", { className: o, children: /* @__PURE__ */ t.jsx("div", { className: i("flex flex-col gap-4"), children: e }) }), j = ({ children: e, className: o }) => /* @__PURE__ */ t.jsx("h1", { className: o, children: e }), D = ({ children: e, className: o }) => /* @__PURE__ */ t.jsx("div", { className: o, children: e }), b = ({ children: e, className: o }) => /* @__PURE__ */ t.jsx("div", { className: o, children: e }), C = Object.assign(x, {
+  Content: m,
+  Header: D,
+  Footer: b,
+  Title: j
+}), k = () => {
+  const e = g(null);
   return {
     ref: e,
     open: () => {
@@ -53,6 +47,6 @@ const R = () => {
   };
 };
 export {
-  N as default,
-  R as useDialogControl
+  C as default,
+  k as useDialogControl
 };

package/dist/DrawerDesktop.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-ByW6EXIE.js";
 import { Icons as j } from "./Icons.es.js";
 import { c as m } from "./cn-B6yFEsav.js";
 import { c as d } from "./index-BOQuZ0gG.js";

package/dist/DrawerMobile.es.js

@@ -1,4 +1,4 @@
-import { j as r } from "./jsx-runtime-DKDX3adD.js";
+import { j as r } from "./jsx-runtime-ByW6EXIE.js";
 import { forwardRef as O, useState as g, useRef as x, useCallback as t, useImperativeHandle as D } from "react";
 import { Drawer as n } from "vaul";
 import { c as R } from "./cn-B6yFEsav.js";

package/dist/DropZone.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-ByW6EXIE.js";
 import { c as i } from "./cn-B6yFEsav.js";
 import w, { useCallback as z } from "react";
 import { useDropzone as R } from "react-dropzone";

package/dist/Header.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-ByW6EXIE.js";
 import { c as x } from "./cn-B6yFEsav.js";
 import { motion as i } from "framer-motion";
 import { memo as m } from "react";

package/dist/Icons.es.js

@@ -1,4 +1,4 @@
-import { j as q } from "./jsx-runtime-DKDX3adD.js";
+import { j as q } from "./jsx-runtime-ByW6EXIE.js";
 const l = ({
   size: t = 24,
   className: h,

package/dist/Input.es.js

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-DKDX3adD.js";
+import { j as t } from "./jsx-runtime-ByW6EXIE.js";
 import { Icons as O } from "./Icons.es.js";
 import { c as e } from "./cn-B6yFEsav.js";
 import { memo as ue, useState as N, useRef as ce, useCallback as fe, useEffect as $, useLayoutEffect as ie } from "react";

package/dist/InputFormik.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-ByW6EXIE.js";
 import { c as u } from "./cn-B6yFEsav.js";
 import { FastField as O, ErrorMessage as q } from "formik";
 import { memo as G, useState as I, useRef as H, useCallback as y, useLayoutEffect as J } from "react";

package/dist/InputMultiple.es.js

@@ -1,4 +1,4 @@
-import { j as r } from "./jsx-runtime-DKDX3adD.js";
+import { j as r } from "./jsx-runtime-ByW6EXIE.js";
 import { Icons as E } from "./Icons.es.js";
 import { c as d } from "./cn-B6yFEsav.js";
 import M, { useRef as D, useState as p, useCallback as W, useEffect as X } from "react";

package/dist/{LayoutGeneric-p4Pll4Cm.js → LayoutGeneric-jDE96L2N.js}

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-DKDX3adD.js";
+import { j as t } from "./jsx-runtime-ByW6EXIE.js";
 import { useRef as a, createContext as i, useContext as u, memo as c } from "react";
 const o = i(null), l = ({ children: e }) => {
   const r = a(null), s = (n) => {

package/dist/LayoutGeneric.es.js

@@ -1,4 +1,4 @@
-import { L as f } from "./LayoutGeneric-p4Pll4Cm.js";
+import { L as f } from "./LayoutGeneric-jDE96L2N.js";
 export {
   f as default
 };

package/dist/Logo.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-ByW6EXIE.js";
 import { Icons as t } from "./Icons.es.js";
 const s = () => /* @__PURE__ */ e.jsxs("div", { className: "container-logo flex items-center justify-center gap-1 bg-gradient-to-br from-[#312C85] to-[#1E1A4D] rounded-md min-w-[185px]", children: [
   /* @__PURE__ */ e.jsx(t.TicketFilled, { size: 28, className: "rotate-140 text-primary-medium-pressed icon-logo" }),

package/dist/Menu.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-ByW6EXIE.js";
 import { c as r } from "./cn-B6yFEsav.js";
 import { AnimatePresence as n, motion as o } from "framer-motion";
 const s = ({ menuRef: t, children: a, className: i }) => /* @__PURE__ */ e.jsx("div", { ref: t, className: r("flex bg-neutral-default-default absolute bottom-10 left-24 border-1 border-neutral-strong-default h-auto w-60 rounded-md px-2", i), children: /* @__PURE__ */ e.jsx(n, { mode: "wait", children: /* @__PURE__ */ e.jsx(

package/dist/OtpInput.es.js

@@ -1,4 +1,4 @@
-import { j as p } from "./jsx-runtime-DKDX3adD.js";
+import { j as p } from "./jsx-runtime-ByW6EXIE.js";
 import { Icons as ve } from "./Icons.es.js";
 import { c as L } from "./cn-B6yFEsav.js";
 import * as n from "react";

package/dist/Pagination.es.js

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-DKDX3adD.js";
+import { j as t } from "./jsx-runtime-ByW6EXIE.js";
 import { motion as a } from "framer-motion";
 function h({
   currentPage: i = 1,

package/dist/ProfilePictureUpload.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-ByW6EXIE.js";
 import { motion as i, AnimatePresence as E } from "framer-motion";
 import { useRef as v, useState as R, useLayoutEffect as A } from "react";
 import H from "./Avatar.es.js";

package/dist/ProgressBar.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-ByW6EXIE.js";
 import { c as x } from "./cn-B6yFEsav.js";
 import u from "react";
 const j = u.forwardRef(

package/dist/Select.es.js

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-DKDX3adD.js";
+import { j as t } from "./jsx-runtime-ByW6EXIE.js";
 import { Icons as w } from "./Icons.es.js";
 import { c as o } from "./cn-B6yFEsav.js";
 import { memo as se, useState as y, useRef as re, useEffect as oe } from "react";

package/dist/SelectFormik.es.js

@@ -1,41 +1,41 @@
-import { j as t } from "./jsx-runtime-DKDX3adD.js";
-import { Icons as v } from "./Icons.es.js";
-import { c as o } from "./cn-B6yFEsav.js";
+import { j as t } from "./jsx-runtime-ByW6EXIE.js";
+import { Icons as h } from "./Icons.es.js";
+import { c as i } from "./cn-B6yFEsav.js";
 import { useField as P, ErrorMessage as M } from "formik";
 import { useState as w, useRef as R, useEffect as L } from "react";
 import B from "./Spinner.es.js";
 const T = ({
   label: N,
   name: A,
-  placeholder: b = "",
-  disabled: c,
+  placeholder: v = "",
+  disabled: g,
   containerClassName: k,
   className: C,
-  options: u = [],
+  options: o = [],
   multiple: n = !1,
   emptyMessage: D = "No hay opciones disponibles",
-  labelVariant: g = "default",
+  labelVariant: b = "default",
   isFetching: O = !1
 }) => {
-  const [a, y, i] = P(A), [l, f] = w(!1), [m, j] = w(!1), x = R(null), p = y.touched && y.error, d = a.value && (Array.isArray(a.value) ? a.value.length > 0 : a.value.toString().length > 0), S = () => g === "static" || d || l || m ? "-top-3 left-2 scale-90" : "top-1/2 -translate-y-1/2 scale-100", V = () => a.value ? Array.isArray(a.value) ? u.filter((e) => a.value.includes(e.id)) : u.filter((e) => e.id === a.value) : [], z = (e) => {
+  const [r, y, u] = P(A), [l, c] = w(!1), [f, j] = w(!1), m = R(null), x = y.touched && y.error, d = r.value && (Array.isArray(r.value) ? r.value.length > 0 : r.value.toString().length > 0), S = () => b === "static" || d || l || f ? "-top-3 left-2 scale-90" : "top-1/2 -translate-y-1/2 scale-100", V = () => r.value ? Array.isArray(r.value) ? o.filter((e) => r.value.includes(e.id)) : o.filter((e) => e.id === r.value) : [], z = (e) => {
     if (n) {
-      const r = Array.isArray(a.value) ? a.value : [], s = r.includes(e.id) ? r.filter((h) => h !== e.id) : [...r, e.id];
-      i.setValue(s);
+      const a = Array.isArray(r.value) ? r.value : [], s = a.includes(e.id) ? a.filter((p) => p !== e.id) : [...a, e.id];
+      u.setValue(s);
     } else
-      i.setValue(e.id), f(!1);
+      u.setValue(e.id), c(!1);
   }, E = (e) => {
-    e.stopPropagation(), i.setValue(n ? [] : "");
-  }, F = (e, r) => {
-    if (r?.stopPropagation(), n && Array.isArray(a.value)) {
-      const s = a.value.filter(
-        (h) => h !== e
+    e.stopPropagation(), u.setValue(n ? [] : "");
+  }, F = (e, a) => {
+    if (a?.stopPropagation(), n && Array.isArray(r.value)) {
+      const s = r.value.filter(
+        (p) => p !== e
       );
-      i.setValue(s);
+      u.setValue(s);
     }
   };
   L(() => {
-    const e = (r) => {
-      x.current && !x.current.contains(r.target) && f(!1);
+    const e = (a) => {
+      m.current && !m.current.contains(a.target) && c(!1);
     };
     return l && document.addEventListener("mousedown", e), () => {
       document.removeEventListener("mousedown", e);
@@ -43,61 +43,59 @@ const T = ({
   }, [l]);
   const I = () => {
     const e = V();
-    return e.length === 0 ? b ? /* @__PURE__ */ t.jsx("span", { className: "text-neutral-medium-default opacity-50", children: b }) : null : n ? /* @__PURE__ */ t.jsx("div", { className: "flex items-center gap-1 flex-wrap py-1", children: e.map((r) => /* @__PURE__ */ t.jsxs(
+    return e.length === 0 ? v ? /* @__PURE__ */ t.jsx("span", { className: "text-neutral-medium-default opacity-50", children: v }) : null : n ? /* @__PURE__ */ t.jsx("div", { className: "flex items-center gap-1 flex-wrap py-1", children: e.map((a) => /* @__PURE__ */ t.jsxs(
       "div",
       {
         className: "inline-flex items-center gap-1 px-2 py-1 bg-primary-default-default text-white text-xs rounded-md",
         children: [
-          /* @__PURE__ */ t.jsx("span", { className: "truncate max-w-20", children: r.label }),
+          /* @__PURE__ */ t.jsx("span", { className: "truncate max-w-20", children: a.label }),
           /* @__PURE__ */ t.jsx(
             "button",
             {
               onMouseDown: (s) => {
-                s.preventDefault(), F(r.id, s);
+                s.preventDefault(), F(a.id, s);
               },
               className: "flex-shrink-0 hover:bg-primary-strong-default rounded-sm p-0.5 transition-colors",
               type: "button",
               tabIndex: -1,
-              children: /* @__PURE__ */ t.jsx(v.Close, { size: 12, className: "" })
+              children: /* @__PURE__ */ t.jsx(h.Close, { size: 12, className: "" })
             }
           )
         ]
       },
-      r.id
+      a.id
     )) }) : /* @__PURE__ */ t.jsx("span", { children: e[0]?.label });
   };
   return /* @__PURE__ */ t.jsxs(
     "div",
     {
-      className: o("relative w-full bg-inherit", k),
-      ref: x,
+      className: i("relative w-full bg-inherit", k),
+      ref: m,
       children: [
         /* @__PURE__ */ t.jsxs("div", { className: "relative bg-inherit", children: [
           /* @__PURE__ */ t.jsxs(
-            "button",
+            "div",
             {
-              type: "button",
-              disabled: c,
-              onClick: () => !c && f(!l),
+              onClick: () => !g && c(!l),
               onFocus: () => j(!0),
               onBlur: () => j(!1),
-              className: o(
-                "w-full px-3 h-12 text-left border-1 rounded-lg transition-all duration-200 ease-in-out text-neutral-default-default",
+              className: i(
+                "w-full px-3 h-12 text-left border-1 rounded-lg transition-all duration-300 ease-in-out text-neutral-default-default",
                 "flex items-center justify-between bg-transparent focus:outline-none",
-                d || l || m ? "border-primary-default-default border-2" : p ? "border-error-default-default" : "border-neutral-default-default hover:border-neutral-strong-default",
-                c && "opacity-50 cursor-not-allowed",
+                d || l || f ? " border-primary-default-focused ring-primary-default-focused ring-[2px]" : x ? "ring-error-default-default ring-[2px]" : "border-neutral-default-default hover:border-primary-default-hover",
+                g && "opacity-50 cursor-not-allowed pointer-events-none",
                 C
               ),
               children: [
                 /* @__PURE__ */ t.jsx(
                   "label",
                   {
-                    className: o(
+                    className: i(
                       "absolute pointer-events-none bg-inherit px-1 z-10",
-                      g === "default" && "transition-all duration-200 ease-in-out",
+                      b === "default" && "transition-all duration-200 ease-in-out",
                       "text-md",
                       S(),
-                      d || l || m ? "text-primary-default-default" : p ? "text-red-500" : "text-neutral-medium-default",
+                      d || l || f ? "text-primary-default-default" : x ? "text-red-500" : "text-neutral-medium-default",
                       "left-3"
                     ),
                     children: N
@@ -114,14 +112,14 @@ const T = ({
                       className: "text-neutral-medium-default hover:text-neutral-default-default transition-colors",
                       type: "button",
                       tabIndex: -1,
-                      children: /* @__PURE__ */ t.jsx(v.Close, { size: 16, className: "" })
+                      children: /* @__PURE__ */ t.jsx(h.Close, { size: 16, className: "" })
                     }
                   ),
                   O ? /* @__PURE__ */ t.jsx(B, { size: 20, variant: "clip" }) : /* @__PURE__ */ t.jsx(
-                    v.ChevronDown,
+                    h.ChevronDown,
                     {
                       size: 20,
-                      className: o(
+                      className: i(
                         "transition-transform text-neutral-default-default",
                         l ? "rotate-180" : ""
                       )
@@ -131,24 +129,24 @@ const T = ({
               ]
             }
           ),
-          l && /* @__PURE__ */ t.jsx("div", { className: "absolute z-50 w-full mt-1 bg-neutral-default-default border border-neutral-default-default rounded-md shadow-lg max-h-60 overflow-auto", children: u.length === 0 ? /* @__PURE__ */ t.jsx("div", { className: "px-3 py-2 text-neutral-medium-default", children: D }) : u.map((e) => {
-            const r = n ? Array.isArray(a.value) && a.value.includes(e.id) : a.value === e.id;
+          l && /* @__PURE__ */ t.jsx("div", { className: "absolute z-50 w-full mt-1 bg-neutral-default-default border border-neutral-default-default rounded-md shadow-lg max-h-60 overflow-auto", children: o.length === 0 ? /* @__PURE__ */ t.jsx("div", { className: "px-3 py-2 text-neutral-medium-default", children: D }) : o.map((e) => {
+            const a = n ? Array.isArray(r.value) && r.value.includes(e.id) : r.value === e.id;
             return /* @__PURE__ */ t.jsxs(
               "div",
               {
                 onMouseDown: (s) => {
                   s.preventDefault(), z(e), s.stopPropagation();
                 },
-                className: o(
+                className: i(
                   "px-3 py-2 cursor-pointer flex items-center transition-colors",
-                  r ? "bg-primary-default-default text-white" : "hover:bg-neutral-medium-selected text-neutral-default-default"
+                  a ? "bg-primary-default-default text-white" : "hover:bg-neutral-medium-selected text-neutral-default-default"
                 ),
                 children: [
                   n && /* @__PURE__ */ t.jsx(
                     "input",
                     {
                       type: "checkbox",
-                      checked: r,
+                      checked: a,
                       onChange: () => {
                       },
                       className: "mr-2 pointer-events-none"
@@ -161,10 +159,10 @@ const T = ({
             );
           }) })
         ] }),
-        p && /* @__PURE__ */ t.jsx(
+        x && /* @__PURE__ */ t.jsx(
           M,
           {
-            name: a.name,
+            name: r.name,
             component: "span",
             className: "block text-error-default-default text-xs mt-1"
           }

package/dist/Skeleton.d.ts

@@ -0,0 +1,2 @@
+export * from './exports/Skeleton'
+export {}

package/dist/Skeleton.es.js

@@ -0,0 +1,71 @@
+import { j as x } from "./jsx-runtime-ByW6EXIE.js";
+import { c as P } from "./cn-B6yFEsav.js";
+import { useRef as $, useLayoutEffect as B } from "react";
+const v = (g) => {
+  const e = $(null), { debugMode: b = !1, className: y = "", children: p, shape: f = "rounded", animation: i = "shimmer", onlyContainer: m = !1 } = g;
+  let d = "255, 255, 255", u = "255, 255, 255, 0.1";
+  B(() => {
+    if (e.current) {
+      const n = (a) => {
+        let r = a;
+        for (; r && r !== document.body; ) {
+          const o = window.getComputedStyle(r).backgroundColor;
+          if (o && o !== "transparent" && o !== "rgba(0, 0, 0, 0)")
+            return o;
+          r = r.parentElement;
+        }
+        const t = window.getComputedStyle(document.body).backgroundColor;
+        return t && t !== "transparent" && t !== "rgba(0, 0, 0, 0)" ? t : "rgb(255, 255, 255)";
+      }, c = (a) => {
+        const r = document.createElement("canvas");
+        r.width = 1, r.height = 1;
+        const t = r.getContext("2d");
+        if (!t) return [255, 255, 255];
+        t.fillStyle = a, t.fillRect(0, 0, 1, 1);
+        const o = t.getImageData(0, 0, 1, 1).data;
+        return [o[0], o[1], o[2]];
+      }, C = n(e.current.parentElement), s = c(C), S = s.reduce((a, r) => a + r, 0) < 382;
+      let l;
+      S ? l = `rgb(${s[0] + 10}, ${s[1] + 10}, ${s[2] + 10})` : (l = `rgb(${s[0] - 30}, ${s[1] - 30}, ${s[2] - 30})`, d = "115,115,115", u = "255,255,255, 0.4"), m && (l = "transparent", e.current.style.animation = "none"), e.current.style.backgroundColor = l, h();
+    }
+  }, [i]);
+  const h = () => {
+    if (!m && e.current)
+      switch (i) {
+        case "shimmer":
+          e.current.classList.add("skeleton-shimmer-animation");
+          const n = u.split(",").map(Number);
+          n && n.length >= 3 && (e.current.style.setProperty("--shimmer-color-r", n[0].toString()), e.current.style.setProperty("--shimmer-color-g", n[1].toString()), e.current.style.setProperty("--shimmer-color-b", n[2].toString()), e.current.style.setProperty("--shimmer-color-a", n[3].toString()));
+          break;
+        case "none":
+          e.current.style.animation = "none";
+          break;
+        case "border":
+          e.current.classList.add("skeleton-border-animation"), e.current.style.backgroundColor = "transparent";
+          const c = d.match(/\d+/g);
+          c && c.length >= 3 && (e.current.style.setProperty("--border-color-r", c[0]), e.current.style.setProperty("--border-color-g", c[1]), e.current.style.setProperty("--border-color-b", c[2]));
+          break;
+      }
+  }, k = {
+    circle: "rounded-full aspect-square",
+    square: "rounded-none",
+    rounded: "rounded"
+  };
+  return /* @__PURE__ */ x.jsx(
+    "div",
+    {
+      ref: e,
+      className: P(
+        b && " border-red-600/20 border",
+        y,
+        "skeleton-container",
+        k[f]
+      ),
+      children: p
+    },
+    `skeleton-${Math.random().toFixed(10)}`
+  );
+};
+export {
+  v as Skeleton
+};

package/dist/Spinner.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-ByW6EXIE.js";
 import { ClipLoader as l, SyncLoader as m, HashLoader as p, GridLoader as x, DotLoader as j, BounceLoader as f } from "react-spinners";
 import { c as L } from "./cn-B6yFEsav.js";
 const y = ({

package/dist/Steps.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-ByW6EXIE.js";
 import { c as j } from "./cn-B6yFEsav.js";
 import { motion as r } from "framer-motion";
 import N from "react";

package/dist/SwipeContainer.es.js

@@ -1,4 +1,4 @@
-import { j as o } from "./jsx-runtime-DKDX3adD.js";
+import { j as o } from "./jsx-runtime-ByW6EXIE.js";
 import { c as i } from "./cn-B6yFEsav.js";
 import { useState as d, useRef as D, useEffect as L } from "react";
 const O = ({

package/dist/Switch.es.js

@@ -1,13 +1,13 @@
-import { j as n } from "./jsx-runtime-DKDX3adD.js";
+import { j as n } from "./jsx-runtime-ByW6EXIE.js";
 import { c as r } from "./cn-B6yFEsav.js";
 import { useRef as p } from "react";
-import { motion as u } from "framer-motion";
-const x = ({ name: l, value: o, onChange: c, disabled: e = !1 }) => {
-  const a = p(null), d = () => {
+import { motion as l } from "framer-motion";
+const x = ({ name: c, value: o, onChange: d, disabled: e = !1 }) => {
+  const a = p(null), i = () => {
     if (!a.current || e) return;
     const m = !a.current.checked;
-    c(l, m);
-  }, i = {
+    d(c, m);
+  }, s = {
     on: {
       default: {
         container: "bg-primary-default-default",
@@ -45,20 +45,20 @@ const x = ({ name: l, value: o, onChange: c, disabled: e = !1 }) => {
     off: {
       width: 16
     }
-  }, t = o ? "on" : "off", s = e ? "disabled" : "default";
+  }, t = o ? "on" : "off", u = e ? "disabled" : "default";
   return /* @__PURE__ */ n.jsxs("div", { children: [
-    /* @__PURE__ */ n.jsx("input", { type: "checkbox", hidden: !0, ref: a, checked: o, disabled: e }),
+    /* @__PURE__ */ n.jsx("input", { type: "checkbox", hidden: !0, ref: a, checked: o, disabled: e, onChange: i }),
     /* @__PURE__ */ n.jsx(
       "div",
       {
         className: r(
           "w-14 h-8 rounded-full relative px-2",
-          i[t][s].container
+          s[t][u].container
         ),
         children: /* @__PURE__ */ n.jsx(
-          u.span,
+          l.span,
           {
-            onClick: d,
+            onClick: i,
             animate: f[t],
             whileHover: e ? {} : {
               background: t === "off" ? "rgba(29, 27, 32, 0.08)" : "rgba(101, 85, 143, 0.12)"
@@ -69,7 +69,7 @@ const x = ({ name: l, value: o, onChange: c, disabled: e = !1 }) => {
               "cursor-pointer"
             ),
             children: /* @__PURE__ */ n.jsx(
-              u.span,
+              l.span,
               {
                 animate: h[t],
                 whileTap: e ? {} : {
@@ -78,7 +78,7 @@ const x = ({ name: l, value: o, onChange: c, disabled: e = !1 }) => {
                 },
                 className: r(
                   "size-4 aspect-square rounded-full z-10",
-                  i[t][s].dot
+                  s[t][u].dot
                 )
               }
             )

package/dist/TabLinks.es.js

@@ -1,4 +1,4 @@
-import { j as a } from "./jsx-runtime-DKDX3adD.js";
+import { j as a } from "./jsx-runtime-ByW6EXIE.js";
 import { motion as x } from "framer-motion";
 import { memo as b } from "react";
 import { c as r } from "./cn-B6yFEsav.js";