mada-design-system 0.2.6 → 0.2.7

package/index.es57.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.es100.js";
+import { cva as u } from "./index.es99.js";
 import { cn as s } from "./index.es79.js";
-import b from "./index.es95.js";
-import h from "./index.es154.js";
-import x from "./index.es127.js";
-import g from "./index.es152.js";
+import b from "./index.es94.js";
+import h from "./index.es153.js";
+import x from "./index.es126.js";
+import g from "./index.es151.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.es59.js

@@ -1,36 +1,34 @@
-import { jsx as s, jsxs as p } from "react/jsx-runtime";
-import * as o from "@radix-ui/react-dialog";
-import { cva as v } from "./index.es100.js";
-import d, { useEffect as w } from "react";
-import { clsx as C } from "./index.es97.js";
-import { useMediaQuery as S } from "./index.es98.js";
-import { create as F } from "./index.es155.js";
+import { jsx as a, jsxs as f } from "react/jsx-runtime";
+import * as s from "@radix-ui/react-dialog";
+import { cva as v } from "./index.es99.js";
+import l from "react";
+import { clsx as w } from "./index.es96.js";
+import { useMediaQuery as C } from "./index.es97.js";
+import { create as S } from "./index.es154.js";
 import { cn as r } from "./index.es79.js";
 import R from "./index.es80.js";
 import { ShouldRender as z } from "./index.es14.js";
-import { Button as b } from "./index.es22.js";
-import k from "./index.es156.js";
-import I from "./index.es157.js";
-import T from "./index.es103.js";
-const n = F((a) => ({
+import { Button as h } from "./index.es22.js";
+import k from "./index.es155.js";
+import T from "./index.es156.js";
+import D from "./index.es102.js";
+const b = S((t) => ({
   isCenter: !1,
-  isFooterUsed: !1,
-  setIsCenter: (e) => a((t) => ({ isCenter: e ?? !t.isCenter })),
-  setIsFooterUsed: (e) => a(() => ({ isFooterUsed: e }))
-})), Z = o.Root, ee = o.Trigger, D = o.Close, U = o.Portal, x = d.forwardRef(
-  ({ className: a, ...e }, t) => /* @__PURE__ */ s(
-    o.Overlay,
+  setIsCenter: (e) => t((o) => ({ isCenter: e ?? !o.isCenter }))
+})), Z = s.Root, $ = s.Trigger, F = s.Close, I = s.Portal, x = l.forwardRef(
+  ({ className: t, ...e }, o) => /* @__PURE__ */ a(
+    s.Overlay,
     {
       className: r(
         "fixed inset-0 z-50 bg-background-overlay data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-        a
+        t
       ),
       ...e,
-      ref: t
+      ref: o
     }
   )
 );
-x.displayName = o.Overlay.displayName;
+x.displayName = s.Overlay.displayName;
 const O = v(
   "flex flex-col data-[side=bottom]:max-md:h-[93%] sm:max-w-[60rem] md:rounded-tl-none md:rounded-tr-none fixed z-50 bg-background-secondary overflow-y-auto p-space-00 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
   {
@@ -47,98 +45,92 @@ const O = v(
       side: "right"
     }
   }
-), _ = d.forwardRef(
-  ({ className: a, side: e, ignoreInteractOutside: t = !1, hideOverlay: l = !1, overlayClassName: c, children: m, ...i }, y) => {
-    const g = R((f) => f.isActive), u = S("(min-width: 600px)"), { isCenter: h, setIsCenter: N } = n();
-    return /* @__PURE__ */ s(U, { children: /* @__PURE__ */ s(
+), _ = l.forwardRef(
+  ({ className: t, side: e, ignoreInteractOutside: o = !1, hideOverlay: d = !1, overlayClassName: n, children: c, ...i }, y) => {
+    const g = R((m) => m.isActive), p = C("(min-width: 600px)"), { isCenter: u, setIsCenter: N } = b();
+    return /* @__PURE__ */ a(I, { children: /* @__PURE__ */ a(
       x,
       {
-        className: C(c, {
-          "bg-transparent": l
+        className: w(n, {
+          "bg-transparent": d
         }),
-        children: /* @__PURE__ */ s(
-          o.Content,
+        children: /* @__PURE__ */ a(
+          s.Content,
           {
             "aria-describedby": void 0,
-            onInteractOutside: (f) => t && f.preventDefault(),
+            onInteractOutside: (m) => o && m.preventDefault(),
             onCloseAutoFocus: () => N(!1),
             ref: y,
             className: r(
-              O({ side: e || (u ? h ? "center" : "left" : "bottom") }),
+              O({ side: e || (p ? u ? "center" : "left" : "bottom") }),
               { grayscale: g },
-              a
+              t
             ),
-            "data-side": e || (u ? h ? "center" : "left" : "bottom"),
+            "data-side": e || (p ? u ? "center" : "left" : "bottom"),
             ...i,
-            children: m
+            children: c
           }
         )
       }
     ) });
   }
 );
-_.displayName = o.Content.displayName;
-const j = ({ className: a, title: e, hideCenter: t, children: l, ...c }) => {
-  const { setIsCenter: m, isCenter: i } = n();
-  return /* @__PURE__ */ p("div", { className: r("flex flex-row items-center gap-space-02 px-space-05 py-space-04", a), ...c, children: [
-    l,
-    /* @__PURE__ */ s("h1", { className: "text-body-01 font-semibold", children: e }),
-    /* @__PURE__ */ p("div", { className: "ms-auto flex items-center gap-space-01", children: [
-      /* @__PURE__ */ s(z, { shouldRender: !t, children: /* @__PURE__ */ p(b, { variant: "text", colors: "neutral", size: "icon-sm", onClick: () => m(), className: "hidden sm:inline-flex", children: [
-        !i && /* @__PURE__ */ s(k, { size: 20, className: "-scale-100" }),
-        i && /* @__PURE__ */ s(I, { size: 20 })
+_.displayName = s.Content.displayName;
+const j = ({ className: t, title: e, hideCenter: o, children: d, ...n }) => {
+  const { setIsCenter: c, isCenter: i } = b();
+  return /* @__PURE__ */ f("div", { className: r("flex flex-row items-center gap-space-02 px-space-05 py-space-04", t), ...n, children: [
+    d,
+    /* @__PURE__ */ a("h1", { className: "text-body-01 font-semibold", children: e }),
+    /* @__PURE__ */ f("div", { className: "ms-auto flex items-center gap-space-01", children: [
+      /* @__PURE__ */ a(z, { shouldRender: !o, children: /* @__PURE__ */ f(h, { variant: "text", colors: "neutral", size: "icon-sm", onClick: () => c(), className: "hidden sm:inline-flex", children: [
+        !i && /* @__PURE__ */ a(k, { size: 20, className: "-scale-100" }),
+        i && /* @__PURE__ */ a(T, { size: 20 })
       ] }) }),
-      /* @__PURE__ */ s(D, { className: "p-space-01", "data-testid": "sheetClose", asChild: !0, children: /* @__PURE__ */ s(b, { variant: "text", colors: "neutral", size: "icon-sm", children: /* @__PURE__ */ s(T, { className: "size-[20px]" }) }) })
+      /* @__PURE__ */ a(F, { className: "p-space-01", "data-testid": "sheetClose", asChild: !0, children: /* @__PURE__ */ a(h, { variant: "text", colors: "neutral", size: "icon-sm", children: /* @__PURE__ */ a(D, { className: "size-[20px]" }) }) })
     ] })
   ] });
 };
 j.displayName = "SheetHeader";
-const A = ({ className: a, ...e }) => {
-  const { setIsFooterUsed: t } = n();
-  return w(() => (t(!0), () => t(!1)), [t]), /* @__PURE__ */ s(
-    "div",
-    {
-      className: r(
-        "absolute bottom-0 left-0 z-20 mt-auto flex w-full flex-col-reverse bg-background-secondary p-space-04 sm:flex-row sm:justify-end sm:space-x-2 sm:p-space-05",
-        a
-      ),
-      ...e
-    }
-  );
-};
+const A = ({ className: t, ...e }) => /* @__PURE__ */ a(
+  "div",
+  {
+    className: r(
+      "mt-auto flex w-full flex-col-reverse bg-background-secondary p-space-04 sm:flex-row sm:justify-end sm:space-x-2 sm:p-space-05",
+      t
+    ),
+    ...e
+  }
+);
 A.displayName = "SheetFooter";
-const B = d.forwardRef(
-  ({ className: a, ...e }, t) => /* @__PURE__ */ s(o.Title, { ref: t, className: r("text-body-01 font-semibold", a), ...e })
+const B = l.forwardRef(
+  ({ className: t, ...e }, o) => /* @__PURE__ */ a(s.Title, { ref: o, className: r("text-body-01 font-semibold", t), ...e })
 );
-B.displayName = o.Title.displayName;
-const P = d.forwardRef(({ className: a, ...e }, t) => /* @__PURE__ */ s(o.Description, { ref: t, className: r("text-sm text-muted-foreground", a), ...e }));
-P.displayName = o.Description.displayName;
-const V = d.forwardRef(({ className: a, ...e }, t) => {
-  const { isFooterUsed: l } = n();
-  return /* @__PURE__ */ s(
-    "div",
-    {
-      ref: t,
-      className: r(
-        "scrollbar-thumb-rounded-full scrollbar-track-rounded-full scrollbar-w-2.5 scrollbar-h-2.5 scrollbar scrollbar-track-transparent scrollbar-thumb-border",
-        `${l ? "mb-space-11" : ""} h-full overflow-auto rounded-4 border border-border-neutral-secondary bg-card p-space-05 text-foreground`,
-        a
-      ),
-      ...e
-    }
-  );
-});
+B.displayName = s.Title.displayName;
+const P = l.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ a(s.Description, { ref: o, className: r("text-sm text-muted-foreground", t), ...e }));
+P.displayName = s.Description.displayName;
+const V = l.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ a(
+  "div",
+  {
+    ref: o,
+    className: r(
+      "scrollbar-thumb-rounded-full scrollbar-track-rounded-full scrollbar-w-2.5 scrollbar-h-2.5 scrollbar scrollbar-track-transparent scrollbar-thumb-border",
+      "h-full overflow-auto rounded-4 border border-border-neutral-secondary bg-card p-space-04 text-foreground lg:p-space-05",
+      t
+    ),
+    ...e
+  }
+));
 V.displayName = "SheetBody";
 export {
   Z as Sheet,
   V as SheetBody,
-  D as SheetClose,
+  F as SheetClose,
   _ as SheetContent,
   P as SheetDescription,
   A as SheetFooter,
   j as SheetHeader,
   x as SheetOverlay,
-  U as SheetPortal,
+  I as SheetPortal,
   B as SheetTitle,
-  ee as SheetTrigger
+  $ as SheetTrigger
 };

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 k } from "./index.es100.js";
+import { cva as k } from "./index.es99.js";
 import * as i from "react";
-import { useIsMobile as z } from "./index.es158.js";
+import { useIsMobile as z } from "./index.es157.js";
 import { cn as o } from "./index.es79.js";
 import { Button as I } 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 O, Tooltip as G, TooltipTrigger as D, TooltipContent as K } from "./index.es71.js";
-import j from "./index.es159.js";
+import j from "./index.es158.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.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.es100.js";
+import { cva as b } from "./index.es99.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.es100.js";
+import { cva as b } from "./index.es99.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,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.es100.js";
+import { cva as l } from "./index.es99.js";
 import * as r from "react";
 import { cn as i } from "./index.es79.js";
 import { Button as p } from "./index.es22.js";
-import c from "./index.es103.js";
-import m from "./index.es160.js";
+import c from "./index.es102.js";
+import m from "./index.es159.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.es68.js

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

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.es100.js";
+import { cva as n } from "./index.es99.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.es95.js";
+import K from "./index.es94.js";
 const P = D, Q = O, U = T, j = A, E = C.forwardRef(({ className: r, children: a, ...m }, c) => /* @__PURE__ */ e(M, { className: "min-w-[var(--radix-popover-trigger-width)]  p-space-02", ref: c, ...m, children: /* @__PURE__ */ e(_, { children: a }) }));
 E.displayName = "ComboboxContent";
 const S = C.forwardRef(

package/index.es73.js

@@ -1,8 +1,8 @@
 import { jsx as u, jsxs as o } from "react/jsx-runtime";
 import { useState as p } from "react";
 import "./index.es2.js";
-import n from "./index.es163.js";
-import d from "./index.es164.js";
+import n from "./index.es162.js";
+import d from "./index.es163.js";
 import { Stack as y } from "./index.es40.js";
 import { cn as f } from "./index.es79.js";
 function R({ max: e = 5, onChange: a, value: m = 0, ...t }) {

package/index.es75.js

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

package/index.es76.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.es167.js";
+import { UserManager as g, Log as r } from "./index.es165.js";
 import { createIdentityConfig as l, createMetadataConfig as c } from "./index.es89.js";
 import "./index.es2.js";
 import u from "./index.es81.js";

package/index.es79.js

@@ -1,10 +1,10 @@
-import { clsx as s } from "./index.es97.js";
-import a from "./index.es114.js";
-import u from "./index.es168.js";
+import { clsx as s } from "./index.es96.js";
+import a from "./index.es113.js";
+import u from "./index.es166.js";
 import { strings as c } from "./index.es91.js";
-import { DateFormat as i } from "./index.es146.js";
+import { DateFormat as i } from "./index.es145.js";
 import l from "./index.es83.js";
-import { extendTailwindMerge as m } from "./index.es169.js";
+import { extendTailwindMerge as m } from "./index.es167.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.es100.js";
+import { cva as h } from "./index.es99.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.es155.js";
+import { create as s } from "./index.es154.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.es155.js";
+import { create as r } from "./index.es154.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.es165.js";
-import { immer as s } from "./index.es166.js";
+import { devtools as t } from "./index.es168.js";
+import { immer as s } from "./index.es169.js";
 const l = {
   name: "Store",
   enabled: !0,

package/index.es83.js

@@ -1,4 +1,4 @@
-import { create as n } from "./index.es155.js";
+import { create as n } from "./index.es154.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.es167.js";
+import { UserManager as M } from "./index.es165.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.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.es101.js";
-import { SortableContext as U, useSortable as X, arrayMove as Y } from "./index.es102.js";
+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 { 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.es103.js";
-import te from "./index.es104.js";
-import se from "./index.es105.js";
-import ie from "./index.es106.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";
 function De({
   configs: s,
   isEditMode: o,

package/index.es90.js

@@ -1,5 +1,5 @@
-import { create as s } from "./index.es155.js";
-import { THEME as e } from "./index.es146.js";
+import { create as s } from "./index.es154.js";
+import { THEME as e } from "./index.es145.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");

package/index.es92.js

@@ -59,7 +59,11 @@ const e = {
     sortBy: "تصنيف حسب",
     siteLanguageText: "English",
     lightMode: "الوضع الفاتح",
-    darkMode: "الوضع الداكن"
+    darkMode: "الوضع الداكن",
+    showLess: "أظهر أقل",
+    showMore: "أظهر أكثر",
+    noResultsFound: "لا توجد نتائج",
+    Clear: "مسح"
   },
   Footer: {
     KSA: "وزارة التعليم - المملكة العربية السعودية",

package/index.es93.js

@@ -59,7 +59,11 @@ const e = {
     sortBy: "Sort by",
     siteLanguageText: "العربية",
     lightMode: "Light mode",
-    darkMode: "Dark mode"
+    darkMode: "Dark mode",
+    showLess: "Show less",
+    showMore: "Show more",
+    noResultsFound: "No results found",
+    Clear: "Clear"
   },
   Footer: {
     KSA: "Ministry of Education - Saudia Arabia",