@okta/odyssey-react-mui 1.53.0 → 1.55.0

package/dist/assets/Tag.stories-DHsdO_Ew.js

@@ -0,0 +1,96 @@
+import{j as e}from"./iframe-Cav9rlxr.js";import{a as te}from"./axeRun-C-zlWaxU.js";import{i as S}from"./iconUtils-CeRi1WMA.js";import{O as se}from"./OdysseyStorybookThemeDecorator-Bokwb0ot.js";import{M as a}from"./Tag-Cam_AAJc.js";import{M as ne}from"./TagList-BgRJrZj8.js";import{M as ce}from"./Group-9XOIBtaE.js";import"./preload-helper-Dp1pzeXC.js";import"./axe-B0QS9Vy6.js";import"./index-Dui69PFe.js";import"./tableRowClasses-DYosAqvx.js";import"./AddCircle-DgNpvHvb.js";import"./Server-CirxxKai.js";import"./List-CEPzEOaM.js";import"./ArrowLeft-DKc-rln7.js";import"./ArrowRight-CQpox1s-.js";import"./Bug-DbpZDqwO.js";import"./Calendar-DV1h6Fc3.js";import"./Call-2_fpBWhr.js";import"./WarningFilled-DJX60tUO.js";import"./ChevronRight--b1mmNks.js";import"./ChevronUp-DL24OTkX.js";import"./Clock-BQK6LLyZ.js";import"./Upload-Cy-cphyA.js";import"./Documentation-C2_DeFFh.js";import"./Download-YawXz5G6.js";import"./ExternalLink-DTGSbkQ2.js";import"./Filter-ColuOFTn.js";import"./Folder-DtBjBkxy.js";import"./Globe-DhuLu1HO.js";import"./Grid-DT7vGlwm.js";import"./Hide-4CfPQa-Q.js";import"./Home-BD0pfCzQ.js";import"./InformationCircle-C_nheCFB.js";import"./Link-C_gwYBxh.js";import"./More-D0XSbzen.js";import"./Notification-Dv2xKTFA.js";import"./Refresh-4GRZURAB.js";import"./Search-C3XUnqCP.js";import"./Settings-DoysZs_u.js";import"./Show-8RSN9YQN.js";import"./Sync-DbBKVuQB.js";import"./User-DRi5hhiP.js";import"./Video-DAMdjIe3.js";import"./OdysseyThemeProvider-DOMFnSU0.js";import"./index.es-0rJMfM0E.js";import"./index-CLFx8Kta.js";import"./OdysseyProvider-n2ocdJ7D.js";import"./ScopedCssBaseline-CbMqVD26.js";import"./MuiPropsContext-ppLtceHL.js";import"./Chip-bDORJbkM.js";import"./createSvgIcon-CoE7vjSC.js";import"./useIsFocusVisible-Cu721A7w.js";import"./ButtonBase-CYIo9Kvv.js";import"./TransitionGroupContext-CTI9LvjA.js";import"./Stack-Bgh4xems.js";import"./createStyled-CNzidwe1.js";import"./useThemeProps-C9dAJTwo.js";const{expect:oe,fn:ie,userEvent:f,within:le}=__STORYBOOK_MODULE_TEST__,da={component:a,decorators:[se],parameters:{actions:{argTypesRegex:null}},tags:["autodocs"],argTypes:{icon:{control:{type:"select"},options:Object.keys(S),mapping:S,description:"An optional icon to display alongside the label",table:{type:{summary:"<Icon />"}}},isDisabled:{control:"boolean",description:"If `true`, the tag is disabled",table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},label:{control:"text",description:"The label text for the tag",table:{type:{summary:"string"}},type:{required:!0,name:"string"}},onClick:{control:"object",action:!0,description:"Callback fired when the tag is clicked",table:{type:{summary:"func"}}},onRemove:{control:"object",action:!0,description:"Callback fired when the remove button of the tag is clicked",table:{type:{summary:"func"}}},colorVariant:{control:{type:"select"},options:["default","info","accentOne","accentTwo","accentThree","accentFour"],description:"The color of the tag",table:{type:{summary:"string"},defaultValue:{summary:"default"}}},size:{control:{type:"select"},options:["default","small"],description:"The size of the tag",table:{type:{summary:"string"},defaultValue:{summary:"default"}}}},args:{label:"Starship",colorVariant:"default",onClick:ie(),size:"medium"}},n={args:{label:"Starship"}},c={args:{label:"Starship",colorVariant:"info"}},i={args:{label:"Starship",colorVariant:"accentOne"}},l={args:{label:"Starship",colorVariant:"accentTwo"}},m={args:{label:"Starship",colorVariant:"accentThree"}},p={args:{label:"Starship",colorVariant:"accentFour"}},u={render:function(t){return e.jsxs(ne,{children:[e.jsx(a,{label:t.label}),e.jsx(a,{colorVariant:"info",label:"Info tag"}),e.jsx(a,{colorVariant:"accentOne",label:"AccentOne tag"}),e.jsx(a,{colorVariant:"accentTwo",label:"AccentTwo tag"}),e.jsx(a,{colorVariant:"accentThree",label:"AccentThree tag"}),e.jsx(a,{colorVariant:"accentFour",label:"AccentFour tag"})]})},args:{label:"Default tag"}},g={args:{label:"Starship",size:"small"}},d={args:{label:"Crew",icon:e.jsx(ce,{})}},b={args:{label:"Starship"},play:async({args:r,canvasElement:t,step:T})=>{await T("click the tag",async()=>{const s=le(t).getByText(r.label);await f.click(s),oe(r.onClick).toHaveBeenCalledTimes(1),await te("Clickable Tag")})}},h={args:{label:"Starship"},play:async({args:r,canvasElement:t,step:T})=>{await T("remove the tag on click",async()=>{const o=t.querySelector('[role="button"]'),s=o==null?void 0:o.querySelector("svg");s&&(await f.click(s),await f.tab(),await oe(r.onRemove).toHaveBeenCalled()),await te("Removable Tag")})}},y={args:{label:"Starship",isDisabled:!0}};var v,w,V;n.parameters={...n.parameters,docs:{...(v=n.parameters)==null?void 0:v.docs,source:{originalSource:`{
+  args: {
+    label: "Starship"
+  }
+}`,...(V=(w=n.parameters)==null?void 0:w.docs)==null?void 0:V.source}}};var x,k,C;c.parameters={...c.parameters,docs:{...(x=c.parameters)==null?void 0:x.docs,source:{originalSource:`{
+  args: {
+    label: "Starship",
+    colorVariant: "info"
+  }
+}`,...(C=(k=c.parameters)==null?void 0:k.docs)==null?void 0:C.source}}};var A,O,I;i.parameters={...i.parameters,docs:{...(A=i.parameters)==null?void 0:A.docs,source:{originalSource:`{
+  args: {
+    label: "Starship",
+    colorVariant: "accentOne"
+  }
+}`,...(I=(O=i.parameters)==null?void 0:O.docs)==null?void 0:I.source}}};var j,E,R;l.parameters={...l.parameters,docs:{...(j=l.parameters)==null?void 0:j.docs,source:{originalSource:`{
+  args: {
+    label: "Starship",
+    colorVariant: "accentTwo"
+  }
+}`,...(R=(E=l.parameters)==null?void 0:E.docs)==null?void 0:R.source}}};var D,F,z;m.parameters={...m.parameters,docs:{...(D=m.parameters)==null?void 0:D.docs,source:{originalSource:`{
+  args: {
+    label: "Starship",
+    colorVariant: "accentThree"
+  }
+}`,...(z=(F=m.parameters)==null?void 0:F.docs)==null?void 0:z.source}}};var _,B,M;p.parameters={...p.parameters,docs:{...(_=p.parameters)==null?void 0:_.docs,source:{originalSource:`{
+  args: {
+    label: "Starship",
+    colorVariant: "accentFour"
+  }
+}`,...(M=(B=p.parameters)==null?void 0:B.docs)==null?void 0:M.source}}};var L,q,H;u.parameters={...u.parameters,docs:{...(L=u.parameters)==null?void 0:L.docs,source:{originalSource:`{
+  render: function C(args) {
+    return <TagList>
+        <Tag label={args.label} />
+        <Tag colorVariant="info" label="Info tag" />
+        <Tag colorVariant="accentOne" label="AccentOne tag" />
+        <Tag colorVariant="accentTwo" label="AccentTwo tag" />
+        <Tag colorVariant="accentThree" label="AccentThree tag" />
+        <Tag colorVariant="accentFour" label="AccentFour tag" />
+      </TagList>;
+  },
+  args: {
+    label: "Default tag"
+  }
+}`,...(H=(q=u.parameters)==null?void 0:q.docs)==null?void 0:H.source}}};var G,K,U;g.parameters={...g.parameters,docs:{...(G=g.parameters)==null?void 0:G.docs,source:{originalSource:`{
+  args: {
+    label: "Starship",
+    size: "small"
+  }
+}`,...(U=(K=g.parameters)==null?void 0:K.docs)==null?void 0:U.source}}};var Y,J,N;d.parameters={...d.parameters,docs:{...(Y=d.parameters)==null?void 0:Y.docs,source:{originalSource:`{
+  args: {
+    label: "Crew",
+    icon: <GroupIcon />
+  }
+}`,...(N=(J=d.parameters)==null?void 0:J.docs)==null?void 0:N.source}}};var P,Q,W;b.parameters={...b.parameters,docs:{...(P=b.parameters)==null?void 0:P.docs,source:{originalSource:`{
+  args: {
+    label: "Starship"
+  },
+  play: async ({
+    args,
+    canvasElement,
+    step
+  }) => {
+    await step("click the tag", async () => {
+      const canvas = within(canvasElement);
+      const tag = canvas.getByText(args.label);
+      await userEvent.click(tag);
+      expect(args.onClick).toHaveBeenCalledTimes(1);
+      await axeRun("Clickable Tag");
+    });
+  }
+}`,...(W=(Q=b.parameters)==null?void 0:Q.docs)==null?void 0:W.source}}};var X,Z,$;h.parameters={...h.parameters,docs:{...(X=h.parameters)==null?void 0:X.docs,source:{originalSource:`{
+  args: {
+    label: "Starship"
+  },
+  play: async ({
+    args,
+    canvasElement,
+    step
+  }) => {
+    await step("remove the tag on click", async () => {
+      const tagElement = canvasElement.querySelector('[role="button"]');
+      const removeIcon = tagElement?.querySelector("svg");
+      if (removeIcon) {
+        await userEvent.click(removeIcon);
+        await userEvent.tab();
+        await expect(args.onRemove).toHaveBeenCalled();
+      }
+      await axeRun("Removable Tag");
+    });
+  }
+}`,...($=(Z=h.parameters)==null?void 0:Z.docs)==null?void 0:$.source}}};var ee,ae,re;y.parameters={...y.parameters,docs:{...(ee=y.parameters)==null?void 0:ee.docs,source:{originalSource:`{
+  args: {
+    label: "Starship",
+    isDisabled: true
+  }
+}`,...(re=(ae=y.parameters)==null?void 0:ae.docs)==null?void 0:re.source}}};const ba=["Default","Info","AccentOne","AccentTwo","AccentThree","AccentFour","List","Small","Icon","Clickable","Removable","Disabled"];export{p as AccentFour,i as AccentOne,m as AccentThree,l as AccentTwo,b as Clickable,n as Default,y as Disabled,d as Icon,c as Info,u as List,h as Removable,g as Small,ba as __namedExportsOrder,da as default};

package/dist/assets/{TagList-CunLkaIS.js → TagList-BgRJrZj8.js}

@@ -1 +1 @@
-import{r,j as e}from"./iframe-CQjT1fxh.js";import{T as a}from"./Tag-CYK8pNzu.js";import{S as i}from"./Stack-Duw-TXBf.js";const p=({children:t,testId:o})=>{const s=r.useMemo(()=>({chipElementType:"li"}),[]);return e.jsx(i,{component:"ul","data-se":o,direction:"row",flexWrap:"wrap",spacing:2,useFlexGap:!0,children:e.jsx(a.Provider,{value:s,children:t})})},m=r.memo(p);m.displayName="TagList";export{m as M};
+import{r,j as e}from"./iframe-Cav9rlxr.js";import{T as a}from"./Tag-Cam_AAJc.js";import{S as i}from"./Stack-Bgh4xems.js";const p=({children:t,testId:o})=>{const s=r.useMemo(()=>({chipElementType:"li"}),[]);return e.jsx(i,{component:"ul","data-se":o,direction:"row",flexWrap:"wrap",spacing:2,useFlexGap:!0,children:e.jsx(a.Provider,{value:s,children:t})})},m=r.memo(p);m.displayName="TagList";export{m as M};

package/dist/assets/{TextField-DF5R_omM.js → TextField-eTiyghxK.js}

@@ -1 +1 @@
-import{r as e,j as a}from"./iframe-CQjT1fxh.js";import{M as G}from"./Field-CqIOaZfg.js";import{g as J,u as K}from"./inputUtils-BBH9ADKa.js";import{I as Q}from"./InputBase-BYnzr12H.js";import{I as T}from"./InputAdornment-Clfg5IS6.js";const O=["email","number","tel","text","url"],U=e.forwardRef(({ariaDescribedBy:k,autoCompleteType:n,defaultValue:u,hasInitialFocus:d,endAdornment:l,errorMessage:L,errorMessageList:S,hint:h,HintLinkComponent:z,id:B,inputRef:D,inputMode:c,isDisabled:E=!1,isFullWidth:H=!1,isMultiline:m=!1,isOptional:o=!1,isReadOnly:f,label:q,name:p,onBlur:x,onChange:s,onFocus:b,placeholder:F,startAdornment:i,testId:j,translate:r,type:R="text",value:y},I)=>{const w=e.useRef(J({controlledValue:y,uncontrolledValue:u})),V=K({defaultValue:u,value:y,controlState:w.current}),g=e.useRef(null);e.useImperativeHandle(D,()=>({focus:()=>{var t;(t=g.current)==null||t.focus()}}),[]);const C=e.useCallback(t=>{s==null||s(t)},[s]),N=e.useCallback(({ariaDescribedBy:t,errorMessageElementId:W,id:M,labelElementId:v})=>a.jsx(Q,{...V,"aria-describedby":t,autoComplete:n,autoFocus:d,endAdornment:l&&a.jsx(T,{position:"end",translate:r,children:l}),id:M,inputProps:{"aria-errormessage":W,"aria-labelledby":v,"data-se":j,inputMode:c},inputRef:g,multiline:m,name:p??M,onBlur:x,onChange:C,onFocus:b,placeholder:F,readOnly:f,ref:I,required:!o,startAdornment:i&&a.jsx(T,{position:"start",translate:r,children:i}),translate:r,type:R}),[n,V,d,l,c,m,p,x,C,b,F,o,f,I,i,j,r,R]);return a.jsx(G,{ariaDescribedBy:k,errorMessage:L,errorMessageList:S,fieldType:"single",hasVisibleLabel:!0,hint:h,HintLinkComponent:z,id:B,isDisabled:E,isFullWidth:H,isOptional:o,label:q,renderFieldComponent:N})}),X=e.memo(U);X.displayName="TextField";export{X as M,O as t};
+import{r as e,j as a}from"./iframe-Cav9rlxr.js";import{M as G}from"./Field-4cI0KUzC.js";import{g as J,u as K}from"./inputUtils-BOLvDTmI.js";import{I as Q}from"./InputBase-Bm1MB3pl.js";import{I as T}from"./InputAdornment-CeCSVIa-.js";const O=["email","number","tel","text","url"],U=e.forwardRef(({ariaDescribedBy:k,autoCompleteType:n,defaultValue:u,hasInitialFocus:d,endAdornment:l,errorMessage:L,errorMessageList:S,hint:h,HintLinkComponent:z,id:B,inputRef:D,inputMode:c,isDisabled:E=!1,isFullWidth:H=!1,isMultiline:m=!1,isOptional:o=!1,isReadOnly:f,label:q,name:p,onBlur:x,onChange:s,onFocus:b,placeholder:F,startAdornment:i,testId:j,translate:r,type:R="text",value:y},I)=>{const w=e.useRef(J({controlledValue:y,uncontrolledValue:u})),V=K({defaultValue:u,value:y,controlState:w.current}),g=e.useRef(null);e.useImperativeHandle(D,()=>({focus:()=>{var t;(t=g.current)==null||t.focus()}}),[]);const C=e.useCallback(t=>{s==null||s(t)},[s]),N=e.useCallback(({ariaDescribedBy:t,errorMessageElementId:W,id:M,labelElementId:v})=>a.jsx(Q,{...V,"aria-describedby":t,autoComplete:n,autoFocus:d,endAdornment:l&&a.jsx(T,{position:"end",translate:r,children:l}),id:M,inputProps:{"aria-errormessage":W,"aria-labelledby":v,"data-se":j,inputMode:c},inputRef:g,multiline:m,name:p??M,onBlur:x,onChange:C,onFocus:b,placeholder:F,readOnly:f,ref:I,required:!o,startAdornment:i&&a.jsx(T,{position:"start",translate:r,children:i}),translate:r,type:R}),[n,V,d,l,c,m,p,x,C,b,F,o,f,I,i,j,r,R]);return a.jsx(G,{ariaDescribedBy:k,errorMessage:L,errorMessageList:S,fieldType:"single",hasVisibleLabel:!0,hint:h,HintLinkComponent:z,id:B,isDisabled:E,isFullWidth:H,isOptional:o,label:q,renderFieldComponent:N})}),X=e.memo(U);X.displayName="TextField";export{X as M,O as t};

package/dist/assets/TextField.stories-asnjmcPk.js

@@ -0,0 +1,177 @@
+import{j as a}from"./iframe-Cav9rlxr.js";import{O as Me}from"./OdysseyStorybookThemeDecorator-Bokwb0ot.js";import{u as we}from"./useStoryArgOrLocalState-CRQAGSTX.js";import{f as r}from"./fieldComponentPropsMetaData-C9gCwuus.js";import{t as I,M as s}from"./TextField-eTiyghxK.js";import{P as e}from"./tableRowClasses-DYosAqvx.js";import{M as Se}from"./AddCircle-DgNpvHvb.js";import{M as Le}from"./Call-2_fpBWhr.js";import{M as Ie}from"./Link-BXZlWRMJ.js";import{M as Oe}from"./Stack-B9cZmjdi.js";import{I as ke}from"./InputAdornment-CeCSVIa-.js";import"./preload-helper-Dp1pzeXC.js";import"./OdysseyThemeProvider-DOMFnSU0.js";import"./index.es-0rJMfM0E.js";import"./WarningFilled-DJX60tUO.js";import"./index-CLFx8Kta.js";import"./OdysseyProvider-n2ocdJ7D.js";import"./ScopedCssBaseline-CbMqVD26.js";import"./Field-4cI0KUzC.js";import"./Box-B-6W36qW.js";import"./Box-DduJOSF-.js";import"./List-BcXvgzsa.js";import"./ListItem-B5ux02dQ.js";import"./FormHelperText--Cp1ogV3.js";import"./FormLabel-DB_AmiE2.js";import"./useIsFocusVisible-Cu721A7w.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-CYIo9Kvv.js";import"./TransitionGroupContext-CTI9LvjA.js";import"./ScreenReaderText-B0JAp-xP.js";import"./visuallyHidden-Dan1xhjv.js";import"./FieldHint-Bv45kUgg.js";import"./Typography-B8ZKtxRi.js";import"./Typography-D4Laguzq.js";import"./useUniqueId-CXfTvpAs.js";import"./createUniqueId-BHjR7HQF.js";import"./inputUtils-BOLvDTmI.js";import"./InputBase-Bm1MB3pl.js";import"./ownerWindow-HkKU3E4x.js";import"./ownerDocument-DW-IO8s5.js";import"./debounce-Be36O1Ab.js";import"./Link-4r_7nyI-.js";import"./ExternalLink-DTGSbkQ2.js";import"./Stack-Bgh4xems.js";import"./createStyled-CNzidwe1.js";import"./useThemeProps-C9dAJTwo.js";const{useCallback:Ce}=__STORYBOOK_MODULE_PREVIEW_API__,{fn:S,userEvent:p,within:Ve}=__STORYBOOK_MODULE_TEST__,St={component:s,decorators:[Me],tags:["autodocs"],argTypes:{autoCompleteType:{control:"text",description:"The native HTML [autocomplete](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) attribute for enabling browser autofill (e.g., `email`, `username`, `current-password`)",table:{category:"Functional",type:{summary:"string"}}},defaultValue:{control:"text",description:"If `value` is undefined, the field is uncontrolled and `defaultValue` provides its initial text",table:{category:"Functional",type:{summary:"string"},defaultValue:{summary:void 0}}},endAdornment:{control:{type:"select"},options:["None","String","Icon"],mapping:{None:void 0,String:"%",Icon:a.jsx(Le,{})},description:"Content displayed at the end of the input. Use string for units and symbols, or an Odyssey icon for actions",table:{category:"Visual",type:{summary:"string | ReactElement<typeof Icon>"}}},errorMessage:r.errorMessage,errorMessageList:r.errorMessageList,hasInitialFocus:{control:!1,description:"If `true`, the component will receive focus automatically",table:{category:"Functional",type:{summary:"boolean"}}},hint:r.hint,HintLinkComponent:r.HintLinkComponent,id:r.id,isDisabled:r.isDisabled,isFullWidth:r.isFullWidth,isMultiline:{control:"boolean",description:"If `true`, a `textarea` element is rendered",table:{category:"Visual",type:{summary:"boolean"},defaultValue:{summary:"false"}}},isOptional:r.isOptional,isReadOnly:r.isReadOnly,label:{control:"text",description:"The label for the `input` element",table:{category:"Visual",type:{summary:"string"}},type:{required:!0,name:"string"}},name:r.name,onBlur:{description:"Callback fired after the input loses focus; useful for validation or analytics hooks",table:{category:"Functional",type:{summary:"func"}}},onChange:{description:"Callback fired whenever the value changes; required when controlling the component via `value`",table:{category:"Functional",type:{summary:"func"}}},onFocus:{description:"Callback fired when the input gains focus; helpful for analytics or guided workflows",table:{category:"Functional",type:{summary:"func"}}},placeholder:{control:"text",description:"The short hint displayed in the `input` before the user enters a value",table:{category:"Visual",type:{summary:"string"}}},startAdornment:{control:{type:"select"},options:["None","String","Icon"],mapping:{None:void 0,String:"$",Icon:a.jsx(Se,{})},description:"Content displayed at the start of the input. Use string for units or symbols, or an Odyssey icon for actions",table:{category:"Visual",type:{summary:"string | ReactElement<typeof Icon>"}}},type:{options:I,control:{type:"radio"},description:"Type of the `input` element. It should be [a valid HTML5 input type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Form_%3Cinput%3E_types)",table:{category:"Functional",type:{summary:I.join(" | ")},defaultValue:{summary:"text"}}},value:{control:"text",description:"If `value` is provided, you control the input externally and must handle updates with `onChange`",table:{category:"Functional",type:{summary:"string"}}}},args:{endAdornment:"None",label:"Label",onBlur:S(),onChange:S(),onFocus:S(),startAdornment:"None",value:""}},t={args:{value:""},argTypes:{defaultValue:{control:!1}},render:function(o,i){const{defaultValue:l,...ve}=o,{value:Te,setValue:L}=we({args:o,context:i,argKey:"value",defaultValue:o.value??""}),xe=Ce(Fe=>{L(Fe.target.value)},[L]);return a.jsx(s,{...ve,onChange:xe,value:Te})}},Ae=async({canvasElement:n,step:o})=>{await o("Textfield callback",async()=>{const l=await Ve(n).findByRole("textbox");await p.click(l),await p.type(l,"v"),await p.clear(l),await p.tab()})},d={...e(t,{play:Ae,tags:["!autodocs"]})},c={...e(t,{parameters:{docs:{description:{story:"The values of disabled inputs will not be submitted."}}},args:{isDisabled:!0,value:"Value"}})},u={...e(t,{args:{isOptional:!0,value:""}})},m={...e(t,{parameters:{docs:{description:{story:"The values of readonly inputs will be submitted."}}},args:{isReadOnly:!0,value:"Value"}})},g={...e(t,{args:{errorMessage:"Error Message",value:""}})},y={...e(t,{args:{errorMessage:"Error Message",errorMessageList:["Error A"],value:""}})},h={...e(t,{args:{isFullWidth:!0}})},f={...e(t,{args:{hint:"Hint text",value:""}})},b={...e(t,{args:{hint:"Hint text",HintLinkComponent:a.jsx(Ie,{href:"#link",children:"Link"}),value:""}})},v={...e(t,{parameters:{docs:{description:{story:"TextField supports both `string` and `<Icon />` adornments."}}},args:{label:"Label",endAdornment:"String",startAdornment:"Icon",value:""}})},T={...e(t,{parameters:{docs:{description:{story:"As the user types, the field will grow vertically to accommodate the new lines."}}},args:{autoCompleteType:"shipping street-address",label:"Label",isMultiline:!0,value:""}}),name:"Multiline (Textarea)"},x={parameters:{docs:{description:{story:"This `TextField` will receive focus when the page loads"}}},args:{hasInitialFocus:!0,label:"Label",value:""},render:n=>a.jsxs(Oe,{spacing:2,children:[a.jsx(s,{label:"Not Focused"}),a.jsx(s,{...n})]})},F={...e(t,{args:{placeholder:"Placeholder text"}})},M={...e(t,{parameters:{docs:{description:{story:"TextFields of type `tel` are not automatically validated because global formats are so varied."}}},args:{autoCompleteType:"mobile tel",label:"Phone number",startAdornment:a.jsx(ke,{position:"start",children:"+1"}),type:"tel",value:""}})},w={parameters:{docs:{description:{story:"When `value` is omitted the field manages its own state via `defaultValue`."}}},args:{defaultValue:"Initial state",value:void 0},argTypes:{value:{control:!1}},render:n=>{const{value:o,...i}=n;return a.jsx(s,{...i})}};var O,k,C;d.parameters={...d.parameters,docs:{...(O=d.parameters)==null?void 0:O.docs,source:{originalSource:`{
+  ...deepmerge(TextFieldTemplate, {
+    play: textFieldPlay,
+    tags: ["!autodocs"]
+  })
+}`,...(C=(k=d.parameters)==null?void 0:k.docs)==null?void 0:C.source}}};var V,A,E;c.parameters={...c.parameters,docs:{...(V=c.parameters)==null?void 0:V.docs,source:{originalSource:`{
+  ...deepmerge(TextFieldTemplate, {
+    parameters: {
+      docs: {
+        description: {
+          story: "The values of disabled inputs will not be submitted."
+        }
+      }
+    },
+    args: {
+      isDisabled: true,
+      value: "Value"
+    }
+  })
+}`,...(E=(A=c.parameters)==null?void 0:A.docs)==null?void 0:E.source}}};var _,H,R;u.parameters={...u.parameters,docs:{...(_=u.parameters)==null?void 0:_.docs,source:{originalSource:`{
+  ...deepmerge(TextFieldTemplate, {
+    args: {
+      isOptional: true,
+      value: ""
+    }
+  })
+}`,...(R=(H=u.parameters)==null?void 0:H.docs)==null?void 0:R.source}}};var j,D,P;m.parameters={...m.parameters,docs:{...(j=m.parameters)==null?void 0:j.docs,source:{originalSource:`{
+  ...deepmerge(TextFieldTemplate, {
+    parameters: {
+      docs: {
+        description: {
+          story: "The values of readonly inputs will be submitted."
+        }
+      }
+    },
+    args: {
+      isReadOnly: true,
+      value: "Value"
+    }
+  })
+}`,...(P=(D=m.parameters)==null?void 0:D.docs)==null?void 0:P.source}}};var W,N,U;g.parameters={...g.parameters,docs:{...(W=g.parameters)==null?void 0:W.docs,source:{originalSource:`{
+  ...deepmerge(TextFieldTemplate, {
+    args: {
+      errorMessage: "Error Message",
+      value: ""
+    }
+  })
+}`,...(U=(N=g.parameters)==null?void 0:N.docs)==null?void 0:U.source}}};var z,B,K;y.parameters={...y.parameters,docs:{...(z=y.parameters)==null?void 0:z.docs,source:{originalSource:`{
+  ...deepmerge(TextFieldTemplate, {
+    args: {
+      errorMessage: "Error Message",
+      errorMessageList: ["Error A"],
+      value: ""
+    }
+  })
+}`,...(K=(B=y.parameters)==null?void 0:B.docs)==null?void 0:K.source}}};var q,Y,$;h.parameters={...h.parameters,docs:{...(q=h.parameters)==null?void 0:q.docs,source:{originalSource:`{
+  ...deepmerge(TextFieldTemplate, {
+    args: {
+      isFullWidth: true
+    }
+  })
+}`,...($=(Y=h.parameters)==null?void 0:Y.docs)==null?void 0:$.source}}};var G,J,Q;f.parameters={...f.parameters,docs:{...(G=f.parameters)==null?void 0:G.docs,source:{originalSource:`{
+  ...deepmerge(TextFieldTemplate, {
+    args: {
+      hint: "Hint text",
+      value: ""
+    }
+  })
+}`,...(Q=(J=f.parameters)==null?void 0:J.docs)==null?void 0:Q.source}}};var X,Z,ee;b.parameters={...b.parameters,docs:{...(X=b.parameters)==null?void 0:X.docs,source:{originalSource:`{
+  ...deepmerge(TextFieldTemplate, {
+    args: {
+      hint: "Hint text",
+      HintLinkComponent: <Link href="#link">Link</Link>,
+      value: ""
+    }
+  })
+}`,...(ee=(Z=b.parameters)==null?void 0:Z.docs)==null?void 0:ee.source}}};var te,re,ae;v.parameters={...v.parameters,docs:{...(te=v.parameters)==null?void 0:te.docs,source:{originalSource:`{
+  ...deepmerge(TextFieldTemplate, {
+    parameters: {
+      docs: {
+        description: {
+          story: "TextField supports both \`string\` and \`<Icon />\` adornments."
+        }
+      }
+    },
+    args: {
+      label: "Label",
+      endAdornment: "String",
+      startAdornment: "Icon",
+      value: ""
+    }
+  })
+}`,...(ae=(re=v.parameters)==null?void 0:re.docs)==null?void 0:ae.source}}};var ne,oe,se;T.parameters={...T.parameters,docs:{...(ne=T.parameters)==null?void 0:ne.docs,source:{originalSource:`{
+  ...deepmerge(TextFieldTemplate, {
+    parameters: {
+      docs: {
+        description: {
+          story: "As the user types, the field will grow vertically to accommodate the new lines."
+        }
+      }
+    },
+    args: {
+      autoCompleteType: "shipping street-address",
+      label: "Label",
+      isMultiline: true,
+      value: ""
+    }
+  }),
+  name: "Multiline (Textarea)"
+}`,...(se=(oe=T.parameters)==null?void 0:oe.docs)==null?void 0:se.source}}};var ie,le,pe;x.parameters={...x.parameters,docs:{...(ie=x.parameters)==null?void 0:ie.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "This \`TextField\` will receive focus when the page loads"
+      }
+    }
+  },
+  args: {
+    hasInitialFocus: true,
+    label: "Label",
+    value: ""
+  },
+  render: args => {
+    return <Stack spacing={2}>
+        <TextField label="Not Focused" />
+        <TextField {...args} />
+      </Stack>;
+  }
+}`,...(pe=(le=x.parameters)==null?void 0:le.docs)==null?void 0:pe.source}}};var de,ce,ue;F.parameters={...F.parameters,docs:{...(de=F.parameters)==null?void 0:de.docs,source:{originalSource:`{
+  ...deepmerge(TextFieldTemplate, {
+    args: {
+      placeholder: "Placeholder text"
+    }
+  })
+}`,...(ue=(ce=F.parameters)==null?void 0:ce.docs)==null?void 0:ue.source}}};var me,ge,ye;M.parameters={...M.parameters,docs:{...(me=M.parameters)==null?void 0:me.docs,source:{originalSource:`{
+  ...deepmerge(TextFieldTemplate, {
+    parameters: {
+      docs: {
+        description: {
+          story: "TextFields of type \`tel\` are not automatically validated because global formats are so varied."
+        }
+      }
+    },
+    args: {
+      autoCompleteType: "mobile tel",
+      label: "Phone number",
+      startAdornment: <InputAdornment position="start">+1</InputAdornment>,
+      type: "tel",
+      value: ""
+    }
+  })
+}`,...(ye=(ge=M.parameters)==null?void 0:ge.docs)==null?void 0:ye.source}}};var he,fe,be;w.parameters={...w.parameters,docs:{...(he=w.parameters)==null?void 0:he.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "When \`value\` is omitted the field manages its own state via \`defaultValue\`."
+      }
+    }
+  },
+  args: {
+    defaultValue: "Initial state",
+    value: undefined
+  },
+  argTypes: {
+    value: {
+      control: false
+    }
+  },
+  render: props => {
+    const {
+      value,
+      ...rest
+    } = props;
+    void value;
+    return <TextField {...rest} />;
+  }
+}`,...(be=(fe=w.parameters)==null?void 0:fe.docs)==null?void 0:be.source}}};const Lt=["Default","Disabled","Optional","ReadOnly","Error","ErrorsList","FullWidth","Hint","HintLink","Adornments","Multiline","Focused","Placeholder","Tel","Uncontrolled"];export{v as Adornments,d as Default,c as Disabled,g as Error,y as ErrorsList,x as Focused,h as FullWidth,f as Hint,b as HintLink,T as Multiline,u as Optional,F as Placeholder,m as ReadOnly,M as Tel,w as Uncontrolled,Lt as __namedExportsOrder,St as default};

package/dist/assets/Toast.stories-Cwx6XwLn.js

@@ -0,0 +1,164 @@
+import{r as p,j as e}from"./iframe-Cav9rlxr.js";import{a as Z}from"./axeRun-C-zlWaxU.js";import{O as st}from"./OdysseyStorybookThemeDecorator-Bokwb0ot.js";import{u as at}from"./useStoryArgOrLocalState-CRQAGSTX.js";import{M as E}from"./Button-BX9EXxBV.js";import{a as nt}from"./OdysseyThemeProvider-DOMFnSU0.js";import{M as ot}from"./Link-BXZlWRMJ.js";import{M as it}from"./ScreenReaderText-B0JAp-xP.js";import{S as P}from"./Snackbar-BecQgiI0.js";import{A as rt,a as lt}from"./AlertTitle-41lhnhsR.js";import{d as ct}from"./WarningFilled-DJX60tUO.js";import{B as mt}from"./Box-DduJOSF-.js";import{c as S}from"./createUniqueId-BHjR7HQF.js";import"./preload-helper-Dp1pzeXC.js";import"./axe-B0QS9Vy6.js";import"./index-CLFx8Kta.js";import"./OdysseyProvider-n2ocdJ7D.js";import"./ScopedCssBaseline-CbMqVD26.js";import"./tableRowClasses-DYosAqvx.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"./index.es-0rJMfM0E.js";import"./Link-4r_7nyI-.js";import"./Typography-D4Laguzq.js";import"./ExternalLink-DTGSbkQ2.js";import"./visuallyHidden-Dan1xhjv.js";import"./Paper-DIvrMKVz.js";import"./useSlot-CvipdriX.js";import"./createSvgIcon-CoE7vjSC.js";import"./Close-cbwEd5Sp.js";import"./IconButton-BJHIZjwd.js";const j=["status","alert"],A=["success","info","warning","error"],ut={onClickAway:()=>!1},pt=({autoHideDuration:a=6e3,isDismissable:o,linkText:i,linkUrl:n,isVisible:t,onHide:r,role:s,severity:m,testId:u,text:tt,translate:k})=>{const{t:I}=nt(),[et,O]=p.useState(t);p.useEffect(()=>{O(t)},[t]);const B=p.useCallback(()=>{O(!1),r==null||r()},[r]);return e.jsx(e.Fragment,{children:e.jsx(P,{autoHideDuration:o||a<=0?void 0:a,className:"Toast",ClickAwayListenerProps:ut,onClose:B,open:et,children:e.jsxs(rt,{action:o===!0&&e.jsx(E,{ariaLabel:I("close.text"),onClick:B,size:"small",startIcon:e.jsx(ct,{}),variant:"floating"}),"data-se":u,role:s,severity:m,variant:"toast",children:[e.jsxs(lt,{translate:k,children:[e.jsxs(it,{translate:k,children:[I(`severity.${m}`),":"]}),tt]}),n&&e.jsx(ot,{href:n,translate:k,variant:"monochrome",children:i})]})})})},v=p.memo(pt);v.displayName="Toast";const dt=({children:a})=>e.jsx(P,{open:!0,children:e.jsx(mt,{sx:{display:"flex",flexDirection:"column-reverse",gap:2},children:a})}),V=p.memo(dt);V.displayName="ToastStack";const{useCallback:x,useState:yt}=__STORYBOOK_MODULE_PREVIEW_API__,{expect:C,userEvent:l,waitFor:c,within:D}=__STORYBOOK_MODULE_TEST__,re={component:v,decorators:[st],tags:["autodocs"],argTypes:{autoHideDuration:{control:"number",description:"If set, this determines how long the toast should appear before automatically disappearing in milliseconds. It will only take effect if the toast is not dismissible. If left blank, it defaults to 6000",table:{category:"Functional",type:{summary:"number"},defaultValue:{summary:"6000"}}},isDismissable:{control:"boolean",description:"If `true`, the alert will include a close button",table:{category:"Visual",type:{summary:"boolean"},defaultValue:{summary:"false"}}},isVisible:{control:{type:"boolean"},description:"If true, the Toast is visible",table:{category:"Functional",type:{summary:"boolean"}}},linkText:{control:"text",description:"If linkUrl is defined, this is the text of the link. If left blank, it defaults to 'Learn more'. Note that linkText does nothing if linkUrl is not defined",table:{category:"Visual",type:{summary:"string"}}},linkUrl:{control:"text",description:"If defined, the alert will include a link to the URL",table:{category:"Functional",type:{summary:"string"}}},onHide:{control:!1,description:"An optional function to run when the Toast is closed",table:{category:"Functional",type:{summary:"func"}}},role:{options:j,control:{type:"radio"},description:"Sets the ARIA role of the alert ('status' for something that dynamically updates, 'alert' for errors, null for something unchanging)",table:{category:"Functional",type:{summary:j.join(" | ")}}},severity:{options:A,control:{type:"radio"},description:"Determine the color and icon of the alert",table:{category:"Visual",type:{summary:A.join(" | ")}},type:{required:!0,name:"other",value:"radio"}},text:{control:"text",description:"The text content of the alert",table:{category:"Visual",type:{summary:"string"}},type:{required:!0,name:"string"}}},args:{isVisible:!1,severity:"info",role:"status",linkText:"Info",text:"The mission to Sagittarius A is set for January 7.",autoHideDuration:1e4}},w=a=>({args:o,canvasElement:i,step:n})=>n(`open ${a}`,async()=>{await c(async()=>{const t=D(i).getByText(`Open ${o.severity} toast`);await l.hover(t),await l.click(t),await l.tab()}),await c(()=>Z(a))}),d={args:{isVisible:!1,role:"status"},render:function(o,i){const{value:n,setValue:t}=at({args:o,context:i,argKey:"isVisible",defaultValue:o.isVisible,defaultStoryName:"Info"}),r=x(()=>{t(!0)},[t]),s=x(()=>{t(!1)},[t]);return e.jsxs(e.Fragment,{children:[e.jsx(E,{label:`Open ${o.severity} toast`,onClick:r,variant:"primary"}),e.jsx(V,{children:e.jsx(v,{...o,isVisible:n,onHide:s})})]})}},y={...d,args:{text:"The mission to Sagittarius A is set for January 7.",severity:"info"},play:w("Info Toast"),tags:["!autodocs"]},f={...d,name:"Error",args:{text:"Security breach in Hangar 18",role:"alert",severity:"error"},play:w("Error Toast")},g={...d,args:{text:"Severe solar winds may delay local system flights",role:"status",severity:"warning"},play:w("Warning Toast")},T={...d,args:{text:"Docking completed",role:"status",severity:"success"},play:w("Success Toast")},b={...d,args:{isDismissable:!0,linkText:"View report",linkUrl:"#"},play:async({args:a,canvasElement:o,step:i})=>{const n=D(o);await i("open Dismissible Toast}",async()=>{await c(async()=>{const t=n.getByText(`Open ${a.severity} toast`);await l.hover(t),await l.click(t),await l.tab()})}),await i("link in toast",async()=>{await c(()=>{const t=n.getByText(a.linkText||"");C(t).toHaveAttribute("href",a.linkUrl)})}),await i("dismiss toast and reopen",async()=>{await c(async()=>{const t=n.getByRole("status");if(t){const r=D(t).getByRole("button",{name:"Close"});r&&(await l.click(r),await c(async()=>{C(t).not.toBeVisible();const s=n.getByText(`Open ${a.severity} toast`);await l.click(s)}))}}),await c(()=>Z("Dismissible Toast"))})}},h={argTypes:{autoHideDuration:{control:!1},isDismissable:{control:!1},isVisible:{control:!1},linkText:{control:!1},linkUrl:{control:!1},onHide:{control:!1},role:{control:!1},severity:{control:!1},text:{control:!1}},parameters:{docs:{description:{story:"`Toast` handles the visual appearance and show/hide logic, but not positioning. To have a Toast positioned correctly, it must be wrapped inside a `ToastStack`. There should only be one ToastStack per screen, regardless of how many Toasts there are, since a single ToastStack can accept multiple Toasts as children and will manage positioning accordingly."}}},render:function(){const o=[{id:S(),severity:"info",text:"The mission to Sagittarius A is set for January 7.",isDismissable:!0,isVisible:!0},{id:S(),severity:"success",text:"Docking completed.",isDismissable:!0,isVisible:!0}],[i,n]=yt(o),t=x(()=>{const s=[{severity:"warning",text:"Severe solar winds may delay local system flights.",isDismissable:!0,isVisible:!0},{severity:"error",text:"Security breach in Hangar 10.",isDismissable:!0,isVisible:!0}],m=s[Math.floor(Math.random()*s.length)];n(u=>[...u,{...m,id:S()}])},[]),r=x(s=>{n(m=>m.filter(u=>u.id!==s))},[]);return e.jsxs(e.Fragment,{children:[e.jsx(E,{label:"Open another Toast",onClick:t,variant:"primary"}),e.jsx(V,{children:i.map(s=>e.jsx(v,{isDismissable:s.isDismissable,isVisible:s.isVisible,onHide:()=>r(s.id),severity:s.severity,text:s.text},s.id))})]})}};var M,U,_;y.parameters={...y.parameters,docs:{...(M=y.parameters)==null?void 0:M.docs,source:{originalSource:`{
+  ...Single,
+  args: {
+    text: "The mission to Sagittarius A is set for January 7.",
+    severity: "info"
+  },
+  play: openToast("Info Toast"),
+  tags: ["!autodocs"]
+}`,...(_=(U=y.parameters)==null?void 0:U.docs)==null?void 0:_.source}}};var F,H,R;f.parameters={...f.parameters,docs:{...(F=f.parameters)==null?void 0:F.docs,source:{originalSource:`{
+  ...Single,
+  name: "Error",
+  args: {
+    text: "Security breach in Hangar 18",
+    role: "alert",
+    severity: "error"
+  },
+  play: openToast("Error Toast")
+}`,...(R=(H=f.parameters)==null?void 0:H.docs)==null?void 0:R.source}}};var L,$,z;g.parameters={...g.parameters,docs:{...(L=g.parameters)==null?void 0:L.docs,source:{originalSource:`{
+  ...Single,
+  args: {
+    text: "Severe solar winds may delay local system flights",
+    role: "status",
+    severity: "warning"
+  },
+  play: openToast("Warning Toast")
+}`,...(z=($=g.parameters)==null?void 0:$.docs)==null?void 0:z.source}}};var W,q,J;T.parameters={...T.parameters,docs:{...(W=T.parameters)==null?void 0:W.docs,source:{originalSource:`{
+  ...Single,
+  args: {
+    text: "Docking completed",
+    role: "status",
+    severity: "success"
+  },
+  play: openToast("Success Toast")
+}`,...(J=(q=T.parameters)==null?void 0:q.docs)==null?void 0:J.source}}};var N,K,Y;b.parameters={...b.parameters,docs:{...(N=b.parameters)==null?void 0:N.docs,source:{originalSource:`{
+  ...Single,
+  args: {
+    isDismissable: true,
+    linkText: "View report",
+    linkUrl: "#"
+  },
+  play: async ({
+    args,
+    canvasElement,
+    step
+  }) => {
+    const canvas = within(canvasElement);
+    await step(\`open Dismissible Toast}\`, async () => {
+      await waitFor(async () => {
+        const buttonElement = canvas.getByText(\`Open \${args.severity} toast\`);
+        await userEvent.hover(buttonElement);
+        await userEvent.click(buttonElement);
+        await userEvent.tab();
+      });
+    });
+    await step("link in toast", async () => {
+      await waitFor(() => {
+        const toastLink = canvas.getByText(args.linkText || "");
+        expect(toastLink).toHaveAttribute("href", args.linkUrl);
+      });
+    });
+    await step("dismiss toast and reopen", async () => {
+      await waitFor(async () => {
+        const toastElement = canvas.getByRole("status");
+        if (toastElement) {
+          const dismissToastButton = within(toastElement).getByRole("button", {
+            name: "Close"
+          });
+          if (dismissToastButton) {
+            await userEvent.click(dismissToastButton);
+            await waitFor(async () => {
+              expect(toastElement).not.toBeVisible();
+              const buttonElement = canvas.getByText(\`Open \${args.severity} toast\`);
+              await userEvent.click(buttonElement);
+            });
+          }
+        }
+      });
+      await waitFor(() => axeRun("Dismissible Toast"));
+    });
+  }
+}`,...(Y=(K=b.parameters)==null?void 0:K.docs)==null?void 0:Y.source}}};var G,Q,X;h.parameters={...h.parameters,docs:{...(G=h.parameters)==null?void 0:G.docs,source:{originalSource:`{
+  argTypes: {
+    autoHideDuration: {
+      control: false
+    },
+    isDismissable: {
+      control: false
+    },
+    isVisible: {
+      control: false
+    },
+    linkText: {
+      control: false
+    },
+    linkUrl: {
+      control: false
+    },
+    onHide: {
+      control: false
+    },
+    role: {
+      control: false
+    },
+    severity: {
+      control: false
+    },
+    text: {
+      control: false
+    }
+  },
+  parameters: {
+    docs: {
+      description: {
+        story: "\`Toast\` handles the visual appearance and show/hide logic, but not positioning. To have a Toast positioned correctly, it must be wrapped inside a \`ToastStack\`. There should only be one ToastStack per screen, regardless of how many Toasts there are, since a single ToastStack can accept multiple Toasts as children and will manage positioning accordingly."
+      }
+    }
+  },
+  render: function C() {
+    type ToastWithId = ToastProps & {
+      id: string;
+    };
+    const unstableToasts = [{
+      id: createUniqueId(),
+      severity: "info" as const,
+      text: "The mission to Sagittarius A is set for January 7.",
+      isDismissable: true,
+      isVisible: true
+    }, {
+      id: createUniqueId(),
+      severity: "success" as const,
+      text: "Docking completed.",
+      isDismissable: true,
+      isVisible: true
+    }];
+    const [toasts, setToasts] = useState<ToastWithId[]>(unstableToasts);
+    const addToast = useCallback(() => {
+      const toastOptions = [{
+        severity: "warning" as const,
+        text: "Severe solar winds may delay local system flights.",
+        isDismissable: true,
+        isVisible: true
+      }, {
+        severity: "error" as const,
+        text: "Security breach in Hangar 10.",
+        isDismissable: true,
+        isVisible: true
+      }];
+      const randomToast = toastOptions[Math.floor(Math.random() * toastOptions.length)];
+      setToasts(prevToasts => [...prevToasts, {
+        ...randomToast,
+        id: createUniqueId()
+      }]);
+    }, []);
+    const handleDismiss = useCallback((toastId: string) => {
+      setToasts(prevToasts => prevToasts.filter(toast => toast.id !== toastId));
+    }, []);
+    return <>
+        <Button label="Open another Toast" onClick={addToast} variant="primary" />
+        <ToastStack>
+          {toasts.map(toast => <Toast isDismissable={toast.isDismissable} isVisible={toast.isVisible} key={toast.id} onHide={() => handleDismiss(toast.id)} severity={toast.severity} text={toast.text} />)}
+        </ToastStack>
+      </>;
+  }
+}`,...(X=(Q=h.parameters)==null?void 0:Q.docs)==null?void 0:X.source}}};const le=["Info","ErrorToast","Warning","Success","Dismissible","MultipleToasts"];export{b as Dismissible,f as ErrorToast,y as Info,h as MultipleToasts,T as Success,g as Warning,le as __namedExportsOrder,re as default};

package/dist/assets/{ToastManager.stories-C6VVt3In.js → ToastManager.stories-UZvhSatu.js}

@@ -1,4 +1,4 @@
-import{r as i,j as o,o as be,q as ne,s as W,t as ye,l as j,b as x}from"./iframe-CQjT1fxh.js";import{S as m,B as h,an as T,ao as y,ap as fe,aq as xe,n as Ce,o as Se,p as ve,m as $,W as L,i as ke,a0 as f,a5 as k,ar as we,R as ie,P as Be,U as Me}from"./tableRowClasses-Bk1uFtwh.js";import{t as R}from"./tableSortLabelClasses-i_d6KGQQ.js";import{d as Ie}from"./dialogActionsClasses-J0iu7jYO.js";import{O as We}from"./OdysseyStorybookThemeDecorator-CHlNoX17.js";import{S as $e}from"./Snackbar-C2LtiN82.js";import{A as Re,a as ze}from"./AlertTitle-UQV7DT5q.js";import{B as Oe}from"./Button-Dug4qNr3.js";import{P as Pe}from"./Portal-DeJFqeW-.js";import{F as Ee}from"./Fade-ZBabHGDm.js";import{M as Fe}from"./Button-0PI4ljbj.js";import"./preload-helper-Dp1pzeXC.js";import"./OdysseyThemeProvider-BA0_xP7N.js";import"./WarningFilled-DOHs-JmZ.js";import"./index-C77ZwfYm.js";import"./OdysseyProvider-rboSNY26.js";import"./ScopedCssBaseline-BOa6kM98.js";import"./useIsFocusVisible-D1xCTBdT.js";import"./TransitionGroupContext-yBqGXZYI.js";import"./resolveComponentProps-DGxe9oED.js";import"./isHostComponent-DVu5iVWx.js";import"./utils-D-QCjykO.js";import"./index-5Qx3hCfP.js";import"./Grow-DvH-Xu1P.js";import"./ownerDocument-DW-IO8s5.js";import"./Paper-vUVrw-QB.js";import"./useSlot-BMAKysxJ.js";import"./createSvgIcon-CaWcxZng.js";import"./Close-CELHOmN_.js";import"./IconButton-BPR_sq0F.js";import"./ButtonBase-Rz8p08Xo.js";import"./Typography-Jr4Brrb5.js";import"./BaseButton-C9tiChQu.js";import"./MuiPropsContext-D6i6qZME.js";import"./Tooltip-B-PXZNTK.js";import"./Tooltip-yxN-KFjL.js";import"./useControlled-BUhC7uWK.js";import"./Popper-CISS1LuJ.js";/*!
+import{r as i,j as o,o as be,q as ne,s as W,t as ye,b as j,d as x}from"./iframe-Cav9rlxr.js";import{S as m,B as h,an as T,ao as y,ap as fe,aq as xe,n as Ce,o as Se,p as ve,m as $,W as L,i as ke,a0 as f,a5 as k,ar as we,R as ie,P as Be,U as Me}from"./tableRowClasses-DYosAqvx.js";import{t as R}from"./tableSortLabelClasses-BkDwo_43.js";import{d as Ie}from"./dialogActionsClasses-DejbXXRS.js";import{O as We}from"./OdysseyStorybookThemeDecorator-Bokwb0ot.js";import{S as $e}from"./Snackbar-BecQgiI0.js";import{A as Re,a as ze}from"./AlertTitle-41lhnhsR.js";import{B as Oe}from"./Button-AqSkJ6Nd.js";import{P as Pe}from"./Portal-CznYNzyC.js";import{F as Ee}from"./Fade-5EaFioT-.js";import{M as Fe}from"./Button-BX9EXxBV.js";import"./preload-helper-Dp1pzeXC.js";import"./OdysseyThemeProvider-DOMFnSU0.js";import"./index.es-0rJMfM0E.js";import"./WarningFilled-DJX60tUO.js";import"./index-CLFx8Kta.js";import"./OdysseyProvider-n2ocdJ7D.js";import"./ScopedCssBaseline-CbMqVD26.js";import"./useIsFocusVisible-Cu721A7w.js";import"./TransitionGroupContext-CTI9LvjA.js";import"./resolveComponentProps-m1IywaLB.js";import"./isHostComponent-DVu5iVWx.js";import"./utils-fJIW_l91.js";import"./index-C5VVYn_U.js";import"./Grow-DG6yJWeA.js";import"./ownerDocument-DW-IO8s5.js";import"./Paper-DIvrMKVz.js";import"./useSlot-CvipdriX.js";import"./createSvgIcon-CoE7vjSC.js";import"./Close-cbwEd5Sp.js";import"./IconButton-BJHIZjwd.js";import"./ButtonBase-CYIo9Kvv.js";import"./Typography-D4Laguzq.js";import"./BaseButton-BzcWVv73.js";import"./MuiPropsContext-ppLtceHL.js";import"./Tooltip-BMTVRAEn.js";import"./Tooltip-DVPGLNQs.js";import"./useControlled-4m9Fbl4Y.js";import"./Popper-B9cGJ5Ql.js";/*!
  * Copyright (c) 2022-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.")
  *
@@ -185,11 +185,11 @@ import{r as i,j as o,o as be,q as ne,s as W,t as ye,l as j,b as x}from"./iframe-
  */const Ot=t=>{let{children:e,themeOverride:r}=t;const l=i.useMemo(()=>r&&ie(Be(K,r)),[r]);return o.jsx(Me,{theme:l??K,children:e})},Pt=i.memo(Ot);function Q(t,e){if(t.inserted[e.name]===void 0)return t.insert("",e,t.sheet,!0)}function _(t,e,r){var l=[],p=ne(t,l,r);return l.length<2?r:p+e(l)}var Et=function(e){var r=be(e);r.sheet.speedy=function(c){this.isSpeedy=c},r.compat=!0;var l=function(){for(var s=arguments.length,d=new Array(s),a=0;a<s;a++)d[a]=arguments[a];var g=W(d,r.registered,void 0);return ye(r,g,!1),r.key+"-"+g.name},p=function(){for(var s=arguments.length,d=new Array(s),a=0;a<s;a++)d[a]=arguments[a];var g=W(d,r.registered),S="animation-"+g.name;return Q(r,{name:g.name,styles:"@keyframes "+S+"{"+g.styles+"}"}),S},n=function(){for(var s=arguments.length,d=new Array(s),a=0;a<s;a++)d[a]=arguments[a];var g=W(d,r.registered);Q(r,g)},u=function(){for(var s=arguments.length,d=new Array(s),a=0;a<s;a++)d[a]=arguments[a];return _(r.registered,l,Ft(d))};return{css:l,cx:u,injectGlobal:n,keyframes:p,hydrate:function(s){s.forEach(function(d){r.inserted[d]=!0})},flush:function(){r.registered={},r.inserted={},r.sheet.flush()},sheet:r.sheet,cache:r,getRegisteredStyles:ne.bind(null,r.registered),merge:_.bind(null,r.registered,l)}},Ft=function t(e){for(var r="",l=0;l<e.length;l++){var p=e[l];if(p!=null){var n=void 0;switch(typeof p){case"boolean":break;case"object":{if(Array.isArray(p))n=t(p);else{n="";for(var u in p)p[u]&&u&&(n&&(n+=" "),n+=u)}break}default:n=p}n&&(r&&(r+=" "),r+=n)}}return r},jt=Et({key:"css"}),Tt=jt.css;const ee=5e3,Nt=t=>{if(!t)return ee;const e=window.localStorage.getItem("toast_duration");return(e?Number(e)*1e3:null)??ee},he=i.createContext(void 0);function At(){const t=i.useContext(he);if(t===void 0)throw new Error("useToast must be used within a ToastManager");return t}function Dt(t){return x(Ee,{...t})}function Le({applyToastDurationPreference:t=!1,anchorOrigin:e,children:r}){const[l,p]=i.useState([]),[n,u]=i.useState(null),[c,s]=i.useState(!1),d=i.useMemo(()=>Nt(t),[t]),a=i.useCallback(v=>{p(I=>[...I,v])},[]),g=i.useCallback((v,I)=>{I!=="clickaway"&&s(!1)},[]),S=i.useCallback(()=>{u(null)},[]);i.useEffect(()=>{l.length&&!n?(u({...l[0]}),p(v=>v.slice(1)),s(!0)):l.length&&n&&c&&s(!1)},[l,n,c]);const He=i.useMemo(()=>({addToast:a}),[a]),E=(n==null?void 0:n.title)??(n==null?void 0:n.message),F=n!=null&&n.title?n==null?void 0:n.message:null;return j(he.Provider,{value:He,children:[r,x(Pe,{children:x($e,{anchorOrigin:e,autoHideDuration:d,disableWindowBlurListener:!0,onClose:g,open:c,TransitionComponent:Dt,TransitionProps:{onExited:S},children:j(Re,{action:!(n!=null&&n.disableDismiss)&&x(Oe,{"aria-label":"Close",name:"close-toast",onClick:g,startIcon:x(ce,{onPointerEnterCapture:()=>{},onPointerLeaveCapture:()=>{}}),variant:"floating"}),classes:{message:Tt`
                 flex-basis: 0;
                 word-break: break-word;
-              `},severity:n==null?void 0:n.severity,variant:"toast",children:[E&&x(ze,{children:E}),F&&F]})})})]})}const Zt=t=>o.jsx(Pt,{children:o.jsx(t,{})}),Ir={component:Le,decorators:[We,Zt],args:{},argTypes:{}},Vt=()=>{const{addToast:t}=At(),e=i.useCallback(()=>t({severity:"success",message:"This is a success toast"}),[t]);return o.jsx(Fe,{label:"Add Toast",onClick:e,variant:"primary"})},B={args:{children:o.jsx(Vt,{})},render:t=>o.jsx(Le,{children:t.children})};var te,re,oe;B.parameters={...B.parameters,docs:{...(te=B.parameters)==null?void 0:te.docs,source:{originalSource:`{
+              `},severity:n==null?void 0:n.severity,variant:"toast",children:[E&&x(ze,{children:E}),F&&F]})})})]})}const Zt=t=>o.jsx(Pt,{children:o.jsx(t,{})}),Wr={component:Le,decorators:[We,Zt],args:{},argTypes:{}},Vt=()=>{const{addToast:t}=At(),e=i.useCallback(()=>t({severity:"success",message:"This is a success toast"}),[t]);return o.jsx(Fe,{label:"Add Toast",onClick:e,variant:"primary"})},B={args:{children:o.jsx(Vt,{})},render:t=>o.jsx(Le,{children:t.children})};var te,re,oe;B.parameters={...B.parameters,docs:{...(te=B.parameters)==null?void 0:te.docs,source:{originalSource:`{
   args: {
     children: <ChildComponent />
   },
   render: args => {
     return <ToastManager>{args.children}</ToastManager>;
   }
-}`,...(oe=(re=B.parameters)==null?void 0:re.docs)==null?void 0:oe.source}}};const Wr=["Example"];export{B as Example,Wr as __namedExportsOrder,Ir as default};
+}`,...(oe=(re=B.parameters)==null?void 0:re.docs)==null?void 0:oe.source}}};const $r=["Example"];export{B as Example,$r as __namedExportsOrder,Wr as default};

package/dist/assets/{Tooltip-B-PXZNTK.js → Tooltip-BMTVRAEn.js}

@@ -1,4 +1,4 @@
-import{r as i,j as s}from"./iframe-CQjT1fxh.js";import{M as d}from"./MuiPropsContext-D6i6qZME.js";import{T as m}from"./Tooltip-yxN-KFjL.js";/*!
+import{r as i,j as s}from"./iframe-Cav9rlxr.js";import{M as d}from"./MuiPropsContext-ppLtceHL.js";import{T as m}from"./Tooltip-DVPGLNQs.js";/*!
  * Copyright (c) 2023-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/{Tooltip-yxN-KFjL.js → Tooltip-DVPGLNQs.js}

@@ -1 +1 @@
-import{b as fe,_ as he,y as ge,z as be,a as r,d as F,c as q,e as Wo,f as Te,A as ve,B as u,l as jo}from"./tableRowClasses-Bk1uFtwh.js";import{r as i,j as g}from"./iframe-CQjT1fxh.js";import{G as Ao}from"./Grow-DvH-Xu1P.js";import{u as Pe}from"./utils-D-QCjykO.js";import{a as N,T as ye,b as we,u as xe}from"./useIsFocusVisible-D1xCTBdT.js";import{u as Re}from"./useControlled-BUhC7uWK.js";import{u as Bo}from"./TransitionGroupContext-yBqGXZYI.js";import{g as Ce}from"./Portal-DeJFqeW-.js";import{a as k}from"./resolveComponentProps-DGxe9oED.js";import{P as zo}from"./Popper-CISS1LuJ.js";const Me=["arrow","children","classes","components","componentsProps","describeChild","disableFocusListener","disableHoverListener","disableInteractive","disableTouchListener","enterDelay","enterNextDelay","enterTouchDelay","followCursor","id","leaveDelay","leaveTouchDelay","onClose","onOpen","open","placement","PopperComponent","PopperProps","slotProps","slots","title","TransitionComponent","TransitionProps"];function Oe(t){return Math.round(t*1e5)/1e5}const _e=t=>{const{classes:e,disableInteractive:s,arrow:a,touch:x,placement:R}=t,C={popper:["popper",!s&&"popperInteractive",a&&"popperArrow"],tooltip:["tooltip",a&&"tooltipArrow",x&&"touch",`tooltipPlacement${Wo(R.split("-")[0])}`],arrow:["arrow"]};return Te(C,ve,e)},$e=q(zo,{name:"MuiTooltip",slot:"Popper",overridesResolver:(t,e)=>{const{ownerState:s}=t;return[e.popper,!s.disableInteractive&&e.popperInteractive,s.arrow&&e.popperArrow,!s.open&&e.popperClose]}})(({theme:t,ownerState:e,open:s})=>r({zIndex:(t.vars||t).zIndex.tooltip,pointerEvents:"none"},!e.disableInteractive&&{pointerEvents:"auto"},!s&&{pointerEvents:"none"},e.arrow&&{[`&[data-popper-placement*="bottom"] .${u.arrow}`]:{top:0,marginTop:"-0.71em","&::before":{transformOrigin:"0 100%"}},[`&[data-popper-placement*="top"] .${u.arrow}`]:{bottom:0,marginBottom:"-0.71em","&::before":{transformOrigin:"100% 0"}},[`&[data-popper-placement*="right"] .${u.arrow}`]:r({},e.isRtl?{right:0,marginRight:"-0.71em"}:{left:0,marginLeft:"-0.71em"},{height:"1em",width:"0.71em","&::before":{transformOrigin:"100% 100%"}}),[`&[data-popper-placement*="left"] .${u.arrow}`]:r({},e.isRtl?{left:0,marginLeft:"-0.71em"}:{right:0,marginRight:"-0.71em"},{height:"1em",width:"0.71em","&::before":{transformOrigin:"0 0"}})})),Ee=q("div",{name:"MuiTooltip",slot:"Tooltip",overridesResolver:(t,e)=>{const{ownerState:s}=t;return[e.tooltip,s.touch&&e.touch,s.arrow&&e.tooltipArrow,e[`tooltipPlacement${Wo(s.placement.split("-")[0])}`]]}})(({theme:t,ownerState:e})=>r({backgroundColor:t.vars?t.vars.palette.Tooltip.bg:jo.alpha(t.palette.grey[700],.92),borderRadius:(t.vars||t).shape.borderRadius,color:(t.vars||t).palette.common.white,fontFamily:t.typography.fontFamily,padding:"4px 8px",fontSize:t.typography.pxToRem(11),maxWidth:300,margin:2,wordWrap:"break-word",fontWeight:t.typography.fontWeightMedium},e.arrow&&{position:"relative",margin:0},e.touch&&{padding:"8px 16px",fontSize:t.typography.pxToRem(14),lineHeight:`${Oe(16/14)}em`,fontWeight:t.typography.fontWeightRegular},{[`.${u.popper}[data-popper-placement*="left"] &`]:r({transformOrigin:"right center"},e.isRtl?r({marginLeft:"14px"},e.touch&&{marginLeft:"24px"}):r({marginRight:"14px"},e.touch&&{marginRight:"24px"})),[`.${u.popper}[data-popper-placement*="right"] &`]:r({transformOrigin:"left center"},e.isRtl?r({marginRight:"14px"},e.touch&&{marginRight:"24px"}):r({marginLeft:"14px"},e.touch&&{marginLeft:"24px"})),[`.${u.popper}[data-popper-placement*="top"] &`]:r({transformOrigin:"center bottom",marginBottom:"14px"},e.touch&&{marginBottom:"24px"}),[`.${u.popper}[data-popper-placement*="bottom"] &`]:r({transformOrigin:"center top",marginTop:"14px"},e.touch&&{marginTop:"24px"})})),Le=q("span",{name:"MuiTooltip",slot:"Arrow",overridesResolver:(t,e)=>e.arrow})(({theme:t})=>({overflow:"hidden",position:"absolute",width:"1em",height:"0.71em",boxSizing:"border-box",color:t.vars?t.vars.palette.Tooltip.bg:jo.alpha(t.palette.grey[700],.9),"&::before":{content:'""',margin:"auto",display:"block",width:"100%",height:"100%",backgroundColor:"currentColor",transform:"rotate(45deg)"}}));let D=!1;const So=new ye;let w={x:0,y:0};function A(t,e){return(s,...a)=>{e&&e(s,...a),t(s,...a)}}const ze=i.forwardRef(function(e,s){var a,x,R,C,J,Q,Z,oo,eo,to,ro,so,no,io,po,lo,ao,co,uo;const B=fe({props:e,name:"MuiTooltip"}),{arrow:mo=!1,children:S,components:M={},componentsProps:d={},describeChild:Uo=!1,disableFocusListener:Vo=!1,disableHoverListener:fo=!1,disableInteractive:Ho=!1,disableTouchListener:Go=!1,enterDelay:ho=100,enterNextDelay:go=0,enterTouchDelay:Ko=700,followCursor:W=!1,id:Xo,leaveDelay:bo=0,leaveTouchDelay:Yo=1500,onClose:To,onOpen:vo,open:qo,placement:Po="bottom",PopperComponent:j,PopperProps:m={},slotProps:f={},slots:O={},title:h,TransitionComponent:Jo=Ao,TransitionProps:Qo}=B,yo=he(B,Me),c=i.isValidElement(S)?S:g.jsx("span",{children:S}),wo=Pe(),Zo=ge(),[b,xo]=i.useState(),[z,oe]=i.useState(null),_=i.useRef(!1),U=Ho||W,Ro=N(),V=N(),$=N(),Co=N(),[ee,Mo]=Re({controlled:qo,default:!1,name:"Tooltip",state:"open"});let l=ee;const H=be(Xo),T=i.useRef(),E=Bo(()=>{T.current!==void 0&&(document.body.style.WebkitUserSelect=T.current,T.current=void 0),Co.clear()});i.useEffect(()=>E,[E]);const Oo=o=>{So.clear(),D=!0,Mo(!0),vo&&!l&&vo(o)},L=Bo(o=>{So.start(800+bo,()=>{D=!1}),Mo(!1),To&&l&&To(o),Ro.start(wo.transitions.duration.shortest,()=>{_.current=!1})}),I=o=>{_.current&&o.type!=="touchstart"||(b&&b.removeAttribute("title"),V.clear(),$.clear(),ho||D&&go?V.start(D?go:ho,()=>{Oo(o)}):Oo(o))},G=o=>{V.clear(),$.start(bo,()=>{L(o)})},{isFocusVisibleRef:_o,onBlur:te,onFocus:re,ref:se}=we(),[,$o]=i.useState(!1),Eo=o=>{te(o),_o.current===!1&&($o(!1),G(o))},Lo=o=>{b||xo(o.currentTarget),re(o),_o.current===!0&&($o(!0),I(o))},Io=o=>{_.current=!0;const n=c.props;n.onTouchStart&&n.onTouchStart(o)},ne=o=>{Io(o),$.clear(),Ro.clear(),E(),T.current=document.body.style.WebkitUserSelect,document.body.style.WebkitUserSelect="none",Co.start(Ko,()=>{document.body.style.WebkitUserSelect=T.current,I(o)})},ie=o=>{c.props.onTouchEnd&&c.props.onTouchEnd(o),E(),$.start(Yo,()=>{L(o)})};i.useEffect(()=>{if(!l)return;function o(n){(n.key==="Escape"||n.key==="Esc")&&L(n)}return document.addEventListener("keydown",o),()=>{document.removeEventListener("keydown",o)}},[L,l]);const pe=xe(Ce(c),se,xo,s);!h&&h!==0&&(l=!1);const K=i.useRef(),le=o=>{const n=c.props;n.onMouseMove&&n.onMouseMove(o),w={x:o.clientX,y:o.clientY},K.current&&K.current.update()},v={},X=typeof h=="string";Uo?(v.title=!l&&X&&!fo?h:null,v["aria-describedby"]=l?H:null):(v["aria-label"]=X?h:null,v["aria-labelledby"]=l&&!X?H:null);const p=r({},v,yo,c.props,{className:F(yo.className,c.props.className),onTouchStart:Io,ref:pe},W?{onMouseMove:le}:{}),P={};Go||(p.onTouchStart=ne,p.onTouchEnd=ie),fo||(p.onMouseOver=A(I,p.onMouseOver),p.onMouseLeave=A(G,p.onMouseLeave),U||(P.onMouseOver=I,P.onMouseLeave=G)),Vo||(p.onFocus=A(Lo,p.onFocus),p.onBlur=A(Eo,p.onBlur),U||(P.onFocus=Lo,P.onBlur=Eo));const ae=i.useMemo(()=>{var o;let n=[{name:"arrow",enabled:!!z,options:{element:z,padding:4}}];return(o=m.popperOptions)!=null&&o.modifiers&&(n=n.concat(m.popperOptions.modifiers)),r({},m.popperOptions,{modifiers:n})},[z,m]),y=r({},B,{isRtl:Zo,arrow:mo,disableInteractive:U,placement:Po,PopperComponentProp:j,touch:_.current}),Y=_e(y),Fo=(a=(x=O.popper)!=null?x:M.Popper)!=null?a:$e,No=(R=(C=(J=O.transition)!=null?J:M.Transition)!=null?C:Jo)!=null?R:Ao,ko=(Q=(Z=O.tooltip)!=null?Z:M.Tooltip)!=null?Q:Ee,Do=(oo=(eo=O.arrow)!=null?eo:M.Arrow)!=null?oo:Le,ce=k(Fo,r({},m,(to=f.popper)!=null?to:d.popper,{className:F(Y.popper,m==null?void 0:m.className,(ro=(so=f.popper)!=null?so:d.popper)==null?void 0:ro.className)}),y),ue=k(No,r({},Qo,(no=f.transition)!=null?no:d.transition),y),de=k(ko,r({},(io=f.tooltip)!=null?io:d.tooltip,{className:F(Y.tooltip,(po=(lo=f.tooltip)!=null?lo:d.tooltip)==null?void 0:po.className)}),y),me=k(Do,r({},(ao=f.arrow)!=null?ao:d.arrow,{className:F(Y.arrow,(co=(uo=f.arrow)!=null?uo:d.arrow)==null?void 0:co.className)}),y);return g.jsxs(i.Fragment,{children:[i.cloneElement(c,p),g.jsx(Fo,r({as:j??zo,placement:Po,anchorEl:W?{getBoundingClientRect:()=>({top:w.y,left:w.x,right:w.x,bottom:w.y,width:0,height:0})}:b,popperRef:K,open:b?l:!1,id:H,transition:!0},P,ce,{popperOptions:ae,children:({TransitionProps:o})=>g.jsx(No,r({timeout:wo.transitions.duration.shorter},o,ue,{children:g.jsxs(ko,r({},de,{children:[h,mo?g.jsx(Do,r({},me,{ref:oe})):null]}))}))}))]})});export{ze as T};
+import{b as fe,_ as he,y as ge,z as be,a as r,d as F,c as q,e as Wo,f as Te,A as ve,B as u,l as jo}from"./tableRowClasses-DYosAqvx.js";import{r as i,j as g}from"./iframe-Cav9rlxr.js";import{G as Ao}from"./Grow-DG6yJWeA.js";import{u as Pe}from"./utils-fJIW_l91.js";import{a as N,T as ye,b as we,u as xe}from"./useIsFocusVisible-Cu721A7w.js";import{u as Re}from"./useControlled-4m9Fbl4Y.js";import{u as Bo}from"./TransitionGroupContext-CTI9LvjA.js";import{g as Ce}from"./Portal-CznYNzyC.js";import{a as k}from"./resolveComponentProps-m1IywaLB.js";import{P as zo}from"./Popper-B9cGJ5Ql.js";const Me=["arrow","children","classes","components","componentsProps","describeChild","disableFocusListener","disableHoverListener","disableInteractive","disableTouchListener","enterDelay","enterNextDelay","enterTouchDelay","followCursor","id","leaveDelay","leaveTouchDelay","onClose","onOpen","open","placement","PopperComponent","PopperProps","slotProps","slots","title","TransitionComponent","TransitionProps"];function Oe(t){return Math.round(t*1e5)/1e5}const _e=t=>{const{classes:e,disableInteractive:s,arrow:a,touch:x,placement:R}=t,C={popper:["popper",!s&&"popperInteractive",a&&"popperArrow"],tooltip:["tooltip",a&&"tooltipArrow",x&&"touch",`tooltipPlacement${Wo(R.split("-")[0])}`],arrow:["arrow"]};return Te(C,ve,e)},$e=q(zo,{name:"MuiTooltip",slot:"Popper",overridesResolver:(t,e)=>{const{ownerState:s}=t;return[e.popper,!s.disableInteractive&&e.popperInteractive,s.arrow&&e.popperArrow,!s.open&&e.popperClose]}})(({theme:t,ownerState:e,open:s})=>r({zIndex:(t.vars||t).zIndex.tooltip,pointerEvents:"none"},!e.disableInteractive&&{pointerEvents:"auto"},!s&&{pointerEvents:"none"},e.arrow&&{[`&[data-popper-placement*="bottom"] .${u.arrow}`]:{top:0,marginTop:"-0.71em","&::before":{transformOrigin:"0 100%"}},[`&[data-popper-placement*="top"] .${u.arrow}`]:{bottom:0,marginBottom:"-0.71em","&::before":{transformOrigin:"100% 0"}},[`&[data-popper-placement*="right"] .${u.arrow}`]:r({},e.isRtl?{right:0,marginRight:"-0.71em"}:{left:0,marginLeft:"-0.71em"},{height:"1em",width:"0.71em","&::before":{transformOrigin:"100% 100%"}}),[`&[data-popper-placement*="left"] .${u.arrow}`]:r({},e.isRtl?{left:0,marginLeft:"-0.71em"}:{right:0,marginRight:"-0.71em"},{height:"1em",width:"0.71em","&::before":{transformOrigin:"0 0"}})})),Ee=q("div",{name:"MuiTooltip",slot:"Tooltip",overridesResolver:(t,e)=>{const{ownerState:s}=t;return[e.tooltip,s.touch&&e.touch,s.arrow&&e.tooltipArrow,e[`tooltipPlacement${Wo(s.placement.split("-")[0])}`]]}})(({theme:t,ownerState:e})=>r({backgroundColor:t.vars?t.vars.palette.Tooltip.bg:jo.alpha(t.palette.grey[700],.92),borderRadius:(t.vars||t).shape.borderRadius,color:(t.vars||t).palette.common.white,fontFamily:t.typography.fontFamily,padding:"4px 8px",fontSize:t.typography.pxToRem(11),maxWidth:300,margin:2,wordWrap:"break-word",fontWeight:t.typography.fontWeightMedium},e.arrow&&{position:"relative",margin:0},e.touch&&{padding:"8px 16px",fontSize:t.typography.pxToRem(14),lineHeight:`${Oe(16/14)}em`,fontWeight:t.typography.fontWeightRegular},{[`.${u.popper}[data-popper-placement*="left"] &`]:r({transformOrigin:"right center"},e.isRtl?r({marginLeft:"14px"},e.touch&&{marginLeft:"24px"}):r({marginRight:"14px"},e.touch&&{marginRight:"24px"})),[`.${u.popper}[data-popper-placement*="right"] &`]:r({transformOrigin:"left center"},e.isRtl?r({marginRight:"14px"},e.touch&&{marginRight:"24px"}):r({marginLeft:"14px"},e.touch&&{marginLeft:"24px"})),[`.${u.popper}[data-popper-placement*="top"] &`]:r({transformOrigin:"center bottom",marginBottom:"14px"},e.touch&&{marginBottom:"24px"}),[`.${u.popper}[data-popper-placement*="bottom"] &`]:r({transformOrigin:"center top",marginTop:"14px"},e.touch&&{marginTop:"24px"})})),Le=q("span",{name:"MuiTooltip",slot:"Arrow",overridesResolver:(t,e)=>e.arrow})(({theme:t})=>({overflow:"hidden",position:"absolute",width:"1em",height:"0.71em",boxSizing:"border-box",color:t.vars?t.vars.palette.Tooltip.bg:jo.alpha(t.palette.grey[700],.9),"&::before":{content:'""',margin:"auto",display:"block",width:"100%",height:"100%",backgroundColor:"currentColor",transform:"rotate(45deg)"}}));let D=!1;const So=new ye;let w={x:0,y:0};function A(t,e){return(s,...a)=>{e&&e(s,...a),t(s,...a)}}const ze=i.forwardRef(function(e,s){var a,x,R,C,J,Q,Z,oo,eo,to,ro,so,no,io,po,lo,ao,co,uo;const B=fe({props:e,name:"MuiTooltip"}),{arrow:mo=!1,children:S,components:M={},componentsProps:d={},describeChild:Uo=!1,disableFocusListener:Vo=!1,disableHoverListener:fo=!1,disableInteractive:Ho=!1,disableTouchListener:Go=!1,enterDelay:ho=100,enterNextDelay:go=0,enterTouchDelay:Ko=700,followCursor:W=!1,id:Xo,leaveDelay:bo=0,leaveTouchDelay:Yo=1500,onClose:To,onOpen:vo,open:qo,placement:Po="bottom",PopperComponent:j,PopperProps:m={},slotProps:f={},slots:O={},title:h,TransitionComponent:Jo=Ao,TransitionProps:Qo}=B,yo=he(B,Me),c=i.isValidElement(S)?S:g.jsx("span",{children:S}),wo=Pe(),Zo=ge(),[b,xo]=i.useState(),[z,oe]=i.useState(null),_=i.useRef(!1),U=Ho||W,Ro=N(),V=N(),$=N(),Co=N(),[ee,Mo]=Re({controlled:qo,default:!1,name:"Tooltip",state:"open"});let l=ee;const H=be(Xo),T=i.useRef(),E=Bo(()=>{T.current!==void 0&&(document.body.style.WebkitUserSelect=T.current,T.current=void 0),Co.clear()});i.useEffect(()=>E,[E]);const Oo=o=>{So.clear(),D=!0,Mo(!0),vo&&!l&&vo(o)},L=Bo(o=>{So.start(800+bo,()=>{D=!1}),Mo(!1),To&&l&&To(o),Ro.start(wo.transitions.duration.shortest,()=>{_.current=!1})}),I=o=>{_.current&&o.type!=="touchstart"||(b&&b.removeAttribute("title"),V.clear(),$.clear(),ho||D&&go?V.start(D?go:ho,()=>{Oo(o)}):Oo(o))},G=o=>{V.clear(),$.start(bo,()=>{L(o)})},{isFocusVisibleRef:_o,onBlur:te,onFocus:re,ref:se}=we(),[,$o]=i.useState(!1),Eo=o=>{te(o),_o.current===!1&&($o(!1),G(o))},Lo=o=>{b||xo(o.currentTarget),re(o),_o.current===!0&&($o(!0),I(o))},Io=o=>{_.current=!0;const n=c.props;n.onTouchStart&&n.onTouchStart(o)},ne=o=>{Io(o),$.clear(),Ro.clear(),E(),T.current=document.body.style.WebkitUserSelect,document.body.style.WebkitUserSelect="none",Co.start(Ko,()=>{document.body.style.WebkitUserSelect=T.current,I(o)})},ie=o=>{c.props.onTouchEnd&&c.props.onTouchEnd(o),E(),$.start(Yo,()=>{L(o)})};i.useEffect(()=>{if(!l)return;function o(n){(n.key==="Escape"||n.key==="Esc")&&L(n)}return document.addEventListener("keydown",o),()=>{document.removeEventListener("keydown",o)}},[L,l]);const pe=xe(Ce(c),se,xo,s);!h&&h!==0&&(l=!1);const K=i.useRef(),le=o=>{const n=c.props;n.onMouseMove&&n.onMouseMove(o),w={x:o.clientX,y:o.clientY},K.current&&K.current.update()},v={},X=typeof h=="string";Uo?(v.title=!l&&X&&!fo?h:null,v["aria-describedby"]=l?H:null):(v["aria-label"]=X?h:null,v["aria-labelledby"]=l&&!X?H:null);const p=r({},v,yo,c.props,{className:F(yo.className,c.props.className),onTouchStart:Io,ref:pe},W?{onMouseMove:le}:{}),P={};Go||(p.onTouchStart=ne,p.onTouchEnd=ie),fo||(p.onMouseOver=A(I,p.onMouseOver),p.onMouseLeave=A(G,p.onMouseLeave),U||(P.onMouseOver=I,P.onMouseLeave=G)),Vo||(p.onFocus=A(Lo,p.onFocus),p.onBlur=A(Eo,p.onBlur),U||(P.onFocus=Lo,P.onBlur=Eo));const ae=i.useMemo(()=>{var o;let n=[{name:"arrow",enabled:!!z,options:{element:z,padding:4}}];return(o=m.popperOptions)!=null&&o.modifiers&&(n=n.concat(m.popperOptions.modifiers)),r({},m.popperOptions,{modifiers:n})},[z,m]),y=r({},B,{isRtl:Zo,arrow:mo,disableInteractive:U,placement:Po,PopperComponentProp:j,touch:_.current}),Y=_e(y),Fo=(a=(x=O.popper)!=null?x:M.Popper)!=null?a:$e,No=(R=(C=(J=O.transition)!=null?J:M.Transition)!=null?C:Jo)!=null?R:Ao,ko=(Q=(Z=O.tooltip)!=null?Z:M.Tooltip)!=null?Q:Ee,Do=(oo=(eo=O.arrow)!=null?eo:M.Arrow)!=null?oo:Le,ce=k(Fo,r({},m,(to=f.popper)!=null?to:d.popper,{className:F(Y.popper,m==null?void 0:m.className,(ro=(so=f.popper)!=null?so:d.popper)==null?void 0:ro.className)}),y),ue=k(No,r({},Qo,(no=f.transition)!=null?no:d.transition),y),de=k(ko,r({},(io=f.tooltip)!=null?io:d.tooltip,{className:F(Y.tooltip,(po=(lo=f.tooltip)!=null?lo:d.tooltip)==null?void 0:po.className)}),y),me=k(Do,r({},(ao=f.arrow)!=null?ao:d.arrow,{className:F(Y.arrow,(co=(uo=f.arrow)!=null?uo:d.arrow)==null?void 0:co.className)}),y);return g.jsxs(i.Fragment,{children:[i.cloneElement(c,p),g.jsx(Fo,r({as:j??zo,placement:Po,anchorEl:W?{getBoundingClientRect:()=>({top:w.y,left:w.x,right:w.x,bottom:w.y,width:0,height:0})}:b,popperRef:K,open:b?l:!1,id:H,transition:!0},P,ce,{popperOptions:ae,children:({TransitionProps:o})=>g.jsx(No,r({timeout:wo.transitions.duration.shorter},o,ue,{children:g.jsxs(ko,r({},de,{children:[h,mo?g.jsx(Do,r({},me,{ref:oe})):null]}))}))}))]})});export{ze as T};