@fluentui/react-accordion 9.2.0 → 9.3.1

package/lib-commonjs/components/Accordion/useAccordion.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useAccordion.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useControllableState, useEventCallback } from '@fluentui/react-utilities';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\n/**\n * Returns the props and state required to render the component\n * @param props - Accordion properties\n * @param ref - reference to root HTMLElement of Accordion\n */ export const useAccordion_unstable = (props, ref)=>{\n    const { openItems: controlledOpenItems , defaultOpenItems , multiple =false , collapsible =false , onToggle , navigation  } = props;\n    const [openItems, setOpenItems] = useControllableState({\n        state: React.useMemo(()=>normalizeValues(controlledOpenItems), [\n            controlledOpenItems\n        ]),\n        defaultState: ()=>initializeUncontrolledOpenItems({\n                defaultOpenItems,\n                multiple\n            }),\n        initialState: []\n    });\n    const arrowNavigationProps = useArrowNavigationGroup({\n        circular: navigation === 'circular',\n        tabbable: true\n    });\n    const requestToggle = useEventCallback((event, data)=>{\n        onToggle === null || onToggle === void 0 ? void 0 : onToggle(event, data);\n        setOpenItems((previousOpenItems)=>updateOpenItems(data.value, previousOpenItems, multiple, collapsible));\n    });\n    return {\n        collapsible,\n        navigation,\n        openItems,\n        requestToggle,\n        components: {\n            root: 'div'\n        },\n        root: getNativeElementProps('div', {\n            ...props,\n            ...navigation ? arrowNavigationProps : {},\n            ref\n        })\n    };\n};\n/**\n * Initial value for the uncontrolled case of the list of open indexes\n */ function initializeUncontrolledOpenItems({ defaultOpenItems , multiple  }) {\n    if (defaultOpenItems !== undefined) {\n        if (Array.isArray(defaultOpenItems)) {\n            return multiple ? defaultOpenItems : [\n                defaultOpenItems[0]\n            ];\n        }\n        return [\n            defaultOpenItems\n        ];\n    }\n    return [];\n}\n/**\n * Updates the list of open indexes based on an index that changes\n * @param value - the index that will change\n * @param previousOpenItems - list of current open indexes\n * @param multiple - if Accordion support multiple Panels opened at the same time\n * @param collapsible - if Accordion support multiple Panels closed at the same time\n */ function updateOpenItems(value, previousOpenItems, multiple, collapsible) {\n    if (multiple) {\n        if (previousOpenItems.includes(value)) {\n            if (previousOpenItems.length > 1 || collapsible) {\n                return previousOpenItems.filter((i)=>i !== value);\n            }\n        } else {\n            return [\n                ...previousOpenItems,\n                value\n            ].sort();\n        }\n    } else {\n        return previousOpenItems[0] === value && collapsible ? [] : [\n            value\n        ];\n    }\n    return previousOpenItems;\n}\n/**\n * Normalizes Accordion index into an array of indexes\n */ function normalizeValues(index) {\n    if (index === undefined) {\n        return undefined;\n    }\n    return Array.isArray(index) ? index : [\n        index\n    ];\n}\n"],"names":["useAccordion_unstable","props","ref","openItems","controlledOpenItems","defaultOpenItems","multiple","collapsible","onToggle","navigation","setOpenItems","useControllableState","state","React","useMemo","normalizeValues","defaultState","initializeUncontrolledOpenItems","initialState","arrowNavigationProps","useArrowNavigationGroup","circular","tabbable","requestToggle","useEventCallback","event","data","previousOpenItems","updateOpenItems","value","components","root","getNativeElementProps","undefined","Array","isArray","includes","length","filter","i","sort","index"],"mappings":";;;;+BAOiBA;;aAAAA;;;6DAPM;gCACuD;8BACtC;AAK7B,MAAMA,wBAAwB,CAACC,OAAOC,MAAM;IACnD,MAAM,EAAEC,WAAWC,oBAAmB,EAAGC,iBAAgB,EAAGC,UAAU,KAAK,CAAA,EAAGC,aAAa,KAAK,CAAA,EAAGC,SAAQ,EAAGC,WAAU,EAAG,GAAGR;IAC9H,MAAM,CAACE,WAAWO,aAAa,GAAGC,IAAAA,oCAAoB,EAAC;QACnDC,OAAOC,OAAMC,OAAO,CAAC,IAAIC,gBAAgBX,sBAAsB;YAC3DA;SACH;QACDY,cAAc,IAAIC,gCAAgC;gBAC1CZ;gBACAC;YACJ;QACJY,cAAc,EAAE;IACpB;IACA,MAAMC,uBAAuBC,IAAAA,qCAAuB,EAAC;QACjDC,UAAUZ,eAAe;QACzBa,UAAU,IAAI;IAClB;IACA,MAAMC,gBAAgBC,IAAAA,gCAAgB,EAAC,CAACC,OAAOC,OAAO;QAClDlB,aAAa,IAAI,IAAIA,aAAa,KAAK,IAAI,KAAK,IAAIA,SAASiB,OAAOC,KAAK;QACzEhB,aAAa,CAACiB,oBAAoBC,gBAAgBF,KAAKG,KAAK,EAAEF,mBAAmBrB,UAAUC;IAC/F;IACA,OAAO;QACHA;QACAE;QACAN;QACAoB;QACAO,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YAC/B,GAAG/B,KAAK;YACR,GAAGQ,aAAaU,uBAAuB,CAAC,CAAC;YACzCjB;QACJ;IACJ;AACJ;AACA;;CAEC,GAAG,SAASe,gCAAgC,EAAEZ,iBAAgB,EAAGC,SAAQ,EAAG,EAAE;IAC3E,IAAID,qBAAqB4B,WAAW;QAChC,IAAIC,MAAMC,OAAO,CAAC9B,mBAAmB;YACjC,OAAOC,WAAWD,mBAAmB;gBACjCA,gBAAgB,CAAC,EAAE;aACtB;QACL,CAAC;QACD,OAAO;YACHA;SACH;IACL,CAAC;IACD,OAAO,EAAE;AACb;AACA;;;;;;CAMC,GAAG,SAASuB,gBAAgBC,KAAK,EAAEF,iBAAiB,EAAErB,QAAQ,EAAEC,WAAW,EAAE;IAC1E,IAAID,UAAU;QACV,IAAIqB,kBAAkBS,QAAQ,CAACP,QAAQ;YACnC,IAAIF,kBAAkBU,MAAM,GAAG,KAAK9B,aAAa;gBAC7C,OAAOoB,kBAAkBW,MAAM,CAAC,CAACC,IAAIA,MAAMV;YAC/C,CAAC;QACL,OAAO;YACH,OAAO;mBACAF;gBACHE;aACH,CAACW,IAAI;QACV,CAAC;IACL,OAAO;QACH,OAAOb,iBAAiB,CAAC,EAAE,KAAKE,SAAStB,cAAc,EAAE,GAAG;YACxDsB;SACH;IACL,CAAC;IACD,OAAOF;AACX;AACA;;CAEC,GAAG,SAASZ,gBAAgB0B,KAAK,EAAE;IAChC,IAAIA,UAAUR,WAAW;QACrB,OAAOA;IACX,CAAC;IACD,OAAOC,MAAMC,OAAO,CAACM,SAASA,QAAQ;QAClCA;KACH;AACL"}
+{"version":3,"sources":["useAccordion.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useControllableState, useEventCallback, slot } from '@fluentui/react-utilities';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\n/**\n * Returns the props and state required to render the component\n * @param props - Accordion properties\n * @param ref - reference to root HTMLElement of Accordion\n */ export const useAccordion_unstable = (props, ref)=>{\n    const { openItems: controlledOpenItems , defaultOpenItems , multiple =false , collapsible =false , onToggle , navigation  } = props;\n    const [openItems, setOpenItems] = useControllableState({\n        state: React.useMemo(()=>normalizeValues(controlledOpenItems), [\n            controlledOpenItems\n        ]),\n        defaultState: ()=>initializeUncontrolledOpenItems({\n                defaultOpenItems,\n                multiple\n            }),\n        initialState: []\n    });\n    const arrowNavigationProps = useArrowNavigationGroup({\n        circular: navigation === 'circular',\n        tabbable: true\n    });\n    const requestToggle = useEventCallback((data)=>{\n        const nextOpenItems = updateOpenItems(data.value, openItems, multiple, collapsible);\n        onToggle === null || onToggle === void 0 ? void 0 : onToggle(data.event, {\n            value: data.value,\n            openItems: nextOpenItems\n        });\n        setOpenItems(nextOpenItems);\n    });\n    return {\n        collapsible,\n        multiple,\n        navigation,\n        openItems,\n        requestToggle,\n        components: {\n            root: 'div'\n        },\n        root: slot.always(getNativeElementProps('div', {\n            ...props,\n            ...navigation ? arrowNavigationProps : undefined,\n            ref\n        }), {\n            elementType: 'div'\n        })\n    };\n};\n/**\n * Initial value for the uncontrolled case of the list of open indexes\n */ function initializeUncontrolledOpenItems({ defaultOpenItems , multiple  }) {\n    if (defaultOpenItems !== undefined) {\n        if (Array.isArray(defaultOpenItems)) {\n            return multiple ? defaultOpenItems : [\n                defaultOpenItems[0]\n            ];\n        }\n        return [\n            defaultOpenItems\n        ];\n    }\n    return [];\n}\n/**\n * Updates the list of open indexes based on an index that changes\n * @param value - the index that will change\n * @param previousOpenItems - list of current open indexes\n * @param multiple - if Accordion support multiple Panels opened at the same time\n * @param collapsible - if Accordion support multiple Panels closed at the same time\n */ function updateOpenItems(value, previousOpenItems, multiple, collapsible) {\n    if (multiple) {\n        if (previousOpenItems.includes(value)) {\n            if (previousOpenItems.length > 1 || collapsible) {\n                return previousOpenItems.filter((i)=>i !== value);\n            }\n        } else {\n            return [\n                ...previousOpenItems,\n                value\n            ].sort();\n        }\n    } else {\n        return previousOpenItems[0] === value && collapsible ? [] : [\n            value\n        ];\n    }\n    return previousOpenItems;\n}\n/**\n * Normalizes Accordion index into an array of indexes\n */ function normalizeValues(index) {\n    if (index === undefined) {\n        return undefined;\n    }\n    return Array.isArray(index) ? index : [\n        index\n    ];\n}\n"],"names":["useAccordion_unstable","props","ref","openItems","controlledOpenItems","defaultOpenItems","multiple","collapsible","onToggle","navigation","setOpenItems","useControllableState","state","React","useMemo","normalizeValues","defaultState","initializeUncontrolledOpenItems","initialState","arrowNavigationProps","useArrowNavigationGroup","circular","tabbable","requestToggle","useEventCallback","data","nextOpenItems","updateOpenItems","value","event","components","root","slot","always","getNativeElementProps","undefined","elementType","Array","isArray","previousOpenItems","includes","length","filter","i","sort","index"],"mappings":";;;;+BAOiBA;;aAAAA;;;6DAPM;gCAC6D;8BAC5C;AAK7B,MAAMA,wBAAwB,CAACC,OAAOC,MAAM;IACnD,MAAM,EAAEC,WAAWC,oBAAmB,EAAGC,iBAAgB,EAAGC,UAAU,KAAK,CAAA,EAAGC,aAAa,KAAK,CAAA,EAAGC,SAAQ,EAAGC,WAAU,EAAG,GAAGR;IAC9H,MAAM,CAACE,WAAWO,aAAa,GAAGC,IAAAA,oCAAoB,EAAC;QACnDC,OAAOC,OAAMC,OAAO,CAAC,IAAIC,gBAAgBX,sBAAsB;YAC3DA;SACH;QACDY,cAAc,IAAIC,gCAAgC;gBAC1CZ;gBACAC;YACJ;QACJY,cAAc,EAAE;IACpB;IACA,MAAMC,uBAAuBC,IAAAA,qCAAuB,EAAC;QACjDC,UAAUZ,eAAe;QACzBa,UAAU,IAAI;IAClB;IACA,MAAMC,gBAAgBC,IAAAA,gCAAgB,EAAC,CAACC,OAAO;QAC3C,MAAMC,gBAAgBC,gBAAgBF,KAAKG,KAAK,EAAEzB,WAAWG,UAAUC;QACvEC,aAAa,IAAI,IAAIA,aAAa,KAAK,IAAI,KAAK,IAAIA,SAASiB,KAAKI,KAAK,EAAE;YACrED,OAAOH,KAAKG,KAAK;YACjBzB,WAAWuB;QACf,EAAE;QACFhB,aAAagB;IACjB;IACA,OAAO;QACHnB;QACAD;QACAG;QACAN;QACAoB;QACAO,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAAC,OAAO;YAC3C,GAAGjC,KAAK;YACR,GAAGQ,aAAaU,uBAAuBgB,SAAS;YAChDjC;QACJ,IAAI;YACAkC,aAAa;QACjB;IACJ;AACJ;AACA;;CAEC,GAAG,SAASnB,gCAAgC,EAAEZ,iBAAgB,EAAGC,SAAQ,EAAG,EAAE;IAC3E,IAAID,qBAAqB8B,WAAW;QAChC,IAAIE,MAAMC,OAAO,CAACjC,mBAAmB;YACjC,OAAOC,WAAWD,mBAAmB;gBACjCA,gBAAgB,CAAC,EAAE;aACtB;QACL,CAAC;QACD,OAAO;YACHA;SACH;IACL,CAAC;IACD,OAAO,EAAE;AACb;AACA;;;;;;CAMC,GAAG,SAASsB,gBAAgBC,KAAK,EAAEW,iBAAiB,EAAEjC,QAAQ,EAAEC,WAAW,EAAE;IAC1E,IAAID,UAAU;QACV,IAAIiC,kBAAkBC,QAAQ,CAACZ,QAAQ;YACnC,IAAIW,kBAAkBE,MAAM,GAAG,KAAKlC,aAAa;gBAC7C,OAAOgC,kBAAkBG,MAAM,CAAC,CAACC,IAAIA,MAAMf;YAC/C,CAAC;QACL,OAAO;YACH,OAAO;mBACAW;gBACHX;aACH,CAACgB,IAAI;QACV,CAAC;IACL,OAAO;QACH,OAAOL,iBAAiB,CAAC,EAAE,KAAKX,SAASrB,cAAc,EAAE,GAAG;YACxDqB;SACH;IACL,CAAC;IACD,OAAOW;AACX;AACA;;CAEC,GAAG,SAASxB,gBAAgB8B,KAAK,EAAE;IAChC,IAAIA,UAAUV,WAAW;QACrB,OAAOA;IACX,CAAC;IACD,OAAOE,MAAMC,OAAO,CAACO,SAASA,QAAQ;QAClCA;KACH;AACL"}

package/lib-commonjs/components/Accordion/useAccordionContextValues.js

@@ -7,13 +7,14 @@ Object.defineProperty(exports, "useAccordionContextValues_unstable", {
     get: ()=>useAccordionContextValues_unstable
 });
 function useAccordionContextValues_unstable(state) {
-    const { navigation , openItems , requestToggle , collapsible  } = state;
+    const { navigation , openItems , requestToggle , multiple , collapsible  } = state;
     // This context is created with "@fluentui/react-context-selector", these is no sense to memoize it
     const accordion = {
         navigation,
         openItems,
         requestToggle,
-        collapsible
+        collapsible,
+        multiple
     };
     return {
         accordion

package/lib-commonjs/components/Accordion/useAccordionContextValues.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useAccordionContextValues.js"],"sourcesContent":["export function useAccordionContextValues_unstable(state) {\n    const { navigation , openItems , requestToggle , collapsible  } = state;\n    // This context is created with \"@fluentui/react-context-selector\", these is no sense to memoize it\n    const accordion = {\n        navigation,\n        openItems,\n        requestToggle,\n        collapsible\n    };\n    return {\n        accordion\n    };\n}\n"],"names":["useAccordionContextValues_unstable","state","navigation","openItems","requestToggle","collapsible","accordion"],"mappings":";;;;+BAAgBA;;aAAAA;;AAAT,SAASA,mCAAmCC,KAAK,EAAE;IACtD,MAAM,EAAEC,WAAU,EAAGC,UAAS,EAAGC,cAAa,EAAGC,YAAW,EAAG,GAAGJ;IAClE,mGAAmG;IACnG,MAAMK,YAAY;QACdJ;QACAC;QACAC;QACAC;IACJ;IACA,OAAO;QACHC;IACJ;AACJ"}
+{"version":3,"sources":["useAccordionContextValues.js"],"sourcesContent":["export function useAccordionContextValues_unstable(state) {\n    const { navigation , openItems , requestToggle , multiple , collapsible  } = state;\n    // This context is created with \"@fluentui/react-context-selector\", these is no sense to memoize it\n    const accordion = {\n        navigation,\n        openItems,\n        requestToggle,\n        collapsible,\n        multiple\n    };\n    return {\n        accordion\n    };\n}\n"],"names":["useAccordionContextValues_unstable","state","navigation","openItems","requestToggle","multiple","collapsible","accordion"],"mappings":";;;;+BAAgBA;;aAAAA;;AAAT,SAASA,mCAAmCC,KAAK,EAAE;IACtD,MAAM,EAAEC,WAAU,EAAGC,UAAS,EAAGC,cAAa,EAAGC,SAAQ,EAAGC,YAAW,EAAG,GAAGL;IAC7E,mGAAmG;IACnG,MAAMM,YAAY;QACdL;QACAC;QACAC;QACAE;QACAD;IACJ;IACA,OAAO;QACHE;IACJ;AACJ"}

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

@@ -9,4 +9,3 @@ _exportStar(require("./renderAccordionHeader"), exports);
 _exportStar(require("./useAccordionHeader"), exports);
 _exportStar(require("./useAccordionHeaderContextValues"), exports);
 _exportStar(require("./useAccordionHeaderStyles.styles"), exports);
-_exportStar(require("./AccordionHeaderContext"), exports);

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './AccordionHeader';\nexport * from './AccordionHeader.types';\nexport * from './renderAccordionHeader';\nexport * from './useAccordionHeader';\nexport * from './useAccordionHeaderContextValues';\nexport * from './useAccordionHeaderStyles.styles';\nexport * from './AccordionHeaderContext';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './AccordionHeader';\nexport * from './AccordionHeader.types';\nexport * from './renderAccordionHeader';\nexport * from './useAccordionHeader';\nexport * from './useAccordionHeaderContextValues';\nexport * from './useAccordionHeaderStyles.styles';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA"}

package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js

@@ -8,10 +8,10 @@ Object.defineProperty(exports, "renderAccordionHeader_unstable", {
 });
 const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
 const _reactUtilities = require("@fluentui/react-utilities");
-const _accordionHeaderContext = require("./AccordionHeaderContext");
+const _accordionHeader = require("../../contexts/accordionHeader");
 const renderAccordionHeader_unstable = (state, contextValues)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
-    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_accordionHeaderContext.AccordionHeaderContext.Provider, {
+    (0, _reactUtilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_accordionHeader.AccordionHeaderProvider, {
         value: contextValues.accordionHeader
-    }, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.button, slotProps.button, state.expandIconPosition === 'start' && slots.expandIcon && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.expandIcon, slotProps.expandIcon), slots.icon && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.icon, slotProps.icon), slotProps.root.children, state.expandIconPosition === 'end' && slots.expandIcon && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.expandIcon, slotProps.expandIcon))));
+    }, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.button, null, state.expandIconPosition === 'start' && state.expandIcon && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.expandIcon, null), state.icon && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.icon, null), state.root.children, state.expandIconPosition === 'end' && state.expandIcon && /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.expandIcon, null))));
 };

package/lib-commonjs/components/AccordionHeader/renderAccordionHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderAccordionHeader.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { AccordionHeaderContext } from './AccordionHeaderContext';\n/**\n * Function that renders the final JSX of the component\n */ export const renderAccordionHeader_unstable = (state, contextValues)=>{\n    const { slots , slotProps  } = getSlotsNext(state);\n    return /*#__PURE__*/ createElement(AccordionHeaderContext.Provider, {\n        value: contextValues.accordionHeader\n    }, /*#__PURE__*/ createElement(slots.root, slotProps.root, /*#__PURE__*/ createElement(slots.button, slotProps.button, state.expandIconPosition === 'start' && slots.expandIcon && /*#__PURE__*/ createElement(slots.expandIcon, slotProps.expandIcon), slots.icon && /*#__PURE__*/ createElement(slots.icon, slotProps.icon), slotProps.root.children, state.expandIconPosition === 'end' && slots.expandIcon && /*#__PURE__*/ createElement(slots.expandIcon, slotProps.expandIcon))));\n};\n"],"names":["renderAccordionHeader_unstable","state","contextValues","slots","slotProps","getSlotsNext","createElement","AccordionHeaderContext","Provider","value","accordionHeader","root","button","expandIconPosition","expandIcon","icon","children"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKjCA;;aAAAA;;iCALkE;gCACtD;wCACU;AAG5B,MAAMA,iCAAiC,CAACC,OAAOC,gBAAgB;IACtE,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACJ;IAC5C,OAAO,WAAW,GAAGK,IAAAA,8BAAa,EAACC,8CAAsB,CAACC,QAAQ,EAAE;QAChEC,OAAOP,cAAcQ,eAAe;IACxC,GAAG,WAAW,GAAGJ,IAAAA,8BAAa,EAACH,MAAMQ,IAAI,EAAEP,UAAUO,IAAI,EAAE,WAAW,GAAGL,IAAAA,8BAAa,EAACH,MAAMS,MAAM,EAAER,UAAUQ,MAAM,EAAEX,MAAMY,kBAAkB,KAAK,WAAWV,MAAMW,UAAU,IAAI,WAAW,GAAGR,IAAAA,8BAAa,EAACH,MAAMW,UAAU,EAAEV,UAAUU,UAAU,GAAGX,MAAMY,IAAI,IAAI,WAAW,GAAGT,IAAAA,8BAAa,EAACH,MAAMY,IAAI,EAAEX,UAAUW,IAAI,GAAGX,UAAUO,IAAI,CAACK,QAAQ,EAAEf,MAAMY,kBAAkB,KAAK,SAASV,MAAMW,UAAU,IAAI,WAAW,GAAGR,IAAAA,8BAAa,EAACH,MAAMW,UAAU,EAAEV,UAAUU,UAAU;AACxd"}
+{"version":3,"sources":["renderAccordionHeader.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { AccordionHeaderProvider } from '../../contexts/accordionHeader';\n/**\n * Function that renders the final JSX of the component\n */ export const renderAccordionHeader_unstable = (state, contextValues)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ createElement(AccordionHeaderProvider, {\n        value: contextValues.accordionHeader\n    }, /*#__PURE__*/ createElement(state.root, null, /*#__PURE__*/ createElement(state.button, null, state.expandIconPosition === 'start' && state.expandIcon && /*#__PURE__*/ createElement(state.expandIcon, null), state.icon && /*#__PURE__*/ createElement(state.icon, null), state.root.children, state.expandIconPosition === 'end' && state.expandIcon && /*#__PURE__*/ createElement(state.expandIcon, null))));\n};\n"],"names":["renderAccordionHeader_unstable","state","contextValues","assertSlots","createElement","AccordionHeaderProvider","value","accordionHeader","root","button","expandIconPosition","expandIcon","icon","children"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKjCA;;aAAAA;;iCALkE;gCACvD;iCACY;AAG7B,MAAMA,iCAAiC,CAACC,OAAOC,gBAAgB;IACtEC,IAAAA,2BAAW,EAACF;IACZ,OAAO,WAAW,GAAGG,IAAAA,8BAAa,EAACC,wCAAuB,EAAE;QACxDC,OAAOJ,cAAcK,eAAe;IACxC,GAAG,WAAW,GAAGH,IAAAA,8BAAa,EAACH,MAAMO,IAAI,EAAE,IAAI,EAAE,WAAW,GAAGJ,IAAAA,8BAAa,EAACH,MAAMQ,MAAM,EAAE,IAAI,EAAER,MAAMS,kBAAkB,KAAK,WAAWT,MAAMU,UAAU,IAAI,WAAW,GAAGP,IAAAA,8BAAa,EAACH,MAAMU,UAAU,EAAE,IAAI,GAAGV,MAAMW,IAAI,IAAI,WAAW,GAAGR,IAAAA,8BAAa,EAACH,MAAMW,IAAI,EAAE,IAAI,GAAGX,MAAMO,IAAI,CAACK,QAAQ,EAAEZ,MAAMS,kBAAkB,KAAK,SAAST,MAAMU,UAAU,IAAI,WAAW,GAAGP,IAAAA,8BAAa,EAACH,MAAMU,UAAU,EAAE,IAAI;AACpZ"}

package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js

@@ -9,18 +9,19 @@ Object.defineProperty(exports, "useAccordionHeader_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 _index = require("../AccordionItem/index");
 const _reactAria = require("@fluentui/react-aria");
-const _accordionContext = require("../Accordion/AccordionContext");
+const _accordion = require("../../contexts/accordion");
 const _reactIcons = require("@fluentui/react-icons");
 const _reactSharedContexts = require("@fluentui/react-shared-contexts");
+const _accordionItem = require("../../contexts/accordionItem");
 const useAccordionHeader_unstable = (props, ref)=>{
     const { as , icon , button , expandIcon , inline =false , size ='medium' , expandIconPosition ='start'  } = props;
-    const { onHeaderClick: onAccordionHeaderClick , disabled , open  } = (0, _index.useAccordionItemContext_unstable)();
+    const { value , disabled , open  } = (0, _accordionItem.useAccordionItemContext_unstable)();
+    const requestToggle = (0, _accordion.useAccordionContext_unstable)((ctx)=>ctx.requestToggle);
     /**
    * force disabled state on button if accordion isn't collapsible
    * and this is the only item opened
-   */ const disabledFocusable = (0, _accordionContext.useAccordionContext_unstable)((ctx)=>!ctx.collapsible && ctx.openItems.length === 1 && open);
+   */ const disabledFocusable = (0, _accordion.useAccordionContext_unstable)((ctx)=>!ctx.collapsible && ctx.openItems.length === 1 && open);
     const { dir  } = (0, _reactSharedContexts.useFluent_unstable)();
     // Calculate how to rotate the expand icon [>] (ChevronRightRegular)
     let expandIconRotation;
@@ -43,13 +44,17 @@ const useAccordionHeader_unstable = (props, ref)=>{
             expandIcon: 'span',
             icon: 'div'
         },
-        root: (0, _reactUtilities.getNativeElementProps)(as || 'div', {
+        root: _reactUtilities.slot.always((0, _reactUtilities.getNativeElementProps)(as || 'div', {
             ref,
             ...props
+        }), {
+            elementType: 'div'
         }),
-        icon: (0, _reactUtilities.resolveShorthand)(icon),
-        expandIcon: (0, _reactUtilities.resolveShorthand)(expandIcon, {
-            required: true,
+        icon: _reactUtilities.slot.optional(icon, {
+            elementType: 'div'
+        }),
+        expandIcon: _reactUtilities.slot.optional(expandIcon, {
+            renderByDefault: true,
             defaultProps: {
                 children: /*#__PURE__*/ _react.createElement(_reactIcons.ChevronRightRegular, {
                     style: {
@@ -57,9 +62,10 @@ const useAccordionHeader_unstable = (props, ref)=>{
                     }
                 }),
                 'aria-hidden': true
-            }
+            },
+            elementType: 'span'
         }),
-        button: (0, _reactUtilities.resolveShorthand)({
+        button: _reactUtilities.slot.always({
             ...(0, _reactAria.useARIAButtonShorthand)(button, {
                 required: true,
                 defaultProps: {
@@ -69,17 +75,20 @@ const useAccordionHeader_unstable = (props, ref)=>{
                     type: 'button'
                 }
             }),
-            onClick: (0, _reactUtilities.useEventCallback)((ev)=>{
+            onClick: (0, _reactUtilities.useEventCallback)((event)=>{
                 if ((0, _reactUtilities.isResolvedShorthand)(button)) {
                     var _button_onClick;
-                    (_button_onClick = button.onClick) === null || _button_onClick === void 0 ? void 0 : _button_onClick.call(button, ev);
+                    (_button_onClick = button.onClick) === null || _button_onClick === void 0 ? void 0 : _button_onClick.call(button, event);
                 }
-                if (!ev.defaultPrevented) {
-                    onAccordionHeaderClick(ev);
+                if (!event.defaultPrevented) {
+                    requestToggle({
+                        value,
+                        event
+                    });
                 }
             })
         }, {
-            required: true
+            elementType: 'button'
         })
     };
 };

package/lib-commonjs/components/AccordionHeader/useAccordionHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useAccordionHeader.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, isResolvedShorthand, resolveShorthand, useEventCallback } from '@fluentui/react-utilities';\nimport { useAccordionItemContext_unstable } from '../AccordionItem/index';\nimport { useARIAButtonShorthand } from '@fluentui/react-aria';\nimport { useAccordionContext_unstable } from '../Accordion/AccordionContext';\nimport { ChevronRightRegular } from '@fluentui/react-icons';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionHeader properties\n * @param ref - reference to root HTMLElement of AccordionHeader\n */ export const useAccordionHeader_unstable = (props, ref)=>{\n    const { as , icon , button , expandIcon , inline =false , size ='medium' , expandIconPosition ='start'  } = props;\n    const { onHeaderClick: onAccordionHeaderClick , disabled , open  } = useAccordionItemContext_unstable();\n    /**\n   * force disabled state on button if accordion isn't collapsible\n   * and this is the only item opened\n   */ const disabledFocusable = useAccordionContext_unstable((ctx)=>!ctx.collapsible && ctx.openItems.length === 1 && open);\n    const { dir  } = useFluent();\n    // Calculate how to rotate the expand icon [>] (ChevronRightRegular)\n    let expandIconRotation;\n    if (expandIconPosition === 'end') {\n        // If expand icon is at the end, the chevron points up [^] when open, and down [v] when closed\n        expandIconRotation = open ? -90 : 90;\n    } else {\n        // Otherwise, the chevron points down [v] when open, and right [>] (or left [<] in RTL) when closed\n        expandIconRotation = open ? 90 : dir !== 'rtl' ? 0 : 180;\n    }\n    return {\n        disabled,\n        open,\n        size,\n        inline,\n        expandIconPosition,\n        components: {\n            root: 'div',\n            button: 'button',\n            expandIcon: 'span',\n            icon: 'div'\n        },\n        root: getNativeElementProps(as || 'div', {\n            ref,\n            ...props\n        }),\n        icon: resolveShorthand(icon),\n        expandIcon: resolveShorthand(expandIcon, {\n            required: true,\n            defaultProps: {\n                children: /*#__PURE__*/ React.createElement(ChevronRightRegular, {\n                    style: {\n                        transform: `rotate(${expandIconRotation}deg)`\n                    }\n                }),\n                'aria-hidden': true\n            }\n        }),\n        button: resolveShorthand({\n            ...useARIAButtonShorthand(button, {\n                required: true,\n                defaultProps: {\n                    disabled,\n                    disabledFocusable,\n                    'aria-expanded': open,\n                    type: 'button'\n                }\n            }),\n            onClick: useEventCallback((ev)=>{\n                if (isResolvedShorthand(button)) {\n                    var _button_onClick;\n                    (_button_onClick = button.onClick) === null || _button_onClick === void 0 ? void 0 : _button_onClick.call(button, ev);\n                }\n                if (!ev.defaultPrevented) {\n                    onAccordionHeaderClick(ev);\n                }\n            })\n        }, {\n            required: true\n        })\n    };\n};\n"],"names":["useAccordionHeader_unstable","props","ref","as","icon","button","expandIcon","inline","size","expandIconPosition","onHeaderClick","onAccordionHeaderClick","disabled","open","useAccordionItemContext_unstable","disabledFocusable","useAccordionContext_unstable","ctx","collapsible","openItems","length","dir","useFluent","expandIconRotation","components","root","getNativeElementProps","resolveShorthand","required","defaultProps","children","React","createElement","ChevronRightRegular","style","transform","useARIAButtonShorthand","type","onClick","useEventCallback","ev","isResolvedShorthand","_button_onClick","call","defaultPrevented"],"mappings":";;;;+BAWiBA;;aAAAA;;;6DAXM;gCACwE;uBAC9C;2BACV;kCACM;4BACT;qCACY;AAKrC,MAAMA,8BAA8B,CAACC,OAAOC,MAAM;IACzD,MAAM,EAAEC,GAAE,EAAGC,KAAI,EAAGC,OAAM,EAAGC,WAAU,EAAGC,QAAQ,KAAK,CAAA,EAAGC,MAAM,SAAQ,EAAGC,oBAAoB,QAAO,EAAG,GAAGR;IAC5G,MAAM,EAAES,eAAeC,uBAAsB,EAAGC,SAAQ,EAAGC,KAAI,EAAG,GAAGC,IAAAA,uCAAgC;IACrG;;;GAGD,GAAG,MAAMC,oBAAoBC,IAAAA,8CAA4B,EAAC,CAACC,MAAM,CAACA,IAAIC,WAAW,IAAID,IAAIE,SAAS,CAACC,MAAM,KAAK,KAAKP;IAClH,MAAM,EAAEQ,IAAG,EAAG,GAAGC,IAAAA,uCAAS;IAC1B,oEAAoE;IACpE,IAAIC;IACJ,IAAId,uBAAuB,OAAO;QAC9B,8FAA8F;QAC9Fc,qBAAqBV,OAAO,CAAC,KAAK,EAAE;IACxC,OAAO;QACH,mGAAmG;QACnGU,qBAAqBV,OAAO,KAAKQ,QAAQ,QAAQ,IAAI,GAAG;IAC5D,CAAC;IACD,OAAO;QACHT;QACAC;QACAL;QACAD;QACAE;QACAe,YAAY;YACRC,MAAM;YACNpB,QAAQ;YACRC,YAAY;YACZF,MAAM;QACV;QACAqB,MAAMC,IAAAA,qCAAqB,EAACvB,MAAM,OAAO;YACrCD;YACA,GAAGD,KAAK;QACZ;QACAG,MAAMuB,IAAAA,gCAAgB,EAACvB;QACvBE,YAAYqB,IAAAA,gCAAgB,EAACrB,YAAY;YACrCsB,UAAU,IAAI;YACdC,cAAc;gBACVC,UAAU,WAAW,GAAGC,OAAMC,aAAa,CAACC,+BAAmB,EAAE;oBAC7DC,OAAO;wBACHC,WAAW,CAAC,OAAO,EAAEZ,mBAAmB,IAAI,CAAC;oBACjD;gBACJ;gBACA,eAAe,IAAI;YACvB;QACJ;QACAlB,QAAQsB,IAAAA,gCAAgB,EAAC;YACrB,GAAGS,IAAAA,iCAAsB,EAAC/B,QAAQ;gBAC9BuB,UAAU,IAAI;gBACdC,cAAc;oBACVjB;oBACAG;oBACA,iBAAiBF;oBACjBwB,MAAM;gBACV;YACJ,EAAE;YACFC,SAASC,IAAAA,gCAAgB,EAAC,CAACC,KAAK;gBAC5B,IAAIC,IAAAA,mCAAmB,EAACpC,SAAS;oBAC7B,IAAIqC;oBACHA,CAAAA,kBAAkBrC,OAAOiC,OAAO,AAAD,MAAO,IAAI,IAAII,oBAAoB,KAAK,IAAI,KAAK,IAAIA,gBAAgBC,IAAI,CAACtC,QAAQmC,GAAG;gBACzH,CAAC;gBACD,IAAI,CAACA,GAAGI,gBAAgB,EAAE;oBACtBjC,uBAAuB6B;gBAC3B,CAAC;YACL;QACJ,GAAG;YACCZ,UAAU,IAAI;QAClB;IACJ;AACJ"}
+{"version":3,"sources":["useAccordionHeader.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, isResolvedShorthand, useEventCallback, slot } from '@fluentui/react-utilities';\nimport { useARIAButtonShorthand } from '@fluentui/react-aria';\nimport { useAccordionContext_unstable } from '../../contexts/accordion';\nimport { ChevronRightRegular } from '@fluentui/react-icons';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { useAccordionItemContext_unstable } from '../../contexts/accordionItem';\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionHeader properties\n * @param ref - reference to root HTMLElement of AccordionHeader\n */ export const useAccordionHeader_unstable = (props, ref)=>{\n    const { as , icon , button , expandIcon , inline =false , size ='medium' , expandIconPosition ='start'  } = props;\n    const { value , disabled , open  } = useAccordionItemContext_unstable();\n    const requestToggle = useAccordionContext_unstable((ctx)=>ctx.requestToggle);\n    /**\n   * force disabled state on button if accordion isn't collapsible\n   * and this is the only item opened\n   */ const disabledFocusable = useAccordionContext_unstable((ctx)=>!ctx.collapsible && ctx.openItems.length === 1 && open);\n    const { dir  } = useFluent();\n    // Calculate how to rotate the expand icon [>] (ChevronRightRegular)\n    let expandIconRotation;\n    if (expandIconPosition === 'end') {\n        // If expand icon is at the end, the chevron points up [^] when open, and down [v] when closed\n        expandIconRotation = open ? -90 : 90;\n    } else {\n        // Otherwise, the chevron points down [v] when open, and right [>] (or left [<] in RTL) when closed\n        expandIconRotation = open ? 90 : dir !== 'rtl' ? 0 : 180;\n    }\n    return {\n        disabled,\n        open,\n        size,\n        inline,\n        expandIconPosition,\n        components: {\n            root: 'div',\n            button: 'button',\n            expandIcon: 'span',\n            icon: 'div'\n        },\n        root: slot.always(getNativeElementProps(as || 'div', {\n            ref,\n            ...props\n        }), {\n            elementType: 'div'\n        }),\n        icon: slot.optional(icon, {\n            elementType: 'div'\n        }),\n        expandIcon: slot.optional(expandIcon, {\n            renderByDefault: true,\n            defaultProps: {\n                children: /*#__PURE__*/ React.createElement(ChevronRightRegular, {\n                    style: {\n                        transform: `rotate(${expandIconRotation}deg)`\n                    }\n                }),\n                'aria-hidden': true\n            },\n            elementType: 'span'\n        }),\n        button: slot.always({\n            ...useARIAButtonShorthand(button, {\n                required: true,\n                defaultProps: {\n                    disabled,\n                    disabledFocusable,\n                    'aria-expanded': open,\n                    type: 'button'\n                }\n            }),\n            onClick: useEventCallback((event)=>{\n                if (isResolvedShorthand(button)) {\n                    var _button_onClick;\n                    (_button_onClick = button.onClick) === null || _button_onClick === void 0 ? void 0 : _button_onClick.call(button, event);\n                }\n                if (!event.defaultPrevented) {\n                    requestToggle({\n                        value,\n                        event\n                    });\n                }\n            })\n        }, {\n            elementType: 'button'\n        })\n    };\n};\n"],"names":["useAccordionHeader_unstable","props","ref","as","icon","button","expandIcon","inline","size","expandIconPosition","value","disabled","open","useAccordionItemContext_unstable","requestToggle","useAccordionContext_unstable","ctx","disabledFocusable","collapsible","openItems","length","dir","useFluent","expandIconRotation","components","root","slot","always","getNativeElementProps","elementType","optional","renderByDefault","defaultProps","children","React","createElement","ChevronRightRegular","style","transform","useARIAButtonShorthand","required","type","onClick","useEventCallback","event","isResolvedShorthand","_button_onClick","call","defaultPrevented"],"mappings":";;;;+BAWiBA;;aAAAA;;;6DAXM;gCAC4D;2BAC5C;2BACM;4BACT;qCACY;+BACC;AAKtC,MAAMA,8BAA8B,CAACC,OAAOC,MAAM;IACzD,MAAM,EAAEC,GAAE,EAAGC,KAAI,EAAGC,OAAM,EAAGC,WAAU,EAAGC,QAAQ,KAAK,CAAA,EAAGC,MAAM,SAAQ,EAAGC,oBAAoB,QAAO,EAAG,GAAGR;IAC5G,MAAM,EAAES,MAAK,EAAGC,SAAQ,EAAGC,KAAI,EAAG,GAAGC,IAAAA,+CAAgC;IACrE,MAAMC,gBAAgBC,IAAAA,uCAA4B,EAAC,CAACC,MAAMA,IAAIF,aAAa;IAC3E;;;GAGD,GAAG,MAAMG,oBAAoBF,IAAAA,uCAA4B,EAAC,CAACC,MAAM,CAACA,IAAIE,WAAW,IAAIF,IAAIG,SAAS,CAACC,MAAM,KAAK,KAAKR;IAClH,MAAM,EAAES,IAAG,EAAG,GAAGC,IAAAA,uCAAS;IAC1B,oEAAoE;IACpE,IAAIC;IACJ,IAAId,uBAAuB,OAAO;QAC9B,8FAA8F;QAC9Fc,qBAAqBX,OAAO,CAAC,KAAK,EAAE;IACxC,OAAO;QACH,mGAAmG;QACnGW,qBAAqBX,OAAO,KAAKS,QAAQ,QAAQ,IAAI,GAAG;IAC5D,CAAC;IACD,OAAO;QACHV;QACAC;QACAJ;QACAD;QACAE;QACAe,YAAY;YACRC,MAAM;YACNpB,QAAQ;YACRC,YAAY;YACZF,MAAM;QACV;QACAqB,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAACzB,MAAM,OAAO;YACjDD;YACA,GAAGD,KAAK;QACZ,IAAI;YACA4B,aAAa;QACjB;QACAzB,MAAMsB,oBAAI,CAACI,QAAQ,CAAC1B,MAAM;YACtByB,aAAa;QACjB;QACAvB,YAAYoB,oBAAI,CAACI,QAAQ,CAACxB,YAAY;YAClCyB,iBAAiB,IAAI;YACrBC,cAAc;gBACVC,UAAU,WAAW,GAAGC,OAAMC,aAAa,CAACC,+BAAmB,EAAE;oBAC7DC,OAAO;wBACHC,WAAW,CAAC,OAAO,EAAEf,mBAAmB,IAAI,CAAC;oBACjD;gBACJ;gBACA,eAAe,IAAI;YACvB;YACAM,aAAa;QACjB;QACAxB,QAAQqB,oBAAI,CAACC,MAAM,CAAC;YAChB,GAAGY,IAAAA,iCAAsB,EAAClC,QAAQ;gBAC9BmC,UAAU,IAAI;gBACdR,cAAc;oBACVrB;oBACAM;oBACA,iBAAiBL;oBACjB6B,MAAM;gBACV;YACJ,EAAE;YACFC,SAASC,IAAAA,gCAAgB,EAAC,CAACC,QAAQ;gBAC/B,IAAIC,IAAAA,mCAAmB,EAACxC,SAAS;oBAC7B,IAAIyC;oBACHA,CAAAA,kBAAkBzC,OAAOqC,OAAO,AAAD,MAAO,IAAI,IAAII,oBAAoB,KAAK,IAAI,KAAK,IAAIA,gBAAgBC,IAAI,CAAC1C,QAAQuC,MAAM;gBAC5H,CAAC;gBACD,IAAI,CAACA,MAAMI,gBAAgB,EAAE;oBACzBlC,cAAc;wBACVJ;wBACAkC;oBACJ;gBACJ,CAAC;YACL;QACJ,GAAG;YACCf,aAAa;QACjB;IACJ;AACJ"}

package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.styles.js

@@ -344,8 +344,8 @@ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ".f1ng84yb{padding-left:var(--spacingHorizontalMNudge);}",
         ".f11gcy0p{padding-right:var(--spacingHorizontalMNudge);}",
         ".f5pgtk9{min-height:44px;}",
-        ".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}",
-        ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}",
+        ".f22iagw{display:flex;}",
+        ".f122n59{align-items:center;}",
         ".f1k6fduh{cursor:pointer;}",
         ".fk6fouc{font-family:var(--fontFamilyBase);}",
         ".fkhj508{font-size:var(--fontSizeBase300);}",
@@ -358,14 +358,14 @@ const useStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ".fod5ikn{font-size:var(--fontSizeBase400);}",
         ".f106mvju{line-height:var(--lineHeightBase500);}",
         ".f1pp30po{font-size:var(--fontSizeBase500);}",
-        ".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}",
+        ".ftuwxu6{display:inline-flex;}",
         ".f1l02sjl{height:100%;}",
         ".f1vdfbxk{padding-right:var(--spacingHorizontalS);}",
         ".f1f5gg8d{padding-left:var(--spacingHorizontalS);}",
-        ".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}",
-        ".f1neuvcm{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}",
-        ".flqd7gy{-webkit-flex-basis:0%;-ms-flex-preferred-size:0%;flex-basis:0%;}",
-        ".f9c4gz4{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;}"
+        ".fqerorx{flex-grow:1;}",
+        ".f1neuvcm{flex-shrink:1;}",
+        ".flqd7gy{flex-basis:0%;}",
+        ".f9c4gz4{justify-content:flex-end;}"
     ],
     f: [
         ".ftqa4ok:focus{outline-style:none;}"

package/lib-commonjs/components/AccordionHeader/useAccordionHeaderStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useAccordionHeaderStyles.styles.js"],"sourcesContent":["import { shorthands, __styles, mergeClasses } from '@griffel/react';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const accordionHeaderClassNames = {\n  root: 'fui-AccordionHeader',\n  button: 'fui-AccordionHeader__button',\n  expandIcon: 'fui-AccordionHeader__expandIcon',\n  icon: 'fui-AccordionHeader__icon'\n};\nconst useStyles = /*#__PURE__*/__styles({\n  resetButton: {\n    B7ck84d: \"f1e4lqlz\",\n    De3pzq: \"f1u2r49w\",\n    sj55zd: \"f1ym3bx4\",\n    Bahqtrf: \"f1mo0ibp\",\n    Be2twd7: \"fjoy568\",\n    Bg96gwp: \"fytdu2e\",\n    B68tc82: \"f1mtd64y\",\n    Bmxbyg5: \"f1y7q3j9\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1cnd47f\", \"fhxju0i\"],\n    Bv0vk6g: \"f37px4s\",\n    fsow6f: \"fgusgyc\"\n  },\n  focusIndicator: {\n    Brovlpu: \"ftqa4ok\",\n    B486eqv: \"f2hkw1w\",\n    B8q5s1w: \"f8hki3x\",\n    Bci5o5g: [\"f1d2448m\", \"ffh67wi\"],\n    n8qw10: \"f1bjia2o\",\n    Bdrgwmp: [\"ffh67wi\", \"f1d2448m\"],\n    Bm4h7ae: \"f15bsgw9\",\n    B7ys5i9: \"f14e48fq\",\n    Busjfv9: \"f18yb2kv\",\n    Bhk32uz: \"fd6o370\",\n    Bf4ptjt: \"fh1cnn4\",\n    kclons: [\"fy7oxxb\", \"f184ne2d\"],\n    Bhdgwq3: \"fpukqih\",\n    Blkhhs4: [\"f184ne2d\", \"fy7oxxb\"],\n    Bqtpl0w: \"frrh606\",\n    clg4pj: [\"f1v5zibi\", \"fo2hd23\"],\n    hgwjuy: \"ful5kiu\",\n    Bonggc9: [\"fo2hd23\", \"f1v5zibi\"],\n    B1tsrr9: [\"f1jqcqds\", \"ftffrms\"],\n    Dah5zi: [\"ftffrms\", \"f1jqcqds\"],\n    Bkh64rk: [\"f2e7qr6\", \"fsr1zz6\"],\n    qqdqy8: [\"fsr1zz6\", \"f2e7qr6\"],\n    B6dhp37: \"f1dvezut\",\n    i03rao: [\"fd0oaoj\", \"f1cwg4i8\"],\n    Boxcth7: \"fjvm52t\",\n    Bsom6fd: [\"f1cwg4i8\", \"fd0oaoj\"],\n    J0r882: \"f57olzd\",\n    Bule8hv: [\"f4stah7\", \"fs1por5\"],\n    Bjwuhne: \"f480a47\",\n    Ghsupd: [\"fs1por5\", \"f4stah7\"]\n  },\n  root: {\n    sj55zd: \"f19n0e5\",\n    De3pzq: \"f1c21dwh\",\n    B6of3ja: \"f1hu3pq6\",\n    t21cq0: [\"f11qmguv\", \"f1tyq0we\"],\n    jrapky: \"f19f4twv\",\n    Frg6f3: [\"f1tyq0we\", \"f11qmguv\"],\n    Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n    Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n    B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n    Btl43ni: [\"fyu767a\", \"f1jar5jt\"]\n  },\n  rootDisabled: {\n    Bcmaq0h: \"fwrgwhw\",\n    sj55zd: \"f1s2aq7o\"\n  },\n  rootInline: {\n    mc9l5x: \"f14t3ns0\"\n  },\n  button: {\n    qhf8xq: \"f10pi13n\",\n    a9b677: \"fly5x3f\",\n    B4j52fo: \"f5ogflp\",\n    Bekrc4i: [\"f1hqa2wf\", \"finvdd3\"],\n    Bn0qgzm: \"f1f09k3d\",\n    ibv6hh: [\"finvdd3\", \"f1hqa2wf\"],\n    icvyot: \"fzkkow9\",\n    vrafjx: [\"fcdblym\", \"fjik90z\"],\n    oivjwe: \"fg706s2\",\n    wvpqe5: [\"fjik90z\", \"fcdblym\"],\n    g2u3we: \"f1p3nwhy\",\n    h3c5rm: [\"f11589ue\", \"f1pdflbu\"],\n    B9xav0g: \"f1q5o8ev\",\n    zhjwy3: [\"f1pdflbu\", \"f11589ue\"],\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"fw5db7e\", \"f1uw59to\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1ng84yb\", \"f11gcy0p\"],\n    sshi5w: \"f5pgtk9\",\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\",\n    Bceei9c: \"f1k6fduh\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fkhj508\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"f1i3iumi\",\n    B7ck84d: \"f1ewtqcl\"\n  },\n  buttonSmall: {\n    sshi5w: \"f1nxs5xn\",\n    Be2twd7: \"fy9rknc\"\n  },\n  buttonLarge: {\n    Bg96gwp: \"faaz57k\",\n    Be2twd7: \"fod5ikn\"\n  },\n  buttonExtraLarge: {\n    Bg96gwp: \"f106mvju\",\n    Be2twd7: \"f1pp30po\"\n  },\n  buttonInline: {\n    mc9l5x: \"ftuwxu6\"\n  },\n  buttonExpandIconEndNoIcon: {\n    uwmqm3: [\"f1uw59to\", \"fw5db7e\"]\n  },\n  buttonExpandIconEnd: {\n    z189sj: [\"f11gcy0p\", \"f1ng84yb\"]\n  },\n  expandIcon: {\n    Bqenvij: \"f1l02sjl\",\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\",\n    Bg96gwp: \"f106mvju\",\n    Be2twd7: \"f1pp30po\"\n  },\n  expandIconStart: {\n    z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"]\n  },\n  expandIconEnd: {\n    Bh6795r: \"fqerorx\",\n    Bnnss6s: \"f1neuvcm\",\n    xawz: \"flqd7gy\",\n    mc9l5x: \"f22iagw\",\n    Brf1p80: \"f9c4gz4\",\n    uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"]\n  },\n  icon: {\n    Bqenvij: \"f1l02sjl\",\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\",\n    z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"],\n    Bg96gwp: \"f106mvju\",\n    Be2twd7: \"f1pp30po\"\n  }\n}, {\n  d: [\".f1e4lqlz{box-sizing:content-box;}\", \".f1u2r49w{background-color:inherit;}\", \".f1ym3bx4{color:inherit;}\", \".f1mo0ibp{font-family:inherit;}\", \".fjoy568{font-size:inherit;}\", \".fytdu2e{line-height:normal;}\", \".f1mtd64y{overflow-x:visible;}\", \".f1y7q3j9{overflow-y:visible;}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".f37px4s{-webkit-appearance:button;}\", \".fgusgyc{text-align:unset;}\", \".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}\", \".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}\", \".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}\", \".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}\", \".f15bsgw9[data-fui-focus-visible]::after{content:\\\"\\\";}\", \".f14e48fq[data-fui-focus-visible]::after{position:absolute;}\", \".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}\", \".fd6o370[data-fui-focus-visible]::after{z-index:1;}\", \".fh1cnn4[data-fui-focus-visible]::after{border-top-style:solid;}\", \".fy7oxxb[data-fui-focus-visible]::after{border-right-style:solid;}\", \".f184ne2d[data-fui-focus-visible]::after{border-left-style:solid;}\", \".fpukqih[data-fui-focus-visible]::after{border-bottom-style:solid;}\", \".frrh606[data-fui-focus-visible]::after{border-top-width:2px;}\", \".f1v5zibi[data-fui-focus-visible]::after{border-right-width:2px;}\", \".fo2hd23[data-fui-focus-visible]::after{border-left-width:2px;}\", \".ful5kiu[data-fui-focus-visible]::after{border-bottom-width:2px;}\", \".f1jqcqds[data-fui-focus-visible]::after{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".ftffrms[data-fui-focus-visible]::after{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f2e7qr6[data-fui-focus-visible]::after{border-top-right-radius:var(--borderRadiusMedium);}\", \".fsr1zz6[data-fui-focus-visible]::after{border-top-left-radius:var(--borderRadiusMedium);}\", \".f1dvezut[data-fui-focus-visible]::after{border-top-color:var(--colorStrokeFocus2);}\", \".fd0oaoj[data-fui-focus-visible]::after{border-right-color:var(--colorStrokeFocus2);}\", \".f1cwg4i8[data-fui-focus-visible]::after{border-left-color:var(--colorStrokeFocus2);}\", \".fjvm52t[data-fui-focus-visible]::after{border-bottom-color:var(--colorStrokeFocus2);}\", \".f57olzd[data-fui-focus-visible]::after{top:calc(2px * -1);}\", \".f4stah7[data-fui-focus-visible]::after{right:calc(2px * -1);}\", \".fs1por5[data-fui-focus-visible]::after{left:calc(2px * -1);}\", \".f480a47[data-fui-focus-visible]::after{bottom:calc(2px * -1);}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".f1hu3pq6{margin-top:0;}\", \".f11qmguv{margin-right:0;}\", \".f1tyq0we{margin-left:0;}\", \".f19f4twv{margin-bottom:0;}\", \".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".fwrgwhw{background-image:none;}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".f14t3ns0{display:inline-block;}\", \".f10pi13n{position:relative;}\", \".fly5x3f{width:100%;}\", \".f5ogflp{border-top-width:1px;}\", \".f1hqa2wf{border-right-width:1px;}\", \".finvdd3{border-left-width:1px;}\", \".f1f09k3d{border-bottom-width:1px;}\", \".fzkkow9{border-top-style:solid;}\", \".fcdblym{border-right-style:solid;}\", \".fjik90z{border-left-style:solid;}\", \".fg706s2{border-bottom-style:solid;}\", \".f1p3nwhy{border-top-color:transparent;}\", \".f11589ue{border-right-color:transparent;}\", \".f1pdflbu{border-left-color:transparent;}\", \".f1q5o8ev{border-bottom-color:transparent;}\", \".fw5db7e{padding-right:var(--spacingHorizontalM);}\", \".f1uw59to{padding-left:var(--spacingHorizontalM);}\", \".f1ng84yb{padding-left:var(--spacingHorizontalMNudge);}\", \".f11gcy0p{padding-right:var(--spacingHorizontalMNudge);}\", \".f5pgtk9{min-height:44px;}\", \".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}\", \".f1k6fduh{cursor:pointer;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f1nxs5xn{min-height:32px;}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".faaz57k{line-height:var(--lineHeightBase400);}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".f106mvju{line-height:var(--lineHeightBase500);}\", \".f1pp30po{font-size:var(--fontSizeBase500);}\", \".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}\", \".f1l02sjl{height:100%;}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".fqerorx{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}\", \".f1neuvcm{-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1;}\", \".flqd7gy{-webkit-flex-basis:0%;-ms-flex-preferred-size:0%;flex-basis:0%;}\", \".f9c4gz4{-webkit-box-pack:end;-ms-flex-pack:end;-webkit-justify-content:flex-end;justify-content:flex-end;}\"],\n  f: [\".ftqa4ok:focus{outline-style:none;}\"],\n  i: [\".f2hkw1w:focus-visible{outline-style:none;}\"]\n});\n/** Applies style classnames to slots */\nexport const useAccordionHeaderStyles_unstable = state => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(accordionHeaderClassNames.root, styles.root, state.inline && styles.rootInline, state.disabled && styles.rootDisabled, state.root.className);\n  state.button.className = mergeClasses(accordionHeaderClassNames.button, styles.resetButton, styles.button, styles.focusIndicator, state.expandIconPosition === 'end' && !state.icon && styles.buttonExpandIconEndNoIcon, state.expandIconPosition === 'end' && styles.buttonExpandIconEnd, state.inline && styles.buttonInline, state.size === 'small' && styles.buttonSmall, state.size === 'large' && styles.buttonLarge, state.size === 'extra-large' && styles.buttonExtraLarge, state.button.className);\n  if (state.expandIcon) {\n    state.expandIcon.className = mergeClasses(accordionHeaderClassNames.expandIcon, styles.expandIcon, state.expandIconPosition === 'start' && styles.expandIconStart, state.expandIconPosition === 'end' && styles.expandIconEnd, state.expandIcon.className);\n  }\n  if (state.icon) {\n    state.icon.className = mergeClasses(accordionHeaderClassNames.icon, styles.icon, state.icon.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useAccordionHeaderStyles.styles.js.map"],"names":["accordionHeaderClassNames","useAccordionHeaderStyles_unstable","root","button","expandIcon","icon","useStyles","__styles","resetButton","B7ck84d","De3pzq","sj55zd","Bahqtrf","Be2twd7","Bg96gwp","B68tc82","Bmxbyg5","z8tnut","z189sj","Byoj8tv","uwmqm3","Bv0vk6g","fsow6f","focusIndicator","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","Bf4ptjt","kclons","Bhdgwq3","Blkhhs4","Bqtpl0w","clg4pj","hgwjuy","Bonggc9","B1tsrr9","Dah5zi","Bkh64rk","qqdqy8","B6dhp37","i03rao","Boxcth7","Bsom6fd","J0r882","Bule8hv","Bjwuhne","Ghsupd","B6of3ja","t21cq0","jrapky","Frg6f3","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","rootDisabled","Bcmaq0h","rootInline","mc9l5x","qhf8xq","a9b677","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","icvyot","vrafjx","oivjwe","wvpqe5","g2u3we","h3c5rm","B9xav0g","zhjwy3","sshi5w","Bt984gj","Bceei9c","Bhrd7zp","buttonSmall","buttonLarge","buttonExtraLarge","buttonInline","buttonExpandIconEndNoIcon","buttonExpandIconEnd","Bqenvij","expandIconStart","expandIconEnd","Bh6795r","Bnnss6s","xawz","Brf1p80","d","f","i","state","styles","className","mergeClasses","inline","disabled","expandIconPosition","size"],"mappings":"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"}
+{"version":3,"sources":["useAccordionHeaderStyles.styles.js"],"sourcesContent":["import { shorthands, __styles, mergeClasses } from '@griffel/react';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const accordionHeaderClassNames = {\n  root: 'fui-AccordionHeader',\n  button: 'fui-AccordionHeader__button',\n  expandIcon: 'fui-AccordionHeader__expandIcon',\n  icon: 'fui-AccordionHeader__icon'\n};\nconst useStyles = /*#__PURE__*/__styles({\n  resetButton: {\n    B7ck84d: \"f1e4lqlz\",\n    De3pzq: \"f1u2r49w\",\n    sj55zd: \"f1ym3bx4\",\n    Bahqtrf: \"f1mo0ibp\",\n    Be2twd7: \"fjoy568\",\n    Bg96gwp: \"fytdu2e\",\n    B68tc82: \"f1mtd64y\",\n    Bmxbyg5: \"f1y7q3j9\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1cnd47f\", \"fhxju0i\"],\n    Bv0vk6g: \"f37px4s\",\n    fsow6f: \"fgusgyc\"\n  },\n  focusIndicator: {\n    Brovlpu: \"ftqa4ok\",\n    B486eqv: \"f2hkw1w\",\n    B8q5s1w: \"f8hki3x\",\n    Bci5o5g: [\"f1d2448m\", \"ffh67wi\"],\n    n8qw10: \"f1bjia2o\",\n    Bdrgwmp: [\"ffh67wi\", \"f1d2448m\"],\n    Bm4h7ae: \"f15bsgw9\",\n    B7ys5i9: \"f14e48fq\",\n    Busjfv9: \"f18yb2kv\",\n    Bhk32uz: \"fd6o370\",\n    Bf4ptjt: \"fh1cnn4\",\n    kclons: [\"fy7oxxb\", \"f184ne2d\"],\n    Bhdgwq3: \"fpukqih\",\n    Blkhhs4: [\"f184ne2d\", \"fy7oxxb\"],\n    Bqtpl0w: \"frrh606\",\n    clg4pj: [\"f1v5zibi\", \"fo2hd23\"],\n    hgwjuy: \"ful5kiu\",\n    Bonggc9: [\"fo2hd23\", \"f1v5zibi\"],\n    B1tsrr9: [\"f1jqcqds\", \"ftffrms\"],\n    Dah5zi: [\"ftffrms\", \"f1jqcqds\"],\n    Bkh64rk: [\"f2e7qr6\", \"fsr1zz6\"],\n    qqdqy8: [\"fsr1zz6\", \"f2e7qr6\"],\n    B6dhp37: \"f1dvezut\",\n    i03rao: [\"fd0oaoj\", \"f1cwg4i8\"],\n    Boxcth7: \"fjvm52t\",\n    Bsom6fd: [\"f1cwg4i8\", \"fd0oaoj\"],\n    J0r882: \"f57olzd\",\n    Bule8hv: [\"f4stah7\", \"fs1por5\"],\n    Bjwuhne: \"f480a47\",\n    Ghsupd: [\"fs1por5\", \"f4stah7\"]\n  },\n  root: {\n    sj55zd: \"f19n0e5\",\n    De3pzq: \"f1c21dwh\",\n    B6of3ja: \"f1hu3pq6\",\n    t21cq0: [\"f11qmguv\", \"f1tyq0we\"],\n    jrapky: \"f19f4twv\",\n    Frg6f3: [\"f1tyq0we\", \"f11qmguv\"],\n    Bbmb7ep: [\"f1aa9q02\", \"f16jpd5f\"],\n    Beyfa6y: [\"f16jpd5f\", \"f1aa9q02\"],\n    B7oj6ja: [\"f1jar5jt\", \"fyu767a\"],\n    Btl43ni: [\"fyu767a\", \"f1jar5jt\"]\n  },\n  rootDisabled: {\n    Bcmaq0h: \"fwrgwhw\",\n    sj55zd: \"f1s2aq7o\"\n  },\n  rootInline: {\n    mc9l5x: \"f14t3ns0\"\n  },\n  button: {\n    qhf8xq: \"f10pi13n\",\n    a9b677: \"fly5x3f\",\n    B4j52fo: \"f5ogflp\",\n    Bekrc4i: [\"f1hqa2wf\", \"finvdd3\"],\n    Bn0qgzm: \"f1f09k3d\",\n    ibv6hh: [\"finvdd3\", \"f1hqa2wf\"],\n    icvyot: \"fzkkow9\",\n    vrafjx: [\"fcdblym\", \"fjik90z\"],\n    oivjwe: \"fg706s2\",\n    wvpqe5: [\"fjik90z\", \"fcdblym\"],\n    g2u3we: \"f1p3nwhy\",\n    h3c5rm: [\"f11589ue\", \"f1pdflbu\"],\n    B9xav0g: \"f1q5o8ev\",\n    zhjwy3: [\"f1pdflbu\", \"f11589ue\"],\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"fw5db7e\", \"f1uw59to\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1ng84yb\", \"f11gcy0p\"],\n    sshi5w: \"f5pgtk9\",\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\",\n    Bceei9c: \"f1k6fduh\",\n    Bahqtrf: \"fk6fouc\",\n    Be2twd7: \"fkhj508\",\n    Bhrd7zp: \"figsok6\",\n    Bg96gwp: \"f1i3iumi\",\n    B7ck84d: \"f1ewtqcl\"\n  },\n  buttonSmall: {\n    sshi5w: \"f1nxs5xn\",\n    Be2twd7: \"fy9rknc\"\n  },\n  buttonLarge: {\n    Bg96gwp: \"faaz57k\",\n    Be2twd7: \"fod5ikn\"\n  },\n  buttonExtraLarge: {\n    Bg96gwp: \"f106mvju\",\n    Be2twd7: \"f1pp30po\"\n  },\n  buttonInline: {\n    mc9l5x: \"ftuwxu6\"\n  },\n  buttonExpandIconEndNoIcon: {\n    uwmqm3: [\"f1uw59to\", \"fw5db7e\"]\n  },\n  buttonExpandIconEnd: {\n    z189sj: [\"f11gcy0p\", \"f1ng84yb\"]\n  },\n  expandIcon: {\n    Bqenvij: \"f1l02sjl\",\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\",\n    Bg96gwp: \"f106mvju\",\n    Be2twd7: \"f1pp30po\"\n  },\n  expandIconStart: {\n    z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"]\n  },\n  expandIconEnd: {\n    Bh6795r: \"fqerorx\",\n    Bnnss6s: \"f1neuvcm\",\n    xawz: \"flqd7gy\",\n    mc9l5x: \"f22iagw\",\n    Brf1p80: \"f9c4gz4\",\n    uwmqm3: [\"f1f5gg8d\", \"f1vdfbxk\"]\n  },\n  icon: {\n    Bqenvij: \"f1l02sjl\",\n    mc9l5x: \"f22iagw\",\n    Bt984gj: \"f122n59\",\n    z189sj: [\"f1vdfbxk\", \"f1f5gg8d\"],\n    Bg96gwp: \"f106mvju\",\n    Be2twd7: \"f1pp30po\"\n  }\n}, {\n  d: [\".f1e4lqlz{box-sizing:content-box;}\", \".f1u2r49w{background-color:inherit;}\", \".f1ym3bx4{color:inherit;}\", \".f1mo0ibp{font-family:inherit;}\", \".fjoy568{font-size:inherit;}\", \".fytdu2e{line-height:normal;}\", \".f1mtd64y{overflow-x:visible;}\", \".f1y7q3j9{overflow-y:visible;}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".f37px4s{-webkit-appearance:button;}\", \".fgusgyc{text-align:unset;}\", \".f8hki3x[data-fui-focus-visible]{border-top-color:transparent;}\", \".f1d2448m[data-fui-focus-visible]{border-right-color:transparent;}\", \".ffh67wi[data-fui-focus-visible]{border-left-color:transparent;}\", \".f1bjia2o[data-fui-focus-visible]{border-bottom-color:transparent;}\", \".f15bsgw9[data-fui-focus-visible]::after{content:\\\"\\\";}\", \".f14e48fq[data-fui-focus-visible]::after{position:absolute;}\", \".f18yb2kv[data-fui-focus-visible]::after{pointer-events:none;}\", \".fd6o370[data-fui-focus-visible]::after{z-index:1;}\", \".fh1cnn4[data-fui-focus-visible]::after{border-top-style:solid;}\", \".fy7oxxb[data-fui-focus-visible]::after{border-right-style:solid;}\", \".f184ne2d[data-fui-focus-visible]::after{border-left-style:solid;}\", \".fpukqih[data-fui-focus-visible]::after{border-bottom-style:solid;}\", \".frrh606[data-fui-focus-visible]::after{border-top-width:2px;}\", \".f1v5zibi[data-fui-focus-visible]::after{border-right-width:2px;}\", \".fo2hd23[data-fui-focus-visible]::after{border-left-width:2px;}\", \".ful5kiu[data-fui-focus-visible]::after{border-bottom-width:2px;}\", \".f1jqcqds[data-fui-focus-visible]::after{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".ftffrms[data-fui-focus-visible]::after{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f2e7qr6[data-fui-focus-visible]::after{border-top-right-radius:var(--borderRadiusMedium);}\", \".fsr1zz6[data-fui-focus-visible]::after{border-top-left-radius:var(--borderRadiusMedium);}\", \".f1dvezut[data-fui-focus-visible]::after{border-top-color:var(--colorStrokeFocus2);}\", \".fd0oaoj[data-fui-focus-visible]::after{border-right-color:var(--colorStrokeFocus2);}\", \".f1cwg4i8[data-fui-focus-visible]::after{border-left-color:var(--colorStrokeFocus2);}\", \".fjvm52t[data-fui-focus-visible]::after{border-bottom-color:var(--colorStrokeFocus2);}\", \".f57olzd[data-fui-focus-visible]::after{top:calc(2px * -1);}\", \".f4stah7[data-fui-focus-visible]::after{right:calc(2px * -1);}\", \".fs1por5[data-fui-focus-visible]::after{left:calc(2px * -1);}\", \".f480a47[data-fui-focus-visible]::after{bottom:calc(2px * -1);}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".f1hu3pq6{margin-top:0;}\", \".f11qmguv{margin-right:0;}\", \".f1tyq0we{margin-left:0;}\", \".f19f4twv{margin-bottom:0;}\", \".f1aa9q02{border-bottom-right-radius:var(--borderRadiusMedium);}\", \".f16jpd5f{border-bottom-left-radius:var(--borderRadiusMedium);}\", \".f1jar5jt{border-top-right-radius:var(--borderRadiusMedium);}\", \".fyu767a{border-top-left-radius:var(--borderRadiusMedium);}\", \".fwrgwhw{background-image:none;}\", \".f1s2aq7o{color:var(--colorNeutralForegroundDisabled);}\", \".f14t3ns0{display:inline-block;}\", \".f10pi13n{position:relative;}\", \".fly5x3f{width:100%;}\", \".f5ogflp{border-top-width:1px;}\", \".f1hqa2wf{border-right-width:1px;}\", \".finvdd3{border-left-width:1px;}\", \".f1f09k3d{border-bottom-width:1px;}\", \".fzkkow9{border-top-style:solid;}\", \".fcdblym{border-right-style:solid;}\", \".fjik90z{border-left-style:solid;}\", \".fg706s2{border-bottom-style:solid;}\", \".f1p3nwhy{border-top-color:transparent;}\", \".f11589ue{border-right-color:transparent;}\", \".f1pdflbu{border-left-color:transparent;}\", \".f1q5o8ev{border-bottom-color:transparent;}\", \".fw5db7e{padding-right:var(--spacingHorizontalM);}\", \".f1uw59to{padding-left:var(--spacingHorizontalM);}\", \".f1ng84yb{padding-left:var(--spacingHorizontalMNudge);}\", \".f11gcy0p{padding-right:var(--spacingHorizontalMNudge);}\", \".f5pgtk9{min-height:44px;}\", \".f22iagw{display:flex;}\", \".f122n59{align-items:center;}\", \".f1k6fduh{cursor:pointer;}\", \".fk6fouc{font-family:var(--fontFamilyBase);}\", \".fkhj508{font-size:var(--fontSizeBase300);}\", \".figsok6{font-weight:var(--fontWeightRegular);}\", \".f1i3iumi{line-height:var(--lineHeightBase300);}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f1nxs5xn{min-height:32px;}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".faaz57k{line-height:var(--lineHeightBase400);}\", \".fod5ikn{font-size:var(--fontSizeBase400);}\", \".f106mvju{line-height:var(--lineHeightBase500);}\", \".f1pp30po{font-size:var(--fontSizeBase500);}\", \".ftuwxu6{display:inline-flex;}\", \".f1l02sjl{height:100%;}\", \".f1vdfbxk{padding-right:var(--spacingHorizontalS);}\", \".f1f5gg8d{padding-left:var(--spacingHorizontalS);}\", \".fqerorx{flex-grow:1;}\", \".f1neuvcm{flex-shrink:1;}\", \".flqd7gy{flex-basis:0%;}\", \".f9c4gz4{justify-content:flex-end;}\"],\n  f: [\".ftqa4ok:focus{outline-style:none;}\"],\n  i: [\".f2hkw1w:focus-visible{outline-style:none;}\"]\n});\n/** Applies style classnames to slots */\nexport const useAccordionHeaderStyles_unstable = state => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(accordionHeaderClassNames.root, styles.root, state.inline && styles.rootInline, state.disabled && styles.rootDisabled, state.root.className);\n  state.button.className = mergeClasses(accordionHeaderClassNames.button, styles.resetButton, styles.button, styles.focusIndicator, state.expandIconPosition === 'end' && !state.icon && styles.buttonExpandIconEndNoIcon, state.expandIconPosition === 'end' && styles.buttonExpandIconEnd, state.inline && styles.buttonInline, state.size === 'small' && styles.buttonSmall, state.size === 'large' && styles.buttonLarge, state.size === 'extra-large' && styles.buttonExtraLarge, state.button.className);\n  if (state.expandIcon) {\n    state.expandIcon.className = mergeClasses(accordionHeaderClassNames.expandIcon, styles.expandIcon, state.expandIconPosition === 'start' && styles.expandIconStart, state.expandIconPosition === 'end' && styles.expandIconEnd, state.expandIcon.className);\n  }\n  if (state.icon) {\n    state.icon.className = mergeClasses(accordionHeaderClassNames.icon, styles.icon, state.icon.className);\n  }\n  return state;\n};\n//# sourceMappingURL=useAccordionHeaderStyles.styles.js.map"],"names":["accordionHeaderClassNames","useAccordionHeaderStyles_unstable","root","button","expandIcon","icon","useStyles","__styles","resetButton","B7ck84d","De3pzq","sj55zd","Bahqtrf","Be2twd7","Bg96gwp","B68tc82","Bmxbyg5","z8tnut","z189sj","Byoj8tv","uwmqm3","Bv0vk6g","fsow6f","focusIndicator","Brovlpu","B486eqv","B8q5s1w","Bci5o5g","n8qw10","Bdrgwmp","Bm4h7ae","B7ys5i9","Busjfv9","Bhk32uz","Bf4ptjt","kclons","Bhdgwq3","Blkhhs4","Bqtpl0w","clg4pj","hgwjuy","Bonggc9","B1tsrr9","Dah5zi","Bkh64rk","qqdqy8","B6dhp37","i03rao","Boxcth7","Bsom6fd","J0r882","Bule8hv","Bjwuhne","Ghsupd","B6of3ja","t21cq0","jrapky","Frg6f3","Bbmb7ep","Beyfa6y","B7oj6ja","Btl43ni","rootDisabled","Bcmaq0h","rootInline","mc9l5x","qhf8xq","a9b677","B4j52fo","Bekrc4i","Bn0qgzm","ibv6hh","icvyot","vrafjx","oivjwe","wvpqe5","g2u3we","h3c5rm","B9xav0g","zhjwy3","sshi5w","Bt984gj","Bceei9c","Bhrd7zp","buttonSmall","buttonLarge","buttonExtraLarge","buttonInline","buttonExpandIconEndNoIcon","buttonExpandIconEnd","Bqenvij","expandIconStart","expandIconEnd","Bh6795r","Bnnss6s","xawz","Brf1p80","d","f","i","state","styles","className","mergeClasses","inline","disabled","expandIconPosition","size"],"mappings":"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"}

package/lib-commonjs/components/AccordionItem/AccordionItem.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/AccordionItem/AccordionItem.types.js.map

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

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

@@ -8,5 +8,4 @@ _exportStar(require("./AccordionItem.types"), exports);
 _exportStar(require("./renderAccordionItem"), exports);
 _exportStar(require("./useAccordionItem"), exports);
 _exportStar(require("./useAccordionItemContextValues"), exports);
-_exportStar(require("./AccordionItemContext"), exports);
 _exportStar(require("./useAccordionItemStyles.styles"), exports);

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

@@ -1 +1 @@
-{"version":3,"sources":["index.js"],"sourcesContent":["export * from './AccordionItem';\nexport * from './AccordionItem.types';\nexport * from './renderAccordionItem';\nexport * from './useAccordionItem';\nexport * from './useAccordionItemContextValues';\nexport * from './AccordionItemContext';\nexport * from './useAccordionItemStyles.styles';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA;oBACA"}
+{"version":3,"sources":["index.js"],"sourcesContent":["export * from './AccordionItem';\nexport * from './AccordionItem.types';\nexport * from './renderAccordionItem';\nexport * from './useAccordionItem';\nexport * from './useAccordionItemContextValues';\nexport * from './useAccordionItemStyles.styles';\n"],"names":[],"mappings":";;;;;oBAAc;oBACA;oBACA;oBACA;oBACA;oBACA"}

package/lib-commonjs/components/AccordionItem/renderAccordionItem.js

@@ -8,10 +8,10 @@ Object.defineProperty(exports, "renderAccordionItem_unstable", {
 });
 const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
 const _reactUtilities = require("@fluentui/react-utilities");
-const _accordionItemContext = require("./AccordionItemContext");
+const _accordionItem = require("../../contexts/accordionItem");
 const renderAccordionItem_unstable = (state, contextValues)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
-    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_accordionItemContext.AccordionItemContext.Provider, {
+    (0, _reactUtilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_accordionItem.AccordionItemProvider, {
         value: contextValues.accordionItem
-    }, slotProps.root.children));
+    }, state.root.children));
 };

package/lib-commonjs/components/AccordionItem/renderAccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderAccordionItem.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { AccordionItemContext } from './AccordionItemContext';\n/**\n * Function that renders the final JSX of the component\n */ export const renderAccordionItem_unstable = (state, contextValues)=>{\n    const { slots , slotProps  } = getSlotsNext(state);\n    return /*#__PURE__*/ createElement(slots.root, slotProps.root, /*#__PURE__*/ createElement(AccordionItemContext.Provider, {\n        value: contextValues.accordionItem\n    }, slotProps.root.children));\n};\n"],"names":["renderAccordionItem_unstable","state","contextValues","slots","slotProps","getSlotsNext","createElement","root","AccordionItemContext","Provider","value","accordionItem","children"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKjCA;;aAAAA;;iCALkE;gCACtD;sCACQ;AAG1B,MAAMA,+BAA+B,CAACC,OAAOC,gBAAgB;IACpE,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACJ;IAC5C,OAAO,WAAW,GAAGK,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAEH,UAAUG,IAAI,EAAE,WAAW,GAAGD,IAAAA,8BAAa,EAACE,0CAAoB,CAACC,QAAQ,EAAE;QACtHC,OAAOR,cAAcS,aAAa;IACtC,GAAGP,UAAUG,IAAI,CAACK,QAAQ;AAC9B"}
+{"version":3,"sources":["renderAccordionItem.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { AccordionItemProvider } from '../../contexts/accordionItem';\n/**\n * Function that renders the final JSX of the component\n */ export const renderAccordionItem_unstable = (state, contextValues)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ createElement(state.root, null, /*#__PURE__*/ createElement(AccordionItemProvider, {\n        value: contextValues.accordionItem\n    }, state.root.children));\n};\n"],"names":["renderAccordionItem_unstable","state","contextValues","assertSlots","createElement","root","AccordionItemProvider","value","accordionItem","children"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKjCA;;aAAAA;;iCALkE;gCACvD;+BACU;AAG3B,MAAMA,+BAA+B,CAACC,OAAOC,gBAAgB;IACpEC,IAAAA,2BAAW,EAACF;IACZ,OAAO,WAAW,GAAGG,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAE,IAAI,EAAE,WAAW,GAAGD,IAAAA,8BAAa,EAACE,oCAAqB,EAAE;QACpGC,OAAOL,cAAcM,aAAa;IACtC,GAAGP,MAAMI,IAAI,CAACI,QAAQ;AAC1B"}

package/lib-commonjs/components/AccordionItem/useAccordionItem.js

@@ -9,27 +9,28 @@ Object.defineProperty(exports, "useAccordionItem_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 _accordionContext = require("../Accordion/AccordionContext");
+const _accordion = require("../../contexts/accordion");
 const useAccordionItem_unstable = (props, ref)=>{
     const { value , disabled =false  } = props;
-    const requestToggle = (0, _accordionContext.useAccordionContext_unstable)((ctx)=>ctx.requestToggle);
-    const open = (0, _accordionContext.useAccordionContext_unstable)((ctx)=>ctx.openItems.includes(value));
-    const onAccordionHeaderClick = _react.useCallback((ev)=>requestToggle(ev, {
+    const requestToggle = (0, _accordion.useAccordionContext_unstable)((ctx)=>ctx.requestToggle);
+    const open = (0, _accordion.useAccordionContext_unstable)((ctx)=>ctx.openItems.includes(value));
+    const onAccordionHeaderClick = (0, _reactUtilities.useEventCallback)((event)=>requestToggle({
+            event,
             value
-        }), [
-        requestToggle,
-        value
-    ]);
+        }));
     return {
         open,
+        value,
         disabled,
         onHeaderClick: onAccordionHeaderClick,
         components: {
             root: 'div'
         },
-        root: (0, _reactUtilities.getNativeElementProps)('div', {
-            ref: ref,
+        root: _reactUtilities.slot.always((0, _reactUtilities.getNativeElementProps)('div', {
+            ref,
             ...props
+        }), {
+            elementType: 'div'
         })
     };
 };

package/lib-commonjs/components/AccordionItem/useAccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useAccordionItem.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport { useAccordionContext_unstable } from '../Accordion/AccordionContext';\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionItem properties\n * @param ref - reference to root HTMLElement of AccordionItem\n */ export const useAccordionItem_unstable = (props, ref)=>{\n    const { value , disabled =false  } = props;\n    const requestToggle = useAccordionContext_unstable((ctx)=>ctx.requestToggle);\n    const open = useAccordionContext_unstable((ctx)=>ctx.openItems.includes(value));\n    const onAccordionHeaderClick = React.useCallback((ev)=>requestToggle(ev, {\n            value\n        }), [\n        requestToggle,\n        value\n    ]);\n    return {\n        open,\n        disabled,\n        onHeaderClick: onAccordionHeaderClick,\n        components: {\n            root: 'div'\n        },\n        root: getNativeElementProps('div', {\n            ref: ref,\n            ...props\n        })\n    };\n};\n"],"names":["useAccordionItem_unstable","props","ref","value","disabled","requestToggle","useAccordionContext_unstable","ctx","open","openItems","includes","onAccordionHeaderClick","React","useCallback","ev","onHeaderClick","components","root","getNativeElementProps"],"mappings":";;;;+BAOiBA;;aAAAA;;;6DAPM;gCACe;kCACO;AAKlC,MAAMA,4BAA4B,CAACC,OAAOC,MAAM;IACvD,MAAM,EAAEC,MAAK,EAAGC,UAAU,KAAK,CAAA,EAAG,GAAGH;IACrC,MAAMI,gBAAgBC,IAAAA,8CAA4B,EAAC,CAACC,MAAMA,IAAIF,aAAa;IAC3E,MAAMG,OAAOF,IAAAA,8CAA4B,EAAC,CAACC,MAAMA,IAAIE,SAAS,CAACC,QAAQ,CAACP;IACxE,MAAMQ,yBAAyBC,OAAMC,WAAW,CAAC,CAACC,KAAKT,cAAcS,IAAI;YACjEX;QACJ,IAAI;QACJE;QACAF;KACH;IACD,OAAO;QACHK;QACAJ;QACAW,eAAeJ;QACfK,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YAC/BhB,KAAKA;YACL,GAAGD,KAAK;QACZ;IACJ;AACJ"}
+{"version":3,"sources":["useAccordionItem.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot, useEventCallback } from '@fluentui/react-utilities';\nimport { useAccordionContext_unstable } from '../../contexts/accordion';\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionItem properties\n * @param ref - reference to root HTMLElement of AccordionItem\n */ export const useAccordionItem_unstable = (props, ref)=>{\n    const { value , disabled =false  } = props;\n    const requestToggle = useAccordionContext_unstable((ctx)=>ctx.requestToggle);\n    const open = useAccordionContext_unstable((ctx)=>ctx.openItems.includes(value));\n    const onAccordionHeaderClick = useEventCallback((event)=>requestToggle({\n            event,\n            value\n        }));\n    return {\n        open,\n        value,\n        disabled,\n        onHeaderClick: onAccordionHeaderClick,\n        components: {\n            root: 'div'\n        },\n        root: slot.always(getNativeElementProps('div', {\n            ref,\n            ...props\n        }), {\n            elementType: 'div'\n        })\n    };\n};\n"],"names":["useAccordionItem_unstable","props","ref","value","disabled","requestToggle","useAccordionContext_unstable","ctx","open","openItems","includes","onAccordionHeaderClick","useEventCallback","event","onHeaderClick","components","root","slot","always","getNativeElementProps","elementType"],"mappings":";;;;+BAOiBA;;aAAAA;;;6DAPM;gCACuC;2BACjB;AAKlC,MAAMA,4BAA4B,CAACC,OAAOC,MAAM;IACvD,MAAM,EAAEC,MAAK,EAAGC,UAAU,KAAK,CAAA,EAAG,GAAGH;IACrC,MAAMI,gBAAgBC,IAAAA,uCAA4B,EAAC,CAACC,MAAMA,IAAIF,aAAa;IAC3E,MAAMG,OAAOF,IAAAA,uCAA4B,EAAC,CAACC,MAAMA,IAAIE,SAAS,CAACC,QAAQ,CAACP;IACxE,MAAMQ,yBAAyBC,IAAAA,gCAAgB,EAAC,CAACC,QAAQR,cAAc;YAC/DQ;YACAV;QACJ;IACJ,OAAO;QACHK;QACAL;QACAC;QACAU,eAAeH;QACfI,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAAC,OAAO;YAC3CjB;YACA,GAAGD,KAAK;QACZ,IAAI;YACAmB,aAAa;QACjB;IACJ;AACJ"}

package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js

@@ -9,15 +9,18 @@ Object.defineProperty(exports, "useAccordionItemContextValues_unstable", {
 const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 function useAccordionItemContextValues_unstable(state) {
-    const { disabled , onHeaderClick , open  } = state;
+    // eslint-disable-next-line deprecation/deprecation
+    const { disabled , open , value , onHeaderClick  } = state;
     const accordionItem = _react.useMemo(()=>({
             disabled,
-            onHeaderClick,
-            open
+            open,
+            value,
+            onHeaderClick
         }), [
         disabled,
-        onHeaderClick,
-        open
+        open,
+        value,
+        onHeaderClick
     ]);
     return {
         accordionItem

package/lib-commonjs/components/AccordionItem/useAccordionItemContextValues.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useAccordionItemContextValues.js"],"sourcesContent":["import * as React from 'react';\nexport function useAccordionItemContextValues_unstable(state) {\n    const { disabled , onHeaderClick , open  } = state;\n    const accordionItem = React.useMemo(()=>({\n            disabled,\n            onHeaderClick,\n            open\n        }), [\n        disabled,\n        onHeaderClick,\n        open\n    ]);\n    return {\n        accordionItem\n    };\n}\n"],"names":["useAccordionItemContextValues_unstable","state","disabled","onHeaderClick","open","accordionItem","React","useMemo"],"mappings":";;;;+BACgBA;;aAAAA;;;6DADO;AAChB,SAASA,uCAAuCC,KAAK,EAAE;IAC1D,MAAM,EAAEC,SAAQ,EAAGC,cAAa,EAAGC,KAAI,EAAG,GAAGH;IAC7C,MAAMI,gBAAgBC,OAAMC,OAAO,CAAC,IAAK,CAAA;YACjCL;YACAC;YACAC;QACJ,CAAA,GAAI;QACJF;QACAC;QACAC;KACH;IACD,OAAO;QACHC;IACJ;AACJ"}
+{"version":3,"sources":["useAccordionItemContextValues.js"],"sourcesContent":["import * as React from 'react';\nexport function useAccordionItemContextValues_unstable(state) {\n    // eslint-disable-next-line deprecation/deprecation\n    const { disabled , open , value , onHeaderClick  } = state;\n    const accordionItem = React.useMemo(()=>({\n            disabled,\n            open,\n            value,\n            onHeaderClick\n        }), [\n        disabled,\n        open,\n        value,\n        onHeaderClick\n    ]);\n    return {\n        accordionItem\n    };\n}\n"],"names":["useAccordionItemContextValues_unstable","state","disabled","open","value","onHeaderClick","accordionItem","React","useMemo"],"mappings":";;;;+BACgBA;;aAAAA;;;6DADO;AAChB,SAASA,uCAAuCC,KAAK,EAAE;IAC1D,mDAAmD;IACnD,MAAM,EAAEC,SAAQ,EAAGC,KAAI,EAAGC,MAAK,EAAGC,cAAa,EAAG,GAAGJ;IACrD,MAAMK,gBAAgBC,OAAMC,OAAO,CAAC,IAAK,CAAA;YACjCN;YACAC;YACAC;YACAC;QACJ,CAAA,GAAI;QACJH;QACAC;QACAC;QACAC;KACH;IACD,OAAO;QACHC;IACJ;AACJ"}

package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js

@@ -9,6 +9,6 @@ Object.defineProperty(exports, "renderAccordionPanel_unstable", {
 const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
 const _reactUtilities = require("@fluentui/react-utilities");
 const renderAccordionPanel_unstable = (state)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
-    return state.open ? /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root, slotProps.root.children) : null;
+    (0, _reactUtilities.assertSlots)(state);
+    return state.open ? /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null, state.root.children) : null;
 };

package/lib-commonjs/components/AccordionPanel/renderAccordionPanel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderAccordionPanel.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\n/**\n * Function that renders the final JSX of the component\n */ export const renderAccordionPanel_unstable = (state)=>{\n    const { slots , slotProps  } = getSlotsNext(state);\n    return state.open ? /*#__PURE__*/ createElement(slots.root, slotProps.root, slotProps.root.children) : null;\n};\n"],"names":["renderAccordionPanel_unstable","state","slots","slotProps","getSlotsNext","open","createElement","root","children"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACtD;AAGlB,MAAMA,gCAAgC,CAACC,QAAQ;IACtD,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACH;IAC5C,OAAOA,MAAMI,IAAI,GAAG,WAAW,GAAGC,IAAAA,8BAAa,EAACJ,MAAMK,IAAI,EAAEJ,UAAUI,IAAI,EAAEJ,UAAUI,IAAI,CAACC,QAAQ,IAAI,IAAI;AAC/G"}
+{"version":3,"sources":["renderAccordionPanel.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { assertSlots } from '@fluentui/react-utilities';\n/**\n * Function that renders the final JSX of the component\n */ export const renderAccordionPanel_unstable = (state)=>{\n    assertSlots(state);\n    return state.open ? /*#__PURE__*/ createElement(state.root, null, state.root.children) : null;\n};\n"],"names":["renderAccordionPanel_unstable","state","assertSlots","open","createElement","root","children"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAIjCA;;aAAAA;;iCAJkE;gCACvD;AAGjB,MAAMA,gCAAgC,CAACC,QAAQ;IACtDC,IAAAA,2BAAW,EAACD;IACZ,OAAOA,MAAME,IAAI,GAAG,WAAW,GAAGC,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAE,IAAI,EAAEJ,MAAMI,IAAI,CAACC,QAAQ,IAAI,IAAI;AACjG"}

package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js

@@ -10,25 +10,27 @@ const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildc
 const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
 const _reactUtilities = require("@fluentui/react-utilities");
 const _reactTabster = require("@fluentui/react-tabster");
-const _index = require("../AccordionItem/index");
-const _accordionContext = require("../Accordion/AccordionContext");
+const _accordion = require("../../contexts/accordion");
+const _accordionItem = require("../../contexts/accordionItem");
 const useAccordionPanel_unstable = (props, ref)=>{
-    const { open  } = (0, _index.useAccordionItemContext_unstable)();
+    const { open  } = (0, _accordionItem.useAccordionItemContext_unstable)();
     const focusableProps = (0, _reactTabster.useTabsterAttributes)({
         focusable: {
             excludeFromMover: true
         }
     });
-    const navigation = (0, _accordionContext.useAccordionContext_unstable)((ctx)=>ctx.navigation);
+    const navigation = (0, _accordion.useAccordionContext_unstable)((ctx)=>ctx.navigation);
     return {
         open,
         components: {
             root: 'div'
         },
-        root: (0, _reactUtilities.getNativeElementProps)('div', {
+        root: _reactUtilities.slot.always((0, _reactUtilities.getNativeElementProps)('div', {
             ref,
             ...props,
             ...navigation && focusableProps
+        }), {
+            elementType: 'div'
         })
     };
 };

package/lib-commonjs/components/AccordionPanel/useAccordionPanel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useAccordionPanel.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport { useTabsterAttributes } from '@fluentui/react-tabster';\nimport { useAccordionItemContext_unstable } from '../AccordionItem/index';\nimport { useAccordionContext_unstable } from '../Accordion/AccordionContext';\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionPanel properties\n * @param ref - reference to root HTMLElement of AccordionPanel\n */ export const useAccordionPanel_unstable = (props, ref)=>{\n    const { open  } = useAccordionItemContext_unstable();\n    const focusableProps = useTabsterAttributes({\n        focusable: {\n            excludeFromMover: true\n        }\n    });\n    const navigation = useAccordionContext_unstable((ctx)=>ctx.navigation);\n    return {\n        open,\n        components: {\n            root: 'div'\n        },\n        root: getNativeElementProps('div', {\n            ref,\n            ...props,\n            ...navigation && focusableProps\n        })\n    };\n};\n"],"names":["useAccordionPanel_unstable","props","ref","open","useAccordionItemContext_unstable","focusableProps","useTabsterAttributes","focusable","excludeFromMover","navigation","useAccordionContext_unstable","ctx","components","root","getNativeElementProps"],"mappings":";;;;+BASiBA;;aAAAA;;;6DATM;gCACe;8BACD;uBACY;kCACJ;AAKlC,MAAMA,6BAA6B,CAACC,OAAOC,MAAM;IACxD,MAAM,EAAEC,KAAI,EAAG,GAAGC,IAAAA,uCAAgC;IAClD,MAAMC,iBAAiBC,IAAAA,kCAAoB,EAAC;QACxCC,WAAW;YACPC,kBAAkB,IAAI;QAC1B;IACJ;IACA,MAAMC,aAAaC,IAAAA,8CAA4B,EAAC,CAACC,MAAMA,IAAIF,UAAU;IACrE,OAAO;QACHN;QACAS,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YAC/BZ;YACA,GAAGD,KAAK;YACR,GAAGQ,cAAcJ,cAAc;QACnC;IACJ;AACJ"}
+{"version":3,"sources":["useAccordionPanel.js"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot } from '@fluentui/react-utilities';\nimport { useTabsterAttributes } from '@fluentui/react-tabster';\nimport { useAccordionContext_unstable } from '../../contexts/accordion';\nimport { useAccordionItemContext_unstable } from '../../contexts/accordionItem';\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionPanel properties\n * @param ref - reference to root HTMLElement of AccordionPanel\n */ export const useAccordionPanel_unstable = (props, ref)=>{\n    const { open  } = useAccordionItemContext_unstable();\n    const focusableProps = useTabsterAttributes({\n        focusable: {\n            excludeFromMover: true\n        }\n    });\n    const navigation = useAccordionContext_unstable((ctx)=>ctx.navigation);\n    return {\n        open,\n        components: {\n            root: 'div'\n        },\n        root: slot.always(getNativeElementProps('div', {\n            ref,\n            ...props,\n            ...navigation && focusableProps\n        }), {\n            elementType: 'div'\n        })\n    };\n};\n"],"names":["useAccordionPanel_unstable","props","ref","open","useAccordionItemContext_unstable","focusableProps","useTabsterAttributes","focusable","excludeFromMover","navigation","useAccordionContext_unstable","ctx","components","root","slot","always","getNativeElementProps","elementType"],"mappings":";;;;+BASiBA;;aAAAA;;;6DATM;gCACqB;8BACP;2BACQ;+BACI;AAKtC,MAAMA,6BAA6B,CAACC,OAAOC,MAAM;IACxD,MAAM,EAAEC,KAAI,EAAG,GAAGC,IAAAA,+CAAgC;IAClD,MAAMC,iBAAiBC,IAAAA,kCAAoB,EAAC;QACxCC,WAAW;YACPC,kBAAkB,IAAI;QAC1B;IACJ;IACA,MAAMC,aAAaC,IAAAA,uCAA4B,EAAC,CAACC,MAAMA,IAAIF,UAAU;IACrE,OAAO;QACHN;QACAS,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,oBAAI,CAACC,MAAM,CAACC,IAAAA,qCAAqB,EAAC,OAAO;YAC3Cd;YACA,GAAGD,KAAK;YACR,GAAGQ,cAAcJ,cAAc;QACnC,IAAI;YACAY,aAAa;QACjB;IACJ;AACJ"}

package/lib-commonjs/{components/Accordion/AccordionContext.js → contexts/accordion.js}

@@ -9,7 +9,6 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    AccordionContext: ()=>AccordionContext,
     AccordionProvider: ()=>AccordionProvider,
     useAccordionContext_unstable: ()=>useAccordionContext_unstable
 });
@@ -18,8 +17,10 @@ const AccordionContext = (0, _reactContextSelector.createContext)(undefined);
 const accordionContextDefaultValue = {
     openItems: [],
     collapsible: false,
+    multiple: false,
+    navigation: undefined,
     requestToggle () {
     /* noop */ }
 };
-const AccordionProvider = AccordionContext.Provider;
+const { Provider: AccordionProvider  } = AccordionContext;
 const useAccordionContext_unstable = (selector)=>(0, _reactContextSelector.useContextSelector)(AccordionContext, (ctx = accordionContextDefaultValue)=>selector(ctx));

package/lib-commonjs/contexts/accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["accordion.js"],"sourcesContent":["import { createContext, useContextSelector } from '@fluentui/react-context-selector';\nconst AccordionContext = createContext(undefined);\nconst accordionContextDefaultValue = {\n    openItems: [],\n    collapsible: false,\n    multiple: false,\n    navigation: undefined,\n    requestToggle () {\n    /* noop */ }\n};\nexport const { Provider: AccordionProvider  } = AccordionContext;\nexport const useAccordionContext_unstable = (selector)=>useContextSelector(AccordionContext, (ctx = accordionContextDefaultValue)=>selector(ctx));\n"],"names":["AccordionProvider","useAccordionContext_unstable","AccordionContext","createContext","undefined","accordionContextDefaultValue","openItems","collapsible","multiple","navigation","requestToggle","Provider","selector","useContextSelector","ctx"],"mappings":";;;;;;;;;;;IAUyBA,iBAAiB,MAAjBA;IACZC,4BAA4B,MAA5BA;;sCAXqC;AAClD,MAAMC,mBAAmBC,IAAAA,mCAAa,EAACC;AACvC,MAAMC,+BAA+B;IACjCC,WAAW,EAAE;IACbC,aAAa,KAAK;IAClBC,UAAU,KAAK;IACfC,YAAYL;IACZM,iBAAiB;IACjB,QAAQ,GAAG;AACf;AACO,MAAM,EAAEC,UAAUX,kBAAiB,EAAG,GAAGE;AACzC,MAAMD,+BAA+B,CAACW,WAAWC,IAAAA,wCAAkB,EAACX,kBAAkB,CAACY,MAAMT,4BAA4B,GAAGO,SAASE"}