@fluentui/react-drawer 9.0.0-beta.37 → 9.0.0-beta.39

package/lib-commonjs/components/DrawerInline/DrawerInline.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["DrawerInline.js"],"sourcesContent":["import * as React from 'react';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useDrawerInline_unstable } from './useDrawerInline';\nimport { renderDrawerInline_unstable } from './renderDrawerInline';\nimport { useDrawerInlineStyles_unstable } from './useDrawerInlineStyles.styles';\n/**\n * DrawerInline is often used for navigation that is not dismissible. As it is on the same level as\n * the main surface, users can still interact with other UI elements.\n */ export const DrawerInline = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useDrawerInline_unstable(props, ref);\n    useDrawerInlineStyles_unstable(state);\n    useCustomStyleHook_unstable('useDrawerInlineStyles_unstable')(state);\n    return renderDrawerInline_unstable(state);\n});\nDrawerInline.displayName = 'DrawerInline';\n"],"names":["DrawerInline","React","forwardRef","props","ref","state","useDrawerInline_unstable","useDrawerInlineStyles_unstable","useCustomStyleHook_unstable","renderDrawerInline_unstable","displayName"],"mappings":";;;;+BAQiBA;;;eAAAA;;;;iEARM;qCACqB;iCACH;oCACG;6CACG;AAIpC,MAAMA,eAAe,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACnE,MAAMC,QAAQC,IAAAA,yCAAwB,EAACH,OAAOC;IAC9CG,IAAAA,2DAA8B,EAACF;IAC/BG,IAAAA,gDAA2B,EAAC,kCAAkCH;IAC9D,OAAOI,IAAAA,+CAA2B,EAACJ;AACvC;AACAL,aAAaU,WAAW,GAAG"}

package/lib-commonjs/components/DrawerInline/index.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _export_star = require("@swc/helpers/_/_export_star");
-_export_star._(require("./DrawerInline"), exports);
-_export_star._(require("./DrawerInline.types"), exports);
-_export_star._(require("./renderDrawerInline"), exports);
-_export_star._(require("./useDrawerInline"), exports);
-_export_star._(require("./useDrawerInlineStyles.styles"), exports);

package/lib-commonjs/components/DrawerInline/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './DrawerInline';\nexport * from './DrawerInline.types';\nexport * from './renderDrawerInline';\nexport * from './useDrawerInline';\nexport * from './useDrawerInlineStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/DrawerInline/useDrawerInlineStyles.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useDrawerInlineStyles.styles.js"],"sourcesContent":["import * as React from 'react';\nimport { __resetStyles, __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { drawerCSSVars, drawerDefaultStyles, useDrawerBaseClassNames } from '../../shared/useDrawerBaseStyles.styles';\nexport const drawerInlineClassNames = {\n  root: 'fui-DrawerInline'\n};\nconst useDrawerResetStyles = /*#__PURE__*/__resetStyles(\"rlrvcho\", null, [\".rlrvcho{overflow-x:hidden;overflow-y:hidden;width:var(--fui-Drawer--size);max-width:100vw;height:auto;max-height:100vh;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;background-color:var(--colorNeutralBackground1);color:var(--colorNeutralForeground1);position:relative;opacity:0;transition-property:opacity,transform;will-change:opacity,transform;}\"]);\n/**\n * Styles for the root slot\n */\nconst separatorValues = ['1px', 'solid', tokens.colorNeutralBackground3];\nconst useDrawerRootStyles = /*#__PURE__*/__styles({\n  separatorStart: {\n    Bekrc4i: [\"f1hqa2wf\", \"finvdd3\"],\n    vrafjx: [\"fcdblym\", \"fjik90z\"],\n    h3c5rm: [\"fa8zu9y\", \"f17e9lqh\"]\n  },\n  separatorEnd: {\n    ibv6hh: [\"finvdd3\", \"f1hqa2wf\"],\n    wvpqe5: [\"fjik90z\", \"fcdblym\"],\n    zhjwy3: [\"f17e9lqh\", \"fa8zu9y\"]\n  },\n  start: {\n    Bz10aip: \"f1d8gkik\"\n  },\n  end: {\n    Bz10aip: \"f1h1g6jt\"\n  },\n  visible: {\n    abs64n: \"f5p0z4x\",\n    Bz10aip: \"f87uvqx\"\n  }\n}, {\n  d: [\".f1hqa2wf{border-right-width:1px;}\", \".finvdd3{border-left-width:1px;}\", \".fcdblym{border-right-style:solid;}\", \".fjik90z{border-left-style:solid;}\", \".fa8zu9y{border-right-color:var(--colorNeutralBackground3);}\", \".f17e9lqh{border-left-color:var(--colorNeutralBackground3);}\", \".f1d8gkik{transform:translate3D(calc(var(--fui-Drawer--size) * -1), 0, 0);}\", \".f1h1g6jt{transform:translate3D(var(--fui-Drawer--size), 0, 0);}\", \".f5p0z4x{opacity:1;}\", \".f87uvqx{transform:translate3D(0, 0, 0);}\"]\n});\n/**\n * Apply styling to the DrawerInline slots based on the state\n */\nexport const useDrawerInlineStyles_unstable = state => {\n  const resetStyles = useDrawerResetStyles();\n  const baseClassNames = useDrawerBaseClassNames(state);\n  const rootStyles = useDrawerRootStyles();\n  const separatorClass = React.useMemo(() => {\n    if (!state.separator) {\n      return undefined;\n    }\n    return state.position === 'start' ? rootStyles.separatorStart : rootStyles.separatorEnd;\n  }, [state.position, state.separator, rootStyles.separatorEnd, rootStyles.separatorStart]);\n  state.root.className = mergeClasses(drawerInlineClassNames.root, resetStyles, baseClassNames, separatorClass, rootStyles[state.position], state.motion.active && rootStyles.visible, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useDrawerInlineStyles.styles.js.map"],"names":["drawerInlineClassNames","useDrawerInlineStyles_unstable","root","useDrawerResetStyles","__resetStyles","separatorValues","tokens","colorNeutralBackground3","useDrawerRootStyles","__styles","separatorStart","Bekrc4i","vrafjx","h3c5rm","separatorEnd","ibv6hh","wvpqe5","zhjwy3","start","Bz10aip","end","visible","abs64n","d","state","resetStyles","baseClassNames","useDrawerBaseClassNames","rootStyles","separatorClass","React","useMemo","separator","undefined","position","className","mergeClasses","motion","active"],"mappings":";;;;;;;;;;;IAIaA,sBAAsB;eAAtBA;;IAmCAC,8BAA8B;eAA9BA;;;;iEAvCU;wBAC2C;4BAC3C;2CACqD;AACrE,MAAMD,yBAAyB;IACpCE,MAAM;AACR;AACA,MAAMC,uBAAuB,WAAW,GAAEC,IAAAA,qBAAa,EAAC,WAAW,MAAM;IAAC;CAA4Z;AACte;;CAEC,GACD,MAAMC,kBAAkB;IAAC;IAAO;IAASC,kBAAM,CAACC,uBAAuB;CAAC;AACxE,MAAMC,sBAAsB,WAAW,GAAEC,IAAAA,gBAAQ,EAAC;IAChDC,gBAAgB;QACdC,SAAS;YAAC;YAAY;SAAU;QAChCC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;YAAC;YAAW;SAAW;IACjC;IACAC,cAAc;QACZC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;YAAC;YAAY;SAAU;IACjC;IACAC,OAAO;QACLC,SAAS;IACX;IACAC,KAAK;QACHD,SAAS;IACX;IACAE,SAAS;QACPC,QAAQ;QACRH,SAAS;IACX;AACF,GAAG;IACDI,GAAG;QAAC;QAAsC;QAAoC;QAAuC;QAAsC;QAAgE;QAAgE;QAA+E;QAAoE;QAAwB;KAA4C;AACpf;AAIO,MAAMtB,iCAAiCuB,CAAAA;IAC5C,MAAMC,cAActB;IACpB,MAAMuB,iBAAiBC,IAAAA,kDAAuB,EAACH;IAC/C,MAAMI,aAAapB;IACnB,MAAMqB,iBAAiBC,OAAMC,OAAO,CAAC;QACnC,IAAI,CAACP,MAAMQ,SAAS,EAAE;YACpB,OAAOC;QACT;QACA,OAAOT,MAAMU,QAAQ,KAAK,UAAUN,WAAWlB,cAAc,GAAGkB,WAAWd,YAAY;IACzF,GAAG;QAACU,MAAMU,QAAQ;QAAEV,MAAMQ,SAAS;QAAEJ,WAAWd,YAAY;QAAEc,WAAWlB,cAAc;KAAC;IACxFc,MAAMtB,IAAI,CAACiC,SAAS,GAAGC,IAAAA,oBAAY,EAACpC,uBAAuBE,IAAI,EAAEuB,aAAaC,gBAAgBG,gBAAgBD,UAAU,CAACJ,MAAMU,QAAQ,CAAC,EAAEV,MAAMa,MAAM,CAACC,MAAM,IAAIV,WAAWP,OAAO,EAAEG,MAAMtB,IAAI,CAACiC,SAAS;IACzM,OAAOX;AACT,GACA,wDAAwD"}

package/lib-commonjs/components/DrawerOverlay/DrawerOverlay.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "DrawerOverlay", {
-    enumerable: true,
-    get: function() {
-        return DrawerOverlay;
-    }
-});
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-const _reactsharedcontexts = require("@fluentui/react-shared-contexts");
-const _useDrawerOverlay = require("./useDrawerOverlay");
-const _renderDrawerOverlay = require("./renderDrawerOverlay");
-const _useDrawerOverlayStylesstyles = require("./useDrawerOverlayStyles.styles");
-const DrawerOverlay = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
-    const state = (0, _useDrawerOverlay.useDrawerOverlay_unstable)(props, ref);
-    (0, _useDrawerOverlayStylesstyles.useDrawerOverlayStyles_unstable)(state);
-    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useDrawerOverlayStyles_unstable')(state);
-    return (0, _renderDrawerOverlay.renderDrawerOverlay_unstable)(state);
-});
-DrawerOverlay.displayName = 'DrawerOverlay';

package/lib-commonjs/components/DrawerOverlay/DrawerOverlay.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["DrawerOverlay.js"],"sourcesContent":["import * as React from 'react';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useDrawerOverlay_unstable } from './useDrawerOverlay';\nimport { renderDrawerOverlay_unstable } from './renderDrawerOverlay';\nimport { useDrawerOverlayStyles_unstable } from './useDrawerOverlayStyles.styles';\n/**\n * DrawerOverlay contains supplementary content and are used for complex creation, edit, or management experiences.\n */ export const DrawerOverlay = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useDrawerOverlay_unstable(props, ref);\n    useDrawerOverlayStyles_unstable(state);\n    useCustomStyleHook_unstable('useDrawerOverlayStyles_unstable')(state);\n    return renderDrawerOverlay_unstable(state);\n});\nDrawerOverlay.displayName = 'DrawerOverlay';\n"],"names":["DrawerOverlay","React","forwardRef","props","ref","state","useDrawerOverlay_unstable","useDrawerOverlayStyles_unstable","useCustomStyleHook_unstable","renderDrawerOverlay_unstable","displayName"],"mappings":";;;;+BAOiBA;;;eAAAA;;;;iEAPM;qCACqB;kCACF;qCACG;8CACG;AAGrC,MAAMA,gBAAgB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACpE,MAAMC,QAAQC,IAAAA,2CAAyB,EAACH,OAAOC;IAC/CG,IAAAA,6DAA+B,EAACF;IAChCG,IAAAA,gDAA2B,EAAC,mCAAmCH;IAC/D,OAAOI,IAAAA,iDAA4B,EAACJ;AACxC;AACAL,cAAcU,WAAW,GAAG"}

package/lib-commonjs/components/DrawerOverlay/DrawerOverlaySurface/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './DrawerOverlaySurface';\nexport * from './DrawerOverlaySurface.types';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA"}

package/lib-commonjs/components/DrawerOverlay/index.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _export_star = require("@swc/helpers/_/_export_star");
-_export_star._(require("./DrawerOverlay"), exports);
-_export_star._(require("./DrawerOverlay.types"), exports);
-_export_star._(require("./renderDrawerOverlay"), exports);
-_export_star._(require("./useDrawerOverlay"), exports);
-_export_star._(require("./useDrawerOverlayStyles.styles"), exports);

package/lib-commonjs/components/DrawerOverlay/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './DrawerOverlay';\nexport * from './DrawerOverlay.types';\nexport * from './renderDrawerOverlay';\nexport * from './useDrawerOverlay';\nexport * from './useDrawerOverlayStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/DrawerOverlay/useDrawerOverlay.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useDrawerOverlay.js"],"sourcesContent":["import * as React from 'react';\nimport { slot, useMergedRefs } from '@fluentui/react-utilities';\nimport { Dialog } from '@fluentui/react-dialog';\nimport { useMotion } from '@fluentui/react-motion-preview';\nimport { useDrawerDefaultProps } from '../../shared/useDrawerDefaultProps';\nimport { DrawerOverlaySurface } from './DrawerOverlaySurface';\n/**\n * Create the state required to render DrawerOverlay.\n *\n * The returned state can be modified with hooks such as useDrawerOverlayStyles_unstable,\n * before being passed to renderDrawerOverlay_unstable.\n *\n * @param props - props from this instance of DrawerOverlay\n * @param ref - reference to root HTMLDivElement of DrawerOverlay\n */ export const useDrawerOverlay_unstable = (props, ref)=>{\n    const { open, size, position } = useDrawerDefaultProps(props);\n    const { modalType = 'modal', inertTrapFocus, defaultOpen = false, onOpenChange } = props;\n    const drawerMotion = useMotion(open);\n    const backdropMotion = useMotion(open);\n    const backdropInnerProps = slot.resolveShorthand(props.backdrop);\n    const hasCustomBackdrop = modalType !== 'non-modal' && backdropInnerProps !== null;\n    const backdropProps = {\n        ...backdropInnerProps,\n        ref: useMergedRefs(backdropMotion.ref, backdropInnerProps === null || backdropInnerProps === void 0 ? void 0 : backdropInnerProps.ref)\n    };\n    const root = slot.always({\n        ...props,\n        backdrop: hasCustomBackdrop ? backdropProps : null\n    }, {\n        elementType: DrawerOverlaySurface,\n        defaultProps: {\n            ref: useMergedRefs(ref, drawerMotion.ref)\n        }\n    });\n    const dialog = slot.always({\n        open: true,\n        defaultOpen,\n        onOpenChange,\n        inertTrapFocus,\n        modalType,\n        /*\n       * children is not needed here because we construct the children in the render function,\n       * but it's required by DialogProps\n       */ children: null\n    }, {\n        elementType: Dialog\n    });\n    return {\n        components: {\n            root: DrawerOverlaySurface,\n            dialog: Dialog\n        },\n        root,\n        dialog,\n        size,\n        position,\n        motion: drawerMotion,\n        backdropMotion\n    };\n};\n"],"names":["useDrawerOverlay_unstable","props","ref","open","size","position","useDrawerDefaultProps","modalType","inertTrapFocus","defaultOpen","onOpenChange","drawerMotion","useMotion","backdropMotion","backdropInnerProps","slot","resolveShorthand","backdrop","hasCustomBackdrop","backdropProps","useMergedRefs","root","always","elementType","DrawerOverlaySurface","defaultProps","dialog","children","Dialog","components","motion"],"mappings":";;;;+BAciBA;;;eAAAA;;;;iEAdM;gCACa;6BACb;oCACG;uCACY;sCACD;AAS1B,MAAMA,4BAA4B,CAACC,OAAOC;IACjD,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAEC,QAAQ,EAAE,GAAGC,IAAAA,4CAAqB,EAACL;IACvD,MAAM,EAAEM,YAAY,OAAO,EAAEC,cAAc,EAAEC,cAAc,KAAK,EAAEC,YAAY,EAAE,GAAGT;IACnF,MAAMU,eAAeC,IAAAA,6BAAS,EAACT;IAC/B,MAAMU,iBAAiBD,IAAAA,6BAAS,EAACT;IACjC,MAAMW,qBAAqBC,oBAAI,CAACC,gBAAgB,CAACf,MAAMgB,QAAQ;IAC/D,MAAMC,oBAAoBX,cAAc,eAAeO,uBAAuB;IAC9E,MAAMK,gBAAgB;QAClB,GAAGL,kBAAkB;QACrBZ,KAAKkB,IAAAA,6BAAa,EAACP,eAAeX,GAAG,EAAEY,uBAAuB,QAAQA,uBAAuB,KAAK,IAAI,KAAK,IAAIA,mBAAmBZ,GAAG;IACzI;IACA,MAAMmB,OAAON,oBAAI,CAACO,MAAM,CAAC;QACrB,GAAGrB,KAAK;QACRgB,UAAUC,oBAAoBC,gBAAgB;IAClD,GAAG;QACCI,aAAaC,0CAAoB;QACjCC,cAAc;YACVvB,KAAKkB,IAAAA,6BAAa,EAAClB,KAAKS,aAAaT,GAAG;QAC5C;IACJ;IACA,MAAMwB,SAASX,oBAAI,CAACO,MAAM,CAAC;QACvBnB,MAAM;QACNM;QACAC;QACAF;QACAD;QACA;;;OAGD,GAAGoB,UAAU;IAChB,GAAG;QACCJ,aAAaK,mBAAM;IACvB;IACA,OAAO;QACHC,YAAY;YACRR,MAAMG,0CAAoB;YAC1BE,QAAQE,mBAAM;QAClB;QACAP;QACAK;QACAtB;QACAC;QACAyB,QAAQnB;QACRE;IACJ;AACJ"}

package/lib-commonjs/components/DrawerOverlay/useDrawerOverlayStyles.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["useDrawerOverlayStyles.styles.js"],"sourcesContent":["import * as React from 'react';\nimport { __resetStyles, __styles, mergeClasses } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { drawerCSSVars, drawerDefaultStyles, useDrawerBaseClassNames, useDrawerDurationStyles } from '../../shared/useDrawerBaseStyles.styles';\nexport const drawerOverlayClassNames = {\n  root: 'fui-DrawerOverlay',\n  backdrop: 'fui-DrawerOverlay__backdrop'\n};\n/**\n * Styles for the root slot\n */\nconst useDrawerResetStyles = /*#__PURE__*/__resetStyles(\"rspikg4\", \"r195rwb6\", [\".rspikg4{overflow-x:hidden;overflow-y:hidden;width:var(--fui-Drawer--size);max-width:100vw;height:auto;max-height:100vh;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;background-color:var(--colorNeutralBackground1);color:var(--colorNeutralForeground1);position:fixed;top:0;bottom:0;opacity:0;box-shadow:0px var(--colorTransparentBackground);transition-property:transform,box-shadow,opacity;will-change:transform,box-shadow,opacity;}\", \".rspikg4:focus{outline-style:none;}\", \".rspikg4:focus-visible{outline-style:none;}\", \".rspikg4[data-fui-focus-visible]{border-top-color:transparent;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent;}\", \".rspikg4[data-fui-focus-visible]::after{content:\\\"\\\";position:absolute;pointer-events:none;z-index:1;border-top-style:solid;border-right-style:solid;border-bottom-style:solid;border-left-style:solid;border-top-width:2px;border-right-width:2px;border-bottom-width:2px;border-left-width:2px;border-bottom-right-radius:var(--borderRadiusMedium);border-bottom-left-radius:var(--borderRadiusMedium);border-top-right-radius:var(--borderRadiusMedium);border-top-left-radius:var(--borderRadiusMedium);border-top-color:var(--colorStrokeFocus2);border-right-color:var(--colorStrokeFocus2);border-bottom-color:var(--colorStrokeFocus2);border-left-color:var(--colorStrokeFocus2);top:calc(2px * -1);right:calc(2px * -1);bottom:calc(2px * -1);left:calc(2px * -1);}\", \".r195rwb6{overflow-x:hidden;overflow-y:hidden;width:var(--fui-Drawer--size);max-width:100vw;height:auto;max-height:100vh;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;background-color:var(--colorNeutralBackground1);color:var(--colorNeutralForeground1);position:fixed;top:0;bottom:0;opacity:0;box-shadow:0px var(--colorTransparentBackground);transition-property:transform,box-shadow,opacity;will-change:transform,box-shadow,opacity;}\", \".r195rwb6:focus{outline-style:none;}\", \".r195rwb6:focus-visible{outline-style:none;}\", \".r195rwb6[data-fui-focus-visible]{border-top-color:transparent;border-left-color:transparent;border-bottom-color:transparent;border-right-color:transparent;}\", \".r195rwb6[data-fui-focus-visible]::after{content:\\\"\\\";position:absolute;pointer-events:none;z-index:1;border-top-style:solid;border-left-style:solid;border-bottom-style:solid;border-right-style:solid;border-top-width:2px;border-left-width:2px;border-bottom-width:2px;border-right-width:2px;border-bottom-left-radius:var(--borderRadiusMedium);border-bottom-right-radius:var(--borderRadiusMedium);border-top-left-radius:var(--borderRadiusMedium);border-top-right-radius:var(--borderRadiusMedium);border-top-color:var(--colorStrokeFocus2);border-left-color:var(--colorStrokeFocus2);border-bottom-color:var(--colorStrokeFocus2);border-right-color:var(--colorStrokeFocus2);top:calc(2px * -1);left:calc(2px * -1);bottom:calc(2px * -1);right:calc(2px * -1);}\"]);\nconst useDrawerRootStyles = /*#__PURE__*/__styles({\n  start: {\n    Bz10aip: \"f1d8gkik\"\n  },\n  end: {\n    Bz10aip: \"f1g0pcr8\"\n  },\n  visible: {\n    abs64n: \"f5p0z4x\",\n    Bz10aip: \"f87uvqx\",\n    E5pizo: \"f10nrhrw\"\n  }\n}, {\n  d: [\".f1d8gkik{transform:translate3D(calc(var(--fui-Drawer--size) * -1), 0, 0);}\", \".f1g0pcr8{transform:translate3D(calc(var(--fui-Drawer--size) * 1), 0, 0);}\", \".f5p0z4x{opacity:1;}\", \".f87uvqx{transform:translate3D(0, 0, 0);}\", \".f10nrhrw{box-shadow:var(--shadow64);}\"]\n});\n/**\n * Styles for the backdrop slot\n */\nconst useBackdropStyles = /*#__PURE__*/__styles({\n  backdrop: {\n    abs64n: \"fk73vx1\",\n    Bmy1vo4: \"f13u1uyl\",\n    Bkqvd7p: \"f17wnm97\",\n    Es3by: \"f1gqqdtu\"\n  },\n  visible: {\n    abs64n: \"f5p0z4x\"\n  }\n}, {\n  d: [\".fk73vx1{opacity:0;}\", \".f13u1uyl{transition-property:opacity;}\", \".f17wnm97{transition-timing-function:var(--curveEasyEase);}\", \".f1gqqdtu{will-change:opacity;}\", \".f5p0z4x{opacity:1;}\"]\n});\n/**\n * Apply styling to the DrawerOverlay slots based on the state\n */\nexport const useDrawerOverlayStyles_unstable = state => {\n  const baseClassNames = useDrawerBaseClassNames(state);\n  const resetStyles = useDrawerResetStyles();\n  const rootStyles = useDrawerRootStyles();\n  const backdropStyles = useBackdropStyles();\n  const durationStyles = useDrawerDurationStyles();\n  const backdrop = state.root.backdrop;\n  state.root.className = mergeClasses(drawerOverlayClassNames.root, baseClassNames, resetStyles, rootStyles[state.position], state.motion.active && rootStyles.visible, state.root.className);\n  if (backdrop) {\n    backdrop.className = mergeClasses(drawerOverlayClassNames.backdrop, backdropStyles.backdrop, durationStyles[state.size], state.backdropMotion.active && backdropStyles.visible, backdrop.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useDrawerOverlayStyles.styles.js.map"],"names":["drawerOverlayClassNames","useDrawerOverlayStyles_unstable","root","backdrop","useDrawerResetStyles","__resetStyles","useDrawerRootStyles","__styles","start","Bz10aip","end","visible","abs64n","E5pizo","d","useBackdropStyles","Bmy1vo4","Bkqvd7p","Es3by","state","baseClassNames","useDrawerBaseClassNames","resetStyles","rootStyles","backdropStyles","durationStyles","useDrawerDurationStyles","className","mergeClasses","position","motion","active","size","backdropMotion"],"mappings":";;;;;;;;;;;IAKaA,uBAAuB;eAAvBA;;IA0CAC,+BAA+B;eAA/BA;;;;iEA/CU;wBAC+B;2CAG+C;AAC9F,MAAMD,0BAA0B;IACrCE,MAAM;IACNC,UAAU;AACZ;AACA;;CAEC,GACD,MAAMC,uBAAuB,WAAW,GAAEC,IAAAA,qBAAa,EAAC,WAAW,YAAY;IAAC;IAAgf;IAAuC;IAA+C;IAAgK;IAAkvB;IAAif;IAAwC;IAAgD;IAAiK;CAAkvB;AACpgG,MAAMC,sBAAsB,WAAW,GAAEC,IAAAA,gBAAQ,EAAC;IAChDC,OAAO;QACLC,SAAS;IACX;IACAC,KAAK;QACHD,SAAS;IACX;IACAE,SAAS;QACPC,QAAQ;QACRH,SAAS;QACTI,QAAQ;IACV;AACF,GAAG;IACDC,GAAG;QAAC;QAA+E;QAA8E;QAAwB;QAA6C;KAAyC;AACjR;AACA;;CAEC,GACD,MAAMC,oBAAoB,WAAW,GAAER,IAAAA,gBAAQ,EAAC;IAC9CJ,UAAU;QACRS,QAAQ;QACRI,SAAS;QACTC,SAAS;QACTC,OAAO;IACT;IACAP,SAAS;QACPC,QAAQ;IACV;AACF,GAAG;IACDE,GAAG;QAAC;QAAwB;QAA2C;QAA+D;QAAmC;KAAuB;AAClM;AAIO,MAAMb,kCAAkCkB,CAAAA;IAC7C,MAAMC,iBAAiBC,IAAAA,kDAAuB,EAACF;IAC/C,MAAMG,cAAclB;IACpB,MAAMmB,aAAajB;IACnB,MAAMkB,iBAAiBT;IACvB,MAAMU,iBAAiBC,IAAAA,kDAAuB;IAC9C,MAAMvB,WAAWgB,MAAMjB,IAAI,CAACC,QAAQ;IACpCgB,MAAMjB,IAAI,CAACyB,SAAS,GAAGC,IAAAA,oBAAY,EAAC5B,wBAAwBE,IAAI,EAAEkB,gBAAgBE,aAAaC,UAAU,CAACJ,MAAMU,QAAQ,CAAC,EAAEV,MAAMW,MAAM,CAACC,MAAM,IAAIR,WAAWZ,OAAO,EAAEQ,MAAMjB,IAAI,CAACyB,SAAS;IAC1L,IAAIxB,UAAU;QACZA,SAASwB,SAAS,GAAGC,IAAAA,oBAAY,EAAC5B,wBAAwBG,QAAQ,EAAEqB,eAAerB,QAAQ,EAAEsB,cAAc,CAACN,MAAMa,IAAI,CAAC,EAAEb,MAAMc,cAAc,CAACF,MAAM,IAAIP,eAAeb,OAAO,EAAER,SAASwB,SAAS;IACpM;IACA,OAAOR;AACT,GACA,yDAAyD"}