@qodo/design-system 0.10.0 → 0.10.2

package/dist/index.esm.js

@@ -3499,13 +3499,13 @@ const yp = un(
       variant: {
         default: (
           // "bg-background border-input text-foreground placeholder:text-muted-foreground dark:bg-background dark:border-input dark:text-foreground dark:placeholder:text-muted-foreground",
-          "bg-purple-mutted-700 border-purple-mutted-500 text-purple-mutted-300 text-sm"
+          "bg-purple-muted-700 border-purple-muted-500 text-purple-muted-300 text-sm"
         ),
         secondary: "bg-secondary border-secondary text-secondary-foreground placeholder:text-muted-foreground dark:bg-secondary dark:border-secondary dark:text-secondary-foreground dark:placeholder:text-muted-foreground",
         accent: "bg-accent border-accent text-accent-foreground placeholder:text-muted-foreground dark:bg-accent dark:border-accent dark:text-accent-foreground dark:placeholder:text-muted-foreground",
         success: "bg-success border-success text-success-foreground placeholder:text-success-foreground/70 dark:bg-success dark:border-success dark:text-success-foreground dark:placeholder:text-success-foreground/70",
         warning: "bg-warning border-warning text-warning-foreground placeholder:text-warning-foreground/70 dark:bg-warning dark:border-warning dark:text-warning-foreground dark:placeholder:text-warning-foreground/70",
-        destructive: "border-destructive bg-purple-mutted-700 text-purple-mutted-200 placeholder:text-destructive-foreground/70 dark:border-destructive dark:placeholder:text-destructive-foreground/70"
+        destructive: "border-destructive bg-purple-muted-700 text-purple-muted-200 placeholder:text-destructive-foreground/70 dark:border-destructive dark:placeholder:text-destructive-foreground/70"
       }
     },
     defaultVariants: {
@@ -7237,8 +7237,8 @@ const cv = [
     className: T(
       T(
         "flex h-9 w-full min-w-0 items-center justify-between",
-        "rounded-md border bg-purple-mutted-700 border-purple-mutted-500",
-        "text-sm data-[placeholder]:text-muted-foreground [&:not([data-placeholder])]:text-purple-mutted-300 md:text-sm ",
+        "rounded-md border bg-purple-muted-700 border-purple-muted-500",
+        "text-sm data-[placeholder]:text-muted-foreground [&:not([data-placeholder])]:text-purple-muted-300 md:text-sm ",
         "px-3 py-1",
         "shadow-xs transition-[color,box-shadow] outline-none",
         "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
@@ -7248,7 +7248,7 @@ const cv = [
     ...r,
     children: [
       t,
-      /* @__PURE__ */ i.jsx(Ph, { asChild: !0, children: /* @__PURE__ */ i.jsx(zo, { className: "h-4 w-4 text-purple-mutted-300" }) })
+      /* @__PURE__ */ i.jsx(Ph, { asChild: !0, children: /* @__PURE__ */ i.jsx(zo, { className: "h-4 w-4 text-purple-muted-300" }) })
     ]
   }
 ));
@@ -7285,7 +7285,7 @@ const Rc = l.forwardRef(
     {
       ref: s,
       className: T(
-        "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-purple-mutted-600 border-purple-mutted-500 text-purple-mutted-300 shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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",
+        "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-purple-muted-600 border-purple-muted-500 text-purple-muted-300 shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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",
         r === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
         e
       ),
@@ -7325,7 +7325,7 @@ const kc = l.forwardRef(({ className: e, children: t, ...r }, n) => /* @__PURE__
     className: T(
       T(
         "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none",
-        "focus:bg-purple-mutted-500 focus:text-purple-100 text-purple-100",
+        "focus:bg-purple-muted-500 focus:text-purple-100 text-purple-100",
         "data-[disabled]:pointer-events-none data-[disabled]:opacity-50"
       ),
       e
@@ -8090,7 +8090,7 @@ function tx({
     "div",
     {
       "data-slot": "command-input-wrapper",
-      className: "flex h-9 items-center gap-2 border-b border-purple-mutted-400 px-3 text-purple-mutted-300",
+      className: "flex h-9 items-center gap-2 border-b border-purple-muted-400 px-3 text-purple-muted-300",
       children: [
         /* @__PURE__ */ i.jsx(wc, { className: "size-4 shrink-0 opacity-50" }),
         /* @__PURE__ */ i.jsx(
@@ -8131,7 +8131,7 @@ function nx({
     Jt.Empty,
     {
       "data-slot": "command-empty",
-      className: "py-6 text-center text-sm text-purple-mutted-300",
+      className: "py-6 text-center text-sm text-purple-muted-300",
       ...e
     }
   );
@@ -8161,7 +8161,7 @@ function sx({
     {
       "data-slot": "command-item",
       className: T(
-        "data-[selected=true]:bg-purple-mutted-500 data-[selected=true]:text-purple-100 [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "data-[selected=true]:bg-purple-muted-500 data-[selected=true]:text-purple-100 [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         e
       ),
       ...t
@@ -8437,8 +8437,8 @@ const pl = l.forwardRef(
           "aria-expanded": f,
           className: T(
             "w-full h-9 px-3 py-1 justify-between rounded-md",
-            "border border-purple-mutted-500 bg-purple-mutted-700 hover:bg-purple-mutted-700",
-            "text-sm md:text-sm text-purple-mutted-300 hover:text-purple-mutted-300 focus:text-purple-mutted-300 active:text-purple-mutted-300",
+            "border border-purple-muted-500 bg-purple-muted-700 hover:bg-purple-muted-700",
+            "text-sm md:text-sm text-purple-muted-300 hover:text-purple-muted-300 focus:text-purple-muted-300 active:text-purple-muted-300",
             "shadow-xs transition-[color,box-shadow] outline-none",
             {
               "text-muted-foreground": !h
@@ -8456,9 +8456,9 @@ const pl = l.forwardRef(
       /* @__PURE__ */ i.jsx(
         Cx,
         {
-          className: "p-0 border bg-purple-mutted-600 border-purple-mutted-500 text-purple-mutted-300",
+          className: "p-0 border bg-purple-muted-600 border-purple-muted-500 text-purple-muted-300",
           style: { width: g > 0 ? `${g}px` : "auto" },
-          children: /* @__PURE__ */ i.jsxs(ex, { className: "w-full bg-purple-mutted-600", children: [
+          children: /* @__PURE__ */ i.jsxs(ex, { className: "w-full bg-purple-muted-600", children: [
             /* @__PURE__ */ i.jsx(tx, { placeholder: o }),
             /* @__PURE__ */ i.jsxs(rx, { children: [
               /* @__PURE__ */ i.jsx(nx, { children: s }),
@@ -8468,10 +8468,10 @@ const pl = l.forwardRef(
                   value: v.value,
                   disabled: v.disabled,
                   className: T(
-                    "text-purple-100 hover:bg-purple-mutted-500",
-                    "focus:bg-purple-mutted-500 focus:text-purple-100",
+                    "text-purple-100 hover:bg-purple-muted-500",
+                    "focus:bg-purple-muted-500 focus:text-purple-100",
                     {
-                      "bg-purple-mutted-500": t === v.value
+                      "bg-purple-muted-500": t === v.value
                     }
                   ),
                   onSelect: (y) => {
@@ -8509,9 +8509,9 @@ const Sx = un(
       variant: {
         default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
         primary: "border-purple-700 bg-purple-800 text-purple-300",
-        secondary: "border-purple-mutted-600 text-purple-300",
+        secondary: "border-purple-muted-600 text-purple-300",
         destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
-        outline: "bg-purple-mutted-700 border border-purple-mutted-600 text-purple-mutted-300",
+        outline: "bg-purple-muted-700 border border-purple-muted-600 text-purple-muted-300",
         success: "text-green-300 bg-green-800 border-green-700",
         error: "text-red-300 bg-red-900 border-red-800",
         pending: "bg-purple-800 border-purple-700 text-purple-300",
@@ -10025,7 +10025,7 @@ function qb({
     {
       "data-slot": "label",
       className: T(
-        "flex items-center text-purple-mutted-300 gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
+        "flex items-center text-purple-muted-300 gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
         e
       ),
       ...t
@@ -10101,7 +10101,7 @@ function ey({ className: e, ...t }) {
     {
       "data-slot": "form-description",
       id: r,
-      className: T("text-purple-mutted-300 text-sm", e),
+      className: T("text-purple-muted-300 text-sm", e),
       ...t
     }
   );
@@ -10466,14 +10466,14 @@ function Nu({
       "data-slot": "tooltip-content",
       sideOffset: t,
       className: T(
-        "bg-purple-mutted-700 border border-purple-mutted-600 text-primary-foreground 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 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
+        "bg-purple-muted-700 border border-purple-muted-600 text-primary-foreground 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 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
         e,
         { "py-2.5": n }
       ),
       ...o,
       children: [
         r,
-        !n && /* @__PURE__ */ i.jsx(Cy, { className: "bg-purple-mutted-700 fill-purple-mutted-700 z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+        !n && /* @__PURE__ */ i.jsx(Cy, { className: "bg-purple-muted-700 fill-purple-muted-700 z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
       ]
     }
   ) });
@@ -10576,9 +10576,9 @@ const Ey = ls(ju), Py = F.forwardRef((e, t) => {
       disabled: a
     }
   );
-}), Ry = ls(Py), ky = (e) => /* @__PURE__ */ i.jsx("hr", { className: "w-full h-px border-purple-mutted-500", ...e }), Ny = ({ children: e, description: t, className: r }) => /* @__PURE__ */ i.jsxs("div", { className: T("space-y-1", r), children: [
+}), Ry = ls(Py), ky = (e) => /* @__PURE__ */ i.jsx("hr", { className: "w-full h-px border-purple-muted-500", ...e }), Ny = ({ children: e, description: t, className: r }) => /* @__PURE__ */ i.jsxs("div", { className: T("space-y-1", r), children: [
   /* @__PURE__ */ i.jsx("h2", { className: "flex items-center gap-2.5 text-2xl text-white", children: e }),
-  t && /* @__PURE__ */ i.jsx("span", { className: "text-sm text-purple-mutted-300", children: t })
+  t && /* @__PURE__ */ i.jsx("span", { className: "text-sm text-purple-muted-300", children: t })
 ] }), Qt = (e) => {
   const {
     className: t,
@@ -11500,7 +11500,7 @@ const Hu = _o(void 0), Nw = ({ children: e, step: t }) => /* @__PURE__ */ i.jsx(
   ...t
 }) => {
   const r = T(
-    "flex flex-row items-center gap-4 text-purple-mutted-100 text-sm",
+    "flex flex-row items-center gap-4 text-purple-muted-100 text-sm",
     e
   );
   return /* @__PURE__ */ i.jsx(Uu, { className: r, ...t });
@@ -11513,11 +11513,11 @@ const Hu = _o(void 0), Nw = ({ children: e, step: t }) => /* @__PURE__ */ i.jsx(
     "flex items-center justify-center w-8 h-8 rounded-full text-white",
     s && "bg-green-700",
     o && "bg-green-600",
-    !s && !o && "bg-purple-mutted-500",
+    !s && !o && "bg-purple-muted-500",
     t
   ), c = T({
     "text-white": o,
-    "text-purple-mutted-300": !s && e !== n
+    "text-purple-muted-300": !s && e !== n
   });
   return /* @__PURE__ */ i.jsx($u, { className: a, ...r, children: s ? /* @__PURE__ */ i.jsx(kw, { className: "text-green-400" }) : /* @__PURE__ */ i.jsx("span", { className: c, children: e + 1 }) });
 }, Iw = ({
@@ -11654,9 +11654,9 @@ const wt = l.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ i.jsx(
   {
     ref: r,
     className: T(
-      "border-b border-purple-mutted-600 transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
+      "border-b border-purple-muted-600 transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
       e,
-      { "cursor-pointer hover:bg-purple-mutted-600/20": !!t.onClick }
+      { "cursor-pointer hover:bg-purple-muted-600/20": !!t.onClick }
     ),
     ...t
   }
@@ -11949,7 +11949,7 @@ const Gw = ({ title: e = "No results" }) => /* @__PURE__ */ i.jsx("div", { class
 }) => /* @__PURE__ */ i.jsxs("div", { className: "flex flex-col items-center justify-center h-full p-14", children: [
   /* @__PURE__ */ i.jsx(Hw, { className: "mb-6" }),
   /* @__PURE__ */ i.jsx("h4", { className: "mb-1 text-foreground", children: e }),
-  /* @__PURE__ */ i.jsx("p", { className: "text-purple-mutted-300", children: t })
+  /* @__PURE__ */ i.jsx("p", { className: "text-purple-muted-300", children: t })
 ] }), Ju = ({ className: e, ...t }) => /* @__PURE__ */ i.jsx(
   "nav",
   {
@@ -12016,7 +12016,7 @@ const Kw = ({
     r >= 1 && s(r);
   }, [r]);
   const a = Kr(() => {
-    const m = "text-purple-mutted-300 dark:text-purple-mutted-300", b = "hover:bg-purple-mutted-600 hover:text-purple-mutted-300 dark:hover:bg-purple-mutted-600 dark:hover:text-purple-mutted-300", h = "bg-purple-mutted-600 text-purple-mutted-300 dark:bg-purple-mutted-600 dark:text-purple-mutted-300", v = "border-none flex items-center justify-center w-8 h-8", y = "pointer-events-none opacity-50 cursor-not-allowed";
+    const m = "text-purple-muted-300 dark:text-purple-muted-300", b = "hover:bg-purple-muted-600 hover:text-purple-muted-300 dark:hover:bg-purple-muted-600 dark:hover:text-purple-muted-300", h = "bg-purple-muted-600 text-purple-muted-300 dark:bg-purple-muted-600 dark:text-purple-muted-300", v = "border-none flex items-center justify-center w-8 h-8", y = "pointer-events-none opacity-50 cursor-not-allowed";
     return {
       previous: T(
         n === 1 || t ? "pointer-events-none opacity-50" : "cursor-pointer",
@@ -12169,7 +12169,7 @@ const Kw = ({
       "div",
       {
         className: T(
-          "max-h-[100%] min-h-0 overflow-auto rounded-lg border border-purple-mutted-600",
+          "max-h-[100%] min-h-0 overflow-auto rounded-lg border border-purple-muted-600",
           f
         ),
         style: { height: "-webkit-fill-available" },
@@ -12179,7 +12179,7 @@ const Kw = ({
         ] })
       }
     ) }),
-    g && /* @__PURE__ */ i.jsx("footer", { className: "pt-4 pb-2 bg-background border-t border-purple-mutted-600/20 flex-shrink-0", children: /* @__PURE__ */ i.jsx(Kw, { table: e, isLoading: o }) })
+    g && /* @__PURE__ */ i.jsx("footer", { className: "pt-4 pb-2 bg-background border-t border-purple-muted-600/20 flex-shrink-0", children: /* @__PURE__ */ i.jsx(Kw, { table: e, isLoading: o }) })
   ] });
 }, Oa = (e) => {
   const { children: t, ...r } = e, n = t && t !== 0 ? t : "-";
@@ -12259,9 +12259,9 @@ const Kw = ({
 }) => {
   const a = r === Da.LARGE ? "pl-12 py-3 pr-4 h-[45px]" : "pl-9 py-1.5 pr-2 h-[33px]", c = T(
     "absolute top-1/2 h-4 w-4 -translate-y-1/2",
-    n ? "text-purple-mutted-600" : "text-purple-mutted-400"
+    n ? "text-purple-muted-600" : "text-purple-muted-400"
   ), u = T(
-    "text-purple-mutted-200 dark:border-purple-mutted-600 dark:text-purple-mutted-200 dark:bg-[#1C1C1C] dark:placeholder:text-purple-mutted-400 pl-9",
+    "text-purple-muted-200 dark:border-purple-muted-600 dark:text-purple-muted-200 dark:bg-[#1C1C1C] dark:placeholder:text-purple-muted-400 pl-9",
     { " pr-9": !o }
   );
   return /* @__PURE__ */ i.jsxs("div", { className: T("relative", e), children: [
@@ -12426,8 +12426,8 @@ const Kw = ({
     u(m);
   }, p = (m) => {
     m.stopPropagation();
-  }, g = (m, b) => b.length === 0 ? /* @__PURE__ */ i.jsx(i.Fragment, {}) : /* @__PURE__ */ i.jsxs("div", { className: "space-y-1 text-purple-mutted-200", children: [
-    /* @__PURE__ */ i.jsxs("span", { className: "font-medium border-b border-purple-mutted-200", children: [
+  }, g = (m, b) => b.length === 0 ? /* @__PURE__ */ i.jsx(i.Fragment, {}) : /* @__PURE__ */ i.jsxs("div", { className: "space-y-1 text-purple-muted-200", children: [
+    /* @__PURE__ */ i.jsxs("span", { className: "font-medium border-b border-purple-muted-200", children: [
       m,
       ":"
     ] }),
@@ -12452,7 +12452,7 @@ const Kw = ({
           {
             onClick: f,
             onWheel: p,
-            className: "max-w-[min(90vw,32rem)] max-h-[min(60vh,20rem)] p-3 rounded-md border dark:border-red-800 shadow-lg dark:bg-purple-mutted-800 dark:text-purple-mutted-100",
+            className: "max-w-[min(90vw,32rem)] max-h-[min(60vh,20rem)] p-3 rounded-md border dark:border-red-800 shadow-lg dark:bg-purple-muted-800 dark:text-purple-muted-100",
             children: /* @__PURE__ */ i.jsxs("div", { className: "flex flex-col gap-1 text-xs max-h-64 overflow-y-auto pr-1 no-scrollbar", children: [
               g(n, s),
               g(o, a)
@@ -12530,7 +12530,7 @@ const Kw = ({
     },
     [g, x]
   ), U = v.length > 0, O = !U && g.length === 0, _ = U || g.length > 0, D = T(
-    "bg-transparent text-sm outline-none  border-0 p-0 h-6 shadow-none focus-visible:ring-0 whitespace-nowrap text-purple-mutted-200 placeholder:text-purple-mutted-400",
+    "bg-transparent text-sm outline-none  border-0 p-0 h-6 shadow-none focus-visible:ring-0 whitespace-nowrap text-purple-muted-200 placeholder:text-purple-muted-400",
     U ? "flex-none shrink-0 overflow-x-auto overflow-y-hidden no-scrollbar" : "flex-1 !min-w-full overflow-hidden",
     { "opacity-50 cursor-not-allowed": t },
     s
@@ -12539,7 +12539,7 @@ const Kw = ({
     U ? "w-max" : "w-full",
     a
   ), M = T(
-    "relative w-full max-w-full min-w-0 overflow-hidden rounded-md border pl-9 pr-14 py-2 pl-9 pr-14 py-2 focus-within:ring-1 border-purple-mutted-500 dark:bg-purple-mutted-800 focus-within:ring-purple-mutted-400",
+    "relative w-full max-w-full min-w-0 overflow-hidden rounded-md border pl-9 pr-14 py-2 pl-9 pr-14 py-2 focus-within:ring-1 border-purple-muted-500 dark:bg-purple-muted-800 focus-within:ring-purple-muted-400",
     c
   );
   return /* @__PURE__ */ i.jsx(
@@ -12556,7 +12556,7 @@ const Kw = ({
           onFocus: ee,
           onBlur: X,
           children: [
-            /* @__PURE__ */ i.jsx("div", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-purple-mutted-400", children: /* @__PURE__ */ i.jsx(rv, { className: "w-4 h-4" }) }),
+            /* @__PURE__ */ i.jsx("div", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-purple-muted-400", children: /* @__PURE__ */ i.jsx(rv, { className: "w-4 h-4" }) }),
             /* @__PURE__ */ i.jsx("div", { className: "w-full text-start max-w-full min-w-0 overflow-x-auto overflow-y-hidden no-scrollbar", children: /* @__PURE__ */ i.jsxs("div", { className: E, children: [
               v.map((B, Z) => /* @__PURE__ */ i.jsx(
                 r0,
@@ -13401,7 +13401,7 @@ const tf = l.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ i.jsx(
   {
     ref: r,
     className: T(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border border-neutral-200 bg-white p-1 text-neutral-950 shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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 dark:border-neutral-800 dark:bg-purple-mutted-600 dark:text-neutral-50",
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border border-neutral-200 bg-white p-1 text-neutral-950 shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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 dark:border-neutral-800 dark:bg-purple-muted-600 dark:text-neutral-50",
       e
     ),
     ...t
@@ -13414,7 +13414,7 @@ const rf = l.forwardRef(({ className: e, sideOffset: t = 4, ...r }, n) => /* @__
     ref: n,
     sideOffset: t,
     className: T(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border border-neutral-200 bg-white p-1 text-neutral-950 shadow-md dark:border-neutral-800 dark:bg-purple-mutted-600 background dark:text-neutral-50",
+      "z-50 min-w-[8rem] overflow-hidden rounded-md border border-neutral-200 bg-white p-1 text-neutral-950 shadow-md dark:border-neutral-800 dark:bg-purple-muted-600 background dark:text-neutral-50",
       "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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",
       e
     ),
@@ -13485,7 +13485,7 @@ const xt = l.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ i.jsx(
   Zd,
   {
     ref: r,
-    className: T("-mx-1 my-1 h-px bg-purple-mutted-500", e),
+    className: T("-mx-1 my-1 h-px bg-purple-muted-500", e),
     ...t
   }
 ));
@@ -13507,7 +13507,7 @@ sf.displayName = "DropdownMenuEndAndornment";
 const yC = ({ radioItem: e }) => /* @__PURE__ */ i.jsxs(
   of,
   {
-    className: "m-0 rounded-none gap-2 text-white focus:text-purple-mutted-100 focus:bg-zinc-800 pl-3 pr-9 py-1.5",
+    className: "m-0 rounded-none gap-2 text-white focus:text-purple-muted-100 focus:bg-zinc-800 pl-3 pr-9 py-1.5",
     value: e.value,
     disabled: e.disabled,
     onSelect: (t) => t.preventDefault(),
@@ -13539,7 +13539,7 @@ const yC = ({ radioItem: e }) => /* @__PURE__ */ i.jsxs(
       children: /* @__PURE__ */ i.jsx(
         ws,
         {
-          className: "m-0 rounded-none py-1.5 px-3 outline-none text-white focus:text-purple-mutted-100 focus:bg-zinc-800",
+          className: "m-0 rounded-none py-1.5 px-3 outline-none text-white focus:text-purple-muted-100 focus:bg-zinc-800",
           disabled: e.disabled || e.loading,
           onClick: e.onClick,
           onSelect: e.onSelect,
@@ -13557,7 +13557,7 @@ const yC = ({ radioItem: e }) => /* @__PURE__ */ i.jsxs(
 ] }), SC = ({ checkboxItem: e }) => /* @__PURE__ */ i.jsxs(
   nf,
   {
-    className: "gap-2 m-0 rounded-none py-1.5 pl-3 pr-9 outline-none text-white focus:text-purple-mutted-100 focus:bg-zinc-800 [&_svg]:stroke-purple-300 [&_svg]:size-[18px] [&_svg]:stroke-[3px]",
+    className: "gap-2 m-0 rounded-none py-1.5 pl-3 pr-9 outline-none text-white focus:text-purple-muted-100 focus:bg-zinc-800 [&_svg]:stroke-purple-300 [&_svg]:size-[18px] [&_svg]:stroke-[3px]",
     checked: e.checked,
     onCheckedChange: e.onSelect,
     disabled: e.disabled,
@@ -13580,14 +13580,14 @@ const yC = ({ radioItem: e }) => /* @__PURE__ */ i.jsxs(
       ef,
       {
         disabled: e.disabled,
-        className: "m-0 rounded-none py-1.5 pl-3 pr-1 data-[state=open]:bg-zinc-800 data-[state=open]:text-purple-mutted-100 text-white focus:text-purple-mutted-100 hover:text-purple-mutted-100 focus:bg-zinc-800 [&_svg]:stroke-1 [&_svg]:stroke-white [&_svg]:stroke-1.5 [&_svg]:size-4",
+        className: "m-0 rounded-none py-1.5 pl-3 pr-1 data-[state=open]:bg-zinc-800 data-[state=open]:text-purple-muted-100 text-white focus:text-purple-muted-100 hover:text-purple-muted-100 focus:bg-zinc-800 [&_svg]:stroke-1 [&_svg]:stroke-white [&_svg]:stroke-1.5 [&_svg]:size-4",
         children: [
           e.icon,
           e.label
         ]
       }
     ),
-    /* @__PURE__ */ i.jsx(vC, { children: /* @__PURE__ */ i.jsx(tf, { className: "rounded-md text-body dark:bg-purple-mutted-700 border-purple-mutted-500 px-0 py-1.5", children: e.subItems.map(
+    /* @__PURE__ */ i.jsx(vC, { children: /* @__PURE__ */ i.jsx(tf, { className: "rounded-md text-body dark:bg-purple-muted-700 border-purple-muted-500 px-0 py-1.5", children: e.subItems.map(
       (t, r) => af(t, r)
     ) }) })
   ] }),
@@ -13613,17 +13613,17 @@ const yC = ({ radioItem: e }) => /* @__PURE__ */ i.jsxs(
   s: "min-w-[140px]",
   l: "min-w-[257px]"
 }, jC = ({ header: e }) => /* @__PURE__ */ i.jsxs("div", { className: "flex flex-col gap-1", children: [
-  /* @__PURE__ */ i.jsx("span", { className: "text-purple-mutted-300", children: e.title }),
+  /* @__PURE__ */ i.jsx("span", { className: "text-purple-muted-300", children: e.title }),
   /* @__PURE__ */ i.jsx("span", { children: e.label })
 ] }), _C = ({
   header: e
 }) => e ? /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
   /* @__PURE__ */ i.jsx(Cs, { className: "text-purple-100 font-normal px-3", children: e.type === "MenuTitleHeader" && /* @__PURE__ */ i.jsx(jC, { header: e }) }),
-  /* @__PURE__ */ i.jsx(xt, { className: "bg-purple-mutted-500" })
+  /* @__PURE__ */ i.jsx(xt, { className: "bg-purple-muted-500" })
 ] }) : null, TC = ({
   footer: e
 }) => e ? /* @__PURE__ */ i.jsxs(i.Fragment, { children: [
-  /* @__PURE__ */ i.jsx(xt, { className: "bg-purple-mutted-500" }),
+  /* @__PURE__ */ i.jsx(xt, { className: "bg-purple-muted-500" }),
   /* @__PURE__ */ i.jsxs(
     ws,
     {
@@ -13650,7 +13650,7 @@ const yC = ({ radioItem: e }) => /* @__PURE__ */ i.jsxs(
     NC,
     {
       [o]: o,
-      className: "rounded-md text-body dark:bg-purple-mutted-700 border-purple-mutted-500 px-0 py-1.5"
+      className: "rounded-md text-body dark:bg-purple-muted-700 border-purple-muted-500 px-0 py-1.5"
     },
     !1
   );