@okta/odyssey-react-mui 1.45.0 → 1.47.0

package/dist/assets/AppTile _labs_.stories-CgXIqWmJ.js

@@ -1,136 +0,0 @@
-import{j as e}from"./jsx-runtime-CnH95YSl.js";import{f as o}from"./index-BJMTVygn.js";import{r as g}from"./index-NdkWRN8K.js";import{n as u}from"./createTheme-BmPXDA4p.js";import{M as h}from"./Box-BXOPvc0Q.js";import{u as Ce}from"./OdysseyDesignTokensContext-BWQIA5ie.js";import{f as z,a as Se,c as we}from"./Typography-CiNRLenM.js";import{S as f}from"./Skeleton-BJLiCr2o.js";import{C as Be,a as Pe}from"./CardActionArea-yvoWcAsF.js";import{M as He}from"./Button-BOzIr8Jh.js";import{M as x}from"./TagList-BQKiA1TW.js";import{M as r}from"./Tag-CjPSrGAL.js";import{M as Ie}from"./Drawer-Dg44iOBm.js";import{M as H}from"./Settings-DjrryuBd.js";import{M as qe}from"./Status-BYBMXN_H.js";import{M as y}from"./More-axx2rGKU.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./Box-C2ekHaOu.js";import"./generateUtilityClasses-DYvjsuMV.js";import"./useTheme-C05bJKih.js";import"./Typography-D7-qxuiy.js";import"./DefaultPropsProvider-B7tpShA7.js";import"./typographyClasses-D8vr2n3l.js";import"./colorManipulator-O7SU8zMv.js";import"./Paper-DbAuDGNI.js";import"./ButtonBase-BqXVk-1q.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-CWawPfk8.js";import"./TransitionGroupContext-twgBS-Q3.js";import"./buttonBaseClasses-CSPKg76d.js";import"./BaseButton-B5c4cgt8.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-3088PjcT.js";import"./Tooltip-B4GIR2eB.js";import"./index-CpbQl8EB.js";import"./tooltipClasses-C74HjonW.js";import"./Grow-CIie3qhp.js";import"./utils-gq6yExow.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./Portal-Bvf2g5iG.js";import"./resolveComponentProps-DMpKAZvD.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-NQulfz4l.js";import"./useId-cMcvCE23.js";import"./Popper-CwLH-7YW.js";import"./ownerDocument-DW-IO8s5.js";import"./popper-CMBiYTiD.js";import"./Button-BqwcAVQ-.js";import"./buttonClasses-DtIJBSf4.js";import"./Stack-Ba8l39se.js";import"./useThemeProps-Dy5sAWyz.js";import"./useContrastMode-BthoHtLy.js";import"./useTranslation-vEf1lqoc.js";import"./context-D_qJ2zXV.js";import"./Chip-BOK8DR8m.js";import"./createSvgIcon-DiC7XVU3.js";import"./SvgIcon-BQAg6Jm7.js";import"./chipClasses-BMWKl3Eu.js";import"./CloseCircleFilled-D2aBlgBe.js";import"./debounce-Be36O1Ab.js";import"./ownerWindow-HkKU3E4x.js";import"./Modal-CW5mOzJG.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Close-DA7fBExu.js";const P="2.85714286rem",W="4.57142857rem",We="4.57142857rem",_=["comfortable","compact"],ke=u("div",{shouldForwardProp:t=>t!=="odysseyDesignTokens"&&t!=="variant"})(({odysseyDesignTokens:t,variant:a})=>({display:"flex",alignItems:"flex-start",justifyContent:a==="compact"?"center":"flex-start",maxHeight:a==="compact"?P:W,marginBlockEnd:a==="compact"?t.Spacing4:t.Spacing3,img:{height:a==="compact"?P:W,width:a==="compact"?"100%":"auto",maxWidth:"100%"}})),De=u("div",{shouldForwardProp:t=>t!=="odysseyDesignTokens"&&t!=="variant"})(({odysseyDesignTokens:t,variant:a="comfortable"})=>({alignItems:"center",display:"flex",minHeight:t.Spacing6,position:"absolute",right:a==="compact"?0:t.Spacing2,top:a==="compact"?0:t.Spacing2,gap:t.Spacing1,zIndex:1,"& > .MuiTypography-root:last-child":{marginInlineEnd:t.Spacing2}})),Le=u("div",{shouldForwardProp:t=>t!=="odysseyDesignTokens"&&t!=="hasTopSection"&&t!=="variant"})(({odysseyDesignTokens:t,hasTopSection:a,variant:i})=>({alignItems:"flex-start",paddingBlockStart:a?t.Spacing4:0,height:"100%",".MuiTypography-root":{fontSize:i==="compact"?t.TypographySizeSubordinate:"auto",textAlign:i==="compact"?"center":"left"},"& :last-child":{marginBlockEnd:"0 !important"}})),Me=u("div",{shouldForwardProp:t=>t!=="odysseyDesignTokens"})(({odysseyDesignTokens:t})=>({"&:not(:first-child)":{marginBlockStart:t.Spacing4}})),Ee=u(Be,{shouldForwardProp:t=>t!=="odysseyDesignTokens"&&t!=="isPlaceholder"&&t!=="isCompact"})(({odysseyDesignTokens:t,isPlaceholder:a=!1,isCompact:i=!1})=>({position:"relative",boxShadow:"none",overflow:"unset",display:"flex",justifyContent:a&&i?"center":"flex-start",padding:t.Spacing4,border:`${t.BorderWidthMain} ${t.HueNeutral200} ${t.BorderStyleMain}`,borderRadius:t.BorderRadiusMain,transition:`border ${t.TransitionDurationMain} ${t.TransitionTimingMain}`,"&::after":{position:"absolute",top:0,left:0,width:"100%",height:"100%",opacity:0,boxShadow:t.DepthMedium,borderRadius:t.BorderRadiusMain,transition:`opacity ${t.TransitionDurationMain} ${t.TransitionTimingMain}`,zIndex:"-1",content:'""'},"&:hover":{borderColor:"transparent","&::after":{opacity:1}}})),ze=u(Pe,{shouldForwardProp:t=>t!=="odysseyDesignTokens"})(({odysseyDesignTokens:t})=>({margin:`-${t.Spacing4}`,padding:t.Spacing4})),_e=({image:t,title:a,description:i,children:c,hasTopSection:T,variant:n})=>{const s=Ce();return e.jsx(Ee,{isCompact:n==="compact",isPlaceholder:!0,odysseyDesignTokens:s,children:e.jsxs(Le,{hasTopSection:T,odysseyDesignTokens:s,variant:n,children:[T&&e.jsx(De,{odysseyDesignTokens:s,variant:n,children:e.jsx(we,{children:n!=="compact"&&e.jsx(f,{width:50})})}),e.jsxs(h,{sx:{width:"100%"},children:[t&&e.jsx(ke,{odysseyDesignTokens:s,variant:n,children:e.jsx(f,{height:n==="compact"?P:W,variant:"rectangular",width:n==="compact"?P:We})}),a&&e.jsx(z,{children:e.jsx(f,{})}),i&&n!=="compact"&&e.jsx(Se,{children:e.jsx(f,{})}),c&&e.jsx(Me,{odysseyDesignTokens:s,children:e.jsx(f,{height:s.Spacing6,variant:"rounded",width:"100%"})})]})]})})},Fe=({actionAriaControls:t,actionAriaHasPopup:a,actionAriaExpanded:i,actionLabel:c,actionIcon:T,auxiliaryText:n,children:s,description:b,image:A,isLoading:q,onActionClick:d,onClick:Oe,title:j,variant:p="comfortable"})=>{const m=Ce(),ve=g.useMemo(()=>e.jsxs(Le,{hasTopSection:typeof d=="function"||!!n,odysseyDesignTokens:m,variant:p,children:[A&&e.jsx(ke,{odysseyDesignTokens:m,variant:p,children:A}),j&&e.jsx(z,{component:"div",children:j}),b&&p!=="compact"&&e.jsx(Se,{color:"textSecondary",children:b}),s&&e.jsx(Me,{odysseyDesignTokens:m,children:s})]}),[n,s,b,A,m,d,j,p]);return q?e.jsx(_e,{children:!!s,description:!!b,hasTopSection:typeof d=="function"||!!n,image:!!A,title:!!j,variant:p}):e.jsxs(Ee,{isCompact:p==="compact",odysseyDesignTokens:m,children:[(d||n)&&e.jsxs(De,{odysseyDesignTokens:m,variant:p,children:[n&&!q&&e.jsx(we,{children:n}),d&&!q&&e.jsx(He,{ariaControls:t,ariaExpanded:i,ariaHasPopup:a,ariaLabel:c,endIcon:T,onClick:d,size:"small",tooltipText:c,variant:"floating"})]}),e.jsx(ze,{odysseyDesignTokens:m,onClick:Oe,children:ve})]})},l=g.memo(Fe);l.displayName="AppTile";const ta={component:l,argTypes:{actionAriaControls:{control:"text",description:"The ID of the element which the button controls (for instance, a drawer or dialog), if any.",table:{type:{summary:"string"}}},actionAriaExpanded:{control:"boolean",description:"Should be true if the button controls a popup element that is currently expanded. Should be synced to the state of the popup element",table:{type:{summary:"boolean"}}},actionAriaHasPopup:{description:"Should be filled if the button controls a popup element such as a Drawer or Dialog.",table:{type:{summary:'boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined'}}},actionIcon:{description:"An icon for the action button.",table:{type:{summary:"ReactElement"}}},actionLabel:{control:"text",description:"The label for the button, used as the aria-label and tooltip.",table:{type:{summary:"string"}}},auxiliaryText:{control:"text",description:"Text that appears in the upper right corner of the tile.",table:{type:{summary:"string"}}},children:{description:"Arbitrary content to render underneath any other tile content.",table:{type:{summary:"ReactNode"}}},description:{control:"text",description:"A string description.",table:{type:{summary:"string"}}},image:{description:"An image or icon at the top of the tile.",table:{type:{summary:"ReactElement"}}},isLoading:{control:"boolean",description:"If true, the component will display a loading state",table:{type:{summary:"boolean"}}},onActionClick:{description:"Event that fires when the user clicks the action button in the upper-right corner. If this isn't set, the other action props can't be set either",table:{type:{summary:"MouseEventHandler"}}},onClick:{description:"Event handler for when the user clicks the tile.",table:{type:{summary:"MouseEventHandler"}}},title:{control:"text",description:"A string for the tile title.",table:{type:{summary:"string"}}},variant:{control:{type:"radio"},options:_,description:"Whether the tile is comfortable or compact.",table:{defaultValue:{summary:_[0]}}}},args:{description:"This is a description of the app.",image:e.jsx("img",{alt:"Example logo",src:"https://placehold.co/128"}),onClick:o(),variant:"comfortable"}},C={args:{children:e.jsxs(x,{children:[e.jsx(r,{label:"Tag 1"}),e.jsx(r,{label:"Tag 2"})]})}},S={render:function(){return e.jsxs(h,{sx:{display:"flex",width:"800px",gap:"20px","& > *":{width:"100%"}},children:[e.jsx(l,{image:e.jsx("img",{alt:"Example logo",src:"https://placehold.co/128"}),onClick:o(),title:"App name"}),e.jsx(l,{description:"Lorem ipsum dolor sit amet.",image:e.jsx("img",{alt:"Example logo",src:"https://placehold.co/128"}),isLoading:!0,onClick:o(),title:"App name"}),e.jsx(l,{description:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ac lectus vel dui ullamcorper commodo at vitae lectus. Proin porta urna vitae quam hendrerit pellentesque. Nam nec neque a sapien pharetra commodo. Curabitur ut lacinia dolor. Sed pulvinar nibh nec rutrum interdum. Duis velit nunc, fringilla ut eleifend lacinia, porta at neque. Nulla quis magna sollicitudin, feugiat tellus vitae, tristique magna. Pellentesque pretium leo vitae odio aliquet, eu placerat orci luctus. Nunc sagittis leo nec nulla rhoncus, ut tempus libero maximus.",onClick:o(),title:"App name"})]})}},w={render:function(){return e.jsxs(h,{sx:{display:"flex",width:"572px",gap:"20px","& > *":{width:"100%"}},children:[e.jsx(l,{actionIcon:e.jsx(y,{}),actionLabel:"Open app settings",image:e.jsx("img",{alt:"Example logo",src:"https://placehold.co/128"}),onActionClick:o(),onClick:o(),title:"App name",variant:"compact"}),e.jsx(l,{actionIcon:e.jsx(y,{}),actionLabel:"Open app settings",image:e.jsx("img",{alt:"Example logo",src:"https://placehold.co/256x48"}),onActionClick:o(),onClick:o(),title:"App name",variant:"compact"}),e.jsx(l,{actionIcon:e.jsx(y,{}),actionLabel:"Open app settings",image:e.jsx("img",{alt:"Example logo",src:"https://placehold.co/256x96"}),onActionClick:o(),onClick:o(),title:"App name",variant:"compact"}),e.jsx(l,{actionIcon:e.jsx(y,{}),actionLabel:"Open app settings",image:e.jsx("img",{alt:"Example logo",src:"https://placehold.co/128"}),isLoading:!0,onActionClick:o(),onClick:o(),title:"App name",variant:"compact"})]})}},I={render:function(){const[a,i]=g.useState(!1),c=g.useCallback(()=>i(!a),[a]);return e.jsxs(e.Fragment,{children:[e.jsx(Ie,{isOpen:a,onClose:c,showDividers:!1}),e.jsx(h,{sx:{maxWidth:262},children:e.jsx(l,{actionAriaControls:"",actionAriaExpanded:a,actionAriaHasPopup:"menu",actionIcon:e.jsx(H,{}),actionLabel:"Open app settings",onActionClick:c,onClick:o(),children:e.jsxs(x,{children:[e.jsx(r,{label:"Tag 1"}),e.jsx(r,{label:"Tag 2"})]})})})]})}},k={args:{image:e.jsx("img",{alt:"Square logo",src:"https://placehold.co/600"})}},D={args:{image:e.jsx("img",{alt:"Tall logo",src:"https://placehold.co/400x800"})}},L={args:{image:e.jsx("img",{alt:"Wide logo",src:"https://placehold.co/800x400"})}},M={args:{actionIcon:e.jsx(H,{}),actionLabel:"Open app settings",auxiliaryText:"Single sign-on",image:e.jsx("img",{alt:"Wide logo",src:"https://placehold.co/800x400"}),onActionClick:o()}},E={args:{auxiliaryText:"Single sign-on",children:e.jsxs(x,{children:[e.jsx(r,{label:"Tag 1"}),e.jsx(r,{label:"Tag 2"})]})}},O={render:function(){const[a,i]=g.useState(!1),c=g.useCallback(()=>i(!a),[a]);return e.jsxs(e.Fragment,{children:[e.jsx(Ie,{isOpen:a,onClose:c,showDividers:!1}),e.jsx(h,{sx:{maxWidth:262},children:e.jsx(l,{actionAriaControls:"",actionAriaExpanded:a,actionAriaHasPopup:"menu",actionIcon:e.jsx(H,{}),actionLabel:"Open app settings",auxiliaryText:"Single sign-on",onActionClick:c,onClick:o(),children:e.jsxs(x,{children:[e.jsx(r,{label:"Tag 1"}),e.jsx(r,{label:"Tag 2"})]})})})]})}},v={args:{children:e.jsxs(e.Fragment,{children:[e.jsx(h,{sx:{marginBottom:2},children:e.jsx(qe,{label:"Active",severity:"success"})}),e.jsx(z,{children:"This is arbitrary content."}),e.jsxs(x,{children:[e.jsx(r,{label:"Tag 1"}),e.jsx(r,{label:"Tag 2"})]})]}),description:void 0,image:void 0,title:void 0}},B={args:{actionAriaControls:"",actionAriaExpanded:!1,actionAriaHasPopup:"menu",actionIcon:e.jsx(H,{}),actionLabel:"Open app settings",auxiliaryText:"Single sign-on",children:e.jsxs(x,{children:[e.jsx(r,{label:"Tag 1"}),e.jsx(r,{label:"Tag 2"})]}),isLoading:!0,onActionClick:o()}};var F,N,R;C.parameters={...C.parameters,docs:{...(F=C.parameters)==null?void 0:F.docs,source:{originalSource:`{
-  args: {
-    children: <TagList>
-        <Tag label="Tag 1" />
-        <Tag label="Tag 2" />
-      </TagList>
-  }
-}`,...(R=(N=C.parameters)==null?void 0:N.docs)==null?void 0:R.source}}};var $,G,V;S.parameters={...S.parameters,docs:{...($=S.parameters)==null?void 0:$.docs,source:{originalSource:`{
-  render: function C() {
-    return <Box sx={{
-      display: "flex",
-      width: "800px",
-      gap: "20px",
-      ["& > *"]: {
-        width: "100%"
-      }
-    }}>
-        <AppTile image={<img alt="Example logo" src="https://placehold.co/128" />} onClick={fn()} title="App name" />
-        <AppTile description="Lorem ipsum dolor sit amet." image={<img alt="Example logo" src="https://placehold.co/128" />} isLoading onClick={fn()} title="App name" />
-        <AppTile description="Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ac lectus vel dui ullamcorper commodo at vitae lectus. Proin porta urna vitae quam hendrerit pellentesque. Nam nec neque a sapien pharetra commodo. Curabitur ut lacinia dolor. Sed pulvinar nibh nec rutrum interdum. Duis velit nunc, fringilla ut eleifend lacinia, porta at neque. Nulla quis magna sollicitudin, feugiat tellus vitae, tristique magna. Pellentesque pretium leo vitae odio aliquet, eu placerat orci luctus. Nunc sagittis leo nec nulla rhoncus, ut tempus libero maximus." onClick={fn()} title="App name" />
-      </Box>;
-  }
-}`,...(V=(G=S.parameters)==null?void 0:G.docs)==null?void 0:V.source}}};var J,K,Q;w.parameters={...w.parameters,docs:{...(J=w.parameters)==null?void 0:J.docs,source:{originalSource:`{
-  render: function C() {
-    return <Box sx={{
-      display: "flex",
-      width: "572px",
-      gap: "20px",
-      ["& > *"]: {
-        width: "100%"
-      }
-    }}>
-        <AppTile actionIcon={<MoreIcon />} actionLabel="Open app settings" image={<img alt="Example logo" src="https://placehold.co/128" />} onActionClick={fn()} onClick={fn()} title="App name" variant="compact" />
-        <AppTile actionIcon={<MoreIcon />} actionLabel="Open app settings" image={<img alt="Example logo" src="https://placehold.co/256x48" />} onActionClick={fn()} onClick={fn()} title="App name" variant="compact" />
-        <AppTile actionIcon={<MoreIcon />} actionLabel="Open app settings" image={<img alt="Example logo" src="https://placehold.co/256x96" />} onActionClick={fn()} onClick={fn()} title="App name" variant="compact" />
-        <AppTile actionIcon={<MoreIcon />} actionLabel="Open app settings" image={<img alt="Example logo" src="https://placehold.co/128" />} isLoading onActionClick={fn()} onClick={fn()} title="App name" variant="compact" />
-      </Box>;
-  }
-}`,...(Q=(K=w.parameters)==null?void 0:K.docs)==null?void 0:Q.source}}};var U,X,Y;I.parameters={...I.parameters,docs:{...(U=I.parameters)==null?void 0:U.docs,source:{originalSource:`{
-  render: function C() {
-    const [isDrawerOpen, setIsDrawerOpen] = useState(false);
-    const toggleDrawer = useCallback(() => setIsDrawerOpen(!isDrawerOpen), [isDrawerOpen]);
-    return <>
-        <Drawer isOpen={isDrawerOpen} onClose={toggleDrawer} showDividers={false} />
-        <Box sx={{
-        maxWidth: 262
-      }}>
-          <AppTile actionAriaControls={""} actionAriaExpanded={isDrawerOpen} actionAriaHasPopup={"menu"} actionIcon={<SettingsIcon />} actionLabel={"Open app settings"} onActionClick={toggleDrawer} onClick={fn()}>
-            <TagList>
-              <Tag label="Tag 1" />
-              <Tag label="Tag 2" />
-            </TagList>
-          </AppTile>
-        </Box>
-      </>;
-  }
-}`,...(Y=(X=I.parameters)==null?void 0:X.docs)==null?void 0:Y.source}}};var Z,ee,te;k.parameters={...k.parameters,docs:{...(Z=k.parameters)==null?void 0:Z.docs,source:{originalSource:`{
-  args: {
-    image: <img alt="Square logo" src="https://placehold.co/600" />
-  }
-}`,...(te=(ee=k.parameters)==null?void 0:ee.docs)==null?void 0:te.source}}};var ae,oe,ne;D.parameters={...D.parameters,docs:{...(ae=D.parameters)==null?void 0:ae.docs,source:{originalSource:`{
-  args: {
-    image: <img alt="Tall logo" src="https://placehold.co/400x800" />
-  }
-}`,...(ne=(oe=D.parameters)==null?void 0:oe.docs)==null?void 0:ne.source}}};var ie,re,se;L.parameters={...L.parameters,docs:{...(ie=L.parameters)==null?void 0:ie.docs,source:{originalSource:`{
-  args: {
-    image: <img alt="Wide logo" src="https://placehold.co/800x400" />
-  }
-}`,...(se=(re=L.parameters)==null?void 0:re.docs)==null?void 0:se.source}}};var le,ce,pe;M.parameters={...M.parameters,docs:{...(le=M.parameters)==null?void 0:le.docs,source:{originalSource:`{
-  args: {
-    actionIcon: <SettingsIcon />,
-    actionLabel: "Open app settings",
-    auxiliaryText: "Single sign-on",
-    image: <img alt="Wide logo" src="https://placehold.co/800x400" />,
-    onActionClick: fn()
-  }
-}`,...(pe=(ce=M.parameters)==null?void 0:ce.docs)==null?void 0:pe.source}}};var me,de,ge;E.parameters={...E.parameters,docs:{...(me=E.parameters)==null?void 0:me.docs,source:{originalSource:`{
-  args: {
-    auxiliaryText: "Single sign-on",
-    children: <TagList>
-        <Tag label="Tag 1" />
-        <Tag label="Tag 2" />
-      </TagList>
-  }
-}`,...(ge=(de=E.parameters)==null?void 0:de.docs)==null?void 0:ge.source}}};var ue,he,xe;O.parameters={...O.parameters,docs:{...(ue=O.parameters)==null?void 0:ue.docs,source:{originalSource:`{
-  render: function C() {
-    const [isDrawerOpen, setIsDrawerOpen] = useState(false);
-    const toggleDrawer = useCallback(() => setIsDrawerOpen(!isDrawerOpen), [isDrawerOpen]);
-    return <>
-        <Drawer isOpen={isDrawerOpen} onClose={toggleDrawer} showDividers={false} />
-        <Box sx={{
-        maxWidth: 262
-      }}>
-          <AppTile actionAriaControls={""} actionAriaExpanded={isDrawerOpen} actionAriaHasPopup={"menu"} actionIcon={<SettingsIcon />} actionLabel={"Open app settings"} auxiliaryText={"Single sign-on"} onActionClick={toggleDrawer} onClick={fn()}>
-            <TagList>
-              <Tag label="Tag 1" />
-              <Tag label="Tag 2" />
-            </TagList>
-          </AppTile>
-        </Box>
-      </>;
-  }
-}`,...(xe=(he=O.parameters)==null?void 0:he.docs)==null?void 0:xe.source}}};var fe,Te,be;v.parameters={...v.parameters,docs:{...(fe=v.parameters)==null?void 0:fe.docs,source:{originalSource:`{
-  args: {
-    children: <>
-        <Box sx={{
-        marginBottom: 2
-      }}>
-          <Status label="Active" severity="success" />
-        </Box>
-        <Heading5>This is arbitrary content.</Heading5>
-        <TagList>
-          <Tag label="Tag 1" />
-          <Tag label="Tag 2" />
-        </TagList>
-      </>,
-    description: undefined,
-    image: undefined,
-    title: undefined
-  }
-}`,...(be=(Te=v.parameters)==null?void 0:Te.docs)==null?void 0:be.source}}};var Ae,je,ye;B.parameters={...B.parameters,docs:{...(Ae=B.parameters)==null?void 0:Ae.docs,source:{originalSource:`{
-  args: {
-    actionAriaControls: "",
-    actionAriaExpanded: false,
-    actionAriaHasPopup: "menu",
-    actionIcon: <SettingsIcon />,
-    actionLabel: "Open app settings",
-    auxiliaryText: "Single sign-on",
-    children: <TagList>
-        <Tag label="Tag 1" />
-        <Tag label="Tag 2" />
-      </TagList>,
-    isLoading: true,
-    onActionClick: fn()
-  }
-}`,...(ye=(je=B.parameters)==null?void 0:je.docs)==null?void 0:ye.source}}};const aa=["Default","Multiple","Compact","ActionButton","SquareImage","TallImage","WideImage","WideImageWithActionButton","AuxiliaryText","ActionButtonAndAuxiliaryText","FullyCustomContent","Loading"];export{I as ActionButton,O as ActionButtonAndAuxiliaryText,E as AuxiliaryText,w as Compact,C as Default,v as FullyCustomContent,B as Loading,S as Multiple,k as SquareImage,D as TallImage,L as WideImage,M as WideImageWithActionButton,aa as __namedExportsOrder,ta as default};

package/dist/assets/ArrowDropDown-bSngWMh1.js

@@ -1 +0,0 @@
-import{a as n,g as s}from"./createTheme-BmPXDA4p.js";import{i}from"./inputBaseClasses-PAjj3ZBN.js";import{g as e}from"./generateUtilityClasses-DYvjsuMV.js";import"./index-NdkWRN8K.js";import{c as o}from"./createSvgIcon-DiC7XVU3.js";import{j as u}from"./jsx-runtime-CnH95YSl.js";function c(t){return s("MuiInput",t)}const m=n({},i,e("MuiInput",["root","underline","input"]));function f(t){return s("MuiOutlinedInput",t)}const g=n({},i,e("MuiOutlinedInput",["root","notchedOutline","input"]));function C(t){return s("MuiFilledInput",t)}const M=n({},i,e("MuiFilledInput",["root","underline","input"])),x=o(u.jsx("path",{d:"M7 10l5 5 5-5z"}),"ArrowDropDown");export{x as A,c as a,f as b,M as f,C as g,m as i,g as o};

package/dist/assets/ArrowRight-DCIAiEpA.js

@@ -1 +0,0 @@
-import{r as o}from"./index-NdkWRN8K.js";import{j as r}from"./jsx-runtime-CnH95YSl.js";import{S as l}from"./SvgIcon-BQAg6Jm7.js";const t=o.forwardRef((e,n)=>r.jsx(l,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:r.jsx(r.Fragment,{children:r.jsx("path",{clipRule:"evenodd",d:"m5.646 13.06 4.647 4.647 1.414-1.414L8.414 13H19v-2H8.414l3.293-3.293-1.414-1.414-4.647 4.646a1.5 1.5 0 0 0 0 2.122Z",fill:"currentColor",fillRule:"evenodd"})})})),i=o.memo(t);i.displayName="ArrowLeftIcon";const s=o.forwardRef((e,n)=>r.jsx(l,{fill:"none",ref:n,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:r.jsx(r.Fragment,{children:r.jsx("path",{clipRule:"evenodd",d:"m18.354 10.94-4.647-4.647-1.414 1.414L15.586 11H5v2h10.586l-3.293 3.293 1.414 1.414 4.647-4.646a1.5 1.5 0 0 0 0-2.122Z",fill:"currentColor",fillRule:"evenodd"})})})),m=o.memo(s);m.displayName="ArrowRightIcon";export{i as M,m as a};

package/dist/assets/Autocomplete-MfScEzbR.js

@@ -1 +0,0 @@
-import{a as O,_ as _e,c as ye,b as ht,d as tt}from"./createTheme-BmPXDA4p.js";import{r as b}from"./index-NdkWRN8K.js";import{A as Ot,f as de,o as dt,i as ot}from"./ArrowDropDown-bSngWMh1.js";import{i as oe}from"./inputBaseClasses-PAjj3ZBN.js";import{C as Pt}from"./Close-DA_Sph0R.js";import{g as $t,a as s}from"./autocompleteClasses-Bi4FgC8v.js";import{j as I}from"./jsx-runtime-CnH95YSl.js";import{u as Ct,s as M,c as yt}from"./DefaultPropsProvider-B7tpShA7.js";import{P as bt}from"./Paper-DbAuDGNI.js";import{P as xt}from"./Popper-CwLH-7YW.js";import{u as vt}from"./useId-cMcvCE23.js";import{u as nt}from"./useControlled-NQulfz4l.js";import{a as je}from"./TransitionGroupContext-twgBS-Q3.js";import{s as At,u as Lt}from"./useIsFocusVisible-DH0qxT5e.js";import{C as St}from"./Chip-BOK8DR8m.js";import{I as It}from"./IconButton-CK9Do7vj.js";import{L as Tt}from"./ListSubheader-DXKE8lW0.js";const Rt=o=>{const l=b.useRef({});return b.useEffect(()=>{l.current=o}),l.current};function ft(o){return typeof o.normalize<"u"?o.normalize("NFD").replace(/[\u0300-\u036f]/g,""):o}function kt(o={}){const{ignoreAccents:l=!0,ignoreCase:f=!0,limit:A,matchFrom:H="any",stringify:D,trim:T=!1}=o;return(m,{inputValue:Q,getOptionLabel:U})=>{let R=T?Q.trim():Q;f&&(R=R.toLowerCase()),l&&(R=ft(R));const X=R?m.filter(fe=>{let k=(D||U)(fe);return f&&(k=k.toLowerCase()),l&&(k=ft(k)),H==="start"?k.indexOf(R)===0:k.indexOf(R)>-1}):m;return typeof A=="number"?X.slice(0,A):X}}function Be(o,l){for(let f=0;f<o.length;f+=1)if(l(o[f]))return f;return-1}const wt=kt(),Dt=5,Nt=o=>{var l;return o.current!==null&&((l=o.current.parentElement)==null?void 0:l.contains(document.activeElement))},Et=[];function Ft(o){const{unstable_isActiveElementInListbox:l=Nt,unstable_classNamePrefix:f="Mui",autoComplete:A=!1,autoHighlight:H=!1,autoSelect:D=!1,blurOnSelect:T=!1,clearOnBlur:m=!o.freeSolo,clearOnEscape:Q=!1,componentName:U="useAutocomplete",defaultValue:R=o.multiple?Et:null,disableClearable:X=!1,disableCloseOnSelect:fe=!1,disabled:k,disabledItemsFocusable:We=!1,disableListWrap:Ge=!1,filterOptions:rt=wt,filterSelectedOptions:ge=!1,freeSolo:K=!1,getOptionDisabled:j,getOptionKey:Ue,getOptionLabel:ve=t=>{var e;return(e=t.label)!=null?e:t},groupBy:me,handleHomeEndKeys:q=!o.freeSolo,id:lt,includeInputInList:Ke=!1,inputValue:Ae,isOptionEqualToValue:ne=(t,e)=>t===e,multiple:u=!1,onChange:he,onClose:Le,onHighlightChange:Se,onInputChange:B,onOpen:Te,open:at,openOnFocus:st=!1,options:be,readOnly:Y=!1,selectOnFocus:xe=!o.freeSolo,value:Re}=o,L=vt(lt);let C=ve;C=t=>{const e=ve(t);return typeof e!="string"?String(e):e};const Ie=b.useRef(!1),ke=b.useRef(!0),h=b.useRef(null),S=b.useRef(null),[re,qe]=b.useState(null),[y,Oe]=b.useState(-1),we=H?0:-1,P=b.useRef(we),[a,it]=nt({controlled:Re,default:R,name:U}),[p,W]=nt({controlled:Ae,default:"",name:U,state:"inputValue"}),[le,De]=b.useState(!1),Z=b.useCallback((t,e)=>{if(!(u?a.length<e.length:e!==null)&&!m)return;let r;if(u)r="";else if(e==null)r="";else{const i=C(e);r=typeof i=="string"?i:""}p!==r&&(W(r),B&&B(t,r,"reset"))},[C,p,u,B,W,m,a]),[J,Ne]=nt({controlled:at,default:!1,name:U,state:"open"}),[Je,Ee]=b.useState(!0),Fe=!u&&a!=null&&p===C(a),v=J&&!Y,c=v?rt(be.filter(t=>!(ge&&(u?a:[a]).some(e=>e!==null&&ne(t,e)))),{inputValue:Fe&&Je?"":p,getOptionLabel:C}):[],N=Rt({filteredOptions:c,value:a,inputValue:p});b.useEffect(()=>{const t=a!==N.value;le&&!t||K&&!t||Z(null,a)},[a,Z,le,N.value,K]);const Pe=J&&c.length>0&&!Y,ae=je(t=>{t===-1?h.current.focus():re.querySelector(`[data-tag-index="${t}"]`).focus()});b.useEffect(()=>{u&&y>a.length-1&&(Oe(-1),ae(-1))},[a,u,y,ae]);function se(t,e){if(!S.current||t<0||t>=c.length)return-1;let n=t;for(;;){const r=S.current.querySelector(`[data-option-index="${n}"]`),i=We?!1:!r||r.disabled||r.getAttribute("aria-disabled")==="true";if(r&&r.hasAttribute("tabindex")&&!i)return n;if(e==="next"?n=(n+1)%c.length:n=(n-1+c.length)%c.length,n===t)return-1}}const V=je(({event:t,index:e,reason:n="auto"})=>{if(P.current=e,e===-1?h.current.removeAttribute("aria-activedescendant"):h.current.setAttribute("aria-activedescendant",`${L}-option-${e}`),Se&&Se(t,e===-1?null:c[e],n),!S.current)return;const r=S.current.querySelector(`[role="option"].${f}-focused`);r&&(r.classList.remove(`${f}-focused`),r.classList.remove(`${f}-focusVisible`));let i=S.current;if(S.current.getAttribute("role")!=="listbox"&&(i=S.current.parentElement.querySelector('[role="listbox"]')),!i)return;if(e===-1){i.scrollTop=0;return}const d=S.current.querySelector(`[data-option-index="${e}"]`);if(d&&(d.classList.add(`${f}-focused`),n==="keyboard"&&d.classList.add(`${f}-focusVisible`),i.scrollHeight>i.clientHeight&&n!=="mouse"&&n!=="touch")){const g=d,_=i.clientHeight+i.scrollTop,ct=g.offsetTop+g.offsetHeight;ct>_?i.scrollTop=ct-i.clientHeight:g.offsetTop-g.offsetHeight*(me?1.3:0)<i.scrollTop&&(i.scrollTop=g.offsetTop-g.offsetHeight*(me?1.3:0))}}),E=je(({event:t,diff:e,direction:n="next",reason:r="auto"})=>{if(!v)return;const d=se((()=>{const g=c.length-1;if(e==="reset")return we;if(e==="start")return 0;if(e==="end")return g;const _=P.current+e;return _<0?_===-1&&Ke?-1:Ge&&P.current!==-1||Math.abs(e)>1?0:g:_>g?_===g+1&&Ke?-1:Ge||Math.abs(e)>1?g:0:_})(),n);if(V({index:d,reason:r,event:t}),A&&e!=="reset")if(d===-1)h.current.value=p;else{const g=C(c[d]);h.current.value=g,g.toLowerCase().indexOf(p.toLowerCase())===0&&p.length>0&&h.current.setSelectionRange(p.length,g.length)}}),ie=()=>{const t=(e,n)=>{const r=e?C(e):"",i=n?C(n):"";return r===i};if(P.current!==-1&&N.filteredOptions&&N.filteredOptions.length!==c.length&&N.inputValue===p&&(u?a.length===N.value.length&&N.value.every((e,n)=>C(a[n])===C(e)):t(N.value,a))){const e=N.filteredOptions[P.current];if(e)return Be(c,n=>C(n)===C(e))}return-1},$e=b.useCallback(()=>{if(!v)return;const t=ie();if(t!==-1){P.current=t;return}const e=u?a[0]:a;if(c.length===0||e==null){E({diff:"reset"});return}if(S.current){if(e!=null){const n=c[P.current];if(u&&n&&Be(a,i=>ne(n,i))!==-1)return;const r=Be(c,i=>ne(i,e));r===-1?E({diff:"reset"}):V({index:r});return}if(P.current>=c.length-1){V({index:c.length-1});return}V({index:P.current})}},[c.length,u?!1:a,ge,E,V,v,p,u]),Qe=je(t=>{At(S,t),t&&$e()});b.useEffect(()=>{$e()},[$e]);const w=t=>{J||(Ne(!0),Ee(!0),Te&&Te(t))},G=(t,e)=>{J&&(Ne(!1),Le&&Le(t,e))},z=(t,e,n,r)=>{if(u){if(a.length===e.length&&a.every((i,d)=>i===e[d]))return}else if(a===e)return;he&&he(t,e,n,r),it(e)},pe=b.useRef(!1),ee=(t,e,n="selectOption",r="options")=>{let i=n,d=e;if(u){d=Array.isArray(a)?a.slice():[];const g=Be(d,_=>ne(e,_));g===-1?d.push(e):r!=="freeSolo"&&(d.splice(g,1),i="removeOption")}Z(t,d),z(t,d,i,{option:e}),!fe&&(!t||!t.ctrlKey&&!t.metaKey)&&G(t,i),(T===!0||T==="touch"&&pe.current||T==="mouse"&&!pe.current)&&h.current.blur()};function Me(t,e){if(t===-1)return-1;let n=t;for(;;){if(e==="next"&&n===a.length||e==="previous"&&n===-1)return-1;const r=re.querySelector(`[data-tag-index="${n}"]`);if(!r||!r.hasAttribute("tabindex")||r.disabled||r.getAttribute("aria-disabled")==="true")n+=e==="next"?1:-1;else return n}}const He=(t,e)=>{if(!u)return;p===""&&G(t,"toggleInput");let n=y;y===-1?p===""&&e==="previous"&&(n=a.length-1):(n+=e==="next"?1:-1,n<0&&(n=0),n===a.length&&(n=-1)),n=Me(n,e),Oe(n),ae(n)},Ve=t=>{Ie.current=!0,W(""),B&&B(t,"","clear"),z(t,u?[]:null,"clear")},Xe=t=>e=>{if(t.onKeyDown&&t.onKeyDown(e),!e.defaultMuiPrevented&&(y!==-1&&["ArrowLeft","ArrowRight"].indexOf(e.key)===-1&&(Oe(-1),ae(-1)),e.which!==229))switch(e.key){case"Home":v&&q&&(e.preventDefault(),E({diff:"start",direction:"next",reason:"keyboard",event:e}));break;case"End":v&&q&&(e.preventDefault(),E({diff:"end",direction:"previous",reason:"keyboard",event:e}));break;case"PageUp":e.preventDefault(),E({diff:-5,direction:"previous",reason:"keyboard",event:e}),w(e);break;case"PageDown":e.preventDefault(),E({diff:Dt,direction:"next",reason:"keyboard",event:e}),w(e);break;case"ArrowDown":e.preventDefault(),E({diff:1,direction:"next",reason:"keyboard",event:e}),w(e);break;case"ArrowUp":e.preventDefault(),E({diff:-1,direction:"previous",reason:"keyboard",event:e}),w(e);break;case"ArrowLeft":He(e,"previous");break;case"ArrowRight":He(e,"next");break;case"Enter":if(P.current!==-1&&v){const n=c[P.current],r=j?j(n):!1;if(e.preventDefault(),r)return;ee(e,n,"selectOption"),A&&h.current.setSelectionRange(h.current.value.length,h.current.value.length)}else K&&p!==""&&Fe===!1&&(u&&e.preventDefault(),ee(e,p,"createOption","freeSolo"));break;case"Escape":v?(e.preventDefault(),e.stopPropagation(),G(e,"escape")):Q&&(p!==""||u&&a.length>0)&&(e.preventDefault(),e.stopPropagation(),Ve(e));break;case"Backspace":if(u&&!Y&&p===""&&a.length>0){const n=y===-1?a.length-1:y,r=a.slice();r.splice(n,1),z(e,r,"removeOption",{option:a[n]})}break;case"Delete":if(u&&!Y&&p===""&&a.length>0&&y!==-1){const n=y,r=a.slice();r.splice(n,1),z(e,r,"removeOption",{option:a[n]})}break}},pt=t=>{De(!0),st&&!Ie.current&&w(t)},ue=t=>{if(l(S)){h.current.focus();return}De(!1),ke.current=!0,Ie.current=!1,D&&P.current!==-1&&v?ee(t,c[P.current],"blur"):D&&K&&p!==""?ee(t,p,"blur","freeSolo"):m&&Z(t,a),G(t,"blur")},$=t=>{const e=t.target.value;p!==e&&(W(e),Ee(!1),B&&B(t,e,"input")),e===""?!X&&!u&&z(t,null,"clear"):w(t)},x=t=>{const e=Number(t.currentTarget.getAttribute("data-option-index"));P.current!==e&&V({event:t,index:e,reason:"mouse"})},F=t=>{V({event:t,index:Number(t.currentTarget.getAttribute("data-option-index")),reason:"touch"}),pe.current=!0},ut=t=>{const e=Number(t.currentTarget.getAttribute("data-option-index"));ee(t,c[e],"selectOption"),pe.current=!1},Ye=t=>e=>{const n=a.slice();n.splice(t,1),z(e,n,"removeOption",{option:a[t]})},Ze=t=>{J?G(t,"toggleInput"):w(t)},et=t=>{t.currentTarget.contains(t.target)&&t.target.getAttribute("id")!==L&&t.preventDefault()},ze=t=>{t.currentTarget.contains(t.target)&&(h.current.focus(),xe&&ke.current&&h.current.selectionEnd-h.current.selectionStart===0&&h.current.select(),ke.current=!1)},Ce=t=>{!k&&(p===""||!J)&&Ze(t)};let te=K&&p.length>0;te=te||(u?a.length>0:a!==null);let ce=c;return me&&(ce=c.reduce((t,e,n)=>{const r=me(e);return t.length>0&&t[t.length-1].group===r?t[t.length-1].options.push(e):t.push({key:n,index:n,group:r,options:[e]}),t},[])),k&&le&&ue(),{getRootProps:(t={})=>O({"aria-owns":Pe?`${L}-listbox`:null},t,{onKeyDown:Xe(t),onMouseDown:et,onClick:ze}),getInputLabelProps:()=>({id:`${L}-label`,htmlFor:L}),getInputProps:()=>({id:L,value:p,onBlur:ue,onFocus:pt,onChange:$,onMouseDown:Ce,"aria-activedescendant":v?"":null,"aria-autocomplete":A?"both":"list","aria-controls":Pe?`${L}-listbox`:void 0,"aria-expanded":Pe,autoComplete:"off",ref:h,autoCapitalize:"none",spellCheck:"false",role:"combobox",disabled:k}),getClearProps:()=>({tabIndex:-1,type:"button",onClick:Ve}),getPopupIndicatorProps:()=>({tabIndex:-1,type:"button",onClick:Ze}),getTagProps:({index:t})=>O({key:t,"data-tag-index":t,tabIndex:-1},!Y&&{onDelete:Ye(t)}),getListboxProps:()=>({role:"listbox",id:`${L}-listbox`,"aria-labelledby":`${L}-label`,ref:Qe,onMouseDown:t=>{t.preventDefault()}}),getOptionProps:({index:t,option:e})=>{var n;const r=(u?a:[a]).some(d=>d!=null&&ne(e,d)),i=j?j(e):!1;return{key:(n=Ue==null?void 0:Ue(e))!=null?n:C(e),tabIndex:-1,role:"option",id:`${L}-option-${t}`,onMouseMove:x,onClick:ut,onTouchStart:F,"data-option-index":t,"aria-disabled":i,"aria-selected":r}},id:L,inputValue:p,value:a,dirty:te,expanded:v&&re,popupOpen:v,focused:le||y!==-1,anchorEl:re,setAnchorEl:qe,focusedTag:y,groupedOptions:ce}}var gt,mt;const Mt=["autoComplete","autoHighlight","autoSelect","blurOnSelect","ChipProps","className","clearIcon","clearOnBlur","clearOnEscape","clearText","closeText","componentsProps","defaultValue","disableClearable","disableCloseOnSelect","disabled","disabledItemsFocusable","disableListWrap","disablePortal","filterOptions","filterSelectedOptions","forcePopupIcon","freeSolo","fullWidth","getLimitTagsText","getOptionDisabled","getOptionKey","getOptionLabel","isOptionEqualToValue","groupBy","handleHomeEndKeys","id","includeInputInList","inputValue","limitTags","ListboxComponent","ListboxProps","loading","loadingText","multiple","noOptionsText","onChange","onClose","onHighlightChange","onInputChange","onOpen","open","openOnFocus","openText","options","PaperComponent","PopperComponent","popupIcon","readOnly","renderGroup","renderInput","renderOption","renderTags","selectOnFocus","size","slotProps","value"],Ht=["ref"],Vt=["key"],zt=["key"],_t=o=>{const{classes:l,disablePortal:f,expanded:A,focused:H,fullWidth:D,hasClearIcon:T,hasPopupIcon:m,inputFocused:Q,popupOpen:U,size:R}=o,X={root:["root",A&&"expanded",H&&"focused",D&&"fullWidth",T&&"hasClearIcon",m&&"hasPopupIcon"],inputRoot:["inputRoot"],input:["input",Q&&"inputFocused"],tag:["tag",`tagSize${ht(R)}`],endAdornment:["endAdornment"],clearIndicator:["clearIndicator"],popupIndicator:["popupIndicator",U&&"popupIndicatorOpen"],popper:["popper",f&&"popperDisablePortal"],paper:["paper"],listbox:["listbox"],loading:["loading"],noOptions:["noOptions"],option:["option"],groupLabel:["groupLabel"],groupUl:["groupUl"]};return yt(X,$t,l)},jt=M("div",{name:"MuiAutocomplete",slot:"Root",overridesResolver:(o,l)=>{const{ownerState:f}=o,{fullWidth:A,hasClearIcon:H,hasPopupIcon:D,inputFocused:T,size:m}=f;return[{[`& .${s.tag}`]:l.tag},{[`& .${s.tag}`]:l[`tagSize${ht(m)}`]},{[`& .${s.inputRoot}`]:l.inputRoot},{[`& .${s.input}`]:l.input},{[`& .${s.input}`]:T&&l.inputFocused},l.root,A&&l.fullWidth,D&&l.hasPopupIcon,H&&l.hasClearIcon]}})({[`&.${s.focused} .${s.clearIndicator}`]:{visibility:"visible"},"@media (pointer: fine)":{[`&:hover .${s.clearIndicator}`]:{visibility:"visible"}},[`& .${s.tag}`]:{margin:3,maxWidth:"calc(100% - 6px)"},[`& .${s.inputRoot}`]:{[`.${s.hasPopupIcon}&, .${s.hasClearIcon}&`]:{paddingRight:30},[`.${s.hasPopupIcon}.${s.hasClearIcon}&`]:{paddingRight:56},[`& .${s.input}`]:{width:0,minWidth:30}},[`& .${ot.root}`]:{paddingBottom:1,"& .MuiInput-input":{padding:"4px 4px 4px 0px"}},[`& .${ot.root}.${oe.sizeSmall}`]:{[`& .${ot.input}`]:{padding:"2px 4px 3px 0"}},[`& .${dt.root}`]:{padding:9,[`.${s.hasPopupIcon}&, .${s.hasClearIcon}&`]:{paddingRight:39},[`.${s.hasPopupIcon}.${s.hasClearIcon}&`]:{paddingRight:65},[`& .${s.input}`]:{padding:"7.5px 4px 7.5px 5px"},[`& .${s.endAdornment}`]:{right:9}},[`& .${dt.root}.${oe.sizeSmall}`]:{paddingTop:6,paddingBottom:6,paddingLeft:6,[`& .${s.input}`]:{padding:"2.5px 4px 2.5px 8px"}},[`& .${de.root}`]:{paddingTop:19,paddingLeft:8,[`.${s.hasPopupIcon}&, .${s.hasClearIcon}&`]:{paddingRight:39},[`.${s.hasPopupIcon}.${s.hasClearIcon}&`]:{paddingRight:65},[`& .${de.input}`]:{padding:"7px 4px"},[`& .${s.endAdornment}`]:{right:9}},[`& .${de.root}.${oe.sizeSmall}`]:{paddingBottom:1,[`& .${de.input}`]:{padding:"2.5px 4px"}},[`& .${oe.hiddenLabel}`]:{paddingTop:8},[`& .${de.root}.${oe.hiddenLabel}`]:{paddingTop:0,paddingBottom:0,[`& .${s.input}`]:{paddingTop:16,paddingBottom:17}},[`& .${de.root}.${oe.hiddenLabel}.${oe.sizeSmall}`]:{[`& .${s.input}`]:{paddingTop:8,paddingBottom:9}},[`& .${s.input}`]:{flexGrow:1,textOverflow:"ellipsis",opacity:0},variants:[{props:{fullWidth:!0},style:{width:"100%"}},{props:{size:"small"},style:{[`& .${s.tag}`]:{margin:2,maxWidth:"calc(100% - 4px)"}}},{props:{inputFocused:!0},style:{[`& .${s.input}`]:{opacity:1}}},{props:{multiple:!0},style:{[`& .${s.inputRoot}`]:{flexWrap:"wrap"}}}]}),Bt=M("div",{name:"MuiAutocomplete",slot:"EndAdornment",overridesResolver:(o,l)=>l.endAdornment})({position:"absolute",right:0,top:"50%",transform:"translate(0, -50%)"}),Wt=M(It,{name:"MuiAutocomplete",slot:"ClearIndicator",overridesResolver:(o,l)=>l.clearIndicator})({marginRight:-2,padding:4,visibility:"hidden"}),Gt=M(It,{name:"MuiAutocomplete",slot:"PopupIndicator",overridesResolver:({ownerState:o},l)=>O({},l.popupIndicator,o.popupOpen&&l.popupIndicatorOpen)})({padding:2,marginRight:-2,variants:[{props:{popupOpen:!0},style:{transform:"rotate(180deg)"}}]}),Ut=M(xt,{name:"MuiAutocomplete",slot:"Popper",overridesResolver:(o,l)=>{const{ownerState:f}=o;return[{[`& .${s.option}`]:l.option},l.popper,f.disablePortal&&l.popperDisablePortal]}})(({theme:o})=>({zIndex:(o.vars||o).zIndex.modal,variants:[{props:{disablePortal:!0},style:{position:"absolute"}}]})),Kt=M(bt,{name:"MuiAutocomplete",slot:"Paper",overridesResolver:(o,l)=>l.paper})(({theme:o})=>O({},o.typography.body1,{overflow:"auto"})),qt=M("div",{name:"MuiAutocomplete",slot:"Loading",overridesResolver:(o,l)=>l.loading})(({theme:o})=>({color:(o.vars||o).palette.text.secondary,padding:"14px 16px"})),Jt=M("div",{name:"MuiAutocomplete",slot:"NoOptions",overridesResolver:(o,l)=>l.noOptions})(({theme:o})=>({color:(o.vars||o).palette.text.secondary,padding:"14px 16px"})),Qt=M("div",{name:"MuiAutocomplete",slot:"Listbox",overridesResolver:(o,l)=>l.listbox})(({theme:o})=>({listStyle:"none",margin:0,padding:"8px 0",maxHeight:"40vh",overflow:"auto",position:"relative",[`& .${s.option}`]:{minHeight:48,display:"flex",overflow:"hidden",justifyContent:"flex-start",alignItems:"center",cursor:"pointer",paddingTop:6,boxSizing:"border-box",outline:"0",WebkitTapHighlightColor:"transparent",paddingBottom:6,paddingLeft:16,paddingRight:16,[o.breakpoints.up("sm")]:{minHeight:"auto"},[`&.${s.focused}`]:{backgroundColor:(o.vars||o).palette.action.hover,"@media (hover: none)":{backgroundColor:"transparent"}},'&[aria-disabled="true"]':{opacity:(o.vars||o).palette.action.disabledOpacity,pointerEvents:"none"},[`&.${s.focusVisible}`]:{backgroundColor:(o.vars||o).palette.action.focus},'&[aria-selected="true"]':{backgroundColor:o.vars?`rgba(${o.vars.palette.primary.mainChannel} / ${o.vars.palette.action.selectedOpacity})`:tt.alpha(o.palette.primary.main,o.palette.action.selectedOpacity),[`&.${s.focused}`]:{backgroundColor:o.vars?`rgba(${o.vars.palette.primary.mainChannel} / calc(${o.vars.palette.action.selectedOpacity} + ${o.vars.palette.action.hoverOpacity}))`:tt.alpha(o.palette.primary.main,o.palette.action.selectedOpacity+o.palette.action.hoverOpacity),"@media (hover: none)":{backgroundColor:(o.vars||o).palette.action.selected}},[`&.${s.focusVisible}`]:{backgroundColor:o.vars?`rgba(${o.vars.palette.primary.mainChannel} / calc(${o.vars.palette.action.selectedOpacity} + ${o.vars.palette.action.focusOpacity}))`:tt.alpha(o.palette.primary.main,o.palette.action.selectedOpacity+o.palette.action.focusOpacity)}}}})),Xt=M(Tt,{name:"MuiAutocomplete",slot:"GroupLabel",overridesResolver:(o,l)=>l.groupLabel})(({theme:o})=>({backgroundColor:(o.vars||o).palette.background.paper,top:-8})),Yt=M("ul",{name:"MuiAutocomplete",slot:"GroupUl",overridesResolver:(o,l)=>l.groupUl})({padding:0,[`& .${s.option}`]:{paddingLeft:24}}),bo=b.forwardRef(function(l,f){var A,H,D,T;const m=Ct({props:l,name:"MuiAutocomplete"}),{autoComplete:Q=!1,autoHighlight:U=!1,autoSelect:R=!1,blurOnSelect:X=!1,ChipProps:fe,className:k,clearIcon:We=gt||(gt=I.jsx(Pt,{fontSize:"small"})),clearOnBlur:Ge=!m.freeSolo,clearOnEscape:rt=!1,clearText:ge="Clear",closeText:K="Close",componentsProps:j={},defaultValue:Ue=m.multiple?[]:null,disableClearable:ve=!1,disableCloseOnSelect:me=!1,disabled:q=!1,disabledItemsFocusable:lt=!1,disableListWrap:Ke=!1,disablePortal:Ae=!1,filterSelectedOptions:ne=!1,forcePopupIcon:u="auto",freeSolo:he=!1,fullWidth:Le=!1,getLimitTagsText:Se=e=>`+${e}`,getOptionLabel:B,groupBy:Te,handleHomeEndKeys:at=!m.freeSolo,includeInputInList:st=!1,limitTags:be=-1,ListboxComponent:Y="ul",ListboxProps:xe,loading:Re=!1,loadingText:L="Loading…",multiple:C=!1,noOptionsText:Ie="No options",openOnFocus:ke=!1,openText:h="Open",PaperComponent:S=bt,PopperComponent:re=xt,popupIcon:qe=mt||(mt=I.jsx(Ot,{})),readOnly:y=!1,renderGroup:Oe,renderInput:we,renderOption:P,renderTags:a,selectOnFocus:it=!m.freeSolo,size:p="medium",slotProps:W={}}=m,le=_e(m,Mt),{getRootProps:De,getInputProps:Z,getInputLabelProps:J,getPopupIndicatorProps:Ne,getClearProps:Je,getTagProps:Ee,getListboxProps:Fe,getOptionProps:v,value:c,dirty:N,expanded:Pe,id:ae,popupOpen:se,focused:V,focusedTag:E,anchorEl:ie,setAnchorEl:$e,inputValue:Qe,groupedOptions:w}=Ft(O({},m,{componentName:"Autocomplete"})),G=!ve&&!q&&N&&!y,z=(!he||u===!0)&&u!==!1,{onMouseDown:pe}=Z(),{ref:ee}=xe??{},Me=Fe(),{ref:He}=Me,Ve=_e(Me,Ht),Xe=Lt(He,ee),ue=B||(e=>{var n;return(n=e.label)!=null?n:e}),$=O({},m,{disablePortal:Ae,expanded:Pe,focused:V,fullWidth:Le,getOptionLabel:ue,hasClearIcon:G,hasPopupIcon:z,inputFocused:E===-1,popupOpen:se,size:p}),x=_t($);let F;if(C&&c.length>0){const e=n=>O({className:x.tag,disabled:q},Ee(n));a?F=a(c,e,$):F=c.map((n,r)=>{const i=e({index:r}),{key:d}=i,g=_e(i,Vt);return I.jsx(St,O({label:ue(n),size:p},g,fe),d)})}if(be>-1&&Array.isArray(F)){const e=F.length-be;!V&&e>0&&(F=F.splice(0,be),F.push(I.jsx("span",{className:x.tag,children:Se(e)},F.length)))}const Ye=Oe||(e=>I.jsxs("li",{children:[I.jsx(Xt,{className:x.groupLabel,ownerState:$,component:"div",children:e.group}),I.jsx(Yt,{className:x.groupUl,ownerState:$,children:e.children})]},e.key)),et=P||((e,n)=>{const{key:r}=e,i=_e(e,zt);return I.jsx("li",O({},i,{children:ue(n)}),r)}),ze=(e,n)=>{const r=v({option:e,index:n});return et(O({},r,{className:x.option}),e,{selected:r["aria-selected"],index:n,inputValue:Qe},$)},Ce=(A=W.clearIndicator)!=null?A:j.clearIndicator,te=(H=W.paper)!=null?H:j.paper,ce=(D=W.popper)!=null?D:j.popper,t=(T=W.popupIndicator)!=null?T:j.popupIndicator;return I.jsxs(b.Fragment,{children:[I.jsx(jt,O({ref:f,className:ye(x.root,k),ownerState:$},De(le),{children:we({id:ae,disabled:q,fullWidth:!0,size:p==="small"?"small":void 0,InputLabelProps:J(),InputProps:O({ref:$e,className:x.inputRoot,startAdornment:F,onClick:e=>{e.target===e.currentTarget&&pe(e)}},(G||z)&&{endAdornment:I.jsxs(Bt,{className:x.endAdornment,ownerState:$,children:[G?I.jsx(Wt,O({},Je(),{"aria-label":ge,title:ge,ownerState:$},Ce,{className:ye(x.clearIndicator,Ce==null?void 0:Ce.className),children:We})):null,z?I.jsx(Gt,O({},Ne(),{disabled:q,"aria-label":se?K:h,title:se?K:h,ownerState:$},t,{className:ye(x.popupIndicator,t==null?void 0:t.className),children:qe})):null]})}),inputProps:O({className:x.input,disabled:q,readOnly:y},Z())})})),ie?I.jsx(Ut,O({as:re,disablePortal:Ae,style:{width:ie?ie.clientWidth:null},ownerState:$,role:"presentation",anchorEl:ie,open:se},ce,{className:ye(x.popper,ce==null?void 0:ce.className),children:I.jsxs(Kt,O({ownerState:$,as:S},te,{className:ye(x.paper,te==null?void 0:te.className),children:[Re&&w.length===0?I.jsx(qt,{className:x.loading,ownerState:$,children:L}):null,w.length===0&&!he&&!Re?I.jsx(Jt,{className:x.noOptions,ownerState:$,role:"presentation",onMouseDown:e=>{e.preventDefault()},children:Ie}):null,w.length>0?I.jsx(Qt,O({as:Y,className:x.listbox,ownerState:$},Ve,xe,{ref:Xe,children:w.map((e,n)=>Te?Ye({key:e.key,group:e.group,children:e.options.map((r,i)=>ze(r,e.index+i))}):ze(e,n))})):null]}))})):null]})});export{bo as A,Rt as u};

package/dist/assets/Autocomplete-UE4wqxn0.js

@@ -1 +0,0 @@
-import{r as P}from"./index-NdkWRN8K.js";import{u as k,M as q}from"./useAutocomplete-C7VK9p4p.js";import{j as v}from"./jsx-runtime-CnH95YSl.js";import{u as N}from"./useTranslation-vEf1lqoc.js";import{A as $}from"./Autocomplete-MfScEzbR.js";const U={accessibleText:{errorMessage:"errorMessage",hint:"description",label:"label"},children:{list:{children:{listItem:{elementSelector:{method:"ByRole",options:{label:"name"},role:"option"}}},isControlledElement:!0}},elementSelector:{method:"ByRole",options:{label:"name"},role:"combobox"}},w=({ariaDescribedBy:n,defaultValue:r,errorMessage:s,errorMessageList:a,getIsOptionEqualToValue:i,getOptionLabel:m,hasMultipleChoices:o,hint:p,HintLinkComponent:c,id:u,inputValue:d,isCustomValueAllowed:x,isDisabled:t,isFullWidth:l=!1,isLoading:f,isOptional:b=!1,isReadOnly:A,isVirtualized:T=!1,label:g,name:O,noOptionsText:S,onBlur:y,onChange:z,onFocus:B,onInputChange:E,options:I,testId:M,translate:R,value:V})=>{const{t:e}=N(),{inputValueProp:h,isVirtualizedRef:j,renderInput:C,valueProps:L}=k({ariaDescribedBy:n,defaultValue:r,errorMessage:s,errorMessageList:a,hasMultipleChoices:o,hint:p,HintLinkComponent:c,inputValue:d,isFullWidth:l,isOptional:b,isVirtualized:T,label:g,name:O,testId:M,value:V});return v.jsx($,{...L,...h,...j.current&&{ListboxComponent:q},"aria-disabled":t,clearText:e("clear.text"),closeText:e("close.text"),disableCloseOnSelect:o,disabled:t,filterSelectedOptions:!0,freeSolo:x,fullWidth:l,getOptionLabel:m,id:u,isOptionEqualToValue:i,loading:f,multiple:o,noOptionsText:S||e("autocomplete.nooptions"),onBlur:y,onChange:z,onFocus:B,onInputChange:E,openText:e("open.text"),options:I,readOnly:A,renderInput:C,translate:R})},F=P.memo(w);F.displayName="Autocomplete";export{U as A,F as M};