@cgi-learning-hub/ui 0.0.1-dev.1708447504 → 0.0.1-dev.1708521570

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

@@ -1,12 +1,400 @@
-import { jsxs as d, jsx as e } from "react/jsx-runtime";
-import "react";
-import n from "./DefaultButtonIcon.es.js";
-import { s as m } from "../../../useThemeProps-Dkkbtzcg.js";
-import { B as s } from "../../../Button-BJMp7Tz3.js";
-import { u } from "../../../useTheme-D1_U7jx5.js";
-const i = m(s, {
-  shouldForwardProp: (t) => t !== "contentColor"
-})((t) => ({
+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-Dkkbtzcg.js";
+import { B as H, a as Y } from "../../../Button-xyS1Nr3h.js";
+import { u as Z } from "../../../useId-BW-oWmul.js";
+import { c as W } from "../../../useForkRef-C0Hk1SEc.js";
+import { keyframes as z, css as w } from "@emotion/react";
+import { u as q } from "../../../useTheme-D1_U7jx5.js";
+function A(o) {
+  return D("MuiCircularProgress", o);
+}
+_("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: 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: (o, t) => [t.root, t.startIconLoadingStart && {
+    [`& .${d.startIconLoadingStart}`]: t.startIconLoadingStart
+  }, t.endIconLoadingEnd && {
+    [`& .${d.endIconLoadingEnd}`]: t.endIconLoadingEnd
+  }]
+})(({
+  ownerState: o,
+  theme: t
+}) => e({
+  [`& .${d.startIconLoadingStart}, & .${d.endIconLoadingEnd}`]: {
+    transition: t.transitions.create(["opacity"], {
+      duration: t.transitions.duration.short
+    }),
+    opacity: 0
+  }
+}, o.loadingPosition === "center" && {
+  transition: t.transitions.create(["background-color", "box-shadow", "border-color"], {
+    duration: t.transitions.duration.short
+  }),
+  [`&.${d.loading}`]: {
+    color: "transparent"
+  }
+}, o.loadingPosition === "start" && o.fullWidth && {
+  [`& .${d.startIconLoadingStart}, & .${d.endIconLoadingEnd}`]: {
+    transition: t.transitions.create(["opacity"], {
+      duration: t.transitions.duration.short
+    }),
+    opacity: 0,
+    marginRight: -8
+  }
+}, o.loadingPosition === "end" && o.fullWidth && {
+  [`& .${d.startIconLoadingStart}, & .${d.endIconLoadingEnd}`]: {
+    transition: t.transitions.create(["opacity"], {
+      duration: t.transitions.duration.short
+    }),
+    opacity: 0,
+    marginLeft: -8
+  }
+})), go = I("span", {
+  name: "MuiLoadingButton",
+  slot: "LoadingIndicator",
+  overridesResolver: (o, t) => {
+    const {
+      ownerState: r
+    } = o;
+    return [t.loadingIndicator, t[`loadingIndicator${g(r.loadingPosition)}`]];
+  }
+})(({
+  theme: o,
+  ownerState: t
+}) => e({
+  position: "absolute",
+  visibility: "visible",
+  display: "flex"
+}, t.loadingPosition === "start" && (t.variant === "outlined" || t.variant === "contained") && {
+  left: t.size === "small" ? 10 : 14
+}, t.loadingPosition === "start" && t.variant === "text" && {
+  left: 6
+}, t.loadingPosition === "center" && {
+  left: "50%",
+  transform: "translate(-50%)",
+  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
+}, t.loadingPosition === "start" && t.fullWidth && {
+  position: "relative",
+  left: -10
+}, t.loadingPosition === "end" && t.fullWidth && {
+  position: "relative",
+  right: -10
+})), G = /* @__PURE__ */ B.forwardRef(function(t, r) {
+  const i = B.useContext(Y), a = K(i, t), s = j({
+    props: a,
+    name: "MuiLoadingButton"
+  }), {
+    children: C,
+    disabled: h = !1,
+    id: $,
+    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
+  }), 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__ */ 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" && (G.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,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: n.bool,
+  /**
+   * @ignore
+   */
+  id: n.string,
+  /**
+   * If `true`, the loading indicator is shown and the button becomes disabled.
+   * @default false
+   */
+  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: n.node,
+  /**
+   * The loading indicator can be positioned on the start, end, or the center of the button.
+   * @default 'center'
+   */
+  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: n.oneOfType([n.arrayOf(n.oneOfType([n.func, n.object, n.bool])), n.func, n.object]),
+  /**
+   * The variant to use.
+   * @default 'text'
+   */
+  variant: n.oneOfType([n.oneOf(["contained", "outlined", "text"]), n.string])
+});
+const fo = G, ho = I(fo, {
+  shouldForwardProp: (o) => o !== "contentColor" && o !== "hoverColor"
+})(({ contentColor: o, hoverColor: t, theme: r }) => ({
   justifyContent: "center",
   alignItems: "center",
   columnGap: 8,
@@ -14,34 +402,37 @@ const i = m(s, {
   paddingLeft: 12,
   paddingRight: 12,
   textTransform: "none",
-  color: t.contentColor,
-  borderColor: t.contentColor,
+  color: o,
+  borderColor: o,
   borderRadius: 5,
   borderWidth: 2,
   "&:hover": {
-    borderColor: t.contentColor,
+    color: r.palette.common.white,
+    backgroundColor: t,
+    borderColor: t,
     borderWidth: 2
   }
-})), b = ({
-  icon: t,
-  text: l,
+})), xo = ({
+  icon: o,
+  text: t,
   ...r
 }) => {
-  const a = u(), o = r.contentColor ?? a.palette.primary.main;
-  return /* @__PURE__ */ d(
-    i,
+  const i = q(), a = r.contentColor ?? i.palette.primary.main;
+  return /* @__PURE__ */ S(
+    ho,
     {
       ...r,
       variant: "outlined",
-      contentColor: o,
+      contentColor: a,
+      hoverColor: r.hoverColor ?? a,
       children: [
-        (t == null ? void 0 : t.position) === "left" ? /* @__PURE__ */ e(n, { ...t, color: o }) : null,
-        l,
-        (t == null ? void 0 : t.position) === "right" ? /* @__PURE__ */ e(n, { ...t, color: o }) : 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 {
-  b 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-Aqe6oH65.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 x=a,v=({color:e,Component:r,name:n})=>n?i.jsx(x,{sx:{color:e},children:n}):i.jsx(r,{sx:{color:e}});module.exports=v;
+"use strict";const i=require("react/jsx-runtime"),m=require("react"),o=require("../../../useThemeProps-Aqe6oH65.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.d.ts

@@ -1,6 +1,5 @@
 import type { SvgIconComponent } from "@mui/icons-material";
 export interface DefaultButtonIconProps {
-    color: string;
     position: "left" | "right";
     Component?: SvgIconComponent;
     name?: string;

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

@@ -1,6 +1,6 @@
 import { jsx as i } from "react/jsx-runtime";
 import * as S from "react";
-import { b, g as v, s as z, f as t, u as x, _ as I, a as f, h as T, P as e, e as N } from "../../../useThemeProps-Dkkbtzcg.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-Dkkbtzcg.js";
 function C(o) {
   return b("MuiIcon", o);
 }
@@ -57,7 +57,7 @@ const w = ["baseClassName", "className", "color", "component", "fontSize"], O =
     inherit: void 0
   }[n.color]
 })), c = /* @__PURE__ */ S.forwardRef(function(n, r) {
-  const s = x({
+  const s = I({
     props: n,
     name: "MuiIcon"
   }), {
@@ -66,7 +66,7 @@ const w = ["baseClassName", "className", "color", "component", "fontSize"], O =
     color: u = "inherit",
     component: l = "span",
     fontSize: m = "medium"
-  } = s, y = I(s, w), p = f({}, s, {
+  } = s, y = x(s, w), p = f({}, s, {
     baseClassName: a,
     color: u,
     component: l,
@@ -134,10 +134,9 @@ process.env.NODE_ENV !== "production" && (c.propTypes = {
 });
 c.muiName = "Icon";
 const h = c, P = ({
-  color: o,
-  Component: n,
-  name: r
-}) => r ? /* @__PURE__ */ i(h, { sx: { color: o }, children: r }) : /* @__PURE__ */ i(n, { sx: { color: o } });
+  Component: o,
+  name: n
+}) => n ? /* @__PURE__ */ i(h, { children: n }) : /* @__PURE__ */ i(o, {});
 export {
   P as default
 };

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

@@ -1 +1 @@
-"use strict";const r=require("react/jsx-runtime");require("react");const n=require("../DefaultButton/DefaultButton.cjs.js"),o=require("../../../useTheme-BzgwMQvX.cjs"),u=e=>{const t=o.useTheme();return r.jsx(n,{contentColor:t.palette.primary.main,...e})};module.exports=u;
+"use strict";const r=require("react/jsx-runtime");require("react");const o=require("../DefaultButton/DefaultButton.cjs.js"),n=require("../../../useTheme-BzgwMQvX.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,10 +1,17 @@
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import "react";
 import e from "../DefaultButton/DefaultButton.es.js";
 import { u as m } from "../../../useTheme-D1_U7jx5.js";
-const u = (t) => {
-  const o = m();
-  return /* @__PURE__ */ r(e, { contentColor: o.palette.primary.main, ...t });
+const u = (r) => {
+  const t = m();
+  return /* @__PURE__ */ o(
+    e,
+    {
+      contentColor: t.palette.primary.main,
+      hoverColor: t.palette.primary.dark,
+      ...r
+    }
+  );
 };
 export {
   u as default