@cgi-learning-hub/ui 1.2.0-dev.1725455018 → 1.2.0-dev.1725543340

package/dist/DefaultButton-BMmuKPgA.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("react/jsx-runtime"),j=require("react"),B=require("./components/DefaultButton/DefaultButtonIcon.cjs.js"),s=require("./styled-Bt4oYVnF.cjs"),n=require("./identifier-CWIj084w.cjs"),m=require("./Button-NhaA68Of.cjs"),E=require("./useId-Cw0TtD-8.cjs"),M=require("./refType-D1DDOFsy.cjs"),_=require("./CircularProgress-01RZzfpF.cjs");function O(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const i in t)if(i!=="default"){const a=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(o,i,a.get?a:{enumerable:!0,get:()=>t[i]})}}return o.default=t,Object.freeze(o)}const T=O(j);function x(t){return n.generateUtilityClass("MuiLoadingButton",t)}const R=n.generateUtilityClasses("MuiLoadingButton",["root","loading","loadingIndicator","loadingIndicatorCenter","loadingIndicatorStart","loadingIndicatorEnd","endIconLoadingEnd","startIconLoadingStart"]),r=R,q=["children","disabled","id","loading","loadingIndicator","loadingPosition","variant"],z=t=>{const{loading:o,loadingPosition:i,classes:a}=t,c={root:["root",o&&"loading"],startIcon:[o&&`startIconLoading${n.capitalize(i)}`],endIcon:[o&&`endIconLoading${n.capitalize(i)}`],loadingIndicator:["loadingIndicator",o&&`loadingIndicator${n.capitalize(i)}`]},d=s.composeClasses(c,x,a);return n._extends({},a,d)},D=t=>t!=="ownerState"&&t!=="theme"&&t!=="sx"&&t!=="as"&&t!=="classes",k=s.styled(m.Button,{shouldForwardProp:t=>D(t)||t==="classes",name:"MuiLoadingButton",slot:"Root",overridesResolver:(t,o)=>[o.root,o.startIconLoadingStart&&{[`& .${r.startIconLoadingStart}`]:o.startIconLoadingStart},o.endIconLoadingEnd&&{[`& .${r.endIconLoadingEnd}`]:o.endIconLoadingEnd}]})(({ownerState:t,theme:o})=>n._extends({[`& .${r.startIconLoadingStart}, & .${r.endIconLoadingEnd}`]:{transition:o.transitions.create(["opacity"],{duration:o.transitions.duration.short}),opacity:0}},t.loadingPosition==="center"&&{transition:o.transitions.create(["background-color","box-shadow","border-color"],{duration:o.transitions.duration.short}),[`&.${r.loading}`]:{color:"transparent"}},t.loadingPosition==="start"&&t.fullWidth&&{[`& .${r.startIconLoadingStart}, & .${r.endIconLoadingEnd}`]:{transition:o.transitions.create(["opacity"],{duration:o.transitions.duration.short}),opacity:0,marginRight:-8}},t.loadingPosition==="end"&&t.fullWidth&&{[`& .${r.startIconLoadingStart}, & .${r.endIconLoadingEnd}`]:{transition:o.transitions.create(["opacity"],{duration:o.transitions.duration.short}),opacity:0,marginLeft:-8}})),U=s.styled("span",{name:"MuiLoadingButton",slot:"LoadingIndicator",overridesResolver:(t,o)=>{const{ownerState:i}=t;return[o.loadingIndicator,o[`loadingIndicator${n.capitalize(i.loadingPosition)}`]]}})(({theme:t,ownerState:o})=>n._extends({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"&&{left:6},o.loadingPosition==="center"&&{left:"50%",transform:"translate(-50%)",color:(t.vars||t).palette.action.disabled},o.loadingPosition==="end"&&(o.variant==="outlined"||o.variant==="contained")&&{right:o.size==="small"?10:14},o.loadingPosition==="end"&&o.variant==="text"&&{right:6},o.loadingPosition==="start"&&o.fullWidth&&{position:"relative",left:-10},o.loadingPosition==="end"&&o.fullWidth&&{position:"relative",right:-10})),g=T.forwardRef(function(o,i){const a=T.useContext(m.ButtonGroupContext),c=s.resolveProps(a,o),d=s.useDefaultProps({props:c,name:"MuiLoadingButton"}),{children:p,disabled:y=!1,id:C,loading:u=!1,loadingIndicator:P,loadingPosition:h="center",variant:f="text"}=d,$=n._objectWithoutPropertiesLoose(d,q),I=E.useId(C),b=P??e.jsx(_.CircularProgress,{"aria-labelledby":I,color:"inherit",size:16}),l=n._extends({},d,{disabled:y,loading:u,loadingIndicator:b,loadingPosition:h,variant:f}),L=z(l),v=u?e.jsx(U,{className:L.loadingIndicator,ownerState:l,children:b}):null;return e.jsxs(k,n._extends({disabled:y||u,id:I,ref:i},$,{variant:f,classes:L,ownerState:l,children:[l.loadingPosition==="end"?p:v,l.loadingPosition==="end"?v:p]}))});process.env.NODE_ENV!=="production"&&(g.propTypes={children:n.PropTypes.node,classes:n.PropTypes.object,disabled:n.PropTypes.bool,id:n.PropTypes.string,loading:n.PropTypes.bool,loadingIndicator:n.PropTypes.node,loadingPosition:M.chainPropTypes(n.PropTypes.oneOf(["start","end","center"]),t=>t.loadingPosition==="start"&&!t.startIcon?new Error('MUI: The loadingPosition="start" should be used in combination with startIcon.'):t.loadingPosition==="end"&&!t.endIcon?new Error('MUI: The loadingPosition="end" should be used in combination with endIcon.'):null),sx:n.PropTypes.oneOfType([n.PropTypes.arrayOf(n.PropTypes.oneOfType([n.PropTypes.func,n.PropTypes.object,n.PropTypes.bool])),n.PropTypes.func,n.PropTypes.object]),variant:n.PropTypes.oneOfType([n.PropTypes.oneOf(["contained","outlined","text"]),n.PropTypes.string])});const W=s.styled(g)(({color:t,theme:o})=>({justifyContent:"center",alignItems:"center",columnGap:8,minHeight:38,paddingLeft:12,paddingRight:12,textTransform:"none",color:t,borderColor:t,borderRadius:5,borderWidth:2,transition:"all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms","&.MuiButton-contained":{color:o.palette.common.white},"&.MuiButton-outlined":{borderRadius:5,borderWidth:2,"&.MuiButton-colorPrimary":{"&:active":{borderColor:o.palette.primary.main,color:o.palette.primary.main},"&:hover":{backgroundColor:o.palette.primary.dark,borderColor:o.palette.primary.dark,color:o.palette.common.white}},"&.MuiButton-colorSecondary":{"&:active":{borderColor:o.palette.secondary.main,color:o.palette.secondary.main},"&:hover":{backgroundColor:o.palette.secondary.main,color:o.palette.common.white}},"&.MuiButton-colorError":{"&:active":{borderColor:o.palette.error.main,color:o.palette.error.main},"&:hover":{backgroundColor:o.palette.error.main,color:o.palette.common.white}}}})),N=({icon:t,text:o,...i})=>{const a=i.color??"primary";return e.jsxs(W,{...i,color:a,children:[(t==null?void 0:t.position)==="left"?e.jsx(B,{...t}):null,o,(t==null?void 0:t.position)==="right"?e.jsx(B,{...t}):null]})};exports.DefaultButton=N;exports.LoadingButton=g;exports.getLoadingButtonUtilityClass=x;exports.loadingButtonClasses=r;

package/dist/DefaultButton-CKY6tuni.js

@@ -0,0 +1,258 @@
+import { jsx as c, jsxs as C } from "react/jsx-runtime";
+import * as B from "react";
+import h from "./components/DefaultButton/DefaultButtonIcon.es.js";
+import { s as p, r as R, u as T, c as j } from "./styled-Co-8YWfm.js";
+import { v as O, w as W, m as l, q as e, _ as k, P as t } from "./identifier-CAQ9PWqs.js";
+import { B as U, a as z } from "./Button-HyZp1VKI.js";
+import { u as D } from "./useId-BW-oWmul.js";
+import { c as _ } from "./refType-DiVIFcsY.js";
+import { C as N } from "./CircularProgress-DO4r9-x8.js";
+function F(n) {
+  return O("MuiLoadingButton", n);
+}
+const G = W("MuiLoadingButton", ["root", "loading", "loadingIndicator", "loadingIndicatorCenter", "loadingIndicatorStart", "loadingIndicatorEnd", "endIconLoadingEnd", "startIconLoadingStart"]), a = G, q = ["children", "disabled", "id", "loading", "loadingIndicator", "loadingPosition", "variant"], H = (n) => {
+  const {
+    loading: o,
+    loadingPosition: i,
+    classes: r
+  } = n, g = {
+    root: ["root", o && "loading"],
+    startIcon: [o && `startIconLoading${e(i)}`],
+    endIcon: [o && `endIconLoading${e(i)}`],
+    loadingIndicator: ["loadingIndicator", o && `loadingIndicator${e(i)}`]
+  }, s = j(g, F, r);
+  return l({}, r, s);
+}, V = (n) => n !== "ownerState" && n !== "theme" && n !== "sx" && n !== "as" && n !== "classes", A = p(U, {
+  shouldForwardProp: (n) => V(n) || n === "classes",
+  name: "MuiLoadingButton",
+  slot: "Root",
+  overridesResolver: (n, o) => [o.root, o.startIconLoadingStart && {
+    [`& .${a.startIconLoadingStart}`]: o.startIconLoadingStart
+  }, o.endIconLoadingEnd && {
+    [`& .${a.endIconLoadingEnd}`]: o.endIconLoadingEnd
+  }]
+})(({
+  ownerState: n,
+  theme: o
+}) => l({
+  [`& .${a.startIconLoadingStart}, & .${a.endIconLoadingEnd}`]: {
+    transition: o.transitions.create(["opacity"], {
+      duration: o.transitions.duration.short
+    }),
+    opacity: 0
+  }
+}, n.loadingPosition === "center" && {
+  transition: o.transitions.create(["background-color", "box-shadow", "border-color"], {
+    duration: o.transitions.duration.short
+  }),
+  [`&.${a.loading}`]: {
+    color: "transparent"
+  }
+}, n.loadingPosition === "start" && n.fullWidth && {
+  [`& .${a.startIconLoadingStart}, & .${a.endIconLoadingEnd}`]: {
+    transition: o.transitions.create(["opacity"], {
+      duration: o.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
+    }),
+    opacity: 0,
+    marginLeft: -8
+  }
+})), J = p("span", {
+  name: "MuiLoadingButton",
+  slot: "LoadingIndicator",
+  overridesResolver: (n, o) => {
+    const {
+      ownerState: i
+    } = n;
+    return [o.loadingIndicator, o[`loadingIndicator${e(i.loadingPosition)}`]];
+  }
+})(({
+  theme: n,
+  ownerState: o
+}) => l({
+  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" && {
+  left: 6
+}, o.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" && {
+  right: 6
+}, o.loadingPosition === "start" && o.fullWidth && {
+  position: "relative",
+  left: -10
+}, o.loadingPosition === "end" && o.fullWidth && {
+  position: "relative",
+  right: -10
+})), x = /* @__PURE__ */ B.forwardRef(function(o, i) {
+  const r = B.useContext(z), g = R(r, o), s = T({
+    props: g,
+    name: "MuiLoadingButton"
+  }), {
+    children: I,
+    disabled: f = !1,
+    id: $,
+    loading: u = !1,
+    loadingIndicator: m,
+    loadingPosition: E = "center",
+    variant: b = "text"
+  } = s, M = k(s, q), P = D($), L = m ?? /* @__PURE__ */ c(N, {
+    "aria-labelledby": P,
+    color: "inherit",
+    size: 16
+  }), d = l({}, s, {
+    disabled: f,
+    loading: u,
+    loadingIndicator: L,
+    loadingPosition: E,
+    variant: b
+  }), v = H(d), y = u ? /* @__PURE__ */ c(J, {
+    className: v.loadingIndicator,
+    ownerState: d,
+    children: L
+  }) : null;
+  return /* @__PURE__ */ C(A, l({
+    disabled: f || u,
+    id: P,
+    ref: i
+  }, M, {
+    variant: b,
+    classes: v,
+    ownerState: d,
+    children: [d.loadingPosition === "end" ? I : y, d.loadingPosition === "end" ? y : I]
+  }));
+});
+process.env.NODE_ENV !== "production" && (x.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: t.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: t.object,
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: t.bool,
+  /**
+   * @ignore
+   */
+  id: t.string,
+  /**
+   * If `true`, the loading indicator is shown and the button becomes disabled.
+   * @default false
+   */
+  loading: t.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,
+  /**
+   * The loading indicator can be positioned on the start, end, or the center of the button.
+   * @default 'center'
+   */
+  loadingPosition: _(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),
+  /**
+   * 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]),
+  /**
+   * The variant to use.
+   * @default 'text'
+   */
+  variant: t.oneOfType([t.oneOf(["contained", "outlined", "text"]), t.string])
+});
+const K = p(x)(
+  ({ color: n, theme: o }) => ({
+    justifyContent: "center",
+    alignItems: "center",
+    columnGap: 8,
+    minHeight: 38,
+    paddingLeft: 12,
+    paddingRight: 12,
+    textTransform: "none",
+    color: n,
+    borderColor: n,
+    borderRadius: 5,
+    borderWidth: 2,
+    transition: "all 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms",
+    "&.MuiButton-contained": {
+      color: o.palette.common.white
+    },
+    "&.MuiButton-outlined": {
+      borderRadius: 5,
+      borderWidth: 2,
+      "&.MuiButton-colorPrimary": {
+        "&:active": {
+          borderColor: o.palette.primary.main,
+          color: o.palette.primary.main
+        },
+        "&:hover": {
+          backgroundColor: o.palette.primary.dark,
+          borderColor: o.palette.primary.dark,
+          color: o.palette.common.white
+        }
+      },
+      "&.MuiButton-colorSecondary": {
+        "&:active": {
+          borderColor: o.palette.secondary.main,
+          color: o.palette.secondary.main
+        },
+        "&:hover": {
+          backgroundColor: o.palette.secondary.main,
+          color: o.palette.common.white
+        }
+      },
+      "&.MuiButton-colorError": {
+        "&:active": {
+          borderColor: o.palette.error.main,
+          color: o.palette.error.main
+        },
+        "&:hover": {
+          backgroundColor: o.palette.error.main,
+          color: o.palette.common.white
+        }
+      }
+    }
+  })
+), to = ({
+  icon: n,
+  text: o,
+  ...i
+}) => {
+  const r = i.color ?? "primary";
+  return /* @__PURE__ */ C(K, { ...i, color: r, children: [
+    (n == null ? void 0 : n.position) === "left" ? /* @__PURE__ */ c(h, { ...n }) : null,
+    o,
+    (n == null ? void 0 : n.position) === "right" ? /* @__PURE__ */ c(h, { ...n }) : null
+  ] });
+};
+export {
+  to as D,
+  x as L,
+  F as g,
+  a as l
+};

package/dist/IconButton-3v-0zgZW.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("./identifier-CWIj084w.cjs"),z=require("react"),c=require("./styled-Bt4oYVnF.cjs"),h=require("react/jsx-runtime"),m=require("./ButtonBase-CnINN-P4.cjs"),C=require("./refType-D1DDOFsy.cjs");function R(o){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const t in o)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(o,t);Object.defineProperty(r,t,s.get?s:{enumerable:!0,get:()=>o[t]})}}return r.default=o,Object.freeze(r)}const l=R(z);function y(o){return e.generateUtilityClass("MuiIconButton",o)}const B=e.generateUtilityClasses("MuiIconButton",["root","disabled","colorInherit","colorPrimary","colorSecondary","colorError","colorInfo","colorSuccess","colorWarning","edgeStart","edgeEnd","sizeSmall","sizeMedium","sizeLarge"]),f=B,O=["edge","children","className","color","disabled","disableFocusRipple","size"],x=o=>{const{classes:r,disabled:t,color:s,edge:n,size:i}=o,a={root:["root",t&&"disabled",s!=="default"&&`color${e.capitalize(s)}`,n&&`edge${e.capitalize(n)}`,`size${e.capitalize(i)}`]};return c.composeClasses(a,y,r)},_=c.styled(m.ButtonBase,{name:"MuiIconButton",slot:"Root",overridesResolver:(o,r)=>{const{ownerState:t}=o;return[r.root,t.color!=="default"&&r[`color${e.capitalize(t.color)}`],t.edge&&r[`edge${e.capitalize(t.edge)}`],r[`size${e.capitalize(t.size)}`]]}})(({theme:o,ownerState:r})=>e._extends({textAlign:"center",flex:"0 0 auto",fontSize:o.typography.pxToRem(24),padding:8,borderRadius:"50%",overflow:"visible",color:(o.vars||o).palette.action.active,transition:o.transitions.create("background-color",{duration:o.transitions.duration.shortest})},!r.disableRipple&&{"&:hover":{backgroundColor:o.vars?`rgba(${o.vars.palette.action.activeChannel} / ${o.vars.palette.action.hoverOpacity})`:e.alpha_1(o.palette.action.active,o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:"transparent"}}},r.edge==="start"&&{marginLeft:r.size==="small"?-3:-12},r.edge==="end"&&{marginRight:r.size==="small"?-3:-12}),({theme:o,ownerState:r})=>{var t;const s=(t=(o.vars||o).palette)==null?void 0:t[r.color];return e._extends({},r.color==="inherit"&&{color:"inherit"},r.color!=="inherit"&&r.color!=="default"&&e._extends({color:s==null?void 0:s.main},!r.disableRipple&&{"&:hover":e._extends({},s&&{backgroundColor:o.vars?`rgba(${s.mainChannel} / ${o.vars.palette.action.hoverOpacity})`:e.alpha_1(s.main,o.palette.action.hoverOpacity)},{"@media (hover: none)":{backgroundColor:"transparent"}})}),r.size==="small"&&{padding:5,fontSize:o.typography.pxToRem(18)},r.size==="large"&&{padding:12,fontSize:o.typography.pxToRem(28)},{[`&.${f.disabled}`]:{backgroundColor:"transparent",color:(o.vars||o).palette.action.disabled}})}),g=l.forwardRef(function(r,t){const s=c.useDefaultProps({props:r,name:"MuiIconButton"}),{edge:n=!1,children:i,className:a,color:b="default",disabled:p=!1,disableFocusRipple:d=!1,size:v="medium"}=s,T=e._objectWithoutPropertiesLoose(s,O),u=e._extends({},s,{edge:n,color:b,disabled:p,disableFocusRipple:d,size:v}),P=x(u);return h.jsx(_,e._extends({className:e.clsx(P.root,a),centerRipple:!0,focusRipple:!d,disabled:p,ref:t},T,{ownerState:u,children:i}))});process.env.NODE_ENV!=="production"&&(g.propTypes={children:C.chainPropTypes(e.PropTypes.node,o=>l.Children.toArray(o.children).some(t=>l.isValidElement(t)&&t.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),classes:e.PropTypes.object,className:e.PropTypes.string,color:e.PropTypes.oneOfType([e.PropTypes.oneOf(["inherit","default","primary","secondary","error","info","success","warning"]),e.PropTypes.string]),disabled:e.PropTypes.bool,disableFocusRipple:e.PropTypes.bool,disableRipple:e.PropTypes.bool,edge:e.PropTypes.oneOf(["end","start",!1]),size:e.PropTypes.oneOfType([e.PropTypes.oneOf(["small","medium","large"]),e.PropTypes.string]),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])});exports.IconButton=g;exports.getIconButtonUtilityClass=y;exports.iconButtonClasses=f;

package/dist/IconButton-BBfmzBP6.js

@@ -0,0 +1,184 @@
+import { v as h, w as z, q as n, m as t, x as g, _ as R, y as C, P as r } from "./identifier-CAQ9PWqs.js";
+import * as d from "react";
+import { s as B, u as I, c as O } from "./styled-Co-8YWfm.js";
+import { jsx as x } from "react/jsx-runtime";
+import { B as $ } from "./ButtonBase-cOL6Mpcp.js";
+import { c as T } from "./refType-DiVIFcsY.js";
+function k(o) {
+  return h("MuiIconButton", o);
+}
+const P = z("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge"]), _ = P, j = ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"], E = (o) => {
+  const {
+    classes: e,
+    disabled: s,
+    color: a,
+    edge: i,
+    size: l
+  } = o, c = {
+    root: ["root", s && "disabled", a !== "default" && `color${n(a)}`, i && `edge${n(i)}`, `size${n(l)}`]
+  };
+  return O(c, k, e);
+}, M = B($, {
+  name: "MuiIconButton",
+  slot: "Root",
+  overridesResolver: (o, e) => {
+    const {
+      ownerState: s
+    } = o;
+    return [e.root, s.color !== "default" && e[`color${n(s.color)}`], s.edge && e[`edge${n(s.edge)}`], e[`size${n(s.size)}`]];
+  }
+})(({
+  theme: o,
+  ownerState: e
+}) => t({
+  textAlign: "center",
+  flex: "0 0 auto",
+  fontSize: o.typography.pxToRem(24),
+  padding: 8,
+  borderRadius: "50%",
+  overflow: "visible",
+  // Explicitly set the default value to solve a bug on IE11.
+  color: (o.vars || o).palette.action.active,
+  transition: o.transitions.create("background-color", {
+    duration: o.transitions.duration.shortest
+  })
+}, !e.disableRipple && {
+  "&: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"
+    }
+  }
+}, e.edge === "start" && {
+  marginLeft: e.size === "small" ? -3 : -12
+}, e.edge === "end" && {
+  marginRight: e.size === "small" ? -3 : -12
+}), ({
+  theme: o,
+  ownerState: e
+}) => {
+  var s;
+  const a = (s = (o.vars || o).palette) == null ? void 0 : s[e.color];
+  return t({}, e.color === "inherit" && {
+    color: "inherit"
+  }, e.color !== "inherit" && e.color !== "default" && t({
+    color: a == null ? void 0 : a.main
+  }, !e.disableRipple && {
+    "&:hover": t({}, a && {
+      backgroundColor: o.vars ? `rgba(${a.mainChannel} / ${o.vars.palette.action.hoverOpacity})` : g(a.main, o.palette.action.hoverOpacity)
+    }, {
+      // Reset on touch devices, it doesn't add specificity
+      "@media (hover: none)": {
+        backgroundColor: "transparent"
+      }
+    })
+  }), e.size === "small" && {
+    padding: 5,
+    fontSize: o.typography.pxToRem(18)
+  }, e.size === "large" && {
+    padding: 12,
+    fontSize: o.typography.pxToRem(28)
+  }, {
+    [`&.${_.disabled}`]: {
+      backgroundColor: "transparent",
+      color: (o.vars || o).palette.action.disabled
+    }
+  });
+}), N = /* @__PURE__ */ d.forwardRef(function(e, s) {
+  const a = I({
+    props: e,
+    name: "MuiIconButton"
+  }), {
+    edge: i = !1,
+    children: l,
+    className: c,
+    color: b = "default",
+    disabled: p = !1,
+    disableFocusRipple: u = !1,
+    size: v = "medium"
+  } = a, m = R(a, j), f = t({}, a, {
+    edge: i,
+    color: b,
+    disabled: p,
+    disableFocusRipple: u,
+    size: v
+  }), y = E(f);
+  return /* @__PURE__ */ x(M, t({
+    className: C(y.root, c),
+    centerRipple: !0,
+    focusRipple: !u,
+    disabled: p,
+    ref: s
+  }, m, {
+    ownerState: f,
+    children: l
+  }));
+});
+process.env.NODE_ENV !== "production" && (N.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: T(r.node, (o) => d.Children.toArray(o.children).some((s) => /* @__PURE__ */ d.isValidElement(s) && s.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: r.object,
+  /**
+   * @ignore
+   */
+  className: r.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: r.oneOfType([r.oneOf(["inherit", "default", "primary", "secondary", "error", "info", "success", "warning"]), r.string]),
+  /**
+   * If `true`, the component is disabled.
+   * @default false
+   */
+  disabled: r.bool,
+  /**
+   * If `true`, the  keyboard focus ripple is disabled.
+   * @default false
+   */
+  disableFocusRipple: r.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: r.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: r.oneOf(["end", "start", !1]),
+  /**
+   * The size of the component.
+   * `small` is equivalent to the dense button styling.
+   * @default 'medium'
+   */
+  size: r.oneOfType([r.oneOf(["small", "medium", "large"]), r.string]),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object])
+});
+export {
+  N as I,
+  k as g,
+  _ as i
+};

package/dist/InputAdornment-DHmtETz3.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./identifier-CWIj084w.cjs"),j=require("react"),f=require("./InputBase-BpGQgBej.cjs"),y=require("./styled-Bt4oYVnF.cjs"),a=require("react/jsx-runtime"),I=require("./Typography-YHooSvuR.cjs");function O(n){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const o in n)if(o!=="default"){const r=Object.getOwnPropertyDescriptor(n,o);Object.defineProperty(t,o,r.get?r:{enumerable:!0,get:()=>n[o]})}}return t.default=n,Object.freeze(t)}const b=O(j);function A(n){return e.generateUtilityClass("MuiInputAdornment",n)}const P=e.generateUtilityClasses("MuiInputAdornment",["root","filled","standard","outlined","positionStart","positionEnd","disablePointerEvents","hiddenLabel","sizeSmall"]);var h;const _=["children","className","component","disablePointerEvents","disableTypography","position","variant"],C=(n,t)=>{const{ownerState:o}=n;return[t.root,t[`position${e.capitalize(o.position)}`],o.disablePointerEvents===!0&&t.disablePointerEvents,t[o.variant]]},N=n=>{const{classes:t,disablePointerEvents:o,hiddenLabel:r,position:s,size:p,variant:l}=n,d={root:["root",o&&"disablePointerEvents",s&&`position${e.capitalize(s)}`,l,r&&"hiddenLabel",p&&`size${e.capitalize(p)}`]};return y.composeClasses(d,A,t)},z=y.styled("div",{name:"MuiInputAdornment",slot:"Root",overridesResolver:C})(({theme:n,ownerState:t})=>e._extends({display:"flex",height:"0.01em",maxHeight:"2em",alignItems:"center",whiteSpace:"nowrap",color:(n.vars||n).palette.action.active},t.variant==="filled"&&{[`&.${P.positionStart}&:not(.${P.hiddenLabel})`]:{marginTop:16}},t.position==="start"&&{marginRight:8},t.position==="end"&&{marginLeft:8},t.disablePointerEvents===!0&&{pointerEvents:"none"})),T=b.forwardRef(function(t,o){const r=y.useDefaultProps({props:t,name:"MuiInputAdornment"}),{children:s,className:p,component:l="div",disablePointerEvents:d=!1,disableTypography:g=!1,position:m,variant:c}=r,x=e._objectWithoutPropertiesLoose(r,_),i=f.useFormControl()||{};let u=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&&!u&&(u=i.variant);const v=e._extends({},r,{hiddenLabel:i.hiddenLabel,size:i.size,disablePointerEvents:d,position:m,variant:u}),E=N(v);return a.jsx(f.FormControlContext.Provider,{value:null,children:a.jsx(z,e._extends({as:l,ownerState:v,className:e.clsx(E.root,p),ref:o},x,{children:typeof s=="string"&&!g?a.jsx(I.Typography,{color:"text.secondary",children:s}):a.jsxs(b.Fragment,{children:[m==="start"?h||(h=a.jsx("span",{className:"notranslate",children:"​"})):null,s]})}))})});process.env.NODE_ENV!=="production"&&(T.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=T;