quirk-ui 0.0.6 → 0.0.7

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

@@ -0,0 +1,62 @@
+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.B-PuvDzu-a048kFcX.js";
+import { Badge as l } from "./index.js";
+import "../../index-Bgo8MuTU.js";
+import { P as i } from "../../plus-Cs7TaIK9.js";
+u("Badge", () => {
+  a("renders default badge", () => {
+    c(/* @__PURE__ */ t(l, { text: "Default" }));
+    const e = o.getByRole("status");
+    s(e).toBeInTheDocument(), s(e.className).toContain("default");
+  }), a("applies correct variant class", () => {
+    c(/* @__PURE__ */ t(l, { text: "Success", variant: "success" })), s(o.getByRole("status")).toHaveClass("success");
+  }), a("renders icon when provided", () => {
+    c(
+      /* @__PURE__ */ t(
+        l,
+        {
+          text: "Success",
+          variant: "success",
+          icon: /* @__PURE__ */ t(i, { "data-testid": "icon" })
+        }
+      )
+    );
+    const e = o.getByTestId("icon");
+    s(e).toBeInTheDocument();
+  }), a("calls onClick handler when clickable", () => {
+    const e = d.fn();
+    c(
+      /* @__PURE__ */ t(
+        l,
+        {
+          text: "Clickable",
+          variant: "success",
+          icon: /* @__PURE__ */ t(i, { "data-testid": "icon" }),
+          onClick: e
+        }
+      )
+    );
+    const n = o.getByRole("button");
+    s(n.className).toContain("clickable"), r.click(n), s(e).toHaveBeenCalledTimes(1);
+  }), a("does not call onClick handler when not clickable", () => {
+    const e = d.fn();
+    c(
+      /* @__PURE__ */ t(
+        l,
+        {
+          text: "Not Clickable",
+          variant: "success",
+          icon: /* @__PURE__ */ t(i, { "data-testid": "icon" })
+        }
+      )
+    );
+    const n = o.getByRole("status");
+    r.click(n), s(e).not.toHaveBeenCalledTimes(1);
+  }), a("applies custom className", () => {
+    c(
+      /* @__PURE__ */ t(l, { text: "Default", className: "custom-class" })
+    );
+    const e = o.getByRole("status");
+    s(e).toHaveClass("custom-class");
+  });
+});

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

@@ -0,0 +1,10 @@
+const s = {
+  default: "default",
+  success: "success",
+  warning: "warning",
+  error: "error",
+  info: "info"
+};
+export {
+  s as default
+};

package/dist/components/Badge/index.js

@@ -0,0 +1,41 @@
+import { jsxs as o, jsx as c } from "react/jsx-runtime";
+import '../../assets/index23.css';const _ = "_badge_18z15_19", i = "_clickable_18z15_31", l = "_icon_18z15_35", u = "_text_18z15_41", d = "_success_18z15_50", f = "_warning_18z15_55", g = "_error_18z15_60", b = "_info_18z15_65", s = {
+  badge: _,
+  clickable: i,
+  icon: l,
+  text: u,
+  default: "_default_18z15_45",
+  success: d,
+  warning: f,
+  error: g,
+  info: b
+}, z = {
+  default: s.default,
+  success: s.success,
+  warning: s.warning,
+  error: s.error,
+  info: s.info
+};
+function p({
+  text: a,
+  variant: t = "default",
+  icon: n,
+  onClick: e,
+  className: r
+}) {
+  return /* @__PURE__ */ o(
+    "span",
+    {
+      className: `${s.badge} ${z[t]} ${e ? s.clickable : ""} ${r ?? ""}`,
+      onClick: e,
+      role: e ? "button" : "status",
+      children: [
+        n && /* @__PURE__ */ c("span", { className: s.icon, children: n }),
+        /* @__PURE__ */ c("span", { className: s.text, children: a })
+      ]
+    }
+  );
+}
+export {
+  p as Badge
+};

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

@@ -1,6 +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 "../../index-BWTAh3RO.js";
+import { d as r, i as o, r as n, s, g as a } from "../../vi.B-PuvDzu-a048kFcX.js";
 import { Box as i } from "./index.js";
+import "../../index-Bgo8MuTU.js";
 r("Box", () => {
   o("renders with default props", () => {
     n(/* @__PURE__ */ t(i, { children: "Content" }));

package/dist/components/Button/Button.test.js

@@ -1,6 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
-import { d as l, i as o, r as n, s as a, g as e, v as c, f as r } from "../../index-BWTAh3RO.js";
+import { d as l, i as o, r as n, s as a, g as e, v as c, f as r } from "../../vi.B-PuvDzu-a048kFcX.js";
 import { Button as i } from "./index.js";
+import "../../index-Bgo8MuTU.js";
 l("Button", () => {
   o('renders with default "primary" variant', () => {
     n(/* @__PURE__ */ s(i, { children: "Click me" }));

package/dist/components/Button/index.js

@@ -1,22 +1,22 @@
 import { jsx as a } from "react/jsx-runtime";
-import '../../assets/index13.css';const c = "_button_v8ol8_1", y = "_primary_v8ol8_21", _ = "_secondary_v8ol8_29", e = "_ghost_v8ol8_37", o = {
+import '../../assets/index13.css';const c = "_button_17sgm_1", m = "_primary_17sgm_21", y = "_secondary_17sgm_29", _ = "_ghost_17sgm_39", t = {
   button: c,
-  primary: y,
-  secondary: _,
-  ghost: e
-}, i = {
-  primary: o.primary,
-  secondary: o.secondary,
-  ghost: o.ghost
+  primary: m,
+  secondary: y,
+  ghost: _
+}, e = {
+  primary: t.primary,
+  secondary: t.secondary,
+  ghost: t.ghost
 };
-function p({
-  variant: t = "primary",
-  className: r,
-  children: s,
+function i({
+  variant: s = "primary",
+  className: o,
+  children: r,
   ...n
 }) {
-  return /* @__PURE__ */ a("button", { className: `${r ?? ""} ${o.button} ${i[t]}`, ...n, children: s });
+  return /* @__PURE__ */ a("button", { className: `${o ?? ""} ${t.button} ${e[s]}`, ...n, children: r });
 }
 export {
-  p as Button
+  i as Button
 };

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

@@ -1,6 +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 "../../index-BWTAh3RO.js";
+import { d as a, i, r, g as n, s as c } from "../../vi.B-PuvDzu-a048kFcX.js";
 import { ButtonGroup as s } from "./index.js";
+import "../../index-Bgo8MuTU.js";
 a("ButtonGroup", () => {
   i("renders children", () => {
     r(

package/dist/components/ButtonGroup/index.js

@@ -1,26 +1,26 @@
-import { jsx as a } from "react/jsx-runtime";
-import '../../assets/index11.css';const l = "_buttonGroup_c695y_1", u = "_vertical_c695y_10", s = "_horizontal_c695y_14", o = {
-  buttonGroup: l,
-  vertical: u,
+import { jsx as l } from "react/jsx-runtime";
+import '../../assets/index11.css';const u = "_buttonGroup_18kpd_1", c = "_vertical_18kpd_6", s = "_horizontal_18kpd_10", o = {
+  buttonGroup: u,
+  vertical: c,
   horizontal: s
 };
-function p({
+function _({
   children: t,
   className: r,
   orientation: n = "horizontal",
   role: e = "group",
-  ...c
+  ...i
 }) {
-  const i = n === "vertical" ? o.vertical : o.horizontal;
-  return /* @__PURE__ */ a(
+  const a = n === "vertical" ? o.vertical : o.horizontal;
+  return /* @__PURE__ */ l(
     "div",
     {
-      className: `${o.buttonGroup} ${i} ${r ?? ""}`,
-      ...c,
+      className: `${o.buttonGroup} ${a} ${r ?? ""}`,
+      ...i,
       children: t
     }
   );
 }
 export {
-  p as ButtonGroup
+  _ as ButtonGroup
 };

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

@@ -1,6 +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 y, f as d } from "../../index-BWTAh3RO.js";
-import { f as h, C as r } from "../../index-DhqFdMqD.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.B-PuvDzu-a048kFcX.js";
+import { f as y, C as r } from "../../index-RF23qrF-.js";
+import "../../index-Bgo8MuTU.js";
 D("Calendar", () => {
   s("renders the current month and year", () => {
     const t = new Date(2025, 4, 15);
@@ -20,14 +21,14 @@ D("Calendar", () => {
     );
     n(e.length).toBeGreaterThanOrEqual(28);
   }), s("calls onSelectDate with the correct date when a day is clicked", () => {
-    const t = new Date(2025, 4, 1), o = y.fn();
+    const t = new Date(2025, 4, 1), o = m.fn();
     l(
       /* @__PURE__ */ c(r, { selectedDate: t, onSelectDate: o })
     );
     const e = a.getAllByRole("button").find((u) => u.textContent === "15");
     n(e).toBeTruthy(), e && d.click(e), n(o).toHaveBeenCalledTimes(1);
     const i = o.mock.calls[0][0];
-    n(h(i, "yyyy-MM-dd")).toBe("2025-05-15");
+    n(y(i, "yyyy-MM-dd")).toBe("2025-05-15");
   }), s("navigates to previous and next months", () => {
     const t = new Date(2025, 4, 1);
     l(/* @__PURE__ */ c(r, { selectedDate: t, onSelectDate: () => {

package/dist/components/Calendar/index.js

@@ -1,7 +1,9 @@
 import "react/jsx-runtime";
 import "react";
 import "../IconButton/index.js";
-import { C as a } from "../../index-DhqFdMqD.js";
+import "../Tabs/index.js";
+import { C as e } from "../../index-RF23qrF-.js";
+import "../../arrow-right-CnuUc2oD.js";
 export {
-  a as Calendar
+  e as Calendar
 };

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

@@ -0,0 +1,49 @@
+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.B-PuvDzu-a048kFcX.js";
+import { Card as i } from "./index.js";
+import "../../index-Bgo8MuTU.js";
+l("Card", () => {
+  n("renders with title, content and footer", () => {
+    r(
+      /* @__PURE__ */ o(
+        i,
+        {
+          title: "Test Title",
+          content: "Test Content",
+          footer: /* @__PURE__ */ o("button", { children: "Footer Button" })
+        }
+      )
+    ), t(e.getByText("Test Title")).toBeInTheDocument(), t(e.getByText("Test Content")).toBeInTheDocument(), t(
+      e.getByRole("button", { name: /footer button/i })
+    ).toBeInTheDocument();
+  }), n("calls onClick when card is clicked", () => {
+    const s = a.fn();
+    r(
+      /* @__PURE__ */ o(
+        i,
+        {
+          title: "Test Title",
+          content: "Test Content",
+          footer: /* @__PURE__ */ o("button", { children: "Footer Button" }),
+          onClick: s
+        }
+      )
+    ), d.click(e.getByText("Test Title")), t(s).toHaveBeenCalledTimes(1);
+  }), n("does not render title if not provided", () => {
+    r(
+      /* @__PURE__ */ o(i, { content: "Test Content", footer: /* @__PURE__ */ o("button", { children: "Footer Button" }) })
+    ), t(e.queryByRole("heading")).not.toBeInTheDocument(), t(e.getByText("Test Content")).toBeInTheDocument();
+  }), n("does not render content if not provided", () => {
+    r(/* @__PURE__ */ o(i, { title: "Test Title", footer: /* @__PURE__ */ o("button", { children: "Footer Button" }) })), t(e.getByRole("button")).toBeInTheDocument(), t(e.queryByText("Test Content")).not.toBeInTheDocument();
+  }), n("does not render footer if not provided", () => {
+    r(/* @__PURE__ */ o(i, { title: "Test Title" })), t(e.getByRole("presentation")).toBeInTheDocument(), t(e.queryByRole("button")).not.toBeInTheDocument();
+  }), n("renders with the outlined variant", () => {
+    r(/* @__PURE__ */ o(i, { title: "Test Title", variant: "outlined" }));
+    const s = e.getByRole("presentation");
+    t(s).toHaveClass("outlined");
+  }), n("renders with the shadow variant", () => {
+    r(/* @__PURE__ */ o(i, { title: "Test Title", variant: "shadow" }));
+    const s = e.getByRole("presentation");
+    t(s).toHaveClass("shadow");
+  });
+});

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

@@ -0,0 +1,11 @@
+const a = {
+  card: "card",
+  default: "default",
+  outlined: "outlined",
+  shadow: "shadow",
+  imageTop: "imageTop",
+  imageBackground: "imageBackground"
+};
+export {
+  a as default
+};

package/dist/components/Card/index.js

@@ -0,0 +1,77 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { Heading as t } from "../Heading/index.js";
+import "react";
+import "../Tabs/index.js";
+import '../../assets/index21.css';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 = {
+  card: g,
+  clickable: u,
+  default: "_default_7amar_23",
+  outlined: h,
+  shadow: k,
+  imageTop: v,
+  imageContainer: p,
+  image: f,
+  content: B,
+  imageBackground: N,
+  imageBackgroundContainer: C,
+  backgroundImage: b,
+  overlay: x,
+  text: T,
+  footer: w
+}, y = {
+  default: a.default,
+  outlined: a.outlined,
+  shadow: a.shadow,
+  imageTop: a.imageTop,
+  imageBackground: a.imageBackground
+};
+function M({
+  title: n,
+  content: r,
+  footer: c,
+  imageSrc: i,
+  imageAlt: m = "Card image",
+  onClick: s,
+  variant: d = "default",
+  clickable: l = !1,
+  className: _
+}) {
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: `${a.card} ${y[d]} ${l ? a.clickable : ""} ${_ ?? ""}`,
+      onClick: s,
+      role: s ? "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: [
+          /* @__PURE__ */ e(
+            "img",
+            {
+              src: i,
+              alt: m,
+              className: a.backgroundImage
+            }
+          ),
+          /* @__PURE__ */ o("div", { className: a.overlay, children: [
+            /* @__PURE__ */ o("div", { children: [
+              n && /* @__PURE__ */ e(t, { level: 3, children: n }),
+              r && /* @__PURE__ */ e("div", { className: a.text, children: r })
+            ] }),
+            c && /* @__PURE__ */ e("div", { className: a.footer, children: c })
+          ] })
+        ] }),
+        d !== "imageBackground" && /* @__PURE__ */ o("div", { className: a.content, children: [
+          /* @__PURE__ */ o("div", { children: [
+            n && /* @__PURE__ */ e(t, { level: 3, children: n }),
+            r && /* @__PURE__ */ e("div", { className: a.text, children: r })
+          ] }),
+          c && /* @__PURE__ */ e("div", { className: a.footer, children: c })
+        ] })
+      ]
+    }
+  );
+}
+export {
+  M as Card
+};

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

@@ -0,0 +1,41 @@
+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.B-PuvDzu-a048kFcX.js";
+import { Carousel as l } from "./index.js";
+import "../../index-Bgo8MuTU.js";
+const c = [
+  /* @__PURE__ */ n("div", { children: "Slide 1" }, "1"),
+  /* @__PURE__ */ n("div", { children: "Slide 2" }, "2"),
+  /* @__PURE__ */ n("div", { children: "Slide 3" }, "3"),
+  /* @__PURE__ */ n("div", { children: "Slide 4" }, "4"),
+  /* @__PURE__ */ n("div", { children: "Slide 5" }, "5"),
+  /* @__PURE__ */ n("div", { children: "Slide 6" }, "6")
+];
+h("Carousel", () => {
+  beforeEach(() => {
+    d.useFakeTimers();
+  }), afterEach(() => {
+    d.useRealTimers();
+  }), s("renders the correct number of slides", () => {
+    a(/* @__PURE__ */ n(l, { items: c })), i(t.getByText("Slide 1")).toBeInTheDocument(), i(t.getByText("Slide 6")).toBeInTheDocument();
+  }), s("shows the correct number of indicators based on visible slides", () => {
+    window.innerWidth = 1024, window.dispatchEvent(new Event("resize")), a(/* @__PURE__ */ n(l, { items: c }));
+    const e = t.getAllByRole("button", { name: /Go to group/i });
+    i(e).toHaveLength(2);
+  }), s("advances to the next group on the next button click", () => {
+    window.innerWidth = 1024, window.dispatchEvent(new Event("resize")), a(/* @__PURE__ */ n(l, { items: c }));
+    const e = t.getByRole("list"), o = t.getByLabelText("Next slide");
+    i(e).toHaveStyle({ transform: "translateX(-0%)" }), r.click(o), i(e).toHaveStyle({ transform: "translateX(-100%)" });
+  }), s("does not advance past the last group if autoplay is false", () => {
+    window.innerWidth = 1024, window.dispatchEvent(new Event("resize")), a(/* @__PURE__ */ n(l, { items: c, autoPlay: !1 }));
+    const e = t.getByRole("list"), o = t.getByLabelText("Next slide");
+    r.click(o), i(e).toHaveStyle({ transform: "translateX(-100%)" }), r.click(o), i(e).toHaveStyle({ transform: "translateX(-100%)" });
+  }), s("advances to the previous group on the previous button click", () => {
+    window.innerWidth = 1024, window.dispatchEvent(new Event("resize")), a(/* @__PURE__ */ n(l, { items: c }));
+    const e = t.getByRole("list"), o = t.getByLabelText("Next slide"), v = t.getByLabelText("Previous slide");
+    r.click(o), i(e).toHaveStyle({ transform: "translateX(-100%)" }), r.click(v), i(e).toHaveStyle({ transform: "translateX(-0%)" });
+  }), s("centers the active card and shows cards peeking on mobile", () => {
+    window.innerWidth = 375, window.dispatchEvent(new Event("resize")), a(/* @__PURE__ */ n(l, { items: c }));
+    const e = t.getByRole("list"), o = t.getByLabelText("Next slide");
+    i(e).toHaveStyle({ transform: "translateX(calc(-0% + 10%))" }), r.click(o), i(e).toHaveStyle({ transform: "translateX(calc(-80% + 10%))" });
+  });
+});

package/dist/components/Carousel/index.js

@@ -0,0 +1,96 @@
+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/index30.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
+};
+function J({
+  items: c,
+  autoPlay: i = !1,
+  autoPlayInterval: b = 3e3,
+  className: f
+}) {
+  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);
+  }, []);
+  u(() => (a(), window.addEventListener("resize", a), () => window.removeEventListener("resize", a)), [a]);
+  const h = () => {
+    (i || !g) && l(
+      (t) => t < c.length - n ? t + n : t
+    );
+  }, x = () => {
+    (i || !$) && l((t) => t > 0 ? t - n : 0);
+  }, k = (t) => {
+    l(t * n);
+  };
+  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}%)`;
+  };
+  return /* @__PURE__ */ _("div", { className: `${e.carousel} ${f ?? ""}`, children: [
+    /* @__PURE__ */ r(
+      "div",
+      {
+        className: e.track,
+        style: { transform: W() },
+        role: "list",
+        children: c.map((t, o) => /* @__PURE__ */ r("div", { className: e.slide, children: t }, o))
+      }
+    ),
+    /* @__PURE__ */ _("div", { className: e.controls, children: [
+      /* @__PURE__ */ r("div", { className: e.indicators, children: Array.from({ length: p }).map((t, o) => /* @__PURE__ */ r(
+        "button",
+        {
+          className: `${e.indicator} ${o === Math.floor(s / n) ? e.active : ""}`,
+          onClick: () => k(o),
+          "aria-label": `Go to group ${o + 1}`
+        },
+        o
+      )) }),
+      /* @__PURE__ */ _("div", { className: e.buttons, children: [
+        /* @__PURE__ */ r(
+          "button",
+          {
+            className: `${e.prev} ${!i && s === 0 ? e.disabled : ""}`,
+            onClick: x,
+            "aria-label": "Previous slide",
+            disabled: !i && s === 0,
+            children: /* @__PURE__ */ r(I, {})
+          }
+        ),
+        /* @__PURE__ */ r(
+          "button",
+          {
+            className: `${e.next} ${!i && s >= c.length - n ? e.disabled : ""}`,
+            onClick: h,
+            "aria-label": "Next slide",
+            disabled: !i && s >= c.length - n,
+            children: /* @__PURE__ */ r(M, {})
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+export {
+  J as Carousel
+};

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

@@ -1,6 +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 "../../index-BWTAh3RO.js";
+import { d as n, i as b, r as s, g as c, s as o, v as h } from "../../vi.B-PuvDzu-a048kFcX.js";
 import { Checkbox as a } from "./index.js";
+import "../../index-Bgo8MuTU.js";
 n("Checkbox", () => {
   b("renders correctly", () => {
     s(

package/dist/components/Checkbox/index.js

@@ -1,39 +1,40 @@
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { jsxs as m, jsx as l } from "react/jsx-runtime";
 import "react";
+import "../Tabs/index.js";
 import { Label as x } from "../Label/index.js";
-import '../../assets/index23.css';const b = "_wrapper_zxmf0_1", n = "_checkbox_zxmf0_7", h = "_label_zxmf0_29", e = {
+import '../../assets/index37.css';const b = "_wrapper_zxmf0_1", n = "_checkbox_zxmf0_7", h = "_label_zxmf0_29", e = {
   wrapper: b,
   checkbox: n,
   label: h
 };
-function i({
+function w({
   id: c,
   name: a,
   label: s,
   disabled: o = !1,
-  required: l = !1,
+  required: r = !1,
   className: p,
   ...t
 }) {
   return /* @__PURE__ */ m("div", { className: `${e.wrapper} ${p ?? ""}`, children: [
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ l(
       "input",
       {
         type: "checkbox",
         id: c,
         name: a,
         disabled: o,
-        required: l,
+        required: r,
         className: e.checkbox,
         ...t
       }
     ),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ l(
       x,
       {
         htmlFor: c,
         disabled: o,
-        required: l,
+        required: r,
         className: e.label,
         children: s
       }
@@ -41,5 +42,5 @@ function i({
   ] });
 }
 export {
-  i as Checkbox
+  w as Checkbox
 };

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

@@ -1,6 +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 "../../index-BWTAh3RO.js";
+import { d as c, i as t, r as i, g as n, s as o } from "../../vi.B-PuvDzu-a048kFcX.js";
 import { Container as a } from "./index.js";
+import "../../index-Bgo8MuTU.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,7 +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 "../../index-BWTAh3RO.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.B-PuvDzu-a048kFcX.js";
 import { DatePicker as o } from "./index.js";
-import { f as u } from "../../index-DhqFdMqD.js";
+import "../../index-Bgo8MuTU.js";
+import { f as u } from "../../index-RF23qrF-.js";
 r.mock("../Calendar", () => ({
   Calendar: ({ onSelectDate: e }) => /* @__PURE__ */ n(
     "button",