@cgi-learning-hub/ui 0.0.1-dev.1709027888 → 0.0.1-dev.1709044405

package/dist/{IconButton-CJ1Nt-jf.js → IconButton-BvgHzYLs.js}

@@ -1,30 +1,30 @@
-import { g as z, a as R, s as C, c as n, _ as t, i as f, b as B, e as I, f as O, P as r, h as T } from "./useThemeProps-Dg9Uoq7q.js";
+import { g as z, a as R, s as C, c as n, _ as t, b as f, e as B, f as I, h as O, P as r, i as $ } from "./styled-DWGei2G_.js";
 import * as d from "react";
-import { jsx as $ } from "react/jsx-runtime";
-import { B as x } from "./ButtonBase-B0tkJ9zf.js";
-import { c as k } from "./refType-Hh9tfnoF.js";
+import { jsx as T } from "react/jsx-runtime";
+import { B as x } from "./ButtonBase-CWtGa3RS.js";
+import { c as k } from "./refType-D_zuIflA.js";
 function P(o) {
-  return R("MuiIconButton", o);
+  return z("MuiIconButton", o);
 }
-const j = z("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge"]), E = ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"], M = (o) => {
+const j = R("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary", "colorSecondary", "colorError", "colorInfo", "colorSuccess", "colorWarning", "edgeStart", "edgeEnd", "sizeSmall", "sizeMedium", "sizeLarge"]), E = j, M = ["edge", "children", "className", "color", "disabled", "disableFocusRipple", "size"], N = (o) => {
   const {
     classes: e,
-    disabled: a,
-    color: s,
+    disabled: s,
+    color: a,
     edge: i,
     size: l
   } = o, c = {
-    root: ["root", a && "disabled", s !== "default" && `color${n(s)}`, i && `edge${n(i)}`, `size${n(l)}`]
+    root: ["root", s && "disabled", a !== "default" && `color${n(a)}`, i && `edge${n(i)}`, `size${n(l)}`]
   };
-  return T(c, P, e);
-}, N = C(x, {
+  return $(c, P, e);
+}, _ = C(x, {
   name: "MuiIconButton",
   slot: "Root",
   overridesResolver: (o, e) => {
     const {
-      ownerState: a
+      ownerState: s
     } = o;
-    return [e.root, a.color !== "default" && e[`color${n(a.color)}`], a.edge && e[`edge${n(a.edge)}`], e[`size${n(a.size)}`]];
+    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,
@@ -57,15 +57,15 @@ const j = z("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
   theme: o,
   ownerState: e
 }) => {
-  var a;
-  const s = (a = (o.vars || o).palette) == null ? void 0 : a[e.color];
+  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: s == null ? void 0 : s.main
+    color: a == null ? void 0 : a.main
   }, !e.disableRipple && {
-    "&:hover": t({}, s && {
-      backgroundColor: o.vars ? `rgba(${s.mainChannel} / ${o.vars.palette.action.hoverOpacity})` : f(s.main, o.palette.action.hoverOpacity)
+    "&:hover": t({}, a && {
+      backgroundColor: o.vars ? `rgba(${a.mainChannel} / ${o.vars.palette.action.hoverOpacity})` : f(a.main, o.palette.action.hoverOpacity)
     }, {
       // Reset on touch devices, it doesn't add specificity
       "@media (hover: none)": {
@@ -79,13 +79,13 @@ const j = z("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
     padding: 12,
     fontSize: o.typography.pxToRem(28)
   }, {
-    [`&.${j.disabled}`]: {
+    [`&.${E.disabled}`]: {
       backgroundColor: "transparent",
       color: (o.vars || o).palette.action.disabled
     }
   });
-}), b = /* @__PURE__ */ d.forwardRef(function(e, a) {
-  const s = B({
+}), b = /* @__PURE__ */ d.forwardRef(function(e, s) {
+  const a = B({
     props: e,
     name: "MuiIconButton"
   }), {
@@ -96,19 +96,19 @@ const j = z("MuiIconButton", ["root", "disabled", "colorInherit", "colorPrimary"
     disabled: p = !1,
     disableFocusRipple: u = !1,
     size: y = "medium"
-  } = s, m = I(s, E), g = t({}, s, {
+  } = a, m = I(a, M), g = t({}, a, {
     edge: i,
     color: v,
     disabled: p,
     disableFocusRipple: u,
     size: y
-  }), h = M(g);
-  return /* @__PURE__ */ $(N, t({
+  }), h = N(g);
+  return /* @__PURE__ */ T(_, t({
     className: O(h.root, c),
     centerRipple: !0,
     focusRipple: !u,
     disabled: p,
-    ref: a,
+    ref: s,
     ownerState: g
   }, m, {
     children: l
@@ -122,7 +122,7 @@ process.env.NODE_ENV !== "production" && (b.propTypes = {
   /**
    * The icon to display.
    */
-  children: k(r.node, (o) => d.Children.toArray(o.children).some((a) => /* @__PURE__ */ d.isValidElement(a) && a.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(`
+  children: k(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.
@@ -176,7 +176,9 @@ process.env.NODE_ENV !== "production" && (b.propTypes = {
    */
   sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object])
 });
-const A = b;
+const V = b;
 export {
-  A as I
+  V as I,
+  P as g,
+  E as i
 };

package/dist/{InputBase-C_yPRkam.js → InputBase-DXIea1Cc.js}

@@ -1,11 +1,11 @@
-import { P as e, u as Pe, e as ge, _ as c, d as De, T as We, g as Ve, a as _e, s as we, b as Le, f as fe, c as ee, h as je, q as Ue } from "./useThemeProps-Dg9Uoq7q.js";
+import { P as e, u as Pe, f as ge, _ as c, d as De, T as We, a as Ve, g as _e, s as we, e as Le, h as fe, c as ee, i as je, q as Ue } from "./styled-DWGei2G_.js";
 import * as s from "react";
 import { jsx as R, jsxs as oe } from "react/jsx-runtime";
-import { a as ve, u as ne } from "./useForkRef-DwN_Iz9R.js";
+import { a as ve, u as ne } from "./useForkRef-CQ5u1_mH.js";
 import * as $e from "react-dom";
 import { a as me, d as Ge } from "./ownerWindow-C7EH1lr6.js";
 import { i as he } from "./isHostComponent-kiaBvYVo.js";
-import { e as Ke, r as qe } from "./refType-Hh9tfnoF.js";
+import { e as Ke, r as qe } from "./refType-D_zuIflA.js";
 import { Global as Ye } from "@emotion/react";
 function Ze(o) {
   return o == null || Object.keys(o).length === 0;

package/dist/{InputBase-Dvr5GnwD.cjs → InputBase-Dp2-NOH_.cjs}

@@ -1,4 +1,4 @@
-"use strict";const e=require("./useThemeProps-jkB5q9ie.cjs"),He=require("react"),P=require("react/jsx-runtime"),H=require("./useForkRef-CGd3Nhyb.cjs"),De=require("react-dom"),oe=require("./ownerWindow-Dk_4aaak.cjs"),ce=require("./isHostComponent-PydJW4A4.cjs"),fe=require("./refType-CHSN6ysS.cjs"),We=require("@emotion/react");function he(o){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const t in o)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(o,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>o[t]})}}return n.default=o,Object.freeze(n)}const p=he(He),Ve=he(De);function Le(o){return o==null||Object.keys(o).length===0}function Te(o){const{styles:n,defaultTheme:t={}}=o,r=typeof n=="function"?s=>n(Le(s)?t:s):n;return P.jsx(We.Global,{styles:r})}process.env.NODE_ENV!=="production"&&(Te.propTypes={defaultTheme:e.PropTypes.object,styles:e.PropTypes.oneOfType([e.PropTypes.array,e.PropTypes.string,e.PropTypes.object,e.PropTypes.func])});function be({styles:o,themeId:n,defaultTheme:t={}}){const r=e.useTheme(t),s=typeof o=="function"?o(n&&r[n]||r):o;return P.jsx(Te,{styles:s})}process.env.NODE_ENV!=="production"&&(be.propTypes={defaultTheme:e.PropTypes.object,styles:e.PropTypes.oneOfType([e.PropTypes.array,e.PropTypes.func,e.PropTypes.number,e.PropTypes.object,e.PropTypes.string,e.PropTypes.bool]),themeId:e.PropTypes.string});const Pe=p.createContext(void 0);process.env.NODE_ENV!=="production"&&(Pe.displayName="FormControlContext");const ne=Pe;function ge(){return p.useContext(ne)}const $e=["onChange","maxRows","minRows","style","value"];function $(o){return parseInt(o,10)||0}const qe={shadow:{visibility:"hidden",position:"absolute",overflow:"hidden",height:0,top:0,left:0,transform:"translateZ(0)"}};function ye(o){return o==null||Object.keys(o).length===0||o.outerHeightStyle===0&&!o.overflow}const xe=p.forwardRef(function(n,t){const{onChange:r,maxRows:s,minRows:d=1,style:z,value:S}=n,k=e._objectWithoutPropertiesLoose(n,$e),{current:R}=p.useRef(S!=null),w=p.useRef(null),_=H.useForkRef(t,w),g=p.useRef(null),h=p.useRef(0),[O,A]=p.useState({outerHeightStyle:0}),F=p.useCallback(()=>{const u=w.current,a=oe.ownerWindow(u).getComputedStyle(u);if(a.width==="0px")return{outerHeightStyle:0};const c=g.current;c.style.width=a.width,c.value=u.value||n.placeholder||"x",c.value.slice(-1)===`
+"use strict";const e=require("./styled-DhUFTujV.cjs"),He=require("react"),P=require("react/jsx-runtime"),H=require("./useForkRef-DfdM2MN5.cjs"),De=require("react-dom"),oe=require("./ownerWindow-Dk_4aaak.cjs"),ce=require("./isHostComponent-PydJW4A4.cjs"),fe=require("./refType-BgO8A5K8.cjs"),We=require("@emotion/react");function he(o){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const t in o)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(o,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>o[t]})}}return n.default=o,Object.freeze(n)}const l=he(He),Ve=he(De);function Le(o){return o==null||Object.keys(o).length===0}function Te(o){const{styles:n,defaultTheme:t={}}=o,r=typeof n=="function"?s=>n(Le(s)?t:s):n;return P.jsx(We.Global,{styles:r})}process.env.NODE_ENV!=="production"&&(Te.propTypes={defaultTheme:e.PropTypes.object,styles:e.PropTypes.oneOfType([e.PropTypes.array,e.PropTypes.string,e.PropTypes.object,e.PropTypes.func])});function be({styles:o,themeId:n,defaultTheme:t={}}){const r=e.useTheme(t),s=typeof o=="function"?o(n&&r[n]||r):o;return P.jsx(Te,{styles:s})}process.env.NODE_ENV!=="production"&&(be.propTypes={defaultTheme:e.PropTypes.object,styles:e.PropTypes.oneOfType([e.PropTypes.array,e.PropTypes.func,e.PropTypes.number,e.PropTypes.object,e.PropTypes.string,e.PropTypes.bool]),themeId:e.PropTypes.string});const Pe=l.createContext(void 0);process.env.NODE_ENV!=="production"&&(Pe.displayName="FormControlContext");const ne=Pe;function ge(){return l.useContext(ne)}const $e=["onChange","maxRows","minRows","style","value"];function $(o){return parseInt(o,10)||0}const qe={shadow:{visibility:"hidden",position:"absolute",overflow:"hidden",height:0,top:0,left:0,transform:"translateZ(0)"}};function ye(o){return o==null||Object.keys(o).length===0||o.outerHeightStyle===0&&!o.overflow}const xe=l.forwardRef(function(n,t){const{onChange:r,maxRows:s,minRows:d=1,style:z,value:S}=n,k=e._objectWithoutPropertiesLoose(n,$e),{current:R}=l.useRef(S!=null),w=l.useRef(null),_=H.useForkRef(t,w),g=l.useRef(null),h=l.useRef(0),[O,A]=l.useState({outerHeightStyle:0}),F=l.useCallback(()=>{const u=w.current,a=oe.ownerWindow(u).getComputedStyle(u);if(a.width==="0px")return{outerHeightStyle:0};const c=g.current;c.style.width=a.width,c.value=u.value||n.placeholder||"x",c.value.slice(-1)===`
 `&&(c.value+=" ");const b=a.boxSizing,E=$(a.paddingBottom)+$(a.paddingTop),N=$(a.borderBottomWidth)+$(a.borderTopWidth),x=c.scrollHeight;c.value="x";const C=c.scrollHeight;let y=x;d&&(y=Math.max(Number(d)*C,y)),s&&(y=Math.min(Number(s)*C,y)),y=Math.max(y,C);const G=y+(b==="border-box"?E+N:0),B=Math.abs(y-x)<=1;return{outerHeightStyle:G,overflow:B}},[s,d,n.placeholder]),D=(u,T)=>{const{outerHeightStyle:a,overflow:c}=T;return h.current<20&&(a>0&&Math.abs((u.outerHeightStyle||0)-a)>1||u.overflow!==c)?(h.current+=1,{overflow:c,outerHeightStyle:a}):(process.env.NODE_ENV!=="production"&&h.current===20&&console.error(["MUI: Too many re-renders. The layout is unstable.","TextareaAutosize limits the number of renders to prevent an infinite loop."].join(`
-`)),u)},f=p.useCallback(()=>{const u=F();ye(u)||A(T=>D(T,u))},[F]);H.useEnhancedEffect(()=>{const u=()=>{const C=F();ye(C)||Ve.flushSync(()=>{A(y=>D(y,C))})},T=()=>{h.current=0,u()};let a;const c=()=>{cancelAnimationFrame(a),a=requestAnimationFrame(()=>{T()})},b=oe.debounce(T),E=w.current,N=oe.ownerWindow(E);N.addEventListener("resize",b);let x;return typeof ResizeObserver<"u"&&(x=new ResizeObserver(process.env.NODE_ENV==="test"?c:T),x.observe(E)),()=>{b.clear(),cancelAnimationFrame(a),N.removeEventListener("resize",b),x&&x.disconnect()}},[F]),H.useEnhancedEffect(()=>{f()}),p.useEffect(()=>{h.current=0},[S]);const U=u=>{h.current=0,R||f(),r&&r(u)};return P.jsxs(p.Fragment,{children:[P.jsx("textarea",e._extends({value:S,onChange:U,ref:_,rows:d,style:e._extends({height:O.outerHeightStyle,overflow:O.overflow?"hidden":void 0},z)},k)),P.jsx("textarea",{"aria-hidden":!0,className:n.className,readOnly:!0,ref:g,tabIndex:-1,style:e._extends({},qe.shadow,z,{paddingTop:0,paddingBottom:0})})]})});process.env.NODE_ENV!=="production"&&(xe.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 we({props:o,states:n,muiFormControl:t}){return n.reduce((r,s)=>(r[s]=o[s],t&&typeof o[s]>"u"&&(r[s]=t[s]),r),{})}function ve(o){return P.jsx(be,e._extends({},o,{defaultTheme:e.defaultTheme,themeId:e.THEME_ID}))}process.env.NODE_ENV!=="production"&&(ve.propTypes={styles:e.PropTypes.oneOfType([e.PropTypes.array,e.PropTypes.func,e.PropTypes.number,e.PropTypes.object,e.PropTypes.string,e.PropTypes.bool])});function me(o){return o!=null&&!(Array.isArray(o)&&o.length===0)}function Ce(o,n=!1){return o&&(me(o.value)&&o.value!==""||n&&me(o.defaultValue)&&o.defaultValue!=="")}function Ue(o){return o.startAdornment}function Ge(o){return e.generateUtilityClass("MuiInputBase",o)}const Ke=e.generateUtilityClasses("MuiInputBase",["root","formControl","focused","disabled","adornedStart","adornedEnd","error","sizeSmall","multiline","colorSecondary","fullWidth","hiddenLabel","readOnly","input","inputSizeSmall","inputMultiline","inputTypeSearch","inputAdornedStart","inputAdornedEnd","inputHiddenLabel"]),q=Ke,Ye=["aria-describedby","autoComplete","autoFocus","className","color","components","componentsProps","defaultValue","disabled","disableInjectingGlobalStyles","endAdornment","error","fullWidth","id","inputComponent","inputProps","inputRef","margin","maxRows","minRows","multiline","name","onBlur","onChange","onClick","onFocus","onKeyDown","onKeyUp","placeholder","readOnly","renderSuffix","rows","size","slotProps","slots","startAdornment","type","value"],Se=(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]},Re=(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]},Ze=o=>{const{classes:n,color:t,disabled:r,error:s,endAdornment:d,focused:z,formControl:S,fullWidth:k,hiddenLabel:R,multiline:w,readOnly:_,size:g,startAdornment:h,type:O}=o,A={root:["root",`color${e.capitalize(t)}`,r&&"disabled",s&&"error",k&&"fullWidth",z&&"focused",S&&"formControl",g&&g!=="medium"&&`size${e.capitalize(g)}`,w&&"multiline",h&&"adornedStart",d&&"adornedEnd",R&&"hiddenLabel",_&&"readOnly"],input:["input",r&&"disabled",O==="search"&&"inputTypeSearch",w&&"inputMultiline",g==="small"&&"inputSizeSmall",R&&"inputHiddenLabel",h&&"inputAdornedStart",d&&"inputAdornedEnd",_&&"readOnly"]};return e.composeClasses(A,Ge,n)},Oe=e.styled("div",{name:"MuiInputBase",slot:"Root",overridesResolver:Se})(({theme:o,ownerState:n})=>e._extends({},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",[`&.${q.disabled}`]:{color:(o.vars||o).palette.text.disabled,cursor:"default"}},n.multiline&&e._extends({padding:"4px 0 5px"},n.size==="small"&&{paddingTop:1}),n.fullWidth&&{width:"100%"})),Ee=e.styled("input",{name:"MuiInputBase",slot:"Input",overridesResolver:Re})(({theme:o,ownerState:n})=>{const t=o.palette.mode==="light",r=e._extends({color:"currentColor"},o.vars?{opacity:o.vars.opacity.inputPlaceholder}:{opacity:t?.42:.5},{transition:o.transitions.create("opacity",{duration:o.transitions.duration.shorter})}),s={opacity:"0 !important"},d=o.vars?{opacity:o.vars.opacity.inputPlaceholder}:{opacity:t?.42:.5};return e._extends({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%",animationName:"mui-auto-fill-cancel",animationDuration:"10ms","&::-webkit-input-placeholder":r,"&::-moz-placeholder":r,"&:-ms-input-placeholder":r,"&::-ms-input-placeholder":r,"&:focus":{outline:0},"&:invalid":{boxShadow:"none"},"&::-webkit-search-decoration":{WebkitAppearance:"none"},[`label[data-shrink=false] + .${q.formControl} &`]:{"&::-webkit-input-placeholder":s,"&::-moz-placeholder":s,"&:-ms-input-placeholder":s,"&::-ms-input-placeholder":s,"&:focus::-webkit-input-placeholder":d,"&:focus::-moz-placeholder":d,"&:focus:-ms-input-placeholder":d,"&:focus::-ms-input-placeholder":d},[`&.${q.disabled}`]:{opacity:1,WebkitTextFillColor:(o.vars||o).palette.text.disabled},"&:-webkit-autofill":{animationDuration:"5000s",animationName:"mui-auto-fill"}},n.size==="small"&&{paddingTop:1},n.multiline&&{height:"auto",resize:"none",padding:0,paddingTop:0},n.type==="search"&&{MozAppearance:"textfield"})}),Je=P.jsx(ve,{styles:{"@keyframes mui-auto-fill":{from:{display:"block"}},"@keyframes mui-auto-fill-cancel":{from:{display:"block"}}}}),Ne=p.forwardRef(function(n,t){var r;const s=e.useThemeProps({props:n,name:"MuiInputBase"}),{"aria-describedby":d,autoComplete:z,autoFocus:S,className:k,components:R={},componentsProps:w={},defaultValue:_,disabled:g,disableInjectingGlobalStyles:h,endAdornment:O,fullWidth:A=!1,id:F,inputComponent:D="input",inputProps:f={},inputRef:U,maxRows:u,minRows:T,multiline:a=!1,name:c,onBlur:b,onChange:E,onClick:N,onFocus:x,onKeyDown:C,onKeyUp:y,placeholder:G,readOnly:B,renderSuffix:te,rows:W,slotProps:re={},slots:se={},startAdornment:j,type:ie="text",value:ze}=s,_e=e._objectWithoutPropertiesLoose(s,Ye),V=f.value!=null?f.value:ze,{current:K}=p.useRef(V!=null),I=p.useRef(),Ae=p.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(`
-`))},[]),Fe=H.useForkRef(I,U,f.ref,Ae),[Y,Z]=p.useState(!1),l=ge();process.env.NODE_ENV!=="production"&&p.useEffect(()=>{if(l)return l.registerEffect()},[l]);const m=we({props:s,muiFormControl:l,states:["color","disabled","error","hiddenLabel","size","required","filled"]});m.focused=l?l.focused:Y,p.useEffect(()=>{!l&&g&&Y&&(Z(!1),b&&b())},[l,g,Y,b]);const J=l&&l.onFilled,Q=l&&l.onEmpty,M=p.useCallback(i=>{Ce(i)?J&&J():Q&&Q()},[J,Q]);H.useEnhancedEffect(()=>{K&&M({value:V})},[V,M,K]);const Ie=i=>{if(m.disabled){i.stopPropagation();return}x&&x(i),f.onFocus&&f.onFocus(i),l&&l.onFocus?l.onFocus(i):Z(!0)},ke=i=>{b&&b(i),f.onBlur&&f.onBlur(i),l&&l.onBlur?l.onBlur(i):Z(!1)},Be=(i,...ue)=>{if(!K){const de=i.target||I.current;if(de==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));M({value:de.value})}f.onChange&&f.onChange(i,...ue),E&&E(i,...ue)};p.useEffect(()=>{M(I.current)},[]);const je=i=>{I.current&&i.currentTarget===i.target&&I.current.focus(),N&&N(i)};let X=D,v=f;a&&X==="input"&&(W?(process.env.NODE_ENV!=="production"&&(T||u)&&console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."),v=e._extends({type:void 0,minRows:W,maxRows:W},v)):v=e._extends({type:void 0,maxRows:u,minRows:T},v),X=xe);const Me=i=>{M(i.animationName==="mui-auto-fill-cancel"?I.current:{value:"x"})};p.useEffect(()=>{l&&l.setAdornedStart(!!j)},[l,j]);const L=e._extends({},s,{color:m.color||"primary",disabled:m.disabled,endAdornment:O,error:m.error,focused:m.focused,formControl:l,fullWidth:A,hiddenLabel:m.hiddenLabel,multiline:a,size:m.size,startAdornment:j,type:ie}),pe=Ze(L),le=se.root||R.Root||Oe,ee=re.root||w.root||{},ae=se.input||R.Input||Ee;return v=e._extends({},v,(r=re.input)!=null?r:w.input),P.jsxs(p.Fragment,{children:[!h&&Je,P.jsxs(le,e._extends({},ee,!ce.isHostComponent(le)&&{ownerState:e._extends({},L,ee.ownerState)},{ref:t,onClick:je},_e,{className:e.clsx(pe.root,ee.className,k,B&&"MuiInputBase-readOnly"),children:[j,P.jsx(ne.Provider,{value:null,children:P.jsx(ae,e._extends({ownerState:L,"aria-invalid":m.error,"aria-describedby":d,autoComplete:z,autoFocus:S,defaultValue:_,disabled:m.disabled,id:F,onAnimationStart:Me,name:c,placeholder:G,readOnly:B,required:m.required,rows:W,value:V,onKeyDown:C,onKeyUp:y,type:ie},v,!ce.isHostComponent(ae)&&{as:X,ownerState:e._extends({},L,v.ownerState)},{ref:Fe,className:e.clsx(pe.input,v.className,B&&"MuiInputBase-readOnly"),onBlur:ke,onChange:Be,onFocus:Ie}))}),O,te?te(e._extends({},m,{startAdornment:j})):null]}))]})});process.env.NODE_ENV!=="production"&&(Ne.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:fe.elementTypeAcceptingRef,inputProps:e.PropTypes.object,inputRef:fe.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});const Qe=Ne;exports.FormControlContext=ne;exports.InputBase=Qe;exports.InputBaseComponent=Ee;exports.InputBaseRoot=Oe;exports.formControlState=we;exports.inputBaseClasses=q;exports.inputOverridesResolver=Re;exports.isAdornedStart=Ue;exports.isFilled=Ce;exports.rootOverridesResolver=Se;exports.useFormControl=ge;
+`)),u)},f=l.useCallback(()=>{const u=F();ye(u)||A(T=>D(T,u))},[F]);H.useEnhancedEffect(()=>{const u=()=>{const C=F();ye(C)||Ve.flushSync(()=>{A(y=>D(y,C))})},T=()=>{h.current=0,u()};let a;const c=()=>{cancelAnimationFrame(a),a=requestAnimationFrame(()=>{T()})},b=oe.debounce(T),E=w.current,N=oe.ownerWindow(E);N.addEventListener("resize",b);let x;return typeof ResizeObserver<"u"&&(x=new ResizeObserver(process.env.NODE_ENV==="test"?c:T),x.observe(E)),()=>{b.clear(),cancelAnimationFrame(a),N.removeEventListener("resize",b),x&&x.disconnect()}},[F]),H.useEnhancedEffect(()=>{f()}),l.useEffect(()=>{h.current=0},[S]);const U=u=>{h.current=0,R||f(),r&&r(u)};return P.jsxs(l.Fragment,{children:[P.jsx("textarea",e._extends({value:S,onChange:U,ref:_,rows:d,style:e._extends({height:O.outerHeightStyle,overflow:O.overflow?"hidden":void 0},z)},k)),P.jsx("textarea",{"aria-hidden":!0,className:n.className,readOnly:!0,ref:g,tabIndex:-1,style:e._extends({},qe.shadow,z,{paddingTop:0,paddingBottom:0})})]})});process.env.NODE_ENV!=="production"&&(xe.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 we({props:o,states:n,muiFormControl:t}){return n.reduce((r,s)=>(r[s]=o[s],t&&typeof o[s]>"u"&&(r[s]=t[s]),r),{})}function ve(o){return P.jsx(be,e._extends({},o,{defaultTheme:e.defaultTheme,themeId:e.THEME_ID}))}process.env.NODE_ENV!=="production"&&(ve.propTypes={styles:e.PropTypes.oneOfType([e.PropTypes.array,e.PropTypes.func,e.PropTypes.number,e.PropTypes.object,e.PropTypes.string,e.PropTypes.bool])});function me(o){return o!=null&&!(Array.isArray(o)&&o.length===0)}function Ce(o,n=!1){return o&&(me(o.value)&&o.value!==""||n&&me(o.defaultValue)&&o.defaultValue!=="")}function Ue(o){return o.startAdornment}function Ge(o){return e.generateUtilityClass("MuiInputBase",o)}const Ke=e.generateUtilityClasses("MuiInputBase",["root","formControl","focused","disabled","adornedStart","adornedEnd","error","sizeSmall","multiline","colorSecondary","fullWidth","hiddenLabel","readOnly","input","inputSizeSmall","inputMultiline","inputTypeSearch","inputAdornedStart","inputAdornedEnd","inputHiddenLabel"]),q=Ke,Ye=["aria-describedby","autoComplete","autoFocus","className","color","components","componentsProps","defaultValue","disabled","disableInjectingGlobalStyles","endAdornment","error","fullWidth","id","inputComponent","inputProps","inputRef","margin","maxRows","minRows","multiline","name","onBlur","onChange","onClick","onFocus","onKeyDown","onKeyUp","placeholder","readOnly","renderSuffix","rows","size","slotProps","slots","startAdornment","type","value"],Se=(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]},Re=(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]},Ze=o=>{const{classes:n,color:t,disabled:r,error:s,endAdornment:d,focused:z,formControl:S,fullWidth:k,hiddenLabel:R,multiline:w,readOnly:_,size:g,startAdornment:h,type:O}=o,A={root:["root",`color${e.capitalize(t)}`,r&&"disabled",s&&"error",k&&"fullWidth",z&&"focused",S&&"formControl",g&&g!=="medium"&&`size${e.capitalize(g)}`,w&&"multiline",h&&"adornedStart",d&&"adornedEnd",R&&"hiddenLabel",_&&"readOnly"],input:["input",r&&"disabled",O==="search"&&"inputTypeSearch",w&&"inputMultiline",g==="small"&&"inputSizeSmall",R&&"inputHiddenLabel",h&&"inputAdornedStart",d&&"inputAdornedEnd",_&&"readOnly"]};return e.composeClasses(A,Ge,n)},Oe=e.styled("div",{name:"MuiInputBase",slot:"Root",overridesResolver:Se})(({theme:o,ownerState:n})=>e._extends({},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",[`&.${q.disabled}`]:{color:(o.vars||o).palette.text.disabled,cursor:"default"}},n.multiline&&e._extends({padding:"4px 0 5px"},n.size==="small"&&{paddingTop:1}),n.fullWidth&&{width:"100%"})),Ee=e.styled("input",{name:"MuiInputBase",slot:"Input",overridesResolver:Re})(({theme:o,ownerState:n})=>{const t=o.palette.mode==="light",r=e._extends({color:"currentColor"},o.vars?{opacity:o.vars.opacity.inputPlaceholder}:{opacity:t?.42:.5},{transition:o.transitions.create("opacity",{duration:o.transitions.duration.shorter})}),s={opacity:"0 !important"},d=o.vars?{opacity:o.vars.opacity.inputPlaceholder}:{opacity:t?.42:.5};return e._extends({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%",animationName:"mui-auto-fill-cancel",animationDuration:"10ms","&::-webkit-input-placeholder":r,"&::-moz-placeholder":r,"&:-ms-input-placeholder":r,"&::-ms-input-placeholder":r,"&:focus":{outline:0},"&:invalid":{boxShadow:"none"},"&::-webkit-search-decoration":{WebkitAppearance:"none"},[`label[data-shrink=false] + .${q.formControl} &`]:{"&::-webkit-input-placeholder":s,"&::-moz-placeholder":s,"&:-ms-input-placeholder":s,"&::-ms-input-placeholder":s,"&:focus::-webkit-input-placeholder":d,"&:focus::-moz-placeholder":d,"&:focus:-ms-input-placeholder":d,"&:focus::-ms-input-placeholder":d},[`&.${q.disabled}`]:{opacity:1,WebkitTextFillColor:(o.vars||o).palette.text.disabled},"&:-webkit-autofill":{animationDuration:"5000s",animationName:"mui-auto-fill"}},n.size==="small"&&{paddingTop:1},n.multiline&&{height:"auto",resize:"none",padding:0,paddingTop:0},n.type==="search"&&{MozAppearance:"textfield"})}),Je=P.jsx(ve,{styles:{"@keyframes mui-auto-fill":{from:{display:"block"}},"@keyframes mui-auto-fill-cancel":{from:{display:"block"}}}}),Ne=l.forwardRef(function(n,t){var r;const s=e.useThemeProps({props:n,name:"MuiInputBase"}),{"aria-describedby":d,autoComplete:z,autoFocus:S,className:k,components:R={},componentsProps:w={},defaultValue:_,disabled:g,disableInjectingGlobalStyles:h,endAdornment:O,fullWidth:A=!1,id:F,inputComponent:D="input",inputProps:f={},inputRef:U,maxRows:u,minRows:T,multiline:a=!1,name:c,onBlur:b,onChange:E,onClick:N,onFocus:x,onKeyDown:C,onKeyUp:y,placeholder:G,readOnly:B,renderSuffix:te,rows:W,slotProps:re={},slots:se={},startAdornment:j,type:ie="text",value:ze}=s,_e=e._objectWithoutPropertiesLoose(s,Ye),V=f.value!=null?f.value:ze,{current:K}=l.useRef(V!=null),I=l.useRef(),Ae=l.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(`
+`))},[]),Fe=H.useForkRef(I,U,f.ref,Ae),[Y,Z]=l.useState(!1),p=ge();process.env.NODE_ENV!=="production"&&l.useEffect(()=>{if(p)return p.registerEffect()},[p]);const m=we({props:s,muiFormControl:p,states:["color","disabled","error","hiddenLabel","size","required","filled"]});m.focused=p?p.focused:Y,l.useEffect(()=>{!p&&g&&Y&&(Z(!1),b&&b())},[p,g,Y,b]);const J=p&&p.onFilled,Q=p&&p.onEmpty,M=l.useCallback(i=>{Ce(i)?J&&J():Q&&Q()},[J,Q]);H.useEnhancedEffect(()=>{K&&M({value:V})},[V,M,K]);const Ie=i=>{if(m.disabled){i.stopPropagation();return}x&&x(i),f.onFocus&&f.onFocus(i),p&&p.onFocus?p.onFocus(i):Z(!0)},ke=i=>{b&&b(i),f.onBlur&&f.onBlur(i),p&&p.onBlur?p.onBlur(i):Z(!1)},Be=(i,...ue)=>{if(!K){const de=i.target||I.current;if(de==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));M({value:de.value})}f.onChange&&f.onChange(i,...ue),E&&E(i,...ue)};l.useEffect(()=>{M(I.current)},[]);const je=i=>{I.current&&i.currentTarget===i.target&&I.current.focus(),N&&N(i)};let X=D,v=f;a&&X==="input"&&(W?(process.env.NODE_ENV!=="production"&&(T||u)&&console.warn("MUI: You can not use the `minRows` or `maxRows` props when the input `rows` prop is set."),v=e._extends({type:void 0,minRows:W,maxRows:W},v)):v=e._extends({type:void 0,maxRows:u,minRows:T},v),X=xe);const Me=i=>{M(i.animationName==="mui-auto-fill-cancel"?I.current:{value:"x"})};l.useEffect(()=>{p&&p.setAdornedStart(!!j)},[p,j]);const L=e._extends({},s,{color:m.color||"primary",disabled:m.disabled,endAdornment:O,error:m.error,focused:m.focused,formControl:p,fullWidth:A,hiddenLabel:m.hiddenLabel,multiline:a,size:m.size,startAdornment:j,type:ie}),le=Ze(L),pe=se.root||R.Root||Oe,ee=re.root||w.root||{},ae=se.input||R.Input||Ee;return v=e._extends({},v,(r=re.input)!=null?r:w.input),P.jsxs(l.Fragment,{children:[!h&&Je,P.jsxs(pe,e._extends({},ee,!ce.isHostComponent(pe)&&{ownerState:e._extends({},L,ee.ownerState)},{ref:t,onClick:je},_e,{className:e.clsx(le.root,ee.className,k,B&&"MuiInputBase-readOnly"),children:[j,P.jsx(ne.Provider,{value:null,children:P.jsx(ae,e._extends({ownerState:L,"aria-invalid":m.error,"aria-describedby":d,autoComplete:z,autoFocus:S,defaultValue:_,disabled:m.disabled,id:F,onAnimationStart:Me,name:c,placeholder:G,readOnly:B,required:m.required,rows:W,value:V,onKeyDown:C,onKeyUp:y,type:ie},v,!ce.isHostComponent(ae)&&{as:X,ownerState:e._extends({},L,v.ownerState)},{ref:Fe,className:e.clsx(le.input,v.className,B&&"MuiInputBase-readOnly"),onBlur:ke,onChange:Be,onFocus:Ie}))}),O,te?te(e._extends({},m,{startAdornment:j})):null]}))]})});process.env.NODE_ENV!=="production"&&(Ne.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:fe.elementTypeAcceptingRef,inputProps:e.PropTypes.object,inputRef:fe.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});const Qe=Ne;exports.FormControlContext=ne;exports.InputBase=Qe;exports.InputBaseComponent=Ee;exports.InputBaseRoot=Oe;exports.formControlState=we;exports.inputBaseClasses=q;exports.inputOverridesResolver=Re;exports.isAdornedStart=Ue;exports.isFilled=Ce;exports.rootOverridesResolver=Se;exports.useFormControl=ge;

package/dist/SearchInput-BVsQljml.js

@@ -0,0 +1,176 @@
+import { jsx as o, jsxs as A } from "react/jsx-runtime";
+import * as b from "react";
+import { a as T, g as S, s as I, _ as m, e as L, f as N, h as R, P as e, c as v, i as z } from "./styled-DWGei2G_.js";
+import { u as M, F as O, I as _ } from "./InputBase-DXIea1Cc.js";
+import { T as $ } from "./Typography-BsS5MVop.js";
+import { c as j } from "./createSvgIcon-FbpDQQ7X.js";
+const F = j(/* @__PURE__ */ o("path", {
+  d: "M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"
+}), "Search");
+function U(n) {
+  return S("MuiInputAdornment", n);
+}
+const w = T("MuiInputAdornment", ["root", "filled", "standard", "outlined", "positionStart", "positionEnd", "disablePointerEvents", "hiddenLabel", "sizeSmall"]), g = w;
+var y;
+const B = ["children", "className", "component", "disablePointerEvents", "disableTypography", "position", "variant"], D = (n, t) => {
+  const {
+    ownerState: s
+  } = n;
+  return [t.root, t[`position${v(s.position)}`], s.disablePointerEvents === !0 && t.disablePointerEvents, t[s.variant]];
+}, V = (n) => {
+  const {
+    classes: t,
+    disablePointerEvents: s,
+    hiddenLabel: a,
+    position: r,
+    size: l,
+    variant: p
+  } = n, d = {
+    root: ["root", s && "disablePointerEvents", r && `position${v(r)}`, p, a && "hiddenLabel", l && `size${v(l)}`]
+  };
+  return z(d, U, t);
+}, k = I("div", {
+  name: "MuiInputAdornment",
+  slot: "Root",
+  overridesResolver: D
+})(({
+  theme: n,
+  ownerState: t
+}) => m({
+  display: "flex",
+  height: "0.01em",
+  // Fix IE11 flexbox alignment. To remove at some point.
+  maxHeight: "2em",
+  alignItems: "center",
+  whiteSpace: "nowrap",
+  color: (n.vars || n).palette.action.active
+}, t.variant === "filled" && {
+  // Styles applied to the root element if `variant="filled"`.
+  [`&.${g.positionStart}&:not(.${g.hiddenLabel})`]: {
+    marginTop: 16
+  }
+}, t.position === "start" && {
+  // Styles applied to the root element if `position="start"`.
+  marginRight: 8
+}, t.position === "end" && {
+  // Styles applied to the root element if `position="end"`.
+  marginLeft: 8
+}, t.disablePointerEvents === !0 && {
+  // Styles applied to the root element if `disablePointerEvents={true}`.
+  pointerEvents: "none"
+})), E = /* @__PURE__ */ b.forwardRef(function(t, s) {
+  const a = L({
+    props: t,
+    name: "MuiInputAdornment"
+  }), {
+    children: r,
+    className: l,
+    component: p = "div",
+    disablePointerEvents: d = !1,
+    disableTypography: P = !1,
+    position: h,
+    variant: c
+  } = a, x = N(a, B), i = M() || {};
+  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 f = m({}, a, {
+    hiddenLabel: i.hiddenLabel,
+    size: i.size,
+    disablePointerEvents: d,
+    position: h,
+    variant: u
+  }), C = V(f);
+  return /* @__PURE__ */ o(O.Provider, {
+    value: null,
+    children: /* @__PURE__ */ o(k, m({
+      as: p,
+      ownerState: f,
+      className: R(C.root, l),
+      ref: s
+    }, x, {
+      children: typeof r == "string" && !P ? /* @__PURE__ */ o($, {
+        color: "text.secondary",
+        children: r
+      }) : /* @__PURE__ */ A(b.Fragment, {
+        children: [h === "start" ? (
+          /* notranslate needed while Google Translate will not fix zero-width space issue */
+          y || (y = /* @__PURE__ */ o("span", {
+            className: "notranslate",
+            children: "​"
+          }))
+        ) : null, r]
+      })
+    }))
+  });
+});
+process.env.NODE_ENV !== "production" && (E.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, normally an `IconButton` or string.
+   */
+  children: e.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: e.object,
+  /**
+   * @ignore
+   */
+  className: e.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: e.elementType,
+  /**
+   * Disable pointer events on the root.
+   * This allows for the content of the adornment to focus the `input` on click.
+   * @default false
+   */
+  disablePointerEvents: e.bool,
+  /**
+   * If children is a string then disable wrapping in a Typography component.
+   * @default false
+   */
+  disableTypography: e.bool,
+  /**
+   * The position this adornment should appear relative to the `Input`.
+   */
+  position: e.oneOf(["end", "start"]).isRequired,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: e.oneOfType([e.arrayOf(e.oneOfType([e.func, e.object, e.bool])), e.func, e.object]),
+  /**
+   * The variant to use.
+   * Note: If you are using the `TextField` component or the `FormControl` component
+   * you do not have to set this manually.
+   */
+  variant: e.oneOf(["filled", "outlined", "standard"])
+});
+const q = E, H = I(_)(({ theme: n }) => ({
+  width: "auto",
+  padding: "0px 12px",
+  backgroundColor: n.palette.grey[50],
+  borderRadius: 30,
+  "& .MuiInputBase-input": {
+    padding: "8px 0px"
+  }
+})), X = ({
+  placeholder: n = "Rechercher",
+  ...t
+}) => /* @__PURE__ */ o(
+  H,
+  {
+    ...t,
+    placeholder: n,
+    startAdornment: /* @__PURE__ */ o(q, { position: "start", disablePointerEvents: !0, children: /* @__PURE__ */ o(F, {}) })
+  }
+);
+export {
+  q as I,
+  X as S
+};

package/dist/SearchInput-BbZiaK5Z.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("react/jsx-runtime"),j=require("react"),e=require("./styled-DhUFTujV.cjs"),m=require("./InputBase-Dp2-NOH_.cjs"),E=require("./Typography-Dj96Ct2C.cjs"),S=require("./createSvgIcon-K1XmJ33T.cjs");function A(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const s=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(n,o,s.get?s:{enumerable:!0,get:()=>t[o]})}}return n.default=t,Object.freeze(n)}const h=A(j),C=S.createSvgIcon(r.jsx("path",{d:"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"}),"Search");function O(t){return e.generateUtilityClass("MuiInputAdornment",t)}const _=e.generateUtilityClasses("MuiInputAdornment",["root","filled","standard","outlined","positionStart","positionEnd","disablePointerEvents","hiddenLabel","sizeSmall"]),b=_;var f;const z=["children","className","component","disablePointerEvents","disableTypography","position","variant"],N=(t,n)=>{const{ownerState:o}=t;return[n.root,n[`position${e.capitalize(o.position)}`],o.disablePointerEvents===!0&&n.disablePointerEvents,n[o.variant]]},R=t=>{const{classes:n,disablePointerEvents:o,hiddenLabel:s,position:i,size:p,variant:l}=t,c={root:["root",o&&"disablePointerEvents",i&&`position${e.capitalize(i)}`,l,s&&"hiddenLabel",p&&`size${e.capitalize(p)}`]};return e.composeClasses(c,O,n)},L=e.styled("div",{name:"MuiInputAdornment",slot:"Root",overridesResolver:N})(({theme:t,ownerState:n})=>e._extends({display:"flex",height:"0.01em",maxHeight:"2em",alignItems:"center",whiteSpace:"nowrap",color:(t.vars||t).palette.action.active},n.variant==="filled"&&{[`&.${b.positionStart}&:not(.${b.hiddenLabel})`]:{marginTop:16}},n.position==="start"&&{marginRight:8},n.position==="end"&&{marginLeft:8},n.disablePointerEvents===!0&&{pointerEvents:"none"})),P=h.forwardRef(function(n,o){const s=e.useThemeProps({props:n,name:"MuiInputAdornment"}),{children:i,className:p,component:l="div",disablePointerEvents:c=!1,disableTypography:T=!1,position:y,variant:d}=s,x=e._objectWithoutPropertiesLoose(s,z),a=m.useFormControl()||{};let u=d;d&&a.variant&&process.env.NODE_ENV!=="production"&&d===a.variant&&console.error("MUI: The `InputAdornment` variant infers the variant prop you do not have to provide one."),a&&!u&&(u=a.variant);const v=e._extends({},s,{hiddenLabel:a.hiddenLabel,size:a.size,disablePointerEvents:c,position:y,variant:u}),I=R(v);return r.jsx(m.FormControlContext.Provider,{value:null,children:r.jsx(L,e._extends({as:l,ownerState:v,className:e.clsx(I.root,p),ref:o},x,{children:typeof i=="string"&&!T?r.jsx(E.Typography,{color:"text.secondary",children:i}):r.jsxs(h.Fragment,{children:[y==="start"?f||(f=r.jsx("span",{className:"notranslate",children:"​"})):null,i]})}))})});process.env.NODE_ENV!=="production"&&(P.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"])});const g=P,$=e.styled(m.InputBase)(({theme:t})=>({width:"auto",padding:"0px 12px",backgroundColor:t.palette.grey[50],borderRadius:30,"& .MuiInputBase-input":{padding:"8px 0px"}})),q=({placeholder:t="Rechercher",...n})=>r.jsx($,{...n,placeholder:t,startAdornment:r.jsx(g,{position:"start",disablePointerEvents:!0,children:r.jsx(C,{})})});exports.InputAdornment=g;exports.SearchInput=q;