@cgi-learning-hub/ui 1.2.0-dev.1725006670 → 1.2.0-dev.1725450842

package/dist/IconButton-DeGwRNnI.js

@@ -0,0 +1,239 @@
+import * as c from "react";
+import { I as z, J as C, K as a, n as g, L as O, P as t } from "./identifier-SatcAo-F.js";
+import { s as B, m as y, u as I, c as T } from "./DefaultPropsProvider-BDdV3S11.js";
+import { jsx as $ } from "react/jsx-runtime";
+import { B as h } from "./ButtonBase-Mr4S_NG8.js";
+import { c as S } from "./refType-Dv9Yduc2.js";
+function k(o) {
+  return z("MuiIconButton", o);
+}
+const x = C("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge"]), w = x, j = (o) => {
+  const {
+    classes: e,
+    disabled: r,
+    color: s,
+    edge: n,
+    size: i
+  } = o, l = {
+    root: ["root", r && "disabled", s !== "default" && `color${a(s)}`, n && `edge${a(n)}`, `size${a(i)}`]
+  };
+  return T(l, k, e);
+}, E = B(h, {
+  name: "MuiIconButton",
+  slot: "Root",
+  overridesResolver: (o, e) => {
+    const {
+      ownerState: r
+    } = o;
+    return [e.root, r.color !== "default" && e[`color${a(r.color)}`], r.edge && e[`edge${a(r.edge)}`], e[`size${a(r.size)}`]];
+  }
+})(y(({
+  theme: o
+}) => ({
+  textAlign: "center",
+  flex: "0 0 auto",
+  fontSize: o.typography.pxToRem(24),
+  padding: 8,
+  borderRadius: "50%",
+  color: (o.vars || o).palette.action.active,
+  transition: o.transitions.create("background-color", {
+    duration: o.transitions.duration.shortest
+  }),
+  variants: [{
+    props: {
+      disableRipple: !1
+    },
+    style: {
+      "&:hover": {
+        backgroundColor: o.vars ? `rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})` : g(o.palette.action.active, o.palette.action.hoverOpacity),
+        // Reset on touch devices, it doesn't add specificity
+        "@media (hover: none)": {
+          backgroundColor: "transparent"
+        }
+      }
+    }
+  }, {
+    props: {
+      edge: "start"
+    },
+    style: {
+      marginLeft: -12
+    }
+  }, {
+    props: {
+      edge: "start",
+      size: "small"
+    },
+    style: {
+      marginLeft: -3
+    }
+  }, {
+    props: {
+      edge: "end"
+    },
+    style: {
+      marginRight: -12
+    }
+  }, {
+    props: {
+      edge: "end",
+      size: "small"
+    },
+    style: {
+      marginRight: -3
+    }
+  }]
+})), y(({
+  theme: o
+}) => ({
+  variants: [{
+    props: {
+      color: "inherit"
+    },
+    style: {
+      color: "inherit"
+    }
+  }, ...Object.entries(o.palette).filter(([, e]) => e && e.main).map(([e]) => ({
+    props: {
+      color: e
+    },
+    style: {
+      color: (o.vars || o).palette[e].main
+    }
+  })), ...Object.entries(o.palette).filter(([, e]) => e && e.main).map(([e]) => ({
+    props: {
+      color: e,
+      disableRipple: !1
+    },
+    style: {
+      "&:hover": {
+        backgroundColor: o.vars ? `rgba(${(o.vars || o).palette[e].mainChannel} / ${o.vars.palette.action.hoverOpacity})` : g((o.vars || o).palette[e].main, o.palette.action.hoverOpacity),
+        // Reset on touch devices, it doesn't add specificity
+        "@media (hover: none)": {
+          backgroundColor: "transparent"
+        }
+      }
+    }
+  })), {
+    props: {
+      size: "small"
+    },
+    style: {
+      padding: 5,
+      fontSize: o.typography.pxToRem(18)
+    }
+  }, {
+    props: {
+      size: "large"
+    },
+    style: {
+      padding: 12,
+      fontSize: o.typography.pxToRem(28)
+    }
+  }],
+  [`&.${w.disabled}`]: {
+    backgroundColor: "transparent",
+    color: (o.vars || o).palette.action.disabled
+  }
+}))), M = /* @__PURE__ */ c.forwardRef(function(e, r) {
+  const s = I({
+    props: e,
+    name: "MuiIconButton"
+  }), {
+    edge: n = !1,
+    children: i,
+    className: l,
+    color: b = "default",
+    disabled: p = !1,
+    disableFocusRipple: d = !1,
+    disableRipple: u = !1,
+    size: m = "medium",
+    ...v
+  } = s, f = {
+    ...s,
+    edge: n,
+    color: b,
+    disabled: p,
+    disableFocusRipple: d,
+    disableRipple: u,
+    size: m
+  }, R = j(f);
+  return /* @__PURE__ */ $(E, {
+    className: O(R.root, l),
+    centerRipple: !0,
+    focusRipple: !d,
+    disabled: p,
+    disableRipple: u,
+    ref: r,
+    ...v,
+    ownerState: f,
+    children: i
+  });
+});
+process.env.NODE_ENV !== "production" && (M.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * The icon to display.
+   */
+  children: S(t.node, (o) => c.Children.toArray(o.children).some((r) => /* @__PURE__ */ c.isValidElement(r) && r.props.onClick) ? new Error(["MUI: You are providing an onClick event listener to a child of a button element.", "Prefer applying it to the IconButton directly.", "This guarantees that the whole <button> will be responsive to click events."].join(`
+`)) : null),
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: t.object,
+  /**
+   * @ignore
+   */
+  className: t.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 'default'
+   */
+  color: t.oneOfType([t.oneOf(["inherit", "default", "primary", "secondary", "error", "info", "success", "warning"]), t.string]),
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: t.bool,
+  /**
+   * If `true`, the  keyboard focus ripple is disabled.
+   * @default false
+   */
+  disableFocusRipple: t.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: t.bool,
+  /**
+   * If given, uses a negative margin to counteract the padding on one
+   * side (this is often helpful for aligning the left or right
+   * side of the icon with content above or below, without ruining the border
+   * size and shape).
+   * @default false
+   */
+  edge: t.oneOf(["end", "start", !1]),
+  /**
+   * The size of the component.
+   * `small` is equivalent to the dense button styling.
+   * @default 'medium'
+   */
+  size: t.oneOfType([t.oneOf(["small", "medium", "large"]), t.string]),
+  /**
+   * 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])
+});
+export {
+  M as I,
+  k as g,
+  w as i
+};

package/dist/InputAdornment-BhrFtLIz.cjs

@@ -0,0 +1 @@
+"use strict";const j=require("react"),e=require("./identifier-Dx5_fEyA.cjs"),f=require("./InputBase-OefmcFzX.cjs"),l=require("./DefaultPropsProvider-DwweZ7qj.cjs"),a=require("react/jsx-runtime"),O=require("./Typography-DWgJpyZG.cjs");function x(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(o,n,r.get?r:{enumerable:!0,get:()=>t[n]})}}return o.default=t,Object.freeze(o)}const P=x(j);function A(t){return e.generateUtilityClass("MuiInputAdornment",t)}const b=e.generateUtilityClasses("MuiInputAdornment",["root","filled","standard","outlined","positionStart","positionEnd","disablePointerEvents","hiddenLabel","sizeSmall"]);var T;const C=(t,o)=>{const{ownerState:n}=t;return[o.root,o[`position${e.capitalize(n.position)}`],n.disablePointerEvents===!0&&o.disablePointerEvents,o[n.variant]]},S=t=>{const{classes:o,disablePointerEvents:n,hiddenLabel:r,position:s,size:p,variant:c}=t,d={root:["root",n&&"disablePointerEvents",s&&`position${e.capitalize(s)}`,c,r&&"hiddenLabel",p&&`size${e.capitalize(p)}`]};return l.composeClasses(d,A,o)},z=l.styled("div",{name:"MuiInputAdornment",slot:"Root",overridesResolver:C})(l.memoTheme(({theme:t})=>({display:"flex",maxHeight:"2em",alignItems:"center",whiteSpace:"nowrap",color:(t.vars||t).palette.action.active,variants:[{props:{variant:"filled"},style:{[`&.${b.positionStart}&:not(.${b.hiddenLabel})`]:{marginTop:16}}},{props:{position:"start"},style:{marginRight:8}},{props:{position:"end"},style:{marginLeft:8}},{props:{disablePointerEvents:!0},style:{pointerEvents:"none"}}]}))),h=P.forwardRef(function(o,n){const r=l.useDefaultProps({props:o,name:"MuiInputAdornment"}),{children:s,className:p,component:c="div",disablePointerEvents:d=!1,disableTypography:g=!1,position:m,variant:u,...E}=r,i=f.useFormControl()||{};let y=u;u&&i.variant&&process.env.NODE_ENV!=="production"&&u===i.variant&&console.error("MUI: The `InputAdornment` variant infers the variant prop you do not have to provide one."),i&&!y&&(y=i.variant);const v={...r,hiddenLabel:i.hiddenLabel,size:i.size,disablePointerEvents:d,position:m,variant:y},I=S(v);return a.jsx(f.FormControlContext.Provider,{value:null,children:a.jsx(z,{as:c,ownerState:v,className:e.clsx(I.root,p),ref:n,...E,children:typeof s=="string"&&!g?a.jsx(O.Typography,{color:"textSecondary",children:s}):a.jsxs(P.Fragment,{children:[m==="start"?T||(T=a.jsx("span",{className:"notranslate",children:"​"})):null,s]})})})});process.env.NODE_ENV!=="production"&&(h.propTypes={children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,component:e.PropTypes.elementType,disablePointerEvents:e.PropTypes.bool,disableTypography:e.PropTypes.bool,position:e.PropTypes.oneOf(["end","start"]).isRequired,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]),variant:e.PropTypes.oneOf(["filled","outlined","standard"])});exports.InputAdornment=h;

package/dist/{InputAdornment-zaw7AFWU.js → InputAdornment-Dd24Ymt-.js}

@@ -1,62 +1,76 @@
-import { w as T, v as x, m as u, _ as A, y as C, P as e, q as v } from "./identifier-CAQ9PWqs.js";
-import * as b from "react";
-import { u as N, F as L } from "./InputBase-COUxfhh1.js";
-import { s as O, u as R, c as _ } from "./styled-Co-8YWfm.js";
-import { jsx as l, jsxs as j } from "react/jsx-runtime";
-import { T as z } from "./Typography-DjrvRhOr.js";
-function F(t) {
-  return x("MuiInputAdornment", t);
+import * as h from "react";
+import { J as P, I as T, L as A, P as e, K as u } from "./identifier-SatcAo-F.js";
+import { u as C, F as x } from "./InputBase-BUzAEUpC.js";
+import { s as L, m as N, u as S, c as O } from "./DefaultPropsProvider-BDdV3S11.js";
+import { jsx as l, jsxs as R } from "react/jsx-runtime";
+import { T as w } from "./Typography-kwaQt8VQ.js";
+function z(t) {
+  return T("MuiInputAdornment", t);
 }
-const y = T("MuiInputAdornment", ["root", "filled", "standard", "outlined", "positionStart", "positionEnd", "disablePointerEvents", "hiddenLabel", "sizeSmall"]);
-var g;
-const M = ["children", "className", "component", "disablePointerEvents", "disableTypography", "position", "variant"], U = (t, o) => {
+const b = P("MuiInputAdornment", ["root", "filled", "standard", "outlined", "positionStart", "positionEnd", "disablePointerEvents", "hiddenLabel", "sizeSmall"]);
+var y;
+const j = (t, o) => {
   const {
     ownerState: n
   } = t;
-  return [o.root, o[`position${v(n.position)}`], n.disablePointerEvents === !0 && o.disablePointerEvents, o[n.variant]];
-}, $ = (t) => {
+  return [o.root, o[`position${u(n.position)}`], n.disablePointerEvents === !0 && o.disablePointerEvents, o[n.variant]];
+}, F = (t) => {
   const {
     classes: o,
     disablePointerEvents: n,
-    hiddenLabel: r,
+    hiddenLabel: i,
     position: s,
     size: a,
     variant: p
   } = t, d = {
-    root: ["root", n && "disablePointerEvents", s && `position${v(s)}`, p, r && "hiddenLabel", a && `size${v(a)}`]
+    root: ["root", n && "disablePointerEvents", s && `position${u(s)}`, p, i && "hiddenLabel", a && `size${u(a)}`]
   };
-  return _(d, F, o);
-}, w = O("div", {
+  return O(d, z, o);
+}, M = L("div", {
   name: "MuiInputAdornment",
   slot: "Root",
-  overridesResolver: U
-})(({
-  theme: t,
-  ownerState: o
-}) => u({
+  overridesResolver: j
+})(N(({
+  theme: t
+}) => ({
   display: "flex",
-  height: "0.01em",
-  // Fix IE11 flexbox alignment. To remove at some point.
   maxHeight: "2em",
   alignItems: "center",
   whiteSpace: "nowrap",
-  color: (t.vars || t).palette.action.active
-}, o.variant === "filled" && {
-  // Styles applied to the root element if `variant="filled"`.
-  [`&.${y.positionStart}&:not(.${y.hiddenLabel})`]: {
-    marginTop: 16
-  }
-}, o.position === "start" && {
-  // Styles applied to the root element if `position="start"`.
-  marginRight: 8
-}, o.position === "end" && {
-  // Styles applied to the root element if `position="end"`.
-  marginLeft: 8
-}, o.disablePointerEvents === !0 && {
-  // Styles applied to the root element if `disablePointerEvents={true}`.
-  pointerEvents: "none"
-})), S = /* @__PURE__ */ b.forwardRef(function(o, n) {
-  const r = R({
+  color: (t.vars || t).palette.action.active,
+  variants: [{
+    props: {
+      variant: "filled"
+    },
+    style: {
+      [`&.${b.positionStart}&:not(.${b.hiddenLabel})`]: {
+        marginTop: 16
+      }
+    }
+  }, {
+    props: {
+      position: "start"
+    },
+    style: {
+      marginRight: 8
+    }
+  }, {
+    props: {
+      position: "end"
+    },
+    style: {
+      marginLeft: 8
+    }
+  }, {
+    props: {
+      disablePointerEvents: !0
+    },
+    style: {
+      pointerEvents: "none"
+    }
+  }]
+}))), U = /* @__PURE__ */ h.forwardRef(function(o, n) {
+  const i = S({
     props: o,
     name: "MuiInputAdornment"
   }), {
@@ -64,43 +78,45 @@ const M = ["children", "className", "component", "disablePointerEvents", "disabl
     className: a,
     component: p = "div",
     disablePointerEvents: d = !1,
-    disableTypography: E = !1,
-    position: f,
-    variant: c
-  } = r, P = A(r, M), i = N() || {};
+    disableTypography: g = !1,
+    position: v,
+    variant: c,
+    ...E
+  } = i, r = C() || {};
   let m = c;
-  c && i.variant && process.env.NODE_ENV !== "production" && c === i.variant && console.error("MUI: The `InputAdornment` variant infers the variant prop you do not have to provide one."), i && !m && (m = i.variant);
-  const h = u({}, r, {
-    hiddenLabel: i.hiddenLabel,
-    size: i.size,
+  c && r.variant && process.env.NODE_ENV !== "production" && c === r.variant && console.error("MUI: The `InputAdornment` variant infers the variant prop you do not have to provide one."), r && !m && (m = r.variant);
+  const f = {
+    ...i,
+    hiddenLabel: r.hiddenLabel,
+    size: r.size,
     disablePointerEvents: d,
-    position: f,
+    position: v,
     variant: m
-  }), I = $(h);
-  return /* @__PURE__ */ l(L.Provider, {
+  }, I = F(f);
+  return /* @__PURE__ */ l(x.Provider, {
     value: null,
-    children: /* @__PURE__ */ l(w, u({
+    children: /* @__PURE__ */ l(M, {
       as: p,
-      ownerState: h,
-      className: C(I.root, a),
-      ref: n
-    }, P, {
-      children: typeof s == "string" && !E ? /* @__PURE__ */ l(z, {
-        color: "text.secondary",
+      ownerState: f,
+      className: A(I.root, a),
+      ref: n,
+      ...E,
+      children: typeof s == "string" && !g ? /* @__PURE__ */ l(w, {
+        color: "textSecondary",
         children: s
-      }) : /* @__PURE__ */ j(b.Fragment, {
-        children: [f === "start" ? (
+      }) : /* @__PURE__ */ R(h.Fragment, {
+        children: [v === "start" ? (
           /* notranslate needed while Google Translate will not fix zero-width space issue */
-          g || (g = /* @__PURE__ */ l("span", {
+          y || (y = /* @__PURE__ */ l("span", {
             className: "notranslate",
             children: "​"
           }))
         ) : null, s]
       })
-    }))
+    })
   });
 });
-process.env.NODE_ENV !== "production" && (S.propTypes = {
+process.env.NODE_ENV !== "production" && (U.propTypes = {
   // ┌────────────────────────────── Warning ──────────────────────────────┐
   // │ These PropTypes are generated from the TypeScript type definitions. │
   // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
@@ -149,5 +165,5 @@ process.env.NODE_ENV !== "production" && (S.propTypes = {
   variant: e.oneOf(["filled", "outlined", "standard"])
 });
 export {
-  S as I
+  U as I
 };