@solostylist/ui-kit 1.0.0

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

@@ -0,0 +1,93 @@
+import { j as m } from "../../../jsx-runtime-B6kdoens.js";
+import e, { forwardRef as p } from "react";
+import { E as i } from "../../../SSRBase-B9xq2wUG.js";
+const f = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M168.49,199.51a12,12,0,0,1-17,17l-80-80a12,12,0,0,1,0-17l80-80a12,12,0,0,1,17,17L97,128Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M160,48V208L80,128Z", opacity: "0.2" }), /* @__PURE__ */ e.createElement("path", { d: "M163.06,40.61a8,8,0,0,0-8.72,1.73l-80,80a8,8,0,0,0,0,11.32l80,80A8,8,0,0,0,168,208V48A8,8,0,0,0,163.06,40.61ZM152,188.69,91.31,128,152,67.31Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M168,48V208a8,8,0,0,1-13.66,5.66l-80-80a8,8,0,0,1,0-11.32l80-80A8,8,0,0,1,168,48Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M164.24,203.76a6,6,0,1,1-8.48,8.48l-80-80a6,6,0,0,1,0-8.48l80-80a6,6,0,0,1,8.48,8.48L88.49,128Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M165.66,202.34a8,8,0,0,1-11.32,11.32l-80-80a8,8,0,0,1,0-11.32l80-80a8,8,0,0,1,11.32,11.32L91.31,128Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M162.83,205.17a4,4,0,0,1-5.66,5.66l-80-80a4,4,0,0,1,0-5.66l80-80a4,4,0,1,1,5.66,5.66L85.66,128Z" }))
+  ]
+]);
+var d = Object.defineProperty, E = Object.defineProperties, g = Object.getOwnPropertyDescriptors, l = Object.getOwnPropertySymbols, b = Object.prototype.hasOwnProperty, h = Object.prototype.propertyIsEnumerable, n = (a, t, r) => t in a ? d(a, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : a[t] = r, v = (a, t) => {
+  for (var r in t || (t = {}))
+    b.call(t, r) && n(a, r, t[r]);
+  if (l)
+    for (var r of l(t))
+      h.call(t, r) && n(a, r, t[r]);
+  return a;
+}, y = (a, t) => E(a, g(t));
+const u = p((a, t) => /* @__PURE__ */ e.createElement(i, y(v({ ref: t }, a), { weights: f })));
+u.displayName = "CaretLeft";
+const M = /* @__PURE__ */ new Map([
+  [
+    "bold",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M184.49,136.49l-80,80a12,12,0,0,1-17-17L159,128,87.51,56.49a12,12,0,1,1,17-17l80,80A12,12,0,0,1,184.49,136.49Z" }))
+  ],
+  [
+    "duotone",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M176,128,96,208V48Z", opacity: "0.2" }), /* @__PURE__ */ e.createElement("path", { d: "M181.66,122.34l-80-80A8,8,0,0,0,88,48V208a8,8,0,0,0,13.66,5.66l80-80A8,8,0,0,0,181.66,122.34ZM104,188.69V67.31L164.69,128Z" }))
+  ],
+  [
+    "fill",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M181.66,133.66l-80,80A8,8,0,0,1,88,208V48a8,8,0,0,1,13.66-5.66l80,80A8,8,0,0,1,181.66,133.66Z" }))
+  ],
+  [
+    "light",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M180.24,132.24l-80,80a6,6,0,0,1-8.48-8.48L167.51,128,91.76,52.24a6,6,0,0,1,8.48-8.48l80,80A6,6,0,0,1,180.24,132.24Z" }))
+  ],
+  [
+    "regular",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M181.66,133.66l-80,80a8,8,0,0,1-11.32-11.32L164.69,128,90.34,53.66a8,8,0,0,1,11.32-11.32l80,80A8,8,0,0,1,181.66,133.66Z" }))
+  ],
+  [
+    "thin",
+    /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M178.83,130.83l-80,80a4,4,0,0,1-5.66-5.66L170.34,128,93.17,50.83a4,4,0,0,1,5.66-5.66l80,80A4,4,0,0,1,178.83,130.83Z" }))
+  ]
+]);
+var O = Object.defineProperty, j = Object.defineProperties, Z = Object.getOwnPropertyDescriptors, o = Object.getOwnPropertySymbols, P = Object.prototype.hasOwnProperty, w = Object.prototype.propertyIsEnumerable, c = (a, t, r) => t in a ? O(a, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : a[t] = r, F = (a, t) => {
+  for (var r in t || (t = {}))
+    P.call(t, r) && c(a, r, t[r]);
+  if (o)
+    for (var r of o(t))
+      w.call(t, r) && c(a, r, t[r]);
+  return a;
+}, A = (a, t) => j(a, Z(t));
+const s = p((a, t) => /* @__PURE__ */ e.createElement(i, A(F({ ref: t }, a), { weights: M })));
+s.displayName = "CaretRight";
+function L() {
+  return /* @__PURE__ */ m.jsx(u, { fontSize: "var(--fontSize-md)" });
+}
+function $() {
+  return /* @__PURE__ */ m.jsx(s, { fontSize: "var(--fontSize-md)" });
+}
+const R = {
+  defaultProps: {
+    slotProps: {
+      actions: { nextButtonIcon: { component: $ }, previousButtonIcon: { component: L } },
+      select: { size: "small", variant: "outlined" }
+    }
+  },
+  styleOverrides: { input: { marginRight: "16px", padding: 0 } }
+};
+export {
+  R as MuiTablePagination
+};

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

@@ -0,0 +1,33 @@
+export declare const MuiTabs: {
+    styleOverrides: {
+        flexContainer: {
+            [x: string]: {
+                gap: string;
+            };
+        };
+        indicator: {
+            height: string;
+            borderTopLeftRadius: string;
+            borderTopRightRadius: string;
+        };
+        vertical: {
+            [x: string]: {
+                borderBottomRightRadius: string;
+                borderTopRightRadius: string;
+                left: number;
+                right: string;
+                width: string;
+                justifyContent?: undefined;
+                paddingInline?: undefined;
+            } | {
+                justifyContent: string;
+                paddingInline: string;
+                borderBottomRightRadius?: undefined;
+                borderTopRightRadius?: undefined;
+                left?: undefined;
+                right?: undefined;
+                width?: undefined;
+            };
+        };
+    };
+};

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

@@ -0,0 +1,20 @@
+import { g as e } from "../../../generateUtilityClasses-CuEy5gtx.js";
+const o = e("MuiTab", ["root", "labelIcon", "textColorInherit", "textColorPrimary", "textColorSecondary", "selected", "disabled", "fullWidth", "wrapped", "iconWrapper", "icon"]), t = e("MuiTabs", ["root", "vertical", "flexContainer", "flexContainerVertical", "centered", "scroller", "fixed", "scrollableX", "scrollableY", "hideScrollbar", "scrollButtons", "scrollButtonsHideMobile", "indicator"]), i = {
+  styleOverrides: {
+    flexContainer: { [`&:not(.${t.flexContainerVertical})`]: { gap: "24px" } },
+    indicator: { height: "2px", borderTopLeftRadius: "0px", borderTopRightRadius: "0px" },
+    vertical: {
+      [`& .${t.indicator}`]: {
+        borderBottomRightRadius: "4px",
+        borderTopRightRadius: "4px",
+        left: 0,
+        right: "auto",
+        width: "4px"
+      },
+      [`& .${o.root}`]: { justifyContent: "flex-start", paddingInline: "24px" }
+    }
+  }
+};
+export {
+  i as MuiTabs
+};

package/dist/styles/theme/components/timeline-connector.d.ts

@@ -0,0 +1,7 @@
+export declare const MuiTimelineConnector: {
+    styleOverrides: {
+        root: {
+            backgroundColor: "var(--mui-palette-divider)";
+        };
+    };
+};

package/dist/styles/theme/components/timeline-connector.js

@@ -0,0 +1,6 @@
+const e = {
+  styleOverrides: { root: { backgroundColor: "var(--mui-palette-divider)" } }
+};
+export {
+  e as MuiTimelineConnector
+};

package/dist/styles/theme/components/toggle-button-group.d.ts

@@ -0,0 +1,23 @@
+export declare const MuiToggleButtonGroup: {
+    styleOverrides: {
+        root: {
+            border: string;
+            boxShadow: "var(--mui-shadows-1)";
+            gap: string;
+            padding: string;
+        };
+        grouped: {
+            border: number;
+            margin: number;
+        };
+        firstButton: {
+            borderRadius: string;
+        };
+        middleButton: {
+            borderRadius: string;
+        };
+        lastButton: {
+            borderRadius: string;
+        };
+    };
+};

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

@@ -0,0 +1,17 @@
+const r = {
+  styleOverrides: {
+    root: {
+      border: "1px solid var(--mui-palette-divider)",
+      boxShadow: "var(--mui-shadows-1)",
+      gap: "4px",
+      padding: "4px"
+    },
+    grouped: { border: 0, margin: 0 },
+    firstButton: { borderRadius: "8px" },
+    middleButton: { borderRadius: "8px" },
+    lastButton: { borderRadius: "8px" }
+  }
+};
+export {
+  r as MuiToggleButtonGroup
+};

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

@@ -0,0 +1,12 @@
+export declare const MuiToggleButton: {
+    defaultProps: {
+        disableRipple: true;
+    };
+    styleOverrides: {
+        root: {
+            color: "var(--mui-palette-text-primary)";
+            fontSize: string;
+            padding: string;
+        };
+    };
+};

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

@@ -0,0 +1,9 @@
+const e = {
+  defaultProps: { disableRipple: !0 },
+  styleOverrides: {
+    root: { color: "var(--mui-palette-text-primary)", fontSize: "var(--icon-fontSize-md)", padding: "6px" }
+  }
+};
+export {
+  e as MuiToggleButton
+};

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

@@ -0,0 +1,10 @@
+export declare const MuiTooltip: {
+    defaultProps: {
+        placement: "top";
+    };
+    styleOverrides: {
+        tooltip: {
+            backdropFilter: "blur(6px)";
+        };
+    };
+};

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

@@ -0,0 +1,7 @@
+const t = {
+  defaultProps: { placement: "top" },
+  styleOverrides: { tooltip: { backdropFilter: "blur(6px)" } }
+};
+export {
+  t as MuiTooltip
+};

package/dist/styles/theme/create-theme.d.ts

@@ -0,0 +1,8 @@
+import { ColorScheme, Direction, PrimaryColor, Theme } from './types';
+interface Config {
+    primaryColor: PrimaryColor;
+    colorScheme: ColorScheme;
+    direction?: Direction;
+}
+declare function createTheme(config: Config): Theme;
+export { createTheme };

package/dist/styles/theme/create-theme.js

@@ -0,0 +1,22 @@
+import { createTheme as t } from "@mui/material";
+import { colorSchemes as m } from "./color-schemes.js";
+import { components as a } from "./components/components.js";
+import { shadows as o } from "./shadows.js";
+import { typography as s } from "./typography.js";
+function n(e) {
+  var r;
+  return t({
+    cssVariables: !0,
+    breakpoints: { values: { xs: 0, sm: 600, md: 900, lg: 1200, xl: 1440 } },
+    // colorSchemes: colorSchemes({ primaryColor: config.primaryColor }),
+    components: a,
+    direction: e.direction,
+    shadows: e.colorScheme === "dark" ? o.dark : o.light,
+    shape: { borderRadius: 8 },
+    typography: s,
+    palette: (r = m({ primaryColor: e.primaryColor })[e.colorScheme]) == null ? void 0 : r.palette
+  });
+}
+export {
+  n as createTheme
+};

package/dist/styles/theme/index.d.ts

@@ -0,0 +1 @@
+export * from './create-theme';

package/dist/styles/theme/index.js

@@ -0,0 +1,4 @@
+import { createTheme as m } from "./create-theme.js";
+export {
+  m as createTheme
+};

package/dist/styles/theme/shadows.d.ts

@@ -0,0 +1,4 @@
+export declare const shadows: {
+    dark: ["none", string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string];
+    light: ["none", string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string, string];
+};

package/dist/styles/theme/shadows.js

@@ -0,0 +1,59 @@
+const p = {
+  dark: [
+    "none",
+    "0px 1px 2px rgba(0, 0, 0, 0.5)",
+    "0px 1px 5px rgba(0, 0, 0, 0.5)",
+    "0px 1px 8px rgba(0, 0, 0, 0.5)",
+    "0px 1px 10px rgba(0, 0, 0, 0.5)",
+    "0px 1px 14px rgba(0, 0, 0, 0.5)",
+    "0px 1px 18px rgba(0, 0, 0, 0.5)",
+    "0px 2px 16px rgba(0, 0, 0, 0.5)",
+    "0px 3px 14px rgba(0, 0, 0, 0.5)",
+    "0px 3px 16px rgba(0, 0, 0, 0.5)",
+    "0px 4px 18px rgba(0, 0, 0, 0.5)",
+    "0px 4px 20px rgba(0, 0, 0, 0.5)",
+    "0px 5px 22px rgba(0, 0, 0, 0.5)",
+    "0px 5px 24px rgba(0, 0, 0, 0.5)",
+    "0px 5px 26px rgba(0, 0, 0, 0.5)",
+    "0px 6px 28px rgba(0, 0, 0, 0.5)",
+    "0px 6px 30px rgba(0, 0, 0, 0.5)",
+    "0px 6px 32px rgba(0, 0, 0, 0.5)",
+    "0px 7px 34px rgba(0, 0, 0, 0.5)",
+    "0px 7px 36px rgba(0, 0, 0, 0.5)",
+    "0px 8px 38px rgba(0, 0, 0, 0.5)",
+    "0px 8px 40px rgba(0, 0, 0, 0.5)",
+    "0px 8px 42px rgba(0, 0, 0, 0.5)",
+    "0px 9px 44px rgba(0, 0, 0, 0.5)",
+    "0px 9px 46px rgba(0, 0, 0, 0.5)"
+  ],
+  light: [
+    "none",
+    "0px 1px 2px rgba(0, 0, 0, 0.08)",
+    "0px 1px 5px rgba(0, 0, 0, 0.08)",
+    "0px 1px 8px rgba(0, 0, 0, 0.08)",
+    "0px 1px 10px rgba(0, 0, 0, 0.08)",
+    "0px 1px 14px rgba(0, 0, 0, 0.08)",
+    "0px 1px 18px rgba(0, 0, 0, 0.08)",
+    "0px 2px 16px rgba(0, 0, 0, 0.08)",
+    "0px 3px 14px rgba(0, 0, 0, 0.08)",
+    "0px 3px 16px rgba(0, 0, 0, 0.08)",
+    "0px 4px 18px rgba(0, 0, 0, 0.08)",
+    "0px 4px 20px rgba(0, 0, 0, 0.08)",
+    "0px 5px 22px rgba(0, 0, 0, 0.08)",
+    "0px 5px 24px rgba(0, 0, 0, 0.08)",
+    "0px 5px 26px rgba(0, 0, 0, 0.08)",
+    "0px 6px 28px rgba(0, 0, 0, 0.08)",
+    "0px 6px 30px rgba(0, 0, 0, 0.08)",
+    "0px 6px 32px rgba(0, 0, 0, 0.08)",
+    "0px 7px 34px rgba(0, 0, 0, 0.08)",
+    "0px 7px 36px rgba(0, 0, 0, 0.08)",
+    "0px 8px 38px rgba(0, 0, 0, 0.08)",
+    "0px 8px 40px rgba(0, 0, 0, 0.08)",
+    "0px 8px 42px rgba(0, 0, 0, 0.08)",
+    "0px 9px 44px rgba(0, 0, 0, 0.08)",
+    "0px 9px 46px rgba(0, 0, 0, 0.08)"
+  ]
+};
+export {
+  p as shadows
+};

package/dist/styles/theme/typography.d.ts

@@ -0,0 +1,68 @@
+export declare const typography: {
+    fontFamily: "\"Inter\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"";
+    body1: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: number;
+    };
+    body2: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: number;
+    };
+    button: {
+        fontWeight: number;
+    };
+    caption: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: number;
+    };
+    subtitle1: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: number;
+    };
+    subtitle2: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: number;
+    };
+    overline: {
+        fontSize: string;
+        fontWeight: number;
+        letterSpacing: string;
+        lineHeight: number;
+        textTransform: "uppercase";
+    };
+    h1: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: number;
+    };
+    h2: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: number;
+    };
+    h3: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: number;
+    };
+    h4: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: number;
+    };
+    h5: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: number;
+    };
+    h6: {
+        fontSize: string;
+        fontWeight: number;
+        lineHeight: number;
+    };
+};

package/dist/styles/theme/typography.js

@@ -0,0 +1,31 @@
+const e = {
+  fontFamily: '"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji"',
+  body1: { fontSize: "1rem", fontWeight: 400, lineHeight: 1.5 },
+  body2: { fontSize: "0.875rem", fontWeight: 400, lineHeight: 1.57 },
+  button: { fontWeight: 500 },
+  caption: { fontSize: "0.75rem", fontWeight: 400, lineHeight: 1.66 },
+  subtitle1: { fontSize: "1rem", fontWeight: 500, lineHeight: 1.57 },
+  subtitle2: { fontSize: "0.875rem", fontWeight: 500, lineHeight: 1.57 },
+  overline: {
+    fontSize: "0.75rem",
+    fontWeight: 500,
+    letterSpacing: "0.5px",
+    lineHeight: 2.5,
+    textTransform: "uppercase"
+  },
+  h1: { fontSize: "3.5rem", fontWeight: 500, lineHeight: 1.2 },
+  // 56px
+  h2: { fontSize: "3rem", fontWeight: 500, lineHeight: 1.2 },
+  // 48px
+  h3: { fontSize: "2.25rem", fontWeight: 500, lineHeight: 1.2 },
+  // 36px
+  h4: { fontSize: "2rem", fontWeight: 500, lineHeight: 1.2 },
+  // 32px
+  h5: { fontSize: "1.5rem", fontWeight: 500, lineHeight: 1.2 },
+  // 24px
+  h6: { fontSize: "1.125rem", fontWeight: 500, lineHeight: 1.2 }
+  // 18px
+};
+export {
+  e as typography
+};

package/dist/tableCellClasses-BIg5orIQ.js

@@ -0,0 +1,9 @@
+import { g as l, a } from "./generateUtilityClasses-CuEy5gtx.js";
+function i(e) {
+  return a("MuiTableCell", e);
+}
+const s = l("MuiTableCell", ["root", "head", "body", "footer", "sizeSmall", "sizeMedium", "paddingCheckbox", "paddingNone", "alignLeft", "alignCenter", "alignRight", "alignJustify", "stickyHeader"]);
+export {
+  i as g,
+  s as t
+};