@spesia/ui 1.8.21 → 1.9.7

package/dist/node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/en-US/_lib/match.js

@@ -0,0 +1,110 @@
+import { buildMatchFn as a } from "../../_lib/buildMatchFn.js";
+import { buildMatchPatternFn as i } from "../../_lib/buildMatchPatternFn.js";
+const n = /^(\d+)(th|st|nd|rd)?/i, e = /\d+/i, r = {
+  narrow: /^(b|a)/i,
+  abbreviated: /^(b\.?\s?c\.?|b\.?\s?c\.?\s?e\.?|a\.?\s?d\.?|c\.?\s?e\.?)/i,
+  wide: /^(before christ|before common era|anno domini|common era)/i
+}, s = {
+  any: [/^b/i, /^(a|c)/i]
+}, o = {
+  narrow: /^[1234]/i,
+  abbreviated: /^q[1234]/i,
+  wide: /^[1234](th|st|nd|rd)? quarter/i
+}, d = {
+  any: [/1/i, /2/i, /3/i, /4/i]
+}, m = {
+  narrow: /^[jfmasond]/i,
+  abbreviated: /^(jan|feb|mar|apr|may|jun|jul|aug|sep|oct|nov|dec)/i,
+  wide: /^(january|february|march|april|may|june|july|august|september|october|november|december)/i
+}, h = {
+  narrow: [
+    /^j/i,
+    /^f/i,
+    /^m/i,
+    /^a/i,
+    /^m/i,
+    /^j/i,
+    /^j/i,
+    /^a/i,
+    /^s/i,
+    /^o/i,
+    /^n/i,
+    /^d/i
+  ],
+  any: [
+    /^ja/i,
+    /^f/i,
+    /^mar/i,
+    /^ap/i,
+    /^may/i,
+    /^jun/i,
+    /^jul/i,
+    /^au/i,
+    /^s/i,
+    /^o/i,
+    /^n/i,
+    /^d/i
+  ]
+}, c = {
+  narrow: /^[smtwf]/i,
+  short: /^(su|mo|tu|we|th|fr|sa)/i,
+  abbreviated: /^(sun|mon|tue|wed|thu|fri|sat)/i,
+  wide: /^(sunday|monday|tuesday|wednesday|thursday|friday|saturday)/i
+}, u = {
+  narrow: [/^s/i, /^m/i, /^t/i, /^w/i, /^t/i, /^f/i, /^s/i],
+  any: [/^su/i, /^m/i, /^tu/i, /^w/i, /^th/i, /^f/i, /^sa/i]
+}, P = {
+  narrow: /^(a|p|mi|n|(in the|at) (morning|afternoon|evening|night))/i,
+  any: /^([ap]\.?\s?m\.?|midnight|noon|(in the|at) (morning|afternoon|evening|night))/i
+}, y = {
+  any: {
+    am: /^a/i,
+    pm: /^p/i,
+    midnight: /^mi/i,
+    noon: /^no/i,
+    morning: /morning/i,
+    afternoon: /afternoon/i,
+    evening: /evening/i,
+    night: /night/i
+  }
+}, l = {
+  ordinalNumber: i({
+    matchPattern: n,
+    parsePattern: e,
+    valueCallback: (t) => parseInt(t, 10)
+  }),
+  era: a({
+    matchPatterns: r,
+    defaultMatchWidth: "wide",
+    parsePatterns: s,
+    defaultParseWidth: "any"
+  }),
+  quarter: a({
+    matchPatterns: o,
+    defaultMatchWidth: "wide",
+    parsePatterns: d,
+    defaultParseWidth: "any",
+    valueCallback: (t) => t + 1
+  }),
+  month: a({
+    matchPatterns: m,
+    defaultMatchWidth: "wide",
+    parsePatterns: h,
+    defaultParseWidth: "any"
+  }),
+  day: a({
+    matchPatterns: c,
+    defaultMatchWidth: "wide",
+    parsePatterns: u,
+    defaultParseWidth: "any"
+  }),
+  dayPeriod: a({
+    matchPatterns: P,
+    defaultMatchWidth: "any",
+    parsePatterns: y,
+    defaultParseWidth: "any"
+  })
+};
+export {
+  l as match
+};

package/dist/node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/locale/en-US.js

@@ -0,0 +1,21 @@
+import { formatDistance as o } from "./en-US/_lib/formatDistance.js";
+import { formatLong as t } from "./en-US/_lib/formatLong.js";
+import { formatRelative as a } from "./en-US/_lib/formatRelative.js";
+import { localize as r } from "./en-US/_lib/localize.js";
+import { match as e } from "./en-US/_lib/match.js";
+const s = {
+  code: "en-US",
+  formatDistance: o,
+  formatLong: t,
+  formatRelative: a,
+  localize: r,
+  match: e,
+  options: {
+    weekStartsOn: 0,
+    firstWeekContainsDate: 1
+  }
+};
+export {
+  s as default,
+  s as enUS
+};

package/dist/node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfDay.js

@@ -0,0 +1,9 @@
+import { toDate as e } from "./toDate.js";
+function u(a, t) {
+  const r = e(a, t == null ? void 0 : t.in);
+  return r.setHours(0, 0, 0, 0), r;
+}
+export {
+  u as default,
+  u as startOfDay
+};

package/dist/node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfISOWeek.js

@@ -0,0 +1,8 @@
+import { startOfWeek as r } from "./startOfWeek.js";
+function f(t, e) {
+  return r(t, { ...e, weekStartsOn: 1 });
+}
+export {
+  f as default,
+  f as startOfISOWeek
+};

package/dist/node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfISOWeekYear.js

@@ -0,0 +1,11 @@
+import { constructFrom as a } from "./constructFrom.js";
+import { getISOWeekYear as f } from "./getISOWeekYear.js";
+import { startOfISOWeek as s } from "./startOfISOWeek.js";
+function O(t, e) {
+  const o = f(t, e), r = a(t, 0);
+  return r.setFullYear(o, 0, 4), r.setHours(0, 0, 0, 0), s(r);
+}
+export {
+  O as default,
+  O as startOfISOWeekYear
+};

package/dist/node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfWeek.js

@@ -0,0 +1,11 @@
+import { getDefaultOptions as s } from "./_lib/defaultOptions.js";
+import { toDate as w } from "./toDate.js";
+function m(u, e) {
+  var c, O, l, k;
+  const a = s(), r = (e == null ? void 0 : e.weekStartsOn) ?? ((O = (c = e == null ? void 0 : e.locale) == null ? void 0 : c.options) == null ? void 0 : O.weekStartsOn) ?? a.weekStartsOn ?? ((k = (l = a.locale) == null ? void 0 : l.options) == null ? void 0 : k.weekStartsOn) ?? 0, t = w(u, e == null ? void 0 : e.in), f = t.getDay(), d = (f < r ? 7 : 0) + f - r;
+  return t.setDate(t.getDate() - d), t.setHours(0, 0, 0, 0), t;
+}
+export {
+  m as default,
+  m as startOfWeek
+};

package/dist/node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfWeekYear.js

@@ -0,0 +1,13 @@
+import { getDefaultOptions as W } from "./_lib/defaultOptions.js";
+import { constructFrom as n } from "./constructFrom.js";
+import { getWeekYear as u } from "./getWeekYear.js";
+import { startOfWeek as D } from "./startOfWeek.js";
+function g(r, e) {
+  var f, s, c, k;
+  const a = W(), l = (e == null ? void 0 : e.firstWeekContainsDate) ?? ((s = (f = e == null ? void 0 : e.locale) == null ? void 0 : f.options) == null ? void 0 : s.firstWeekContainsDate) ?? a.firstWeekContainsDate ?? ((k = (c = a.locale) == null ? void 0 : c.options) == null ? void 0 : k.firstWeekContainsDate) ?? 1, m = u(r, e), t = n((e == null ? void 0 : e.in) || r, 0);
+  return t.setFullYear(m, 0, l), t.setHours(0, 0, 0, 0), D(t, e);
+}
+export {
+  g as default,
+  g as startOfWeekYear
+};

package/dist/node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/startOfYear.js

@@ -0,0 +1,9 @@
+import { toDate as a } from "./toDate.js";
+function l(t, r) {
+  const e = a(t, r == null ? void 0 : r.in);
+  return e.setFullYear(e.getFullYear(), 0, 1), e.setHours(0, 0, 0, 0), e;
+}
+export {
+  l as default,
+  l as startOfYear
+};

package/dist/node_modules/.pnpm/date-fns@4.1.0/node_modules/date-fns/toDate.js

@@ -0,0 +1,8 @@
+import { constructFrom as r } from "./constructFrom.js";
+function e(t, o) {
+  return r(o || t, t);
+}
+export {
+  e as default,
+  e as toDate
+};

package/dist/styles/alert/alert.js

@@ -0,0 +1,70 @@
+import { colors as r } from "../colors.js";
+const n = {
+  MuiAlert: {
+    styleOverrides: {
+      root: (t) => {
+        if (!t.ownerState.severity)
+          return;
+        const e = t.theme.palette[t.ownerState.severity];
+        if (e)
+          return {
+            borderRadius: t.theme.spacing(2),
+            borderColor: e.main,
+            "&.MuiAlert-filled": {
+              color: e.contrastText,
+              background: e.main,
+              ".MuiAlert-icon > svg path": {
+                fill: e.contrastText
+              }
+            },
+            "&.MuiAlert-dark": {
+              color: e.contrastTextAlt,
+              background: e.dark,
+              ".MuiAlert-icon > svg path": {
+                fill: e.contrastTextAlt
+              }
+            },
+            ".MuiAlertTitle-root": {
+              fontWeight: "bold",
+              fontSize: 14
+            },
+            ".MuiAlert-message": {
+              fontWeight: 400
+            }
+          };
+      },
+      standard: (t) => {
+        if (!t.ownerState.severity)
+          return {
+            color: t.theme.palette.mode === "light" ? r.secondary.grey[70] : r.secondary.grey[20],
+            background: t.theme.palette.mode === "light" ? r.secondary.grey[20] : r.secondary.grey[70]
+          };
+        const e = t.theme.palette[t.ownerState.severity];
+        if (e)
+          return {
+            color: t.theme.palette.mode === "light" ? r.secondary.grey[70] : r.secondary.grey[20],
+            background: e.transparent,
+            ".MuiAlert-icon": {
+              color: e.main
+            },
+            ".MuiAlert-icon > svg path": {
+              fill: e.main
+            }
+          };
+      },
+      outlined: (t) => {
+        if (!t.ownerState.severity)
+          return;
+        const e = t.theme.palette[t.ownerState.severity];
+        if (e)
+          return {
+            border: "1px solid",
+            borderColor: e.main
+          };
+      }
+    }
+  }
+};
+export {
+  n as alertStyles
+};

package/dist/styles/button/button.js

@@ -0,0 +1,195 @@
+import { darken as s } from "@mui/material";
+import { colors as e, primitives as a } from "../colors.js";
+const x = {
+  MuiButtonBase: {
+    defaultProps: {
+      disableRipple: !0
+    }
+  },
+  MuiButton: {
+    defaultProps: {
+      disableElevation: !0
+    },
+    styleOverrides: {
+      root: (r) => ({
+        fontWeight: 500,
+        textTransform: "none",
+        height: "48px",
+        boxShadow: "none",
+        fontSize: "15px",
+        borderRadius: a.borderRadius.full,
+        padding: `${r.theme.spacing(4)} ${r.theme.spacing(6)}`,
+        "&.MuiButton-sizeLarge": {
+          fontSize: "17px",
+          padding: `${r.theme.spacing(5)} ${r.theme.spacing(8)}`,
+          borderRadius: a.borderRadius.full,
+          height: "56px"
+        },
+        "&.MuiButton-sizeSmall": {
+          fontSize: "15px",
+          padding: `${r.theme.spacing(3)} ${r.theme.spacing(4)}`,
+          borderRadius: a.borderRadius.full,
+          height: "40px"
+        },
+        "&:disabled": {
+          opacity: 0.5
+        }
+      }),
+      contained: (r) => {
+        var t;
+        if (!r.ownerState.color) return;
+        const o = (t = r.theme.vars) == null ? void 0 : t.palette[r.ownerState.color];
+        if (o)
+          return {
+            background: o.main,
+            color: o.contrastText,
+            border: `1px solid ${o.main}`,
+            boxShadow: "none",
+            fontWeight: 600,
+            "&:hover": {
+              background: o.hover,
+              color: o.contrastText,
+              borderColor: o.hover
+            },
+            "&:focus": {
+              background: o.focus,
+              color: o.contrastText,
+              borderColor: o.focus
+            },
+            "&:active": {
+              background: o.active,
+              color: o.text,
+              borderColor: o.focus
+            }
+          };
+      },
+      outlined: (r) => {
+        var t;
+        if (!r.ownerState.color) return;
+        const o = (t = r.theme.vars) == null ? void 0 : t.palette[r.ownerState.color];
+        if (o)
+          return {
+            background: "transparent",
+            color: o.text,
+            boxShadow: "none",
+            border: `1px solid ${o.border}`,
+            borderRadius: a.borderRadius.full,
+            "&:hover": {
+              background: o.light,
+              borderColor: o.light
+            },
+            "&:focus": {
+              background: o.lighter,
+              borderColor: o.lighter
+            },
+            "&:active": {
+              background: o.border,
+              borderColor: o.border,
+              color: o.contrastTextAlt
+            }
+          };
+      },
+      text: (r) => {
+        var t;
+        if (!r.ownerState.color) return;
+        const o = (t = r.theme.vars) == null ? void 0 : t.palette[r.ownerState.color];
+        if (o)
+          return {
+            background: "transparent",
+            color: o.text,
+            boxShadow: "none",
+            border: "none",
+            "&:hover": {
+              background: "transparent",
+              color: o.text
+            },
+            "&:focus": {
+              background: "transparent",
+              color: o.dark
+            },
+            "&:active": {
+              background: "transparent",
+              color: o.text,
+              textDecoration: "underline"
+            }
+          };
+      },
+      containedPrimary: ({ theme: r }) => ({
+        backgroundColor: r.palette.background.primaryButton,
+        borderColor: e.primary.brown[50],
+        color: r.palette.background.coralBold,
+        ".MuiButton-icon": { color: r.palette.text.tertiaryIcon },
+        "&:hover": {
+          backgroundColor: e.primary.brown[80],
+          color: r.palette.text.contrastText
+        },
+        "&:focus": {
+          backgroundColor: e.primary.brown[80],
+          color: r.palette.text.contrastText
+        },
+        "&:disabled": {
+          backgroundColor: r.palette.background.primaryButton,
+          borderColor: e.primary.brown[50],
+          color: r.palette.text.contrastText,
+          opacity: 0.5
+        }
+      }),
+      outlinedPrimary: ({ theme: r }) => {
+        var o, t, n, l, d, i, c, u, b;
+        return {
+          backgroundColor: (o = r.vars) == null ? void 0 : o.palette.background.secondaryButton,
+          color: (t = r.vars) == null ? void 0 : t.palette.text.primary,
+          "&:hover": {
+            color: (n = r.vars) == null ? void 0 : n.palette.text.primary,
+            backgroundColor: (l = r.vars) == null ? void 0 : l.palette.background.default,
+            borderColor: e.primary.beige[20],
+            ...r.applyStyles("dark", {
+              borderColor: e.primary.beige[60]
+            })
+          },
+          "&:focus": {
+            color: (d = r.vars) == null ? void 0 : d.palette.text.secondary,
+            backgroundColor: (i = r.vars) == null ? void 0 : i.palette.background.default,
+            borderColor: e.primary.beige[20],
+            ...r.applyStyles("dark", {
+              borderColor: e.primary.beige[60]
+            })
+          },
+          "&:disabled": {
+            backgroundColor: (c = r.vars) == null ? void 0 : c.palette.background.secondaryButton,
+            color: (u = r.vars) == null ? void 0 : u.palette.text.primary,
+            opacity: 0.5
+          },
+          borderColor: e.primary.beige[20],
+          ...r.applyStyles("dark", {
+            borderColor: e.primary.beige[60]
+          }),
+          ".MuiButton-icon": { color: (b = r.vars) == null ? void 0 : b.palette.text.secondaryIcon }
+        };
+      },
+      transparent: ({ theme: r }) => ({
+        border: "1px solid rgba(255, 243, 240, 0.60)",
+        boxShadow: "0 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 1px 0 rgba(255, 255, 255, 0.45) inset",
+        backgroundColor: r.palette.background.tertiaryButton,
+        "&:hover": {
+          backgroundColor: s(
+            r.palette.background.tertiaryButton,
+            0.05
+          )
+        }
+      }),
+      textPrimary: ({ theme: r }) => {
+        var o, t;
+        return {
+          color: (o = r.vars) == null ? void 0 : o.palette.text.primary,
+          "&:hover": {
+            color: (t = r.vars) == null ? void 0 : t.palette.text.secondary
+          }
+        };
+      }
+    }
+  }
+};
+export {
+  x as buttonStyles
+};

package/dist/styles/card/card.js

@@ -0,0 +1,16 @@
+const r = {
+  MuiCard: {
+    defaultProps: {
+      variant: "outlined"
+    },
+    styleOverrides: {
+      root: (e) => ({
+        borderRadius: e.theme.spacing(3),
+        boxShadow: "none"
+      })
+    }
+  }
+};
+export {
+  r as cardStyles
+};

package/dist/styles/checkbox/checkbox.js

@@ -0,0 +1,46 @@
+import { jsx as b } from "react/jsx-runtime";
+import s from "../../components/checkbox/Checked.js";
+import l from "../../components/checkbox/Unchecked.js";
+const C = {
+  MuiCheckbox: {
+    defaultProps: {
+      icon: /* @__PURE__ */ b(l, {}),
+      checkedIcon: /* @__PURE__ */ b(s, {})
+    },
+    styleOverrides: {
+      root: (e) => {
+        var o, c, r, i, h, t, k, a;
+        return {
+          border: "none",
+          "&.MuiCheckbox-colorError svg.Checkbox-icon .Checkbox-border": {
+            fill: (o = e.theme.vars) == null ? void 0 : o.palette.error.main
+          },
+          "&.MuiCheckbox-colorError svg.Checkbox-icon .Checkbox-checkmark": {
+            stroke: (c = e.theme.vars) == null ? void 0 : c.palette.error.main
+          },
+          "&.MuiCheckbox-colorSuccess svg.Checkbox-icon .Checkbox-border": {
+            fill: (r = e.theme.vars) == null ? void 0 : r.palette.success.main
+          },
+          "&.MuiCheckbox-colorSuccess svg.Checkbox-icon .Checkbox-checkmark": {
+            stroke: (i = e.theme.vars) == null ? void 0 : i.palette.success.main
+          },
+          "&.MuiCheckbox-colorWarning svg.Checkbox-icon .Checkbox-border": {
+            fill: (h = e.theme.vars) == null ? void 0 : h.palette.warning.main
+          },
+          "&.MuiCheckbox-colorWarning svg.Checkbox-icon .Checkbox-checkmark": {
+            stroke: (t = e.theme.vars) == null ? void 0 : t.palette.warning.main
+          },
+          "&.Mui-disabled svg.Checkbox-icon .Checkbox-border": {
+            fill: (k = e.theme.vars) == null ? void 0 : k.palette.primary.lighter
+          },
+          "&.Mui-disabled svg.Checkbox-icon .Checkbox-checkmark": {
+            stroke: (a = e.theme.vars) == null ? void 0 : a.palette.primary.lighter
+          }
+        };
+      }
+    }
+  }
+};
+export {
+  C as checkboxStyles
+};

package/dist/styles/chip/chip.js

@@ -0,0 +1,115 @@
+import g from "lodash/capitalize";
+const c = (r, a) => {
+  var l, t, i;
+  const o = g(r.toString());
+  if (o)
+    return {
+      [`&.MuiChip-color${o}`]: {
+        color: (l = a.vars) == null ? void 0 : l.palette[r].dark,
+        border: `1px solid ${(t = a.vars) == null ? void 0 : t.palette[r].main}`,
+        "&:hover": {
+          background: (i = a.vars) == null ? void 0 : i.palette[r].lighter
+        }
+      }
+    };
+}, e = (r, a) => {
+  var l, t, i, d;
+  const o = g(r.toString());
+  if (o)
+    return {
+      [`&.MuiChip-color${o}`]: {
+        color: (l = a.vars) == null ? void 0 : l.palette[r].dark,
+        background: (t = a.vars) == null ? void 0 : t.palette[r].lighter,
+        border: `1px solid ${(i = a.vars) == null ? void 0 : i.palette[r].main}`,
+        "&:hover": {
+          background: (d = a.vars) == null ? void 0 : d.palette[r].light
+        }
+      }
+    };
+}, v = {
+  MuiChip: {
+    styleOverrides: {
+      root: ({ theme: r }) => {
+        var a, o, l, t, i, d, n, s, p, u, b;
+        return {
+          fontWeight: "500",
+          "&.MuiChip-sizeSmall": {
+            height: 24,
+            fontSize: 12
+          },
+          "&.MuiChip-sizeMedium": {
+            height: 32,
+            fontSize: 14
+          },
+          background: (a = r.vars) == null ? void 0 : a.palette.background.default,
+          color: (o = r.vars) == null ? void 0 : o.palette.text.primary,
+          border: `1px solid ${(l = r.vars) == null ? void 0 : l.palette.border.secondary}`,
+          "&:hover": {
+            background: (t = r.vars) == null ? void 0 : t.palette.neutral.lighter,
+            color: (i = r.vars) == null ? void 0 : i.palette.text.primary,
+            "&.MuiChip-deletable": {
+              background: (d = r.vars) == null ? void 0 : d.palette.neutral.light
+            },
+            "&.MuiChip-clickable": {
+              background: (n = r.vars) == null ? void 0 : n.palette.background.secondaryPaper
+            }
+          },
+          "&.MuiChip-clickable:active": {
+            background: (s = r.vars) == null ? void 0 : s.palette.background.default,
+            color: (p = r.vars) == null ? void 0 : p.palette.text.primary
+          },
+          "&:disabled": {
+            background: (u = r.vars) == null ? void 0 : u.palette.neutral.light,
+            color: (b = r.vars) == null ? void 0 : b.palette.text.disabled
+          }
+        };
+      },
+      filled: ({ theme: r }) => {
+        var a, o, l, t, i;
+        return {
+          background: (a = r.vars) == null ? void 0 : a.palette.background.secondaryPaper,
+          border: `1px solid ${(o = r.vars) == null ? void 0 : o.palette.border.primary}`,
+          "&:hover": {
+            background: (l = r.vars) == null ? void 0 : l.palette.background.coralBold
+          },
+          "&.MuiChip-clickable:active": {
+            background: (t = r.vars) == null ? void 0 : t.palette.background.coralBold
+          },
+          "&:disabled": {
+            color: (i = r.vars) == null ? void 0 : i.palette.text.disabled,
+            opacity: 0.7
+          },
+          ...e("success", r),
+          ...e("error", r),
+          ...e("warning", r),
+          ...e("info", r),
+          ...e("primary", r),
+          ...e("secondary", r),
+          ...e("neutral", r)
+        };
+      },
+      outlined: ({ theme: r }) => {
+        var a;
+        return {
+          background: "transparent",
+          "&.MuiChip-clickable:active": {
+            background: (a = r.vars) == null ? void 0 : a.palette.background.transparent
+          },
+          "&:disabled": {
+            background: "transparent"
+          },
+          ...c("success", r),
+          ...c("error", r),
+          ...c("warning", r),
+          ...c("info", r),
+          ...c("primary", r),
+          ...c("secondary", r),
+          ...c("neutral", r)
+        };
+      }
+    }
+  }
+};
+export {
+  v as chipStyles
+};