quirk-ui 0.0.27 → 0.0.29

package/dist/arrow-left-BIJvHwNQ.js

@@ -0,0 +1,14 @@
+import { c as o } from "./createLucideIcon-C8GTh_Qx.js";
+/**
+ * @license lucide-react v0.488.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const e = [
+  ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
+  ["path", { d: "M19 12H5", key: "x3x0zl" }]
+], r = o("arrow-left", e);
+export {
+  r as A
+};

package/dist/{arrow-right-CnuUc2oD.js → arrow-right-QEwnX3Sk.js}

@@ -1,14 +1,4 @@
 import { c as o } from "./createLucideIcon-C8GTh_Qx.js";
-/**
- * @license lucide-react v0.488.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const t = [
-  ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
-  ["path", { d: "M19 12H5", key: "x3x0zl" }]
-], e = o("arrow-left", t);
 /**
  * @license lucide-react v0.488.0 - ISC
  *
@@ -20,6 +10,5 @@ const r = [
   ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
 ], c = o("arrow-right", r);
 export {
-  e as A,
-  c as a
+  c as A
 };

package/dist/assets/index14.css

@@ -1 +1 @@
-._button_1avxf_1{border-radius:var(--radius-md);border:1px solid transparent;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);font-family:inherit;background-color:var(--color-primary);cursor:pointer;transition:background-color .25s,border-color .25s}._button_1avxf_1:hover{border-color:var(--color-secondary)}._button_1avxf_1:focus,._button_1avxf_1:focus-visible{outline:4px auto -webkit-focus-ring-color}._button_1avxf_1:disabled{border-color:var(--color-muted);background-color:var(--color-muted);color:#e0e0e0;cursor:not-allowed}._primary_1avxf_29{background-color:var(--color-primary)}._primary_1avxf_29:hover{background-color:var(--color-secondary)}._secondary_1avxf_37{background-color:var(--color-secondary);border-color:var(--color-secondary)}._secondary_1avxf_37:hover{background-color:var(--color-primary);border-color:var(--color-primary)}._ghost_1avxf_47{background-color:transparent;border-color:var(--color-primary);border-width:2px;color:var(--color-primary)}._ghost_1avxf_47:hover{background-color:var(--color-primary);color:#fff}
+._callToAction_7n3dv_1{display:inline-flex;text-decoration:none;border-radius:var(--radius-md);border:2px solid transparent;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);font-family:inherit;background-color:var(--color-primary);cursor:pointer;transition:background-color .25s,border-color .25s;height:40px}._callToAction_7n3dv_1:focus,._callToAction_7n3dv_1:focus-visible{outline:4px auto -webkit-focus-ring-color}._callToAction_7n3dv_1:disabled{border-color:var(--color-muted);background-color:var(--color-muted);color:#e0e0e0;cursor:not-allowed}._primary_7n3dv_28{background-color:var(--color-primary);color:#fff}._primary_7n3dv_28:hover{background-color:var(--color-secondary);color:#fff}._secondary_7n3dv_38{background-color:var(--color-secondary);border-color:var(--color-secondary);color:#fff}._secondary_7n3dv_38:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}._ghost_7n3dv_50{background-color:transparent;border-color:var(--color-primary);border-width:2px;color:var(--color-primary)}._ghost_7n3dv_50:hover{border-color:var(--color-primary);background-color:var(--color-primary);color:#fff}._link_7n3dv_63{color:var(--color-link);background-color:transparent;border:none;padding:0;text-decoration:none;height:unset}._muted_7n3dv_72{color:var(--color-muted);background-color:transparent;border:none;padding:0;text-decoration:none;height:unset}._underline_7n3dv_81{color:var(--color-link);background-color:transparent;border:none;padding:0;text-decoration:underline;height:unset}._icon_7n3dv_90{display:inline-flex}._content_7n3dv_94{display:inline-flex;align-items:center;justify-content:center;flex-direction:row;gap:var(--spacing-sm);text-wrap:nowrap}._iconLeft_7n3dv_103{flex-direction:row-reverse}._iconRight_7n3dv_107{flex-direction:row}

package/dist/assets/index47.css

@@ -1 +1 @@
-._link_98em4_1{color:var(--color-link);text-decoration:none;display:inline-flex;align-items:center;gap:.25rem}._default_98em4_9{color:var(--color-link)}._muted_98em4_13{color:var(--color-muted)}._underline_98em4_17{text-decoration:underline}._icon_98em4_21{display:inline-flex}
+._calendar_zbxci_1{padding:var(--spacing-sm);border-radius:var(--radius-md);min-width:250px}._header_zbxci_7{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}._dayName_zbxci_13{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);width:30px;text-align:center;flex:1;font-size:var(--font-size-sm)}._monthName_zbxci_23{font-weight:var(--font-weight-bold);color:var(--color-text-primary)}._week_zbxci_28{display:flex;justify-content:space-between;color:var(--color-text-primary)}._cell_zbxci_34{flex:1;padding:var(--spacing-xs) 0;text-align:center;background:none;color:var(--color-text-primary);border:none;cursor:pointer;width:30px}._outside_zbxci_45{color:var(--color-muted)}._selected_zbxci_49{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-md)}

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-Z9moXFkA.js";
+import { d, i as m, r, g as t, s as e, f as s } from "../../vi.ClIskdbk-CmAURgd9.js";
 import { Accordion as a } from "./index.js";
-import "../../index-Bb02nmpl.js";
+import "../../index-WRMbKSxg.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-Z9moXFkA.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-CmAURgd9.js";
 import { Alert as i } from "./index.js";
-import "../../index-Bb02nmpl.js";
+import "../../index-WRMbKSxg.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-Z9moXFkA.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-CmAURgd9.js";
 import { Avatar as r } from "./index.js";
-import "../../index-Bb02nmpl.js";
+import "../../index-WRMbKSxg.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-Z9moXFkA.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-CmAURgd9.js";
 import { Badge as l } from "./index.js";
-import "../../index-Bb02nmpl.js";
+import "../../index-WRMbKSxg.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-Z9moXFkA.js";
+import { d as r, i as o, r as n, s, g as a } from "../../vi.ClIskdbk-CmAURgd9.js";
 import { Box as i } from "./index.js";
-import "../../index-Bb02nmpl.js";
+import "../../index-WRMbKSxg.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-Z9moXFkA.js";
+import { d as m, i as r, r as o, s as n, g as t } from "../../vi.ClIskdbk-CmAURgd9.js";
 import { Breadcrumbs as l } from "./index.js";
-import "../../index-Bb02nmpl.js";
+import "../../index-WRMbKSxg.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-Z9moXFkA.js";
+import { d as a, i, r, g as n, s as c } from "../../vi.ClIskdbk-CmAURgd9.js";
 import { ButtonGroup as s } from "./index.js";
-import "../../index-Bb02nmpl.js";
+import "../../index-WRMbKSxg.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-Z9moXFkA.js";
-import { f as y, C as r } from "../../index-C8O_LWE2.js";
-import "../../index-Bb02nmpl.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-CmAURgd9.js";
+import { f as y, C as r } from "../../index-BNGQJ1tM.js";
+import "../../index-WRMbKSxg.js";
 D("Calendar", () => {
   s("renders the current month and year", () => {
     const t = new Date(2025, 4, 15);

package/dist/components/Calendar/index.js

@@ -3,8 +3,9 @@ import "react";
 import '../../assets/index.css';/* empty css                   */
 import "../IconButton/index.js";
 import "../Tabs/index.js";
-import { C } from "../../index-C8O_LWE2.js";
-import "../../arrow-right-CnuUc2oD.js";
+import { C as d } from "../../index-BNGQJ1tM.js";
+import "../../arrow-left-BIJvHwNQ.js";
+import "../../arrow-right-QEwnX3Sk.js";
 export {
-  C as Calendar
+  d as Calendar
 };

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

@@ -0,0 +1,66 @@
+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 { CallToAction as r } from "./index.js";
+import "../../index-WRMbKSxg.js";
+import { A as l } from "../../arrow-right-QEwnX3Sk.js";
+c("CallToAction", () => {
+  i("renders as a button when 'as' is set to 'button'", () => {
+    a(
+      /* @__PURE__ */ o(r, { as: "button", variant: "primary", children: "Click Me" })
+    );
+    const t = s.getByRole("button", { name: "Click Me" });
+    e(t).toBeInTheDocument(), e(t).toHaveClass("callToAction", "primary");
+  }), i("renders as an anchor when 'as' is set to 'a'", () => {
+    a(
+      /* @__PURE__ */ o(r, { as: "a", href: "/test", variant: "link", children: "Click Me" })
+    );
+    const t = s.getByRole("link", { name: "Click Me" });
+    e(t).toBeInTheDocument(), e(t).toHaveAttribute("href", "/test"), e(t).toHaveClass("callToAction", "link");
+  }), i("adds rel='noopener noreferrer' when target is '_blank'", () => {
+    a(
+      /* @__PURE__ */ o(r, { as: "a", href: "/test", target: "_blank", variant: "link", children: "External" })
+    );
+    const t = s.getByRole("link", { name: "External" });
+    e(t).toBeInTheDocument(), e(t).toHaveAttribute("rel", "noopener noreferrer");
+  }), i("includes left icon when iconAlignment is 'left'", () => {
+    a(
+      /* @__PURE__ */ o(
+        r,
+        {
+          as: "a",
+          href: "/test",
+          target: "_blank",
+          variant: "link",
+          icon: /* @__PURE__ */ o(l, { "data-testid": "icon", size: 21 }),
+          iconAlignemnt: "left",
+          children: "Icon left"
+        }
+      )
+    );
+    const n = s.getByTestId("icon").closest("span");
+    e(n).toHaveClass("icon"), e(n == null ? void 0 : n.parentElement).toHaveClass("content", "iconLeft");
+  }), i("includes right icon when iconAlignment is 'right'", () => {
+    a(
+      /* @__PURE__ */ o(
+        r,
+        {
+          as: "a",
+          href: "/test",
+          target: "_blank",
+          variant: "link",
+          icon: /* @__PURE__ */ o(l, { "data-testid": "icon", size: 21 }),
+          iconAlignemnt: "right",
+          children: "Icon Right"
+        }
+      )
+    );
+    const n = s.getByTestId("icon").closest("span");
+    e(n).toHaveClass("icon"), e(n == null ? void 0 : n.parentElement).toHaveClass("content", "iconRight");
+  }), i("respects the disabled prop on buttons", () => {
+    a(
+      /* @__PURE__ */ o(r, { as: "button", variant: "primary", disabled: !0, children: "Disabled" })
+    );
+    const t = s.getByRole("button", { name: "Disabled" });
+    e(t).toBeDisabled();
+  });
+});

package/dist/components/CallToAction/__mocks__/styles.module.css.js

@@ -0,0 +1,12 @@
+const e = {
+  primary: "primary",
+  secondary: "secondary",
+  ghost: "ghost",
+  link: "link",
+  underline: "underline",
+  left: "left",
+  right: "right"
+};
+export {
+  e as default
+};

package/dist/components/CallToAction/index.js

@@ -0,0 +1,63 @@
+import { jsx as o, jsxs as g } from "react/jsx-runtime";
+import '../../assets/index14.css';const f = "_callToAction_7n3dv_1", y = "_primary_7n3dv_28", m = "_secondary_7n3dv_38", u = "_ghost_7n3dv_50", v = "_link_7n3dv_63", $ = "_underline_7n3dv_81", A = "_icon_7n3dv_90", k = "_content_7n3dv_94", T = "_iconLeft_7n3dv_103", x = "_iconRight_7n3dv_107", n = {
+  callToAction: f,
+  primary: y,
+  secondary: m,
+  ghost: u,
+  link: v,
+  underline: $,
+  icon: A,
+  content: k,
+  iconLeft: T,
+  iconRight: x
+}, l = {
+  primary: n.primary,
+  secondary: n.secondary,
+  ghost: n.ghost,
+  link: n.link,
+  underline: n.underline
+}, R = {
+  left: n.iconLeft,
+  right: n.iconRight
+};
+function b({
+  variant: c = "primary",
+  icon: i,
+  iconAlignemnt: a = "right",
+  useRouter: L = !1,
+  className: e,
+  children: _,
+  disabled: d = !1,
+  ...t
+}) {
+  const s = /* @__PURE__ */ g("span", { className: `${n.content} ${R[a]}`, children: [
+    /* @__PURE__ */ o("span", { children: _ }),
+    i && /* @__PURE__ */ o("span", { className: n.icon, children: i })
+  ] });
+  if (t.as == "a") {
+    const { href: h, target: r, ...p } = t;
+    return /* @__PURE__ */ o(
+      "a",
+      {
+        href: h,
+        target: r,
+        rel: r === "_blank" ? "noopener noreferrer" : void 0,
+        className: `${e ?? ""} ${n.callToAction} ${l[c]}`,
+        ...p,
+        children: s
+      }
+    );
+  }
+  return /* @__PURE__ */ o(
+    "button",
+    {
+      className: `${e ?? ""} ${n.callToAction} ${l[c]}`,
+      disabled: d,
+      ...t,
+      children: s
+    }
+  );
+}
+export {
+  b as CallToAction
+};

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-Z9moXFkA.js";
+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 { Card as i } from "./index.js";
-import "../../index-Bb02nmpl.js";
+import "../../index-WRMbKSxg.js";
 l("Card", () => {
   n("renders with title, content and footer", () => {
     r(

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-Z9moXFkA.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-CmAURgd9.js";
 import { Carousel as l } from "./index.js";
-import "../../index-Bb02nmpl.js";
+import "../../index-WRMbKSxg.js";
 const c = [
   /* @__PURE__ */ n("div", { children: "Slide 1" }, "1"),
   /* @__PURE__ */ n("div", { children: "Slide 2" }, "2"),

package/dist/components/Carousel/index.js

@@ -1,90 +1,92 @@
-import { jsxs as _, jsx as r } from "react/jsx-runtime";
-import { useState as m, useRef as A, useCallback as C, useEffect as u } from "react";
-import { A as I, a as M } from "../../arrow-right-CnuUc2oD.js";
-import '../../assets/index31.css';const S = "_carousel_1h8mt_5", E = "_track_1h8mt_12", L = "_slide_1h8mt_18", R = "_controls_1h8mt_30", j = "_indicators_1h8mt_47", z = "_indicator_1h8mt_47", G = "_active_1h8mt_62", T = "_buttons_1h8mt_66", V = "_prev_1h8mt_71", X = "_disabled_1h8mt_71", q = "_next_1h8mt_72", e = {
-  carousel: S,
-  track: E,
-  slide: L,
-  controls: R,
-  indicators: j,
-  indicator: z,
-  active: G,
-  buttons: T,
-  prev: V,
-  disabled: X,
-  next: q
+import { jsxs as h, jsx as o } from "react/jsx-runtime";
+import { useState as _, useRef as A, useEffect as f } 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_1h8mt_5", S = "_track_1h8mt_12", W = "_slide_1h8mt_18", E = "_controls_1h8mt_30", L = "_indicators_1h8mt_47", R = "_indicator_1h8mt_47", j = "_active_1h8mt_62", z = "_buttons_1h8mt_66", G = "_prev_1h8mt_71", T = "_disabled_1h8mt_71", V = "_next_1h8mt_72", e = {
+  carousel: M,
+  track: S,
+  slide: W,
+  controls: E,
+  indicators: L,
+  indicator: R,
+  active: j,
+  buttons: z,
+  prev: G,
+  disabled: T,
+  next: V
 };
-function J({
+function H({
   items: c,
-  autoPlay: i = !1,
-  autoPlayInterval: b = 3e3,
-  className: f
+  autoPlay: r = !1,
+  autoPlayInterval: m = 3e3,
+  className: b
 }) {
-  const [s, l] = m(0), [n, v] = m(
-    window.innerWidth < 768 ? 1 : 3
-  ), [w, N] = m(window.innerWidth < 768), d = A(null), $ = s === 0, g = s === c.length - 1, p = Math.ceil(c.length / n), a = C(() => {
-    l(0);
-    const t = window.innerWidth < 768;
-    N(t), v(t ? 1 : 3);
+  const [n, l] = _(0), [i, u] = _(1), [v, N] = _(!1), a = A(null), $ = n === 0, p = n === c.length - 1, g = Math.ceil(c.length / i);
+  f(() => {
+    const t = () => {
+      l(0);
+      const s = window.innerWidth < 768;
+      N(s), u(s ? 1 : 3);
+    };
+    return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
   }, []);
-  u(() => (a(), window.addEventListener("resize", a), () => window.removeEventListener("resize", a)), [a]);
-  const h = () => {
-    (i || !g) && l(
-      (t) => t < c.length - n ? t + n : t
+  const d = () => {
+    (r || !p) && l(
+      (t) => t < c.length - i ? t + i : t
     );
-  }, x = () => {
-    (i || !$) && l((t) => t > 0 ? t - n : 0);
-  }, k = (t) => {
-    l(t * n);
+  }, w = () => {
+    (r || !$) && l((t) => t > 0 ? t - i : 0);
+  }, x = (t) => {
+    l(t * i);
   };
-  u(() => (i && (d.current = setInterval(h, b)), () => {
-    d.current && clearInterval(d.current);
-  }), [i, b, h]);
-  const W = () => {
-    if (w)
-      return `translateX(calc(-${s * 80}% + 10%))`;
-    const t = 100 / n;
-    return `translateX(-${s * t}%)`;
+  f(() => (r && (a.current = setInterval(d, m)), () => {
+    a.current && clearInterval(a.current);
+  }), [r, m, d]);
+  const k = () => {
+    if (v)
+      return `translateX(calc(-${n * 80}% + 10%))`;
+    const t = 100 / i;
+    return `translateX(-${n * t}%)`;
   };
-  return /* @__PURE__ */ _("div", { className: `${f ?? ""} ${e.carousel}`, children: [
-    /* @__PURE__ */ r(
+  return /* @__PURE__ */ h("div", { className: `${b ?? ""} ${e.carousel}`, children: [
+    /* @__PURE__ */ o(
       "div",
       {
         className: e.track,
-        style: { transform: W() },
+        style: { transform: k() },
         role: "list",
-        children: c.map((t, o) => /* @__PURE__ */ r("div", { className: e.slide, children: t }, o))
+        children: c.map((t, s) => /* @__PURE__ */ o("div", { className: e.slide, children: t }, s))
       }
     ),
-    /* @__PURE__ */ _("div", { className: e.controls, children: [
-      /* @__PURE__ */ r("div", { className: e.indicators, children: Array.from({ length: p }).map((t, o) => /* @__PURE__ */ r(
+    /* @__PURE__ */ h("div", { className: e.controls, children: [
+      /* @__PURE__ */ o("div", { className: e.indicators, children: Array.from({ length: g }).map((t, s) => /* @__PURE__ */ o(
         "button",
         {
-          className: `${e.indicator} ${o === Math.floor(s / n) ? e.active : ""}`,
-          onClick: () => k(o),
-          "aria-label": `Go to group ${o + 1}`
+          className: `${e.indicator} ${s === Math.floor(n / i) ? e.active : ""}`,
+          onClick: () => x(s),
+          "aria-label": `Go to group ${s + 1}`
         },
-        o
+        s
       )) }),
-      /* @__PURE__ */ _("div", { className: e.buttons, children: [
-        /* @__PURE__ */ r(
+      /* @__PURE__ */ h("div", { className: e.buttons, children: [
+        /* @__PURE__ */ o(
           "button",
           {
-            className: `${e.prev} ${!i && s === 0 ? e.disabled : ""}`,
-            onClick: x,
+            className: `${e.prev} ${!r && n === 0 ? e.disabled : ""}`,
+            onClick: w,
             "aria-label": "Previous slide",
-            disabled: !i && s === 0,
-            children: /* @__PURE__ */ r(I, {})
+            disabled: !r && n === 0,
+            children: /* @__PURE__ */ o(C, {})
           }
         ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ o(
           "button",
           {
-            className: `${e.next} ${!i && s >= c.length - n ? e.disabled : ""}`,
-            onClick: h,
+            className: `${e.next} ${!r && n >= c.length - i ? e.disabled : ""}`,
+            onClick: d,
             "aria-label": "Next slide",
-            disabled: !i && s >= c.length - n,
-            children: /* @__PURE__ */ r(M, {})
+            disabled: !r && n >= c.length - i,
+            children: /* @__PURE__ */ o(I, {})
           }
         )
       ] })
@@ -92,5 +94,5 @@ function J({
   ] });
 }
 export {
-  J as Carousel
+  H as Carousel
 };

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-Z9moXFkA.js";
+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 { Checkbox as a } from "./index.js";
-import "../../index-Bb02nmpl.js";
+import "../../index-WRMbKSxg.js";
 n("Checkbox", () => {
   b("renders correctly", () => {
     s(

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-Z9moXFkA.js";
+import { d as c, i as t, r as i, g as n, s as o } from "../../vi.ClIskdbk-CmAURgd9.js";
 import { Container as a } from "./index.js";
-import "../../index-Bb02nmpl.js";
+import "../../index-WRMbKSxg.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-Z9moXFkA.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-CmAURgd9.js";
 import { DatePicker as o } from "./index.js";
-import "../../index-Bb02nmpl.js";
-import { f as u } from "../../index-C8O_LWE2.js";
+import "../../index-WRMbKSxg.js";
+import { f as u } from "../../index-BNGQJ1tM.js";
 r.mock("../Calendar", () => ({
   Calendar: ({ onSelectDate: e }) => /* @__PURE__ */ n(
     "button",

package/dist/components/DatePicker/index.js

@@ -3,7 +3,7 @@ import { useState as i } from "react";
 import '../../assets/index.css';import '../../assets/index42.css';/* empty css                   */
 import "../Tabs/index.js";
 import { Label as w } from "../Label/index.js";
-import { f as x, C as D } from "../../index-C8O_LWE2.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 = {
   wrapper: S,
   input: N,

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-Z9moXFkA.js";
+import { d as o, i as e, r as i, g as t } from "../../vi.ClIskdbk-CmAURgd9.js";
 import { Divider as a } from "./index.js";
-import "../../index-Bb02nmpl.js";
+import "../../index-WRMbKSxg.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-Z9moXFkA.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-CmAURgd9.js";
 import { Drawer as i } from "./index.js";
-import "../../index-Bb02nmpl.js";
+import "../../index-WRMbKSxg.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-Z9moXFkA.js";
+import { d as o, i as t, r, g as n, s as d } from "../../vi.ClIskdbk-CmAURgd9.js";
 import { Fieldset as i } from "./index.js";
-import "../../index-Bb02nmpl.js";
+import "../../index-WRMbKSxg.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-Z9moXFkA.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-CmAURgd9.js";
 import { FileUpload as r } from "./index.js";
-import "../../index-Bb02nmpl.js";
+import "../../index-WRMbKSxg.js";
 c("FileUpload", () => {
   t("renders the label correctly", () => {
     l(/* @__PURE__ */ o(r, { label: "Upload your resume", onFilesChange: () => {

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-Z9moXFkA.js";
+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 { FloatingActionButton as c } from "./index.js";
-import "../../index-Bb02nmpl.js";
+import "../../index-WRMbKSxg.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-Z9moXFkA.js";
+import { d as i, i as o, r, g as s, s as a } from "../../vi.ClIskdbk-CmAURgd9.js";
 import { Form as m } from "./index.js";
-import "../../index-Bb02nmpl.js";
+import "../../index-WRMbKSxg.js";
 i("Form", () => {
   o("renders children", () => {
     r(

package/dist/components/Grid/Grid.test.js

@@ -1,7 +1,7 @@
 import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import { d as o, i as d, r as m, g as i, s as l } from "../../vi.ClIskdbk-Z9moXFkA.js";
+import { d as o, i as d, r as m, g as i, s as l } from "../../vi.ClIskdbk-CmAURgd9.js";
 import { Grid as s } from "./index.js";
-import "../../index-Bb02nmpl.js";
+import "../../index-WRMbKSxg.js";
 o("Grid", () => {
   d("renders children", () => {
     m(