quirk-ui 0.0.39 → 0.0.40

package/dist/assets/index31.css

@@ -1 +1 @@
-:root{--card-width: 80%}._carousel_11egt_5{position:relative;width:100%;overflow:hidden;box-sizing:border-box}._track_11egt_12{display:flex;transition:transform .5s ease}._slide_11egt_18{flex:0 0 var(--card-width);padding:0 10px;transition:flex .3s ease,flex-basis .3s ease}@media (min-width: 768px){._slide_11egt_18{flex:0 0 calc(100% / 3)}}._controls_11egt_31{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md);padding:0 var(--spacing-md);width:100%}@media (max-width: 767px){._controls_11egt_31{width:var(--card-width);margin-left:auto;margin-right:auto}}._indicators_11egt_48{display:flex;gap:var(--spacing-sm)}._indicator_11egt_48{width:10px;height:10px;border-radius:50%;background-color:#e0e0e0;border:none;cursor:pointer;transition:background-color .3s}._indicator_11egt_48._active_11egt_63{background-color:var(--color-primary)}._buttons_11egt_67{display:flex;gap:var(--spacing-md)}._prev_11egt_72._disabled_11egt_72,._next_11egt_73._disabled_11egt_72{opacity:.5;pointer-events:none}._buttons_11egt_67 button:not(._disabled_11egt_72):hover{background-color:var(--color-primary);color:#fff}._prev_11egt_72,._next_11egt_73{background-color:#e0e0e0;color:var(--color-text-primary);border:none;padding:var(--spacing-sm);cursor:pointer;transition:background-color .3s,color .3s;border-radius:50%;width:40px;height:40px}
+:root{--card-width: 80%}._carousel_18d0u_5{position:relative;width:100%;overflow:hidden;box-sizing:border-box}._track_18d0u_12{display:flex;transition:transform .5s ease;will-change:transform}._slide_18d0u_18{flex:0 0 var(--card-width);padding:0 10px;transition:flex .3s ease,flex-basis .3s ease}@media (min-width: 768px){._slide_18d0u_18{flex:0 0 calc(100% / 3)}}._controls_18d0u_31{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-md);padding:0 var(--spacing-md);width:100%}@media (max-width: 767px){._controls_18d0u_31{width:var(--card-width);margin-left:auto;margin-right:auto}}._indicators_18d0u_48{display:flex;gap:var(--spacing-sm)}._indicator_18d0u_48{width:10px;height:10px;border-radius:50%;background-color:#e0e0e0;border:none;cursor:pointer;transition:background-color .3s}._indicator_18d0u_48._active_18d0u_63{background-color:var(--color-primary)}._buttons_18d0u_67{display:flex;gap:var(--spacing-md)}._prev_18d0u_72._disabled_18d0u_72,._next_18d0u_73._disabled_18d0u_72{opacity:.5;pointer-events:none}._buttons_18d0u_67 button:not(._disabled_18d0u_72):hover{background-color:var(--color-primary);color:#fff}._prev_18d0u_72,._next_18d0u_73{background-color:#e0e0e0;color:var(--color-text-primary);border:none;padding:var(--spacing-sm);cursor:pointer;transition:background-color .3s,color .3s;border-radius:50%;width:40px;height:40px}

package/dist/components/Accordion/Accordion.test.js

@@ -1,7 +1,7 @@
 import { jsx as c } from "react/jsx-runtime";
-import { d, i as m, r, g as t, s as e, f as s } from "../../vi.ClIskdbk-CmAURgd9.js";
+import { d, i as m, r, g as t, s as e, f as s } from "../../vi.ClIskdbk-CZ8iFAMK.js";
 import { Accordion as a } from "./index.js";
-import "../../index-WRMbKSxg.js";
+import "../../index-BBIdMcpm.js";
 d("Accordion", () => {
   const l = [
     {

package/dist/components/Alert/Alert.test.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
-import { d as v, i as r, r as l, s as a, g as t, v as m, f as u, w as n } from "../../vi.ClIskdbk-CmAURgd9.js";
+import { d as v, i as r, r as l, s as a, g as t, v as m, f as u, w as n } from "../../vi.ClIskdbk-CZ8iFAMK.js";
 import { Alert as i } from "./index.js";
-import "../../index-WRMbKSxg.js";
+import "../../index-BBIdMcpm.js";
 v("Alert", () => {
   r("renders the alert with the correct message and variant", () => {
     l(/* @__PURE__ */ o(i, { message: "Info Alert", variant: "info" }));

package/dist/components/Avatar/Avatar.test.js

@@ -1,7 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
-import { d as l, i as s, r as o, s as i, g as e, v as c, f as d } from "../../vi.ClIskdbk-CmAURgd9.js";
+import { d as l, i as s, r as o, s as i, g as e, v as c, f as d } from "../../vi.ClIskdbk-CZ8iFAMK.js";
 import { Avatar as r } from "./index.js";
-import "../../index-WRMbKSxg.js";
+import "../../index-BBIdMcpm.js";
 l("Avatar", () => {
   s("renders an image when src is provided", () => {
     o(/* @__PURE__ */ a(r, { src: "https://via.placeholder.com/150", alt: "User avatar" }));

package/dist/components/Badge/Badge.test.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
-import { d as u, i as a, r as c, s as o, g as s, v as d, f as r } from "../../vi.ClIskdbk-CmAURgd9.js";
+import { d as u, i as a, r as c, s as o, g as s, v as d, f as r } from "../../vi.ClIskdbk-CZ8iFAMK.js";
 import { Badge as l } from "./index.js";
-import "../../index-WRMbKSxg.js";
+import "../../index-BBIdMcpm.js";
 import { P as i } from "../../plus-Cs7TaIK9.js";
 u("Badge", () => {
   a("renders default badge", () => {

package/dist/components/Box/Box.test.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
-import { d as r, i as o, r as n, s, g as a } from "../../vi.ClIskdbk-CmAURgd9.js";
+import { d as r, i as o, r as n, s, g as a } from "../../vi.ClIskdbk-CZ8iFAMK.js";
 import { Box as i } from "./index.js";
-import "../../index-WRMbKSxg.js";
+import "../../index-BBIdMcpm.js";
 r("Box", () => {
   o("renders with default props", () => {
     n(/* @__PURE__ */ t(i, { children: "Content" }));

package/dist/components/Breadcrumbs/Breadcrumbs.test.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
-import { d as m, i as r, r as o, s as n, g as t } from "../../vi.ClIskdbk-CmAURgd9.js";
+import { d as m, i as r, r as o, s as n, g as t } from "../../vi.ClIskdbk-CZ8iFAMK.js";
 import { Breadcrumbs as l } from "./index.js";
-import "../../index-WRMbKSxg.js";
+import "../../index-BBIdMcpm.js";
 m("Breadcrumbs", () => {
   const a = [
     { label: "Home", href: "/" },

package/dist/components/ButtonGroup/ButtonGroup.test.js

@@ -1,7 +1,7 @@
 import { jsxs as o, jsx as t } from "react/jsx-runtime";
-import { d as a, i, r, g as n, s as c } from "../../vi.ClIskdbk-CmAURgd9.js";
+import { d as a, i, r, g as n, s as c } from "../../vi.ClIskdbk-CZ8iFAMK.js";
 import { ButtonGroup as s } from "./index.js";
-import "../../index-WRMbKSxg.js";
+import "../../index-BBIdMcpm.js";
 a("ButtonGroup", () => {
   i("renders children", () => {
     r(

package/dist/components/Calendar/Calendar.test.js

@@ -1,7 +1,7 @@
 import { jsx as c } from "react/jsx-runtime";
-import { d as D, i as s, r as l, g as n, s as a, v as m, f as d } from "../../vi.ClIskdbk-CmAURgd9.js";
-import { f as y, C as r } from "../../index-BNGQJ1tM.js";
-import "../../index-WRMbKSxg.js";
+import { d as D, i as s, r as l, g as n, s as a, v as m, f as d } from "../../vi.ClIskdbk-CZ8iFAMK.js";
+import { f as y, C as r } from "../../index-BM1mGWJK.js";
+import "../../index-BBIdMcpm.js";
 D("Calendar", () => {
   s("renders the current month and year", () => {
     const t = new Date(2025, 4, 15);

package/dist/components/Calendar/index.js

@@ -2,10 +2,11 @@ import "react/jsx-runtime";
 import "react";
 import '../../assets/index.css';/* empty css                   */
 import "../IconButton/index.js";
+import "../../index-CxrBcaoP.js";
 import "../Tabs/index.js";
-import { C as d } from "../../index-BNGQJ1tM.js";
+import { C as f } from "../../index-BM1mGWJK.js";
 import "../../arrow-left-BIJvHwNQ.js";
 import "../../arrow-right-QEwnX3Sk.js";
 export {
-  d as Calendar
+  f as Calendar
 };

package/dist/components/CallToAction/CallToAction.test.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
-import { d as c, i, r as a, s, g as e } from "../../vi.ClIskdbk-CmAURgd9.js";
+import { d as c, i, r as a, s, g as e } from "../../vi.ClIskdbk-CZ8iFAMK.js";
 import { CallToAction as r } from "./index.js";
-import "../../index-WRMbKSxg.js";
+import "../../index-BBIdMcpm.js";
 import { A as l } from "../../arrow-right-QEwnX3Sk.js";
 c("CallToAction", () => {
   i("renders as a button when 'as' is set to 'button'", () => {

package/dist/components/Card/Card.test.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
-import { d as l, i as n, r, g as t, s as e, v as a, f as d } from "../../vi.ClIskdbk-CmAURgd9.js";
+import { d as l, i as n, r, g as t, s as e, v as a, f as d } from "../../vi.ClIskdbk-CZ8iFAMK.js";
 import { Card as i } from "./index.js";
-import "../../index-WRMbKSxg.js";
+import "../../index-BBIdMcpm.js";
 l("Card", () => {
   n("renders with title, content and footer", () => {
     r(

package/dist/components/Card/index.js

@@ -1,16 +1,17 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import '../../assets/index.css';import '../../assets/index22.css';/* empty css                   */
-import { Heading as t } from "../Heading/index.js";
+import { Heading as s } from "../Heading/index.js";
 import "react";
+import "../../index-CxrBcaoP.js";
 import "../Tabs/index.js";
-const g = "_card_7amar_1", u = "_clickable_7amar_15", h = "_outlined_7amar_27", k = "_shadow_7amar_31", v = "_imageTop_7amar_35", p = "_imageContainer_7amar_45", f = "_image_7amar_35", B = "_content_7amar_60", N = "_imageBackground_7amar_64", C = "_imageBackgroundContainer_7amar_75", b = "_backgroundImage_7amar_83", x = "_overlay_7amar_93", T = "_text_7amar_109", w = "_footer_7amar_131", a = {
+const g = "_card_7amar_1", u = "_clickable_7amar_15", h = "_outlined_7amar_27", k = "_shadow_7amar_31", p = "_imageTop_7amar_35", v = "_imageContainer_7amar_45", f = "_image_7amar_35", B = "_content_7amar_60", N = "_imageBackground_7amar_64", C = "_imageBackgroundContainer_7amar_75", b = "_backgroundImage_7amar_83", x = "_overlay_7amar_93", T = "_text_7amar_109", w = "_footer_7amar_131", a = {
   card: g,
   clickable: u,
   default: "_default_7amar_23",
   outlined: h,
   shadow: k,
-  imageTop: v,
-  imageContainer: p,
+  imageTop: p,
+  imageContainer: v,
   image: f,
   content: B,
   imageBackground: N,
@@ -26,53 +27,53 @@ const g = "_card_7amar_1", u = "_clickable_7amar_15", h = "_outlined_7amar_27",
   imageTop: a.imageTop,
   imageBackground: a.imageBackground
 };
-function q({
+function z({
   title: r,
   content: n,
-  footer: c,
-  imageSrc: i,
-  imageAlt: m = "Card image",
-  onClick: s,
-  variant: d = "default",
+  footer: i,
+  imageSrc: c,
+  imageAlt: d = "Card image",
+  onClick: t,
+  variant: m = "default",
   clickable: l = !1,
   className: _
 }) {
   return /* @__PURE__ */ o(
     "div",
     {
-      className: `${_ ?? ""} ${a.card} ${y[d]} ${l ? a.clickable : ""}`,
-      onClick: s,
-      role: s ? "button" : "presentation",
+      className: `${_ ?? ""} ${a.card} ${y[m]} ${l ? a.clickable : ""}`,
+      onClick: t,
+      role: t ? "button" : "presentation",
       children: [
-        d === "imageTop" && i && /* @__PURE__ */ e("div", { className: a.imageContainer, children: /* @__PURE__ */ e("img", { src: i, alt: m, className: a.image }) }),
-        d === "imageBackground" && i && /* @__PURE__ */ o("div", { className: a.imageBackgroundContainer, children: [
+        m === "imageTop" && c && /* @__PURE__ */ e("div", { className: a.imageContainer, children: /* @__PURE__ */ e("img", { src: c, alt: d, className: a.image }) }),
+        m === "imageBackground" && c && /* @__PURE__ */ o("div", { className: a.imageBackgroundContainer, children: [
           /* @__PURE__ */ e(
             "img",
             {
-              src: i,
-              alt: m,
+              src: c,
+              alt: d,
               className: a.backgroundImage
             }
           ),
           /* @__PURE__ */ o("div", { className: a.overlay, children: [
             /* @__PURE__ */ o("div", { children: [
-              r && /* @__PURE__ */ e(t, { level: 3, children: r }),
+              r && /* @__PURE__ */ e(s, { level: 3, children: r }),
               n && /* @__PURE__ */ e("div", { className: a.text, children: n })
             ] }),
-            c && /* @__PURE__ */ e("div", { className: a.footer, children: c })
+            i && /* @__PURE__ */ e("div", { className: a.footer, children: i })
           ] })
         ] }),
-        d !== "imageBackground" && /* @__PURE__ */ o("div", { className: a.content, children: [
+        m !== "imageBackground" && /* @__PURE__ */ o("div", { className: a.content, children: [
           /* @__PURE__ */ o("div", { children: [
-            r && /* @__PURE__ */ e(t, { level: 3, children: r }),
+            r && /* @__PURE__ */ e(s, { level: 3, children: r }),
             n && /* @__PURE__ */ e("div", { className: a.text, children: n })
           ] }),
-          c && /* @__PURE__ */ e("div", { className: a.footer, children: c })
+          i && /* @__PURE__ */ e("div", { className: a.footer, children: i })
         ] })
       ]
     }
   );
 }
 export {
-  q as Card
+  z as Card
 };

package/dist/components/Carousel/Carousel.test.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
-import { d as h, v as d, i as s, r as a, g as i, s as t, f as r } from "../../vi.ClIskdbk-CmAURgd9.js";
+import { d as h, v as d, i as s, r as a, g as i, s as t, f as r } from "../../vi.ClIskdbk-CZ8iFAMK.js";
 import { Carousel as l } from "./index.js";
-import "../../index-WRMbKSxg.js";
+import "../../index-BBIdMcpm.js";
 const c = [
   /* @__PURE__ */ n("div", { children: "Slide 1" }, "1"),
   /* @__PURE__ */ n("div", { children: "Slide 2" }, "2"),

package/dist/components/Carousel/index.js

@@ -1,8 +1,8 @@
-import { jsxs as _, jsx as o } from "react/jsx-runtime";
-import { useState as f, useRef as A, useEffect as b } from "react";
+import { jsxs as u, jsx as o } from "react/jsx-runtime";
+import { useState as _, useRef as A, useEffect as h } from "react";
 import { A as C } from "../../arrow-left-BIJvHwNQ.js";
 import { A as I } from "../../arrow-right-QEwnX3Sk.js";
-import '../../assets/index31.css';const M = "_carousel_11egt_5", S = "_track_11egt_12", W = "_slide_11egt_18", E = "_controls_11egt_31", L = "_indicators_11egt_48", R = "_indicator_11egt_48", j = "_active_11egt_63", z = "_buttons_11egt_67", G = "_prev_11egt_72", T = "_disabled_11egt_72", V = "_next_11egt_73", t = {
+import '../../assets/index31.css';const M = "_carousel_18d0u_5", S = "_track_18d0u_12", W = "_slide_18d0u_18", E = "_controls_18d0u_31", L = "_indicators_18d0u_48", R = "_indicator_18d0u_48", j = "_active_18d0u_63", z = "_buttons_18d0u_67", G = "_prev_18d0u_72", T = "_disabled_18d0u_72", V = "_next_18d0u_73", t = {
   carousel: M,
   track: S,
   slide: W,
@@ -18,37 +18,37 @@ import '../../assets/index31.css';const M = "_carousel_11egt_5", S = "_track_11e
 function H({
   items: c,
   autoPlay: r = !1,
-  autoPlayInterval: h = 3e3,
-  className: u
+  autoPlayInterval: f = 3e3,
+  className: b
 }) {
-  const [i, l] = f(0), [s, g] = f(3), [v, m] = f(!1), a = A(null), N = i === 0, $ = i === c.length - 1, p = Math.ceil(c.length / s);
-  b(() => {
+  const [i, l] = _(0), [s, v] = _(3), [m, N] = _(!1), d = A(null), $ = i === 0, g = i === c.length - 1, p = Math.ceil(c.length / s);
+  h(() => {
     const e = () => {
       l(0);
       const n = window.innerWidth < 768;
-      m(n), g(n ? 1 : 3);
+      N(n), v(n ? 1 : 3);
     };
     return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
   }, []);
-  const d = () => {
-    (r || !$) && l(
+  const a = () => {
+    (r || !g) && l(
       (e) => e < c.length - s ? e + s : e
     );
   }, w = () => {
-    (r || !N) && l((e) => e > 0 ? e - s : 0);
+    (r || !$) && l((e) => e > 0 ? e - s : 0);
   }, x = (e) => {
     l(e * s);
   };
-  b(() => (r && (a.current = setInterval(d, h)), () => {
-    a.current && clearInterval(a.current);
-  }), [r, h, d]);
+  h(() => (r && (d.current = setInterval(a, f)), () => {
+    d.current && clearInterval(d.current);
+  }), [r, f, a]);
   const k = () => {
-    if (v)
+    if (m)
       return `translateX(calc(-${i * 80}% + 10%))`;
     const e = 100 / s;
     return `translateX(-${i * e}%)`;
   };
-  return /* @__PURE__ */ _("div", { className: `${u ?? ""} ${t.carousel}`, children: [
+  return /* @__PURE__ */ u("div", { className: `${b ?? ""} ${t.carousel}`, children: [
     /* @__PURE__ */ o(
       "div",
       {
@@ -58,7 +58,7 @@ function H({
         children: c.map((e, n) => /* @__PURE__ */ o("div", { className: t.slide, children: e }, n))
       }
     ),
-    c.length > s && /* @__PURE__ */ _("div", { className: t.controls, children: [
+    c.length > s && /* @__PURE__ */ u("div", { className: t.controls, children: [
       /* @__PURE__ */ o("div", { className: t.indicators, children: Array.from({ length: p }).map((e, n) => /* @__PURE__ */ o(
         "button",
         {
@@ -68,7 +68,7 @@ function H({
         },
         n
       )) }),
-      /* @__PURE__ */ _("div", { className: t.buttons, children: [
+      /* @__PURE__ */ u("div", { className: t.buttons, children: [
         /* @__PURE__ */ o(
           "button",
           {
@@ -83,7 +83,7 @@ function H({
           "button",
           {
             className: `${t.next} ${!r && i >= c.length - s ? t.disabled : ""}`,
-            onClick: d,
+            onClick: a,
             "aria-label": "Next slide",
             disabled: !r && i >= c.length - s,
             children: /* @__PURE__ */ o(I, {})

package/dist/components/Checkbox/Checkbox.test.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
-import { d as n, i as b, r as s, g as c, s as o, v as h } from "../../vi.ClIskdbk-CmAURgd9.js";
+import { d as n, i as b, r as s, g as c, s as o, v as h } from "../../vi.ClIskdbk-CZ8iFAMK.js";
 import { Checkbox as a } from "./index.js";
-import "../../index-WRMbKSxg.js";
+import "../../index-BBIdMcpm.js";
 n("Checkbox", () => {
   b("renders correctly", () => {
     s(

package/dist/components/Checkbox/index.js

@@ -1,6 +1,7 @@
 import { jsxs as m, jsx as l } from "react/jsx-runtime";
 import '../../assets/index.css';import '../../assets/index39.css';/* empty css                   */
 import "react";
+import "../../index-CxrBcaoP.js";
 import "../Tabs/index.js";
 import { Label as x } from "../Label/index.js";
 const b = "_wrapper_zxmf0_1", n = "_checkbox_zxmf0_7", h = "_label_zxmf0_29", e = {
@@ -8,26 +9,26 @@ const b = "_wrapper_zxmf0_1", n = "_checkbox_zxmf0_7", h = "_label_zxmf0_29", e
   checkbox: n,
   label: h
 };
-function z({
+function N({
   id: c,
-  name: a,
-  label: p,
+  name: p,
+  label: t,
   disabled: o = !1,
   required: r = !1,
-  className: s,
-  ...t
+  className: a,
+  ...s
 }) {
-  return /* @__PURE__ */ m("div", { className: `${s ?? ""} ${e.wrapper}`, children: [
+  return /* @__PURE__ */ m("div", { className: `${a ?? ""} ${e.wrapper}`, children: [
     /* @__PURE__ */ l(
       "input",
       {
         type: "checkbox",
         id: c,
-        name: a,
+        name: p,
         disabled: o,
         required: r,
         className: e.checkbox,
-        ...t
+        ...s
       }
     ),
     /* @__PURE__ */ l(
@@ -37,11 +38,11 @@ function z({
         disabled: o,
         required: r,
         className: e.label,
-        children: p
+        children: t
       }
     )
   ] });
 }
 export {
-  z as Checkbox
+  N as Checkbox
 };

package/dist/components/Container/Container.test.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
-import { d as c, i as t, r as i, g as n, s as o } from "../../vi.ClIskdbk-CmAURgd9.js";
+import { d as c, i as t, r as i, g as n, s as o } from "../../vi.ClIskdbk-CZ8iFAMK.js";
 import { Container as a } from "./index.js";
-import "../../index-WRMbKSxg.js";
+import "../../index-BBIdMcpm.js";
 c("Container", () => {
   t("renders children", () => {
     i(/* @__PURE__ */ s(a, { children: "Test content" })), n(o.getByText("Test content")).toBeInTheDocument();

package/dist/components/DatePicker/DatePicker.test.js

@@ -1,8 +1,8 @@
 import { jsx as n } from "react/jsx-runtime";
-import { v as r, d as k, i as c, r as d, g as t, s as a, f as l } from "../../vi.ClIskdbk-CmAURgd9.js";
+import { v as r, d as k, i as c, r as d, g as t, s as a, f as l } from "../../vi.ClIskdbk-CZ8iFAMK.js";
 import { DatePicker as o } from "./index.js";
-import "../../index-WRMbKSxg.js";
-import { f as u } from "../../index-BNGQJ1tM.js";
+import "../../index-BBIdMcpm.js";
+import { f as u } from "../../index-BM1mGWJK.js";
 r.mock("../Calendar", () => ({
   Calendar: ({ onSelectDate: e }) => /* @__PURE__ */ n(
     "button",

package/dist/components/DatePicker/index.js

@@ -1,18 +1,19 @@
 import { jsxs as h, jsx as e } from "react/jsx-runtime";
 import { useState as i } from "react";
 import '../../assets/index.css';import '../../assets/index42.css';/* empty css                   */
+import "../../index-CxrBcaoP.js";
 import "../Tabs/index.js";
 import { Label as w } from "../Label/index.js";
-import { f as x, C as D } from "../../index-BNGQJ1tM.js";
-const S = "_wrapper_13tha_1", N = "_input_13tha_7", O = "_popover_13tha_25", s = {
+import { f as x, C as D } from "../../index-BM1mGWJK.js";
+const S = "_wrapper_13tha_1", N = "_input_13tha_7", O = "_popover_13tha_25", o = {
   wrapper: S,
   input: N,
   popover: O
 };
-function L({
-  id: o,
-  name: n,
-  label: m,
+function P({
+  id: s,
+  name: m,
+  label: n,
   onValueChange: r,
   required: a = !1,
   disabled: c = !1,
@@ -22,13 +23,13 @@ function L({
   ...v
 }) {
   const [p, y] = i(null), [u, l] = i(!1);
-  return /* @__PURE__ */ h("div", { className: `${d ?? ""} ${s.wrapper}`, children: [
-    /* @__PURE__ */ e(w, { htmlFor: o, required: a, disabled: c, children: m }),
+  return /* @__PURE__ */ h("div", { className: `${d ?? ""} ${o.wrapper}`, children: [
+    /* @__PURE__ */ e(w, { htmlFor: s, required: a, disabled: c, children: n }),
     /* @__PURE__ */ e(
       "input",
       {
-        id: o,
-        name: n,
+        id: s,
+        name: m,
         type: "text",
         readOnly: !0,
         value: p ? x(p, "yyyy-MM-dd") : "",
@@ -38,11 +39,11 @@ function L({
         disabled: c,
         min: f,
         max: _,
-        className: s.input,
+        className: o.input,
         ...v
       }
     ),
-    u && /* @__PURE__ */ e("div", { className: s.popover, children: /* @__PURE__ */ e(
+    u && /* @__PURE__ */ e("div", { className: o.popover, children: /* @__PURE__ */ e(
       D,
       {
         selectedDate: p,
@@ -54,5 +55,5 @@ function L({
   ] });
 }
 export {
-  L as DatePicker
+  P as DatePicker
 };

package/dist/components/Divider/Divider.test.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
-import { d as o, i as e, r as i, g as t } from "../../vi.ClIskdbk-CmAURgd9.js";
+import { d as o, i as e, r as i, g as t } from "../../vi.ClIskdbk-CZ8iFAMK.js";
 import { Divider as a } from "./index.js";
-import "../../index-WRMbKSxg.js";
+import "../../index-BBIdMcpm.js";
 o("Spacer", () => {
   e("renders with default props", () => {
     const { container: s } = i(/* @__PURE__ */ r(a, {}));

package/dist/components/Drawer/Drawer.test.js

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as f } from "react/jsx-runtime";
-import { d as h, i as r, r as s, v as t, g as l, s as c, f as a } from "../../vi.ClIskdbk-CmAURgd9.js";
+import { d as h, i as r, r as s, v as t, g as l, s as c, f as a } from "../../vi.ClIskdbk-CZ8iFAMK.js";
 import { Drawer as i } from "./index.js";
-import "../../index-WRMbKSxg.js";
+import "../../index-BBIdMcpm.js";
 h("Drawer", () => {
   const n = /* @__PURE__ */ e("nav", { children: /* @__PURE__ */ f("ul", { children: [
     /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e("a", { href: "/profile", children: "Profile" }) }),

package/dist/components/Fieldset/Fieldset.test.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
-import { d as o, i as t, r, g as n, s as d } from "../../vi.ClIskdbk-CmAURgd9.js";
+import { d as o, i as t, r, g as n, s as d } from "../../vi.ClIskdbk-CZ8iFAMK.js";
 import { Fieldset as i } from "./index.js";
-import "../../index-WRMbKSxg.js";
+import "../../index-BBIdMcpm.js";
 o("Fieldset", () => {
   t("renders children", () => {
     r(

package/dist/components/FileUpload/FileUpload.test.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
-import { d as c, i as t, r as l, g as s, s as n, v as a, f as d } from "../../vi.ClIskdbk-CmAURgd9.js";
+import { d as c, i as t, r as l, g as s, s as n, v as a, f as d } from "../../vi.ClIskdbk-CZ8iFAMK.js";
 import { FileUpload as r } from "./index.js";
-import "../../index-WRMbKSxg.js";
+import "../../index-BBIdMcpm.js";
 c("FileUpload", () => {
   t("renders the label correctly", () => {
     l(/* @__PURE__ */ o(r, { label: "Upload your resume", onFilesChange: () => {

package/dist/components/FileUpload/index.js

@@ -1,7 +1,8 @@
-import { jsxs as p, jsx as n } from "react/jsx-runtime";
+import { jsxs as l, jsx as n } from "react/jsx-runtime";
 import { useRef as x, useState as h } from "react";
 import '../../assets/index.css';import '../../assets/index44.css';/* empty css                   */
 import { IconButton as N } from "../IconButton/index.js";
+import "../../index-CxrBcaoP.js";
 import "../Tabs/index.js";
 import { Label as Z } from "../Label/index.js";
 import { T as z } from "../../trash-2-2Rn0a4s6.js";
@@ -12,7 +13,7 @@ const I = "_wrapper_s8dew_1", R = "_dropZone_s8dew_7", T = "_dragging_s8dew_25",
   input: j,
   fileList: A
 };
-function M({
+function F({
   id: D,
   name: w,
   label: c = "Upload files",
@@ -23,7 +24,7 @@ function M({
   className: v,
   onFilesChange: s
 }) {
-  const a = x(null), [d, l] = h(!1), [t, m] = h([]), u = (e) => {
+  const a = x(null), [d, p] = h(!1), [t, m] = h([]), u = (e) => {
     if (!e) return;
     const r = Array.from(e);
     m((_) => [..._, ...r]), s(r);
@@ -31,7 +32,7 @@ function M({
     const r = t.filter((_, $) => $ !== e);
     m(r), s == null || s(r);
   }, g = D ?? `upload-${Math.random().toString(36).slice(2)}`;
-  return /* @__PURE__ */ p("div", { className: `${v ?? ""} ${i.wrapper}`, children: [
+  return /* @__PURE__ */ l("div", { className: `${v ?? ""} ${i.wrapper}`, children: [
     c && /* @__PURE__ */ n(Z, { htmlFor: g, required: f, disabled: o, children: c }),
     /* @__PURE__ */ n(
       "div",
@@ -42,11 +43,11 @@ function M({
           return !o && ((e = a.current) == null ? void 0 : e.click());
         },
         onDragOver: (e) => {
-          e.preventDefault(), o || l(!0);
+          e.preventDefault(), o || p(!0);
         },
-        onDragLeave: () => l(!1),
+        onDragLeave: () => p(!1),
         onDrop: (e) => {
-          e.preventDefault(), o || (l(!1), u(e.dataTransfer.files));
+          e.preventDefault(), o || (p(!1), u(e.dataTransfer.files));
         },
         role: "button",
         tabIndex: 0,
@@ -74,8 +75,8 @@ function M({
         hidden: !0
       }
     ),
-    (t == null ? void 0 : t.length) > 0 && /* @__PURE__ */ n("ul", { className: i.fileList, children: t == null ? void 0 : t.map((e, r) => /* @__PURE__ */ p("li", { children: [
-      /* @__PURE__ */ p("span", { children: [
+    (t == null ? void 0 : t.length) > 0 && /* @__PURE__ */ n("ul", { className: i.fileList, children: t == null ? void 0 : t.map((e, r) => /* @__PURE__ */ l("li", { children: [
+      /* @__PURE__ */ l("span", { children: [
         " ",
         e.name,
         " (",
@@ -97,5 +98,5 @@ function M({
   ] });
 }
 export {
-  M as FileUpload
+  F as FileUpload
 };

package/dist/components/FloatingActionButton/FloatingActionButton.test.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
-import { d as r, i as o, r as i, g as l, s, v as d, f as m } from "../../vi.ClIskdbk-CmAURgd9.js";
+import { d as r, i as o, r as i, g as l, s, v as d, f as m } from "../../vi.ClIskdbk-CZ8iFAMK.js";
 import { FloatingActionButton as c } from "./index.js";
-import "../../index-WRMbKSxg.js";
+import "../../index-BBIdMcpm.js";
 import { P as n } from "../../plus-Cs7TaIK9.js";
 r("FloatingActionButton", () => {
   o("renders the icon", () => {

package/dist/components/Form/Form.test.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
-import { d as i, i as o, r, g as s, s as a } from "../../vi.ClIskdbk-CmAURgd9.js";
+import { d as i, i as o, r, g as s, s as a } from "../../vi.ClIskdbk-CZ8iFAMK.js";
 import { Form as m } from "./index.js";
-import "../../index-WRMbKSxg.js";
+import "../../index-BBIdMcpm.js";
 i("Form", () => {
   o("renders children", () => {
     r(