@solostylist/ui-kit 1.0.196 → 1.0.198

package/dist/s-text-editor/s-text-editor-toolbar.js

@@ -1,30 +1,30 @@
 import { j as c } from "../jsx-runtime-tc70JA_2.js";
-import * as o from "react";
-import { c as a } from "../createSvgIcon-DTNHY3_v.js";
-import { MenuItem as p } from "@mui/material";
-import { STextField as d } from "../s-text-field/s-text-field.js";
-import { I as f, S as j, F as k } from "../Select-J5gDqfEk.js";
-import { S as m } from "../Stack-BlwLEm6H.js";
-import { P as H } from "../Menu-_ZW9WiF2.js";
+import * as l from "react";
+import { c as a } from "../createSvgIcon-BkbeLOhM.js";
+import { MenuItem as m } from "@mui/material";
+import { STextField as x } from "../s-text-field/s-text-field.js";
+import { I as d, S as j, F as k } from "../Select-80JhW337.js";
+import { S as f } from "../Stack-Dfjnuorw.js";
+import { P as H } from "../Menu-GVFDMHCN.js";
 const L = a(/* @__PURE__ */ c.jsx("path", {
   d: "M9.4 16.6 4.8 12l4.6-4.6L8 6l-6 6 6 6zm5.2 0 4.6-4.6-4.6-4.6L16 6l6 6-6 6z"
 }), "Code"), b = a(/* @__PURE__ */ c.jsx("path", {
   d: "M15.6 10.79c.97-.67 1.65-1.77 1.65-2.79 0-2.26-1.75-4-4-4H7v14h7.04c2.09 0 3.71-1.7 3.71-3.79 0-1.52-.86-2.82-2.15-3.42M10 6.5h3c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5h-3zm3.5 9H10v-3h3.5c.83 0 1.5.67 1.5 1.5s-.67 1.5-1.5 1.5"
 }), "FormatBold"), C = a(/* @__PURE__ */ c.jsx("path", {
   d: "M10 4v3h2.21l-3.42 8H6v3h8v-3h-2.21l3.42-8H18V4z"
-}), "FormatItalic"), A = a(/* @__PURE__ */ c.jsx("path", {
+}), "FormatItalic"), I = a(/* @__PURE__ */ c.jsx("path", {
   d: "M4 10.5c-.83 0-1.5.67-1.5 1.5s.67 1.5 1.5 1.5 1.5-.67 1.5-1.5-.67-1.5-1.5-1.5m0-6c-.83 0-1.5.67-1.5 1.5S3.17 7.5 4 7.5 5.5 6.83 5.5 6 4.83 4.5 4 4.5m0 12c-.83 0-1.5.68-1.5 1.5s.68 1.5 1.5 1.5 1.5-.68 1.5-1.5-.67-1.5-1.5-1.5M7 19h14v-2H7zm0-6h14v-2H7zm0-8v2h14V5z"
-}), "FormatListBulleted"), I = a(/* @__PURE__ */ c.jsx("path", {
+}), "FormatListBulleted"), S = a(/* @__PURE__ */ c.jsx("path", {
   d: "M2 17h2v.5H3v1h1v.5H2v1h3v-4H2zm1-9h1V4H2v1h1zm-1 3h1.8L2 13.1v.9h3v-1H3.2L5 10.9V10H2zm5-6v2h14V5zm0 14h14v-2H7zm0-6h14v-2H7z"
-}), "FormatListNumbered"), x = a(/* @__PURE__ */ c.jsx("path", {
+}), "FormatListNumbered"), g = a(/* @__PURE__ */ c.jsx("path", {
   d: "M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1M8 13h8v-2H8zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5"
-}), "Link"), S = a(/* @__PURE__ */ c.jsx("path", {
+}), "Link"), z = a(/* @__PURE__ */ c.jsx("path", {
   d: "M6.85 7.08C6.85 4.37 9.45 3 12.24 3c1.64 0 3 .49 3.9 1.28.77.65 1.46 1.73 1.46 3.24h-3.01c0-.31-.05-.59-.15-.85-.29-.86-1.2-1.28-2.25-1.28-1.86 0-2.34 1.02-2.34 1.7 0 .48.25.88.74 1.21.38.25.77.48 1.41.7H7.39c-.21-.34-.54-.89-.54-1.92M21 12v-2H3v2h9.62c1.15.45 1.96.75 1.96 1.97 0 1-.81 1.67-2.28 1.67-1.54 0-2.93-.54-2.93-2.51H6.4c0 .55.08 1.13.24 1.58.81 2.29 3.29 3.3 5.67 3.3 2.27 0 5.3-.89 5.3-4.05 0-.3-.01-1.16-.48-1.94H21z"
 }), "StrikethroughS"), N = ({ editor: n }) => {
-  const [v, t] = o.useState(!1), [g, i] = o.useState(null), [l, r] = o.useState("");
-  return /* @__PURE__ */ c.jsxs(o.Fragment, { children: [
+  const [o, e] = l.useState(!1), [p, i] = l.useState(null), [r, h] = l.useState("");
+  return /* @__PURE__ */ c.jsxs(l.Fragment, { children: [
     /* @__PURE__ */ c.jsx(
-      m,
+      f,
       {
         className: "tiptap-toolbar",
         spacing: 1,
@@ -34,43 +34,43 @@ const L = a(/* @__PURE__ */ c.jsx("path", {
           p: "8px",
           minHeight: "57px"
         },
-        children: n ? /* @__PURE__ */ c.jsxs(m, { direction: "row", spacing: 0.5, sx: { alignItems: "center", flexWrap: "wrap" }, children: [
+        children: n ? /* @__PURE__ */ c.jsxs(f, { direction: "row", spacing: 0.5, sx: { alignItems: "center", flexWrap: "wrap" }, children: [
           /* @__PURE__ */ c.jsxs(
             j,
             {
-              onChange: (e) => {
-                const h = e.target.value;
-                if (h) {
-                  if (h === "p") {
+              onChange: (s) => {
+                const u = s.target.value;
+                if (u) {
+                  if (u === "p") {
                     n.chain().focus().setParagraph().run();
                     return;
                   }
-                  if (h.startsWith("h")) {
-                    const u = parseInt(h.replace("h", ""));
-                    !isNaN(u) && u >= 1 && u <= 6 && n.chain().focus().setHeading({ level: u }).run();
+                  if (u.startsWith("h")) {
+                    const v = parseInt(u.replace("h", ""));
+                    !isNaN(v) && v >= 1 && v <= 6 && n.chain().focus().setHeading({ level: v }).run();
                   }
                 }
               },
-              value: z(n),
+              value: B(n),
               children: [
-                /* @__PURE__ */ c.jsx(p, { disabled: !n.can().chain().focus().setParagraph().run(), value: "p", children: "Paragraph" }),
-                [1, 2, 3, 4, 5, 6].map((e) => /* @__PURE__ */ c.jsxs(
-                  p,
+                /* @__PURE__ */ c.jsx(m, { disabled: !n.can().chain().focus().setParagraph().run(), value: "p", children: "Paragraph" }),
+                [1, 2, 3, 4, 5, 6].map((s) => /* @__PURE__ */ c.jsxs(
+                  m,
                   {
-                    disabled: !n.can().chain().focus().setHeading({ level: e }).run(),
-                    value: `h${e}`,
+                    disabled: !n.can().chain().focus().setHeading({ level: s }).run(),
+                    value: `h${s}`,
                     children: [
                       "Heading ",
-                      e
+                      s
                     ]
                   },
-                  e
+                  s
                 ))
               ]
             }
           ),
           /* @__PURE__ */ c.jsx(
-            s,
+            t,
             {
               active: n.isActive("bold"),
               disabled: !n.can().chain().focus().toggleBold().run(),
@@ -81,7 +81,7 @@ const L = a(/* @__PURE__ */ c.jsx("path", {
             }
           ),
           /* @__PURE__ */ c.jsx(
-            s,
+            t,
             {
               active: n.isActive("italic"),
               disabled: !n.can().chain().focus().toggleItalic().run(),
@@ -92,18 +92,18 @@ const L = a(/* @__PURE__ */ c.jsx("path", {
             }
           ),
           /* @__PURE__ */ c.jsx(
-            s,
+            t,
             {
               active: n.isActive("strike"),
               disabled: !n.can().chain().focus().toggleStrike().run(),
               onClick: () => {
                 n.chain().focus().toggleStrike().run();
               },
-              children: /* @__PURE__ */ c.jsx(S, {})
+              children: /* @__PURE__ */ c.jsx(z, {})
             }
           ),
           /* @__PURE__ */ c.jsx(
-            s,
+            t,
             {
               active: n.isActive("codeBlock"),
               disabled: !n.can().chain().focus().toggleCodeBlock().run(),
@@ -114,45 +114,45 @@ const L = a(/* @__PURE__ */ c.jsx("path", {
             }
           ),
           /* @__PURE__ */ c.jsx(
-            s,
+            t,
             {
               active: n.isActive("bulletList"),
               disabled: !n.can().chain().focus().toggleBulletList().run(),
               onClick: () => {
                 n.chain().focus().toggleBulletList().run();
               },
-              children: /* @__PURE__ */ c.jsx(A, {})
+              children: /* @__PURE__ */ c.jsx(I, {})
             }
           ),
           /* @__PURE__ */ c.jsx(
-            s,
+            t,
             {
               active: n.isActive("orderedList"),
               disabled: !n.can().chain().focus().toggleOrderedList().run(),
               onClick: () => {
                 n.chain().focus().toggleOrderedList().run();
               },
-              children: /* @__PURE__ */ c.jsx(I, {})
+              children: /* @__PURE__ */ c.jsx(S, {})
             }
           ),
           /* @__PURE__ */ c.jsx(
-            s,
+            t,
             {
-              onClick: (e) => {
-                r(n.getAttributes("link").href ?? ""), i(e.currentTarget), t(!0);
+              onClick: (s) => {
+                h(n.getAttributes("link").href ?? ""), i(s.currentTarget), e(!0);
               },
-              children: /* @__PURE__ */ c.jsx(x, {})
+              children: /* @__PURE__ */ c.jsx(g, {})
             }
           ),
           /* @__PURE__ */ c.jsx(
-            s,
+            t,
             {
               active: n.isActive("link"),
               disabled: !n.can().chain().focus().unsetLink().run(),
               onClick: () => {
                 n.chain().focus().unsetLink().run();
               },
-              children: /* @__PURE__ */ c.jsx(x, {})
+              children: /* @__PURE__ */ c.jsx(g, {})
             }
           )
         ] }) : null
@@ -161,42 +161,46 @@ const L = a(/* @__PURE__ */ c.jsx("path", {
     /* @__PURE__ */ c.jsx(
       H,
       {
-        anchorEl: g,
+        anchorEl: p,
         anchorOrigin: { horizontal: "left", vertical: "bottom" },
         onClose: () => {
-          t(!1), i(null), r("");
+          e(!1), i(null), h("");
         },
-        open: v,
+        open: o,
         slotProps: { paper: { sx: { p: 2 } } },
         children: /* @__PURE__ */ c.jsx(k, { children: /* @__PURE__ */ c.jsx(
-          d,
+          x,
           {
             name: "url",
             label: "URL",
-            onChange: (e) => {
-              r(e.target.value);
+            onChange: (s) => {
+              h(s.target.value);
             },
-            onKeyUp: (e) => {
-              if (e.key === "Enter") {
-                if (l === "") {
+            onKeyUp: (s) => {
+              if (s.key === "Enter") {
+                if (r === "") {
                   n?.chain().focus().extendMarkRange("link").unsetLink().run();
                   return;
                 }
-                n?.chain().focus().setLink({ href: l }).run(), t(!1), i(null), r("");
+                n?.chain().focus().setLink({ href: r }).run(), e(!1), i(null), h("");
               }
             },
-            value: l
+            value: r
           }
         ) })
       }
     )
   ] });
 };
-function z(n) {
-  return n.isActive("paragraph") ? "p" : n.isActive("heading", { level: 1 }) ? "h1" : n.isActive("heading", { level: 2 }) ? "h2" : n.isActive("heading", { level: 3 }) ? "h3" : n.isActive("heading", { level: 4 }) ? "h4" : n.isActive("heading", { level: 5 }) ? "h5" : n.isActive("heading", { level: 6 }) ? "h6" : "p";
+function B(n) {
+  if (n.isActive("paragraph")) return "p";
+  const o = [1, 2, 3, 4, 5, 6];
+  for (const e of o)
+    if (n.isActive("heading", { level: e })) return `h${e}`;
+  return "p";
 }
-const s = o.forwardRef(function({ active: v, children: t, disabled: g, onClick: i }, l) {
-  return /* @__PURE__ */ c.jsx(f, { color: v ? "primary" : "inherit", disabled: g, onClick: i, ref: l, children: t });
+const t = l.forwardRef(function({ active: o, children: e, disabled: p, onClick: i }, r) {
+  return /* @__PURE__ */ c.jsx(d, { color: o ? "primary" : "inherit", disabled: p, onClick: i, ref: r, children: e });
 });
 export {
   N as STextEditorToolbar

package/dist/s-text-editor/s-text-editor.js

@@ -5,7 +5,7 @@ import { Placeholder as m } from "@tiptap/extension-placeholder";
 import { useEditor as f, EditorContent as d } from "@tiptap/react";
 import { StarterKit as c } from "@tiptap/starter-kit";
 import { STextEditorToolbar as x } from "./s-text-editor-toolbar.js";
-import { B as u } from "../Box-p3bpOtdn.js";
+import { B as u } from "../Box-BkXoTbe8.js";
 const h = ({
   content: o,
   editable: t = !0,

package/dist/s-text-field/s-text-field.js

@@ -2,7 +2,7 @@ import { j as s } from "../jsx-runtime-tc70JA_2.js";
 import { useState as u } from "react";
 import { TextField as j, InputAdornment as h, IconButton as w } from "@mui/material";
 import { SForm as y } from "../s-form/s-form.js";
-import { c as r } from "../createSvgIcon-DTNHY3_v.js";
+import { c as r } from "../createSvgIcon-BkbeLOhM.js";
 const b = r(/* @__PURE__ */ s.jsx("path", {
   d: "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5M12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5m0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3"
 }), "Visibility"), g = r(/* @__PURE__ */ s.jsx("path", {

package/dist/s-text-shimmer/s-text-shimmer.js

@@ -1,7 +1,7 @@
 import { j as i } from "../jsx-runtime-tc70JA_2.js";
 import { forwardRef as s, useMemo as p } from "react";
 import { Typography as d } from "@mui/material";
-import { s as m } from "../styled-BR6UL29H.js";
+import { s as m } from "../styled-8Y5KoVix.js";
 import { keyframes as c } from "@emotion/react";
 const l = c`
   0% {
@@ -22,8 +22,8 @@ const l = c`
   backgroundRepeat: "no-repeat, padding-box",
   animation: `${l} ${e}s linear infinite`,
   "--spread": `${a}px`,
-  "--base-color": (r.vars || r).palette.text.disabled,
-  "--base-gradient-color": (r.vars || r).palette.text.primary,
+  "--base-color": (r.vars ?? r).palette.text.disabled,
+  "--base-gradient-color": (r.vars ?? r).palette.text.primary,
   backgroundImage: "linear-gradient(90deg, transparent calc(50% - var(--spread)), var(--base-gradient-color), transparent calc(50% + var(--spread))), linear-gradient(var(--base-color), var(--base-color))"
 })), b = s(
   ({ children: r, duration: e = 2, spread: a = 2, ...o }, t) => {

package/dist/s-theme-demo/s-theme-demo.js

@@ -5,8 +5,8 @@ import { SButton as i } from "../s-button/s-button.js";
 import { SForm as v } from "../s-form/s-form.js";
 import { STextField as m } from "../s-text-field/s-text-field.js";
 import y from "../s-theme-switch/s-theme-switch.js";
-import { c as p } from "../createSvgIcon-DTNHY3_v.js";
-import { F as b } from "../Favorite-Cvjg7GqN.js";
+import { c as p } from "../createSvgIcon-BkbeLOhM.js";
+import { F as b } from "../Favorite-Bz_HcMgN.js";
 const f = p(/* @__PURE__ */ r.jsx("path", {
   d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z"
 }), "Add"), S = p(/* @__PURE__ */ r.jsx("path", {

package/dist/s-theme-provider/s-theme-provider.d.ts

@@ -11,7 +11,7 @@ export interface SThemeProviderProps extends Omit<ThemeProviderProps, 'defaultMo
     /** Additional theme component overrides */
     themeComponents?: ThemeOptions['components'];
     /** Default color mode (defaults to 'system') */
-    defaultMode?: 'light' | 'dark' | 'system' | undefined;
+    defaultMode?: 'light' | 'dark' | 'system';
     /** Custom theme object to merge with internal theme */
     theme?: Theme;
 }

package/dist/s-theme-switch/s-theme-switch.js

@@ -2,7 +2,7 @@ import { j as t } from "../jsx-runtime-tc70JA_2.js";
 import { useRef as M, useCallback as m } from "react";
 import { IconButton as f } from "@mui/material";
 import { flushSync as w } from "react-dom";
-import { c as d } from "../createSvgIcon-DTNHY3_v.js";
+import { c as d } from "../createSvgIcon-BkbeLOhM.js";
 const k = d(/* @__PURE__ */ t.jsx("path", {
   d: "M12 3c-4.97 0-9 4.03-9 9s4.03 9 9 9 9-4.03 9-9c0-.46-.04-.92-.1-1.36-.98 1.37-2.58 2.26-4.4 2.26-2.98 0-5.4-2.42-5.4-5.4 0-1.81.89-3.42 2.26-4.4-.44-.06-.9-.1-1.36-.1"
 }), "DarkMode"), j = d(/* @__PURE__ */ t.jsx("path", {

package/dist/s-tip/s-tip.js

@@ -1,7 +1,7 @@
 import { j as t } from "../jsx-runtime-tc70JA_2.js";
-import { c as i } from "../createSvgIcon-DTNHY3_v.js";
-import { S as s } from "../Stack-BlwLEm6H.js";
-import { T as o } from "../Typography-Cum5_Ehu.js";
+import { c as i } from "../createSvgIcon-BkbeLOhM.js";
+import { S as s } from "../Stack-Dfjnuorw.js";
+import { T as o } from "../Typography-PcmlIqm1.js";
 const c = i(/* @__PURE__ */ t.jsx("path", {
   d: "M9 21c0 .55.45 1 1 1h4c.55 0 1-.45 1-1v-1H9zm3-19C8.14 2 5 5.14 5 9c0 2.38 1.19 4.47 3 5.74V17c0 .55.45 1 1 1h6c.55 0 1-.45 1-1v-2.26c1.81-1.27 3-3.36 3-5.74 0-3.86-3.14-7-7-7m2 11.7V16h-4v-2.3C8.48 12.63 7 11.53 7 9c0-2.76 2.24-5 5-5s5 2.24 5 5c0 2.49-1.51 3.65-3 4.7"
 }), "LightbulbOutline"), e = ({ message: r }) => /* @__PURE__ */ t.jsxs(

package/dist/{styled-BR6UL29H.js → styled-8Y5KoVix.js}

@@ -1,7 +1,7 @@
-import { d as N } from "./defaultTheme-DLue8Fr1.js";
+import { d as N } from "./defaultTheme-CulFxfLR.js";
 import { T as q } from "./identifier-BKLqN993.js";
 import { i as S, a as G, s as J } from "./index-D3G5Rwl-.js";
-import { k as E, e as Q, s as L, i as U, c as X } from "./createTheme-CIXJrNxb.js";
+import { k as E, e as Q, s as L, i as U, c as X } from "./createTheme-DgoJyWM-.js";
 function V(e, n = "") {
   return e.displayName || e.name || n;
 }

package/dist/theme/components/avatar.js

@@ -1,5 +1,5 @@
 import { j as r } from "../../jsx-runtime-tc70JA_2.js";
-import { c as o } from "../../createSvgIcon-DTNHY3_v.js";
+import { c as o } from "../../createSvgIcon-BkbeLOhM.js";
 const s = o(/* @__PURE__ */ r.jsx("path", {
   d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4m0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4"
 }), "Person"), c = {

package/dist/theme/components/button.d.ts

@@ -5,10 +5,10 @@ export declare const MuiButton: {
     };
     styleOverrides: {
         root: ({ theme, ownerState }: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "className" | "style" | "classes" | "children" | "sx" | "variant" | "tabIndex" | "color" | "loading" | "size" | "disabled" | "href" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loadingIndicator" | "startIcon" | "fullWidth" | "disableElevation" | "endIcon" | "loadingPosition"> & {
-            component?: React.ElementType;
+            component?: React.ElementType | undefined;
         } & Record<string, unknown> & {
             ownerState: import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "className" | "style" | "classes" | "children" | "sx" | "variant" | "tabIndex" | "color" | "loading" | "size" | "disabled" | "href" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loadingIndicator" | "startIcon" | "fullWidth" | "disableElevation" | "endIcon" | "loadingPosition"> & {
-                component?: React.ElementType;
+                component?: React.ElementType | undefined;
             } & Record<string, unknown>;
         } & {
             theme: Theme;

package/dist/theme/components/button.js

@@ -51,7 +51,7 @@ const o = (i, r) => i === "text" || i === "outlined" ? "transparent" : r, s = (i
   styleOverrides: {
     root: ({ theme: i, ownerState: r }) => ({
       boxShadow: "none",
-      borderRadius: (i.vars || i).shape.borderRadius,
+      borderRadius: (i.vars ?? i).shape.borderRadius,
       textTransform: "none",
       transition: "all 0.2s ease-in-out",
       variants: [

package/dist/theme/components/chip.d.ts

@@ -11,10 +11,10 @@ export declare const MuiChip: {
     };
     styleOverrides: {
         root: ({ theme }: import('@mui/material').ChipOwnProps & import('@mui/material').ChipSlotsAndSlotProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "style" | "classes" | "children" | "sx" | "variant" | "label" | "tabIndex" | "color" | "size" | "icon" | "disabled" | "slots" | "slotProps" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled"> & {
-            component?: React.ElementType;
+            component?: React.ElementType | undefined;
         } & Record<string, unknown> & {
             ownerState: import('@mui/material').ChipOwnProps & import('@mui/material').ChipSlotsAndSlotProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "className" | "style" | "classes" | "children" | "sx" | "variant" | "label" | "tabIndex" | "color" | "size" | "icon" | "disabled" | "slots" | "slotProps" | "avatar" | "clickable" | "deleteIcon" | "onDelete" | "skipFocusWhenDisabled"> & {
-                component?: React.ElementType;
+                component?: React.ElementType | undefined;
             } & Record<string, unknown>;
         } & {
             theme: Theme;

package/dist/theme/components/chip.js

@@ -1,7 +1,7 @@
 import { j as p } from "../../jsx-runtime-tc70JA_2.js";
 import { chipClasses as l } from "@mui/material";
 import { gray as a, lightGray as i, brand as n, lightBrand as t, purple as c, lightPurple as d, green as y, lightGreen as g, red as u, lightRed as b, orange as f, lightOrange as m, blue as x, lightBlue as $ } from "../theme-primitives.js";
-import { C } from "../../Close-C-pCw-CD.js";
+import { C } from "../../Close-lHCUMitI.js";
 const o = (r, e, s) => ({
   border: "none",
   ...r.applyStyles("light", {

package/dist/theme/components/icon-button.d.ts

@@ -2,10 +2,10 @@ import { Theme } from '@mui/material';
 export declare const MuiIconButton: {
     styleOverrides: {
         root: ({ theme }: import('@mui/material').IconButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "className" | "style" | "classes" | "children" | "sx" | "tabIndex" | "color" | "loading" | "size" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "loadingIndicator"> & {
-            component?: React.ElementType;
+            component?: React.ElementType | undefined;
         } & Record<string, unknown> & {
             ownerState: import('@mui/material').IconButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "className" | "style" | "classes" | "children" | "sx" | "tabIndex" | "color" | "loading" | "size" | "disabled" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "loadingIndicator"> & {
-                component?: React.ElementType;
+                component?: React.ElementType | undefined;
             } & Record<string, unknown>;
         } & {
             theme: Theme;

package/dist/theme/components/popover.js

@@ -2,10 +2,10 @@ const o = {
   defaultProps: { elevation: 0 },
   styleOverrides: {
     paper: ({ theme: r }) => ({
-      borderRadius: (r.vars || r).shape.borderRadius,
+      borderRadius: (r.vars ?? r).shape.borderRadius,
       marginTop: 4,
       border: "1px solid",
-      borderColor: (r.vars || r).palette.divider
+      borderColor: (r.vars ?? r).palette.divider
     })
   }
 };

package/dist/theme/components/skeleton.js

@@ -1,7 +1,7 @@
 const r = {
   styleOverrides: {
     root: ({ theme: o }) => ({
-      backgroundColor: (o.vars || o).palette.divider
+      backgroundColor: (o.vars ?? o).palette.divider
     })
   }
 };

package/dist/theme/components/tooltip.js

@@ -5,16 +5,16 @@ const o = {
   },
   styleOverrides: {
     tooltip: ({ theme: r }) => ({
-      backgroundColor: (r.vars || r).palette.background.default,
+      backgroundColor: (r.vars ?? r).palette.background.default,
       border: "1px solid",
-      borderColor: (r.vars || r).palette.divider,
-      color: (r.vars || r).palette.text.primary
+      borderColor: (r.vars ?? r).palette.divider,
+      color: (r.vars ?? r).palette.text.primary
     }),
     arrow: ({ theme: r }) => ({
-      color: (r.vars || r).palette.background.default,
+      color: (r.vars ?? r).palette.background.default,
       "&::before": {
         border: "1px solid",
-        borderColor: (r.vars || r).palette.divider
+        borderColor: (r.vars ?? r).palette.divider
       }
     })
   }

package/dist/theme/customizations/data-display.js

@@ -9,28 +9,28 @@ const r = (o) => ({
   padding: "0.5rem 1rem",
   borderRadius: 0,
   whiteSpace: "nowrap",
-  color: (o.vars || o).palette.text.secondary,
+  color: (o.vars ?? o).palette.text.secondary,
   [`& .${t.root}`]: {
-    color: (o.vars || o).palette.text.secondary
+    color: (o.vars ?? o).palette.text.secondary
   },
   "&.Mui-selected": {
-    backgroundColor: (o.vars || o).palette.action.selected,
-    color: (o.vars || o).palette.text.primary,
+    backgroundColor: (o.vars ?? o).palette.action.selected,
+    color: (o.vars ?? o).palette.text.primary,
     [`& .${t.root}`]: {
-      color: (o.vars || o).palette.text.primary
+      color: (o.vars ?? o).palette.text.primary
     },
     "&:focus-visible": {
-      backgroundColor: (o.vars || o).palette.action.selected
+      backgroundColor: (o.vars ?? o).palette.action.selected
     },
     "&:hover": {
-      backgroundColor: (o.vars || o).palette.action.selected
+      backgroundColor: (o.vars ?? o).palette.action.selected
     }
   },
   "&:hover:not(.Mui-selected)": {
-    backgroundColor: (o.vars || o).palette.action.hover,
-    color: (o.vars || o).palette.text.primary,
+    backgroundColor: (o.vars ?? o).palette.action.hover,
+    color: (o.vars ?? o).palette.text.primary,
     [`& .${t.root}`]: {
-      color: (o.vars || o).palette.text.primary
+      color: (o.vars ?? o).palette.text.primary
     }
   },
   "&:focus-visible": {
@@ -40,7 +40,7 @@ const r = (o) => ({
   MuiTableCell: {
     styleOverrides: {
       root: ({ theme: o }) => ({
-        borderColor: (o.vars || o).palette.divider
+        borderColor: (o.vars ?? o).palette.divider
       })
     }
   },
@@ -58,7 +58,7 @@ const r = (o) => ({
     styleOverrides: {
       root: ({ theme: o }) => ({
         [`& .${t.root}`]: {
-          color: (o.vars || o).palette.text.secondary
+          color: (o.vars ?? o).palette.text.secondary
         },
         [`& .${e.root}`]: {
           fontWeight: 500

package/dist/theme/customizations/feedback.js

@@ -6,8 +6,8 @@ const i = {
         "& .MuiDialog-paper": {
           borderRadius: "10px",
           border: "1px solid",
-          borderColor: (o.vars || o).palette.divider,
-          backgroundColor: (o.vars || o).palette.background.paper,
+          borderColor: (o.vars ?? o).palette.divider,
+          backgroundColor: (o.vars ?? o).palette.background.paper,
           backgroundImage: "none",
           boxShadow: "none"
         }

package/dist/theme/customizations/inputs.js

@@ -1,9 +1,9 @@
 import { j as i } from "../../jsx-runtime-tc70JA_2.js";
-import { c as d } from "../../createSvgIcon-DTNHY3_v.js";
+import { c as d } from "../../createSvgIcon-BkbeLOhM.js";
 import { brand as e, gray as t } from "../theme-primitives.js";
 import { o as n } from "../../outlinedInputClasses-DnwW3ujt.js";
 import { g as l } from "../../generateUtilityClasses-E9gROIFd.js";
-import { a as r } from "../../createTheme-CIXJrNxb.js";
+import { a as r } from "../../createTheme-DgoJyWM-.js";
 const p = d(/* @__PURE__ */ i.jsx("path", {
   d: "M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1m1-16H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2"
 }), "CheckBoxOutlineBlankRounded"), u = d(/* @__PURE__ */ i.jsx("path", {
@@ -116,7 +116,7 @@ const p = d(/* @__PURE__ */ i.jsx("path", {
       input: ({ theme: o }) => ({
         "&::placeholder": {
           opacity: 1,
-          color: (o.vars || o).palette.divider
+          color: (o.vars ?? o).palette.divider
         }
       })
     }
@@ -126,7 +126,7 @@ const p = d(/* @__PURE__ */ i.jsx("path", {
       paper: ({ theme: o }) => ({
         marginTop: 2,
         border: "1px solid",
-        borderColor: (o.vars || o).palette.divider
+        borderColor: (o.vars ?? o).palette.divider
       }),
       popupIndicator: {
         background: "none",
@@ -162,18 +162,18 @@ const p = d(/* @__PURE__ */ i.jsx("path", {
           // Firefox
         },
         "&:-webkit-autofill": {
-          boxShadow: `${(a.vars || a).palette.background.default} 0px 0px 0px 100px inset !important`
+          boxShadow: `${(a.vars ?? a).palette.background.default} 0px 0px 0px 100px inset !important`
         },
         "&:-moz-autofill": {
-          boxShadow: `${(a.vars || a).palette.background.default} 0px 0px 0px 100px inset !important`
+          boxShadow: `${(a.vars ?? a).palette.background.default} 0px 0px 0px 100px inset !important`
         }
       }),
       root: ({ theme: o }) => ({
         padding: "8px 12px",
-        color: (o.vars || o).palette.text.primary,
-        borderRadius: (o.vars || o).shape.borderRadius,
-        border: `1px solid ${(o.vars || o).palette.divider}`,
-        backgroundColor: (o.vars || o).palette.background.default,
+        color: (o.vars ?? o).palette.text.primary,
+        borderRadius: (o.vars ?? o).shape.borderRadius,
+        border: `1px solid ${(o.vars ?? o).palette.divider}`,
+        backgroundColor: (o.vars ?? o).palette.background.default,
         transition: "border 120ms ease-in",
         "&:hover": {
           borderColor: t[500]
@@ -209,9 +209,9 @@ const p = d(/* @__PURE__ */ i.jsx("path", {
   MuiInputAdornment: {
     styleOverrides: {
       root: ({ theme: o }) => ({
-        color: (o.vars || o).palette.grey[500],
+        color: (o.vars ?? o).palette.grey[500],
         ...o.applyStyles("dark", {
-          color: (o.vars || o).palette.grey[400]
+          color: (o.vars ?? o).palette.grey[400]
         })
       })
     }