@cgi-learning-hub/ui 1.3.3 → 1.3.4-dev.1733911143

package/dist/{InputBase-Bbgoz8GV.js → InputBase-DrofJ7xL.js}

@@ -1,18 +1,23 @@
 import * as s from "react";
-import { P as e, J as Fe, I as ke, K as ce, L as Z, Y as Be } from "./identifier-BqadgaK7.js";
-import { f as Me, i as He } from "./formControlState-DdQP43Uo.js";
-import { u as Pe, F as We } from "./useFormControl-CatNKXAi.js";
-import { g as De } from "./index-BUxqDIr9.js";
-import { m as be } from "./memoTheme-DfGVDRrB.js";
-import { jsxs as Q, jsx as B } from "react/jsx-runtime";
-import { s as ye, u as Le, c as je } from "./DefaultPropsProvider-CaRoy5OV.js";
-import { u as ge } from "./useForkRef-D-DyzOXj.js";
-import { u as X, e as Ve, r as Ue } from "./refType-DlHf9HvO.js";
-import { o as pe, d as _e } from "./ownerWindow-BoRkeomM.js";
+import { P as e, I as Fe, H as ke, G as ce, J as Be } from "./generateUtilityClasses--6MLb_cS.js";
+import { i as pe } from "./isHostComponent-kiaBvYVo.js";
+import { f as He } from "./formControlState-vgaj2ksH.js";
+import { u as Me, F as Pe } from "./useFormControl-CatNKXAi.js";
+import { g as We } from "./index-B4GmPutS.js";
+import { m as be } from "./memoTheme-o8RCKrNG.js";
+import { i as De } from "./utils-DWqc1kRF.js";
+import { jsxs as Z, jsx as B } from "react/jsx-runtime";
+import { s as ye, u as Le, c as je } from "./DefaultPropsProvider-DUWovK-8.js";
+import { u as ge } from "./useForkRef-C_4o__cU.js";
+import { u as Q, r as Ve } from "./useEnhancedEffect-DlS7O_-p.js";
+import { o as fe } from "./ownerWindow-niciwP7I.js";
+import { d as Ue } from "./debounce-46wSf_lW.js";
+import { e as _e } from "./elementTypeAcceptingRef-HBfwF2vD.js";
+import { c as X } from "./capitalize-NmHVRYy8.js";
 function L(n) {
   return parseInt(n, 10) || 0;
 }
-const Ke = {
+const $e = {
   shadow: {
     // Visibility needed to hide the extra text area on iPads
     visibility: "hidden",
@@ -27,7 +32,7 @@ const Ke = {
     transform: "translateZ(0)"
   }
 };
-function $e(n) {
+function Ge(n) {
   return n == null || Object.keys(n).length === 0 || n.outerHeightStyle === 0 && !n.overflowing;
 }
 const we = /* @__PURE__ */ s.forwardRef(function(o, t) {
@@ -37,11 +42,11 @@ const we = /* @__PURE__ */ s.forwardRef(function(o, t) {
     minRows: c = 1,
     style: O,
     value: T,
-    ...M
+    ...H
   } = o, {
     current: S
   } = s.useRef(T != null), h = s.useRef(null), E = ge(t, h), b = s.useRef(null), C = s.useRef(null), v = s.useCallback(() => {
-    const l = h.current, r = pe(l).getComputedStyle(l);
+    const l = h.current, r = fe(l).getComputedStyle(l);
     if (r.width === "0px")
       return {
         outerHeightStyle: 0,
@@ -55,19 +60,19 @@ const we = /* @__PURE__ */ s.forwardRef(function(o, t) {
     const A = p.scrollHeight;
     let u = N;
     c && (u = Math.max(Number(c) * A, u)), f && (u = Math.min(Number(f) * A, u)), u = Math.max(u, A);
-    const H = u + (z === "border-box" ? R + g : 0), P = Math.abs(u - N) <= 1;
+    const M = u + (z === "border-box" ? R + g : 0), P = Math.abs(u - N) <= 1;
     return {
-      outerHeightStyle: H,
+      outerHeightStyle: M,
       overflowing: P
     };
   }, [f, c, o.placeholder]), x = s.useCallback(() => {
     const l = v();
-    if ($e(l))
+    if (Ge(l))
       return;
     const y = l.outerHeightStyle, r = h.current;
     b.current !== y && (b.current = y, r.style.height = `${y}px`), r.style.overflow = l.overflowing ? "hidden" : "";
   }, [v]);
-  X(() => {
+  Q(() => {
     const l = () => {
       x();
     };
@@ -76,26 +81,26 @@ const we = /* @__PURE__ */ s.forwardRef(function(o, t) {
       cancelAnimationFrame(y), y = requestAnimationFrame(() => {
         l();
       });
-    }, p = _e(l), z = h.current, R = pe(z);
+    }, p = Ue(l), z = h.current, R = fe(z);
     R.addEventListener("resize", p);
     let g;
     return typeof ResizeObserver < "u" && (g = new ResizeObserver(process.env.NODE_ENV === "test" ? r : l), g.observe(z)), () => {
       p.clear(), cancelAnimationFrame(y), R.removeEventListener("resize", p), g && g.disconnect();
     };
-  }, [v, x]), X(() => {
+  }, [v, x]), Q(() => {
     x();
   });
   const j = (l) => {
     S || x(), d && d(l);
   };
-  return /* @__PURE__ */ Q(s.Fragment, {
+  return /* @__PURE__ */ Z(s.Fragment, {
     children: [/* @__PURE__ */ B("textarea", {
       value: T,
       onChange: j,
       ref: E,
       rows: c,
       style: O,
-      ...M
+      ...H
     }), /* @__PURE__ */ B("textarea", {
       "aria-hidden": !0,
       className: o.className,
@@ -103,7 +108,7 @@ const we = /* @__PURE__ */ s.forwardRef(function(o, t) {
       ref: C,
       tabIndex: -1,
       style: {
-        ...Ke.shadow,
+        ...$e.shadow,
         ...O,
         paddingTop: 0,
         paddingBottom: 0
@@ -146,19 +151,16 @@ process.env.NODE_ENV !== "production" && (we.propTypes = {
    */
   value: e.oneOfType([e.arrayOf(e.string), e.number, e.string])
 });
-function fe(n) {
-  return typeof n == "string";
-}
-function qe(n) {
+function Ke(n) {
   return ke("MuiInputBase", n);
 }
 const ee = Fe("MuiInputBase", ["root", "formControl", "focused", "disabled", "adornedStart", "adornedEnd", "error", "sizeSmall", "multiline", "colorSecondary", "fullWidth", "hiddenLabel", "readOnly", "input", "inputSizeSmall", "inputMultiline", "inputTypeSearch", "inputAdornedStart", "inputAdornedEnd", "inputHiddenLabel"]);
 var me;
-const Ge = (n, o) => {
+const qe = (n, o) => {
   const {
     ownerState: t
   } = n;
-  return [o.root, t.formControl && o.formControl, t.startAdornment && o.adornedStart, t.endAdornment && o.adornedEnd, t.error && o.error, t.size === "small" && o.sizeSmall, t.multiline && o.multiline, t.color && o[`color${Z(t.color)}`], t.fullWidth && o.fullWidth, t.hiddenLabel && o.hiddenLabel];
+  return [o.root, t.formControl && o.formControl, t.startAdornment && o.adornedStart, t.endAdornment && o.adornedEnd, t.error && o.error, t.size === "small" && o.sizeSmall, t.multiline && o.multiline, t.color && o[`color${X(t.color)}`], t.fullWidth && o.fullWidth, t.hiddenLabel && o.hiddenLabel];
 }, Ye = (n, o) => {
   const {
     ownerState: t
@@ -173,7 +175,7 @@ const Ge = (n, o) => {
     endAdornment: c,
     focused: O,
     formControl: T,
-    fullWidth: M,
+    fullWidth: H,
     hiddenLabel: S,
     multiline: h,
     readOnly: E,
@@ -181,14 +183,14 @@ const Ge = (n, o) => {
     startAdornment: C,
     type: v
   } = n, x = {
-    root: ["root", `color${Z(t)}`, d && "disabled", f && "error", M && "fullWidth", O && "focused", T && "formControl", b && b !== "medium" && `size${Z(b)}`, h && "multiline", C && "adornedStart", c && "adornedEnd", S && "hiddenLabel", E && "readOnly"],
+    root: ["root", `color${X(t)}`, d && "disabled", f && "error", H && "fullWidth", O && "focused", T && "formControl", b && b !== "medium" && `size${X(b)}`, h && "multiline", C && "adornedStart", c && "adornedEnd", S && "hiddenLabel", E && "readOnly"],
     input: ["input", d && "disabled", v === "search" && "inputTypeSearch", h && "inputMultiline", b === "small" && "inputSizeSmall", S && "inputHiddenLabel", C && "inputAdornedStart", c && "inputAdornedEnd", E && "readOnly"]
   };
-  return je(x, qe, o);
+  return je(x, Ke, o);
 }, Ze = ye("div", {
   name: "MuiInputBase",
   slot: "Root",
-  overridesResolver: Ge
+  overridesResolver: qe
 })(be(({
   theme: n
 }) => ({
@@ -344,7 +346,7 @@ const Ge = (n, o) => {
       }
     }]
   };
-})), he = De({
+})), he = We({
   "@keyframes mui-auto-fill": {
     from: {
       display: "block"
@@ -364,7 +366,7 @@ const Ge = (n, o) => {
     autoComplete: c,
     autoFocus: O,
     className: T,
-    color: M,
+    color: H,
     components: S = {},
     componentsProps: h = {},
     defaultValue: E,
@@ -383,7 +385,7 @@ const Ge = (n, o) => {
     multiline: N = !1,
     name: A,
     onBlur: u,
-    onChange: H,
+    onChange: M,
     onClick: P,
     onFocus: oe,
     onKeyDown: ve,
@@ -404,31 +406,31 @@ const Ge = (n, o) => {
   } = s.useRef(D != null), I = s.useRef(), Oe = s.useCallback((i) => {
     process.env.NODE_ENV !== "production" && i && i.nodeName !== "INPUT" && !i.focus && console.error(["MUI: You have provided a `inputComponent` to the input component", "that does not correctly handle the `ref` prop.", "Make sure the `ref` prop is called with a HTMLInputElement."].join(`
 `));
-  }, []), Te = ge(I, p, r.ref, Oe), [_, K] = s.useState(!1), a = Pe();
+  }, []), Te = ge(I, p, r.ref, Oe), [_, $] = s.useState(!1), a = Me();
   process.env.NODE_ENV !== "production" && s.useEffect(() => {
     if (a)
       return a.registerEffect();
   }, [a]);
-  const m = Me({
+  const m = He({
     props: d,
     muiFormControl: a,
     states: ["color", "disabled", "error", "hiddenLabel", "size", "required", "filled"]
   });
   m.focused = a ? a.focused : _, s.useEffect(() => {
-    !a && b && _ && (K(!1), u && u());
+    !a && b && _ && ($(!1), u && u());
   }, [a, b, _, u]);
-  const $ = a && a.onFilled, q = a && a.onEmpty, k = s.useCallback((i) => {
-    He(i) ? $ && $() : q && q();
-  }, [$, q]);
-  X(() => {
+  const G = a && a.onFilled, K = a && a.onEmpty, k = s.useCallback((i) => {
+    De(i) ? G && G() : K && K();
+  }, [G, K]);
+  Q(() => {
     U && k({
       value: D
     });
   }, [D, k, U]);
   const Ee = (i) => {
-    oe && oe(i), r.onFocus && r.onFocus(i), a && a.onFocus ? a.onFocus(i) : K(!0);
+    oe && oe(i), r.onFocus && r.onFocus(i), a && a.onFocus ? a.onFocus(i) : $(!0);
   }, Ie = (i) => {
-    u && u(i), r.onBlur && r.onBlur(i), a && a.onBlur ? a.onBlur(i) : K(!1);
+    u && u(i), r.onBlur && r.onBlur(i), a && a.onBlur ? a.onBlur(i) : $(!1);
   }, ze = (i, ...ue) => {
     if (!U) {
       const de = i.target || I.current;
@@ -438,7 +440,7 @@ const Ge = (n, o) => {
         value: de.value
       });
     }
-    r.onChange && r.onChange(i, ...ue), H && H(i, ...ue);
+    r.onChange && r.onChange(i, ...ue), M && M(i, ...ue);
   };
   s.useEffect(() => {
     k(I.current);
@@ -446,8 +448,8 @@ const Ge = (n, o) => {
   const Ne = (i) => {
     I.current && i.currentTarget === i.target && I.current.focus(), P && P(i);
   };
-  let G = y, w = r;
-  N && G === "input" && (W ? (process.env.NODE_ENV !== "production" && (g || R) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), w = {
+  let q = y, w = r;
+  N && q === "input" && (W ? (process.env.NODE_ENV !== "production" && (g || R) && console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."), w = {
     type: void 0,
     minRows: W,
     maxRows: W,
@@ -457,7 +459,7 @@ const Ge = (n, o) => {
     maxRows: R,
     minRows: g,
     ...w
-  }, G = we);
+  }, q = we);
   const Ae = (i) => {
     k(i.animationName === "mui-auto-fill-cancel" ? I.current : {
       value: "x"
@@ -484,22 +486,22 @@ const Ge = (n, o) => {
   return w = {
     ...w,
     ...te.input ?? h.input
-  }, /* @__PURE__ */ Q(s.Fragment, {
+  }, /* @__PURE__ */ Z(s.Fragment, {
     children: [!C && typeof he == "function" && // For Emotion/Styled-components, InputGlobalStyles will be a function
     // For Pigment CSS, this has no effect because the InputGlobalStyles will be null.
-    (me || (me = /* @__PURE__ */ B(he, {}))), /* @__PURE__ */ Q(se, {
+    (me || (me = /* @__PURE__ */ B(he, {}))), /* @__PURE__ */ Z(se, {
       ...J,
       ref: t,
       onClick: Ne,
       ...Re,
-      ...!fe(se) && {
+      ...!pe(se) && {
         ownerState: {
           ...Y,
           ...J.ownerState
         }
       },
       className: ce(ae.root, J.className, T, V && "MuiInputBase-readOnly"),
-      children: [F, /* @__PURE__ */ B(We.Provider, {
+      children: [F, /* @__PURE__ */ B(Pe.Provider, {
         value: null,
         children: /* @__PURE__ */ B(le, {
           "aria-invalid": m.error,
@@ -520,8 +522,8 @@ const Ge = (n, o) => {
           onKeyUp: Se,
           type: ie,
           ...w,
-          ...!fe(le) && {
-            as: G,
+          ...!pe(le) && {
+            as: q,
             ownerState: {
               ...Y,
               ...w.ownerState
@@ -635,7 +637,7 @@ process.env.NODE_ENV !== "production" && (Xe.propTypes = {
    * Either a string to use a HTML element or a component.
    * @default 'input'
    */
-  inputComponent: Ve,
+  inputComponent: _e,
   /**
    * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
    * @default {}
@@ -644,7 +646,7 @@ process.env.NODE_ENV !== "production" && (Xe.propTypes = {
   /**
    * Pass a ref to the `input` element.
    */
-  inputRef: Ue,
+  inputRef: Ve,
   /**
    * If `dense`, will adjust vertical spacing. This is normally obtained via context from
    * FormControl.
@@ -773,7 +775,6 @@ export {
   Ze as a,
   Qe as b,
   Ye as c,
-  fe as d,
   ee as i,
-  Ge as r
+  qe as r
 };

package/dist/Link-AXhb0uJT.cjs

@@ -0,0 +1 @@
+"use strict";const V=require("react"),e=require("./generateUtilityClasses-DEQ18TAF.cjs"),q=require("./useTheme-B1YEBlI0.cjs"),F=require("react/jsx-runtime"),u=require("./DefaultPropsProvider-DE-Tx_ov.cjs"),R=require("./memoTheme-D99chbOP.cjs"),$=require("./createSimplePaletteValueFilter-PTK3TAhW.cjs"),A=require("./Typography-B6KFjCtE.cjs"),x=require("./capitalize-DASFtB-F.cjs"),N=require("./elementTypeAcceptingRef-Cz_FeG92.cjs"),m=require("./isFocusVisible-DlSijby6.cjs");function z(r){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const t in r)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(r,t);Object.defineProperty(o,t,n.get?n:{enumerable:!0,get:()=>r[t]})}}return o.default=r,Object.freeze(o)}const h=z(V);function v(r){return e.generateUtilityClass("MuiLink",r)}const k=e.generateUtilityClasses("MuiLink",["root","underlineNone","underlineHover","underlineAlways","button","focusVisible"]),M=({theme:r,ownerState:o})=>{const t=o.color,n=e.getPath(r,`palette.${t}`,!1)||o.color,s=e.getPath(r,`palette.${t}Channel`);return"vars"in r&&s?`rgba(${s} / 0.4)`:e.alpha(n,.4)},C={primary:!0,secondary:!0,error:!0,info:!0,success:!0,warning:!0,textPrimary:!0,textSecondary:!0,textDisabled:!0},U=r=>{const{classes:o,component:t,focusVisible:n,underline:s}=r,l={root:["root",`underline${x.capitalize(s)}`,t==="button"&&"button",n&&"focusVisible"]};return u.composeClasses(l,v,o)},B=u.styled(A.Typography,{name:"MuiLink",slot:"Root",overridesResolver:(r,o)=>{const{ownerState:t}=r;return[o.root,o[`underline${x.capitalize(t.underline)}`],t.component==="button"&&o.button]}})(R.memoTheme(({theme:r})=>({variants:[{props:{underline:"none"},style:{textDecoration:"none"}},{props:{underline:"hover"},style:{textDecoration:"none","&:hover":{textDecoration:"underline"}}},{props:{underline:"always"},style:{textDecoration:"underline","&:hover":{textDecorationColor:"inherit"}}},{props:({underline:o,ownerState:t})=>o==="always"&&t.color!=="inherit",style:{textDecorationColor:"var(--Link-underlineColor)"}},...Object.entries(r.palette).filter($.createSimplePaletteValueFilter()).map(([o])=>({props:{underline:"always",color:o},style:{"--Link-underlineColor":r.vars?`rgba(${r.vars.palette[o].mainChannel} / 0.4)`:e.alpha(r.palette[o].main,.4)}})),{props:{underline:"always",color:"textPrimary"},style:{"--Link-underlineColor":r.vars?`rgba(${r.vars.palette.text.primaryChannel} / 0.4)`:e.alpha(r.palette.text.primary,.4)}},{props:{underline:"always",color:"textSecondary"},style:{"--Link-underlineColor":r.vars?`rgba(${r.vars.palette.text.secondaryChannel} / 0.4)`:e.alpha(r.palette.text.secondary,.4)}},{props:{underline:"always",color:"textDisabled"},style:{"--Link-underlineColor":(r.vars||r).palette.text.disabled}},{props:{component:"button"},style:{position:"relative",WebkitTapHighlightColor:"transparent",backgroundColor:"transparent",outline:0,border:0,margin:0,borderRadius:0,padding:0,cursor:"pointer",userSelect:"none",verticalAlign:"middle",MozAppearance:"none",WebkitAppearance:"none","&::-moz-focus-inner":{borderStyle:"none"},[`&.${k.focusVisible}`]:{outline:"auto"}}}]}))),w=h.forwardRef(function(o,t){const n=u.useDefaultProps({props:o,name:"MuiLink"}),s=q.useTheme(),{className:l,color:i="primary",component:y="a",onBlur:d,onFocus:f,TypographyClasses:L,underline:b="always",variant:T="inherit",sx:p,...g}=n,[D,P]=h.useState(!1),O=a=>{m.isFocusVisible(a.target)||P(!1),d&&d(a)},j=a=>{m.isFocusVisible(a.target)&&P(!0),f&&f(a)},c={...n,color:i,component:y,focusVisible:D,underline:b,variant:T},S=U(c);return F.jsx(B,{color:i,className:e.clsx(S.root,l),classes:L,component:y,onBlur:O,onFocus:j,ref:t,ownerState:c,variant:T,...g,sx:[...C[i]===void 0?[{color:i}]:[],...Array.isArray(p)?p:[p]],style:{...g.style,...b==="always"&&i!=="inherit"&&!C[i]&&{"--Link-underlineColor":M({theme:s,ownerState:c})}}})});process.env.NODE_ENV!=="production"&&(w.propTypes={children:e.PropTypes.node,classes:e.PropTypes.object,className:e.PropTypes.string,color:e.PropTypes.oneOfType([e.PropTypes.oneOf(["primary","secondary","success","error","info","warning","textPrimary","textSecondary","textDisabled"]),e.PropTypes.string]),component:N.elementTypeAcceptingRef,onBlur:e.PropTypes.func,onFocus:e.PropTypes.func,style:e.PropTypes.object,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]),TypographyClasses:e.PropTypes.object,underline:e.PropTypes.oneOf(["always","hover","none"]),variant:e.PropTypes.oneOfType([e.PropTypes.oneOf(["body1","body2","button","caption","h1","h2","h3","h4","h5","h6","inherit","overline","subtitle1","subtitle2"]),e.PropTypes.string])});exports.Link=w;exports.getLinkUtilityClass=v;exports.linkClasses=k;

package/dist/Link-Bdupo_fW.js

@@ -0,0 +1,267 @@
+import * as C from "react";
+import { H as V, I as $, N as v, n as l, G as P, P as o } from "./generateUtilityClasses--6MLb_cS.js";
+import { u as j } from "./useTheme-BXzyKigM.js";
+import { jsx as A } from "react/jsx-runtime";
+import { s as F, u as N, c as R } from "./DefaultPropsProvider-DUWovK-8.js";
+import { m as M } from "./memoTheme-o8RCKrNG.js";
+import { c as B } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
+import { T as U } from "./Typography-DWXYj92v.js";
+import { c as w } from "./capitalize-NmHVRYy8.js";
+import { e as z } from "./elementTypeAcceptingRef-HBfwF2vD.js";
+import { i as h } from "./isFocusVisible-CPZqtjv2.js";
+function H(e) {
+  return V("MuiLink", e);
+}
+const E = $("MuiLink", ["root", "underlineNone", "underlineHover", "underlineAlways", "button", "focusVisible"]), W = ({
+  theme: e,
+  ownerState: r
+}) => {
+  const n = r.color, t = v(e, `palette.${n}`, !1) || r.color, s = v(e, `palette.${n}Channel`);
+  return "vars" in e && s ? `rgba(${s} / 0.4)` : l(t, 0.4);
+}, k = {
+  primary: !0,
+  secondary: !0,
+  error: !0,
+  info: !0,
+  success: !0,
+  warning: !0,
+  textPrimary: !0,
+  textSecondary: !0,
+  textDisabled: !0
+}, G = (e) => {
+  const {
+    classes: r,
+    component: n,
+    focusVisible: t,
+    underline: s
+  } = e, c = {
+    root: ["root", `underline${w(s)}`, n === "button" && "button", t && "focusVisible"]
+  };
+  return R(c, H, r);
+}, I = F(U, {
+  name: "MuiLink",
+  slot: "Root",
+  overridesResolver: (e, r) => {
+    const {
+      ownerState: n
+    } = e;
+    return [r.root, r[`underline${w(n.underline)}`], n.component === "button" && r.button];
+  }
+})(M(({
+  theme: e
+}) => ({
+  variants: [{
+    props: {
+      underline: "none"
+    },
+    style: {
+      textDecoration: "none"
+    }
+  }, {
+    props: {
+      underline: "hover"
+    },
+    style: {
+      textDecoration: "none",
+      "&:hover": {
+        textDecoration: "underline"
+      }
+    }
+  }, {
+    props: {
+      underline: "always"
+    },
+    style: {
+      textDecoration: "underline",
+      "&:hover": {
+        textDecorationColor: "inherit"
+      }
+    }
+  }, {
+    props: ({
+      underline: r,
+      ownerState: n
+    }) => r === "always" && n.color !== "inherit",
+    style: {
+      textDecorationColor: "var(--Link-underlineColor)"
+    }
+  }, ...Object.entries(e.palette).filter(B()).map(([r]) => ({
+    props: {
+      underline: "always",
+      color: r
+    },
+    style: {
+      "--Link-underlineColor": e.vars ? `rgba(${e.vars.palette[r].mainChannel} / 0.4)` : l(e.palette[r].main, 0.4)
+    }
+  })), {
+    props: {
+      underline: "always",
+      color: "textPrimary"
+    },
+    style: {
+      "--Link-underlineColor": e.vars ? `rgba(${e.vars.palette.text.primaryChannel} / 0.4)` : l(e.palette.text.primary, 0.4)
+    }
+  }, {
+    props: {
+      underline: "always",
+      color: "textSecondary"
+    },
+    style: {
+      "--Link-underlineColor": e.vars ? `rgba(${e.vars.palette.text.secondaryChannel} / 0.4)` : l(e.palette.text.secondary, 0.4)
+    }
+  }, {
+    props: {
+      underline: "always",
+      color: "textDisabled"
+    },
+    style: {
+      "--Link-underlineColor": (e.vars || e).palette.text.disabled
+    }
+  }, {
+    props: {
+      component: "button"
+    },
+    style: {
+      position: "relative",
+      WebkitTapHighlightColor: "transparent",
+      backgroundColor: "transparent",
+      // Reset default value
+      // We disable the focus ring for mouse, touch and keyboard users.
+      outline: 0,
+      border: 0,
+      margin: 0,
+      // Remove the margin in Safari
+      borderRadius: 0,
+      padding: 0,
+      // Remove the padding in Firefox
+      cursor: "pointer",
+      userSelect: "none",
+      verticalAlign: "middle",
+      MozAppearance: "none",
+      // Reset
+      WebkitAppearance: "none",
+      // Reset
+      "&::-moz-focus-inner": {
+        borderStyle: "none"
+        // Remove Firefox dotted outline.
+      },
+      [`&.${E.focusVisible}`]: {
+        outline: "auto"
+      }
+    }
+  }]
+}))), _ = /* @__PURE__ */ C.forwardRef(function(r, n) {
+  const t = N({
+    props: r,
+    name: "MuiLink"
+  }), s = j(), {
+    className: c,
+    color: a = "primary",
+    component: d = "a",
+    onBlur: y,
+    onFocus: f,
+    TypographyClasses: L,
+    underline: m = "always",
+    variant: b = "inherit",
+    sx: u,
+    ...g
+  } = t, [T, x] = C.useState(!1), D = (i) => {
+    h(i.target) || x(!1), y && y(i);
+  }, O = (i) => {
+    h(i.target) && x(!0), f && f(i);
+  }, p = {
+    ...t,
+    color: a,
+    component: d,
+    focusVisible: T,
+    underline: m,
+    variant: b
+  }, S = G(p);
+  return /* @__PURE__ */ A(I, {
+    color: a,
+    className: P(S.root, c),
+    classes: L,
+    component: d,
+    onBlur: D,
+    onFocus: O,
+    ref: n,
+    ownerState: p,
+    variant: b,
+    ...g,
+    sx: [...k[a] === void 0 ? [{
+      color: a
+    }] : [], ...Array.isArray(u) ? u : [u]],
+    style: {
+      ...g.style,
+      ...m === "always" && a !== "inherit" && !k[a] && {
+        "--Link-underlineColor": W({
+          theme: s,
+          ownerState: p
+        })
+      }
+    }
+  });
+});
+process.env.NODE_ENV !== "production" && (_.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: o.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: o.object,
+  /**
+   * @ignore
+   */
+  className: o.string,
+  /**
+   * The color of the link.
+   * @default 'primary'
+   */
+  color: o.oneOfType([o.oneOf(["primary", "secondary", "success", "error", "info", "warning", "textPrimary", "textSecondary", "textDisabled"]), o.string]),
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: z,
+  /**
+   * @ignore
+   */
+  onBlur: o.func,
+  /**
+   * @ignore
+   */
+  onFocus: o.func,
+  /**
+   * @ignore
+   */
+  style: o.object,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: o.oneOfType([o.arrayOf(o.oneOfType([o.func, o.object, o.bool])), o.func, o.object]),
+  /**
+   * `classes` prop applied to the [`Typography`](https://mui.com/material-ui/api/typography/) element.
+   */
+  TypographyClasses: o.object,
+  /**
+   * Controls when the link should have an underline.
+   * @default 'always'
+   */
+  underline: o.oneOf(["always", "hover", "none"]),
+  /**
+   * Applies the theme typography styles.
+   * @default 'inherit'
+   */
+  variant: o.oneOfType([o.oneOf(["body1", "body2", "button", "caption", "h1", "h2", "h3", "h4", "h5", "h6", "inherit", "overline", "subtitle1", "subtitle2"]), o.string])
+});
+export {
+  _ as L,
+  H as g,
+  E as l
+};