@solostylist/ui-kit 1.0.0

package/dist/styles/theme/components/components.js

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

package/dist/styles/theme/components/dialog-actions.d.ts

@@ -0,0 +1,7 @@
+export declare const MuiDialogActions: {
+    styleOverrides: {
+        root: {
+            padding: string;
+        };
+    };
+};

package/dist/styles/theme/components/dialog-actions.js

@@ -0,0 +1,6 @@
+const o = {
+  styleOverrides: { root: { padding: "2rem" } }
+};
+export {
+  o as MuiDialogActions
+};

package/dist/styles/theme/components/dialog-content-text.d.ts

@@ -0,0 +1,8 @@
+export declare const MuiDialogContentText: {
+    styleOverrides: {
+        root: {
+            paddingLeft: string;
+            paddingRight: string;
+        };
+    };
+};

package/dist/styles/theme/components/dialog-content-text.js

@@ -0,0 +1,6 @@
+const e = {
+  styleOverrides: { root: { paddingLeft: "2rem", paddingRight: "2rem" } }
+};
+export {
+  e as MuiDialogContentText
+};

package/dist/styles/theme/components/dialog-content.d.ts

@@ -0,0 +1,8 @@
+export declare const MuiDialogContent: {
+    styleOverrides: {
+        root: {
+            paddingLeft: string;
+            paddingRight: string;
+        };
+    };
+};

package/dist/styles/theme/components/dialog-content.js

@@ -0,0 +1,6 @@
+const e = {
+  styleOverrides: { root: { paddingLeft: "2rem", paddingRight: "2rem" } }
+};
+export {
+  e as MuiDialogContent
+};

package/dist/styles/theme/components/dialog-title.d.ts

@@ -0,0 +1,7 @@
+export declare const MuiDialogTitle: {
+    styleOverrides: {
+        root: {
+            padding: string;
+        };
+    };
+};

package/dist/styles/theme/components/dialog-title.js

@@ -0,0 +1,6 @@
+const e = {
+  styleOverrides: { root: { padding: "2rem" } }
+};
+export {
+  e as MuiDialogTitle
+};

package/dist/styles/theme/components/filled-input.d.ts

@@ -0,0 +1,31 @@
+export declare const MuiFilledInput: {
+    defaultProps: {
+        disableUnderline: true;
+    };
+    styleOverrides: {
+        root: {
+            'label + &': {
+                marginTop: string;
+            };
+        };
+        input: {
+            [x: string]: string | number | {
+                '&::placeholder': {
+                    opacity: string;
+                };
+                marginInline?: undefined;
+                paddingInline?: undefined;
+            } | {
+                marginInline: string;
+                paddingInline: string;
+                '&::placeholder'?: undefined;
+            };
+            height: string;
+            padding: number;
+            '&:-webkit-autofill': {
+                marginInline: string;
+                paddingInline: string;
+            };
+        };
+    };
+};

package/dist/styles/theme/components/filled-input.js

@@ -0,0 +1,21 @@
+import { i } from "../../../inputBaseClasses-s6dljKxi.js";
+const a = {
+  defaultProps: { disableUnderline: !0 },
+  styleOverrides: {
+    root: { "label + &": { marginTop: "8px" } },
+    input: {
+      height: "auto",
+      padding: 0,
+      [`label[data-shrink=false]+.${i.formControl} &`]: {
+        "&::placeholder": { opacity: "1 !important" }
+      },
+      "&:-webkit-autofill": {
+        marginInline: "calc(var(--Input-paddingInline) * -1)",
+        paddingInline: "var(--Input-paddingInline)"
+      }
+    }
+  }
+};
+export {
+  a as MuiFilledInput
+};

package/dist/styles/theme/components/form-control-label.d.ts

@@ -0,0 +1,15 @@
+export declare const MuiFormControlLabel: {
+    defaultProps: {
+        slotProps: {
+            typography: {
+                variant: "subtitle2";
+            };
+        };
+    };
+    styleOverrides: {
+        root: {
+            gap: string;
+            margin: number;
+        };
+    };
+};

package/dist/styles/theme/components/form-control-label.js

@@ -0,0 +1,7 @@
+const o = {
+  defaultProps: { slotProps: { typography: { variant: "subtitle2" } } },
+  styleOverrides: { root: { gap: "8px", margin: 0 } }
+};
+export {
+  o as MuiFormControlLabel
+};

package/dist/styles/theme/components/form-group.d.ts

@@ -0,0 +1,7 @@
+export declare const MuiFormGroup: {
+    styleOverrides: {
+        root: {
+            gap: string;
+        };
+    };
+};

package/dist/styles/theme/components/form-group.js

@@ -0,0 +1,4 @@
+const o = { styleOverrides: { root: { gap: "16px" } } };
+export {
+  o as MuiFormGroup
+};

package/dist/styles/theme/components/form-helper-text.d.ts

@@ -0,0 +1,8 @@
+export declare const MuiFormHelperText: {
+    styleOverrides: {
+        root: {
+            marginLeft: string;
+            marginRight: string;
+        };
+    };
+};

package/dist/styles/theme/components/form-helper-text.js

@@ -0,0 +1,8 @@
+const e = {
+  styleOverrides: {
+    root: { marginLeft: "0px", marginRight: "0px" }
+  }
+};
+export {
+  e as MuiFormHelperText
+};

package/dist/styles/theme/components/form-label.d.ts

@@ -0,0 +1,12 @@
+export declare const MuiFormLabel: {
+    styleOverrides: {
+        root: {
+            color: "var(--mui-palette-text-primary)";
+            fontSize: string;
+            fontWeight: number;
+        };
+        asterisk: {
+            color: "red";
+        };
+    };
+};

package/dist/styles/theme/components/form-label.js

@@ -0,0 +1,9 @@
+const e = {
+  styleOverrides: {
+    root: { color: "var(--mui-palette-text-primary)", fontSize: "0.875rem", fontWeight: 500 },
+    asterisk: { color: "red" }
+  }
+};
+export {
+  e as MuiFormLabel
+};

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

@@ -0,0 +1,83 @@
+export declare const MuiIconButton: {
+    defaultProps: {
+        color: "secondary";
+        disableRipple: true;
+    };
+    styleOverrides: {
+        root: {
+            fontSize: string;
+            borderRadius: string;
+            height: string;
+            width: string;
+            '&:hover': {
+                backgroundColor: string;
+            };
+            '&:focus-visible': {
+                outline: string;
+            };
+        };
+        colorPrimary: {
+            color: "var(--mui-palette-primary-main)";
+            '&:hover': {
+                backgroundColor: string;
+            };
+            '&:active': {
+                backgroundColor: string;
+            };
+        };
+        colorSecondary: {
+            color: "var(--mui-palette-secondary-main)";
+            '&:hover': {
+                backgroundColor: string;
+            };
+            '&:active': {
+                backgroundColor: string;
+            };
+        };
+        colorInfo: {
+            color: "var(--mui-palette-info-main)";
+            '&:hover': {
+                backgroundColor: string;
+            };
+            '&:active': {
+                backgroundColor: string;
+            };
+        };
+        colorSuccess: {
+            color: "var(--mui-palette-success-main)";
+            '&:hover': {
+                backgroundColor: string;
+            };
+            '&:active': {
+                backgroundColor: string;
+            };
+        };
+        colorWarning: {
+            color: "var(--mui-palette-warning-main)";
+            '&:hover': {
+                backgroundColor: string;
+            };
+            '&:active': {
+                backgroundColor: string;
+            };
+        };
+        colorError: {
+            color: "var(--mui-palette-error-main)";
+            '&:hover': {
+                backgroundColor: string;
+            };
+            '&:active': {
+                backgroundColor: string;
+            };
+        };
+        sizeSmall: {
+            '--IconButton-size': string;
+        };
+        sizeMedium: {
+            '--IconButton-size': string;
+        };
+        sizeLarge: {
+            '--IconButton-size': string;
+        };
+    };
+};

package/dist/styles/theme/components/icon-button.js

@@ -0,0 +1,49 @@
+const o = {
+  defaultProps: { color: "secondary", disableRipple: !0 },
+  styleOverrides: {
+    root: {
+      fontSize: "var(--icon-fontSize-md)",
+      borderRadius: "50%",
+      height: "var(--IconButton-size)",
+      width: "var(--IconButton-size)",
+      "&:hover": { backgroundColor: "rgba(0, 0, 0, 0.04)" },
+      "&:focus-visible": { outline: "2px solid var(--mui-palette-primary-main)" }
+    },
+    colorPrimary: {
+      color: "var(--mui-palette-primary-main)",
+      "&:hover": { backgroundColor: "var(--mui-palette-primary-hovered)" },
+      "&:active": { backgroundColor: "var(--mui-palette-primary-activated)" }
+    },
+    colorSecondary: {
+      color: "var(--mui-palette-secondary-main)",
+      "&:hover": { backgroundColor: "var(--mui-palette-secondary-hovered)" },
+      "&:active": { backgroundColor: "var(--mui-palette-secondary-activated)" }
+    },
+    colorInfo: {
+      color: "var(--mui-palette-info-main)",
+      "&:hover": { backgroundColor: "var(--mui-palette-info-hovered)" },
+      "&:active": { backgroundColor: "var(--mui-palette-info-activated)" }
+    },
+    colorSuccess: {
+      color: "var(--mui-palette-success-main)",
+      "&:hover": { backgroundColor: "var(--mui-palette-success-hovered)" },
+      "&:active": { backgroundColor: "var(--mui-palette-success-activated)" }
+    },
+    colorWarning: {
+      color: "var(--mui-palette-warning-main)",
+      "&:hover": { backgroundColor: "var(--mui-palette-warning-hovered)" },
+      "&:active": { backgroundColor: "var(--mui-palette-warning-activated)" }
+    },
+    colorError: {
+      color: "var(--mui-palette-error-main)",
+      "&:hover": { backgroundColor: "var(--mui-palette-error-hovered)" },
+      "&:active": { backgroundColor: "var(--mui-palette-error-activated)" }
+    },
+    sizeSmall: { "--IconButton-size": "32px" },
+    sizeMedium: { "--IconButton-size": "40px" },
+    sizeLarge: { "--IconButton-size": "48px" }
+  }
+};
+export {
+  o as MuiIconButton
+};

package/dist/styles/theme/components/input-base.d.ts

@@ -0,0 +1,39 @@
+export declare const MuiInputBase: {
+    styleOverrides: {
+        root: {
+            '--Input-borderRadius': string;
+            '--Input-paddingBlock': number;
+            '--Input-paddingInline': string;
+            '--Input-minHeight': string;
+            borderRadius: string;
+            paddingBlock: string;
+            paddingInline: string;
+            minHeight: string;
+        };
+        input: {
+            alignItems: "center";
+            alignSelf: "stretch";
+            display: "inline-flex !important";
+            fontSize: string;
+            '&::placeholder': {
+                color: string;
+                opacity: number;
+            };
+            '&:-webkit-autofill': {
+                borderRadius: string;
+                marginBlock: string;
+                marginInline: string;
+                paddingBlock: string;
+                paddingInline: string;
+            };
+        };
+        multiline: {
+            '--Input-paddingBlock': string;
+        };
+        sizeSmall: {
+            '--Input-fontSize': string;
+            '--Input-paddingInline': string;
+            '--Input-minHeight': string;
+        };
+    };
+};

package/dist/styles/theme/components/input-base.js

@@ -0,0 +1,34 @@
+const n = {
+  styleOverrides: {
+    root: {
+      "--Input-borderRadius": "8px",
+      "--Input-paddingBlock": 0,
+      "--Input-paddingInline": "12px",
+      "--Input-minHeight": "40px",
+      borderRadius: "var(--Input-borderRadius)",
+      paddingBlock: "var(--Input-paddingBlock)",
+      paddingInline: "var(--Input-paddingInline)",
+      minHeight: "var(--Input-minHeight)"
+    },
+    input: {
+      alignItems: "center",
+      alignSelf: "stretch",
+      display: "inline-flex !important",
+      // Fix flicker
+      fontSize: "var(--Input-fontSize, 1rem)",
+      "&::placeholder": { color: "var(--mui-palette-text-secondary)", opacity: 1 },
+      "&:-webkit-autofill": {
+        borderRadius: "inherit",
+        marginBlock: "calc(var(--Input-paddingBlock) * -1)",
+        marginInline: "calc(var(--Input-paddingInline) * -1)",
+        paddingBlock: "var(--Input-paddingBlock)",
+        paddingInline: "var(--Input-paddingInline)"
+      }
+    },
+    multiline: { "--Input-paddingBlock": "12px" },
+    sizeSmall: { "--Input-fontSize": "0.875rem", "--Input-paddingInline": "8px", "--Input-minHeight": "32px" }
+  }
+};
+export {
+  n as MuiInputBase
+};

package/dist/styles/theme/components/input-label.d.ts

@@ -0,0 +1,10 @@
+export declare const MuiInputLabel: {
+    styleOverrides: {
+        root: {
+            maxWidth: string;
+            position: "static";
+            transform: "none";
+            fontSize: string;
+        };
+    };
+};

package/dist/styles/theme/components/input-label.js

@@ -0,0 +1,6 @@
+const t = {
+  styleOverrides: { root: { maxWidth: "100%", position: "static", transform: "none", fontSize: "1rem" } }
+};
+export {
+  t as MuiInputLabel
+};

package/dist/styles/theme/components/input.d.ts

@@ -0,0 +1,32 @@
+export declare const MuiInput: {
+    defaultProps: {
+        disableUnderline: true;
+    };
+    styleOverrides: {
+        root: {
+            'label + &': {
+                marginTop: string;
+            };
+        };
+        input: {
+            [x: string]: string | number | {
+                '&::placeholder': {
+                    opacity: string;
+                };
+                marginInline?: undefined;
+                paddingInline?: undefined;
+            } | {
+                marginInline: string;
+                paddingInline: string;
+                '&::placeholder'?: undefined;
+            };
+            height: string;
+            fontSize: string;
+            padding: number;
+            '&:-webkit-autofill': {
+                marginInline: string;
+                paddingInline: string;
+            };
+        };
+    };
+};

package/dist/styles/theme/components/input.js

@@ -0,0 +1,22 @@
+import { i as n } from "../../../inputBaseClasses-s6dljKxi.js";
+const a = {
+  defaultProps: { disableUnderline: !0 },
+  styleOverrides: {
+    root: { "label + &": { marginTop: "8px" } },
+    input: {
+      height: "auto",
+      fontSize: "0.875rem",
+      padding: 0,
+      [`label[data-shrink=false]+.${n.formControl} &`]: {
+        "&::placeholder": { opacity: "1 !important" }
+      },
+      "&:-webkit-autofill": {
+        marginInline: "calc(var(--Input-paddingInline) * -1)",
+        paddingInline: "var(--Input-paddingInline)"
+      }
+    }
+  }
+};
+export {
+  a as MuiInput
+};

package/dist/styles/theme/components/linear-progress.d.ts

@@ -0,0 +1,8 @@
+export declare const MuiLinearProgress: {
+    styleOverrides: {
+        root: {
+            borderRadius: string;
+            overflow: "hidden";
+        };
+    };
+};

package/dist/styles/theme/components/linear-progress.js

@@ -0,0 +1,6 @@
+const r = {
+  styleOverrides: { root: { borderRadius: "8px", overflow: "hidden" } }
+};
+export {
+  r as MuiLinearProgress
+};

package/dist/styles/theme/components/link.d.ts

@@ -0,0 +1,10 @@
+export declare const MuiLink: {
+    defaultProps: {
+        underline: "hover";
+    };
+    styleOverrides: {
+        root: {
+            fontSize: string;
+        };
+    };
+};

package/dist/styles/theme/components/link.js

@@ -0,0 +1,11 @@
+const e = {
+  defaultProps: { underline: "hover" },
+  styleOverrides: {
+    root: {
+      fontSize: "0.875rem"
+    }
+  }
+};
+export {
+  e as MuiLink
+};

package/dist/styles/theme/components/list-item-avatar.d.ts

@@ -0,0 +1,7 @@
+export declare const MuiListItemAvatar: {
+    styleOverrides: {
+        root: {
+            minWidth: string;
+        };
+    };
+};

package/dist/styles/theme/components/list-item-avatar.js

@@ -0,0 +1,6 @@
+const t = {
+  styleOverrides: { root: { minWidth: "auto" } }
+};
+export {
+  t as MuiListItemAvatar
+};