@konstructio/ui 0.0.12-alpha.0 → 0.0.12-alpha.1

package/dist/components/Button/Button.js

@@ -2,38 +2,36 @@ import { jsx as h } from "react/jsx-runtime";
 import { forwardRef as c } from "react";
 import { S as u } from "../../index-DoOsnuB6.js";
 import { cn as l } from "../../utils/index.js";
-import "../../contexts/theme.context.js";
-import { useTheme as x } from "../../contexts/theme.hook.js";
-import "../../js.cookie-OLEfuq_g.js";
-import { buttonVariants as T } from "./Button.variants.js";
+import { buttonVariants as x } from "./Button.variants.js";
+import { useTheme as T } from "../../contexts/theme.hook.js";
 const B = c(
   ({
     className: o,
-    variant: m,
-    theme: e,
+    variant: e,
+    theme: m,
     size: r,
     version: n,
     disabled: t = !1,
-    asChild: i = !1,
-    ...s
-  }, p) => {
-    const f = i ? u : "button", { theme: a } = x();
+    asChild: s = !1,
+    ...i
+  }, f) => {
+    const a = s ? u : "button", { theme: p } = T();
     return /* @__PURE__ */ h(
-      f,
+      a,
       {
-        ref: p,
+        ref: f,
         className: l(
-          T({
-            variant: m,
+          x({
+            variant: e,
             disabled: t,
-            theme: e ?? a,
+            theme: m ?? p,
             size: r,
             className: o,
             version: n
           })
         ),
         disabled: t,
-        ...s
+        ...i
       }
     );
   }

package/dist/components/Card/Card.js

@@ -1,20 +1,18 @@
 import { jsx as o } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
-import "../../contexts/theme.context.js";
-import { useTheme as f } from "../../contexts/theme.hook.js";
-import "../../js.cookie-OLEfuq_g.js";
+import { forwardRef as f } from "react";
 import { cn as t } from "../../utils/index.js";
-import { cardBaseVariants as n, cardVariants as h } from "./Card.variants.js";
-const l = c(
-  ({ className: s, theme: r, isActive: m, canHover: a, wrapperClassName: i, ...d }, p) => {
-    const { theme: e } = f();
+import { cardBaseVariants as n, cardVariants as p } from "./Card.variants.js";
+import { useTheme as h } from "../../contexts/theme.hook.js";
+const l = f(
+  ({ className: s, theme: r, isActive: m, canHover: a, wrapperClassName: d, ...i }, c) => {
+    const { theme: e } = h();
     return /* @__PURE__ */ o(
       "div",
       {
         className: t(
           n({
             canHover: a,
-            className: i,
+            className: d,
             isActive: m,
             theme: r ?? e
           })
@@ -22,16 +20,16 @@ const l = c(
         children: /* @__PURE__ */ o(
           "div",
           {
-            ref: p,
+            ref: c,
             className: t(
-              h({
+              p({
                 className: s,
                 theme: r ?? e,
                 isActive: m,
                 canHover: a
               })
             ),
-            ...d
+            ...i
           }
         )
       }

package/dist/components/Checkbox/Checkbox.js

@@ -2,17 +2,15 @@ import { jsxs as S, jsx as f } from "react/jsx-runtime";
 import * as u from "react";
 import j, { forwardRef as _, useId as A, useCallback as H } from "react";
 import { u as K } from "../../index-DoOsnuB6.js";
-import { c as W, a as $, d as I } from "../../index-8vgf-x5i.js";
+import { a as W, d as I, c as $ } from "../../index-8vgf-x5i.js";
 import { u as q, a as F } from "../../index-BxeV34ij.js";
 import { P as V } from "../../index-D4Q2rMby.js";
-import { P as T } from "../../index-BaNV0qac.js";
-import "../../contexts/theme.context.js";
-import { useTheme as X } from "../../contexts/theme.hook.js";
-import "../../js.cookie-OLEfuq_g.js";
+import { P as T } from "../../index-1GLoikpT.js";
 import { cn as N } from "../../utils/index.js";
-import { useToggle as G } from "../../hooks/useToggle.js";
-import { checkboxVariants as J, labelVariants as Q } from "./Checkbox.variants.js";
-import { P } from "../../index-D68N8v8R.js";
+import { checkboxVariants as X, labelVariants as G } from "./Checkbox.variants.js";
+import { useToggle as J } from "../../hooks/useToggle.js";
+import { P } from "../../index-C5psggHV.js";
+import { useTheme as Q } from "../../contexts/theme.hook.js";
 function E() {
   return E = Object.assign || function(e) {
     for (var s = 1; s < arguments.length; s++) {
@@ -62,7 +60,7 @@ O.propTypes = {
   size: P.oneOfType([P.string, P.number])
 };
 O.displayName = "Check";
-var R = "Checkbox", [Z, Ce] = W(R), [ee, te] = Z(R), z = u.forwardRef(
+var R = "Checkbox", [Z, ke] = $(R), [ee, te] = Z(R), z = u.forwardRef(
   (e, s) => {
     const {
       __scopeCheckbox: t,
@@ -75,7 +73,7 @@ var R = "Checkbox", [Z, Ce] = W(R), [ee, te] = Z(R), z = u.forwardRef(
       onCheckedChange: C,
       form: d,
       ...p
-    } = e, [i, k] = u.useState(null), v = K(s, (c) => k(c)), x = u.useRef(!1), g = i ? d || !!i.closest("form") : !0, [m = !1, w] = $({
+    } = e, [i, k] = u.useState(null), v = K(s, (c) => k(c)), x = u.useRef(!1), g = i ? d || !!i.closest("form") : !0, [m = !1, w] = W({
       prop: n,
       defaultProp: r,
       onChange: C
@@ -180,7 +178,7 @@ function B(e) {
   return h(e) ? "indeterminate" : e ? "checked" : "unchecked";
 }
 var oe = z, ne = D;
-const xe = _(
+const ve = _(
   ({
     ariaLabelledBy: e,
     className: s,
@@ -195,7 +193,7 @@ const xe = _(
     variant: d,
     onChange: p
   }, i) => {
-    const [k, v] = G(t), x = A(), { theme: g } = X(), m = H(() => {
+    const [k, v] = J(t), x = A(), { theme: g } = Q(), m = H(() => {
       v(), p == null || p();
     }, [p, v]);
     return /* @__PURE__ */ S("div", { className: "flex items-center gap-2", children: [
@@ -210,7 +208,7 @@ const xe = _(
           "aria-labelledby": e,
           title: C,
           className: N(
-            J({
+            X({
               className: s,
               theme: b ?? g,
               variant: d,
@@ -226,7 +224,7 @@ const xe = _(
         {
           htmlFor: a ?? n,
           className: N(
-            Q({
+            G({
               variant: d,
               theme: b,
               className: l
@@ -239,5 +237,5 @@ const xe = _(
   }
 );
 export {
-  xe as Checkbox
+  ve as Checkbox
 };

package/dist/components/Dropdown/Dropdown.js

@@ -1,10 +1,8 @@
 import { jsx as r } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
-import "./components/List/List.js";
+import { forwardRef as f } from "react";
+import { DropdownProvider as i } from "./contexts/dropdown.provider.js";
 import { Wrapper as t } from "./components/Wrapper.js";
-import "./contexts/dropdown.context.js";
-import { DropdownProvider as f } from "./contexts/dropdown.provider.js";
-const s = i(({ onChange: o, ...p }, m) => /* @__PURE__ */ r(f, { onChange: o, children: /* @__PURE__ */ r(t, { ref: m, ...p }) }));
+const a = f(({ onChange: o, ...p }, m) => /* @__PURE__ */ r(i, { onChange: o, children: /* @__PURE__ */ r(t, { ref: m, ...p }) }));
 export {
-  s as Dropdown
+  a as Dropdown
 };

package/dist/components/Dropdown/components/List/List.js

@@ -1,26 +1,25 @@
 import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as p, useRef as a, useImperativeHandle as u } from "react";
+import { forwardRef as a, useRef as p, useImperativeHandle as u } from "react";
 import { cn as c } from "../../../../utils/index.js";
 import { useNavigationUlList as d } from "../../hooks/useNavigationList.js";
-import { useDropdownContext as x } from "../../contexts/dropdown.hook.js";
-import "../../contexts/dropdown.context.js";
-import { ListItem as v } from "../ListItem/ListItem.js";
-import { listVariants as L } from "./List.variants.js";
-const C = p(
+import { ListItem as x } from "../ListItem/ListItem.js";
+import { listVariants as v } from "./List.variants.js";
+import { useDropdownContext as L } from "../../contexts/dropdown.hook.js";
+const j = a(
   ({ options: i, theme: t, wrapperRef: m, wrapperInputRef: s, name: l }, n) => {
-    const r = a(null), { isOpen: f } = x();
+    const r = p(null), { isOpen: f } = L();
     return u(n, () => r.current, [r]), d({ ulRef: r, wrapperRef: m, wrapperInputRef: s }), /* @__PURE__ */ e(
       "ul",
       {
         ref: r,
         title: l,
         role: "listbox",
-        className: c(L({ theme: t }), f ? "flex" : "hidden"),
-        children: i.map((o) => /* @__PURE__ */ e(v, { theme: t, ...o }, o.value))
+        className: c(v({ theme: t }), f ? "flex" : "hidden"),
+        children: i.map((o) => /* @__PURE__ */ e(x, { theme: t, ...o }, o.value))
       }
     );
   }
 );
 export {
-  C as List
+  j as List
 };

package/dist/components/Dropdown/components/ListItem/ListItem.js

@@ -1,37 +1,36 @@
-import { jsxs as i, jsx as f } from "react/jsx-runtime";
-import { useRef as u, useCallback as s } from "react";
-import { cn as p } from "../../../../utils/index.js";
-import { useDropdownContext as d } from "../../contexts/dropdown.hook.js";
-import "../../contexts/dropdown.context.js";
-import { listItemVariants as x } from "./ListItem.variants.js";
-const b = ({ theme: o, ...e }) => {
-  const { setValue: n, toggleOpen: r } = d(), c = u(null), l = s(
-    (t) => {
-      n(t), r(!1);
+import { jsxs as f, jsx as i } from "react/jsx-runtime";
+import { useRef as u, useCallback as r } from "react";
+import { cn as d } from "../../../../utils/index.js";
+import { listItemVariants as p } from "./ListItem.variants.js";
+import { useDropdownContext as x } from "../../contexts/dropdown.hook.js";
+const C = ({ theme: o, ...e }) => {
+  const { setValue: n, toggleOpen: s } = x(), c = u(null), t = r(
+    (l) => {
+      n(l), s(!1);
     },
-    [n, r]
-  ), m = s(
-    (t, a) => {
-      t.key === "Enter" && l(a);
+    [n, s]
+  ), a = r(
+    (l, m) => {
+      l.key === "Enter" && t(m);
     },
-    [l]
+    [t]
   );
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ f(
     "li",
     {
       ref: c,
       role: "option",
-      className: p(x({ theme: o })),
+      className: d(p({ theme: o })),
       tabIndex: 0,
-      onClick: () => l(e),
-      onKeyDown: (t) => m(t, e),
+      onClick: () => t(e),
+      onKeyDown: (l) => a(l, e),
       children: [
-        e.leftIcon ? /* @__PURE__ */ f("span", { className: "w-4 h-4 flex justify-center items-center", children: e.leftIcon }) : null,
+        e.leftIcon ? /* @__PURE__ */ i("span", { className: "w-4 h-4 flex justify-center items-center", children: e.leftIcon }) : null,
         e.label
       ]
     }
   );
 };
 export {
-  b as ListItem
+  C as ListItem
 };

package/dist/components/Dropdown/components/Wrapper.js

@@ -1,68 +1,65 @@
-import { jsxs as m, jsx as t } from "react/jsx-runtime";
-import { forwardRef as F, useId as L, useRef as N, useImperativeHandle as $, useEffect as f } from "react";
+import { jsxs as f, jsx as t } from "react/jsx-runtime";
+import { forwardRef as F, useId as L, useRef as N, useImperativeHandle as $, useEffect as m } from "react";
 import { cn as R } from "../../../utils/index.js";
-import "../../../contexts/theme.context.js";
-import { useTheme as A } from "../../../contexts/theme.hook.js";
-import "../../../js.cookie-OLEfuq_g.js";
-import { dropdownVariants as H } from "../Dropdown.variants.js";
-import { useDropdown as U } from "../hooks/useDropdown.js";
-import { useDropdownContext as W } from "../contexts/dropdown.hook.js";
-import "../contexts/dropdown.context.js";
-import { List as q } from "./List/List.js";
-import { C as z } from "../../../chevron-up-CvquEaNg.js";
-const _ = F(
+import { dropdownVariants as A } from "../Dropdown.variants.js";
+import { useDropdown as H } from "../hooks/useDropdown.js";
+import { List as U } from "./List/List.js";
+import { C as W } from "../../../chevron-up-DgLBQCKD.js";
+import { useDropdownContext as q } from "../contexts/dropdown.hook.js";
+import { useTheme as z } from "../../../contexts/theme.hook.js";
+const X = F(
   ({ theme: g, label: p, placeholder: O, name: o, options: a, defaultValue: c }, j) => {
-    const d = L(), r = N(null), u = N(null), { wrapperRef: n, wrapperInputRef: h, handleOpen: y, handleOpenIfClosed: E } = U({ ulRef: u }), { isOpen: x, value: e, setValue: w, toggleOpen: b } = W(), { theme: T } = A(), v = g ?? T, i = o ? `${d}-${o}` : d;
-    $(j, () => r.current, [r]), f(() => {
+    const d = L(), r = N(null), u = N(null), { wrapperRef: n, wrapperInputRef: h, handleOpen: y, handleOpenIfClosed: E } = H({ ulRef: u }), { isOpen: x, value: e, setValue: w, toggleOpen: b } = q(), { theme: T } = z(), v = g ?? T, s = o ? `${d}-${o}` : d;
+    $(j, () => r.current, [r]), m(() => {
       r.current && (r.current.value = e ? e.value : "");
-    }, [e]), f(() => {
+    }, [e]), m(() => {
       if (c) {
-        const s = a.find(
-          (l) => l.value === c
+        const l = a.find(
+          (i) => i.value === c
         );
-        s && w(s);
+        l && w(l);
       }
-    }, [c, a, w]), f(() => {
-      var l;
-      const s = new AbortController();
-      return (l = n.current) == null || l.addEventListener("focusout", (D) => {
+    }, [c, a, w]), m(() => {
+      var i;
+      const l = new AbortController();
+      return (i = n.current) == null || i.addEventListener("focusout", (D) => {
         var I;
         const C = D.relatedTarget;
         (!C || !((I = n.current) != null && I.contains(C))) && b(!1);
       }), () => {
-        s.abort();
+        l.abort();
       };
     }, [b, n]);
     const k = () => e != null && e.leftIcon ? /* @__PURE__ */ t("span", { className: "w-4 h-4 flex justify-center items-center", children: e.leftIcon }) : null;
-    return /* @__PURE__ */ m("div", { ref: n, className: "flex flex-col w-full relative", children: [
+    return /* @__PURE__ */ f("div", { ref: n, className: "flex flex-col w-full relative", children: [
       p ? /* @__PURE__ */ t(
         "label",
         {
-          id: i,
+          id: s,
           className: "m-2 cursor-pointer",
-          htmlFor: i,
+          htmlFor: s,
           onClick: E,
           children: p
         }
       ) : null,
-      /* @__PURE__ */ m(
+      /* @__PURE__ */ f(
         "div",
         {
           ref: h,
-          id: i,
-          className: R(H({ theme: v })),
+          id: s,
+          className: R(A({ theme: v })),
           role: "combobox",
           onClick: y,
           "aria-expanded": x,
           tabIndex: 0,
-          "aria-labelledby": i,
+          "aria-labelledby": s,
           children: [
-            /* @__PURE__ */ t("span", { className: "text-base text-inherit", children: e ? /* @__PURE__ */ m("span", { className: "flex gap-3 items-center", children: [
+            /* @__PURE__ */ t("span", { className: "text-base text-inherit", children: e ? /* @__PURE__ */ f("span", { className: "flex gap-3 items-center", children: [
               k(),
               e.label
             ] }) : O }),
             /* @__PURE__ */ t(
-              z,
+              W,
               {
                 className: R(
                   "w-4 h-4 text-inherit transition-all duration-50",
@@ -84,7 +81,7 @@ const _ = F(
         }
       ),
       /* @__PURE__ */ t(
-        q,
+        U,
         {
           ref: u,
           name: o,
@@ -98,5 +95,5 @@ const _ = F(
   }
 );
 export {
-  _ as Wrapper
+  X as Wrapper
 };

package/dist/components/Dropdown/contexts/dropdown.provider.js

@@ -1,16 +1,16 @@
 import { jsx as u } from "react/jsx-runtime";
 import { useState as i, useCallback as c } from "react";
-import { useToggle as d } from "../../../hooks/useToggle.js";
-import { DropdownContext as f } from "./dropdown.context.js";
+import { DropdownContext as d } from "./dropdown.context.js";
+import { useToggle as f } from "../../../hooks/useToggle.js";
 const w = ({ children: t, onChange: o }) => {
-  const [e, s] = d(!1), [l, p] = i(null), m = c(
+  const [e, s] = f(!1), [l, p] = i(null), m = c(
     (r) => {
       o == null || o(r), p(r);
     },
     [o]
   );
   return /* @__PURE__ */ u(
-    f.Provider,
+    d.Provider,
     {
       value: { value: l, isOpen: e, setValue: m, toggleOpen: s },
       children: t

package/dist/components/Dropdown/hooks/useDropdown.js

@@ -1,20 +1,18 @@
 import { useRef as u, useEffect as f, useCallback as p } from "react";
-import { useDropdownContext as w } from "../contexts/dropdown.hook.js";
-import "react/jsx-runtime";
-import "../contexts/dropdown.context.js";
-const k = ({ ulRef: a }) => {
-  const l = u(null), o = u(null), { isOpen: c, toggleOpen: e } = w();
+import { useDropdownContext as m } from "../contexts/dropdown.hook.js";
+const E = ({ ulRef: i }) => {
+  const l = u(null), o = u(null), { isOpen: c, toggleOpen: e } = m();
   f(() => {
     var r;
     const n = new AbortController(), s = (t) => {
       t.key === "Escape" && e(!1);
-    }, i = (t) => {
+    }, a = (t) => {
       var d;
       (d = l.current) != null && d.contains(t.target) || e(!1);
     };
     return document.addEventListener("keydown", s, {
       signal: n.signal
-    }), document.addEventListener("mousedown", i, {
+    }), document.addEventListener("mousedown", a, {
       signal: n.signal
     }), document.addEventListener(
       "visibilitychange",
@@ -38,10 +36,10 @@ const k = ({ ulRef: a }) => {
     const n = new AbortController();
     return (s = o.current) == null || s.addEventListener(
       "keydown",
-      (i) => {
+      (a) => {
         var r;
-        if (i.key === "ArrowDown") {
-          const t = (r = a.current) == null ? void 0 : r.querySelector("li");
+        if (a.key === "ArrowDown") {
+          const t = (r = i.current) == null ? void 0 : r.querySelector("li");
           t && t.focus();
         }
       },
@@ -49,17 +47,17 @@ const k = ({ ulRef: a }) => {
     ), () => {
       n.abort();
     };
-  }, [o, a]);
-  const g = p(() => e(!0), [e]), m = p(() => {
+  }, [o, i]);
+  const g = p(() => e(!0), [e]), w = p(() => {
     c || e(!1);
   }, [c, e]);
   return {
     wrapperRef: l,
     wrapperInputRef: o,
     handleOpen: g,
-    handleOpenIfClosed: m
+    handleOpenIfClosed: w
   };
 };
 export {
-  k as useDropdown
+  E as useDropdown
 };

package/dist/components/Dropdown/hooks/useNavigationList.js

@@ -1,25 +1,23 @@
-import { useRef as k, useEffect as a } from "react";
+import { useRef as m, useEffect as a } from "react";
 import { useDropdownContext as d } from "../contexts/dropdown.hook.js";
-import "react/jsx-runtime";
-import "../contexts/dropdown.context.js";
-const h = ({
+const w = ({
   ulRef: n,
   wrapperRef: f,
   wrapperInputRef: u
 }) => {
-  const r = k(0), { isOpen: b } = d();
+  const r = m(0), { isOpen: b } = d();
   a(() => {
-    var s, m;
+    var s, g;
     const e = ((s = n.current) == null ? void 0 : s.querySelectorAll("li")) ?? [], c = new AbortController(), i = () => {
       r.current < e.length - 1 ? (r.current = r.current + 1, e[r.current].focus()) : (r.current = 0, e[0].focus());
     }, o = () => {
       var t;
       r.current > 0 ? (r.current = r.current - 1, e[r.current].focus()) : (r.current = 0, (t = u.current) == null || t.focus());
     };
-    return (m = n.current) == null || m.addEventListener(
+    return (g = n.current) == null || g.addEventListener(
       "keydown",
       (t) => {
-        var g;
+        var k;
         switch (t.preventDefault(), t.key) {
           case "ArrowDown": {
             i();
@@ -30,7 +28,7 @@ const h = ({
             break;
           }
           case "ArrowUp": {
-            r.current === 0 ? (g = u.current) == null || g.focus() : o();
+            r.current === 0 ? (k = u.current) == null || k.focus() : o();
             break;
           }
           case "Enter": {
@@ -62,5 +60,5 @@ const h = ({
   }, [b]);
 };
 export {
-  h as useNavigationUlList
+  w as useNavigationUlList
 };

package/dist/components/Input/Input.js

@@ -1,11 +1,9 @@
 import { jsxs as y, jsx as a } from "react/jsx-runtime";
-import s, { forwardRef as m, useId as b } from "react";
+import s, { forwardRef as u, useId as b } from "react";
 import { cn as w } from "../../utils/index.js";
-import "../../contexts/theme.context.js";
-import { useTheme as j } from "../../contexts/theme.hook.js";
-import "../../js.cookie-OLEfuq_g.js";
-import { inputVariants as N } from "./Input.variants.js";
-import { P as l } from "../../index-D68N8v8R.js";
+import { inputVariants as j } from "./Input.variants.js";
+import { P as l } from "../../index-C5psggHV.js";
+import { useTheme as N } from "../../contexts/theme.hook.js";
 function p() {
   return p = Object.assign || function(e) {
     for (var o = 1; o < arguments.length; o++) {
@@ -33,7 +31,7 @@ function k(e, o) {
     n = t[i], !(o.indexOf(n) >= 0) && (r[n] = e[n]);
   return r;
 }
-var u = m(function(e, o) {
+var m = u(function(e, o) {
   var r = e.color, t = r === void 0 ? "currentColor" : r, n = e.size, i = n === void 0 ? 24 : n, c = P(e, ["color", "size"]);
   return /* @__PURE__ */ s.createElement("svg", p({
     ref: o,
@@ -62,11 +60,11 @@ var u = m(function(e, o) {
     y2: "16"
   }));
 });
-u.propTypes = {
+m.propTypes = {
   color: l.string,
   size: l.oneOfType([l.string, l.number])
 };
-u.displayName = "AlertCircle";
+m.displayName = "AlertCircle";
 function f() {
   return f = Object.assign || function(e) {
     for (var o = 1; o < arguments.length; o++) {
@@ -94,7 +92,7 @@ function z(e, o) {
     n = t[i], !(o.indexOf(n) >= 0) && (r[n] = e[n]);
   return r;
 }
-var h = m(function(e, o) {
+var h = u(function(e, o) {
   var r = e.color, t = r === void 0 ? "currentColor" : r, n = e.size, i = n === void 0 ? 24 : n, c = E(e, ["color", "size"]);
   return /* @__PURE__ */ s.createElement("svg", f({
     ref: o,
@@ -121,7 +119,7 @@ h.propTypes = {
   size: l.oneOfType([l.string, l.number])
 };
 h.displayName = "EyeOff";
-const _ = m(
+const _ = u(
   ({
     className: e,
     error: o,
@@ -133,7 +131,7 @@ const _ = m(
     onClickIcon: g,
     ...d
   }, x) => {
-    const v = b(), { theme: O } = j();
+    const v = b(), { theme: O } = N();
     return /* @__PURE__ */ y("div", { className: "flex flex-col gap-1.5", children: [
       r ? /* @__PURE__ */ a(
         "label",
@@ -151,7 +149,7 @@ const _ = m(
             ref: x,
             name: n,
             type: i,
-            className: N({
+            className: j({
               className: e,
               theme: c ?? O,
               variant: o ? "error" : "default"
@@ -159,7 +157,7 @@ const _ = m(
             ...d
           }
         ),
-        o ? /* @__PURE__ */ a("i", { className: "absolute right-2 text-red-600 top-0 translate-y-[40%]", children: /* @__PURE__ */ a(u, { className: "w-5 h-5" }) }) : null,
+        o ? /* @__PURE__ */ a("i", { className: "absolute right-2 text-red-600 top-0 translate-y-[40%]", children: /* @__PURE__ */ a(m, { className: "w-5 h-5" }) }) : null,
         i === "password" ? /* @__PURE__ */ a("i", { className: "absolute right-2 text-slate-400 top-0 translate-y-[40%]", children: /* @__PURE__ */ a(
           h,
           {

package/dist/components/Modal/Modal.js

@@ -1,9 +1,9 @@
 import "react/jsx-runtime";
-import "../../index-BaNV0qac.js";
+import "../../index-1GLoikpT.js";
+import { M as d } from "../../Modal-W2GbkC_F.js";
+import "./components/Header/Header.js";
 import "./components/Body/Body.js";
 import "./components/Footer/Footer.js";
-import "./components/Header/Header.js";
-import { M as d } from "../../Modal-L73dmnHv.js";
 import "./hooks/useModal.js";
 export {
   d as Modal