mada-design-system 0.0.9 → 0.0.10

package/index.es68.js

@@ -1,6 +1,72 @@
-import t from "react";
-import { AuthContext as o } from "./index.es75.js";
-const u = () => t.useContext(o);
+import { jsx as s } from "react/jsx-runtime";
+import * as t from "@radix-ui/react-toggle";
+import { cva as n } from "./index.es98.js";
+import * as i from "react";
+import { cn as b } from "./index.es77.js";
+const c = n(
+  `group inline-flex items-center justify-center gap-space-01 rounded-full transition-colors text-text-default data-[state=on]:font-semibold
+     disabled:text-disabled-text-default-disabled  disabled:pointer-events-none disabled:cursor-not-allowed focus:outline focus:outline-2 focus:outline-offset-1 focus:outline-black
+     `,
+  {
+    variants: {
+      variant: {
+        default: "",
+        outline: "border border-border-neutral-primary disabled:border-disabled disabled:data-[state=on]:bg-disabled-background-disabled disabled:data-[state=on]:border-none"
+      },
+      size: {
+        default: "px-space-04 py-space-02 h-[40px] text-body-02 font-medium [&>svg]:size-space-05",
+        sm: "px-space-03 py-space-01 h-[32px] text-body-01 [&>svg]:size-[20px]",
+        xs: "px-space-03 py-space-01  h-[24px] text-caption-01 [&>svg]:size-space-04",
+        icon: "p-space-02 size-[40px] [&>svg]:size-space-05",
+        "icon-sm": "p-space-02 size-[32px] [&>svg]:size-[20px]",
+        "icon-xs": "p-space-01 size-[24px] [&>svg]:size-space-04",
+        fit: ""
+      },
+      colors: {
+        default: `hover:bg-button-background-primary-light-hovered
+                         hover:border-button-background-primary-light-hovered
+                         hover:text-text-primary
+                         active:text-text-primary
+                         data-[state=on]:bg-button-background-primary
+                         data-[state=on]:text-text-oncolor-primary
+                         hover:data-[state=on]:bg-button-background-primary-hovered
+                         hover:data-[state=on]:border-button-background-primary-hovered
+                         hover:data-[state=on]:text-text-oncolor-primary
+                         active:data-[state=on]:text-text-oncolor-primary
+                         active:bg-button-background-primary-light-pressed
+                         active:border-button-background-primary-light-pressed
+                         active:data-[state=on]:bg-button-background-primary-pressed`,
+        gray: `hover:bg-button-background-neutral-pressed
+                       active:bg-button-background-neutral-selected
+                       active:data-[state=on]:bg-button-background-black-pressed
+                       data-[state=on]:bg-button-background-black
+                       data-[state=on]:text-text-oncolor-primary
+                       hover:data-[state=on]:bg-button-background-black-hovered
+                       hover:data-[state=on]:text-text-oncolor-primary
+                       `,
+        oncolor: `border-border-white-40 text-text-oncolor-primary
+                         hover:bg-button-background-transparent-hovered
+                         active:bg-button-background-transparent-pressed
+                         data-[state=on]:bg-button-background-oncolor
+                         data-[state=on]:text-text-default
+                         hover:data-[state=on]:bg-button-background-oncolor-hovered
+                         active:data-[state=on]:bg-button-background-oncolor-pressed
+                         disabled:text-disabled-text-default-oncolor-disabled
+                         disabled:border-disabled-icon-default-oncolor-disabled
+                         focus:data-[state=off]:outline-border-white-40
+                         focus:-outline-offset-[3px]
+                `
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+      colors: "default"
+    }
+  }
+), l = i.forwardRef(({ className: e, variant: a, size: o, ...r }, d) => /* @__PURE__ */ s(t.Root, { ref: d, className: b(c({ variant: a, size: o, className: e })), ...r }));
+l.displayName = t.Root.displayName;
 export {
-  u as useOIDCAuth
+  l as Toggle,
+  c as toggleVariants
 };

package/index.es69.js

@@ -1,71 +1,37 @@
-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"]
-  }
+import { jsx as e } from "react/jsx-runtime";
+import * as t from "@radix-ui/react-toggle-group";
+import * as o from "react";
+import { toggleVariants as d } from "./index.es68.js";
+import { cn as p } from "./index.es77.js";
+import { ResponsiveScroll as g } from "./index.es46.js";
+const f = o.createContext({
+  size: "default",
+  variant: "default",
+  colors: "default"
+}), u = o.forwardRef(({ className: r, variant: a, size: s, colors: i, children: l, ...m }, n) => /* @__PURE__ */ e(g, { className: "py-2", buttonClassName: "bg-background", children: /* @__PURE__ */ e(t.Root, { ref: n, className: p("flex items-center justify-center gap-space-01", r), ...m, children: /* @__PURE__ */ e(f.Provider, { value: { variant: a, size: s, colors: i }, children: l }) }) }));
+u.displayName = t.Root.displayName;
+const N = o.forwardRef(({ className: r, children: a, variant: s, size: i, colors: l, ...m }, n) => {
+  const c = o.useContext(f);
+  return /* @__PURE__ */ e(
+    t.Item,
+    {
+      ref: n,
+      className: p(
+        d({
+          variant: c.variant || s,
+          size: c.size || i,
+          colors: c.colors || l
+        }),
+        "shrink-0",
+        r
+      ),
+      ...m,
+      children: a
+    }
+  );
 });
-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");
-  }
-};
+N.displayName = t.Item.displayName;
 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
+  u as ToggleGroup,
+  N as ToggleGroupItem
 };

package/index.es7.js

@@ -1,141 +1,125 @@
-import { jsx as r, jsxs as b, Fragment as T } from "react/jsx-runtime";
-import C from "./index.es83.js";
-import { cn as y, dateFormatter as w } from "./index.es69.js";
-import A from "./index.es73.js";
-import { Button as F } from "./index.es23.js";
-import { CommandInput as _, CommandEmpty as B, CommandItem as D, Command as M, CommandGroup as q } from "./index.es28.js";
-import { FormControl as z } from "./index.es34.js";
-import { Popover as H, PopoverContent as J, PopoverTrigger as R } from "./index.es43.js";
-import { ScrollArea as K } from "./index.es46.js";
-import s, { useState as k } from "react";
-import { strings as E } from "./index.es80.js";
-import j from "./index.es3.js";
-import { ShouldRender as Q } from "./index.es14.js";
-import I from "./index.es84.js";
-const G = H, U = _, W = B, O = D, P = s.forwardRef(({ className: e, children: a, ...t }, m) => /* @__PURE__ */ r(J, { className: "min-w-[var(--radix-popover-trigger-width)]  p-space-02", ref: m, ...t, children: /* @__PURE__ */ r(M, { children: a }) }));
-P.displayName = "ComboboxContent";
-const v = s.forwardRef(
-  ({ className: e, children: a, placeholder: t, isLoading: m, isForm: c = !0, ...d }, o) => c ? /* @__PURE__ */ r(R, { asChild: !0, children: /* @__PURE__ */ r(z, { children: /* @__PURE__ */ b(
-    F,
-    {
-      rounded: (d == null ? void 0 : d.rounded) ?? "default",
-      ref: o,
-      variant: "outline",
+import { jsx as r, jsxs as s, Fragment as F } from "react/jsx-runtime";
+import x from "./index.es92.js";
+import { cn as G, dateFormatter as v } from "./index.es77.js";
+import O from "./index.es81.js";
+import { CommandInput as T, CommandEmpty as A, CommandItem as _, Command as k, CommandGroup as z } from "./index.es27.js";
+import { FormControl as D } from "./index.es33.js";
+import { Popover as M, PopoverContent as q, PopoverTrigger as w } from "./index.es51.js";
+import { ScrollArea as B } from "./index.es54.js";
+import C, { useState as R } from "react";
+import { strings as I } from "./index.es89.js";
+import H from "./index.es3.js";
+import { ShouldRender as J } from "./index.es14.js";
+import { selectVariants as K } from "./index.es56.js";
+import Q from "./index.es93.js";
+const P = M, U = T, W = A, j = _, E = C.forwardRef(({ className: e, children: a, ...m }, c) => /* @__PURE__ */ r(q, { className: "min-w-[var(--radix-popover-trigger-width)]  p-space-02", ref: c, ...m, children: /* @__PURE__ */ r(k, { children: a }) }));
+E.displayName = "ComboboxContent";
+const S = C.forwardRef(
+  ({ className: e, children: a, variant: m, colors: c, size: d, rounded: f, placeholder: l, isLoading: g, isForm: u = !0, ...o }, i) => {
+    const b = {
+      ref: i,
       role: "combobox",
-      disabled: m,
-      className: y(
-        "flex  w-full items-center justify-between border border-input bg-transparent !px-space-03  placeholder:text-foreground-secondary aria-[invalid=true]:border-error data-[placeholder]:text-foreground-secondary hover:border-foreground hover:bg-transparent hover:text-foreground focus-visible:outline-none active:bg-transparent active:text-foreground disabled:cursor-not-allowed disabled:bg-card disabled:text-disabled",
-        e
-      ),
-      ...d,
-      children: [
-        t && !a && /* @__PURE__ */ r("span", { className: "text-body-01 text-foreground-secondary", children: t }),
-        /* @__PURE__ */ r("span", { className: "line-clamp-1 flex-1 text-right", children: a }),
-        m ? /* @__PURE__ */ r(j, {}) : /* @__PURE__ */ r(I, { className: "  h-space-05 w-space-05 shrink-0 text-primary-oncontainer" })
-      ]
-    }
-  ) }) }) : /* @__PURE__ */ r(R, { asChild: !0, children: /* @__PURE__ */ b(
-    F,
-    {
-      ref: o,
-      rounded: (d == null ? void 0 : d.rounded) ?? "default",
-      variant: "outline",
-      role: "combobox",
-      disabled: m,
-      className: y(
-        "flex w-auto items-center justify-between border border-input bg-transparent  !px-space-03    placeholder:text-foreground-secondary aria-[invalid=true]:border-error data-[placeholder]:text-foreground-secondary hover:border-foreground hover:bg-transparent hover:text-foreground focus-visible:outline-none active:bg-transparent active:text-foreground disabled:cursor-not-allowed disabled:bg-card disabled:text-disabled",
-        e
-      ),
-      ...d,
-      children: [
-        t && !a && /* @__PURE__ */ r("span", { className: "text-body-01 text-foreground-secondary", children: t }),
-        /* @__PURE__ */ r("span", { className: "flex-1 truncate text-ellipsis text-right", children: a }),
-        m ? /* @__PURE__ */ r(j, {}) : /* @__PURE__ */ r(I, { className: "  h-space-05 w-space-05 shrink-0 text-background-foreground" })
-      ]
-    }
-  ) })
+      "aria-expanded": !1,
+      "aria-label": l || "Select an option",
+      title: l || "Select an option",
+      disabled: g,
+      className: G(K({ variant: m, colors: c, size: d, rounded: f }), e),
+      ...o
+    }, h = /* @__PURE__ */ s(F, { children: [
+      l && !a && /* @__PURE__ */ r("span", { className: "pointer-events-none text-body-01 text-form-field-text-placeholder", children: l }),
+      a && /* @__PURE__ */ r("span", { className: "flex-1 truncate text-ellipsis text-right", children: a }),
+      g ? /* @__PURE__ */ r(H, {}) : /* @__PURE__ */ r(
+        Q,
+        {
+          className: "size-[20px]  shrink-0  transition-transform duration-300 ease-in-out group-data-[state=open]:rotate-180",
+          "aria-hidden": !0
+        }
+      )
+    ] });
+    return u ? /* @__PURE__ */ r(w, { asChild: !0, children: /* @__PURE__ */ r(D, { children: /* @__PURE__ */ r("button", { ...b, children: h }) }) }) : /* @__PURE__ */ r(w, { asChild: !0, children: /* @__PURE__ */ r("button", { ...b, children: h }) });
+  }
 );
-v.displayName = "ComboboxTrigger";
-const S = s.forwardRef(
-  ({ className: e, children: a, ...t }, m) => {
-    const { dir: c } = A(), d = s.Children.count(a);
-    return /* @__PURE__ */ b(P, { children: [
-      d > 9 && /* @__PURE__ */ b(T, { children: [
-        /* @__PURE__ */ r(U, { placeholder: t == null ? void 0 : t.placeholder }),
-        /* @__PURE__ */ r(W, { children: E.Shared.NoDataFound })
+S.displayName = "ComboboxTrigger";
+const N = C.forwardRef(
+  ({ className: e, children: a, ...m }, c) => {
+    const { dir: d } = O(), f = C.Children.count(a);
+    return /* @__PURE__ */ s(E, { children: [
+      f > 9 && /* @__PURE__ */ s(F, { children: [
+        /* @__PURE__ */ r(U, { placeholder: m == null ? void 0 : m.placeholder }),
+        /* @__PURE__ */ r(W, { children: I.Shared.NoDataFound })
       ] }),
-      /* @__PURE__ */ r(K, { className: C({ "h-auto": d <= 7, "h-48 sm:h-64": d > 7 }), dir: c, children: /* @__PURE__ */ r(q, { ref: m, ...t, dir: document.dir, children: a }) })
+      /* @__PURE__ */ r(B, { className: x({ "h-auto": f <= 7, "h-48 sm:h-64": f > 7 }), dir: d, children: /* @__PURE__ */ r(z, { ref: c, ...m, dir: document.dir, children: a }) })
     ] });
   }
 );
-S.displayName = "ComboboxGroup";
-const ce = ({ options: e, optionLabel: a, placeholder: t, isLoading: m, optionValue: c, onChange: d, value: o, triggerProps: h, ...f }) => {
-  var i;
-  const [g, u] = k(!1), x = (e == null ? void 0 : e.length) && ((i = e == null ? void 0 : e.find((l) => String(l[c]) === o)) == null ? void 0 : i[a]) || "";
-  return /* @__PURE__ */ b(G, { open: g, onOpenChange: (l) => u(l), children: [
-    /* @__PURE__ */ r(v, { ...h, placeholder: t, isLoading: m, disabled: f == null ? void 0 : f.disabled, ...f, children: x.toString() }),
-    /* @__PURE__ */ r(S, { placeholder: t, className: "w-space-10", children: !!(e != null && e.length) && (e == null ? void 0 : e.map((l) => /* @__PURE__ */ r(
-      O,
+N.displayName = "ComboboxGroup";
+const le = ({ options: e, optionLabel: a, placeholder: m, isLoading: c, optionValue: d, onChange: f, value: l, triggerProps: g, ...u }) => {
+  var h;
+  const [o, i] = R(!1), b = (e == null ? void 0 : e.length) && ((h = e == null ? void 0 : e.find((n) => String(n[d]) === l)) == null ? void 0 : h[a]) || "";
+  return /* @__PURE__ */ s(P, { open: o, onOpenChange: (n) => i(n), children: [
+    /* @__PURE__ */ r(S, { ...g, placeholder: m, isLoading: c, disabled: u == null ? void 0 : u.disabled, ...u, children: b.toString() }),
+    /* @__PURE__ */ r(N, { placeholder: m, className: "w-space-10", children: !!(e != null && e.length) && (e == null ? void 0 : e.map((n) => /* @__PURE__ */ r(
+      j,
       {
-        className: C({
+        className: x({
           relative: !0,
-          "after:absolute after:bottom-auto after:right-space-01 after:top-auto after:h-[75%] after:w-[2px] after:rounded-full after:bg-primary": String(l[c]) === o
+          "after:absolute after:bottom-auto after:right-space-01 after:top-auto after:h-[75%] after:w-[2px] after:rounded-full after:bg-primary": String(n[d]) === l
         }),
-        value: String(l[a]),
+        value: String(n[a]),
         onSelect: () => {
-          d(String(l[c])), u(!1);
+          f(String(n[d])), i(!1);
         },
-        children: String(l == null ? void 0 : l[a])
+        children: String(n == null ? void 0 : n[a])
       },
-      String(l[c])
+      String(n[d])
     ))) })
   ] });
-}, me = ({
+}, ce = ({
   options: e,
   optionLabel: a,
-  placeholder: t,
-  isLoading: m,
-  optionValue: c,
-  onChange: d,
-  value: o,
-  triggerProps: h,
-  isDate: f,
-  disabledOption: g,
-  ...u
+  placeholder: m,
+  isLoading: c,
+  optionValue: d,
+  onChange: f,
+  value: l,
+  triggerProps: g,
+  isDate: u,
+  disabledOption: o,
+  ...i
 }) => {
-  var N;
-  const [x, i] = k(!1), l = (e == null ? void 0 : e.length) && ((N = e == null ? void 0 : e.find((n) => String(n[c]) === o)) == null ? void 0 : N[a]) || "";
-  return /* @__PURE__ */ b(G, { open: x, onOpenChange: (n) => i(n), children: [
-    /* @__PURE__ */ r(v, { isForm: !1, ...h, placeholder: t, isLoading: m, disabled: u == null ? void 0 : u.disabled, ...u, children: f ? w({ date: String(l) ?? "", format: "long" }) : l.toString() }),
-    /* @__PURE__ */ b(S, { placeholder: t, children: [
-      /* @__PURE__ */ r(Q, { shouldRender: !e || (e == null ? void 0 : e.length) < 1, children: /* @__PURE__ */ r("span", { className: "flex items-center justify-center", children: E.Shared.NoDataFound }) }),
-      !!(e != null && e.length) && (e == null ? void 0 : e.map((n) => /* @__PURE__ */ r(
-        O,
+  var y;
+  const [b, h] = R(!1), n = (e == null ? void 0 : e.length) && ((y = e == null ? void 0 : e.find((t) => String(t[d]) === l)) == null ? void 0 : y[a]) || "";
+  return /* @__PURE__ */ s(P, { open: b, onOpenChange: (t) => h(t), children: [
+    /* @__PURE__ */ r(S, { isForm: !1, ...g, placeholder: m, isLoading: c, disabled: i == null ? void 0 : i.disabled, ...i, children: u ? v({ date: String(n) ?? "", format: "long" }) : n.toString() }),
+    /* @__PURE__ */ s(N, { placeholder: m, children: [
+      /* @__PURE__ */ r(J, { shouldRender: !e || (e == null ? void 0 : e.length) < 1, children: /* @__PURE__ */ r("span", { className: "flex items-center justify-center", children: I.Shared.NoDataFound }) }),
+      !!(e != null && e.length) && (e == null ? void 0 : e.map((t) => /* @__PURE__ */ r(
+        j,
         {
-          className: C({
+          className: x({
             relative: !0,
-            "after:absolute after:bottom-auto after:right-space-01 after:top-auto after:h-[50%] after:w-[2px] after:rounded-full after:bg-primary": String(n[c]) === o
+            "after:absolute after:bottom-auto after:start-space-01 after:top-auto after:h-[50%] after:w-[2px] after:rounded-full after:bg-primary": String(t[d]) === l
           }),
-          value: String(n[a]),
-          disabled: g && g(n),
+          value: String(t[a]),
+          disabled: o && o(t),
           onSelect: () => {
-            d(String(n[c])), i(!1);
+            f(String(t[d])), h(!1);
           },
-          children: f ? w({ date: String(n == null ? void 0 : n[a]) ?? "", format: "long" }) : String(n == null ? void 0 : n[a])
+          children: u ? v({ date: String(t == null ? void 0 : t[a]) ?? "", format: "long" }) : String(t == null ? void 0 : t[a])
         },
-        String(n[c])
+        String(t[d])
       )))
     ] })
   ] });
 };
 export {
-  G as Combobox,
-  P as ComboboxContent,
-  ce as ComboboxControl,
-  me as ComboboxControlNoForm,
+  P as Combobox,
+  E as ComboboxContent,
+  le as ComboboxControl,
+  ce as ComboboxControlNoForm,
   W as ComboboxEmpty,
-  S as ComboboxGroup,
+  N as ComboboxGroup,
   U as ComboboxInput,
-  O as ComboboxItem,
-  v as ComboboxTrigger
+  j as ComboboxItem,
+  S as ComboboxTrigger
 };

package/index.es70.js

@@ -1,34 +1,23 @@
-import { create as s } from "./index.es121.js";
-import f from "./index.es72.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 { jsx as a } from "react/jsx-runtime";
+import * as o from "@radix-ui/react-tooltip";
+import * as r from "react";
+import { cn as s } from "./index.es77.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-[10000] 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 {
-  d as default
+  f as Tooltip,
+  m as TooltipContent,
+  l as TooltipProvider,
+  c as TooltipTrigger
 };

package/index.es71.js

@@ -1,50 +1,95 @@
-import { create as r } from "./index.es121.js";
-import m from "./index.es72.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`);
-        }), {
-          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 * 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 {
-  c as default
+  f as reducer,
+  O as toast,
+  m as useToast
 };