@fluentui/react-drawer 9.0.0-beta.9 → 9.0.1

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './DrawerHeaderNavigation';\nexport * from './DrawerHeaderNavigation.types';\nexport * from './renderDrawerHeaderNavigation';\nexport * from './useDrawerHeaderNavigation';\nexport * from './useDrawerHeaderNavigationStyles.styles';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './DrawerHeaderNavigation';\nexport * from './DrawerHeaderNavigation.types';\nexport * from './renderDrawerHeaderNavigation';\nexport * from './useDrawerHeaderNavigation';\nexport * from './useDrawerHeaderNavigationStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/DrawerHeaderNavigation/renderDrawerHeaderNavigation.js

@@ -4,12 +4,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "renderDrawerHeaderNavigation_unstable", {
     enumerable: true,
-    get: ()=>renderDrawerHeaderNavigation_unstable
+    get: function() {
+        return renderDrawerHeaderNavigation_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 _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
 const renderDrawerHeaderNavigation_unstable = (state)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlots)(state);
-    return /*#__PURE__*/ _react.createElement(slots.root, slotProps.root);
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {});
 };

package/lib-commonjs/components/DrawerHeaderNavigation/renderDrawerHeaderNavigation.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderDrawerHeaderNavigation.js"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of DrawerHeaderNavigation\n */ export const renderDrawerHeaderNavigation_unstable = (state)=>{\n    const { slots , slotProps  } = getSlots(state);\n    return /*#__PURE__*/ React.createElement(slots.root, slotProps.root);\n};\n"],"names":["renderDrawerHeaderNavigation_unstable","state","slots","slotProps","getSlots","React","createElement","root"],"mappings":";;;;+BAIiBA;;aAAAA;;;6DAJM;gCACE;AAGd,MAAMA,wCAAwC,CAACC,QAAQ;IAC9D,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,wBAAQ,EAACH;IACxC,OAAO,WAAW,GAAGI,OAAMC,aAAa,CAACJ,MAAMK,IAAI,EAAEJ,UAAUI,IAAI;AACvE"}
+{"version":3,"sources":["renderDrawerHeaderNavigation.js"],"sourcesContent":["  import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of DrawerHeaderNavigation\n */ export const renderDrawerHeaderNavigation_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsx(state.root, {});\n};\n"],"names":["renderDrawerHeaderNavigation_unstable","state","assertSlots","_jsx","root"],"mappings":";;;;+BAIiBA;;;eAAAA;;;4BAJa;gCACF;AAGjB,MAAMA,wCAAwC,CAACC;IACtDC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,eAAI,EAACF,MAAMG,IAAI,EAAE,CAAC;AAC3C"}

package/lib-commonjs/components/DrawerHeaderNavigation/useDrawerHeaderNavigation.js

@@ -4,19 +4,23 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useDrawerHeaderNavigation_unstable", {
     enumerable: true,
-    get: ()=>useDrawerHeaderNavigation_unstable
+    get: function() {
+        return useDrawerHeaderNavigation_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 _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
 const useDrawerHeaderNavigation_unstable = (props, ref)=>{
     return {
         components: {
             root: 'nav'
         },
-        root: (0, _reactUtilities.getNativeElementProps)('nav', {
+        root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('nav', {
             ref,
             ...props
+        }), {
+            elementType: 'nav'
         })
     };
 };

package/lib-commonjs/components/DrawerHeaderNavigation/useDrawerHeaderNavigation.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useDrawerHeaderNavigation.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\n/**\n * Create the state required to render DrawerHeaderNavigation.\n *\n * The returned state can be modified with hooks such as useDrawerHeaderNavigationStyles_unstable,\n * before being passed to renderDrawerHeaderNavigation_unstable.\n *\n * @param props - props from this instance of DrawerHeaderNavigation\n * @param ref - reference to root HTMLElement of DrawerHeaderNavigation\n */ export const useDrawerHeaderNavigation_unstable = (props, ref)=>{\n    return {\n        components: {\n            root: 'nav'\n        },\n        root: getNativeElementProps('nav', {\n            ref,\n            ...props\n        })\n    };\n};\n"],"names":["useDrawerHeaderNavigation_unstable","props","ref","components","root","getNativeElementProps"],"mappings":";;;;+BAUiBA;;aAAAA;;;6DAVM;gCACe;AAS3B,MAAMA,qCAAqC,CAACC,OAAOC,MAAM;IAChE,OAAO;QACHC,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YAC/BH;YACA,GAAGD,KAAK;QACZ;IACJ;AACJ"}
+{"version":3,"sources":["useDrawerHeaderNavigation.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\n/**\n * Create the state required to render DrawerHeaderNavigation.\n *\n * The returned state can be modified with hooks such as useDrawerHeaderNavigationStyles_unstable,\n * before being passed to renderDrawerHeaderNavigation_unstable.\n *\n * @param props - props from this instance of DrawerHeaderNavigation\n * @param ref - reference to root HTMLElement of DrawerHeaderNavigation\n */ export const useDrawerHeaderNavigation_unstable = (props, ref)=>{\n    return {\n        components: {\n            root: 'nav'\n        },\n        root: slot.always(getIntrinsicElementProps('nav', {\n            ref,\n            ...props\n        }), {\n            elementType: 'nav'\n        })\n    };\n};\n"],"names":["useDrawerHeaderNavigation_unstable","props","ref","components","root","slot","always","getIntrinsicElementProps","elementType"],"mappings":";;;;+BAUiBA;;;eAAAA;;;;iEAVM;gCACwB;AASpC,MAAMA,qCAAqC,CAACC,OAAOC;IAC1D,OAAO;QACHC,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAAC,OAAO;YAC9CL;YACA,GAAGD,KAAK;QACZ,IAAI;YACAO,aAAa;QACjB;IACJ;AACJ"}

package/lib-commonjs/components/DrawerHeaderNavigation/useDrawerHeaderNavigationStyles.styles.js

@@ -9,8 +9,12 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    drawerHeaderNavigationClassNames: ()=>drawerHeaderNavigationClassNames,
-    useDrawerHeaderNavigationStyles_unstable: ()=>useDrawerHeaderNavigationStyles_unstable
+    drawerHeaderNavigationClassNames: function() {
+        return drawerHeaderNavigationClassNames;
+    },
+    useDrawerHeaderNavigationStyles_unstable: function() {
+        return useDrawerHeaderNavigationStyles_unstable;
+    }
 });
 const _react = require("@griffel/react");
 const drawerHeaderNavigationClassNames = {
@@ -18,31 +22,12 @@ const drawerHeaderNavigationClassNames = {
 };
 /**
  * Styles for the root slot
- */ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
-    root: {
-        B6of3ja: "f19304h5",
-        t21cq0: [
-            "f1qb19o0",
-            "f1p10pdi"
-        ],
-        jrapky: "f118i8d9",
-        Frg6f3: [
-            "f1p10pdi",
-            "f1qb19o0"
-        ],
-        Bxn5svx: "f1ftwmyh"
-    }
-}, {
-    d: [
-        ".f19304h5{margin-top:calc(var(--spacingVerticalS) * -1);}",
-        ".f1qb19o0{margin-right:calc(var(--spacingHorizontalL) * -1);}",
-        ".f1p10pdi{margin-left:calc(var(--spacingHorizontalL) * -1);}",
-        ".f118i8d9{margin-bottom:calc(var(--spacingVerticalS) * -1);}",
-        ".f1ftwmyh{-webkit-order:0;-ms-flex-order:0;order:0;}"
-    ]
-});
+ */ const useStyles = /*#__PURE__*/ (0, _react.__resetStyles)("rfs9jc2", "r4yk2e8", [
+    ".rfs9jc2{margin-top:calc(var(--spacingVerticalS) * -1);margin-right:calc(var(--spacingHorizontalL) * -1);margin-bottom:calc(var(--spacingVerticalS) * -1);margin-left:calc(var(--spacingHorizontalL) * -1);}",
+    ".r4yk2e8{margin-top:calc(var(--spacingVerticalS) * -1);margin-left:calc(var(--spacingHorizontalL) * -1);margin-bottom:calc(var(--spacingVerticalS) * -1);margin-right:calc(var(--spacingHorizontalL) * -1);}"
+]);
 const useDrawerHeaderNavigationStyles_unstable = (state)=>{
     const styles = useStyles();
-    state.root.className = (0, _react.mergeClasses)(drawerHeaderNavigationClassNames.root, styles.root, state.root.className);
+    state.root.className = (0, _react.mergeClasses)(drawerHeaderNavigationClassNames.root, styles, state.root.className);
     return state;
 }; //# sourceMappingURL=useDrawerHeaderNavigationStyles.styles.js.map

package/lib-commonjs/components/DrawerHeaderNavigation/useDrawerHeaderNavigationStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useDrawerHeaderNavigationStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const drawerHeaderNavigationClassNames = {\n  root: 'fui-DrawerHeaderNavigation'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    B6of3ja: \"f19304h5\",\n    t21cq0: [\"f1qb19o0\", \"f1p10pdi\"],\n    jrapky: \"f118i8d9\",\n    Frg6f3: [\"f1p10pdi\", \"f1qb19o0\"],\n    Bxn5svx: \"f1ftwmyh\"\n  }\n}, {\n  d: [\".f19304h5{margin-top:calc(var(--spacingVerticalS) * -1);}\", \".f1qb19o0{margin-right:calc(var(--spacingHorizontalL) * -1);}\", \".f1p10pdi{margin-left:calc(var(--spacingHorizontalL) * -1);}\", \".f118i8d9{margin-bottom:calc(var(--spacingVerticalS) * -1);}\", \".f1ftwmyh{-webkit-order:0;-ms-flex-order:0;order:0;}\"]\n});\n/**\n * Apply styling to the DrawerHeaderNavigation slots based on the state\n */\nexport const useDrawerHeaderNavigationStyles_unstable = state => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(drawerHeaderNavigationClassNames.root, styles.root, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useDrawerHeaderNavigationStyles.styles.js.map"],"names":["drawerHeaderNavigationClassNames","useDrawerHeaderNavigationStyles_unstable","root","useStyles","__styles","B6of3ja","t21cq0","jrapky","Frg6f3","Bxn5svx","d","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,gCAAgC,MAAhCA;IAoBAC,wCAAwC,MAAxCA;;uBAtBsC;AAE5C,MAAMD,mCAAmC;IAC9CE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCF,MAAM;QACJG,SAAS;QACTC,QAAQ;YAAC;YAAY;SAAW;QAChCC,QAAQ;QACRC,QAAQ;YAAC;YAAY;SAAW;QAChCC,SAAS;IACX;AACF,GAAG;IACDC,GAAG;QAAC;QAA6D;QAAiE;QAAgE;QAAgE;KAAuD;AAC3T;AAIO,MAAMT,2CAA2CU,CAAAA,QAAS;IAC/D,MAAMC,SAAST;IACfQ,MAAMT,IAAI,CAACW,SAAS,GAAGC,IAAAA,mBAAY,EAACd,iCAAiCE,IAAI,EAAEU,OAAOV,IAAI,EAAES,MAAMT,IAAI,CAACW,SAAS;IAC5G,OAAOF;AACT,GACA,kEAAkE"}
+{"version":3,"sources":["useDrawerHeaderNavigationStyles.styles.js"],"sourcesContent":["import { __resetStyles, mergeClasses, shorthands } from '@griffel/react';\nimport { tokens } from '@fluentui/react-theme';\nexport const drawerHeaderNavigationClassNames = {\n  root: 'fui-DrawerHeaderNavigation'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__resetStyles(\"rfs9jc2\", \"r4yk2e8\", [\".rfs9jc2{margin-top:calc(var(--spacingVerticalS) * -1);margin-right:calc(var(--spacingHorizontalL) * -1);margin-bottom:calc(var(--spacingVerticalS) * -1);margin-left:calc(var(--spacingHorizontalL) * -1);}\", \".r4yk2e8{margin-top:calc(var(--spacingVerticalS) * -1);margin-left:calc(var(--spacingHorizontalL) * -1);margin-bottom:calc(var(--spacingVerticalS) * -1);margin-right:calc(var(--spacingHorizontalL) * -1);}\"]);\n/**\n * Apply styling to the DrawerHeaderNavigation slots based on the state\n */\nexport const useDrawerHeaderNavigationStyles_unstable = state => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(drawerHeaderNavigationClassNames.root, styles, state.root.className);\n  return state;\n};\n//# sourceMappingURL=useDrawerHeaderNavigationStyles.styles.js.map"],"names":["drawerHeaderNavigationClassNames","useDrawerHeaderNavigationStyles_unstable","root","useStyles","__resetStyles","state","styles","className","mergeClasses"],"mappings":";;;;;;;;;;;IAEaA,gCAAgC;eAAhCA;;IAUAC,wCAAwC;eAAxCA;;;uBAZ2C;AAEjD,MAAMD,mCAAmC;IAC9CE,MAAM;AACR;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,oBAAa,EAAC,WAAW,WAAW;IAAC;IAAgN;CAA+M;AAI5d,MAAMH,2CAA2CI,CAAAA;IACtD,MAAMC,SAASH;IACfE,MAAMH,IAAI,CAACK,SAAS,GAAGC,IAAAA,mBAAY,EAACR,iCAAiCE,IAAI,EAAEI,QAAQD,MAAMH,IAAI,CAACK,SAAS;IACvG,OAAOF;AACT,GACA,kEAAkE"}

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

@@ -4,18 +4,20 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "DrawerHeaderTitle", {
     enumerable: true,
-    get: ()=>DrawerHeaderTitle
+    get: function() {
+        return DrawerHeaderTitle;
+    }
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+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 _useDrawerHeaderTitle = require("./useDrawerHeaderTitle");
 const _renderDrawerHeaderTitle = require("./renderDrawerHeaderTitle");
-const _useDrawerHeaderTitleStylesStyles = require("./useDrawerHeaderTitleStyles.styles");
-const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const _useDrawerHeaderTitleStylesstyles = require("./useDrawerHeaderTitleStyles.styles");
 const DrawerHeaderTitle = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
     const state = (0, _useDrawerHeaderTitle.useDrawerHeaderTitle_unstable)(props, ref);
-    (0, _useDrawerHeaderTitleStylesStyles.useDrawerHeaderTitleStyles_unstable)(state);
-    (0, _reactSharedContexts.useCustomStyleHook_unstable)('useDrawerHeaderTitleStyles_unstable')(state);
+    (0, _useDrawerHeaderTitleStylesstyles.useDrawerHeaderTitleStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useDrawerHeaderTitleStyles_unstable')(state);
     return (0, _renderDrawerHeaderTitle.renderDrawerHeaderTitle_unstable)(state);
 });
 DrawerHeaderTitle.displayName = 'DrawerHeaderTitle';

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

@@ -1 +1 @@
-{"version":3,"sources":["DrawerHeaderTitle.js"],"sourcesContent":["import * as React from 'react';\nimport { useDrawerHeaderTitle_unstable } from './useDrawerHeaderTitle';\nimport { renderDrawerHeaderTitle_unstable } from './renderDrawerHeaderTitle';\nimport { useDrawerHeaderTitleStyles_unstable } from './useDrawerHeaderTitleStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\n/**\n * DrawerHeader provides a structured header for the drawer component.\n */ export const DrawerHeaderTitle = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useDrawerHeaderTitle_unstable(props, ref);\n    useDrawerHeaderTitleStyles_unstable(state);\n    useCustomStyleHook_unstable('useDrawerHeaderTitleStyles_unstable')(state);\n    return renderDrawerHeaderTitle_unstable(state);\n});\nDrawerHeaderTitle.displayName = 'DrawerHeaderTitle';\n"],"names":["DrawerHeaderTitle","React","forwardRef","props","ref","state","useDrawerHeaderTitle_unstable","useDrawerHeaderTitleStyles_unstable","useCustomStyleHook_unstable","renderDrawerHeaderTitle_unstable","displayName"],"mappings":";;;;+BAOiBA;;aAAAA;;;6DAPM;sCACuB;yCACG;kDACG;qCACR;AAGjC,MAAMA,oBAAoB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC,MAAM;IAC9E,MAAMC,QAAQC,IAAAA,mDAA6B,EAACH,OAAOC;IACnDG,IAAAA,qEAAmC,EAACF;IACpCG,IAAAA,gDAA2B,EAAC,uCAAuCH;IACnE,OAAOI,IAAAA,yDAAgC,EAACJ;AAC5C;AACAL,kBAAkBU,WAAW,GAAG"}
+{"version":3,"sources":["DrawerHeaderTitle.js"],"sourcesContent":["import * as React from 'react';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useDrawerHeaderTitle_unstable } from './useDrawerHeaderTitle';\nimport { renderDrawerHeaderTitle_unstable } from './renderDrawerHeaderTitle';\nimport { useDrawerHeaderTitleStyles_unstable } from './useDrawerHeaderTitleStyles.styles';\n/**\n * DrawerHeader provides a structured header for the drawer component.\n */ export const DrawerHeaderTitle = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useDrawerHeaderTitle_unstable(props, ref);\n    useDrawerHeaderTitleStyles_unstable(state);\n    useCustomStyleHook_unstable('useDrawerHeaderTitleStyles_unstable')(state);\n    return renderDrawerHeaderTitle_unstable(state);\n});\nDrawerHeaderTitle.displayName = 'DrawerHeaderTitle';\n"],"names":["DrawerHeaderTitle","React","forwardRef","props","ref","state","useDrawerHeaderTitle_unstable","useDrawerHeaderTitleStyles_unstable","useCustomStyleHook_unstable","renderDrawerHeaderTitle_unstable","displayName"],"mappings":";;;;+BAOiBA;;;eAAAA;;;;iEAPM;qCACqB;sCACE;yCACG;kDACG;AAGzC,MAAMA,oBAAoB,WAAW,GAAGC,OAAMC,UAAU,CAAC,CAACC,OAAOC;IACxE,MAAMC,QAAQC,IAAAA,mDAA6B,EAACH,OAAOC;IACnDG,IAAAA,qEAAmC,EAACF;IACpCG,IAAAA,gDAA2B,EAAC,uCAAuCH;IACnE,OAAOI,IAAAA,yDAAgC,EAACJ;AAC5C;AACAL,kBAAkBU,WAAW,GAAG"}

package/lib-commonjs/components/DrawerHeaderTitle/DrawerHeaderTitle.types.js

@@ -2,5 +2,3 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));

package/lib-commonjs/components/DrawerHeaderTitle/DrawerHeaderTitle.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DrawerHeaderTitle.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;6DAAuB"}
+{"version":3,"sources":[],"names":[],"mappings":""}

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

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
-_exportStar(require("./DrawerHeaderTitle"), exports);
-_exportStar(require("./DrawerHeaderTitle.types"), exports);
-_exportStar(require("./renderDrawerHeaderTitle"), exports);
-_exportStar(require("./useDrawerHeaderTitle"), exports);
-_exportStar(require("./useDrawerHeaderTitleStyles.styles"), exports);
+const _export_star = require("@swc/helpers/_/_export_star");
+_export_star._(require("./DrawerHeaderTitle"), exports);
+_export_star._(require("./DrawerHeaderTitle.types"), exports);
+_export_star._(require("./renderDrawerHeaderTitle"), exports);
+_export_star._(require("./useDrawerHeaderTitle"), exports);
+_export_star._(require("./useDrawerHeaderTitleStyles.styles"), exports);

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './DrawerHeaderTitle';\nexport * from './DrawerHeaderTitle.types';\nexport * from './renderDrawerHeaderTitle';\nexport * from './useDrawerHeaderTitle';\nexport * from './useDrawerHeaderTitleStyles.styles';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './DrawerHeaderTitle';\nexport * from './DrawerHeaderTitle.types';\nexport * from './renderDrawerHeaderTitle';\nexport * from './useDrawerHeaderTitle';\nexport * from './useDrawerHeaderTitleStyles.styles';\n"],"names":[],"mappings":";;;;;uBAAc;uBACA;uBACA;uBACA;uBACA"}

package/lib-commonjs/components/DrawerHeaderTitle/renderDrawerHeaderTitle.js

@@ -4,12 +4,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "renderDrawerHeaderTitle_unstable", {
     enumerable: true,
-    get: ()=>renderDrawerHeaderTitle_unstable
+    get: function() {
+        return renderDrawerHeaderTitle_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 _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
 const renderDrawerHeaderTitle_unstable = (state)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlots)(state);
-    return /*#__PURE__*/ _react.createElement(slots.root, slotProps.root, slots.heading && /*#__PURE__*/ _react.createElement(slots.heading, slotProps.heading), slots.action && /*#__PURE__*/ _react.createElement(slots.action, slotProps.action));
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(state.root, {
+        children: [
+            state.heading && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.heading, {}),
+            state.action && /*#__PURE__*/ (0, _jsxruntime.jsx)(state.action, {})
+        ]
+    });
 };

package/lib-commonjs/components/DrawerHeaderTitle/renderDrawerHeaderTitle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderDrawerHeaderTitle.js"],"sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of DrawerHeaderTitle\n */ export const renderDrawerHeaderTitle_unstable = (state)=>{\n    const { slots , slotProps  } = getSlots(state);\n    return /*#__PURE__*/ React.createElement(slots.root, slotProps.root, slots.heading && /*#__PURE__*/ React.createElement(slots.heading, slotProps.heading), slots.action && /*#__PURE__*/ React.createElement(slots.action, slotProps.action));\n};\n"],"names":["renderDrawerHeaderTitle_unstable","state","slots","slotProps","getSlots","React","createElement","root","heading","action"],"mappings":";;;;+BAIiBA;;aAAAA;;;6DAJM;gCACE;AAGd,MAAMA,mCAAmC,CAACC,QAAQ;IACzD,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,wBAAQ,EAACH;IACxC,OAAO,WAAW,GAAGI,OAAMC,aAAa,CAACJ,MAAMK,IAAI,EAAEJ,UAAUI,IAAI,EAAEL,MAAMM,OAAO,IAAI,WAAW,GAAGH,OAAMC,aAAa,CAACJ,MAAMM,OAAO,EAAEL,UAAUK,OAAO,GAAGN,MAAMO,MAAM,IAAI,WAAW,GAAGJ,OAAMC,aAAa,CAACJ,MAAMO,MAAM,EAAEN,UAAUM,MAAM;AAC/O"}
+{"version":3,"sources":["renderDrawerHeaderTitle.js"],"sourcesContent":["  import { jsx as _jsx, jsxs as _jsxs } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of DrawerHeaderTitle\n */ export const renderDrawerHeaderTitle_unstable = (state)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ _jsxs(state.root, {\n        children: [\n            state.heading && /*#__PURE__*/ _jsx(state.heading, {}),\n            state.action && /*#__PURE__*/ _jsx(state.action, {})\n        ]\n    });\n};\n"],"names":["renderDrawerHeaderTitle_unstable","state","assertSlots","_jsxs","root","children","heading","_jsx","action"],"mappings":";;;;+BAIiBA;;;eAAAA;;;4BAJ4B;gCACjB;AAGjB,MAAMA,mCAAmC,CAACC;IACjDC,IAAAA,2BAAW,EAACD;IACZ,OAAO,WAAW,GAAGE,IAAAA,gBAAK,EAACF,MAAMG,IAAI,EAAE;QACnCC,UAAU;YACNJ,MAAMK,OAAO,IAAI,WAAW,GAAGC,IAAAA,eAAI,EAACN,MAAMK,OAAO,EAAE,CAAC;YACpDL,MAAMO,MAAM,IAAI,WAAW,GAAGD,IAAAA,eAAI,EAACN,MAAMO,MAAM,EAAE,CAAC;SACrD;IACL;AACJ"}

package/lib-commonjs/components/DrawerHeaderTitle/useDrawerHeaderTitle.js

@@ -4,33 +4,46 @@ Object.defineProperty(exports, "__esModule", {
 });
 Object.defineProperty(exports, "useDrawerHeaderTitle_unstable", {
     enumerable: true,
-    get: ()=>useDrawerHeaderTitle_unstable
+    get: function() {
+        return useDrawerHeaderTitle_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 _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
+const _reactdialog = require("@fluentui/react-dialog");
+/**
+ * @internal
+ * Create the shorthand for the heading element.
+ * @param props - props from this instance of DrawerHeaderTitle
+ */ const useHeadingProps = ({ children, heading })=>{
+    const id = (0, _reactdialog.useDialogContext_unstable)((ctx)=>ctx.dialogTitleId);
+    return _reactutilities.slot.optional(heading, {
+        defaultProps: {
+            id,
+            children
+        },
+        renderByDefault: true,
+        elementType: 'h2'
+    });
+};
 const useDrawerHeaderTitle_unstable = (props, ref)=>{
-    const { root: heading , action , components: titleComponents  } = (0, _reactDialog.useDialogTitle_unstable)(props, ref);
+    const headingProps = useHeadingProps(props);
     return {
         components: {
             root: 'div',
-            heading: titleComponents.root,
-            action: titleComponents.action
+            heading: 'h2',
+            action: 'div'
         },
-        root: (0, _reactUtilities.getNativeElementProps)('div', {
+        root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
             ref,
             ...props
+        }), {
+            elementType: 'div'
         }),
-        heading: (0, _reactUtilities.resolveShorthand)(props.heading, {
-            required: true,
-            defaultProps: {
-                ...heading,
-                className: undefined
-            }
-        }),
-        action: (0, _reactUtilities.resolveShorthand)(props.action, {
-            defaultProps: action
+        heading: headingProps,
+        action: _reactutilities.slot.optional(props.action, {
+            elementType: 'div'
         })
     };
 };

package/lib-commonjs/components/DrawerHeaderTitle/useDrawerHeaderTitle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useDrawerHeaderTitle.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, resolveShorthand } from '@fluentui/react-utilities';\nimport { useDialogTitle_unstable } from '@fluentui/react-dialog';\n/**\n * Create the state required to render DrawerHeaderTitle.\n *\n * The returned state can be modified with hooks such as useDrawerHeaderTitleStyles_unstable,\n * before being passed to renderDrawerHeaderTitle_unstable.\n *\n * @param props - props from this instance of DrawerHeaderTitle\n * @param ref - reference to root HTMLElement of DrawerHeaderTitle\n */ export const useDrawerHeaderTitle_unstable = (props, ref)=>{\n    const { root: heading , action , components: titleComponents  } = useDialogTitle_unstable(props, ref);\n    return {\n        components: {\n            root: 'div',\n            heading: titleComponents.root,\n            action: titleComponents.action\n        },\n        root: getNativeElementProps('div', {\n            ref,\n            ...props\n        }),\n        heading: resolveShorthand(props.heading, {\n            required: true,\n            defaultProps: {\n                ...heading,\n                className: undefined\n            }\n        }),\n        action: resolveShorthand(props.action, {\n            defaultProps: action\n        })\n    };\n};\n"],"names":["useDrawerHeaderTitle_unstable","props","ref","root","heading","action","components","titleComponents","useDialogTitle_unstable","getNativeElementProps","resolveShorthand","required","defaultProps","className","undefined"],"mappings":";;;;+BAWiBA;;aAAAA;;;6DAXM;gCACiC;6BAChB;AAS7B,MAAMA,gCAAgC,CAACC,OAAOC,MAAM;IAC3D,MAAM,EAAEC,MAAMC,QAAO,EAAGC,OAAM,EAAGC,YAAYC,gBAAe,EAAG,GAAGC,IAAAA,oCAAuB,EAACP,OAAOC;IACjG,OAAO;QACHI,YAAY;YACRH,MAAM;YACNC,SAASG,gBAAgBJ,IAAI;YAC7BE,QAAQE,gBAAgBF,MAAM;QAClC;QACAF,MAAMM,IAAAA,qCAAqB,EAAC,OAAO;YAC/BP;YACA,GAAGD,KAAK;QACZ;QACAG,SAASM,IAAAA,gCAAgB,EAACT,MAAMG,OAAO,EAAE;YACrCO,UAAU,IAAI;YACdC,cAAc;gBACV,GAAGR,OAAO;gBACVS,WAAWC;YACf;QACJ;QACAT,QAAQK,IAAAA,gCAAgB,EAACT,MAAMI,MAAM,EAAE;YACnCO,cAAcP;QAClB;IACJ;AACJ"}
+{"version":3,"sources":["useDrawerHeaderTitle.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot } from '@fluentui/react-utilities';\nimport { useDialogContext_unstable } from '@fluentui/react-dialog';\n/**\n * @internal\n * Create the shorthand for the heading element.\n * @param props - props from this instance of DrawerHeaderTitle\n */ const useHeadingProps = ({ children, heading })=>{\n    const id = useDialogContext_unstable((ctx)=>ctx.dialogTitleId);\n    return slot.optional(heading, {\n        defaultProps: {\n            id,\n            children\n        },\n        renderByDefault: true,\n        elementType: 'h2'\n    });\n};\n/**\n * Create the state required to render DrawerHeaderTitle.\n *\n * The returned state can be modified with hooks such as useDrawerHeaderTitleStyles_unstable,\n * before being passed to renderDrawerHeaderTitle_unstable.\n *\n * @param props - props from this instance of DrawerHeaderTitle\n * @param ref - reference to root HTMLElement of DrawerHeaderTitle\n */ export const useDrawerHeaderTitle_unstable = (props, ref)=>{\n    const headingProps = useHeadingProps(props);\n    return {\n        components: {\n            root: 'div',\n            heading: 'h2',\n            action: 'div'\n        },\n        root: slot.always(getIntrinsicElementProps('div', {\n            ref,\n            ...props\n        }), {\n            elementType: 'div'\n        }),\n        heading: headingProps,\n        action: slot.optional(props.action, {\n            elementType: 'div'\n        })\n    };\n};\n"],"names":["useDrawerHeaderTitle_unstable","useHeadingProps","children","heading","id","useDialogContext_unstable","ctx","dialogTitleId","slot","optional","defaultProps","renderByDefault","elementType","props","ref","headingProps","components","root","action","always","getIntrinsicElementProps"],"mappings":";;;;+BA0BiBA;;;eAAAA;;;;iEA1BM;gCACwB;6BACL;AAC1C;;;;CAIC,GAAG,MAAMC,kBAAkB,CAAC,EAAEC,QAAQ,EAAEC,OAAO,EAAE;IAC9C,MAAMC,KAAKC,IAAAA,sCAAyB,EAAC,CAACC,MAAMA,IAAIC,aAAa;IAC7D,OAAOC,oBAAI,CAACC,QAAQ,CAACN,SAAS;QAC1BO,cAAc;YACVN;YACAF;QACJ;QACAS,iBAAiB;QACjBC,aAAa;IACjB;AACJ;AASW,MAAMZ,gCAAgC,CAACa,OAAOC;IACrD,MAAMC,eAAed,gBAAgBY;IACrC,OAAO;QACHG,YAAY;YACRC,MAAM;YACNd,SAAS;YACTe,QAAQ;QACZ;QACAD,MAAMT,oBAAI,CAACW,MAAM,CAACC,IAAAA,wCAAwB,EAAC,OAAO;YAC9CN;YACA,GAAGD,KAAK;QACZ,IAAI;YACAD,aAAa;QACjB;QACAT,SAASY;QACTG,QAAQV,oBAAI,CAACC,QAAQ,CAACI,MAAMK,MAAM,EAAE;YAChCN,aAAa;QACjB;IACJ;AACJ"}

package/lib-commonjs/components/DrawerHeaderTitle/useDrawerHeaderTitleStyles.styles.js

@@ -9,11 +9,15 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    drawerHeaderTitleClassNames: ()=>drawerHeaderTitleClassNames,
-    useDrawerHeaderTitleStyles_unstable: ()=>useDrawerHeaderTitleStyles_unstable
+    drawerHeaderTitleClassNames: function() {
+        return drawerHeaderTitleClassNames;
+    },
+    useDrawerHeaderTitleStyles_unstable: function() {
+        return useDrawerHeaderTitleStyles_unstable;
+    }
 });
 const _react = require("@griffel/react");
-const _reactDialog = require("@fluentui/react-dialog");
+const _reactdialog = require("@fluentui/react-dialog");
 const drawerHeaderTitleClassNames = {
     root: 'fui-DrawerHeaderTitle',
     heading: 'fui-DrawerHeaderTitle__heading',
@@ -21,7 +25,7 @@ const drawerHeaderTitleClassNames = {
 };
 /**
  * Styles for the root slot
- */ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
+ */ const useStyles = /*#__PURE__*/ (0, _react.__styles)({
     root: {
         mc9l5x: "f22iagw",
         Brf1p80: "f1869bpl",
@@ -36,18 +40,18 @@ const drawerHeaderTitleClassNames = {
     }
 }, {
     d: [
-        ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
-        ".f1869bpl{-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}",
-        ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}",
-        ".fsnqrgy{-webkit-column-gap:var(--spacingHorizontalS);column-gap:var(--spacingHorizontalS);}",
+        ".f22iagw{display:flex;}",
+        ".f1869bpl{justify-content:space-between;}",
+        ".f122n59{align-items:center;}",
+        ".fsnqrgy{column-gap:var(--spacingHorizontalS);}",
         ".faqnl2i{margin-right:calc(var(--spacingHorizontalS) * -1);}",
         ".fd75udd{margin-left:calc(var(--spacingHorizontalS) * -1);}"
     ]
 });
 const useDrawerHeaderTitleStyles_unstable = (state)=>{
     const styles = useStyles();
-    const { heading: root = {} , action , components  } = state;
-    (0, _reactDialog.useDialogTitleStyles_unstable)({
+    const { heading: root = {}, action, components } = state;
+    (0, _reactdialog.useDialogTitleStyles_unstable)({
         components: {
             root: components.heading,
             action: components.action

package/lib-commonjs/components/DrawerHeaderTitle/useDrawerHeaderTitleStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useDrawerHeaderTitleStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { useDialogTitleStyles_unstable } from '@fluentui/react-dialog';\nimport { tokens } from '@fluentui/react-theme';\nexport const drawerHeaderTitleClassNames = {\n  root: 'fui-DrawerHeaderTitle',\n  heading: 'fui-DrawerHeaderTitle__heading',\n  action: 'fui-DrawerHeaderTitle__action'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\",\n    Brf1p80: \"f1869bpl\",\n    Bt984gj: \"f122n59\",\n    i8kkvl: \"fsnqrgy\"\n  },\n  action: {\n    t21cq0: [\"faqnl2i\", \"fd75udd\"]\n  }\n}, {\n  d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f1869bpl{-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".fsnqrgy{-webkit-column-gap:var(--spacingHorizontalS);column-gap:var(--spacingHorizontalS);}\", \".faqnl2i{margin-right:calc(var(--spacingHorizontalS) * -1);}\", \".fd75udd{margin-left:calc(var(--spacingHorizontalS) * -1);}\"]\n});\n/**\n * Apply styling to the DrawerHeaderTitle slots based on the state\n */\nexport const useDrawerHeaderTitleStyles_unstable = state => {\n  const styles = useStyles();\n  const {\n    heading: root = {},\n    action,\n    components\n  } = state;\n  useDialogTitleStyles_unstable({\n    components: {\n      root: components.heading,\n      action: components.action\n    },\n    root,\n    action\n  });\n  state.root.className = mergeClasses(drawerHeaderTitleClassNames.root, styles.root, state.root.className);\n  if (state.heading) {\n    state.heading.className = mergeClasses(drawerHeaderTitleClassNames.heading, state.heading.className);\n  }\n  if (state.action) {\n    state.action.className = mergeClasses(drawerHeaderTitleClassNames.action, styles.action, state.action.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useDrawerHeaderTitleStyles.styles.js.map"],"names":["drawerHeaderTitleClassNames","useDrawerHeaderTitleStyles_unstable","root","heading","action","useStyles","__styles","mc9l5x","Brf1p80","Bt984gj","i8kkvl","t21cq0","d","state","styles","components","useDialogTitleStyles_unstable","className","mergeClasses"],"mappings":";;;;;;;;;;;IAGaA,2BAA2B,MAA3BA;IAwBAC,mCAAmC,MAAnCA;;uBA3B0B;6BACO;AAEvC,MAAMD,8BAA8B;IACzCE,MAAM;IACNC,SAAS;IACTC,QAAQ;AACV;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,kBAAQ,EAAC;IACtCJ,MAAM;QACJK,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;IACAN,QAAQ;QACNO,QAAQ;YAAC;YAAW;SAAU;IAChC;AACF,GAAG;IACDC,GAAG;QAAC;QAAwF;QAA4G;QAA2G;QAAgG;QAAgE;KAA8D;AACnhB;AAIO,MAAMX,sCAAsCY,CAAAA,QAAS;IAC1D,MAAMC,SAAST;IACf,MAAM,EACJF,SAASD,OAAO,CAAC,CAAC,CAAA,EAClBE,OAAM,EACNW,WAAU,EACX,GAAGF;IACJG,IAAAA,0CAA6B,EAAC;QAC5BD,YAAY;YACVb,MAAMa,WAAWZ,OAAO;YACxBC,QAAQW,WAAWX,MAAM;QAC3B;QACAF;QACAE;IACF;IACAS,MAAMX,IAAI,CAACe,SAAS,GAAGC,IAAAA,mBAAY,EAAClB,4BAA4BE,IAAI,EAAEY,OAAOZ,IAAI,EAAEW,MAAMX,IAAI,CAACe,SAAS;IACvG,IAAIJ,MAAMV,OAAO,EAAE;QACjBU,MAAMV,OAAO,CAACc,SAAS,GAAGC,IAAAA,mBAAY,EAAClB,4BAA4BG,OAAO,EAAEU,MAAMV,OAAO,CAACc,SAAS;IACrG,CAAC;IACD,IAAIJ,MAAMT,MAAM,EAAE;QAChBS,MAAMT,MAAM,CAACa,SAAS,GAAGC,IAAAA,mBAAY,EAAClB,4BAA4BI,MAAM,EAAEU,OAAOV,MAAM,EAAES,MAAMT,MAAM,CAACa,SAAS;IACjH,CAAC;IACD,OAAOJ;AACT,GACA,6DAA6D"}
+{"version":3,"sources":["useDrawerHeaderTitleStyles.styles.js"],"sourcesContent":["import { __styles, mergeClasses } from '@griffel/react';\nimport { useDialogTitleStyles_unstable } from '@fluentui/react-dialog';\nimport { tokens } from '@fluentui/react-theme';\nexport const drawerHeaderTitleClassNames = {\n  root: 'fui-DrawerHeaderTitle',\n  heading: 'fui-DrawerHeaderTitle__heading',\n  action: 'fui-DrawerHeaderTitle__action'\n};\n/**\n * Styles for the root slot\n */\nconst useStyles = /*#__PURE__*/__styles({\n  root: {\n    mc9l5x: \"f22iagw\",\n    Brf1p80: \"f1869bpl\",\n    Bt984gj: \"f122n59\",\n    i8kkvl: \"fsnqrgy\"\n  },\n  action: {\n    t21cq0: [\"faqnl2i\", \"fd75udd\"]\n  }\n}, {\n  d: [\".f22iagw{display:flex;}\", \".f1869bpl{justify-content:space-between;}\", \".f122n59{align-items:center;}\", \".fsnqrgy{column-gap:var(--spacingHorizontalS);}\", \".faqnl2i{margin-right:calc(var(--spacingHorizontalS) * -1);}\", \".fd75udd{margin-left:calc(var(--spacingHorizontalS) * -1);}\"]\n});\n/**\n * Apply styling to the DrawerHeaderTitle slots based on the state\n */\nexport const useDrawerHeaderTitleStyles_unstable = state => {\n  const styles = useStyles();\n  const {\n    heading: root = {},\n    action,\n    components\n  } = state;\n  useDialogTitleStyles_unstable({\n    components: {\n      root: components.heading,\n      action: components.action\n    },\n    root,\n    action\n  });\n  state.root.className = mergeClasses(drawerHeaderTitleClassNames.root, styles.root, state.root.className);\n  if (state.heading) {\n    state.heading.className = mergeClasses(drawerHeaderTitleClassNames.heading, state.heading.className);\n  }\n  if (state.action) {\n    state.action.className = mergeClasses(drawerHeaderTitleClassNames.action, styles.action, state.action.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useDrawerHeaderTitleStyles.styles.js.map"],"names":["drawerHeaderTitleClassNames","useDrawerHeaderTitleStyles_unstable","root","heading","action","useStyles","__styles","mc9l5x","Brf1p80","Bt984gj","i8kkvl","t21cq0","d","state","styles","components","useDialogTitleStyles_unstable","className","mergeClasses"],"mappings":";;;;;;;;;;;IAGaA,2BAA2B;eAA3BA;;IAwBAC,mCAAmC;eAAnCA;;;uBA3B0B;6BACO;AAEvC,MAAMD,8BAA8B;IACzCE,MAAM;IACNC,SAAS;IACTC,QAAQ;AACV;AACA;;CAEC,GACD,MAAMC,YAAY,WAAW,GAAEC,IAAAA,eAAQ,EAAC;IACtCJ,MAAM;QACJK,QAAQ;QACRC,SAAS;QACTC,SAAS;QACTC,QAAQ;IACV;IACAN,QAAQ;QACNO,QAAQ;YAAC;YAAW;SAAU;IAChC;AACF,GAAG;IACDC,GAAG;QAAC;QAA2B;QAA6C;QAAiC;QAAmD;QAAgE;KAA8D;AAChS;AAIO,MAAMX,sCAAsCY,CAAAA;IACjD,MAAMC,SAAST;IACf,MAAM,EACJF,SAASD,OAAO,CAAC,CAAC,EAClBE,MAAM,EACNW,UAAU,EACX,GAAGF;IACJG,IAAAA,0CAA6B,EAAC;QAC5BD,YAAY;YACVb,MAAMa,WAAWZ,OAAO;YACxBC,QAAQW,WAAWX,MAAM;QAC3B;QACAF;QACAE;IACF;IACAS,MAAMX,IAAI,CAACe,SAAS,GAAGC,IAAAA,mBAAY,EAAClB,4BAA4BE,IAAI,EAAEY,OAAOZ,IAAI,EAAEW,MAAMX,IAAI,CAACe,SAAS;IACvG,IAAIJ,MAAMV,OAAO,EAAE;QACjBU,MAAMV,OAAO,CAACc,SAAS,GAAGC,IAAAA,mBAAY,EAAClB,4BAA4BG,OAAO,EAAEU,MAAMV,OAAO,CAACc,SAAS;IACrG;IACA,IAAIJ,MAAMT,MAAM,EAAE;QAChBS,MAAMT,MAAM,CAACa,SAAS,GAAGC,IAAAA,mBAAY,EAAClB,4BAA4BI,MAAM,EAAEU,OAAOV,MAAM,EAAES,MAAMT,MAAM,CAACa,SAAS;IACjH;IACA,OAAOJ;AACT,GACA,6DAA6D"}

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

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "InlineDrawer", {
+    enumerable: true,
+    get: function() {
+        return InlineDrawer;
+    }
+});
+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 _useInlineDrawer = require("./useInlineDrawer");
+const _renderInlineDrawer = require("./renderInlineDrawer");
+const _useInlineDrawerStylesstyles = require("./useInlineDrawerStyles.styles");
+const InlineDrawer = /*#__PURE__*/ _react.forwardRef((props, ref)=>{
+    const state = (0, _useInlineDrawer.useInlineDrawer_unstable)(props, ref);
+    (0, _useInlineDrawerStylesstyles.useInlineDrawerStyles_unstable)(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useDrawerInlineStyles_unstable')(state);
+    (0, _reactsharedcontexts.useCustomStyleHook_unstable)('useInlineDrawerStyles_unstable')(state);
+    return (0, _renderInlineDrawer.renderInlineDrawer_unstable)(state);
+});
+InlineDrawer.displayName = 'InlineDrawer';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["InlineDrawer.js"],"sourcesContent":["import * as React from 'react';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useInlineDrawer_unstable } from './useInlineDrawer';\nimport { renderInlineDrawer_unstable } from './renderInlineDrawer';\nimport { useInlineDrawerStyles_unstable } from './useInlineDrawerStyles.styles';\n/**\n * InlineDrawer 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 InlineDrawer = /*#__PURE__*/ React.forwardRef((props, ref)=>{\n    const state = useInlineDrawer_unstable(props, ref);\n    useInlineDrawerStyles_unstable(state);\n    useCustomStyleHook_unstable('useDrawerInlineStyles_unstable')(state);\n    useCustomStyleHook_unstable('useInlineDrawerStyles_unstable')(state);\n    return renderInlineDrawer_unstable(state);\n});\nInlineDrawer.displayName = 'InlineDrawer';\n"],"names":["InlineDrawer","React","forwardRef","props","ref","state","useInlineDrawer_unstable","useInlineDrawerStyles_unstable","useCustomStyleHook_unstable","renderInlineDrawer_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;IAC9DG,IAAAA,gDAA2B,EAAC,kCAAkCH;IAC9D,OAAOI,IAAAA,+CAA2B,EAACJ;AACvC;AACAL,aAAaU,WAAW,GAAG"}

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

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

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

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

package/lib-commonjs/components/InlineDrawer/renderInlineDrawer.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "renderInlineDrawer_unstable", {
+    enumerable: true,
+    get: function() {
+        return renderInlineDrawer_unstable;
+    }
+});
+const _jsxruntime = require("@fluentui/react-jsx-runtime/jsx-runtime");
+const _reactutilities = require("@fluentui/react-utilities");
+const renderInlineDrawer_unstable = (state)=>{
+    if (!state.motion.canRender) {
+        return null;
+    }
+    (0, _reactutilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _jsxruntime.jsx)(state.root, {});
+};

package/lib-commonjs/components/InlineDrawer/renderInlineDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["renderInlineDrawer.js"],"sourcesContent":["  import { jsx as _jsx } from \"@fluentui/react-jsx-runtime/jsx-runtime\";\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Render the final JSX of InlineDrawer\n */ export const renderInlineDrawer_unstable = (state)=>{\n    if (!state.motion.canRender) {\n        return null;\n    }\n    assertSlots(state);\n    return /*#__PURE__*/ _jsx(state.root, {});\n};\n"],"names":["renderInlineDrawer_unstable","state","motion","canRender","assertSlots","_jsx","root"],"mappings":";;;;+BAIiBA;;;eAAAA;;;4BAJa;gCACF;AAGjB,MAAMA,8BAA8B,CAACC;IAC5C,IAAI,CAACA,MAAMC,MAAM,CAACC,SAAS,EAAE;QACzB,OAAO;IACX;IACAC,IAAAA,2BAAW,EAACH;IACZ,OAAO,WAAW,GAAGI,IAAAA,eAAI,EAACJ,MAAMK,IAAI,EAAE,CAAC;AAC3C"}

package/lib-commonjs/components/InlineDrawer/useInlineDrawer.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useInlineDrawer_unstable", {
+    enumerable: true,
+    get: function() {
+        return useInlineDrawer_unstable;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactutilities = require("@fluentui/react-utilities");
+const _reactmotionpreview = require("@fluentui/react-motion-preview");
+const _useDrawerDefaultProps = require("../../shared/useDrawerDefaultProps");
+const useInlineDrawer_unstable = (props, ref)=>{
+    const { size, position, open } = (0, _useDrawerDefaultProps.useDrawerDefaultProps)(props);
+    const { separator = false } = props;
+    const motion = (0, _reactmotionpreview.useMotion)(open);
+    return {
+        components: {
+            root: 'div'
+        },
+        root: _reactutilities.slot.always((0, _reactutilities.getIntrinsicElementProps)('div', {
+            ...props,
+            ref: (0, _reactutilities.useMergedRefs)(ref, motion.ref)
+        }), {
+            elementType: 'div'
+        }),
+        size,
+        position,
+        separator,
+        motion
+    };
+};

package/lib-commonjs/components/InlineDrawer/useInlineDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useInlineDrawer.js"],"sourcesContent":["import * as React from 'react';\nimport { getIntrinsicElementProps, slot, useMergedRefs } from '@fluentui/react-utilities';\nimport { useMotion } from '@fluentui/react-motion-preview';\nimport { useDrawerDefaultProps } from '../../shared/useDrawerDefaultProps';\n/**\n * Create the state required to render InlineDrawer.\n *\n * The returned state can be modified with hooks such as useInlineDrawerStyles_unstable,\n * before being passed to renderInlineDrawer_unstable.\n *\n * @param props - props from this instance of InlineDrawer\n * @param ref - reference to root HTMLElement of InlineDrawer\n */ export const useInlineDrawer_unstable = (props, ref)=>{\n    const { size, position, open } = useDrawerDefaultProps(props);\n    const { separator = false } = props;\n    const motion = useMotion(open);\n    return {\n        components: {\n            root: 'div'\n        },\n        root: slot.always(getIntrinsicElementProps('div', {\n            ...props,\n            ref: useMergedRefs(ref, motion.ref)\n        }), {\n            elementType: 'div'\n        }),\n        size,\n        position,\n        separator,\n        motion\n    };\n};\n"],"names":["useInlineDrawer_unstable","props","ref","size","position","open","useDrawerDefaultProps","separator","motion","useMotion","components","root","slot","always","getIntrinsicElementProps","useMergedRefs","elementType"],"mappings":";;;;+BAYiBA;;;eAAAA;;;;iEAZM;gCACuC;oCACpC;uCACY;AAS3B,MAAMA,2BAA2B,CAACC,OAAOC;IAChD,MAAM,EAAEC,IAAI,EAAEC,QAAQ,EAAEC,IAAI,EAAE,GAAGC,IAAAA,4CAAqB,EAACL;IACvD,MAAM,EAAEM,YAAY,KAAK,EAAE,GAAGN;IAC9B,MAAMO,SAASC,IAAAA,6BAAS,EAACJ;IACzB,OAAO;QACHK,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,wCAAwB,EAAC,OAAO;YAC9C,GAAGb,KAAK;YACRC,KAAKa,IAAAA,6BAAa,EAACb,KAAKM,OAAON,GAAG;QACtC,IAAI;YACAc,aAAa;QACjB;QACAb;QACAC;QACAG;QACAC;IACJ;AACJ"}