quirk-ui 0.0.6 → 0.0.7

package/dist/components/Notification/index.js

@@ -0,0 +1,61 @@
+import { jsxs as x, jsx as n } from "react/jsx-runtime";
+import { useState as m, useEffect as l } from "react";
+import { X as g } from "../../x-CnsEH4Ox.js";
+import '../../assets/index27.css';const p = "_notification_1txoc_1", T = "_exiting_1txoc_23", w = "_info_1txoc_27", h = "_success_1txoc_32", B = "_warning_1txoc_37", $ = "_error_1txoc_42", d = "_closeButton_1txoc_47", i = {
+  notification: p,
+  exiting: T,
+  info: w,
+  success: h,
+  warning: B,
+  error: $,
+  closeButton: d
+}, E = {
+  info: i.info,
+  success: i.success,
+  warning: i.warning,
+  error: i.error
+};
+function v({
+  message: e,
+  variant: o = "info",
+  duration: c = 3e3,
+  onClose: t,
+  className: r
+}) {
+  const [a, s] = m(!1);
+  l(() => {
+    const u = setTimeout(() => {
+      s(!0);
+    }, c - 300), f = setTimeout(() => {
+      t == null || t();
+    }, c);
+    return () => {
+      clearTimeout(u), clearTimeout(f);
+    };
+  }, [c, t]);
+  const _ = () => {
+    s(!0), t == null || t();
+  };
+  return /* @__PURE__ */ x(
+    "div",
+    {
+      className: `${i.notification} ${E[o]} ${a ? i.exiting : ""} ${r ?? ""}`,
+      role: "alert",
+      children: [
+        /* @__PURE__ */ n("span", { children: e }),
+        /* @__PURE__ */ n(
+          "button",
+          {
+            className: i.closeButton,
+            onClick: _,
+            "aria-label": "Close",
+            children: /* @__PURE__ */ n(g, { size: 20 })
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  v as Notification
+};

package/dist/components/NotificationContainer/NotificationContainer.test.js

@@ -0,0 +1,28 @@
+import { jsx as e } from "react/jsx-runtime";
+import { d as r, i as n, r as s, s as t, g as o } from "../../vi.B-PuvDzu-a048kFcX.js";
+import { NotificationContainer as a } from "./index.js";
+r("NotificationContainer", () => {
+  const i = [
+    {
+      id: "1",
+      message: "Notification 1",
+      variant: "info",
+      onClose: () => {
+      }
+    },
+    {
+      id: "2",
+      message: "Notification 2",
+      variant: "success",
+      onClose: () => {
+      }
+    }
+  ];
+  n("renders the correct number of notifications", () => {
+    s(/* @__PURE__ */ e(a, { notifications: i }));
+    const c = t.getAllByRole("button");
+    o(c.length).toBe(2);
+  }), n("displays the correct notification messages", () => {
+    s(/* @__PURE__ */ e(a, { notifications: i })), o(t.getByText("Notification 1")).toBeInTheDocument(), o(t.getByText("Notification 2")).toBeInTheDocument();
+  });
+});

package/dist/components/NotificationContainer/index.js

@@ -0,0 +1,15 @@
+import { jsx as t } from "react/jsx-runtime";
+import "react";
+import { Notification as n } from "../Notification/index.js";
+import "../Tabs/index.js";
+import '../../assets/index28.css';const r = "_container_61msx_1", c = {
+  container: r
+};
+function p({
+  notifications: i
+}) {
+  return /* @__PURE__ */ t("div", { className: c.container, children: i.map((o) => /* @__PURE__ */ t(n, { ...o }, o.id)) });
+}
+export {
+  p as NotificationContainer
+};

package/dist/components/ProgressBar/ProgressBar.test.js

@@ -0,0 +1,24 @@
+import { jsx as s } from "react/jsx-runtime";
+import { d as p, i as t, r as o, s as a, g as e } from "../../vi.B-PuvDzu-a048kFcX.js";
+import { ProgressBar as g } from "./index.js";
+p("ProgressBar", () => {
+  t("renders the progress bar with the correct progress", () => {
+    o(/* @__PURE__ */ s(g, { progress: 50 }));
+    const r = a.getByRole("progressbar");
+    e(r).toHaveAttribute("aria-valuenow", "50"), e(r).toHaveStyle({ width: "50%" });
+  }), t("clamps the progress to a maximum of 100", () => {
+    o(/* @__PURE__ */ s(g, { progress: 120 }));
+    const r = a.getByRole("progressbar");
+    e(r).toHaveAttribute("aria-valuenow", "100"), e(r).toHaveStyle({ width: "100%" });
+  }), t("clamps the progress to a minimum of 0", () => {
+    o(/* @__PURE__ */ s(g, { progress: -20 }));
+    const r = a.getByRole("progressbar");
+    e(r).toHaveAttribute("aria-valuenow", "0"), e(r).toHaveStyle({ width: "0%" });
+  }), t("renders the label when showLabel is true", () => {
+    o(/* @__PURE__ */ s(g, { progress: 20, showLabel: !0 })), e(a.getByText("20%")).toBeInTheDocument();
+  }), t("applies the correct variant class", () => {
+    o(/* @__PURE__ */ s(g, { progress: 40, variant: "danger" }));
+    const r = a.getByRole("progressbar").parentElement;
+    e(r).toHaveClass("danger");
+  });
+});

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

@@ -0,0 +1,9 @@
+const s = {
+  primary: "primary",
+  success: "success",
+  warning: "warning",
+  danger: "danger"
+};
+export {
+  s as default
+};

package/dist/components/ProgressBar/index.js

@@ -0,0 +1,50 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import '../../assets/index29.css';const c = "_progressBarContainer_a1m8u_1", m = "_progressBar_a1m8u_1", t = "_fill_a1m8u_18", _ = "_primary_a1m8u_29", g = "_success_a1m8u_33", p = "_warning_a1m8u_37", u = "_danger_a1m8u_41", d = "_label_a1m8u_45", r = {
+  progressBarContainer: c,
+  progressBar: m,
+  fill: t,
+  primary: _,
+  success: g,
+  warning: p,
+  danger: u,
+  label: d
+}, B = {
+  primary: r.primary,
+  success: r.success,
+  warning: r.warning,
+  danger: r.danger
+};
+function f({
+  progress: n,
+  variant: i = "primary",
+  showLabel: l = !1,
+  className: o
+}) {
+  const a = Math.min(100, Math.max(0, n));
+  return /* @__PURE__ */ s("div", { className: r.progressBarContainer, children: [
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: `${r.progressBar} ${B[i]} ${o ?? ""}`,
+        children: /* @__PURE__ */ e(
+          "div",
+          {
+            className: r.fill,
+            style: { width: `${a}%` },
+            role: "progressbar",
+            "aria-valuenow": a,
+            "aria-valuemin": 0,
+            "aria-valuemax": 100
+          }
+        )
+      }
+    ),
+    l && /* @__PURE__ */ s("span", { className: r.label, children: [
+      a,
+      "%"
+    ] })
+  ] });
+}
+export {
+  f as ProgressBar
+};

package/dist/components/Radio/Radio.test.js

@@ -1,15 +1,16 @@
 import { jsx as a } from "react/jsx-runtime";
-import { d as l, i, r as n, g as o, s as t, v as r } from "../../index-BWTAh3RO.js";
-import { Radio as s } from "./index.js";
-l("Radio", () => {
+import { d as s, i, r as n, g as o, s as t, v as l } from "../../vi.B-PuvDzu-a048kFcX.js";
+import { Radio as r } from "./index.js";
+import "../../index-Bgo8MuTU.js";
+s("Radio", () => {
   i("renders correctly", () => {
     n(
-      /* @__PURE__ */ a(s, { id: "option1", name: "testOptions", value: "1", label: "Option 1" })
+      /* @__PURE__ */ a(r, { id: "option1", name: "testOptions", value: "1", label: "Option 1" })
     ), o(t.getByRole("radio")).toBeInTheDocument(), o(t.getByLabelText("Option 1")).toBeInTheDocument();
   }), i("can be disabled", () => {
     n(
       /* @__PURE__ */ a(
-        s,
+        r,
         {
           id: "option2",
           name: "testOptions",
@@ -22,10 +23,10 @@ l("Radio", () => {
     const e = t.getByRole("radio");
     o(e).toBeDisabled();
   }), i("fires onChange event", () => {
-    const e = r.fn();
+    const e = l.fn();
     n(
       /* @__PURE__ */ a(
-        s,
+        r,
         {
           id: "option3",
           name: "testOptions",

package/dist/components/Radio/index.js

@@ -1,35 +1,35 @@
-import { jsxs as n, jsx as l } from "react/jsx-runtime";
+import { jsxs as n, jsx as o } from "react/jsx-runtime";
 import { Label as _ } from "../Label/index.js";
-import '../../assets/index9.css';const m = "_wrapper_1s0a7_1", d = "_radio_1s0a7_7", f = "_label_1s0a7_29", a = {
+import '../../assets/index36.css';const m = "_wrapper_1p7l5_1", d = "_radio_1p7l5_7", f = "_label_1p7l5_29", a = {
   wrapper: m,
   radio: d,
   label: f
 };
 function h({
   id: r,
-  name: o,
-  value: p,
+  name: p,
+  value: s,
   label: t,
-  disabled: s = !1,
+  disabled: l = !1,
   required: e = !1,
   className: c,
   ...i
 }) {
   return /* @__PURE__ */ n("div", { className: `${a.wrapper} ${c ?? ""}`, children: [
-    /* @__PURE__ */ l(
+    /* @__PURE__ */ o(
       "input",
       {
         type: "radio",
         id: r,
-        name: o,
-        value: p,
-        disabled: s,
+        name: p,
+        value: s,
+        disabled: l,
         required: e,
         className: a.radio,
         ...i
       }
     ),
-    /* @__PURE__ */ l(_, { htmlFor: r, disabled: s, required: e, className: a.label, children: t })
+    /* @__PURE__ */ o(_, { htmlFor: r, disabled: l, required: e, className: a.label, children: t })
   ] });
 }
 export {

package/dist/components/Range/Range.test.js

@@ -1,13 +1,14 @@
 import { jsx as r } from "react/jsx-runtime";
-import { d as g, i as l, r as n, g as e, s as a, v as i, f as m } from "../../index-BWTAh3RO.js";
+import { d as i, i as l, r as n, g as e, s as a, v as m, f as g } from "../../vi.B-PuvDzu-a048kFcX.js";
 import { Range as s } from "./index.js";
-g("Range", () => {
+import "../../index-Bgo8MuTU.js";
+i("Range", () => {
   l("renders with a label and value", () => {
     n(
       /* @__PURE__ */ r(s, { label: "Volume", name: "volume", defaultValue: 30, min: 0, max: 100 })
     ), e(a.getByLabelText("Volume")).toBeInTheDocument(), e(a.getByText("30")).toBeInTheDocument();
   }), l("calls onChange when value changes", () => {
-    const t = i.fn();
+    const t = m.fn();
     n(
       /* @__PURE__ */ r(
         s,
@@ -22,7 +23,7 @@ g("Range", () => {
       )
     );
     const o = a.getByLabelText("Progress");
-    m.change(o, { target: { value: "70" } }), e(t).toHaveBeenCalled();
+    g.change(o, { target: { value: "70" } }), e(t).toHaveBeenCalled();
   }), l("shows error message if error prop is set", () => {
     n(
       /* @__PURE__ */ r(

package/dist/components/Range/index.js

@@ -1,7 +1,8 @@
 import { jsxs as d, jsx as e } from "react/jsx-runtime";
 import { useState as M, useEffect as $ } from "react";
+import "../Tabs/index.js";
 import { Label as I } from "../Label/index.js";
-import '../../assets/index8.css';const j = "_wrapper_7toxm_1", y = "_trackContainer_7toxm_7", E = "_track_7toxm_7", S = "_value_7toxm_44", b = "_error_7toxm_52", F = "_errorMessage_7toxm_56", s = {
+import '../../assets/index41.css';const j = "_wrapper_7toxm_1", y = "_trackContainer_7toxm_7", E = "_track_7toxm_7", S = "_value_7toxm_44", b = "_error_7toxm_52", F = "_errorMessage_7toxm_56", s = {
   wrapper: j,
   trackContainer: y,
   track: E,
@@ -9,8 +10,8 @@ import '../../assets/index8.css';const j = "_wrapper_7toxm_1", y = "_trackContai
   error: b,
   errorMessage: F
 };
-function h({
-  label: i,
+function q({
+  label: n,
   id: v,
   value: c,
   defaultValue: o,
@@ -22,11 +23,11 @@ function h({
   tooltip: N,
   ...a
 }) {
-  const [u, m] = M(), n = c != null, _ = v ?? a.name ?? `slider-${Math.random().toString(36).slice(2)}`, l = n ? c : u;
+  const [u, m] = M(), i = c != null, _ = v ?? a.name ?? `slider-${Math.random().toString(36).slice(2)}`, p = i ? c : u;
   return $(() => {
-    n || (r == null || r(o ?? 0), m(o));
+    i || (r == null || r(o ?? 0), m(o));
   }, [o]), /* @__PURE__ */ d("div", { className: `${s.wrapper} ${x ?? ""}`, children: [
-    i && /* @__PURE__ */ e(
+    n && /* @__PURE__ */ e(
       I,
       {
         htmlFor: _,
@@ -35,7 +36,7 @@ function h({
         intent: t ? "error" : "default",
         tooltip: N,
         showErrorIcon: !!t,
-        children: i
+        children: n
       }
     ),
     /* @__PURE__ */ d("div", { className: s.trackContainer, children: [
@@ -46,19 +47,19 @@ function h({
           type: "range",
           className: `${s.track} ${t ? s.error : ""}`,
           "aria-invalid": !!t,
-          value: l ?? 0,
+          value: p ?? 0,
           onChange: (w) => {
-            const p = Number(w.target.value);
-            n || m(p), r == null || r(p);
+            const l = Number(w.target.value);
+            i || m(l), r == null || r(l);
           },
           ...a
         }
       ),
-      /* @__PURE__ */ e("span", { className: s.value, children: l })
+      /* @__PURE__ */ e("span", { className: s.value, children: p })
     ] }),
     t && /* @__PURE__ */ e("div", { className: s.errorMessage, children: t })
   ] });
 }
 export {
-  h as Range
+  q as Range
 };

package/dist/components/Select/Select.test.js

@@ -1,7 +1,8 @@
 import { jsx as l } from "react/jsx-runtime";
-import { d as i, i as n, r as s, g as o, s as a, v as r, f as m } from "../../index-BWTAh3RO.js";
+import { d as r, i as n, r as s, g as o, s as a, v as b, f as m } from "../../vi.B-PuvDzu-a048kFcX.js";
 import { Select as c } from "./index.js";
-i("Select", () => {
+import "../../index-Bgo8MuTU.js";
+r("Select", () => {
   const t = [
     { label: "Option A", value: "a" },
     { label: "Option B", value: "b" },
@@ -14,7 +15,7 @@ i("Select", () => {
       ({ label: e }) => o(a.getByRole("option", { name: e })).toBeInTheDocument()
     );
   }), n("calls onChange handler", () => {
-    const e = r.fn();
+    const e = b.fn();
     s(
       /* @__PURE__ */ l(
         c,
@@ -27,8 +28,8 @@ i("Select", () => {
         }
       )
     );
-    const b = a.getByRole("combobox");
-    m.change(b, { target: { value: "b" } }), o(e).toHaveBeenCalled();
+    const i = a.getByRole("combobox");
+    m.change(i, { target: { value: "b" } }), o(e).toHaveBeenCalled();
   }), n("respects default value", () => {
     s(
       /* @__PURE__ */ l(

package/dist/components/Select/index.js

@@ -1,14 +1,15 @@
 import { jsxs as n, jsx as l } from "react/jsx-runtime";
 import "react";
+import "../Tabs/index.js";
 import { Label as d } from "../Label/index.js";
-import '../../assets/index7.css';const _ = "_wrapper_3s7ns_1", f = "_select_3s7ns_7", a = {
+import '../../assets/index38.css';const _ = "_wrapper_3s7ns_1", f = "_select_3s7ns_7", a = {
   wrapper: _,
   select: f
 };
-function j({
-  id: s,
+function N({
+  id: r,
   name: o,
-  label: r,
+  label: s,
   options: p,
   defaultValue: i,
   required: t = !1,
@@ -18,11 +19,11 @@ function j({
   ...u
 }) {
   return /* @__PURE__ */ n("div", { className: `${a.wrapper} ${h ?? ""}`, children: [
-    r && /* @__PURE__ */ l(d, { htmlFor: s, required: t, disabled: c, children: r }),
+    s && /* @__PURE__ */ l(d, { htmlFor: r, required: t, disabled: c, children: s }),
     /* @__PURE__ */ n(
       "select",
       {
-        id: s,
+        id: r,
         name: o,
         defaultValue: i,
         required: t,
@@ -39,5 +40,5 @@ function j({
   ] });
 }
 export {
-  j as Select
+  N as Select
 };

package/dist/components/Skeleton/Skeleton.test.js

@@ -0,0 +1,26 @@
+import { jsx as o } from "react/jsx-runtime";
+import { d as n, i as r, r as i, s as a, g as t } from "../../vi.B-PuvDzu-a048kFcX.js";
+import { Skeleton as s } from "./index.js";
+n("Skeleton", () => {
+  r("render a default rectangle skeleton", () => {
+    i(/* @__PURE__ */ o(s, {}));
+    const e = a.getByRole("presentation");
+    t(e).toBeInTheDocument(), t(e).toHaveStyle({ width: "100%", height: "16px" });
+  }), r("render a default rectangle skeleton", () => {
+    i(/* @__PURE__ */ o(s, { variant: "circle", width: "50px", height: "50px" }));
+    const e = a.getByRole("presentation");
+    t(e).toHaveClass("circle"), t(e).toHaveStyle({
+      width: "50px",
+      height: "50px",
+      borderRadius: "50%"
+    });
+  }), r("applies custom width, height and borderRadius", () => {
+    i(/* @__PURE__ */ o(s, { width: "200px", height: "60px", borderRadius: "6px" }));
+    const e = a.getByRole("presentation");
+    t(e).toHaveStyle({
+      width: "200px",
+      height: "60px",
+      borderRadius: "6px"
+    });
+  });
+});

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

@@ -0,0 +1,8 @@
+const e = {
+  text: "text",
+  circle: "circle",
+  rectangle: "rectangle"
+};
+export {
+  e as default
+};

package/dist/components/Skeleton/index.js

@@ -0,0 +1,34 @@
+import { jsx as s } from "react/jsx-runtime";
+import '../../assets/index10.css';const o = "_skeleton_u21vc_1", a = "_text_u21vc_16", _ = "_circle_u21vc_22", i = "_rectangle_u21vc_27", e = {
+  skeleton: o,
+  text: a,
+  circle: _,
+  rectangle: i
+}, x = {
+  text: e.text,
+  circle: e.circle,
+  rectangle: e.rectangle
+};
+function g({
+  width: c = "100%",
+  height: l = "16px",
+  borderRadius: n = "4px",
+  variant: t = "rectangle",
+  className: r
+}) {
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: `${e.skeleton} ${x[t]}  ${r ?? ""}`,
+      style: {
+        width: c,
+        height: l,
+        borderRadius: t === "circle" ? "50%" : n
+      },
+      role: "presentation"
+    }
+  );
+}
+export {
+  g as Skeleton
+};

package/dist/components/Spacer/Spacer.test.js

@@ -1,6 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
-import { d as i, i as e, r as a, g as t } from "../../index-BWTAh3RO.js";
+import { d as i, i as e, r as a, g as t } from "../../vi.B-PuvDzu-a048kFcX.js";
 import { Spacer as c } from "./index.js";
+import "../../index-Bgo8MuTU.js";
 i("Spacer", () => {
   e("renders with default props", () => {
     const { container: s } = a(/* @__PURE__ */ r(c, {}));

package/dist/components/Spacer/index.js

@@ -1,5 +1,5 @@
 import { jsx as c } from "react/jsx-runtime";
-import '../../assets/index6.css';const r = "_spacer_1pz5u_1", _ = "_horizontal_1pz5u_6", n = "_vertical_1pz5u_11", i = "_sm_1pz5u_16", p = "_md_1pz5u_21", e = "_lg_1pz5u_26", m = "_xl_1pz5u_31", s = {
+import '../../assets/index9.css';const r = "_spacer_1pz5u_1", _ = "_horizontal_1pz5u_6", n = "_vertical_1pz5u_11", i = "_sm_1pz5u_16", p = "_md_1pz5u_21", e = "_lg_1pz5u_26", m = "_xl_1pz5u_31", s = {
   spacer: r,
   horizontal: _,
   vertical: n,

package/dist/components/Spinner/Spinner.test.js

@@ -0,0 +1,18 @@
+import { jsx as e } from "react/jsx-runtime";
+import { d as l, i as r, r as t, s as o, g as a } from "../../vi.B-PuvDzu-a048kFcX.js";
+import { Spinner as c } from "./index.js";
+l("Spinner", () => {
+  r("renders with 10 prongs", () => {
+    t(/* @__PURE__ */ e(c, {}));
+    const s = o.getByRole("status").querySelectorAll(".prong");
+    a(s.length).toBe(10);
+  }), r("applies the correct size class", () => {
+    t(/* @__PURE__ */ e(c, { size: "large" }));
+    const s = o.getByRole("status");
+    a(s).toHaveClass("large");
+  }), r("applies the correct color class", () => {
+    t(/* @__PURE__ */ e(c, { color: "success" }));
+    const s = o.getByRole("status");
+    a(s).toHaveClass("success");
+  });
+});

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

@@ -0,0 +1,12 @@
+const s = {
+  primary: "primary",
+  success: "success",
+  warning: "warning",
+  danger: "danger",
+  small: "small",
+  medium: "medium",
+  large: "large"
+};
+export {
+  s as default
+};

package/dist/components/Spinner/index.js

@@ -0,0 +1,39 @@
+import { jsx as r } from "react/jsx-runtime";
+import '../../assets/index8.css';const i = "_spinner_sf4mt_1", t = "_small_sf4mt_8", _ = "_medium_sf4mt_13", c = "_large_sf4mt_18", l = "_prong_sf4mt_23", o = "_primary_sf4mt_34", g = "_success_sf4mt_38", p = "_warning_sf4mt_42", d = "_danger_sf4mt_46", s = {
+  spinner: i,
+  small: t,
+  medium: _,
+  large: c,
+  prong: l,
+  primary: o,
+  success: g,
+  warning: p,
+  danger: d
+}, u = {
+  small: s.small,
+  medium: s.medium,
+  large: s.large
+}, f = {
+  primary: s.primary,
+  success: s.success,
+  warning: s.warning,
+  danger: s.danger
+};
+function $({
+  size: n = "medium",
+  color: a = "primary",
+  className: m
+}) {
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: `${s.spinner} ${u[n]} ${f[a]} ${m ?? ""}`,
+      role: "status",
+      "aria-label": "Loading",
+      children: Array.from({ length: 10 }).map((y, e) => /* @__PURE__ */ r("div", { className: s.prong }, e))
+    }
+  );
+}
+export {
+  $ as Spinner
+};

package/dist/components/Stack/Stack.test.js

@@ -1,6 +1,7 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { d as l, i as s, r as n, g as t, s as d } from "../../index-BWTAh3RO.js";
+import { d as l, i as s, r as n, g as t, s as d } from "../../vi.B-PuvDzu-a048kFcX.js";
 import { Stack as a } from "./index.js";
+import "../../index-Bgo8MuTU.js";
 l("Stack", () => {
   s("renders children", () => {
     n(

package/dist/components/Stack/index.js

@@ -1,5 +1,5 @@
 import { jsx as p } from "react/jsx-runtime";
-import '../../assets/index5.css';const g = "_stack_134u6_1", y = "_vertical_134u6_5", f = "_horizontal_134u6_9", S = "_wrap_134u6_13", j = "_gapSm_134u6_18", d = "_gapMd_134u6_22", v = "_gapLg_134u6_26", C = "_alignStart_134u6_31", E = "_alignCenter_134u6_35", h = "_alignEnd_134u6_39", m = "_alignStretch_134u6_43", w = "_justifyStart_134u6_48", M = "_justifyCenter_134u6_52", k = "_justifyEnd_134u6_56", z = "_justifySpaceBetween_134u6_60", B = "_justifySpaceAround_134u6_64", A = "_justifySpaceEvenly_134u6_68", t = {
+import '../../assets/index7.css';const g = "_stack_134u6_1", y = "_vertical_134u6_5", f = "_horizontal_134u6_9", S = "_wrap_134u6_13", j = "_gapSm_134u6_18", d = "_gapMd_134u6_22", v = "_gapLg_134u6_26", C = "_alignStart_134u6_31", E = "_alignCenter_134u6_35", h = "_alignEnd_134u6_39", m = "_alignStretch_134u6_43", w = "_justifyStart_134u6_48", M = "_justifyCenter_134u6_52", k = "_justifyEnd_134u6_56", z = "_justifySpaceBetween_134u6_60", B = "_justifySpaceAround_134u6_64", A = "_justifySpaceEvenly_134u6_68", t = {
   stack: g,
   vertical: y,
   horizontal: f,

package/dist/components/Switch/Switch.test.js

@@ -1,7 +1,8 @@
 import { jsx as e } from "react/jsx-runtime";
-import { d as h, i as a, r as s, g as n, s as c, v as i, f as g } from "../../index-BWTAh3RO.js";
+import { d as i, i as a, r as s, g as n, s as c, v as h, f as g } from "../../vi.B-PuvDzu-a048kFcX.js";
 import { Switch as l } from "./index.js";
-h("Switch", () => {
+import "../../index-Bgo8MuTU.js";
+i("Switch", () => {
   a("renders with label", () => {
     s(
       /* @__PURE__ */ e(
@@ -16,7 +17,7 @@ h("Switch", () => {
       )
     ), n(c.getByText("Toggle 1")).toBeInTheDocument();
   }), a("fires onChange when toggled", () => {
-    const o = i.fn();
+    const o = h.fn();
     s(
       /* @__PURE__ */ e(
         l,