mada-design-system 0.0.11 → 0.2.0

package/index.es73.js

@@ -1,72 +1,62 @@
-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.es91.js";
-import { createIdentityConfig as l, createMetadataConfig as c } from "./index.es86.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;
+import { jsx as u, jsxs as o } from "react/jsx-runtime";
+import { useState as p } from "react";
+import "./index.es2.js";
+import { Stack as n } from "./index.es40.js";
+import d from "./index.es162.js";
+import y from "./index.es163.js";
+import { cn as f } from "./index.es79.js";
+function R({ max: e = 5, onChange: a, value: m = 0, ...t }) {
+  const [s, i] = p(0);
+  return /* @__PURE__ */ u(n, { gap: "none", children: Array.from({ length: e }, (c, r) => /* @__PURE__ */ u(
+    x,
+    {
+      star: r + 1,
+      rating: m,
+      hoverRating: s,
+      onHover: (l) => !t.readOnly && i(l),
+      onClick: (l) => !t.readOnly && (a == null ? void 0 : a(l)),
+      ...t
+    },
+    r
+  )) });
+}
+function x({ star: e, rating: a, hoverRating: m, onHover: t, onClick: s, readOnly: i, variant: c = "default", size: r = "default" }) {
+  return /* @__PURE__ */ o(
+    "button",
+    {
+      onMouseEnter: () => t == null ? void 0 : t(e),
+      onMouseLeave: () => t == null ? void 0 : t(0),
+      onClick: () => s == null ? void 0 : s(e),
+      className: f("group relative flex   items-center justify-center", {
+        "size-space-08": r === "default",
+        "size-space-06": r === "sm",
+        "size-space-05": r === "xs",
+        "cursor-default": i
+      }),
+      children: [
+        /* @__PURE__ */ u(
+          d,
+          {
+            className: f("absolute size-full   shrink-0 ", {
+              "group-hover:opacity-0": !i
+            })
+          }
+        ),
+        /* @__PURE__ */ u(
+          y,
+          {
+            className: f("absolute   size-full   shrink-0   opacity-0 transition-all", {
+              "opacity-100": e <= (m || a),
+              "group-hover:opacity-100": !i,
+              "text-secondary": c === "default",
+              "text-primary": c === "brand"
+            })
+          }
+        )
+      ]
+    }
+  );
+}
 export {
-  o as AuthService
+  R as Rating
 };

package/index.es74.js

@@ -1,9 +1,24 @@
-import u from "./index.es78.js";
-const n = () => {
-  const { isAuthenticated: t, user: e, nationalId: o } = u((r) => r);
-  return { isAuthenticated: t, user: e, nationalId: o };
-};
+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 {
-  n as default,
-  n as useAuth
+  g as useCachedData
 };

package/index.es75.js

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

package/index.es76.js

@@ -1,81 +1,72 @@
-import { clsx as s } from "./index.es92.js";
-import a from "./index.es93.js";
-import u from "./index.es94.js";
-import { strings as c } from "./index.es88.js";
-import { DateFormat as i } from "./index.es95.js";
-import l from "./index.es80.js";
-import { extendTailwindMerge as m } from "./index.es96.js";
-import { useToast as d } from "./index.es70.js";
-const g = m({
-  classGroups: {
-    "font-size": ["text-caption-01", "text-caption-02", "text-subtitle-01", "text-subtitle-02", "text-body-01", "text-body-02"]
+var h = Object.defineProperty;
+var d = (r, e, t) => e in r ? h(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
+var s = (r, e, t) => (d(r, typeof e != "symbol" ? e + "" : e, t), t);
+import { UserManager as g, Log as a } from "./index.es165.js";
+import { createIdentityConfig as l, createMetadataConfig as c } from "./index.es89.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, a.setLogger(console), a.setLevel(a.DEBUG), this.setupEventListeners();
   }
-});
-function $(...t) {
-  return g(s(t));
-}
-const S = {
-  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]+$/
-}, M = (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), w = (...t) => t.map(
-  (e) => e.split(" ").map((r) => process.env.NODE_ENV === "production" ? `er-${r}` : r).join(" ")
-).join(" "), y = () => {
-  const { lang: t } = l((e) => e);
-  return (e = "", r = "") => String(t).toLocaleLowerCase() === "ar" ? e : r || e;
-};
-function T(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 v = (t) => new Intl.DateTimeFormat(t === "rtl" ? "ar" : "en", { day: "2-digit", month: "short", year: "numeric" }), R = (t) => new Intl.DateTimeFormat(t === "rtl" ? "ar" : "en", { timeStyle: "short" }), L = ({
-  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 ? u(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");
+  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();
   }
-}, N = (t) => {
-  const { toast: e } = d();
-  navigator.clipboard.writeText(t).then(() => {
-    e({
-      description: c.Shared.CopiedSuccessfully
+  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,noopener");
+      n ? setTimeout(() => {
+        n.close(), e();
+      }, 1e3) : t(new Error("Unable to open new popup window"));
+    });
+  }
 };
+s(i, "instance", null);
+let o = i;
 export {
-  $ as cn,
-  L as dateFormatter,
-  T as debounce,
-  v as formatter,
-  R as formatterTime,
-  M as handleArabicNumbers,
-  S as langRegex,
-  w as tw,
-  g as twMerge,
-  N as useShareLink,
-  y as useSwitchData
+  o as AuthService
 };

package/index.es77.js

@@ -1,34 +1,9 @@
-import { create as s } from "./index.es153.js";
-import f from "./index.es79.js";
-const m = ({ state: e }) => {
-  var o, i, n, t, l, r;
-  e.isDesktop && Number((o = e.fontSize) == null ? void 0 : o.substring(0, e.fontSize.length - 2)) < 12 && (document.documentElement.style.setProperty("font-size", `calc(${e.fontSize} + 1px)`), e.fontSize = (i = getComputedStyle(document.documentElement)) == null ? void 0 : i.getPropertyValue("font-size"), e.isMax = Number((n = e.fontSize) == null ? void 0 : n.substring(0, e.fontSize.length - 2)) >= 12, e.isMin = !1), !e.isDesktop && Number((t = e.fontSize) == null ? void 0 : t.substring(0, e.fontSize.length - 2)) < 10.2 && (document.documentElement.style.setProperty("font-size", `calc(${e.fontSize} + 0.7px)`), e.fontSize = (l = getComputedStyle(document.documentElement)) == null ? void 0 : l.getPropertyValue("font-size"), e.isMax = Number((r = e.fontSize) == null ? void 0 : r.substring(0, e.fontSize.length - 2)) >= 10.2, e.isMin = !1);
-}, c = ({ state: e }) => {
-  var o, i, n, t, l, r;
-  e.isDesktop && Number((o = e.fontSize) == null ? void 0 : o.substring(0, e.fontSize.length - 2)) > 8 && (document.documentElement.style.setProperty("font-size", `calc(${e.fontSize} - 1px)`), e.fontSize = (i = getComputedStyle(document.documentElement)) == null ? void 0 : i.getPropertyValue("font-size"), e.isMin = Number((n = e.fontSize) == null ? void 0 : n.substring(0, e.fontSize.length - 2)) <= 8, e.isMax = !1), !e.isDesktop && Number((t = e.fontSize) == null ? void 0 : t.substring(0, e.fontSize.length - 2)) > 7.4 && (document.documentElement.style.setProperty("font-size", `calc(${e.fontSize} - 0.7px)`), e.fontSize = (l = getComputedStyle(document.documentElement)) == null ? void 0 : l.getPropertyValue("font-size"), e.isMin = Number((r = e.fontSize) == null ? void 0 : r.substring(0, e.fontSize.length - 2)) <= 7.4, e.isMax = !1);
-}, u = s()(
-  f(
-    (e) => ({
-      isActive: !!localStorage.getItem("Colors"),
-      toggleColors: () => e((o) => (o.isActive ? localStorage.removeItem("Colors") : localStorage.setItem("Colors", "true"), { isActive: !o.isActive })),
-      isDesktop: window.innerWidth >= 640 || !1,
-      fontSize: window.innerWidth >= 640 ? "10px" : "8.8px",
-      isMax: !1,
-      isMin: !1,
-      increaseSize: () => e((o) => {
-        m({ state: o });
-      }),
-      decreaseSize: () => e((o) => {
-        c({ state: o });
-      }),
-      defaultSize: () => e((o) => {
-        var i;
-        o.isDesktop ? document.documentElement.style.setProperty("font-size", "10px") : document.documentElement.style.setProperty("font-size", "8.8px"), o.fontSize = (i = getComputedStyle(document.documentElement)) == null ? void 0 : i.getPropertyValue("font-size"), o.isMax = !1, o.isMin = !1;
-      })
-    }),
-    { name: "accessibilityTools" }
-  )
-), d = u;
+import u from "./index.es81.js";
+const n = () => {
+  const { isAuthenticated: t, user: e, nationalId: o } = u((r) => r);
+  return { isAuthenticated: t, user: e, nationalId: o };
+};
 export {
-  d as default
+  n as default,
+  n as useAuth
 };

package/index.es78.js

@@ -1,50 +1,6 @@
-import { create as r } from "./index.es153.js";
-import m from "./index.es79.js";
-const i = r()(
-  m(
-    (a) => ({
-      isAuthenticated: !!localStorage.getItem("nationalId") && !!localStorage.getItem("accessToken"),
-      accessToken: localStorage.getItem("accessToken") || void 0,
-      refreshToken: localStorage.getItem("refreshToken") || void 0,
-      nationalId: localStorage.getItem("nationalId"),
-      sessionExpired: !1,
-      user: {
-        firstName: "",
-        secondName: "",
-        thridName: "",
-        lastName: "",
-        Id: "",
-        roles: [],
-        email: "",
-        ssoEmail: "",
-        defaultRole: localStorage.getItem("defaultRole")
-      },
-      login: (e) => a(() => (localStorage.setItem("nationalId", e), { isAuthenticated: !0, nationalId: e, sessionExpired: !1 })),
-      setUser: (e) => a(() => (e.defaultRole && localStorage.setItem("defaultRole", e.defaultRole), localStorage.setItem("displayName", `${e.firstName} ${e.lastName}`), { user: e })),
-      updateUser: (e) => a((o) => (e.defaultRole && localStorage.setItem("defaultRole", e.defaultRole), e.firstName && e.lastName && localStorage.setItem("displayName", `${e.firstName} ${e.lastName}`), { user: { ...o == null ? void 0 : o.user, ...e } })),
-      logout: () => a((e) => {
-        var o, t;
-        return localStorage.removeItem("nationalId"), localStorage.removeItem("accessToken"), localStorage.removeItem("refreshToken"), localStorage.removeItem("displayName"), localStorage.removeItem("defaultRole"), localStorage.removeItem("jwt"), localStorage.removeItem("ERAlertHidden"), localStorage.removeItem("registrationStartDate"), localStorage.removeItem("registrationEndDate"), (t = (o = e == null ? void 0 : e.user) == null ? void 0 : o.roles) == null || t.map((l) => {
-          localStorage.removeItem(`${l}-evaluationCounter`), localStorage.removeItem(`${l}-evaluationSkipCounter`);
-        }), localStorage.removeItem("email"), {
-          isAuthenticated: !1,
-          nationalId: void 0,
-          user: { roles: [] },
-          accessToken: void 0,
-          refreshToken: void 0,
-          sessionExpired: !1
-        };
-      }),
-      setExpireSession: () => a(() => ({
-        sessionExpired: !0
-      })),
-      setDefaultRole: (e) => a((o) => {
-        e && (o != null && o.user) && (localStorage.setItem("defaultRole", e), o.user.defaultRole = e);
-      })
-    }),
-    { name: "auth" }
-  )
-), c = i;
+import t from "react";
+import { AuthContext as o } from "./index.es85.js";
+const u = () => t.useContext(o);
 export {
-  c as default
+  u as useOIDCAuth
 };

package/index.es79.js

@@ -1,10 +1,81 @@
-import { devtools as t } from "./index.es162.js";
-import { immer as s } from "./index.es163.js";
-const l = {
-  name: "Store",
-  enabled: !0,
-  serialize: { options: !1 }
-}, r = (e, o = l) => t(s(e), o), i = r;
+import { clsx as s } from "./index.es96.js";
+import a from "./index.es113.js";
+import u from "./index.es166.js";
+import { strings as c } from "./index.es91.js";
+import { DateFormat as i } from "./index.es145.js";
+import l from "./index.es83.js";
+import { extendTailwindMerge as m } from "./index.es167.js";
+import { useToast as d } from "./index.es72.js";
+const g = m({
+  classGroups: {
+    "font-size": ["text-caption-01", "text-caption-02", "text-subtitle-01", "text-subtitle-02", "text-body-01", "text-body-02"]
+  }
+});
+function $(...t) {
+  return g(s(t));
+}
+const S = {
+  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]+$/
+}, M = (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), w = (...t) => t.map(
+  (e) => e.split(" ").map((r) => process.env.NODE_ENV === "production" ? `er-${r}` : r).join(" ")
+).join(" "), y = () => {
+  const { lang: t } = l((e) => e);
+  return (e = "", r = "") => String(t).toLocaleLowerCase() === "ar" ? e : r || e;
+};
+function T(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 v = (t) => new Intl.DateTimeFormat(t === "rtl" ? "ar" : "en", { day: "2-digit", month: "short", year: "numeric" }), R = (t) => new Intl.DateTimeFormat(t === "rtl" ? "ar" : "en", { timeStyle: "short" }), L = ({
+  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 ? u(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");
+  }
+}, N = (t) => {
+  const { toast: e } = d();
+  navigator.clipboard.writeText(t).then(() => {
+    e({
+      description: c.Shared.CopiedSuccessfully
+    });
+  });
+};
 export {
-  i as default
+  $ as cn,
+  L as dateFormatter,
+  T as debounce,
+  v as formatter,
+  R as formatterTime,
+  M as handleArabicNumbers,
+  S as langRegex,
+  w as tw,
+  g as twMerge,
+  N as useShareLink,
+  y as useSwitchData
 };

package/index.es8.js

@@ -1,12 +1,12 @@
-import { jsx as i, jsxs as s } from "react/jsx-runtime";
-import { cva as h } from "./index.es102.js";
+import { jsx as s, jsxs as i } from "react/jsx-runtime";
+import { cva as h } from "./index.es99.js";
 import { forwardRef as o } from "react";
-import { cn as d } from "./index.es76.js";
+import { cn as n } from "./index.es79.js";
 const x = h("grid border-b border-border-secondary", {
   variants: {
     variant: {
-      default: "[&>dt]:text-foreground-secondary  [&>dd]:font-medium",
-      list: "[&>dd]:text-foreground-secondary  [&>dt]:font-medium"
+      default: "[&>dt]:text-foreground-secondary",
+      list: "[&>dd]:text-card-foreground"
     },
     size: {
       default: "text-body-01",
@@ -40,16 +40,16 @@ const x = h("grid border-b border-border-secondary", {
     padding: "default",
     size: "default"
   }
-}), b = o(({ children: e, className: t, ...a }, r) => /* @__PURE__ */ i("div", { ref: r, className: d("rounded-2 bg-background", t), ...a, children: e }));
+}), b = o(({ children: e, className: t, ...a }, r) => /* @__PURE__ */ s("div", { ref: r, className: n("rounded-2 bg-background", t), ...a, children: e }));
 b.displayName = "Description";
 const N = o(
-  ({ icon: e, variant: t, title: a, children: r, orientation: n, stretch: c, lastItem: l, size: m, padding: p, className: u, ...f }, g) => /* @__PURE__ */ s("dl", { ref: g, className: d(x({ variant: t, orientation: n, size: m, stretch: c, lastItem: l, padding: p }), u), ...f, children: [
-    /* @__PURE__ */ s("dt", { className: "col-start-1 inline-flex items-center gap-space-01", children: [
-      e && /* @__PURE__ */ i(e, { className: "h-8 w-8 shrink-0" }),
+  ({ icon: e, variant: t, title: a, children: r, orientation: d, stretch: c, lastItem: l, size: m, padding: p, className: u, ...f }, g) => /* @__PURE__ */ i("dl", { ref: g, className: n(x({ variant: t, orientation: d, size: m, stretch: c, lastItem: l, padding: p }), u), ...f, children: [
+    /* @__PURE__ */ i("dt", { className: "col-start-1 inline-flex items-center gap-space-01", children: [
+      e && /* @__PURE__ */ s(e, { className: "h-8 w-8 shrink-0" }),
       a,
       ":"
     ] }),
-    /* @__PURE__ */ i("dd", { className: "line-clamp-1", children: r })
+    /* @__PURE__ */ s("dd", { className: "line-clamp-1", children: r })
   ] })
 );
 N.displayName = "DescriptionItem";

package/index.es80.js

@@ -1,18 +1,34 @@
-import { create as n } from "./index.es153.js";
-import t from "./index.es79.js";
-const l = n()(
-  t(
+import { create as s } from "./index.es153.js";
+import f from "./index.es82.js";
+const m = ({ state: e }) => {
+  var o, i, n, t, l, r;
+  e.isDesktop && Number((o = e.fontSize) == null ? void 0 : o.substring(0, e.fontSize.length - 2)) < 12 && (document.documentElement.style.setProperty("font-size", `calc(${e.fontSize} + 1px)`), e.fontSize = (i = getComputedStyle(document.documentElement)) == null ? void 0 : i.getPropertyValue("font-size"), e.isMax = Number((n = e.fontSize) == null ? void 0 : n.substring(0, e.fontSize.length - 2)) >= 12, e.isMin = !1), !e.isDesktop && Number((t = e.fontSize) == null ? void 0 : t.substring(0, e.fontSize.length - 2)) < 10.2 && (document.documentElement.style.setProperty("font-size", `calc(${e.fontSize} + 0.7px)`), e.fontSize = (l = getComputedStyle(document.documentElement)) == null ? void 0 : l.getPropertyValue("font-size"), e.isMax = Number((r = e.fontSize) == null ? void 0 : r.substring(0, e.fontSize.length - 2)) >= 10.2, e.isMin = !1);
+}, c = ({ state: e }) => {
+  var o, i, n, t, l, r;
+  e.isDesktop && Number((o = e.fontSize) == null ? void 0 : o.substring(0, e.fontSize.length - 2)) > 8 && (document.documentElement.style.setProperty("font-size", `calc(${e.fontSize} - 1px)`), e.fontSize = (i = getComputedStyle(document.documentElement)) == null ? void 0 : i.getPropertyValue("font-size"), e.isMin = Number((n = e.fontSize) == null ? void 0 : n.substring(0, e.fontSize.length - 2)) <= 8, e.isMax = !1), !e.isDesktop && Number((t = e.fontSize) == null ? void 0 : t.substring(0, e.fontSize.length - 2)) > 7.4 && (document.documentElement.style.setProperty("font-size", `calc(${e.fontSize} - 0.7px)`), e.fontSize = (l = getComputedStyle(document.documentElement)) == null ? void 0 : l.getPropertyValue("font-size"), e.isMin = Number((r = e.fontSize) == null ? void 0 : r.substring(0, e.fontSize.length - 2)) <= 7.4, e.isMax = !1);
+}, u = s()(
+  f(
     (e) => ({
-      lang: localStorage.getItem("lang") ?? "ar",
-      dir: localStorage.getItem("lang") === "en" ? "ltr" : "rtl",
-      changeLang: (a) => e((o) => {
-        a !== o.lang && (localStorage.setItem("lang", a), window.location.pathname === "/login/verification" ? window.location.replace("/login") : window.location.reload());
+      isActive: !!localStorage.getItem("Colors"),
+      toggleColors: () => e((o) => (o.isActive ? localStorage.removeItem("Colors") : localStorage.setItem("Colors", "true"), { isActive: !o.isActive })),
+      isDesktop: window.innerWidth >= 640 || !1,
+      fontSize: window.innerWidth >= 640 ? "10px" : "8.8px",
+      isMax: !1,
+      isMin: !1,
+      increaseSize: () => e((o) => {
+        m({ state: o });
+      }),
+      decreaseSize: () => e((o) => {
+        c({ state: o });
+      }),
+      defaultSize: () => e((o) => {
+        var i;
+        o.isDesktop ? document.documentElement.style.setProperty("font-size", "10px") : document.documentElement.style.setProperty("font-size", "8.8px"), o.fontSize = (i = getComputedStyle(document.documentElement)) == null ? void 0 : i.getPropertyValue("font-size"), o.isMax = !1, o.isMin = !1;
       })
     }),
-    { name: "lanugage" }
+    { name: "accessibilityTools" }
   )
-), i = l;
+), d = u;
 export {
-  i as default,
-  l as useLanguage
+  d as default
 };