quirk-ui 0.0.63 → 0.0.65

package/dist/assets/index47.css

@@ -1 +1 @@
-._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)}
+._label_15ngo_1{font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-xs)}._text_15ngo_6{display:inline-flex;align-items:center;gap:var(--spacing-xs)}._sm_15ngo_13{font-size:.75rem}._md_15ngo_17{font-size:.875rem}._lg_15ngo_21{font-size:1rem}._default_15ngo_26{color:var(--color-text-primary)}._muted_15ngo_30{color:var(--color-muted)}._accent_15ngo_34{color:var(--color-primary)}._disabled_15ngo_38{color:var(--color-muted)}._error_15ngo_42{color:var(--color-error)}._required_15ngo_47{color:var(--color-error);margin-left:.25rem}._optional_15ngo_52{color:var(--color-muted);font-style:italic;margin-left:.25rem}._srOnly_15ngo_58{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}._icon_15ngo_71{line-height:0;margin-left:var(--spacing-xs)}._tooltipWrapper_15ngo_77{position:relative;display:inline-flex;align-items:center}._tooltipIcon_15ngo_83{line-height:0;font-size:var(--font-size-md);cursor:help;margin-left:var(--spacing-xs);color:var(--color-muted)}._tooltipText_15ngo_91{visibility:hidden;background-color:#111;color:#fff;text-align:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);position:absolute;z-index:10;bottom:125%;left:50%;transform:translate(-50%);font-size:var(--font-size-xs);white-space:nowrap;opacity:0;transition:opacity .2s ease}._tooltipWrapper_15ngo_77:hover ._tooltipText_15ngo_91,._tooltipWrapper_15ngo_77:focus-within ._tooltipText_15ngo_91{visibility:visible;opacity:1}

package/dist/assets/index47.css.d.ts

@@ -0,0 +1,21 @@
+declare const styles: {
+  readonly "_accent_15ngo_34": string;
+  readonly "_default_15ngo_26": string;
+  readonly "_disabled_15ngo_38": string;
+  readonly "_error_15ngo_42": string;
+  readonly "_icon_15ngo_71": string;
+  readonly "_label_15ngo_1": string;
+  readonly "_lg_15ngo_21": string;
+  readonly "_md_15ngo_17": string;
+  readonly "_muted_15ngo_30": string;
+  readonly "_optional_15ngo_52": string;
+  readonly "_required_15ngo_47": string;
+  readonly "_sm_15ngo_13": string;
+  readonly "_srOnly_15ngo_58": string;
+  readonly "_text_15ngo_6": string;
+  readonly "_tooltipIcon_15ngo_83": string;
+  readonly "_tooltipText_15ngo_91": string;
+  readonly "_tooltipWrapper_15ngo_77": string;
+};
+export = styles;
+

package/dist/assets/index48.css

@@ -0,0 +1 @@
+._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/assets/index48.css.d.ts

@@ -0,0 +1,12 @@
+declare const styles: {
+  readonly "_calendar_zbxci_1": string;
+  readonly "_cell_zbxci_34": string;
+  readonly "_dayName_zbxci_13": string;
+  readonly "_header_zbxci_7": string;
+  readonly "_monthName_zbxci_23": string;
+  readonly "_outside_zbxci_45": string;
+  readonly "_selected_zbxci_49": string;
+  readonly "_week_zbxci_28": string;
+};
+export = styles;
+

package/dist/assets/index5.css.d.ts

@@ -0,0 +1,9 @@
+declare const styles: {
+  readonly "_default_4sv7j_55": string;
+  readonly "_lead_4sv7j_63": string;
+  readonly "_muted_4sv7j_59": string;
+  readonly "_small_4sv7j_68": string;
+  readonly "_text_4sv7j_1": string;
+};
+export = styles;
+

package/dist/assets/index6.css.d.ts

@@ -0,0 +1,8 @@
+declare const styles: {
+  readonly "_clickableRow_g45ha_30": string;
+  readonly "_empty_g45ha_24": string;
+  readonly "_table_g45ha_5": string;
+  readonly "_wrapper_g45ha_1": string;
+};
+export = styles;
+

package/dist/assets/index7.css.d.ts

@@ -0,0 +1,8 @@
+declare const styles: {
+  readonly "_input_fzy93_7": string;
+  readonly "_label_fzy93_41": string;
+  readonly "_slider_fzy93_11": string;
+  readonly "_wrapper_fzy93_1": string;
+};
+export = styles;
+

package/dist/assets/index8.css.d.ts

@@ -0,0 +1,21 @@
+declare const styles: {
+  readonly "_alignCenter_134u6_35": string;
+  readonly "_alignEnd_134u6_39": string;
+  readonly "_alignStart_134u6_31": string;
+  readonly "_alignStretch_134u6_43": string;
+  readonly "_gapLg_134u6_26": string;
+  readonly "_gapMd_134u6_22": string;
+  readonly "_gapSm_134u6_18": string;
+  readonly "_horizontal_134u6_9": string;
+  readonly "_justifyCenter_134u6_52": string;
+  readonly "_justifyEnd_134u6_56": string;
+  readonly "_justifySpaceAround_134u6_64": string;
+  readonly "_justifySpaceBetween_134u6_60": string;
+  readonly "_justifySpaceEvenly_134u6_68": string;
+  readonly "_justifyStart_134u6_48": string;
+  readonly "_stack_134u6_1": string;
+  readonly "_vertical_134u6_5": string;
+  readonly "_wrap_134u6_13": string;
+};
+export = styles;
+

package/dist/assets/index9.css.d.ts

@@ -0,0 +1,14 @@
+declare const styles: {
+  readonly "_danger_sf4mt_46": string;
+  readonly "_fade_sf4mt_1": string;
+  readonly "_large_sf4mt_18": string;
+  readonly "_medium_sf4mt_13": string;
+  readonly "_primary_sf4mt_34": string;
+  readonly "_prong_sf4mt_23": string;
+  readonly "_small_sf4mt_8": string;
+  readonly "_spinner_sf4mt_1": string;
+  readonly "_success_sf4mt_38": string;
+  readonly "_warning_sf4mt_42": string;
+};
+export = styles;
+

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

@@ -1,6 +1,6 @@
 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-CZ8iFAMK.js";
-import { f as y, C as r } from "../../index-BM1mGWJK.js";
+import { f as y, C as r } from "../../index-BN3GBQOK.js";
 import "../../index-BBIdMcpm.js";
 D("Calendar", () => {
   s("renders the current month and year", () => {

package/dist/components/Calendar/index.js

@@ -4,7 +4,7 @@ import '../../assets/index.css';/* empty css                   */
 import "../IconButton/index.js";
 import "../../index-CxrBcaoP.js";
 import "../Tabs/index.js";
-import { C as f } from "../../index-BM1mGWJK.js";
+import { C as f } from "../../index-BN3GBQOK.js";
 import "../../arrow-left-BIJvHwNQ.js";
 import "../../arrow-right-QEwnX3Sk.js";
 export {

package/dist/components/Carousel/index.js

@@ -1,103 +1,104 @@
-import { jsxs as w, jsx as r } from "react/jsx-runtime";
-import { useState as v, useRef as M, useEffect as x } from "react";
-import { A as q } from "../../arrow-left-BIJvHwNQ.js";
-import { A as B } from "../../arrow-right-QEwnX3Sk.js";
-import '../../assets/index31.css';const F = "_carousel_u7gup_1", H = "_trackContainer_u7gup_9", J = "_track_u7gup_9", K = "_page_u7gup_24", Q = "_controls_u7gup_30", S = "_indicators_u7gup_47", U = "_indicator_u7gup_47", V = "_active_u7gup_64", Y = "_buttons_u7gup_68", Z = "_prev_u7gup_73", P = "_disabled_u7gup_73", tt = "_next_u7gup_74", n = {
-  carousel: F,
-  trackContainer: H,
-  track: J,
-  page: K,
-  controls: Q,
-  indicators: S,
-  indicator: U,
-  active: V,
-  buttons: Y,
-  prev: Z,
-  disabled: P,
-  next: tt
+import { jsxs as w, jsx as s } from "react/jsx-runtime";
+import { useState as p, useRef as A, useEffect as x } from "react";
+import { A as F } from "../../arrow-left-BIJvHwNQ.js";
+import { A as H } from "../../arrow-right-QEwnX3Sk.js";
+import '../../assets/index31.css';const J = "_carousel_u7gup_1", K = "_trackContainer_u7gup_9", Q = "_track_u7gup_9", S = "_page_u7gup_24", U = "_controls_u7gup_30", V = "_indicators_u7gup_47", Y = "_indicator_u7gup_47", Z = "_active_u7gup_64", tt = "_buttons_u7gup_68", et = "_prev_u7gup_73", nt = "_disabled_u7gup_73", rt = "_next_u7gup_74", n = {
+  carousel: J,
+  trackContainer: K,
+  track: Q,
+  page: S,
+  controls: U,
+  indicators: V,
+  indicator: Y,
+  active: Z,
+  buttons: tt,
+  prev: et,
+  disabled: nt,
+  next: rt
 };
-function ct({
-  items: $,
-  itemsPerPage: f = 9,
-  itemsPerRow: W = 3,
-  autoPlay: o = !1,
-  autoPlayInterval: N = 3,
-  className: A,
-  externalRef: z,
-  siblingRef: a,
-  isSplit: b = !1
+function it({
+  items: b,
+  itemsPerPage: v = 9,
+  itemsPerRow: M = 3,
+  autoplay: W = !1,
+  autoplayInterval: $ = 3,
+  className: z,
+  externalRef: E,
+  siblingRef: c,
+  isSplit: N = !1
 }) {
-  const [i, l] = v(0), [u, h] = v(0), [p, y] = v(f), [k, T] = v(!1), E = M(null), g = M(null), _ = z, L = (t, e) => {
-    const c = [];
-    for (let s = 0; s < t.length; s += e)
-      c.push(t.slice(s, s + e));
-    return c;
+  const [a, i] = p(0), [d, h] = p(0), [_, P] = p(v), [k, T] = p(!1), [y, L] = p(W), j = A(null), u = A(null), m = E, R = (t, e) => {
+    const o = [];
+    for (let r = 0; r < t.length; r += e)
+      o.push(t.slice(r, r + e));
+    return o;
   };
   x(() => {
     const t = () => {
       const e = window.innerWidth < 768;
-      T(e), y(e ? 1 : f), l(0);
+      T(e), P(e ? 1 : v), i(0);
     };
     return t(), window.addEventListener("resize", t), () => window.removeEventListener("resize", t);
-  }, [f]);
-  const m = Math.ceil(p / W), C = L($, p), d = C.length, j = 3 * 16, R = 6 * 16;
+  }, [v]);
+  const f = Math.ceil(_ / M), C = R(b, _), l = C.length, X = 3 * 16, D = 6 * 16;
   x(() => {
     const t = new ResizeObserver((e) => {
-      var c;
-      for (let s of e)
-        s.contentRect && (k ? h(s.contentRect.width - R) : b && a != null && a.current ? h(
-          s.contentRect.width - ((c = a == null ? void 0 : a.current) == null ? void 0 : c.offsetWidth) - j
-        ) : h(s.contentRect.width), l(0));
+      var o;
+      for (let r of e)
+        r.contentRect && (k ? h(r.contentRect.width - D) : N && c != null && c.current ? h(
+          r.contentRect.width - ((o = c == null ? void 0 : c.current) == null ? void 0 : o.offsetWidth) - X
+        ) : h(r.contentRect.width), i(0));
     });
-    return _ != null && _.current && t.observe(_.current), () => t.disconnect();
-  }, [k, b]);
-  const X = () => {
-    l((t) => Math.min(t + 1, d - 1));
-  }, D = () => {
-    l((t) => Math.max(t - 1, 0));
-  }, G = (t) => {
-    l(t);
-  }, O = () => u ? `translateX(-${i * u}px)` : "translateX(0px)", I = () => {
-    l((t) => t >= d - 1 ? 0 : t + 1);
+    return m != null && m.current && t.observe(m.current), () => t.disconnect();
+  }, [k, N]);
+  const g = () => {
+    u.current && clearInterval(u.current), L(!1);
+  }, G = () => {
+    g(), i((t) => Math.min(t + 1, l - 1));
+  }, O = () => {
+    g(), i((t) => Math.max(t - 1, 0));
+  }, q = (t) => {
+    g(), i(t);
+  }, B = () => d ? `translateX(-${a * d}px)` : "translateX(0px)", I = () => {
+    i((t) => t >= l - 1 ? 0 : t + 1);
   };
-  return x(() => (o && (g.current = setInterval(
+  return x(() => (y && (u.current = setInterval(
     I,
-    N * 1e3
+    $ * 1e3
   )), () => {
-    g.current && clearInterval(g.current);
-  }), [o, N, I]), /* @__PURE__ */ w("div", { className: `${A ?? ""} ${n.carousel}`, ref: E, children: [
-    /* @__PURE__ */ r(
+    u.current && clearInterval(u.current);
+  }), [y, $, I]), /* @__PURE__ */ w("div", { className: `${z ?? ""} ${n.carousel}`, ref: j, children: [
+    /* @__PURE__ */ s(
       "div",
       {
         className: n.trackContainer,
-        style: { maxWidth: `${u}px` },
-        children: /* @__PURE__ */ r(
+        style: { maxWidth: `${d}px` },
+        children: /* @__PURE__ */ s(
           "div",
           {
             className: n.track,
-            style: { width: `${d * 100}%`, transform: O() },
-            children: C.map((t, e) => /* @__PURE__ */ r(
+            style: { width: `${l * 100}%`, transform: B() },
+            children: C.map((t, e) => /* @__PURE__ */ s(
               "div",
               {
                 className: n.page,
                 style: {
-                  display: m > 1 ? "grid" : "flex",
+                  display: f > 1 ? "grid" : "flex",
                   gridTemplateColumns: `repeat(${Math.ceil(
-                    p / m
+                    _ / f
                   )}, 1fr)`,
-                  gridTemplateRows: `repeat(${m}, auto)`,
-                  width: `${u}px`
+                  gridTemplateRows: `repeat(${f}, auto)`,
+                  width: `${d}px`
                 },
-                children: t.map((c, s) => /* @__PURE__ */ r(
+                children: t.map((o, r) => /* @__PURE__ */ s(
                   "div",
                   {
-                    className: n.slide,
                     style: {
-                      width: `${u / m - 16}px`
+                      width: `${d / f - 16}px`
                     },
-                    children: c
+                    children: o
                   },
-                  s
+                  r
                 ))
               },
               e
@@ -106,35 +107,35 @@ function ct({
         )
       }
     ),
-    d > 1 && /* @__PURE__ */ w("div", { className: n.controls, children: [
-      /* @__PURE__ */ r("div", { className: n.indicators, children: Array.from({ length: d }).map((t, e) => /* @__PURE__ */ r(
+    l > 1 && /* @__PURE__ */ w("div", { className: n.controls, children: [
+      /* @__PURE__ */ s("div", { className: n.indicators, children: Array.from({ length: l }).map((t, e) => /* @__PURE__ */ s(
         "button",
         {
-          className: `${n.indicator} ${e === i ? n.active : ""}`,
-          onClick: () => G(e),
+          className: `${n.indicator} ${e === a ? n.active : ""}`,
+          onClick: () => q(e),
           "aria-label": `Go to group ${e + 1}`
         },
         e
       )) }),
       /* @__PURE__ */ w("div", { className: n.buttons, children: [
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ s(
           "button",
           {
             "aria-label": "Previous slide",
-            className: `${n.prev} ${!o && i === 0 ? n.disabled : ""}`,
-            onClick: D,
-            disabled: !o && i === 0,
-            children: /* @__PURE__ */ r(q, { size: 36 })
+            className: `${n.prev} ${a === 0 ? n.disabled : ""}`,
+            onClick: O,
+            disabled: a === 0,
+            children: /* @__PURE__ */ s(F, { size: 36 })
           }
         ),
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ s(
           "button",
           {
             "aria-label": "Next slide",
-            className: `${n.next} ${!o && i >= d - 1 ? n.disabled : ""}`,
-            onClick: X,
-            disabled: !o && i >= $.length - p,
-            children: /* @__PURE__ */ r(B, { size: 36 })
+            className: `${n.next} ${a >= l - 1 ? n.disabled : ""}`,
+            onClick: G,
+            disabled: a >= b.length - _,
+            children: /* @__PURE__ */ s(H, { size: 36 })
           }
         )
       ] })
@@ -142,5 +143,5 @@ function ct({
   ] });
 }
 export {
-  ct as Carousel
+  it as Carousel
 };

package/dist/components/Checkbox/index.js

@@ -1,5 +1,5 @@
 import { jsxs as m, jsx as l } from "react/jsx-runtime";
-import '../../assets/index.css';import '../../assets/index39.css';/* empty css                   */
+import '../../assets/index.css';import '../../assets/index40.css';/* empty css                   */
 import "react";
 import "../../index-CxrBcaoP.js";
 import "../Tabs/index.js";

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

@@ -2,7 +2,7 @@ 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-CZ8iFAMK.js";
 import { DatePicker as o } from "./index.js";
 import "../../index-BBIdMcpm.js";
-import { f as u } from "../../index-BM1mGWJK.js";
+import { f as u } from "../../index-BN3GBQOK.js";
 r.mock("../Calendar", () => ({
   Calendar: ({ onSelectDate: e }) => /* @__PURE__ */ n(
     "button",

package/dist/components/DatePicker/index.js

@@ -1,10 +1,10 @@
 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 '../../assets/index.css';import '../../assets/index43.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-BM1mGWJK.js";
+import { f as x, C as D } from "../../index-BN3GBQOK.js";
 const S = "_wrapper_13tha_1", N = "_input_13tha_7", O = "_popover_13tha_25", o = {
   wrapper: S,
   input: N,

package/dist/components/Fieldset/index.js

@@ -1,5 +1,5 @@
 import { jsxs as i, jsx as n } from "react/jsx-runtime";
-import '../../assets/index37.css';const c = "_fieldset_1i2zv_1", f = "_legend_1i2zv_8", s = {
+import '../../assets/index38.css';const c = "_fieldset_1i2zv_1", f = "_legend_1i2zv_8", s = {
   fieldset: c,
   legend: f
 };

package/dist/components/FileUpload/index.js

@@ -1,6 +1,6 @@
 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 '../../assets/index.css';import '../../assets/index45.css';/* empty css                   */
 import { IconButton as N } from "../IconButton/index.js";
 import "../../index-CxrBcaoP.js";
 import "../Tabs/index.js";

package/dist/components/Footer/Footer.test.js

@@ -0,0 +1,36 @@
+import { jsx as o } from "react/jsx-runtime";
+import { d as r, i as a, r as s, g as e, s as t } from "../../vi.ClIskdbk-CZ8iFAMK.js";
+import { Footer as n } from "./index.js";
+const l = [
+  { label: "Home", href: "/" },
+  {
+    label: "About",
+    sublinks: [{ label: "Leadership", href: "/about/leadership" }]
+  },
+  {
+    label: "Services",
+    href: "/services"
+  },
+  { label: "External", href: "https://example.com", isExternal: !0 }
+], i = /* @__PURE__ */ o("div", { "data-testid": "logo", children: "LOGO" }), c = "© 2025 Your Company";
+r("Footer", () => {
+  a("renders the footer with all groups and links", () => {
+    s(
+      /* @__PURE__ */ o(
+        n,
+        {
+          items: l,
+          logo: i,
+          copyright: c,
+          className: "custom-footer"
+        }
+      )
+    ), e(t.getByTestId("logo")).toBeInTheDocument(), e(t.getByText("Home")).toBeInTheDocument(), e(t.getByText("About")).toBeInTheDocument(), e(t.getByText("Services")).toBeInTheDocument(), e(t.getByText("External")).toBeInTheDocument(), e(t.getByText("Leadership")).toBeInTheDocument(), e(t.getByText("Home")).toHaveAttribute("href", "/"), e(t.getByText("Services")).toHaveAttribute("href", "/services"), e(t.getByText("External")).toHaveAttribute(
+      "href",
+      "https://example.com"
+    ), e(t.getByText("External")).toHaveAttribute("target", "_blank"), e(t.getByText("Leadership")).toHaveAttribute(
+      "href",
+      "/about/leadership"
+    ), e(t.getByText(/© 2025 Your Company/i)).toBeInTheDocument(), e(t.getByRole("contentinfo")).toHaveClass("custom-footer");
+  });
+});

package/dist/components/Footer/index.js

@@ -0,0 +1,53 @@
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import '../../assets/index35.css';const m = "_footer_gfid4_1", f = "_container_gfid4_8", b = "_logo_gfid4_16", p = "_groups_gfid4_22", h = "_group_gfid4_22", $ = "_groupTitle_gfid4_32", N = "_sublinks_gfid4_37", v = "_link_gfid4_41", k = "_bottom_gfid4_60", e = {
+  footer: m,
+  container: f,
+  logo: b,
+  groups: p,
+  group: h,
+  groupTitle: $,
+  sublinks: N,
+  link: v,
+  bottom: k
+};
+function T({ logo: n, items: u, className: _, copyright: t }) {
+  const l = (d, g = "") => d.map((o) => {
+    var c;
+    const i = `${g}/${o.label}`, a = (c = o.sublinks) == null ? void 0 : c.length;
+    return /* @__PURE__ */ s("div", { className: `${e.group}`, children: [
+      /* @__PURE__ */ r(
+        "a",
+        {
+          href: o.href,
+          className: `${e.link} ${a ? e.groupTitle : ""}`,
+          target: o.isExternal ? "_blank" : "_self",
+          rel: o.isExternal ? "noopener noreferrer" : void 0,
+          role: "menuitem",
+          children: o.label
+        }
+      ),
+      a && /* @__PURE__ */ r(
+        "div",
+        {
+          className: `${e.sublinks}`,
+          role: "menu",
+          "aria-label": `${o.label} submenu`,
+          children: l(o.sublinks, i)
+        }
+      )
+    ] }, i);
+  });
+  return /* @__PURE__ */ s("footer", { className: `${_ ?? ""} ${e.footer}`, children: [
+    /* @__PURE__ */ s("div", { className: e.container, children: [
+      n && /* @__PURE__ */ s("div", { className: e.logo, children: [
+        " ",
+        n
+      ] }),
+      /* @__PURE__ */ r("nav", { className: `${e.container}`, id: "footer-menu", role: "menubar", children: /* @__PURE__ */ r("div", { className: e.groups, children: l(u) }) })
+    ] }),
+    t && /* @__PURE__ */ r("div", { className: e.bottom, children: /* @__PURE__ */ r("span", { children: t }) })
+  ] });
+}
+export {
+  T as Footer
+};

package/dist/components/Form/index.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import '../../assets/index35.css';const c = "_form_s0yvj_1", a = {
+import '../../assets/index36.css';const c = "_form_s0yvj_1", a = {
   form: c
 };
 function p({

package/dist/components/Heading/index.js

@@ -1,18 +1,25 @@
-import o from "react";
-import '../../assets/index16.css';const r = {};
-function m({
-  level: t = 1,
-  className: e,
-  children: s,
-  ...a
+import c from "react";
+import '../../assets/index16.css';const o = "_h1_nzfad_7", e = "_h2_nzfad_8", f = "_h3_nzfad_9", d = "_h4_nzfad_10", r = "_h5_nzfad_11", z = "_h6_nzfad_12", l = {
+  h1: o,
+  h2: e,
+  h3: f,
+  h4: d,
+  h5: r,
+  h6: z
+};
+function $({
+  level: h = 1,
+  className: n,
+  children: t,
+  ..._
 }) {
-  const n = `h${t}`, c = r[`h${t}`] || "";
-  return o.createElement(
-    n,
-    { className: ` ${e ?? ""} ${c}`, ...a },
-    s
+  const s = `h${h}`, a = l[`h${h}`] || "";
+  return c.createElement(
+    s,
+    { className: ` ${n ?? ""} ${a}`, ..._ },
+    t
   );
 }
 export {
-  m as Heading
+  $ as Heading
 };

package/dist/components/Input/index.js

@@ -1,5 +1,5 @@
 import { jsxs as _, jsx as e } from "react/jsx-runtime";
-import '../../assets/index.css';import '../../assets/index36.css';/* empty css                   */
+import '../../assets/index.css';import '../../assets/index37.css';/* empty css                   */
 import "react";
 import "../../index-CxrBcaoP.js";
 import "../Tabs/index.js";

package/dist/components/Label/index.js

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as c } from "react/jsx-runtime";
 import { c as a } from "../../createLucideIcon-C8GTh_Qx.js";
-import '../../assets/index46.css';/**
+import '../../assets/index47.css';/**
  * @license lucide-react v0.488.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/dist/components/MultiSelect/index.js

@@ -1,5 +1,5 @@
 import { jsxs as d, jsx as r } from "react/jsx-runtime";
-import '../../assets/index.css';import '../../assets/index41.css';/* empty css                   */
+import '../../assets/index.css';import '../../assets/index42.css';/* empty css                   */
 import "react";
 import "../../index-CxrBcaoP.js";
 import "../Tabs/index.js";

package/dist/components/NavBar/index.js

@@ -3,7 +3,7 @@ import { useState as f, useRef as T, useCallback as m, useEffect as y } from "re
 import { X as z } from "../../x-CnsEH4Ox.js";
 import { c as I } from "../../createLucideIcon-C8GTh_Qx.js";
 import { C as O } from "../../chevron-down-DSUzBz9F.js";
-import '../../assets/index45.css';/**
+import '../../assets/index46.css';/**
  * @license lucide-react v0.488.0 - ISC
  *
  * This source code is licensed under the ISC license.

package/dist/components/Radio/index.js

@@ -1,6 +1,6 @@
 import { jsxs as n, jsx as o } from "react/jsx-runtime";
 import { Label as _ } from "../Label/index.js";
-import '../../assets/index38.css';const m = "_wrapper_1p7l5_1", d = "_radio_1p7l5_7", f = "_label_1p7l5_29", a = {
+import '../../assets/index39.css';const m = "_wrapper_1p7l5_1", d = "_radio_1p7l5_7", f = "_label_1p7l5_29", a = {
   wrapper: m,
   radio: d,
   label: f

package/dist/components/Range/index.js

@@ -1,6 +1,6 @@
 import { jsxs as d, jsx as e } from "react/jsx-runtime";
 import { useState as M, useEffect as $ } from "react";
-import '../../assets/index.css';import '../../assets/index43.css';/* empty css                   */
+import '../../assets/index.css';import '../../assets/index44.css';/* empty css                   */
 import "../../index-CxrBcaoP.js";
 import "../Tabs/index.js";
 import { Label as I } from "../Label/index.js";

package/dist/components/Select/index.js

@@ -1,5 +1,5 @@
 import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import '../../assets/index.css';import '../../assets/index40.css';/* empty css                   */
+import '../../assets/index.css';import '../../assets/index41.css';/* empty css                   */
 import "react";
 import "../../index-CxrBcaoP.js";
 import "../Tabs/index.js";

package/dist/{index-BM1mGWJK.js → index-BN3GBQOK.js}

@@ -1,6 +1,6 @@
 import { jsxs as C, jsx as b } from "react/jsx-runtime";
 import { useState as $ } from "react";
-import './assets/index.css';import './assets/index47.css';/* empty css               */
+import './assets/index.css';import './assets/index48.css';/* empty css               */
 import { IconButton as q } from "./components/IconButton/index.js";
 import "./index-CxrBcaoP.js";
 import "./components/Tabs/index.js";