@okta/odyssey-react-mui 1.45.0 → 1.47.1

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

@@ -0,0 +1,136 @@
+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{O as Be}from"./OdysseyStorybookThemeDecorator-BRjYVaUu.js";import{u as Ce,s as u}from"./OdysseyThemeProvider-BBwjgzn2.js";import{M as h}from"./Box-BGpAHVQV.js";import{e as z,a as Se,c as Ie}from"./Typography-DfSdXC7o.js";import{S as f}from"./Skeleton-dfR0DjWP.js";import{C as Pe,a as He}from"./CardActionArea-BTMPt80M.js";import{M as qe}from"./Button-DGmXZ3jw.js";import{M as x}from"./TagList-DGN86KvF.js";import{M as r}from"./Tag-BgjQI7VM.js";import{M as we}from"./Drawer-CwxKxBTE.js";import{M as H}from"./Settings-CjXK8-N1.js";import{M as j}from"./More-D1qrtSvt.js";import{M as We}from"./Status-BpzpxYZ-.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-2xjMTEu6.js";import"./Box-CWTB5xfE.js";import"./Typography-Yf1Zkad_.js";import"./colorManipulator-CjGkpVfF.js";import"./Paper-XsV8SWR9.js";import"./ButtonBase-BAQsCgRq.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./TransitionGroupContext-DLI0IzWy.js";import"./BaseButton-COF38VLB.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-XQJL1Byd.js";import"./Tooltip-D4AWrTBw.js";import"./Grow-DacPmog-.js";import"./utils-DkZjDCLm.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./Portal-GAJY6Au9.js";import"./resolveComponentProps-BzfJewMt.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-NQulfz4l.js";import"./Popper-DjhYeJJy.js";import"./ownerDocument-DW-IO8s5.js";import"./Button-CdPi1pZc.js";import"./Stack-DKhviX3e.js";import"./createStyled-D0LG5-qz.js";import"./useThemeProps-D4857Xca.js";import"./Chip-DXaMeATb.js";import"./createSvgIcon-DsUj6UQo.js";import"./FullScreenOverlay-D_QtB3Yt.js";import"./Drawer-DEqB4KYp.js";import"./debounce-Be36O1Ab.js";import"./ownerWindow-HkKU3E4x.js";import"./Modal-B1-40kNg.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Fade-CVbWKXvx.js";const P="2.85714286rem",W="4.57142857rem",ze="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}})),Oe=u(Pe,{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}}})),_e=u(He,{shouldForwardProp:t=>t!=="odysseyDesignTokens"})(({odysseyDesignTokens:t})=>({margin:`-${t.Spacing4}`,padding:t.Spacing4})),Fe=({image:t,title:a,description:i,children:c,hasTopSection:T,variant:n})=>{const s=Ce();return e.jsx(Oe,{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(Ie,{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:ze})}),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%"})})]})]})})},Ne=({actionAriaControls:t,actionAriaHasPopup:a,actionAriaExpanded:i,actionLabel:c,actionIcon:T,auxiliaryText:n,children:s,description:b,image:A,isLoading:q,onActionClick:d,onClick:Ee,title:y,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}),y&&e.jsx(z,{component:"div",children:y}),b&&p!=="compact"&&e.jsx(Se,{color:"textSecondary",children:b}),s&&e.jsx(Me,{odysseyDesignTokens:m,children:s})]}),[n,s,b,A,m,d,y,p]);return q?e.jsx(Fe,{children:!!s,description:!!b,hasTopSection:typeof d=="function"||!!n,image:!!A,title:!!y,variant:p}):e.jsxs(Oe,{isCompact:p==="compact",odysseyDesignTokens:m,children:[(d||n)&&e.jsxs(De,{odysseyDesignTokens:m,variant:p,children:[n&&!q&&e.jsx(Ie,{children:n}),d&&!q&&e.jsx(qe,{ariaControls:t,ariaExpanded:i,ariaHasPopup:a,ariaLabel:c,endIcon:T,onClick:d,size:"small",tooltipText:c,variant:"floating"})]}),e.jsx(_e,{odysseyDesignTokens:m,onClick:Ee,children:ve})]})},l=g.memo(Ne);l.displayName="AppTile";const Rt={component:l,decorators:[Be],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"})]})}},I={render:function(){return e.jsxs(h,{sx:{display:"flex",width:"572px",gap:"20px","& > *":{width:"100%"}},children:[e.jsx(l,{actionIcon:e.jsx(j,{}),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(j,{}),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(j,{}),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(j,{}),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"})]})}},w={render:function(){const[a,i]=g.useState(!1),c=g.useCallback(()=>i(!a),[a]);return e.jsxs(e.Fragment,{children:[e.jsx(we,{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()}},O={args:{auxiliaryText:"Single sign-on",children:e.jsxs(x,{children:[e.jsx(r,{label:"Tag 1"}),e.jsx(r,{label:"Tag 2"})]})}},E={render:function(){const[a,i]=g.useState(!1),c=g.useCallback(()=>i(!a),[a]);return e.jsxs(e.Fragment,{children:[e.jsx(we,{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(We,{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;I.parameters={...I.parameters,docs:{...(J=I.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=I.parameters)==null?void 0:K.docs)==null?void 0:Q.source}}};var U,X,Y;w.parameters={...w.parameters,docs:{...(U=w.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=w.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;O.parameters={...O.parameters,docs:{...(me=O.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=O.parameters)==null?void 0:de.docs)==null?void 0:ge.source}}};var ue,he,xe;E.parameters={...E.parameters,docs:{...(ue=E.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=E.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,ye,je;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()
+  }
+}`,...(je=(ye=B.parameters)==null?void 0:ye.docs)==null?void 0:je.source}}};const $t=["Default","Multiple","Compact","ActionButton","SquareImage","TallImage","WideImage","WideImageWithActionButton","AuxiliaryText","ActionButtonAndAuxiliaryText","FullyCustomContent","Loading"];export{w as ActionButton,E as ActionButtonAndAuxiliaryText,O as AuxiliaryText,I 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,$t as __namedExportsOrder,Rt as default};

package/dist/assets/ArrowDropDown-LYMnJjPD.js

@@ -0,0 +1 @@
+import{b as n,ac as s,V as i,U as e}from"./OdysseyThemeProvider-BBwjgzn2.js";import"./index-NdkWRN8K.js";import{c as u}from"./createSvgIcon-DsUj6UQo.js";import{j as o}from"./jsx-runtime-CnH95YSl.js";function c(t){return e("MuiInput",t)}const d=n({},s,i("MuiInput",["root","underline","input"]));function I(t){return e("MuiOutlinedInput",t)}const C=n({},s,i("MuiOutlinedInput",["root","notchedOutline","input"]));function f(t){return e("MuiFilledInput",t)}const m=n({},s,i("MuiFilledInput",["root","underline","input"])),g=u(o.jsx("path",{d:"M7 10l5 5 5-5z"}),"ArrowDropDown");export{g as A,c as a,I as b,m as f,f as g,d as i,C as o};

package/dist/assets/ArrowRight-Bi2Pswgc.js

@@ -0,0 +1 @@
+import{r as o}from"./index-NdkWRN8K.js";import{j as r}from"./jsx-runtime-CnH95YSl.js";import{S as l}from"./OdysseyThemeProvider-BBwjgzn2.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-CXy6JKKy.js

@@ -0,0 +1 @@
+import{A as Pt,b as O,c as $t,_ as _e,d as M,e as ye,f as bt,g as Ct,au as yt,av as s,ac as oe,p as tt}from"./OdysseyThemeProvider-BBwjgzn2.js";import{r as b}from"./index-NdkWRN8K.js";import{A as vt,f as de,o as dt,i as ot}from"./ArrowDropDown-LYMnJjPD.js";import{C as At}from"./Close-ATS01D1v.js";import{j as I}from"./jsx-runtime-CnH95YSl.js";import{P as xt}from"./Paper-XsV8SWR9.js";import{P as It}from"./Popper-DjhYeJJy.js";import{u as nt}from"./useControlled-NQulfz4l.js";import{u as je}from"./TransitionGroupContext-DLI0IzWy.js";import{s as Lt,u as St}from"./useIsFocusVisible-DH0qxT5e.js";import{C as Tt}from"./Chip-DXaMeATb.js";import{I as Ot}from"./IconButton-OY9nJWpv.js";import{L as Rt}from"./ListSubheader-Bwc0JItn.js";const kt=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 wt(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 Dt=wt(),gt=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=Dt,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=Pt(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=kt({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=>{Lt(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:-gt,direction:"previous",reason:"keyboard",event:e}),w(e);break;case"PageDown":e.preventDefault(),E({diff:gt,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 mt,ht;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${bt(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 Ct(X,yt,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${bt(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(Ot,{name:"MuiAutocomplete",slot:"ClearIndicator",overridesResolver:(o,l)=>l.clearIndicator})({marginRight:-2,padding:4,visibility:"hidden"}),Gt=M(Ot,{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(It,{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(xt,{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(Rt,{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}}),fo=b.forwardRef(function(l,f){var A,H,D,T;const m=$t({props:l,name:"MuiAutocomplete"}),{autoComplete:Q=!1,autoHighlight:U=!1,autoSelect:R=!1,blurOnSelect:X=!1,ChipProps:fe,className:k,clearIcon:We=mt||(mt=I.jsx(At,{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=xt,PopperComponent:re=It,popupIcon:qe=ht||(ht=I.jsx(vt,{})),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=St(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(Tt,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{fo as A,kt as u};

package/dist/assets/Autocomplete-DD8JT6Eb.js

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