@okta/odyssey-react-mui 1.48.0 → 1.50.1

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

@@ -0,0 +1,134 @@
+import{j as t}from"./jsx-runtime-CnH95YSl.js";import{a as m,w as S,u as c,e as B}from"./index-BJMTVygn.js";import{r as l}from"./index-NdkWRN8K.js";import{a as Y}from"./axeRun-B-LchFqf.js";import{O as et}from"./OdysseyStorybookThemeDecorator-DmBIIOGu.js";import{M as D}from"./Button-DuM2NeMY.js";import{K as st,av as at}from"./OdysseyThemeProvider-C4N_85M9.js";import{M as it}from"./Link-PjuOItUN.js";import{M as nt}from"./ScreenReaderText-DrkvjfUf.js";import{S as Z}from"./Snackbar-hhmQPX8K.js";import{A as ot,a as rt}from"./AlertTitle-C5NflvC5.js";import{B as lt}from"./Box-CTjIz0-2.js";import{c as k}from"./createUniqueId-ByTaVY63.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./axe-4JP0vCEZ.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-oMWLr_-4.js";import"./BaseButton-C1Nzi3yl.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-ciZ4e0Eb.js";import"./Tooltip-DOwIJUHs.js";import"./Grow-D6A2VZqw.js";import"./utils-3Wr9v8NX.js";import"./inheritsLoose-S-YxUaHb.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./TransitionGroupContext-DAL84N7p.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./getReactElementRef-SdO7zWnC.js";import"./resolveComponentProps-D1ztx9lS.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-NQulfz4l.js";import"./Popper-9pd1Yneu.js";import"./popper-ChLFknNm.js";import"./ownerDocument-DW-IO8s5.js";import"./Portal-DK2ELYoG.js";import"./Button-CbJri63v.js";import"./ButtonBase-Lbe0_84r.js";import"./assertThisInitialized-B9jnkVVz.js";import"./Link-D0sejjD3.js";import"./Typography-NdqIGwl5.js";import"./ExternalLink-D3z7HWdx.js";import"./visuallyHidden-Dan1xhjv.js";import"./Paper-D4wDjY4F.js";import"./useSlot-D_uu6bU4.js";import"./createSvgIcon-V-Po-Ssl.js";import"./Close-DJA1l50S.js";import"./IconButton-CgM2Hv_L.js";import"./createBox-Cu6fLdzL.js";const C=["status","alert"],A=["success","info","warning","error"],ct={onClickAway:()=>!1},mt=({autoHideDuration:n=6e3,isDismissable:s,linkText:o,linkUrl:a,isVisible:e,onHide:r,role:i,severity:u,testId:p,text:P,translate:w})=>{const{t:I}=st(),[tt,V]=l.useState(e);l.useEffect(()=>{V(e)},[e]);const j=l.useCallback(()=>{V(!1),r==null||r()},[r]);return t.jsx(t.Fragment,{children:t.jsx(Z,{autoHideDuration:s||n<=0?void 0:n,className:"Toast",ClickAwayListenerProps:ct,onClose:j,open:tt,children:t.jsxs(ot,{action:s===!0&&t.jsx(D,{ariaLabel:I("close.text"),onClick:j,size:"small",startIcon:t.jsx(at,{}),variant:"floating"}),"data-se":p,role:i,severity:u,variant:"toast",children:[t.jsxs(rt,{translate:w,children:[t.jsxs(nt,{translate:w,children:[I(`severity.${u}`),":"]}),P]}),a&&t.jsx(it,{href:a,translate:w,variant:"monochrome",children:o})]})})})},x=l.memo(mt);x.displayName="Toast";const ut=({children:n})=>t.jsx(Z,{open:!0,children:t.jsx(lt,{sx:{display:"flex",flexDirection:"column-reverse",gap:2},children:n})}),E=l.memo(ut);E.displayName="ToastStack";const re={component:x,decorators:[et],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:{type:{summary:"number"},defaultValue:{summary:"6000"}}},isDismissable:{control:"boolean",description:"If `true`, the alert will include a close button",table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},isVisible:{control:"boolean",description:"If true, the Toast is visible",table:{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:{type:{summary:"string"}}},linkUrl:{control:"text",description:"If defined, the alert will include a link to the URL",table:{type:{summary:"string"}}},onHide:{description:"An optional function to run when the Toast is closed",table:{type:{summary:"func"}}},role:{options:C,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:{type:{summary:C.join(" | ")}}},severity:{options:A,control:{type:"radio"},description:"Determine the color and icon of the alert",table:{type:{summary:A.join(" | ")}},type:{required:!0,name:"other",value:"radio"}},text:{control:"text",description:"The text content of the alert",table:{type:{summary:"string"}},type:{required:!0,name:"string"}}},args:{severity:"info",role:"status",linkText:"Info",text:"The mission to Sagittarius A is set for January 7.",autoHideDuration:1e4}},v=n=>({args:s,canvasElement:o,step:a})=>a(`open ${n}`,async()=>{await m(async()=>{const e=S(o).getByText(`Open ${s.severity} toast`);await c.hover(e),await c.click(e),await c.tab()}),await m(()=>Y(n))}),d={args:{isVisible:!1,role:"status"},render:function(s){const[o,a]=l.useState(s.isVisible),e=l.useCallback(()=>a(!0),[]),r=l.useCallback(()=>a(!1),[]);return t.jsxs(t.Fragment,{children:[t.jsx(D,{label:`Open ${s.severity} toast`,onClick:e,variant:"primary"}),t.jsx(E,{children:t.jsx(x,{autoHideDuration:s.autoHideDuration,isDismissable:s.isDismissable,isVisible:o,linkText:s.linkText,linkUrl:s.linkUrl,onHide:r,role:s.role,severity:s.severity,text:s.text})})]})}},y={...d,args:{text:"The mission to Sagittarius A is set for January 7.",severity:"info"},play:v("Info Toast")},T={...d,name:"Error",args:{text:"Security breach in Hangar 18",role:"alert",severity:"error"},play:v("Error Toast")},b={...d,args:{text:"Severe solar winds may delay local system flights",role:"status",severity:"warning"},play:v("Warning Toast")},h={...d,args:{text:"Docking completed",role:"status",severity:"success"},play:v("Success Toast")},f={...d,args:{isDismissable:!0,linkText:"View report",linkUrl:"#"},play:async({args:n,canvasElement:s,step:o})=>{const a=S(s);await o("open Dismissible Toast}",async()=>{await m(async()=>{const e=a.getByText(`Open ${n.severity} toast`);await c.hover(e),await c.click(e),await c.tab()})}),await o("link in toast",async()=>{await m(()=>{const e=a.getByText(n.linkText||"");B(e).toHaveAttribute("href",n.linkUrl)})}),await o("dismiss toast and reopen",async()=>{await m(async()=>{const e=a.getByRole("status");if(e){const r=S(e).getByRole("button",{name:"Close"});r&&(await c.click(r),await m(async()=>{B(e).not.toBeVisible();const i=a.getByText(`Open ${n.severity} toast`);await c.click(i)}))}}),await m(()=>Y("Dismissible Toast"))})}},g={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 s=[{id:k(),severity:"info",text:"The mission to Sagittarius A is set for January 7.",isDismissable:!0,isVisible:!0},{id:k(),severity:"success",text:"Docking completed.",isDismissable:!0,isVisible:!0}],[o,a]=l.useState(s),e=l.useCallback(()=>{const i=[{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}],u=i[Math.floor(Math.random()*i.length)];a(p=>[...p,{...u,id:k()}])},[]),r=l.useCallback(i=>{a(u=>u.filter(p=>p.id!==i))},[]);return t.jsxs(t.Fragment,{children:[t.jsx(D,{label:"Open another Toast",onClick:e,variant:"primary"}),t.jsx(E,{children:o.map(i=>t.jsx(x,{isDismissable:i.isDismissable,isVisible:i.isVisible,onHide:()=>r(i.id),severity:i.severity,text:i.text},i.id))})]})}};var M,O,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")
+}`,...(U=(O=y.parameters)==null?void 0:O.docs)==null?void 0:U.source}}};var H,R,F;T.parameters={...T.parameters,docs:{...(H=T.parameters)==null?void 0:H.docs,source:{originalSource:`{
+  ...Single,
+  name: "Error",
+  args: {
+    text: "Security breach in Hangar 18",
+    role: "alert",
+    severity: "error"
+  },
+  play: openToast("Error Toast")
+}`,...(F=(R=T.parameters)==null?void 0:R.docs)==null?void 0:F.source}}};var L,$,z;b.parameters={...b.parameters,docs:{...(L=b.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=($=b.parameters)==null?void 0:$.docs)==null?void 0:z.source}}};var q,W,J;h.parameters={...h.parameters,docs:{...(q=h.parameters)==null?void 0:q.docs,source:{originalSource:`{
+  ...Single,
+  args: {
+    text: "Docking completed",
+    role: "status",
+    severity: "success"
+  },
+  play: openToast("Success Toast")
+}`,...(J=(W=h.parameters)==null?void 0:W.docs)==null?void 0:J.source}}};var N,_,K;f.parameters={...f.parameters,docs:{...(N=f.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"));
+    });
+  }
+}`,...(K=(_=f.parameters)==null?void 0:_.docs)==null?void 0:K.source}}};var G,Q,X;g.parameters={...g.parameters,docs:{...(G=g.parameters)==null?void 0:G.docs,source:{originalSource:`{
+  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=g.parameters)==null?void 0:Q.docs)==null?void 0:X.source}}};const le=["Info","ErrorToast","Warning","Success","Dismissible","MultipleToasts"];export{f as Dismissible,T as ErrorToast,y as Info,g as MultipleToasts,h as Success,b as Warning,le as __namedExportsOrder,re as default};

package/dist/assets/{ToastManager.stories-DToM8bFE.js → ToastManager.stories-C0WSwoY-.js}

@@ -1,4 +1,4 @@
-import{j as o}from"./jsx-runtime-CnH95YSl.js";import{r as i}from"./index-NdkWRN8K.js";import{S as m,C as h,aK as j,aL as y,aM as be,aN as ye,o as fe,p as xe,q as Ce,m as W,ab as L,i as Se,ag as f,al as k,aO as ve,a7 as ne,a8 as ke,a9 as we,aH as Be,aP as ie,aQ as $,aR as Me}from"./OdysseyThemeProvider-BykOaJq8.js";import{t as R}from"./tableSortLabelClasses-C7INAE6Y.js";import{d as Ie}from"./dialogActionsClasses-d6kliu8x.js";import{O as We}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{a as T,j as x}from"./emotion-react-jsx-runtime.browser.esm-Cn-06VTs.js";import{S as $e}from"./Snackbar-DWLMI8Az.js";import{A as Re,a as ze}from"./AlertTitle-BDkgiA29.js";import{B as Oe}from"./Button-BvUGu5Sm.js";import{P as Ee}from"./Portal-CsPQSHsR.js";import{F as Pe}from"./Fade-CHnXmzFb.js";import{M as Fe}from"./Button-DPUOjyZy.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-BPLFYiwr.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./inheritsLoose-DTTkq0Su.js";import"./resolveComponentProps-TTQVZ4OZ.js";import"./isHostComponent-DVu5iVWx.js";import"./utils-BdcLUgCD.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./TransitionGroupContext-DAL84N7p.js";import"./Grow-6R6cTzr4.js";import"./getReactElementRef-Bs64nbeG.js";import"./ownerDocument-DW-IO8s5.js";import"./Paper-DwBg74qy.js";import"./useSlot-VN2O4BOA.js";import"./createSvgIcon-Bv_3NNsK.js";import"./Close-BjXKhBr_.js";import"./IconButton-Wwvz84xG.js";import"./ButtonBase-CrcIXP69.js";import"./assertThisInitialized-B9jnkVVz.js";import"./Typography-CSpPZFTF.js";import"./BaseButton-Cd1oZPsh.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-DQDBPKMu.js";import"./Tooltip-D_pBGtcj.js";import"./useControlled-NQulfz4l.js";import"./Popper-CSwIGEpk.js";import"./popper-aiaZgC6t.js";/*!
+import{j as o}from"./jsx-runtime-CnH95YSl.js";import{r as i}from"./index-NdkWRN8K.js";import{S as m,C as h,aK as j,aL as y,aM as be,aN as ye,o as fe,p as xe,q as Ce,m as W,ac as L,i as Se,ah as f,am as k,aO as ve,a8 as ne,a9 as ke,aa as we,aH as Be,aP as ie,aQ as $,aR as Me}from"./OdysseyThemeProvider-C4N_85M9.js";import{t as R}from"./tableSortLabelClasses-BUdDGZ1b.js";import{d as Ie}from"./dialogActionsClasses-p1SqDmrR.js";import{O as We}from"./OdysseyStorybookThemeDecorator-DmBIIOGu.js";import{a as T,j as x}from"./emotion-react-jsx-runtime.browser.esm-DIdX2qdc.js";import{S as $e}from"./Snackbar-hhmQPX8K.js";import{A as Re,a as ze}from"./AlertTitle-C5NflvC5.js";import{B as Oe}from"./Button-CbJri63v.js";import{P as Ee}from"./Portal-DK2ELYoG.js";import{F as Pe}from"./Fade-fD56BVkE.js";import{M as Fe}from"./Button-DuM2NeMY.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-oMWLr_-4.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./inheritsLoose-S-YxUaHb.js";import"./resolveComponentProps-D1ztx9lS.js";import"./isHostComponent-DVu5iVWx.js";import"./utils-3Wr9v8NX.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./TransitionGroupContext-DAL84N7p.js";import"./Grow-D6A2VZqw.js";import"./getReactElementRef-SdO7zWnC.js";import"./ownerDocument-DW-IO8s5.js";import"./Paper-D4wDjY4F.js";import"./useSlot-D_uu6bU4.js";import"./createSvgIcon-V-Po-Ssl.js";import"./Close-DJA1l50S.js";import"./IconButton-CgM2Hv_L.js";import"./ButtonBase-Lbe0_84r.js";import"./assertThisInitialized-B9jnkVVz.js";import"./Typography-NdqIGwl5.js";import"./BaseButton-C1Nzi3yl.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-ciZ4e0Eb.js";import"./Tooltip-DOwIJUHs.js";import"./useControlled-NQulfz4l.js";import"./Popper-9pd1Yneu.js";import"./popper-ChLFknNm.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.")
  *

package/dist/assets/{Tooltip-D_pBGtcj.js → Tooltip-DOwIJUHs.js}

@@ -1 +1 @@
-import{c as fe,_ as he,z as ge,A as be,b as r,d as F,s as q,e as Wo,f as Te,B as ve,C as u,n as jo}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as i}from"./index-NdkWRN8K.js";import{j as g}from"./jsx-runtime-CnH95YSl.js";import{G as Ao}from"./Grow-6R6cTzr4.js";import{u as Pe}from"./utils-BdcLUgCD.js";import{a as N,b as ye,u as we,T as xe}from"./useIsFocusVisible-DH0qxT5e.js";import{u as Re}from"./useControlled-NQulfz4l.js";import{u as Bo}from"./inheritsLoose-DTTkq0Su.js";import{g as Ce}from"./getReactElementRef-Bs64nbeG.js";import{a as k}from"./resolveComponentProps-TTQVZ4OZ.js";import{P as zo}from"./Popper-CSwIGEpk.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 xe;let w={x:0,y:0};function A(t,e){return(s,...a)=>{e&&e(s,...a),t(s,...a)}}const Ue=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}=ye(),[,$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=we(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{Ue as T};
+import{c as fe,_ as he,z as ge,A as be,b as r,d as F,s as q,e as Wo,f as Te,B as ve,C as u,n as jo}from"./OdysseyThemeProvider-C4N_85M9.js";import{r as i}from"./index-NdkWRN8K.js";import{j as g}from"./jsx-runtime-CnH95YSl.js";import{G as Ao}from"./Grow-D6A2VZqw.js";import{u as Pe}from"./utils-3Wr9v8NX.js";import{a as N,b as ye,u as we,T as xe}from"./useIsFocusVisible-DH0qxT5e.js";import{u as Re}from"./useControlled-NQulfz4l.js";import{u as Bo}from"./inheritsLoose-S-YxUaHb.js";import{g as Ce}from"./getReactElementRef-SdO7zWnC.js";import{a as k}from"./resolveComponentProps-D1ztx9lS.js";import{P as zo}from"./Popper-9pd1Yneu.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 xe;let w={x:0,y:0};function A(t,e){return(s,...a)=>{e&&e(s,...a),t(s,...a)}}const Ue=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}=ye(),[,$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=we(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{Ue as T};

package/dist/assets/{Tooltip-DQDBPKMu.js → Tooltip-ciZ4e0Eb.js}

@@ -1,4 +1,4 @@
-import{r as i}from"./index-NdkWRN8K.js";import{M as m}from"./MuiPropsContext-DhRylJZk.js";import{j as s}from"./jsx-runtime-CnH95YSl.js";import{T as d}from"./Tooltip-D_pBGtcj.js";/*!
+import{r as i}from"./index-NdkWRN8K.js";import{M as m}from"./MuiPropsContext-DhRylJZk.js";import{j as s}from"./jsx-runtime-CnH95YSl.js";import{T as d}from"./Tooltip-DOwIJUHs.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.stories-CgIybZDx.js → Tooltip.stories-B4e1QEoX.js}

@@ -1,4 +1,4 @@
-import{j as t}from"./jsx-runtime-CnH95YSl.js";import{w as m,u}from"./index-BJMTVygn.js";import{a as d}from"./axeRun-B-LchFqf.js";import{O as R}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{M as o}from"./Tooltip-DQDBPKMu.js";import{M as E}from"./Button-DPUOjyZy.js";import{M}from"./Download-VHpUH0as.js";import{M as L}from"./Status-CdgTiE4c.js";import{M as r}from"./Tag-C_iW2sj3.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./axe-4JP0vCEZ.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-BPLFYiwr.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-D_pBGtcj.js";import"./Grow-6R6cTzr4.js";import"./utils-BdcLUgCD.js";import"./inheritsLoose-DTTkq0Su.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./TransitionGroupContext-DAL84N7p.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./getReactElementRef-Bs64nbeG.js";import"./resolveComponentProps-TTQVZ4OZ.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-NQulfz4l.js";import"./Popper-CSwIGEpk.js";import"./popper-aiaZgC6t.js";import"./ownerDocument-DW-IO8s5.js";import"./Portal-CsPQSHsR.js";import"./BaseButton-Cd1oZPsh.js";import"./Button-BvUGu5Sm.js";import"./ButtonBase-CrcIXP69.js";import"./assertThisInitialized-B9jnkVVz.js";import"./Chip-B9WkuA4b.js";import"./createSvgIcon-Bv_3NNsK.js";const ht={component:o,decorators:[R],tags:["autodocs"],argTypes:{children:{control:"object",description:"The content that will trigger the tooltip",table:{type:{summary:"ReactElement"}},type:{required:!0,name:"other",value:"ReactElement"}},ariaType:{options:["description","label"],control:{type:"radio"},description:"The type of ARIA attribute to use",table:{type:{summary:"description | label"}},type:{required:!0,name:"other",value:"radio"}},text:{control:"text",description:"The text to display in the tooltip",table:{type:{summary:"string"}},type:{required:!0,name:"string"}},placement:{options:["top","right","bottom","left"],control:{type:"radio"},description:"The placement of the tooltip",table:{type:{summary:"top | right | bottom | left"},defaultValue:{summary:"top"}}}},args:{ariaType:"label"}},y={args:{},render:function(e){return t.jsx(o,{ariaType:e.ariaType,placement:e.placement,text:e.text,children:e.children})}},z=a=>({canvasElement:e,step:c})=>c("show the tooltip on hover",async()=>{const I=m(e).getByText("Launch");await u.hover(I),await d(a)}),i={...y,args:{children:t.jsx(E,{label:"Launch",variant:"primary"}),ariaType:"description",placement:"top",text:"This will begin a 10-second countdown"},play:z("Tooltip Default")},l={...y,args:{children:t.jsx(E,{ariaLabel:"Download logs",startIcon:t.jsx(M,{}),variant:"secondary"}),ariaType:"label",placement:"top",text:"Download logs"},play:async({canvasElement:a,step:e})=>{await e("tooltip text",async()=>{const n=m(a).getByRole("button");await u.hover(n),await d("Tooltip Icon Button")})}},p={...y,args:{children:t.jsx(L,{label:"Warp drive online",severity:"success"}),ariaType:"label",placement:"top",text:"The warp drive is currently online."},play:async({canvasElement:a,step:e})=>{await e("tooltip text",async()=>{const n=m(a).getByLabelText("The warp drive is currently online.");await u.hover(n),await d("Tooltip Icon Button")})}},s={args:{},render:()=>t.jsxs(t.Fragment,{children:[t.jsx(o,{ariaType:"label",placement:"top",text:"Top",children:t.jsx(r,{label:"Bow"})}),t.jsx(o,{ariaType:"label",placement:"left",text:"Left",children:t.jsx(r,{label:"Stern"})}),t.jsx(o,{ariaType:"label",placement:"bottom",text:"Bottom",children:t.jsx(r,{label:"Port"})}),t.jsx(o,{ariaType:"label",placement:"right",text:"Right",children:t.jsx(r,{label:"Starboard"})})]})};var T,b,h;i.parameters={...i.parameters,docs:{...(T=i.parameters)==null?void 0:T.docs,source:{originalSource:`{
+import{j as t}from"./jsx-runtime-CnH95YSl.js";import{w as m,u}from"./index-BJMTVygn.js";import{a as d}from"./axeRun-B-LchFqf.js";import{O as R}from"./OdysseyStorybookThemeDecorator-DmBIIOGu.js";import{M as o}from"./Tooltip-ciZ4e0Eb.js";import{M as E}from"./Button-DuM2NeMY.js";import{M}from"./Download-vZ2qKd4H.js";import{M as L}from"./Status-SY8R_HiF.js";import{M as r}from"./Tag-DCZngwHs.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./axe-4JP0vCEZ.js";import"./OdysseyThemeProvider-C4N_85M9.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-oMWLr_-4.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-DOwIJUHs.js";import"./Grow-D6A2VZqw.js";import"./utils-3Wr9v8NX.js";import"./inheritsLoose-S-YxUaHb.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./TransitionGroupContext-DAL84N7p.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./getReactElementRef-SdO7zWnC.js";import"./resolveComponentProps-D1ztx9lS.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-NQulfz4l.js";import"./Popper-9pd1Yneu.js";import"./popper-ChLFknNm.js";import"./ownerDocument-DW-IO8s5.js";import"./Portal-DK2ELYoG.js";import"./BaseButton-C1Nzi3yl.js";import"./Button-CbJri63v.js";import"./ButtonBase-Lbe0_84r.js";import"./assertThisInitialized-B9jnkVVz.js";import"./Chip-M3FRYspe.js";import"./createSvgIcon-V-Po-Ssl.js";const ht={component:o,decorators:[R],tags:["autodocs"],argTypes:{children:{control:"object",description:"The content that will trigger the tooltip",table:{type:{summary:"ReactElement"}},type:{required:!0,name:"other",value:"ReactElement"}},ariaType:{options:["description","label"],control:{type:"radio"},description:"The type of ARIA attribute to use",table:{type:{summary:"description | label"}},type:{required:!0,name:"other",value:"radio"}},text:{control:"text",description:"The text to display in the tooltip",table:{type:{summary:"string"}},type:{required:!0,name:"string"}},placement:{options:["top","right","bottom","left"],control:{type:"radio"},description:"The placement of the tooltip",table:{type:{summary:"top | right | bottom | left"},defaultValue:{summary:"top"}}}},args:{ariaType:"label"}},y={args:{},render:function(e){return t.jsx(o,{ariaType:e.ariaType,placement:e.placement,text:e.text,children:e.children})}},z=a=>({canvasElement:e,step:c})=>c("show the tooltip on hover",async()=>{const I=m(e).getByText("Launch");await u.hover(I),await d(a)}),i={...y,args:{children:t.jsx(E,{label:"Launch",variant:"primary"}),ariaType:"description",placement:"top",text:"This will begin a 10-second countdown"},play:z("Tooltip Default")},l={...y,args:{children:t.jsx(E,{ariaLabel:"Download logs",startIcon:t.jsx(M,{}),variant:"secondary"}),ariaType:"label",placement:"top",text:"Download logs"},play:async({canvasElement:a,step:e})=>{await e("tooltip text",async()=>{const n=m(a).getByRole("button");await u.hover(n),await d("Tooltip Icon Button")})}},p={...y,args:{children:t.jsx(L,{label:"Warp drive online",severity:"success"}),ariaType:"label",placement:"top",text:"The warp drive is currently online."},play:async({canvasElement:a,step:e})=>{await e("tooltip text",async()=>{const n=m(a).getByLabelText("The warp drive is currently online.");await u.hover(n),await d("Tooltip Icon Button")})}},s={args:{},render:()=>t.jsxs(t.Fragment,{children:[t.jsx(o,{ariaType:"label",placement:"top",text:"Top",children:t.jsx(r,{label:"Bow"})}),t.jsx(o,{ariaType:"label",placement:"left",text:"Left",children:t.jsx(r,{label:"Stern"})}),t.jsx(o,{ariaType:"label",placement:"bottom",text:"Bottom",children:t.jsx(r,{label:"Port"})}),t.jsx(o,{ariaType:"label",placement:"right",text:"Right",children:t.jsx(r,{label:"Starboard"})})]})};var T,b,h;i.parameters={...i.parameters,docs:{...(T=i.parameters)==null?void 0:T.docs,source:{originalSource:`{
   ...Template,
   args: {
     children: <Button label="Launch" variant="primary" />,

package/dist/assets/{TopNav-Dwo-KfAw.js → TopNav-DjvdFijR.js}

@@ -1,4 +1,4 @@
-import{u as d,h as a}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as l}from"./index-NdkWRN8K.js";import{u as p}from"./UiShellProvider-Bm9plvoZ.js";import{U as s,T as n}from"./uiShellSharedConstants-DD9UP82e.js";import{j as i}from"./jsx-runtime-CnH95YSl.js";/*!
+import{u as d,h as a}from"./OdysseyThemeProvider-C4N_85M9.js";import{r as l}from"./index-NdkWRN8K.js";import{u as p}from"./UiShellProvider-Do3wWAnY.js";import{U as s,T as n}from"./uiShellSharedConstants-CvCey4L_.js";import{j as i}from"./jsx-runtime-CnH95YSl.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.")
  *

package/dist/assets/TopNav.stories-Ctwu_9N_.js

@@ -0,0 +1,13 @@
+import{j as o}from"./jsx-runtime-CnH95YSl.js";import{a6 as m}from"./OdysseyThemeProvider-C4N_85M9.js";import{O as p}from"./OdysseyStorybookThemeDecorator-DmBIIOGu.js";import{M as a}from"./TopNav-DjvdFijR.js";import{M as s}from"./Button-DuM2NeMY.js";import{M as n}from"./UserProfile-DyDMmyrK.js";import{M as l}from"./SearchField-vEVEEXjl.js";import{M as d}from"./User-D5oZGOlm.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-oMWLr_-4.js";import"./UiShellProvider-Do3wWAnY.js";import"./uiShellSharedConstants-CvCey4L_.js";import"./BaseButton-C1Nzi3yl.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-ciZ4e0Eb.js";import"./Tooltip-DOwIJUHs.js";import"./Grow-D6A2VZqw.js";import"./utils-3Wr9v8NX.js";import"./inheritsLoose-S-YxUaHb.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./TransitionGroupContext-DAL84N7p.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./getReactElementRef-SdO7zWnC.js";import"./resolveComponentProps-D1ztx9lS.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-NQulfz4l.js";import"./Popper-9pd1Yneu.js";import"./popper-ChLFknNm.js";import"./ownerDocument-DW-IO8s5.js";import"./Portal-DK2ELYoG.js";import"./Button-CbJri63v.js";import"./ButtonBase-Lbe0_84r.js";import"./assertThisInitialized-B9jnkVVz.js";import"./Box-BK5oZBIO.js";import"./Box-CTjIz0-2.js";import"./createBox-Cu6fLdzL.js";import"./Typography-C4vClHaZ.js";import"./Typography-NdqIGwl5.js";import"./Field-QbF6sK2K.js";import"./List-BSidosAy.js";import"./ListItem-DB9pwEx3.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-CjrKvhME.js";import"./ScreenReaderText-DrkvjfUf.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-DQoZ2-nD.js";import"./FieldHint-Mz3OdL0I.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./inputUtils-Dbi8XkA6.js";import"./InputBase-DSyP23zj.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./InputAdornment-CVIbzdDI.js";import"./Search-BH45H3v4.js";import"./IconButton-CgM2Hv_L.js";const xo={component:a,decorators:[p],parameters:{layout:"fullscreen"},tags:["autodocs"],argTypes:{leftSideComponent:{control:void 0,description:"Display global search field",table:{type:{summary:"ReactElement"}}},rightSideComponent:{description:"Additional element to be displayed at the end of the top nav",table:{type:{summary:"ReactElement"}}}}},r={args:{leftSideComponent:o.jsx(l,{label:"Search",placeholder:"Search..."}),rightSideComponent:o.jsxs("div",{style:{display:"flex",gap:m},children:[o.jsx(s,{label:"Connect Builder",variant:"secondary"}),o.jsx(n,{orgName:"ORG123",profileIcon:o.jsx(d,{}),userName:"test.user@test.com"})]})}};var t,e,i;r.parameters={...r.parameters,docs:{...(t=r.parameters)==null?void 0:t.docs,source:{originalSource:`{
+  args: {
+    leftSideComponent: <SearchField label="Search" placeholder="Search..." />,
+    rightSideComponent: <div style={{
+      display: "flex",
+      gap: odysseyDesignTokens.Spacing5
+    }}>
+        <Button label="Connect Builder" variant="secondary" />
+
+        <UserProfile orgName="ORG123" profileIcon={<UserIcon />} userName="test.user@test.com" />
+      </div>
+  }
+}`,...(i=(e=r.parameters)==null?void 0:e.docs)==null?void 0:i.source}}};const Mo=["Default"];export{r as Default,Mo as __namedExportsOrder,xo as default};

package/dist/assets/{Typography-B7ktrxCD.js → Typography-C4vClHaZ.js}

@@ -1 +1 @@
-import{r as c}from"./index-NdkWRN8K.js";import{j as m}from"./jsx-runtime-CnH95YSl.js";import{T as B}from"./Typography-CSpPZFTF.js";const x={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",body:"body1",legend:"legend",overline:"overline",subordinate:"subtitle1",support:"subtitle2"},Q=["primary","textPrimary","secondary","textSecondary","error"],p=({ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,isPresentational:s,testId:l,translate:b,typographyRef:g,variant:y="body"})=>{const L=c.useMemo(()=>e||(y==="body"||y==="subordinate"||y==="support"||y==="overline"?"p":y),[e,y]),h=c.useRef(null);return c.useImperativeHandle(g,()=>({focus:()=>{var u;(u=h.current)==null||u.focus()}}),[]),m.jsx(B,{"aria-current":a,"aria-describedby":r,"aria-label":i,"aria-labelledby":n,children:o,color:t,component:L,"data-se":l,id:d,ref:h,role:s?"presentation":void 0,tabIndex:-1,translate:b,variant:x[y]})},H=c.memo(p);H.displayName="Typography";const j=({ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,isPresentational:s,testId:l,translate:b})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,isPresentational:s,testId:l,translate:b,variant:"h1"}),M=c.memo(j);M.displayName="Heading1";const v=({ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,testId:s,translate:l})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,testId:s,translate:l,variant:"h2"}),I=c.memo(v);I.displayName="Heading2";const f=({ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,testId:s,translate:l})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,testId:s,translate:l,variant:"h3"}),z=c.memo(f);z.displayName="Heading3";const N=({ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,testId:s,translate:l})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,testId:s,translate:l,variant:"h4"}),D=c.memo(N);D.displayName="Heading4";const C=({ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,testId:s,translate:l})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,testId:s,translate:l,variant:"h5"}),S=c.memo(C);S.displayName="Heading5";const T=({ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,testId:s,translate:l})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,testId:s,translate:l,variant:"h6"}),O=c.memo(T);O.displayName="Heading6";const P=({ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,testId:s,translate:l})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,testId:s,translate:l,variant:"body"}),R=c.memo(P);R.displayName="Paragraph";const E=({ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,testId:s,translate:l})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,testId:s,translate:l,variant:"subordinate"}),V=c.memo(E);V.displayName="Subordinate";const k=({ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,testId:s,translate:l})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,testId:s,translate:l,variant:"support"}),$=c.memo(k);$.displayName="Support";const q=({ariaDescribedBy:a,ariaLabel:r,ariaLabelledBy:i,children:n,color:o,component:t,id:e,testId:d,translate:s})=>m.jsx(p,{ariaDescribedBy:a,ariaLabel:r,ariaLabelledBy:i,children:n,color:o,component:t,id:e,testId:d,translate:s,variant:"legend"}),w=c.memo(q);w.displayName="Legend";const A=({ariaDescribedBy:a,ariaLabel:r,ariaLabelledBy:i,children:n,color:o,component:t,id:e,testId:d,translate:s})=>m.jsx(p,{ariaDescribedBy:a,ariaLabel:r,ariaLabelledBy:i,children:n,color:o,component:t,id:e,testId:d,translate:s,variant:"overline"}),F=c.memo(A);F.displayName="Overline";export{H as M,R as a,D as b,V as c,$ as d,w as e,S as f,z as g,x as h,F as i,O as j,I as k,M as l,Q as t};
+import{r as c}from"./index-NdkWRN8K.js";import{j as m}from"./jsx-runtime-CnH95YSl.js";import{T as B}from"./Typography-NdqIGwl5.js";const x={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",body:"body1",legend:"legend",overline:"overline",subordinate:"subtitle1",support:"subtitle2"},Q=["primary","textPrimary","secondary","textSecondary","error"],p=({ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,isPresentational:s,testId:l,translate:b,typographyRef:g,variant:y="body"})=>{const L=c.useMemo(()=>e||(y==="body"||y==="subordinate"||y==="support"||y==="overline"?"p":y),[e,y]),h=c.useRef(null);return c.useImperativeHandle(g,()=>({focus:()=>{var u;(u=h.current)==null||u.focus()}}),[]),m.jsx(B,{"aria-current":a,"aria-describedby":r,"aria-label":i,"aria-labelledby":n,children:o,color:t,component:L,"data-se":l,id:d,ref:h,role:s?"presentation":void 0,tabIndex:-1,translate:b,variant:x[y]})},H=c.memo(p);H.displayName="Typography";const j=({ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,isPresentational:s,testId:l,translate:b})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,isPresentational:s,testId:l,translate:b,variant:"h1"}),M=c.memo(j);M.displayName="Heading1";const v=({ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,testId:s,translate:l})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,testId:s,translate:l,variant:"h2"}),I=c.memo(v);I.displayName="Heading2";const f=({ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,testId:s,translate:l})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,testId:s,translate:l,variant:"h3"}),z=c.memo(f);z.displayName="Heading3";const N=({ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,testId:s,translate:l})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,testId:s,translate:l,variant:"h4"}),D=c.memo(N);D.displayName="Heading4";const C=({ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,testId:s,translate:l})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,testId:s,translate:l,variant:"h5"}),S=c.memo(C);S.displayName="Heading5";const T=({ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,testId:s,translate:l})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,testId:s,translate:l,variant:"h6"}),O=c.memo(T);O.displayName="Heading6";const P=({ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,testId:s,translate:l})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,testId:s,translate:l,variant:"body"}),R=c.memo(P);R.displayName="Paragraph";const E=({ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,testId:s,translate:l})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,testId:s,translate:l,variant:"subordinate"}),V=c.memo(E);V.displayName="Subordinate";const k=({ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,testId:s,translate:l})=>m.jsx(p,{ariaCurrent:a,ariaDescribedBy:r,ariaLabel:i,ariaLabelledBy:n,children:o,color:t,component:e,id:d,testId:s,translate:l,variant:"support"}),$=c.memo(k);$.displayName="Support";const q=({ariaDescribedBy:a,ariaLabel:r,ariaLabelledBy:i,children:n,color:o,component:t,id:e,testId:d,translate:s})=>m.jsx(p,{ariaDescribedBy:a,ariaLabel:r,ariaLabelledBy:i,children:n,color:o,component:t,id:e,testId:d,translate:s,variant:"legend"}),w=c.memo(q);w.displayName="Legend";const A=({ariaDescribedBy:a,ariaLabel:r,ariaLabelledBy:i,children:n,color:o,component:t,id:e,testId:d,translate:s})=>m.jsx(p,{ariaDescribedBy:a,ariaLabel:r,ariaLabelledBy:i,children:n,color:o,component:t,id:e,testId:d,translate:s,variant:"overline"}),F=c.memo(A);F.displayName="Overline";export{H as M,R as a,D as b,V as c,$ as d,w as e,S as f,z as g,x as h,F as i,O as j,I as k,M as l,Q as t};

package/dist/assets/{Typography-CQfngSjD.js → Typography-DkvJJHkF.js}

@@ -1 +1 @@
-import{j as g}from"./emotion-react-jsx-runtime.browser.esm-Cn-06VTs.js";import{r as c}from"./index-NdkWRN8K.js";import{T as z}from"./Typography-CSpPZFTF.js";const N={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",body:"body1",legend:"legend",overline:"overline",subordinate:"subtitle1",support:"subtitle2"},y=({ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:r,clampLines:e,color:s,component:a,id:d,isPresentational:m,testId:p,translate:l,typographyRef:b,variant:u="body",wordBreak:H})=>{const M=c.useMemo(()=>a||(u==="body"||u==="subordinate"||u==="support"||u==="overline"?"p":u),[a,u]),v=c.useRef(null);c.useImperativeHandle(b,()=>({focus:()=>{var h;(h=v.current)==null||h.focus()}}),[]);const f=c.useMemo(()=>{const h={};return H&&(h.wordBreak=H),e&&(h.display="-webkit-box",h.WebkitBoxOrient="vertical",h.WebkitLineClamp=e,h.overflow="hidden"),Object.keys(h).length>0?h:void 0},[H,e]);return g(z,{"aria-current":o,"aria-describedby":n,"aria-label":i,"aria-labelledby":t,children:r,color:s,component:M,"data-se":p,id:d,ref:v,role:m?"presentation":void 0,sx:f,tabIndex:-1,translate:l,variant:N[u]})},x=c.memo(y);x.displayName="Typography";const S=({ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:r,clampLines:e,color:s,component:a,id:d,isPresentational:m,testId:p,translate:l,wordBreak:b})=>g(y,{ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:r,clampLines:e,color:s,component:a,id:d,isPresentational:m,testId:p,translate:l,variant:"h1",wordBreak:b}),T=c.memo(S);T.displayName="Heading1";const O=({ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:r,clampLines:e,color:s,component:a,id:d,testId:m,translate:p,wordBreak:l})=>g(y,{ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:r,clampLines:e,color:s,component:a,id:d,testId:m,translate:p,variant:"h2",wordBreak:l}),j=c.memo(O);j.displayName="Heading2";const k=({ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:r,clampLines:e,color:s,component:a,id:d,testId:m,translate:p,wordBreak:l})=>g(y,{ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:r,clampLines:e,color:s,component:a,id:d,testId:m,translate:p,variant:"h3",wordBreak:l}),I=c.memo(k);I.displayName="Heading3";const L=({ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:r,clampLines:e,color:s,component:a,id:d,testId:m,translate:p,wordBreak:l})=>g(y,{ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:r,clampLines:e,color:s,component:a,id:d,testId:m,translate:p,variant:"h4",wordBreak:l}),R=c.memo(L);R.displayName="Heading4";const W=({ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:r,clampLines:e,color:s,component:a,id:d,testId:m,translate:p,wordBreak:l})=>g(y,{ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:r,clampLines:e,color:s,component:a,id:d,testId:m,translate:p,variant:"h5",wordBreak:l}),w=c.memo(W);w.displayName="Heading5";const C=({ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:r,clampLines:e,color:s,component:a,id:d,testId:m,translate:p,wordBreak:l})=>g(y,{ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:r,clampLines:e,color:s,component:a,id:d,testId:m,translate:p,variant:"h6",wordBreak:l}),E=c.memo(C);E.displayName="Heading6";const P=({ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:r,clampLines:e,color:s,component:a,id:d,testId:m,translate:p,wordBreak:l})=>g(y,{ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:r,clampLines:e,color:s,component:a,id:d,testId:m,translate:p,variant:"body",wordBreak:l}),V=c.memo(P);V.displayName="Paragraph";const $=({ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:r,clampLines:e,color:s,component:a,id:d,testId:m,translate:p,wordBreak:l})=>g(y,{ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:r,clampLines:e,color:s,component:a,id:d,testId:m,translate:p,variant:"subordinate",wordBreak:l}),q=c.memo($);q.displayName="Subordinate";const A=({ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:r,clampLines:e,color:s,component:a,id:d,testId:m,translate:p,wordBreak:l})=>g(y,{ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:r,clampLines:e,color:s,component:a,id:d,testId:m,translate:p,variant:"support",wordBreak:l}),B=c.memo(A);B.displayName="Support";const D=({ariaDescribedBy:o,ariaLabel:n,ariaLabelledBy:i,children:t,clampLines:r,color:e,component:s,id:a,testId:d,translate:m,wordBreak:p})=>g(y,{ariaDescribedBy:o,ariaLabel:n,ariaLabelledBy:i,children:t,clampLines:r,color:e,component:s,id:a,testId:d,translate:m,variant:"legend",wordBreak:p}),F=c.memo(D);F.displayName="Legend";const G=({ariaDescribedBy:o,ariaLabel:n,ariaLabelledBy:i,children:t,clampLines:r,color:e,component:s,id:a,testId:d,translate:m,wordBreak:p})=>g(y,{ariaDescribedBy:o,ariaLabel:n,ariaLabelledBy:i,children:t,clampLines:r,color:e,component:s,id:a,testId:d,translate:m,variant:"overline",wordBreak:p}),J=c.memo(G);J.displayName="Overline";export{x as M,j as a,V as b,J as c,I as d};
+import{j as g}from"./emotion-react-jsx-runtime.browser.esm-DIdX2qdc.js";import{r as c}from"./index-NdkWRN8K.js";import{T as z}from"./Typography-NdqIGwl5.js";const N={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",body:"body1",legend:"legend",overline:"overline",subordinate:"subtitle1",support:"subtitle2"},y=({ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:r,clampLines:e,color:s,component:a,id:d,isPresentational:m,testId:p,translate:l,typographyRef:b,variant:u="body",wordBreak:H})=>{const M=c.useMemo(()=>a||(u==="body"||u==="subordinate"||u==="support"||u==="overline"?"p":u),[a,u]),v=c.useRef(null);c.useImperativeHandle(b,()=>({focus:()=>{var h;(h=v.current)==null||h.focus()}}),[]);const f=c.useMemo(()=>{const h={};return H&&(h.wordBreak=H),e&&(h.display="-webkit-box",h.WebkitBoxOrient="vertical",h.WebkitLineClamp=e,h.overflow="hidden"),Object.keys(h).length>0?h:void 0},[H,e]);return g(z,{"aria-current":o,"aria-describedby":n,"aria-label":i,"aria-labelledby":t,children:r,color:s,component:M,"data-se":p,id:d,ref:v,role:m?"presentation":void 0,sx:f,tabIndex:-1,translate:l,variant:N[u]})},x=c.memo(y);x.displayName="Typography";const S=({ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:r,clampLines:e,color:s,component:a,id:d,isPresentational:m,testId:p,translate:l,wordBreak:b})=>g(y,{ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:r,clampLines:e,color:s,component:a,id:d,isPresentational:m,testId:p,translate:l,variant:"h1",wordBreak:b}),T=c.memo(S);T.displayName="Heading1";const O=({ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:r,clampLines:e,color:s,component:a,id:d,testId:m,translate:p,wordBreak:l})=>g(y,{ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:r,clampLines:e,color:s,component:a,id:d,testId:m,translate:p,variant:"h2",wordBreak:l}),j=c.memo(O);j.displayName="Heading2";const k=({ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:r,clampLines:e,color:s,component:a,id:d,testId:m,translate:p,wordBreak:l})=>g(y,{ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:r,clampLines:e,color:s,component:a,id:d,testId:m,translate:p,variant:"h3",wordBreak:l}),I=c.memo(k);I.displayName="Heading3";const L=({ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:r,clampLines:e,color:s,component:a,id:d,testId:m,translate:p,wordBreak:l})=>g(y,{ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:r,clampLines:e,color:s,component:a,id:d,testId:m,translate:p,variant:"h4",wordBreak:l}),R=c.memo(L);R.displayName="Heading4";const W=({ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:r,clampLines:e,color:s,component:a,id:d,testId:m,translate:p,wordBreak:l})=>g(y,{ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:r,clampLines:e,color:s,component:a,id:d,testId:m,translate:p,variant:"h5",wordBreak:l}),w=c.memo(W);w.displayName="Heading5";const C=({ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:r,clampLines:e,color:s,component:a,id:d,testId:m,translate:p,wordBreak:l})=>g(y,{ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:r,clampLines:e,color:s,component:a,id:d,testId:m,translate:p,variant:"h6",wordBreak:l}),E=c.memo(C);E.displayName="Heading6";const P=({ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:r,clampLines:e,color:s,component:a,id:d,testId:m,translate:p,wordBreak:l})=>g(y,{ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:r,clampLines:e,color:s,component:a,id:d,testId:m,translate:p,variant:"body",wordBreak:l}),V=c.memo(P);V.displayName="Paragraph";const $=({ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:r,clampLines:e,color:s,component:a,id:d,testId:m,translate:p,wordBreak:l})=>g(y,{ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:r,clampLines:e,color:s,component:a,id:d,testId:m,translate:p,variant:"subordinate",wordBreak:l}),q=c.memo($);q.displayName="Subordinate";const A=({ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:r,clampLines:e,color:s,component:a,id:d,testId:m,translate:p,wordBreak:l})=>g(y,{ariaCurrent:o,ariaDescribedBy:n,ariaLabel:i,ariaLabelledBy:t,children:r,clampLines:e,color:s,component:a,id:d,testId:m,translate:p,variant:"support",wordBreak:l}),B=c.memo(A);B.displayName="Support";const D=({ariaDescribedBy:o,ariaLabel:n,ariaLabelledBy:i,children:t,clampLines:r,color:e,component:s,id:a,testId:d,translate:m,wordBreak:p})=>g(y,{ariaDescribedBy:o,ariaLabel:n,ariaLabelledBy:i,children:t,clampLines:r,color:e,component:s,id:a,testId:d,translate:m,variant:"legend",wordBreak:p}),F=c.memo(D);F.displayName="Legend";const G=({ariaDescribedBy:o,ariaLabel:n,ariaLabelledBy:i,children:t,clampLines:r,color:e,component:s,id:a,testId:d,translate:m,wordBreak:p})=>g(y,{ariaDescribedBy:o,ariaLabel:n,ariaLabelledBy:i,children:t,clampLines:r,color:e,component:s,id:a,testId:d,translate:m,variant:"overline",wordBreak:p}),J=c.memo(G);J.displayName="Overline";export{x as M,j as a,V as b,J as c,I as d};

package/dist/assets/{Typography-CSpPZFTF.js → Typography-NdqIGwl5.js}

@@ -1 +1 @@
-import{c as T,t as W,b as p,_ as b,s as C,d as M,e as y,f as P,v as R}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as j}from"./index-NdkWRN8K.js";import{j as _}from"./jsx-runtime-CnH95YSl.js";const N=["align","className","component","gutterBottom","noWrap","paragraph","variant","variantMapping"],D=t=>{const{align:a,gutterBottom:r,noWrap:n,paragraph:s,variant:o,classes:e}=t,i={root:["root",o,t.align!=="inherit"&&`align${y(a)}`,r&&"gutterBottom",n&&"noWrap",s&&"paragraph"]};return P(i,R,e)},E=C("span",{name:"MuiTypography",slot:"Root",overridesResolver:(t,a)=>{const{ownerState:r}=t;return[a.root,r.variant&&a[r.variant],r.align!=="inherit"&&a[`align${y(r.align)}`],r.noWrap&&a.noWrap,r.gutterBottom&&a.gutterBottom,r.paragraph&&a.paragraph]}})(({theme:t,ownerState:a})=>p({margin:0},a.variant==="inherit"&&{font:"inherit"},a.variant!=="inherit"&&t.typography[a.variant],a.align!=="inherit"&&{textAlign:a.align},a.noWrap&&{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},a.gutterBottom&&{marginBottom:"0.35em"},a.paragraph&&{marginBottom:16})),u={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",subtitle1:"h6",subtitle2:"h6",body1:"p",body2:"p",inherit:"p"},U={primary:"primary.main",textPrimary:"text.primary",secondary:"secondary.main",textSecondary:"text.secondary",error:"error.main"},$=t=>U[t]||t,O=j.forwardRef(function(a,r){const n=T({props:a,name:"MuiTypography"}),s=$(n.color),o=W(p({},n,{color:s})),{align:e="inherit",className:i,component:c,gutterBottom:d=!1,noWrap:f=!1,paragraph:g=!1,variant:h="body1",variantMapping:m=u}=o,x=b(o,N),l=p({},o,{align:e,color:s,className:i,component:c,gutterBottom:d,noWrap:f,paragraph:g,variant:h,variantMapping:m}),v=c||(g?"p":m[h]||u[h])||"span",B=D(l);return _.jsx(E,p({as:v,ref:r,ownerState:l,className:M(B.root,i)},x))});export{O as T};
+import{c as T,t as W,b as p,_ as b,s as C,d as M,e as y,f as P,v as R}from"./OdysseyThemeProvider-C4N_85M9.js";import{r as j}from"./index-NdkWRN8K.js";import{j as _}from"./jsx-runtime-CnH95YSl.js";const N=["align","className","component","gutterBottom","noWrap","paragraph","variant","variantMapping"],D=t=>{const{align:a,gutterBottom:r,noWrap:n,paragraph:s,variant:o,classes:e}=t,i={root:["root",o,t.align!=="inherit"&&`align${y(a)}`,r&&"gutterBottom",n&&"noWrap",s&&"paragraph"]};return P(i,R,e)},E=C("span",{name:"MuiTypography",slot:"Root",overridesResolver:(t,a)=>{const{ownerState:r}=t;return[a.root,r.variant&&a[r.variant],r.align!=="inherit"&&a[`align${y(r.align)}`],r.noWrap&&a.noWrap,r.gutterBottom&&a.gutterBottom,r.paragraph&&a.paragraph]}})(({theme:t,ownerState:a})=>p({margin:0},a.variant==="inherit"&&{font:"inherit"},a.variant!=="inherit"&&t.typography[a.variant],a.align!=="inherit"&&{textAlign:a.align},a.noWrap&&{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},a.gutterBottom&&{marginBottom:"0.35em"},a.paragraph&&{marginBottom:16})),u={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",subtitle1:"h6",subtitle2:"h6",body1:"p",body2:"p",inherit:"p"},U={primary:"primary.main",textPrimary:"text.primary",secondary:"secondary.main",textSecondary:"text.secondary",error:"error.main"},$=t=>U[t]||t,O=j.forwardRef(function(a,r){const n=T({props:a,name:"MuiTypography"}),s=$(n.color),o=W(p({},n,{color:s})),{align:e="inherit",className:i,component:c,gutterBottom:d=!1,noWrap:f=!1,paragraph:g=!1,variant:h="body1",variantMapping:m=u}=o,x=b(o,N),l=p({},o,{align:e,color:s,className:i,component:c,gutterBottom:d,noWrap:f,paragraph:g,variant:h,variantMapping:m}),v=c||(g?"p":m[h]||u[h])||"span",B=D(l);return _.jsx(E,p({as:v,ref:r,ownerState:l,className:M(B.root,i)},x))});export{O as T};

package/dist/assets/{Typography-DBt3ajUl.js → Typography-c9CeGtmy.js}

@@ -1,4 +1,4 @@
-import{j as o}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as n}from"./index-BeeV6X6A.js";import"./index-6QUE-j0v.js";import{M as s,T as p,S as m,D as a,P as c,a as d,b as x}from"./index-DfE121Jj.js";import{T as e}from"./Typography.stories-dzT0O_H3.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./preview-DXRUsonv.js";import"./iframe-C7GWUW76.js";import"./DocsRenderer-CFRXHY34-kO-n-5EB.js";import"./client-ByW5HbEz.js";import"./index-DieBXP3Z.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./axeRun-B-LchFqf.js";import"./axe-4JP0vCEZ.js";import"./OdysseyStorybookThemeDecorator-CGH8visK.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./OdysseyProvider-BPLFYiwr.js";import"./Typography-B7ktrxCD.js";import"./Typography-CSpPZFTF.js";function i(r){const t={code:"code",p:"p",...n(),...r.components};return o.jsxs(o.Fragment,{children:[o.jsx(s,{of:e}),`
+import{j as o}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as n}from"./index-BeeV6X6A.js";import"./index-DDAqzdZr.js";import{M as s,T as p,S as m,D as a,P as c,a as d,b as x}from"./index-c74KQyVj.js";import{T as e}from"./Typography.stories-C8KXE15q.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./preview-CQqyhYi4.js";import"./iframe-pzQvMjuK.js";import"./DocsRenderer-CFRXHY34-DjVgG9gc.js";import"./client-ByW5HbEz.js";import"./index-DieBXP3Z.js";import"./index-BJTM6NaI.js";import"./index-B5xazMy1.js";import"./index-CXQShRbs.js";import"./index-DrFu-skq.js";import"./axeRun-B-LchFqf.js";import"./axe-4JP0vCEZ.js";import"./OdysseyStorybookThemeDecorator-DmBIIOGu.js";import"./OdysseyThemeProvider-C4N_85M9.js";import"./OdysseyProvider-oMWLr_-4.js";import"./Typography-C4vClHaZ.js";import"./Typography-NdqIGwl5.js";function i(r){const t={code:"code",p:"p",...n(),...r.components};return o.jsxs(o.Fragment,{children:[o.jsx(s,{of:e}),`
 `,o.jsx(p,{of:e}),`
 `,o.jsx(m,{of:e}),`
 `,o.jsx(a,{of:e}),`

package/dist/assets/{Typography.stories-dzT0O_H3.js → Typography.stories-C8KXE15q.js}

@@ -1,4 +1,4 @@
-import{j as a}from"./jsx-runtime-CnH95YSl.js";import{r as ur}from"./index-NdkWRN8K.js";import{a as e}from"./axeRun-B-LchFqf.js";import{O as Tr}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{t as T,M as Sr,h as S,d as or,c as sr,i as tr,e as ir,a as n,j as pr,f as dr,b as cr,g as yr,k as gr,l as hr}from"./Typography-B7ktrxCD.js";const xr={h1:hr,h2:gr,h3:yr,h4:cr,h5:dr,h6:pr,body:n,legend:ir,overline:tr,subordinate:sr,support:or},vr={component:Sr,decorators:[Tr],parameters:{docs:{description:""}},argTypes:{ariaDescribedBy:{description:"The ID of the element that describes the component.",table:{type:{summary:"string"}}},ariaLabel:{control:"text",description:"The ARIA label for the component.",table:{type:{summary:"string"}}},ariaLabelledBy:{description:"The ID of the element that labels the component.",table:{type:{summary:"string"}}},children:{control:"text",description:"The text content of the component.",table:{type:{summary:"ReactNode"}},type:{required:!0,name:"string"}},color:{options:T,control:{type:"select"},description:"The color of the text.",table:{type:{summary:T.join(" | ")}}},component:{description:"The HTML element the component should render, if different from the default",table:{type:{summary:"ElementType"}}},variant:{options:Object.keys(S),control:{type:"select"},description:"The variant of Typography to render.",table:{type:{summary:Object.keys(S).join(" | ")}}}},args:{children:"Spice is vital for space travel."}},o={name:"Generic Typography",args:{children:"This is standard text.",variant:"body"},render:r=>{const{variant:lr,...mr}=r;return ur.createElement(xr[lr],mr)}},s={name:"Heading 1",args:{children:"Heading 1",variant:"h1"},render:r=>a.jsx(hr,{...r})},t={name:"Heading 2",args:{children:"Heading 2",variant:"h2"},render:r=>a.jsx(gr,{...r})},i={name:"Heading 3",args:{children:"Heading 3",variant:"h3"},render:r=>a.jsx(yr,{...r}),play:async()=>{await e("Typography h3")}},p={name:"Heading 4",args:{children:"Heading 4",variant:"h4"},render:r=>a.jsx(cr,{...r}),play:async()=>{await e("Typography h4")}},d={name:"Heading 5",args:{children:"Heading 5",variant:"h5"},render:r=>a.jsx(dr,{...r}),play:async()=>{await e("Typography h5")}},c={name:"Heading 6",args:{children:"Heading 6",variant:"h6"},render:r=>a.jsx(pr,{...r}),play:async()=>{await e("Typography h6")}},y={name:"Paragraph",args:{children:"This is body copy.",variant:"body"},render:r=>a.jsx(n,{...r}),play:async()=>{await e("Typography body")}},g={name:"Legend",args:{children:"This is a legend",variant:"legend"},render:r=>a.jsx(ir,{...r}),play:async()=>{await e("Typography legend")}},h={name:"Overline",args:{children:"This is an Overline",variant:"overline"},render:r=>a.jsx(tr,{...r}),play:async()=>{await e("Typography Overline")}},l={name:"Subordinate",args:{children:"This is subordinate text.",variant:"subordinate"},render:r=>a.jsx(sr,{...r}),play:async()=>{await e("Typography subordinate")}},m={name:"Support",args:{children:"This is support text.",variant:"support"},render:r=>a.jsx(or,{...r}),play:async()=>{await e("Typography support")}},u={name:"Color",render:()=>a.jsxs(a.Fragment,{children:[a.jsx(n,{color:"primary",children:"This is a primary color."}),a.jsx(n,{color:"textPrimary",children:"This is a textPrimary color."}),a.jsx(n,{color:"secondary",children:"This is a secondary color."}),a.jsx(n,{color:"textSecondary",children:"This is a textSecondary color."}),a.jsx(n,{color:"error",children:"This is a error color."})]})};var x,v,H;o.parameters={...o.parameters,docs:{...(x=o.parameters)==null?void 0:x.docs,source:{originalSource:`{
+import{j as a}from"./jsx-runtime-CnH95YSl.js";import{r as ur}from"./index-NdkWRN8K.js";import{a as e}from"./axeRun-B-LchFqf.js";import{O as Tr}from"./OdysseyStorybookThemeDecorator-DmBIIOGu.js";import{t as T,M as Sr,h as S,d as or,c as sr,i as tr,e as ir,a as n,j as pr,f as dr,b as cr,g as yr,k as gr,l as hr}from"./Typography-C4vClHaZ.js";const xr={h1:hr,h2:gr,h3:yr,h4:cr,h5:dr,h6:pr,body:n,legend:ir,overline:tr,subordinate:sr,support:or},vr={component:Sr,decorators:[Tr],parameters:{docs:{description:""}},argTypes:{ariaDescribedBy:{description:"The ID of the element that describes the component.",table:{type:{summary:"string"}}},ariaLabel:{control:"text",description:"The ARIA label for the component.",table:{type:{summary:"string"}}},ariaLabelledBy:{description:"The ID of the element that labels the component.",table:{type:{summary:"string"}}},children:{control:"text",description:"The text content of the component.",table:{type:{summary:"ReactNode"}},type:{required:!0,name:"string"}},color:{options:T,control:{type:"select"},description:"The color of the text.",table:{type:{summary:T.join(" | ")}}},component:{description:"The HTML element the component should render, if different from the default",table:{type:{summary:"ElementType"}}},variant:{options:Object.keys(S),control:{type:"select"},description:"The variant of Typography to render.",table:{type:{summary:Object.keys(S).join(" | ")}}}},args:{children:"Spice is vital for space travel."}},o={name:"Generic Typography",args:{children:"This is standard text.",variant:"body"},render:r=>{const{variant:lr,...mr}=r;return ur.createElement(xr[lr],mr)}},s={name:"Heading 1",args:{children:"Heading 1",variant:"h1"},render:r=>a.jsx(hr,{...r})},t={name:"Heading 2",args:{children:"Heading 2",variant:"h2"},render:r=>a.jsx(gr,{...r})},i={name:"Heading 3",args:{children:"Heading 3",variant:"h3"},render:r=>a.jsx(yr,{...r}),play:async()=>{await e("Typography h3")}},p={name:"Heading 4",args:{children:"Heading 4",variant:"h4"},render:r=>a.jsx(cr,{...r}),play:async()=>{await e("Typography h4")}},d={name:"Heading 5",args:{children:"Heading 5",variant:"h5"},render:r=>a.jsx(dr,{...r}),play:async()=>{await e("Typography h5")}},c={name:"Heading 6",args:{children:"Heading 6",variant:"h6"},render:r=>a.jsx(pr,{...r}),play:async()=>{await e("Typography h6")}},y={name:"Paragraph",args:{children:"This is body copy.",variant:"body"},render:r=>a.jsx(n,{...r}),play:async()=>{await e("Typography body")}},g={name:"Legend",args:{children:"This is a legend",variant:"legend"},render:r=>a.jsx(ir,{...r}),play:async()=>{await e("Typography legend")}},h={name:"Overline",args:{children:"This is an Overline",variant:"overline"},render:r=>a.jsx(tr,{...r}),play:async()=>{await e("Typography Overline")}},l={name:"Subordinate",args:{children:"This is subordinate text.",variant:"subordinate"},render:r=>a.jsx(sr,{...r}),play:async()=>{await e("Typography subordinate")}},m={name:"Support",args:{children:"This is support text.",variant:"support"},render:r=>a.jsx(or,{...r}),play:async()=>{await e("Typography support")}},u={name:"Color",render:()=>a.jsxs(a.Fragment,{children:[a.jsx(n,{color:"primary",children:"This is a primary color."}),a.jsx(n,{color:"textPrimary",children:"This is a textPrimary color."}),a.jsx(n,{color:"secondary",children:"This is a secondary color."}),a.jsx(n,{color:"textSecondary",children:"This is a textSecondary color."}),a.jsx(n,{color:"error",children:"This is a error color."})]})};var x,v,H;o.parameters={...o.parameters,docs:{...(x=o.parameters)==null?void 0:x.docs,source:{originalSource:`{
   name: "Generic Typography",
   args: {
     children: "This is standard text.",

package/dist/assets/{Typography.stories-CitS-iTX.js → Typography.stories-Di7tmDM_.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-CnH95YSl.js";import{M as s,a as T,b as L}from"./Typography-CQfngSjD.js";import{O as B}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{W}from"./WorkflowsComponentsStorybookThemeDecorator-DJR9iMBt.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./emotion-react-jsx-runtime.browser.esm-Cn-06VTs.js";import"./OdysseyThemeProvider-BykOaJq8.js";import"./Typography-CSpPZFTF.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-BPLFYiwr.js";import"./i18next-7SyOfhCu.js";const o={maxWidth:"400px",border:"1px dashed #ccc",padding:"16px"},M={title:"Resource Access Policy Components/Typography",component:s,decorators:[B,W],tags:["autodocs"],argTypes:{children:{control:"text",description:"The text content of the component."},clampLines:{control:"number",description:"Limits the text to a specified number of lines, adding ellipsis when content overflows.",table:{type:{summary:"number"}}},wordBreak:{control:"select",options:["normal","break-all","keep-all","break-word"],description:"Controls how text should break within the element.",table:{type:{summary:"string"}}}},args:{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."},parameters:{docs:{description:{component:"Demonstrates the `wordBreak` and `clampLines` props for controlling text overflow behavior in Typography components."}}}},r={render:()=>e.jsx("div",{style:o,children:e.jsx(s,{wordBreak:"break-all",children:"ThisIsAVeryLongWordWithoutSpacesThatNeedsToBeHandledProperly_AnExampleOfURLOrIdentifier"})}),parameters:{docs:{description:{story:"Use `wordBreak` to control how long words or URLs should break within the container. Useful for preventing overflow from long unbroken strings."}}}},n={render:()=>e.jsx("div",{style:o,children:e.jsx(s,{clampLines:3,children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."})}),parameters:{docs:{description:{story:"Use `clampLines` to limit the number of visible lines and add ellipsis when content overflows. Great for truncating long text in cards or lists."}}}},t={render:()=>e.jsx("div",{style:o,children:e.jsx(s,{clampLines:2,wordBreak:"break-word",children:"ThisIsAVeryLongWordWithoutSpaces_FollowedByMoreText_AndEvenMoreText_ThatWillDemonstrateHowBothPropsWorkTogether. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."})}),parameters:{docs:{description:{story:"Combine `wordBreak` and `clampLines` to handle long words while limiting the number of visible lines. This ensures content fits within the container both horizontally and vertically."}}}},i={render:()=>e.jsx("div",{style:o,children:e.jsx(T,{clampLines:2,children:"This Is A Very Long Heading That Should Be Clamped To Two Lines And Show Ellipsis When It Overflows The Container"})}),parameters:{docs:{description:{story:"Example of using `clampLines` with a heading component to prevent long titles from taking up too much space."}}}},a={render:()=>e.jsx("div",{style:o,children:e.jsx(L,{wordBreak:"break-all",children:"https://example.com/very-long-url-path/that-would-normally-overflow/the-container/without-proper-word-breaking"})}),parameters:{docs:{description:{story:"Example of using `wordBreak` with a paragraph to handle long URLs that would otherwise overflow the container."}}}};var l,d,p;r.parameters={...r.parameters,docs:{...(l=r.parameters)==null?void 0:l.docs,source:{originalSource:`{
+import{j as e}from"./jsx-runtime-CnH95YSl.js";import{M as s,a as T,b as L}from"./Typography-DkvJJHkF.js";import{O as B}from"./OdysseyStorybookThemeDecorator-DmBIIOGu.js";import{W}from"./WorkflowsComponentsStorybookThemeDecorator-C42hLMDY.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./emotion-react-jsx-runtime.browser.esm-DIdX2qdc.js";import"./OdysseyThemeProvider-C4N_85M9.js";import"./Typography-NdqIGwl5.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-oMWLr_-4.js";import"./i18next-7SyOfhCu.js";const o={maxWidth:"400px",border:"1px dashed #ccc",padding:"16px"},M={title:"Resource Access Policy Components/Typography",component:s,decorators:[B,W],tags:["autodocs"],argTypes:{children:{control:"text",description:"The text content of the component."},clampLines:{control:"number",description:"Limits the text to a specified number of lines, adding ellipsis when content overflows.",table:{type:{summary:"number"}}},wordBreak:{control:"select",options:["normal","break-all","keep-all","break-word"],description:"Controls how text should break within the element.",table:{type:{summary:"string"}}}},args:{children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."},parameters:{docs:{description:{component:"Demonstrates the `wordBreak` and `clampLines` props for controlling text overflow behavior in Typography components."}}}},r={render:()=>e.jsx("div",{style:o,children:e.jsx(s,{wordBreak:"break-all",children:"ThisIsAVeryLongWordWithoutSpacesThatNeedsToBeHandledProperly_AnExampleOfURLOrIdentifier"})}),parameters:{docs:{description:{story:"Use `wordBreak` to control how long words or URLs should break within the container. Useful for preventing overflow from long unbroken strings."}}}},n={render:()=>e.jsx("div",{style:o,children:e.jsx(s,{clampLines:3,children:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur."})}),parameters:{docs:{description:{story:"Use `clampLines` to limit the number of visible lines and add ellipsis when content overflows. Great for truncating long text in cards or lists."}}}},t={render:()=>e.jsx("div",{style:o,children:e.jsx(s,{clampLines:2,wordBreak:"break-word",children:"ThisIsAVeryLongWordWithoutSpaces_FollowedByMoreText_AndEvenMoreText_ThatWillDemonstrateHowBothPropsWorkTogether. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."})}),parameters:{docs:{description:{story:"Combine `wordBreak` and `clampLines` to handle long words while limiting the number of visible lines. This ensures content fits within the container both horizontally and vertically."}}}},i={render:()=>e.jsx("div",{style:o,children:e.jsx(T,{clampLines:2,children:"This Is A Very Long Heading That Should Be Clamped To Two Lines And Show Ellipsis When It Overflows The Container"})}),parameters:{docs:{description:{story:"Example of using `clampLines` with a heading component to prevent long titles from taking up too much space."}}}},a={render:()=>e.jsx("div",{style:o,children:e.jsx(L,{wordBreak:"break-all",children:"https://example.com/very-long-url-path/that-would-normally-overflow/the-container/without-proper-word-breaking"})}),parameters:{docs:{description:{story:"Example of using `wordBreak` with a paragraph to handle long URLs that would otherwise overflow the container."}}}};var l,d,p;r.parameters={...r.parameters,docs:{...(l=r.parameters)==null?void 0:l.docs,source:{originalSource:`{
   render: () => <div style={containerStyle}>
       <Typography wordBreak="break-all">
         ThisIsAVeryLongWordWithoutSpacesThatNeedsToBeHandledProperly_AnExampleOfURLOrIdentifier