@solostylist/ui-kit 1.0.11 → 1.0.13

package/dist/theme/components/components.js

@@ -1,111 +1,7 @@
-import { MuiAccordion as o } from "./accordion.js";
-import { MuiAlert as i } from "./alert.js";
-import { MuiAutocomplete as r } from "./autocomplete.js";
-import { MuiBackdrop as m } from "./backdrop.js";
-import { MuiButton as t } from "./button.js";
-import { MuiButtonBase as u } from "./button-base.js";
-import { MuiButtonGroup as p } from "./button-group.js";
-import { MuiCard as M } from "./card.js";
-import { MuiCardActions as f } from "./card-actions.js";
-import { MuiCardContent as e } from "./card-content.js";
-import { MuiCardHeader as n } from "./card-header.js";
-import { MuiCheckbox as a } from "./checkbox.js";
-import { MuiChip as l } from "./chip.js";
-import { MuiDialogActions as s } from "./dialog-actions.js";
-import { MuiDialogContent as c } from "./dialog-content.js";
-import { MuiDialogContentText as I } from "./dialog-content-text.js";
-import { MuiDialogTitle as T } from "./dialog-title.js";
-import { MuiFilledInput as d } from "./filled-input.js";
-import { MuiFormControlLabel as B } from "./form-control-label.js";
-import { MuiFormGroup as C } from "./form-group.js";
-import { MuiFormHelperText as L } from "./form-helper-text.js";
-import { MuiFormLabel as b } from "./form-label.js";
-import { MuiIconButton as g } from "./icon-button.js";
-import { MuiInput as A } from "./input.js";
-import { MuiInputBase as k } from "./input-base.js";
-import { MuiInputLabel as x } from "./input-label.js";
-import { MuiLinearProgress as F } from "./linear-progress.js";
-import { MuiLink as D } from "./link.js";
-import { MuiList as P } from "./list.js";
-import { MuiListItem as S } from "./list-item.js";
-import { MuiListItemAvatar as h } from "./list-item-avatar.js";
-import { MuiListItemButton as G } from "./list-item-button.js";
-import { MuiListItemIcon as H } from "./list-item-icon.js";
-import { MuiListItemText as v } from "./list-item-text.js";
-import { MuiMenu as w } from "./menu.js";
-import { MuiMenuItem as y } from "./menu-item.js";
-import { MuiOutlinedInput as O } from "./outlined-input.js";
-import { MuiPaper as R } from "./paper.js";
-import { MuiPopover as j } from "./popover.js";
-import { MuiRadio as q } from "./radio.js";
-import { MuiSelect as z } from "./select.js";
-import { MuiSkeleton as E } from "./skeleton.js";
-import { MuiStack as J } from "./stack.js";
-import { MuiSwitch as K } from "./switch.js";
-import { MuiTab as N } from "./tab.js";
-import { MuiTableBody as Q } from "./table-body.js";
-import { MuiTableCell as U } from "./table-cell.js";
-import { MuiTableHead as V } from "./table-head.js";
-import { MuiTablePagination as W } from "./table-pagination.js";
-import { MuiTabs as X } from "./tabs.js";
-import { MuiToggleButton as Y } from "./toggle-button.js";
-import { MuiToggleButtonGroup as Z } from "./toggle-button-group.js";
-import { MuiTooltip as _ } from "./tooltip.js";
-const $o = {
-  MuiAlert: i,
-  MuiBackdrop: m,
-  MuiButton: t,
-  MuiButtonBase: u,
-  MuiButtonGroup: p,
-  MuiCard: M,
-  MuiCardActions: f,
-  MuiCardContent: e,
-  MuiCardHeader: n,
-  MuiCheckbox: a,
-  MuiChip: l,
-  MuiFilledInput: d,
-  MuiFormControlLabel: B,
-  MuiFormGroup: C,
-  MuiFormLabel: b,
-  MuiIconButton: g,
-  MuiInput: A,
-  MuiInputBase: k,
-  MuiInputLabel: x,
-  MuiLinearProgress: F,
-  MuiLink: D,
-  MuiList: P,
-  MuiListItem: S,
-  MuiListItemAvatar: h,
-  MuiListItemButton: G,
-  MuiListItemIcon: H,
-  MuiListItemText: v,
-  MuiMenu: w,
-  MuiMenuItem: y,
-  MuiOutlinedInput: O,
-  MuiPaper: R,
-  MuiPopover: j,
-  MuiRadio: q,
-  MuiSelect: z,
-  MuiStack: J,
-  MuiSwitch: K,
-  MuiTab: N,
-  MuiTableBody: Q,
-  MuiTableCell: U,
-  MuiTableHead: V,
-  MuiTablePagination: W,
-  MuiTabs: X,
-  MuiToggleButton: Y,
-  MuiToggleButtonGroup: Z,
-  MuiTooltip: _,
-  MuiAutocomplete: r,
-  MuiAccordion: o,
-  MuiDialogActions: s,
-  MuiDialogContentText: I,
-  MuiDialogTitle: T,
-  MuiDialogContent: c,
-  MuiFormHelperText: L,
-  MuiSkeleton: E
+import { MuiAvatar as o } from "./avatar.js";
+const r = {
+  MuiAvatar: o
 };
 export {
-  $o as components
+  r as components
 };

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

@@ -1,11 +1,50 @@
-import { gray as e, green as l, red as a } from "../theme-primitives.js";
-import { i as n } from "../../iconButtonClasses-CqYTUZq-.js";
-import { g as s } from "../../generateUtilityClasses-STjIp_B9.js";
-import { s as i } from "../../svgIconClasses-SzHbWjUv.js";
-import { b as c } from "../../buttonBaseClasses-DxKwiRBX.js";
-import { t as d } from "../../typographyClasses-BrhUWCU3.js";
-import { a as t } from "../../createTheme-BZxWCiBm.js";
-const r = s("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colorError", "colorInfo", "colorPrimary", "colorSecondary", "colorSuccess", "colorWarning", "disabled", "clickable", "clickableColorPrimary", "clickableColorSecondary", "deletable", "deletableColorPrimary", "deletableColorSecondary", "outlined", "filled", "outlinedPrimary", "outlinedSecondary", "filledPrimary", "filledSecondary", "avatar", "avatarSmall", "avatarMedium", "avatarColorPrimary", "avatarColorSecondary", "icon", "iconSmall", "iconMedium", "iconColorPrimary", "iconColorSecondary", "label", "labelSmall", "labelMedium", "deleteIcon", "deleteIconSmall", "deleteIconMedium", "deleteIconColorPrimary", "deleteIconColorSecondary", "deleteIconOutlinedColorPrimary", "deleteIconOutlinedColorSecondary", "deleteIconFilledColorPrimary", "deleteIconFilledColorSecondary", "focusVisible"]), m = {
+import { j as m } from "../../jsx-runtime-C5mzlN2N.js";
+import e, { forwardRef as u } from "react";
+import { E as b } from "../../SSRBase-BSdFRe_j.js";
+import { gray as t, green as i, red as n } from "../theme-primitives.js";
+import { i as g } from "../../iconButtonClasses-8TuGhR-e.js";
+import { g as f } from "../../generateUtilityClasses-Z7VQRhBn.js";
+import { s as c } from "../../svgIconClasses-XJq1Ciua.js";
+import { b as C } from "../../buttonBaseClasses-DuDP2bLR.js";
+import { t as S } from "../../typographyClasses-CyVhKkh8.js";
+import { a as s } from "../../createTheme-DDycScYN.js";
+const l = f("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colorError", "colorInfo", "colorPrimary", "colorSecondary", "colorSuccess", "colorWarning", "disabled", "clickable", "clickableColorPrimary", "clickableColorSecondary", "deletable", "deletableColorPrimary", "deletableColorSecondary", "outlined", "filled", "outlinedPrimary", "outlinedSecondary", "filledPrimary", "filledSecondary", "avatar", "avatarSmall", "avatarMedium", "avatarColorPrimary", "avatarColorSecondary", "icon", "iconSmall", "iconMedium", "iconColorPrimary", "iconColorSecondary", "label", "labelSmall", "labelMedium", "deleteIcon", "deleteIconSmall", "deleteIconMedium", "deleteIconColorPrimary", "deleteIconColorSecondary", "deleteIconOutlinedColorPrimary", "deleteIconOutlinedColorSecondary", "deleteIconFilledColorPrimary", "deleteIconFilledColorSecondary", "focusVisible"]), h = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M168.49,104.49,145,128l23.52,23.51a12,12,0,0,1-17,17L128,145l-23.51,23.52a12,12,0,0,1-17-17L111,128,87.51,104.49a12,12,0,0,1,17-17L128,111l23.51-23.52a12,12,0,0,1,17,17ZM236,128A108,108,0,1,1,128,20,108.12,108.12,0,0,1,236,128Zm-24,0a84,84,0,1,0-84,84A84.09,84.09,0,0,0,212,128Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z", opacity: "0.2" }), /* @__PURE__ */ e.createElement("path", { d: "M165.66,101.66,139.31,128l26.35,26.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm37.66,130.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32L139.31,128Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M164.24,100.24,136.48,128l27.76,27.76a6,6,0,1,1-8.48,8.48L128,136.48l-27.76,27.76a6,6,0,0,1-8.48-8.48L119.52,128,91.76,100.24a6,6,0,0,1,8.48-8.48L128,119.52l27.76-27.76a6,6,0,0,1,8.48,8.48ZM230,128A102,102,0,1,1,128,26,102.12,102.12,0,0,1,230,128Zm-12,0a90,90,0,1,0-90,90A90.1,90.1,0,0,0,218,128Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M165.66,101.66,139.31,128l26.35,26.34a8,8,0,0,1-11.32,11.32L128,139.31l-26.34,26.35a8,8,0,0,1-11.32-11.32L116.69,128,90.34,101.66a8,8,0,0,1,11.32-11.32L128,116.69l26.34-26.35a8,8,0,0,1,11.32,11.32ZM232,128A104,104,0,1,1,128,24,104.11,104.11,0,0,1,232,128Zm-16,0a88,88,0,1,0-88,88A88.1,88.1,0,0,0,216,128Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M162.83,98.83,133.66,128l29.17,29.17a4,4,0,0,1-5.66,5.66L128,133.66,98.83,162.83a4,4,0,0,1-5.66-5.66L122.34,128,93.17,98.83a4,4,0,0,1,5.66-5.66L128,122.34l29.17-29.17a4,4,0,1,1,5.66,5.66ZM228,128A100,100,0,1,1,128,28,100.11,100.11,0,0,1,228,128Zm-8,0a92,92,0,1,0-92,92A92.1,92.1,0,0,0,220,128Z" }))
+  ]
+]);
+var v = Object.defineProperty, M = Object.defineProperties, L = Object.getOwnPropertyDescriptors, d = Object.getOwnPropertySymbols, $ = Object.prototype.hasOwnProperty, z = Object.prototype.propertyIsEnumerable, p = (o, r, a) => r in o ? v(o, r, { enumerable: !0, configurable: !0, writable: !0, value: a }) : o[r] = a, x = (o, r) => {
+  for (var a in r || (r = {}))
+    $.call(r, a) && p(o, a, r[a]);
+  if (d)
+    for (var a of d(r))
+      z.call(r, a) && p(o, a, r[a]);
+  return o;
+}, O = (o, r) => M(o, L(r));
+const y = u((o, r) => /* @__PURE__ */ e.createElement(b, O(x({ ref: r }, o), { weights: h })));
+y.displayName = "XCircle";
+const R = {
   MuiList: {
     styleOverrides: {
       root: {
@@ -19,15 +58,15 @@ const r = s("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colo
   MuiListItem: {
     styleOverrides: {
       root: ({ theme: o }) => ({
-        [`& .${i.root}`]: {
+        [`& .${c.root}`]: {
           width: "1rem",
           height: "1rem",
           color: (o.vars || o).palette.text.secondary
         },
-        [`& .${d.root}`]: {
+        [`& .${S.root}`]: {
           fontWeight: 500
         },
-        [`& .${c.root}`]: {
+        [`& .${C.root}`]: {
           display: "flex",
           gap: 8,
           padding: "2px 8px",
@@ -35,15 +74,15 @@ const r = s("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colo
           opacity: 0.7,
           "&.Mui-selected": {
             opacity: 1,
-            backgroundColor: t(o.palette.action.selected, 0.3),
-            [`& .${i.root}`]: {
+            backgroundColor: s(o.palette.action.selected, 0.3),
+            [`& .${c.root}`]: {
               color: (o.vars || o).palette.text.primary
             },
             "&:focus-visible": {
-              backgroundColor: t(o.palette.action.selected, 0.3)
+              backgroundColor: s(o.palette.action.selected, 0.3)
             },
             "&:hover": {
-              backgroundColor: t(o.palette.action.selected, 0.5)
+              backgroundColor: s(o.palette.action.selected, 0.5)
             }
           },
           "&:focus-visible": {
@@ -86,13 +125,14 @@ const r = s("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colo
   },
   MuiChip: {
     defaultProps: {
-      size: "small"
+      size: "small",
+      deleteIcon: /* @__PURE__ */ m.jsx(y, {})
     },
     styleOverrides: {
       root: ({ theme: o }) => ({
         border: "1px solid",
         borderRadius: "999px",
-        [`& .${r.label}`]: {
+        [`& .${l.label}`]: {
           fontWeight: 600
         },
         variants: [
@@ -101,22 +141,22 @@ const r = s("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colo
               color: "default"
             },
             style: {
-              borderColor: e[200],
-              backgroundColor: e[100],
-              [`& .${r.label}`]: {
-                color: e[500]
+              borderColor: t[200],
+              backgroundColor: t[100],
+              [`& .${l.label}`]: {
+                color: t[500]
               },
-              [`& .${r.icon}`]: {
-                color: e[500]
+              [`& .${l.icon}`]: {
+                color: t[500]
               },
               ...o.applyStyles("dark", {
-                borderColor: e[700],
-                backgroundColor: e[800],
-                [`& .${r.label}`]: {
-                  color: e[300]
+                borderColor: t[700],
+                backgroundColor: t[800],
+                [`& .${l.label}`]: {
+                  color: t[300]
                 },
-                [`& .${r.icon}`]: {
-                  color: e[300]
+                [`& .${l.icon}`]: {
+                  color: t[300]
                 }
               })
             }
@@ -126,22 +166,22 @@ const r = s("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colo
               color: "success"
             },
             style: {
-              borderColor: l[200],
-              backgroundColor: l[50],
-              [`& .${r.label}`]: {
-                color: l[500]
+              borderColor: i[200],
+              backgroundColor: i[50],
+              [`& .${l.label}`]: {
+                color: i[500]
               },
-              [`& .${r.icon}`]: {
-                color: l[500]
+              [`& .${l.icon}`]: {
+                color: i[500]
               },
               ...o.applyStyles("dark", {
-                borderColor: l[800],
-                backgroundColor: l[900],
-                [`& .${r.label}`]: {
-                  color: l[300]
+                borderColor: i[800],
+                backgroundColor: i[900],
+                [`& .${l.label}`]: {
+                  color: i[300]
                 },
-                [`& .${r.icon}`]: {
-                  color: l[300]
+                [`& .${l.icon}`]: {
+                  color: i[300]
                 }
               })
             }
@@ -151,22 +191,22 @@ const r = s("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colo
               color: "error"
             },
             style: {
-              borderColor: a[100],
-              backgroundColor: a[50],
-              [`& .${r.label}`]: {
-                color: a[500]
+              borderColor: n[100],
+              backgroundColor: n[50],
+              [`& .${l.label}`]: {
+                color: n[500]
               },
-              [`& .${r.icon}`]: {
-                color: a[500]
+              [`& .${l.icon}`]: {
+                color: n[500]
               },
               ...o.applyStyles("dark", {
-                borderColor: a[800],
-                backgroundColor: a[900],
-                [`& .${r.label}`]: {
-                  color: a[200]
+                borderColor: n[800],
+                backgroundColor: n[900],
+                [`& .${l.label}`]: {
+                  color: n[200]
                 },
-                [`& .${r.icon}`]: {
-                  color: a[300]
+                [`& .${l.icon}`]: {
+                  color: n[300]
                 }
               })
             }
@@ -175,10 +215,10 @@ const r = s("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colo
             props: { size: "small" },
             style: {
               maxHeight: 20,
-              [`& .${r.label}`]: {
+              [`& .${l.label}`]: {
                 fontSize: o.typography.caption.fontSize
               },
-              [`& .${i.root}`]: {
+              [`& .${c.root}`]: {
                 fontSize: o.typography.caption.fontSize
               }
             }
@@ -186,7 +226,7 @@ const r = s("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colo
           {
             props: { size: "medium" },
             style: {
-              [`& .${r.label}`]: {
+              [`& .${l.label}`]: {
                 fontSize: o.typography.caption.fontSize
               }
             }
@@ -201,7 +241,7 @@ const r = s("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colo
         display: "flex",
         gap: 8,
         marginRight: 6,
-        [`& .${n.root}`]: {
+        [`& .${g.root}`]: {
           minWidth: 0,
           width: 36,
           height: 36
@@ -230,5 +270,5 @@ const r = s("MuiChip", ["root", "sizeSmall", "sizeMedium", "colorDefault", "colo
   }
 };
 export {
-  m as dataDisplayCustomizations
+  R as dataDisplayCustomizations
 };

package/dist/theme/customizations/feedback.js

@@ -1,5 +1,5 @@
 import { gray as e, orange as o } from "../theme-primitives.js";
-import { a } from "../../createTheme-BZxWCiBm.js";
+import { a } from "../../createTheme-DDycScYN.js";
 const l = {
   MuiAlert: {
     styleOverrides: {

package/dist/theme/customizations/inputs.js

@@ -1,10 +1,10 @@
 import { j as l } from "../../jsx-runtime-C5mzlN2N.js";
-import { c as t } from "../../createSvgIcon-B7_s-URK.js";
+import { c as t } from "../../createSvgIcon-Bpes8W5L.js";
 import { brand as e, gray as o } from "../theme-primitives.js";
-import { o as i } from "../../outlinedInputClasses-BTtPbpE5.js";
-import { g as s } from "../../generateUtilityClasses-STjIp_B9.js";
-import { s as n } from "../../svgIconClasses-SzHbWjUv.js";
-import { a } from "../../createTheme-BZxWCiBm.js";
+import { o as i } from "../../outlinedInputClasses-CnRkAD7A.js";
+import { g as s } from "../../generateUtilityClasses-Z7VQRhBn.js";
+import { s as n } from "../../svgIconClasses-XJq1Ciua.js";
+import { a } from "../../createTheme-DDycScYN.js";
 const c = t(/* @__PURE__ */ l.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"), p = t(/* @__PURE__ */ l.jsx("path", {

package/dist/theme/customizations/navigation.js

@@ -1,26 +1,26 @@
 import { j as l } from "../../jsx-runtime-C5mzlN2N.js";
-import * as i from "react";
-import { c as p } from "../../createSvgIcon-B7_s-URK.js";
+import * as d from "react";
+import { c as p } from "../../createSvgIcon-Bpes8W5L.js";
 import { gray as r, brand as n } from "../theme-primitives.js";
-import { d as c, m as e } from "../../menuItemClasses-BxqenSTj.js";
-import { t as s } from "../../tabClasses-CDDkt7la.js";
-import { s as t } from "../../selectClasses-BaagNb21.js";
-import { b } from "../../buttonBaseClasses-DxKwiRBX.js";
-import { a } from "../../createTheme-BZxWCiBm.js";
-const u = p(/* @__PURE__ */ l.jsx("path", {
+import { d as c, m as a } from "../../menuItemClasses-DLFqc90k.js";
+import { g as b } from "../../generateUtilityClasses-Z7VQRhBn.js";
+import { s } from "../../selectClasses-CDFwg8w_.js";
+import { b as u } from "../../buttonBaseClasses-DuDP2bLR.js";
+import { a as e } from "../../createTheme-DDycScYN.js";
+const x = p(/* @__PURE__ */ l.jsx("path", {
   d: "m12 5.83 2.46 2.46c.39.39 1.02.39 1.41 0s.39-1.02 0-1.41L12.7 3.7a.996.996 0 0 0-1.41 0L8.12 6.88c-.39.39-.39 1.02 0 1.41s1.02.39 1.41 0zm0 12.34-2.46-2.46a.996.996 0 0 0-1.41 0c-.39.39-.39 1.02 0 1.41l3.17 3.18c.39.39 1.02.39 1.41 0l3.17-3.17c.39-.39.39-1.02 0-1.41a.996.996 0 0 0-1.41 0z"
-}), "UnfoldMoreRounded"), S = {
+}), "UnfoldMoreRounded"), t = b("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrimary", "textColorSecondary", "selected", "disabled", "fullWidth", "wrapped", "iconWrapper", "icon"]), R = {
   MuiMenuItem: {
     styleOverrides: {
       root: ({ theme: o }) => ({
         borderRadius: (o.vars || o).shape.borderRadius,
         padding: "6px 8px",
-        [`&.${e.focusVisible}`]: {
+        [`&.${a.focusVisible}`]: {
           backgroundColor: "transparent"
         },
-        [`&.${e.selected}`]: {
-          [`&.${e.focusVisible}`]: {
-            backgroundColor: a(o.palette.action.selected, 0.3)
+        [`&.${a.selected}`]: {
+          [`&.${a.focusVisible}`]: {
+            backgroundColor: e(o.palette.action.selected, 0.3)
           }
         }
       })
@@ -41,9 +41,9 @@ const u = p(/* @__PURE__ */ l.jsx("path", {
         backgroundImage: "none",
         background: "hsl(0, 0%, 100%)",
         boxShadow: "hsla(220, 30%, 5%, 0.07) 0px 4px 16px 0px, hsla(220, 25%, 10%, 0.07) 0px 8px 16px -5px",
-        [`& .${b.root}`]: {
+        [`& .${u.root}`]: {
           "&.Mui-selected": {
-            backgroundColor: a(o.palette.action.selected, 0.3)
+            backgroundColor: e(o.palette.action.selected, 0.3)
           }
         },
         ...o.applyStyles("dark", {
@@ -55,7 +55,7 @@ const u = p(/* @__PURE__ */ l.jsx("path", {
   },
   MuiSelect: {
     defaultProps: {
-      IconComponent: i.forwardRef((o, d) => /* @__PURE__ */ l.jsx(u, { fontSize: "small", ...o, ref: d }))
+      IconComponent: d.forwardRef((o, i) => /* @__PURE__ */ l.jsx(x, { fontSize: "small", ...o, ref: i }))
     },
     styleOverrides: {
       root: ({ theme: o }) => ({
@@ -69,7 +69,7 @@ const u = p(/* @__PURE__ */ l.jsx("path", {
           backgroundColor: (o.vars || o).palette.background.paper,
           boxShadow: "none"
         },
-        [`&.${t.focused}`]: {
+        [`&.${s.focused}`]: {
           outlineOffset: 0,
           borderColor: r[400]
         },
@@ -80,13 +80,13 @@ const u = p(/* @__PURE__ */ l.jsx("path", {
           borderRadius: (o.vars || o).shape.borderRadius,
           borderColor: r[700],
           backgroundColor: (o.vars || o).palette.background.paper,
-          boxShadow: `inset 0 1px 0 1px ${a(r[700], 0.15)}, inset 0 -1px 0 1px hsla(220, 0%, 0%, 0.7)`,
+          boxShadow: `inset 0 1px 0 1px ${e(r[700], 0.15)}, inset 0 -1px 0 1px hsla(220, 0%, 0%, 0.7)`,
           "&:hover": {
-            borderColor: a(r[700], 0.7),
+            borderColor: e(r[700], 0.7),
             backgroundColor: (o.vars || o).palette.background.paper,
             boxShadow: "none"
           },
-          [`&.${t.focused}`]: {
+          [`&.${s.focused}`]: {
             outlineOffset: 0,
             borderColor: r[900]
           },
@@ -134,7 +134,7 @@ const u = p(/* @__PURE__ */ l.jsx("path", {
           width: 0
         },
         "&:focus-visible": {
-          outline: `3px solid ${a(n[500], 0.5)}`,
+          outline: `3px solid ${e(n[500], 0.5)}`,
           outlineOffset: "4px",
           borderRadius: "2px"
         }
@@ -192,7 +192,7 @@ const u = p(/* @__PURE__ */ l.jsx("path", {
           backgroundColor: r[100],
           borderColor: r[200]
         },
-        [`&.${s.selected}`]: {
+        [`&.${t.selected}`]: {
           color: r[900]
         },
         ...o.applyStyles("dark", {
@@ -201,7 +201,7 @@ const u = p(/* @__PURE__ */ l.jsx("path", {
             backgroundColor: r[800],
             borderColor: r[700]
           },
-          [`&.${s.selected}`]: {
+          [`&.${t.selected}`]: {
             color: "#fff"
           }
         })
@@ -272,5 +272,5 @@ const u = p(/* @__PURE__ */ l.jsx("path", {
   }
 };
 export {
-  S as navigationCustomizations
+  R as navigationCustomizations
 };

package/dist/theme/customizations/surfaces.js

@@ -1,5 +1,5 @@
 import { gray as o } from "../theme-primitives.js";
-import { a } from "../../createTheme-BZxWCiBm.js";
+import { a } from "../../createTheme-DDycScYN.js";
 const i = {
   MuiAccordion: {
     defaultProps: {

package/dist/theme/theme-primitives.js

@@ -1,4 +1,4 @@
-import { b as n, a as o } from "../createTheme-BZxWCiBm.js";
+import { c as n, a as o } from "../createTheme-DDycScYN.js";
 const e = n(), p = [...e.shadows], t = {
   50: "hsl(210, 100%, 95%)",
   100: "hsl(210, 100%, 92%)",

package/dist/{typographyClasses-BrhUWCU3.js → typographyClasses-CyVhKkh8.js}

@@ -1,5 +1,5 @@
-import { g as a } from "./generateUtilityClasses-STjIp_B9.js";
-import { g as i } from "./generateUtilityClass-CRH_bFW6.js";
+import { g as a } from "./generateUtilityClasses-Z7VQRhBn.js";
+import { g as i } from "./createTheme-DDycScYN.js";
 function e(t) {
   return i("MuiTypography", t);
 }