@okta/odyssey-react-mui 1.52.0 → 1.53.0

package/dist/assets/PageTemplate.stories-M6ewVPJx.js

@@ -0,0 +1,205 @@
+import{r as s,l as C,b as P,j as e}from"./iframe-CQjT1fxh.js";import{u as $,R as G,P as t}from"./ResourceAccessPolicyComponentsStorybookThemeDecorator-C-AyLafs.js";import{s as L}from"./tableRowClasses-Bk1uFtwh.js";import{O as K}from"./OdysseyStorybookThemeDecorator-CHlNoX17.js";import{M as h}from"./Surface-s9E2mDWU.js";import{M as x}from"./Form-jEIBfmsN.js";import{M as c}from"./TextField-DF5R_omM.js";import{M as n}from"./Button-0PI4ljbj.js";import{B as y}from"./Breadcrumbs-DlF1RjAJ.js";import{M as I}from"./MenuButton-BffESdH9.js";import{M as R}from"./MenuItem-Cmq8TfUJ.js";import{M as V}from"./Drawer-CYAKZaWu.js";import{M as f}from"./Layout-XY1MknZE.js";import"./preload-helper-Dp1pzeXC.js";import"./Typography-CP569bC2.js";import"./Typography-Jr4Brrb5.js";import"./Box-CnVllI1S.js";import"./Link-thynTosX.js";import"./useIsFocusVisible-D1xCTBdT.js";import"./ButtonBase-Rz8p08Xo.js";import"./TransitionGroupContext-yBqGXZYI.js";import"./Menu-DB2s3Jn0.js";import"./Portal-DeJFqeW-.js";import"./resolveComponentProps-DGxe9oED.js";import"./isHostComponent-DVu5iVWx.js";import"./index-5Qx3hCfP.js";import"./Grow-DvH-Xu1P.js";import"./utils-D-QCjykO.js";import"./ownerDocument-DW-IO8s5.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-C5P7v6Gt.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Fade-ZBabHGDm.js";import"./Paper-vUVrw-QB.js";import"./MenuList-D3GSt85L.js";import"./List-D0N4Xybp.js";import"./Chip-BgPaZbUf.js";import"./createSvgIcon-CaWcxZng.js";import"./i18next-7SyOfhCu.js";import"./ScopedCssBaseline-BOa6kM98.js";import"./OdysseyThemeProvider-BA0_xP7N.js";import"./WarningFilled-DOHs-JmZ.js";import"./index-C77ZwfYm.js";import"./OdysseyProvider-rboSNY26.js";import"./Typography-CjpHjc10.js";import"./useUniqueId-DG6rB8dI.js";import"./createUniqueId-BHjR7HQF.js";import"./Field-CqIOaZfg.js";import"./Box-B3rdnavX.js";import"./ListItem-BNz1zv6N.js";import"./FormHelperText-CVc1kPQJ.js";import"./FormLabel-CWWbs_c2.js";import"./ScreenReaderText-toqV93JE.js";import"./visuallyHidden-Dan1xhjv.js";import"./FieldHint-Cs73lQge.js";import"./inputUtils-BBH9ADKa.js";import"./InputBase-BYnzr12H.js";import"./InputAdornment-Clfg5IS6.js";import"./BaseButton-C9tiChQu.js";import"./MuiPropsContext-D6i6qZME.js";import"./Tooltip-B-PXZNTK.js";import"./Tooltip-yxN-KFjL.js";import"./useControlled-BUhC7uWK.js";import"./Popper-CISS1LuJ.js";import"./Button-Dug4qNr3.js";import"./Group-BJr9nAnt.js";import"./User-BEFwQRGi.js";import"./MenuItem-CpMFWgaz.js";import"./Home-D8RWt2JU.js";import"./BaseMenuButton-BXkyi9Y-.js";import"./MenuContext-UsOwIWpO.js";import"./More-BAN0OFVF.js";import"./FullScreenOverlay-GJH3R5s4.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.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * 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 Y="data-unified-ui-shell",J=()=>{const[r,a]=s.useState(!1);return s.useEffect(()=>{a(!!document.querySelector(`[${Y}]`))},[]),r};/*!
+ * 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.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * 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 Q=({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])},U=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})),X=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}})),Z=({headerComponent:r,children:a,drawer:i,isFullWidth:o=!1,testId:l="page-template"})=>{const v=$(),{isOpen:z,variant:W}=(i==null?void 0:i.props)??{},q=J(),k=s.useRef(!0),_=k.current,N=s.useCallback(()=>{k.current=!1},[]);return Q({onMount:N}),C(U,{"data-testid":l,hasUiShell:q,isFullWidth:o,odysseyDesignTokens:v,children:[r&&P("div",{children:r}),C(X,{drawerVariant:W,isDrawerOpen:z,isFirstRender:_,odysseyDesignTokens:v,children:[P("div",{children:a}),P("div",{children:i})]},"template-content")]})},m=s.memo(Z);m.displayName="PageTemplate";const{action:d}=__STORYBOOK_MODULE_ACTIONS__,va={component:m,decorators:[K,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:"#",children:"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(f,{regions:[1],children:e.jsx(h,{children:e.jsxs(x,{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:"#",children:"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(f,{regions:[1],children:e.jsx(h,{children:e.jsxs(x,{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:"#",children:"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(f,{regions:[1],children:e.jsx(h,{children:e.jsxs(x,{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:"#",children:"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(f,{regions:[1],children:e.jsx(h,{children:e.jsxs(x,{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,D,A;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")}>
+              Page Title
+            </Breadcrumb>
+            <Breadcrumb key="current">Current Page</Breadcrumb>
+          </PageHeader.Breadcrumbs>
+          <PageHeader.Title key="title" overline="OVERLINE" status={{
+      label: "BETA",
+      severity: "info"
+    }}>
+            Title
+          </PageHeader.Title>
+          <PageHeader.Metadata items={["Metadata A", "Metadata B", "Metadata C"]} key="metadata" />
+          <PageHeader.Description key="description">
+            Cultellus conforto bos adinventitias compello delibero usitas
+            confugo statim. Tres tenax comes quaerat arguo cibus absorbeo
+            debilito.
+          </PageHeader.Description>
+          <PageHeader.Documentation href="#" key="documentation">
+            Documentation
+          </PageHeader.Documentation>
+          <PageHeader.Actions key="actions">
+            <MenuButton buttonLabel="Secondary" key="secondary">
+              <MenuItem onClick={action("Action click")}>Action</MenuItem>
+            </MenuButton>
+            <Button key="primary" label="Primary" onClick={action("primary click")} variant="primary" />
+          </PageHeader.Actions>
+        </PageHeader>} isFullWidth={args.isFullWidth}>
+      <Layout regions={[1]}>
+        <Surface>
+          <Form formActions={<>
+                <Button key="reset" label="Reset" variant="secondary" />
+                <Button key="submit" label="Submit" type="submit" variant="primary" />
+              </>} name="Add Person" title="Add Person">
+            <TextField label="First name" />
+            <TextField label="Last name" />
+            <TextField label="Email" />
+          </Form>
+        </Surface>
+      </Layout>
+    </PageTemplate>
+}`,...(A=(D=u.parameters)==null?void 0:D.docs)==null?void 0:A.source}}};var T,w,M;p.parameters={...p.parameters,docs:{...(T=p.parameters)==null?void 0:T.docs,source:{originalSource:`{
+  render: function C() {
+    const [isDrawerVisible, setIsDrawerVisible] = useState(false);
+    const onOpenEmbeddedDrawer = useCallback(() => {
+      setIsDrawerVisible(true);
+    }, []);
+    const onCloseEmbeddedDrawer = useCallback(() => {
+      setIsDrawerVisible(false);
+    }, []);
+    return <PageTemplate drawer={<Drawer hasDividers isOpen={isDrawerVisible} onClose={onCloseEmbeddedDrawer} primaryCallToActionComponent={<Button label="Primary" onClick={onCloseEmbeddedDrawer} variant="primary" />} title="Drawer title" variant="temporary">
+            <div>
+              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.
+            </div>
+          </Drawer>} headerComponent={<PageHeader>
+            <PageHeader.Title key="title">Title</PageHeader.Title>
+            <PageHeader.Description key="description">
+              Cultellus conforto bos adinventitias compello delibero usitas
+              confugo statim. Tres tenax comes quaerat arguo cibus absorbeo
+              debilito.
+            </PageHeader.Description>
+            <PageHeader.Documentation href="#" key="documentation">
+              Documentation
+            </PageHeader.Documentation>
+            <PageHeader.Actions key="actions">
+              <Button label={isDrawerVisible ? "Close embedded drawer" : "Open embedded drawer"} onClick={isDrawerVisible ? onCloseEmbeddedDrawer : onOpenEmbeddedDrawer} variant="primary" />
+            </PageHeader.Actions>
+          </PageHeader>}>
+        <Layout regions={[1]}>
+          <Surface>
+            <Form formActions={<>
+                  <Button key="reset" label="Reset" variant="secondary" />
+                  <Button key="submit" label="Submit" type="submit" variant="primary" />
+                </>} name="Add Person" title="Add Person">
+              <TextField label="First name" />
+              <TextField label="Last name" />
+              <TextField label="Email" />
+            </Form>
+          </Surface>
+        </Layout>
+      </PageTemplate>;
+  }
+}`,...(M=(w=p.parameters)==null?void 0:w.docs)==null?void 0:M.source}}};var H,S,B;b.parameters={...b.parameters,docs:{...(H=b.parameters)==null?void 0:H.docs,source:{originalSource:`{
+  render: function C() {
+    const [isDrawerVisible, setIsDrawerVisible] = useState(false);
+    const onOpenEmbeddedDrawer = useCallback(() => {
+      setIsDrawerVisible(true);
+    }, []);
+    const onCloseEmbeddedDrawer = useCallback(() => {
+      setIsDrawerVisible(false);
+    }, []);
+    return <PageTemplate drawer={<Drawer hasDividers isOpen={isDrawerVisible} onClose={onCloseEmbeddedDrawer} primaryCallToActionComponent={<Button label="Primary" onClick={onCloseEmbeddedDrawer} variant="primary" />} title="Drawer title" variant="persistent">
+            <div>
+              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.
+            </div>
+          </Drawer>} headerComponent={<PageHeader>
+            <PageHeader.Title key="title">Title</PageHeader.Title>
+            <PageHeader.Description key="description">
+              Cultellus conforto bos adinventitias compello delibero usitas
+              confugo statim. Tres tenax comes quaerat arguo cibus absorbeo
+              debilito.
+            </PageHeader.Description>
+            <PageHeader.Documentation href="#" key="documentation">
+              Documentation
+            </PageHeader.Documentation>
+            <PageHeader.Actions key="actions">
+              <Button label={isDrawerVisible ? "Close embedded drawer" : "Open embedded drawer"} onClick={isDrawerVisible ? onCloseEmbeddedDrawer : onOpenEmbeddedDrawer} variant="primary" />
+            </PageHeader.Actions>
+          </PageHeader>}>
+        <Layout regions={[1]}>
+          <Surface>
+            <Form formActions={<>
+                  <Button key="reset" label="Reset" variant="secondary" />
+                  <Button key="submit" label="Submit" type="submit" variant="primary" />
+                </>} name="Add Person" title="Add Person">
+              <TextField label="First name" />
+              <TextField label="Last name" />
+              <TextField label="Email" />
+            </Form>
+          </Surface>
+        </Layout>
+      </PageTemplate>;
+  }
+}`,...(B=(S=b.parameters)==null?void 0:S.docs)==null?void 0:B.source}}};var F,E,O;g.parameters={...g.parameters,docs:{...(F=g.parameters)==null?void 0:F.docs,source:{originalSource:`{
+  render: () => <PageTemplate headerComponent={<PageHeader>
+          <PageHeader.Breadcrumbs homeHref="#" key="breadcrumbs">
+            <Breadcrumb href="#" key="page1" onClick={action("Page Title click")}>
+              Page Title
+            </Breadcrumb>
+            <Breadcrumb key="current">Current Page</Breadcrumb>
+          </PageHeader.Breadcrumbs>
+          <PageHeader.Title key="title" overline="OVERLINE" status={{
+      label: "BETA",
+      severity: "info"
+    }}>
+            Title
+          </PageHeader.Title>
+          <PageHeader.Metadata items={["Metadata A", "Metadata B", "Metadata C"]} key="metadata" />
+          <PageHeader.Description key="description">
+            Cultellus conforto bos adinventitias compello delibero usitas
+            confugo statim. Tres tenax comes quaerat arguo cibus absorbeo
+            debilito.
+          </PageHeader.Description>
+          <PageHeader.Documentation href="#" key="documentation">
+            Documentation
+          </PageHeader.Documentation>
+          <PageHeader.Actions key="actions">
+            <MenuButton buttonLabel="Secondary" key="secondary">
+              <MenuItem onClick={action("Action click")}>Action</MenuItem>
+            </MenuButton>
+            <Button key="primary" label="Primary" onClick={action("primary click")} variant="primary" />
+          </PageHeader.Actions>
+        </PageHeader>} isFullWidth>
+      <Layout regions={[1]}>
+        <Surface>
+          <Form formActions={<>
+                <Button key="reset" label="Reset" variant="secondary" />
+                <Button key="submit" label="Submit" type="submit" variant="primary" />
+              </>} name="Add Person" title="Add Person">
+            <TextField label="First name" />
+            <TextField label="Last name" />
+            <TextField label="Email" />
+          </Form>
+        </Surface>
+      </Layout>
+    </PageTemplate>
+}`,...(O=(E=g.parameters)==null?void 0:E.docs)==null?void 0:O.source}}};const ka=["Default","OverlayDrawer","EmbeddedDrawer","FullWidth"];export{u as Default,b as EmbeddedDrawer,g as FullWidth,p as OverlayDrawer,ka as __namedExportsOrder,va as default};

package/dist/assets/PageTemplate.stories-XizDmXOT.js

@@ -0,0 +1,205 @@
+import{r as s,l as C,b as P,j as e}from"./iframe-CQjT1fxh.js";import{P as t}from"./PageHeader-DHtVYyb-.js";import{s as L}from"./tableRowClasses-Bk1uFtwh.js";import{u as $}from"./OdysseyProvider-PxeTd-wx.js";import{O as G}from"./OdysseyStorybookThemeDecorator-CHlNoX17.js";import{W as K}from"./WpComponentsStorybookThemeDecorator-Db3wSJC0.js";import{M as h}from"./Surface-s9E2mDWU.js";import{M as f}from"./Form-jEIBfmsN.js";import{M as c}from"./TextField-DF5R_omM.js";import{M as n}from"./Button-0PI4ljbj.js";import{B as y}from"./Breadcrumbs-DlF1RjAJ.js";import{M as I}from"./MenuButton-BffESdH9.js";import{M as V}from"./MenuItem-Cmq8TfUJ.js";import{M as R}from"./Drawer-CYAKZaWu.js";import{M as x}from"./Layout-XY1MknZE.js";import"./preload-helper-Dp1pzeXC.js";import"./Link-thynTosX.js";import"./useIsFocusVisible-D1xCTBdT.js";import"./Typography-Jr4Brrb5.js";import"./ButtonBase-Rz8p08Xo.js";import"./TransitionGroupContext-yBqGXZYI.js";import"./Menu-DB2s3Jn0.js";import"./Portal-DeJFqeW-.js";import"./resolveComponentProps-DGxe9oED.js";import"./isHostComponent-DVu5iVWx.js";import"./index-5Qx3hCfP.js";import"./Grow-DvH-Xu1P.js";import"./utils-D-QCjykO.js";import"./ownerDocument-DW-IO8s5.js";import"./ownerWindow-HkKU3E4x.js";import"./debounce-Be36O1Ab.js";import"./Modal-C5P7v6Gt.js";import"./getScrollbarSize-Bqq2hMjQ.js";import"./createChainedFunction-BO_9K8Jh.js";import"./Fade-ZBabHGDm.js";import"./Paper-vUVrw-QB.js";import"./MenuList-D3GSt85L.js";import"./List-D0N4Xybp.js";import"./MuiPropsContext-Df02xyKB.js";import"./Chip-BgPaZbUf.js";import"./createSvgIcon-CaWcxZng.js";import"./Box--NDTewyO.js";import"./Box-CnVllI1S.js";import"./i18next-7SyOfhCu.js";import"./ScopedCssBaseline-BOa6kM98.js";import"./OdysseyThemeProvider-BA0_xP7N.js";import"./WarningFilled-DOHs-JmZ.js";import"./index-C77ZwfYm.js";import"./OdysseyProvider-rboSNY26.js";import"./Typography-CjpHjc10.js";import"./useUniqueId-DG6rB8dI.js";import"./createUniqueId-BHjR7HQF.js";import"./Field-CqIOaZfg.js";import"./Box-B3rdnavX.js";import"./ListItem-BNz1zv6N.js";import"./FormHelperText-CVc1kPQJ.js";import"./FormLabel-CWWbs_c2.js";import"./ScreenReaderText-toqV93JE.js";import"./visuallyHidden-Dan1xhjv.js";import"./FieldHint-Cs73lQge.js";import"./inputUtils-BBH9ADKa.js";import"./InputBase-BYnzr12H.js";import"./InputAdornment-Clfg5IS6.js";import"./BaseButton-C9tiChQu.js";import"./MuiPropsContext-D6i6qZME.js";import"./Tooltip-B-PXZNTK.js";import"./Tooltip-yxN-KFjL.js";import"./useControlled-BUhC7uWK.js";import"./Popper-CISS1LuJ.js";import"./Button-Dug4qNr3.js";import"./Group-BJr9nAnt.js";import"./User-BEFwQRGi.js";import"./MenuItem-CpMFWgaz.js";import"./Home-D8RWt2JU.js";import"./BaseMenuButton-BXkyi9Y-.js";import"./MenuContext-UsOwIWpO.js";import"./More-BAN0OFVF.js";import"./FullScreenOverlay-GJH3R5s4.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.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * 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 Y="data-unified-ui-shell",J=()=>{const[r,a]=s.useState(!1);return s.useEffect(()=>{a(!!document.querySelector(`[${Y}]`))},[]),r};/*!
+ * 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.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * 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 Q=({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])},U=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})),X=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}})),Z=({headerComponent:r,children:a,drawer:i,isFullWidth:o=!1,testId:l="page-template"})=>{const v=$(),{isOpen:z,variant:W}=(i==null?void 0:i.props)??{},q=J(),k=s.useRef(!0),_=k.current,N=s.useCallback(()=>{k.current=!1},[]);return Q({onMount:N}),C(U,{"data-testid":l,hasUiShell:q,isFullWidth:o,odysseyDesignTokens:v,children:[r&&P("div",{children:r}),C(X,{drawerVariant:W,isDrawerOpen:z,isFirstRender:_,odysseyDesignTokens:v,children:[P("div",{children:a}),P("div",{children:i})]},"template-content")]})},m=s.memo(Z);m.displayName="PageTemplate";const{action:d}=__STORYBOOK_MODULE_ACTIONS__,ja={component:m,decorators:[G,K],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:"#",children:"Documentation"},"documentation"),e.jsxs(t.Actions,{children:[e.jsx(I,{buttonLabel:"Secondary",children:e.jsx(V,{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(R,{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:"#",children:"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(R,{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:"#",children:"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:"#",children:"Documentation"},"documentation"),e.jsxs(t.Actions,{children:[e.jsx(I,{buttonLabel:"Secondary",children:e.jsx(V,{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,D,A;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")}>
+              Page Title
+            </Breadcrumb>
+            <Breadcrumb key="current">Current Page</Breadcrumb>
+          </PageHeader.Breadcrumbs>
+          <PageHeader.Title key="title" overline="OVERLINE" status={{
+      label: "BETA",
+      severity: "info"
+    }}>
+            Title
+          </PageHeader.Title>
+          <PageHeader.Metadata items={["Metadata A", "Metadata B", "Metadata C"]} key="metadata" />
+          <PageHeader.Description key="description">
+            Cultellus conforto bos adinventitias compello delibero usitas
+            confugo statim. Tres tenax comes quaerat arguo cibus absorbeo
+            debilito.
+          </PageHeader.Description>
+          <PageHeader.Documentation href="#" key="documentation">
+            Documentation
+          </PageHeader.Documentation>
+          <PageHeader.Actions key="actions">
+            <MenuButton buttonLabel="Secondary" key="secondary">
+              <MenuItem onClick={action("Action click")}>Action</MenuItem>
+            </MenuButton>
+            <Button key="primary" label="Primary" onClick={action("primary click")} variant="primary" />
+          </PageHeader.Actions>
+        </PageHeader>} isFullWidth={args.isFullWidth}>
+      <Layout regions={[1]}>
+        <Surface>
+          <Form formActions={<>
+                <Button key="reset" label="Reset" variant="secondary" />
+                <Button key="submit" label="Submit" type="submit" variant="primary" />
+              </>} name="Add Person" title="Add Person">
+            <TextField label="First name" />
+            <TextField label="Last name" />
+            <TextField label="Email" />
+          </Form>
+        </Surface>
+      </Layout>
+    </PageTemplate>
+}`,...(A=(D=u.parameters)==null?void 0:D.docs)==null?void 0:A.source}}};var T,w,M;p.parameters={...p.parameters,docs:{...(T=p.parameters)==null?void 0:T.docs,source:{originalSource:`{
+  render: function C() {
+    const [isDrawerVisible, setIsDrawerVisible] = useState(false);
+    const onOpenEmbeddedDrawer = useCallback(() => {
+      setIsDrawerVisible(true);
+    }, []);
+    const onCloseEmbeddedDrawer = useCallback(() => {
+      setIsDrawerVisible(false);
+    }, []);
+    return <PageTemplate drawer={<Drawer hasDividers isOpen={isDrawerVisible} onClose={onCloseEmbeddedDrawer} primaryCallToActionComponent={<Button label="Primary" onClick={onCloseEmbeddedDrawer} variant="primary" />} title="Drawer title" variant="temporary">
+            <div>
+              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.
+            </div>
+          </Drawer>} headerComponent={<PageHeader>
+            <PageHeader.Title key="title">Title</PageHeader.Title>
+            <PageHeader.Description key="description">
+              Cultellus conforto bos adinventitias compello delibero usitas
+              confugo statim. Tres tenax comes quaerat arguo cibus absorbeo
+              debilito.
+            </PageHeader.Description>
+            <PageHeader.Documentation href="#" key="documentation">
+              Documentation
+            </PageHeader.Documentation>
+            <PageHeader.Actions key="actions">
+              <Button label={isDrawerVisible ? "Close embedded drawer" : "Open embedded drawer"} onClick={isDrawerVisible ? onCloseEmbeddedDrawer : onOpenEmbeddedDrawer} variant="primary" />
+            </PageHeader.Actions>
+          </PageHeader>}>
+        <Layout regions={[1]}>
+          <Surface>
+            <Form formActions={<>
+                  <Button key="reset" label="Reset" variant="secondary" />
+                  <Button key="submit" label="Submit" type="submit" variant="primary" />
+                </>} name="Add Person" title="Add Person">
+              <TextField label="First name" />
+              <TextField label="Last name" />
+              <TextField label="Email" />
+            </Form>
+          </Surface>
+        </Layout>
+      </PageTemplate>;
+  }
+}`,...(M=(w=p.parameters)==null?void 0:w.docs)==null?void 0:M.source}}};var H,S,B;b.parameters={...b.parameters,docs:{...(H=b.parameters)==null?void 0:H.docs,source:{originalSource:`{
+  render: function C() {
+    const [isDrawerVisible, setIsDrawerVisible] = useState(false);
+    const onOpenEmbeddedDrawer = useCallback(() => {
+      setIsDrawerVisible(true);
+    }, []);
+    const onCloseEmbeddedDrawer = useCallback(() => {
+      setIsDrawerVisible(false);
+    }, []);
+    return <PageTemplate drawer={<Drawer hasDividers isOpen={isDrawerVisible} onClose={onCloseEmbeddedDrawer} primaryCallToActionComponent={<Button label="Primary" onClick={onCloseEmbeddedDrawer} variant="primary" />} title="Drawer title" variant="persistent">
+            <div>
+              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.
+            </div>
+          </Drawer>} headerComponent={<PageHeader>
+            <PageHeader.Title key="title">Title</PageHeader.Title>
+            <PageHeader.Description key="description">
+              Cultellus conforto bos adinventitias compello delibero usitas
+              confugo statim. Tres tenax comes quaerat arguo cibus absorbeo
+              debilito.
+            </PageHeader.Description>
+            <PageHeader.Documentation href="#" key="documentation">
+              Documentation
+            </PageHeader.Documentation>
+            <PageHeader.Actions key="actions">
+              <Button label={isDrawerVisible ? "Close embedded drawer" : "Open embedded drawer"} onClick={isDrawerVisible ? onCloseEmbeddedDrawer : onOpenEmbeddedDrawer} variant="primary" />
+            </PageHeader.Actions>
+          </PageHeader>}>
+        <Layout regions={[1]}>
+          <Surface>
+            <Form formActions={<>
+                  <Button key="reset" label="Reset" variant="secondary" />
+                  <Button key="submit" label="Submit" type="submit" variant="primary" />
+                </>} name="Add Person" title="Add Person">
+              <TextField label="First name" />
+              <TextField label="Last name" />
+              <TextField label="Email" />
+            </Form>
+          </Surface>
+        </Layout>
+      </PageTemplate>;
+  }
+}`,...(B=(S=b.parameters)==null?void 0:S.docs)==null?void 0:B.source}}};var F,E,O;g.parameters={...g.parameters,docs:{...(F=g.parameters)==null?void 0:F.docs,source:{originalSource:`{
+  render: () => <PageTemplate headerComponent={<PageHeader>
+          <PageHeader.Breadcrumbs homeHref="#" key="breadcrumbs">
+            <Breadcrumb href="#" key="page1" onClick={action("Page Title click")}>
+              Page Title
+            </Breadcrumb>
+            <Breadcrumb key="current">Current Page</Breadcrumb>
+          </PageHeader.Breadcrumbs>
+          <PageHeader.Title key="title" overline="OVERLINE" status={{
+      label: "BETA",
+      severity: "info"
+    }}>
+            Title
+          </PageHeader.Title>
+          <PageHeader.Metadata items={["Metadata A", "Metadata B", "Metadata C"]} key="metadata" />
+          <PageHeader.Description key="description">
+            Cultellus conforto bos adinventitias compello delibero usitas
+            confugo statim. Tres tenax comes quaerat arguo cibus absorbeo
+            debilito.
+          </PageHeader.Description>
+          <PageHeader.Documentation href="#" key="documentation">
+            Documentation
+          </PageHeader.Documentation>
+          <PageHeader.Actions key="actions">
+            <MenuButton buttonLabel="Secondary" key="secondary">
+              <MenuItem onClick={action("Action click")}>Action</MenuItem>
+            </MenuButton>
+            <Button key="primary" label="Primary" onClick={action("primary click")} variant="primary" />
+          </PageHeader.Actions>
+        </PageHeader>} isFullWidth>
+      <Layout regions={[1]}>
+        <Surface>
+          <Form formActions={<>
+                <Button key="reset" label="Reset" variant="secondary" />
+                <Button key="submit" label="Submit" type="submit" variant="primary" />
+              </>} name="Add Person" title="Add Person">
+            <TextField label="First name" />
+            <TextField label="Last name" />
+            <TextField label="Email" />
+          </Form>
+        </Surface>
+      </Layout>
+    </PageTemplate>
+}`,...(O=(E=g.parameters)==null?void 0:E.docs)==null?void 0:O.source}}};const Da=["Default","OverlayDrawer","EmbeddedDrawer","FullWidth"];export{u as Default,b as EmbeddedDrawer,g as FullWidth,p as OverlayDrawer,Da as __namedExportsOrder,ja as default};