@cgi-learning-hub/ui 1.3.2 → 1.3.3

package/dist/InputBase-Ctmib7Br.cjs

@@ -0,0 +1,3 @@
+"use strict";const je=require("react"),e=require("./identifier-BQH88SE0.cjs"),de=require("./formControlState-DCkDUdfO.cjs"),fe=require("./useFormControl-haP0iPhl.cjs"),Me=require("./index-CNv8ppur.cjs"),he=require("./memoTheme-B6o2KVgJ.cjs"),w=require("react/jsx-runtime"),V=require("./DefaultPropsProvider-BrX6iuA3.cjs"),Te=require("./useForkRef-D81w5oMb.cjs"),B=require("./refType-Do7KaOvv.cjs"),ee=require("./ownerWindow-Dk_4aaak.cjs");function He(o){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const t in o)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(o,t);Object.defineProperty(n,t,a.get?a:{enumerable:!0,get:()=>o[t]})}}return n.default=o,Object.freeze(n)}const l=He(je);function q(o){return parseInt(o,10)||0}const We={shadow:{visibility:"hidden",position:"absolute",overflow:"hidden",height:0,top:0,left:0,transform:"translateZ(0)"}};function De(o){return o==null||Object.keys(o).length===0||o.outerHeightStyle===0&&!o.overflowing}const be=l.forwardRef(function(n,t){const{onChange:a,maxRows:f,minRows:c=1,style:R,value:O,...j}=n,{current:v}=l.useRef(O!=null),m=l.useRef(null),E=Te.useForkRef(t,m),h=l.useRef(null),x=l.useRef(null),P=l.useCallback(()=>{const p=m.current,r=ee.ownerWindow(p).getComputedStyle(p);if(r.width==="0px")return{outerHeightStyle:0,overflowing:!1};const d=x.current;d.style.width=r.width,d.value=p.value||n.placeholder||"x",d.value.slice(-1)===`
+`&&(d.value+=" ");const I=r.boxSizing,S=q(r.paddingBottom)+q(r.paddingTop),b=q(r.borderBottomWidth)+q(r.borderTopWidth),F=d.scrollHeight;d.value="x";const N=d.scrollHeight;let u=F;c&&(u=Math.max(Number(c)*N,u)),f&&(u=Math.min(Number(f)*N,u)),u=Math.max(u,N);const M=u+(I==="border-box"?S+b:0),H=Math.abs(u-F)<=1;return{outerHeightStyle:M,overflowing:H}},[f,c,n.placeholder]),C=l.useCallback(()=>{const p=P();if(De(p))return;const T=p.outerHeightStyle,r=m.current;h.current!==T&&(h.current=T,r.style.height=`${T}px`),r.style.overflow=p.overflowing?"hidden":""},[P]);B.useEnhancedEffect(()=>{const p=()=>{C()};let T;const r=()=>{cancelAnimationFrame(T),T=requestAnimationFrame(()=>{p()})},d=ee.debounce(p),I=m.current,S=ee.ownerWindow(I);S.addEventListener("resize",d);let b;return typeof ResizeObserver<"u"&&(b=new ResizeObserver(process.env.NODE_ENV==="test"?r:p),b.observe(I)),()=>{d.clear(),cancelAnimationFrame(T),S.removeEventListener("resize",d),b&&b.disconnect()}},[P,C]),B.useEnhancedEffect(()=>{C()});const U=p=>{v||C(),a&&a(p)};return w.jsxs(l.Fragment,{children:[w.jsx("textarea",{value:O,onChange:U,ref:E,rows:c,style:R,...j}),w.jsx("textarea",{"aria-hidden":!0,className:n.className,readOnly:!0,ref:x,tabIndex:-1,style:{...We.shadow,...R,paddingTop:0,paddingBottom:0}})]})});process.env.NODE_ENV!=="production"&&(be.propTypes={className:e.PropTypes.string,maxRows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),minRows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),onChange:e.PropTypes.func,placeholder:e.PropTypes.string,style:e.PropTypes.object,value:e.PropTypes.oneOfType([e.PropTypes.arrayOf(e.PropTypes.string),e.PropTypes.number,e.PropTypes.string])});function oe(o){return typeof o=="string"}function qe(o){return e.generateUtilityClass("MuiInputBase",o)}const L=e.generateUtilityClasses("MuiInputBase",["root","formControl","focused","disabled","adornedStart","adornedEnd","error","sizeSmall","multiline","colorSecondary","fullWidth","hiddenLabel","readOnly","input","inputSizeSmall","inputMultiline","inputTypeSearch","inputAdornedStart","inputAdornedEnd","inputHiddenLabel"]);var ye;const ge=(o,n)=>{const{ownerState:t}=o;return[n.root,t.formControl&&n.formControl,t.startAdornment&&n.adornedStart,t.endAdornment&&n.adornedEnd,t.error&&n.error,t.size==="small"&&n.sizeSmall,t.multiline&&n.multiline,t.color&&n[`color${e.capitalize(t.color)}`],t.fullWidth&&n.fullWidth,t.hiddenLabel&&n.hiddenLabel]},Pe=(o,n)=>{const{ownerState:t}=o;return[n.input,t.size==="small"&&n.inputSizeSmall,t.multiline&&n.inputMultiline,t.type==="search"&&n.inputTypeSearch,t.startAdornment&&n.inputAdornedStart,t.endAdornment&&n.inputAdornedEnd,t.hiddenLabel&&n.inputHiddenLabel]},Le=o=>{const{classes:n,color:t,disabled:a,error:f,endAdornment:c,focused:R,formControl:O,fullWidth:j,hiddenLabel:v,multiline:m,readOnly:E,size:h,startAdornment:x,type:P}=o,C={root:["root",`color${e.capitalize(t)}`,a&&"disabled",f&&"error",j&&"fullWidth",R&&"focused",O&&"formControl",h&&h!=="medium"&&`size${e.capitalize(h)}`,m&&"multiline",x&&"adornedStart",c&&"adornedEnd",v&&"hiddenLabel",E&&"readOnly"],input:["input",a&&"disabled",P==="search"&&"inputTypeSearch",m&&"inputMultiline",h==="small"&&"inputSizeSmall",v&&"inputHiddenLabel",x&&"inputAdornedStart",c&&"inputAdornedEnd",E&&"readOnly"]};return V.composeClasses(C,qe,n)},we=V.styled("div",{name:"MuiInputBase",slot:"Root",overridesResolver:ge})(he.memoTheme(({theme:o})=>({...o.typography.body1,color:(o.vars||o).palette.text.primary,lineHeight:"1.4375em",boxSizing:"border-box",position:"relative",cursor:"text",display:"inline-flex",alignItems:"center",[`&.${L.disabled}`]:{color:(o.vars||o).palette.text.disabled,cursor:"default"},variants:[{props:({ownerState:n})=>n.multiline,style:{padding:"4px 0 5px"}},{props:({ownerState:n,size:t})=>n.multiline&&t==="small",style:{paddingTop:1}},{props:({ownerState:n})=>n.fullWidth,style:{width:"100%"}}]}))),ve=V.styled("input",{name:"MuiInputBase",slot:"Input",overridesResolver:Pe})(he.memoTheme(({theme:o})=>{const n=o.palette.mode==="light",t={color:"currentColor",...o.vars?{opacity:o.vars.opacity.inputPlaceholder}:{opacity:n?.42:.5},transition:o.transitions.create("opacity",{duration:o.transitions.duration.shorter})},a={opacity:"0 !important"},f=o.vars?{opacity:o.vars.opacity.inputPlaceholder}:{opacity:n?.42:.5};return{font:"inherit",letterSpacing:"inherit",color:"currentColor",padding:"4px 0 5px",border:0,boxSizing:"content-box",background:"none",height:"1.4375em",margin:0,WebkitTapHighlightColor:"transparent",display:"block",minWidth:0,width:"100%","&::-webkit-input-placeholder":t,"&::-moz-placeholder":t,"&::-ms-input-placeholder":t,"&:focus":{outline:0},"&:invalid":{boxShadow:"none"},"&::-webkit-search-decoration":{WebkitAppearance:"none"},[`label[data-shrink=false] + .${L.formControl} &`]:{"&::-webkit-input-placeholder":a,"&::-moz-placeholder":a,"&::-ms-input-placeholder":a,"&:focus::-webkit-input-placeholder":f,"&:focus::-moz-placeholder":f,"&:focus::-ms-input-placeholder":f},[`&.${L.disabled}`]:{opacity:1,WebkitTextFillColor:(o.vars||o).palette.text.disabled},variants:[{props:({ownerState:c})=>!c.disableInjectingGlobalStyles,style:{animationName:"mui-auto-fill-cancel",animationDuration:"10ms","&:-webkit-autofill":{animationDuration:"5000s",animationName:"mui-auto-fill"}}},{props:{size:"small"},style:{paddingTop:1}},{props:({ownerState:c})=>c.multiline,style:{height:"auto",resize:"none",padding:0,paddingTop:0}},{props:{type:"search"},style:{MozAppearance:"textfield"}}]}})),me=Me.globalCss({"@keyframes mui-auto-fill":{from:{display:"block"}},"@keyframes mui-auto-fill-cancel":{from:{display:"block"}}}),xe=l.forwardRef(function(n,t){const a=V.useDefaultProps({props:n,name:"MuiInputBase"}),{"aria-describedby":f,autoComplete:c,autoFocus:R,className:O,color:j,components:v={},componentsProps:m={},defaultValue:E,disabled:h,disableInjectingGlobalStyles:x,endAdornment:P,error:C,fullWidth:U=!1,id:p,inputComponent:T="input",inputProps:r={},inputRef:d,margin:I,maxRows:S,minRows:b,multiline:F=!1,name:N,onBlur:u,onChange:M,onClick:H,onFocus:ne,onKeyDown:Ce,onKeyUp:Se,placeholder:Re,readOnly:_,renderSuffix:te,rows:W,size:Ve,slotProps:re={},slots:se={},startAdornment:k,type:ie="text",value:Oe,...Ee}=a,D=r.value!=null?r.value:Oe,{current:$}=l.useRef(D!=null),z=l.useRef(),ze=l.useCallback(s=>{process.env.NODE_ENV!=="production"&&s&&s.nodeName!=="INPUT"&&!s.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(`
+`))},[]),Ie=Te.useForkRef(z,d,r.ref,ze),[K,G]=l.useState(!1),i=fe.useFormControl();process.env.NODE_ENV!=="production"&&l.useEffect(()=>{if(i)return i.registerEffect()},[i]);const y=de.formControlState({props:a,muiFormControl:i,states:["color","disabled","error","hiddenLabel","size","required","filled"]});y.focused=i?i.focused:K,l.useEffect(()=>{!i&&h&&K&&(G(!1),u&&u())},[i,h,K,u]);const Y=i&&i.onFilled,Z=i&&i.onEmpty,A=l.useCallback(s=>{de.isFilled(s)?Y&&Y():Z&&Z()},[Y,Z]);B.useEnhancedEffect(()=>{$&&A({value:D})},[D,A,$]);const Fe=s=>{ne&&ne(s),r.onFocus&&r.onFocus(s),i&&i.onFocus?i.onFocus(s):G(!0)},Ne=s=>{u&&u(s),r.onBlur&&r.onBlur(s),i&&i.onBlur?i.onBlur(s):G(!1)},ke=(s,...ue)=>{if(!$){const ce=s.target||z.current;if(ce==null)throw new Error(process.env.NODE_ENV!=="production"?"MUI: Expected valid input target. Did you use a custom `inputComponent` and forget to forward refs? See https://mui.com/r/input-component-ref-interface for more info.":e.formatMuiErrorMessage(1));A({value:ce.value})}r.onChange&&r.onChange(s,...ue),M&&M(s,...ue)};l.useEffect(()=>{A(z.current)},[]);const Ae=s=>{z.current&&s.currentTarget===s.target&&z.current.focus(),H&&H(s)};let J=T,g=r;F&&J==="input"&&(W?(process.env.NODE_ENV!=="production"&&(b||S)&&console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."),g={type:void 0,minRows:W,maxRows:W,...g}):g={type:void 0,maxRows:S,minRows:b,...g},J=be);const Be=s=>{A(s.animationName==="mui-auto-fill-cancel"?z.current:{value:"x"})};l.useEffect(()=>{i&&i.setAdornedStart(!!k)},[i,k]);const Q={...a,color:y.color||"primary",disabled:y.disabled,endAdornment:P,error:y.error,focused:y.focused,formControl:i,fullWidth:U,hiddenLabel:y.hiddenLabel,multiline:F,size:y.size,startAdornment:k,type:ie},le=Le(Q),ae=se.root||v.Root||we,X=re.root||m.root||{},pe=se.input||v.Input||ve;return g={...g,...re.input??m.input},w.jsxs(l.Fragment,{children:[!x&&typeof me=="function"&&(ye||(ye=w.jsx(me,{}))),w.jsxs(ae,{...X,ref:t,onClick:Ae,...Ee,...!oe(ae)&&{ownerState:{...Q,...X.ownerState}},className:e.clsx(le.root,X.className,O,_&&"MuiInputBase-readOnly"),children:[k,w.jsx(fe.FormControlContext.Provider,{value:null,children:w.jsx(pe,{"aria-invalid":y.error,"aria-describedby":f,autoComplete:c,autoFocus:R,defaultValue:E,disabled:y.disabled,id:p,onAnimationStart:Be,name:N,placeholder:Re,readOnly:_,required:y.required,rows:W,value:D,onKeyDown:Ce,onKeyUp:Se,type:ie,...g,...!oe(pe)&&{as:J,ownerState:{...Q,...g.ownerState}},ref:Ie,className:e.clsx(le.input,g.className,_&&"MuiInputBase-readOnly"),onBlur:Ne,onChange:ke,onFocus:Fe})}),P,te?te({...y,startAdornment:k}):null]})]})});process.env.NODE_ENV!=="production"&&(xe.propTypes={"aria-describedby":e.PropTypes.string,autoComplete:e.PropTypes.string,autoFocus:e.PropTypes.bool,classes:e.PropTypes.object,className:e.PropTypes.string,color:e.PropTypes.oneOfType([e.PropTypes.oneOf(["primary","secondary","error","info","success","warning"]),e.PropTypes.string]),components:e.PropTypes.shape({Input:e.PropTypes.elementType,Root:e.PropTypes.elementType}),componentsProps:e.PropTypes.shape({input:e.PropTypes.object,root:e.PropTypes.object}),defaultValue:e.PropTypes.any,disabled:e.PropTypes.bool,disableInjectingGlobalStyles:e.PropTypes.bool,endAdornment:e.PropTypes.node,error:e.PropTypes.bool,fullWidth:e.PropTypes.bool,id:e.PropTypes.string,inputComponent:B.elementTypeAcceptingRef,inputProps:e.PropTypes.object,inputRef:B.refType,margin:e.PropTypes.oneOf(["dense","none"]),maxRows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),minRows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),multiline:e.PropTypes.bool,name:e.PropTypes.string,onBlur:e.PropTypes.func,onChange:e.PropTypes.func,onClick:e.PropTypes.func,onFocus:e.PropTypes.func,onInvalid:e.PropTypes.func,onKeyDown:e.PropTypes.func,onKeyUp:e.PropTypes.func,placeholder:e.PropTypes.string,readOnly:e.PropTypes.bool,renderSuffix:e.PropTypes.func,required:e.PropTypes.bool,rows:e.PropTypes.oneOfType([e.PropTypes.number,e.PropTypes.string]),size:e.PropTypes.oneOfType([e.PropTypes.oneOf(["medium","small"]),e.PropTypes.string]),slotProps:e.PropTypes.shape({input:e.PropTypes.object,root:e.PropTypes.object}),slots:e.PropTypes.shape({input:e.PropTypes.elementType,root:e.PropTypes.elementType}),startAdornment:e.PropTypes.node,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]),type:e.PropTypes.string,value:e.PropTypes.any});exports.InputBase=xe;exports.InputBaseInput=ve;exports.InputBaseRoot=we;exports.inputBaseClasses=L;exports.inputOverridesResolver=Pe;exports.isHostComponent=oe;exports.rootOverridesResolver=ge;

package/dist/MenuItem-D7HWYhF3.js

@@ -0,0 +1,277 @@
+import * as c from "react";
+import { I as p, J as u, K as x, P as t, n as d } from "./identifier-BqadgaK7.js";
+import { s as B, r as D, u as S, c as P } from "./DefaultPropsProvider-CaRoy5OV.js";
+import { m as j } from "./memoTheme-DfGVDRrB.js";
+import { j as M } from "./Select-BlPQngVF.js";
+import { jsx as $ } from "react/jsx-runtime";
+import { B as E } from "./ButtonBase-CFD7NVUc.js";
+import { u as F } from "./refType-DlHf9HvO.js";
+import { u as G } from "./useForkRef-D-DyzOXj.js";
+function ee(e) {
+  return p("MuiDivider", e);
+}
+const O = u("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle", "flexItem", "light", "vertical", "withChildren", "withChildrenVertical", "textAlignRight", "textAlignLeft", "wrapper", "wrapperVertical"]);
+function te(e) {
+  return p("MuiListItemIcon", e);
+}
+const T = u("MuiListItemIcon", ["root", "alignItemsFlexStart"]);
+function se(e) {
+  return p("MuiListItemText", e);
+}
+const w = u("MuiListItemText", ["root", "multiline", "dense", "inset", "primary", "secondary"]);
+function H(e) {
+  return p("MuiMenuItem", e);
+}
+const n = u("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divider", "gutters", "selected"]), h = (e, s) => {
+  const {
+    ownerState: o
+  } = e;
+  return [s.root, o.dense && s.dense, o.divider && s.divider, !o.disableGutters && s.gutters];
+}, z = (e) => {
+  const {
+    disabled: s,
+    dense: o,
+    divider: a,
+    disableGutters: l,
+    selected: m,
+    classes: i
+  } = e, r = P({
+    root: ["root", o && "dense", s && "disabled", !l && "gutters", a && "divider", m && "selected"]
+  }, H, i);
+  return {
+    ...i,
+    ...r
+  };
+}, A = B(E, {
+  shouldForwardProp: (e) => D(e) || e === "classes",
+  name: "MuiMenuItem",
+  slot: "Root",
+  overridesResolver: h
+})(j(({
+  theme: e
+}) => ({
+  ...e.typography.body1,
+  display: "flex",
+  justifyContent: "flex-start",
+  alignItems: "center",
+  position: "relative",
+  textDecoration: "none",
+  minHeight: 48,
+  paddingTop: 6,
+  paddingBottom: 6,
+  boxSizing: "border-box",
+  whiteSpace: "nowrap",
+  "&:hover": {
+    textDecoration: "none",
+    backgroundColor: (e.vars || e).palette.action.hover,
+    // Reset on touch devices, it doesn't add specificity
+    "@media (hover: none)": {
+      backgroundColor: "transparent"
+    }
+  },
+  [`&.${n.selected}`]: {
+    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : d(e.palette.primary.main, e.palette.action.selectedOpacity),
+    [`&.${n.focusVisible}`]: {
+      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : d(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
+    }
+  },
+  [`&.${n.selected}:hover`]: {
+    backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))` : d(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity),
+    // Reset on touch devices, it doesn't add specificity
+    "@media (hover: none)": {
+      backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : d(e.palette.primary.main, e.palette.action.selectedOpacity)
+    }
+  },
+  [`&.${n.focusVisible}`]: {
+    backgroundColor: (e.vars || e).palette.action.focus
+  },
+  [`&.${n.disabled}`]: {
+    opacity: (e.vars || e).palette.action.disabledOpacity
+  },
+  [`& + .${O.root}`]: {
+    marginTop: e.spacing(1),
+    marginBottom: e.spacing(1)
+  },
+  [`& + .${O.inset}`]: {
+    marginLeft: 52
+  },
+  [`& .${w.root}`]: {
+    marginTop: 0,
+    marginBottom: 0
+  },
+  [`& .${w.inset}`]: {
+    paddingLeft: 36
+  },
+  [`& .${T.root}`]: {
+    minWidth: 36
+  },
+  variants: [{
+    props: ({
+      ownerState: s
+    }) => !s.disableGutters,
+    style: {
+      paddingLeft: 16,
+      paddingRight: 16
+    }
+  }, {
+    props: ({
+      ownerState: s
+    }) => s.divider,
+    style: {
+      borderBottom: `1px solid ${(e.vars || e).palette.divider}`,
+      backgroundClip: "padding-box"
+    }
+  }, {
+    props: ({
+      ownerState: s
+    }) => !s.dense,
+    style: {
+      [e.breakpoints.up("sm")]: {
+        minHeight: "auto"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: s
+    }) => s.dense,
+    style: {
+      minHeight: 32,
+      // https://m2.material.io/components/menus#specs > Dense
+      paddingTop: 4,
+      paddingBottom: 4,
+      ...e.typography.body2,
+      [`& .${T.root} svg`]: {
+        fontSize: "1.25rem"
+      }
+    }
+  }]
+}))), W = /* @__PURE__ */ c.forwardRef(function(s, o) {
+  const a = S({
+    props: s,
+    name: "MuiMenuItem"
+  }), {
+    autoFocus: l = !1,
+    component: m = "li",
+    dense: i = !1,
+    divider: g = !1,
+    disableGutters: r = !1,
+    focusVisibleClassName: L,
+    role: R = "menuitem",
+    tabIndex: v,
+    className: V,
+    ...k
+  } = a, y = c.useContext(M), C = c.useMemo(() => ({
+    dense: i || y.dense || !1,
+    disableGutters: r
+  }), [y.dense, i, r]), f = c.useRef(null);
+  F(() => {
+    l && (f.current ? f.current.focus() : process.env.NODE_ENV !== "production" && console.error("MUI: Unable to set focus to a MenuItem whose component has not been rendered."));
+  }, [l]);
+  const N = {
+    ...a,
+    dense: C.dense,
+    divider: g,
+    disableGutters: r
+  }, b = z(a), U = G(f, o);
+  let I;
+  return a.disabled || (I = v !== void 0 ? v : -1), /* @__PURE__ */ $(M.Provider, {
+    value: C,
+    children: /* @__PURE__ */ $(A, {
+      ref: U,
+      role: R,
+      tabIndex: I,
+      component: m,
+      focusVisibleClassName: x(b.focusVisible, L),
+      className: x(b.root, V),
+      ...k,
+      ownerState: N,
+      classes: b
+    })
+  });
+});
+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`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * If `true`, the list item is focused during the first mount.
+   * Focus will also be triggered if the value changes from false to true.
+   * @default false
+   */
+  autoFocus: t.bool,
+  /**
+   * The content of the component.
+   */
+  children: t.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: t.object,
+  /**
+   * @ignore
+   */
+  className: t.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: t.elementType,
+  /**
+   * If `true`, compact vertical padding designed for keyboard and mouse input is used.
+   * The prop defaults to the value inherited from the parent Menu component.
+   * @default false
+   */
+  dense: t.bool,
+  /**
+   * @ignore
+   */
+  disabled: t.bool,
+  /**
+   * If `true`, the left and right padding is removed.
+   * @default false
+   */
+  disableGutters: t.bool,
+  /**
+   * If `true`, a 1px light border is added to the bottom of the menu item.
+   * @default false
+   */
+  divider: t.bool,
+  /**
+   * This prop can help identify which element has keyboard focus.
+   * The class name will be applied when the element gains the focus through keyboard interaction.
+   * It's a polyfill for the [CSS :focus-visible selector](https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo).
+   * The rationale for using this feature [is explained here](https://github.com/WICG/focus-visible/blob/HEAD/explainer.md).
+   * A [polyfill can be used](https://github.com/WICG/focus-visible) to apply a `focus-visible` class to other components
+   * if needed.
+   */
+  focusVisibleClassName: t.string,
+  /**
+   * @ignore
+   */
+  role: t.string,
+  /**
+   * If `true`, the component is selected.
+   * @default false
+   */
+  selected: t.bool,
+  /**
+   * 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]),
+  /**
+   * @default 0
+   */
+  tabIndex: t.number
+});
+export {
+  W as M,
+  te as a,
+  w as b,
+  se as c,
+  O as d,
+  H as e,
+  ee as g,
+  T as l,
+  n as m
+};

package/dist/MenuItem-Els-vJZW.cjs

@@ -0,0 +1 @@
+"use strict";const D=require("react"),t=require("./identifier-BQH88SE0.cjs"),p=require("./DefaultPropsProvider-BrX6iuA3.cjs"),j=require("./memoTheme-B6o2KVgJ.cjs"),x=require("./Select-ipcMZ4iK.cjs"),P=require("react/jsx-runtime"),N=require("./ButtonBase-UEHzzfUL.cjs"),S=require("./refType-Do7KaOvv.cjs"),V=require("./useForkRef-D81w5oMb.cjs");function q(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const i=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(s,o,i.get?i:{enumerable:!0,get:()=>e[o]})}}return s.default=e,Object.freeze(s)}const c=q(D);function B(e){return t.generateUtilityClass("MuiDivider",e)}const f=t.generateUtilityClasses("MuiDivider",["root","absolute","fullWidth","inset","middle","flexItem","light","vertical","withChildren","withChildrenVertical","textAlignRight","textAlignLeft","wrapper","wrapperVertical"]);function F(e){return t.generateUtilityClass("MuiListItemIcon",e)}const b=t.generateUtilityClasses("MuiListItemIcon",["root","alignItemsFlexStart"]);function h(e){return t.generateUtilityClass("MuiListItemText",e)}const m=t.generateUtilityClasses("MuiListItemText",["root","multiline","dense","inset","primary","secondary"]);function M(e){return t.generateUtilityClass("MuiMenuItem",e)}const a=t.generateUtilityClasses("MuiMenuItem",["root","focusVisible","dense","disabled","divider","gutters","selected"]),E=(e,s)=>{const{ownerState:o}=e;return[s.root,o.dense&&s.dense,o.divider&&s.divider,!o.disableGutters&&s.gutters]},G=e=>{const{disabled:s,dense:o,divider:i,disableGutters:l,selected:d,classes:r}=e,u={root:["root",o&&"dense",s&&"disabled",!l&&"gutters",i&&"divider",d&&"selected"]},n=p.composeClasses(u,M,r);return{...r,...n}},_=p.styled(N.ButtonBase,{shouldForwardProp:e=>p.rootShouldForwardProp(e)||e==="classes",name:"MuiMenuItem",slot:"Root",overridesResolver:E})(j.memoTheme(({theme:e})=>({...e.typography.body1,display:"flex",justifyContent:"flex-start",alignItems:"center",position:"relative",textDecoration:"none",minHeight:48,paddingTop:6,paddingBottom:6,boxSizing:"border-box",whiteSpace:"nowrap","&:hover":{textDecoration:"none",backgroundColor:(e.vars||e).palette.action.hover,"@media (hover: none)":{backgroundColor:"transparent"}},[`&.${a.selected}`]:{backgroundColor:e.vars?`rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})`:t.alpha(e.palette.primary.main,e.palette.action.selectedOpacity),[`&.${a.focusVisible}`]:{backgroundColor:e.vars?`rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))`:t.alpha(e.palette.primary.main,e.palette.action.selectedOpacity+e.palette.action.focusOpacity)}},[`&.${a.selected}:hover`]:{backgroundColor:e.vars?`rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))`:t.alpha(e.palette.primary.main,e.palette.action.selectedOpacity+e.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:e.vars?`rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})`:t.alpha(e.palette.primary.main,e.palette.action.selectedOpacity)}},[`&.${a.focusVisible}`]:{backgroundColor:(e.vars||e).palette.action.focus},[`&.${a.disabled}`]:{opacity:(e.vars||e).palette.action.disabledOpacity},[`& + .${f.root}`]:{marginTop:e.spacing(1),marginBottom:e.spacing(1)},[`& + .${f.inset}`]:{marginLeft:52},[`& .${m.root}`]:{marginTop:0,marginBottom:0},[`& .${m.inset}`]:{paddingLeft:36},[`& .${b.root}`]:{minWidth:36},variants:[{props:({ownerState:s})=>!s.disableGutters,style:{paddingLeft:16,paddingRight:16}},{props:({ownerState:s})=>s.divider,style:{borderBottom:`1px solid ${(e.vars||e).palette.divider}`,backgroundClip:"padding-box"}},{props:({ownerState:s})=>!s.dense,style:{[e.breakpoints.up("sm")]:{minHeight:"auto"}}},{props:({ownerState:s})=>s.dense,style:{minHeight:32,paddingTop:4,paddingBottom:4,...e.typography.body2,[`& .${b.root} svg`]:{fontSize:"1.25rem"}}}]}))),O=c.forwardRef(function(s,o){const i=p.useDefaultProps({props:s,name:"MuiMenuItem"}),{autoFocus:l=!1,component:d="li",dense:r=!1,divider:u=!1,disableGutters:n=!1,focusVisibleClassName:$,role:U="menuitem",tabIndex:v,className:w,...L}=i,C=c.useContext(x.ListContext),I=c.useMemo(()=>({dense:r||C.dense||!1,disableGutters:n}),[C.dense,r,n]),y=c.useRef(null);S.useEnhancedEffect(()=>{l&&(y.current?y.current.focus():process.env.NODE_ENV!=="production"&&console.error("MUI: Unable to set focus to a MenuItem whose component has not been rendered."))},[l]);const R={...i,dense:I.dense,divider:u,disableGutters:n},g=G(i),k=V.useForkRef(y,o);let T;return i.disabled||(T=v!==void 0?v:-1),P.jsx(x.ListContext.Provider,{value:I,children:P.jsx(_,{ref:k,role:U,tabIndex:T,component:d,focusVisibleClassName:t.clsx(g.focusVisible,$),className:t.clsx(g.root,w),...L,ownerState:R,classes:g})})});process.env.NODE_ENV!=="production"&&(O.propTypes={autoFocus:t.PropTypes.bool,children:t.PropTypes.node,classes:t.PropTypes.object,className:t.PropTypes.string,component:t.PropTypes.elementType,dense:t.PropTypes.bool,disabled:t.PropTypes.bool,disableGutters:t.PropTypes.bool,divider:t.PropTypes.bool,focusVisibleClassName:t.PropTypes.string,role:t.PropTypes.string,selected:t.PropTypes.bool,sx:t.PropTypes.oneOfType([t.PropTypes.arrayOf(t.PropTypes.oneOfType([t.PropTypes.func,t.PropTypes.object,t.PropTypes.bool])),t.PropTypes.func,t.PropTypes.object]),tabIndex:t.PropTypes.number});exports.MenuItem=O;exports.dividerClasses=f;exports.getDividerUtilityClass=B;exports.getListItemIconUtilityClass=F;exports.getListItemTextUtilityClass=h;exports.getMenuItemUtilityClass=M;exports.listItemIconClasses=b;exports.listItemTextClasses=m;exports.menuItemClasses=a;