mada-design-system 0.0.9 → 0.0.11

package/index.es62.js

@@ -1,23 +1,52 @@
-import { jsx as a } from "react/jsx-runtime";
-import * as r from "react";
-import * as o from "@radix-ui/react-tooltip";
-import { cn as s } from "./index.es69.js";
-const l = o.Provider, f = o.Root, c = o.Trigger, m = r.forwardRef(({ className: t, sideOffset: e = 4, ...i }, d) => /* @__PURE__ */ a(
-  o.Content,
+import { jsx as r } from "react/jsx-runtime";
+import * as t from "react";
+import { cn as l } from "./index.es76.js";
+const s = t.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ r("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ r("table", { ref: o, className: l("w-full caption-bottom text-body-01", e), ...a }) }));
+s.displayName = "Table";
+const b = t.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ r("thead", { ref: o, className: l("", e), ...a }));
+b.displayName = "TableHeader";
+const c = t.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ r("tbody", { ref: o, className: l("[&_tr:last-child]:border-0", e), ...a }));
+c.displayName = "TableBody";
+const n = t.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ r("tfoot", { ref: o, className: l("bg-primary  text-primary-foreground", e), ...a }));
+n.displayName = "TableFooter";
+const m = t.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ r("tr", { ref: o, className: l("transition-colors data-[state=selected]:bg-background-brand hover:bg-card-hover", e), ...a }));
+m.displayName = "TableRow";
+const f = t.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ r(
+  "th",
   {
-    ref: d,
-    sideOffset: e,
-    className: s(
-      "z-50 overflow-hidden rounded-md border  bg-popover px-3 py-1.5 text-body-01 text-popover-foreground shadow-md  animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      t
+    ref: o,
+    className: l(
+      "bg-background px-space-03 py-space-04 text-center align-middle text-body-01 font-normal text-foreground-secondary [&:has([role=checkbox])]:pr-0",
+      e
     ),
-    ...i
+    ...a
   }
 ));
-m.displayName = o.Content.displayName;
+f.displayName = "TableHead";
+const p = t.forwardRef(
+  ({ isLast: e, className: a, ...o }, d) => /* @__PURE__ */ r(
+    "td",
+    {
+      ref: d,
+      className: l(
+        "border-b border-border p-space-03 py-space-04 text-center align-middle text-body-01 font-normal text-foreground [&:has([role=checkbox])]:pr-0",
+        a,
+        e && "border-b-transparent"
+      ),
+      ...o
+    }
+  )
+);
+p.displayName = "TableCell";
+const i = t.forwardRef(({ className: e, ...a }, o) => /* @__PURE__ */ r("caption", { ref: o, className: l("mt-4 text-body-01 text-muted-foreground", e), ...a }));
+i.displayName = "TableCaption";
 export {
-  f as Tooltip,
-  m as TooltipContent,
-  l as TooltipProvider,
-  c as TooltipTrigger
+  s as Table,
+  c as TableBody,
+  i as TableCaption,
+  p as TableCell,
+  n as TableFooter,
+  f as TableHead,
+  b as TableHeader,
+  m as TableRow
 };

package/index.es63.js

@@ -1,95 +1,134 @@
-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)
-      };
+import { jsx as s } from "react/jsx-runtime";
+import * as a from "@radix-ui/react-tabs";
+import { cva as b } from "./index.es102.js";
+import * as n from "react";
+import { cn as l } from "./index.es76.js";
+import { ResponsiveScroll as v } from "./index.es46.js";
+const d = b(
+  "relative inline-flex shrink-0  items-center justify-start   transition-all disabled:pointer-events-none  data-[state=active]:font-semibold",
+  {
+    variants: {
+      container: {
+        filled: " gap-space-01  rounded-full bg-background-muted p-space-01",
+        underline: "",
+        transparent: " gap-space-01 rounded-full"
+      },
+      variant: {
+        filled: "after:hidden hover:bg-button-background-neutral-hovered data-[state=inactive]:text-text-paragraph-primary rounded-full  data-[state=active]:bg-button-background-primary text-text-oncolor-primary data-[state=active]:shadow-sm hover:data-[state=active]:bg-button-background-primary-hovered  disabled:data-[state=active]:bg-disabled-background-disabled disabled:text-disabled-text-default-disabled",
+        underline: "relative  data-[state=inactive]:text-text-paragraph-primary after:z-[1]  hover:data-[state=inactive]:bg-button-background-neutral-hovered hover:text-text-default after:absolute after:block after:bottom-[1px] after:rounded-full after:start-1/2 after:-translate-x-1/2 rtl:after:translate-x-1/2 after:h-[3px] hover:after:bg-border-black hover:data-[state=active]:after:bg-border-primary-default data-[state=active]:after:bg-border-primary-default disabled:data-[state=active]:after:bg-border-disabled disabled:text-disabled-text-default-disabled",
+        transparent: "hover:bg-card-hover hover:data-[state=inactive]:text-card-foreground rounded-full py-space-02 px-space-04  focus-visible:outline-none data-[state=active]:bg-background data-[state=active]:text-card-foreground data-[state=active]:shadow-sm hover:data-[state=active]:bg-background data-[state=active]:disabled:bg-disabled"
+      },
+      size: {
+        default: "text-body-02   after:w-[calc(100%_-_32px)] [&>svg]:size-space-04 gap-space-01",
+        sm: "text-body-01  after:w-[calc(100%_-_24px)]  [&>svg]:size-space-04 gap-space-01"
+      },
+      disabled: {
+        false: null,
+        true: null
+      },
+      underline: {
+        false: null,
+        true: null
+      },
+      orientation: {
+        vertical: "flex-col items-start",
+        horizontal: "flex-row"
+      }
+    },
+    compoundVariants: [
+      {
+        variant: "filled",
+        size: "sm",
+        className: "px-space-03 py-space-01"
+      },
+      {
+        variant: "underline",
+        size: "default",
+        className: "px-space-04 py-space-03"
+      },
+      {
+        variant: "underline",
+        size: "sm",
+        className: "px-space-03 py-space-02"
+      },
+      {
+        variant: "filled",
+        size: "default",
+        className: "px-space-04 py-space-02"
+      },
+      {
+        container: "underline",
+        underline: !0,
+        className: "justify-start w-full after:absolute after:bottom-0 after:start-0 after:z-0 after:h-[3px] after:w-full after:rounded-full after:bg-border-neutral-primary"
+      },
+      {
+        container: "underline",
+        underline: !0,
+        orientation: "vertical",
+        className: "after:absolute after:start-0 after:top-0  after:z-0 after:w-[3px] after:h-full after:rounded-full after:bg-border-neutral-primary"
+      },
+      {
+        container: "filled",
+        orientation: "vertical",
+        className: "bg-transparent"
+      },
+      {
+        variant: "underline",
+        orientation: "vertical",
+        className: "after:start-[2px] after:top-1/2 after:-translate-y-1/2 after:w-[3px] after:bottom-0"
+      },
+      {
+        variant: "underline",
+        orientation: "vertical",
+        size: "default",
+        className: "after:h-[calc(100%_-_24px)] py-space-03"
+      },
+      {
+        variant: "underline",
+        orientation: "vertical",
+        size: "sm",
+        className: "after:h-[calc(100%_-_16px)] py-space-02"
+      }
+    ]
   }
-}, 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();
+), k = a.Root, c = n.createContext({
+  variant: "filled",
+  size: "default",
+  orientation: "horizontal"
+}), m = n.forwardRef(({ className: r, underline: i, orientation: e, variant: t = "filled", size: o = "default", children: f, ...u }, p) => /* @__PURE__ */ s(v, { className: "py-2", buttonClassName: "bg-background", margin: 16, children: /* @__PURE__ */ s(a.List, { ref: p, className: l(d({ container: t, underline: i, size: o, orientation: e }), r), ...u, children: /* @__PURE__ */ s(c.Provider, { value: { variant: t, size: o, orientation: e }, children: f }) }) }));
+m.displayName = a.List.displayName;
+const g = n.forwardRef(
+  ({ className: r, ...i }, e) => {
+    const t = n.useContext(c);
+    return /* @__PURE__ */ s(
+      a.Trigger,
+      {
+        ref: e,
+        className: l(d({ variant: t.variant, orientation: t.orientation, size: t.size }), r),
+        ...i
       }
+    );
+  }
+);
+g.displayName = a.Trigger.displayName;
+const x = n.forwardRef(
+  ({ className: r, ...i }, e) => /* @__PURE__ */ s(
+    a.Content,
+    {
+      ref: e,
+      className: l(
+        "mt-2 ring-offset-background data-[state=inactive]:hidden focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+        r
+      ),
+      ...i
     }
-  }), {
-    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 })
-  };
-}
+  )
+);
+x.displayName = a.Content.displayName;
 export {
-  f as reducer,
-  O as toast,
-  m as useToast
+  k as Tabs,
+  x as TabsContent,
+  m as TabsList,
+  g as TabsTrigger,
+  d as tabVariants
 };

package/index.es64.js

@@ -1,24 +1,77 @@
-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 });
+import { jsxs as d, jsx as r } from "react/jsx-runtime";
+import { cva as b } from "./index.es102.js";
+import * as m from "react";
+import { cn as h } from "./index.es76.js";
+import { ShouldRender as x } from "./index.es14.js";
+import "./index.es33.js";
+import { useFormContext as v } from "./index.es34.js";
+const w = b(
+  `flex relative overflow-hidden min-h-[10rem] w-full   ps-space-04 text-body-02 overflow-hidden text-form-field-text-filled
+     aria-[disabled=true]:cursor-not-allowed aria-[disabled=true]:text-disabled-text-default-disabled
+     aria-[invalid=true]:border-form-field-border-error  focus-within:aria-[invalid=true]:after:bg-form-field-border-error focus-within:shadow-md
+     after:absolute after:bottom-0 after:w-0 after:h-[2px] ltr:after:-translate-x-1/2 rtl:after:translate-x-1/2 after:start-1/2 after:bg-form-field-border-pressed after:ease-in-out after:transition-all focus-within:after:w-full
+    `,
+  {
+    variants: {
+      variant: {
+        default: "bg-form-field-background-darker  hover:aria-[disabled=false]:border-form-field-border-default",
+        outline: "bg-form-field-background-default aria-[disabled=false]:hover:border-form-field-border-hovered border border-form-field-border-default aria-[disabled=true]:border-border-disabled",
+        lighter: "bg-form-field-background-lighter  aria-[disabled=false]:hover:border-form-field-border-default"
+      },
+      rounded: {
+        default: "rounded",
+        full: "rounded-4"
+      },
+      colors: {
+        default: "hover:aria-[disabled=false]:border",
+        success: "border-success",
+        destructive: "border-form-field-border-error "
+      }
+    },
+    defaultVariants: {
+      variant: "outline",
+      rounded: "default",
+      colors: "default"
     }
-  };
-}
+  }
+), g = m.forwardRef(
+  ({ className: f, variant: s, rounded: n, startAdornment: t, colors: c, endAdornment: i, maxLength: l, ...e }, u) => {
+    var o;
+    const a = v();
+    return /* @__PURE__ */ d("div", { className: "relative flex flex-col gap-space-01", children: [
+      /* @__PURE__ */ d(
+        "div",
+        {
+          className: h(w({ variant: s, rounded: n, colors: c }), f),
+          "aria-invalid": e["aria-invalid"],
+          "aria-disabled": e.disabled,
+          children: [
+            t && /* @__PURE__ */ r("div", { className: "mr-space-02 mt-space-04 h-[2rem] w-[2rem] ", children: t }),
+            /* @__PURE__ */ r(
+              "textarea",
+              {
+                className: "placeholder:text-form-field-text-placeholder w-full resize-none bg-transparent py-space-02 outline-none",
+                ref: u,
+                maxLength: l,
+                ...e
+              }
+            ),
+            i && /* @__PURE__ */ r("div", { className: "ml-space-02 h-[2rem] w-[2rem]", children: i })
+          ]
+        }
+      ),
+      /* @__PURE__ */ r(x, { shouldRender: !!(e != null && e.name) && !!a && !!l, children: /* @__PURE__ */ d("span", { className: "absolute -bottom-[20px] end-0 flex flex-row-reverse text-caption-01 text-foreground", children: [
+        /* @__PURE__ */ d("span", { className: "text-foreground-secondary", children: [
+          " ",
+          l
+        ] }),
+        "/",
+        /* @__PURE__ */ r("span", { children: (o = a == null ? void 0 : a.watch(String(e == null ? void 0 : e.name))) == null ? void 0 : o.length })
+      ] }) })
+    ] });
+  }
+);
+g.displayName = "Textarea";
 export {
-  g as useCachedData
+  g as Textarea
 };

package/index.es65.js

@@ -1,10 +1,90 @@
-import { produce as u } from "./index.es130.js";
-const d = (a) => (e, t) => {
-  a.setQueryData(e, (r) => typeof t != "function" ? t : u(r, (o) => {
-    t(o);
-  }));
-};
+import { jsx as a } from "react/jsx-runtime";
+import * as t from "@radix-ui/react-toast";
+import { cva as l } from "./index.es102.js";
+import * as s from "react";
+import { cn as i } from "./index.es76.js";
+import { Button as d } from "./index.es22.js";
+import c from "./index.es105.js";
+import u from "./index.es158.js";
+const z = t.Provider, p = s.forwardRef(({ className: e, ...o }, r) => /* @__PURE__ */ a(
+  t.Viewport,
+  {
+    ref: r,
+    className: i(
+      "fixed bottom-space-05 z-[10000000000000] flex max-h-screen w-full flex-col p-4 sm:bottom-10 sm:top-auto lg:max-w-[500px]  ltr:sm:right-1/2 ltr:sm:translate-x-1/2 rtl:sm:left-1/2 rtl:sm:-translate-x-1/2",
+      e
+    ),
+    ...o
+  }
+));
+p.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)]
+     data-[swipe=move]:translate-y-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out
+     data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-bottom-full data-[state=open]:slide-in-from-bottom-full
+     before:w-space-02 before:top-0 before:bottom-0 before:absolute before:start-0 before:opacity-70`,
+  {
+    variants: {
+      variant: {
+        default: "before:bg-background-neutral-100",
+        destructive: "destructive group before:bg-background-error",
+        success: "success group before:bg-background-success",
+        info: "info group before:bg-background-info",
+        warning: "warning group before:bg-background-warning"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+), m = s.forwardRef(({ className: e, variant: o, ...r }, n) => /* @__PURE__ */ a(t.Root, { ref: n, className: i(f({ variant: o }), e), ...r }));
+m.displayName = t.Root.displayName;
+const g = s.forwardRef(
+  ({ className: e, ...o }, r) => /* @__PURE__ */ a(
+    t.Action,
+    {
+      ref: r,
+      className: i(
+        "inline-flex h-[32px] items-center justify-center gap-space-01 rounded border-none bg-transparent px-space-03 py-[6px] text-body-01 font-medium text-text-default transition-colors hover:bg-button-background-neutral-hovered focus:bg-transparent focus:outline focus:outline-2 focus:outline-offset-1 focus:outline-border-black active:bg-button-background-neutral-pressed disabled:pointer-events-none disabled:cursor-not-allowed disabled:text-disabled-text-default-disabled [&>svg]:size-[20px]",
+        e
+      ),
+      ...o
+    }
+  )
+);
+g.displayName = t.Action.displayName;
+const b = s.forwardRef(
+  ({ ...e }, o) => /* @__PURE__ */ a(t.Close, { ref: o, asChild: !0, "toast-close": "", ...e, children: /* @__PURE__ */ a(d, { variant: "text", colors: "neutral", size: "icon-sm", rounded: "default", children: /* @__PURE__ */ a(c, {}) }) })
+);
+b.displayName = t.Close.displayName;
+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 }));
+v.displayName = t.Description.displayName;
+const w = ({ icon: e }) => /* @__PURE__ */ a(
+  "div",
+  {
+    className: `flex size-space-07 items-center justify-center rounded-full bg-background-neutral-50 p-[10px]
+        group-[.destructive]:bg-icon-background-error-light  group-[.info]:bg-icon-background-info-light
+        group-[.success]:bg-icon-background-success-light group-[.warning]:bg-icon-background-warning-light
+        [&>svg]:size-[20px] [&>svg]:shrink-0
+        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, {})
+  }
+);
+w.displayName = "ToastIcon";
 export {
-  d as default,
-  d as useUpdateCachedData
+  m as Toast,
+  g as ToastAction,
+  b as ToastClose,
+  v as ToastDescription,
+  w as ToastIcon,
+  z as ToastProvider,
+  x as ToastTitle,
+  p as ToastViewport
 };

package/index.es66.js

@@ -1,72 +1,37 @@
-var h = Object.defineProperty;
-var d = (a, e, t) => e in a ? h(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
-var s = (a, e, t) => (d(a, typeof e != "symbol" ? e + "" : e, t), t);
-import { UserManager as g, Log as r } from "./index.es126.js";
-import { createIdentityConfig as l, createMetadataConfig as c } from "./index.es79.js";
-const i = class i {
-  constructor(e) {
-    s(this, "userManager");
-    s(this, "config");
-    s(this, "user");
-    s(this, "isLoading");
-    s(this, "isAuthenticated");
-    s(this, "error");
-    s(this, "signout", async (e = "") => {
-      var t;
-      this.isLoading = !1, window.location.href = `${(t = this.config) == null ? void 0 : t.oauth20LogoutUrl}${e}`;
-    });
-    this.config = e, this.userManager = new g({
-      ...l(e),
-      metadata: c(e.authUrl, (e == null ? void 0 : e.jwks) ?? "UP_Definition")
-    }), this.isAuthenticated = !1, this.isLoading = !1, this.user = null, this.error = void 0, r.setLogger(console), r.setLevel(r.DEBUG), this.setupEventListeners();
-  }
-  static getInstance(e) {
-    return i.instance || (i.instance = new i(e)), i.instance;
-  }
-  setupEventListeners() {
-    this.userManager.events.addUserLoaded((e) => {
-      this.user = e, this.isAuthenticated = !(e != null && e.expired), this.error = void 0, this.isLoading = !1;
-    }), this.userManager.events.addUserUnloaded(() => {
-      this.isAuthenticated = !1, this.isLoading = !1, this.user = null, this.error = void 0;
-    }), this.userManager.events.addSilentRenewError((e) => {
-      this.error = e, this.user = null, this.isAuthenticated = !1, this.isLoading = !1;
-    }), this.userManager.events.addAccessTokenExpired(() => {
-      this.signin();
-    }), this.userManager.events.addUserSignedIn(() => {
-      this.isLoading = !1, this.error = void 0;
-    });
-  }
-  hasAuthParams(e = window.location) {
-    let t = new URLSearchParams(e.search);
-    return !!((t.get("code") || t.get("error")) && t.get("state") || (t = new URLSearchParams(e.hash.replace("#", "?")), (t.get("code") || t.get("error")) && t.get("state")));
-  }
-  signin() {
-    return this.isLoading = !0, this.error = void 0, this.user = null, this.userManager.signinRedirect();
-  }
-  completeSignIn() {
-    return this.userManager.signinRedirectCallback().then(async (e) => (this.isLoading = !1, e ? (this.user = e, this.isAuthenticated = !(e != null && e.expired)) : this.user = await this.userManager.getUser(), e)).catch((e) => {
-      throw this.isLoading = !1, this.error = e, Error(e);
-    });
-  }
-  getUser() {
-    return this.isLoading = !0, this.userManager.getUser().then((e) => (e && (this.user = e, this.isAuthenticated = !(e != null && e.expired), this.isLoading = !1), e)).catch((e) => {
-      throw this.error = e, this.isLoading = !1, e;
-    });
-  }
-  /**
-   * function to call another url to kill opend session with 'sso service'
-   */
-  async clearSession() {
-    return new Promise((e, t) => {
-      const n = window.open("https://iam-dev.moe.gov.sa/pkmslogout", "_blank", "width=800,height=600");
-      n ? setTimeout(() => {
-        n.close(), e();
-      }, 1e3) : t(new Error("Unable to open new popup window"));
-    });
-  }
+import { jsxs as e, jsx as r } from "react/jsx-runtime";
+import { ToastProvider as m, Toast as f, ToastIcon as d, ToastTitle as p, ToastDescription as T, ToastClose as u, ToastViewport as v } from "./index.es65.js";
+import { useToast as g } from "./index.es70.js";
+import h from "./index.es77.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";
+const y = {
+  destructive: /* @__PURE__ */ r(x, {}),
+  success: /* @__PURE__ */ r(w, {}),
+  default: /* @__PURE__ */ r(c, {}),
+  info: /* @__PURE__ */ r(c, {}),
+  warning: /* @__PURE__ */ r(N, {})
 };
-s(i, "instance", null);
-let o = i;
+function M() {
+  const { toasts: t } = g(), n = h((o) => o.isActive);
+  return /* @__PURE__ */ e(m, { children: [
+    t.map(function({ id: o, title: a, description: i, action: l, ...s }) {
+      return /* @__PURE__ */ r(f, { ...s, className: `${n ? "grayscale" : "grayscale-0"}`, children: /* @__PURE__ */ e("div", { className: "flex grow flex-col justify-between gap-space-04", children: [
+        /* @__PURE__ */ e("div", { className: "flex w-full gap-space-03", children: [
+          /* @__PURE__ */ r(d, { icon: s.variant && y[s.variant] }),
+          /* @__PURE__ */ e("div", { className: "grid flex-1 gap-space-01", children: [
+            a && /* @__PURE__ */ r(p, { children: a }),
+            i && /* @__PURE__ */ r(T, { children: i })
+          ] }),
+          /* @__PURE__ */ r(u, {})
+        ] }),
+        /* @__PURE__ */ r("div", { className: "mx-space-07", children: l })
+      ] }) }, o);
+    }),
+    /* @__PURE__ */ r(v, {})
+  ] });
+}
 export {
-  o as AuthService
+  M as Toaster
 };