@cgi-learning-hub/ui 1.2.0 → 1.3.0

package/dist/useTheme-B_3HWqyi.js

@@ -0,0 +1,88 @@
+import { L as g, T as O } from "./identifier-Bu3vgTzE.js";
+import * as k from "react";
+import { d as C } from "./DefaultPropsProvider-7QnSWHxy.js";
+import { u as T } from "./useTheme-DhYab2-0.js";
+function D(s) {
+  return typeof s == "string";
+}
+function Z(s, c, e) {
+  return s === void 0 || D(s) ? c : {
+    ...c,
+    ownerState: {
+      ...c.ownerState,
+      ...e
+    }
+  };
+}
+function R(s, c = []) {
+  if (s === void 0)
+    return {};
+  const e = {};
+  return Object.keys(s).filter((n) => n.match(/^on[A-Z]/) && typeof s[n] == "function" && !c.includes(n)).forEach((n) => {
+    e[n] = s[n];
+  }), e;
+}
+function l(s) {
+  if (s === void 0)
+    return {};
+  const c = {};
+  return Object.keys(s).filter((e) => !(e.match(/^on[A-Z]/) && typeof s[e] == "function")).forEach((e) => {
+    c[e] = s[e];
+  }), c;
+}
+function _(s) {
+  const {
+    getSlotProps: c,
+    additionalProps: e,
+    externalSlotProps: n,
+    externalForwardedProps: t,
+    className: i
+  } = s;
+  if (!c) {
+    const h = g(e == null ? void 0 : e.className, i, t == null ? void 0 : t.className, n == null ? void 0 : n.className), N = {
+      ...e == null ? void 0 : e.style,
+      ...t == null ? void 0 : t.style,
+      ...n == null ? void 0 : n.style
+    }, m = {
+      ...e,
+      ...t,
+      ...n
+    };
+    return h.length > 0 && (m.className = h), Object.keys(N).length > 0 && (m.style = N), {
+      props: m,
+      internalRef: void 0
+    };
+  }
+  const E = R({
+    ...t,
+    ...n
+  }), v = l(n), H = l(t), f = c(E), y = g(f == null ? void 0 : f.className, e == null ? void 0 : e.className, i, t == null ? void 0 : t.className, n == null ? void 0 : n.className), a = {
+    ...f == null ? void 0 : f.style,
+    ...e == null ? void 0 : e.style,
+    ...t == null ? void 0 : t.style,
+    ...n == null ? void 0 : n.style
+  }, u = {
+    ...f,
+    ...e,
+    ...H,
+    ...v
+  };
+  return y.length > 0 && (u.className = y), Object.keys(a).length > 0 && (u.style = a), {
+    props: u,
+    internalRef: f.ref
+  };
+}
+function r(s, c, e) {
+  return typeof s == "function" ? s(c, e) : s;
+}
+function I() {
+  const s = T(C);
+  return process.env.NODE_ENV !== "production" && k.useDebugValue(s), s[O] || s;
+}
+export {
+  Z as a,
+  R as e,
+  _ as m,
+  r,
+  I as u
+};

package/dist/useTheme-BvsnROiB.cjs

@@ -0,0 +1 @@
+"use strict";const m=require("./identifier-B_IiMbpZ.cjs"),E=require("react"),H=require("./DefaultPropsProvider-eEVEiLDf.cjs"),D=require("./useTheme-vN32oV1t.cjs");function T(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const n=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(s,e,n.get?n:{enumerable:!0,get:()=>t[e]})}}return s.default=t,Object.freeze(s)}const b=T(E);function k(t){return typeof t=="string"}function C(t,s,e){return t===void 0||k(t)?s:{...s,ownerState:{...s.ownerState,...e}}}function h(t,s=[]){if(t===void 0)return{};const e={};return Object.keys(t).filter(n=>n.match(/^on[A-Z]/)&&typeof t[n]=="function"&&!s.includes(n)).forEach(n=>{e[n]=t[n]}),e}function o(t){if(t===void 0)return{};const s={};return Object.keys(t).filter(e=>!(e.match(/^on[A-Z]/)&&typeof t[e]=="function")).forEach(e=>{s[e]=t[e]}),s}function _(t){const{getSlotProps:s,additionalProps:e,externalSlotProps:n,externalForwardedProps:c,className:r}=t;if(!s){const a=m.clsx(e==null?void 0:e.className,r,c==null?void 0:c.className,n==null?void 0:n.className),g={...e==null?void 0:e.style,...c==null?void 0:c.style,...n==null?void 0:n.style},i={...e,...c,...n};return a.length>0&&(i.className=a),Object.keys(g).length>0&&(i.style=g),{props:i,internalRef:void 0}}const N=h({...c,...n}),O=o(n),v=o(c),u=s(N),l=m.clsx(u==null?void 0:u.className,e==null?void 0:e.className,r,c==null?void 0:c.className,n==null?void 0:n.className),y={...u==null?void 0:u.style,...e==null?void 0:e.style,...c==null?void 0:c.style,...n==null?void 0:n.style},f={...u,...e,...v,...O};return l.length>0&&(f.className=l),Object.keys(y).length>0&&(f.style=y),{props:f,internalRef:u.ref}}function j(t,s,e){return typeof t=="function"?t(s,e):t}function q(){const t=D.useTheme(H.defaultTheme);return process.env.NODE_ENV!=="production"&&b.useDebugValue(t),t[m.THEME_ID]||t}exports.appendOwnerState=C;exports.extractEventHandlers=h;exports.mergeSlotProps=_;exports.resolveComponentProps=j;exports.useTheme=q;

package/dist/{useTheme-CjBTq22m.js → useTheme-DhYab2-0.js}

@@ -1,14 +1,14 @@
-import * as n from "react";
-import { ThemeContext as o } from "@emotion/react";
-import { n as m } from "./identifier-D-ng7Qqa.js";
+import { M as n } from "./identifier-Bu3vgTzE.js";
+import * as o from "react";
+import { ThemeContext as m } from "@emotion/react";
 function r(e) {
   return Object.keys(e).length === 0;
 }
 function s(e = null) {
-  const t = n.useContext(o);
+  const t = o.useContext(m);
   return !t || r(t) ? e : t;
 }
-const u = m();
+const u = n();
 function f(e = u) {
   return s(e);
 }

package/dist/useTheme-vN32oV1t.cjs

@@ -0,0 +1 @@
+"use strict";const u=require("./identifier-B_IiMbpZ.cjs"),o=require("react"),s=require("@emotion/react");function i(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const a=i(o);function f(e){return Object.keys(e).length===0}function c(e=null){const t=a.useContext(s.ThemeContext);return!t||f(t)?e:t}const m=u.createTheme$1();function l(e=m){return c(e)}exports.useTheme=l;exports.useTheme$1=c;

package/dist/useThemeProps-5hp2m3Xl.cjs

@@ -0,0 +1 @@
+"use strict";const n=require("./DefaultPropsProvider-eEVEiLDf.cjs"),t=require("./identifier-B_IiMbpZ.cjs"),s=require("./useThemeProps-D_gKWuk1.cjs");function p(r,e,c,d,o){if(process.env.NODE_ENV==="production")return null;const u=o||e;return typeof r[e]<"u"?new Error(`The prop \`${u}\` is not supported. Please remove it.`):null}function i({props:r,name:e}){return s.useThemeProps({props:r,name:e,defaultTheme:n.defaultTheme,themeId:t.THEME_ID})}exports.unsupportedProp=p;exports.useThemeProps=i;

package/dist/{useThemeProps-BM4fCFq5.js → useThemeProps-Bmkt_XOR.js}

@@ -1,5 +1,5 @@
-import { r as n } from "./styled-xiAudcD_.js";
-import { u as p } from "./useTheme-CjBTq22m.js";
+import { r as n } from "./DefaultPropsProvider-7QnSWHxy.js";
+import { u as p } from "./useTheme-DhYab2-0.js";
 function m(t) {
   const {
     theme: e,

package/dist/useThemeProps-D_gKWuk1.cjs

@@ -0,0 +1 @@
+"use strict";const u=require("./DefaultPropsProvider-eEVEiLDf.cjs"),p=require("./useTheme-vN32oV1t.cjs");function n(t){const{theme:e,name:o,props:r}=t;return!e||!e.components||!e.components[o]||!e.components[o].defaultProps?r:u.resolveProps(e.components[o].defaultProps,r)}function m({props:t,name:e,defaultTheme:o,themeId:r}){let s=p.useTheme(o);return r&&(s=s[r]||s),n({theme:s,name:e,props:t})}exports.getThemeProps=n;exports.useThemeProps=m;

package/dist/useThemeProps-DftpgVZ0.js

@@ -0,0 +1,24 @@
+import { d as t } from "./DefaultPropsProvider-7QnSWHxy.js";
+import { T as u } from "./identifier-Bu3vgTzE.js";
+import { u as p } from "./useThemeProps-Bmkt_XOR.js";
+function l(o, e, s, m, r) {
+  if (process.env.NODE_ENV === "production")
+    return null;
+  const n = r || e;
+  return typeof o[e] < "u" ? new Error(`The prop \`${n}\` is not supported. Please remove it.`) : null;
+}
+function d({
+  props: o,
+  name: e
+}) {
+  return p({
+    props: o,
+    name: e,
+    defaultTheme: t,
+    themeId: u
+  });
+}
+export {
+  l as a,
+  d as u
+};

package/dist/useTimeout-Bx22KOcH.js

@@ -0,0 +1,53 @@
+var i = Object.defineProperty;
+var a = (e, t, r) => t in e ? i(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var u = (e, t, r) => a(e, typeof t != "symbol" ? t + "" : t, r);
+import * as n from "react";
+import { u as f } from "./refType-DvOnKTmB.js";
+function m(e) {
+  const t = n.useRef(e);
+  return f(() => {
+    t.current = e;
+  }), n.useRef((...r) => (
+    // @ts-expect-error hide `this`
+    (0, t.current)(...r)
+  )).current;
+}
+const s = {};
+function o(e, t) {
+  const r = n.useRef(s);
+  return r.current === s && (r.current = e(t)), r;
+}
+const l = [];
+function I(e) {
+  n.useEffect(e, l);
+}
+class c {
+  constructor() {
+    u(this, "currentId", null);
+    u(this, "clear", () => {
+      this.currentId !== null && (clearTimeout(this.currentId), this.currentId = null);
+    });
+    u(this, "disposeEffect", () => this.clear);
+  }
+  static create() {
+    return new c();
+  }
+  /**
+   * Executes `fn` after `delay`, clearing any previously scheduled call.
+   */
+  start(t, r) {
+    this.clear(), this.currentId = setTimeout(() => {
+      this.currentId = null, r();
+    }, t);
+  }
+}
+function E() {
+  const e = o(c.create).current;
+  return I(e.disposeEffect), e;
+}
+export {
+  c as T,
+  o as a,
+  E as b,
+  m as u
+};

package/dist/useTimeout-gEG15bRo.cjs

@@ -0,0 +1 @@
+"use strict";var f=Object.defineProperty;var a=(e,t,r)=>t in e?f(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;var n=(e,t,r)=>a(e,typeof t!="symbol"?t+"":t,r);const l=require("react"),d=require("./refType-DYRsy3ld.cjs");function m(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,s.get?s:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const u=m(l);function I(e){const t=u.useRef(e);return d.useEnhancedEffect(()=>{t.current=e}),u.useRef((...r)=>(0,t.current)(...r)).current}const i={};function o(e,t){const r=u.useRef(i);return r.current===i&&(r.current=e(t)),r}const p=[];function E(e){u.useEffect(e,p)}class c{constructor(){n(this,"currentId",null);n(this,"clear",()=>{this.currentId!==null&&(clearTimeout(this.currentId),this.currentId=null)});n(this,"disposeEffect",()=>this.clear)}static create(){return new c}start(t,r){this.clear(),this.currentId=setTimeout(()=>{this.currentId=null,r()},t)}}function T(){const e=o(c.create).current;return E(e.disposeEffect),e}exports.Timeout=c;exports.useEventCallback=I;exports.useLazyRef=o;exports.useTimeout=T;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cgi-learning-hub/ui",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "private": false,
   "author": "CGI Learning-hub Team",
   "description": "@cgi-learning-hub/ui is an open-source React component library that implements UI for HUB's features",
@@ -30,26 +30,23 @@
     "dist"
   ],
   "dependencies": {
-    "@emotion/react": "11.11.4",
-    "@emotion/styled": "11.11.5",
-    "@mui/icons-material": "5.16.4",
-    "@mui/lab": "5.0.0-alpha.172",
-    "@mui/x-date-pickers": "7.10.0",
-    "dayjs": "1.11.11",
-    "react-dropzone": "14.2.3"
+    "@mui/icons-material": "6.1.6",
+    "@mui/lab": "6.0.0-beta.14",
+    "@mui/x-date-pickers": "7.22.1",
+    "dayjs": "1.11.13",
+    "react-dropzone": "14.3.3"
   },
   "devDependencies": {
-    "@reduxjs/toolkit": "2.2.6",
-    "@types/react": "18.3.3",
-    "@types/react-dom": "18.3.0",
-    "autoprefixer": "10.4.19",
-    "postcss": "8.4.39",
-    "tailwindcss": "3.4.6"
+    "@reduxjs/toolkit": "2.3.0",
+    "@types/react": "18.3.12",
+    "@types/react-dom": "18.3.1"
   },
   "peerDependencies": {
-    "@mui/material": "^5.0.0",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
+    "@emotion/react": "^11",
+    "@emotion/styled": "^11",
+    "@mui/material": "^6",
+    "react": "^18",
+    "react-dom": "^18"
   },
   "scripts": {
     "dev": "vite",

package/dist/Box-5x1F2S3-.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("./identifier-4KVhx666.cjs"),T=require("react"),P=require("./useTheme-kqsjFBnC.cjs"),h=require("react/jsx-runtime");function b(o){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const s in o)if(s!=="default"){const r=Object.getOwnPropertyDescriptor(o,s);Object.defineProperty(t,s,r.get?r:{enumerable:!0,get:()=>o[s]})}}return t.default=o,Object.freeze(t)}const N=b(T),B=["className","component"];function g(o={}){const{themeId:t,defaultTheme:s,defaultClassName:r="MuiBox-root",generateClassName:a}=o,i=e.styled("div",{shouldForwardProp:n=>n!=="theme"&&n!=="sx"&&n!=="as"})(e.styleFunctionSx);return N.forwardRef(function(d,m){const c=P.useTheme(s),p=e.extendSxProp(d),{className:f,component:x="div"}=p,y=e._objectWithoutPropertiesLoose(p,B);return h.jsx(i,e._extends({as:x,ref:m,className:e.clsx(f,a?a(r):r),theme:t&&c[t]||c},y))})}const C=e.generateUtilityClasses("MuiBox",["root"]),u=C,O=e.createTheme(),l=g({themeId:e.THEME_ID,defaultTheme:O,defaultClassName:u.root,generateClassName:e.ClassNameGenerator.generate});process.env.NODE_ENV!=="production"&&(l.propTypes={children:e.PropTypes.node,component:e.PropTypes.elementType,sx:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.oneOfType([e.PropTypes.func,e.PropTypes.object,e.PropTypes.bool])),e.PropTypes.func,e.PropTypes.object])});const _=l;exports.Box=_;exports.boxClasses=u;

package/dist/Button-C__-QOJY.js

@@ -1,359 +0,0 @@
-import { w as D, v as F, q as r, m as t, y as v, _ as G, x as m, P as n } from "./identifier-D-ng7Qqa.js";
-import * as p from "react";
-import { s as f, a as U, r as H, u as q, c as A } from "./styled-xiAudcD_.js";
-import { jsx as R, jsxs as J } from "react/jsx-runtime";
-import { B as K } from "./ButtonBase-4F5roLHd.js";
-function Q(o) {
-  return D("MuiButton", o);
-}
-const X = F("MuiButton", ["root", "text", "textInherit", "textPrimary", "textSecondary", "textSuccess", "textError", "textInfo", "textWarning", "outlined", "outlinedInherit", "outlinedPrimary", "outlinedSecondary", "outlinedSuccess", "outlinedError", "outlinedInfo", "outlinedWarning", "contained", "containedInherit", "containedPrimary", "containedSecondary", "containedSuccess", "containedError", "containedInfo", "containedWarning", "disableElevation", "focusVisible", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorSuccess", "colorError", "colorInfo", "colorWarning", "textSizeSmall", "textSizeMedium", "textSizeLarge", "outlinedSizeSmall", "outlinedSizeMedium", "outlinedSizeLarge", "containedSizeSmall", "containedSizeMedium", "containedSizeLarge", "sizeMedium", "sizeSmall", "sizeLarge", "fullWidth", "startIcon", "endIcon", "icon", "iconSizeSmall", "iconSizeMedium", "iconSizeLarge"]), b = X, E = /* @__PURE__ */ p.createContext({});
-process.env.NODE_ENV !== "production" && (E.displayName = "ButtonGroupContext");
-const N = /* @__PURE__ */ p.createContext(void 0);
-process.env.NODE_ENV !== "production" && (N.displayName = "ButtonGroupButtonContext");
-const Y = ["children", "color", "component", "className", "disabled", "disableElevation", "disableFocusRipple", "endIcon", "focusVisibleClassName", "fullWidth", "size", "startIcon", "type", "variant"], Z = (o) => {
-  const {
-    color: a,
-    disableElevation: i,
-    fullWidth: l,
-    size: s,
-    variant: e,
-    classes: c
-  } = o, g = {
-    root: ["root", e, `${e}${r(a)}`, `size${r(s)}`, `${e}Size${r(s)}`, `color${r(a)}`, i && "disableElevation", l && "fullWidth"],
-    label: ["label"],
-    startIcon: ["icon", "startIcon", `iconSize${r(s)}`],
-    endIcon: ["icon", "endIcon", `iconSize${r(s)}`]
-  }, x = A(g, Q, c);
-  return t({}, c, x);
-}, h = (o) => t({}, o.size === "small" && {
-  "& > *:nth-of-type(1)": {
-    fontSize: 18
-  }
-}, o.size === "medium" && {
-  "& > *:nth-of-type(1)": {
-    fontSize: 20
-  }
-}, o.size === "large" && {
-  "& > *:nth-of-type(1)": {
-    fontSize: 22
-  }
-}), w = f(K, {
-  shouldForwardProp: (o) => U(o) || o === "classes",
-  name: "MuiButton",
-  slot: "Root",
-  overridesResolver: (o, a) => {
-    const {
-      ownerState: i
-    } = o;
-    return [a.root, a[i.variant], a[`${i.variant}${r(i.color)}`], a[`size${r(i.size)}`], a[`${i.variant}Size${r(i.size)}`], i.color === "inherit" && a.colorInherit, i.disableElevation && a.disableElevation, i.fullWidth && a.fullWidth];
-  }
-})(({
-  theme: o,
-  ownerState: a
-}) => {
-  var i, l;
-  const s = o.palette.mode === "light" ? o.palette.grey[300] : o.palette.grey[800], e = o.palette.mode === "light" ? o.palette.grey.A100 : o.palette.grey[700];
-  return t({}, o.typography.button, {
-    minWidth: 64,
-    padding: "6px 16px",
-    borderRadius: (o.vars || o).shape.borderRadius,
-    transition: o.transitions.create(["background-color", "box-shadow", "border-color", "color"], {
-      duration: o.transitions.duration.short
-    }),
-    "&:hover": t({
-      textDecoration: "none",
-      backgroundColor: o.vars ? `rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})` : v(o.palette.text.primary, o.palette.action.hoverOpacity),
-      // Reset on touch devices, it doesn't add specificity
-      "@media (hover: none)": {
-        backgroundColor: "transparent"
-      }
-    }, a.variant === "text" && a.color !== "inherit" && {
-      backgroundColor: o.vars ? `rgba(${o.vars.palette[a.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : v(o.palette[a.color].main, o.palette.action.hoverOpacity),
-      // Reset on touch devices, it doesn't add specificity
-      "@media (hover: none)": {
-        backgroundColor: "transparent"
-      }
-    }, a.variant === "outlined" && a.color !== "inherit" && {
-      border: `1px solid ${(o.vars || o).palette[a.color].main}`,
-      backgroundColor: o.vars ? `rgba(${o.vars.palette[a.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : v(o.palette[a.color].main, o.palette.action.hoverOpacity),
-      // Reset on touch devices, it doesn't add specificity
-      "@media (hover: none)": {
-        backgroundColor: "transparent"
-      }
-    }, a.variant === "contained" && {
-      backgroundColor: o.vars ? o.vars.palette.Button.inheritContainedHoverBg : e,
-      boxShadow: (o.vars || o).shadows[4],
-      // Reset on touch devices, it doesn't add specificity
-      "@media (hover: none)": {
-        boxShadow: (o.vars || o).shadows[2],
-        backgroundColor: (o.vars || o).palette.grey[300]
-      }
-    }, a.variant === "contained" && a.color !== "inherit" && {
-      backgroundColor: (o.vars || o).palette[a.color].dark,
-      // Reset on touch devices, it doesn't add specificity
-      "@media (hover: none)": {
-        backgroundColor: (o.vars || o).palette[a.color].main
-      }
-    }),
-    "&:active": t({}, a.variant === "contained" && {
-      boxShadow: (o.vars || o).shadows[8]
-    }),
-    [`&.${b.focusVisible}`]: t({}, a.variant === "contained" && {
-      boxShadow: (o.vars || o).shadows[6]
-    }),
-    [`&.${b.disabled}`]: t({
-      color: (o.vars || o).palette.action.disabled
-    }, a.variant === "outlined" && {
-      border: `1px solid ${(o.vars || o).palette.action.disabledBackground}`
-    }, a.variant === "contained" && {
-      color: (o.vars || o).palette.action.disabled,
-      boxShadow: (o.vars || o).shadows[0],
-      backgroundColor: (o.vars || o).palette.action.disabledBackground
-    })
-  }, a.variant === "text" && {
-    padding: "6px 8px"
-  }, a.variant === "text" && a.color !== "inherit" && {
-    color: (o.vars || o).palette[a.color].main
-  }, a.variant === "outlined" && {
-    padding: "5px 15px",
-    border: "1px solid currentColor"
-  }, a.variant === "outlined" && a.color !== "inherit" && {
-    color: (o.vars || o).palette[a.color].main,
-    border: o.vars ? `1px solid rgba(${o.vars.palette[a.color].mainChannel} / 0.5)` : `1px solid ${v(o.palette[a.color].main, 0.5)}`
-  }, a.variant === "contained" && {
-    color: o.vars ? (
-      // this is safe because grey does not change between default light/dark mode
-      o.vars.palette.text.primary
-    ) : (i = (l = o.palette).getContrastText) == null ? void 0 : i.call(l, o.palette.grey[300]),
-    backgroundColor: o.vars ? o.vars.palette.Button.inheritContainedBg : s,
-    boxShadow: (o.vars || o).shadows[2]
-  }, a.variant === "contained" && a.color !== "inherit" && {
-    color: (o.vars || o).palette[a.color].contrastText,
-    backgroundColor: (o.vars || o).palette[a.color].main
-  }, a.color === "inherit" && {
-    color: "inherit",
-    borderColor: "currentColor"
-  }, a.size === "small" && a.variant === "text" && {
-    padding: "4px 5px",
-    fontSize: o.typography.pxToRem(13)
-  }, a.size === "large" && a.variant === "text" && {
-    padding: "8px 11px",
-    fontSize: o.typography.pxToRem(15)
-  }, a.size === "small" && a.variant === "outlined" && {
-    padding: "3px 9px",
-    fontSize: o.typography.pxToRem(13)
-  }, a.size === "large" && a.variant === "outlined" && {
-    padding: "7px 21px",
-    fontSize: o.typography.pxToRem(15)
-  }, a.size === "small" && a.variant === "contained" && {
-    padding: "4px 10px",
-    fontSize: o.typography.pxToRem(13)
-  }, a.size === "large" && a.variant === "contained" && {
-    padding: "8px 22px",
-    fontSize: o.typography.pxToRem(15)
-  }, a.fullWidth && {
-    width: "100%"
-  });
-}, ({
-  ownerState: o
-}) => o.disableElevation && {
-  boxShadow: "none",
-  "&:hover": {
-    boxShadow: "none"
-  },
-  [`&.${b.focusVisible}`]: {
-    boxShadow: "none"
-  },
-  "&:active": {
-    boxShadow: "none"
-  },
-  [`&.${b.disabled}`]: {
-    boxShadow: "none"
-  }
-}), oo = f("span", {
-  name: "MuiButton",
-  slot: "StartIcon",
-  overridesResolver: (o, a) => {
-    const {
-      ownerState: i
-    } = o;
-    return [a.startIcon, a[`iconSize${r(i.size)}`]];
-  }
-})(({
-  ownerState: o
-}) => t({
-  display: "inherit",
-  marginRight: 8,
-  marginLeft: -4
-}, o.size === "small" && {
-  marginLeft: -2
-}, h(o))), ao = f("span", {
-  name: "MuiButton",
-  slot: "EndIcon",
-  overridesResolver: (o, a) => {
-    const {
-      ownerState: i
-    } = o;
-    return [a.endIcon, a[`iconSize${r(i.size)}`]];
-  }
-})(({
-  ownerState: o
-}) => t({
-  display: "inherit",
-  marginRight: -4,
-  marginLeft: 8
-}, o.size === "small" && {
-  marginRight: -2
-}, h(o))), O = /* @__PURE__ */ p.forwardRef(function(a, i) {
-  const l = p.useContext(E), s = p.useContext(N), e = H(l, a), c = q({
-    props: e,
-    name: "MuiButton"
-  }), {
-    children: g,
-    color: x = "primary",
-    component: y = "button",
-    className: k,
-    disabled: z = !1,
-    disableElevation: T = !1,
-    disableFocusRipple: C = !1,
-    endIcon: I,
-    focusVisibleClassName: P,
-    fullWidth: W = !1,
-    size: S = "medium",
-    startIcon: $,
-    type: B,
-    variant: M = "text"
-  } = c, V = G(c, Y), u = t({}, c, {
-    color: x,
-    component: y,
-    disabled: z,
-    disableElevation: T,
-    disableFocusRipple: C,
-    fullWidth: W,
-    size: S,
-    type: B,
-    variant: M
-  }), d = Z(u), _ = $ && /* @__PURE__ */ R(oo, {
-    className: d.startIcon,
-    ownerState: u,
-    children: $
-  }), L = I && /* @__PURE__ */ R(ao, {
-    className: d.endIcon,
-    ownerState: u,
-    children: I
-  }), j = s || "";
-  return /* @__PURE__ */ J(w, t({
-    ownerState: u,
-    className: m(l.className, d.root, k, j),
-    component: y,
-    disabled: z,
-    focusRipple: !C,
-    focusVisibleClassName: m(d.focusVisible, P),
-    ref: i,
-    type: B
-  }, V, {
-    classes: d,
-    children: [_, g, L]
-  }));
-});
-process.env.NODE_ENV !== "production" && (O.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The content of the component.
-   */
-  children: n.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: n.object,
-  /**
-   * @ignore
-   */
-  className: n.string,
-  /**
-   * The color of the component.
-   * It supports both default and custom theme colors, which can be added as shown in the
-   * [palette customization guide](https://mui.com/material-ui/customization/palette/#custom-colors).
-   * @default 'primary'
-   */
-  color: n.oneOfType([n.oneOf(["inherit", "primary", "secondary", "success", "error", "info", "warning"]), n.string]),
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: n.elementType,
-  /**
-   * If `true`, the component is disabled.
-   * @default false
-   */
-  disabled: n.bool,
-  /**
-   * If `true`, no elevation is used.
-   * @default false
-   */
-  disableElevation: n.bool,
-  /**
-   * If `true`, the  keyboard focus ripple is disabled.
-   * @default false
-   */
-  disableFocusRipple: n.bool,
-  /**
-   * If `true`, the ripple effect is disabled.
-   *
-   * ⚠️ Without a ripple there is no styling for :focus-visible by default. Be sure
-   * to highlight the element by applying separate styles with the `.Mui-focusVisible` class.
-   * @default false
-   */
-  disableRipple: n.bool,
-  /**
-   * Element placed after the children.
-   */
-  endIcon: n.node,
-  /**
-   * @ignore
-   */
-  focusVisibleClassName: n.string,
-  /**
-   * If `true`, the button will take up the full width of its container.
-   * @default false
-   */
-  fullWidth: n.bool,
-  /**
-   * The URL to link to when the button is clicked.
-   * If defined, an `a` element will be used as the root node.
-   */
-  href: n.string,
-  /**
-   * The size of the component.
-   * `small` is equivalent to the dense button styling.
-   * @default 'medium'
-   */
-  size: n.oneOfType([n.oneOf(["small", "medium", "large"]), n.string]),
-  /**
-   * Element placed before the children.
-   */
-  startIcon: n.node,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: n.oneOfType([n.arrayOf(n.oneOfType([n.func, n.object, n.bool])), n.func, n.object]),
-  /**
-   * @ignore
-   */
-  type: n.oneOfType([n.oneOf(["button", "reset", "submit"]), n.string]),
-  /**
-   * The variant to use.
-   * @default 'text'
-   */
-  variant: n.oneOfType([n.oneOf(["contained", "outlined", "text"]), n.string])
-});
-const so = O;
-export {
-  so as B,
-  E as a,
-  b,
-  Q as g
-};

package/dist/Button-DKIRmOzf.cjs

@@ -1 +0,0 @@
-"use strict";const a=require("./identifier-4KVhx666.cjs"),j=require("react"),s=require("./styled-ZF_yhfMW.cjs"),b=require("react/jsx-runtime"),V=require("./ButtonBase-Bw3wq81v.cjs");function L(o){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const i in o)if(i!=="default"){const t=Object.getOwnPropertyDescriptor(o,i);Object.defineProperty(n,i,t.get?t:{enumerable:!0,get:()=>o[i]})}}return n.default=o,Object.freeze(n)}const d=L(j);function $(o){return a.generateUtilityClass("MuiButton",o)}const D=a.generateUtilityClasses("MuiButton",["root","text","textInherit","textPrimary","textSecondary","textSuccess","textError","textInfo","textWarning","outlined","outlinedInherit","outlinedPrimary","outlinedSecondary","outlinedSuccess","outlinedError","outlinedInfo","outlinedWarning","contained","containedInherit","containedPrimary","containedSecondary","containedSuccess","containedError","containedInfo","containedWarning","disableElevation","focusVisible","disabled","colorInherit","colorPrimary","colorSecondary","colorSuccess","colorError","colorInfo","colorWarning","textSizeSmall","textSizeMedium","textSizeLarge","outlinedSizeSmall","outlinedSizeMedium","outlinedSizeLarge","containedSizeSmall","containedSizeMedium","containedSizeLarge","sizeMedium","sizeSmall","sizeLarge","fullWidth","startIcon","endIcon","icon","iconSizeSmall","iconSizeMedium","iconSizeLarge"]),p=D,x=d.createContext({});process.env.NODE_ENV!=="production"&&(x.displayName="ButtonGroupContext");const B=d.createContext(void 0);process.env.NODE_ENV!=="production"&&(B.displayName="ButtonGroupButtonContext");const q=["children","color","component","className","disabled","disableElevation","disableFocusRipple","endIcon","focusVisibleClassName","fullWidth","size","startIcon","type","variant"],G=o=>{const{color:n,disableElevation:i,fullWidth:t,size:r,variant:e,classes:l}=o,v={root:["root",e,`${e}${a.capitalize(n)}`,`size${a.capitalize(r)}`,`${e}Size${a.capitalize(r)}`,`color${a.capitalize(n)}`,i&&"disableElevation",t&&"fullWidth"],label:["label"],startIcon:["icon","startIcon",`iconSize${a.capitalize(r)}`],endIcon:["icon","endIcon",`iconSize${a.capitalize(r)}`]},y=s.composeClasses(v,$,l);return a._extends({},l,y)},I=o=>a._extends({},o.size==="small"&&{"& > *:nth-of-type(1)":{fontSize:18}},o.size==="medium"&&{"& > *:nth-of-type(1)":{fontSize:20}},o.size==="large"&&{"& > *:nth-of-type(1)":{fontSize:22}}),F=s.styled(V.ButtonBase,{shouldForwardProp:o=>s.rootShouldForwardProp(o)||o==="classes",name:"MuiButton",slot:"Root",overridesResolver:(o,n)=>{const{ownerState:i}=o;return[n.root,n[i.variant],n[`${i.variant}${a.capitalize(i.color)}`],n[`size${a.capitalize(i.size)}`],n[`${i.variant}Size${a.capitalize(i.size)}`],i.color==="inherit"&&n.colorInherit,i.disableElevation&&n.disableElevation,i.fullWidth&&n.fullWidth]}})(({theme:o,ownerState:n})=>{var i,t;const r=o.palette.mode==="light"?o.palette.grey[300]:o.palette.grey[800],e=o.palette.mode==="light"?o.palette.grey.A100:o.palette.grey[700];return a._extends({},o.typography.button,{minWidth:64,padding:"6px 16px",borderRadius:(o.vars||o).shape.borderRadius,transition:o.transitions.create(["background-color","box-shadow","border-color","color"],{duration:o.transitions.duration.short}),"&:hover":a._extends({textDecoration:"none",backgroundColor:o.vars?`rgba(${o.vars.palette.text.primaryChannel} / ${o.vars.palette.action.hoverOpacity})`:a.alpha_1(o.palette.text.primary,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},n.variant==="text"&&n.color!=="inherit"&&{backgroundColor:o.vars?`rgba(${o.vars.palette[n.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:a.alpha_1(o.palette[n.color].main,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},n.variant==="outlined"&&n.color!=="inherit"&&{border:`1px solid ${(o.vars||o).palette[n.color].main}`,backgroundColor:o.vars?`rgba(${o.vars.palette[n.color].mainChannel} / ${o.vars.palette.action.hoverOpacity})`:a.alpha_1(o.palette[n.color].main,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}},n.variant==="contained"&&{backgroundColor:o.vars?o.vars.palette.Button.inheritContainedHoverBg:e,boxShadow:(o.vars||o).shadows[4],"@media (hover: none)":{boxShadow:(o.vars||o).shadows[2],backgroundColor:(o.vars||o).palette.grey[300]}},n.variant==="contained"&&n.color!=="inherit"&&{backgroundColor:(o.vars||o).palette[n.color].dark,"@media (hover: none)":{backgroundColor:(o.vars||o).palette[n.color].main}}),"&:active":a._extends({},n.variant==="contained"&&{boxShadow:(o.vars||o).shadows[8]}),[`&.${p.focusVisible}`]:a._extends({},n.variant==="contained"&&{boxShadow:(o.vars||o).shadows[6]}),[`&.${p.disabled}`]:a._extends({color:(o.vars||o).palette.action.disabled},n.variant==="outlined"&&{border:`1px solid ${(o.vars||o).palette.action.disabledBackground}`},n.variant==="contained"&&{color:(o.vars||o).palette.action.disabled,boxShadow:(o.vars||o).shadows[0],backgroundColor:(o.vars||o).palette.action.disabledBackground})},n.variant==="text"&&{padding:"6px 8px"},n.variant==="text"&&n.color!=="inherit"&&{color:(o.vars||o).palette[n.color].main},n.variant==="outlined"&&{padding:"5px 15px",border:"1px solid currentColor"},n.variant==="outlined"&&n.color!=="inherit"&&{color:(o.vars||o).palette[n.color].main,border:o.vars?`1px solid rgba(${o.vars.palette[n.color].mainChannel} / 0.5)`:`1px solid ${a.alpha_1(o.palette[n.color].main,.5)}`},n.variant==="contained"&&{color:o.vars?o.vars.palette.text.primary:(i=(t=o.palette).getContrastText)==null?void 0:i.call(t,o.palette.grey[300]),backgroundColor:o.vars?o.vars.palette.Button.inheritContainedBg:r,boxShadow:(o.vars||o).shadows[2]},n.variant==="contained"&&n.color!=="inherit"&&{color:(o.vars||o).palette[n.color].contrastText,backgroundColor:(o.vars||o).palette[n.color].main},n.color==="inherit"&&{color:"inherit",borderColor:"currentColor"},n.size==="small"&&n.variant==="text"&&{padding:"4px 5px",fontSize:o.typography.pxToRem(13)},n.size==="large"&&n.variant==="text"&&{padding:"8px 11px",fontSize:o.typography.pxToRem(15)},n.size==="small"&&n.variant==="outlined"&&{padding:"3px 9px",fontSize:o.typography.pxToRem(13)},n.size==="large"&&n.variant==="outlined"&&{padding:"7px 21px",fontSize:o.typography.pxToRem(15)},n.size==="small"&&n.variant==="contained"&&{padding:"4px 10px",fontSize:o.typography.pxToRem(13)},n.size==="large"&&n.variant==="contained"&&{padding:"8px 22px",fontSize:o.typography.pxToRem(15)},n.fullWidth&&{width:"100%"})},({ownerState:o})=>o.disableElevation&&{boxShadow:"none","&:hover":{boxShadow:"none"},[`&.${p.focusVisible}`]:{boxShadow:"none"},"&:active":{boxShadow:"none"},[`&.${p.disabled}`]:{boxShadow:"none"}}),U=s.styled("span",{name:"MuiButton",slot:"StartIcon",overridesResolver:(o,n)=>{const{ownerState:i}=o;return[n.startIcon,n[`iconSize${a.capitalize(i.size)}`]]}})(({ownerState:o})=>a._extends({display:"inherit",marginRight:8,marginLeft:-4},o.size==="small"&&{marginLeft:-2},I(o))),H=s.styled("span",{name:"MuiButton",slot:"EndIcon",overridesResolver:(o,n)=>{const{ownerState:i}=o;return[n.endIcon,n[`iconSize${a.capitalize(i.size)}`]]}})(({ownerState:o})=>a._extends({display:"inherit",marginRight:-4,marginLeft:8},o.size==="small"&&{marginRight:-2},I(o))),O=d.forwardRef(function(n,i){const t=d.useContext(x),r=d.useContext(B),e=s.resolveProps(t,n),l=s.useDefaultProps({props:e,name:"MuiButton"}),{children:v,color:y="primary",component:g="button",className:_,disabled:f=!1,disableElevation:R=!1,disableFocusRipple:z=!1,endIcon:C,focusVisibleClassName:h,fullWidth:N=!1,size:E="medium",startIcon:T,type:P,variant:k="text"}=l,m=a._objectWithoutPropertiesLoose(l,q),u=a._extends({},l,{color:y,component:g,disabled:f,disableElevation:R,disableFocusRipple:z,fullWidth:N,size:E,type:P,variant:k}),c=G(u),W=T&&b.jsx(U,{className:c.startIcon,ownerState:u,children:T}),S=C&&b.jsx(H,{className:c.endIcon,ownerState:u,children:C}),M=r||"";return b.jsxs(F,a._extends({ownerState:u,className:a.clsx(t.className,c.root,_,M),component:g,disabled:f,focusRipple:!z,focusVisibleClassName:a.clsx(c.focusVisible,h),ref:i,type:P},m,{classes:c,children:[W,v,S]}))});process.env.NODE_ENV!=="production"&&(O.propTypes={children:a.PropTypes.node,classes:a.PropTypes.object,className:a.PropTypes.string,color:a.PropTypes.oneOfType([a.PropTypes.oneOf(["inherit","primary","secondary","success","error","info","warning"]),a.PropTypes.string]),component:a.PropTypes.elementType,disabled:a.PropTypes.bool,disableElevation:a.PropTypes.bool,disableFocusRipple:a.PropTypes.bool,disableRipple:a.PropTypes.bool,endIcon:a.PropTypes.node,focusVisibleClassName:a.PropTypes.string,fullWidth:a.PropTypes.bool,href:a.PropTypes.string,size:a.PropTypes.oneOfType([a.PropTypes.oneOf(["small","medium","large"]),a.PropTypes.string]),startIcon:a.PropTypes.node,sx:a.PropTypes.oneOfType([a.PropTypes.arrayOf(a.PropTypes.oneOfType([a.PropTypes.func,a.PropTypes.object,a.PropTypes.bool])),a.PropTypes.func,a.PropTypes.object]),type:a.PropTypes.oneOfType([a.PropTypes.oneOf(["button","reset","submit"]),a.PropTypes.string]),variant:a.PropTypes.oneOfType([a.PropTypes.oneOf(["contained","outlined","text"]),a.PropTypes.string])});const A=O;exports.Button=A;exports.ButtonGroupContext=x;exports.buttonClasses=p;exports.getButtonUtilityClass=$;