@cgi-learning-hub/ui 0.0.1-dev.1708959744 → 0.0.1-dev.1708974808

package/dist/components/buttons/DefaultButton/DefaultButton.es.js

@@ -1,142 +1,349 @@
-import { jsx as g, jsxs as y } from "react/jsx-runtime";
-import * as C from "react";
-import B from "./DefaultButtonIcon.es.js";
-import { g as R, c as j, s as f, a as l, e as c, l as M, f as O, _ as W, P as t, j as U } from "../../../useThemeProps-kb_vU-1P.js";
-import { B as _, a as z } from "../../../Button-CmBnwwn3.js";
-import { u as D } from "../../../useId-BW-oWmul.js";
-import { c as F } from "../../../refType-CMQbzE37.js";
-import { C as N } from "../../../CircularProgress-DRE9BLTL.js";
-import { u as k } from "../../../useTheme-BSwuVDD3.js";
-function G(n) {
-  return j("MuiLoadingButton", n);
+import { jsx as f, jsxs as S } from "react/jsx-runtime";
+import * as B from "react";
+import T from "./DefaultButtonIcon.es.js";
+import { b as D, g as _, s as I, f as g, a as e, u as j, _ as N, h as V, P as n, e as U, v as K } from "../../../useThemeProps-B6yTTpAe.js";
+import { B as H, a as Y } from "../../../Button-X7eWZQfX.js";
+import { u as Z } from "../../../useId-BW-oWmul.js";
+import { c as W } from "../../../useForkRef-CLcOhrzI.js";
+import { keyframes as z, css as w } from "@emotion/react";
+import { u as q } from "../../../useTheme-BWRyHzdn.js";
+function A(o) {
+  return D("MuiCircularProgress", o);
 }
-const H = R("MuiLoadingButton", ["root", "loading", "loadingIndicator", "loadingIndicatorCenter", "loadingIndicatorStart", "loadingIndicatorEnd", "endIconLoadingEnd", "startIconLoadingStart"]), a = H, V = ["children", "disabled", "id", "loading", "loadingIndicator", "loadingPosition", "variant"], q = (n) => {
+_("MuiCircularProgress", ["root", "determinate", "indeterminate", "colorPrimary", "colorSecondary", "svg", "circle", "circleDeterminate", "circleIndeterminate", "circleDisableShrink"]);
+const J = ["className", "color", "disableShrink", "size", "style", "thickness", "value", "variant"];
+let k = (o) => o, E, M, R, O;
+const u = 44, Q = z(E || (E = k`
+  0% {
+    transform: rotate(0deg);
+  }
+
+  100% {
+    transform: rotate(360deg);
+  }
+`)), X = z(M || (M = k`
+  0% {
+    stroke-dasharray: 1px, 200px;
+    stroke-dashoffset: 0;
+  }
+
+  50% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -15px;
+  }
+
+  100% {
+    stroke-dasharray: 100px, 200px;
+    stroke-dashoffset: -125px;
+  }
+`)), oo = (o) => {
+  const {
+    classes: t,
+    variant: r,
+    color: i,
+    disableShrink: a
+  } = o, s = {
+    root: ["root", r, `color${g(i)}`],
+    svg: ["svg"],
+    circle: ["circle", `circle${g(r)}`, a && "circleDisableShrink"]
+  };
+  return U(s, A, t);
+}, to = I("span", {
+  name: "MuiCircularProgress",
+  slot: "Root",
+  overridesResolver: (o, t) => {
+    const {
+      ownerState: r
+    } = o;
+    return [t.root, t[r.variant], t[`color${g(r.color)}`]];
+  }
+})(({
+  ownerState: o,
+  theme: t
+}) => e({
+  display: "inline-block"
+}, o.variant === "determinate" && {
+  transition: t.transitions.create("transform")
+}, o.color !== "inherit" && {
+  color: (t.vars || t).palette[o.color].main
+}), ({
+  ownerState: o
+}) => o.variant === "indeterminate" && w(R || (R = k`
+      animation: ${0} 1.4s linear infinite;
+    `), Q)), no = I("svg", {
+  name: "MuiCircularProgress",
+  slot: "Svg",
+  overridesResolver: (o, t) => t.svg
+})({
+  display: "block"
+  // Keeps the progress centered
+}), ro = I("circle", {
+  name: "MuiCircularProgress",
+  slot: "Circle",
+  overridesResolver: (o, t) => {
+    const {
+      ownerState: r
+    } = o;
+    return [t.circle, t[`circle${g(r.variant)}`], r.disableShrink && t.circleDisableShrink];
+  }
+})(({
+  ownerState: o,
+  theme: t
+}) => e({
+  stroke: "currentColor"
+}, o.variant === "determinate" && {
+  transition: t.transitions.create("stroke-dashoffset")
+}, o.variant === "indeterminate" && {
+  // Some default value that looks fine waiting for the animation to kicks in.
+  strokeDasharray: "80px, 200px",
+  strokeDashoffset: 0
+  // Add the unit to fix a Edge 16 and below bug.
+}), ({
+  ownerState: o
+}) => o.variant === "indeterminate" && !o.disableShrink && w(O || (O = k`
+      animation: ${0} 1.4s ease-in-out infinite;
+    `), X)), F = /* @__PURE__ */ B.forwardRef(function(t, r) {
+  const i = j({
+    props: t,
+    name: "MuiCircularProgress"
+  }), {
+    className: a,
+    color: s = "primary",
+    disableShrink: C = !1,
+    size: h = 40,
+    style: $,
+    thickness: l = 3.6,
+    value: p = 0,
+    variant: x = "indeterminate"
+  } = i, L = N(i, J), m = e({}, i, {
+    color: s,
+    disableShrink: C,
+    size: h,
+    thickness: l,
+    value: p,
+    variant: x
+  }), v = oo(m), b = {}, c = {}, P = {};
+  if (x === "determinate") {
+    const y = 2 * Math.PI * ((u - l) / 2);
+    b.strokeDasharray = y.toFixed(3), P["aria-valuenow"] = Math.round(p), b.strokeDashoffset = `${((100 - p) / 100 * y).toFixed(3)}px`, c.transform = "rotate(-90deg)";
+  }
+  return /* @__PURE__ */ f(to, e({
+    className: V(v.root, a),
+    style: e({
+      width: h,
+      height: h
+    }, c, $),
+    ownerState: m,
+    ref: r,
+    role: "progressbar"
+  }, P, L, {
+    children: /* @__PURE__ */ f(no, {
+      className: v.svg,
+      ownerState: m,
+      viewBox: `${u / 2} ${u / 2} ${u} ${u}`,
+      children: /* @__PURE__ */ f(ro, {
+        className: v.circle,
+        style: b,
+        ownerState: m,
+        cx: u,
+        cy: u,
+        r: (u - l) / 2,
+        fill: "none",
+        strokeWidth: l
+      })
+    })
+  }));
+});
+process.env.NODE_ENV !== "production" && (F.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * 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", "error", "info", "success", "warning"]), n.string]),
+  /**
+   * If `true`, the shrink animation is disabled.
+   * This only works if variant is `indeterminate`.
+   * @default false
+   */
+  disableShrink: W(n.bool, (o) => o.disableShrink && o.variant && o.variant !== "indeterminate" ? new Error("MUI: You have provided the `disableShrink` prop with a variant other than `indeterminate`. This will have no effect.") : null),
+  /**
+   * The size of the component.
+   * If using a number, the pixel unit is assumed.
+   * If using a string, you need to provide the CSS unit, e.g. '3rem'.
+   * @default 40
+   */
+  size: n.oneOfType([n.number, n.string]),
+  /**
+   * @ignore
+   */
+  style: n.object,
+  /**
+   * 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]),
+  /**
+   * The thickness of the circle.
+   * @default 3.6
+   */
+  thickness: n.number,
+  /**
+   * The value of the progress indicator for the determinate variant.
+   * Value between 0 and 100.
+   * @default 0
+   */
+  value: n.number,
+  /**
+   * The variant to use.
+   * Use indeterminate when there is no progress value.
+   * @default 'indeterminate'
+   */
+  variant: n.oneOf(["determinate", "indeterminate"])
+});
+const io = F;
+function ao(o) {
+  return D("MuiLoadingButton", o);
+}
+const eo = _("MuiLoadingButton", ["root", "loading", "loadingIndicator", "loadingIndicatorCenter", "loadingIndicatorStart", "loadingIndicatorEnd", "endIconLoadingEnd", "startIconLoadingStart"]), d = eo, so = ["children", "disabled", "id", "loading", "loadingIndicator", "loadingPosition", "variant"], lo = (o) => {
   const {
-    loading: o,
-    loadingPosition: i,
-    classes: r
-  } = n, s = {
-    root: ["root", o && "loading"],
-    startIcon: [o && `startIconLoading${c(i)}`],
-    endIcon: [o && `endIconLoading${c(i)}`],
-    loadingIndicator: ["loadingIndicator", o && `loadingIndicator${c(i)}`]
-  }, d = U(s, G, r);
-  return l({}, r, d);
-}, A = (n) => n !== "ownerState" && n !== "theme" && n !== "sx" && n !== "as" && n !== "classes", J = f(_, {
-  shouldForwardProp: (n) => A(n) || n === "classes",
+    loading: t,
+    loadingPosition: r,
+    classes: i
+  } = o, a = {
+    root: ["root", t && "loading"],
+    startIcon: [t && `startIconLoading${g(r)}`],
+    endIcon: [t && `endIconLoading${g(r)}`],
+    loadingIndicator: ["loadingIndicator", t && `loadingIndicator${g(r)}`]
+  }, s = U(a, ao, i);
+  return e({}, i, s);
+}, co = (o) => o !== "ownerState" && o !== "theme" && o !== "sx" && o !== "as" && o !== "classes", uo = I(H, {
+  shouldForwardProp: (o) => co(o) || o === "classes",
   name: "MuiLoadingButton",
   slot: "Root",
-  overridesResolver: (n, o) => [o.root, o.startIconLoadingStart && {
-    [`& .${a.startIconLoadingStart}`]: o.startIconLoadingStart
-  }, o.endIconLoadingEnd && {
-    [`& .${a.endIconLoadingEnd}`]: o.endIconLoadingEnd
+  overridesResolver: (o, t) => [t.root, t.startIconLoadingStart && {
+    [`& .${d.startIconLoadingStart}`]: t.startIconLoadingStart
+  }, t.endIconLoadingEnd && {
+    [`& .${d.endIconLoadingEnd}`]: t.endIconLoadingEnd
   }]
 })(({
-  ownerState: n,
-  theme: o
-}) => l({
-  [`& .${a.startIconLoadingStart}, & .${a.endIconLoadingEnd}`]: {
-    transition: o.transitions.create(["opacity"], {
-      duration: o.transitions.duration.short
+  ownerState: o,
+  theme: t
+}) => e({
+  [`& .${d.startIconLoadingStart}, & .${d.endIconLoadingEnd}`]: {
+    transition: t.transitions.create(["opacity"], {
+      duration: t.transitions.duration.short
     }),
     opacity: 0
   }
-}, n.loadingPosition === "center" && {
-  transition: o.transitions.create(["background-color", "box-shadow", "border-color"], {
-    duration: o.transitions.duration.short
+}, o.loadingPosition === "center" && {
+  transition: t.transitions.create(["background-color", "box-shadow", "border-color"], {
+    duration: t.transitions.duration.short
   }),
-  [`&.${a.loading}`]: {
+  [`&.${d.loading}`]: {
     color: "transparent"
   }
-}, n.loadingPosition === "start" && n.fullWidth && {
-  [`& .${a.startIconLoadingStart}, & .${a.endIconLoadingEnd}`]: {
-    transition: o.transitions.create(["opacity"], {
-      duration: o.transitions.duration.short
+}, o.loadingPosition === "start" && o.fullWidth && {
+  [`& .${d.startIconLoadingStart}, & .${d.endIconLoadingEnd}`]: {
+    transition: t.transitions.create(["opacity"], {
+      duration: t.transitions.duration.short
     }),
     opacity: 0,
     marginRight: -8
   }
-}, n.loadingPosition === "end" && n.fullWidth && {
-  [`& .${a.startIconLoadingStart}, & .${a.endIconLoadingEnd}`]: {
-    transition: o.transitions.create(["opacity"], {
-      duration: o.transitions.duration.short
+}, o.loadingPosition === "end" && o.fullWidth && {
+  [`& .${d.startIconLoadingStart}, & .${d.endIconLoadingEnd}`]: {
+    transition: t.transitions.create(["opacity"], {
+      duration: t.transitions.duration.short
     }),
     opacity: 0,
     marginLeft: -8
   }
-})), K = f("span", {
+})), go = I("span", {
   name: "MuiLoadingButton",
   slot: "LoadingIndicator",
-  overridesResolver: (n, o) => {
+  overridesResolver: (o, t) => {
     const {
-      ownerState: i
-    } = n;
-    return [o.loadingIndicator, o[`loadingIndicator${c(i.loadingPosition)}`]];
+      ownerState: r
+    } = o;
+    return [t.loadingIndicator, t[`loadingIndicator${g(r.loadingPosition)}`]];
   }
 })(({
-  theme: n,
-  ownerState: o
-}) => l({
+  theme: o,
+  ownerState: t
+}) => e({
   position: "absolute",
   visibility: "visible",
   display: "flex"
-}, o.loadingPosition === "start" && (o.variant === "outlined" || o.variant === "contained") && {
-  left: o.size === "small" ? 10 : 14
-}, o.loadingPosition === "start" && o.variant === "text" && {
+}, t.loadingPosition === "start" && (t.variant === "outlined" || t.variant === "contained") && {
+  left: t.size === "small" ? 10 : 14
+}, t.loadingPosition === "start" && t.variant === "text" && {
   left: 6
-}, o.loadingPosition === "center" && {
+}, t.loadingPosition === "center" && {
   left: "50%",
   transform: "translate(-50%)",
-  color: (n.vars || n).palette.action.disabled
-}, o.loadingPosition === "end" && (o.variant === "outlined" || o.variant === "contained") && {
-  right: o.size === "small" ? 10 : 14
-}, o.loadingPosition === "end" && o.variant === "text" && {
+  color: (o.vars || o).palette.action.disabled
+}, t.loadingPosition === "end" && (t.variant === "outlined" || t.variant === "contained") && {
+  right: t.size === "small" ? 10 : 14
+}, t.loadingPosition === "end" && t.variant === "text" && {
   right: 6
-}, o.loadingPosition === "start" && o.fullWidth && {
+}, t.loadingPosition === "start" && t.fullWidth && {
   position: "relative",
   left: -10
-}, o.loadingPosition === "end" && o.fullWidth && {
+}, t.loadingPosition === "end" && t.fullWidth && {
   position: "relative",
   right: -10
-})), x = /* @__PURE__ */ C.forwardRef(function(o, i) {
-  const r = C.useContext(z), s = M(r, o), d = O({
-    props: s,
+})), G = /* @__PURE__ */ B.forwardRef(function(t, r) {
+  const i = B.useContext(Y), a = K(i, t), s = j({
+    props: a,
     name: "MuiLoadingButton"
   }), {
-    children: I,
-    disabled: p = !1,
+    children: C,
+    disabled: h = !1,
     id: $,
-    loading: u = !1,
-    loadingIndicator: h,
-    loadingPosition: E = "center",
-    variant: m = "text"
-  } = d, T = W(d, V), L = D($), P = h ?? /* @__PURE__ */ g(N, {
-    "aria-labelledby": L,
+    loading: l = !1,
+    loadingIndicator: p,
+    loadingPosition: x = "center",
+    variant: L = "text"
+  } = s, m = N(s, so), v = Z($), b = p ?? /* @__PURE__ */ f(io, {
+    "aria-labelledby": v,
     color: "inherit",
     size: 16
-  }), e = l({}, d, {
-    disabled: p,
-    loading: u,
-    loadingIndicator: P,
-    loadingPosition: E,
-    variant: m
-  }), b = q(e), v = u ? /* @__PURE__ */ g(K, {
-    className: b.loadingIndicator,
-    ownerState: e,
-    children: P
+  }), c = e({}, s, {
+    disabled: h,
+    loading: l,
+    loadingIndicator: b,
+    loadingPosition: x,
+    variant: L
+  }), P = lo(c), y = l ? /* @__PURE__ */ f(go, {
+    className: P.loadingIndicator,
+    ownerState: c,
+    children: b
   }) : null;
-  return /* @__PURE__ */ y(J, l({
-    disabled: p || u,
-    id: L,
-    ref: i
-  }, T, {
-    variant: m,
-    classes: b,
-    ownerState: e,
-    children: [e.loadingPosition === "end" ? I : v, e.loadingPosition === "end" ? v : I]
+  return /* @__PURE__ */ S(uo, e({
+    disabled: h || l,
+    id: v,
+    ref: r
+  }, m, {
+    variant: L,
+    classes: P,
+    ownerState: c,
+    children: [c.loadingPosition === "end" ? C : y, c.loadingPosition === "end" ? y : C]
   }));
 });
-process.env.NODE_ENV !== "production" && (x.propTypes = {
+process.env.NODE_ENV !== "production" && (G.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -144,50 +351,50 @@ process.env.NODE_ENV !== "production" && (x.propTypes = {
   /**
    * The content of the component.
    */
-  children: t.node,
+  children: n.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: t.object,
+  classes: n.object,
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled: t.bool,
+  disabled: n.bool,
   /**
    * @ignore
    */
-  id: t.string,
+  id: n.string,
   /**
    * If `true`, the loading indicator is shown and the button becomes disabled.
    * @default false
    */
-  loading: t.bool,
+  loading: n.bool,
   /**
    * Element placed before the children if the button is in loading state.
    * The node should contain an element with `role="progressbar"` with an accessible name.
    * By default we render a `CircularProgress` that is labelled by the button itself.
    * @default <CircularProgress color="inherit" size={16} />
    */
-  loadingIndicator: t.node,
+  loadingIndicator: n.node,
   /**
    * The loading indicator can be positioned on the start, end, or the center of the button.
    * @default 'center'
    */
-  loadingPosition: F(t.oneOf(["start", "end", "center"]), (n) => n.loadingPosition === "start" && !n.startIcon ? new Error('MUI: The loadingPosition="start" should be used in combination with startIcon.') : n.loadingPosition === "end" && !n.endIcon ? new Error('MUI: The loadingPosition="end" should be used in combination with endIcon.') : null),
+  loadingPosition: W(n.oneOf(["start", "end", "center"]), (o) => o.loadingPosition === "start" && !o.startIcon ? new Error('MUI: The loadingPosition="start" should be used in combination with startIcon.') : o.loadingPosition === "end" && !o.endIcon ? new Error('MUI: The loadingPosition="end" should be used in combination with endIcon.') : null),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
+  sx: n.oneOfType([n.arrayOf(n.oneOfType([n.func, n.object, n.bool])), n.func, n.object]),
   /**
    * The variant to use.
    * @default 'text'
    */
-  variant: t.oneOfType([t.oneOf(["contained", "outlined", "text"]), t.string])
+  variant: n.oneOfType([n.oneOf(["contained", "outlined", "text"]), n.string])
 });
-const Q = x, X = f(Q, {
-  shouldForwardProp: (n) => n !== "contentColor" && n !== "hoverColor"
-})(({ contentColor: n, hoverColor: o, theme: i }) => ({
+const fo = G, ho = I(fo, {
+  shouldForwardProp: (o) => o !== "contentColor" && o !== "hoverColor"
+})(({ contentColor: o, hoverColor: t, theme: r }) => ({
   justifyContent: "center",
   alignItems: "center",
   columnGap: 8,
@@ -195,37 +402,37 @@ const Q = x, X = f(Q, {
   paddingLeft: 12,
   paddingRight: 12,
   textTransform: "none",
-  color: n,
-  borderColor: n,
+  color: o,
+  borderColor: o,
   borderRadius: 5,
   borderWidth: 2,
   "&:hover": {
-    color: i.palette.common.white,
-    backgroundColor: o,
-    borderColor: o,
+    color: r.palette.common.white,
+    backgroundColor: t,
+    borderColor: t,
     borderWidth: 2
   }
-})), ao = ({
-  icon: n,
-  text: o,
-  ...i
+})), xo = ({
+  icon: o,
+  text: t,
+  ...r
 }) => {
-  const r = k(), s = i.contentColor ?? r.palette.primary.main;
-  return /* @__PURE__ */ y(
-    X,
+  const i = q(), a = r.contentColor ?? i.palette.primary.main;
+  return /* @__PURE__ */ S(
+    ho,
     {
-      ...i,
+      ...r,
       variant: "outlined",
-      contentColor: s,
-      hoverColor: i.hoverColor ?? s,
+      contentColor: a,
+      hoverColor: r.hoverColor ?? a,
       children: [
-        (n == null ? void 0 : n.position) === "left" ? /* @__PURE__ */ g(B, { ...n }) : null,
-        o,
-        (n == null ? void 0 : n.position) === "right" ? /* @__PURE__ */ g(B, { ...n }) : null
+        (o == null ? void 0 : o.position) === "left" ? /* @__PURE__ */ f(T, { ...o }) : null,
+        t,
+        (o == null ? void 0 : o.position) === "right" ? /* @__PURE__ */ f(T, { ...o }) : null
       ]
     }
   );
 };
 export {
-  ao as default
+  xo as default
 };

package/dist/components/buttons/DefaultButton/DefaultButtonIcon.cjs.js

@@ -1 +1 @@
-"use strict";const i=require("react/jsx-runtime"),m=require("react"),o=require("../../../useThemeProps-C6ClLEqN.cjs");function T(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const s=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,s.get?s:{enumerable:!0,get:()=>e[n]})}}return r.default=e,Object.freeze(r)}const P=T(m);function g(e){return o.generateUtilityClass("MuiIcon",e)}o.generateUtilityClasses("MuiIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);const S=["baseClassName","className","color","component","fontSize"],b=e=>{const{color:r,fontSize:n,classes:s}=e,t={root:["root",r!=="inherit"&&`color${o.capitalize(r)}`,`fontSize${o.capitalize(n)}`]};return o.composeClasses(t,g,s)},z=o.styled("span",{name:"MuiIcon",slot:"Root",overridesResolver:(e,r)=>{const{ownerState:n}=e;return[r.root,n.color!=="inherit"&&r[`color${o.capitalize(n.color)}`],r[`fontSize${o.capitalize(n.fontSize)}`]]}})(({theme:e,ownerState:r})=>({userSelect:"none",width:"1em",height:"1em",overflow:"hidden",display:"inline-block",textAlign:"center",flexShrink:0,fontSize:{inherit:"inherit",small:e.typography.pxToRem(20),medium:e.typography.pxToRem(24),large:e.typography.pxToRem(36)}[r.fontSize],color:{primary:(e.vars||e).palette.primary.main,secondary:(e.vars||e).palette.secondary.main,info:(e.vars||e).palette.info.main,success:(e.vars||e).palette.success.main,warning:(e.vars||e).palette.warning.main,action:(e.vars||e).palette.action.active,error:(e.vars||e).palette.error.main,disabled:(e.vars||e).palette.action.disabled,inherit:void 0}[r.color]})),a=P.forwardRef(function(r,n){const s=o.useThemeProps({props:r,name:"MuiIcon"}),{baseClassName:t="material-icons",className:l,color:u="inherit",component:c="span",fontSize:y="medium"}=s,f=o._objectWithoutPropertiesLoose(s,S),p=o._extends({},s,{baseClassName:t,color:u,component:c,fontSize:y}),d=b(p);return i.jsx(z,o._extends({as:c,className:o.clsx(t,"notranslate",d.root,l),ownerState:p,"aria-hidden":!0,ref:n},f))});process.env.NODE_ENV!=="production"&&(a.propTypes={baseClassName:o.PropTypes.string,children:o.PropTypes.node,classes:o.PropTypes.object,className:o.PropTypes.string,color:o.PropTypes.oneOfType([o.PropTypes.oneOf(["inherit","action","disabled","primary","secondary","error","info","success","warning"]),o.PropTypes.string]),component:o.PropTypes.elementType,fontSize:o.PropTypes.oneOfType([o.PropTypes.oneOf(["inherit","large","medium","small"]),o.PropTypes.string]),sx:o.PropTypes.oneOfType([o.PropTypes.arrayOf(o.PropTypes.oneOfType([o.PropTypes.func,o.PropTypes.object,o.PropTypes.bool])),o.PropTypes.func,o.PropTypes.object])});a.muiName="Icon";const v=a,x=({Component:e,name:r})=>r?i.jsx(v,{children:r}):i.jsx(e,{});module.exports=x;
+"use strict";const i=require("react/jsx-runtime"),m=require("react"),o=require("../../../useThemeProps-CDriK9TK.cjs");function T(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const s=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(r,n,s.get?s:{enumerable:!0,get:()=>e[n]})}}return r.default=e,Object.freeze(r)}const P=T(m);function g(e){return o.generateUtilityClass("MuiIcon",e)}o.generateUtilityClasses("MuiIcon",["root","colorPrimary","colorSecondary","colorAction","colorError","colorDisabled","fontSizeInherit","fontSizeSmall","fontSizeMedium","fontSizeLarge"]);const S=["baseClassName","className","color","component","fontSize"],b=e=>{const{color:r,fontSize:n,classes:s}=e,t={root:["root",r!=="inherit"&&`color${o.capitalize(r)}`,`fontSize${o.capitalize(n)}`]};return o.composeClasses(t,g,s)},z=o.styled("span",{name:"MuiIcon",slot:"Root",overridesResolver:(e,r)=>{const{ownerState:n}=e;return[r.root,n.color!=="inherit"&&r[`color${o.capitalize(n.color)}`],r[`fontSize${o.capitalize(n.fontSize)}`]]}})(({theme:e,ownerState:r})=>({userSelect:"none",width:"1em",height:"1em",overflow:"hidden",display:"inline-block",textAlign:"center",flexShrink:0,fontSize:{inherit:"inherit",small:e.typography.pxToRem(20),medium:e.typography.pxToRem(24),large:e.typography.pxToRem(36)}[r.fontSize],color:{primary:(e.vars||e).palette.primary.main,secondary:(e.vars||e).palette.secondary.main,info:(e.vars||e).palette.info.main,success:(e.vars||e).palette.success.main,warning:(e.vars||e).palette.warning.main,action:(e.vars||e).palette.action.active,error:(e.vars||e).palette.error.main,disabled:(e.vars||e).palette.action.disabled,inherit:void 0}[r.color]})),a=P.forwardRef(function(r,n){const s=o.useThemeProps({props:r,name:"MuiIcon"}),{baseClassName:t="material-icons",className:l,color:u="inherit",component:c="span",fontSize:y="medium"}=s,f=o._objectWithoutPropertiesLoose(s,S),p=o._extends({},s,{baseClassName:t,color:u,component:c,fontSize:y}),d=b(p);return i.jsx(z,o._extends({as:c,className:o.clsx(t,"notranslate",d.root,l),ownerState:p,"aria-hidden":!0,ref:n},f))});process.env.NODE_ENV!=="production"&&(a.propTypes={baseClassName:o.PropTypes.string,children:o.PropTypes.node,classes:o.PropTypes.object,className:o.PropTypes.string,color:o.PropTypes.oneOfType([o.PropTypes.oneOf(["inherit","action","disabled","primary","secondary","error","info","success","warning"]),o.PropTypes.string]),component:o.PropTypes.elementType,fontSize:o.PropTypes.oneOfType([o.PropTypes.oneOf(["inherit","large","medium","small"]),o.PropTypes.string]),sx:o.PropTypes.oneOfType([o.PropTypes.arrayOf(o.PropTypes.oneOfType([o.PropTypes.func,o.PropTypes.object,o.PropTypes.bool])),o.PropTypes.func,o.PropTypes.object])});a.muiName="Icon";const v=a,x=({Component:e,name:r})=>r?i.jsx(v,{children:r}):i.jsx(e,{});module.exports=x;

package/dist/components/buttons/DefaultButton/DefaultButtonIcon.es.js

@@ -1,10 +1,10 @@
 import { jsx as i } from "react/jsx-runtime";
 import * as S from "react";
-import { c as v, g as z, s as b, e as t, f as I, _ as x, a as f, h as T, P as e, j as N } from "../../../useThemeProps-kb_vU-1P.js";
+import { b, g as v, s as z, f as t, u as I, _ as x, a as f, h as T, P as e, e as N } from "../../../useThemeProps-B6yTTpAe.js";
 function C(o) {
-  return v("MuiIcon", o);
+  return b("MuiIcon", o);
 }
-z("MuiIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
+v("MuiIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
 const w = ["baseClassName", "className", "color", "component", "fontSize"], O = (o) => {
   const {
     color: n,
@@ -14,7 +14,7 @@ const w = ["baseClassName", "className", "color", "component", "fontSize"], O =
     root: ["root", n !== "inherit" && `color${t(n)}`, `fontSize${t(r)}`]
   };
   return N(a, C, s);
-}, R = b("span", {
+}, R = z("span", {
   name: "MuiIcon",
   slot: "Root",
   overridesResolver: (o, n) => {
@@ -63,14 +63,14 @@ const w = ["baseClassName", "className", "color", "component", "fontSize"], O =
   }), {
     baseClassName: a = "material-icons",
     className: d,
-    color: m = "inherit",
+    color: u = "inherit",
     component: l = "span",
-    fontSize: u = "medium"
+    fontSize: m = "medium"
   } = s, y = x(s, w), p = f({}, s, {
     baseClassName: a,
-    color: m,
+    color: u,
     component: l,
-    fontSize: u
+    fontSize: m
   }), g = O(p);
   return /* @__PURE__ */ i(R, f({
     as: l,

package/dist/components/buttons/PrimaryButton/PrimaryButton.cjs.js

@@ -1 +1 @@
-"use strict";const r=require("react/jsx-runtime");require("react");const o=require("../DefaultButton/DefaultButton.cjs.js"),n=require("../../../useTheme-C-LTLVMt.cjs"),u=t=>{const e=n.useTheme();return r.jsx(o,{contentColor:e.palette.primary.main,hoverColor:e.palette.primary.dark,...t})};module.exports=u;
+"use strict";const r=require("react/jsx-runtime");require("react");const o=require("../DefaultButton/DefaultButton.cjs.js"),n=require("../../../useTheme-BpLcDNG1.cjs"),u=t=>{const e=n.useTheme();return r.jsx(o,{contentColor:e.palette.primary.main,hoverColor:e.palette.primary.dark,...t})};module.exports=u;

package/dist/components/buttons/PrimaryButton/PrimaryButton.es.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import "react";
 import e from "../DefaultButton/DefaultButton.es.js";
-import { u as m } from "../../../useTheme-BSwuVDD3.js";
+import { u as m } from "../../../useTheme-BWRyHzdn.js";
 const u = (r) => {
   const t = m();
   return /* @__PURE__ */ o(

package/dist/components/buttons/PrimaryButton/PrimaryButton.stories.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),e=require("./PrimaryButton.cjs.js"),n=require("../../../createSvgIcon-BivvPRyr.cjs"),s=n.createSvgIcon(t.jsx("path",{d:"M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3m3-10H5V5h10z"}),"Save"),c={title:"Components/Buttons/PrimaryButton",component:e,argTypes:{}},i=r=>t.jsx(e,{...r}),o=i.bind({});o.args={text:"Save",icon:{Component:s,position:"left"},onClick:()=>alert("Alert")};exports.Primary=o;exports.default=c;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),e=require("./PrimaryButton.cjs.js"),r=require("../../../createSvgIcon-jvI3LIfI.cjs"),s=r.createSvgIcon(t.jsx("path",{d:"M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3m3-10H5V5h10z"}),"Save"),c={title:"Components/Buttons/PrimaryButton",component:e,argTypes:{}},i=n=>t.jsx(e,{...n}),o=i.bind({});o.args={text:"Save",icon:{Component:s,position:"left"},onClick:()=>alert("Alert")};exports.Primary=o;exports.default=c;