mada-design-system 0.2.0 → 0.2.2

package/index.es59.js

@@ -1,16 +1,16 @@
 import { jsx as s, jsxs as f } from "react/jsx-runtime";
 import * as o from "@radix-ui/react-dialog";
-import { cva as v } from "./index.es99.js";
+import { cva as v } from "./index.es107.js";
 import i, { useEffect as w } from "react";
-import { clsx as C } from "./index.es96.js";
-import { useMediaQuery as S } from "./index.es97.js";
-import { create as F } from "./index.es153.js";
+import { clsx as C } from "./index.es95.js";
+import { useMediaQuery as S } from "./index.es105.js";
+import { create as F } from "./index.es100.js";
 import { cn as r } from "./index.es79.js";
 import z from "./index.es80.js";
 import { Button as h } from "./index.es22.js";
-import R from "./index.es154.js";
-import k from "./index.es155.js";
-import I from "./index.es102.js";
+import R from "./index.es159.js";
+import k from "./index.es160.js";
+import I from "./index.es110.js";
 const n = F((a) => ({
   isCenter: !1,
   isFooterUsed: !1,

package/index.es60.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 I } from "./index.es99.js";
+import { cva as I } from "./index.es107.js";
 import * as i from "react";
-import { useIsMobile as k } from "./index.es156.js";
+import { useIsMobile as k } from "./index.es161.js";
 import { cn as o } from "./index.es79.js";
 import { Button as z } from "./index.es22.js";
 import { Input as B } from "./index.es35.js";
@@ -10,7 +10,7 @@ import { Separator as E } from "./index.es58.js";
 import { Sheet as T, SheetContent as A } from "./index.es59.js";
 import { Skeleton as M } from "./index.es61.js";
 import { TooltipProvider as D, Tooltip as O, TooltipTrigger as G, TooltipContent as H } from "./index.es71.js";
-import K from "./index.es157.js";
+import K from "./index.es162.js";
 const j = "sidebar:state", L = 60 * 60 * 24 * 7, P = "88px", V = "320px", $ = "3rem", W = "b", R = i.createContext(null);
 function y() {
   const a = i.useContext(R);

package/index.es65.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.es99.js";
+import { cva as b } from "./index.es107.js";
 import * as n from "react";
 import { cn as l } from "./index.es79.js";
 import { ResponsiveScroll as v } from "./index.es46.js";

package/index.es66.js

@@ -1,5 +1,5 @@
 import { jsxs as d, jsx as r } from "react/jsx-runtime";
-import { cva as b } from "./index.es99.js";
+import { cva as b } from "./index.es107.js";
 import * as m from "react";
 import { cn as h } from "./index.es79.js";
 import { ShouldRender as x } from "./index.es14.js";

package/index.es67.js

@@ -1,12 +1,12 @@
 import { jsx as a } from "react/jsx-runtime";
 import * as t from "@radix-ui/react-toast";
-import { cva as l } from "./index.es99.js";
+import { cva as l } from "./index.es107.js";
 import * as s from "react";
 import { cn as i } from "./index.es79.js";
 import { Button as d } from "./index.es22.js";
-import c from "./index.es102.js";
-import u from "./index.es158.js";
-const z = t.Provider, p = s.forwardRef(({ className: e, ...o }, r) => /* @__PURE__ */ a(
+import c from "./index.es110.js";
+import p from "./index.es163.js";
+const z = t.Provider, u = s.forwardRef(({ className: e, ...o }, r) => /* @__PURE__ */ a(
   t.Viewport,
   {
     ref: r,
@@ -17,7 +17,7 @@ const z = t.Provider, p = s.forwardRef(({ className: e, ...o }, r) => /* @__PURE
     ...o
   }
 ));
-p.displayName = t.Viewport.displayName;
+u.displayName = t.Viewport.displayName;
 const f = l(
   `group pointer-events-auto gap-space-03 relative bg-background-notification-white flex sm:flex-row w-full items-center space-x-4 overflow-hidden
      rounded-1 border border-border-primary  px-space-05 py-space-04 shadow-3xl transition-all data-[swipe=cancel]:translate-y-0 data-[swipe=end]:translate-y-[var(--radix-toast-swipe-end-x)]
@@ -62,7 +62,7 @@ const x = s.forwardRef(
   ({ className: e, ...o }, r) => /* @__PURE__ */ a(t.Title, { ref: r, className: i("text-body-02 font-semibold text-text-display", e), ...o })
 );
 x.displayName = t.Title.displayName;
-const v = s.forwardRef(({ className: e, ...o }, r) => /* @__PURE__ */ a(t.Description, { ref: r, className: i("content-center text-body-01 text-text-default", e), ...o }));
+const v = s.forwardRef(({ className: e, ...o }, r) => /* @__PURE__ */ a(t.Description, { ref: r, className: i("content-center text-body-01 text-text-paragraph-primary", e), ...o }));
 v.displayName = t.Description.displayName;
 const w = ({ icon: e }) => /* @__PURE__ */ a(
   "div",
@@ -74,7 +74,7 @@ const w = ({ icon: e }) => /* @__PURE__ */ a(
         group-[.destructive]:[&>svg]:fill-icon-error group-[.info]:[&>svg]:fill-icon-info
         group-[.success]:[&>svg]:fill-icon-success group-[.warning]:[&>svg]:fill-icon-warning
         `,
-    children: e || /* @__PURE__ */ a(u, {})
+    children: e || /* @__PURE__ */ a(p, {})
   }
 );
 w.displayName = "ToastIcon";
@@ -86,5 +86,5 @@ export {
   w as ToastIcon,
   z as ToastProvider,
   x as ToastTitle,
-  p as ToastViewport
+  u as ToastViewport
 };

package/index.es68.js

@@ -2,10 +2,10 @@ import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import { ToastProvider as m, Toast as f, ToastIcon as d, ToastTitle as p, ToastDescription as u, ToastClose as T, ToastViewport as v } from "./index.es67.js";
 import { useToast as g } from "./index.es72.js";
 import h from "./index.es80.js";
-import x from "./index.es159.js";
-import w from "./index.es160.js";
-import c from "./index.es158.js";
-import N from "./index.es161.js";
+import x from "./index.es164.js";
+import w from "./index.es165.js";
+import c from "./index.es163.js";
+import N from "./index.es166.js";
 const y = {
   destructive: /* @__PURE__ */ e(x, {}),
   success: /* @__PURE__ */ e(w, {}),

package/index.es69.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.es99.js";
+import { cva as n } from "./index.es107.js";
 import * as i from "react";
 import { cn as b } from "./index.es79.js";
 const c = n(

package/index.es7.js

@@ -10,7 +10,7 @@ import { strings as I } from "./index.es91.js";
 import B from "./index.es3.js";
 import { ShouldRender as H } from "./index.es14.js";
 import { selectVariants as J } from "./index.es57.js";
-import K from "./index.es94.js";
+import K from "./index.es103.js";
 const P = D, Q = O, U = T, j = A, E = C.forwardRef(({ className: e, children: a, ...m }, c) => /* @__PURE__ */ r(M, { className: "min-w-[var(--radix-popover-trigger-width)]  p-space-02", ref: c, ...m, children: /* @__PURE__ */ r(_, { children: a }) }));
 E.displayName = "ComboboxContent";
 const S = C.forwardRef(

package/index.es73.js

@@ -2,8 +2,8 @@ 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 d from "./index.es167.js";
+import y from "./index.es168.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);

package/index.es75.js

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

package/index.es76.js

@@ -1,17 +1,17 @@
-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";
+var o = Object.defineProperty;
+var d = (n, e, t) => e in n ? o(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 a } from "./index.es94.js";
 import { createIdentityConfig as l, createMetadataConfig as c } from "./index.es89.js";
-const i = class i {
+const s = class s {
   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 = "") => {
+    i(this, "userManager");
+    i(this, "config");
+    i(this, "user");
+    i(this, "isLoading");
+    i(this, "isAuthenticated");
+    i(this, "error");
+    i(this, "signout", async (e = "") => {
       var t;
       this.isLoading = !1, window.location.href = `${(t = this.config) == null ? void 0 : t.oauth20LogoutUrl}${e}`;
     });
@@ -21,7 +21,7 @@ const i = class i {
     }), this.isAuthenticated = !1, this.isLoading = !1, this.user = null, this.error = void 0, a.setLogger(console), a.setLevel(a.DEBUG), this.setupEventListeners();
   }
   static getInstance(e) {
-    return i.instance || (i.instance = new i(e)), i.instance;
+    return s.instance || (s.instance = new s(e)), s.instance;
   }
   setupEventListeners() {
     this.userManager.events.addUserLoaded((e) => {
@@ -31,7 +31,9 @@ const i = class i {
     }), this.userManager.events.addSilentRenewError((e) => {
       this.error = e, this.user = null, this.isAuthenticated = !1, this.isLoading = !1;
     }), this.userManager.events.addAccessTokenExpired(() => {
-      this.signin();
+      this.refreshToken().then((e) => {
+        e || this.signin();
+      });
     }), this.userManager.events.addUserSignedIn(() => {
       this.isLoading = !1, this.error = void 0;
     });
@@ -53,20 +55,23 @@ const i = class i {
       throw this.error = e, this.isLoading = !1, e;
     });
   }
+  async refreshToken() {
+    return this.userManager.signinSilent().then((e) => (e && (this.user = e, this.isAuthenticated = !(e != null && e.expired), localStorage.setItem("accessToken", (e == null ? void 0 : e.id_token) ?? "")), e)).catch((e) => (this.error = e, null));
+  }
   /**
    * 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();
+      const r = window.open("https://iam-dev.moe.gov.sa/pkmslogout", "_blank", "width=800,height=600,noopener");
+      r ? setTimeout(() => {
+        r.close(), e();
       }, 1e3) : t(new Error("Unable to open new popup window"));
     });
   }
 };
-s(i, "instance", null);
-let o = i;
+i(s, "instance", null);
+let h = s;
 export {
-  o as AuthService
+  h as AuthService
 };

package/index.es79.js

@@ -1,10 +1,10 @@
-import { clsx as s } from "./index.es96.js";
-import a from "./index.es113.js";
-import u from "./index.es166.js";
+import { clsx as s } from "./index.es95.js";
+import a from "./index.es96.js";
+import u from "./index.es97.js";
 import { strings as c } from "./index.es91.js";
-import { DateFormat as i } from "./index.es145.js";
+import { DateFormat as i } from "./index.es98.js";
 import l from "./index.es83.js";
-import { extendTailwindMerge as m } from "./index.es167.js";
+import { extendTailwindMerge as m } from "./index.es99.js";
 import { useToast as d } from "./index.es72.js";
 const g = m({
   classGroups: {

package/index.es8.js

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

package/index.es80.js

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

package/index.es81.js

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

package/index.es82.js

@@ -1,5 +1,5 @@
-import { devtools as t } from "./index.es168.js";
-import { immer as s } from "./index.es169.js";
+import { devtools as t } from "./index.es101.js";
+import { immer as s } from "./index.es102.js";
 const l = {
   name: "Store",
   enabled: !0,

package/index.es83.js

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

package/index.es86.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.es165.js";
+import { UserManager as M } from "./index.es94.js";
 import { AuthContext as L } from "./index.es85.js";
 import { initialAuthState as x } from "./index.es87.js";
 import { reducer as D } from "./index.es84.js";

package/index.es89.js

@@ -1,19 +1,20 @@
-const t = (e) => ({
+const s = (e) => ({
   authority: e.authUrl,
   client_id: e.clientId,
   client_secret: e.clientSecret,
   redirect_uri: `${e.baseUrl}/login/sso/callback`,
   login: e.authUrl,
-  automaticSilentRenew: !0,
+  automaticSilentRenew: !1,
   loadUserInfo: !1,
   silent_redirect_uri: `${e.baseUrl}/login/sso/callback`,
   post_logout_redirect_uri: `${e.baseUrl}/logout/sso`,
   audience: e.baseUrl,
-  responseType: "id_token token",
-  grantType: "password",
-  scope: "openid NationalID",
-  webAuthResponseType: "id_token token"
-}), n = (e, o) => ({
+  responseType: "code",
+  grantType: "authorization_code",
+  scope: "openid NationalID offline_access",
+  webAuthResponseType: "code",
+  disablePKCE: e.disablePKCE ?? !1
+}), t = (e, o) => ({
   issuer: "https://iam-dev.moe.gov.sa",
   jwks_uri: `${e}/jwks/${o}`,
   authorization_endpoint: `${e}/authorize`,
@@ -25,6 +26,6 @@ const t = (e) => ({
   introspection_endpoint: `${e}/introspect`
 });
 export {
-  t as createIdentityConfig,
-  n as createMetadataConfig
+  s as createIdentityConfig,
+  t as createMetadataConfig
 };

package/index.es9.js

@@ -1,6 +1,6 @@
 import { jsxs as f, Fragment as T, jsx as r } from "react/jsx-runtime";
-import { useSensor as O, useSensors as V, DndContext as _, closestCenter as q, DragOverlay as J, MouseSensor as K, TouchSensor as Q } from "./index.es100.js";
-import { SortableContext as U, useSortable as X, arrayMove as Y } from "./index.es101.js";
+import { useSensor as O, useSensors as V, DndContext as _, closestCenter as q, DragOverlay as J, MouseSensor as K, TouchSensor as Q } from "./index.es108.js";
+import { SortableContext as U, useSortable as X, arrayMove as Y } from "./index.es109.js";
 import { useState as A } from "react";
 import { createPortal as W } from "react-dom";
 import { cn as j } from "./index.es79.js";
@@ -9,10 +9,10 @@ import E from "./index.es3.js";
 import { Button as y } from "./index.es22.js";
 import { Separator as M } from "./index.es58.js";
 import { Stack as ee } from "./index.es40.js";
-import re from "./index.es102.js";
-import te from "./index.es103.js";
-import se from "./index.es104.js";
-import ie from "./index.es105.js";
+import re from "./index.es110.js";
+import te from "./index.es111.js";
+import se from "./index.es112.js";
+import ie from "./index.es113.js";
 function De({
   configs: s,
   isEditMode: o,

package/index.es90.js

@@ -1,5 +1,5 @@
-import { create as s } from "./index.es153.js";
-import { THEME as e } from "./index.es145.js";
+import { create as s } from "./index.es100.js";
+import { THEME as e } from "./index.es98.js";
 import o from "./index.es82.js";
 const a = () => {
   window.matchMedia("(prefers-color-scheme: dark)").matches ? document.body.classList.add("dark") : document.body.classList.remove("dark");