mada-design-system 0.0.9

package/index.es56.js

@@ -0,0 +1,56 @@
+import { jsx as s } from "react/jsx-runtime";
+import * as e from "@radix-ui/react-tabs";
+import { cva as b } from "./index.es89.js";
+import * as i from "react";
+import { cn as n } from "./index.es69.js";
+const d = b(
+  `inline-flex items-center justify-center whitespace-nowrap text-body-02
+text-foreground-secondary ring-offset-background transition-all hover:data-[state=inactive]:text-primary-dark focus-visible:ring-2 focus-visible:ring-ring
+focus-visible:ring-offset-2 disabled:pointer-events-none disabled:text-disabled
+data-[state=active]:font-semibold`,
+  {
+    variants: {
+      container: {
+        filled: "inline-flex  items-center justify-center gap-space-01  rounded-full border border-input bg-muted p-space-01",
+        underline: "",
+        transparent: "inline-flex items-center justify-center gap-space-01 rounded-full"
+      },
+      variant: {
+        filled: "hover:bg-card-hover rounded-full py-space-01 px-space-04 focus-visible:outline-none data-[state=active]:bg-primary data-[state=active]:text-primary-foreground data-[state=active]:shadow-sm hover:data-[state=active]:bg-primary-dark data-[state=active]:disabled:bg-disabled",
+        underline: "hover:bg-card-hover py-space-02 px-space-04 data-[state=active]:text-primary border-b-2 border-b-transparent data-[state=active]:border-b-primary data-[state=active]:hover:border-b-primary-dark data-[state=active]:hover:text-primary-dark data-[state=active]:disabled:border-b-disabled",
+        transparent: "hover:bg-card-hover hover:data-[state=inactive]:text-card-foreground rounded-full py-space-02 px-space-04  focus-visible:outline-none data-[state=active]:bg-background data-[state=active]:text-card-foreground data-[state=active]:shadow-sm hover:data-[state=active]:bg-background data-[state=active]:disabled:bg-disabled"
+      }
+    }
+  }
+), y = e.Root, c = i.createContext({
+  variant: "filled"
+}), v = i.forwardRef(({ className: t, variant: a = "filled", children: r, ...o }, l) => /* @__PURE__ */ s(e.List, { ref: l, className: n(d({ container: a }), t), ...o, children: /* @__PURE__ */ s(c.Provider, { value: { variant: a }, children: r }) }));
+v.displayName = e.List.displayName;
+const f = i.forwardRef(
+  ({ className: t, ...a }, r) => {
+    const o = i.useContext(c);
+    return /* @__PURE__ */ s(e.Trigger, { ref: r, className: n(d({ variant: o.variant }), t), ...a });
+  }
+);
+f.displayName = e.Trigger.displayName;
+const p = i.forwardRef(
+  ({ className: t, ...a }, r) => /* @__PURE__ */ s(
+    e.Content,
+    {
+      ref: r,
+      className: n(
+        "mt-2 ring-offset-background data-[state=inactive]:hidden focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+        t
+      ),
+      ...a
+    }
+  )
+);
+p.displayName = e.Content.displayName;
+export {
+  y as Tabs,
+  p as TabsContent,
+  v as TabsList,
+  f as TabsTrigger,
+  d as tabVariants
+};

package/index.es57.js

@@ -0,0 +1,64 @@
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { cva as f } from "./index.es89.js";
+import * as x from "react";
+import { cn as v } from "./index.es69.js";
+import { ShouldRender as h } from "./index.es14.js";
+import "./index.es34.js";
+import { useFormContext as b } from "./index.es35.js";
+const g = f(
+  "flex relative min-h-[10rem] w-full border ps-space-04 text-base hover:border-foreground   disabled:cursor-not-allowed disabled:text-disabled aria-[invalid=true]:border-error",
+  {
+    variants: {
+      variant: {
+        default: "bg-muted",
+        outline: "bg-transparent"
+      },
+      rounded: {
+        default: "rounded-2",
+        full: "rounded-4"
+      },
+      colors: {
+        default: "border-input",
+        success: "border-success",
+        destructive: "border-error"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      rounded: "default",
+      colors: "default"
+    }
+  }
+), w = x.forwardRef(
+  ({ className: o, variant: s, rounded: c, startAdornment: l, colors: u, endAdornment: n, maxLength: d, ...e }, m) => {
+    var i;
+    const a = b();
+    return /* @__PURE__ */ t("div", { className: "flex flex-col gap-space-01", children: [
+      /* @__PURE__ */ t("div", { className: v(g({ variant: s, rounded: c, colors: u }), o), "aria-invalid": e["aria-invalid"], children: [
+        l && /* @__PURE__ */ r("div", { className: "mr-space-02 mt-space-04 h-[2rem] w-[2rem] ", children: l }),
+        /* @__PURE__ */ r(
+          "textarea",
+          {
+            className: "w-full resize-none bg-transparent py-space-03 outline-none placeholder:text-foreground-secondary",
+            ref: m,
+            maxLength: d,
+            ...e
+          }
+        ),
+        n && /* @__PURE__ */ r("div", { className: "ml-space-02 h-[2rem] w-[2rem]", children: n })
+      ] }),
+      /* @__PURE__ */ r(h, { shouldRender: !!(e != null && e.name) && !!a && !!d, children: /* @__PURE__ */ t("span", { className: "flex flex-row-reverse text-caption-01 text-foreground", children: [
+        /* @__PURE__ */ t("span", { className: "text-foreground-secondary", children: [
+          " ",
+          d
+        ] }),
+        "/",
+        /* @__PURE__ */ r("span", { children: (i = a == null ? void 0 : a.watch(String(e == null ? void 0 : e.name))) == null ? void 0 : i.length })
+      ] }) })
+    ] });
+  }
+);
+w.displayName = "Textarea";
+export {
+  w as Textarea
+};

package/index.es58.js

@@ -0,0 +1,86 @@
+import { jsx as a } from "react/jsx-runtime";
+import * as e from "@radix-ui/react-toast";
+import { cva as n } from "./index.es89.js";
+import * as r from "react";
+import { cn as i } from "./index.es69.js";
+import c from "./index.es104.js";
+const N = e.Provider, l = r.forwardRef(({ className: t, ...o }, s) => /* @__PURE__ */ a(
+  e.Viewport,
+  {
+    ref: s,
+    className: i(
+      "fixed bottom-space-05 z-[10000000000000] flex max-h-screen w-full flex-col p-4 sm:bottom-10 sm:left-1/2  sm:top-auto lg:max-w-[500px] ltr:sm:translate-x-1/2 rtl:sm:-translate-x-1/2",
+      t
+    ),
+    ...o
+  }
+));
+l.displayName = e.Viewport.displayName;
+const p = n(
+  "group pointer-events-auto gap-space-03 relative bg-card flex sm:flex-row w-full items-center space-x-4 overflow-hidden rounded-3 border p-space-03 shadow-xsm transition-all data-[swipe=cancel]:translate-y-0 data-[swipe=end]:translate-y-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-y-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-bottom-full data-[state=open]:slide-in-from-bottom-full",
+  {
+    variants: {
+      variant: {
+        default: "border text-foreground",
+        destructive: "destructive group border-error",
+        success: "success group border-success text-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+), u = r.forwardRef(({ className: t, variant: o, ...s }, d) => /* @__PURE__ */ a(e.Root, { ref: d, className: i(p({ variant: o }), t), ...s }));
+u.displayName = e.Root.displayName;
+const m = r.forwardRef(
+  ({ className: t, ...o }, s) => /* @__PURE__ */ a(
+    e.Action,
+    {
+      ref: s,
+      className: i(
+        "group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 group-[.destructive]:focus:ring-destructive disabled:pointer-events-none disabled:opacity-50",
+        t
+      ),
+      ...o
+    }
+  )
+);
+m.displayName = e.Action.displayName;
+const f = r.forwardRef(
+  ({ className: t, ...o }, s) => /* @__PURE__ */ a(
+    e.Close,
+    {
+      ref: s,
+      className: i(
+        "text-foreground/50 flex h-space-06 w-space-06 items-center justify-center rounded-md transition-opacity group-hover:opacity-100 focus:opacity-100 focus:outline-none focus:ring-2 ",
+        t
+      ),
+      "toast-close": "",
+      ...o,
+      children: /* @__PURE__ */ a(c, { className: "size-[18px] text-foreground" })
+    }
+  )
+);
+f.displayName = e.Close.displayName;
+const v = r.forwardRef(
+  ({ className: t, ...o }, s) => /* @__PURE__ */ a(
+    e.Title,
+    {
+      ref: s,
+      className: i("text-body-01 font-semibold group-[.destructive]:text-error group-[.success]:text-success", t),
+      ...o
+    }
+  )
+);
+v.displayName = e.Title.displayName;
+const x = r.forwardRef(({ className: t, ...o }, s) => /* @__PURE__ */ a(e.Description, { ref: s, className: i("text-body-01 opacity-90", t), ...o }));
+x.displayName = e.Description.displayName;
+export {
+  u as Toast,
+  m as ToastAction,
+  f as ToastClose,
+  x as ToastDescription,
+  N as ToastProvider,
+  v as ToastTitle,
+  l as ToastViewport
+};

package/index.es59.js

@@ -0,0 +1,26 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { ToastProvider as n, Toast as m, ToastClose as d, ToastTitle as f, ToastDescription as p, ToastViewport as T } from "./index.es58.js";
+import { useToast as h } from "./index.es63.js";
+import x from "./index.es70.js";
+function y() {
+  const { toasts: a } = h(), i = x((r) => r.isActive);
+  return /* @__PURE__ */ s(n, { children: [
+    a.map(function({ id: r, title: o, description: t, action: c, ...l }) {
+      return /* @__PURE__ */ s(m, { ...l, className: `${i ? "grayscale" : "grayscale-0"}`, children: [
+        /* @__PURE__ */ e(d, {}),
+        /* @__PURE__ */ e("span", { className: "!ml-0 !mr-0 h-space-07 self-center border border-border opacity-20" }),
+        /* @__PURE__ */ s("div", { className: "flex grow flex-col justify-between sm:flex-row", children: [
+          /* @__PURE__ */ s("div", { className: "grid flex-1 gap-1", children: [
+            o && /* @__PURE__ */ e(f, { children: o }),
+            t && /* @__PURE__ */ e(p, { children: t })
+          ] }),
+          c
+        ] })
+      ] }, r);
+    }),
+    /* @__PURE__ */ e(T, {})
+  ] });
+}
+export {
+  y as Toaster
+};

package/index.es6.js

@@ -0,0 +1,9 @@
+import { jsx as p } from "react/jsx-runtime";
+import { Slot as s } from "@radix-ui/react-slot";
+import { forwardRef as a } from "react";
+const o = a(({ as: t, children: r, asChild: e, ...m }, n) => /* @__PURE__ */ p(e ? s : t || "span", { ref: n, ...m, children: r }));
+o.displayName = "Text";
+const d = o;
+export {
+  d as default
+};

package/index.es60.js

@@ -0,0 +1,39 @@
+import { jsx as s } from "react/jsx-runtime";
+import * as e from "@radix-ui/react-toggle";
+import { cva as d } from "./index.es89.js";
+import * as n from "react";
+import { cn as l } from "./index.es69.js";
+const f = d(
+  `group inline-flex items-center justify-center rounded-full font-medium ring-offset-background transition-colors
+    focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2
+    disabled:bg-transparent  disabled:text-disabled disabled:border-disabled disabled:pointer-events-none disabld:data-[state=on]:bg-disabled
+     `,
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border border-input bg-transparent "
+      },
+      size: {
+        default: "px-space-04 py-space-02 h-[4rem] text-body-02",
+        sm: "px-space-03 py-[6px] h-[3.2rem] text-body-01",
+        icon: "p-space-03",
+        fit: ""
+      },
+      colors: {
+        default: "hover:bg-card-hover  data-[state=on]:bg-primary data-[state=on]:text-primary-foreground  hover:data-[state=on]:bg-primary-dark",
+        gray: "hover:bg-card-hover hover:text-card-foreground data-[state=on]:bg-inverted data-[state=on]:text-inverted-foreground  hover:data-[state=on]:bg-foreground-secondary"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+      colors: "default"
+    }
+  }
+), b = n.forwardRef(({ className: t, variant: a, size: r, ...o }, i) => /* @__PURE__ */ s(e.Root, { ref: i, className: l(f({ variant: a, size: r, className: t })), ...o }));
+b.displayName = e.Root.displayName;
+export {
+  b as Toggle,
+  f as toggleVariants
+};

package/index.es61.js

@@ -0,0 +1,34 @@
+import { jsx as n } from "react/jsx-runtime";
+import * as o from "@radix-ui/react-toggle-group";
+import * as e from "react";
+import { toggleVariants as g } from "./index.es60.js";
+import { cn as c } from "./index.es69.js";
+const p = e.createContext({
+  size: "default",
+  variant: "default"
+}), d = e.forwardRef(({ className: t, variant: r, size: a, children: s, ...i }, m) => /* @__PURE__ */ n(o.Root, { ref: m, className: c("flex items-center justify-center gap-1", t), ...i, children: /* @__PURE__ */ n(p.Provider, { value: { variant: r, size: a }, children: s }) }));
+d.displayName = o.Root.displayName;
+const u = e.forwardRef(({ className: t, children: r, variant: a, size: s, colors: i, ...m }, f) => {
+  const l = e.useContext(p);
+  return /* @__PURE__ */ n(
+    o.Item,
+    {
+      ref: f,
+      className: c(
+        g({
+          variant: l.variant || a,
+          size: l.size || s,
+          colors: l.colors || i
+        }),
+        t
+      ),
+      ...m,
+      children: r
+    }
+  );
+});
+u.displayName = o.Item.displayName;
+export {
+  d as ToggleGroup,
+  u as ToggleGroupItem
+};

package/index.es62.js

@@ -0,0 +1,23 @@
+import { jsx as a } from "react/jsx-runtime";
+import * as r from "react";
+import * as o from "@radix-ui/react-tooltip";
+import { cn as s } from "./index.es69.js";
+const l = o.Provider, f = o.Root, c = o.Trigger, m = r.forwardRef(({ className: t, sideOffset: e = 4, ...i }, d) => /* @__PURE__ */ a(
+  o.Content,
+  {
+    ref: d,
+    sideOffset: e,
+    className: s(
+      "z-50 overflow-hidden rounded-md border  bg-popover px-3 py-1.5 text-body-01 text-popover-foreground shadow-md  animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      t
+    ),
+    ...i
+  }
+));
+m.displayName = o.Content.displayName;
+export {
+  f as Tooltip,
+  m as TooltipContent,
+  l as TooltipProvider,
+  c as TooltipTrigger
+};

package/index.es63.js

@@ -0,0 +1,95 @@
+import * as c from "react";
+const d = 1, p = 1e6;
+let u = 0;
+function A() {
+  return u = (u + 1) % Number.MAX_VALUE, u.toString();
+}
+const a = /* @__PURE__ */ new Map(), S = (t) => {
+  if (a.has(t))
+    return;
+  const s = setTimeout(() => {
+    a.delete(t), n({
+      type: "REMOVE_TOAST",
+      toastId: t
+    });
+  }, p);
+  a.set(t, s);
+}, f = (t, s) => {
+  switch (s.type) {
+    case "ADD_TOAST":
+      return {
+        ...t,
+        toasts: [s.toast, ...t.toasts].slice(0, d)
+      };
+    case "UPDATE_TOAST":
+      return {
+        ...t,
+        toasts: t.toasts.map((e) => e.id === s.toast.id ? { ...e, ...s.toast } : e)
+      };
+    case "DISMISS_TOAST": {
+      const { toastId: e } = s;
+      return e ? S(e) : t.toasts.forEach((o) => {
+        S(o.id);
+      }), {
+        ...t,
+        toasts: t.toasts.map(
+          (o) => o.id === e || e === void 0 ? {
+            ...o,
+            open: !1
+          } : o
+        )
+      };
+    }
+    case "REMOVE_TOAST":
+      return s.toastId === void 0 ? {
+        ...t,
+        toasts: []
+      } : {
+        ...t,
+        toasts: t.toasts.filter((e) => e.id !== s.toastId)
+      };
+  }
+}, r = [];
+let T = { toasts: [] };
+function n(t) {
+  T = f(T, t), r.forEach((s) => {
+    s(T);
+  });
+}
+function O({ ...t }) {
+  const s = A(), e = (i) => n({
+    type: "UPDATE_TOAST",
+    toast: { ...i, id: s }
+  }), o = () => n({ type: "DISMISS_TOAST", toastId: s });
+  return n({
+    type: "ADD_TOAST",
+    toast: {
+      ...t,
+      id: s,
+      open: !0,
+      onOpenChange: (i) => {
+        i || o();
+      }
+    }
+  }), {
+    id: s,
+    dismiss: o,
+    update: e
+  };
+}
+function m() {
+  const [t, s] = c.useState(T);
+  return c.useEffect(() => (r.push(s), () => {
+    const e = r.indexOf(s);
+    e > -1 && r.splice(e, 1);
+  }), [t]), {
+    ...t,
+    toast: O,
+    dismiss: (e) => n({ type: "DISMISS_TOAST", toastId: e })
+  };
+}
+export {
+  f as reducer,
+  O as toast,
+  m as useToast
+};

package/index.es64.js

@@ -0,0 +1,24 @@
+import { useIsFetching as t } from "@tanstack/react-query";
+function g(c, o, n) {
+  const a = o.getQueryData(c), s = o.getQueryState(c), i = t({ queryKey: c }, o);
+  return {
+    data: n ? n(a) : a,
+    status: (s == null ? void 0 : s.status) ?? "idle",
+    // Default to 'idle' if no status is available
+    isError: !!(s != null && s.error),
+    error: s == null ? void 0 : s.error,
+    // react-query error
+    isFetching: !!i,
+    // Indicates if the query is currently in-progress
+    isPending: (s == null ? void 0 : s.status) === "pending",
+    // Custom pending state if applicable
+    isSuccess: (s == null ? void 0 : s.status) === "success",
+    // Success state if data is available
+    refetch: () => {
+      o.resetQueries({ queryKey: c });
+    }
+  };
+}
+export {
+  g as useCachedData
+};

package/index.es65.js

@@ -0,0 +1,10 @@
+import { produce as u } from "./index.es130.js";
+const d = (a) => (e, t) => {
+  a.setQueryData(e, (r) => typeof t != "function" ? t : u(r, (o) => {
+    t(o);
+  }));
+};
+export {
+  d as default,
+  d as useUpdateCachedData
+};

package/index.es66.js

@@ -0,0 +1,72 @@
+var h = Object.defineProperty;
+var d = (a, e, t) => e in a ? h(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
+var s = (a, e, t) => (d(a, typeof e != "symbol" ? e + "" : e, t), t);
+import { UserManager as g, Log as r } from "./index.es126.js";
+import { createIdentityConfig as l, createMetadataConfig as c } from "./index.es79.js";
+const i = class i {
+  constructor(e) {
+    s(this, "userManager");
+    s(this, "config");
+    s(this, "user");
+    s(this, "isLoading");
+    s(this, "isAuthenticated");
+    s(this, "error");
+    s(this, "signout", async (e = "") => {
+      var t;
+      this.isLoading = !1, window.location.href = `${(t = this.config) == null ? void 0 : t.oauth20LogoutUrl}${e}`;
+    });
+    this.config = e, this.userManager = new g({
+      ...l(e),
+      metadata: c(e.authUrl, (e == null ? void 0 : e.jwks) ?? "UP_Definition")
+    }), this.isAuthenticated = !1, this.isLoading = !1, this.user = null, this.error = void 0, r.setLogger(console), r.setLevel(r.DEBUG), this.setupEventListeners();
+  }
+  static getInstance(e) {
+    return i.instance || (i.instance = new i(e)), i.instance;
+  }
+  setupEventListeners() {
+    this.userManager.events.addUserLoaded((e) => {
+      this.user = e, this.isAuthenticated = !(e != null && e.expired), this.error = void 0, this.isLoading = !1;
+    }), this.userManager.events.addUserUnloaded(() => {
+      this.isAuthenticated = !1, this.isLoading = !1, this.user = null, this.error = void 0;
+    }), this.userManager.events.addSilentRenewError((e) => {
+      this.error = e, this.user = null, this.isAuthenticated = !1, this.isLoading = !1;
+    }), this.userManager.events.addAccessTokenExpired(() => {
+      this.signin();
+    }), this.userManager.events.addUserSignedIn(() => {
+      this.isLoading = !1, this.error = void 0;
+    });
+  }
+  hasAuthParams(e = window.location) {
+    let t = new URLSearchParams(e.search);
+    return !!((t.get("code") || t.get("error")) && t.get("state") || (t = new URLSearchParams(e.hash.replace("#", "?")), (t.get("code") || t.get("error")) && t.get("state")));
+  }
+  signin() {
+    return this.isLoading = !0, this.error = void 0, this.user = null, this.userManager.signinRedirect();
+  }
+  completeSignIn() {
+    return this.userManager.signinRedirectCallback().then(async (e) => (this.isLoading = !1, e ? (this.user = e, this.isAuthenticated = !(e != null && e.expired)) : this.user = await this.userManager.getUser(), e)).catch((e) => {
+      throw this.isLoading = !1, this.error = e, Error(e);
+    });
+  }
+  getUser() {
+    return this.isLoading = !0, this.userManager.getUser().then((e) => (e && (this.user = e, this.isAuthenticated = !(e != null && e.expired), this.isLoading = !1), e)).catch((e) => {
+      throw this.error = e, this.isLoading = !1, e;
+    });
+  }
+  /**
+   * function to call another url to kill opend session with 'sso service'
+   */
+  async clearSession() {
+    return new Promise((e, t) => {
+      const n = window.open("https://iam-dev.moe.gov.sa/pkmslogout", "_blank", "width=800,height=600");
+      n ? setTimeout(() => {
+        n.close(), e();
+      }, 1e3) : t(new Error("Unable to open new popup window"));
+    });
+  }
+};
+s(i, "instance", null);
+let o = i;
+export {
+  o as AuthService
+};

package/index.es67.js

@@ -0,0 +1,9 @@
+import u from "./index.es71.js";
+const n = () => {
+  const { isAuthenticated: t, user: e, nationalId: o } = u((r) => r);
+  return { isAuthenticated: t, user: e, nationalId: o };
+};
+export {
+  n as default,
+  n as useAuth
+};

package/index.es68.js

@@ -0,0 +1,6 @@
+import t from "react";
+import { AuthContext as o } from "./index.es75.js";
+const u = () => t.useContext(o);
+export {
+  u as useOIDCAuth
+};

package/index.es69.js

@@ -0,0 +1,71 @@
+import { clsx as u } from "./index.es86.js";
+import a from "./index.es105.js";
+import s from "./index.es127.js";
+import { DateFormat as i } from "./index.es128.js";
+import l from "./index.es73.js";
+import { extendTailwindMerge as m } from "./index.es129.js";
+const c = m({
+  classGroups: {
+    "font-size": ["text-caption-01", "text-subtitle-01", "text-subtitle-02", "text-body-01", "text-body-02"]
+  }
+});
+function h(...t) {
+  return c(u(t));
+}
+const x = {
+  enRegex: /^[a-zA-Z- ]+$/,
+  arRegex: /^[\u0621-\u064A- ]+$/,
+  bothArAndEnRegexonlyLetters: /^[a-zA-Z-\u0621-\u064A ]+$/,
+  bothArAndEnRegexonlyLettersAndNumbers: /^[a-zA-Z0-9-\u0621-\u064A ]+$/,
+  enletterAndNumbersRegex: /^[a-zA-Z0-9]*$/,
+  mobileNumber: /^(5)(\d){8}$/,
+  TelPhone: /^(0096611)(\d){7}$/,
+  nationalId: /^1(\d){9}$/,
+  nationalOrResidentId: /^[12](\d){9}$/,
+  nonSaudianNationalId: /^2(\d){9}$/,
+  tags: /<[^>]*>?/gm,
+  specialCharcter: /[!@#$%^&*()_+\-'~<>/\\?|÷×]/,
+  arSpaceRegex: /^[\u0621-\u064A\s]+$/
+}, b = (t, e) => (!/^[0-9\u0660-\u0669]+$/.test(t.target.value) && t.target.value !== "" && (t.target.value = e), t.target.value = t.target.value.replace(/[٠١٢٣٤٥٦٧٨٩]/g, (n) => String(n.charCodeAt(0) - 1632)).replace(/[۰۱۲۳۴۵۶۷۸۹]/g, (n) => String(n.charCodeAt(0) - 1776)), t), D = (t) => new Intl.DateTimeFormat(t === "rtl" ? "ar" : "en", { day: "2-digit", month: "short", year: "numeric" }), $ = (t) => new Intl.DateTimeFormat(t === "ar" ? "ar" : "en", { timeStyle: "short" }), M = (...t) => t.map(
+  (e) => e.split(" ").map((r) => process.env.NODE_ENV === "production" ? `er-${r}` : r).join(" ")
+).join(" "), w = () => {
+  const { lang: t } = l((e) => e);
+  return (e = "", r = "") => String(t).toLocaleLowerCase() === "ar" ? e : r || e;
+};
+function S(t, e) {
+  let r = null;
+  return function(...n) {
+    const o = () => {
+      r = null, t.apply(this, n);
+    };
+    r !== null && clearTimeout(r), r = setTimeout(o, e);
+  };
+}
+const y = ({
+  date: t,
+  format: e,
+  isHijri: r = !1,
+  hasHijriFormat: n
+}) => {
+  const o = document.dir === "rtl";
+  switch (a.updateLocale(o ? "ar-sa" : "en", {}), e) {
+    case "short":
+      return a(t).format(o ? i.ArShort : i.EnShort);
+    case "mid":
+      return a(t).format("dddd");
+    case "long":
+      return r ? s(t, n ? "iDD/iMM/iYYYY" : void 0).format(o ? "iYYYY/iM/iD" : "iD/iM/iYYYY") : a(new Date(t ?? ""), "DD-MM-YYYY").format(o ? "YYYY/M/D" : "D/M/YYYY");
+  }
+};
+export {
+  h as cn,
+  y as dateFormatter,
+  S as debounce,
+  D as formatter,
+  $ as formatterTime,
+  b as handleArabicNumbers,
+  x as langRegex,
+  M as tw,
+  c as twMerge,
+  w as useSwitchData
+};