@solostylist/ui-kit 1.0.202 → 1.0.204

package/dist/theme/components/menu.js

@@ -1,23 +1,21 @@
-const r = {
-  styleOverrides: {
-    list: {
-      padding: 0,
-      paddingTop: 8,
-      paddingBottom: 8
-    }
-  },
-  defaultProps: {
-    anchorOrigin: {
-      vertical: "bottom",
-      horizontal: "center"
-    },
-    transformOrigin: {
-      vertical: "top",
-      horizontal: "center"
-    },
-    marginThreshold: 0
-  }
-};
-export {
-  r as MuiMenu
+//#region lib/theme/components/menu.tsx
+var e = {
+	styleOverrides: { list: {
+		padding: 0,
+		paddingTop: 8,
+		paddingBottom: 8
+	} },
+	defaultProps: {
+		anchorOrigin: {
+			vertical: "bottom",
+			horizontal: "center"
+		},
+		transformOrigin: {
+			vertical: "top",
+			horizontal: "center"
+		},
+		marginThreshold: 0
+	}
 };
+//#endregion
+export { e as MuiMenu };

package/dist/theme/components/outlined-input.js

@@ -1,64 +1,41 @@
-import { brand as a, gray as t } from "../theme-primitives.js";
-import { o as e } from "../../outlinedInputClasses-DnwW3ujt.js";
-import { a as i } from "../../createTheme-DgoJyWM-.js";
-const d = {
-  styleOverrides: {
-    input: ({ ownerState: r, theme: o }) => ({
-      padding: 0,
-      ...r.type === "number" && {
-        // Remove spinner buttons (cross-browser)
-        "&::-webkit-outer-spin-button, &::-webkit-inner-spin-button": {
-          WebkitAppearance: "none",
-          margin: 0
-        },
-        MozAppearance: "textfield"
-        // Firefox
-      },
-      "&:-webkit-autofill": {
-        boxShadow: `${(o.vars ?? o).palette.background.default} 0px 0px 0px 100px inset !important`
-      },
-      "&:-moz-autofill": {
-        boxShadow: `${(o.vars ?? o).palette.background.default} 0px 0px 0px 100px inset !important`
-      }
-    }),
-    root: ({ theme: r }) => ({
-      padding: "8px 12px",
-      color: (r.vars ?? r).palette.text.primary,
-      borderRadius: (r.vars ?? r).shape.borderRadius,
-      border: `1px solid ${(r.vars ?? r).palette.divider}`,
-      backgroundColor: (r.vars ?? r).palette.background.default,
-      transition: "border 120ms ease-in",
-      "&:hover": {
-        borderColor: t[500]
-      },
-      [`&.${e.focused}`]: {
-        outline: `3px solid ${i(a[500], 0.5)}`,
-        borderColor: a[400]
-      },
-      variants: [
-        {
-          props: {
-            size: "small"
-          },
-          style: {
-            height: "2.25rem"
-          }
-        },
-        {
-          props: {
-            size: "medium"
-          },
-          style: {
-            minHeight: "2.5rem"
-          }
-        }
-      ]
-    }),
-    notchedOutline: {
-      border: "none"
-    }
-  }
-};
-export {
-  d as MuiOutlinedInput
-};
+import { i as e } from "../../createTheme-CMuiGmV-.js";
+import { o as t, s as n } from "../../theme-primitives-Csxbv-2Y.js";
+import { n as r } from "../../outlinedInputClasses-5cvWh4bu.js";
+//#region lib/theme/components/outlined-input.tsx
+var i = { styleOverrides: {
+	input: ({ ownerState: e, theme: t }) => ({
+		padding: 0,
+		...e.type === "number" && {
+			"&::-webkit-outer-spin-button, &::-webkit-inner-spin-button": {
+				WebkitAppearance: "none",
+				margin: 0
+			},
+			MozAppearance: "textfield"
+		},
+		"&:-webkit-autofill": { boxShadow: `${(t.vars ?? t).palette.background.default} 0px 0px 0px 100px inset !important` },
+		"&:-moz-autofill": { boxShadow: `${(t.vars ?? t).palette.background.default} 0px 0px 0px 100px inset !important` }
+	}),
+	root: ({ theme: i }) => ({
+		padding: "8px 12px",
+		color: (i.vars ?? i).palette.text.primary,
+		borderRadius: (i.vars ?? i).shape.borderRadius,
+		border: `1px solid ${(i.vars ?? i).palette.divider}`,
+		backgroundColor: (i.vars ?? i).palette.background.default,
+		transition: "border 120ms ease-in",
+		"&:hover": { borderColor: n[500] },
+		[`&.${r.focused}`]: {
+			outline: `3px solid ${e(t[500], .5)}`,
+			borderColor: t[400]
+		},
+		variants: [{
+			props: { size: "small" },
+			style: { height: "2.25rem" }
+		}, {
+			props: { size: "medium" },
+			style: { minHeight: "2.5rem" }
+		}]
+	}),
+	notchedOutline: { border: "none" }
+} };
+//#endregion
+export { i as MuiOutlinedInput };

package/dist/theme/components/pagination-item.js

@@ -1,18 +1,8 @@
-const o = {
-  styleOverrides: {
-    root: ({ theme: r }) => ({
-      ...r.applyStyles("dark", {
-        "&.Mui-selected": {
-          color: (r.vars ?? r).palette.grey[900],
-          backgroundColor: (r.vars ?? r).palette.grey[50],
-          "&:hover": {
-            backgroundColor: (r.vars ?? r).palette.grey[200]
-          }
-        }
-      })
-    })
-  }
-};
-export {
-  o as MuiPaginationItem
-};
+//#region lib/theme/components/pagination-item.tsx
+var e = { styleOverrides: { root: ({ theme: e }) => ({ ...e.applyStyles("dark", { "&.Mui-selected": {
+	color: (e.vars ?? e).palette.grey[900],
+	backgroundColor: (e.vars ?? e).palette.grey[50],
+	"&:hover": { backgroundColor: (e.vars ?? e).palette.grey[200] }
+} }) }) } };
+//#endregion
+export { e as MuiPaginationItem };

package/dist/theme/components/paper.js

@@ -1,8 +1,4 @@
-const e = {
-  defaultProps: {
-    elevation: 0
-  }
-};
-export {
-  e as MuiPaper
-};
+//#region lib/theme/components/paper.tsx
+var e = { defaultProps: { elevation: 0 } };
+//#endregion
+export { e as MuiPaper };

package/dist/theme/components/popover.js

@@ -1,14 +1,12 @@
-const o = {
-  defaultProps: { elevation: 0 },
-  styleOverrides: {
-    paper: ({ theme: r }) => ({
-      borderRadius: (r.vars ?? r).shape.borderRadius,
-      marginTop: 4,
-      border: "1px solid",
-      borderColor: (r.vars ?? r).palette.divider
-    })
-  }
-};
-export {
-  o as MuiPopover
+//#region lib/theme/components/popover.tsx
+var e = {
+	defaultProps: { elevation: 0 },
+	styleOverrides: { paper: ({ theme: e }) => ({
+		borderRadius: (e.vars ?? e).shape.borderRadius,
+		marginTop: 4,
+		border: "1px solid",
+		borderColor: (e.vars ?? e).palette.divider
+	}) }
 };
+//#endregion
+export { e as MuiPopover };

package/dist/theme/components/rating.js

@@ -1,8 +1,4 @@
-const e = {
-  styleOverrides: {
-    sizeSmall: { fontSize: "1rem" }
-  }
-};
-export {
-  e as MuiRating
-};
+//#region lib/theme/components/rating.tsx
+var e = { styleOverrides: { sizeSmall: { fontSize: "1rem" } } };
+//#endregion
+export { e as MuiRating };

package/dist/theme/components/select.js

@@ -1,13 +1,4 @@
-import { j as o } from "../../jsx-runtime-tc70JA_2.js";
-import * as c from "react";
-import { c as r } from "../../createSvgIcon-BkbeLOhM.js";
-const n = r(/* @__PURE__ */ o.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"), m = {
-  defaultProps: {
-    IconComponent: c.forwardRef((e, t) => /* @__PURE__ */ o.jsx(n, { fontSize: "small", ...e, ref: t }))
-  }
-};
-export {
-  m as MuiSelect
-};
+import "../../createTheme-CMuiGmV-.js";
+import "../../jsx-runtime-V-UOMaX1.js";
+import { t as e } from "../../select-CjaxyZK_.js";
+export { e as MuiSelect };

package/dist/theme/components/skeleton.js

@@ -1,10 +1,4 @@
-const r = {
-  styleOverrides: {
-    root: ({ theme: o }) => ({
-      backgroundColor: (o.vars ?? o).palette.divider
-    })
-  }
-};
-export {
-  r as MuiSkeleton
-};
+//#region lib/theme/components/skeleton.tsx
+var e = { styleOverrides: { root: ({ theme: e }) => ({ backgroundColor: (e.vars ?? e).palette.divider }) } };
+//#endregion
+export { e as MuiSkeleton };

package/dist/theme/components/slider.js

@@ -1,8 +1,4 @@
-const e = {
-  styleOverrides: {
-    valueLabel: { borderRadius: 8 }
-  }
-};
-export {
-  e as MuiSlider
-};
+//#region lib/theme/components/slider.tsx
+var e = { styleOverrides: { valueLabel: { borderRadius: 8 } } };
+//#endregion
+export { e as MuiSlider };

package/dist/theme/components/step-connector.js

@@ -1,13 +1,9 @@
-const e = {
-  styleOverrides: {
-    line: ({ theme: r }) => ({
-      borderTop: "1px solid",
-      borderColor: (r.vars ?? r).palette.divider,
-      flex: 1,
-      borderRadius: "99px"
-    })
-  }
-};
-export {
-  e as MuiStepConnector
-};
+//#region lib/theme/components/step-connector.tsx
+var e = { styleOverrides: { line: ({ theme: e }) => ({
+	borderTop: "1px solid",
+	borderColor: (e.vars ?? e).palette.divider,
+	flex: 1,
+	borderRadius: "99px"
+}) } };
+//#endregion
+export { e as MuiStepConnector };

package/dist/theme/components/step-icon.js

@@ -1,46 +1,39 @@
-import { gray as o } from "../theme-primitives.js";
-const t = {
-  styleOverrides: {
-    root: ({ theme: r }) => ({
-      color: "transparent",
-      border: `1px solid ${o[400]}`,
-      width: 12,
-      height: 12,
-      borderRadius: "50%",
-      "& text": {
-        display: "none"
-      },
-      "&.Mui-active": {
-        border: "none",
-        color: (r.vars ?? r).palette.primary.main
-      },
-      "&.Mui-completed": {
-        border: "none",
-        color: (r.vars ?? r).palette.success.main
-      },
-      ...r.applyStyles("dark", {
-        border: `1px solid ${o[700]}`,
-        "&.Mui-active": {
-          border: "none",
-          color: (r.vars ?? r).palette.primary.light
-        },
-        "&.Mui-completed": {
-          border: "none",
-          color: (r.vars ?? r).palette.success.light
-        }
-      }),
-      variants: [
-        {
-          props: { completed: !0 },
-          style: {
-            width: 12,
-            height: 12
-          }
-        }
-      ]
-    })
-  }
-};
-export {
-  t as MuiStepIcon
-};
+import "../../createTheme-CMuiGmV-.js";
+import { s as e } from "../../theme-primitives-Csxbv-2Y.js";
+//#region lib/theme/components/step-icon.tsx
+var t = { styleOverrides: { root: ({ theme: t }) => ({
+	color: "transparent",
+	border: `1px solid ${e[400]}`,
+	width: 12,
+	height: 12,
+	borderRadius: "50%",
+	"& text": { display: "none" },
+	"&.Mui-active": {
+		border: "none",
+		color: (t.vars ?? t).palette.primary.main
+	},
+	"&.Mui-completed": {
+		border: "none",
+		color: (t.vars ?? t).palette.success.main
+	},
+	...t.applyStyles("dark", {
+		border: `1px solid ${e[700]}`,
+		"&.Mui-active": {
+			border: "none",
+			color: (t.vars ?? t).palette.primary.light
+		},
+		"&.Mui-completed": {
+			border: "none",
+			color: (t.vars ?? t).palette.success.light
+		}
+	}),
+	variants: [{
+		props: { completed: !0 },
+		style: {
+			width: 12,
+			height: 12
+		}
+	}]
+}) } };
+//#endregion
+export { t as MuiStepIcon };

package/dist/theme/components/step-label.js

@@ -1,13 +1,7 @@
-const t = {
-  styleOverrides: {
-    label: ({ theme: e }) => ({
-      "&.Mui-completed": {
-        opacity: 0.6,
-        ...e.applyStyles("dark", { opacity: 0.5 })
-      }
-    })
-  }
-};
-export {
-  t as MuiStepLabel
-};
+//#region lib/theme/components/step-label.tsx
+var e = { styleOverrides: { label: ({ theme: e }) => ({ "&.Mui-completed": {
+	opacity: .6,
+	...e.applyStyles("dark", { opacity: .5 })
+} }) } };
+//#endregion
+export { e as MuiStepLabel };

package/dist/theme/components/svg-icon.js

@@ -1,37 +1,20 @@
-const e = {
-  styleOverrides: {
-    // root: ({ theme }) => ({
-    //   color: (theme.vars || theme).palette.text.primary,
-    //   '& .secondary': { opacity: 0.4 },
-    // }),
-    root: {
-      "& .secondary": { opacity: 0.4 },
-      variants: [
-        {
-          props: { fontSize: "small" },
-          style: {
-            fontSize: "1rem"
-            // 16px - match IconButton small
-          }
-        },
-        {
-          props: { fontSize: "medium" },
-          style: {
-            fontSize: "1.25rem"
-            // 20px - match IconButton medium
-          }
-        },
-        {
-          props: { fontSize: "large" },
-          style: {
-            fontSize: "1.5rem"
-            // 24px - match IconButton large
-          }
-        }
-      ]
-    }
-  }
-};
-export {
-  e as MuiSvgIcon
-};
+//#region lib/theme/components/svg-icon.tsx
+var e = { styleOverrides: { root: {
+	"& .secondary": { opacity: .4 },
+	variants: [
+		{
+			props: { fontSize: "small" },
+			style: { fontSize: "1rem" }
+		},
+		{
+			props: { fontSize: "medium" },
+			style: { fontSize: "1.25rem" }
+		},
+		{
+			props: { fontSize: "large" },
+			style: { fontSize: "1.5rem" }
+		}
+	]
+} } };
+//#endregion
+export { e as MuiSvgIcon };

package/dist/theme/components/tab.js

@@ -1,34 +1,20 @@
-import { t as a } from "../../tabClasses-DFvXsFrN.js";
-const o = {
-  styleOverrides: {
-    root: ({ theme: r }) => ({
-      textTransform: "none",
-      ".MuiTabs-vertical &": {
-        alignItems: "flex-start"
-      },
-      minWidth: "fit-content",
-      minHeight: "fit-content",
-      color: (r.vars ?? r).palette.text.secondary,
-      borderTopLeftRadius: (r.vars ?? r).shape.borderRadius,
-      borderTopRightRadius: (r.vars ?? r).shape.borderRadius,
-      border: 0,
-      ":hover": {
-        color: (r.vars ?? r).palette.text.primary
-      },
-      [`&.${a.selected}`]: {
-        color: (r.vars ?? r).palette.text.primary
-      },
-      ...r.applyStyles("dark", {
-        ":hover": {
-          color: (r.vars ?? r).palette.text.primary
-        },
-        [`&.${a.selected}`]: {
-          color: (r.vars ?? r).palette.text.primary
-        }
-      })
-    })
-  }
-};
-export {
-  o as MuiTab
-};
+import { n as e } from "../../tabClasses-DoD3-n6K.js";
+//#region lib/theme/components/tab.tsx
+var t = { styleOverrides: { root: ({ theme: t }) => ({
+	textTransform: "none",
+	".MuiTabs-vertical &": { alignItems: "flex-start" },
+	minWidth: "fit-content",
+	minHeight: "fit-content",
+	color: (t.vars ?? t).palette.text.secondary,
+	borderTopLeftRadius: (t.vars ?? t).shape.borderRadius,
+	borderTopRightRadius: (t.vars ?? t).shape.borderRadius,
+	border: 0,
+	":hover": { color: (t.vars ?? t).palette.text.primary },
+	[`&.${e.selected}`]: { color: (t.vars ?? t).palette.text.primary },
+	...t.applyStyles("dark", {
+		":hover": { color: (t.vars ?? t).palette.text.primary },
+		[`&.${e.selected}`]: { color: (t.vars ?? t).palette.text.primary }
+	})
+}) } };
+//#endregion
+export { t as MuiTab };

package/dist/theme/components/table-cell.js

@@ -1,10 +1,4 @@
-const e = {
-  styleOverrides: {
-    root: ({ theme: r }) => ({
-      borderColor: (r.vars ?? r).palette.divider
-    })
-  }
-};
-export {
-  e as MuiTableCell
-};
+//#region lib/theme/components/table-cell.tsx
+var e = { styleOverrides: { root: ({ theme: e }) => ({ borderColor: (e.vars ?? e).palette.divider }) } };
+//#endregion
+export { e as MuiTableCell };

package/dist/theme/components/table-pagination.js

@@ -1,18 +1,14 @@
-import { i } from "../../iconButtonClasses-BMfIhNTh.js";
-const o = {
-  styleOverrides: {
-    actions: {
-      display: "flex",
-      gap: 8,
-      marginRight: 6,
-      [`& .${i.root}`]: {
-        minWidth: 0,
-        width: 36,
-        height: 36
-      }
-    }
-  }
-};
-export {
-  o as MuiTablePagination
-};
+import { n as e } from "../../iconButtonClasses-BggbSXxO.js";
+//#region lib/theme/components/table-pagination.tsx
+var t = { styleOverrides: { actions: {
+	display: "flex",
+	gap: 8,
+	marginRight: 6,
+	[`& .${e.root}`]: {
+		minWidth: 0,
+		width: 36,
+		height: 36
+	}
+} } };
+//#endregion
+export { t as MuiTablePagination };

package/dist/theme/components/tabs.js

@@ -1,24 +1,20 @@
-const i = {
-  styleOverrides: {
-    root: ({ theme: r, ownerState: o }) => ({
-      minHeight: "fit-content",
-      border: 0,
-      ...o.orientation === "vertical" ? {
-        borderRight: "1px solid",
-        borderColor: (r.vars ?? r).palette.divider
-      } : {
-        borderBottom: "1px solid",
-        borderColor: (r.vars ?? r).palette.divider
-      }
-    }),
-    indicator: ({ theme: r }) => ({
-      backgroundColor: (r.vars ?? r).palette.grey[800],
-      ...r.applyStyles("dark", {
-        backgroundColor: (r.vars ?? r).palette.grey[200]
-      })
-    })
-  }
-};
-export {
-  i as MuiTabs
-};
+//#region lib/theme/components/tabs.tsx
+var e = { styleOverrides: {
+	root: ({ theme: e, ownerState: t }) => ({
+		minHeight: "fit-content",
+		border: 0,
+		...t.orientation === "vertical" ? {
+			borderRight: "1px solid",
+			borderColor: (e.vars ?? e).palette.divider
+		} : {
+			borderBottom: "1px solid",
+			borderColor: (e.vars ?? e).palette.divider
+		}
+	}),
+	indicator: ({ theme: e }) => ({
+		backgroundColor: (e.vars ?? e).palette.grey[800],
+		...e.applyStyles("dark", { backgroundColor: (e.vars ?? e).palette.grey[200] })
+	})
+} };
+//#endregion
+export { e as MuiTabs };

package/dist/theme/components/toggle-button-group.js

@@ -1,23 +1,3 @@
-import { brand as o, gray as l } from "../theme-primitives.js";
-import { g as a } from "../../generateUtilityClasses-E9gROIFd.js";
-import { a as t } from "../../createTheme-DgoJyWM-.js";
-const e = a("MuiToggleButtonGroup", ["root", "selected", "horizontal", "vertical", "disabled", "grouped", "groupedHorizontal", "groupedVertical", "fullWidth", "firstButton", "lastButton", "middleButton"]), i = {
-  styleOverrides: {
-    root: ({ theme: r }) => ({
-      borderRadius: "10px",
-      boxShadow: `0 4px 16px ${t(l[400], 0.2)}`,
-      [`& .${e.selected}`]: {
-        color: o[500]
-      },
-      ...r.applyStyles("dark", {
-        [`& .${e.selected}`]: {
-          color: "#fff"
-        },
-        boxShadow: `0 4px 16px ${t(o[700], 0.5)}`
-      })
-    })
-  }
-};
-export {
-  i as MuiToggleButtonGroup
-};
+import "../../createTheme-CMuiGmV-.js";
+import { t as e } from "../../toggle-button-group-BCHnFS_B.js";
+export { e as MuiToggleButtonGroup };