@fluentui/react-drawer 9.0.0-beta.4 → 9.0.0-beta.40

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","__styles","mergeClasses","shorthands","useDrawerBaseStyles","tokens","drawerInlineClassNames","root","useStyles","qhf8xq","separatorLeft","Bekrc4i","vrafjx","h3c5rm","separatorRight","ibv6hh","wvpqe5","zhjwy3","d","useDrawerInlineStyles_unstable","state","baseStyles","styles","separatorClass","useMemo","separator","undefined","position","className","size"],"sources":["useDrawerInlineStyles.styles.js"],"sourcesContent":["import * as React from 'react';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { useDrawerBaseStyles } from '../../util/useDrawerBaseStyles.styles';\nimport { tokens } from '@fluentui/react-theme';\nexport const drawerInlineClassNames = {\n    root: 'fui-DrawerInline'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        position: 'relative'\n    },\n    /* Separator */ separatorLeft: {\n        ...shorthands.borderRight('1px', 'solid', tokens.colorNeutralBackground3)\n    },\n    separatorRight: {\n        ...shorthands.borderLeft('1px', 'solid', tokens.colorNeutralBackground3)\n    }\n});\n/**\n * Apply styling to the DrawerInline slots based on the state\n */ export const useDrawerInlineStyles_unstable = (state)=>{\n    const baseStyles = useDrawerBaseStyles();\n    const styles = useStyles();\n    const separatorClass = React.useMemo(()=>{\n        if (!state.separator) {\n            return undefined;\n        }\n        return state.position === 'left' ? styles.separatorLeft : styles.separatorRight;\n    }, [\n        state.position,\n        state.separator,\n        styles.separatorRight,\n        styles.separatorLeft\n    ]);\n    state.root.className = mergeClasses(drawerInlineClassNames.root, baseStyles.root, styles.root, state.size && baseStyles[state.size], state.position && baseStyles[state.position], separatorClass, state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAAAC,QAAA,EAAqBC,YAAY,EAAEC,UAAU,QAAQ,gBAAgB;AACrE,SAASC,mBAAmB,QAAQ,uCAAuC;AAC3E,SAASC,MAAM,QAAQ,uBAAuB;AAC9C,OAAO,MAAMC,sBAAsB,GAAG;EAClCC,IAAI,EAAE;AACV,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGP,QAAA;EAAAM,IAAA;IAAAE,MAAA;EAAA;EAAAC,aAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,cAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAUrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,8BAA8B,GAAIC,KAAK,IAAG;EACvD,MAAMC,UAAU,GAAGjB,mBAAmB,CAAC,CAAC;EACxC,MAAMkB,MAAM,GAAGd,SAAS,CAAC,CAAC;EAC1B,MAAMe,cAAc,GAAGvB,KAAK,CAACwB,OAAO,CAAC,MAAI;IACrC,IAAI,CAACJ,KAAK,CAACK,SAAS,EAAE;MAClB,OAAOC,SAAS;IACpB;IACA,OAAON,KAAK,CAACO,QAAQ,KAAK,MAAM,GAAGL,MAAM,CAACZ,aAAa,GAAGY,MAAM,CAACR,cAAc;EACnF,CAAC,EAAE,CACCM,KAAK,CAACO,QAAQ,EACdP,KAAK,CAACK,SAAS,EACfH,MAAM,CAACR,cAAc,EACrBQ,MAAM,CAACZ,aAAa,CACvB,CAAC;EACFU,KAAK,CAACb,IAAI,CAACqB,SAAS,GAAG1B,YAAY,CAACI,sBAAsB,CAACC,IAAI,EAAEc,UAAU,CAACd,IAAI,EAAEe,MAAM,CAACf,IAAI,EAAEa,KAAK,CAACS,IAAI,IAAIR,UAAU,CAACD,KAAK,CAACS,IAAI,CAAC,EAAET,KAAK,CAACO,QAAQ,IAAIN,UAAU,CAACD,KAAK,CAACO,QAAQ,CAAC,EAAEJ,cAAc,EAAEH,KAAK,CAACb,IAAI,CAACqB,SAAS,CAAC;EACxN,OAAOR,KAAK;AAChB,CAAC"}

package/lib/components/DrawerOverlay/DrawerOverlay.js

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { useDrawerOverlay_unstable } from './useDrawerOverlay';
-import { renderDrawerOverlay_unstable } from './renderDrawerOverlay';
-import { useDrawerOverlayStyles_unstable } from './useDrawerOverlayStyles.styles';
-/**
- * DrawerOverlay contains supplementary content and are used for complex creation, edit, or management experiences.
- */ export const DrawerOverlay = /*#__PURE__*/ React.forwardRef((props, ref)=>{
-    const state = useDrawerOverlay_unstable(props, ref);
-    useDrawerOverlayStyles_unstable(state);
-    return renderDrawerOverlay_unstable(state);
-});
-DrawerOverlay.displayName = 'DrawerOverlay';

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

@@ -1 +0,0 @@
-{"version":3,"sources":["DrawerOverlay.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useDrawerOverlay_unstable } from './useDrawerOverlay';\nimport { renderDrawerOverlay_unstable } from './renderDrawerOverlay';\nimport { useDrawerOverlayStyles_unstable } from './useDrawerOverlayStyles.styles';\nimport type { DrawerOverlayProps } from './DrawerOverlay.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * DrawerOverlay contains supplementary content and are used for complex creation, edit, or management experiences.\n */\nexport const DrawerOverlay: ForwardRefComponent<DrawerOverlayProps> = React.forwardRef((props, ref) => {\n  const state = useDrawerOverlay_unstable(props, ref);\n\n  useDrawerOverlayStyles_unstable(state);\n\n  return renderDrawerOverlay_unstable(state);\n});\n\nDrawerOverlay.displayName = 'DrawerOverlay';\n"],"names":["React","useDrawerOverlay_unstable","renderDrawerOverlay_unstable","useDrawerOverlayStyles_unstable","DrawerOverlay","forwardRef","props","ref","state","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,4BAA4B,QAAQ,wBAAwB;AACrE,SAASC,+BAA+B,QAAQ,kCAAkC;AAIlF;;CAEC,GACD,OAAO,MAAMC,8BAAyDJ,MAAMK,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACrG,MAAMC,QAAQP,0BAA0BK,OAAOC;IAE/CJ,gCAAgCK;IAEhC,OAAON,6BAA6BM;AACtC,GAAG;AAEHJ,cAAcK,WAAW,GAAG"}

package/lib/components/DrawerOverlay/DrawerOverlay.types.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["DrawerOverlay.types.ts"],"sourcesContent":["import { DialogProps, DialogSurfaceProps, DialogSurfaceSlots } from '@fluentui/react-dialog';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport { DrawerBaseProps } from '../../util/DrawerBase.types';\n\nexport type DrawerOverlaySlots = DialogSurfaceSlots & {\n  root: Slot<DialogSurfaceProps>;\n};\n\n/**\n * DrawerOverlay Props\n */\nexport type DrawerOverlayProps = ComponentProps<DrawerOverlaySlots> &\n  DrawerBaseProps &\n  Pick<DialogProps, 'modalType' | 'onOpenChange' | 'inertTrapFocus'>;\n\n/**\n * State used in rendering DrawerOverlay\n */\nexport type DrawerOverlayState = ComponentState<DrawerOverlaySlots> &\n  DrawerBaseProps & {\n    dialog: DialogProps;\n  };\n"],"names":[],"mappings":"AAAA,WAqBI"}

package/lib/components/DrawerOverlay/index.js

@@ -1,5 +0,0 @@
-export * from './DrawerOverlay';
-export * from './DrawerOverlay.types';
-export * from './renderDrawerOverlay';
-export * from './useDrawerOverlay';
-export * from './useDrawerOverlayStyles.styles';

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

@@ -1 +0,0 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './DrawerOverlay';\nexport * from './DrawerOverlay.types';\nexport * from './renderDrawerOverlay';\nexport * from './useDrawerOverlay';\nexport * from './useDrawerOverlayStyles.styles';\n"],"names":[],"mappings":"AAAA,cAAc,kBAAkB;AAChC,cAAc,wBAAwB;AACtC,cAAc,wBAAwB;AACtC,cAAc,qBAAqB;AACnC,cAAc,kCAAkC"}

package/lib/components/DrawerOverlay/renderDrawerOverlay.js

@@ -1,9 +0,0 @@
-import * as React from 'react';
-import { getSlots } from '@fluentui/react-utilities';
-import { Dialog } from '@fluentui/react-dialog';
-/**
- * Render the final JSX of DrawerOverlay
- */ export const renderDrawerOverlay_unstable = (state)=>{
-    const { slots , slotProps  } = getSlots(state);
-    return /*#__PURE__*/ React.createElement(Dialog, state.dialog, /*#__PURE__*/ React.createElement(slots.root, slotProps.root));
-};

package/lib/components/DrawerOverlay/renderDrawerOverlay.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["renderDrawerOverlay.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport type { DrawerOverlayState, DrawerOverlaySlots } from './DrawerOverlay.types';\nimport { Dialog } from '@fluentui/react-dialog';\n\n/**\n * Render the final JSX of DrawerOverlay\n */\nexport const renderDrawerOverlay_unstable = (state: DrawerOverlayState) => {\n  const { slots, slotProps } = getSlots<DrawerOverlaySlots>(state);\n\n  return (\n    <Dialog {...state.dialog}>\n      <slots.root {...slotProps.root} />\n    </Dialog>\n  );\n};\n"],"names":["React","getSlots","Dialog","renderDrawerOverlay_unstable","state","slots","slotProps","dialog","root"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,QAAQ,QAAQ,4BAA4B;AAErD,SAASC,MAAM,QAAQ,yBAAyB;AAEhD;;CAEC,GACD,OAAO,MAAMC,+BAA+B,CAACC,QAA8B;IACzE,MAAM,EAAEC,MAAK,EAAEC,UAAS,EAAE,GAAGL,SAA6BG;IAE1D,qBACE,oBAACF,QAAWE,MAAMG,MAAM,gBACtB,oBAACF,MAAMG,IAAI,EAAKF,UAAUE,IAAI;AAGpC,EAAE"}

package/lib/components/DrawerOverlay/useDrawerOverlay.js

@@ -1,35 +0,0 @@
-import * as React from 'react';
-import { getNativeElementProps } from '@fluentui/react-utilities';
-import { DialogSurface } from '@fluentui/react-dialog';
-import { getDefaultDrawerProps } from '../../util/getDefaultDrawerProps';
-/**
- * Create the state required to render DrawerOverlay.
- *
- * The returned state can be modified with hooks such as useDrawerOverlayStyles_unstable,
- * before being passed to renderDrawerOverlay_unstable.
- *
- * @param props - props from this instance of DrawerOverlay
- * @param ref - reference to root HTMLElement of DrawerOverlay
- */ export const useDrawerOverlay_unstable = (props, ref)=>{
-    const { open , defaultOpen , size , position  } = getDefaultDrawerProps(props);
-    const { modalType ='modal' , inertTrapFocus , onOpenChange  } = props;
-    return {
-        components: {
-            root: DialogSurface,
-            backdrop: 'div'
-        },
-        root: getNativeElementProps('div', {
-            ref,
-            ...props
-        }),
-        dialog: {
-            open,
-            defaultOpen,
-            onOpenChange,
-            inertTrapFocus,
-            modalType
-        },
-        size,
-        position
-    };
-};

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

@@ -1 +0,0 @@
-{"version":3,"sources":["useDrawerOverlay.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport type { DrawerOverlayProps, DrawerOverlayState } from './DrawerOverlay.types';\nimport { DialogProps, DialogSurface } from '@fluentui/react-dialog';\nimport { getDefaultDrawerProps } from '../../util/getDefaultDrawerProps';\n\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 HTMLElement of DrawerOverlay\n */\nexport const useDrawerOverlay_unstable = (\n  props: DrawerOverlayProps,\n  ref: React.Ref<HTMLElement>,\n): DrawerOverlayState => {\n  const { open, defaultOpen, size, position } = getDefaultDrawerProps(props);\n  const { modalType = 'modal', inertTrapFocus, onOpenChange } = props;\n\n  return {\n    components: {\n      root: DialogSurface,\n      backdrop: 'div',\n    },\n\n    root: getNativeElementProps('div', {\n      ref,\n      ...props,\n    }),\n    dialog: {\n      open,\n      defaultOpen,\n      onOpenChange,\n      inertTrapFocus,\n      modalType,\n    } as DialogProps,\n\n    size,\n    position,\n  };\n};\n"],"names":["React","getNativeElementProps","DialogSurface","getDefaultDrawerProps","useDrawerOverlay_unstable","props","ref","open","defaultOpen","size","position","modalType","inertTrapFocus","onOpenChange","components","root","backdrop","dialog"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,QAAQ,4BAA4B;AAElE,SAAsBC,aAAa,QAAQ,yBAAyB;AACpE,SAASC,qBAAqB,QAAQ,mCAAmC;AAEzE;;;;;;;;CAQC,GACD,OAAO,MAAMC,4BAA4B,CACvCC,OACAC,MACuB;IACvB,MAAM,EAAEC,KAAI,EAAEC,YAAW,EAAEC,KAAI,EAAEC,SAAQ,EAAE,GAAGP,sBAAsBE;IACpE,MAAM,EAAEM,WAAY,QAAO,EAAEC,eAAc,EAAEC,aAAY,EAAE,GAAGR;IAE9D,OAAO;QACLS,YAAY;YACVC,MAAMb;YACNc,UAAU;QACZ;QAEAD,MAAMd,sBAAsB,OAAO;YACjCK;YACA,GAAGD,KAAK;QACV;QACAY,QAAQ;YACNV;YACAC;YACAK;YACAD;YACAD;QACF;QAEAF;QACAC;IACF;AACF,EAAE"}

package/lib/components/DrawerOverlay/useDrawerOverlayStyles.styles.js

@@ -1,33 +0,0 @@
-import { __styles, mergeClasses } from '@griffel/react';
-import { useDrawerBaseStyles } from '../../util/useDrawerBaseStyles.styles';
-import * as React from 'react';
-export const drawerOverlayClassNames = {
-  root: 'fui-DrawerOverlay',
-  backdrop: 'fui-DrawerOverlay__backdrop'
-};
-/**
- * Styles for the root slot
- */
-const useStyles = /*#__PURE__*/__styles({
-  root: {
-    qhf8xq: "f19dog8a",
-    Bhzewxz: "f15twtuk",
-    B5kzvoi: "f1yab3r1"
-  }
-}, {
-  d: [".f19dog8a{position:fixed;}", ".f15twtuk{top:0;}", ".f1yab3r1{bottom:0;}"]
-});
-/**
- * Apply styling to the DrawerOverlay slots based on the state
- */
-export const useDrawerOverlayStyles_unstable = state => {
-  const baseStyles = useDrawerBaseStyles();
-  const styles = useStyles();
-  const backdrop = state.root.backdrop;
-  state.root.className = mergeClasses(drawerOverlayClassNames.root, baseStyles.root, styles.root, state.size && baseStyles[state.size], state.position && baseStyles[state.position], state.root.className);
-  if (backdrop) {
-    backdrop.className = mergeClasses(drawerOverlayClassNames.backdrop, backdrop.className);
-  }
-  return state;
-};
-//# sourceMappingURL=useDrawerOverlayStyles.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["__styles","mergeClasses","useDrawerBaseStyles","React","drawerOverlayClassNames","root","backdrop","useStyles","qhf8xq","Bhzewxz","B5kzvoi","d","useDrawerOverlayStyles_unstable","state","baseStyles","styles","className","size","position"],"sources":["useDrawerOverlayStyles.styles.js"],"sourcesContent":["import { makeStyles, mergeClasses } from '@griffel/react';\nimport { useDrawerBaseStyles } from '../../util/useDrawerBaseStyles.styles';\nimport * as React from 'react';\nexport const drawerOverlayClassNames = {\n    root: 'fui-DrawerOverlay',\n    backdrop: 'fui-DrawerOverlay__backdrop'\n};\n/**\n * Styles for the root slot\n */ const useStyles = makeStyles({\n    root: {\n        position: 'fixed',\n        top: 0,\n        bottom: 0\n    }\n});\n/**\n * Apply styling to the DrawerOverlay slots based on the state\n */ export const useDrawerOverlayStyles_unstable = (state)=>{\n    const baseStyles = useDrawerBaseStyles();\n    const styles = useStyles();\n    const backdrop = state.root.backdrop;\n    state.root.className = mergeClasses(drawerOverlayClassNames.root, baseStyles.root, styles.root, state.size && baseStyles[state.size], state.position && baseStyles[state.position], state.root.className);\n    if (backdrop) {\n        backdrop.className = mergeClasses(drawerOverlayClassNames.backdrop, backdrop.className);\n    }\n    return state;\n};\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,YAAY,QAAQ,gBAAgB;AACzD,SAASC,mBAAmB,QAAQ,uCAAuC;AAC3E,OAAO,KAAKC,KAAK,MAAM,OAAO;AAC9B,OAAO,MAAMC,uBAAuB,GAAG;EACnCC,IAAI,EAAE,mBAAmB;EACzBC,QAAQ,EAAE;AACd,CAAC;AACD;AACA;AACA;AAAI,MAAMC,SAAS,gBAAGP,QAAA;EAAAK,IAAA;IAAAG,MAAA;IAAAC,OAAA;IAAAC,OAAA;EAAA;AAAA;EAAAC,CAAA;AAAA,CAMrB,CAAC;AACF;AACA;AACA;AAAI,OAAO,MAAMC,+BAA+B,GAAIC,KAAK,IAAG;EACxD,MAAMC,UAAU,GAAGZ,mBAAmB,CAAC,CAAC;EACxC,MAAMa,MAAM,GAAGR,SAAS,CAAC,CAAC;EAC1B,MAAMD,QAAQ,GAAGO,KAAK,CAACR,IAAI,CAACC,QAAQ;EACpCO,KAAK,CAACR,IAAI,CAACW,SAAS,GAAGf,YAAY,CAACG,uBAAuB,CAACC,IAAI,EAAES,UAAU,CAACT,IAAI,EAAEU,MAAM,CAACV,IAAI,EAAEQ,KAAK,CAACI,IAAI,IAAIH,UAAU,CAACD,KAAK,CAACI,IAAI,CAAC,EAAEJ,KAAK,CAACK,QAAQ,IAAIJ,UAAU,CAACD,KAAK,CAACK,QAAQ,CAAC,EAAEL,KAAK,CAACR,IAAI,CAACW,SAAS,CAAC;EACzM,IAAIV,QAAQ,EAAE;IACVA,QAAQ,CAACU,SAAS,GAAGf,YAAY,CAACG,uBAAuB,CAACE,QAAQ,EAAEA,QAAQ,CAACU,SAAS,CAAC;EAC3F;EACA,OAAOH,KAAK;AAChB,CAAC"}

package/lib/util/DrawerBase.types.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["DrawerBase.types.ts"],"sourcesContent":["export type DrawerBaseProps = {\n  /**\n   * Position of the drawer.\n   *\n   * @default 'left'\n   */\n  position?: 'left' | 'right';\n\n  /**\n   * Size of the drawer.\n   *\n   * - 'small' - Drawer is 320px wide.\n   * - 'medium' - Drawer is 592px wide.\n   * - 'large' - Drawer is 940px wide.\n   * - 'full' - Drawer is 100vw wide.\n   *\n   * @default 'small'\n   */\n  size?: 'small' | 'medium' | 'large' | 'full';\n\n  /**\n   * Controls the open state of the Drawer\n   *\n   * @default false\n   */\n  open?: boolean;\n\n  /**\n   * Default value for the uncontrolled open state of the Drawer.\n   *\n   * @default false\n   */\n  defaultOpen?: boolean;\n};\n"],"names":[],"mappings":"AAAA,WAiCE"}

package/lib/util/getDefaultDrawerProps.js

@@ -1,9 +0,0 @@
-export function getDefaultDrawerProps(props) {
-    const { open =false , defaultOpen =false , size ='small' , position ='left'  } = props;
-    return {
-        size,
-        position,
-        open,
-        defaultOpen
-    };
-}

package/lib/util/getDefaultDrawerProps.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["getDefaultDrawerProps.ts"],"sourcesContent":["import { DrawerBaseProps } from './DrawerBase.types';\n\nexport function getDefaultDrawerProps(props: DrawerBaseProps) {\n  const { open = false, defaultOpen = false, size = 'small', position = 'left' } = props;\n\n  return {\n    size,\n    position,\n    open,\n    defaultOpen,\n  };\n}\n"],"names":["getDefaultDrawerProps","props","open","defaultOpen","size","position"],"mappings":"AAEA,OAAO,SAASA,sBAAsBC,KAAsB,EAAE;IAC5D,MAAM,EAAEC,MAAO,KAAK,CAAA,EAAEC,aAAc,KAAK,CAAA,EAAEC,MAAO,QAAO,EAAEC,UAAW,OAAM,EAAE,GAAGJ;IAEjF,OAAO;QACLG;QACAC;QACAH;QACAC;IACF;AACF,CAAC"}

package/lib/util/useDrawerBaseStyles.styles.js

@@ -1,55 +0,0 @@
-import { __styles, shorthands } from '@griffel/react';
-import { tokens } from '@fluentui/react-theme';
-/**
- * Styles for the root slot
- */
-export const useDrawerBaseStyles = /*#__PURE__*/__styles({
-  root: {
-    z8tnut: "f1g0x7ka",
-    z189sj: ["fhxju0i", "f1cnd47f"],
-    Byoj8tv: "f1qch9an",
-    uwmqm3: ["f1cnd47f", "fhxju0i"],
-    B68tc82: "f1p9o1ba",
-    Bmxbyg5: "f1sil6mw",
-    Bbmb7ep: ["f1krrbdw", "f1deotkl"],
-    Beyfa6y: ["f1deotkl", "f1krrbdw"],
-    B7oj6ja: ["f10ostut", "f1ozlkrg"],
-    Btl43ni: ["f1ozlkrg", "f10ostut"],
-    B4j52fo: "fre7gi1",
-    Bekrc4i: ["f1358rze", "f1rvrf73"],
-    Bn0qgzm: "fqdk4by",
-    ibv6hh: ["f1rvrf73", "f1358rze"],
-    B2u0y6b: "f1w39fev",
-    Bqenvij: "f11ysow2",
-    B7ck84d: "f1ewtqcl",
-    mc9l5x: "f22iagw",
-    Beiy3e4: "f1vx9l62",
-    Bt984gj: "f6jr5hl",
-    Brf1p80: "fbhxue7",
-    De3pzq: "fxugw4r"
-  },
-  left: {
-    oyh7mz: ["f1vgc2s3", "f1e31b4d"],
-    j35jbq: ["fvfyk4", "frppm18"]
-  },
-  right: {
-    j35jbq: ["f1e31b4d", "f1vgc2s3"],
-    oyh7mz: ["frppm18", "fvfyk4"]
-  },
-  small: {
-    a9b677: "f1nfxovz"
-  },
-  medium: {
-    a9b677: "fb8d3vz"
-  },
-  large: {
-    a9b677: "fi96w9z"
-  },
-  full: {
-    a9b677: "fr97h3j",
-    B2u0y6b: "f1w39fev"
-  }
-}, {
-  d: [".f1g0x7ka{padding-top:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f1qch9an{padding-bottom:0;}", ".f1p9o1ba{overflow-x:hidden;}", ".f1sil6mw{overflow-y:hidden;}", ".f1krrbdw{border-bottom-right-radius:0;}", ".f1deotkl{border-bottom-left-radius:0;}", ".f10ostut{border-top-right-radius:0;}", ".f1ozlkrg{border-top-left-radius:0;}", ".fre7gi1{border-top-width:0;}", ".f1358rze{border-right-width:0;}", ".f1rvrf73{border-left-width:0;}", ".fqdk4by{border-bottom-width:0;}", ".f1w39fev{max-width:100vw;}", ".f11ysow2{height:auto;}", ".f1ewtqcl{box-sizing:border-box;}", ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}", ".f6jr5hl{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}", ".fbhxue7{-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".f1vgc2s3{left:0;}", ".f1e31b4d{right:0;}", ".fvfyk4{right:auto;}", ".frppm18{left:auto;}", ".f1nfxovz{width:320px;}", ".fb8d3vz{width:592px;}", ".fi96w9z{width:940px;}", ".fr97h3j{width:100vw;}"]
-});
-//# sourceMappingURL=useDrawerBaseStyles.styles.js.map

package/lib/util/useDrawerBaseStyles.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["__styles","shorthands","tokens","useDrawerBaseStyles","root","z8tnut","z189sj","Byoj8tv","uwmqm3","B68tc82","Bmxbyg5","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","B2u0y6b","Bqenvij","B7ck84d","mc9l5x","Beiy3e4","Bt984gj","Brf1p80","De3pzq","left","oyh7mz","j35jbq","right","small","a9b677","medium","large","full","d"],"sources":["useDrawerBaseStyles.styles.js"],"sourcesContent":["import { makeStyles, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\n/**\n * Styles for the root slot\n */ export const useDrawerBaseStyles = makeStyles({\n    root: {\n        ...shorthands.padding(0),\n        ...shorthands.overflow('hidden'),\n        ...shorthands.borderRadius(0),\n        ...shorthands.border(0),\n        maxWidth: '100vw',\n        height: 'auto',\n        boxSizing: 'border-box',\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'flex-start',\n        justifyContent: 'flex-start',\n        backgroundColor: tokens.colorNeutralBackground1\n    },\n    /* Positioning */ left: {\n        left: 0,\n        right: 'auto'\n    },\n    right: {\n        right: 0,\n        left: 'auto'\n    },\n    /* Sizes */ small: {\n        width: '320px'\n    },\n    medium: {\n        width: '592px'\n    },\n    large: {\n        width: '940px'\n    },\n    full: {\n        width: '100vw',\n        maxWidth: '100vw'\n    }\n});\n"],"mappings":"AAAA,SAAAA,QAAA,EAAqBC,UAAU,QAAQ,gBAAgB;AACvD,SAASC,MAAM,QAAQ,uBAAuB;AAC9C;AACA;AACA;AAAI,OAAO,MAAMC,mBAAmB,gBAAGH,QAAA;EAAAI,IAAA;IAAAC,MAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,OAAA;IAAAC,MAAA;EAAA;EAAAC,IAAA;IAAAC,MAAA;IAAAC,MAAA;EAAA;EAAAC,KAAA;IAAAD,MAAA;IAAAD,MAAA;EAAA;EAAAG,KAAA;IAAAC,MAAA;EAAA;EAAAC,MAAA;IAAAD,MAAA;EAAA;EAAAE,KAAA;IAAAF,MAAA;EAAA;EAAAG,IAAA;IAAAH,MAAA;IAAAb,OAAA;EAAA;AAAA;EAAAiB,CAAA;AAAA,CAoCtC,CAAC"}

package/lib-commonjs/DrawerInline.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./components/DrawerInline/index"), exports);

package/lib-commonjs/DrawerInline.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["DrawerInline.js"],"sourcesContent":["export * from './components/DrawerInline/index';\n"],"names":[],"mappings":";;;;;oBAAc"}

package/lib-commonjs/DrawerOverlay.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./components/DrawerOverlay/index"), exports);

package/lib-commonjs/DrawerOverlay.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["DrawerOverlay.js"],"sourcesContent":["export * from './components/DrawerOverlay/index';\n"],"names":[],"mappings":";;;;;oBAAc"}

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

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "DrawerInline", {
-    enumerable: true,
-    get: ()=>DrawerInline
-});
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _useDrawerInline = require("./useDrawerInline");
-const _renderDrawerInline = require("./renderDrawerInline");
-const _useDrawerInlineStylesStyles = require("./useDrawerInlineStyles.styles");
-const DrawerInline = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
-    const state = (0, _useDrawerInline.useDrawerInline_unstable)(props, ref);
-    (0, _useDrawerInlineStylesStyles.useDrawerInlineStyles_unstable)(state);
-    return (0, _renderDrawerInline.renderDrawerInline_unstable)(state);
-});
-DrawerInline.displayName = 'DrawerInline';

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

@@ -1 +0,0 @@
-{"version":3,"sources":["DrawerInline.js"],"sourcesContent":["import * as React from 'react';\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 dissmissable. 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    return renderDrawerInline_unstable(state);\n});\nDrawerInline.displayName = 'DrawerInline';\n"],"names":["DrawerInline","React","forwardRef","props","ref","state","useDrawerInline_unstable","useDrawerInlineStyles_unstable","renderDrawerInline_unstable","displayName"],"mappings":";;;;+BAOiBA;;aAAAA;;;6DAPM;iCACkB;oCACG;6CACG;AAIpC,MAAMA,eAAe,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IACzE,MAAMC,QAAQC,IAAAA,yCAAwB,EAACH,OAAOC;IAC9CG,IAAAA,2DAA8B,EAACF;IAC/B,OAAOG,IAAAA,+CAA2B,EAACH;AACvC;AACAL,aAAaS,WAAW,GAAG"}

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

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./DrawerInline"), exports);
-_exportStar(require("./DrawerInline.types"), exports);
-_exportStar(require("./renderDrawerInline"), exports);
-_exportStar(require("./useDrawerInline"), exports);
-_exportStar(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":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA"}

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

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "renderDrawerInline_unstable", {
-    enumerable: true,
-    get: ()=>renderDrawerInline_unstable
-});
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactUtilities = require("@fluentui/react-utilities");
-const renderDrawerInline_unstable = (state)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlots)(state);
-    if (!state.open) {
-        return null;
-    }
-    return /*#__PURE__*/ _react.createElement(slots.root, slotProps.root);
-};

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

@@ -1 +0,0 @@
-{"version":3,"sources":["renderDrawerInline.js"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of DrawerInline\n */ export const renderDrawerInline_unstable = (state)=>{\n    const { slots , slotProps  } = getSlots(state);\n    if (!state.open) {\n        return null;\n    }\n    return /*#__PURE__*/ React.createElement(slots.root, slotProps.root);\n};\n"],"names":["renderDrawerInline_unstable","state","slots","slotProps","getSlots","open","React","createElement","root"],"mappings":";;;;+BAIiBA;;aAAAA;;;6DAJM;gCACE;AAGd,MAAMA,8BAA8B,CAACC,QAAQ;IACpD,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,wBAAQ,EAACH;IACxC,IAAI,CAACA,MAAMI,IAAI,EAAE;QACb,OAAO,IAAI;IACf,CAAC;IACD,OAAO,WAAW,GAAGC,OAAMC,aAAa,CAACL,MAAMM,IAAI,EAAEL,UAAUK,IAAI;AACvE"}

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

@@ -1,34 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useDrawerInline_unstable", {
-    enumerable: true,
-    get: ()=>useDrawerInline_unstable
-});
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactUtilities = require("@fluentui/react-utilities");
-const _getDefaultDrawerProps = require("../../util/getDefaultDrawerProps");
-const useDrawerInline_unstable = (props, ref)=>{
-    const { open: initialOpen , defaultOpen , size , position  } = (0, _getDefaultDrawerProps.getDefaultDrawerProps)(props);
-    const { separator =false  } = props;
-    const [open] = (0, _reactUtilities.useControllableState)({
-        state: initialOpen,
-        defaultState: defaultOpen,
-        initialState: false
-    });
-    return {
-        components: {
-            root: 'div'
-        },
-        root: (0, _reactUtilities.getNativeElementProps)('div', {
-            ref,
-            ...props
-        }),
-        size,
-        position,
-        open,
-        separator
-    };
-};

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

@@ -1 +0,0 @@
-{"version":3,"sources":["useDrawerInline.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useControllableState } from '@fluentui/react-utilities';\nimport { getDefaultDrawerProps } from '../../util/getDefaultDrawerProps';\n/**\n * Create the state required to render DrawerInline.\n *\n * The returned state can be modified with hooks such as useDrawerInlineStyles_unstable,\n * before being passed to renderDrawerInline_unstable.\n *\n * @param props - props from this instance of DrawerInline\n * @param ref - reference to root HTMLElement of DrawerInline\n */ export const useDrawerInline_unstable = (props, ref)=>{\n    const { open: initialOpen , defaultOpen , size , position  } = getDefaultDrawerProps(props);\n    const { separator =false  } = props;\n    const [open] = useControllableState({\n        state: initialOpen,\n        defaultState: defaultOpen,\n        initialState: false\n    });\n    return {\n        components: {\n            root: 'div'\n        },\n        root: getNativeElementProps('div', {\n            ref,\n            ...props\n        }),\n        size,\n        position,\n        open,\n        separator\n    };\n};\n"],"names":["useDrawerInline_unstable","props","ref","open","initialOpen","defaultOpen","size","position","getDefaultDrawerProps","separator","useControllableState","state","defaultState","initialState","components","root","getNativeElementProps"],"mappings":";;;;+BAWiBA;;aAAAA;;;6DAXM;gCACqC;uCACtB;AAS3B,MAAMA,2BAA2B,CAACC,OAAOC,MAAM;IACtD,MAAM,EAAEC,MAAMC,YAAW,EAAGC,YAAW,EAAGC,KAAI,EAAGC,SAAQ,EAAG,GAAGC,IAAAA,4CAAqB,EAACP;IACrF,MAAM,EAAEQ,WAAW,KAAK,CAAA,EAAG,GAAGR;IAC9B,MAAM,CAACE,KAAK,GAAGO,IAAAA,oCAAoB,EAAC;QAChCC,OAAOP;QACPQ,cAAcP;QACdQ,cAAc,KAAK;IACvB;IACA,OAAO;QACHC,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YAC/Bd;YACA,GAAGD,KAAK;QACZ;QACAK;QACAC;QACAJ;QACAM;IACJ;AACJ"}

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

@@ -1,83 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    drawerInlineClassNames: ()=>drawerInlineClassNames,
-    useDrawerInlineStyles_unstable: ()=>useDrawerInlineStyles_unstable
-});
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _react1 = require("@griffel/react");
-const _useDrawerBaseStylesStyles = require("../../util/useDrawerBaseStyles.styles");
-const drawerInlineClassNames = {
-    root: 'fui-DrawerInline'
-};
-/**
- * Styles for the root slot
- */ const useStyles = /*#__PURE__*/ (0, _react1["__styles"])({
-    root: {
-        qhf8xq: "f10pi13n"
-    },
-    separatorLeft: {
-        Bekrc4i: [
-            "f1hqa2wf",
-            "finvdd3"
-        ],
-        vrafjx: [
-            "fcdblym",
-            "fjik90z"
-        ],
-        h3c5rm: [
-            "fa8zu9y",
-            "f17e9lqh"
-        ]
-    },
-    separatorRight: {
-        ibv6hh: [
-            "finvdd3",
-            "f1hqa2wf"
-        ],
-        wvpqe5: [
-            "fjik90z",
-            "fcdblym"
-        ],
-        zhjwy3: [
-            "f17e9lqh",
-            "fa8zu9y"
-        ]
-    }
-}, {
-    d: [
-        ".f10pi13n{position:relative;}",
-        ".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);}"
-    ]
-});
-const useDrawerInlineStyles_unstable = (state)=>{
-    const baseStyles = (0, _useDrawerBaseStylesStyles.useDrawerBaseStyles)();
-    const styles = useStyles();
-    const separatorClass = _react.useMemo(()=>{
-        if (!state.separator) {
-            return undefined;
-        }
-        return state.position === 'left' ? styles.separatorLeft : styles.separatorRight;
-    }, [
-        state.position,
-        state.separator,
-        styles.separatorRight,
-        styles.separatorLeft
-    ]);
-    state.root.className = (0, _react1.mergeClasses)(drawerInlineClassNames.root, baseStyles.root, styles.root, state.size && baseStyles[state.size], state.position && baseStyles[state.position], separatorClass, state.root.className);
-    return state;
-}; //# sourceMappingURL=useDrawerInlineStyles.styles.js.map

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 { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { useDrawerBaseStyles } from '../../util/useDrawerBaseStyles.styles';\nimport { tokens } from '@fluentui/react-theme';\nexport const drawerInlineClassNames = {\n  root: 'fui-DrawerInline'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    qhf8xq: \"f10pi13n\"\n  },\n  separatorLeft: {\n    Bekrc4i: [\"f1hqa2wf\", \"finvdd3\"],\n    vrafjx: [\"fcdblym\", \"fjik90z\"],\n    h3c5rm: [\"fa8zu9y\", \"f17e9lqh\"]\n  },\n  separatorRight: {\n    ibv6hh: [\"finvdd3\", \"f1hqa2wf\"],\n    wvpqe5: [\"fjik90z\", \"fcdblym\"],\n    zhjwy3: [\"f17e9lqh\", \"fa8zu9y\"]\n  }\n}, {\n  d: [\".f10pi13n{position:relative;}\", \".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);}\"]\n});\n/**\n * Apply styling to the DrawerInline slots based on the state\n */\nexport const useDrawerInlineStyles_unstable = state => {\n  const baseStyles = useDrawerBaseStyles();\n  const styles = useStyles();\n  const separatorClass = React.useMemo(() => {\n    if (!state.separator) {\n      return undefined;\n    }\n    return state.position === 'left' ? styles.separatorLeft : styles.separatorRight;\n  }, [state.position, state.separator, styles.separatorRight, styles.separatorLeft]);\n  state.root.className = mergeClasses(drawerInlineClassNames.root, baseStyles.root, styles.root, state.size && baseStyles[state.size], state.position && baseStyles[state.position], separatorClass, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useDrawerInlineStyles.styles.js.map"],"names":["drawerInlineClassNames","useDrawerInlineStyles_unstable","root","useStyles","__styles","qhf8xq","separatorLeft","Bekrc4i","vrafjx","h3c5rm","separatorRight","ibv6hh","wvpqe5","zhjwy3","d","state","baseStyles","useDrawerBaseStyles","styles","separatorClass","React","useMemo","separator","undefined","position","className","mergeClasses","size"],"mappings":";;;;;;;;;;;IAIaA,sBAAsB,MAAtBA;IA0BAC,8BAA8B,MAA9BA;;;6DA9BU;wBAC4B;2CACf;AAE7B,MAAMD,yBAAyB;IACpCE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,mBAAQ,EAAC;IACtCF,MAAM;QACJG,QAAQ;IACV;IACAC,eAAe;QACbC,SAAS;YAAC;YAAY;SAAU;QAChCC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;YAAC;YAAW;SAAW;IACjC;IACAC,gBAAgB;QACdC,QAAQ;YAAC;YAAW;SAAW;QAC/BC,QAAQ;YAAC;YAAW;SAAU;QAC9BC,QAAQ;YAAC;YAAY;SAAU;IACjC;AACF,GAAG;IACDC,GAAG;QAAC;QAAiC;QAAsC;QAAoC;QAAuC;QAAsC;QAAgE;KAA+D;AAC7T;AAIO,MAAMb,iCAAiCc,CAAAA,QAAS;IACrD,MAAMC,aAAaC,IAAAA,8CAAmB;IACtC,MAAMC,SAASf;IACf,MAAMgB,iBAAiBC,OAAMC,OAAO,CAAC,IAAM;QACzC,IAAI,CAACN,MAAMO,SAAS,EAAE;YACpB,OAAOC;QACT,CAAC;QACD,OAAOR,MAAMS,QAAQ,KAAK,SAASN,OAAOZ,aAAa,GAAGY,OAAOR,cAAc;IACjF,GAAG;QAACK,MAAMS,QAAQ;QAAET,MAAMO,SAAS;QAAEJ,OAAOR,cAAc;QAAEQ,OAAOZ,aAAa;KAAC;IACjFS,MAAMb,IAAI,CAACuB,SAAS,GAAGC,IAAAA,oBAAY,EAAC1B,uBAAuBE,IAAI,EAAEc,WAAWd,IAAI,EAAEgB,OAAOhB,IAAI,EAAEa,MAAMY,IAAI,IAAIX,UAAU,CAACD,MAAMY,IAAI,CAAC,EAAEZ,MAAMS,QAAQ,IAAIR,UAAU,CAACD,MAAMS,QAAQ,CAAC,EAAEL,gBAAgBJ,MAAMb,IAAI,CAACuB,SAAS;IACvN,OAAOV;AACT,GACA,wDAAwD"}

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

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "DrawerOverlay", {
-    enumerable: true,
-    get: ()=>DrawerOverlay
-});
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-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);
-    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 { 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    return renderDrawerOverlay_unstable(state);\n});\nDrawerOverlay.displayName = 'DrawerOverlay';\n"],"names":["DrawerOverlay","React","forwardRef","props","ref","state","useDrawerOverlay_unstable","useDrawerOverlayStyles_unstable","renderDrawerOverlay_unstable","displayName"],"mappings":";;;;+BAMiBA;;aAAAA;;;6DANM;kCACmB;qCACG;8CACG;AAGrC,MAAMA,gBAAgB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IAC1E,MAAMC,QAAQC,IAAAA,2CAAyB,EAACH,OAAOC;IAC/CG,IAAAA,6DAA+B,EAACF;IAChC,OAAOG,IAAAA,iDAA4B,EAACH;AACxC;AACAL,cAAcS,WAAW,GAAG"}

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

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./DrawerOverlay"), exports);
-_exportStar(require("./DrawerOverlay.types"), exports);
-_exportStar(require("./renderDrawerOverlay"), exports);
-_exportStar(require("./useDrawerOverlay"), exports);
-_exportStar(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":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA"}

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

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "renderDrawerOverlay_unstable", {
-    enumerable: true,
-    get: ()=>renderDrawerOverlay_unstable
-});
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactUtilities = require("@fluentui/react-utilities");
-const _reactDialog = require("@fluentui/react-dialog");
-const renderDrawerOverlay_unstable = (state)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlots)(state);
-    return /*#__PURE__*/ _react.createElement(_reactDialog.Dialog, state.dialog, /*#__PURE__*/ _react.createElement(slots.root, slotProps.root));
-};

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

@@ -1 +0,0 @@
-{"version":3,"sources":["renderDrawerOverlay.js"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { Dialog } from '@fluentui/react-dialog';\n/**\n * Render the final JSX of DrawerOverlay\n */ export const renderDrawerOverlay_unstable = (state)=>{\n    const { slots , slotProps  } = getSlots(state);\n    return /*#__PURE__*/ React.createElement(Dialog, state.dialog, /*#__PURE__*/ React.createElement(slots.root, slotProps.root));\n};\n"],"names":["renderDrawerOverlay_unstable","state","slots","slotProps","getSlots","React","createElement","Dialog","dialog","root"],"mappings":";;;;+BAKiBA;;aAAAA;;;6DALM;gCACE;6BACF;AAGZ,MAAMA,+BAA+B,CAACC,QAAQ;IACrD,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,wBAAQ,EAACH;IACxC,OAAO,WAAW,GAAGI,OAAMC,aAAa,CAACC,mBAAM,EAAEN,MAAMO,MAAM,EAAE,WAAW,GAAGH,OAAMC,aAAa,CAACJ,MAAMO,IAAI,EAAEN,UAAUM,IAAI;AAC/H"}

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

@@ -1,36 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useDrawerOverlay_unstable", {
-    enumerable: true,
-    get: ()=>useDrawerOverlay_unstable
-});
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const _reactUtilities = require("@fluentui/react-utilities");
-const _reactDialog = require("@fluentui/react-dialog");
-const _getDefaultDrawerProps = require("../../util/getDefaultDrawerProps");
-const useDrawerOverlay_unstable = (props, ref)=>{
-    const { open , defaultOpen , size , position  } = (0, _getDefaultDrawerProps.getDefaultDrawerProps)(props);
-    const { modalType ='modal' , inertTrapFocus , onOpenChange  } = props;
-    return {
-        components: {
-            root: _reactDialog.DialogSurface,
-            backdrop: 'div'
-        },
-        root: (0, _reactUtilities.getNativeElementProps)('div', {
-            ref,
-            ...props
-        }),
-        dialog: {
-            open,
-            defaultOpen,
-            onOpenChange,
-            inertTrapFocus,
-            modalType
-        },
-        size,
-        position
-    };
-};

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

@@ -1 +0,0 @@
-{"version":3,"sources":["useDrawerOverlay.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport { DialogSurface } from '@fluentui/react-dialog';\nimport { getDefaultDrawerProps } from '../../util/getDefaultDrawerProps';\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 HTMLElement of DrawerOverlay\n */ export const useDrawerOverlay_unstable = (props, ref)=>{\n    const { open , defaultOpen , size , position  } = getDefaultDrawerProps(props);\n    const { modalType ='modal' , inertTrapFocus , onOpenChange  } = props;\n    return {\n        components: {\n            root: DialogSurface,\n            backdrop: 'div'\n        },\n        root: getNativeElementProps('div', {\n            ref,\n            ...props\n        }),\n        dialog: {\n            open,\n            defaultOpen,\n            onOpenChange,\n            inertTrapFocus,\n            modalType\n        },\n        size,\n        position\n    };\n};\n"],"names":["useDrawerOverlay_unstable","props","ref","open","defaultOpen","size","position","getDefaultDrawerProps","modalType","inertTrapFocus","onOpenChange","components","root","DialogSurface","backdrop","getNativeElementProps","dialog"],"mappings":";;;;+BAYiBA;;aAAAA;;;6DAZM;gCACe;6BACR;uCACQ;AAS3B,MAAMA,4BAA4B,CAACC,OAAOC,MAAM;IACvD,MAAM,EAAEC,KAAI,EAAGC,YAAW,EAAGC,KAAI,EAAGC,SAAQ,EAAG,GAAGC,IAAAA,4CAAqB,EAACN;IACxE,MAAM,EAAEO,WAAW,QAAO,EAAGC,eAAc,EAAGC,aAAY,EAAG,GAAGT;IAChE,OAAO;QACHU,YAAY;YACRC,MAAMC,0BAAa;YACnBC,UAAU;QACd;QACAF,MAAMG,IAAAA,qCAAqB,EAAC,OAAO;YAC/Bb;YACA,GAAGD,KAAK;QACZ;QACAe,QAAQ;YACJb;YACAC;YACAM;YACAD;YACAD;QACJ;QACAH;QACAC;IACJ;AACJ"}

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

@@ -1,47 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    drawerOverlayClassNames: ()=>drawerOverlayClassNames,
-    useDrawerOverlayStyles_unstable: ()=>useDrawerOverlayStyles_unstable
-});
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = require("@griffel/react");
-const _useDrawerBaseStylesStyles = require("../../util/useDrawerBaseStyles.styles");
-const _react1 = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-const drawerOverlayClassNames = {
-    root: 'fui-DrawerOverlay',
-    backdrop: 'fui-DrawerOverlay__backdrop'
-};
-/**
- * Styles for the root slot
- */ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
-    root: {
-        qhf8xq: "f19dog8a",
-        Bhzewxz: "f15twtuk",
-        B5kzvoi: "f1yab3r1"
-    }
-}, {
-    d: [
-        ".f19dog8a{position:fixed;}",
-        ".f15twtuk{top:0;}",
-        ".f1yab3r1{bottom:0;}"
-    ]
-});
-const useDrawerOverlayStyles_unstable = (state)=>{
-    const baseStyles = (0, _useDrawerBaseStylesStyles.useDrawerBaseStyles)();
-    const styles = useStyles();
-    const backdrop = state.root.backdrop;
-    state.root.className = (0, _react.mergeClasses)(drawerOverlayClassNames.root, baseStyles.root, styles.root, state.size && baseStyles[state.size], state.position && baseStyles[state.position], state.root.className);
-    if (backdrop) {
-        backdrop.className = (0, _react.mergeClasses)(drawerOverlayClassNames.backdrop, backdrop.className);
-    }
-    return state;
-}; //# sourceMappingURL=useDrawerOverlayStyles.styles.js.map