mada-design-system 0.8.4 → 0.9.0

package/index.es53.js

@@ -1,10 +1,10 @@
 import { jsx as t, jsxs as i } from "react/jsx-runtime";
-import g from "./index.es176.js";
-import d from "./index.es177.js";
+import g from "./index.es169.js";
+import d from "./index.es170.js";
 import "./index.es2.js";
-import p from "./index.es146.js";
-import u from "./index.es178.js";
-import h from "./index.es179.js";
+import p from "./index.es138.js";
+import u from "./index.es171.js";
+import h from "./index.es172.js";
 import { strings as e } from "./index.es101.js";
 import { Collapsible as S, CollapsibleTrigger as f, CollapsibleContent as x } from "./index.es27.js";
 import { Stack as r } from "./index.es42.js";

package/index.es54.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { Slot as l } from "@radix-ui/react-slot";
-import { cva as g } from "./index.es121.js";
+import { cva as g } from "./index.es111.js";
 import * as f from "react";
 import { cn as t } from "./index.es89.js";
 const m = g(

package/index.es55.js

@@ -1,5 +1,5 @@
 import { jsxs as s, Fragment as f, jsx as t } from "react/jsx-runtime";
-import { cva as y } from "./index.es121.js";
+import { cva as y } from "./index.es111.js";
 import { forwardRef as g } from "react";
 import { cn as c } from "./index.es89.js";
 import "./index.es2.js";

package/index.es56.js

@@ -1,8 +1,8 @@
 import { jsx as c, jsxs as p } from "react/jsx-runtime";
 import { useState as n } from "react";
 import "./index.es2.js";
-import d from "./index.es180.js";
-import y from "./index.es181.js";
+import d from "./index.es173.js";
+import y from "./index.es174.js";
 import { Stack as x } from "./index.es42.js";
 import { cn as m } from "./index.es89.js";
 function B({ max: e = 5, onChange: a, value: l = 0, className: t, ...r }) {

package/index.es57.js

@@ -1,9 +1,9 @@
 import { jsx as r, jsxs as u } from "react/jsx-runtime";
 import * as a from "react";
 import { cn as i } from "./index.es89.js";
-import { cva as b } from "./index.es121.js";
+import { cva as b } from "./index.es111.js";
 import { ShouldRender as x } from "./index.es15.js";
-import h from "./index.es151.js";
+import h from "./index.es143.js";
 const f = b("group relative flex shrink-0 items-start justify-start ", {
   variants: {
     variant: {

package/index.es58.js

@@ -1,9 +1,9 @@
 import { jsx as n, jsxs as L } from "react/jsx-runtime";
-import Q from "./index.es182.js";
+import Q from "./index.es175.js";
 import * as t from "react";
 import { Button as D } from "./index.es23.js";
-import U from "./index.es130.js";
-import V from "./index.es131.js";
+import U from "./index.es120.js";
+import V from "./index.es121.js";
 import { cn as f } from "./index.es89.js";
 const G = t.createContext(null);
 function X() {

package/index.es6.js

@@ -2,9 +2,9 @@ import { jsx as t, jsxs as s } from "react/jsx-runtime";
 import * as l from "react";
 import { cn as n } from "./index.es89.js";
 import { strings as r } from "./index.es101.js";
-import c from "./index.es130.js";
-import m from "./index.es131.js";
-import d from "./index.es132.js";
+import c from "./index.es120.js";
+import m from "./index.es121.js";
+import d from "./index.es122.js";
 const v = ({ className: e, ...a }) => /* @__PURE__ */ t("nav", { role: "navigation", "aria-label": "pagination", className: n("mx-auto flex w-full justify-center", e), ...a }), p = l.forwardRef(({ className: e, ...a }, i) => /* @__PURE__ */ t("ul", { ref: i, className: n("flex flex-row items-center gap-space-02", e), ...a }));
 p.displayName = "PaginationContent";
 const f = l.forwardRef(({ className: e, ...a }, i) => /* @__PURE__ */ t("li", { ref: i, className: n("", e), ...a }));

package/index.es62.js

@@ -1,5 +1,5 @@
 import { jsxs as o, jsx as i } from "react/jsx-runtime";
-import { cva as c } from "./index.es121.js";
+import { cva as c } from "./index.es111.js";
 import $ from "react";
 import { cn as s } from "./index.es89.js";
 import { strings as N } from "./index.es101.js";

package/index.es63.js

@@ -1,9 +1,9 @@
 import { jsx as e, jsxs as p } from "react/jsx-runtime";
 import * as r from "@radix-ui/react-radio-group";
 import * as a from "react";
-import { cva as h } from "./index.es121.js";
+import { cva as h } from "./index.es111.js";
 import { cn as s } from "./index.es89.js";
-import m from "./index.es144.js";
+import m from "./index.es136.js";
 const u = h(
   "flex aspect-square   rounded-full enabled:active:data-[state=unchecked]:bg-control-pressed border border-control-border enabled:hover:bg-control-ripple-effect focus:ring-2 focus:ring-border-black focus:ring-offset-2 disabled:cursor-not-allowed disabled:border-border-disabled disabled:data-[state=checked]:text-control-disabled",
   {

package/index.es65.js

@@ -4,9 +4,9 @@ import { debounce as v, cn as R } from "./index.es89.js";
 import { strings as d } from "./index.es101.js";
 import { Button as j } from "./index.es23.js";
 import { Input as z } from "./index.es37.js";
-import f from "./index.es140.js";
+import f from "./index.es131.js";
 import { Stack as A } from "./index.es42.js";
-import D from "./index.es124.js";
+import D from "./index.es114.js";
 const E = B.forwardRef(
   ({ placeholder: h = "Search...", value: a = "", type: t, validationMessage: s, onSearch: n, disabled: x = !1, debounceTime: i = 600, className: N = "", ...b }, C) => {
     const [r, c] = g(a), l = w();

package/index.es66.js

@@ -1,12 +1,12 @@
 import { jsx as a, jsxs as n } from "react/jsx-runtime";
 import * as d from "react";
 import * as e from "@radix-ui/react-select";
-import { cva as u } from "./index.es121.js";
+import { cva as u } from "./index.es111.js";
 import { cn as s } from "./index.es89.js";
-import b from "./index.es114.js";
-import h from "./index.es183.js";
-import x from "./index.es146.js";
-import g from "./index.es151.js";
+import b from "./index.es104.js";
+import h from "./index.es176.js";
+import x from "./index.es138.js";
+import g from "./index.es143.js";
 const w = u(
   ` placeholder:text-form-field-text-placeholder data-[placeholder]:text-form-field-text-placeholder  text-form-field-text-filled after:bg-form-field-border-pressed group relative
     flex w-full items-center justify-between gap-space-01 whitespace-nowrap overflow-hidden

package/index.es68.js

@@ -1,17 +1,17 @@
 import { jsx as t, jsxs as p } from "react/jsx-runtime";
 import * as s from "@radix-ui/react-dialog";
-import { cva as C } from "./index.es121.js";
+import { cva as C } from "./index.es111.js";
 import l from "react";
-import { clsx as S } from "./index.es106.js";
-import { useMediaQuery as R } from "./index.es116.js";
-import { create as z } from "./index.es111.js";
+import { clsx as S } from "./index.es133.js";
+import { useMediaQuery as R } from "./index.es106.js";
+import { create as z } from "./index.es177.js";
 import { cn as r } from "./index.es89.js";
 import k from "./index.es90.js";
 import { ShouldRender as h } from "./index.es15.js";
 import { Button as b } from "./index.es23.js";
-import T from "./index.es184.js";
-import D from "./index.es185.js";
-import F from "./index.es124.js";
+import T from "./index.es178.js";
+import D from "./index.es179.js";
+import F from "./index.es114.js";
 const x = z((a) => ({
   isCenter: !1,
   setIsCenter: (e) => a((o) => ({ isCenter: e ?? !o.isCenter }))

package/index.es69.js

@@ -1,8 +1,8 @@
 import { jsx as r, jsxs as S } from "react/jsx-runtime";
 import { Slot as h } from "@radix-ui/react-slot";
-import { cva as k } from "./index.es121.js";
+import { cva as k } from "./index.es111.js";
 import * as i from "react";
-import { useIsMobile as z } from "./index.es186.js";
+import { useIsMobile as z } from "./index.es180.js";
 import { cn as o } from "./index.es89.js";
 import { Button as I } from "./index.es23.js";
 import { Input as B } from "./index.es37.js";
@@ -10,7 +10,7 @@ import { Separator as E } from "./index.es67.js";
 import { Sheet as T, SheetContent as A } from "./index.es68.js";
 import { Skeleton as M } from "./index.es70.js";
 import { TooltipProvider as O, Tooltip as G, TooltipTrigger as D, TooltipContent as K } from "./index.es80.js";
-import j from "./index.es187.js";
+import j from "./index.es181.js";
 const L = "sidebar:state", P = 60 * 60 * 24 * 7, V = "b", R = i.createContext(null);
 function y() {
   const a = i.useContext(R);

package/index.es7.js

@@ -10,7 +10,7 @@ import { strings as P } from "./index.es101.js";
 import J from "./index.es3.js";
 import { ShouldRender as K } from "./index.es15.js";
 import { selectVariants as Q } from "./index.es66.js";
-import U from "./index.es114.js";
+import U from "./index.es104.js";
 const j = q, W = _, X = k, E = z, G = x.forwardRef(({ className: e, children: t, ...m }, c) => /* @__PURE__ */ r(B, { className: "min-w-[var(--radix-popover-trigger-width)]  p-space-02", ref: c, ...m, children: /* @__PURE__ */ r(A, { children: t }) }));
 G.displayName = "ComboboxContent";
 const S = x.forwardRef(

package/index.es73.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import * as l from "react";
-import { cva as b } from "./index.es121.js";
+import { cva as b } from "./index.es111.js";
 import { cn as o } from "./index.es89.js";
 const n = b("border-y-table-cell-border w-full caption-bottom border-y [&_td:last-child]:border-e-0 [&_th:last-child]:border-e-0", {
   variants: {

package/index.es74.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import * as a from "@radix-ui/react-tabs";
-import { cva as b } from "./index.es121.js";
+import { cva as b } from "./index.es111.js";
 import * as n from "react";
 import { cn as l } from "./index.es89.js";
 import { ResponsiveScroll as v } from "./index.es49.js";

package/index.es75.js

@@ -1,5 +1,5 @@
 import { jsxs as d, jsx as r } from "react/jsx-runtime";
-import { cva as b } from "./index.es121.js";
+import { cva as b } from "./index.es111.js";
 import * as m from "react";
 import { cn as h } from "./index.es89.js";
 import { ShouldRender as x } from "./index.es15.js";

package/index.es76.js

@@ -1,11 +1,11 @@
 import { jsx as a } from "react/jsx-runtime";
 import * as o from "@radix-ui/react-toast";
-import { cva as l } from "./index.es121.js";
+import { cva as l } from "./index.es111.js";
 import * as r from "react";
 import { cn as i } from "./index.es89.js";
 import { Button as p } from "./index.es23.js";
-import c from "./index.es124.js";
-import m from "./index.es188.js";
+import c from "./index.es114.js";
+import m from "./index.es182.js";
 const C = o.Provider, u = l("fixed z-[10000000000000] flex max-h-screen w-full flex-col p-4  lg:max-w-[500px] ", {
   variants: {
     position: {

package/index.es77.js

@@ -2,10 +2,10 @@ import { jsxs as s, jsx as o } from "react/jsx-runtime";
 import { ToastProvider as d, Toast as u, ToastIcon as T, ToastTitle as v, ToastDescription as g, ToastClose as h, ToastViewport as x } from "./index.es76.js";
 import { useToast as w } from "./index.es81.js";
 import y from "./index.es90.js";
-import N from "./index.es189.js";
-import b from "./index.es190.js";
-import l from "./index.es188.js";
-import A from "./index.es175.js";
+import N from "./index.es183.js";
+import b from "./index.es184.js";
+import l from "./index.es182.js";
+import A from "./index.es168.js";
 const P = {
   destructive: /* @__PURE__ */ o(N, {}),
   success: /* @__PURE__ */ o(b, {}),

package/index.es78.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import * as t from "@radix-ui/react-toggle";
-import { cva as n } from "./index.es121.js";
+import { cva as n } from "./index.es111.js";
 import * as i from "react";
 import { cn as b } from "./index.es89.js";
 const c = n(

package/index.es8.js

@@ -1,20 +1,20 @@
-import { jsx as c, jsxs as r, Fragment as h } from "react/jsx-runtime";
-import { useReactTable as ll, flexRender as I } from "./index.es115.js";
+import { jsx as c, jsxs as r, Fragment as ll } from "react/jsx-runtime";
+import { useReactTable as el, flexRender as I } from "./index.es105.js";
 import { Checkbox as A } from "./index.es26.js";
 import { Skeleton as B } from "./index.es70.js";
-import { Table as el, TableHeader as ol, TableRow as P, TableHead as al, TableBody as cl, TableCell as F } from "./index.es73.js";
+import { Table as ol, TableHeader as al, TableRow as P, TableHead as cl, TableBody as nl, TableCell as F } from "./index.es73.js";
 import L, { useState as _, useEffect as $ } from "react";
-import { useMediaQuery as nl } from "./index.es116.js";
+import { useMediaQuery as tl } from "./index.es106.js";
 import { cn as g } from "./index.es89.js";
 import "./index.es2.js";
-import { PaginationDescription as tl, LinesPerPage as sl, Pagination as il } from "./index.es13.js";
-import { Button as gl } from "./index.es23.js";
+import { PaginationDescription as sl, LinesPerPage as il, Pagination as gl } from "./index.es13.js";
+import { Button as dl } from "./index.es23.js";
 import { ShouldRender as R } from "./index.es15.js";
-import dl from "./index.es117.js";
-import rl from "./index.es118.js";
-import ul from "./index.es119.js";
-import { getCoreRowModel as ml, getPaginationRowModel as fl } from "./index.es120.js";
-function kl({
+import rl from "./index.es107.js";
+import ul from "./index.es108.js";
+import ml from "./index.es109.js";
+import { getCoreRowModel as fl, getPaginationRowModel as pl } from "./index.es110.js";
+function Hl({
   columns: N,
   data: b,
   loading: d,
@@ -32,10 +32,11 @@ function kl({
   variant: q,
   alternating: G,
   contained: J,
+  showTotalResults: K,
   ...l
 }) {
   var T, v, z, k, H;
-  const K = L.useMemo(() => d ? Array(C || 10).fill({}) : b, [d, C, b]), [f, O] = _(C || 10), [D, W] = _([]), X = L.useMemo(() => {
+  const O = L.useMemo(() => d ? Array(C || 10).fill({}) : b, [d, C, b]), [f, W] = _(C || 10), [D, X] = _([]), Y = L.useMemo(() => {
     let e = d ? N.map((s) => ({
       ...s,
       cell: () => /* @__PURE__ */ c(B, { className: "h-8 w-full" })
@@ -76,15 +77,15 @@ function kl({
       enableSorting: !1,
       enableHiding: !1
     }, ...e]), e;
-  }, [d, N, m, x]), n = ll({
-    data: K,
-    columns: X,
-    getCoreRowModel: ml(),
-    getPaginationRowModel: fl(),
+  }, [d, N, m, x]), n = el({
+    data: O,
+    columns: Y,
+    getCoreRowModel: fl(),
+    getPaginationRowModel: pl(),
     onRowSelectionChange: V,
     onSortingChange: (e) => {
       const s = typeof e == "function" ? e(D) : e;
-      W(s), w == null || w(s);
+      X(s), w == null || w(s);
     },
     state: {
       rowSelection: U || {},
@@ -94,7 +95,7 @@ function kl({
     enableMultiRowSelection: x,
     getRowId: (e) => e.id
     // Provide a way to identify rows
-  }), Y = nl("(min-width: 801px)"), M = n.getState().pagination.pageIndex + 1, Z = (e) => {
+  }), Z = tl("(min-width: 801px)"), M = n.getState().pagination.pageIndex + 1, h = (e) => {
     u && (m ? x ? e.toggleSelected(!e.getIsSelected()) : (n.resetRowSelection(), e.toggleSelected(!0)) : (n.resetRowSelection(), e.toggleSelected(!e.getIsSelected())), u(e));
   };
   return $(() => {
@@ -105,28 +106,28 @@ function kl({
     n.resetRowSelection(), s.toggleSelected(!0), u && u(s);
   }, [y, n, b]), $(() => {
     n.setPageSize(f);
-  }, [n, f]), Y ? /* @__PURE__ */ r(h, { children: [
+  }, [n, f]), Z ? /* @__PURE__ */ r(ll, { children: [
     /* @__PURE__ */ c("div", { className: "overflow-hidden ", children: /* @__PURE__ */ r(
-      el,
+      ol,
       {
         className: g("w-full table-fixed", (T = o == null ? void 0 : o.table) == null ? void 0 : T.className),
         variant: q,
         alternating: G,
         contained: J,
         children: [
-          /* @__PURE__ */ c(ol, { className: g((v = o == null ? void 0 : o.tableHeader) == null ? void 0 : v.className), children: n.getHeaderGroups().map((e) => {
+          /* @__PURE__ */ c(al, { className: g((v = o == null ? void 0 : o.tableHeader) == null ? void 0 : v.className), children: n.getHeaderGroups().map((e) => {
             var s;
             return /* @__PURE__ */ c(P, { className: g("hover:bg-transparent", (s = o == null ? void 0 : o.tableRow) == null ? void 0 : s.className), children: e.headers.map((a) => {
               var t, i, p, S;
               return /* @__PURE__ */ c(
-                al,
+                cl,
                 {
                   colSpan: ((t = a.column.columnDef.meta) == null ? void 0 : t.headerColSpan) ?? 1,
                   className: g((i = o == null ? void 0 : o.tableHead) == null ? void 0 : i.className),
                   children: a.isPlaceholder ? null : (S = (p = a == null ? void 0 : a.column) == null ? void 0 : p.columnDef) != null && S.enableSorting ? /* @__PURE__ */ r("div", { className: "flex w-full items-center justify-center gap-space-02", children: [
                     I(a.column.columnDef.header, a.getContext()),
                     /* @__PURE__ */ r(
-                      gl,
+                      dl,
                       {
                         variant: a.column.getIsSorted() ? "default" : "ghost",
                         colors: "neutral",
@@ -139,17 +140,17 @@ function kl({
                             R,
                             {
                               shouldRender: !!a.column.getIsSorted() && a.column.getIsSorted() === "desc",
-                              children: /* @__PURE__ */ c(dl, {})
+                              children: /* @__PURE__ */ c(rl, {})
                             }
                           ),
                           /* @__PURE__ */ c(
                             R,
                             {
                               shouldRender: !!a.column.getIsSorted() && a.column.getIsSorted() === "asc",
-                              children: /* @__PURE__ */ c(rl, {})
+                              children: /* @__PURE__ */ c(ul, {})
                             }
                           ),
-                          /* @__PURE__ */ c(R, { shouldRender: !a.column.getIsSorted(), children: /* @__PURE__ */ c(ul, {}) })
+                          /* @__PURE__ */ c(R, { shouldRender: !a.column.getIsSorted(), children: /* @__PURE__ */ c(ml, {}) })
                         ]
                       }
                     )
@@ -159,13 +160,13 @@ function kl({
               );
             }) }, e.id);
           }) }),
-          /* @__PURE__ */ c(cl, { className: g((z = o == null ? void 0 : o.tableBody) == null ? void 0 : z.className), children: (k = n.getRowModel().rows) != null && k.length ? n.getRowModel().rows.map((e, s) => {
+          /* @__PURE__ */ c(nl, { className: g((z = o == null ? void 0 : o.tableBody) == null ? void 0 : z.className), children: (k = n.getRowModel().rows) != null && k.length ? n.getRowModel().rows.map((e, s) => {
             var a;
             return /* @__PURE__ */ c(
               P,
               {
                 "data-state": e.getIsSelected() && "selected",
-                onClick: () => Z(e),
+                onClick: () => h(e),
                 className: g(u && "cursor-pointer", (a = o == null ? void 0 : o.tableRow) == null ? void 0 : a.className),
                 children: e.getVisibleCells().map((t) => {
                   var p, S, j;
@@ -190,25 +191,26 @@ function kl({
     ) }),
     !!n.getFilteredRowModel().rows.length && Q && /* @__PURE__ */ r("div", { className: "flex items-center justify-end  p-space-03", children: [
       d ? /* @__PURE__ */ c(B, { className: "me-auto h-[20px] w-space-12" }) : /* @__PURE__ */ c(
-        tl,
+        sl,
         {
           currentPage: (l == null ? void 0 : l.pageNumber) ?? M,
           limit: f,
-          totalCount: (l == null ? void 0 : l.totalItems) ?? n.getFilteredRowModel().rows.length
+          totalCount: (l == null ? void 0 : l.totalItems) ?? n.getFilteredRowModel().rows.length,
+          showTotalResults: K
         }
       ),
       /* @__PURE__ */ r("div", { className: "flex items-center gap-x-space-03", children: [
         /* @__PURE__ */ c(
-          sl,
+          il,
           {
             value: f,
             onChange: (e) => {
-              l != null && l.onPageChange && (l == null || l.onPageChange(1)), O(+e), l != null && l.setLimit && (l == null || l.setLimit(+e));
+              l != null && l.onPageChange && (l == null || l.onPageChange(1)), W(+e), l != null && l.setLimit && (l == null || l.setLimit(+e));
             }
           }
         ),
         /* @__PURE__ */ c(
-          il,
+          gl,
           {
             withoutText: !0,
             className: "justify-center",
@@ -227,6 +229,6 @@ function kl({
   ] }) : null;
 }
 export {
-  kl as DataTable,
-  kl as default
+  Hl as DataTable,
+  Hl as default
 };

package/index.es82.js

@@ -1,5 +1,5 @@
 import { jsxs as R, jsx as t } from "react/jsx-runtime";
-import { useVirtualizer as w } from "./index.es128.js";
+import { useVirtualizer as w } from "./index.es118.js";
 import S, { useRef as N } from "react";
 import "./index.es2.js";
 import { Skeleton as z } from "./index.es70.js";

package/index.es85.js

@@ -1,4 +1,4 @@
-import { produce as u } from "./index.es104.js";
+import { produce as u } from "./index.es188.js";
 const d = (a) => (e, t) => {
   a.setQueryData(e, (r) => typeof t != "function" ? t : u(r, (o) => {
     t(o);

package/index.es86.js

@@ -1,7 +1,7 @@
 var h = Object.defineProperty;
-var d = (n, e, t) => e in n ? h(n, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : n[e] = t;
-var i = (n, e, t) => (d(n, typeof e != "symbol" ? e + "" : e, t), t);
-import { UserManager as g, Log as r } from "./index.es105.js";
+var d = (a, e, t) => e in a ? h(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
+var i = (a, e, t) => (d(a, typeof e != "symbol" ? e + "" : e, t), t);
+import { UserManager as g, Log as r } from "./index.es185.js";
 import { createIdentityConfig as l, createMetadataConfig as c } from "./index.es99.js";
 import "./index.es2.js";
 import u from "./index.es91.js";
@@ -48,7 +48,14 @@ const s = class s {
     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(e = {}) {
-    return this.isLoading = !0, this.error = void 0, this.user = null, this.userManager.signinRedirect({ state: e });
+    this.isLoading = !0, this.error = void 0, this.user = null;
+    const { lang: t, ...n } = e;
+    return this.userManager.signinRedirect({
+      state: n,
+      extraQueryParams: {
+        lang: t ?? "ar"
+      }
+    });
   }
   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) => {
@@ -68,9 +75,9 @@ const s = class s {
    */
   async clearSession() {
     return new Promise((e, t) => {
-      const a = window.open("https://iam-dev.moe.gov.sa/pkmslogout", "_blank", "width=800,height=600,noopener");
-      a ? setTimeout(() => {
-        a.close(), e();
+      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"));
     });
   }

package/index.es89.js

@@ -1,10 +1,10 @@
-import { clsx as s } from "./index.es106.js";
-import a from "./index.es107.js";
-import u from "./index.es108.js";
+import { clsx as s } from "./index.es133.js";
+import a from "./index.es125.js";
+import u from "./index.es186.js";
 import { strings as c } from "./index.es101.js";
-import { DateFormat as i } from "./index.es109.js";
+import { DateFormat as i } from "./index.es164.js";
 import l from "./index.es93.js";
-import { extendTailwindMerge as m } from "./index.es110.js";
+import { extendTailwindMerge as m } from "./index.es187.js";
 import { useToast as d } from "./index.es81.js";
 const g = m({
   classGroups: {

package/index.es9.js

@@ -1,5 +1,5 @@
 import { jsx as s, jsxs as o } from "react/jsx-runtime";
-import { cva as x } from "./index.es121.js";
+import { cva as x } from "./index.es111.js";
 import { forwardRef as n } from "react";
 import { cn as i } from "./index.es89.js";
 const b = x("grid border-b border-border-secondary", {

package/index.es90.js

@@ -1,4 +1,4 @@
-import { create as s } from "./index.es111.js";
+import { create as s } from "./index.es177.js";
 import f from "./index.es92.js";
 const m = ({ state: e }) => {
   var o, i, n, t, l, r;

package/index.es91.js

@@ -1,4 +1,4 @@
-import { create as r } from "./index.es111.js";
+import { create as r } from "./index.es177.js";
 import m from "./index.es92.js";
 const i = r()(
   m(

package/index.es92.js

@@ -1,5 +1,5 @@
-import { devtools as t } from "./index.es112.js";
-import { immer as s } from "./index.es113.js";
+import { devtools as t } from "./index.es189.js";
+import { immer as s } from "./index.es190.js";
 const l = {
   name: "Store",
   enabled: !0,

package/index.es93.js

@@ -1,4 +1,4 @@
-import { create as n } from "./index.es111.js";
+import { create as n } from "./index.es177.js";
 import t from "./index.es92.js";
 const l = n()(
   t(

package/index.es96.js

@@ -1,6 +1,6 @@
 import { jsx as O } from "react/jsx-runtime";
 import { useState as y, useReducer as C, useMemo as I, useRef as b, useEffect as v, useCallback as A } from "react";
-import { UserManager as M } from "./index.es105.js";
+import { UserManager as M } from "./index.es185.js";
 import { AuthContext as L } from "./index.es95.js";
 import { initialAuthState as x } from "./index.es97.js";
 import { reducer as D } from "./index.es94.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mada-design-system",
-  "version": "0.8.4",
+  "version": "0.9.0",
   "sideEffects": false,
   "private": false,
   "main": "index.es.js",