@okta/odyssey-react-mui 1.48.0 → 1.49.0

package/dist/assets/NativeSelect.stories-DHgms1GM.js

@@ -0,0 +1,173 @@
+import{j as e}from"./jsx-runtime-CnH95YSl.js";import{r as n}from"./index-NdkWRN8K.js";import{O as Oe}from"./OdysseyStorybookThemeDecorator-BuDiOG2V.js";import{f as i}from"./fieldComponentPropsMetaData-BqbNLw6V.js";import{M as De}from"./Field-DH3L8v09.js";import{g as Fe,u as He}from"./inputUtils-Dbi8XkA6.js";import{S as Ne}from"./Select-DZTigpTO.js";import{M as Ae}from"./Link-BDoLypER.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./OdysseyThemeProvider-Bh0Bu-2o.js";import"./index-BJTM6NaI.js";import"./OdysseyProvider-qIn9QVYS.js";import"./Box-1mvP3NLW.js";import"./Box-BcMTQ_R2.js";import"./createBox-Dxawkfow.js";import"./List-CmjR1pNu.js";import"./ListItem-C0ExFtXb.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-CiGre9wK.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./isHostComponent-DVu5iVWx.js";import"./ButtonBase-BNqa2TMD.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-CJ6Ie9dp.js";import"./TransitionGroupContext-DAL84N7p.js";import"./ScreenReaderText-CebALBsG.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-CsNAE1E3.js";import"./FieldHint-B3Jif_Up.js";import"./Typography-Cz6D417Y.js";import"./Typography-ClQ35Rr-.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./Menu-K9lpVvDG.js";import"./getReactElementRef-DsIevm5t.js";import"./resolveComponentProps-DXQ8X87i.js";import"./Grow-C8kUeGCY.js";import"./utils-kUZVaD1e.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./ownerDocument-DW-IO8s5.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-CSDyCVCf.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Portal-C6D59xAE.js";import"./Fade-dUgBN8rJ.js";import"./Paper-D-_O-EjU.js";import"./MenuList-BMOesnfs.js";import"./useControlled-NQulfz4l.js";import"./ArrowDropDown-DdemyKZU.js";import"./createSvgIcon-ClUWwDzL.js";import"./InputBase-DeB4_faH.js";import"./Link-DNIf0luC.js";import"./ExternalLink-D0l1c5Cz.js";const Ge=n.forwardRef(({ariaDescribedBy:c,autoCompleteType:o,defaultValue:r,errorMessage:l,errorMessageList:s,hasMultipleChoices:a,hint:h,HintLinkComponent:t,id:m,inputRef:Se,isDisabled:Me=!1,isFullWidth:Le=!1,isMultiSelect:w,isOptional:Ee=!1,label:Te,onBlur:k,onChange:v,onFocus:O,testId:D,translate:F,value:H,children:N},A)=>{const Ve=n.useRef(Fe({controlledValue:H,uncontrolledValue:r})),G=n.useRef(null);n.useImperativeHandle(Se,()=>({focus:()=>{var d;(d=G.current)==null||d.focus()}}),[]);const P=He({defaultValue:r,value:H,controlState:Ve.current}),R=n.useCallback((d,V)=>{v==null||v(d,V)},[v]),W=n.useMemo(()=>a===void 0?w:a,[a,w]),we=n.useCallback(({ariaDescribedBy:d,errorMessageElementId:V,labelElementId:ke})=>e.jsx(Ne,{...P,"aria-describedby":d,autoComplete:o,children:N,id:m,inputProps:{"aria-errormessage":V,"aria-labelledby":ke,"data-se":D},inputRef:G,multiple:W,name:m,native:!0,onBlur:k,onChange:R,onFocus:O,ref:A,translate:F}),[o,N,m,P,W,k,R,O,A,D,F]);return e.jsx(De,{ariaDescribedBy:c,errorMessage:l,errorMessageList:s,fieldType:"single",hasVisibleLabel:!0,hint:h,HintLinkComponent:t,id:m,isDisabled:Me,isFullWidth:Le,isOptional:Ee,label:Te,renderFieldComponent:we})}),p=n.memo(Ge);p.displayName="NativeSelect";const Io={component:p,decorators:[Oe],tags:["autodocs"],argTypes:{children:{description:"The options or optgroup elements within the native select component",table:{type:{summary:"ReactElement<'option'> | ReactElement<'optgroup'> | undefined"}}},defaultValue:{control:"text",description:"The default value of the native select component. Only applicable if `value` is not provided",table:{type:{summary:"string | string[] | undefined"}}},errorMessage:i.errorMessage,errorMessageList:i.errorMessageList,hint:i.hint,HintLinkComponent:i.HintLinkComponent,id:i.id,isDisabled:i.isDisabled,isFullWidth:i.isFullWidth,hasMultipleChoices:{control:"boolean",description:"If `true`, the native select component allows multiple selections",table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},isOptional:i.isOptional,label:{control:"text",description:"The label text for the native select component",table:{type:{summary:"string"}},type:{required:!0,name:"string"}},onBlur:{description:"Callback fired when the native select component loses focus",table:{type:{summary:"func"}}},onChange:{description:"Callback fired when the value of the native select component changes",table:{type:{summary:"func"}}},onFocus:{description:"Callback fired when the native select component gains focus",table:{type:{summary:"func"}}},value:{control:"text",description:"The value or values selected in the native select component",table:{type:{summary:"string | string[]"}}}},args:{isDisabled:!1,hint:"Select your destination in the Sol system.",isOptional:!1,label:"Destination",id:"SolarDestination",defaultValue:""}},u={render:function(o){return e.jsx(p,{...o,children:e.jsxs(e.Fragment,{children:[e.jsx("option",{value:"earth",children:"Earth"}),e.jsx("option",{value:"mars",children:"Mars"}),e.jsx("option",{value:"ceres",children:"Ceres"}),e.jsx("option",{value:"eros",children:"Eros"}),e.jsx("option",{value:"tycho-station",children:"Tycho Station"}),e.jsx("option",{value:"phoebe",children:"Phoebe"}),e.jsx("option",{value:"ganymede",children:"Ganymede"})]}),defaultValue:o.defaultValue,errorMessage:o.errorMessage,errorMessageList:o.errorMessageList,hint:o.hint,id:o.id,isDisabled:o.isDisabled,isMultiSelect:o.isMultiSelect,isOptional:o.isOptional,label:o.label})}},Pe={render:function(o){return e.jsx(p,{...o,children:e.jsxs(e.Fragment,{children:[e.jsxs("optgroup",{label:"Sol System",children:[e.jsx("option",{value:"earth",children:"Earth"}),e.jsx("option",{value:"mars",children:"Mars"}),e.jsx("option",{value:"ceres",children:"Ceres"}),e.jsx("option",{value:"eros",children:"Eros"}),e.jsx("option",{value:"tycho-station",children:"Tycho Station"}),e.jsx("option",{value:"phoebe",children:"Phoebe"}),e.jsx("option",{value:"ganymede",children:"Ganymede"})]}),e.jsxs("optgroup",{label:"Extrasolar",children:[e.jsx("option",{value:"auberon",children:"Auberon"}),e.jsx("option",{value:"al-halub",children:"Al-Halub"}),e.jsx("option",{value:"freehold",children:"Freehold"}),e.jsx("option",{value:"laconia",children:"Laconia"}),e.jsx("option",{value:"new-terra",children:"New Terra"})]})]})})}},g={...u},b={...u,args:{isDisabled:!0}},f={...u,args:{errorMessage:"Select your destination."}},x={...u,args:{errorMessage:"Select your destination.",errorMessageList:["Select 1 planet","Select 1 moon"]}},y={...Pe},j={...u,args:{hasMultipleChoices:!0,defaultValue:[]}},C={...u,args:{isOptional:!0}},S={...u,args:{HintLinkComponent:e.jsx(Ae,{href:"/learn-more",children:"Learn more"})}},M={parameters:{docs:{description:{story:"When the component is controlled, the parent component is responsible for passing `value` to the component and listening for changes with `onChange`"}}},args:{},render:function(o){const[r,l]=n.useState(""),s=n.useCallback(a=>l(a.target.value),[]);return e.jsx(p,{...o,children:e.jsxs(e.Fragment,{children:[e.jsxs("optgroup",{label:"Sol System",children:[e.jsx("option",{value:"earth",children:"Earth"}),e.jsx("option",{value:"mars",children:"Mars"}),e.jsx("option",{value:"ceres",children:"Ceres"}),e.jsx("option",{value:"eros",children:"Eros"}),e.jsx("option",{value:"tycho-station",children:"Tycho Station"}),e.jsx("option",{value:"phoebe",children:"Phoebe"}),e.jsx("option",{value:"ganymede",children:"Ganymede"})]}),e.jsxs("optgroup",{label:"Extrasolar",children:[e.jsx("option",{value:"auberon",children:"Auberon"}),e.jsx("option",{value:"al-halub",children:"Al-Halub"}),e.jsx("option",{value:"freehold",children:"Freehold"}),e.jsx("option",{value:"laconia",children:"Laconia"}),e.jsx("option",{value:"new-terra",children:"New Terra"})]})]}),onChange:s,value:r})}},L={parameters:{docs:{description:{story:"When the component is controlled, the parent component is responsible for passing `value` to the component and listening for changes with `onChange`"}}},render:function(o){const[r,l]=n.useState([""]),s=n.useCallback(a=>{const h=[a.target].filter(t=>t instanceof HTMLOptionElement).filter(t=>t.selected).map(t=>t.value);l(h)},[]);return e.jsx(p,{...o,defaultValue:void 0,hasMultipleChoices:!0,onChange:s,value:r,children:e.jsxs(e.Fragment,{children:[e.jsxs("optgroup",{label:"Sol System",children:[e.jsx("option",{value:"earth",children:"Earth"}),e.jsx("option",{value:"mars",children:"Mars"}),e.jsx("option",{value:"ceres",children:"Ceres"}),e.jsx("option",{value:"eros",children:"Eros"}),e.jsx("option",{value:"tycho-station",children:"Tycho Station"}),e.jsx("option",{value:"phoebe",children:"Phoebe"}),e.jsx("option",{value:"ganymede",children:"Ganymede"})]}),e.jsxs("optgroup",{label:"Extrasolar",children:[e.jsx("option",{value:"auberon",children:"Auberon"}),e.jsx("option",{value:"al-halub",children:"Al-Halub"}),e.jsx("option",{value:"freehold",children:"Freehold"}),e.jsx("option",{value:"laconia",children:"Laconia"}),e.jsx("option",{value:"new-terra",children:"New Terra"})]})]})})}},E={parameters:{docs:{description:{story:"When the component is controlled, the parent component is responsible for passing `value` to the component and listening for changes with `onChange`"}}},args:{},render:function(o){const[r,l]=n.useState("Laconia"),s=n.useCallback(a=>l(a.target.value),[]);return e.jsx(p,{...o,children:e.jsxs(e.Fragment,{children:[e.jsxs("optgroup",{label:"Sol System",children:[e.jsx("option",{value:"earth",children:"Earth"}),e.jsx("option",{value:"mars",children:"Mars"}),e.jsx("option",{value:"ceres",children:"Ceres"}),e.jsx("option",{value:"eros",children:"Eros"}),e.jsx("option",{value:"tycho-station",children:"Tycho Station"}),e.jsx("option",{value:"phoebe",children:"Phoebe"}),e.jsx("option",{value:"ganymede",children:"Ganymede"})]}),e.jsxs("optgroup",{label:"Extrasolar",children:[e.jsx("option",{value:"auberon",children:"Auberon"}),e.jsx("option",{value:"al-halub",children:"Al-Halub"}),e.jsx("option",{value:"freehold",children:"Freehold"}),e.jsx("option",{value:"laconia",children:"Laconia"}),e.jsx("option",{value:"new-terra",children:"New Terra"})]})]}),onChange:s,value:r})}},T={parameters:{docs:{description:{story:"When the component is controlled, the parent component is responsible for passing `value` to the component and listening for changes with `onChange`.\n\nPreselected values are referenced by the value of the `value` attritube on `option` elements."}}},render:function(o){const[r,l]=n.useState(["laconia","new-terra"]),s=n.useCallback(a=>{const h=[a.target].filter(t=>t instanceof HTMLOptionElement).filter(t=>t.selected).map(t=>t.value);l(h)},[]);return e.jsx(p,{...o,defaultValue:void 0,hasMultipleChoices:!0,onChange:s,value:r,children:e.jsxs(e.Fragment,{children:[e.jsxs("optgroup",{label:"Sol System",children:[e.jsx("option",{value:"earth",children:"Earth"}),e.jsx("option",{value:"mars",children:"Mars"}),e.jsx("option",{value:"ceres",children:"Ceres"}),e.jsx("option",{value:"eros",children:"Eros"}),e.jsx("option",{value:"tycho-station",children:"Tycho Station"}),e.jsx("option",{value:"phoebe",children:"Phoebe"}),e.jsx("option",{value:"ganymede",children:"Ganymede"})]}),e.jsxs("optgroup",{label:"Extrasolar",children:[e.jsx("option",{value:"auberon",children:"Auberon"}),e.jsx("option",{value:"al-halub",children:"Al-Halub"}),e.jsx("option",{value:"freehold",children:"Freehold"}),e.jsx("option",{value:"laconia",children:"Laconia"}),e.jsx("option",{value:"new-terra",children:"New Terra"})]})]})})}};var q,z,I;g.parameters={...g.parameters,docs:{...(q=g.parameters)==null?void 0:q.docs,source:{originalSource:`{
+  ...Template
+}`,...(I=(z=g.parameters)==null?void 0:z.docs)==null?void 0:I.source}}};var B,_,J;b.parameters={...b.parameters,docs:{...(B=b.parameters)==null?void 0:B.docs,source:{originalSource:`{
+  ...Template,
+  args: {
+    isDisabled: true
+  }
+}`,...(J=(_=b.parameters)==null?void 0:_.docs)==null?void 0:J.source}}};var K,Q,U;f.parameters={...f.parameters,docs:{...(K=f.parameters)==null?void 0:K.docs,source:{originalSource:`{
+  ...Template,
+  args: {
+    errorMessage: "Select your destination."
+  }
+}`,...(U=(Q=f.parameters)==null?void 0:Q.docs)==null?void 0:U.source}}};var X,Y,Z;x.parameters={...x.parameters,docs:{...(X=x.parameters)==null?void 0:X.docs,source:{originalSource:`{
+  ...Template,
+  args: {
+    errorMessage: "Select your destination.",
+    errorMessageList: ["Select 1 planet", "Select 1 moon"]
+  }
+}`,...(Z=(Y=x.parameters)==null?void 0:Y.docs)==null?void 0:Z.source}}};var $,ee,oe;y.parameters={...y.parameters,docs:{...($=y.parameters)==null?void 0:$.docs,source:{originalSource:`{
+  ...GroupTemplate
+}`,...(oe=(ee=y.parameters)==null?void 0:ee.docs)==null?void 0:oe.source}}};var ne,te,ae;j.parameters={...j.parameters,docs:{...(ne=j.parameters)==null?void 0:ne.docs,source:{originalSource:`{
+  ...Template,
+  args: {
+    hasMultipleChoices: true,
+    defaultValue: []
+  }
+}`,...(ae=(te=j.parameters)==null?void 0:te.docs)==null?void 0:ae.source}}};var re,le,se;C.parameters={...C.parameters,docs:{...(re=C.parameters)==null?void 0:re.docs,source:{originalSource:`{
+  ...Template,
+  args: {
+    isOptional: true
+  }
+}`,...(se=(le=C.parameters)==null?void 0:le.docs)==null?void 0:se.source}}};var ie,pe,ce;S.parameters={...S.parameters,docs:{...(ie=S.parameters)==null?void 0:ie.docs,source:{originalSource:`{
+  ...Template,
+  args: {
+    HintLinkComponent: <Link href="/learn-more">Learn more</Link>
+  }
+}`,...(ce=(pe=S.parameters)==null?void 0:pe.docs)==null?void 0:ce.source}}};var ue,de,he;M.parameters={...M.parameters,docs:{...(ue=M.parameters)==null?void 0:ue.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "When the component is controlled, the parent component is responsible for passing \`value\` to the component and listening for changes with \`onChange\`"
+      }
+    }
+  },
+  args: {},
+  render: function C(args) {
+    const [localValue, setLocalValue] = useState("");
+    const onChange = useCallback((event: SelectChangeEvent<string | string[]>) => setLocalValue(event.target.value as string), []);
+    return <NativeSelect {...args} children={<>
+            <optgroup label="Sol System">
+              <option value="earth">Earth</option>
+              <option value="mars">Mars</option>
+              <option value="ceres">Ceres</option>
+              <option value="eros">Eros</option>
+              <option value="tycho-station">Tycho Station</option>
+              <option value="phoebe">Phoebe</option>
+              <option value="ganymede">Ganymede</option>
+            </optgroup>
+            <optgroup label="Extrasolar">
+              <option value="auberon">Auberon</option>
+              <option value="al-halub">Al-Halub</option>
+              <option value="freehold">Freehold</option>
+              <option value="laconia">Laconia</option>
+              <option value="new-terra">New Terra</option>
+            </optgroup>
+          </>} onChange={onChange} value={localValue} />;
+  }
+}`,...(he=(de=M.parameters)==null?void 0:de.docs)==null?void 0:he.source}}};var me,ve,ge;L.parameters={...L.parameters,docs:{...(me=L.parameters)==null?void 0:me.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "When the component is controlled, the parent component is responsible for passing \`value\` to the component and listening for changes with \`onChange\`"
+      }
+    }
+  },
+  render: function C(args) {
+    const [localValue, setLocalValue] = useState([""]);
+    const onChange = useCallback<Required<NativeSelectProps<typeof localValue, true>>["onChange"]>(event => {
+      const selectedOptions = [event.target].filter(option => option instanceof HTMLOptionElement).filter(option => option.selected).map(selectedOption => selectedOption.value);
+      setLocalValue(selectedOptions);
+    }, []);
+    return <NativeSelect {...args} defaultValue={undefined} hasMultipleChoices={true}
+    // @ts-expect-error This is going to break because generics aren't passed through.
+    onChange={onChange} value={localValue}>
+        <>
+          <optgroup label="Sol System">
+            <option value="earth">Earth</option>
+            <option value="mars">Mars</option>
+            <option value="ceres">Ceres</option>
+            <option value="eros">Eros</option>
+            <option value="tycho-station">Tycho Station</option>
+            <option value="phoebe">Phoebe</option>
+            <option value="ganymede">Ganymede</option>
+          </optgroup>
+          <optgroup label="Extrasolar">
+            <option value="auberon">Auberon</option>
+            <option value="al-halub">Al-Halub</option>
+            <option value="freehold">Freehold</option>
+            <option value="laconia">Laconia</option>
+            <option value="new-terra">New Terra</option>
+          </optgroup>
+        </>
+      </NativeSelect>;
+  }
+}`,...(ge=(ve=L.parameters)==null?void 0:ve.docs)==null?void 0:ge.source}}};var be,fe,xe;E.parameters={...E.parameters,docs:{...(be=E.parameters)==null?void 0:be.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "When the component is controlled, the parent component is responsible for passing \`value\` to the component and listening for changes with \`onChange\`"
+      }
+    }
+  },
+  args: {},
+  render: function C(args) {
+    const [localValue, setLocalValue] = useState("Laconia");
+    const onChange = useCallback((event: SelectChangeEvent<string | string[]>) => setLocalValue(event.target.value as string), []);
+    return <NativeSelect {...args} children={<>
+            <optgroup label="Sol System">
+              <option value="earth">Earth</option>
+              <option value="mars">Mars</option>
+              <option value="ceres">Ceres</option>
+              <option value="eros">Eros</option>
+              <option value="tycho-station">Tycho Station</option>
+              <option value="phoebe">Phoebe</option>
+              <option value="ganymede">Ganymede</option>
+            </optgroup>
+            <optgroup label="Extrasolar">
+              <option value="auberon">Auberon</option>
+              <option value="al-halub">Al-Halub</option>
+              <option value="freehold">Freehold</option>
+              <option value="laconia">Laconia</option>
+              <option value="new-terra">New Terra</option>
+            </optgroup>
+          </>} onChange={onChange} value={localValue} />;
+  }
+}`,...(xe=(fe=E.parameters)==null?void 0:fe.docs)==null?void 0:xe.source}}};var ye,je,Ce;T.parameters={...T.parameters,docs:{...(ye=T.parameters)==null?void 0:ye.docs,source:{originalSource:`{
+  parameters: {
+    docs: {
+      description: {
+        story: "When the component is controlled, the parent component is responsible for passing \`value\` to the component and listening for changes with \`onChange\`.\\n\\nPreselected values are referenced by the value of the \`value\` attritube on \`option\` elements."
+      }
+    }
+  },
+  render: function C(args) {
+    const [localValue, setLocalValue] = useState(["laconia", "new-terra"]);
+    const onChange = useCallback<Required<NativeSelectProps<typeof localValue, true>>["onChange"]>(event => {
+      const selectedOptions = [event.target].filter(option => option instanceof HTMLOptionElement).filter(option => option.selected).map(selectedOption => selectedOption.value);
+      setLocalValue(selectedOptions);
+    }, []);
+    return <NativeSelect {...args} defaultValue={undefined} hasMultipleChoices
+    // @ts-expect-error This is going to break because generics aren't passed through.
+    onChange={onChange} value={localValue}>
+        <>
+          <optgroup label="Sol System">
+            <option value="earth">Earth</option>
+            <option value="mars">Mars</option>
+            <option value="ceres">Ceres</option>
+            <option value="eros">Eros</option>
+            <option value="tycho-station">Tycho Station</option>
+            <option value="phoebe">Phoebe</option>
+            <option value="ganymede">Ganymede</option>
+          </optgroup>
+          <optgroup label="Extrasolar">
+            <option value="auberon">Auberon</option>
+            <option value="al-halub">Al-Halub</option>
+            <option value="freehold">Freehold</option>
+            <option value="laconia">Laconia</option>
+            <option value="new-terra">New Terra</option>
+          </optgroup>
+        </>
+      </NativeSelect>;
+  }
+}`,...(Ce=(je=T.parameters)==null?void 0:je.docs)==null?void 0:Ce.source}}};const Bo=["Default","DefaultDisabled","DefaultError","ErrorsList","DefaultGrouped","Multi","Optional","HintLink","Controlled","ControlledMultiselect","ControlledPreselected","ControlledPreselectedMultiselect"];export{M as Controlled,L as ControlledMultiselect,E as ControlledPreselected,T as ControlledPreselectedMultiselect,g as Default,b as DefaultDisabled,f as DefaultError,y as DefaultGrouped,x as ErrorsList,S as HintLink,j as Multi,C as Optional,Bo as __namedExportsOrder,Io as default};

package/dist/assets/{OdysseyProvider-BPLFYiwr.js → OdysseyProvider-qIn9QVYS.js}

@@ -1,4 +1,4 @@
-import{r as l}from"./index-NdkWRN8K.js";import{j as a}from"./jsx-runtime-CnH95YSl.js";import{c as h,ac as O,b as p,U as M,V as j,_ as B,s as P,d as w,f as k,aH as A,aI as N,N as z,aJ as F}from"./OdysseyThemeProvider-BykOaJq8.js";const v=(e,o)=>p({WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",boxSizing:"border-box",WebkitTextSizeAdjust:"100%"},o&&!e.vars&&{colorScheme:e.palette.mode}),S=e=>p({color:(e.vars||e).palette.text.primary},e.typography.body1,{backgroundColor:(e.vars||e).palette.background.default,"@media print":{backgroundColor:(e.vars||e).palette.common.white}}),I=(e,o=!1)=>{var t;const n={};o&&e.colorSchemes&&Object.entries(e.colorSchemes).forEach(([i,c])=>{var d;n[e.getColorSchemeSelector(i).replace(/\s*&/,"")]={colorScheme:(d=c.palette)==null?void 0:d.mode}});let s=p({html:v(e,o),"*, *::before, *::after":{boxSizing:"inherit"},"strong, b":{fontWeight:e.typography.fontWeightBold},body:p({margin:0},S(e),{"&::backdrop":{backgroundColor:(e.vars||e).palette.background.default}})},n);const r=(t=e.components)==null||(t=t.MuiCssBaseline)==null?void 0:t.styleOverrides;return r&&(s=[s,r]),s};function W(e){const o=h({props:e,name:"MuiCssBaseline"}),{children:t,enableColorScheme:n=!1}=o;return a.jsxs(l.Fragment,{children:[a.jsx(O,{styles:s=>I(s,n)}),t]})}function U(e){return M("MuiScopedCssBaseline",e)}j("MuiScopedCssBaseline",["root"]);const _=["className","component","enableColorScheme"],T=e=>{const{classes:o}=e;return k({root:["root"]},U,o)},q=P("div",{name:"MuiScopedCssBaseline",slot:"Root",overridesResolver:(e,o)=>o.root})(({theme:e,ownerState:o})=>{const t={};return o.enableColorScheme&&e.colorSchemes&&Object.entries(e.colorSchemes).forEach(([n,s])=>{var r;t[`&${e.getColorSchemeSelector(n).replace(/\s*&/,"")}`]={colorScheme:(r=s.palette)==null?void 0:r.mode}}),p({},v(e,o.enableColorScheme),S(e),{"& *, & *::before, & *::after":{boxSizing:"inherit"},"& strong, & b":{fontWeight:e.typography.fontWeightBold}},t)}),$=l.forwardRef(function(o,t){const n=h({props:o,name:"MuiScopedCssBaseline"}),{className:s,component:r="div"}=n,i=B(n,_),c=p({},n,{component:r}),d=T(c);return a.jsx(q,p({as:r,className:w(d.root,s),ref:t,ownerState:c},i))}),H=e=>a.jsx(W,{...e});/*!
+import{r as l}from"./index-NdkWRN8K.js";import{j as a}from"./jsx-runtime-CnH95YSl.js";import{c as h,ad as R,b as p,V as M,W as j,_ as B,s as P,d as w,f as k,aH as A,aI as z,O as F,aJ as N}from"./OdysseyThemeProvider-Bh0Bu-2o.js";const v=(e,o)=>p({WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",boxSizing:"border-box",WebkitTextSizeAdjust:"100%"},o&&!e.vars&&{colorScheme:e.palette.mode}),S=e=>p({color:(e.vars||e).palette.text.primary},e.typography.body1,{backgroundColor:(e.vars||e).palette.background.default,"@media print":{backgroundColor:(e.vars||e).palette.common.white}}),W=(e,o=!1)=>{var t;const n={};o&&e.colorSchemes&&Object.entries(e.colorSchemes).forEach(([i,c])=>{var d;n[e.getColorSchemeSelector(i).replace(/\s*&/,"")]={colorScheme:(d=c.palette)==null?void 0:d.mode}});let s=p({html:v(e,o),"*, *::before, *::after":{boxSizing:"inherit"},"strong, b":{fontWeight:e.typography.fontWeightBold},body:p({margin:0},S(e),{"&::backdrop":{backgroundColor:(e.vars||e).palette.background.default}})},n);const r=(t=e.components)==null||(t=t.MuiCssBaseline)==null?void 0:t.styleOverrides;return r&&(s=[s,r]),s};function I(e){const o=h({props:e,name:"MuiCssBaseline"}),{children:t,enableColorScheme:n=!1}=o;return a.jsxs(l.Fragment,{children:[a.jsx(R,{styles:s=>W(s,n)}),t]})}function _(e){return M("MuiScopedCssBaseline",e)}j("MuiScopedCssBaseline",["root"]);const T=["className","component","enableColorScheme"],U=e=>{const{classes:o}=e;return k({root:["root"]},_,o)},q=P("div",{name:"MuiScopedCssBaseline",slot:"Root",overridesResolver:(e,o)=>o.root})(({theme:e,ownerState:o})=>{const t={};return o.enableColorScheme&&e.colorSchemes&&Object.entries(e.colorSchemes).forEach(([n,s])=>{var r;t[`&${e.getColorSchemeSelector(n).replace(/\s*&/,"")}`]={colorScheme:(r=s.palette)==null?void 0:r.mode}}),p({},v(e,o.enableColorScheme),S(e),{"& *, & *::before, & *::after":{boxSizing:"inherit"},"& strong, & b":{fontWeight:e.typography.fontWeightBold}},t)}),$=l.forwardRef(function(o,t){const n=h({props:o,name:"MuiScopedCssBaseline"}),{className:s,component:r="div"}=n,i=B(n,T),c=p({},n,{component:r}),d=U(c);return a.jsx(q,p({as:r,className:w(d.root,s),ref:t,ownerState:c},i))}),H=e=>a.jsx(I,{...e});/*!
  * Copyright (c) 2025-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.")
  *
@@ -63,4 +63,4 @@ import{r as l}from"./index-NdkWRN8K.js";import{j as a}from"./jsx-runtime-CnH95YS
  * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  *
  * See the License for the specific language governing permissions and limitations under the License.
- */const Z=({children:e,emotionRoot:o,emotionRootElement:t,nonce:n,stylisPlugins:s})=>{const r=Y(),i=l.useMemo(()=>A({...(t||o)&&{container:t||o},key:r,nonce:n??globalThis.cspNonce,prepend:!0,speedy:!0,...s&&{stylisPlugins:s}}),[o,t,n,s,r]);return a.jsx(N,{value:i,children:e})},f=l.memo(Z);f.displayName="OdysseyCacheProvider";const ee={height:"inherit"},oe=({children:e,contrastMode:o,designTokensOverride:t,emotionRoot:n,emotionRootElement:s,hasCssBaseline:r,hasScopedCssBaseline:i=!0,hasWrapperElement:c,languageCode:d,nonce:m,overlayParentElement:g,shadowDomElement:u,shadowRootElement:y,stylisPlugins:E,themeOverride:x,translationOverrides:R})=>a.jsx(f,{emotionRootElement:s||n,nonce:m,stylisPlugins:E,children:a.jsx(z,{contrastMode:o,designTokensOverride:t,hasWrapperElement:c,shadowRootElement:y??u,themeOverride:x,children:a.jsx(F,{languageCode:d,translationOverrides:R,children:a.jsxs(b,{hasShadowDom:!!(y||u),overlayParentElement:g,children:[r&&a.jsx(H,{}),i?a.jsx($,{sx:ee,children:e}):e]})})})}),te=l.memo(oe);te.displayName="OdysseyProvider";export{H as C,te as M,$ as S,W as a,L as c,J as e,ae as u};
+ */const Z=({children:e,emotionRoot:o,emotionRootElement:t,nonce:n,stylisPlugins:s})=>{const r=Y(),i=l.useMemo(()=>A({...(t||o)&&{container:t||o},key:r,nonce:n??globalThis.cspNonce,prepend:!0,speedy:!0,...s&&{stylisPlugins:s}}),[o,t,n,s,r]);return a.jsx(z,{value:i,children:e})},f=l.memo(Z);f.displayName="OdysseyCacheProvider";const ee={height:"inherit"},oe=({children:e,contrastMode:o,designTokensOverride:t,emotionRoot:n,emotionRootElement:s,hasCssBaseline:r,hasScopedCssBaseline:i=!0,hasWrapperElement:c,languageCode:d,nonce:m,overlayParentElement:g,shadowDomElement:u,shadowRootElement:y,stylisPlugins:E,themeOverride:x,translationOverrides:O})=>a.jsx(f,{emotionRootElement:s||n,nonce:m,stylisPlugins:E,children:a.jsx(F,{contrastMode:o,designTokensOverride:t,hasWrapperElement:c,shadowRootElement:y??u,themeOverride:x,children:a.jsx(N,{languageCode:d,translationOverrides:O,children:a.jsxs(b,{hasShadowDom:!!(y||u),overlayParentElement:g,children:[r&&a.jsx(H,{}),i?a.jsx($,{sx:ee,children:e}):e]})})})}),te=l.memo(oe);te.displayName="OdysseyProvider";export{H as C,te as M,$ as S,I as a,L as c,J as e,ae as u};

package/dist/assets/{OdysseyStorybookThemeDecorator-CGH8visK.js → OdysseyStorybookThemeDecorator-BuDiOG2V.js}

@@ -1 +1 @@
-import{j as e}from"./jsx-runtime-CnH95YSl.js";import{Y as a,Z as t}from"./OdysseyThemeProvider-BykOaJq8.js";import{E as r}from"./index-BJTM6NaI.js";import{M as l}from"./OdysseyProvider-BPLFYiwr.js";const n={fontFamily:"'Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', 'Noto Sans Arabic', sans-serif"},i=a({odysseyTokens:t}),h=(o,s)=>e.jsx(l,{hasCssBaseline:!0,languageCode:s.globals.locale,children:e.jsx(r,{theme:i,children:e.jsx("div",{lang:s.globals.locale,style:n,children:e.jsx(o,{})})})});export{h as O};
+import{j as e}from"./jsx-runtime-CnH95YSl.js";import{Z as a,$ as t}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{E as r}from"./index-BJTM6NaI.js";import{M as l}from"./OdysseyProvider-qIn9QVYS.js";const n={fontFamily:"'Inter', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', 'Noto Sans Arabic', sans-serif"},i=a({odysseyTokens:t}),h=(o,s)=>e.jsx(l,{hasCssBaseline:!0,languageCode:s.globals.locale,children:e.jsx(r,{theme:i,children:e.jsx("div",{lang:s.globals.locale,style:n,children:e.jsx(o,{})})})});export{h as O};

package/dist/assets/{OdysseyThemeProvider-BykOaJq8.js → OdysseyThemeProvider-Bh0Bu-2o.js}

@@ -186,4 +186,4 @@ import{r as w,R as Na}from"./index-NdkWRN8K.js";import{j as I}from"./jsx-runtime
  * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  *
  * See the License for the specific language governing permissions and limitations under the License.
- */const Yh=Qt("div")({height:"inherit"}),Th=({children:t,contrastMode:e,designTokensOverride:a,hasWrapperElement:r=!0,shadowDomElement:i,shadowRootElement:n,themeOverride:l})=>{const o=Un(),s=a??o.designTokensOverride,c=n??i??o.shadowRootElement,d=l??o.themeOverride,{contrastMode:b,contrastContainerRef:g}=Fh({contrastMode:e}),f=w.useMemo(()=>({...Ei,...s}),[s]),h=w.useMemo(()=>Gh({contrastMode:b,odysseyTokens:f,shadowRootElement:c}),[b,f,c]),p=w.useMemo(()=>pr(be(h,d||{})),[h,d]),v=w.useMemo(()=>({contrastMode:b}),[b]),y=w.useMemo(()=>I.jsx(qn.Provider,{value:v,children:I.jsx(Pg,{theme:p,children:I.jsx(Kn,{designTokensOverride:s,shadowRootElement:c,themeOverride:d,children:I.jsx(An.Provider,{value:f,children:t})})})}),[t,v,p,s,f,c,d]);return r?I.jsx(Yh,{ref:g,children:y}):y},Zh=w.memo(Th);Zh.displayName="OdysseyThemeProvider";export{ir as $,vd as A,xf as B,Ee as C,cr as D,$p as E,Ip as F,Be as G,en as H,ba as I,$f as J,Nn as K,Ja as L,Bn as M,Zh as N,He as O,wt as P,Sd as Q,gf as R,Ie as S,Pf as T,K as U,q as V,mn as W,Jt as X,Gh as Y,Ei as Z,Pe as _,hd as a,Bt as a$,bp as a0,up as a1,Mf as a2,Fn as a3,Ah as a4,Js as a5,kf as a6,pr as a7,be as a8,Pg as a9,gt as aA,wf as aB,bt as aC,rf as aD,Eg as aE,lf as aF,Sg as aG,qi as aH,pp as aI,If as aJ,_e as aK,Xe as aL,We as aM,Ae as aN,ke as aO,Gi as aP,Ht as aQ,ar as aR,jn as aS,Dn as aT,_n as aU,Wn as aV,mg as aW,jg as aX,Bg as aY,Ag as aZ,dr as a_,cf as aa,ae as ab,sf as ac,Da as ad,Cu as ae,of as af,ce as ag,Xi as ah,fp as ai,og as aj,pf as ak,De as al,Oe as am,tf as an,rn as ao,ef as ap,At as aq,wd as ar,ca as as,df as at,_t as au,Ln as av,Hf as aw,Hh as ax,Oh as ay,uf as az,O as b,xg as b0,Du as b1,Lu as b2,vf as b3,Sf as b4,Cf as b5,Rf as b6,zf as b7,gn as b8,Ig as c,Rd as d,Ue as e,kd as f,ff as g,Qt as h,Ng as i,mf as j,Fe as k,yf as l,mt as m,Ua as n,Dg as o,Fg as p,Oa as q,Cg as r,Rg as s,Pu as t,Of as u,nf as v,hf as w,Lg as x,bf as y,af as z};
+ */const Yh=Qt("div")({height:"inherit"}),Th=({children:t,contrastMode:e,designTokensOverride:a,hasWrapperElement:r=!0,shadowDomElement:i,shadowRootElement:n,themeOverride:l})=>{const o=Un(),s=a??o.designTokensOverride,c=n??i??o.shadowRootElement,d=l??o.themeOverride,{contrastMode:b,contrastContainerRef:g}=Fh({contrastMode:e}),f=w.useMemo(()=>({...Ei,...s}),[s]),h=w.useMemo(()=>Gh({contrastMode:b,odysseyTokens:f,shadowRootElement:c}),[b,f,c]),p=w.useMemo(()=>pr(be(h,d||{})),[h,d]),v=w.useMemo(()=>({contrastMode:b}),[b]),y=w.useMemo(()=>I.jsx(qn.Provider,{value:v,children:I.jsx(Pg,{theme:p,children:I.jsx(Kn,{designTokensOverride:s,shadowRootElement:c,themeOverride:d,children:I.jsx(An.Provider,{value:f,children:t})})})}),[t,v,p,s,f,c,d]);return r?I.jsx(Yh,{ref:g,children:y}):y},Zh=w.memo(Th);Zh.displayName="OdysseyThemeProvider";export{Ei as $,vd as A,xf as B,Ee as C,Ip as D,ba as E,Cu as F,cr as G,$p as H,Be as I,en as J,$f as K,Nn as L,Bn as M,Ja as N,Zh as O,He as P,wt as Q,Sd as R,Ie as S,Pf as T,gf as U,K as V,q as W,mn as X,Jt as Y,Gh as Z,Pe as _,hd as a,Bt as a$,ir as a0,bp as a1,up as a2,Mf as a3,Fn as a4,Ah as a5,Js as a6,kf as a7,pr as a8,be as a9,gt as aA,wf as aB,bt as aC,rf as aD,Eg as aE,lf as aF,Sg as aG,qi as aH,pp as aI,If as aJ,_e as aK,Xe as aL,We as aM,Ae as aN,ke as aO,Gi as aP,Ht as aQ,ar as aR,jn as aS,Dn as aT,_n as aU,Wn as aV,mg as aW,jg as aX,Bg as aY,Ag as aZ,dr as a_,Pg as aa,cf as ab,ae as ac,sf as ad,wd as ae,Da as af,of as ag,ce as ah,Xi as ai,fp as aj,og as ak,pf as al,De as am,Oe as an,tf as ao,rn as ap,ef as aq,At as ar,ca as as,df as at,_t as au,Ln as av,Hf as aw,Hh as ax,Oh as ay,uf as az,O as b,xg as b0,Du as b1,Lu as b2,sn as b3,vf as b4,Sf as b5,Cf as b6,Rf as b7,zf as b8,gn as b9,Ig as c,Rd as d,Ue as e,kd as f,ff as g,Qt as h,Ng as i,mf as j,Fe as k,yf as l,mt as m,Ua as n,Dg as o,Fg as p,Oa as q,Cg as r,Rg as s,Pu as t,Of as u,nf as v,hf as w,Lg as x,bf as y,af as z};

package/dist/assets/{PageHeader.stories-DHDJTskZ.js → PageHeader.stories-MDEEjM1g.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-CnH95YSl.js";import{R as we,P as r}from"./ResourceAccessPolicyComponentsStorybookThemeDecorator-Xen2vDro.js";import{a as t}from"./index-B-lxVbXh.js";import{O as Ae}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{B as n}from"./Breadcrumbs-BGJJeoxM.js";import{M as ve}from"./MenuButton-DvVmjwMC.js";import{M as j}from"./MenuItem-DoUaLmgU.js";import{M as a}from"./Button-DPUOjyZy.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-CQfngSjD.js";import"./Typography-CSpPZFTF.js";import"./Box-B6KmU4_J.js";import"./Chip-B9WkuA4b.js";import"./createSvgIcon-Bv_3NNsK.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./ButtonBase-CrcIXP69.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-DTTkq0Su.js";import"./TransitionGroupContext-DAL84N7p.js";import"./Link-DcsndbPK.js";import"./Menu-CU_mHT7L.js";import"./getReactElementRef-Bs64nbeG.js";import"./resolveComponentProps-TTQVZ4OZ.js";import"./isHostComponent-DVu5iVWx.js";import"./Grow-6R6cTzr4.js";import"./utils-BdcLUgCD.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./ownerDocument-DW-IO8s5.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-B12sS2Yh.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Portal-CsPQSHsR.js";import"./Fade-CHnXmzFb.js";import"./Paper-DwBg74qy.js";import"./MenuList-0OHGr5AC.js";import"./List-_p0jkXPM.js";import"./i18next-7SyOfhCu.js";import"./OdysseyProvider-BPLFYiwr.js";import"./v4-CtRu48qb.js";import"./index-BJTM6NaI.js";import"./Typography-B7ktrxCD.js";import"./Group-DWmiPyzE.js";import"./User-CvYTA860.js";import"./MenuItem-oi_JaUho.js";import"./Home-CUQc6tB8.js";import"./BaseMenuButton-DCwowxQ6.js";import"./Box-B-R2QRDU.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.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"./Button-BvUGu5Sm.js";import"./MenuContext-DKMyPMNY.js";import"./More-BgQrTkKM.js";const f=["Metadata A","Metadata B","Metadata C"],Vr={component:r,decorators:[Ae,we],tags:["autodocs"]},i={render:Be=>e.jsxs(r,{testId:Be.testId,children:[e.jsxs(r.Breadcrumbs,{homeHref:"#",children:[e.jsx(n,{href:"#",onClick:t("Page Title click"),children:"Page Title"},"page1"),e.jsx(n,{children:"Current Page"},"current")]}),e.jsx(r.Image,{children:e.jsx("span",{style:{fontSize:48},children:"👤"})}),e.jsx(r.Title,{overline:"OVERLINE",status:{label:"BETA",severity:"info"},children:"Page title"}),e.jsx(r.Metadata,{items:f}),e.jsx(r.Description,{children:"Optional brief description about the section or page you are about to encounter below."}),e.jsx(r.Documentation,{href:"#",label:"Documentation"}),e.jsxs(r.Actions,{children:[e.jsx(ve,{buttonLabel:"Secondary",children:e.jsx(j,{onClick:t("Action click"),children:"Action"})}),e.jsx(a,{label:"Primary",onClick:t("primary click"),variant:"primary"})]})]}),parameters:{docs:{description:{story:"Demonstrates the composable API with all features. Components are automatically organized into the correct layout sections regardless of their order in the JSX."}}}},o={render:()=>e.jsxs(r,{children:[e.jsx(r.Title,{children:"Page title"}),e.jsx(r.Description,{children:"Optional brief description about the section or page you are about to encounter below."})]})},s={render:()=>e.jsxs(r,{children:[e.jsxs(r.Breadcrumbs,{homeHref:"#",children:[e.jsx(n,{href:"#",onClick:t("Page Title click"),children:"Page Title"},"page1"),e.jsx(n,{children:"Current Page"},"current")]}),e.jsx(r.Title,{children:"Page title"})]})},c={render:()=>e.jsxs(r,{children:[e.jsx(r.BackLink,{href:"#",label:"Back to list",onClick:t("Back to list click")}),e.jsx(r.Title,{children:"Page title"})]}),parameters:{docs:{description:{story:"Uses the simple backLink variant (no breadcrumbs or custom navigation provided)."}}}},d={render:()=>e.jsxs(r,{children:[e.jsx(r.Title,{status:{label:"BETA",severity:"info"},children:"Page title"}),e.jsx(r.Metadata,{items:f.slice(0,2)})]})},l={render:()=>e.jsxs(r,{children:[e.jsx(r.Title,{children:"Page title"}),e.jsx(r.Documentation,{href:"#",label:"Documentation"})]}),parameters:{docs:{description:{story:"Shows the documentation link in the top-right corner."}}}},m={render:()=>e.jsxs(r,{children:[e.jsx(r.Title,{children:"Page title"}),e.jsxs(r.Actions,{children:[e.jsx(a,{label:"Secondary",onClick:t("secondary click"),variant:"secondary"}),e.jsx(a,{label:"Primary",onClick:t("primary click"),variant:"primary"})]})]}),parameters:{docs:{description:{story:"Demonstrates the actions area with React element buttons."}}}},p={render:()=>e.jsxs(r,{children:[e.jsx(r.Title,{children:"Page title"}),e.jsxs(r.Actions,{children:[e.jsxs(ve,{buttonLabel:"Menu",buttonVariant:"secondary",children:[e.jsx(j,{onClick:t("Option 1 click"),children:"Option 1"}),e.jsx(j,{onClick:t("Option 2 click"),children:"Option 2"})]}),e.jsx(a,{label:"Save",onClick:t("save click"),variant:"primary"})]})]}),parameters:{docs:{description:{story:"Demonstrates mixing different types of React elements (MenuButton and Button) in the actions array."}}}},u={render:()=>e.jsxs(r,{children:[e.jsx(r.Title,{children:"Page title"}),e.jsxs(r.Actions,{children:[e.jsx(a,{label:"Action 1",onClick:t("action 1"),variant:"secondary"}),e.jsx(a,{label:"Action 2",onClick:t("action 2"),variant:"secondary"}),e.jsx(a,{label:"Action 3",onClick:t("action 3"),variant:"secondary"}),e.jsx(a,{label:"Action 4",onClick:t("action 4"),variant:"primary"}),e.jsx(a,{label:"Action 5",onClick:t("action 5"),variant:"primary"})]})]}),parameters:{docs:{description:{story:"Demonstrates that only the first 3 actions are rendered when more than 3 actions are provided. Actions 4 and 5 are ignored."}}}},h={render:()=>e.jsxs(r,{children:[e.jsx(r.Title,{status:{label:"ACTIVE",severity:"success"},children:"Page title"}),e.jsx(r.Metadata,{items:f}),e.jsx(r.Image,{children:e.jsx("span",{style:{fontSize:48},children:"👤"})})]})},g={render:()=>e.jsxs(r,{children:[e.jsx(r.Actions,{children:e.jsx(a,{label:"Action First",variant:"primary"})}),e.jsx(r.Title,{children:"Title comes after actions in code"}),e.jsxs(r.Breadcrumbs,{homeHref:"#",children:[e.jsx(n,{href:"#",children:"Parent"},"parent"),e.jsx(n,{children:"Current"},"current")]}),e.jsx(r.Documentation,{href:"#",label:"Help"})]}),parameters:{docs:{description:{story:"Demonstrates that component order in JSX doesn't matter - they are automatically organized into the correct layout sections."}}}},P={render:()=>e.jsxs(r,{children:[e.jsx(r.Metadata,{items:["Created: 2024","Updated: 2025","Version: 1.0"]}),e.jsx(r.Title,{children:"Title Always Appears First"}),e.jsx(r.Description,{children:"Even when metadata is declared before the title in JSX, the title will always render first."})]}),parameters:{docs:{description:{story:"Demonstrates that title always renders before metadata, regardless of their order in JSX. This ensures consistent visual hierarchy."}}}},y={render:()=>e.jsx(r,{children:e.jsx(r.Title,{children:"Minimal Page"})}),parameters:{docs:{description:{story:"Minimal example with just a title."}}}},x={render:()=>e.jsx("div",{style:{maxWidth:"600px"},children:e.jsxs(r,{children:[e.jsx(r.Title,{clampLines:2,children:"This Is A Very Long Page Title That Should Be Clamped To Two Lines And Show Ellipsis When It Overflows The Container Width"}),e.jsx(r.Description,{children:"Description text appears below the clamped title."})]})}),parameters:{docs:{description:{story:"Demonstrates using `clampLines` on the title to limit it to 2 lines with ellipsis overflow."}}}},b={render:()=>e.jsx("div",{style:{maxWidth:"600px"},children:e.jsxs(r,{children:[e.jsx(r.Title,{wordBreak:"break-all",children:"ThisIsAnExtremelyLongWordWithoutSpacesThatWouldNormallyOverflowTheContainer_LikeAVeryLongIdentifierOrURL"}),e.jsx(r.Description,{children:"The title above uses wordBreak to handle long unbroken strings."})]})}),parameters:{docs:{description:{story:"Demonstrates using `wordBreak` on the title to handle long words or identifiers without spaces."}}}},H={render:()=>e.jsx("div",{style:{maxWidth:"600px"},children:e.jsxs(r,{children:[e.jsx(r.Title,{children:"Resource Details"}),e.jsx(r.Description,{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. Excepteur sint occaecat cupidatat non proident."}),e.jsx(r.Actions,{children:e.jsx(a,{label:"View More",variant:"secondary"})})]})}),parameters:{docs:{description:{story:"Demonstrates using `clampLines` on the description to truncate long text after 3 lines."}}}},T={render:()=>e.jsx("div",{style:{maxWidth:"600px"},children:e.jsxs(r,{children:[e.jsx(r.Title,{children:"API Endpoint"}),e.jsx(r.Description,{wordBreak:"break-all",children:"Endpoint URL: https://api.example.com/v1/resources/very-long-resource-identifier/sub-resources/another-long-identifier/actions"})]})}),parameters:{docs:{description:{story:"Demonstrates using `wordBreak` on the description to handle long URLs or paths."}}}},k={render:()=>e.jsx("div",{style:{maxWidth:"600px"},children:e.jsxs(r,{children:[e.jsx(r.Title,{clampLines:1,wordBreak:"break-word",children:"VeryLongResourceName_WithUnderscores_ThatNeedsToBeHandledProperly"}),e.jsx(r.Metadata,{items:["Created: 2024","Status: Active"]}),e.jsx(r.Description,{clampLines:2,wordBreak:"break-word",children:"This resource has a very long description with URLs like https://example.com/very-long-path/to/resource that need to wrap properly. The description will be clamped to 2 lines with ellipsis."}),e.jsx(r.Actions,{children:e.jsx(a,{label:"Edit",variant:"primary"})})]})}),parameters:{docs:{description:{story:"Demonstrates combining `wordBreak` and `clampLines` on both title and description to handle complex overflow scenarios."}}}};var v,B,w;i.parameters={...i.parameters,docs:{...(v=i.parameters)==null?void 0:v.docs,source:{originalSource:`{
+import{j as e}from"./jsx-runtime-CnH95YSl.js";import{R as we,P as r}from"./ResourceAccessPolicyComponentsStorybookThemeDecorator-Bo_QNpfC.js";import{a as t}from"./index-B-lxVbXh.js";import{O as Ae}from"./OdysseyStorybookThemeDecorator-BuDiOG2V.js";import{B as n}from"./Breadcrumbs-Bp-jt6t5.js";import{M as ve}from"./MenuButton-B3T7c15t.js";import{M as j}from"./MenuItem-CmSG6PNu.js";import{M as a}from"./Button-BEA5U6Tg.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./emotion-react-jsx-runtime.browser.esm-DL0BDwaj.js";import"./OdysseyThemeProvider-Bh0Bu-2o.js";import"./Typography-r6MlG5YM.js";import"./Typography-ClQ35Rr-.js";import"./Box-BcMTQ_R2.js";import"./createBox-Dxawkfow.js";import"./Chip-CXnMieIl.js";import"./createSvgIcon-ClUWwDzL.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./ButtonBase-BNqa2TMD.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-CJ6Ie9dp.js";import"./TransitionGroupContext-DAL84N7p.js";import"./Link-DNIf0luC.js";import"./Menu-K9lpVvDG.js";import"./getReactElementRef-DsIevm5t.js";import"./resolveComponentProps-DXQ8X87i.js";import"./isHostComponent-DVu5iVWx.js";import"./Grow-C8kUeGCY.js";import"./utils-kUZVaD1e.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./ownerDocument-DW-IO8s5.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-CSDyCVCf.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Portal-C6D59xAE.js";import"./Fade-dUgBN8rJ.js";import"./Paper-D-_O-EjU.js";import"./MenuList-BMOesnfs.js";import"./List-CmjR1pNu.js";import"./i18next-7SyOfhCu.js";import"./OdysseyProvider-qIn9QVYS.js";import"./v4-CtRu48qb.js";import"./index-BJTM6NaI.js";import"./Typography-Cz6D417Y.js";import"./Group-mTVRC79V.js";import"./User-CyxEAfVT.js";import"./MenuItem-vhp8G-Nb.js";import"./Home-la7Lmt_L.js";import"./BaseMenuButton-BIietjUB.js";import"./Box-1mvP3NLW.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./BaseButton-DYZHKnV3.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-CsVWtVfL.js";import"./Tooltip-Cq2rQGbD.js";import"./useControlled-NQulfz4l.js";import"./Popper-BARIxJrI.js";import"./popper-BVOCD5jc.js";import"./Button-BzIwUmSM.js";import"./MenuContext-DKMyPMNY.js";import"./More-DLQ2RjWn.js";const f=["Metadata A","Metadata B","Metadata C"],zr={component:r,decorators:[Ae,we],tags:["autodocs"]},i={render:Be=>e.jsxs(r,{testId:Be.testId,children:[e.jsxs(r.Breadcrumbs,{homeHref:"#",children:[e.jsx(n,{href:"#",onClick:t("Page Title click"),children:"Page Title"},"page1"),e.jsx(n,{children:"Current Page"},"current")]}),e.jsx(r.Image,{children:e.jsx("span",{style:{fontSize:48},children:"👤"})}),e.jsx(r.Title,{overline:"OVERLINE",status:{label:"BETA",severity:"info"},children:"Page title"}),e.jsx(r.Metadata,{items:f}),e.jsx(r.Description,{children:"Optional brief description about the section or page you are about to encounter below."}),e.jsx(r.Documentation,{href:"#",label:"Documentation"}),e.jsxs(r.Actions,{children:[e.jsx(ve,{buttonLabel:"Secondary",children:e.jsx(j,{onClick:t("Action click"),children:"Action"})}),e.jsx(a,{label:"Primary",onClick:t("primary click"),variant:"primary"})]})]}),parameters:{docs:{description:{story:"Demonstrates the composable API with all features. Components are automatically organized into the correct layout sections regardless of their order in the JSX."}}}},o={render:()=>e.jsxs(r,{children:[e.jsx(r.Title,{children:"Page title"}),e.jsx(r.Description,{children:"Optional brief description about the section or page you are about to encounter below."})]})},s={render:()=>e.jsxs(r,{children:[e.jsxs(r.Breadcrumbs,{homeHref:"#",children:[e.jsx(n,{href:"#",onClick:t("Page Title click"),children:"Page Title"},"page1"),e.jsx(n,{children:"Current Page"},"current")]}),e.jsx(r.Title,{children:"Page title"})]})},c={render:()=>e.jsxs(r,{children:[e.jsx(r.BackLink,{href:"#",label:"Back to list",onClick:t("Back to list click")}),e.jsx(r.Title,{children:"Page title"})]}),parameters:{docs:{description:{story:"Uses the simple backLink variant (no breadcrumbs or custom navigation provided)."}}}},d={render:()=>e.jsxs(r,{children:[e.jsx(r.Title,{status:{label:"BETA",severity:"info"},children:"Page title"}),e.jsx(r.Metadata,{items:f.slice(0,2)})]})},l={render:()=>e.jsxs(r,{children:[e.jsx(r.Title,{children:"Page title"}),e.jsx(r.Documentation,{href:"#",label:"Documentation"})]}),parameters:{docs:{description:{story:"Shows the documentation link in the top-right corner."}}}},m={render:()=>e.jsxs(r,{children:[e.jsx(r.Title,{children:"Page title"}),e.jsxs(r.Actions,{children:[e.jsx(a,{label:"Secondary",onClick:t("secondary click"),variant:"secondary"}),e.jsx(a,{label:"Primary",onClick:t("primary click"),variant:"primary"})]})]}),parameters:{docs:{description:{story:"Demonstrates the actions area with React element buttons."}}}},p={render:()=>e.jsxs(r,{children:[e.jsx(r.Title,{children:"Page title"}),e.jsxs(r.Actions,{children:[e.jsxs(ve,{buttonLabel:"Menu",buttonVariant:"secondary",children:[e.jsx(j,{onClick:t("Option 1 click"),children:"Option 1"}),e.jsx(j,{onClick:t("Option 2 click"),children:"Option 2"})]}),e.jsx(a,{label:"Save",onClick:t("save click"),variant:"primary"})]})]}),parameters:{docs:{description:{story:"Demonstrates mixing different types of React elements (MenuButton and Button) in the actions array."}}}},u={render:()=>e.jsxs(r,{children:[e.jsx(r.Title,{children:"Page title"}),e.jsxs(r.Actions,{children:[e.jsx(a,{label:"Action 1",onClick:t("action 1"),variant:"secondary"}),e.jsx(a,{label:"Action 2",onClick:t("action 2"),variant:"secondary"}),e.jsx(a,{label:"Action 3",onClick:t("action 3"),variant:"secondary"}),e.jsx(a,{label:"Action 4",onClick:t("action 4"),variant:"primary"}),e.jsx(a,{label:"Action 5",onClick:t("action 5"),variant:"primary"})]})]}),parameters:{docs:{description:{story:"Demonstrates that only the first 3 actions are rendered when more than 3 actions are provided. Actions 4 and 5 are ignored."}}}},h={render:()=>e.jsxs(r,{children:[e.jsx(r.Title,{status:{label:"ACTIVE",severity:"success"},children:"Page title"}),e.jsx(r.Metadata,{items:f}),e.jsx(r.Image,{children:e.jsx("span",{style:{fontSize:48},children:"👤"})})]})},g={render:()=>e.jsxs(r,{children:[e.jsx(r.Actions,{children:e.jsx(a,{label:"Action First",variant:"primary"})}),e.jsx(r.Title,{children:"Title comes after actions in code"}),e.jsxs(r.Breadcrumbs,{homeHref:"#",children:[e.jsx(n,{href:"#",children:"Parent"},"parent"),e.jsx(n,{children:"Current"},"current")]}),e.jsx(r.Documentation,{href:"#",label:"Help"})]}),parameters:{docs:{description:{story:"Demonstrates that component order in JSX doesn't matter - they are automatically organized into the correct layout sections."}}}},P={render:()=>e.jsxs(r,{children:[e.jsx(r.Metadata,{items:["Created: 2024","Updated: 2025","Version: 1.0"]}),e.jsx(r.Title,{children:"Title Always Appears First"}),e.jsx(r.Description,{children:"Even when metadata is declared before the title in JSX, the title will always render first."})]}),parameters:{docs:{description:{story:"Demonstrates that title always renders before metadata, regardless of their order in JSX. This ensures consistent visual hierarchy."}}}},y={render:()=>e.jsx(r,{children:e.jsx(r.Title,{children:"Minimal Page"})}),parameters:{docs:{description:{story:"Minimal example with just a title."}}}},x={render:()=>e.jsx("div",{style:{maxWidth:"600px"},children:e.jsxs(r,{children:[e.jsx(r.Title,{clampLines:2,children:"This Is A Very Long Page Title That Should Be Clamped To Two Lines And Show Ellipsis When It Overflows The Container Width"}),e.jsx(r.Description,{children:"Description text appears below the clamped title."})]})}),parameters:{docs:{description:{story:"Demonstrates using `clampLines` on the title to limit it to 2 lines with ellipsis overflow."}}}},b={render:()=>e.jsx("div",{style:{maxWidth:"600px"},children:e.jsxs(r,{children:[e.jsx(r.Title,{wordBreak:"break-all",children:"ThisIsAnExtremelyLongWordWithoutSpacesThatWouldNormallyOverflowTheContainer_LikeAVeryLongIdentifierOrURL"}),e.jsx(r.Description,{children:"The title above uses wordBreak to handle long unbroken strings."})]})}),parameters:{docs:{description:{story:"Demonstrates using `wordBreak` on the title to handle long words or identifiers without spaces."}}}},H={render:()=>e.jsx("div",{style:{maxWidth:"600px"},children:e.jsxs(r,{children:[e.jsx(r.Title,{children:"Resource Details"}),e.jsx(r.Description,{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. Excepteur sint occaecat cupidatat non proident."}),e.jsx(r.Actions,{children:e.jsx(a,{label:"View More",variant:"secondary"})})]})}),parameters:{docs:{description:{story:"Demonstrates using `clampLines` on the description to truncate long text after 3 lines."}}}},T={render:()=>e.jsx("div",{style:{maxWidth:"600px"},children:e.jsxs(r,{children:[e.jsx(r.Title,{children:"API Endpoint"}),e.jsx(r.Description,{wordBreak:"break-all",children:"Endpoint URL: https://api.example.com/v1/resources/very-long-resource-identifier/sub-resources/another-long-identifier/actions"})]})}),parameters:{docs:{description:{story:"Demonstrates using `wordBreak` on the description to handle long URLs or paths."}}}},k={render:()=>e.jsx("div",{style:{maxWidth:"600px"},children:e.jsxs(r,{children:[e.jsx(r.Title,{clampLines:1,wordBreak:"break-word",children:"VeryLongResourceName_WithUnderscores_ThatNeedsToBeHandledProperly"}),e.jsx(r.Metadata,{items:["Created: 2024","Status: Active"]}),e.jsx(r.Description,{clampLines:2,wordBreak:"break-word",children:"This resource has a very long description with URLs like https://example.com/very-long-path/to/resource that need to wrap properly. The description will be clamped to 2 lines with ellipsis."}),e.jsx(r.Actions,{children:e.jsx(a,{label:"Edit",variant:"primary"})})]})}),parameters:{docs:{description:{story:"Demonstrates combining `wordBreak` and `clampLines` on both title and description to handle complex overflow scenarios."}}}};var v,B,w;i.parameters={...i.parameters,docs:{...(v=i.parameters)==null?void 0:v.docs,source:{originalSource:`{
   render: args => <PageHeader testId={args.testId}>
       <PageHeader.Breadcrumbs homeHref="#">
         <Breadcrumb href="#" key="page1" onClick={action("Page Title click")}>
@@ -326,4 +326,4 @@ import{j as e}from"./jsx-runtime-CnH95YSl.js";import{R as we,P as r}from"./Resou
       }
     }
   }
-}`,...(fe=(je=k.parameters)==null?void 0:je.docs)==null?void 0:fe.source}}};const zr=["AllFeatures","Default","WithBreadcrumbs","WithBackLink","WithStatus","WithDocumentation","WithActions","WithMixedActions","WithTooManyActions","WithImage","OrderIndependent","MetadataBeforeTitle","Minimal","TitleWithClampLines","TitleWithWordBreak","DescriptionWithClampLines","DescriptionWithWordBreak","CombinedTitleAndDescriptionOverflow"];export{i as AllFeatures,k as CombinedTitleAndDescriptionOverflow,o as Default,H as DescriptionWithClampLines,T as DescriptionWithWordBreak,P as MetadataBeforeTitle,y as Minimal,g as OrderIndependent,x as TitleWithClampLines,b as TitleWithWordBreak,m as WithActions,c as WithBackLink,s as WithBreadcrumbs,l as WithDocumentation,h as WithImage,p as WithMixedActions,d as WithStatus,u as WithTooManyActions,zr as __namedExportsOrder,Vr as default};
+}`,...(fe=(je=k.parameters)==null?void 0:je.docs)==null?void 0:fe.source}}};const Jr=["AllFeatures","Default","WithBreadcrumbs","WithBackLink","WithStatus","WithDocumentation","WithActions","WithMixedActions","WithTooManyActions","WithImage","OrderIndependent","MetadataBeforeTitle","Minimal","TitleWithClampLines","TitleWithWordBreak","DescriptionWithClampLines","DescriptionWithWordBreak","CombinedTitleAndDescriptionOverflow"];export{i as AllFeatures,k as CombinedTitleAndDescriptionOverflow,o as Default,H as DescriptionWithClampLines,T as DescriptionWithWordBreak,P as MetadataBeforeTitle,y as Minimal,g as OrderIndependent,x as TitleWithClampLines,b as TitleWithWordBreak,m as WithActions,c as WithBackLink,s as WithBreadcrumbs,l as WithDocumentation,h as WithImage,p as WithMixedActions,d as WithStatus,u as WithTooManyActions,Jr as __namedExportsOrder,zr as default};

package/dist/assets/{PageHeader.stories-Cg0XA0p_.js → PageHeader.stories-eACdVWYK.js}

@@ -1,4 +1,4 @@
-import{a as O,j as B}from"./emotion-react-jsx-runtime.browser.esm-Cn-06VTs.js";import{r}from"./index-NdkWRN8K.js";import{u as U,W as X}from"./WorkflowsComponentsStorybookThemeDecorator-DJR9iMBt.js";import{j as m}from"./jsx-runtime-CnH95YSl.js";import{B as Y}from"./Box-B6KmU4_J.js";import{T as ee}from"./Typography-CSpPZFTF.js";import{S as oe}from"./OdysseyThemeProvider-BykOaJq8.js";import{T as te}from"./Tooltip-D_pBGtcj.js";import{B as ae}from"./Button-BvUGu5Sm.js";import{a as re}from"./index-B-lxVbXh.js";import{O as ne}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./i18next-7SyOfhCu.js";import"./OdysseyProvider-BPLFYiwr.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"./ButtonBase-CrcIXP69.js";import"./assertThisInitialized-B9jnkVVz.js";import"./v4-CtRu48qb.js";import"./index-BJTM6NaI.js";const ie=r.forwardRef((e,t)=>m.jsx(oe,{fill:"none",ref:t,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:m.jsx(m.Fragment,{children:m.jsx("path",{clipRule:"evenodd",d:"M11 13v5h2v-5h5v-2h-5V6h-2v5H6v2h5Z",fill:"currentColor",fillRule:"evenodd"})})})),V=r.memo(ie);V.displayName="AddIcon";const se={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",body:"body1",legend:"legend",overline:"overline",subordinate:"subtitle1",support:"subtitle2"},u=({ariaCurrent:e,ariaDescribedBy:t,ariaLabel:o,ariaLabelledBy:n,children:s,color:a,component:d,id:i,isPresentational:l,testId:c,translate:h,typographyRef:x,variant:p="body"})=>{const y=r.useMemo(()=>d||(p==="body"||p==="subordinate"||p==="support"||p==="overline"?"p":p),[d,p]),g=r.useRef(null);return r.useImperativeHandle(x,()=>({focus:()=>{var f;(f=g.current)==null||f.focus()}}),[]),m.jsx(ee,{"aria-current":e,"aria-describedby":t,"aria-label":o,"aria-labelledby":n,children:s,color:a,component:y,"data-se":c,id:i,ref:g,role:l?"presentation":void 0,tabIndex:-1,translate:h,variant:se[p]})},de=r.memo(u);de.displayName="Typography";const le=({ariaCurrent:e,ariaDescribedBy:t,ariaLabel:o,ariaLabelledBy:n,children:s,color:a,component:d,id:i,isPresentational:l,testId:c,translate:h})=>m.jsx(u,{ariaCurrent:e,ariaDescribedBy:t,ariaLabel:o,ariaLabelledBy:n,children:s,color:a,component:d,id:i,isPresentational:l,testId:c,translate:h,variant:"h1"}),P=r.memo(le);P.displayName="Heading1";const ce=({ariaCurrent:e,ariaDescribedBy:t,ariaLabel:o,ariaLabelledBy:n,children:s,color:a,component:d,id:i,testId:l,translate:c})=>m.jsx(u,{ariaCurrent:e,ariaDescribedBy:t,ariaLabel:o,ariaLabelledBy:n,children:s,color:a,component:d,id:i,testId:l,translate:c,variant:"h2"}),me=r.memo(ce);me.displayName="Heading2";const pe=({ariaCurrent:e,ariaDescribedBy:t,ariaLabel:o,ariaLabelledBy:n,children:s,color:a,component:d,id:i,testId:l,translate:c})=>m.jsx(u,{ariaCurrent:e,ariaDescribedBy:t,ariaLabel:o,ariaLabelledBy:n,children:s,color:a,component:d,id:i,testId:l,translate:c,variant:"h3"}),ue=r.memo(pe);ue.displayName="Heading3";const be=({ariaCurrent:e,ariaDescribedBy:t,ariaLabel:o,ariaLabelledBy:n,children:s,color:a,component:d,id:i,testId:l,translate:c})=>m.jsx(u,{ariaCurrent:e,ariaDescribedBy:t,ariaLabel:o,ariaLabelledBy:n,children:s,color:a,component:d,id:i,testId:l,translate:c,variant:"h4"}),he=r.memo(be);he.displayName="Heading4";const ye=({ariaCurrent:e,ariaDescribedBy:t,ariaLabel:o,ariaLabelledBy:n,children:s,color:a,component:d,id:i,testId:l,translate:c})=>m.jsx(u,{ariaCurrent:e,ariaDescribedBy:t,ariaLabel:o,ariaLabelledBy:n,children:s,color:a,component:d,id:i,testId:l,translate:c,variant:"h5"}),ge=r.memo(ye);ge.displayName="Heading5";const xe=({ariaCurrent:e,ariaDescribedBy:t,ariaLabel:o,ariaLabelledBy:n,children:s,color:a,component:d,id:i,testId:l,translate:c})=>m.jsx(u,{ariaCurrent:e,ariaDescribedBy:t,ariaLabel:o,ariaLabelledBy:n,children:s,color:a,component:d,id:i,testId:l,translate:c,variant:"h6"}),fe=r.memo(xe);fe.displayName="Heading6";const Be=({ariaCurrent:e,ariaDescribedBy:t,ariaLabel:o,ariaLabelledBy:n,children:s,color:a,component:d,id:i,testId:l,translate:c})=>m.jsx(u,{ariaCurrent:e,ariaDescribedBy:t,ariaLabel:o,ariaLabelledBy:n,children:s,color:a,component:d,id:i,testId:l,translate:c,variant:"body"}),_=r.memo(Be);_.displayName="Paragraph";const Ce=({ariaCurrent:e,ariaDescribedBy:t,ariaLabel:o,ariaLabelledBy:n,children:s,color:a,component:d,id:i,testId:l,translate:c})=>m.jsx(u,{ariaCurrent:e,ariaDescribedBy:t,ariaLabel:o,ariaLabelledBy:n,children:s,color:a,component:d,id:i,testId:l,translate:c,variant:"subordinate"}),Le=r.memo(Ce);Le.displayName="Subordinate";const ve=({ariaCurrent:e,ariaDescribedBy:t,ariaLabel:o,ariaLabelledBy:n,children:s,color:a,component:d,id:i,testId:l,translate:c})=>m.jsx(u,{ariaCurrent:e,ariaDescribedBy:t,ariaLabel:o,ariaLabelledBy:n,children:s,color:a,component:d,id:i,testId:l,translate:c,variant:"support"}),je=r.memo(ve);je.displayName="Support";const Me=({ariaDescribedBy:e,ariaLabel:t,ariaLabelledBy:o,children:n,color:s,component:a,id:d,testId:i,translate:l})=>m.jsx(u,{ariaDescribedBy:e,ariaLabel:t,ariaLabelledBy:o,children:n,color:s,component:a,id:d,testId:i,translate:l,variant:"legend"}),He=r.memo(Me);He.displayName="Legend";const Ie=({ariaDescribedBy:e,ariaLabel:t,ariaLabelledBy:o,children:n,color:s,component:a,id:d,testId:i,translate:l})=>m.jsx(u,{ariaDescribedBy:e,ariaLabel:t,ariaLabelledBy:o,children:n,color:s,component:a,id:d,testId:i,translate:l,variant:"overline"}),ze=r.memo(Ie);ze.displayName="Overline";const Ne=r.forwardRef(({children:e,component:t,id:o,role:n,sx:s,testId:a,translate:d},i)=>m.jsx(Y,{children:e,component:t,"data-se":a,id:o,ref:i,role:n,sx:s,translate:d})),L=r.memo(Ne);L.displayName="Box";/*!
+import{a as O,j as B}from"./emotion-react-jsx-runtime.browser.esm-DL0BDwaj.js";import{r}from"./index-NdkWRN8K.js";import{u as U,W as X}from"./WorkflowsComponentsStorybookThemeDecorator-CxOFxh0W.js";import{j as m}from"./jsx-runtime-CnH95YSl.js";import{B as Y}from"./Box-BcMTQ_R2.js";import{T as ee}from"./Typography-ClQ35Rr-.js";import{S as oe}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{T as te}from"./Tooltip-Cq2rQGbD.js";import{B as ae}from"./Button-BzIwUmSM.js";import{a as re}from"./index-B-lxVbXh.js";import{O as ne}from"./OdysseyStorybookThemeDecorator-BuDiOG2V.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./i18next-7SyOfhCu.js";import"./OdysseyProvider-qIn9QVYS.js";import"./createBox-Dxawkfow.js";import"./Grow-C8kUeGCY.js";import"./utils-kUZVaD1e.js";import"./inheritsLoose-CJ6Ie9dp.js";import"./index-B5xazMy1.js";import"./index-DieBXP3Z.js";import"./TransitionGroupContext-DAL84N7p.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./getReactElementRef-DsIevm5t.js";import"./resolveComponentProps-DXQ8X87i.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-NQulfz4l.js";import"./Popper-BARIxJrI.js";import"./popper-BVOCD5jc.js";import"./ownerDocument-DW-IO8s5.js";import"./Portal-C6D59xAE.js";import"./ButtonBase-BNqa2TMD.js";import"./assertThisInitialized-B9jnkVVz.js";import"./v4-CtRu48qb.js";import"./index-BJTM6NaI.js";const ie=r.forwardRef((e,t)=>m.jsx(oe,{fill:"none",ref:t,viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",...e,children:m.jsx(m.Fragment,{children:m.jsx("path",{clipRule:"evenodd",d:"M11 13v5h2v-5h5v-2h-5V6h-2v5H6v2h5Z",fill:"currentColor",fillRule:"evenodd"})})})),V=r.memo(ie);V.displayName="AddIcon";const se={h1:"h1",h2:"h2",h3:"h3",h4:"h4",h5:"h5",h6:"h6",body:"body1",legend:"legend",overline:"overline",subordinate:"subtitle1",support:"subtitle2"},u=({ariaCurrent:e,ariaDescribedBy:t,ariaLabel:o,ariaLabelledBy:n,children:s,color:a,component:d,id:i,isPresentational:l,testId:c,translate:h,typographyRef:x,variant:p="body"})=>{const y=r.useMemo(()=>d||(p==="body"||p==="subordinate"||p==="support"||p==="overline"?"p":p),[d,p]),g=r.useRef(null);return r.useImperativeHandle(x,()=>({focus:()=>{var f;(f=g.current)==null||f.focus()}}),[]),m.jsx(ee,{"aria-current":e,"aria-describedby":t,"aria-label":o,"aria-labelledby":n,children:s,color:a,component:y,"data-se":c,id:i,ref:g,role:l?"presentation":void 0,tabIndex:-1,translate:h,variant:se[p]})},de=r.memo(u);de.displayName="Typography";const le=({ariaCurrent:e,ariaDescribedBy:t,ariaLabel:o,ariaLabelledBy:n,children:s,color:a,component:d,id:i,isPresentational:l,testId:c,translate:h})=>m.jsx(u,{ariaCurrent:e,ariaDescribedBy:t,ariaLabel:o,ariaLabelledBy:n,children:s,color:a,component:d,id:i,isPresentational:l,testId:c,translate:h,variant:"h1"}),P=r.memo(le);P.displayName="Heading1";const ce=({ariaCurrent:e,ariaDescribedBy:t,ariaLabel:o,ariaLabelledBy:n,children:s,color:a,component:d,id:i,testId:l,translate:c})=>m.jsx(u,{ariaCurrent:e,ariaDescribedBy:t,ariaLabel:o,ariaLabelledBy:n,children:s,color:a,component:d,id:i,testId:l,translate:c,variant:"h2"}),me=r.memo(ce);me.displayName="Heading2";const pe=({ariaCurrent:e,ariaDescribedBy:t,ariaLabel:o,ariaLabelledBy:n,children:s,color:a,component:d,id:i,testId:l,translate:c})=>m.jsx(u,{ariaCurrent:e,ariaDescribedBy:t,ariaLabel:o,ariaLabelledBy:n,children:s,color:a,component:d,id:i,testId:l,translate:c,variant:"h3"}),ue=r.memo(pe);ue.displayName="Heading3";const be=({ariaCurrent:e,ariaDescribedBy:t,ariaLabel:o,ariaLabelledBy:n,children:s,color:a,component:d,id:i,testId:l,translate:c})=>m.jsx(u,{ariaCurrent:e,ariaDescribedBy:t,ariaLabel:o,ariaLabelledBy:n,children:s,color:a,component:d,id:i,testId:l,translate:c,variant:"h4"}),he=r.memo(be);he.displayName="Heading4";const ye=({ariaCurrent:e,ariaDescribedBy:t,ariaLabel:o,ariaLabelledBy:n,children:s,color:a,component:d,id:i,testId:l,translate:c})=>m.jsx(u,{ariaCurrent:e,ariaDescribedBy:t,ariaLabel:o,ariaLabelledBy:n,children:s,color:a,component:d,id:i,testId:l,translate:c,variant:"h5"}),ge=r.memo(ye);ge.displayName="Heading5";const xe=({ariaCurrent:e,ariaDescribedBy:t,ariaLabel:o,ariaLabelledBy:n,children:s,color:a,component:d,id:i,testId:l,translate:c})=>m.jsx(u,{ariaCurrent:e,ariaDescribedBy:t,ariaLabel:o,ariaLabelledBy:n,children:s,color:a,component:d,id:i,testId:l,translate:c,variant:"h6"}),fe=r.memo(xe);fe.displayName="Heading6";const Be=({ariaCurrent:e,ariaDescribedBy:t,ariaLabel:o,ariaLabelledBy:n,children:s,color:a,component:d,id:i,testId:l,translate:c})=>m.jsx(u,{ariaCurrent:e,ariaDescribedBy:t,ariaLabel:o,ariaLabelledBy:n,children:s,color:a,component:d,id:i,testId:l,translate:c,variant:"body"}),_=r.memo(Be);_.displayName="Paragraph";const Ce=({ariaCurrent:e,ariaDescribedBy:t,ariaLabel:o,ariaLabelledBy:n,children:s,color:a,component:d,id:i,testId:l,translate:c})=>m.jsx(u,{ariaCurrent:e,ariaDescribedBy:t,ariaLabel:o,ariaLabelledBy:n,children:s,color:a,component:d,id:i,testId:l,translate:c,variant:"subordinate"}),Le=r.memo(Ce);Le.displayName="Subordinate";const ve=({ariaCurrent:e,ariaDescribedBy:t,ariaLabel:o,ariaLabelledBy:n,children:s,color:a,component:d,id:i,testId:l,translate:c})=>m.jsx(u,{ariaCurrent:e,ariaDescribedBy:t,ariaLabel:o,ariaLabelledBy:n,children:s,color:a,component:d,id:i,testId:l,translate:c,variant:"support"}),je=r.memo(ve);je.displayName="Support";const Me=({ariaDescribedBy:e,ariaLabel:t,ariaLabelledBy:o,children:n,color:s,component:a,id:d,testId:i,translate:l})=>m.jsx(u,{ariaDescribedBy:e,ariaLabel:t,ariaLabelledBy:o,children:n,color:s,component:a,id:d,testId:i,translate:l,variant:"legend"}),He=r.memo(Me);He.displayName="Legend";const Ie=({ariaDescribedBy:e,ariaLabel:t,ariaLabelledBy:o,children:n,color:s,component:a,id:d,testId:i,translate:l})=>m.jsx(u,{ariaDescribedBy:e,ariaLabel:t,ariaLabelledBy:o,children:n,color:s,component:a,id:d,testId:i,translate:l,variant:"overline"}),ze=r.memo(Ie);ze.displayName="Overline";const Ne=r.forwardRef(({children:e,component:t,id:o,role:n,sx:s,testId:a,translate:d},i)=>m.jsx(Y,{children:e,component:t,"data-se":a,id:o,ref:i,role:n,sx:s,translate:d})),L=r.memo(Ne);L.displayName="Box";/*!
  * 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.")
  *
@@ -48,10 +48,10 @@ import{a as O,j as B}from"./emotion-react-jsx-runtime.browser.esm-Cn-06VTs.js";i
  * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  *
  * See the License for the specific language governing permissions and limitations under the License.
- */const fo={component:K,decorators:[ne,X],tags:["autodocs"],argTypes:{buttonLabel:{control:"text"},buttonVariant:{control:"text"},headingText:{control:"text"},isLookAndFeelEnabled:{control:"boolean"},isResourceCreator:{control:"boolean"},onCreateResource:{action:!0,description:"Callback fired when the button is clicked.",table:{type:{summary:"(() => void)"}}},resourceDescription:{control:"text"},resourceType:{control:"text"}},args:{buttonLabel:"Create Resource",headingText:"Header",isLookAndFeelEnabled:!0}},C={args:{isResourceCreator:!0,onCreateResource:re("onCreateResource"),resourceDescription:"Lorem ipsum."}};var W,$,E;C.parameters={...C.parameters,docs:{...(W=C.parameters)==null?void 0:W.docs,source:{originalSource:`{
+ */const Bo={component:K,decorators:[ne,X],tags:["autodocs"],argTypes:{buttonLabel:{control:"text"},buttonVariant:{control:"text"},headingText:{control:"text"},isLookAndFeelEnabled:{control:"boolean"},isResourceCreator:{control:"boolean"},onCreateResource:{action:!0,description:"Callback fired when the button is clicked.",table:{type:{summary:"(() => void)"}}},resourceDescription:{control:"text"},resourceType:{control:"text"}},args:{buttonLabel:"Create Resource",headingText:"Header",isLookAndFeelEnabled:!0}},C={args:{isResourceCreator:!0,onCreateResource:re("onCreateResource"),resourceDescription:"Lorem ipsum."}};var W,$,E;C.parameters={...C.parameters,docs:{...(W=C.parameters)==null?void 0:W.docs,source:{originalSource:`{
   args: {
     isResourceCreator: true,
     onCreateResource: action("onCreateResource"),
     resourceDescription: "Lorem ipsum."
   }
-}`,...(E=($=C.parameters)==null?void 0:$.docs)==null?void 0:E.source}}};const Bo=["Default"];export{C as Default,Bo as __namedExportsOrder,fo as default};
+}`,...(E=($=C.parameters)==null?void 0:$.docs)==null?void 0:E.source}}};const Co=["Default"];export{C as Default,Co as __namedExportsOrder,Bo as default};

package/dist/assets/PageTemplate _labs_-BuvgCua7.js

@@ -0,0 +1,8 @@
+import{j as o}from"./jsx-runtime-CnH95YSl.js";import{useMDXComponents as p}from"./index-BeeV6X6A.js";import"./index-_dyfSX8u.js";import{M as e,T as n,S as s,D as a,a as c}from"./index-DLgQDw3r.js";import{P as i}from"./PageTemplate _labs_.stories-C8RdfTqi.js";import"./index-NdkWRN8K.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./preview-D06dtFvI.js";import"./iframe-Cf-Lpz6Y.js";import"./DocsRenderer-CFRXHY34-CCeAz_jE.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"./OdysseyStorybookThemeDecorator-BuDiOG2V.js";import"./OdysseyThemeProvider-Bh0Bu-2o.js";import"./OdysseyProvider-qIn9QVYS.js";import"./personData-CRkmqebZ.js";import"./Status-BlOUycBm.js";import"./MuiPropsContext-DhRylJZk.js";import"./Chip-CXnMieIl.js";import"./createSvgIcon-ClUWwDzL.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./ButtonBase-BNqa2TMD.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-CJ6Ie9dp.js";import"./TransitionGroupContext-DAL84N7p.js";import"./PageTemplate-D-EQlTUx.js";import"./Typography-Cz6D417Y.js";import"./Typography-ClQ35Rr-.js";import"./useMountLifecycleEffect-CjsUCFhB.js";import"./Link-DNIf0luC.js";import"./Documentation-DF3oo39e.js";import"./Dialog-CR4TUjlJ.js";import"./Button-BEA5U6Tg.js";import"./BaseButton-DYZHKnV3.js";import"./Tooltip-CsVWtVfL.js";import"./Tooltip-Cq2rQGbD.js";import"./Grow-C8kUeGCY.js";import"./utils-kUZVaD1e.js";import"./getReactElementRef-DsIevm5t.js";import"./resolveComponentProps-DXQ8X87i.js";import"./isHostComponent-DVu5iVWx.js";import"./useControlled-NQulfz4l.js";import"./Popper-BARIxJrI.js";import"./popper-BVOCD5jc.js";import"./ownerDocument-DW-IO8s5.js";import"./Portal-C6D59xAE.js";import"./Button-BzIwUmSM.js";import"./FullScreenOverlay-BTMDlJhE.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./DialogContent-Cwn-I-C_.js";import"./Paper-D-_O-EjU.js";import"./Fade-dUgBN8rJ.js";import"./Modal-CSDyCVCf.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./ownerWindow-HkKU3E4x.js";import"./createChainedFunction-BO_9K8Jh.js";import"./dialogActionsClasses-ZEPlxVw-.js";import"./DialogTitle-C-K7jEio.js";import"./Surface-DTngmQRF.js";import"./DataTable-XayRBHyP.js";import"./index.esm-DTxqsiYY.js";import"./debounce-Be36O1Ab.js";import"./ListItem-C0ExFtXb.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-CiGre9wK.js";import"./List-CmjR1pNu.js";import"./Stack-B7OGvu7C.js";import"./createStyled-D6bTcpHC.js";import"./useThemeProps-DwvbKxez.js";import"./Box-BcMTQ_R2.js";import"./createBox-Dxawkfow.js";import"./CircularProgress-HbIdZLBB.js";import"./Menu-K9lpVvDG.js";import"./MenuList-BMOesnfs.js";import"./colorManipulator-DKifQsuo.js";import"./IconButton-5qShmnSr.js";import"./Radio-B4gVvwps.js";import"./SwitchBase-CefEM0OA.js";import"./Checkbox-vZwuXtzm.js";import"./useMobilePicker-DZhX9dEQ.js";import"./Select-DZTigpTO.js";import"./ArrowDropDown-DdemyKZU.js";import"./InputBase-DeB4_faH.js";import"./FormHelperText-CsNAE1E3.js";import"./useThemeProps-BPvYx-mf.js";import"./InputAdornment-CdR3XT6f.js";import"./visuallyHidden-Dan1xhjv.js";import"./MenuItem-vhp8G-Nb.js";import"./Collapse-DfdoVIdP.js";import"./AlertTitle-q6ff_Zkl.js";import"./useSlot-CvpE2t6D.js";import"./Close-OXBt1nIe.js";import"./Skeleton-BPjIT6NG.js";import"./Divider-Ln3VaO81.js";import"./Autocomplete-CxtGbb8j.js";import"./ListSubheader-CQJAAOsd.js";import"./tableSortLabelClasses-CkKrbp1R.js";import"./FormControlLabel-0BBemR80.js";import"./DateTimePicker-B7a9bgL6.js";import"./Tabs-CQz87GHd.js";import"./DatePicker-BwDkz3WT.js";import"./Box-1mvP3NLW.js";import"./MenuButton-B3T7c15t.js";import"./BaseMenuButton-BIietjUB.js";import"./MenuContext-DKMyPMNY.js";import"./More-DLQ2RjWn.js";import"./Callout-FZxPpigF.js";import"./Link-BDoLypER.js";import"./ExternalLink-D0l1c5Cz.js";import"./EmptyState-CpBEzmap.js";import"./DataFilters-BnT_U3-o.js";import"./Autocomplete-Cpi_kUVA.js";import"./useAutocomplete-BRetTkpF.js";import"./index.esm-CBOWgn41.js";import"./Field-DH3L8v09.js";import"./ScreenReaderText-CebALBsG.js";import"./FieldHint-B3Jif_Up.js";import"./inputUtils-Dbi8XkA6.js";import"./Checkbox-DPv3Q9UW.js";import"./Hint-DoJneNg9.js";import"./CheckboxGroup-Be66QML5.js";import"./FormGroup-HFkGZ983.js";import"./Radio-BdNnpooK.js";import"./RadioGroup-BYJZ378_.js";import"./RadioGroup-CtUWSbQc.js";import"./SearchField-BdnOrhVM.js";import"./Search-C5TVrLyE.js";import"./Tag-DwH0t814.js";import"./TagList-BZGEhGXn.js";import"./TextField-BhK0y2Zt.js";import"./Filter-DsDJ7si-.js";import"./ChevronRight-C12ToI7Y.js";import"./Pagination-CB1wBW8Q.js";import"./ArrowRight-ChWYjNny.js";import"./MenuItem-CmSG6PNu.js";import"./List-UlX1tusJ.js";import"./Show-BnmQFsN6.js";import"./useScrollIndication-mYI-g6xa.js";import"./Drawer-CXQ3piJR.js";import"./Form-iTx8DKdm.js";import"./Layout-DGOs1275.js";function m(r){const t={a:"a",code:"code",p:"p",...p(),...r.components};return o.jsxs(o.Fragment,{children:[o.jsx(e,{of:i}),`
+`,o.jsx(n,{of:i}),`
+`,o.jsx(s,{of:i}),`
+`,o.jsx(a,{of:i}),`
+`,o.jsxs(t.p,{children:[o.jsx(t.code,{children:"PageTemplate"}),` is a multi-purpose container that enforces Odyssey layout conventions, ensuring that
+your screens look consistent without you doing extra work.`]}),`
+`,o.jsxs(t.p,{children:["If you're an Okta employee, you can see the ",o.jsx(t.a,{href:"https://www.figma.com/design/jMsVlc6QrA5dQXqPEEVT7S/%F0%9F%93%A6-Odyssey-Templates?node-id=1862-40643",rel:"nofollow",children:"Figma here"}),"."]}),`
+`,o.jsx(c,{})]})}function Yt(r={}){const{wrapper:t}={...p(),...r.components};return t?o.jsx(t,{...r,children:o.jsx(m,{...r})}):m(r)}export{Yt as default};

package/dist/assets/{PageTemplate _labs_.stories-DdUcW43S.js → PageTemplate _labs_.stories-C8RdfTqi.js }

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-CnH95YSl.js";import{r as i}from"./index-NdkWRN8K.js";import{O as K}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{d as S,c as O}from"./personData-L8dJyb3X.js";import{M as m}from"./PageTemplate-mjLVQesI.js";import{M as Y}from"./Dialog-BkOLgyLu.js";import{M as o}from"./Button-DPUOjyZy.js";import{M as c}from"./Surface-BCTO1YR-.js";import{M as P}from"./DataTable-BJQ8WkUd.js";import{g as J,a as d,f as h,d as k}from"./Typography-B7ktrxCD.js";import{M as Q}from"./MenuButton-DvVmjwMC.js";import{M as D}from"./MenuItem-DoUaLmgU.js";import{M as N}from"./Drawer-C9M8pytV.js";import{M as X}from"./Form-CJrxMkwr.js";import{M as j}from"./TextField-BIepBlYn.js";import{u as Z}from"./OdysseyThemeProvider-BykOaJq8.js";import{M as n}from"./Box-B-R2QRDU.js";import{M as ee}from"./Checkbox-eGdyySzm.js";import{M as p}from"./Layout-BndkhA1_.js";const te=e.jsxs(e.Fragment,{children:[e.jsx("div",{children:"Okta Privileged Access is a Privileged Access Management (PAM) solution designed to help customers mitigate the risk of unauthorized access to resources, a critical area of security and risk management in any organization. Okta Privileged Access builds on the current server access control capabilities provided with Okta Advanced Server Access and delivers a unified approach to managing access to all your privileged accounts. It securely connects people, machines, and applications to privileged resources such as servers, containers, and enterprise apps."}),e.jsx("div",{children:"A critical capability that Okta Privileged Access offers is the separation of administrative roles and responsibilities. Management of users and groups, resources, and security are separated, with each administrative role designed to perform a specific function. For example, the management of security policies to access resources is separated and decoupled from the administration of the resources. To meet this requirement, the team that sets the policy is separated from the team that administers the resource. Likewise, the administrator managing users and groups can only perform user and group management tasks and isn't involved in administering resources or creating security policies."}),e.jsx("div",{children:"The level of access within a Okta Privileged Access team depends on the role that you're assigned and the permissions granted to that role. The table below discusses the types of roles, and each has a unique set of permissions and restrictions.To start using Okta Privileged Access, you need to add the Okta Privileged Access OIN application to your Okta org. You can then sync your users and groups from the Okta Universal Directory by configuring SCIM. End users must install the Okta Privileged Access client in their local machine, enroll the client, and then access their dashboard using the link provided by their team administrator."})]}),ae=e.jsx("div",{children:"Okta Privileged Access is a Privileged Access Management (PAM) solution designed to help customers mitigate the risk of unauthorized access to resources, a critical area of security and risk management in any organization. Okta Privileged Access builds on the current server access control capabilities provided with Okta Advanced Server Access and delivers a unified approach to managing access to all your privileged accounts. It securely connects people, machines, and applications to privileged resources such as servers, containers, and enterprise apps."}),ne={component:m,decorators:[K],parameters:{layout:"fullscreen"},argTypes:{title:{control:"text",description:"The title to be situated in the `PageTemplate` header",table:{type:{summary:"string"}}},description:{control:"text",description:"A supplementary description to be situated in the `PageTemplate` header",table:{type:{summary:"string"}}},documentationLink:{control:"text",description:"The destination for a documentation `Link` to be situated in the `PageTemplate` header",table:{type:{summary:"string"}}},documentationText:{control:"text",description:"The text for a documentation `Link` to be situated in the `PageTemplate` header",table:{type:{summary:"string"}}},drawer:{description:"An optional `Drawer` object. Can be of variant 'temporary' or 'persistent'.",table:{type:{summary:"ReactElement<typeof Drawer>"}}},primaryCallToActionComponent:{description:"An optional `Button` object to be situated in the `PageTemplate` header. Should almost always be of variant `primary`.",table:{type:{summary:"ReactElement<typeof Button>"}}},secondaryCallToActionComponent:{description:"An optional `Button` object to be situated in the `PageTemplate` header, alongside the `callToActionPrimaryComponent`.",table:{type:{summary:"ReactElement<typeof Button>"}}},tertiaryCallToActionComponent:{description:"An optional `Button` object to be situated in the `PageTemplate` header, alongside the other two `callToAction` components.",table:{type:{summary:"ReactElement<typeof Button>"}}},children:{description:"The content of the `PageTemplate`. May be a `string` or any other `ReactNode` or array of `ReactNode`s. Will often be `Grid` objects.",table:{type:{summary:"ReactNode"}}},isFullWidth:{control:"boolean",description:"When set to `true`, the `PageTemplate` expands past its max width of 1440px and spans the entire available screen width.",table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}}}},x={args:{title:"Table title",description:"Optional brief description about the page",documentationLink:"https://www.okta.com",documentationText:"Documentation",isFullWidth:!1},render:function(t){const[s]=i.useState(S.slice(0,10)),[r,a]=i.useState(!1),[l,u]=i.useState(!1),g=i.useCallback(()=>s,[s]),_=i.useCallback(()=>{a(!0)},[]),w=i.useCallback(()=>{a(!1)},[]),$=i.useCallback(()=>{u(!0)},[]),T=i.useCallback(()=>{u(!1)},[]);return e.jsxs(m,{description:t.description,documentationLink:t.documentationLink,documentationText:t.documentationText,drawer:e.jsx(N,{isOpen:r,onClose:w,primaryCallToActionComponent:e.jsx(o,{label:"Primary",onClick:w,variant:"primary"}),showDividers:!0,title:"Drawer title",variant:"temporary",children:te}),isFullWidth:t.isFullWidth,primaryCallToActionComponent:e.jsx(o,{label:"Open overlay drawer",onClick:r?w:_,variant:"primary"}),secondaryCallToActionComponent:e.jsx(o,{label:"Open dialog",onClick:l?T:$,variant:"secondary"}),tertiaryCallToActionComponent:e.jsx(Q,{buttonLabel:"More actions",children:[e.jsx(D,{children:"View details"},"1"),e.jsx(D,{children:"Edit configuration"},"2"),e.jsx(D,{children:"Launch"},"3")]}),title:t.title,children:[e.jsx(Y,{children:"Consistently named a Leader by major analyst firms. Trusted by 15,000+ customers to secure digital interactions and accelerate innovation.",isOpen:l,onClose:T,primaryCallToActionComponent:e.jsx(o,{label:"Button label",onClick:T,variant:"primary"}),secondaryCallToActionComponent:e.jsx(o,{label:"Cancel",onClick:T,variant:"secondary"}),title:"Dialog title"}),e.jsxs(p,{regions:[3,1],children:[e.jsx(c,{children:e.jsx(P,{columns:O,getData:g,hasFilters:!0,hasSearch:!0,totalRows:10})}),e.jsxs(c,{children:[e.jsx(J,{children:"Some supporting content could go here"}),e.jsx(d,{children:"Lorem ipsum odor amet, consectetuer adipiscing elit. Inceptos turpis mattis; tempor proin per natoque. Ex eu dictum varius tristique himenaeos aenean sem consectetur urna. Curabitur ultricies aptent ac tempus natoque tellus. Rutrum facilisi facilisi ligula aenean sociosqu nec velit parturient id. Egestas viverra tempus non, turpis ad ex penatibus. Scelerisque maximus etiam arcu laoreet nam vitae platea. Non fermentum potenti cursus, varius augue varius. Cubilia imperdiet aptent viverra mus urna. Et netus at ad lorem; hac eu."})]})]})]})}},y={args:{title:"Table title",description:"Optional brief description about the page",documentationLink:"https://www.okta.com",documentationText:"Documentation",isFullWidth:!1},render:function(t){const[s]=i.useState(S.slice(0,10)),[r,a]=i.useState(!1),l=i.useCallback(()=>s,[s]),u=i.useCallback(()=>{a(!0)},[]),g=i.useCallback(()=>{a(!1)},[]);return e.jsx(m,{description:t.description,documentationLink:t.documentationLink,documentationText:t.documentationText,drawer:e.jsx(N,{isOpen:r,onClose:g,primaryCallToActionComponent:e.jsx(o,{label:"Primary",onClick:g,variant:"primary"}),showDividers:!0,title:"Drawer title",variant:"persistent",children:ae}),isFullWidth:t.isFullWidth,primaryCallToActionComponent:e.jsx(o,{label:r?"Close embedded drawer":"Open embedded drawer",onClick:r?g:u,variant:"primary"}),title:t.title,children:e.jsx(p,{regions:[1],children:e.jsx(c,{children:e.jsx(P,{columns:O,getData:l,hasFilters:!0,hasSearch:!0,totalRows:10})})})})}},f={args:{title:"People",description:"Optional brief description about the page",documentationLink:"https://www.okta.com",documentationText:"Help",isFullWidth:!1},render:function(t){return e.jsx(m,{description:t.description,documentationLink:t.documentationLink,documentationText:t.documentationText,isFullWidth:t.isFullWidth,primaryCallToActionComponent:e.jsx(o,{label:"Reset passwords",variant:"primary"}),title:t.title,children:e.jsx(p,{regions:[1],children:e.jsx(c,{children:e.jsxs(X,{formActions:e.jsxs(e.Fragment,{children:[e.jsx(o,{label:"Reset",variant:"secondary"}),e.jsx(o,{label:"Submit",type:"submit",variant:"primary"})]}),name:"Add Person",title:"Add Person",children:[e.jsx(j,{label:"First name"}),e.jsx(j,{label:"Last name"}),e.jsx(j,{label:"Email"})]})})})})}},b={args:{title:"Account",documentationLink:"https://www.okta.com",documentationText:"Help",isFullWidth:!1},render:function(t){const s=[{field:"Company name",value:"ACME Corporation"},{field:"Telephone number",value:"012-345-6789"},{field:"Address 1",value:void 0},{field:"Address 2",value:void 0}],r=[{field:"Technical contact",value:"Add-Min O'Cloudy (admin@okta.com)"},{field:"Support phone",value:"012-345-6789"},{field:"Help link",value:void 0},{field:"End User Help Form",value:void 0}],a=Z();return e.jsxs(m,{description:t.description,documentationLink:t.documentationLink,documentationText:t.documentationText,isFullWidth:t.isFullWidth,title:t.title,children:[e.jsxs(p,{regions:[2,1],children:[e.jsxs(c,{children:[e.jsxs(n,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-end"},children:[e.jsx(h,{children:"Organization Contact"}),e.jsx(o,{label:"Edit",variant:"floating"})]}),e.jsx(n,{sx:{display:"flex",flexDirection:"column",rowGap:a.Spacing4,marginTop:a.Spacing4},children:s.map((l,u)=>e.jsxs(n,{sx:{display:"flex",justifyContent:"space-between"},children:[e.jsx(d,{children:l.field}),e.jsx(d,{children:l.value})]},u))})]}),e.jsxs(c,{children:[e.jsxs(n,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-end"},children:[e.jsx(h,{children:"Billing information"}),e.jsx(o,{label:"Edit",variant:"floating"})]}),e.jsxs(n,{sx:{display:"flex",flexDirection:"column",rowGap:a.Spacing2,marginTop:a.Spacing4},children:[e.jsx(k,{children:"The billing contact can be contacted by Okta for the purposes of billing inquiries."}),e.jsxs(n,{sx:{display:"flex",justifyContent:"space-between"},children:[e.jsx(d,{children:"Billing contact"}),e.jsx(d,{children:"Add-Min O'Cloudy (admin@okta.com)"})]})]})]})]}),e.jsxs(p,{regions:[1,1,1],children:[e.jsxs(c,{children:[e.jsxs(n,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-end"},children:[e.jsx(h,{children:"Give Access to Okta Support"}),e.jsx(o,{label:"Edit",variant:"floating"})]}),e.jsxs(n,{sx:{display:"flex",flexDirection:"column",rowGap:a.Spacing2,marginTop:a.Spacing4},children:[e.jsx(k,{children:"For troubleshooting purposes, you can let Okta Support login to your account as an administrator."}),e.jsxs(n,{sx:{display:"flex",justifyContent:"space-between"},children:[e.jsx(d,{children:"Okta Support access"}),e.jsx(d,{children:"Disabled"})]})]})]}),e.jsxs(c,{children:[e.jsxs(n,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-end"},children:[e.jsx(h,{children:"End User Support"}),e.jsx(o,{label:"Edit",variant:"floating"})]}),e.jsxs(n,{sx:{display:"flex",flexDirection:"column",rowGap:a.Spacing2,marginTop:a.Spacing4},children:[e.jsx(k,{children:"For troubleshooting purposes, you can let Okta Support login to your account as an administrator."}),r.map((l,u)=>e.jsxs(n,{sx:{display:"flex",justifyContent:"space-between"},children:[e.jsx(d,{children:l.field}),e.jsx(d,{children:l.value})]},u))]})]}),e.jsxs(c,{children:[e.jsxs(n,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-end"},children:[e.jsx(h,{children:"Third-Party Admins"}),e.jsx(o,{label:"Edit",variant:"floating"})]}),e.jsx(n,{sx:{display:"flex",flexDirection:"column",rowGap:a.Spacing2,marginTop:a.Spacing4},children:e.jsxs(n,{sx:{display:"flex",justifyContent:"space-between",columnGap:a.Spacing8},children:[e.jsx(d,{children:"Manage Third-Party Admins"}),e.jsx(ee,{label:"This org contains third-party admins that need to be fully excluded from all Okta communications, including admin-related system notifications. Once enabled, you can exclude individual admins from communications by editing their admin record."})]})})]})]})]})}},C={args:{title:"Full-width Table",documentationLink:"https://www.okta.com",documentationText:"Help",isFullWidth:!0},render:function(t){const[s]=i.useState(S.slice(0,10)),r=i.useCallback(()=>s,[s]);return e.jsx(m,{documentationLink:t.documentationLink,documentationText:t.documentationText,isFullWidth:t.isFullWidth,title:t.title,children:e.jsx(p,{regions:[1],children:e.jsx(c,{children:e.jsx(P,{columns:O,getData:r,hasFilters:!0,hasSearch:!0,totalRows:10})})})})}};var A,B,F;x.parameters={...x.parameters,docs:{...(A=x.parameters)==null?void 0:A.docs,source:{originalSource:`{
+import{j as e}from"./jsx-runtime-CnH95YSl.js";import{r as i}from"./index-NdkWRN8K.js";import{O as K}from"./OdysseyStorybookThemeDecorator-BuDiOG2V.js";import{d as S,c as O}from"./personData-CRkmqebZ.js";import{M as m}from"./PageTemplate-D-EQlTUx.js";import{M as Y}from"./Dialog-CR4TUjlJ.js";import{M as o}from"./Button-BEA5U6Tg.js";import{M as c}from"./Surface-DTngmQRF.js";import{M as P}from"./DataTable-XayRBHyP.js";import{g as J,a as d,f as h,d as k}from"./Typography-Cz6D417Y.js";import{M as Q}from"./MenuButton-B3T7c15t.js";import{M as D}from"./MenuItem-CmSG6PNu.js";import{M as N}from"./Drawer-CXQ3piJR.js";import{M as X}from"./Form-iTx8DKdm.js";import{M as j}from"./TextField-BhK0y2Zt.js";import{u as Z}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{M as n}from"./Box-1mvP3NLW.js";import{M as ee}from"./Checkbox-DPv3Q9UW.js";import{M as p}from"./Layout-DGOs1275.js";const te=e.jsxs(e.Fragment,{children:[e.jsx("div",{children:"Okta Privileged Access is a Privileged Access Management (PAM) solution designed to help customers mitigate the risk of unauthorized access to resources, a critical area of security and risk management in any organization. Okta Privileged Access builds on the current server access control capabilities provided with Okta Advanced Server Access and delivers a unified approach to managing access to all your privileged accounts. It securely connects people, machines, and applications to privileged resources such as servers, containers, and enterprise apps."}),e.jsx("div",{children:"A critical capability that Okta Privileged Access offers is the separation of administrative roles and responsibilities. Management of users and groups, resources, and security are separated, with each administrative role designed to perform a specific function. For example, the management of security policies to access resources is separated and decoupled from the administration of the resources. To meet this requirement, the team that sets the policy is separated from the team that administers the resource. Likewise, the administrator managing users and groups can only perform user and group management tasks and isn't involved in administering resources or creating security policies."}),e.jsx("div",{children:"The level of access within a Okta Privileged Access team depends on the role that you're assigned and the permissions granted to that role. The table below discusses the types of roles, and each has a unique set of permissions and restrictions.To start using Okta Privileged Access, you need to add the Okta Privileged Access OIN application to your Okta org. You can then sync your users and groups from the Okta Universal Directory by configuring SCIM. End users must install the Okta Privileged Access client in their local machine, enroll the client, and then access their dashboard using the link provided by their team administrator."})]}),ae=e.jsx("div",{children:"Okta Privileged Access is a Privileged Access Management (PAM) solution designed to help customers mitigate the risk of unauthorized access to resources, a critical area of security and risk management in any organization. Okta Privileged Access builds on the current server access control capabilities provided with Okta Advanced Server Access and delivers a unified approach to managing access to all your privileged accounts. It securely connects people, machines, and applications to privileged resources such as servers, containers, and enterprise apps."}),ne={component:m,decorators:[K],parameters:{layout:"fullscreen"},argTypes:{title:{control:"text",description:"The title to be situated in the `PageTemplate` header",table:{type:{summary:"string"}}},description:{control:"text",description:"A supplementary description to be situated in the `PageTemplate` header",table:{type:{summary:"string"}}},documentationLink:{control:"text",description:"The destination for a documentation `Link` to be situated in the `PageTemplate` header",table:{type:{summary:"string"}}},documentationText:{control:"text",description:"The text for a documentation `Link` to be situated in the `PageTemplate` header",table:{type:{summary:"string"}}},drawer:{description:"An optional `Drawer` object. Can be of variant 'temporary' or 'persistent'.",table:{type:{summary:"ReactElement<typeof Drawer>"}}},primaryCallToActionComponent:{description:"An optional `Button` object to be situated in the `PageTemplate` header. Should almost always be of variant `primary`.",table:{type:{summary:"ReactElement<typeof Button>"}}},secondaryCallToActionComponent:{description:"An optional `Button` object to be situated in the `PageTemplate` header, alongside the `callToActionPrimaryComponent`.",table:{type:{summary:"ReactElement<typeof Button>"}}},tertiaryCallToActionComponent:{description:"An optional `Button` object to be situated in the `PageTemplate` header, alongside the other two `callToAction` components.",table:{type:{summary:"ReactElement<typeof Button>"}}},children:{description:"The content of the `PageTemplate`. May be a `string` or any other `ReactNode` or array of `ReactNode`s. Will often be `Grid` objects.",table:{type:{summary:"ReactNode"}}},isFullWidth:{control:"boolean",description:"When set to `true`, the `PageTemplate` expands past its max width of 1440px and spans the entire available screen width.",table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}}}},x={args:{title:"Table title",description:"Optional brief description about the page",documentationLink:"https://www.okta.com",documentationText:"Documentation",isFullWidth:!1},render:function(t){const[s]=i.useState(S.slice(0,10)),[r,a]=i.useState(!1),[l,u]=i.useState(!1),g=i.useCallback(()=>s,[s]),_=i.useCallback(()=>{a(!0)},[]),w=i.useCallback(()=>{a(!1)},[]),$=i.useCallback(()=>{u(!0)},[]),T=i.useCallback(()=>{u(!1)},[]);return e.jsxs(m,{description:t.description,documentationLink:t.documentationLink,documentationText:t.documentationText,drawer:e.jsx(N,{isOpen:r,onClose:w,primaryCallToActionComponent:e.jsx(o,{label:"Primary",onClick:w,variant:"primary"}),showDividers:!0,title:"Drawer title",variant:"temporary",children:te}),isFullWidth:t.isFullWidth,primaryCallToActionComponent:e.jsx(o,{label:"Open overlay drawer",onClick:r?w:_,variant:"primary"}),secondaryCallToActionComponent:e.jsx(o,{label:"Open dialog",onClick:l?T:$,variant:"secondary"}),tertiaryCallToActionComponent:e.jsx(Q,{buttonLabel:"More actions",children:[e.jsx(D,{children:"View details"},"1"),e.jsx(D,{children:"Edit configuration"},"2"),e.jsx(D,{children:"Launch"},"3")]}),title:t.title,children:[e.jsx(Y,{children:"Consistently named a Leader by major analyst firms. Trusted by 15,000+ customers to secure digital interactions and accelerate innovation.",isOpen:l,onClose:T,primaryCallToActionComponent:e.jsx(o,{label:"Button label",onClick:T,variant:"primary"}),secondaryCallToActionComponent:e.jsx(o,{label:"Cancel",onClick:T,variant:"secondary"}),title:"Dialog title"}),e.jsxs(p,{regions:[3,1],children:[e.jsx(c,{children:e.jsx(P,{columns:O,getData:g,hasFilters:!0,hasSearch:!0,totalRows:10})}),e.jsxs(c,{children:[e.jsx(J,{children:"Some supporting content could go here"}),e.jsx(d,{children:"Lorem ipsum odor amet, consectetuer adipiscing elit. Inceptos turpis mattis; tempor proin per natoque. Ex eu dictum varius tristique himenaeos aenean sem consectetur urna. Curabitur ultricies aptent ac tempus natoque tellus. Rutrum facilisi facilisi ligula aenean sociosqu nec velit parturient id. Egestas viverra tempus non, turpis ad ex penatibus. Scelerisque maximus etiam arcu laoreet nam vitae platea. Non fermentum potenti cursus, varius augue varius. Cubilia imperdiet aptent viverra mus urna. Et netus at ad lorem; hac eu."})]})]})]})}},y={args:{title:"Table title",description:"Optional brief description about the page",documentationLink:"https://www.okta.com",documentationText:"Documentation",isFullWidth:!1},render:function(t){const[s]=i.useState(S.slice(0,10)),[r,a]=i.useState(!1),l=i.useCallback(()=>s,[s]),u=i.useCallback(()=>{a(!0)},[]),g=i.useCallback(()=>{a(!1)},[]);return e.jsx(m,{description:t.description,documentationLink:t.documentationLink,documentationText:t.documentationText,drawer:e.jsx(N,{isOpen:r,onClose:g,primaryCallToActionComponent:e.jsx(o,{label:"Primary",onClick:g,variant:"primary"}),showDividers:!0,title:"Drawer title",variant:"persistent",children:ae}),isFullWidth:t.isFullWidth,primaryCallToActionComponent:e.jsx(o,{label:r?"Close embedded drawer":"Open embedded drawer",onClick:r?g:u,variant:"primary"}),title:t.title,children:e.jsx(p,{regions:[1],children:e.jsx(c,{children:e.jsx(P,{columns:O,getData:l,hasFilters:!0,hasSearch:!0,totalRows:10})})})})}},f={args:{title:"People",description:"Optional brief description about the page",documentationLink:"https://www.okta.com",documentationText:"Help",isFullWidth:!1},render:function(t){return e.jsx(m,{description:t.description,documentationLink:t.documentationLink,documentationText:t.documentationText,isFullWidth:t.isFullWidth,primaryCallToActionComponent:e.jsx(o,{label:"Reset passwords",variant:"primary"}),title:t.title,children:e.jsx(p,{regions:[1],children:e.jsx(c,{children:e.jsxs(X,{formActions:e.jsxs(e.Fragment,{children:[e.jsx(o,{label:"Reset",variant:"secondary"}),e.jsx(o,{label:"Submit",type:"submit",variant:"primary"})]}),name:"Add Person",title:"Add Person",children:[e.jsx(j,{label:"First name"}),e.jsx(j,{label:"Last name"}),e.jsx(j,{label:"Email"})]})})})})}},b={args:{title:"Account",documentationLink:"https://www.okta.com",documentationText:"Help",isFullWidth:!1},render:function(t){const s=[{field:"Company name",value:"ACME Corporation"},{field:"Telephone number",value:"012-345-6789"},{field:"Address 1",value:void 0},{field:"Address 2",value:void 0}],r=[{field:"Technical contact",value:"Add-Min O'Cloudy (admin@okta.com)"},{field:"Support phone",value:"012-345-6789"},{field:"Help link",value:void 0},{field:"End User Help Form",value:void 0}],a=Z();return e.jsxs(m,{description:t.description,documentationLink:t.documentationLink,documentationText:t.documentationText,isFullWidth:t.isFullWidth,title:t.title,children:[e.jsxs(p,{regions:[2,1],children:[e.jsxs(c,{children:[e.jsxs(n,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-end"},children:[e.jsx(h,{children:"Organization Contact"}),e.jsx(o,{label:"Edit",variant:"floating"})]}),e.jsx(n,{sx:{display:"flex",flexDirection:"column",rowGap:a.Spacing4,marginTop:a.Spacing4},children:s.map((l,u)=>e.jsxs(n,{sx:{display:"flex",justifyContent:"space-between"},children:[e.jsx(d,{children:l.field}),e.jsx(d,{children:l.value})]},u))})]}),e.jsxs(c,{children:[e.jsxs(n,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-end"},children:[e.jsx(h,{children:"Billing information"}),e.jsx(o,{label:"Edit",variant:"floating"})]}),e.jsxs(n,{sx:{display:"flex",flexDirection:"column",rowGap:a.Spacing2,marginTop:a.Spacing4},children:[e.jsx(k,{children:"The billing contact can be contacted by Okta for the purposes of billing inquiries."}),e.jsxs(n,{sx:{display:"flex",justifyContent:"space-between"},children:[e.jsx(d,{children:"Billing contact"}),e.jsx(d,{children:"Add-Min O'Cloudy (admin@okta.com)"})]})]})]})]}),e.jsxs(p,{regions:[1,1,1],children:[e.jsxs(c,{children:[e.jsxs(n,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-end"},children:[e.jsx(h,{children:"Give Access to Okta Support"}),e.jsx(o,{label:"Edit",variant:"floating"})]}),e.jsxs(n,{sx:{display:"flex",flexDirection:"column",rowGap:a.Spacing2,marginTop:a.Spacing4},children:[e.jsx(k,{children:"For troubleshooting purposes, you can let Okta Support login to your account as an administrator."}),e.jsxs(n,{sx:{display:"flex",justifyContent:"space-between"},children:[e.jsx(d,{children:"Okta Support access"}),e.jsx(d,{children:"Disabled"})]})]})]}),e.jsxs(c,{children:[e.jsxs(n,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-end"},children:[e.jsx(h,{children:"End User Support"}),e.jsx(o,{label:"Edit",variant:"floating"})]}),e.jsxs(n,{sx:{display:"flex",flexDirection:"column",rowGap:a.Spacing2,marginTop:a.Spacing4},children:[e.jsx(k,{children:"For troubleshooting purposes, you can let Okta Support login to your account as an administrator."}),r.map((l,u)=>e.jsxs(n,{sx:{display:"flex",justifyContent:"space-between"},children:[e.jsx(d,{children:l.field}),e.jsx(d,{children:l.value})]},u))]})]}),e.jsxs(c,{children:[e.jsxs(n,{sx:{display:"flex",justifyContent:"space-between",alignItems:"flex-end"},children:[e.jsx(h,{children:"Third-Party Admins"}),e.jsx(o,{label:"Edit",variant:"floating"})]}),e.jsx(n,{sx:{display:"flex",flexDirection:"column",rowGap:a.Spacing2,marginTop:a.Spacing4},children:e.jsxs(n,{sx:{display:"flex",justifyContent:"space-between",columnGap:a.Spacing8},children:[e.jsx(d,{children:"Manage Third-Party Admins"}),e.jsx(ee,{label:"This org contains third-party admins that need to be fully excluded from all Okta communications, including admin-related system notifications. Once enabled, you can exclude individual admins from communications by editing their admin record."})]})})]})]})]})}},C={args:{title:"Full-width Table",documentationLink:"https://www.okta.com",documentationText:"Help",isFullWidth:!0},render:function(t){const[s]=i.useState(S.slice(0,10)),r=i.useCallback(()=>s,[s]);return e.jsx(m,{documentationLink:t.documentationLink,documentationText:t.documentationText,isFullWidth:t.isFullWidth,title:t.title,children:e.jsx(p,{regions:[1],children:e.jsx(c,{children:e.jsx(P,{columns:O,getData:r,hasFilters:!0,hasSearch:!0,totalRows:10})})})})}};var A,B,F;x.parameters={...x.parameters,docs:{...(A=x.parameters)==null?void 0:A.docs,source:{originalSource:`{
   args: {
     title: "Table title",
     description: "Optional brief description about the page",

package/dist/assets/{PageTemplate-mjLVQesI.js → PageTemplate-D-EQlTUx.js}

@@ -1,4 +1,4 @@
-import{u as k,h as r}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as o}from"./index-NdkWRN8K.js";import{b as j,a as D}from"./Typography-B7ktrxCD.js";import{u as M}from"./useMountLifecycleEffect-CjsUCFhB.js";import{j as i}from"./jsx-runtime-CnH95YSl.js";import{L as P}from"./Link-DcsndbPK.js";import{M as F}from"./Documentation-CBbHUjXC.js";/*!
+import{u as k,h as r}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{r as o}from"./index-NdkWRN8K.js";import{b as j,a as D}from"./Typography-Cz6D417Y.js";import{u as M}from"./useMountLifecycleEffect-CjsUCFhB.js";import{j as i}from"./jsx-runtime-CnH95YSl.js";import{L as P}from"./Link-DNIf0luC.js";import{M as F}from"./Documentation-DF3oo39e.js";/*!
  * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
  * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
  *

package/dist/assets/{PageTemplate.stories-BD8Hafdu.js → PageTemplate.stories-BzgC-WCT.js}

@@ -1,4 +1,4 @@
-import{j as e}from"./jsx-runtime-CnH95YSl.js";import{u as _,R as G,P as t}from"./ResourceAccessPolicyComponentsStorybookThemeDecorator-Xen2vDro.js";import{a as C,j as v}from"./emotion-react-jsx-runtime.browser.esm-Cn-06VTs.js";import{h as L}from"./OdysseyThemeProvider-BykOaJq8.js";import{r as s}from"./index-NdkWRN8K.js";import{a as d}from"./index-B-lxVbXh.js";import{O as J}from"./OdysseyStorybookThemeDecorator-CGH8visK.js";import{M as h}from"./Surface-BCTO1YR-.js";import{M as f}from"./Form-CJrxMkwr.js";import{M as c}from"./TextField-BIepBlYn.js";import{M as n}from"./Button-DPUOjyZy.js";import{B as y}from"./Breadcrumbs-BGJJeoxM.js";import{M as I}from"./MenuButton-DvVmjwMC.js";import{M as R}from"./MenuItem-DoUaLmgU.js";import{M as V}from"./Drawer-C9M8pytV.js";import{M as x}from"./Layout-BndkhA1_.js";import"./Typography-CQfngSjD.js";import"./Typography-CSpPZFTF.js";import"./Box-B6KmU4_J.js";import"./Chip-B9WkuA4b.js";import"./createSvgIcon-Bv_3NNsK.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./ButtonBase-CrcIXP69.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-DTTkq0Su.js";import"./TransitionGroupContext-DAL84N7p.js";import"./Link-DcsndbPK.js";import"./Menu-CU_mHT7L.js";import"./getReactElementRef-Bs64nbeG.js";import"./resolveComponentProps-TTQVZ4OZ.js";import"./isHostComponent-DVu5iVWx.js";import"./Grow-6R6cTzr4.js";import"./utils-BdcLUgCD.js";import"./index-B5xazMy1.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./index-DieBXP3Z.js";import"./ownerDocument-DW-IO8s5.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-B12sS2Yh.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Portal-CsPQSHsR.js";import"./Fade-CHnXmzFb.js";import"./Paper-DwBg74qy.js";import"./MenuList-0OHGr5AC.js";import"./List-_p0jkXPM.js";import"./i18next-7SyOfhCu.js";import"./OdysseyProvider-BPLFYiwr.js";import"./v4-CtRu48qb.js";import"./index-BJTM6NaI.js";import"./Typography-B7ktrxCD.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./Field-BxkyNVQW.js";import"./Box-B-R2QRDU.js";import"./ListItem-BLYwuKOG.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-EOlXQpGp.js";import"./ScreenReaderText-DbrZU7M5.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-Ca69g4Je.js";import"./FieldHint-D5VttvwL.js";import"./inputUtils-Dbi8XkA6.js";import"./InputBase-6reb9B7r.js";import"./InputAdornment-Dj-8HF_1.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"./Button-BvUGu5Sm.js";import"./Group-DWmiPyzE.js";import"./User-CvYTA860.js";import"./MenuItem-oi_JaUho.js";import"./Home-CUQc6tB8.js";import"./BaseMenuButton-DCwowxQ6.js";import"./MenuContext-DKMyPMNY.js";import"./More-BgQrTkKM.js";import"./FullScreenOverlay-Bujsxbxh.js";/*!
+import{j as e}from"./jsx-runtime-CnH95YSl.js";import{u as _,R as G,P as t}from"./ResourceAccessPolicyComponentsStorybookThemeDecorator-Bo_QNpfC.js";import{a as C,j as v}from"./emotion-react-jsx-runtime.browser.esm-DL0BDwaj.js";import{h as L}from"./OdysseyThemeProvider-Bh0Bu-2o.js";import{r as s}from"./index-NdkWRN8K.js";import{a as d}from"./index-B-lxVbXh.js";import{O as J}from"./OdysseyStorybookThemeDecorator-BuDiOG2V.js";import{M as h}from"./Surface-DTngmQRF.js";import{M as f}from"./Form-iTx8DKdm.js";import{M as c}from"./TextField-BhK0y2Zt.js";import{M as n}from"./Button-BEA5U6Tg.js";import{B as y}from"./Breadcrumbs-Bp-jt6t5.js";import{M as I}from"./MenuButton-B3T7c15t.js";import{M as R}from"./MenuItem-CmSG6PNu.js";import{M as V}from"./Drawer-CXQ3piJR.js";import{M as x}from"./Layout-DGOs1275.js";import"./Typography-r6MlG5YM.js";import"./Typography-ClQ35Rr-.js";import"./Box-BcMTQ_R2.js";import"./createBox-Dxawkfow.js";import"./Chip-CXnMieIl.js";import"./createSvgIcon-ClUWwDzL.js";import"./useIsFocusVisible-DH0qxT5e.js";import"./ButtonBase-BNqa2TMD.js";import"./assertThisInitialized-B9jnkVVz.js";import"./inheritsLoose-CJ6Ie9dp.js";import"./TransitionGroupContext-DAL84N7p.js";import"./Link-DNIf0luC.js";import"./Menu-K9lpVvDG.js";import"./getReactElementRef-DsIevm5t.js";import"./resolveComponentProps-DXQ8X87i.js";import"./isHostComponent-DVu5iVWx.js";import"./Grow-C8kUeGCY.js";import"./utils-kUZVaD1e.js";import"./index-B5xazMy1.js";import"./_commonjsHelpers-gnU0ypJ3.js";import"./index-DieBXP3Z.js";import"./ownerDocument-DW-IO8s5.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-CSDyCVCf.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Portal-C6D59xAE.js";import"./Fade-dUgBN8rJ.js";import"./Paper-D-_O-EjU.js";import"./MenuList-BMOesnfs.js";import"./List-CmjR1pNu.js";import"./i18next-7SyOfhCu.js";import"./OdysseyProvider-qIn9QVYS.js";import"./v4-CtRu48qb.js";import"./index-BJTM6NaI.js";import"./Typography-Cz6D417Y.js";import"./useUniqueId-Bsgqe1tm.js";import"./createUniqueId-ByTaVY63.js";import"./Field-DH3L8v09.js";import"./Box-1mvP3NLW.js";import"./ListItem-C0ExFtXb.js";import"./utils-iop7lDec.js";import"./useFormControl-BMISTZuX.js";import"./FormLabel-CiGre9wK.js";import"./ScreenReaderText-CebALBsG.js";import"./visuallyHidden-Dan1xhjv.js";import"./FormHelperText-CsNAE1E3.js";import"./FieldHint-B3Jif_Up.js";import"./inputUtils-Dbi8XkA6.js";import"./InputBase-DeB4_faH.js";import"./InputAdornment-CdR3XT6f.js";import"./BaseButton-DYZHKnV3.js";import"./MuiPropsContext-DhRylJZk.js";import"./Tooltip-CsVWtVfL.js";import"./Tooltip-Cq2rQGbD.js";import"./useControlled-NQulfz4l.js";import"./Popper-BARIxJrI.js";import"./popper-BVOCD5jc.js";import"./Button-BzIwUmSM.js";import"./Group-mTVRC79V.js";import"./User-CyxEAfVT.js";import"./MenuItem-vhp8G-Nb.js";import"./Home-la7Lmt_L.js";import"./BaseMenuButton-BIietjUB.js";import"./MenuContext-DKMyPMNY.js";import"./More-DLQ2RjWn.js";import"./FullScreenOverlay-BTMDlJhE.js";/*!
  * Copyright (c) 2024-present, Okta, Inc. and/or its affiliates. All rights reserved.
  * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
  *
@@ -18,7 +18,7 @@ import{j as e}from"./jsx-runtime-CnH95YSl.js";import{u as _,R as G,P as t}from".
  * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  *
  * See the License for the specific language governing permissions and limitations under the License.
- */const X=({onMount:r,onUpdate:a})=>{const i=s.useRef(!1),o=s.useRef(r);s.useEffect(()=>{var l;i.current?a==null||a():(i.current=!0,(l=o.current)==null||l.call(o))},[a])},Y=L("div",{shouldForwardProp:r=>r!=="odysseyDesignTokens"&&r!=="hasUiShell"&&r!=="isFullWidth"})(({hasUiShell:r,isFullWidth:a,odysseyDesignTokens:i})=>({maxWidth:a?"100%":`calc(1440px + ${i.Spacing6} + ${i.Spacing6})`,marginInline:a&&!r?i.Spacing6:"auto",padding:r?0:i.Spacing6})),Z=L("div",{shouldForwardProp:r=>!["drawerVariant","isDrawerOpen","isFirstRender","odysseyDesignTokens"].includes(r)})(({drawerVariant:r,isDrawerOpen:a,isFirstRender:i,odysseyDesignTokens:o})=>({"@keyframes animate-drawer-open":{"0%":{gridTemplateColumns:"minmax(0, 1fr) 0"},"100%":{gridTemplateColumns:"minmax(0, 1fr) 360px"}},"@keyframes animate-drawer-close":{"0%":{gridTemplateColumns:"minmax(0, 1fr) 360px"},"100%":{gridTemplateColumns:"minmax(0, 1fr) 0"}},display:"grid",gridGap:r==="persistent"&&!a?0:o.Spacing4,gap:r==="persistent"&&!a?0:o.Spacing4,marginBlock:o.Spacing6,gridTemplateColumns:r==="persistent"?a?"minmax(0, 1fr) 360px":"minmax(0, 1fr) 0":"minmax(0, 1fr)",animation:r==="persistent"&&(!i||a)?`animate-drawer-${a?"open":"close"} 225ms cubic-bezier(0, 0, 0.2, 1)`:void 0,"& > div":{minWidth:0}})),U=({headerComponent:r,children:a,drawer:i,isFullWidth:o=!1,testId:l="page-template"})=>{const P=_(),{isOpen:z,variant:W}=(i==null?void 0:i.props)??{},q=Q(),k=s.useRef(!0),N=k.current,$=s.useCallback(()=>{k.current=!1},[]);return X({onMount:$}),C(Y,{"data-testid":l,hasUiShell:q,isFullWidth:o,odysseyDesignTokens:P,children:[r&&v("div",{children:r}),C(Z,{drawerVariant:W,isDrawerOpen:z,isFirstRender:N,odysseyDesignTokens:P,children:[v("div",{children:a}),v("div",{children:i})]},"template-content")]})},m=s.memo(U);m.displayName="PageTemplate";const Ma={component:m,decorators:[J,G],parameters:{layout:"fullscreen"},tags:["autodocs"]},u={render:r=>e.jsx(m,{headerComponent:e.jsxs(t,{children:[e.jsxs(t.Breadcrumbs,{homeHref:"#",children:[e.jsx(y,{href:"#",onClick:d("Page Title click"),children:"Page Title"},"page1"),e.jsx(y,{children:"Current Page"},"current")]},"breadcrumbs"),e.jsx(t.Title,{overline:"OVERLINE",status:{label:"BETA",severity:"info"},children:"Title"},"title"),e.jsx(t.Metadata,{items:["Metadata A","Metadata B","Metadata C"]},"metadata"),e.jsx(t.Description,{children:"Cultellus conforto bos adinventitias compello delibero usitas confugo statim. Tres tenax comes quaerat arguo cibus absorbeo debilito."},"description"),e.jsx(t.Documentation,{href:"#",label:"Documentation"},"documentation"),e.jsxs(t.Actions,{children:[e.jsx(I,{buttonLabel:"Secondary",children:e.jsx(R,{onClick:d("Action click"),children:"Action"})},"secondary"),e.jsx(n,{label:"Primary",onClick:d("primary click"),variant:"primary"},"primary")]},"actions")]}),isFullWidth:r.isFullWidth,children:e.jsx(x,{regions:[1],children:e.jsx(h,{children:e.jsxs(f,{formActions:e.jsxs(e.Fragment,{children:[e.jsx(n,{label:"Reset",variant:"secondary"},"reset"),e.jsx(n,{label:"Submit",type:"submit",variant:"primary"},"submit")]}),name:"Add Person",title:"Add Person",children:[e.jsx(c,{label:"First name"}),e.jsx(c,{label:"Last name"}),e.jsx(c,{label:"Email"})]})})})})},p={render:function(){const[a,i]=s.useState(!1),o=s.useCallback(()=>{i(!0)},[]),l=s.useCallback(()=>{i(!1)},[]);return e.jsx(m,{drawer:e.jsx(V,{hasDividers:!0,isOpen:a,onClose:l,primaryCallToActionComponent:e.jsx(n,{label:"Primary",onClick:l,variant:"primary"}),title:"Drawer title",variant:"temporary",children:e.jsx("div",{children:"Okta Privileged Access is a Privileged Access Management (PAM) solution designed to help customers mitigate the risk of unauthorized access to resources, a critical area of security and risk management in any organization. Okta Privileged Access builds on the current server access control capabilities provided with Okta Advanced Server Access and delivers a unified approach to managing access to all your privileged accounts. It securely connects people, machines, and applications to privileged resources such as servers, containers, and enterprise apps."})}),headerComponent:e.jsxs(t,{children:[e.jsx(t.Title,{children:"Title"},"title"),e.jsx(t.Description,{children:"Cultellus conforto bos adinventitias compello delibero usitas confugo statim. Tres tenax comes quaerat arguo cibus absorbeo debilito."},"description"),e.jsx(t.Documentation,{href:"#",label:"Documentation"},"documentation"),e.jsx(t.Actions,{children:e.jsx(n,{label:a?"Close embedded drawer":"Open embedded drawer",onClick:a?l:o,variant:"primary"})},"actions")]}),children:e.jsx(x,{regions:[1],children:e.jsx(h,{children:e.jsxs(f,{formActions:e.jsxs(e.Fragment,{children:[e.jsx(n,{label:"Reset",variant:"secondary"},"reset"),e.jsx(n,{label:"Submit",type:"submit",variant:"primary"},"submit")]}),name:"Add Person",title:"Add Person",children:[e.jsx(c,{label:"First name"}),e.jsx(c,{label:"Last name"}),e.jsx(c,{label:"Email"})]})})})})}},b={render:function(){const[a,i]=s.useState(!1),o=s.useCallback(()=>{i(!0)},[]),l=s.useCallback(()=>{i(!1)},[]);return e.jsx(m,{drawer:e.jsx(V,{hasDividers:!0,isOpen:a,onClose:l,primaryCallToActionComponent:e.jsx(n,{label:"Primary",onClick:l,variant:"primary"}),title:"Drawer title",variant:"persistent",children:e.jsx("div",{children:"Okta Privileged Access is a Privileged Access Management (PAM) solution designed to help customers mitigate the risk of unauthorized access to resources, a critical area of security and risk management in any organization. Okta Privileged Access builds on the current server access control capabilities provided with Okta Advanced Server Access and delivers a unified approach to managing access to all your privileged accounts. It securely connects people, machines, and applications to privileged resources such as servers, containers, and enterprise apps."})}),headerComponent:e.jsxs(t,{children:[e.jsx(t.Title,{children:"Title"},"title"),e.jsx(t.Description,{children:"Cultellus conforto bos adinventitias compello delibero usitas confugo statim. Tres tenax comes quaerat arguo cibus absorbeo debilito."},"description"),e.jsx(t.Documentation,{href:"#",label:"Documentation"},"documentation"),e.jsx(t.Actions,{children:e.jsx(n,{label:a?"Close embedded drawer":"Open embedded drawer",onClick:a?l:o,variant:"primary"})},"actions")]}),children:e.jsx(x,{regions:[1],children:e.jsx(h,{children:e.jsxs(f,{formActions:e.jsxs(e.Fragment,{children:[e.jsx(n,{label:"Reset",variant:"secondary"},"reset"),e.jsx(n,{label:"Submit",type:"submit",variant:"primary"},"submit")]}),name:"Add Person",title:"Add Person",children:[e.jsx(c,{label:"First name"}),e.jsx(c,{label:"Last name"}),e.jsx(c,{label:"Email"})]})})})})}},g={render:()=>e.jsx(m,{headerComponent:e.jsxs(t,{children:[e.jsxs(t.Breadcrumbs,{homeHref:"#",children:[e.jsx(y,{href:"#",onClick:d("Page Title click"),children:"Page Title"},"page1"),e.jsx(y,{children:"Current Page"},"current")]},"breadcrumbs"),e.jsx(t.Title,{overline:"OVERLINE",status:{label:"BETA",severity:"info"},children:"Title"},"title"),e.jsx(t.Metadata,{items:["Metadata A","Metadata B","Metadata C"]},"metadata"),e.jsx(t.Description,{children:"Cultellus conforto bos adinventitias compello delibero usitas confugo statim. Tres tenax comes quaerat arguo cibus absorbeo debilito."},"description"),e.jsx(t.Documentation,{href:"#",label:"Documentation"},"documentation"),e.jsxs(t.Actions,{children:[e.jsx(I,{buttonLabel:"Secondary",children:e.jsx(R,{onClick:d("Action click"),children:"Action"})},"secondary"),e.jsx(n,{label:"Primary",onClick:d("primary click"),variant:"primary"},"primary")]},"actions")]}),isFullWidth:!0,children:e.jsx(x,{regions:[1],children:e.jsx(h,{children:e.jsxs(f,{formActions:e.jsxs(e.Fragment,{children:[e.jsx(n,{label:"Reset",variant:"secondary"},"reset"),e.jsx(n,{label:"Submit",type:"submit",variant:"primary"},"submit")]}),name:"Add Person",title:"Add Person",children:[e.jsx(c,{label:"First name"}),e.jsx(c,{label:"Last name"}),e.jsx(c,{label:"Email"})]})})})})};var j,A,D;u.parameters={...u.parameters,docs:{...(j=u.parameters)==null?void 0:j.docs,source:{originalSource:`{
+ */const X=({onMount:r,onUpdate:a})=>{const i=s.useRef(!1),o=s.useRef(r);s.useEffect(()=>{var l;i.current?a==null||a():(i.current=!0,(l=o.current)==null||l.call(o))},[a])},Y=L("div",{shouldForwardProp:r=>r!=="odysseyDesignTokens"&&r!=="hasUiShell"&&r!=="isFullWidth"})(({hasUiShell:r,isFullWidth:a,odysseyDesignTokens:i})=>({maxWidth:a?"100%":`calc(1440px + ${i.Spacing6} + ${i.Spacing6})`,marginInline:a&&!r?i.Spacing6:"auto",padding:r?0:i.Spacing6})),Z=L("div",{shouldForwardProp:r=>!["drawerVariant","isDrawerOpen","isFirstRender","odysseyDesignTokens"].includes(r)})(({drawerVariant:r,isDrawerOpen:a,isFirstRender:i,odysseyDesignTokens:o})=>({"@keyframes animate-drawer-open":{"0%":{gridTemplateColumns:"minmax(0, 1fr) 0"},"100%":{gridTemplateColumns:"minmax(0, 1fr) 360px"}},"@keyframes animate-drawer-close":{"0%":{gridTemplateColumns:"minmax(0, 1fr) 360px"},"100%":{gridTemplateColumns:"minmax(0, 1fr) 0"}},display:"grid",gridGap:r==="persistent"&&!a?0:o.Spacing4,gap:r==="persistent"&&!a?0:o.Spacing4,marginBlock:o.Spacing6,gridTemplateColumns:r==="persistent"?a?"minmax(0, 1fr) 360px":"minmax(0, 1fr) 0":"minmax(0, 1fr)",animation:r==="persistent"&&(!i||a)?`animate-drawer-${a?"open":"close"} 225ms cubic-bezier(0, 0, 0.2, 1)`:void 0,"& > div":{minWidth:0}})),U=({headerComponent:r,children:a,drawer:i,isFullWidth:o=!1,testId:l="page-template"})=>{const P=_(),{isOpen:z,variant:W}=(i==null?void 0:i.props)??{},q=Q(),k=s.useRef(!0),N=k.current,$=s.useCallback(()=>{k.current=!1},[]);return X({onMount:$}),C(Y,{"data-testid":l,hasUiShell:q,isFullWidth:o,odysseyDesignTokens:P,children:[r&&v("div",{children:r}),C(Z,{drawerVariant:W,isDrawerOpen:z,isFirstRender:N,odysseyDesignTokens:P,children:[v("div",{children:a}),v("div",{children:i})]},"template-content")]})},m=s.memo(U);m.displayName="PageTemplate";const Ha={component:m,decorators:[J,G],parameters:{layout:"fullscreen"},tags:["autodocs"]},u={render:r=>e.jsx(m,{headerComponent:e.jsxs(t,{children:[e.jsxs(t.Breadcrumbs,{homeHref:"#",children:[e.jsx(y,{href:"#",onClick:d("Page Title click"),children:"Page Title"},"page1"),e.jsx(y,{children:"Current Page"},"current")]},"breadcrumbs"),e.jsx(t.Title,{overline:"OVERLINE",status:{label:"BETA",severity:"info"},children:"Title"},"title"),e.jsx(t.Metadata,{items:["Metadata A","Metadata B","Metadata C"]},"metadata"),e.jsx(t.Description,{children:"Cultellus conforto bos adinventitias compello delibero usitas confugo statim. Tres tenax comes quaerat arguo cibus absorbeo debilito."},"description"),e.jsx(t.Documentation,{href:"#",label:"Documentation"},"documentation"),e.jsxs(t.Actions,{children:[e.jsx(I,{buttonLabel:"Secondary",children:e.jsx(R,{onClick:d("Action click"),children:"Action"})},"secondary"),e.jsx(n,{label:"Primary",onClick:d("primary click"),variant:"primary"},"primary")]},"actions")]}),isFullWidth:r.isFullWidth,children:e.jsx(x,{regions:[1],children:e.jsx(h,{children:e.jsxs(f,{formActions:e.jsxs(e.Fragment,{children:[e.jsx(n,{label:"Reset",variant:"secondary"},"reset"),e.jsx(n,{label:"Submit",type:"submit",variant:"primary"},"submit")]}),name:"Add Person",title:"Add Person",children:[e.jsx(c,{label:"First name"}),e.jsx(c,{label:"Last name"}),e.jsx(c,{label:"Email"})]})})})})},p={render:function(){const[a,i]=s.useState(!1),o=s.useCallback(()=>{i(!0)},[]),l=s.useCallback(()=>{i(!1)},[]);return e.jsx(m,{drawer:e.jsx(V,{hasDividers:!0,isOpen:a,onClose:l,primaryCallToActionComponent:e.jsx(n,{label:"Primary",onClick:l,variant:"primary"}),title:"Drawer title",variant:"temporary",children:e.jsx("div",{children:"Okta Privileged Access is a Privileged Access Management (PAM) solution designed to help customers mitigate the risk of unauthorized access to resources, a critical area of security and risk management in any organization. Okta Privileged Access builds on the current server access control capabilities provided with Okta Advanced Server Access and delivers a unified approach to managing access to all your privileged accounts. It securely connects people, machines, and applications to privileged resources such as servers, containers, and enterprise apps."})}),headerComponent:e.jsxs(t,{children:[e.jsx(t.Title,{children:"Title"},"title"),e.jsx(t.Description,{children:"Cultellus conforto bos adinventitias compello delibero usitas confugo statim. Tres tenax comes quaerat arguo cibus absorbeo debilito."},"description"),e.jsx(t.Documentation,{href:"#",label:"Documentation"},"documentation"),e.jsx(t.Actions,{children:e.jsx(n,{label:a?"Close embedded drawer":"Open embedded drawer",onClick:a?l:o,variant:"primary"})},"actions")]}),children:e.jsx(x,{regions:[1],children:e.jsx(h,{children:e.jsxs(f,{formActions:e.jsxs(e.Fragment,{children:[e.jsx(n,{label:"Reset",variant:"secondary"},"reset"),e.jsx(n,{label:"Submit",type:"submit",variant:"primary"},"submit")]}),name:"Add Person",title:"Add Person",children:[e.jsx(c,{label:"First name"}),e.jsx(c,{label:"Last name"}),e.jsx(c,{label:"Email"})]})})})})}},b={render:function(){const[a,i]=s.useState(!1),o=s.useCallback(()=>{i(!0)},[]),l=s.useCallback(()=>{i(!1)},[]);return e.jsx(m,{drawer:e.jsx(V,{hasDividers:!0,isOpen:a,onClose:l,primaryCallToActionComponent:e.jsx(n,{label:"Primary",onClick:l,variant:"primary"}),title:"Drawer title",variant:"persistent",children:e.jsx("div",{children:"Okta Privileged Access is a Privileged Access Management (PAM) solution designed to help customers mitigate the risk of unauthorized access to resources, a critical area of security and risk management in any organization. Okta Privileged Access builds on the current server access control capabilities provided with Okta Advanced Server Access and delivers a unified approach to managing access to all your privileged accounts. It securely connects people, machines, and applications to privileged resources such as servers, containers, and enterprise apps."})}),headerComponent:e.jsxs(t,{children:[e.jsx(t.Title,{children:"Title"},"title"),e.jsx(t.Description,{children:"Cultellus conforto bos adinventitias compello delibero usitas confugo statim. Tres tenax comes quaerat arguo cibus absorbeo debilito."},"description"),e.jsx(t.Documentation,{href:"#",label:"Documentation"},"documentation"),e.jsx(t.Actions,{children:e.jsx(n,{label:a?"Close embedded drawer":"Open embedded drawer",onClick:a?l:o,variant:"primary"})},"actions")]}),children:e.jsx(x,{regions:[1],children:e.jsx(h,{children:e.jsxs(f,{formActions:e.jsxs(e.Fragment,{children:[e.jsx(n,{label:"Reset",variant:"secondary"},"reset"),e.jsx(n,{label:"Submit",type:"submit",variant:"primary"},"submit")]}),name:"Add Person",title:"Add Person",children:[e.jsx(c,{label:"First name"}),e.jsx(c,{label:"Last name"}),e.jsx(c,{label:"Email"})]})})})})}},g={render:()=>e.jsx(m,{headerComponent:e.jsxs(t,{children:[e.jsxs(t.Breadcrumbs,{homeHref:"#",children:[e.jsx(y,{href:"#",onClick:d("Page Title click"),children:"Page Title"},"page1"),e.jsx(y,{children:"Current Page"},"current")]},"breadcrumbs"),e.jsx(t.Title,{overline:"OVERLINE",status:{label:"BETA",severity:"info"},children:"Title"},"title"),e.jsx(t.Metadata,{items:["Metadata A","Metadata B","Metadata C"]},"metadata"),e.jsx(t.Description,{children:"Cultellus conforto bos adinventitias compello delibero usitas confugo statim. Tres tenax comes quaerat arguo cibus absorbeo debilito."},"description"),e.jsx(t.Documentation,{href:"#",label:"Documentation"},"documentation"),e.jsxs(t.Actions,{children:[e.jsx(I,{buttonLabel:"Secondary",children:e.jsx(R,{onClick:d("Action click"),children:"Action"})},"secondary"),e.jsx(n,{label:"Primary",onClick:d("primary click"),variant:"primary"},"primary")]},"actions")]}),isFullWidth:!0,children:e.jsx(x,{regions:[1],children:e.jsx(h,{children:e.jsxs(f,{formActions:e.jsxs(e.Fragment,{children:[e.jsx(n,{label:"Reset",variant:"secondary"},"reset"),e.jsx(n,{label:"Submit",type:"submit",variant:"primary"},"submit")]}),name:"Add Person",title:"Add Person",children:[e.jsx(c,{label:"First name"}),e.jsx(c,{label:"Last name"}),e.jsx(c,{label:"Email"})]})})})})};var j,A,D;u.parameters={...u.parameters,docs:{...(j=u.parameters)==null?void 0:j.docs,source:{originalSource:`{
   render: args => <PageTemplate headerComponent={<PageHeader>
           <PageHeader.Breadcrumbs homeHref="#" key="breadcrumbs">
             <Breadcrumb href="#" key="page1" onClick={action("Page Title click")}>
@@ -194,4 +194,4 @@ import{j as e}from"./jsx-runtime-CnH95YSl.js";import{u as _,R as G,P as t}from".
         </Surface>
       </Layout>
     </PageTemplate>
-}`,...(O=(E=g.parameters)==null?void 0:E.docs)==null?void 0:O.source}}};const Ha=["Default","OverlayDrawer","EmbeddedDrawer","FullWidth"];export{u as Default,b as EmbeddedDrawer,g as FullWidth,p as OverlayDrawer,Ha as __namedExportsOrder,Ma as default};
+}`,...(O=(E=g.parameters)==null?void 0:E.docs)==null?void 0:O.source}}};const Sa=["Default","OverlayDrawer","EmbeddedDrawer","FullWidth"];export{u as Default,b as EmbeddedDrawer,g as FullWidth,p as OverlayDrawer,Sa as __namedExportsOrder,Ha as default};