@okta/odyssey-react-mui 1.54.0 → 1.55.0

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.55.0](https://github.com/atko-eng/odyssey-design-system/compare/v1.54.0...v1.55.0) (2026-03-04)
+
+### Bug Fixes
+
+- update TypedTFunction typing to correctly verify unknown keys ([#200](https://github.com/atko-eng/odyssey-design-system/issues/200)) ([5fee1cd](https://github.com/atko-eng/odyssey-design-system/commit/5fee1cdbba85ada5b8f650c23852e0c00953be05))
+
 ## [1.54.0](https://github.com/atko-eng/odyssey-design-system/compare/v1.53.0...v1.54.0) (2026-02-17)
 
 **Note:** Version bump only for package @okta/odyssey-contribution-tooling

package/dist/assets/{Accordion-Daq3txl_.js → Accordion-D8MMTGBC.js}

@@ -1 +1 @@
-import{r as u,j as o}from"./iframe-DE4RuJrv.js";import{d as h}from"./Typography-B7LPQ65D.js";import{u as f}from"./useUniqueId-ej4W3xOJ.js";import{A as j,a as A,b}from"./AccordionSummary-CIeS6mZS.js";import{M as I}from"./WarningFilled-qIqi4h0v.js";const M=({children:a,label:d,id:n,isDefaultExpanded:t,isDisabled:s,isExpanded:i,onChange:c,testId:m,translate:l,variant:p="default"})=>{const e=f(n),r=`${e}-header`,x=`${e}-content`;return o.jsxs(j,{"data-ods-variant":p,"data-se":m,defaultExpanded:t,disabled:s,disableGutters:!0,expanded:i,onChange:c,children:[o.jsx(A,{"aria-controls":x,expandIcon:o.jsx(I,{}),id:r,children:o.jsx(h,{component:"div",translate:l,children:d})}),o.jsx(b,{"aria-labelledby":r,children:a})]})},v=u.memo(M);v.displayName="Accordion";export{v as M};
+import{r as u,j as o}from"./iframe-Cav9rlxr.js";import{d as h}from"./Typography-B8ZKtxRi.js";import{u as f}from"./useUniqueId-CXfTvpAs.js";import{A as j,a as A,b}from"./AccordionSummary-BpjNF1hZ.js";import{M as I}from"./WarningFilled-DJX60tUO.js";const M=({children:a,label:d,id:n,isDefaultExpanded:t,isDisabled:s,isExpanded:i,onChange:c,testId:m,translate:l,variant:p="default"})=>{const e=f(n),r=`${e}-header`,x=`${e}-content`;return o.jsxs(j,{"data-ods-variant":p,"data-se":m,defaultExpanded:t,disabled:s,disableGutters:!0,expanded:i,onChange:c,children:[o.jsx(A,{"aria-controls":x,expandIcon:o.jsx(I,{}),id:r,children:o.jsx(h,{component:"div",translate:l,children:d})}),o.jsx(b,{"aria-labelledby":r,children:a})]})},v=u.memo(M);v.displayName="Accordion";export{v as M};

package/dist/assets/Accordion.stories-BPJnLVeE.js

@@ -0,0 +1,85 @@
+import{j as n,r as m}from"./iframe-Cav9rlxr.js";import{O as k}from"./OdysseyStorybookThemeDecorator-Bokwb0ot.js";import{M as o}from"./Accordion-D8MMTGBC.js";import"./preload-helper-Dp1pzeXC.js";import"./OdysseyThemeProvider-DOMFnSU0.js";import"./index.es-0rJMfM0E.js";import"./tableRowClasses-DYosAqvx.js";import"./WarningFilled-DJX60tUO.js";import"./index-CLFx8Kta.js";import"./OdysseyProvider-n2ocdJ7D.js";import"./ScopedCssBaseline-CbMqVD26.js";import"./Typography-B8ZKtxRi.js";import"./Typography-D4Laguzq.js";import"./useUniqueId-CXfTvpAs.js";import"./createUniqueId-BHjR7HQF.js";import"./AccordionSummary-BpjNF1hZ.js";import"./useSlot-CvipdriX.js";import"./resolveComponentProps-m1IywaLB.js";import"./isHostComponent-DVu5iVWx.js";import"./useIsFocusVisible-Cu721A7w.js";import"./useControlled-4m9Fbl4Y.js";import"./Collapse-1HAz0LZV.js";import"./utils-fJIW_l91.js";import"./TransitionGroupContext-CTI9LvjA.js";import"./index-C5VVYn_U.js";import"./Paper-DIvrMKVz.js";import"./ButtonBase-CYIo9Kvv.js";const{expect:h,userEvent:u,waitFor:b,within:V}=__STORYBOOK_MODULE_TEST__,ce={component:o,decorators:[k],argTypes:{children:{control:"text",description:"",table:{type:{summary:"ReactNode"}}},label:{control:"text",description:"",table:{type:{summary:"string"}}},isDisabled:{control:"boolean",description:"",table:{type:{summary:"boolean"}}},isExpanded:{control:"boolean",description:"",table:{type:{summary:"boolean"}}},variant:{control:"select",options:["default","borderless"],description:"Visual style for the accordion",table:{type:{summary:"string"},defaultValue:{summary:"default"}}}},args:{children:"Lorem ipsum dolor sit amet.",isDisabled:!1,isExpanded:void 0,label:"Label",variant:"default"}},a={args:{children:"This is the content of the box."},render:function(e){return n.jsx(o,{isDisabled:e.isDisabled,isExpanded:e.isExpanded,label:e.label,variant:e.variant,children:e.children})}},c={args:{children:"This is the content of the box.",variant:"borderless"},render:function(e){return n.jsx(o,{isDisabled:e.isDisabled,isExpanded:e.isExpanded,label:e.label,variant:e.variant,children:e.children})}},d={args:{children:"This is the content of the box."},render:function(e){return n.jsxs(n.Fragment,{children:[n.jsx(o,{isDisabled:e.isDisabled,isExpanded:e.isExpanded,label:e.label,children:e.children}),n.jsx(o,{label:"Accordion 2",children:"This is the second accordion item."}),n.jsx(o,{label:"Accordion 3",children:"This is the third accordion item."}),n.jsx(o,{label:"Accordion 4",children:"This is the fourth accordion item."}),n.jsx(o,{label:"Accordion 5",children:"This is the fifth accordion item."})]})}},l={args:{children:"This is the content of the box.",isDisabled:!0},render:function(e){return n.jsx(o,{isDisabled:e.isDisabled,label:"Label",children:e.children})}},p={args:{children:"This is the content of the box."},render:function(e){const[t,s]=m.useState(!0),i=m.useCallback((L,P)=>s(P),[]);return n.jsx(o,{isExpanded:t,label:"Label",onChange:i,children:e.children})},play:async({canvasElement:r,step:e})=>{await e("Accordion Expanded",async()=>{const t=V(r),s=t.getByRole("button"),i=t.getByRole("region");await b(()=>{h(i).toBeVisible()}),await u.click(s),await b(()=>{h(i).not.toBeVisible()}),await u.click(s),await b(()=>{h(i).toBeVisible()})})}};var x,f,A;a.parameters={...a.parameters,docs:{...(x=a.parameters)==null?void 0:x.docs,source:{originalSource:`{
+  args: {
+    children: "This is the content of the box."
+  },
+  render: function C(props: AccordionProps) {
+    return <Accordion isDisabled={props.isDisabled} isExpanded={props.isExpanded} label={props.label} variant={props.variant}>
+        {props.children}
+      </Accordion>;
+  }
+}`,...(A=(f=a.parameters)==null?void 0:f.docs)==null?void 0:A.source}}};var E,g,y;c.parameters={...c.parameters,docs:{...(E=c.parameters)==null?void 0:E.docs,source:{originalSource:`{
+  args: {
+    children: "This is the content of the box.",
+    variant: "borderless"
+  },
+  render: function C(props: AccordionProps) {
+    return <Accordion isDisabled={props.isDisabled} isExpanded={props.isExpanded} label={props.label} variant={props.variant}>
+        {props.children}
+      </Accordion>;
+  }
+}`,...(y=(g=c.parameters)==null?void 0:g.docs)==null?void 0:y.source}}};var v,D,T;d.parameters={...d.parameters,docs:{...(v=d.parameters)==null?void 0:v.docs,source:{originalSource:`{
+  args: {
+    children: "This is the content of the box."
+  },
+  render: function C(props: AccordionProps) {
+    return <>
+        <Accordion isDisabled={props.isDisabled} isExpanded={props.isExpanded} label={props.label}>
+          {props.children}
+        </Accordion>
+        <Accordion label="Accordion 2">
+          This is the second accordion item.
+        </Accordion>
+        <Accordion label="Accordion 3">
+          This is the third accordion item.
+        </Accordion>
+        <Accordion label="Accordion 4">
+          This is the fourth accordion item.
+        </Accordion>
+        <Accordion label="Accordion 5">
+          This is the fifth accordion item.
+        </Accordion>
+      </>;
+  }
+}`,...(T=(D=d.parameters)==null?void 0:D.docs)==null?void 0:T.source}}};var C,w,B;l.parameters={...l.parameters,docs:{...(C=l.parameters)==null?void 0:C.docs,source:{originalSource:`{
+  args: {
+    children: "This is the content of the box.",
+    isDisabled: true
+  },
+  render: function C(props: AccordionProps) {
+    return <Accordion isDisabled={props.isDisabled} label="Label">
+        {props.children}
+      </Accordion>;
+  }
+}`,...(B=(w=l.parameters)==null?void 0:w.docs)==null?void 0:B.source}}};var j,S,_;p.parameters={...p.parameters,docs:{...(j=p.parameters)==null?void 0:j.docs,source:{originalSource:`{
+  args: {
+    children: "This is the content of the box."
+  },
+  render: function C(props: AccordionProps) {
+    const [isExpanded, setIsExpanded] = useState(true);
+    const onChange = useCallback<NonNullable<AccordionProps["onChange"]>>((_event, expanded) => setIsExpanded(expanded), []);
+    return <Accordion isExpanded={isExpanded} label="Label" onChange={onChange}>
+        {props.children}
+      </Accordion>;
+  },
+  play: async ({
+    canvasElement,
+    step
+  }: PlaywrightProps<AccordionProps>) => {
+    await step("Accordion Expanded", async () => {
+      const canvas = within(canvasElement);
+      const accordion = canvas.getByRole("button");
+      const accordionContent = canvas.getByRole("region");
+      await waitFor(() => {
+        expect(accordionContent).toBeVisible();
+      });
+      await userEvent.click(accordion);
+      await waitFor(() => {
+        expect(accordionContent).not.toBeVisible();
+      });
+      await userEvent.click(accordion);
+      await waitFor(() => {
+        expect(accordionContent).toBeVisible();
+      });
+    });
+  }
+}`,...(_=(S=p.parameters)==null?void 0:S.docs)==null?void 0:_.source}}};const de=["Single","Borderless","Multi","Disabled","Expanded"];export{c as Borderless,l as Disabled,p as Expanded,d as Multi,a as Single,de as __namedExportsOrder,ce as default};

package/dist/assets/{AccordionSummary-CIeS6mZS.js → AccordionSummary-BpjNF1hZ.js}

@@ -1 +1 @@
-import{N,M as $,b as k,_ as w,a as d,c as g,d as R,f as G}from"./tableRowClasses-SdduqaRI.js";import{r as c,j as l}from"./iframe-DE4RuJrv.js";import{u as L}from"./useSlot-CxZuq7zC.js";import{u as H}from"./useControlled-0vpPKndq.js";import{C as F}from"./Collapse-C5U5l6uF.js";import{P as O}from"./Paper-Bv-8rqJG.js";import{B as z}from"./ButtonBase-CKEbMwnW.js";const D=c.createContext({});function J(o){return $("MuiAccordion",o)}const A=N("MuiAccordion",["root","rounded","expanded","disabled","gutters","region"]),K=["children","className","defaultExpanded","disabled","disableGutters","expanded","onChange","square","slots","slotProps","TransitionComponent","TransitionProps"],Q=o=>{const{classes:s,square:t,expanded:r,disabled:e,disableGutters:n}=o;return G({root:["root",!t&&"rounded",r&&"expanded",e&&"disabled",!n&&"gutters"],region:["region"]},J,s)},X=g(O,{name:"MuiAccordion",slot:"Root",overridesResolver:(o,s)=>{const{ownerState:t}=o;return[{[`& .${A.region}`]:s.region},s.root,!t.square&&s.rounded,!t.disableGutters&&s.gutters]}})(({theme:o})=>{const s={duration:o.transitions.duration.shortest};return{position:"relative",transition:o.transitions.create(["margin"],s),overflowAnchor:"none","&::before":{position:"absolute",left:0,top:-1,right:0,height:1,content:'""',opacity:1,backgroundColor:(o.vars||o).palette.divider,transition:o.transitions.create(["opacity","background-color"],s)},"&:first-of-type":{"&::before":{display:"none"}},[`&.${A.expanded}`]:{"&::before":{opacity:0},"&:first-of-type":{marginTop:0},"&:last-of-type":{marginBottom:0},"& + &":{"&::before":{display:"none"}}},[`&.${A.disabled}`]:{backgroundColor:(o.vars||o).palette.action.disabledBackground}}},({theme:o})=>({variants:[{props:s=>!s.square,style:{borderRadius:0,"&:first-of-type":{borderTopLeftRadius:(o.vars||o).shape.borderRadius,borderTopRightRadius:(o.vars||o).shape.borderRadius},"&:last-of-type":{borderBottomLeftRadius:(o.vars||o).shape.borderRadius,borderBottomRightRadius:(o.vars||o).shape.borderRadius,"@supports (-ms-ime-align: auto)":{borderBottomLeftRadius:0,borderBottomRightRadius:0}}}},{props:s=>!s.disableGutters,style:{[`&.${A.expanded}`]:{margin:"16px 0"}}}]})),xo=c.forwardRef(function(s,t){const r=k({props:s,name:"MuiAccordion"}),{children:e,className:n,defaultExpanded:i=!1,disabled:p=!1,disableGutters:u=!1,expanded:S,onChange:m,square:y=!1,slots:C={},slotProps:v={},TransitionComponent:h,TransitionProps:f}=r,b=w(r,K),[a,j]=H({controlled:S,default:i,name:"Accordion",state:"expanded"}),T=c.useCallback(q=>{j(!a),m&&m(q,!a)},[a,m,j]),[P,...I]=c.Children.toArray(e),V=c.useMemo(()=>({expanded:a,disabled:p,disableGutters:u,toggle:T}),[a,p,u,T]),M=d({},r,{square:y,disabled:p,disableGutters:u,expanded:a}),B=Q(M),U=d({transition:h},C),W=d({transition:f},v),[E,_]=L("transition",{elementType:F,externalForwardedProps:{slots:U,slotProps:W},ownerState:M});return l.jsxs(X,d({className:R(B.root,n),ref:t,ownerState:M,square:y},b,{children:[l.jsx(D.Provider,{value:V,children:P}),l.jsx(E,d({in:a,timeout:"auto"},_,{children:l.jsx("div",{"aria-labelledby":P.props.id,id:P.props["aria-controls"],role:"region",className:B.region,children:I})}))]}))});function Y(o){return $("MuiAccordionDetails",o)}N("MuiAccordionDetails",["root"]);const Z=["className"],oo=o=>{const{classes:s}=o;return G({root:["root"]},Y,s)},so=g("div",{name:"MuiAccordionDetails",slot:"Root",overridesResolver:(o,s)=>s.root})(({theme:o})=>({padding:o.spacing(1,2,2)})),go=c.forwardRef(function(s,t){const r=k({props:s,name:"MuiAccordionDetails"}),{className:e}=r,n=w(r,Z),i=r,p=oo(i);return l.jsx(so,d({className:R(p.root,e),ref:t,ownerState:i},n))});function to(o){return $("MuiAccordionSummary",o)}const x=N("MuiAccordionSummary",["root","expanded","focusVisible","disabled","gutters","contentGutters","content","expandIconWrapper"]),ro=["children","className","expandIcon","focusVisibleClassName","onClick"],eo=o=>{const{classes:s,expanded:t,disabled:r,disableGutters:e}=o;return G({root:["root",t&&"expanded",r&&"disabled",!e&&"gutters"],focusVisible:["focusVisible"],content:["content",t&&"expanded",!e&&"contentGutters"],expandIconWrapper:["expandIconWrapper",t&&"expanded"]},to,s)},ao=g(z,{name:"MuiAccordionSummary",slot:"Root",overridesResolver:(o,s)=>s.root})(({theme:o})=>{const s={duration:o.transitions.duration.shortest};return{display:"flex",minHeight:48,padding:o.spacing(0,2),transition:o.transitions.create(["min-height","background-color"],s),[`&.${x.focusVisible}`]:{backgroundColor:(o.vars||o).palette.action.focus},[`&.${x.disabled}`]:{opacity:(o.vars||o).palette.action.disabledOpacity},[`&:hover:not(.${x.disabled})`]:{cursor:"pointer"},variants:[{props:t=>!t.disableGutters,style:{[`&.${x.expanded}`]:{minHeight:64}}}]}}),no=g("div",{name:"MuiAccordionSummary",slot:"Content",overridesResolver:(o,s)=>s.content})(({theme:o})=>({display:"flex",flexGrow:1,margin:"12px 0",variants:[{props:s=>!s.disableGutters,style:{transition:o.transitions.create(["margin"],{duration:o.transitions.duration.shortest}),[`&.${x.expanded}`]:{margin:"20px 0"}}}]})),io=g("div",{name:"MuiAccordionSummary",slot:"ExpandIconWrapper",overridesResolver:(o,s)=>s.expandIconWrapper})(({theme:o})=>({display:"flex",color:(o.vars||o).palette.action.active,transform:"rotate(0deg)",transition:o.transitions.create("transform",{duration:o.transitions.duration.shortest}),[`&.${x.expanded}`]:{transform:"rotate(180deg)"}})),yo=c.forwardRef(function(s,t){const r=k({props:s,name:"MuiAccordionSummary"}),{children:e,className:n,expandIcon:i,focusVisibleClassName:p,onClick:u}=r,S=w(r,ro),{disabled:m=!1,disableGutters:y,expanded:C,toggle:v}=c.useContext(D),h=a=>{v&&v(a),u&&u(a)},f=d({},r,{expanded:C,disabled:m,disableGutters:y}),b=eo(f);return l.jsxs(ao,d({focusRipple:!1,disableRipple:!0,disabled:m,component:"div","aria-expanded":C,className:R(b.root,n),focusVisibleClassName:R(b.focusVisible,p),onClick:h,ref:t,ownerState:f},S,{children:[l.jsx(no,{className:b.content,ownerState:f,children:e}),i&&l.jsx(io,{className:b.expandIconWrapper,ownerState:f,children:i})]}))});export{xo as A,yo as a,go as b};
+import{N,M as $,b as k,_ as w,a as d,c as g,d as R,f as G}from"./tableRowClasses-DYosAqvx.js";import{r as c,j as l}from"./iframe-Cav9rlxr.js";import{u as L}from"./useSlot-CvipdriX.js";import{u as H}from"./useControlled-4m9Fbl4Y.js";import{C as F}from"./Collapse-1HAz0LZV.js";import{P as O}from"./Paper-DIvrMKVz.js";import{B as z}from"./ButtonBase-CYIo9Kvv.js";const D=c.createContext({});function J(o){return $("MuiAccordion",o)}const A=N("MuiAccordion",["root","rounded","expanded","disabled","gutters","region"]),K=["children","className","defaultExpanded","disabled","disableGutters","expanded","onChange","square","slots","slotProps","TransitionComponent","TransitionProps"],Q=o=>{const{classes:s,square:t,expanded:r,disabled:e,disableGutters:n}=o;return G({root:["root",!t&&"rounded",r&&"expanded",e&&"disabled",!n&&"gutters"],region:["region"]},J,s)},X=g(O,{name:"MuiAccordion",slot:"Root",overridesResolver:(o,s)=>{const{ownerState:t}=o;return[{[`& .${A.region}`]:s.region},s.root,!t.square&&s.rounded,!t.disableGutters&&s.gutters]}})(({theme:o})=>{const s={duration:o.transitions.duration.shortest};return{position:"relative",transition:o.transitions.create(["margin"],s),overflowAnchor:"none","&::before":{position:"absolute",left:0,top:-1,right:0,height:1,content:'""',opacity:1,backgroundColor:(o.vars||o).palette.divider,transition:o.transitions.create(["opacity","background-color"],s)},"&:first-of-type":{"&::before":{display:"none"}},[`&.${A.expanded}`]:{"&::before":{opacity:0},"&:first-of-type":{marginTop:0},"&:last-of-type":{marginBottom:0},"& + &":{"&::before":{display:"none"}}},[`&.${A.disabled}`]:{backgroundColor:(o.vars||o).palette.action.disabledBackground}}},({theme:o})=>({variants:[{props:s=>!s.square,style:{borderRadius:0,"&:first-of-type":{borderTopLeftRadius:(o.vars||o).shape.borderRadius,borderTopRightRadius:(o.vars||o).shape.borderRadius},"&:last-of-type":{borderBottomLeftRadius:(o.vars||o).shape.borderRadius,borderBottomRightRadius:(o.vars||o).shape.borderRadius,"@supports (-ms-ime-align: auto)":{borderBottomLeftRadius:0,borderBottomRightRadius:0}}}},{props:s=>!s.disableGutters,style:{[`&.${A.expanded}`]:{margin:"16px 0"}}}]})),xo=c.forwardRef(function(s,t){const r=k({props:s,name:"MuiAccordion"}),{children:e,className:n,defaultExpanded:i=!1,disabled:p=!1,disableGutters:u=!1,expanded:S,onChange:m,square:y=!1,slots:C={},slotProps:v={},TransitionComponent:h,TransitionProps:f}=r,b=w(r,K),[a,j]=H({controlled:S,default:i,name:"Accordion",state:"expanded"}),T=c.useCallback(q=>{j(!a),m&&m(q,!a)},[a,m,j]),[P,...I]=c.Children.toArray(e),V=c.useMemo(()=>({expanded:a,disabled:p,disableGutters:u,toggle:T}),[a,p,u,T]),M=d({},r,{square:y,disabled:p,disableGutters:u,expanded:a}),B=Q(M),U=d({transition:h},C),W=d({transition:f},v),[E,_]=L("transition",{elementType:F,externalForwardedProps:{slots:U,slotProps:W},ownerState:M});return l.jsxs(X,d({className:R(B.root,n),ref:t,ownerState:M,square:y},b,{children:[l.jsx(D.Provider,{value:V,children:P}),l.jsx(E,d({in:a,timeout:"auto"},_,{children:l.jsx("div",{"aria-labelledby":P.props.id,id:P.props["aria-controls"],role:"region",className:B.region,children:I})}))]}))});function Y(o){return $("MuiAccordionDetails",o)}N("MuiAccordionDetails",["root"]);const Z=["className"],oo=o=>{const{classes:s}=o;return G({root:["root"]},Y,s)},so=g("div",{name:"MuiAccordionDetails",slot:"Root",overridesResolver:(o,s)=>s.root})(({theme:o})=>({padding:o.spacing(1,2,2)})),go=c.forwardRef(function(s,t){const r=k({props:s,name:"MuiAccordionDetails"}),{className:e}=r,n=w(r,Z),i=r,p=oo(i);return l.jsx(so,d({className:R(p.root,e),ref:t,ownerState:i},n))});function to(o){return $("MuiAccordionSummary",o)}const x=N("MuiAccordionSummary",["root","expanded","focusVisible","disabled","gutters","contentGutters","content","expandIconWrapper"]),ro=["children","className","expandIcon","focusVisibleClassName","onClick"],eo=o=>{const{classes:s,expanded:t,disabled:r,disableGutters:e}=o;return G({root:["root",t&&"expanded",r&&"disabled",!e&&"gutters"],focusVisible:["focusVisible"],content:["content",t&&"expanded",!e&&"contentGutters"],expandIconWrapper:["expandIconWrapper",t&&"expanded"]},to,s)},ao=g(z,{name:"MuiAccordionSummary",slot:"Root",overridesResolver:(o,s)=>s.root})(({theme:o})=>{const s={duration:o.transitions.duration.shortest};return{display:"flex",minHeight:48,padding:o.spacing(0,2),transition:o.transitions.create(["min-height","background-color"],s),[`&.${x.focusVisible}`]:{backgroundColor:(o.vars||o).palette.action.focus},[`&.${x.disabled}`]:{opacity:(o.vars||o).palette.action.disabledOpacity},[`&:hover:not(.${x.disabled})`]:{cursor:"pointer"},variants:[{props:t=>!t.disableGutters,style:{[`&.${x.expanded}`]:{minHeight:64}}}]}}),no=g("div",{name:"MuiAccordionSummary",slot:"Content",overridesResolver:(o,s)=>s.content})(({theme:o})=>({display:"flex",flexGrow:1,margin:"12px 0",variants:[{props:s=>!s.disableGutters,style:{transition:o.transitions.create(["margin"],{duration:o.transitions.duration.shortest}),[`&.${x.expanded}`]:{margin:"20px 0"}}}]})),io=g("div",{name:"MuiAccordionSummary",slot:"ExpandIconWrapper",overridesResolver:(o,s)=>s.expandIconWrapper})(({theme:o})=>({display:"flex",color:(o.vars||o).palette.action.active,transform:"rotate(0deg)",transition:o.transitions.create("transform",{duration:o.transitions.duration.shortest}),[`&.${x.expanded}`]:{transform:"rotate(180deg)"}})),yo=c.forwardRef(function(s,t){const r=k({props:s,name:"MuiAccordionSummary"}),{children:e,className:n,expandIcon:i,focusVisibleClassName:p,onClick:u}=r,S=w(r,ro),{disabled:m=!1,disableGutters:y,expanded:C,toggle:v}=c.useContext(D),h=a=>{v&&v(a),u&&u(a)},f=d({},r,{expanded:C,disabled:m,disableGutters:y}),b=eo(f);return l.jsxs(ao,d({focusRipple:!1,disableRipple:!0,disabled:m,component:"div","aria-expanded":C,className:R(b.root,n),focusVisibleClassName:R(b.focusVisible,p),onClick:h,ref:t,ownerState:f},S,{children:[l.jsx(no,{className:b.content,ownerState:f,children:e}),i&&l.jsx(io,{className:b.expandIconWrapper,ownerState:f,children:i})]}))});export{xo as A,yo as a,go as b};

package/dist/assets/{AddCircle-g6Yk-xuy.js → AddCircle-DgNpvHvb.js}

@@ -1 +1 @@
-import{r,j as e}from"./iframe-DE4RuJrv.js";import{S as n}from"./tableRowClasses-SdduqaRI.js";const d=r.forwardRef((o,l)=>e.jsx(n,{fill:"none",ref:l,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...o,children:e.jsx(e.Fragment,{children:e.jsx("path",{clipRule:"evenodd",d:"M8 2a6 6 0 1 0 0 12A6 6 0 0 0 8 2ZM.667 8a7.333 7.333 0 1 1 14.666 0A7.333 7.333 0 0 1 .667 8Zm6.666-.667v-2h1.334v2h2v1.334h-2v2H7.333v-2h-2V7.333h2Z",fill:"currentColor",fillRule:"evenodd"})})})),i=r.memo(d);i.displayName="AddCircleIcon";export{i as M};
+import{r,j as e}from"./iframe-Cav9rlxr.js";import{S as n}from"./tableRowClasses-DYosAqvx.js";const d=r.forwardRef((o,l)=>e.jsx(n,{fill:"none",ref:l,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...o,children:e.jsx(e.Fragment,{children:e.jsx("path",{clipRule:"evenodd",d:"M8 2a6 6 0 1 0 0 12A6 6 0 0 0 8 2ZM.667 8a7.333 7.333 0 1 1 14.666 0A7.333 7.333 0 0 1 .667 8Zm6.666-.667v-2h1.334v2h2v1.334h-2v2H7.333v-2h-2V7.333h2Z",fill:"currentColor",fillRule:"evenodd"})})})),i=r.memo(d);i.displayName="AddCircleIcon";export{i as M};

package/dist/assets/{AlertTitle-D3upwBLV.js → AlertTitle-41lhnhsR.js}

@@ -1 +1 @@
-import{N as _,M as F,b as $,_ as R,a as l,c as p,d as z,e as m,f as b,l as f,al as V}from"./tableRowClasses-SdduqaRI.js";import{j as e,r as P}from"./iframe-DE4RuJrv.js";import{u as I}from"./useSlot-CxZuq7zC.js";import{c as v}from"./createSvgIcon-DMOOI9wR.js";import{C as Z}from"./Close-Dcbwwr41.js";import{I as D}from"./IconButton-CY54VTm3.js";import{P as q}from"./Paper-Bv-8rqJG.js";import{T as G}from"./Typography-CAaRogW8.js";function J(t){return F("MuiAlert",t)}const S=_("MuiAlert",["root","action","icon","message","filled","colorSuccess","colorInfo","colorWarning","colorError","filledSuccess","filledInfo","filledWarning","filledError","outlined","outlinedSuccess","outlinedInfo","outlinedWarning","outlinedError","standard","standardSuccess","standardInfo","standardWarning","standardError"]),K=v(e.jsx("path",{d:"M20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4C12.76,4 13.5,4.11 14.2, 4.31L15.77,2.74C14.61,2.26 13.34,2 12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0, 0 22,12M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z"}),"SuccessOutlined"),Q=v(e.jsx("path",{d:"M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"}),"ReportProblemOutlined"),X=v(e.jsx("path",{d:"M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}),"ErrorOutline"),Y=v(e.jsx("path",{d:"M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20, 12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10, 10 0 0,0 12,2M11,17H13V11H11V17Z"}),"InfoOutlined"),tt=["action","children","className","closeText","color","components","componentsProps","icon","iconMapping","onClose","role","severity","slotProps","slots","variant"],ot=t=>{const{variant:s,color:r,severity:o,classes:a}=t,i={root:["root",`color${m(r||o)}`,`${s}${m(r||o)}`,`${s}`],icon:["icon"],message:["message"],action:["action"]};return b(i,J,a)},st=p(q,{name:"MuiAlert",slot:"Root",overridesResolver:(t,s)=>{const{ownerState:r}=t;return[s.root,s[r.variant],s[`${r.variant}${m(r.color||r.severity)}`]]}})(({theme:t})=>{const s=t.palette.mode==="light"?f.darken:f.lighten,r=t.palette.mode==="light"?f.lighten:f.darken;return l({},t.typography.body2,{backgroundColor:"transparent",display:"flex",padding:"6px 16px",variants:[...Object.entries(t.palette).filter(([,o])=>o.main&&o.light).map(([o])=>({props:{colorSeverity:o,variant:"standard"},style:{color:t.vars?t.vars.palette.Alert[`${o}Color`]:s(t.palette[o].light,.6),backgroundColor:t.vars?t.vars.palette.Alert[`${o}StandardBg`]:r(t.palette[o].light,.9),[`& .${S.icon}`]:t.vars?{color:t.vars.palette.Alert[`${o}IconColor`]}:{color:t.palette[o].main}}})),...Object.entries(t.palette).filter(([,o])=>o.main&&o.light).map(([o])=>({props:{colorSeverity:o,variant:"outlined"},style:{color:t.vars?t.vars.palette.Alert[`${o}Color`]:s(t.palette[o].light,.6),border:`1px solid ${(t.vars||t).palette[o].light}`,[`& .${S.icon}`]:t.vars?{color:t.vars.palette.Alert[`${o}IconColor`]}:{color:t.palette[o].main}}})),...Object.entries(t.palette).filter(([,o])=>o.main&&o.dark).map(([o])=>({props:{colorSeverity:o,variant:"filled"},style:l({fontWeight:t.typography.fontWeightMedium},t.vars?{color:t.vars.palette.Alert[`${o}FilledColor`],backgroundColor:t.vars.palette.Alert[`${o}FilledBg`]}:{backgroundColor:t.palette.mode==="dark"?t.palette[o].dark:t.palette[o].main,color:t.palette.getContrastText(t.palette[o].main)})}))]})}),et=p("div",{name:"MuiAlert",slot:"Icon",overridesResolver:(t,s)=>s.icon})({marginRight:12,padding:"7px 0",display:"flex",fontSize:22,opacity:.9}),rt=p("div",{name:"MuiAlert",slot:"Message",overridesResolver:(t,s)=>s.message})({padding:"8px 0",minWidth:0,overflow:"auto"}),j=p("div",{name:"MuiAlert",slot:"Action",overridesResolver:(t,s)=>s.action})({display:"flex",alignItems:"flex-start",padding:"4px 0 0 16px",marginLeft:"auto",marginRight:-8}),h={success:e.jsx(K,{fontSize:"inherit"}),warning:e.jsx(Q,{fontSize:"inherit"}),error:e.jsx(X,{fontSize:"inherit"}),info:e.jsx(Y,{fontSize:"inherit"})},mt=P.forwardRef(function(s,r){const o=$({props:s,name:"MuiAlert"}),{action:a,children:i,className:d,closeText:u="Close",color:x,components:A={},componentsProps:T={},icon:C,iconMapping:L=h,onClose:y,role:k="alert",severity:g="success",slotProps:N={},slots:O={},variant:B="standard"}=o,W=R(o,tt),n=l({},o,{color:x,severity:g,variant:B,colorSeverity:x||g}),c=ot(n),M={slots:l({closeButton:A.CloseButton,closeIcon:A.CloseIcon},O),slotProps:l({},T,N)},[E,w]=I("closeButton",{elementType:D,externalForwardedProps:M,ownerState:n}),[U,H]=I("closeIcon",{elementType:Z,externalForwardedProps:M,ownerState:n});return e.jsxs(st,l({role:k,elevation:0,ownerState:n,className:z(c.root,d),ref:r},W,{children:[C!==!1?e.jsx(et,{ownerState:n,className:c.icon,children:C||L[g]||h[g]}):null,e.jsx(rt,{ownerState:n,className:c.message,children:i}),a!=null?e.jsx(j,{ownerState:n,className:c.action,children:a}):null,a==null&&y?e.jsx(j,{ownerState:n,className:c.action,children:e.jsx(E,l({size:"small","aria-label":u,title:u,color:"inherit",onClick:y},w,{children:e.jsx(U,l({fontSize:"small"},H))}))}):null]}))}),lt=["className"],nt=t=>{const{classes:s}=t;return b({root:["root"]},V,s)},at=p(G,{name:"MuiAlertTitle",slot:"Root",overridesResolver:(t,s)=>s.root})(({theme:t})=>({fontWeight:t.typography.fontWeightMedium,marginTop:-2})),xt=P.forwardRef(function(s,r){const o=$({props:s,name:"MuiAlertTitle"}),{className:a}=o,i=R(o,lt),d=o,u=nt(d);return e.jsx(at,l({gutterBottom:!0,component:"div",ownerState:d,ref:r,className:z(u.root,a)},i))});export{mt as A,xt as a};
+import{N as _,M as F,b as $,_ as R,a as l,c as p,d as z,e as m,f as b,l as f,al as V}from"./tableRowClasses-DYosAqvx.js";import{j as e,r as P}from"./iframe-Cav9rlxr.js";import{u as I}from"./useSlot-CvipdriX.js";import{c as v}from"./createSvgIcon-CoE7vjSC.js";import{C as Z}from"./Close-cbwEd5Sp.js";import{I as D}from"./IconButton-BJHIZjwd.js";import{P as q}from"./Paper-DIvrMKVz.js";import{T as G}from"./Typography-D4Laguzq.js";function J(t){return F("MuiAlert",t)}const S=_("MuiAlert",["root","action","icon","message","filled","colorSuccess","colorInfo","colorWarning","colorError","filledSuccess","filledInfo","filledWarning","filledError","outlined","outlinedSuccess","outlinedInfo","outlinedWarning","outlinedError","standard","standardSuccess","standardInfo","standardWarning","standardError"]),K=v(e.jsx("path",{d:"M20,12A8,8 0 0,1 12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4C12.76,4 13.5,4.11 14.2, 4.31L15.77,2.74C14.61,2.26 13.34,2 12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0, 0 22,12M7.91,10.08L6.5,11.5L11,16L21,6L19.59,4.58L11,13.17L7.91,10.08Z"}),"SuccessOutlined"),Q=v(e.jsx("path",{d:"M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"}),"ReportProblemOutlined"),X=v(e.jsx("path",{d:"M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"}),"ErrorOutline"),Y=v(e.jsx("path",{d:"M11,9H13V7H11M12,20C7.59,20 4,16.41 4,12C4,7.59 7.59,4 12,4C16.41,4 20,7.59 20, 12C20,16.41 16.41,20 12,20M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10, 10 0 0,0 12,2M11,17H13V11H11V17Z"}),"InfoOutlined"),tt=["action","children","className","closeText","color","components","componentsProps","icon","iconMapping","onClose","role","severity","slotProps","slots","variant"],ot=t=>{const{variant:s,color:r,severity:o,classes:a}=t,i={root:["root",`color${m(r||o)}`,`${s}${m(r||o)}`,`${s}`],icon:["icon"],message:["message"],action:["action"]};return b(i,J,a)},st=p(q,{name:"MuiAlert",slot:"Root",overridesResolver:(t,s)=>{const{ownerState:r}=t;return[s.root,s[r.variant],s[`${r.variant}${m(r.color||r.severity)}`]]}})(({theme:t})=>{const s=t.palette.mode==="light"?f.darken:f.lighten,r=t.palette.mode==="light"?f.lighten:f.darken;return l({},t.typography.body2,{backgroundColor:"transparent",display:"flex",padding:"6px 16px",variants:[...Object.entries(t.palette).filter(([,o])=>o.main&&o.light).map(([o])=>({props:{colorSeverity:o,variant:"standard"},style:{color:t.vars?t.vars.palette.Alert[`${o}Color`]:s(t.palette[o].light,.6),backgroundColor:t.vars?t.vars.palette.Alert[`${o}StandardBg`]:r(t.palette[o].light,.9),[`& .${S.icon}`]:t.vars?{color:t.vars.palette.Alert[`${o}IconColor`]}:{color:t.palette[o].main}}})),...Object.entries(t.palette).filter(([,o])=>o.main&&o.light).map(([o])=>({props:{colorSeverity:o,variant:"outlined"},style:{color:t.vars?t.vars.palette.Alert[`${o}Color`]:s(t.palette[o].light,.6),border:`1px solid ${(t.vars||t).palette[o].light}`,[`& .${S.icon}`]:t.vars?{color:t.vars.palette.Alert[`${o}IconColor`]}:{color:t.palette[o].main}}})),...Object.entries(t.palette).filter(([,o])=>o.main&&o.dark).map(([o])=>({props:{colorSeverity:o,variant:"filled"},style:l({fontWeight:t.typography.fontWeightMedium},t.vars?{color:t.vars.palette.Alert[`${o}FilledColor`],backgroundColor:t.vars.palette.Alert[`${o}FilledBg`]}:{backgroundColor:t.palette.mode==="dark"?t.palette[o].dark:t.palette[o].main,color:t.palette.getContrastText(t.palette[o].main)})}))]})}),et=p("div",{name:"MuiAlert",slot:"Icon",overridesResolver:(t,s)=>s.icon})({marginRight:12,padding:"7px 0",display:"flex",fontSize:22,opacity:.9}),rt=p("div",{name:"MuiAlert",slot:"Message",overridesResolver:(t,s)=>s.message})({padding:"8px 0",minWidth:0,overflow:"auto"}),j=p("div",{name:"MuiAlert",slot:"Action",overridesResolver:(t,s)=>s.action})({display:"flex",alignItems:"flex-start",padding:"4px 0 0 16px",marginLeft:"auto",marginRight:-8}),h={success:e.jsx(K,{fontSize:"inherit"}),warning:e.jsx(Q,{fontSize:"inherit"}),error:e.jsx(X,{fontSize:"inherit"}),info:e.jsx(Y,{fontSize:"inherit"})},mt=P.forwardRef(function(s,r){const o=$({props:s,name:"MuiAlert"}),{action:a,children:i,className:d,closeText:u="Close",color:x,components:A={},componentsProps:T={},icon:C,iconMapping:L=h,onClose:y,role:k="alert",severity:g="success",slotProps:N={},slots:O={},variant:B="standard"}=o,W=R(o,tt),n=l({},o,{color:x,severity:g,variant:B,colorSeverity:x||g}),c=ot(n),M={slots:l({closeButton:A.CloseButton,closeIcon:A.CloseIcon},O),slotProps:l({},T,N)},[E,w]=I("closeButton",{elementType:D,externalForwardedProps:M,ownerState:n}),[U,H]=I("closeIcon",{elementType:Z,externalForwardedProps:M,ownerState:n});return e.jsxs(st,l({role:k,elevation:0,ownerState:n,className:z(c.root,d),ref:r},W,{children:[C!==!1?e.jsx(et,{ownerState:n,className:c.icon,children:C||L[g]||h[g]}):null,e.jsx(rt,{ownerState:n,className:c.message,children:i}),a!=null?e.jsx(j,{ownerState:n,className:c.action,children:a}):null,a==null&&y?e.jsx(j,{ownerState:n,className:c.action,children:e.jsx(E,l({size:"small","aria-label":u,title:u,color:"inherit",onClick:y},w,{children:e.jsx(U,l({fontSize:"small"},H))}))}):null]}))}),lt=["className"],nt=t=>{const{classes:s}=t;return b({root:["root"]},V,s)},at=p(G,{name:"MuiAlertTitle",slot:"Root",overridesResolver:(t,s)=>s.root})(({theme:t})=>({fontWeight:t.typography.fontWeightMedium,marginTop:-2})),xt=P.forwardRef(function(s,r){const o=$({props:s,name:"MuiAlertTitle"}),{className:a}=o,i=R(o,lt),d=o,u=nt(d);return e.jsx(at,l({gutterBottom:!0,component:"div",ownerState:d,ref:r,className:z(u.root,a)},i))});export{mt as A,xt as a};

package/dist/assets/{AppSwitcher-BgQqDA5V.js → AppSwitcher-BlMgsq7d.js}

@@ -1,4 +1,4 @@
-import{s as n}from"./tableRowClasses-SdduqaRI.js";import{j as o,r as d}from"./iframe-DE4RuJrv.js";import{u as a}from"./OdysseyThemeProvider-CCwl8LYd.js";import{T as h}from"./uiShellSharedConstants-CvCey4L_.js";import{M as m}from"./MuiPropsContext-Bg_x6l7d.js";import{M as u}from"./Tooltip-CtMQ7ejP.js";import{S as y}from"./Skeleton-B4juUFkj.js";const C=n("li",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({margin:"auto",marginBlockEnd:e.Spacing3,textAlign:"center"})),S=n("a",{shouldForwardProp:e=>!["isSelected","odysseyDesignTokens"].includes(e)})(({odysseyDesignTokens:e,isSelected:i})=>({display:"inline-block",margin:"auto",padding:e.Spacing1,backgroundColor:i?e.PalettePrimaryLighter:"transparent",borderRadius:e.BorderRadiusTight,transition:`background-color ${e.TransitionDurationMain}`,"&:hover, &:focus":{backgroundColor:e.HueNeutral50}})),k=n("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({display:"inline-block",margin:"auto",padding:e.Spacing1})),w=n("img",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({display:"block",width:e.Spacing6,height:e.Spacing6})),A=({appIconDefaultUrl:e,appIconSelectedUrl:i,appName:L,label:s,linkUrl:r,selectedAppName:l})=>{const t=a(),p=L===l,c=d.useCallback(g=>o.jsx(S,{...g,"aria-current":p?"page":void 0,href:r,isSelected:p,odysseyDesignTokens:t,children:o.jsx(w,{odysseyDesignTokens:t,role:"presentation",src:p?i:e})}),[t,p,r,e,i]);return o.jsx(C,{odysseyDesignTokens:t,children:o.jsx(u,{ariaType:"label",placement:"right",text:s,translate:"no",children:o.jsx(m.Consumer,{children:c})})})},M=()=>{const e=a();return o.jsx(C,{odysseyDesignTokens:e,children:o.jsx(k,{odysseyDesignTokens:e,children:o.jsx(y,{height:e.Spacing6,variant:"rounded",width:e.Spacing6})})})};/*!
+import{s as n}from"./tableRowClasses-DYosAqvx.js";import{j as o,r as d}from"./iframe-Cav9rlxr.js";import{u as a}from"./OdysseyThemeProvider-DOMFnSU0.js";import{T as h}from"./uiShellSharedConstants-CvCey4L_.js";import{M as m}from"./MuiPropsContext-ppLtceHL.js";import{M as u}from"./Tooltip-BMTVRAEn.js";import{S as y}from"./Skeleton-CxK3bCNC.js";const C=n("li",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({margin:"auto",marginBlockEnd:e.Spacing3,textAlign:"center"})),S=n("a",{shouldForwardProp:e=>!["isSelected","odysseyDesignTokens"].includes(e)})(({odysseyDesignTokens:e,isSelected:i})=>({display:"inline-block",margin:"auto",padding:e.Spacing1,backgroundColor:i?e.PalettePrimaryLighter:"transparent",borderRadius:e.BorderRadiusTight,transition:`background-color ${e.TransitionDurationMain}`,"&:hover, &:focus":{backgroundColor:e.HueNeutral50}})),k=n("div",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({display:"inline-block",margin:"auto",padding:e.Spacing1})),w=n("img",{shouldForwardProp:e=>e!=="odysseyDesignTokens"})(({odysseyDesignTokens:e})=>({display:"block",width:e.Spacing6,height:e.Spacing6})),A=({appIconDefaultUrl:e,appIconSelectedUrl:i,appName:L,label:s,linkUrl:r,selectedAppName:l})=>{const t=a(),p=L===l,c=d.useCallback(g=>o.jsx(S,{...g,"aria-current":p?"page":void 0,href:r,isSelected:p,odysseyDesignTokens:t,children:o.jsx(w,{odysseyDesignTokens:t,role:"presentation",src:p?i:e})}),[t,p,r,e,i]);return o.jsx(C,{odysseyDesignTokens:t,children:o.jsx(u,{ariaType:"label",placement:"right",text:s,translate:"no",children:o.jsx(m.Consumer,{children:c})})})},M=()=>{const e=a();return o.jsx(C,{odysseyDesignTokens:e,children:o.jsx(k,{odysseyDesignTokens:e,children:o.jsx(y,{height:e.Spacing6,variant:"rounded",width:e.Spacing6})})})};/*!
  * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
  * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
  *

package/dist/assets/AppSwitcher.stories-DK6TzLjN.js

@@ -0,0 +1,100 @@
+import{j as n}from"./iframe-Cav9rlxr.js";import{O as k}from"./OdysseyStorybookThemeDecorator-Bokwb0ot.js";import{M as r}from"./AppSwitcher-BlMgsq7d.js";import"./preload-helper-Dp1pzeXC.js";import"./OdysseyThemeProvider-DOMFnSU0.js";import"./index.es-0rJMfM0E.js";import"./tableRowClasses-DYosAqvx.js";import"./WarningFilled-DJX60tUO.js";import"./index-CLFx8Kta.js";import"./OdysseyProvider-n2ocdJ7D.js";import"./ScopedCssBaseline-CbMqVD26.js";import"./uiShellSharedConstants-CvCey4L_.js";import"./MuiPropsContext-ppLtceHL.js";import"./Tooltip-BMTVRAEn.js";import"./Tooltip-DVPGLNQs.js";import"./Grow-DG6yJWeA.js";import"./utils-fJIW_l91.js";import"./TransitionGroupContext-CTI9LvjA.js";import"./index-C5VVYn_U.js";import"./useIsFocusVisible-Cu721A7w.js";import"./Portal-CznYNzyC.js";import"./resolveComponentProps-m1IywaLB.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-4m9Fbl4Y.js";import"./Popper-B9cGJ5Ql.js";import"./ownerDocument-DW-IO8s5.js";import"./Skeleton-CxK3bCNC.js";import"./colorManipulator-BprDRxgx.js";const{expect:a,within:l}=__STORYBOOK_MODULE_TEST__,J={component:r,decorators:[k],parameters:{layout:"fullscreen"},argTypes:{appIcons:{description:"",table:{type:{summary:"Array<AppSwitcherAppIcon>"}}},isLoading:{control:"boolean"},selectedAppName:{description:"The App Instance app name that the UI is on",control:"text"}},args:{appIcons:[]}},o={args:{appIcons:[{appIconDefaultUrl:"/appswitcher/admin-app-default.svg",appIconSelectedUrl:"/appswitcher/admin-app-selected.svg",appName:"saasure",label:"Admin Dashboard",linkUrl:"http://rain-admin.okta1.com:1802/admin/dashboard"},{appIconDefaultUrl:"/appswitcher/okta-dashboard-default.svg",appIconSelectedUrl:"/appswitcher/okta-dashboard-selected.svg",appName:"okta_enduser",label:"Okta Dashboard",linkUrl:"http://rain.okta1.com:1802/app/UserHome"},{appIconDefaultUrl:"/appswitcher/workflows-default.svg",appIconSelectedUrl:"/appswitcher/workflows-selected.svg",appName:"okta_flow_sso",label:"Okta Workflows",linkUrl:"http://rain-admin.okta1.com:1802/flow/go"}],isLoading:!1,selectedAppName:"saasure"},render:t=>n.jsx("div",{style:{height:"100vh"},children:n.jsx(r,{...t})}),play:async({canvasElement:t,step:s})=>{const e=l(t);await s("App switcher shows all items",async()=>{await a(e.getByRole("navigation")).toBeVisible(),await a(e.queryAllByRole("listitem")).toHaveLength(3),await a(e.queryAllByRole("link")).toHaveLength(3),await a(e.queryByRole("link",{name:"Admin Dashboard"})).toBeVisible(),await a(e.queryByRole("link",{name:"Okta Dashboard"})).toBeVisible(),await a(e.queryByRole("link",{name:"Okta Workflows"})).toBeVisible()})}},i={args:{appIcons:[],isLoading:!1,selectedAppName:"saasure"},render:t=>n.jsx("div",{style:{height:"100vh"},children:n.jsx(r,{...t})}),play:async({canvasElement:t,step:s})=>{const e=l(t);await s("App switcher shows no items, but is loaded",async()=>{await a(e.getByRole("navigation")).toBeVisible(),await a(e.queryAllByRole("listitem")).toHaveLength(0),await a(e.queryAllByRole("link")).toHaveLength(0)})}},p={args:{appIcons:[],isLoading:!0,selectedAppName:"saasure"},render:t=>n.jsx("div",{style:{height:"100vh"},children:n.jsx(r,{...t})}),play:async({canvasElement:t,step:s})=>{const e=l(t);await s("App switcher shows no items, but is loaded",async()=>{await a(e.getByRole("navigation")).toBeVisible(),await a(e.queryAllByRole("listitem")).toHaveLength(3),await a(e.queryAllByRole("link")).toHaveLength(0)})}};var c,d,m;o.parameters={...o.parameters,docs:{...(c=o.parameters)==null?void 0:c.docs,source:{originalSource:`{
+  args: {
+    appIcons: [{
+      appIconDefaultUrl: "/appswitcher/admin-app-default.svg",
+      appIconSelectedUrl: "/appswitcher/admin-app-selected.svg",
+      appName: "saasure",
+      label: "Admin Dashboard",
+      linkUrl: "http://rain-admin.okta1.com:1802/admin/dashboard"
+    }, {
+      appIconDefaultUrl: "/appswitcher/okta-dashboard-default.svg",
+      appIconSelectedUrl: "/appswitcher/okta-dashboard-selected.svg",
+      appName: "okta_enduser",
+      label: "Okta Dashboard",
+      linkUrl: "http://rain.okta1.com:1802/app/UserHome"
+    }, {
+      appIconDefaultUrl: "/appswitcher/workflows-default.svg",
+      appIconSelectedUrl: "/appswitcher/workflows-selected.svg",
+      appName: "okta_flow_sso",
+      label: "Okta Workflows",
+      linkUrl: "http://rain-admin.okta1.com:1802/flow/go"
+    }],
+    isLoading: false,
+    selectedAppName: "saasure"
+  },
+  render: props => {
+    return <div style={{
+      height: "100vh"
+    }}>
+        <AppSwitcher {...props} />
+      </div>;
+  },
+  play: async ({
+    canvasElement,
+    step
+  }) => {
+    const canvas = within(canvasElement);
+    await step("App switcher shows all items", async () => {
+      await expect(canvas.getByRole("navigation")).toBeVisible();
+      await expect(canvas.queryAllByRole("listitem")).toHaveLength(3);
+      await expect(canvas.queryAllByRole("link")).toHaveLength(3);
+      await expect(canvas.queryByRole("link", {
+        name: "Admin Dashboard"
+      })).toBeVisible();
+      await expect(canvas.queryByRole("link", {
+        name: "Okta Dashboard"
+      })).toBeVisible();
+      await expect(canvas.queryByRole("link", {
+        name: "Okta Workflows"
+      })).toBeVisible();
+    });
+  }
+}`,...(m=(d=o.parameters)==null?void 0:d.docs)==null?void 0:m.source}}};var h,w,y;i.parameters={...i.parameters,docs:{...(h=i.parameters)==null?void 0:h.docs,source:{originalSource:`{
+  args: {
+    appIcons: [],
+    isLoading: false,
+    selectedAppName: "saasure"
+  },
+  render: props => {
+    return <div style={{
+      height: "100vh"
+    }}>
+        <AppSwitcher {...props} />
+      </div>;
+  },
+  play: async ({
+    canvasElement,
+    step
+  }) => {
+    const canvas = within(canvasElement);
+    await step("App switcher shows no items, but is loaded", async () => {
+      await expect(canvas.getByRole("navigation")).toBeVisible();
+      await expect(canvas.queryAllByRole("listitem")).toHaveLength(0);
+      await expect(canvas.queryAllByRole("link")).toHaveLength(0);
+    });
+  }
+}`,...(y=(w=i.parameters)==null?void 0:w.docs)==null?void 0:y.source}}};var v,u,g;p.parameters={...p.parameters,docs:{...(v=p.parameters)==null?void 0:v.docs,source:{originalSource:`{
+  args: {
+    appIcons: [],
+    isLoading: true,
+    selectedAppName: "saasure"
+  },
+  render: props => {
+    return <div style={{
+      height: "100vh"
+    }}>
+        <AppSwitcher {...props} />
+      </div>;
+  },
+  play: async ({
+    canvasElement,
+    step
+  }) => {
+    const canvas = within(canvasElement);
+    await step("App switcher shows no items, but is loaded", async () => {
+      await expect(canvas.getByRole("navigation")).toBeVisible();
+      await expect(canvas.queryAllByRole("listitem")).toHaveLength(3);
+      await expect(canvas.queryAllByRole("link")).toHaveLength(0);
+    });
+  }
+}`,...(g=(u=p.parameters)==null?void 0:u.docs)==null?void 0:g.source}}};const P=["AllApps","NoApps","Loading"];export{o as AllApps,p as Loading,i as NoApps,P as __namedExportsOrder,J as default};

package/dist/assets/AppTile.stories-D9NfZuTR.js

@@ -0,0 +1,136 @@
+import{r as g,j as e}from"./iframe-Cav9rlxr.js";import{O as Be}from"./OdysseyStorybookThemeDecorator-Bokwb0ot.js";import{s as u}from"./tableRowClasses-DYosAqvx.js";import{M as h}from"./Box-B-6W36qW.js";import{u as Ce}from"./OdysseyThemeProvider-DOMFnSU0.js";import{f as W,a as Se,c as Ie}from"./Typography-B8ZKtxRi.js";import{M as Pe}from"./Button-BX9EXxBV.js";import{S as f}from"./Skeleton-CxK3bCNC.js";import{C as He,a as qe}from"./CardActionArea-j218OlRR.js";import{M as x}from"./TagList-BgRJrZj8.js";import{M as r}from"./Tag-Cam_AAJc.js";import{M as we}from"./Drawer-DG7c2iM4.js";import{M as H}from"./Settings-DoysZs_u.js";import{M as _e}from"./Status-BDUUaZsQ.js";import{M as j}from"./More-D0XSbzen.js";import"./preload-helper-Dp1pzeXC.js";import"./index-CLFx8Kta.js";import"./OdysseyProvider-n2ocdJ7D.js";import"./ScopedCssBaseline-CbMqVD26.js";import"./Box-DduJOSF-.js";import"./index.es-0rJMfM0E.js";import"./WarningFilled-DJX60tUO.js";import"./Typography-D4Laguzq.js";import"./BaseButton-BzcWVv73.js";import"./MuiPropsContext-ppLtceHL.js";import"./Tooltip-BMTVRAEn.js";import"./Tooltip-DVPGLNQs.js";import"./Grow-DG6yJWeA.js";import"./utils-fJIW_l91.js";import"./TransitionGroupContext-CTI9LvjA.js";import"./index-C5VVYn_U.js";import"./useIsFocusVisible-Cu721A7w.js";import"./Portal-CznYNzyC.js";import"./resolveComponentProps-m1IywaLB.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-4m9Fbl4Y.js";import"./Popper-B9cGJ5Ql.js";import"./ownerDocument-DW-IO8s5.js";import"./Button-AqSkJ6Nd.js";import"./ButtonBase-CYIo9Kvv.js";import"./colorManipulator-BprDRxgx.js";import"./Paper-DIvrMKVz.js";import"./Stack-Bgh4xems.js";import"./createStyled-CNzidwe1.js";import"./useThemeProps-C9dAJTwo.js";import"./Chip-bDORJbkM.js";import"./createSvgIcon-CoE7vjSC.js";import"./FullScreenOverlay-BtuzG-CQ.js";import"./debounce-Be36O1Ab.js";import"./ownerWindow-HkKU3E4x.js";import"./Modal-DHgQg0pV.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Fade-5EaFioT-.js";const P="2.85714286rem",_="4.57142857rem",We="4.57142857rem",z=["comfortable","compact"],De=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:_,marginBlockEnd:a==="compact"?t.Spacing4:t.Spacing3,img:{height:a==="compact"?P:_,width:a==="compact"?"100%":"auto",maxWidth:"100%"}})),ke=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(He,{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(qe,{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(ke,{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(De,{odysseyDesignTokens:s,variant:n,children:e.jsx(f,{height:n==="compact"?P:_,variant:"rectangular",width:n==="compact"?P:We})}),a&&e.jsx(W,{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%"})})]})]})})},Re=({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(De,{odysseyDesignTokens:m,variant:p,children:A}),y&&e.jsx(W,{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(ke,{odysseyDesignTokens:m,variant:p,children:[n&&!q&&e.jsx(Ie,{children:n}),d&&!q&&e.jsx(Pe,{ariaControls:t,ariaExpanded:i,ariaHasPopup:a,ariaLabel:c,endIcon:T,onClick:d,size:"small",tooltipText:c,variant:"floating"})]}),e.jsx(ze,{odysseyDesignTokens:m,onClick:Ee,children:ve})]})},l=g.memo(Re);l.displayName="AppTile";const{fn:o}=__STORYBOOK_MODULE_TEST__,Nt={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:z,description:"Whether the tile is comfortable or compact.",table:{defaultValue:{summary:z[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"},tags:["labs-export"]},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"})]})})})]})}},D={args:{image:e.jsx("img",{alt:"Square logo",src:"https://placehold.co/600"})}},k={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(_e,{label:"Active",severity:"success"})}),e.jsx(W,{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,R,N;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>
+  }
+}`,...(N=(R=C.parameters)==null?void 0:R.docs)==null?void 0:N.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 K,U,Y;I.parameters={...I.parameters,docs:{...(K=I.parameters)==null?void 0:K.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>;
+  }
+}`,...(Y=(U=I.parameters)==null?void 0:U.docs)==null?void 0:Y.source}}};var J,Q,X;w.parameters={...w.parameters,docs:{...(J=w.parameters)==null?void 0:J.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>
+      </>;
+  }
+}`,...(X=(Q=w.parameters)==null?void 0:Q.docs)==null?void 0:X.source}}};var Z,ee,te;D.parameters={...D.parameters,docs:{...(Z=D.parameters)==null?void 0:Z.docs,source:{originalSource:`{
+  args: {
+    image: <img alt="Square logo" src="https://placehold.co/600" />
+  }
+}`,...(te=(ee=D.parameters)==null?void 0:ee.docs)==null?void 0:te.source}}};var ae,oe,ne;k.parameters={...k.parameters,docs:{...(ae=k.parameters)==null?void 0:ae.docs,source:{originalSource:`{
+  args: {
+    image: <img alt="Tall logo" src="https://placehold.co/400x800" />
+  }
+}`,...(ne=(oe=k.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,D as SquareImage,k as TallImage,L as WideImage,M as WideImageWithActionButton,$t as __namedExportsOrder,Nt as default};

package/dist/assets/{ArrowDropDown-C5eUsI_E.js → ArrowDropDown-CMSB1a5F.js}

@@ -1 +1 @@
-import{a as n,W as s,N as i,M as e}from"./tableRowClasses-SdduqaRI.js";import{j as u}from"./iframe-DE4RuJrv.js";import{c as o}from"./createSvgIcon-DMOOI9wR.js";function p(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 C(t){return e("MuiFilledInput",t)}const f=n({},s,i("MuiFilledInput",["root","underline","input"])),M=o(u.jsx("path",{d:"M7 10l5 5 5-5z"}),"ArrowDropDown");export{M as A,p as a,I as b,f,C as g,d as i,c as o};
+import{a as n,W as s,N as i,M as e}from"./tableRowClasses-DYosAqvx.js";import{j as u}from"./iframe-Cav9rlxr.js";import{c as o}from"./createSvgIcon-CoE7vjSC.js";function p(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 C(t){return e("MuiFilledInput",t)}const f=n({},s,i("MuiFilledInput",["root","underline","input"])),M=o(u.jsx("path",{d:"M7 10l5 5 5-5z"}),"ArrowDropDown");export{M as A,p as a,I as b,f,C as g,d as i,c as o};

package/dist/assets/{ArrowLeft-BbZaO7Hg.js → ArrowLeft-DKc-rln7.js}

@@ -1 +1 @@
-import{r as o,j as r}from"./iframe-DE4RuJrv.js";import{S as n}from"./tableRowClasses-SdduqaRI.js";const l=o.forwardRef((e,t)=>r.jsx(n,{fill:"none",ref:t,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...e,children:r.jsx(r.Fragment,{children:r.jsx("path",{clipRule:"evenodd",d:"m3.098 8.707 3.097 3.098.943-.943-2.195-2.195h8.39V7.333h-8.39l2.195-2.195-.943-.943-3.097 3.098a1 1 0 0 0 0 1.414Z",fill:"currentColor",fillRule:"evenodd"})})})),s=o.memo(l);s.displayName="ArrowLeftIcon";export{s as M};
+import{r as o,j as r}from"./iframe-Cav9rlxr.js";import{S as n}from"./tableRowClasses-DYosAqvx.js";const l=o.forwardRef((e,t)=>r.jsx(n,{fill:"none",ref:t,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...e,children:r.jsx(r.Fragment,{children:r.jsx("path",{clipRule:"evenodd",d:"m3.098 8.707 3.097 3.098.943-.943-2.195-2.195h8.39V7.333h-8.39l2.195-2.195-.943-.943-3.097 3.098a1 1 0 0 0 0 1.414Z",fill:"currentColor",fillRule:"evenodd"})})})),s=o.memo(l);s.displayName="ArrowLeftIcon";export{s as M};

package/dist/assets/{ArrowRight-BdyE6fQu.js → ArrowRight-CQpox1s-.js}

@@ -1 +1 @@
-import{r as o,j as r}from"./iframe-DE4RuJrv.js";import{S as n}from"./tableRowClasses-SdduqaRI.js";const l=o.forwardRef((e,t)=>r.jsx(n,{fill:"none",ref:t,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...e,children:r.jsx(r.Fragment,{children:r.jsx("path",{clipRule:"evenodd",d:"M12.902 7.293 9.805 4.195l-.943.943 2.195 2.195h-8.39v1.334h8.39l-2.195 2.195.943.943 3.097-3.098a1 1 0 0 0 0-1.414Z",fill:"currentColor",fillRule:"evenodd"})})})),i=o.memo(l);i.displayName="ArrowRightIcon";export{i as M};
+import{r as o,j as r}from"./iframe-Cav9rlxr.js";import{S as n}from"./tableRowClasses-DYosAqvx.js";const l=o.forwardRef((e,t)=>r.jsx(n,{fill:"none",ref:t,viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",...e,children:r.jsx(r.Fragment,{children:r.jsx("path",{clipRule:"evenodd",d:"M12.902 7.293 9.805 4.195l-.943.943 2.195 2.195h-8.39v1.334h8.39l-2.195 2.195.943.943 3.097-3.098a1 1 0 0 0 0-1.414Z",fill:"currentColor",fillRule:"evenodd"})})})),i=o.memo(l);i.displayName="ArrowRightIcon";export{i as M};

package/dist/assets/{Autocomplete-DCgA5sTf.js → Autocomplete-CcFQPuHI.js}

@@ -1 +1 @@
-import{r as k,j as q}from"./iframe-DE4RuJrv.js";import{a as v}from"./OdysseyThemeProvider-CCwl8LYd.js";import{u as N,M as $}from"./useAutocomplete-NsoONBGQ.js";import{A as w}from"./Autocomplete-CRpfgiy9.js";const F=({ariaDescribedBy:a,defaultValue:r,errorMessage:s,errorMessageList:l,getIsOptionEqualToValue:i,getOptionLabel:p,hasMultipleChoices:t,hint:m,HintLinkComponent:u,id:c,inputValue:d,isCustomValueAllowed:x,isDisabled:o,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}=v(),{inputValueProp:B,isVirtualizedRef:C,renderInput:M,valueProps:R}=N({ariaDescribedBy:a,defaultValue:r,errorMessage:s,errorMessageList:l,hasMultipleChoices:t,hint:m,HintLinkComponent:u,inputValue:d,isFullWidth:n,isOptional:A,isVirtualized:T,label:b,name:g,testId:P,value:y});return q.jsx(w,{...R,...B,...C.current&&{ListboxComponent:$},"aria-disabled":o,clearText:e("clear.text"),closeText:e("close.text"),disableCloseOnSelect:t,disabled:o,filterSelectedOptions:!0,freeSolo:x,fullWidth:n,getOptionLabel:p,id:c,isOptionEqualToValue:i,loading:f,multiple:t,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})},G=k.memo(F);G.displayName="Autocomplete";export{G as M};
+import{r as k,j as q}from"./iframe-Cav9rlxr.js";import{a as v}from"./OdysseyThemeProvider-DOMFnSU0.js";import{u as N,M as $}from"./useAutocomplete-f6aTM-6O.js";import{A as w}from"./Autocomplete-DxRs9Djj.js";const F=({ariaDescribedBy:a,defaultValue:r,errorMessage:s,errorMessageList:l,getIsOptionEqualToValue:i,getOptionLabel:p,hasMultipleChoices:t,hint:m,HintLinkComponent:u,id:c,inputValue:d,isCustomValueAllowed:x,isDisabled:o,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}=v(),{inputValueProp:B,isVirtualizedRef:C,renderInput:M,valueProps:R}=N({ariaDescribedBy:a,defaultValue:r,errorMessage:s,errorMessageList:l,hasMultipleChoices:t,hint:m,HintLinkComponent:u,inputValue:d,isFullWidth:n,isOptional:A,isVirtualized:T,label:b,name:g,testId:P,value:y});return q.jsx(w,{...R,...B,...C.current&&{ListboxComponent:$},"aria-disabled":o,clearText:e("clear.text"),closeText:e("close.text"),disableCloseOnSelect:t,disabled:o,filterSelectedOptions:!0,freeSolo:x,fullWidth:n,getOptionLabel:p,id:c,isOptionEqualToValue:i,loading:f,multiple:t,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})},G=k.memo(F);G.displayName="Autocomplete";export{G as M};