mada-design-system 0.5.0 → 0.5.2

package/index.es413.js

@@ -0,0 +1,9 @@
+import i from "./index.es220.js";
+import e from "./index.es221.js";
+function o(t) {
+  return i("MuiList", t);
+}
+e("MuiList", ["root", "padding", "dense", "subheader"]);
+export {
+  o as getListUtilityClass
+};

package/index.es414.js

@@ -0,0 +1,4 @@
+var r = {};
+export {
+  r as __exports
+};

package/index.es415.js

@@ -0,0 +1,4 @@
+var e = {};
+export {
+  e as __exports
+};

package/index.es416.js

@@ -0,0 +1,10 @@
+import t from "./index.es417.js";
+var r = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, a = /* @__PURE__ */ t(
+  function(e) {
+    return r.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
+  }
+  /* Z+1 */
+);
+export {
+  a as default
+};

package/index.es417.js

@@ -0,0 +1,9 @@
+function u(t) {
+  var n = /* @__PURE__ */ Object.create(null);
+  return function(e) {
+    return n[e] === void 0 && (n[e] = t(e)), n[e];
+  };
+}
+export {
+  u as default
+};

package/index.es418.js

@@ -0,0 +1,22 @@
+function c(e) {
+  for (var f = 0, x, a = 0, d = e.length; d >= 4; ++a, d -= 4)
+    x = e.charCodeAt(a) & 255 | (e.charCodeAt(++a) & 255) << 8 | (e.charCodeAt(++a) & 255) << 16 | (e.charCodeAt(++a) & 255) << 24, x = /* Math.imul(k, m): */
+    (x & 65535) * 1540483477 + ((x >>> 16) * 59797 << 16), x ^= /* k >>> r: */
+    x >>> 24, f = /* Math.imul(k, m): */
+    (x & 65535) * 1540483477 + ((x >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */
+    (f & 65535) * 1540483477 + ((f >>> 16) * 59797 << 16);
+  switch (d) {
+    case 3:
+      f ^= (e.charCodeAt(a + 2) & 255) << 16;
+    case 2:
+      f ^= (e.charCodeAt(a + 1) & 255) << 8;
+    case 1:
+      f ^= e.charCodeAt(a) & 255, f = /* Math.imul(h, m): */
+      (f & 65535) * 1540483477 + ((f >>> 16) * 59797 << 16);
+  }
+  return f ^= f >>> 13, f = /* Math.imul(h, m): */
+  (f & 65535) * 1540483477 + ((f >>> 16) * 59797 << 16), ((f ^ f >>> 15) >>> 0).toString(36);
+}
+export {
+  c as default
+};

package/index.es419.js

@@ -0,0 +1,53 @@
+var o = {
+  animationIterationCount: 1,
+  aspectRatio: 1,
+  borderImageOutset: 1,
+  borderImageSlice: 1,
+  borderImageWidth: 1,
+  boxFlex: 1,
+  boxFlexGroup: 1,
+  boxOrdinalGroup: 1,
+  columnCount: 1,
+  columns: 1,
+  flex: 1,
+  flexGrow: 1,
+  flexPositive: 1,
+  flexShrink: 1,
+  flexNegative: 1,
+  flexOrder: 1,
+  gridRow: 1,
+  gridRowEnd: 1,
+  gridRowSpan: 1,
+  gridRowStart: 1,
+  gridColumn: 1,
+  gridColumnEnd: 1,
+  gridColumnSpan: 1,
+  gridColumnStart: 1,
+  msGridRow: 1,
+  msGridRowSpan: 1,
+  msGridColumn: 1,
+  msGridColumnSpan: 1,
+  fontWeight: 1,
+  lineHeight: 1,
+  opacity: 1,
+  order: 1,
+  orphans: 1,
+  scale: 1,
+  tabSize: 1,
+  widows: 1,
+  zIndex: 1,
+  zoom: 1,
+  WebkitLineClamp: 1,
+  // SVG-related properties
+  fillOpacity: 1,
+  floodOpacity: 1,
+  stopOpacity: 1,
+  strokeDasharray: 1,
+  strokeDashoffset: 1,
+  strokeMiterlimit: 1,
+  strokeOpacity: 1,
+  strokeWidth: 1
+};
+export {
+  o as default
+};

package/index.es42.js

@@ -1,292 +1,118 @@
-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.es104.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 L, useToggle as D } from "./index.es102.js";
-import { cn as n } from "./index.es84.js";
-import { strings as p } from "./index.es96.js";
-import "./index.es2.js";
-import { Button as f } from "./index.es22.js";
-import { Input as F } from "./index.es36.js";
-import { Sheet as M, SheetTrigger as _, SheetClose as x, SheetContent as K, SheetHeader as E, SheetTitle as G, SheetFooter as P } from "./index.es65.js";
-import O from "./index.es130.js";
-import N from "./index.es107.js";
-import Q from "./index.es131.js";
-import { ShouldRender as g } from "./index.es14.js";
-import h from "./index.es124.js";
-import q from "./index.es132.js";
-import { Stack as J } from "./index.es41.js";
-import U from "./index.es6.js";
-import { ToggleGroup as W, ToggleGroupItem as S } from "./index.es76.js";
-import y from "./index.es88.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(C, {})
-  ] });
-});
-X.displayName = l.Root.displayName;
-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, 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 = s.forwardRef(({ className: t, children: a, ...r }, o) => /* @__PURE__ */ c(l.Trigger, { ref: o, className: n(b(), "", t), ...r, children: [
-  a,
-  " ",
-  /* @__PURE__ */ e(
-    O,
-    {
-      size: 20,
-      className: "relative top-[1px] me-1 transition duration-200 group-data-[state=open]:rotate-180",
-      "aria-hidden": "true"
+import { jsx as y } from "react/jsx-runtime";
+import { cva as m } from "./index.es105.js";
+import { clsx as l } from "./index.es102.js";
+const u = m("flex", {
+  variants: {
+    direction: {
+      row: "flex-row",
+      "row-reverse": "flex-row-reverse",
+      col: "flex-col",
+      "col-reverse": "flex-col-reverse"
+    },
+    gap: {
+      none: "",
+      small: "gap-space-04",
+      medium: "gap-space-05",
+      1: "gap-space-01",
+      2: "gap-space-02",
+      3: "gap-space-03",
+      4: "gap-space-04",
+      5: "gap-space-05",
+      6: "gap-space-06",
+      7: "gap-space-07",
+      8: "gap-space-08",
+      9: "gap-space-09",
+      10: "gap-space-10",
+      11: "gap-space-11",
+      12: "gap-space-12"
+    },
+    gapX: {
+      none: "",
+      small: "gap-x-space-04",
+      medium: "gap-x-space-05",
+      1: "gap-x-space-01",
+      2: "gap-x-space-02",
+      3: "gap-x-space-03",
+      4: "gap-x-space-04",
+      5: "gap-x-space-05",
+      6: "gap-x-space-06",
+      7: "gap-x-space-07",
+      8: "gap-x-space-08",
+      9: "gap-x-space-09",
+      10: "gap-x-space-10",
+      11: "gap-x-space-11",
+      12: "gap-x-space-12"
+    },
+    gapY: {
+      none: "",
+      small: "gap-y-space-04",
+      medium: "gap-y-space-05",
+      1: "gap-y-space-01",
+      2: "gap-y-space-02",
+      3: "gap-y-space-03",
+      4: "gap-y-space-04",
+      5: "gap-y-space-05",
+      6: "gap-y-space-06",
+      7: "gap-y-space-07",
+      8: "gap-y-space-08",
+      9: "gap-y-space-09",
+      10: "gap-y-space-10",
+      11: "gap-y-space-11",
+      12: "gap-y-space-12"
+    },
+    alignItems: {
+      start: "items-start",
+      center: "items-center",
+      end: "items-end",
+      stretch: "items-stretch"
+    },
+    justifyItems: {
+      start: "justify-items-start",
+      center: "justify-items-center",
+      end: "justify-items-end",
+      stretch: "justify-items-stretch"
+    },
+    alignContent: {
+      start: "content-start",
+      center: "content-center",
+      end: "content-end",
+      between: "content-between",
+      around: "content-around",
+      evenly: "content-evenly"
+    },
+    justifyContent: {
+      start: "justify-start",
+      center: "justify-center",
+      end: "justify-end",
+      between: "justify-between",
+      around: "justify-around",
+      evenly: "justify-evenly"
     }
-  )
-] }));
-Z.displayName = l.Trigger.displayName;
-const $ = s.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e(
-  l.Content,
-  {
-    ref: r,
-    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
-    ),
-    ...a
-  }
-));
-$.displayName = l.Content.displayName;
-const V = s.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e(
-  l.Link,
-  {
-    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
-    ),
-    ref: r,
-    ...a
-  }
-));
-V.displayName = l.Link.displayName;
-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: 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
-    ),
-    ref: r,
-    ...a
-  }
-) }));
-C.displayName = l.Viewport.displayName;
-const ee = s.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e(
-  l.Indicator,
-  {
-    ref: r,
-    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
-    ),
-    ...a,
-    children: /* @__PURE__ */ e("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+  },
+  defaultVariants: {
+    direction: "row",
+    gap: "medium"
   }
-));
-ee.displayName = l.Indicator.displayName;
-const te = s.forwardRef(
-  ({ className: t, divider: a = !1, children: r, ...o }, i) => /* @__PURE__ */ e(
-    "header",
-    {
-      ref: i,
-      className: n(
-        "relative z-50 flex h-[72px] min-h-[72px] w-full bg-background-menu px-space-04 md:px-space-06 ",
-        {
-          "after:absolute after:bottom-0 after:start-0 after:block after:h-[1px] after:w-full after:bg-background-neutral-100": a
-        },
-        t
-      ),
-      ...o,
-      children: /* @__PURE__ */ e("div", { className: "max-w-container mx-auto flex w-full items-center  justify-between ", children: r })
-    }
-  )
-);
-te.displayName = "NavigationHeader";
-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 = 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 = 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 = 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 }) })
-    ] });
-  }
-);
-ne.displayName = "NavigationAction";
-const Te = ({
-  onSearch: t,
-  onValueChange: a,
-  children: 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 = () => {
-    t(o);
-  };
-  return /* @__PURE__ */ c(
-    M,
-    {
-      open: u,
-      onOpenChange: (m) => {
-        z(m), setTimeout(() => {
-          document.body.style.removeProperty("pointer-events");
-        }, 1e3);
-      },
-      children: [
-        /* @__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: p.Shared.Search })
-          ] }) }),
-          /* @__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__ */ 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: 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(f, { colors: "primary", rounded: "default", onClick: A, children: p.Shared.Search }) })
-          ] }),
-          r
-        ] }) }) })
-      ]
-    }
-  );
-}, je = ({ onValueChange: t, className: a }) => {
-  const { changeLang: r, lang: o } = y(), i = () => {
-    r(o === "ar" ? "en" : "ar"), t == null || t();
-  };
-  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(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,
+}), j = ({
+  direction: e,
+  gap: a,
+  gapX: s,
+  gapY: p,
+  justifyContent: t,
+  justifyItems: c,
+  alignContent: n,
+  alignItems: r,
+  className: g,
+  children: i,
   ...o
-}) => /* @__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
-] }), Be = ({ children: t, className: a, ...r }) => /* @__PURE__ */ e(
+}) => /* @__PURE__ */ y(
   "div",
   {
-    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
-    ),
-    ...r,
-    children: t
-  }
-), ie = () => {
-  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",
-        size: "sm",
-        "data-testid": "localizationBtn",
-        value: a,
-        variant: "outline",
-        colors: "gray",
-        onValueChange: (r) => {
-          t(r);
-        },
-        children: [
-          /* @__PURE__ */ e(S, { value: "ar", children: "العربية" }),
-          /* @__PURE__ */ e(S, { value: "en", children: "English" })
-        ]
-      }
-    )
-  ] });
-}, 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: 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: i,
-        rel: u,
-        ...o
-      }
-    ) });
+    className: l(u({ direction: e, gap: a, gapX: s, gapY: p, justifyContent: t, justifyItems: c, alignContent: n, alignItems: r }), g),
+    ...o,
+    children: i
   }
 );
-le.displayName = l.Link.displayName;
 export {
-  ne as NavigationAction,
-  oe as NavigationActions,
-  te as NavigationHeader,
-  ae as NavigationHeaderLogo,
-  re as NavigationMain,
-  X as NavigationMenu,
-  $ as NavigationMenuContent,
-  ee as NavigationMenuIndicator,
-  ze as NavigationMenuItem,
-  V as NavigationMenuLink,
-  Y as NavigationMenuList,
-  Z as NavigationMenuTrigger,
-  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,
-  b as navigationMenuTriggerStyle
+  j as Stack
 };