mada-design-system 0.2.4 → 0.2.6

package/index.es44.js

@@ -1,175 +1,172 @@
-import { jsx as r, jsxs as c } from "react/jsx-runtime";
-import b, { useState as L } from "react";
-import { useMediaQuery as N } from "./index.es98.js";
+import { jsx as r, jsxs as a } from "react/jsx-runtime";
+import b, { useState as z } from "react";
+import { useMediaQuery as w } from "./index.es98.js";
 import { strings as m } from "./index.es91.js";
 import "./index.es2.js";
 import { Button as f } from "./index.es22.js";
-import z from "./index.es133.js";
-import { Collapsible as H, CollapsibleTrigger as O, CollapsibleContent as _ } from "./index.es26.js";
-import A from "./index.es134.js";
-import { RadioGroup as D, RadioGroupItem as E } from "./index.es54.js";
-import { MultiSelect as P } from "./index.es10.js";
-import { ComboboxControlNoForm as Q } from "./index.es7.js";
+import H from "./index.es133.js";
+import { Collapsible as O, CollapsibleTrigger as _, CollapsibleContent as A } from "./index.es26.js";
+import D from "./index.es134.js";
+import { RadioGroup as E, RadioGroupItem as P } from "./index.es54.js";
+import { MultiSelect as Q } from "./index.es10.js";
+import { ComboboxControlNoForm as V } from "./index.es7.js";
 import { Sheet as q, SheetTrigger as J, SheetContent as K, SheetHeader as U, SheetTitle as W, SheetBody as X, SheetFooter as Y, SheetClose as Z } from "./index.es59.js";
 import ee from "./index.es135.js";
 import { Checkbox as re } from "./index.es25.js";
-import { ShouldRender as u } from "./index.es14.js";
-import le from "./index.es83.js";
-import { cn as se } from "./index.es79.js";
-const ie = (l) => l < 10 ? "0" + (l == null ? void 0 : l.toString()) : l == null ? void 0 : l.toString(), $ = b.createContext(null), te = (l) => {
-  const [s, d] = L(), a = N("(max-width: 767px)");
-  return { value: s, upsert: ({ name: t, selectedValue: i }) => {
-    const n = { ...s, [t]: i };
-    d(n), a || l == null || l(n);
+import { ShouldRender as n } from "./index.es14.js";
+import se from "./index.es83.js";
+import { cn as le } from "./index.es79.js";
+const ie = (l) => l < 10 ? "0" + (l == null ? void 0 : l.toString()) : l == null ? void 0 : l.toString(), I = b.createContext(null), te = (l, i) => {
+  const [c, t] = z(), p = w("(max-width: 767px)");
+  return { value: c, upsert: ({ name: s, selectedValue: u }) => {
+    const e = { ...c, [s]: u };
+    t(e), p || l == null || l(e);
   }, resetFilters: () => {
-    const t = { ...s };
-    for (const i in t)
-      t[i] = "";
-    d(t);
+    const s = { ...c };
+    for (const u in s)
+      s[u] = "";
+    t(s), i == null || i();
   } };
-}, oe = b.forwardRef(({ children: l, onValueChange: s, label: d, ...a }, h) => {
-  const p = N("(max-width: 767px)"), { value: t, resetFilters: i, upsert: n } = te(s);
-  return /* @__PURE__ */ r("div", { ref: h, ...a, children: /* @__PURE__ */ c($.Provider, { value: { value: t, upsert: n }, children: [
-    /* @__PURE__ */ r(u, { shouldRender: p, children: /* @__PURE__ */ c(ae, { resetFilters: i, onClickFilter: () => s == null ? void 0 : s(t), label: d, children: [
+}, oe = b.forwardRef(({ children: l, onValueChange: i, onValueReset: c, label: t, ...p }, h) => {
+  const d = w("(max-width: 767px)"), { value: s, resetFilters: u, upsert: e } = te(i, c);
+  return /* @__PURE__ */ r("div", { ref: h, ...p, children: /* @__PURE__ */ a(I.Provider, { value: { value: s, upsert: e }, children: [
+    /* @__PURE__ */ r(n, { shouldRender: d, children: /* @__PURE__ */ r(ce, { resetFilters: u, onClickFilter: () => i == null ? void 0 : i(s), label: t, children: l }) }),
+    /* @__PURE__ */ a(n, { shouldRender: !d, children: [
       l,
-      " "
-    ] }) }),
-    /* @__PURE__ */ c(u, { shouldRender: !p, children: [
-      l,
-      /* @__PURE__ */ r(u, { shouldRender: t && Object.values(t).some(Boolean), children: /* @__PURE__ */ c(f, { colors: "neutral", rounded: "default", variant: "text", size: "sm", onClick: i, className: "ms-auto", children: [
+      /* @__PURE__ */ r(n, { shouldRender: s && Object.values(s).some(Boolean), children: /* @__PURE__ */ a(f, { colors: "neutral", rounded: "default", variant: "text", size: "sm", onClick: u, className: "ms-auto", children: [
         m.Shared.reset,
-        /* @__PURE__ */ r(z, { className: "ms-space-01" })
+        /* @__PURE__ */ r(H, { className: "ms-space-01" })
       ] }) })
     ] })
   ] }) });
 });
 oe.displayName = "FilterGroup";
-const xe = ({ multi: l, data: s, placeholder: d, disabled: a, isLoading: h, rounded: p, size: t, name: i, defaultOpen: n }) => {
-  var y, g, S, R, F, C, x, k, j;
-  const e = b.useContext($), I = N("(max-width: 767px)"), { dir: w } = le();
-  return I ? /* @__PURE__ */ c(H, { dir: w, defaultOpen: n, children: [
-    /* @__PURE__ */ c(
-      O,
+const Re = ({ multi: l, data: i, placeholder: c, disabled: t, isLoading: p, rounded: h, size: d, name: s, defaultOpen: u }) => {
+  var y, g, S, F, C, x, R, j, k;
+  const e = b.useContext(I), L = w("(max-width: 767px)"), { dir: N } = se();
+  return L ? /* @__PURE__ */ a(O, { dir: N, defaultOpen: u, children: [
+    /* @__PURE__ */ a(
+      _,
       {
         id: "subcategoriesCollapsible",
         className: "flex w-full items-center justify-between py-space-03 [&>svg]:data-[state=closed]:rotate-180",
         children: [
-          /* @__PURE__ */ c("div", { className: "flex grow items-center justify-between gap-space-01", children: [
-            /* @__PURE__ */ r("span", { className: "text-body-01", children: d }),
-            /* @__PURE__ */ r(u, { shouldRender: typeof ((y = e == null ? void 0 : e.value) == null ? void 0 : y[i]) == "object" && !!((S = (g = e == null ? void 0 : e.value) == null ? void 0 : g[i]) != null && S.length), children: /* @__PURE__ */ r("span", { className: "flex h-[24px] w-[24px] items-center justify-center rounded-full bg-background-secondary text-caption-01 text-primary", children: ie(((F = (R = e == null ? void 0 : e.value) == null ? void 0 : R[i]) == null ? void 0 : F.length) || 0) }) })
+          /* @__PURE__ */ a("div", { className: "flex grow items-center justify-between gap-space-01", children: [
+            /* @__PURE__ */ r("span", { className: "text-body-01", children: c }),
+            /* @__PURE__ */ r(n, { shouldRender: typeof ((y = e == null ? void 0 : e.value) == null ? void 0 : y[s]) == "object" && !!((S = (g = e == null ? void 0 : e.value) == null ? void 0 : g[s]) != null && S.length), children: /* @__PURE__ */ r("span", { className: "flex h-[24px] w-[24px] items-center justify-center rounded-full bg-background-secondary text-caption-01 text-primary", children: ie(((C = (F = e == null ? void 0 : e.value) == null ? void 0 : F[s]) == null ? void 0 : C.length) || 0) }) })
           ] }),
-          /* @__PURE__ */ r(A, { className: "text-primary" })
+          /* @__PURE__ */ r(D, { className: "text-primary" })
         ]
       }
     ),
-    /* @__PURE__ */ c(_, { children: [
-      /* @__PURE__ */ r(u, { shouldRender: l, children: /* @__PURE__ */ r("div", { className: "py-space-04", children: s == null ? void 0 : s.map((o) => {
-        var B, V, G;
+    /* @__PURE__ */ a(A, { children: [
+      /* @__PURE__ */ r(n, { shouldRender: l, children: /* @__PURE__ */ r("div", { className: "py-space-04", children: i == null ? void 0 : i.map((o) => {
+        var B, G, M;
         return /* @__PURE__ */ r(
-          T,
+          $,
           {
             multi: l,
-            name: i,
+            name: s,
             label: o.label,
             value: o.value,
-            isCkecked: typeof ((B = e == null ? void 0 : e.value) == null ? void 0 : B[i]) == "object" && !!((G = (V = e == null ? void 0 : e.value) == null ? void 0 : V[i]) != null && G.find((v) => v == o.value)),
+            isCkecked: typeof ((B = e == null ? void 0 : e.value) == null ? void 0 : B[s]) == "object" && !!((M = (G = e == null ? void 0 : e.value) == null ? void 0 : G[s]) != null && M.find((v) => v == o.value)),
             onChange: (v) => {
-              var M;
-              return v && (e == null ? void 0 : e.upsert({ name: i, selectedValue: [...((M = e == null ? void 0 : e.value) == null ? void 0 : M[i]) ?? [], o.value] }));
+              var T;
+              return v && (e == null ? void 0 : e.upsert({ name: s, selectedValue: [...((T = e == null ? void 0 : e.value) == null ? void 0 : T[s]) ?? [], o.value] }));
             }
           },
           o.label
         );
       }) }) }),
-      /* @__PURE__ */ r(u, { shouldRender: !l, children: /* @__PURE__ */ r("div", { className: "py-space-04", children: /* @__PURE__ */ r(
-        D,
+      /* @__PURE__ */ r(n, { shouldRender: !l, children: /* @__PURE__ */ r("div", { className: "py-space-04", children: /* @__PURE__ */ r(
+        E,
         {
-          name: i,
-          dir: w,
-          value: typeof ((C = e == null ? void 0 : e.value) == null ? void 0 : C[i]) == "string" ? (x = e == null ? void 0 : e.value) == null ? void 0 : x[i] : void 0,
+          name: s,
+          dir: N,
+          value: typeof ((x = e == null ? void 0 : e.value) == null ? void 0 : x[s]) == "string" ? (R = e == null ? void 0 : e.value) == null ? void 0 : R[s] : void 0,
           onValueChange: (o) => {
-            e == null || e.upsert({ name: i, selectedValue: o });
+            e == null || e.upsert({ name: s, selectedValue: o });
           },
-          children: s == null ? void 0 : s.map((o) => /* @__PURE__ */ r(T, { multi: l, name: i, label: o.label, value: o.value }, o.label))
+          children: i == null ? void 0 : i.map((o) => /* @__PURE__ */ r($, { multi: l, name: s, label: o.label, value: o.value }, o.label))
         }
       ) }) })
     ] })
   ] }) : l ? /* @__PURE__ */ r(
-    P,
+    Q,
     {
-      options: s || [],
+      options: i || [],
       onChange: (o) => {
-        e == null || e.upsert({ name: i, selectedValue: o });
+        e == null || e.upsert({ name: s, selectedValue: o });
       },
-      selectedValues: ((k = e == null ? void 0 : e.value) == null ? void 0 : k[i]) || [],
+      selectedValues: ((j = e == null ? void 0 : e.value) == null ? void 0 : j[s]) || [],
       dataTestId: "muliSelect",
-      placeholder: d,
-      disabled: a,
-      rounded: p,
-      size: t,
+      placeholder: c,
+      disabled: t,
+      rounded: h,
+      size: d,
       className: "!w-max"
     }
   ) : /* @__PURE__ */ r(
-    Q,
+    V,
     {
       className: "!w-max",
-      rounded: p,
-      options: s || [],
+      rounded: h,
+      options: i || [],
       optionLabel: "label",
       optionValue: "value",
-      placeholder: d,
+      placeholder: c,
       onChange: (o) => {
-        e == null || e.upsert({ name: i, selectedValue: o });
+        e == null || e.upsert({ name: s, selectedValue: o });
       },
-      value: ((j = e == null ? void 0 : e.value) == null ? void 0 : j[i]) || "",
-      size: t,
-      disabled: a,
-      isLoading: h
+      value: ((k = e == null ? void 0 : e.value) == null ? void 0 : k[s]) || "",
+      size: d,
+      disabled: t,
+      isLoading: p
     }
   );
-}, ae = ({
+}, ce = ({
   resetFilters: l,
-  children: s,
-  onClickFilter: d,
-  label: a
-}) => /* @__PURE__ */ c(q, { children: [
-  /* @__PURE__ */ r("div", { className: "flex justify-between", children: /* @__PURE__ */ r(J, { asChild: !0, children: /* @__PURE__ */ r("div", { className: "flex items-center gap-space-01", children: /* @__PURE__ */ c(
+  children: i,
+  onClickFilter: c,
+  label: t
+}) => /* @__PURE__ */ a(q, { children: [
+  /* @__PURE__ */ r("div", { className: "flex justify-between", children: /* @__PURE__ */ r(J, { asChild: !0, children: /* @__PURE__ */ r("div", { className: "flex items-center gap-space-01", children: /* @__PURE__ */ a(
     f,
     {
       id: "servicesFilter",
       variant: "text",
       colors: "neutral",
-      className: se({
-        "!px-space-02": !a
+      className: le({
+        "!px-space-02": !t
       }),
       children: [
         /* @__PURE__ */ r(ee, {}),
-        a && /* @__PURE__ */ r("span", { children: "label" })
+        t && /* @__PURE__ */ r("span", { children: t })
       ]
     }
   ) }) }) }),
-  /* @__PURE__ */ c(K, { className: "flex flex-col gap-0 bg-white p-0", side: "bottom", children: [
+  /* @__PURE__ */ a(K, { className: "flex flex-col gap-0 bg-white p-0", side: "bottom", children: [
     /* @__PURE__ */ r(U, { children: /* @__PURE__ */ r(W, { children: m.Shared.sortBy }) }),
-    /* @__PURE__ */ r(X, { className: "px-space-04 py-space-00", children: s }),
-    /* @__PURE__ */ r(Y, { className: "p-space-04", children: /* @__PURE__ */ c("div", { className: "flex bg-background", children: [
+    /* @__PURE__ */ r(X, { className: "px-space-04 py-space-00", children: i }),
+    /* @__PURE__ */ a(Y, { className: "p-space-04", children: [
       /* @__PURE__ */ r(f, { id: "servicesRest", size: "sm", variant: "text", colors: "neutral", onClick: l, className: "grow", children: m.Shared.reset }),
-      /* @__PURE__ */ r(Z, { asChild: !0, className: "", children: /* @__PURE__ */ r(f, { id: "servicesShowResults", size: "sm", colors: "primary", onClick: d, className: "grow", children: m.Shared.showResults }) })
-    ] }) })
+      /* @__PURE__ */ r(Z, { asChild: !0, className: "", children: /* @__PURE__ */ r(f, { id: "servicesShowResults", size: "sm", colors: "primary", onClick: c, className: "grow", children: m.Shared.showResults }) })
+    ] })
   ] })
-] }), T = ({ label: l, value: s, isCkecked: d, onChange: a, name: h, multi: p }) => /* @__PURE__ */ c("div", { className: "flex items-center justify-between p-space-01 hover:bg-card-hover", children: [
+] }), $ = ({ label: l, value: i, isCkecked: c, onChange: t, name: p, multi: h }) => /* @__PURE__ */ a("div", { className: "flex items-center justify-between p-space-01 hover:bg-card-hover", children: [
   /* @__PURE__ */ r("label", { htmlFor: l, className: "text-Body-01 flex grow gap-space-02 font-medium", children: l }),
-  /* @__PURE__ */ r(u, { shouldRender: p, children: /* @__PURE__ */ r(
+  /* @__PURE__ */ r(n, { shouldRender: h, children: /* @__PURE__ */ r(
     re,
     {
-      id: `${h}${s}`,
-      value: s,
-      onCheckedChange: (t) => a == null ? void 0 : a(typeof t == "boolean" ? t : !1, s),
-      checked: d
+      id: `${p}${i}`,
+      value: i,
+      onCheckedChange: (d) => t == null ? void 0 : t(typeof d == "boolean" ? d : !1, i),
+      checked: c
     }
   ) }),
-  /* @__PURE__ */ r(u, { shouldRender: !p, children: /* @__PURE__ */ r(E, { id: `${h}${s}`, value: s.toString() }) })
+  /* @__PURE__ */ r(n, { shouldRender: !h, children: /* @__PURE__ */ r(P, { id: `${p}${i}`, value: i.toString() }) })
 ] });
 export {
   oe as FilterGroup,
-  xe as FilterSelect
+  Re as FilterSelect
 };

package/index.es45.js

@@ -21,11 +21,11 @@ const K = ({ colors: t = "default", ...l }) => {
   return /* @__PURE__ */ e(
     "footer",
     {
-      className: u(" px-space-06", {
+      className: u(" px-space-04 md:px-space-06 ", {
         "bg-background-SA-Flag text-text-oncolor-primary": t === "default",
         "bg-background-neutral-100 text-text-default": t === "neutral"
       }),
-      children: /* @__PURE__ */ a("div", { className: "flex flex-col items-start py-space-05", children: [
+      children: /* @__PURE__ */ a("div", { className: "max-w-container mx-auto flex flex-col items-start py-space-05", children: [
         /* @__PURE__ */ e(f, { shouldRender: l.showGroupLinks, children: /* @__PURE__ */ a("div", { className: "mb-space-08 grid w-full grid-cols-12 items-stretch gap-space-05 pb-space-07 pt-space-04", children: [
           (o = l.groupLinks) == null ? void 0 : o.map((r) => /* @__PURE__ */ e(C, { colors: t, title: r.title, links: r.links }, r.title)),
           /* @__PURE__ */ e("div", { className: "col-span-12 sm:col-span-6 lg:col-span-4 xl:col-span-3", children: /* @__PURE__ */ a("div", { className: "flex w-full flex-col items-start gap-space-06", children: [

package/index.es47.js

@@ -1,8 +1,8 @@
 import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import { cva as C } from "./index.es100.js";
-import { createContext as N, useState as T, useEffect as b, useContext as z } from "react";
+import { cva as N } from "./index.es100.js";
+import { createContext as C, useState as T, useEffect as b, useContext as z } from "react";
 import { useMediaQuery as D } from "./index.es98.js";
-import { THEME as s } from "./index.es146.js";
+import { THEME as l } from "./index.es146.js";
 import "./index.es2.js";
 import { cn as p, formatterTime as u } from "./index.es79.js";
 import k from "./index.es147.js";
@@ -20,52 +20,50 @@ import E from "./index.es83.js";
 import F from "./index.es80.js";
 import { ShouldRender as g } from "./index.es14.js";
 import { Button as m } from "./index.es22.js";
-import { strings as n } from "./index.es91.js";
-const j = C(
-  "md:h-space-07    md:px-space-06 px-space-04 md:py-space-01 gap-space-02 py-space-02 flex flex-col md:flex-row [&>svg]:size-[20px] md:items-center md:justify-between ",
-  {
-    variants: {
-      colors: {
-        primary: "bg-background-primary text-text-oncolor-primary",
-        gray: "bg-background-neutral-100 text-text-paragraph-primary"
-      },
-      hideDivider: {
-        true: "",
-        false: "border-b"
-      }
+import { strings as s } from "./index.es91.js";
+const j = N("md:h-space-07    md:px-space-06 px-space-04 md:py-space-01 gap-space-02 py-space-02  [&>svg]:size-[20px] ", {
+  variants: {
+    colors: {
+      primary: "bg-background-primary text-text-oncolor-primary",
+      gray: "bg-background-neutral-100 text-text-paragraph-primary"
     },
-    compoundVariants: [
-      {
-        colors: "primary",
-        hideDivider: !1,
-        className: "border-b-border-white-40"
-      },
-      {
-        colors: "gray",
-        hideDivider: !1,
-        className: "border-b-border-neutral-primary"
-      }
-    ],
-    defaultVariants: {
+    hideDivider: {
+      true: "",
+      false: "border-b"
+    }
+  },
+  compoundVariants: [
+    {
       colors: "primary",
-      hideDivider: !1
+      hideDivider: !1,
+      className: "border-b-border-white-40"
+    },
+    {
+      colors: "gray",
+      hideDivider: !1,
+      className: "border-b-border-neutral-primary"
     }
+  ],
+  defaultVariants: {
+    colors: "primary",
+    hideDivider: !1
   }
-), x = N({
+}), x = C({
   colors: "primary",
   hideDivider: !1
-}), pe = ({ colors: o, hideDivider: a, className: r, ...t }) => /* @__PURE__ */ e(x.Provider, { value: { colors: o, hideDivider: a }, children: /* @__PURE__ */ e(
+}), pe = ({ colors: o, hideDivider: a, className: r, children: t, ...n }) => /* @__PURE__ */ e(x.Provider, { value: { colors: o, hideDivider: a }, children: /* @__PURE__ */ e(
   "div",
   {
     className: p(j({ colors: o, hideDivider: a }), r),
-    ...t,
-    "aria-label": "a secondary navigation navbar",
-    role: "banner"
+    ...n,
+    "aria-label": "a secondary navigation navbar ",
+    role: "banner",
+    children: /* @__PURE__ */ e("div", { className: "max-w-container mx-auto flex flex-col md:flex-row md:items-center md:justify-between ", children: t })
   }
 ) }), fe = ({ className: o, ...a }) => {
-  const { dir: r } = E(), [t, l] = T(u(r).format());
+  const { dir: r } = E(), [t, n] = T(u(r).format());
   return b(() => {
-    const i = setInterval(() => l(u(r).format()), 1e3);
+    const i = setInterval(() => n(u(r).format()), 1e3);
     return () => {
       clearInterval(i);
     };
@@ -81,17 +79,17 @@ const j = C(
     a.children
   ] });
 }, he = ({ className: o, hideTrail: a, hideSwitchTheme: r, ...t }) => {
-  const { toggleColors: l, increaseSize: i, decreaseSize: y } = F((S) => S), h = z(x), c = h.colors === "gray" ? "neutral" : "oncolor", f = p({ "mix-blend-multiply  dark:mix-blend-normal": h.colors === "gray" }), v = D("max-width:768px");
+  const { toggleColors: n, increaseSize: i, decreaseSize: y } = F((S) => S), h = z(x), c = h.colors === "gray" ? "neutral" : "oncolor", f = p({ "mix-blend-multiply  dark:mix-blend-normal": h.colors === "gray" }), v = D("max-width:768px");
   return /* @__PURE__ */ d("div", { className: p("flex items-center gap-space-02 text-body-02", o), ...t, children: [
     /* @__PURE__ */ e(g, { shouldRender: !r, children: /* @__PURE__ */ e(K, { colors: c }) }),
     /* @__PURE__ */ e(
       m,
       {
         size: "icon-sm",
-        tooltip: n.Accessibility.ColorContrast,
+        tooltip: s.Accessibility.ColorContrast,
         variant: "text",
         colors: c,
-        onClick: l,
+        onClick: n,
         type: "button",
         className: f,
         children: /* @__PURE__ */ e(H, {})
@@ -101,7 +99,7 @@ const j = C(
       m,
       {
         size: "icon-sm",
-        tooltip: n.Accessibility.DecreaseFontSize,
+        tooltip: s.Accessibility.DecreaseFontSize,
         variant: "text",
         colors: c,
         type: "button",
@@ -114,7 +112,7 @@ const j = C(
       m,
       {
         size: "icon-sm",
-        tooltip: n.Accessibility.IncreaseFontSize,
+        tooltip: s.Accessibility.IncreaseFontSize,
         variant: "text",
         type: "button",
         colors: c,
@@ -127,7 +125,7 @@ const j = C(
       m,
       {
         size: "icon-sm",
-        tooltip: n.Accessibility.VoiceCommands,
+        tooltip: s.Accessibility.VoiceCommands,
         variant: "text",
         colors: c,
         type: "button",
@@ -142,8 +140,8 @@ const j = C(
     /* @__PURE__ */ e(g, { shouldRender: !a, children: /* @__PURE__ */ e(O, { size: v ? "sm" : "default" }) })
   ] });
 }, K = ({ colors: o, size: a = "icon-sm" }) => {
-  const { theme: r, setTheme: t } = M(), l = () => {
-    const i = r === String(s.LIGHT) ? String(s.DARK) : String(s.LIGHT);
+  const { theme: r, setTheme: t } = M(), n = () => {
+    const i = r === String(l.LIGHT) ? String(l.DARK) : String(l.LIGHT);
     t(i);
   };
   return b(() => {
@@ -152,22 +150,22 @@ const j = C(
       t(i);
       return;
     }
-    localStorage.setItem("defaultTheme", String(s.LIGHT));
+    localStorage.setItem("defaultTheme", String(l.LIGHT));
   }, [t]), /* @__PURE__ */ e(
     m,
     {
       size: a,
-      tooltip: r === String(s.DARK) ? n.Shared.lightMode : n.Shared.darkMode,
+      tooltip: r === String(l.DARK) ? s.Shared.lightMode : s.Shared.darkMode,
       variant: "text",
       colors: o,
       className: p({ "mix-blend-multiply dark:mix-blend-normal": o === "gray" }),
-      onClick: l,
-      children: r === String(s.DARK) ? /* @__PURE__ */ e(R, {}) : /* @__PURE__ */ e(G, {})
+      onClick: n,
+      children: r === String(l.DARK) ? /* @__PURE__ */ e(R, {}) : /* @__PURE__ */ e(G, {})
     }
   );
 }, O = ({ variant: o = "ghost", colors: a = "gray", size: r = "default", ...t }) => /* @__PURE__ */ d(L, { variant: o, colors: a, size: r, ...t, children: [
   /* @__PURE__ */ e(B, {}),
-  n.Shared.trialVersion
+  s.Shared.trialVersion
 ] });
 export {
   K as NavigationSwitchTheme,

package/index.es51.js

@@ -13,24 +13,24 @@ function U() {
   return o;
 }
 const D = r.forwardRef(
-  ({ orientation: o = "horizontal", opts: c, setApi: v, plugins: x, className: g, children: u, ...y }, P) => {
+  ({ orientation: o = "horizontal", opts: c, setApi: v, plugins: x, className: g, children: u, ...P }, $) => {
     const [R, t] = J(
       {
         ...c,
         axis: o === "horizontal" ? "x" : "y"
       },
       x
-    ), [h, k] = r.useState(!1), [$, I] = r.useState(!1), e = r.useCallback((l) => {
+    ), [S, k] = r.useState(!1), [w, I] = r.useState(!1), e = r.useCallback((l) => {
       l && (k(l.canScrollPrev()), I(l.canScrollNext()));
-    }, []), w = r.useCallback(() => {
+    }, []), y = r.useCallback(() => {
       t == null || t.scrollPrev();
     }, [t]), n = r.useCallback(() => {
       t == null || t.scrollNext();
     }, [t]), z = r.useCallback(
       (l) => {
-        l.key === "ArrowLeft" ? (l.preventDefault(), w()) : l.key === "ArrowRight" && (l.preventDefault(), n());
+        l.key === "ArrowLeft" ? (l.preventDefault(), y()) : l.key === "ArrowRight" && (l.preventDefault(), n());
       },
-      [w, n]
+      [y, n]
     );
     return r.useEffect(() => {
       !t || !v || v(t);
@@ -47,20 +47,20 @@ const D = r.forwardRef(
           api: t,
           opts: c,
           orientation: o || ((c == null ? void 0 : c.axis) === "y" ? "vertical" : "horizontal"),
-          scrollPrev: w,
+          scrollPrev: y,
           scrollNext: n,
-          canScrollPrev: h,
-          canScrollNext: $
+          canScrollPrev: S,
+          canScrollNext: w
         },
         children: /* @__PURE__ */ a(
           "div",
           {
-            ref: P,
+            ref: $,
             onKeyDownCapture: z,
             className: N("relative", g),
             role: "region",
             "aria-roledescription": "carousel",
-            ...y,
+            ...P,
             children: u
           }
         )
@@ -83,16 +83,16 @@ function re({
   showDots: x = !0,
   showArrows: g = !0,
   loop: u = !0,
-  autoplay: y = !1,
-  autoplayInterval: P = 5e3,
+  autoplay: P = !1,
+  autoplayInterval: $ = 5e3,
   containerClassName: R,
   maxDots: t = null,
-  itemWidth: h = 230,
+  itemWidth: S = 230,
   slidesToShow: k,
-  showPartial: $ = !0,
+  showPartial: w = !0,
   dir: I = "rtl"
 }) {
-  const [e, w] = r.useState(), [n, z] = r.useState(0), [l, B] = r.useState(0), [f, C] = r.useState(!1), [F, _] = r.useState(!0), E = r.useId(), M = r.useMemo(() => k ? `calc(${100 / k}% - ${$ ? "1rem" : "0px"})` : typeof h == "number" ? `${h}px` : h, [h, k, $]), S = r.useCallback(
+  const [e, y] = r.useState(), [n, z] = r.useState(0), [l, B] = r.useState(0), [f, C] = r.useState(!1), [F, _] = r.useState(!0), E = r.useId(), M = r.useMemo(() => k ? `calc(${100 / k}% - ${w ? "1rem" : "0px"})` : typeof S == "number" ? `${S}px` : S, [S, k, w]), h = r.useCallback(
     (s) => {
       if (!e || f)
         return;
@@ -115,10 +115,10 @@ function re({
     },
     [e, f]
   ), A = r.useCallback(() => {
-    !e || f || (u && n === l - 1 ? S(0) : (C(!0), e.scrollNext(), setTimeout(() => C(!1), 300)));
-  }, [e, f, u, n, l, S]), q = r.useCallback(() => {
-    !e || f || (C(!0), u && n === 0 ? S(l - 1) : (e.scrollPrev(), setTimeout(() => C(!1), 300)));
-  }, [e, f, u, n, l, S]);
+    !e || f || (u && n === l - 1 ? h(0) : (C(!0), e.scrollNext(), setTimeout(() => C(!1), 300)));
+  }, [e, f, u, n, l, h]), q = r.useCallback(() => {
+    !e || f || (C(!0), u && n === 0 ? h(l - 1) : (e.scrollPrev(), setTimeout(() => C(!1), 300)));
+  }, [e, f, u, n, l, h]);
   r.useEffect(() => {
     if (!e)
       return;
@@ -135,20 +135,20 @@ function re({
     const s = e.scrollSnapList().length, d = e.canScrollNext(), b = e.canScrollPrev();
     _(d || b || s > 1);
   }, [e, l, n]), r.useEffect(() => {
-    if (!e || !y)
+    if (!e || !P)
       return;
     const s = setInterval(() => {
       f || A();
-    }, P);
+    }, $);
     return () => clearInterval(s);
-  }, [e, y, P, f, A]);
+  }, [e, P, $, f, A]);
   const H = () => {
     if (!t || l <= t)
       return Array.from({ length: l }).map((m, i) => /* @__PURE__ */ a(
         "button",
         {
           className: `size-space-04 rounded-full transition-colors focus:outline-none ${n === i ? "bg-primary" : "bg-background-neutral-200"}`,
-          onClick: () => S(i),
+          onClick: () => h(i),
           disabled: f,
           "aria-label": `Go to slide ${i + 1}`
         },
@@ -162,7 +162,7 @@ function re({
           "button",
           {
             className: `size-space-04 rounded-full transition-colors focus:outline-none ${p ? "bg-primary" : "bg-background-neutral-200"}`,
-            onClick: () => S(i),
+            onClick: () => h(i),
             disabled: f,
             "aria-label": `Go to slide ${i + 1}`
           },
@@ -172,11 +172,11 @@ function re({
     }
     return s;
   };
-  return /* @__PURE__ */ a("div", { className: N("w-full overflow-hidden", R), children: /* @__PURE__ */ L(
+  return /* @__PURE__ */ a("div", { className: N("w-full ", R), children: /* @__PURE__ */ L(
     D,
     {
       dir: I,
-      setApi: w,
+      setApi: y,
       opts: {
         align: "start",
         loop: !1,
@@ -211,7 +211,7 @@ function re({
                 size: "icon",
                 "aria-label": "Previous slide",
                 className: N(!u && n === 0 && "!pointer-events-none"),
-                children: /* @__PURE__ */ a(O, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ a(O, { className: "ltr:rotate-180" })
               }
             ),
             /* @__PURE__ */ a(
@@ -223,7 +223,7 @@ function re({
                 size: "icon",
                 "aria-label": "Next slide",
                 className: N(!u && n === l - 1 && "!pointer-events-none"),
-                children: /* @__PURE__ */ a(Q, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ a(Q, { className: "ltr:rotate-180" })
               }
             )
           ] }),