@cgi-learning-hub/ui 1.7.0 → 1.8.0

package/dist/{Checkbox-BfBDowB2.js → Checkbox-DMMz_IAP.js}

@@ -1,52 +1,52 @@
 import * as f from "react";
-import { P as e } from "./index-Sy88PpwE.js";
-import { F as j, G as w, H as B, K as c, n as I } from "./identifier-PWESmBq6.js";
-import { S as M } from "./SwitchBase-DZV8S81Z.js";
-import { c as h } from "./createSvgIcon-B1E6Wo8z.js";
-import { jsx as s } from "react/jsx-runtime";
-import { u as F, s as H, c as V, r as N } from "./DefaultPropsProvider-DqazQPtr.js";
-import { m as E } from "./memoTheme-DAFDflPY.js";
-import { c as O } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
-import { u as U } from "./useSlot-BzdKwDQ5.js";
-import { m as D } from "./mergeSlotProps-ChAye7iz.js";
-const L = h(/* @__PURE__ */ s("path", {
+import { P as o } from "./index-Sy88PpwE.js";
+import { F as j, G as w, H as B, K as c } from "./identifier-Dnc8T93Z.js";
+import { S as M } from "./SwitchBase-9CKmTWdZ.js";
+import { c as h } from "./createSvgIcon-BV54rC7k.js";
+import { jsx as r } from "react/jsx-runtime";
+import { u as $, s as F, c as H, r as V } from "./DefaultPropsProvider-nxIPd34m.js";
+import { m as N } from "./memoTheme-K37vidlb.js";
+import { c as I } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
+import { u as E } from "./useSlot-GooGQrej.js";
+import { m as U } from "./mergeSlotProps-DSWiBSbD.js";
+const D = h(/* @__PURE__ */ r("path", {
   d: "M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z"
-}), "CheckBoxOutlineBlank"), q = h(/* @__PURE__ */ s("path", {
+}), "CheckBoxOutlineBlank"), L = h(/* @__PURE__ */ r("path", {
   d: "M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
-}), "CheckBox"), G = h(/* @__PURE__ */ s("path", {
+}), "CheckBox"), q = h(/* @__PURE__ */ r("path", {
   d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z"
 }), "IndeterminateCheckBox");
-function K(o) {
-  return w("MuiCheckbox", o);
+function G(e) {
+  return w("MuiCheckbox", e);
 }
-const b = j("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]), _ = (o) => {
+const b = j("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "colorPrimary", "colorSecondary", "sizeSmall", "sizeMedium"]), K = (e) => {
   const {
     classes: t,
-    indeterminate: a,
-    color: r,
+    indeterminate: s,
+    color: n,
     size: i
-  } = o, l = {
-    root: ["root", a && "indeterminate", `color${c(r)}`, `size${c(i)}`]
-  }, p = V(l, K, t);
+  } = e, l = {
+    root: ["root", s && "indeterminate", `color${c(n)}`, `size${c(i)}`]
+  }, p = H(l, G, t);
   return {
     ...t,
     // forward the disabled and checked classes to the SwitchBase
     ...p
   };
-}, A = H(M, {
-  shouldForwardProp: (o) => N(o) || o === "classes",
+}, _ = F(M, {
+  shouldForwardProp: (e) => V(e) || e === "classes",
   name: "MuiCheckbox",
   slot: "Root",
-  overridesResolver: (o, t) => {
+  overridesResolver: (e, t) => {
     const {
-      ownerState: a
-    } = o;
-    return [t.root, a.indeterminate && t.indeterminate, t[`size${c(a.size)}`], a.color !== "default" && t[`color${c(a.color)}`]];
+      ownerState: s
+    } = e;
+    return [t.root, s.indeterminate && t.indeterminate, t[`size${c(s.size)}`], s.color !== "default" && t[`color${c(s.color)}`]];
   }
-})(E(({
-  theme: o
+})(N(({
+  theme: e
 }) => ({
-  color: (o.vars || o).palette.text.secondary,
+  color: (e.vars || e).palette.text.secondary,
   variants: [{
     props: {
       color: "default",
@@ -54,29 +54,29 @@ const b = j("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
     },
     style: {
       "&:hover": {
-        backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : I(o.palette.action.active, o.palette.action.hoverOpacity)
+        backgroundColor: e.alpha((e.vars || e).palette.action.active, (e.vars || e).palette.action.hoverOpacity)
       }
     }
-  }, ...Object.entries(o.palette).filter(O()).map(([t]) => ({
+  }, ...Object.entries(e.palette).filter(I()).map(([t]) => ({
     props: {
       color: t,
       disableRipple: !1
     },
     style: {
       "&:hover": {
-        backgroundColor: o.vars ? `rgba(${o.vars.palette[t].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : I(o.palette[t].main, o.palette.action.hoverOpacity)
+        backgroundColor: e.alpha((e.vars || e).palette[t].main, (e.vars || e).palette.action.hoverOpacity)
       }
     }
-  })), ...Object.entries(o.palette).filter(O()).map(([t]) => ({
+  })), ...Object.entries(e.palette).filter(I()).map(([t]) => ({
     props: {
       color: t
     },
     style: {
       [`&.${b.checked}, &.${b.indeterminate}`]: {
-        color: (o.vars || o).palette[t].main
+        color: (e.vars || e).palette[t].main
       },
       [`&.${b.disabled}`]: {
-        color: (o.vars || o).palette.action.disabled
+        color: (e.vars || e).palette.action.disabled
       }
     }
   })), {
@@ -93,38 +93,38 @@ const b = j("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
       }
     }
   }]
-}))), J = /* @__PURE__ */ s(q, {}), Q = /* @__PURE__ */ s(L, {}), W = /* @__PURE__ */ s(G, {}), X = /* @__PURE__ */ f.forwardRef(function(t, a) {
-  const r = F({
+}))), A = /* @__PURE__ */ r(L, {}), J = /* @__PURE__ */ r(D, {}), Q = /* @__PURE__ */ r(q, {}), W = /* @__PURE__ */ f.forwardRef(function(t, s) {
+  const n = $({
     props: t,
     name: "MuiCheckbox"
   }), {
-    checkedIcon: i = J,
+    checkedIcon: i = A,
     color: l = "primary",
-    icon: p = Q,
-    indeterminate: n = !1,
-    indeterminateIcon: v = W,
-    inputProps: g,
+    icon: p = J,
+    indeterminate: a = !1,
+    indeterminateIcon: k = Q,
+    inputProps: S,
     size: d = "medium",
     disableRipple: y = !1,
-    className: S,
+    className: O,
     slots: C = {},
-    slotProps: k = {},
-    ...T
-  } = r, x = n ? v : p, P = n ? v : i, m = {
-    ...r,
+    slotProps: v = {},
+    ...g
+  } = n, x = a ? k : p, P = a ? k : i, m = {
+    ...n,
     disableRipple: y,
     color: l,
-    indeterminate: n,
+    indeterminate: a,
     size: d
-  }, z = _(m), u = k.input ?? g, [R, $] = U("root", {
-    ref: a,
-    elementType: A,
-    className: B(z.root, S),
+  }, z = K(m), u = v.input ?? S, [T, R] = E("root", {
+    ref: s,
+    elementType: _,
+    className: B(z.root, O),
     shouldForwardComponentProp: !0,
     externalForwardedProps: {
       slots: C,
-      slotProps: k,
-      ...T
+      slotProps: v,
+      ...g
     },
     ownerState: m,
     additionalProps: {
@@ -138,18 +138,18 @@ const b = j("MuiCheckbox", ["root", "checked", "disabled", "indeterminate", "col
       disableRipple: y,
       slots: C,
       slotProps: {
-        input: D(typeof u == "function" ? u(m) : u, {
-          "data-indeterminate": n
+        input: U(typeof u == "function" ? u(m) : u, {
+          "data-indeterminate": a
         })
       }
     }
   });
-  return /* @__PURE__ */ s(R, {
-    ...$,
+  return /* @__PURE__ */ r(T, {
+    ...R,
     classes: z
   });
 });
-process.env.NODE_ENV !== "production" && (X.propTypes = {
+process.env.NODE_ENV !== "production" && (W.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -157,50 +157,50 @@ process.env.NODE_ENV !== "production" && (X.propTypes = {
   /**
    * If `true`, the component is checked.
    */
-  checked: e.bool,
+  checked: o.bool,
   /**
    * The icon to display when the component is checked.
    * @default <CheckBoxIcon />
    */
-  checkedIcon: e.node,
+  checkedIcon: o.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: e.object,
+  classes: o.object,
   /**
    * @ignore
    */
-  className: e.string,
+  className: o.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: e.oneOfType([e.oneOf(["default", "primary", "secondary", "error", "info", "success", "warning"]), e.string]),
+  color: o.oneOfType([o.oneOf(["default", "primary", "secondary", "error", "info", "success", "warning"]), o.string]),
   /**
    * The default checked state. Use when the component is not controlled.
    */
-  defaultChecked: e.bool,
+  defaultChecked: o.bool,
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled: e.bool,
+  disabled: o.bool,
   /**
    * If `true`, the ripple effect is disabled.
    * @default false
    */
-  disableRipple: e.bool,
+  disableRipple: o.bool,
   /**
    * The icon to display when the component is unchecked.
    * @default <CheckBoxOutlineBlankIcon />
    */
-  icon: e.node,
+  icon: o.node,
   /**
    * The id of the `input` element.
    */
-  id: e.string,
+  id: o.string,
   /**
    * If `true`, the component appears indeterminate.
    * This does not set the native input element to indeterminate due
@@ -208,63 +208,63 @@ process.env.NODE_ENV !== "production" && (X.propTypes = {
    * However, we set a `data-indeterminate` attribute on the `input`.
    * @default false
    */
-  indeterminate: e.bool,
+  indeterminate: o.bool,
   /**
    * The icon to display when the component is indeterminate.
    * @default <IndeterminateCheckBoxIcon />
    */
-  indeterminateIcon: e.node,
+  indeterminateIcon: o.node,
   /**
    * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/input#attributes) applied to the `input` element.
    * @deprecated Use `slotProps.input` instead. This prop will be removed in a future major release. See [Migrating from deprecated APIs](/material-ui/migration/migrating-from-deprecated-apis/) for more details.
    */
-  inputProps: e.object,
+  inputProps: o.object,
   /**
    * Callback fired when the state is changed.
    *
    * @param {React.ChangeEvent<HTMLInputElement>} event The event source of the callback.
    * You can pull out the new checked state by accessing `event.target.checked` (boolean).
    */
-  onChange: e.func,
+  onChange: o.func,
   /**
    * If `true`, the `input` element is required.
    * @default false
    */
-  required: e.bool,
+  required: o.bool,
   /**
    * The size of the component.
    * `small` is equivalent to the dense checkbox styling.
    * @default 'medium'
    */
-  size: e.oneOfType([e.oneOf(["medium", "small"]), e.string]),
+  size: o.oneOfType([o.oneOf(["medium", "small"]), o.string]),
   /**
    * The props used for each slot inside.
    * @default {}
    */
-  slotProps: e.shape({
-    input: e.oneOfType([e.func, e.object]),
-    root: e.oneOfType([e.func, e.object])
+  slotProps: o.shape({
+    input: o.oneOfType([o.func, o.object]),
+    root: o.oneOfType([o.func, o.object])
   }),
   /**
    * The components used for each slot inside.
    * @default {}
    */
-  slots: e.shape({
-    input: e.elementType,
-    root: e.elementType
+  slots: o.shape({
+    input: o.elementType,
+    root: o.elementType
   }),
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
   /**
    * The value of the component. The DOM API casts this to a string.
    * The browser uses "on" as the default value.
    */
-  value: e.any
+  value: o.any
 });
 export {
-  X as C,
+  W as C,
   b as c,
-  K as g
+  G as g
 };