mada-design-system 0.9.1 → 1.0.0

package/index.es50.js

@@ -1,176 +1,16 @@
-import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import { cva as N } from "./index.es111.js";
-import { createContext as C, useState as T, useEffect as b, useContext as z } from "react";
-import { useMediaQuery as D } from "./index.es106.js";
-import { THEME as l } from "./index.es164.js";
-import "./index.es2.js";
-import { cn as p, formatterTime as u } from "./index.es89.js";
-import k from "./index.es165.js";
-import I from "./index.es142.js";
-import H from "./index.es160.js";
-import A from "./index.es161.js";
-import w from "./index.es162.js";
-import V from "./index.es163.js";
-import { useThemeStore as M } from "./index.es100.js";
-import R from "./index.es166.js";
-import G from "./index.es167.js";
-import { Badge as L } from "./index.es21.js";
-import B from "./index.es168.js";
-import E from "./index.es93.js";
-import F from "./index.es90.js";
-import { ShouldRender as g } from "./index.es15.js";
-import { Button as m } from "./index.es23.js";
-import { strings as s } from "./index.es101.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"
-    },
-    hideDivider: {
-      true: "",
-      false: "border-b"
-    }
-  },
-  compoundVariants: [
-    {
-      colors: "primary",
-      hideDivider: !1,
-      className: "border-b-border-white-40"
-    },
-    {
-      colors: "gray",
-      hideDivider: !1,
-      className: "border-b-border-neutral-primary"
-    }
-  ],
-  defaultVariants: {
-    colors: "primary",
-    hideDivider: !1
-  }
-}), x = C({
-  colors: "primary",
-  hideDivider: !1
-}), 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),
-    ...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, n] = T(u(r).format());
-  return b(() => {
-    const i = setInterval(() => n(u(r).format()), 1e3);
-    return () => {
-      clearInterval(i);
-    };
-  }, [r]), /* @__PURE__ */ d("div", { className: p("flex items-center gap-space-04 text-body-02", o), ...a, children: [
-    /* @__PURE__ */ d("label", { className: "flex items-center gap-space-01", "aria-label": `Current date: ${Intl.DateTimeFormat("en-GB").format()}`, children: [
-      /* @__PURE__ */ e(k, { size: 20 }),
-      /* @__PURE__ */ e("span", { children: Intl.DateTimeFormat("en-GB").format() })
-    ] }),
-    /* @__PURE__ */ d("label", { className: "flex items-center gap-space-01", "aria-label": `Current time: ${t}`, children: [
-      /* @__PURE__ */ e(I, { size: 20 }),
-      /* @__PURE__ */ e("span", { children: t })
-    ] }),
-    a.children
-  ] });
-}, he = ({ className: o, hideTrail: a, hideSwitchTheme: r, ...t }) => {
-  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: s.Accessibility.ColorContrast,
-        variant: "text",
-        colors: c,
-        onClick: n,
-        type: "button",
-        className: f,
-        children: /* @__PURE__ */ e(H, {})
-      }
-    ),
-    /* @__PURE__ */ e(
-      m,
-      {
-        size: "icon-sm",
-        tooltip: s.Accessibility.DecreaseFontSize,
-        variant: "text",
-        colors: c,
-        type: "button",
-        onClick: y,
-        className: f,
-        children: /* @__PURE__ */ e(A, {})
-      }
-    ),
-    /* @__PURE__ */ e(
-      m,
-      {
-        size: "icon-sm",
-        tooltip: s.Accessibility.IncreaseFontSize,
-        variant: "text",
-        type: "button",
-        colors: c,
-        onClick: i,
-        className: f,
-        children: /* @__PURE__ */ e(w, {})
-      }
-    ),
-    /* @__PURE__ */ e(
-      m,
-      {
-        size: "icon-sm",
-        tooltip: s.Accessibility.VoiceCommands,
-        variant: "text",
-        colors: c,
-        type: "button",
-        className: f,
-        onClick: () => {
-          window.open("https://deaf.dga.gov.sa", "_blank", "noopener,noreferrer");
-        },
-        children: /* @__PURE__ */ e(V, { size: 20 })
-      }
-    ),
-    t.children,
-    /* @__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(), n = () => {
-    const i = r === String(l.LIGHT) ? String(l.DARK) : String(l.LIGHT);
-    t(i);
-  };
-  return b(() => {
-    const i = localStorage.getItem("defaultTheme");
-    if (i) {
-      t(i);
-      return;
-    }
-    localStorage.setItem("defaultTheme", String(l.LIGHT));
-  }, [t]), /* @__PURE__ */ e(
-    m,
-    {
-      size: a,
-      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: 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, {}),
-  s.Shared.trialVersion
-] });
+import { useLayoutEffect as s, useEffect as f } from "react";
+import { setLanguage as o } from "./index.es95.js";
+/* empty css          */
+import { useLanguage as u } from "./index.es9.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 {
-  K as NavigationSwitchTheme,
-  pe as SecondNavHeader,
-  he as SecondNavHeaderAction,
-  fe as SecondNavHeaderContent,
-  O as TrialVersion
+  w as Bootstrap
 };