mada-design-system 0.2.3 → 0.2.4

package/index.es373.js

@@ -1,6 +1,11 @@
-function i(s, a) {
-  return s.classList ? !!a && s.classList.contains(a) : (" " + (s.className.baseVal || s.className) + " ").indexOf(" " + a + " ") !== -1;
+function u(e, f = []) {
+  if (e === void 0)
+    return {};
+  const t = {};
+  return Object.keys(e).filter((n) => n.match(/^on[A-Z]/) && typeof e[n] == "function" && !f.includes(n)).forEach((n) => {
+    t[n] = e[n];
+  }), t;
 }
 export {
-  i as default
+  u as default
 };

package/index.es374.js

@@ -1,4 +1,4 @@
-import o from "./index.es289.js";
+import o from "./index.es284.js";
 export {
   o as default
 };

package/index.es375.js

@@ -1,4 +1,4 @@
-import t from "./index.es307.js";
+import t from "./index.es305.js";
 export {
   t as default
 };

package/index.es376.js

@@ -1,15 +1,15 @@
-import G from "./index.es208.js";
-import U from "./index.es209.js";
+import G from "./index.es186.js";
+import U from "./index.es187.js";
 import * as e from "react";
-import _ from "./index.es210.js";
-import { clsx as c } from "./index.es96.js";
-import j from "./index.es222.js";
-import F from "./index.es231.js";
+import _ from "./index.es188.js";
+import { clsx as c } from "./index.es97.js";
+import j from "./index.es201.js";
+import F from "./index.es189.js";
 import J from "./index.es397.js";
 import i from "./index.es378.js";
 import { jsx as k } from "react/jsx-runtime";
-import { keyframes as E } from "./index.es366.js";
-import Q from "./index.es246.js";
+import { keyframes as E } from "./index.es360.js";
+import Q from "./index.es235.js";
 const Z = ["center", "classes", "className"];
 let y = (r) => r, V, D, K, S;
 const w = 550, v = 80, tt = E(V || (V = y`

package/index.es377.js

@@ -1,5 +1,5 @@
-import s from "./index.es233.js";
-import e from "./index.es232.js";
+import s from "./index.es211.js";
+import e from "./index.es210.js";
 function n(t) {
   return e("MuiButtonBase", t);
 }

package/index.es378.js

@@ -1,4 +1,4 @@
-import e from "./index.es233.js";
+import e from "./index.es211.js";
 const l = e("MuiTouchRipple", ["root", "ripple", "rippleVisible", "ripplePulsate", "child", "childLeaving", "childPulsate"]), s = l;
 export {
   s as default

package/index.es379.js

@@ -1,4 +1,4 @@
-import f from "./index.es290.js";
+import f from "./index.es285.js";
 export {
   f as default
 };

package/index.es38.js

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
-import { cva as n } from "./index.es108.js";
-import { clsx as x } from "./index.es96.js";
+import { cva as n } from "./index.es100.js";
+import { clsx as x } from "./index.es97.js";
 const y = n("grid", {
   variants: {
     cols: {

package/index.es380.js

@@ -1,14 +1,14 @@
-import x from "./index.es208.js";
-import z from "./index.es209.js";
+import x from "./index.es186.js";
+import z from "./index.es187.js";
 import * as $ from "react";
-import o from "./index.es210.js";
-import { clsx as T } from "./index.es96.js";
-import b from "./index.es231.js";
-import w from "./index.es222.js";
-import { getSvgIconUtilityClass as C } from "./index.es400.js";
+import o from "./index.es188.js";
+import { clsx as T } from "./index.es97.js";
+import b from "./index.es189.js";
+import w from "./index.es201.js";
+import { getSvgIconUtilityClass as C } from "./index.es399.js";
 import { jsxs as R, jsx as I } from "react/jsx-runtime";
-import g from "./index.es307.js";
-import O from "./index.es230.js";
+import g from "./index.es305.js";
+import O from "./index.es209.js";
 const B = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"], N = (e) => {
   const {
     color: t,

package/index.es381.js

@@ -1,4 +1,4 @@
-import e from "./index.es227.js";
+import e from "./index.es206.js";
 export {
   e as default
 };

package/index.es382.js

@@ -1,4 +1,4 @@
-import e from "./index.es309.js";
+import e from "./index.es308.js";
 export {
   e as default
 };

package/index.es39.js

@@ -1,5 +1,5 @@
 import { jsx as x } from "react/jsx-runtime";
-import { clsx as c } from "./index.es96.js";
+import { clsx as c } from "./index.es97.js";
 const u = ({
   minChildWidth: r,
   cols: e = 12,

package/index.es397.js

@@ -1,6 +1,6 @@
 import * as n from "react";
-import e from "./index.es210.js";
-import { clsx as a } from "./index.es96.js";
+import e from "./index.es188.js";
+import { clsx as a } from "./index.es97.js";
 import { jsx as u } from "react/jsx-runtime";
 function x(c) {
   const {

package/index.es399.js

@@ -1,6 +1,9 @@
-function e(t, n) {
-  typeof t == "function" ? t(n) : t && (t.current = n);
+import r from "./index.es210.js";
+import t from "./index.es211.js";
+function n(o) {
+  return r("MuiSvgIcon", o);
 }
+t("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
 export {
-  e as default
+  n as getSvgIconUtilityClass
 };

package/index.es4.js

@@ -1,12 +1,12 @@
 import { jsx as a, jsxs as u, Fragment as z } from "react/jsx-runtime";
-import { useReactTable as F, flexRender as M } from "./index.es105.js";
+import { useReactTable as F, flexRender as M } from "./index.es96.js";
 import { Skeleton as b } from "./index.es61.js";
 import { Table as H, TableHeader as _, TableRow as f, TableHead as A, TableBody as B, TableCell as R } from "./index.es64.js";
-import { clsx as E } from "./index.es96.js";
+import { clsx as E } from "./index.es97.js";
 import S, { useState as Q, useEffect as C } from "react";
-import { useMediaQuery as V } from "./index.es106.js";
+import { useMediaQuery as V } from "./index.es98.js";
 import { PaginationDescription as q, LinesPerPage as G, Pagination as J } from "./index.es12.js";
-import { getCoreRowModel as K, getPaginationRowModel as O } from "./index.es107.js";
+import { getCoreRowModel as K, getPaginationRowModel as O } from "./index.es99.js";
 function le({
   columns: m,
   data: g,

package/index.es40.js

@@ -1,6 +1,6 @@
 import { jsx as y } from "react/jsx-runtime";
-import { cva as m } from "./index.es108.js";
-import { clsx as l } from "./index.es96.js";
+import { cva as m } from "./index.es100.js";
+import { clsx as l } from "./index.es97.js";
 const u = m("flex", {
   variants: {
     direction: {

package/index.es41.js

@@ -1,48 +1,48 @@
-import { jsxs as s, jsx as e, Fragment as y } from "react/jsx-runtime";
+import { jsxs as c, jsx as e, Fragment as R } from "react/jsx-runtime";
 import * as l from "@radix-ui/react-navigation-menu";
-import { cva as H } from "./index.es108.js";
-import * as c from "react";
+import { cva as H } from "./index.es100.js";
+import * as s from "react";
 import { Content as B } from "@radix-ui/react-dialog";
 import { Slot as v } from "@radix-ui/react-slot";
-import { useMediaQuery as w, useToggle as F } from "./index.es106.js";
-import { cn as i } from "./index.es79.js";
-import { strings as g } from "./index.es91.js";
+import { useMediaQuery as L, useToggle as D } from "./index.es98.js";
+import { cn as n } from "./index.es79.js";
+import { strings as p } from "./index.es91.js";
 import "./index.es2.js";
-import { Button as p } from "./index.es22.js";
-import { Input as _ } from "./index.es35.js";
-import { Sheet as C, SheetTrigger as K, SheetClose as x, SheetContent as E, SheetHeader as G, SheetTitle as P, SheetFooter as O } from "./index.es59.js";
-import Q from "./index.es134.js";
-import N from "./index.es111.js";
-import q from "./index.es135.js";
-import { ShouldRender as u } from "./index.es14.js";
-import b from "./index.es128.js";
-import L from "./index.es136.js";
+import { Button as f } from "./index.es22.js";
+import { Input as F } from "./index.es35.js";
+import { Sheet as M, SheetTrigger as _, SheetClose as x, SheetContent as K, SheetHeader as E, SheetTitle as G, SheetFooter as P } from "./index.es59.js";
+import O from "./index.es127.js";
+import N from "./index.es103.js";
+import Q from "./index.es128.js";
+import { ShouldRender as g } from "./index.es14.js";
+import h from "./index.es121.js";
+import q from "./index.es129.js";
 import { Stack as J } from "./index.es40.js";
 import U from "./index.es6.js";
-import { ToggleGroup as W, ToggleGroupItem as M } from "./index.es70.js";
-import k from "./index.es83.js";
-const X = c.forwardRef(({ className: t, children: a, ...r }, o) => {
-  const { dir: n } = k();
-  return /* @__PURE__ */ s(l.Root, { dir: n, ref: o, className: i("relative z-10 hidden flex-1 items-center lg:flex", t), ...r, children: [
+import { ToggleGroup as W, ToggleGroupItem as S } from "./index.es70.js";
+import y from "./index.es83.js";
+const X = s.forwardRef(({ className: t, children: a, ...r }, o) => {
+  const { dir: i } = y();
+  return /* @__PURE__ */ c(l.Root, { dir: i, ref: o, className: n("relative z-10 hidden flex-1 items-center lg:flex", t), ...r, children: [
     a,
-    /* @__PURE__ */ e(z, {})
+    /* @__PURE__ */ e(C, {})
   ] });
 });
 X.displayName = l.Root.displayName;
-const Y = c.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e(l.List, { ref: r, className: i("group flex flex-1 list-none items-center justify-center", t), ...a }));
+const Y = s.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e(l.List, { ref: r, className: n("group flex flex-1 list-none items-center justify-center", t), ...a }));
 Y.displayName = l.List.displayName;
-const ze = l.Item, h = H(
+const ze = l.Item, b = H(
   `group relative inline-flex h-[72px] items-center justify-center gap-space-01 px-space-05 py-space-02 after:absolute  after:bottom-0  after:start-1/2  after:h-space-02  after:w-[calc(100%_-_16px)]  after:rounded-full
      hover:bg-button-background-neutral-hovered hover:after:bg-background-neutral-400 focus:bg-transparent
      focus:outline focus:outline-2 focus:outline-black active:bg-button-background-neutral-pressed active:after:bg-background-neutral-800
      ltr:after:-translate-x-1/2  rtl:after:translate-x-1/2
     data-[state=open]:bg-button-background-primary-hovered hover:data-[state=open]:bg-button-background-primary-hovered data-[state=open]:text-text-oncolor-primary hover:data-[state=open]:after:bg-background-primary-400 data-[state=open]:after:bg-background-primary-400 data-[state=open]:active:bg-button-background-primary-pressed
     [&.active]:bg-button-background-primary-hovered [&.active]:text-text-oncolor-primary [&.active]:after:bg-background-primary-400 [&.active]:active:bg-button-background-primary-pressed`
-), Z = c.forwardRef(({ className: t, children: a, ...r }, o) => /* @__PURE__ */ s(l.Trigger, { ref: o, className: i(h(), "", t), ...r, children: [
+), Z = s.forwardRef(({ className: t, children: a, ...r }, o) => /* @__PURE__ */ c(l.Trigger, { ref: o, className: n(b(), "", t), ...r, children: [
   a,
   " ",
   /* @__PURE__ */ e(
-    Q,
+    O,
     {
       size: 20,
       className: "relative top-[1px] me-1 transition duration-200 group-data-[state=open]:rotate-180",
@@ -51,11 +51,11 @@ const ze = l.Item, h = H(
   )
 ] }));
 Z.displayName = l.Trigger.displayName;
-const $ = c.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+const $ = s.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   l.Content,
   {
     ref: r,
-    className: i(
+    className: n(
       "data-[motion=from-end]:animate-enterFromRight data-[motion=from-start]:animate-enterFromLeft data-[motion=to-end]:animate-exitToRight data-[motion=to-start]:animate-exitToLeft absolute start-0 top-0 w-full sm:w-auto",
       t
     ),
@@ -63,10 +63,10 @@ const $ = c.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   }
 ));
 $.displayName = l.Content.displayName;
-const V = c.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+const V = s.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   l.Link,
   {
-    className: i(
+    className: n(
       "group relative inline-flex h-[72px] items-center justify-center gap-space-01 px-space-05 py-space-02 after:absolute after:bottom-0 after:start-1/2 after:h-space-02 after:w-[calc(100%_-_16px)] after:rounded-full hover:bg-button-background-neutral-hovered hover:after:bg-background-neutral-400 focus:bg-transparent focus:outline focus:outline-2 focus:outline-black active:bg-button-background-neutral-pressed active:after:bg-background-neutral-800 ltr:after:-translate-x-1/2 rtl:after:translate-x-1/2 [&.active]:bg-button-background-primary-hovered [&.active]:text-text-oncolor-primary [&.active]:after:bg-background-primary-400 [&.active]:active:bg-button-background-primary-pressed",
       t
     ),
@@ -75,10 +75,10 @@ const V = c.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   }
 ));
 V.displayName = l.Link.displayName;
-const z = c.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e("div", { className: i("absolute start-0 top-full flex justify-center"), children: /* @__PURE__ */ e(
+const C = s.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e("div", { className: n("absolute start-0 top-full flex justify-center"), children: /* @__PURE__ */ e(
   l.Viewport,
   {
-    className: i(
+    className: n(
       "origin-top-center relative mt-1.5 h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]",
       t
     ),
@@ -86,12 +86,12 @@ const z = c.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e("div", {
     ...a
   }
 ) }));
-z.displayName = l.Viewport.displayName;
-const ee = c.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e(
+C.displayName = l.Viewport.displayName;
+const ee = s.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   l.Indicator,
   {
     ref: r,
-    className: i(
+    className: n(
       "top-full z-[1] flex h-1.5 items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in",
       t
     ),
@@ -100,12 +100,12 @@ const ee = c.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e(
   }
 ));
 ee.displayName = l.Indicator.displayName;
-const te = c.forwardRef(
-  ({ className: t, divider: a = !1, children: r, ...o }, n) => /* @__PURE__ */ e(
+const te = s.forwardRef(
+  ({ className: t, divider: a = !1, children: r, ...o }, i) => /* @__PURE__ */ e(
     "header",
     {
-      ref: n,
-      className: i(
+      ref: i,
+      className: n(
         "relative z-50 flex h-[72px] min-h-[72px] w-full bg-background-menu",
         {
           "after:absolute after:bottom-0 after:start-0 after:block after:h-[1px] after:w-full after:bg-background-neutral-100": a
@@ -118,23 +118,23 @@ const te = c.forwardRef(
   )
 );
 te.displayName = "NavigationHeader";
-const ae = c.forwardRef(
-  ({ className: t, logoAlt: a, logoSrc: r, ...o }, n) => /* @__PURE__ */ e("a", { ref: n, className: i("flex w-full shrink-0 md:justify-center lg:w-auto", t), ...o, children: /* @__PURE__ */ e("img", { src: r, alt: a || "logo" }) })
+const ae = s.forwardRef(
+  ({ className: t, logoAlt: a, logoSrc: r, ...o }, i) => /* @__PURE__ */ e("a", { ref: i, className: n("flex w-full shrink-0 md:justify-center lg:w-auto", t), ...o, children: /* @__PURE__ */ e("img", { src: r, alt: a || "logo" }) })
 );
 ae.displayName = "NavigationHeaderLogo";
-const re = c.forwardRef(({ className: t, collapsed: a, onToggleCollapsed: r, children: o, ...n }, d) => /* @__PURE__ */ s("div", { ref: d, className: i("flex w-full items-center gap-space-04", t), ...n, children: [
-  /* @__PURE__ */ e(p, { variant: "text", colors: "neutral", size: "icon", type: "button", rounded: "default", className: "lg:hidden", onClick: r, children: a ? /* @__PURE__ */ e(N, {}) : /* @__PURE__ */ e(q, {}) }),
+const re = s.forwardRef(({ className: t, collapsed: a, onToggleCollapsed: r, children: o, ...i }, d) => /* @__PURE__ */ c("div", { ref: d, className: n("flex w-full items-center gap-space-04", t), ...i, children: [
+  /* @__PURE__ */ e(f, { variant: "text", colors: "neutral", size: "icon", type: "button", rounded: "default", className: "lg:hidden", onClick: r, children: a ? /* @__PURE__ */ e(N, {}) : /* @__PURE__ */ e(Q, {}) }),
   o
 ] }));
 re.displayName = "NavigationMain";
-const oe = c.forwardRef(({ className: t, children: a, ...r }, o) => /* @__PURE__ */ e("div", { ref: o, className: i("flex items-center", t), ...r, children: a }));
+const oe = s.forwardRef(({ className: t, children: a, ...r }, o) => /* @__PURE__ */ e("div", { ref: o, className: n("flex items-center", t), ...r, children: a }));
 oe.displayName = "NavigationActions";
-const ne = c.forwardRef(
-  ({ className: t, children: a, asChild: r, ...o }, n) => {
-    const d = r ? v : "button", m = w("(max-width: 1023px)");
-    return /* @__PURE__ */ s(y, { children: [
-      /* @__PURE__ */ e(u, { shouldRender: r && m, children: /* @__PURE__ */ e(p, { asChild: !0, variant: "ghost", size: "icon", colors: "gray", children: /* @__PURE__ */ e(v, { ref: n, className: t, ...o, children: a }) }) }),
-      /* @__PURE__ */ e(u, { shouldRender: !m, children: /* @__PURE__ */ e(d, { className: i(h(), t), ref: n, ...o, children: a }) })
+const ne = s.forwardRef(
+  ({ className: t, children: a, asChild: r, ...o }, i) => {
+    const d = r ? v : "button", u = L("(max-width: 1023px)");
+    return /* @__PURE__ */ c(R, { children: [
+      /* @__PURE__ */ e(g, { shouldRender: r && u, children: /* @__PURE__ */ e(f, { asChild: !0, variant: "ghost", size: "icon", colors: "gray", children: /* @__PURE__ */ e(v, { ref: i, className: t, ...o, children: a }) }) }),
+      /* @__PURE__ */ e(g, { shouldRender: !u, children: /* @__PURE__ */ e(d, { className: n(b(), t), ref: i, ...o, children: a }) })
     ] });
   }
 );
@@ -144,84 +144,81 @@ const Te = ({
   onValueChange: a,
   children: r
 }) => {
-  const [o, n] = c.useState(""), d = w("(max-width: 1023px)"), [m, S, T] = F(), j = (f) => {
-    f.key === "Enter" && t(o.trim());
-  }, I = (f) => {
-    const R = f.target.value;
-    n(R), a == null || a(R);
+  const [o, i] = s.useState(""), d = L("(max-width: 1023px)"), [u, w, z] = D(), T = (m) => {
+    m.key === "Enter" && t(o.trim());
+  }, j = (m) => {
+    const k = m.target.value;
+    i(k), a == null || a(k);
+  }, I = () => {
+    i(""), t("");
   }, A = () => {
-    n(""), t("");
-  }, D = () => {
     t(o);
   };
-  return /* @__PURE__ */ s(
-    C,
+  return /* @__PURE__ */ c(
+    M,
     {
-      open: m,
-      onOpenChange: (f) => {
-        T(f), setTimeout(() => {
+      open: u,
+      onOpenChange: (m) => {
+        z(m), setTimeout(() => {
           document.body.style.removeProperty("pointer-events");
         }, 1e3);
       },
       children: [
-        /* @__PURE__ */ e(K, { asChild: !0, children: /* @__PURE__ */ s(y, { children: [
-          /* @__PURE__ */ e(u, { shouldRender: !d, children: /* @__PURE__ */ s("button", { className: h(), onClick: S, children: [
-            /* @__PURE__ */ e(b, {}),
+        /* @__PURE__ */ e(_, { asChild: !0, children: /* @__PURE__ */ c(R, { children: [
+          /* @__PURE__ */ e(g, { shouldRender: !d, children: /* @__PURE__ */ c("button", { className: b(), onClick: w, children: [
+            /* @__PURE__ */ e(h, {}),
             " ",
-            /* @__PURE__ */ e("span", { className: "sr-only lg:not-sr-only", children: g.Shared.Search })
+            /* @__PURE__ */ e("span", { className: "sr-only lg:not-sr-only", children: p.Shared.Search })
           ] }) }),
-          /* @__PURE__ */ e(u, { shouldRender: d, children: /* @__PURE__ */ e(p, { variant: "ghost", colors: "gray", size: "icon", onClick: S, children: /* @__PURE__ */ e(b, {}) }) })
+          /* @__PURE__ */ e(g, { shouldRender: d, children: /* @__PURE__ */ e(f, { variant: "ghost", colors: "gray", size: "icon", onClick: w, children: /* @__PURE__ */ e(h, {}) }) })
         ] }) }),
-        /* @__PURE__ */ e(B, { className: "absolute inset-x-0 top-[72px] z-50 flex w-full flex-col overflow-y-auto rounded-b-3 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out sm:max-w-full", children: /* @__PURE__ */ e("div", { className: "scrollbar-thumb-rounded-full scrollbar-track-rounded-full scrollbar-w-2.5 scrollbar-h-2.5 h-full overflow-auto bg-background-menu p-space-05 scrollbar scrollbar-track-transparent scrollbar-thumb-border", children: /* @__PURE__ */ s("div", { className: "mx-auto flex max-w-screen-xl flex-col py-space-06", children: [
-          /* @__PURE__ */ e(x, { asChild: !0, className: "ms-auto", children: /* @__PURE__ */ e(p, { size: "icon-sm", rounded: "default", variant: "text", colors: "neutral", type: "button", children: /* @__PURE__ */ e(N, {}) }) }),
-          /* @__PURE__ */ s("div", { className: "flex gap-space-04 py-space-07", children: [
+        /* @__PURE__ */ e(B, { className: "absolute inset-x-0 top-[72px] z-50 flex w-full flex-col overflow-y-auto rounded-b-3 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out sm:max-w-full", children: /* @__PURE__ */ e("div", { className: "scrollbar-thumb-rounded-full scrollbar-track-rounded-full scrollbar-w-2.5 scrollbar-h-2.5 h-full overflow-auto bg-background-menu p-space-05 scrollbar scrollbar-track-transparent scrollbar-thumb-border", children: /* @__PURE__ */ c("div", { className: "mx-auto flex max-w-screen-xl flex-col py-space-06", children: [
+          /* @__PURE__ */ e(x, { asChild: !0, className: "ms-auto", children: /* @__PURE__ */ e(f, { size: "icon-sm", rounded: "default", variant: "text", colors: "neutral", type: "button", children: /* @__PURE__ */ e(N, {}) }) }),
+          /* @__PURE__ */ c("div", { className: "flex gap-space-04 py-space-07", children: [
             /* @__PURE__ */ e(
-              _,
+              F,
               {
                 rounded: "default",
                 value: o,
-                placeholder: g.Shared.Search,
-                startAdornment: /* @__PURE__ */ e(b, {}),
-                onKeyDown: j,
-                onChange: I,
-                endAdornment: o && /* @__PURE__ */ e("button", { type: "button", className: "text-text-default", onClick: A, children: /* @__PURE__ */ e(N, { size: 20 }) })
+                placeholder: p.Shared.Search,
+                startAdornment: /* @__PURE__ */ e(h, {}),
+                onKeyDown: T,
+                onChange: j,
+                endAdornment: o && /* @__PURE__ */ e("button", { type: "button", className: "text-text-default", onClick: I, children: /* @__PURE__ */ e(N, { size: 20 }) })
               }
             ),
-            /* @__PURE__ */ e(x, { asChild: !0, children: /* @__PURE__ */ e(p, { colors: "primary", rounded: "default", onClick: D, children: g.Shared.Search }) })
+            /* @__PURE__ */ e(x, { asChild: !0, children: /* @__PURE__ */ e(f, { colors: "primary", rounded: "default", onClick: A, children: p.Shared.Search }) })
           ] }),
           r
         ] }) }) })
       ]
     }
   );
-}, je = ({ onValueChange: t }) => {
-  const { changeLang: a, lang: r } = k(), o = w("(max-width: 1023px)"), n = () => {
-    a(r === "ar" ? "en" : "ar"), t == null || t();
+}, je = ({ onValueChange: t, className: a }) => {
+  const { changeLang: r, lang: o } = y(), i = () => {
+    r(o === "ar" ? "en" : "ar"), t == null || t();
   };
-  return /* @__PURE__ */ s(y, { children: [
-    /* @__PURE__ */ e(u, { shouldRender: !o, children: /* @__PURE__ */ s("button", { className: i(h(), "hidden md:flex"), onClick: n, "data-testid": "localizationBtn", children: [
-      /* @__PURE__ */ e(L, {}),
-      " ",
-      /* @__PURE__ */ e("span", { className: "sr-only lg:not-sr-only", children: g.Shared.siteLanguageText })
-    ] }) }),
-    /* @__PURE__ */ e(u, { shouldRender: o, children: /* @__PURE__ */ e(p, { variant: "ghost", colors: "gray", size: "icon", onClick: n, children: /* @__PURE__ */ e(L, {}) }) })
+  return /* @__PURE__ */ c("button", { className: n(b(), "hidden lg:inline-flex", a), onClick: i, "data-testid": "localizationBtn", children: [
+    /* @__PURE__ */ e(q, {}),
+    " ",
+    /* @__PURE__ */ e("span", { className: "sr-only lg:not-sr-only", children: p.Shared.siteLanguageText })
   ] });
 }, Ie = ({
   open: t,
   onOpenChange: a,
   children: r
-}) => /* @__PURE__ */ e(C, { open: t, onOpenChange: a, children: /* @__PURE__ */ e(E, { side: "right", className: "flex h-svh w-10/12 flex-col overflow-x-hidden p-0 sm:max-w-lg md:max-w-xl", children: r }) }), Ae = ({ children: t, className: a, ...r }) => /* @__PURE__ */ e(G, { hideCenter: !0, className: i("flex items-center justify-between bg-background-neutral-25 px-space-05", a), ...r, children: /* @__PURE__ */ e(P, { children: t }) }), De = ({
+}) => /* @__PURE__ */ e(M, { open: t, onOpenChange: a, children: /* @__PURE__ */ e(K, { side: "right", className: "flex h-svh w-10/12 flex-col overflow-x-hidden p-0 sm:max-w-lg md:max-w-xl", children: r }) }), Ae = ({ children: t, className: a, ...r }) => /* @__PURE__ */ e(E, { hideCenter: !0, className: n("flex items-center justify-between bg-background-neutral-25 px-space-05", a), ...r, children: /* @__PURE__ */ e(G, { children: t }) }), He = ({
   children: t,
   className: a,
   hideSwitchLang: r,
   ...o
-}) => /* @__PURE__ */ s(O, { className: i("flex !flex-col gap-y-space-04 bg-transparent", a), ...o, children: [
-  /* @__PURE__ */ e(u, { shouldRender: !r, children: /* @__PURE__ */ e(ie, {}) }),
+}) => /* @__PURE__ */ c(P, { className: n("flex !flex-col gap-y-space-04 bg-transparent", a), ...o, children: [
+  /* @__PURE__ */ e(g, { shouldRender: !r, children: /* @__PURE__ */ e(ie, {}) }),
   t
-] }), He = ({ children: t, className: a, ...r }) => /* @__PURE__ */ e(
+] }), Be = ({ children: t, className: a, ...r }) => /* @__PURE__ */ e(
   "div",
   {
-    className: i(
+    className: n(
       "scrollbar-thumb-rounded-full scrollbar-track-rounded-full scrollbar-w-2.5 scrollbar-h-2.5 h-full overflow-auto bg-card p-space-04 text-foreground scrollbar scrollbar-track-transparent scrollbar-thumb-border",
       a
     ),
@@ -229,10 +226,10 @@ const Te = ({
     children: t
   }
 ), ie = () => {
-  const { changeLang: t, lang: a } = k();
-  return /* @__PURE__ */ s(J, { justifyContent: "between", alignItems: "center", children: [
-    /* @__PURE__ */ e(U, { children: g.Shared.Language }),
-    /* @__PURE__ */ s(
+  const { changeLang: t, lang: a } = y();
+  return /* @__PURE__ */ c(J, { justifyContent: "between", alignItems: "center", children: [
+    /* @__PURE__ */ e(U, { children: p.Shared.Language }),
+    /* @__PURE__ */ c(
       W,
       {
         type: "single",
@@ -245,24 +242,24 @@ const Te = ({
           t(r);
         },
         children: [
-          /* @__PURE__ */ e(M, { value: "ar", children: "العربية" }),
-          /* @__PURE__ */ e(M, { value: "en", children: "English" })
+          /* @__PURE__ */ e(S, { value: "ar", children: "العربية" }),
+          /* @__PURE__ */ e(S, { value: "en", children: "English" })
         ]
       }
     )
   ] });
-}, le = c.forwardRef(
-  ({ className: t, target: a, asChild: r, ...o }, n) => {
-    const d = r ? v : "a", m = a === "_blank" ? "noopener noreferrer" : "";
+}, le = s.forwardRef(
+  ({ className: t, target: a, asChild: r, ...o }, i) => {
+    const d = r ? v : "a", u = a === "_blank" ? "noopener noreferrer" : "";
     return /* @__PURE__ */ e(x, { asChild: !0, children: /* @__PURE__ */ e(
       d,
       {
-        className: i(
+        className: n(
           "group relative inline-flex gap-space-01 rounded px-space-04 py-space-02 text-body-01 font-semibold text-text-default focus:outline focus:outline-2 focus:outline-black active:bg-button-background-neutral-pressed active:before:absolute active:before:start-0 active:before:top-1/2 active:before:h-space-05 active:before:w-[6px] active:before:-translate-y-1/2 active:before:rounded-full active:before:bg-background-neutral-800",
           t
         ),
-        ref: n,
-        rel: m,
+        ref: i,
+        rel: u,
         ...o
       }
     ) });
@@ -282,14 +279,14 @@ export {
   V as NavigationMenuLink,
   Y as NavigationMenuList,
   Z as NavigationMenuTrigger,
-  z as NavigationMenuViewport,
-  He as NavigationMobileBody,
-  De as NavigationMobileFooter,
+  C as NavigationMenuViewport,
+  Be as NavigationMobileBody,
+  He as NavigationMobileFooter,
   Ae as NavigationMobileHeader,
   le as NavigationMobileLink,
   Ie as NavigationMobileSideBar,
   ie as NavigationMobileSwitchLanguage,
   Te as NavigationSearch,
   je as NavigationSwitchLanguage,
-  h as navigationMenuTriggerStyle
+  b as navigationMenuTriggerStyle
 };

package/index.es43.js

@@ -4,10 +4,10 @@ import { Button as N } from "./index.es22.js";
 import { useState as O, useRef as V, useCallback as l, useReducer as $ } from "react";
 import { strings as o } from "./index.es91.js";
 import { ShouldRender as S } from "./index.es14.js";
-import M from "./index.es137.js";
-import G from "./index.es138.js";
-import B from "./index.es139.js";
-import Z from "./index.es111.js";
+import M from "./index.es130.js";
+import G from "./index.es131.js";
+import B from "./index.es132.js";
+import Z from "./index.es103.js";
 import { cn as u } from "./index.es79.js";
 const q = {
   "image/png": [".png"],

package/index.es44.js

@@ -1,17 +1,17 @@
 import { jsx as r, jsxs as c } from "react/jsx-runtime";
 import b, { useState as L } from "react";
-import { useMediaQuery as N } from "./index.es106.js";
+import { useMediaQuery as N } 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.es140.js";
+import z from "./index.es133.js";
 import { Collapsible as H, CollapsibleTrigger as O, CollapsibleContent as _ } from "./index.es26.js";
-import A from "./index.es141.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 { 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.es142.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";