mada-design-system 0.0.9 → 0.0.11

package/index.es40.js

@@ -1,20 +1,118 @@
-import { jsx as x } from "react/jsx-runtime";
-import { clsx as c } from "./index.es86.js";
-const u = ({
-  minChildWidth: r,
-  cols: e = 12,
-  // Default to 12 columns
-  gap: p = "gap-space-05",
-  // Default spacing
-  gapX: a = "",
-  gapY: m = "",
-  className: o,
-  children: s,
-  ...t
-}) => {
-  const f = r ? `repeat(auto-fill, minmax(${typeof r == "number" ? `${r}px` : r}, 1fr))` : `repeat(${e}, minmax(0, 1fr))`;
-  return /* @__PURE__ */ x("div", { className: c("grid", p, a, m, o), style: { gridTemplateColumns: f }, ...t, children: s });
-};
+import { jsx as y } from "react/jsx-runtime";
+import { cva as m } from "./index.es102.js";
+import { clsx as l } from "./index.es92.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"
+    }
+  },
+  defaultVariants: {
+    direction: "row",
+    gap: "medium"
+  }
+}), j = ({
+  direction: e,
+  gap: a,
+  gapX: s,
+  gapY: p,
+  justifyContent: t,
+  justifyItems: c,
+  alignContent: n,
+  alignItems: r,
+  className: g,
+  children: i,
+  ...o
+}) => /* @__PURE__ */ y(
+  "div",
+  {
+    className: l(u({ direction: e, gap: a, gapX: s, gapY: p, justifyContent: t, justifyItems: c, alignContent: n, alignItems: r }), g),
+    ...o,
+    children: i
+  }
+);
 export {
-  u as SimpleGrid
+  j as Stack
 };

package/index.es41.js

@@ -1,118 +1,242 @@
-import { jsx as y } from "react/jsx-runtime";
-import { cva as m } from "./index.es89.js";
-import { clsx as l } from "./index.es86.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"
+import { jsxs as d, jsx as e } from "react/jsx-runtime";
+import * as n from "@radix-ui/react-navigation-menu";
+import { cva as S } from "./index.es102.js";
+import * as s from "react";
+import { Content as M } from "@radix-ui/react-dialog";
+import { Slot as R } from "@radix-ui/react-slot";
+import { cn as i } from "./index.es76.js";
+import { strings as f } from "./index.es88.js";
+import "./index.es2.js";
+import { Button as u } from "./index.es22.js";
+import { Input as z } from "./index.es35.js";
+import { Sheet as N, SheetTrigger as C, SheetClose as g, SheetContent as j, SheetHeader as T, SheetTitle as I } from "./index.es57.js";
+import y from "./index.es80.js";
+import H from "./index.es128.js";
+import b from "./index.es105.js";
+import _ from "./index.es129.js";
+import A from "./index.es113.js";
+import x from "./index.es122.js";
+import B from "./index.es130.js";
+const D = s.forwardRef(({ className: a, children: t, ...r }, o) => {
+  const { dir: l } = y();
+  return /* @__PURE__ */ d(n.Root, { dir: l, ref: o, className: i("relative z-10 hidden flex-1 items-center sm:flex  ", a), ...r, children: [
+    t,
+    /* @__PURE__ */ e(w, {})
+  ] });
+});
+D.displayName = n.Root.displayName;
+const K = s.forwardRef(({ className: a, ...t }, r) => /* @__PURE__ */ e(n.List, { ref: r, className: i("group flex flex-1 list-none items-center justify-center", a), ...t }));
+K.displayName = n.List.displayName;
+const ue = n.Item, v = S(
+  `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`
+), F = s.forwardRef(({ className: a, children: t, ...r }, o) => /* @__PURE__ */ d(n.Trigger, { ref: o, className: i(v(), "", a), ...r, children: [
+  t,
+  " ",
+  /* @__PURE__ */ e(
+    H,
+    {
+      size: 20,
+      className: "relative top-[1px] me-1 transition duration-200 group-data-[state=open]:rotate-180",
+      "aria-hidden": "true"
     }
-  },
-  defaultVariants: {
-    direction: "row",
-    gap: "medium"
+  )
+] }));
+F.displayName = n.Trigger.displayName;
+const P = s.forwardRef(({ className: a, ...t }, r) => /* @__PURE__ */ e(
+  n.Content,
+  {
+    ref: r,
+    className: i(
+      "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",
+      a
+    ),
+    ...t
+  }
+));
+P.displayName = n.Content.displayName;
+const E = s.forwardRef(({ className: a, ...t }, r) => /* @__PURE__ */ e(
+  n.Link,
+  {
+    className: i(
+      "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",
+      a
+    ),
+    ref: r,
+    ...t
   }
-}), j = ({
-  direction: e,
-  gap: a,
-  gapX: s,
-  gapY: p,
-  justifyContent: t,
-  justifyItems: c,
-  alignContent: n,
-  alignItems: r,
-  className: g,
-  children: i,
-  ...o
-}) => /* @__PURE__ */ y(
-  "div",
+));
+E.displayName = n.Link.displayName;
+const w = s.forwardRef(({ className: a, ...t }, r) => /* @__PURE__ */ e("div", { className: i("absolute start-0 top-full flex justify-center"), children: /* @__PURE__ */ e(
+  n.Viewport,
   {
-    className: l(u({ direction: e, gap: a, gapX: s, gapY: p, justifyContent: t, justifyItems: c, alignContent: n, alignItems: r }), g),
-    ...o,
-    children: i
+    className: i(
+      "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)]",
+      a
+    ),
+    ref: r,
+    ...t
+  }
+) }));
+w.displayName = n.Viewport.displayName;
+const O = s.forwardRef(({ className: a, ...t }, r) => /* @__PURE__ */ e(
+  n.Indicator,
+  {
+    ref: r,
+    className: i(
+      "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",
+      a
+    ),
+    ...t,
+    children: /* @__PURE__ */ e("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
+  }
+));
+O.displayName = n.Indicator.displayName;
+const q = s.forwardRef(
+  ({ className: a, divider: t = !1, children: r, ...o }, l) => /* @__PURE__ */ e(
+    "header",
+    {
+      ref: l,
+      className: i(
+        "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": t
+        },
+        a
+      ),
+      ...o,
+      children: /* @__PURE__ */ e("div", { className: "flex w-full items-center justify-between px-space-04 md:px-space-06", children: r })
+    }
+  )
+);
+q.displayName = "NavigationHeader";
+const G = s.forwardRef(
+  ({ className: a, logoAlt: t, logoSrc: r, ...o }, l) => /* @__PURE__ */ e("a", { ref: l, className: i("shrink-0", a), ...o, children: /* @__PURE__ */ e("img", { src: r, alt: t || "logo" }) })
+);
+G.displayName = "NavigationHeaderLogo";
+const J = s.forwardRef(({ className: a, collapsed: t, onToggleCollapsed: r, children: o, ...l }, c) => /* @__PURE__ */ d("div", { ref: c, className: i("flex w-full items-center gap-space-04", a), ...l, children: [
+  /* @__PURE__ */ e(u, { variant: "text", colors: "neutral", size: "icon", rounded: "default", className: "sm:hidden", onClick: r, children: t ? /* @__PURE__ */ e(b, {}) : /* @__PURE__ */ e(_, {}) }),
+  o
+] }));
+J.displayName = "NavigationMain";
+const Q = s.forwardRef(({ className: a, children: t, ...r }, o) => /* @__PURE__ */ d("div", { ref: o, className: i("flex items-center ", a), ...r, children: [
+  /* @__PURE__ */ d(u, { variant: "text", colors: "neutral", size: "icon", rounded: "default", className: "sm:hidden", children: [
+    /* @__PURE__ */ e(A, {}),
+    " "
+  ] }),
+  t
+] }));
+Q.displayName = "NavigationActions";
+const me = ({
+  onSearch: a,
+  onValueChange: t,
+  children: r
+}) => {
+  const [o, l] = s.useState(""), c = (p) => {
+    p.key === "Enter" && a(o.trim());
+  }, m = (p) => {
+    const h = p.target.value;
+    l(h), t == null || t(h);
+  }, k = () => {
+    l(""), a("");
+  }, L = () => {
+    a(o);
+  };
+  return /* @__PURE__ */ d(
+    N,
+    {
+      onOpenChange: () => {
+        setTimeout(() => {
+          document.body.style.removeProperty("pointer-events");
+        }, 1e3);
+      },
+      children: [
+        /* @__PURE__ */ d(C, { className: v(), children: [
+          /* @__PURE__ */ e(x, {}),
+          " Search"
+        ] }),
+        /* @__PURE__ */ e(M, { 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 data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top data-[side=bottom]:max-md:h-[93%] 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__ */ d("div", { className: "mx-auto flex max-w-screen-xl flex-col py-space-06", children: [
+          /* @__PURE__ */ e(g, { asChild: !0, className: "ms-auto", children: /* @__PURE__ */ e(u, { size: "icon-sm", rounded: "default", variant: "text", colors: "neutral", children: /* @__PURE__ */ e(b, {}) }) }),
+          /* @__PURE__ */ d("div", { className: "flex gap-space-04 py-space-07", children: [
+            /* @__PURE__ */ e(
+              z,
+              {
+                rounded: "default",
+                value: o,
+                placeholder: f.Shared.Search,
+                startAdornment: /* @__PURE__ */ e(x, {}),
+                onKeyDown: c,
+                onChange: m,
+                endAdornment: o && /* @__PURE__ */ e("button", { type: "button", className: "text-text-default", onClick: k, children: /* @__PURE__ */ e(b, { size: 20 }) })
+              }
+            ),
+            /* @__PURE__ */ e(g, { asChild: !0, children: /* @__PURE__ */ e(u, { colors: "primary", rounded: "default", onClick: L, children: f.Shared.Search }) })
+          ] }),
+          r
+        ] }) }) })
+      ]
+    }
+  );
+}, pe = ({ onValueChange: a }) => {
+  const { changeLang: t, lang: r } = y();
+  return /* @__PURE__ */ d(
+    "button",
+    {
+      className: v(),
+      onClick: () => {
+        t(r === "ar" ? "en" : "ar"), a == null || a();
+      },
+      "data-testid": "localizationBtn",
+      children: [
+        /* @__PURE__ */ e("span", { children: f.Shared.siteLanguageText }),
+        " ",
+        /* @__PURE__ */ e(B, {})
+      ]
+    }
+  );
+}, fe = ({
+  open: a,
+  onOpenChange: t,
+  children: r
+}) => /* @__PURE__ */ e(N, { open: a, onOpenChange: t, children: /* @__PURE__ */ e(j, { 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 }) }), ge = ({ children: a, className: t, ...r }) => /* @__PURE__ */ e(T, { className: i("flex items-center justify-between p-space-04", t), ...r, children: /* @__PURE__ */ e(I, { children: a }) }), U = s.forwardRef(
+  ({ className: a, target: t, asChild: r, ...o }, l) => {
+    const c = r ? R : "a", m = t === "_blank" ? "noopener noreferrer" : "";
+    return /* @__PURE__ */ e(g, { asChild: !0, children: /* @__PURE__ */ e(
+      c,
+      {
+        className: i(
+          "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:-translate-x-1/2  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    [&.active]:bg-button-background-primary-hovered [&.active]:text-text-oncolor-primary [&.active]:after:bg-background-primary-400 [&.active]:active:bg-button-background-primary-pressed",
+          a
+        ),
+        ref: l,
+        rel: m,
+        ...o
+      }
+    ) });
   }
 );
+U.displayName = n.Link.displayName;
 export {
-  j as Stack
+  Q as NavigationActions,
+  q as NavigationHeader,
+  G as NavigationHeaderLogo,
+  J as NavigationMain,
+  D as NavigationMenu,
+  P as NavigationMenuContent,
+  O as NavigationMenuIndicator,
+  ue as NavigationMenuItem,
+  E as NavigationMenuLink,
+  K as NavigationMenuList,
+  F as NavigationMenuTrigger,
+  w as NavigationMenuViewport,
+  ge as NavigationMobileHeader,
+  U as NavigationMobileLink,
+  fe as NavigationMobileSideBar,
+  me as NavigationSearch,
+  pe as NavigationSwitchLanguage,
+  v as navigationMenuTriggerStyle
 };

package/index.es42.js

@@ -1,82 +1,16 @@
-import { jsxs as s, jsx as i } from "react/jsx-runtime";
-import * as t from "@radix-ui/react-navigation-menu";
-import { cva as l } from "./index.es89.js";
-import * as r from "react";
-import { cn as n } from "./index.es69.js";
-import c from "./index.es118.js";
-const f = r.forwardRef(({ className: e, children: a, ...o }, d) => /* @__PURE__ */ s(t.Root, { ref: d, className: n("relative z-10 flex max-w-max flex-1 items-center justify-center", e), ...o, children: [
-  a,
-  /* @__PURE__ */ i(m, {})
-] }));
-f.displayName = t.Root.displayName;
-const u = r.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ i(
-  t.List,
-  {
-    ref: o,
-    className: n("group flex flex-1 list-none items-center justify-center space-x-1", e),
-    ...a
-  }
-));
-u.displayName = t.List.displayName;
-const b = t.Item, p = l(
-  "group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-accent/50 data-[state=open]:bg-accent/50"
-), g = r.forwardRef(({ className: e, children: a, ...o }, d) => /* @__PURE__ */ s(t.Trigger, { ref: d, className: n(p(), "group", e), ...o, children: [
-  a,
-  " ",
-  /* @__PURE__ */ i(
-    c,
-    {
-      className: "relative top-[1px] ml-1 h-3 w-3 transition duration-200 group-data-[state=open]:rotate-180",
-      "aria-hidden": "true"
-    }
-  )
-] }));
-g.displayName = t.Trigger.displayName;
-const v = r.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ i(
-  t.Content,
-  {
-    ref: o,
-    className: n(
-      "left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto ",
-      e
-    ),
-    ...a
-  }
-));
-v.displayName = t.Content.displayName;
-const M = t.Link, m = r.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ i("div", { className: n("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ i(
-  t.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)]",
-      e
-    ),
-    ref: o,
-    ...a
-  }
-) }));
-m.displayName = t.Viewport.displayName;
-const N = r.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ i(
-  t.Indicator,
-  {
-    ref: o,
-    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",
-      e
-    ),
-    ...a,
-    children: /* @__PURE__ */ i("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-md" })
-  }
-));
-N.displayName = t.Indicator.displayName;
+import { useLayoutEffect as s, useEffect as f } from "react";
+import { setLanguage as o } from "./index.es88.js";
+import "./index.es2.js";
+import u from "./index.es80.js";
+const w = ({ children: c, onLanguageChange: t, onDirChange: r }) => {
+  const { lang: i, dir: e } = u();
+  return s(() => {
+    var m;
+    document.dir = e, navigator.userAgent.indexOf("iPhone") > -1 && ((m = document == null ? void 0 : document.querySelector("[name=viewport]")) == null || m.setAttribute("content", "width=device-width, initial-scale=1, maximum-scale=1")), r == null || r();
+  }, [e, r]), f(() => {
+    i && (o(i), t == null || t());
+  }, [i, t]), c;
+};
 export {
-  f as NavigationMenu,
-  v as NavigationMenuContent,
-  N as NavigationMenuIndicator,
-  b as NavigationMenuItem,
-  M as NavigationMenuLink,
-  u as NavigationMenuList,
-  g as NavigationMenuTrigger,
-  m as NavigationMenuViewport,
-  p as navigationMenuTriggerStyle
+  w as Bootstrap
 };