@fluentui/react-accordion 9.3.0 → 9.3.1

package/CHANGELOG.json

@@ -2,7 +2,64 @@
   "name": "@fluentui/react-accordion",
   "entries": [
     {
-      "date": "Fri, 04 Aug 2023 08:48:21 GMT",
+      "date": "Wed, 09 Aug 2023 13:11:30 GMT",
+      "tag": "@fluentui/react-accordion_v9.3.1",
+      "version": "9.3.1",
+      "comments": {
+        "patch": [
+          {
+            "author": "bernardo.sunderhus@gmail.com",
+            "package": "@fluentui/react-accordion",
+            "commit": "405adc0f15862c74784dd7576ca6d22b47adf012",
+            "comment": "bugfix: Breaking Change, onHeaderClick erroneously removed"
+          },
+          {
+            "author": "olfedias@microsoft.com",
+            "package": "@fluentui/react-accordion",
+            "commit": "b090c0339983847a62b9dc6187d08dc8c4b1d55f",
+            "comment": "chore: Update Griffel to latest version"
+          },
+          {
+            "author": "bernardo.sunderhus@gmail.com",
+            "package": "@fluentui/react-accordion",
+            "commit": "d740ac698cb7e8c3332e21f6466896f3f2763ae3",
+            "comment": "chore(cxe-coastal): migrate to new slot API"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-aria to v9.3.29",
+            "commit": "d0e28b405dc91c4682aec72dd784767a3ce95c78"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.14",
+            "commit": "d0e28b405dc91c4682aec72dd784767a3ce95c78"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.7.2",
+            "commit": "d0e28b405dc91c4682aec72dd784767a3ce95c78"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-tabster to v9.12.1",
+            "commit": "d0e28b405dc91c4682aec72dd784767a3ce95c78"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-accordion",
+            "comment": "Bump @fluentui/react-theme to v9.1.11",
+            "commit": "d0e28b405dc91c4682aec72dd784767a3ce95c78"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 04 Aug 2023 08:52:55 GMT",
       "tag": "@fluentui/react-accordion_v9.3.0",
       "version": "9.3.0",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,28 @@
 # Change Log - @fluentui/react-accordion
 
-This log was last generated on Fri, 04 Aug 2023 08:48:21 GMT and should not be manually modified.
+This log was last generated on Wed, 09 Aug 2023 13:11:30 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.3.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.3.1)
+
+Wed, 09 Aug 2023 13:11:30 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.3.0..@fluentui/react-accordion_v9.3.1)
+
+### Patches
+
+- bugfix: Breaking Change, onHeaderClick erroneously removed ([PR #28764](https://github.com/microsoft/fluentui/pull/28764) by bernardo.sunderhus@gmail.com)
+- chore: Update Griffel to latest version ([PR #28684](https://github.com/microsoft/fluentui/pull/28684) by olfedias@microsoft.com)
+- chore(cxe-coastal): migrate to new slot API ([PR #28754](https://github.com/microsoft/fluentui/pull/28754) by bernardo.sunderhus@gmail.com)
+- Bump @fluentui/react-aria to v9.3.29 ([commit](https://github.com/microsoft/fluentui/commit/d0e28b405dc91c4682aec72dd784767a3ce95c78) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.14 ([commit](https://github.com/microsoft/fluentui/commit/d0e28b405dc91c4682aec72dd784767a3ce95c78) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.7.2 ([commit](https://github.com/microsoft/fluentui/commit/d0e28b405dc91c4682aec72dd784767a3ce95c78) by beachball)
+- Bump @fluentui/react-tabster to v9.12.1 ([commit](https://github.com/microsoft/fluentui/commit/d0e28b405dc91c4682aec72dd784767a3ce95c78) by beachball)
+- Bump @fluentui/react-theme to v9.1.11 ([commit](https://github.com/microsoft/fluentui/commit/d0e28b405dc91c4682aec72dd784767a3ce95c78) by beachball)
+
 ## [9.3.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.3.0)
 
-Fri, 04 Aug 2023 08:48:21 GMT 
+Fri, 04 Aug 2023 08:52:55 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.2.0..@fluentui/react-accordion_v9.3.0)
 
 ### Minor changes

package/dist/index.d.ts

@@ -112,6 +112,10 @@ export declare type AccordionItemContextValue<Value = AccordionItemValue> = {
     open: boolean;
     disabled: boolean;
     value: Value;
+    /**
+     * @deprecated - use `requestToggle` from AccordionContent instead
+     */
+    onHeaderClick(event: AccordionToggleEvent): void;
 };
 
 export declare type AccordionItemContextValues<Value = AccordionItemValue> = {

package/lib/components/Accordion/renderAccordion.js

@@ -1,11 +1,11 @@
 /** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';
-import { getSlotsNext } from '@fluentui/react-utilities';
+import { assertSlots } from '@fluentui/react-utilities';
 import { AccordionProvider } from '../../contexts/accordion';
 /**
  * Function that renders the final JSX of the component
  */ export const renderAccordion_unstable = (state, contextValues)=>{
-    const { slots , slotProps  } = getSlotsNext(state);
-    return /*#__PURE__*/ createElement(slots.root, slotProps.root, /*#__PURE__*/ createElement(AccordionProvider, {
+    assertSlots(state);
+    return /*#__PURE__*/ createElement(state.root, null, /*#__PURE__*/ createElement(AccordionProvider, {
         value: contextValues.accordion
-    }, slotProps.root.children));
+    }, state.root.children));
 };

package/lib/components/Accordion/renderAccordion.js.map

@@ -1 +1 @@
-{"version":3,"sources":["renderAccordion.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { getSlotsNext } from '@fluentui/react-utilities';\n\nimport type { AccordionState, AccordionSlots, AccordionContextValues } from './Accordion.types';\nimport { AccordionProvider } from '../../contexts/accordion';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderAccordion_unstable = (state: AccordionState, contextValues: AccordionContextValues) => {\n  const { slots, slotProps } = getSlotsNext<AccordionSlots>(state);\n\n  return (\n    <slots.root {...slotProps.root}>\n      <AccordionProvider value={contextValues.accordion}>{slotProps.root.children}</AccordionProvider>\n    </slots.root>\n  );\n};\n"],"names":["createElement","getSlotsNext","AccordionProvider","renderAccordion_unstable","state","contextValues","slots","slotProps","root","value","accordion","children"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAE5D,SAASC,YAAY,QAAQ,4BAA4B;AAGzD,SAASC,iBAAiB,QAAQ,2BAA2B;AAE7D;;CAEC,GACD,OAAO,MAAMC,2BAA2B,CAACC,OAAuBC,gBAA0C;IACxG,MAAM,EAAEC,MAAK,EAAEC,UAAS,EAAE,GAAGN,aAA6BG;IAE1D,qBACE,AAhBJ,cAgBKE,MAAME,IAAI,EAAKD,UAAUC,IAAI,gBAC5B,AAjBN,cAiBON;QAAkBO,OAAOJ,cAAcK,SAAS;OAAGH,UAAUC,IAAI,CAACG,QAAQ;AAGjF,EAAE"}
+{"version":3,"sources":["renderAccordion.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { assertSlots } from '@fluentui/react-utilities';\n\nimport type { AccordionState, AccordionSlots, AccordionContextValues } from './Accordion.types';\nimport { AccordionProvider } from '../../contexts/accordion';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderAccordion_unstable = (state: AccordionState, contextValues: AccordionContextValues) => {\n  assertSlots<AccordionSlots>(state);\n\n  return (\n    <state.root>\n      <AccordionProvider value={contextValues.accordion}>{state.root.children}</AccordionProvider>\n    </state.root>\n  );\n};\n"],"names":["createElement","assertSlots","AccordionProvider","renderAccordion_unstable","state","contextValues","root","value","accordion","children"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAE5D,SAASC,WAAW,QAAQ,4BAA4B;AAGxD,SAASC,iBAAiB,QAAQ,2BAA2B;AAE7D;;CAEC,GACD,OAAO,MAAMC,2BAA2B,CAACC,OAAuBC,gBAA0C;IACxGJ,YAA4BG;IAE5B,qBACE,AAhBJ,cAgBKA,MAAME,IAAI,sBACT,AAjBN,cAiBOJ;QAAkBK,OAAOF,cAAcG,SAAS;OAAGJ,MAAME,IAAI,CAACG,QAAQ;AAG7E,EAAE"}

package/lib/components/Accordion/useAccordion.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { getNativeElementProps, useControllableState, useEventCallback } from '@fluentui/react-utilities';
+import { getNativeElementProps, useControllableState, useEventCallback, slot } from '@fluentui/react-utilities';
 import { useArrowNavigationGroup } from '@fluentui/react-tabster';
 /**
  * Returns the props and state required to render the component
@@ -38,10 +38,12 @@ import { useArrowNavigationGroup } from '@fluentui/react-tabster';
         components: {
             root: 'div'
         },
-        root: getNativeElementProps('div', {
+        root: slot.always(getNativeElementProps('div', {
             ...props,
             ...navigation ? arrowNavigationProps : undefined,
             ref
+        }), {
+            elementType: 'div'
         })
     };
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["useAccordion.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useControllableState, useEventCallback } from '@fluentui/react-utilities';\nimport type { AccordionProps, AccordionState } from './Accordion.types';\nimport type { AccordionItemValue } from '../AccordionItem/AccordionItem.types';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { AccordionRequestToggleData } from '../../contexts/accordion';\n\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 */\nexport const useAccordion_unstable = <Value = AccordionItemValue>(\n  props: AccordionProps<Value>,\n  ref: React.Ref<HTMLElement>,\n): AccordionState<Value> => {\n  const {\n    openItems: controlledOpenItems,\n    defaultOpenItems,\n    multiple = false,\n    collapsible = false,\n    onToggle,\n    navigation,\n  } = props;\n  const [openItems, setOpenItems] = useControllableState({\n    state: React.useMemo(() => normalizeValues(controlledOpenItems), [controlledOpenItems]),\n    defaultState: () => initializeUncontrolledOpenItems({ defaultOpenItems, multiple }),\n    initialState: [],\n  });\n\n  const arrowNavigationProps = useArrowNavigationGroup({\n    circular: navigation === 'circular',\n    tabbable: true,\n  });\n\n  const requestToggle = useEventCallback((data: AccordionRequestToggleData<Value>) => {\n    const nextOpenItems = updateOpenItems(data.value, openItems, multiple, collapsible);\n    onToggle?.(data.event, { value: data.value, openItems: nextOpenItems });\n    setOpenItems(nextOpenItems);\n  });\n\n  return {\n    collapsible,\n    multiple,\n    navigation,\n    openItems,\n    requestToggle,\n    components: {\n      root: 'div',\n    },\n    root: getNativeElementProps('div', {\n      ...props,\n      ...(navigation ? arrowNavigationProps : undefined),\n      ref,\n    }),\n  };\n};\n\n/**\n * Initial value for the uncontrolled case of the list of open indexes\n */\nfunction initializeUncontrolledOpenItems<Value = AccordionItemValue>({\n  defaultOpenItems,\n  multiple,\n}: Pick<AccordionProps<Value>, 'defaultOpenItems' | 'multiple'>): Value[] {\n  if (defaultOpenItems !== undefined) {\n    if (Array.isArray(defaultOpenItems)) {\n      return multiple ? defaultOpenItems : [defaultOpenItems[0]];\n    }\n    return [defaultOpenItems];\n  }\n  return [];\n}\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 */\nfunction updateOpenItems<Value = AccordionItemValue>(\n  value: Value,\n  previousOpenItems: Value[],\n  multiple: boolean,\n  collapsible: boolean,\n) {\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 [...previousOpenItems, value].sort();\n    }\n  } else {\n    return previousOpenItems[0] === value && collapsible ? [] : [value];\n  }\n  return previousOpenItems;\n}\n\n/**\n * Normalizes Accordion index into an array of indexes\n */\nfunction normalizeValues<Value = AccordionItemValue>(index?: Value | Value[]): Value[] | undefined {\n  if (index === undefined) {\n    return undefined;\n  }\n  return Array.isArray(index) ? index : [index];\n}\n"],"names":["React","getNativeElementProps","useControllableState","useEventCallback","useArrowNavigationGroup","useAccordion_unstable","props","ref","openItems","controlledOpenItems","defaultOpenItems","multiple","collapsible","onToggle","navigation","setOpenItems","state","useMemo","normalizeValues","defaultState","initializeUncontrolledOpenItems","initialState","arrowNavigationProps","circular","tabbable","requestToggle","data","nextOpenItems","updateOpenItems","value","event","components","root","undefined","Array","isArray","previousOpenItems","includes","length","filter","i","sort","index"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,EAAEC,oBAAoB,EAAEC,gBAAgB,QAAQ,4BAA4B;AAG1G,SAASC,uBAAuB,QAAQ,0BAA0B;AAGlE;;;;CAIC,GACD,OAAO,MAAMC,wBAAwB,CACnCC,OACAC,MAC0B;IAC1B,MAAM,EACJC,WAAWC,oBAAmB,EAC9BC,iBAAgB,EAChBC,UAAW,KAAK,CAAA,EAChBC,aAAc,KAAK,CAAA,EACnBC,SAAQ,EACRC,WAAU,EACX,GAAGR;IACJ,MAAM,CAACE,WAAWO,aAAa,GAAGb,qBAAqB;QACrDc,OAAOhB,MAAMiB,OAAO,CAAC,IAAMC,gBAAgBT,sBAAsB;YAACA;SAAoB;QACtFU,cAAc,IAAMC,gCAAgC;gBAAEV;gBAAkBC;YAAS;QACjFU,cAAc,EAAE;IAClB;IAEA,MAAMC,uBAAuBlB,wBAAwB;QACnDmB,UAAUT,eAAe;QACzBU,UAAU,IAAI;IAChB;IAEA,MAAMC,gBAAgBtB,iBAAiB,CAACuB,OAA4C;QAClF,MAAMC,gBAAgBC,gBAAgBF,KAAKG,KAAK,EAAErB,WAAWG,UAAUC;QACvEC,qBAAAA,sBAAAA,KAAAA,IAAAA,SAAWa,KAAKI,KAAK,EAAE;YAAED,OAAOH,KAAKG,KAAK;YAAErB,WAAWmB;QAAc;QACrEZ,aAAaY;IACf;IAEA,OAAO;QACLf;QACAD;QACAG;QACAN;QACAiB;QACAM,YAAY;YACVC,MAAM;QACR;QACAA,MAAM/B,sBAAsB,OAAO;YACjC,GAAGK,KAAK;YACR,GAAIQ,aAAaQ,uBAAuBW,SAAS;YACjD1B;QACF;IACF;AACF,EAAE;AAEF;;CAEC,GACD,SAASa,gCAA4D,EACnEV,iBAAgB,EAChBC,SAAQ,EACqD,EAAW;IACxE,IAAID,qBAAqBuB,WAAW;QAClC,IAAIC,MAAMC,OAAO,CAACzB,mBAAmB;YACnC,OAAOC,WAAWD,mBAAmB;gBAACA,gBAAgB,CAAC,EAAE;aAAC;QAC5D,CAAC;QACD,OAAO;YAACA;SAAiB;IAC3B,CAAC;IACD,OAAO,EAAE;AACX;AAEA;;;;;;CAMC,GACD,SAASkB,gBACPC,KAAY,EACZO,iBAA0B,EAC1BzB,QAAiB,EACjBC,WAAoB,EACpB;IACA,IAAID,UAAU;QACZ,IAAIyB,kBAAkBC,QAAQ,CAACR,QAAQ;YACrC,IAAIO,kBAAkBE,MAAM,GAAG,KAAK1B,aAAa;gBAC/C,OAAOwB,kBAAkBG,MAAM,CAACC,CAAAA,IAAKA,MAAMX;YAC7C,CAAC;QACH,OAAO;YACL,OAAO;mBAAIO;gBAAmBP;aAAM,CAACY,IAAI;QAC3C,CAAC;IACH,OAAO;QACL,OAAOL,iBAAiB,CAAC,EAAE,KAAKP,SAASjB,cAAc,EAAE,GAAG;YAACiB;SAAM;IACrE,CAAC;IACD,OAAOO;AACT;AAEA;;CAEC,GACD,SAASlB,gBAA4CwB,KAAuB,EAAuB;IACjG,IAAIA,UAAUT,WAAW;QACvB,OAAOA;IACT,CAAC;IACD,OAAOC,MAAMC,OAAO,CAACO,SAASA,QAAQ;QAACA;KAAM;AAC/C"}
+{"version":3,"sources":["useAccordion.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, useControllableState, useEventCallback, slot } from '@fluentui/react-utilities';\nimport type { AccordionProps, AccordionState } from './Accordion.types';\nimport type { AccordionItemValue } from '../AccordionItem/AccordionItem.types';\nimport { useArrowNavigationGroup } from '@fluentui/react-tabster';\nimport { AccordionRequestToggleData } from '../../contexts/accordion';\n\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 */\nexport const useAccordion_unstable = <Value = AccordionItemValue>(\n  props: AccordionProps<Value>,\n  ref: React.Ref<HTMLElement>,\n): AccordionState<Value> => {\n  const {\n    openItems: controlledOpenItems,\n    defaultOpenItems,\n    multiple = false,\n    collapsible = false,\n    onToggle,\n    navigation,\n  } = props;\n  const [openItems, setOpenItems] = useControllableState({\n    state: React.useMemo(() => normalizeValues(controlledOpenItems), [controlledOpenItems]),\n    defaultState: () => initializeUncontrolledOpenItems({ defaultOpenItems, multiple }),\n    initialState: [],\n  });\n\n  const arrowNavigationProps = useArrowNavigationGroup({\n    circular: navigation === 'circular',\n    tabbable: true,\n  });\n\n  const requestToggle = useEventCallback((data: AccordionRequestToggleData<Value>) => {\n    const nextOpenItems = updateOpenItems(data.value, openItems, multiple, collapsible);\n    onToggle?.(data.event, { value: data.value, openItems: nextOpenItems });\n    setOpenItems(nextOpenItems);\n  });\n\n  return {\n    collapsible,\n    multiple,\n    navigation,\n    openItems,\n    requestToggle,\n    components: {\n      root: 'div',\n    },\n    root: slot.always(\n      getNativeElementProps('div', {\n        ...props,\n        ...(navigation ? arrowNavigationProps : undefined),\n        ref,\n      }),\n      { elementType: 'div' },\n    ),\n  };\n};\n\n/**\n * Initial value for the uncontrolled case of the list of open indexes\n */\nfunction initializeUncontrolledOpenItems<Value = AccordionItemValue>({\n  defaultOpenItems,\n  multiple,\n}: Pick<AccordionProps<Value>, 'defaultOpenItems' | 'multiple'>): Value[] {\n  if (defaultOpenItems !== undefined) {\n    if (Array.isArray(defaultOpenItems)) {\n      return multiple ? defaultOpenItems : [defaultOpenItems[0]];\n    }\n    return [defaultOpenItems];\n  }\n  return [];\n}\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 */\nfunction updateOpenItems<Value = AccordionItemValue>(\n  value: Value,\n  previousOpenItems: Value[],\n  multiple: boolean,\n  collapsible: boolean,\n) {\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 [...previousOpenItems, value].sort();\n    }\n  } else {\n    return previousOpenItems[0] === value && collapsible ? [] : [value];\n  }\n  return previousOpenItems;\n}\n\n/**\n * Normalizes Accordion index into an array of indexes\n */\nfunction normalizeValues<Value = AccordionItemValue>(index?: Value | Value[]): Value[] | undefined {\n  if (index === undefined) {\n    return undefined;\n  }\n  return Array.isArray(index) ? index : [index];\n}\n"],"names":["React","getNativeElementProps","useControllableState","useEventCallback","slot","useArrowNavigationGroup","useAccordion_unstable","props","ref","openItems","controlledOpenItems","defaultOpenItems","multiple","collapsible","onToggle","navigation","setOpenItems","state","useMemo","normalizeValues","defaultState","initializeUncontrolledOpenItems","initialState","arrowNavigationProps","circular","tabbable","requestToggle","data","nextOpenItems","updateOpenItems","value","event","components","root","always","undefined","elementType","Array","isArray","previousOpenItems","includes","length","filter","i","sort","index"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,EAAEC,oBAAoB,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,4BAA4B;AAGhH,SAASC,uBAAuB,QAAQ,0BAA0B;AAGlE;;;;CAIC,GACD,OAAO,MAAMC,wBAAwB,CACnCC,OACAC,MAC0B;IAC1B,MAAM,EACJC,WAAWC,oBAAmB,EAC9BC,iBAAgB,EAChBC,UAAW,KAAK,CAAA,EAChBC,aAAc,KAAK,CAAA,EACnBC,SAAQ,EACRC,WAAU,EACX,GAAGR;IACJ,MAAM,CAACE,WAAWO,aAAa,GAAGd,qBAAqB;QACrDe,OAAOjB,MAAMkB,OAAO,CAAC,IAAMC,gBAAgBT,sBAAsB;YAACA;SAAoB;QACtFU,cAAc,IAAMC,gCAAgC;gBAAEV;gBAAkBC;YAAS;QACjFU,cAAc,EAAE;IAClB;IAEA,MAAMC,uBAAuBlB,wBAAwB;QACnDmB,UAAUT,eAAe;QACzBU,UAAU,IAAI;IAChB;IAEA,MAAMC,gBAAgBvB,iBAAiB,CAACwB,OAA4C;QAClF,MAAMC,gBAAgBC,gBAAgBF,KAAKG,KAAK,EAAErB,WAAWG,UAAUC;QACvEC,qBAAAA,sBAAAA,KAAAA,IAAAA,SAAWa,KAAKI,KAAK,EAAE;YAAED,OAAOH,KAAKG,KAAK;YAAErB,WAAWmB;QAAc;QACrEZ,aAAaY;IACf;IAEA,OAAO;QACLf;QACAD;QACAG;QACAN;QACAiB;QACAM,YAAY;YACVC,MAAM;QACR;QACAA,MAAM7B,KAAK8B,MAAM,CACfjC,sBAAsB,OAAO;YAC3B,GAAGM,KAAK;YACR,GAAIQ,aAAaQ,uBAAuBY,SAAS;YACjD3B;QACF,IACA;YAAE4B,aAAa;QAAM;IAEzB;AACF,EAAE;AAEF;;CAEC,GACD,SAASf,gCAA4D,EACnEV,iBAAgB,EAChBC,SAAQ,EACqD,EAAW;IACxE,IAAID,qBAAqBwB,WAAW;QAClC,IAAIE,MAAMC,OAAO,CAAC3B,mBAAmB;YACnC,OAAOC,WAAWD,mBAAmB;gBAACA,gBAAgB,CAAC,EAAE;aAAC;QAC5D,CAAC;QACD,OAAO;YAACA;SAAiB;IAC3B,CAAC;IACD,OAAO,EAAE;AACX;AAEA;;;;;;CAMC,GACD,SAASkB,gBACPC,KAAY,EACZS,iBAA0B,EAC1B3B,QAAiB,EACjBC,WAAoB,EACpB;IACA,IAAID,UAAU;QACZ,IAAI2B,kBAAkBC,QAAQ,CAACV,QAAQ;YACrC,IAAIS,kBAAkBE,MAAM,GAAG,KAAK5B,aAAa;gBAC/C,OAAO0B,kBAAkBG,MAAM,CAACC,CAAAA,IAAKA,MAAMb;YAC7C,CAAC;QACH,OAAO;YACL,OAAO;mBAAIS;gBAAmBT;aAAM,CAACc,IAAI;QAC3C,CAAC;IACH,OAAO;QACL,OAAOL,iBAAiB,CAAC,EAAE,KAAKT,SAASjB,cAAc,EAAE,GAAG;YAACiB;SAAM;IACrE,CAAC;IACD,OAAOS;AACT;AAEA;;CAEC,GACD,SAASpB,gBAA4C0B,KAAuB,EAAuB;IACjG,IAAIA,UAAUV,WAAW;QACvB,OAAOA;IACT,CAAC;IACD,OAAOE,MAAMC,OAAO,CAACO,SAASA,QAAQ;QAACA;KAAM;AAC/C"}

package/lib/components/AccordionHeader/renderAccordionHeader.js

@@ -1,11 +1,11 @@
 /** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';
-import { getSlotsNext } from '@fluentui/react-utilities';
+import { assertSlots } from '@fluentui/react-utilities';
 import { AccordionHeaderProvider } from '../../contexts/accordionHeader';
 /**
  * Function that renders the final JSX of the component
  */ export const renderAccordionHeader_unstable = (state, contextValues)=>{
-    const { slots , slotProps  } = getSlotsNext(state);
+    assertSlots(state);
     return /*#__PURE__*/ createElement(AccordionHeaderProvider, {
         value: contextValues.accordionHeader
-    }, /*#__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))));
+    }, /*#__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))));
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["renderAccordionHeader.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport type { AccordionHeaderState, AccordionHeaderSlots, AccordionHeaderContextValues } from './AccordionHeader.types';\nimport { AccordionHeaderProvider } from '../../contexts/accordionHeader';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderAccordionHeader_unstable = (\n  state: AccordionHeaderState,\n  contextValues: AccordionHeaderContextValues,\n) => {\n  const { slots, slotProps } = getSlotsNext<AccordionHeaderSlots>(state);\n\n  return (\n    <AccordionHeaderProvider value={contextValues.accordionHeader}>\n      <slots.root {...slotProps.root}>\n        <slots.button {...slotProps.button}>\n          {state.expandIconPosition === 'start' && slots.expandIcon && <slots.expandIcon {...slotProps.expandIcon} />}\n          {slots.icon && <slots.icon {...slotProps.icon} />}\n          {slotProps.root.children}\n          {state.expandIconPosition === 'end' && slots.expandIcon && <slots.expandIcon {...slotProps.expandIcon} />}\n        </slots.button>\n      </slots.root>\n    </AccordionHeaderProvider>\n  );\n};\n"],"names":["createElement","getSlotsNext","AccordionHeaderProvider","renderAccordionHeader_unstable","state","contextValues","slots","slotProps","value","accordionHeader","root","button","expandIconPosition","expandIcon","icon","children"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAE5D,SAASC,YAAY,QAAQ,4BAA4B;AAEzD,SAASC,uBAAuB,QAAQ,iCAAiC;AAEzE;;CAEC,GACD,OAAO,MAAMC,iCAAiC,CAC5CC,OACAC,gBACG;IACH,MAAM,EAAEC,MAAK,EAAEC,UAAS,EAAE,GAAGN,aAAmCG;IAEhE,qBACE,AAlBJ,cAkBKF;QAAwBM,OAAOH,cAAcI,eAAe;qBAC3D,AAnBN,cAmBOH,MAAMI,IAAI,EAAKH,UAAUG,IAAI,gBAC5B,AApBR,cAoBSJ,MAAMK,MAAM,EAAKJ,UAAUI,MAAM,EAC/BP,MAAMQ,kBAAkB,KAAK,WAAWN,MAAMO,UAAU,kBAAI,AArBvE,cAqBwEP,MAAMO,UAAU,EAAKN,UAAUM,UAAU,GACtGP,MAAMQ,IAAI,kBAAI,AAtBzB,cAsB0BR,MAAMQ,IAAI,EAAKP,UAAUO,IAAI,GAC5CP,UAAUG,IAAI,CAACK,QAAQ,EACvBX,MAAMQ,kBAAkB,KAAK,SAASN,MAAMO,UAAU,kBAAI,AAxBrE,cAwBsEP,MAAMO,UAAU,EAAKN,UAAUM,UAAU;AAK/G,EAAE"}
+{"version":3,"sources":["renderAccordionHeader.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { AccordionHeaderState, AccordionHeaderSlots, AccordionHeaderContextValues } from './AccordionHeader.types';\nimport { AccordionHeaderProvider } from '../../contexts/accordionHeader';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderAccordionHeader_unstable = (\n  state: AccordionHeaderState,\n  contextValues: AccordionHeaderContextValues,\n) => {\n  assertSlots<AccordionHeaderSlots>(state);\n\n  return (\n    <AccordionHeaderProvider value={contextValues.accordionHeader}>\n      <state.root>\n        <state.button>\n          {state.expandIconPosition === 'start' && state.expandIcon && <state.expandIcon />}\n          {state.icon && <state.icon />}\n          {state.root.children}\n          {state.expandIconPosition === 'end' && state.expandIcon && <state.expandIcon />}\n        </state.button>\n      </state.root>\n    </AccordionHeaderProvider>\n  );\n};\n"],"names":["createElement","assertSlots","AccordionHeaderProvider","renderAccordionHeader_unstable","state","contextValues","value","accordionHeader","root","button","expandIconPosition","expandIcon","icon","children"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAE5D,SAASC,WAAW,QAAQ,4BAA4B;AAExD,SAASC,uBAAuB,QAAQ,iCAAiC;AAEzE;;CAEC,GACD,OAAO,MAAMC,iCAAiC,CAC5CC,OACAC,gBACG;IACHJ,YAAkCG;IAElC,qBACE,AAlBJ,cAkBKF;QAAwBI,OAAOD,cAAcE,eAAe;qBAC3D,AAnBN,cAmBOH,MAAMI,IAAI,sBACT,AApBR,cAoBSJ,MAAMK,MAAM,QACVL,MAAMM,kBAAkB,KAAK,WAAWN,MAAMO,UAAU,kBAAI,AArBvE,cAqBwEP,MAAMO,UAAU,SAC7EP,MAAMQ,IAAI,kBAAI,AAtBzB,cAsB0BR,MAAMQ,IAAI,SACzBR,MAAMI,IAAI,CAACK,QAAQ,EACnBT,MAAMM,kBAAkB,KAAK,SAASN,MAAMO,UAAU,kBAAI,AAxBrE,cAwBsEP,MAAMO,UAAU;AAKtF,EAAE"}

package/lib/components/AccordionHeader/useAccordionHeader.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { getNativeElementProps, isResolvedShorthand, resolveShorthand, useEventCallback } from '@fluentui/react-utilities';
+import { getNativeElementProps, isResolvedShorthand, useEventCallback, slot } from '@fluentui/react-utilities';
 import { useARIAButtonShorthand } from '@fluentui/react-aria';
 import { useAccordionContext_unstable } from '../../contexts/accordion';
 import { ChevronRightRegular } from '@fluentui/react-icons';
@@ -39,13 +39,17 @@ import { useAccordionItemContext_unstable } from '../../contexts/accordionItem';
             expandIcon: 'span',
             icon: 'div'
         },
-        root: getNativeElementProps(as || 'div', {
+        root: slot.always(getNativeElementProps(as || 'div', {
             ref,
             ...props
+        }), {
+            elementType: 'div'
         }),
-        icon: resolveShorthand(icon),
-        expandIcon: resolveShorthand(expandIcon, {
-            required: true,
+        icon: slot.optional(icon, {
+            elementType: 'div'
+        }),
+        expandIcon: slot.optional(expandIcon, {
+            renderByDefault: true,
             defaultProps: {
                 children: /*#__PURE__*/ React.createElement(ChevronRightRegular, {
                     style: {
@@ -53,9 +57,10 @@ import { useAccordionItemContext_unstable } from '../../contexts/accordionItem';
                     }
                 }),
                 'aria-hidden': true
-            }
+            },
+            elementType: 'span'
         }),
-        button: resolveShorthand({
+        button: slot.always({
             ...useARIAButtonShorthand(button, {
                 required: true,
                 defaultProps: {
@@ -78,7 +83,7 @@ import { useAccordionItemContext_unstable } from '../../contexts/accordionItem';
                 }
             })
         }, {
-            required: true
+            elementType: 'button'
         })
     };
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["useAccordionHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  getNativeElementProps,\n  isResolvedShorthand,\n  resolveShorthand,\n  useEventCallback,\n} from '@fluentui/react-utilities';\nimport { ARIAButtonSlotProps, useARIAButtonShorthand } from '@fluentui/react-aria';\nimport type { AccordionHeaderProps, AccordionHeaderState } from './AccordionHeader.types';\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/**\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 */\nexport const useAccordionHeader_unstable = (\n  props: AccordionHeaderProps,\n  ref: React.Ref<HTMLElement>,\n): AccordionHeaderState => {\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  /**\n   * force disabled state on button if accordion isn't collapsible\n   * and this is the only item opened\n   */\n  const disabledFocusable = useAccordionContext_unstable(ctx => !ctx.collapsible && ctx.openItems.length === 1 && open);\n\n  const { dir } = useFluent();\n\n  // Calculate how to rotate the expand icon [>] (ChevronRightRegular)\n  let expandIconRotation: 0 | 90 | -90 | 180;\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\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: <ChevronRightRegular style={{ transform: `rotate(${expandIconRotation}deg)` }} />,\n        'aria-hidden': true,\n      },\n    }),\n    button: resolveShorthand<ARIAButtonSlotProps<'a'>>(\n      {\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            button.onClick?.(event);\n          }\n          if (!event.defaultPrevented) {\n            requestToggle({ value, event });\n          }\n        }),\n      },\n      { required: true },\n    ),\n  };\n};\n"],"names":["React","getNativeElementProps","isResolvedShorthand","resolveShorthand","useEventCallback","useARIAButtonShorthand","useAccordionContext_unstable","ChevronRightRegular","useFluent_unstable","useFluent","useAccordionItemContext_unstable","useAccordionHeader_unstable","props","ref","as","icon","button","expandIcon","inline","size","expandIconPosition","value","disabled","open","requestToggle","ctx","disabledFocusable","collapsible","openItems","length","dir","expandIconRotation","components","root","required","defaultProps","children","style","transform","type","onClick","event","defaultPrevented"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SACEC,qBAAqB,EACrBC,mBAAmB,EACnBC,gBAAgB,EAChBC,gBAAgB,QACX,4BAA4B;AACnC,SAA8BC,sBAAsB,QAAQ,uBAAuB;AAEnF,SAASC,4BAA4B,QAAQ,2BAA2B;AACxE,SAASC,mBAAmB,QAAQ,wBAAwB;AAC5D,SAASC,sBAAsBC,SAAS,QAAQ,kCAAkC;AAClF,SAASC,gCAAgC,QAAQ,+BAA+B;AAEhF;;;;CAIC,GACD,OAAO,MAAMC,8BAA8B,CACzCC,OACAC,MACyB;IACzB,MAAM,EAAEC,GAAE,EAAEC,KAAI,EAAEC,OAAM,EAAEC,WAAU,EAAEC,QAAS,KAAK,CAAA,EAAEC,MAAO,SAAQ,EAAEC,oBAAqB,QAAO,EAAE,GAAGR;IACxG,MAAM,EAAES,MAAK,EAAEC,SAAQ,EAAEC,KAAI,EAAE,GAAGb;IAClC,MAAMc,gBAAgBlB,6BAA6BmB,CAAAA,MAAOA,IAAID,aAAa;IAE3E;;;GAGC,GACD,MAAME,oBAAoBpB,6BAA6BmB,CAAAA,MAAO,CAACA,IAAIE,WAAW,IAAIF,IAAIG,SAAS,CAACC,MAAM,KAAK,KAAKN;IAEhH,MAAM,EAAEO,IAAG,EAAE,GAAGrB;IAEhB,oEAAoE;IACpE,IAAIsB;IACJ,IAAIX,uBAAuB,OAAO;QAChC,8FAA8F;QAC9FW,qBAAqBR,OAAO,CAAC,KAAK,EAAE;IACtC,OAAO;QACL,mGAAmG;QACnGQ,qBAAqBR,OAAO,KAAKO,QAAQ,QAAQ,IAAI,GAAG;IAC1D,CAAC;IAED,OAAO;QACLR;QACAC;QACAJ;QACAD;QACAE;QACAY,YAAY;YACVC,MAAM;YACNjB,QAAQ;YACRC,YAAY;YACZF,MAAM;QACR;QACAkB,MAAMhC,sBAAsBa,MAAM,OAAO;YACvCD;YACA,GAAGD,KAAK;QACV;QACAG,MAAMZ,iBAAiBY;QACvBE,YAAYd,iBAAiBc,YAAY;YACvCiB,UAAU,IAAI;YACdC,cAAc;gBACZC,wBAAU,oBAAC7B;oBAAoB8B,OAAO;wBAAEC,WAAW,CAAC,OAAO,EAAEP,mBAAmB,IAAI,CAAC;oBAAC;;gBACtF,eAAe,IAAI;YACrB;QACF;QACAf,QAAQb,iBACN;YACE,GAAGE,uBAAuBW,QAAQ;gBAChCkB,UAAU,IAAI;gBACdC,cAAc;oBACZb;oBACAI;oBACA,iBAAiBH;oBACjBgB,MAAM;gBACR;YACF,EAAE;YACFC,SAASpC,iBAAiBqC,CAAAA,QAAS;gBACjC,IAAIvC,oBAAoBc,SAAS;wBAC/BA;oBAAAA,CAAAA,kBAAAA,OAAOwB,OAAO,cAAdxB,6BAAAA,KAAAA,IAAAA,gBAAAA,KAAAA,QAAiByB;gBACnB,CAAC;gBACD,IAAI,CAACA,MAAMC,gBAAgB,EAAE;oBAC3BlB,cAAc;wBAAEH;wBAAOoB;oBAAM;gBAC/B,CAAC;YACH;QACF,GACA;YAAEP,UAAU,IAAI;QAAC;IAErB;AACF,EAAE"}
+{"version":3,"sources":["useAccordionHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, isResolvedShorthand, useEventCallback, slot } from '@fluentui/react-utilities';\nimport { ARIAButtonSlotProps, useARIAButtonShorthand } from '@fluentui/react-aria';\nimport type { AccordionHeaderProps, AccordionHeaderState } from './AccordionHeader.types';\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/**\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 */\nexport const useAccordionHeader_unstable = (\n  props: AccordionHeaderProps,\n  ref: React.Ref<HTMLElement>,\n): AccordionHeaderState => {\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  /**\n   * force disabled state on button if accordion isn't collapsible\n   * and this is the only item opened\n   */\n  const disabledFocusable = useAccordionContext_unstable(ctx => !ctx.collapsible && ctx.openItems.length === 1 && open);\n\n  const { dir } = useFluent();\n\n  // Calculate how to rotate the expand icon [>] (ChevronRightRegular)\n  let expandIconRotation: 0 | 90 | -90 | 180;\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\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(\n      getNativeElementProps(as || 'div', {\n        ref,\n        ...props,\n      }),\n      { elementType: 'div' },\n    ),\n    icon: slot.optional(icon, { elementType: 'div' }),\n    expandIcon: slot.optional(expandIcon, {\n      renderByDefault: true,\n      defaultProps: {\n        children: <ChevronRightRegular style={{ transform: `rotate(${expandIconRotation}deg)` }} />,\n        'aria-hidden': true,\n      },\n      elementType: 'span',\n    }),\n    button: slot.always<ARIAButtonSlotProps<'a'>>(\n      {\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            button.onClick?.(event);\n          }\n          if (!event.defaultPrevented) {\n            requestToggle({ value, event });\n          }\n        }),\n      },\n      { elementType: 'button' },\n    ),\n  };\n};\n"],"names":["React","getNativeElementProps","isResolvedShorthand","useEventCallback","slot","useARIAButtonShorthand","useAccordionContext_unstable","ChevronRightRegular","useFluent_unstable","useFluent","useAccordionItemContext_unstable","useAccordionHeader_unstable","props","ref","as","icon","button","expandIcon","inline","size","expandIconPosition","value","disabled","open","requestToggle","ctx","disabledFocusable","collapsible","openItems","length","dir","expandIconRotation","components","root","always","elementType","optional","renderByDefault","defaultProps","children","style","transform","required","type","onClick","event","defaultPrevented"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,EAAEC,mBAAmB,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,4BAA4B;AAC/G,SAA8BC,sBAAsB,QAAQ,uBAAuB;AAEnF,SAASC,4BAA4B,QAAQ,2BAA2B;AACxE,SAASC,mBAAmB,QAAQ,wBAAwB;AAC5D,SAASC,sBAAsBC,SAAS,QAAQ,kCAAkC;AAClF,SAASC,gCAAgC,QAAQ,+BAA+B;AAEhF;;;;CAIC,GACD,OAAO,MAAMC,8BAA8B,CACzCC,OACAC,MACyB;IACzB,MAAM,EAAEC,GAAE,EAAEC,KAAI,EAAEC,OAAM,EAAEC,WAAU,EAAEC,QAAS,KAAK,CAAA,EAAEC,MAAO,SAAQ,EAAEC,oBAAqB,QAAO,EAAE,GAAGR;IACxG,MAAM,EAAES,MAAK,EAAEC,SAAQ,EAAEC,KAAI,EAAE,GAAGb;IAClC,MAAMc,gBAAgBlB,6BAA6BmB,CAAAA,MAAOA,IAAID,aAAa;IAE3E;;;GAGC,GACD,MAAME,oBAAoBpB,6BAA6BmB,CAAAA,MAAO,CAACA,IAAIE,WAAW,IAAIF,IAAIG,SAAS,CAACC,MAAM,KAAK,KAAKN;IAEhH,MAAM,EAAEO,IAAG,EAAE,GAAGrB;IAEhB,oEAAoE;IACpE,IAAIsB;IACJ,IAAIX,uBAAuB,OAAO;QAChC,8FAA8F;QAC9FW,qBAAqBR,OAAO,CAAC,KAAK,EAAE;IACtC,OAAO;QACL,mGAAmG;QACnGQ,qBAAqBR,OAAO,KAAKO,QAAQ,QAAQ,IAAI,GAAG;IAC1D,CAAC;IAED,OAAO;QACLR;QACAC;QACAJ;QACAD;QACAE;QACAY,YAAY;YACVC,MAAM;YACNjB,QAAQ;YACRC,YAAY;YACZF,MAAM;QACR;QACAkB,MAAM7B,KAAK8B,MAAM,CACfjC,sBAAsBa,MAAM,OAAO;YACjCD;YACA,GAAGD,KAAK;QACV,IACA;YAAEuB,aAAa;QAAM;QAEvBpB,MAAMX,KAAKgC,QAAQ,CAACrB,MAAM;YAAEoB,aAAa;QAAM;QAC/ClB,YAAYb,KAAKgC,QAAQ,CAACnB,YAAY;YACpCoB,iBAAiB,IAAI;YACrBC,cAAc;gBACZC,wBAAU,oBAAChC;oBAAoBiC,OAAO;wBAAEC,WAAW,CAAC,OAAO,EAAEV,mBAAmB,IAAI,CAAC;oBAAC;;gBACtF,eAAe,IAAI;YACrB;YACAI,aAAa;QACf;QACAnB,QAAQZ,KAAK8B,MAAM,CACjB;YACE,GAAG7B,uBAAuBW,QAAQ;gBAChC0B,UAAU,IAAI;gBACdJ,cAAc;oBACZhB;oBACAI;oBACA,iBAAiBH;oBACjBoB,MAAM;gBACR;YACF,EAAE;YACFC,SAASzC,iBAAiB0C,CAAAA,QAAS;gBACjC,IAAI3C,oBAAoBc,SAAS;wBAC/BA;oBAAAA,CAAAA,kBAAAA,OAAO4B,OAAO,cAAd5B,6BAAAA,KAAAA,IAAAA,gBAAAA,KAAAA,QAAiB6B;gBACnB,CAAC;gBACD,IAAI,CAACA,MAAMC,gBAAgB,EAAE;oBAC3BtB,cAAc;wBAAEH;wBAAOwB;oBAAM;gBAC/B,CAAC;YACH;QACF,GACA;YAAEV,aAAa;QAAS;IAE5B;AACF,EAAE"}

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

@@ -152,7 +152,7 @@ const useStyles = /*#__PURE__*/__styles({
     Be2twd7: "f1pp30po"
   }
 }, {
-  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;}"],
+  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;}"],
   f: [".ftqa4ok:focus{outline-style:none;}"],
   i: [".f2hkw1w:focus-visible{outline-style:none;}"]
 });

package/lib/components/AccordionItem/renderAccordionItem.js

@@ -1,11 +1,11 @@
 /** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';
-import { getSlotsNext } from '@fluentui/react-utilities';
+import { assertSlots } from '@fluentui/react-utilities';
 import { AccordionItemProvider } from '../../contexts/accordionItem';
 /**
  * Function that renders the final JSX of the component
  */ export const renderAccordionItem_unstable = (state, contextValues)=>{
-    const { slots , slotProps  } = getSlotsNext(state);
-    return /*#__PURE__*/ createElement(slots.root, slotProps.root, /*#__PURE__*/ createElement(AccordionItemProvider, {
+    assertSlots(state);
+    return /*#__PURE__*/ createElement(state.root, null, /*#__PURE__*/ createElement(AccordionItemProvider, {
         value: contextValues.accordionItem
-    }, slotProps.root.children));
+    }, state.root.children));
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["renderAccordionItem.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport type { AccordionItemState, AccordionItemSlots, AccordionItemContextValues } from './AccordionItem.types';\nimport { AccordionItemProvider } from '../../contexts/accordionItem';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderAccordionItem_unstable = (state: AccordionItemState, contextValues: AccordionItemContextValues) => {\n  const { slots, slotProps } = getSlotsNext<AccordionItemSlots>(state);\n\n  return (\n    <slots.root {...slotProps.root}>\n      <AccordionItemProvider value={contextValues.accordionItem}>{slotProps.root.children}</AccordionItemProvider>\n    </slots.root>\n  );\n};\n"],"names":["createElement","getSlotsNext","AccordionItemProvider","renderAccordionItem_unstable","state","contextValues","slots","slotProps","root","value","accordionItem","children"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAE5D,SAASC,YAAY,QAAQ,4BAA4B;AAEzD,SAASC,qBAAqB,QAAQ,+BAA+B;AAErE;;CAEC,GACD,OAAO,MAAMC,+BAA+B,CAACC,OAA2BC,gBAA8C;IACpH,MAAM,EAAEC,MAAK,EAAEC,UAAS,EAAE,GAAGN,aAAiCG;IAE9D,qBACE,AAfJ,cAeKE,MAAME,IAAI,EAAKD,UAAUC,IAAI,gBAC5B,AAhBN,cAgBON;QAAsBO,OAAOJ,cAAcK,aAAa;OAAGH,UAAUC,IAAI,CAACG,QAAQ;AAGzF,EAAE"}
+{"version":3,"sources":["renderAccordionItem.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { AccordionItemState, AccordionItemSlots, AccordionItemContextValues } from './AccordionItem.types';\nimport { AccordionItemProvider } from '../../contexts/accordionItem';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderAccordionItem_unstable = (state: AccordionItemState, contextValues: AccordionItemContextValues) => {\n  assertSlots<AccordionItemSlots>(state);\n\n  return (\n    <state.root>\n      <AccordionItemProvider value={contextValues.accordionItem}>{state.root.children}</AccordionItemProvider>\n    </state.root>\n  );\n};\n"],"names":["createElement","assertSlots","AccordionItemProvider","renderAccordionItem_unstable","state","contextValues","root","value","accordionItem","children"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAE5D,SAASC,WAAW,QAAQ,4BAA4B;AAExD,SAASC,qBAAqB,QAAQ,+BAA+B;AAErE;;CAEC,GACD,OAAO,MAAMC,+BAA+B,CAACC,OAA2BC,gBAA8C;IACpHJ,YAAgCG;IAEhC,qBACE,AAfJ,cAeKA,MAAME,IAAI,sBACT,AAhBN,cAgBOJ;QAAsBK,OAAOF,cAAcG,aAAa;OAAGJ,MAAME,IAAI,CAACG,QAAQ;AAGrF,EAAE"}

package/lib/components/AccordionItem/useAccordionItem.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { getNativeElementProps } from '@fluentui/react-utilities';
+import { getNativeElementProps, slot, useEventCallback } from '@fluentui/react-utilities';
 import { useAccordionContext_unstable } from '../../contexts/accordion';
 /**
  * Returns the props and state required to render the component
@@ -7,17 +7,25 @@ import { useAccordionContext_unstable } from '../../contexts/accordion';
  * @param ref - reference to root HTMLElement of AccordionItem
  */ export const useAccordionItem_unstable = (props, ref)=>{
     const { value , disabled =false  } = props;
+    const requestToggle = useAccordionContext_unstable((ctx)=>ctx.requestToggle);
     const open = useAccordionContext_unstable((ctx)=>ctx.openItems.includes(value));
+    const onAccordionHeaderClick = useEventCallback((event)=>requestToggle({
+            event,
+            value
+        }));
     return {
         open,
         value,
         disabled,
+        onHeaderClick: onAccordionHeaderClick,
         components: {
             root: 'div'
         },
-        root: getNativeElementProps('div', {
+        root: slot.always(getNativeElementProps('div', {
             ref,
             ...props
+        }), {
+            elementType: 'div'
         })
     };
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["useAccordionItem.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport { useAccordionContext_unstable } from '../../contexts/accordion';\nimport type { AccordionItemProps, AccordionItemState } from './AccordionItem.types';\n\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 */\nexport const useAccordionItem_unstable = (\n  props: AccordionItemProps,\n  ref: React.Ref<HTMLElement>,\n): AccordionItemState => {\n  const { value, disabled = false } = props;\n\n  const open = useAccordionContext_unstable(ctx => ctx.openItems.includes(value));\n\n  return {\n    open,\n    value,\n    disabled,\n    components: {\n      root: 'div',\n    },\n    root: getNativeElementProps('div', { ref, ...props }),\n  };\n};\n"],"names":["React","getNativeElementProps","useAccordionContext_unstable","useAccordionItem_unstable","props","ref","value","disabled","open","ctx","openItems","includes","components","root"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,QAAQ,4BAA4B;AAClE,SAASC,4BAA4B,QAAQ,2BAA2B;AAGxE;;;;CAIC,GACD,OAAO,MAAMC,4BAA4B,CACvCC,OACAC,MACuB;IACvB,MAAM,EAAEC,MAAK,EAAEC,UAAW,KAAK,CAAA,EAAE,GAAGH;IAEpC,MAAMI,OAAON,6BAA6BO,CAAAA,MAAOA,IAAIC,SAAS,CAACC,QAAQ,CAACL;IAExE,OAAO;QACLE;QACAF;QACAC;QACAK,YAAY;YACVC,MAAM;QACR;QACAA,MAAMZ,sBAAsB,OAAO;YAAEI;YAAK,GAAGD,KAAK;QAAC;IACrD;AACF,EAAE"}
+{"version":3,"sources":["useAccordionItem.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps, slot, useEventCallback } from '@fluentui/react-utilities';\nimport type { AccordionItemProps, AccordionItemState } from './AccordionItem.types';\nimport type { AccordionToggleEvent } from '../Accordion/Accordion.types';\nimport { useAccordionContext_unstable } from '../../contexts/accordion';\n\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 */\nexport const useAccordionItem_unstable = (\n  props: AccordionItemProps,\n  ref: React.Ref<HTMLElement>,\n): AccordionItemState => {\n  const { value, disabled = false } = props;\n\n  const requestToggle = useAccordionContext_unstable(ctx => ctx.requestToggle);\n  const open = useAccordionContext_unstable(ctx => ctx.openItems.includes(value));\n  const onAccordionHeaderClick = useEventCallback((event: AccordionToggleEvent) => requestToggle({ event, 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', { ref, ...props }), { elementType: 'div' }),\n  };\n};\n"],"names":["React","getNativeElementProps","slot","useEventCallback","useAccordionContext_unstable","useAccordionItem_unstable","props","ref","value","disabled","requestToggle","ctx","open","openItems","includes","onAccordionHeaderClick","event","onHeaderClick","components","root","always","elementType"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,EAAEC,IAAI,EAAEC,gBAAgB,QAAQ,4BAA4B;AAG1F,SAASC,4BAA4B,QAAQ,2BAA2B;AAExE;;;;CAIC,GACD,OAAO,MAAMC,4BAA4B,CACvCC,OACAC,MACuB;IACvB,MAAM,EAAEC,MAAK,EAAEC,UAAW,KAAK,CAAA,EAAE,GAAGH;IAEpC,MAAMI,gBAAgBN,6BAA6BO,CAAAA,MAAOA,IAAID,aAAa;IAC3E,MAAME,OAAOR,6BAA6BO,CAAAA,MAAOA,IAAIE,SAAS,CAACC,QAAQ,CAACN;IACxE,MAAMO,yBAAyBZ,iBAAiB,CAACa,QAAgCN,cAAc;YAAEM;YAAOR;QAAM;IAE9G,OAAO;QACLI;QACAJ;QACAC;QACAQ,eAAeF;QACfG,YAAY;YACVC,MAAM;QACR;QACAA,MAAMjB,KAAKkB,MAAM,CAACnB,sBAAsB,OAAO;YAAEM;YAAK,GAAGD,KAAK;QAAC,IAAI;YAAEe,aAAa;QAAM;IAC1F;AACF,EAAE"}

package/lib/components/AccordionItem/useAccordionItemContextValues.js

@@ -1,14 +1,17 @@
 import * as React from 'react';
 export function useAccordionItemContextValues_unstable(state) {
-    const { disabled , open , value  } = state;
+    // eslint-disable-next-line deprecation/deprecation
+    const { disabled , open , value , onHeaderClick  } = state;
     const accordionItem = React.useMemo(()=>({
             disabled,
             open,
-            value
+            value,
+            onHeaderClick
         }), [
         disabled,
         open,
-        value
+        value,
+        onHeaderClick
     ]);
     return {
         accordionItem

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

@@ -1 +1 @@
-{"version":3,"sources":["useAccordionItemContextValues.ts"],"sourcesContent":["import * as React from 'react';\nimport type { AccordionItemContextValues, AccordionItemState } from './AccordionItem.types';\nimport { AccordionItemContextValue } from '../../contexts/accordionItem';\n\nexport function useAccordionItemContextValues_unstable(state: AccordionItemState): AccordionItemContextValues {\n  const { disabled, open, value } = state;\n  const accordionItem = React.useMemo<AccordionItemContextValue>(\n    () => ({ disabled, open, value }),\n    [disabled, open, value],\n  );\n\n  return { accordionItem };\n}\n"],"names":["React","useAccordionItemContextValues_unstable","state","disabled","open","value","accordionItem","useMemo"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAI/B,OAAO,SAASC,uCAAuCC,KAAyB,EAA8B;IAC5G,MAAM,EAAEC,SAAQ,EAAEC,KAAI,EAAEC,MAAK,EAAE,GAAGH;IAClC,MAAMI,gBAAgBN,MAAMO,OAAO,CACjC,IAAO,CAAA;YAAEJ;YAAUC;YAAMC;QAAM,CAAA,GAC/B;QAACF;QAAUC;QAAMC;KAAM;IAGzB,OAAO;QAAEC;IAAc;AACzB,CAAC"}
+{"version":3,"sources":["useAccordionItemContextValues.ts"],"sourcesContent":["import * as React from 'react';\nimport type { AccordionItemContextValues, AccordionItemState } from './AccordionItem.types';\nimport { AccordionItemContextValue } from '../../contexts/accordionItem';\n\nexport function useAccordionItemContextValues_unstable(state: AccordionItemState): AccordionItemContextValues {\n  // eslint-disable-next-line deprecation/deprecation\n  const { disabled, open, value, onHeaderClick } = state;\n  const accordionItem = React.useMemo<AccordionItemContextValue>(\n    () => ({ disabled, open, value, onHeaderClick }),\n    [disabled, open, value, onHeaderClick],\n  );\n\n  return { accordionItem };\n}\n"],"names":["React","useAccordionItemContextValues_unstable","state","disabled","open","value","onHeaderClick","accordionItem","useMemo"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAI/B,OAAO,SAASC,uCAAuCC,KAAyB,EAA8B;IAC5G,mDAAmD;IACnD,MAAM,EAAEC,SAAQ,EAAEC,KAAI,EAAEC,MAAK,EAAEC,cAAa,EAAE,GAAGJ;IACjD,MAAMK,gBAAgBP,MAAMQ,OAAO,CACjC,IAAO,CAAA;YAAEL;YAAUC;YAAMC;YAAOC;QAAc,CAAA,GAC9C;QAACH;QAAUC;QAAMC;QAAOC;KAAc;IAGxC,OAAO;QAAEC;IAAc;AACzB,CAAC"}

package/lib/components/AccordionPanel/renderAccordionPanel.js

@@ -1,8 +1,8 @@
 /** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';
-import { getSlotsNext } from '@fluentui/react-utilities';
+import { assertSlots } from '@fluentui/react-utilities';
 /**
  * Function that renders the final JSX of the component
  */ export const renderAccordionPanel_unstable = (state)=>{
-    const { slots , slotProps  } = getSlotsNext(state);
-    return state.open ? /*#__PURE__*/ createElement(slots.root, slotProps.root, slotProps.root.children) : null;
+    assertSlots(state);
+    return state.open ? /*#__PURE__*/ createElement(state.root, null, state.root.children) : null;
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["renderAccordionPanel.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport type { AccordionPanelState, AccordionPanelSlots } from './AccordionPanel.types';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderAccordionPanel_unstable = (state: AccordionPanelState) => {\n  const { slots, slotProps } = getSlotsNext<AccordionPanelSlots>(state);\n  return state.open ? <slots.root {...slotProps.root}>{slotProps.root.children}</slots.root> : null;\n};\n"],"names":["createElement","getSlotsNext","renderAccordionPanel_unstable","state","slots","slotProps","open","root","children"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAE5D,SAASC,YAAY,QAAQ,4BAA4B;AAGzD;;CAEC,GACD,OAAO,MAAMC,gCAAgC,CAACC,QAA+B;IAC3E,MAAM,EAAEC,MAAK,EAAEC,UAAS,EAAE,GAAGJ,aAAkCE;IAC/D,OAAOA,MAAMG,IAAI,iBAAG,AAZtB,cAYuBF,MAAMG,IAAI,EAAKF,UAAUE,IAAI,EAAGF,UAAUE,IAAI,CAACC,QAAQ,IAAiB,IAAI;AACnG,EAAE"}
+{"version":3,"sources":["renderAccordionPanel.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { AccordionPanelState, AccordionPanelSlots } from './AccordionPanel.types';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderAccordionPanel_unstable = (state: AccordionPanelState) => {\n  assertSlots<AccordionPanelSlots>(state);\n  return state.open ? <state.root>{state.root.children}</state.root> : null;\n};\n"],"names":["createElement","assertSlots","renderAccordionPanel_unstable","state","open","root","children"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAE5D,SAASC,WAAW,QAAQ,4BAA4B;AAGxD;;CAEC,GACD,OAAO,MAAMC,gCAAgC,CAACC,QAA+B;IAC3EF,YAAiCE;IACjC,OAAOA,MAAMC,IAAI,iBAAG,AAZtB,cAYuBD,MAAME,IAAI,QAAEF,MAAME,IAAI,CAACC,QAAQ,IAAiB,IAAI;AAC3E,EAAE"}

package/lib/components/AccordionPanel/useAccordionPanel.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { getNativeElementProps } from '@fluentui/react-utilities';
+import { getNativeElementProps, slot } from '@fluentui/react-utilities';
 import { useTabsterAttributes } from '@fluentui/react-tabster';
 import { useAccordionContext_unstable } from '../../contexts/accordion';
 import { useAccordionItemContext_unstable } from '../../contexts/accordionItem';
@@ -20,10 +20,12 @@ import { useAccordionItemContext_unstable } from '../../contexts/accordionItem';
         components: {
             root: 'div'
         },
-        root: getNativeElementProps('div', {
+        root: slot.always(getNativeElementProps('div', {
             ref,
             ...props,
             ...navigation && focusableProps
+        }), {
+            elementType: 'div'
         })
     };
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["useAccordionPanel.ts"],"sourcesContent":["import * as React from 'react';\nimport { getNativeElementProps } from '@fluentui/react-utilities';\nimport { useTabsterAttributes } from '@fluentui/react-tabster';\nimport { useAccordionContext_unstable } from '../../contexts/accordion';\nimport type { AccordionPanelProps, AccordionPanelState } from './AccordionPanel.types';\nimport { useAccordionItemContext_unstable } from '../../contexts/accordionItem';\n\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 */\nexport const useAccordionPanel_unstable = (\n  props: AccordionPanelProps,\n  ref: React.Ref<HTMLElement>,\n): AccordionPanelState => {\n  const { open } = useAccordionItemContext_unstable();\n  const focusableProps = useTabsterAttributes({ focusable: { excludeFromMover: true } });\n  const navigation = useAccordionContext_unstable(ctx => ctx.navigation);\n\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":["React","getNativeElementProps","useTabsterAttributes","useAccordionContext_unstable","useAccordionItemContext_unstable","useAccordionPanel_unstable","props","ref","open","focusableProps","focusable","excludeFromMover","navigation","ctx","components","root"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,QAAQ,4BAA4B;AAClE,SAASC,oBAAoB,QAAQ,0BAA0B;AAC/D,SAASC,4BAA4B,QAAQ,2BAA2B;AAExE,SAASC,gCAAgC,QAAQ,+BAA+B;AAEhF;;;;CAIC,GACD,OAAO,MAAMC,6BAA6B,CACxCC,OACAC,MACwB;IACxB,MAAM,EAAEC,KAAI,EAAE,GAAGJ;IACjB,MAAMK,iBAAiBP,qBAAqB;QAAEQ,WAAW;YAAEC,kBAAkB,IAAI;QAAC;IAAE;IACpF,MAAMC,aAAaT,6BAA6BU,CAAAA,MAAOA,IAAID,UAAU;IAErE,OAAO;QACLJ;QACAM,YAAY;YACVC,MAAM;QACR;QACAA,MAAMd,sBAAsB,OAAO;YACjCM;YACA,GAAGD,KAAK;YACR,GAAIM,cAAcH,cAAc;QAClC;IACF;AACF,EAAE"}
+{"version":3,"sources":["useAccordionPanel.ts"],"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 type { AccordionPanelProps, AccordionPanelState } from './AccordionPanel.types';\nimport { useAccordionItemContext_unstable } from '../../contexts/accordionItem';\n\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 */\nexport const useAccordionPanel_unstable = (\n  props: AccordionPanelProps,\n  ref: React.Ref<HTMLElement>,\n): AccordionPanelState => {\n  const { open } = useAccordionItemContext_unstable();\n  const focusableProps = useTabsterAttributes({ focusable: { excludeFromMover: true } });\n  const navigation = useAccordionContext_unstable(ctx => ctx.navigation);\n\n  return {\n    open,\n    components: {\n      root: 'div',\n    },\n    root: slot.always(\n      getNativeElementProps('div', {\n        ref,\n        ...props,\n        ...(navigation && focusableProps),\n      }),\n      { elementType: 'div' },\n    ),\n  };\n};\n"],"names":["React","getNativeElementProps","slot","useTabsterAttributes","useAccordionContext_unstable","useAccordionItemContext_unstable","useAccordionPanel_unstable","props","ref","open","focusableProps","focusable","excludeFromMover","navigation","ctx","components","root","always","elementType"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,qBAAqB,EAAEC,IAAI,QAAQ,4BAA4B;AACxE,SAASC,oBAAoB,QAAQ,0BAA0B;AAC/D,SAASC,4BAA4B,QAAQ,2BAA2B;AAExE,SAASC,gCAAgC,QAAQ,+BAA+B;AAEhF;;;;CAIC,GACD,OAAO,MAAMC,6BAA6B,CACxCC,OACAC,MACwB;IACxB,MAAM,EAAEC,KAAI,EAAE,GAAGJ;IACjB,MAAMK,iBAAiBP,qBAAqB;QAAEQ,WAAW;YAAEC,kBAAkB,IAAI;QAAC;IAAE;IACpF,MAAMC,aAAaT,6BAA6BU,CAAAA,MAAOA,IAAID,UAAU;IAErE,OAAO;QACLJ;QACAM,YAAY;YACVC,MAAM;QACR;QACAA,MAAMd,KAAKe,MAAM,CACfhB,sBAAsB,OAAO;YAC3BO;YACA,GAAGD,KAAK;YACR,GAAIM,cAAcH,cAAc;QAClC,IACA;YAAEQ,aAAa;QAAM;IAEzB;AACF,EAAE"}

package/lib/contexts/accordionItem.js

@@ -3,7 +3,9 @@ const AccordionItemContext = React.createContext(undefined);
 const accordionItemContextDefaultValue = {
     open: false,
     disabled: false,
-    value: undefined
+    value: undefined,
+    onHeaderClick () {
+    /* noop */ }
 };
 export const { Provider: AccordionItemProvider  } = AccordionItemContext;
 var _React_useContext;

package/lib/contexts/accordionItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["accordionItem.ts"],"sourcesContent":["import * as React from 'react';\nimport { AccordionItemValue } from '../AccordionItem';\n\nexport type AccordionItemContextValue<Value = AccordionItemValue> = {\n  open: boolean;\n  disabled: boolean;\n  value: Value;\n};\n\nconst AccordionItemContext = React.createContext<AccordionItemContextValue<unknown> | undefined>(\n  undefined,\n) as React.Context<AccordionItemContextValue<unknown>>;\n\nconst accordionItemContextDefaultValue: AccordionItemContextValue<unknown> = {\n  open: false,\n  disabled: false,\n  value: undefined,\n};\n\nexport const { Provider: AccordionItemProvider } = AccordionItemContext;\n\nexport const useAccordionItemContext_unstable = () =>\n  React.useContext(AccordionItemContext) ?? accordionItemContextDefaultValue;\n"],"names":["React","AccordionItemContext","createContext","undefined","accordionItemContextDefaultValue","open","disabled","value","Provider","AccordionItemProvider","useAccordionItemContext_unstable","useContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAS/B,MAAMC,uBAAuBD,MAAME,aAAa,CAC9CC;AAGF,MAAMC,mCAAuE;IAC3EC,MAAM,KAAK;IACXC,UAAU,KAAK;IACfC,OAAOJ;AACT;AAEA,OAAO,MAAM,EAAEK,UAAUC,sBAAqB,EAAE,GAAGR,qBAAqB;IAGtED;AADF,OAAO,MAAMU,mCAAmC,IAC9CV,CAAAA,oBAAAA,MAAMW,UAAU,CAACV,mCAAjBD,+BAAAA,oBAA0CI,gCAAgC,CAAC"}
+{"version":3,"sources":["accordionItem.ts"],"sourcesContent":["import * as React from 'react';\nimport { AccordionItemValue } from '../AccordionItem';\nimport { AccordionToggleEvent } from '../Accordion';\n\nexport type AccordionItemContextValue<Value = AccordionItemValue> = {\n  open: boolean;\n  disabled: boolean;\n  value: Value;\n  /**\n   * @deprecated - use `requestToggle` from AccordionContent instead\n   */\n  onHeaderClick(event: AccordionToggleEvent): void;\n};\n\nconst AccordionItemContext = React.createContext<AccordionItemContextValue<unknown> | undefined>(\n  undefined,\n) as React.Context<AccordionItemContextValue<unknown>>;\n\nconst accordionItemContextDefaultValue: AccordionItemContextValue<unknown> = {\n  open: false,\n  disabled: false,\n  value: undefined,\n  onHeaderClick() {\n    /* noop */\n  },\n};\n\nexport const { Provider: AccordionItemProvider } = AccordionItemContext;\n\nexport const useAccordionItemContext_unstable = () =>\n  React.useContext(AccordionItemContext) ?? accordionItemContextDefaultValue;\n"],"names":["React","AccordionItemContext","createContext","undefined","accordionItemContextDefaultValue","open","disabled","value","onHeaderClick","Provider","AccordionItemProvider","useAccordionItemContext_unstable","useContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAc/B,MAAMC,uBAAuBD,MAAME,aAAa,CAC9CC;AAGF,MAAMC,mCAAuE;IAC3EC,MAAM,KAAK;IACXC,UAAU,KAAK;IACfC,OAAOJ;IACPK,iBAAgB;IACd,QAAQ,GACV;AACF;AAEA,OAAO,MAAM,EAAEC,UAAUC,sBAAqB,EAAE,GAAGT,qBAAqB;IAGtED;AADF,OAAO,MAAMW,mCAAmC,IAC9CX,CAAAA,oBAAAA,MAAMY,UAAU,CAACX,mCAAjBD,+BAAAA,oBAA0CI,gCAAgC,CAAC"}

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

@@ -10,8 +10,8 @@ const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
 const _reactUtilities = require("@fluentui/react-utilities");
 const _accordion = require("../../contexts/accordion");
 const renderAccordion_unstable = (state, contextValues)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
-    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(slots.root, slotProps.root, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_accordion.AccordionProvider, {
+    (0, _reactUtilities.assertSlots)(state);
+    return /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(state.root, null, /*#__PURE__*/ (0, _reactJsxRuntime.createElement)(_accordion.AccordionProvider, {
         value: contextValues.accordion
-    }, slotProps.root.children));
+    }, state.root.children));
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["renderAccordion.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { AccordionProvider } from '../../contexts/accordion';\n/**\n * Function that renders the final JSX of the component\n */ export const renderAccordion_unstable = (state, contextValues)=>{\n    const { slots , slotProps  } = getSlotsNext(state);\n    return /*#__PURE__*/ createElement(slots.root, slotProps.root, /*#__PURE__*/ createElement(AccordionProvider, {\n        value: contextValues.accordion\n    }, slotProps.root.children));\n};\n"],"names":["renderAccordion_unstable","state","contextValues","slots","slotProps","getSlotsNext","createElement","root","AccordionProvider","value","accordion","children"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKjCA;;aAAAA;;iCALkE;gCACtD;2BACK;AAGvB,MAAMA,2BAA2B,CAACC,OAAOC,gBAAgB;IAChE,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,4BAAiB,EAAE;QAC1GC,OAAOP,cAAcQ,SAAS;IAClC,GAAGN,UAAUG,IAAI,CAACI,QAAQ;AAC9B"}
+{"version":3,"sources":["renderAccordion.js"],"sourcesContent":["/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';\nimport { assertSlots } from '@fluentui/react-utilities';\nimport { AccordionProvider } from '../../contexts/accordion';\n/**\n * Function that renders the final JSX of the component\n */ export const renderAccordion_unstable = (state, contextValues)=>{\n    assertSlots(state);\n    return /*#__PURE__*/ createElement(state.root, null, /*#__PURE__*/ createElement(AccordionProvider, {\n        value: contextValues.accordion\n    }, state.root.children));\n};\n"],"names":["renderAccordion_unstable","state","contextValues","assertSlots","createElement","root","AccordionProvider","value","accordion","children"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKjCA;;aAAAA;;iCALkE;gCACvD;2BACM;AAGvB,MAAMA,2BAA2B,CAACC,OAAOC,gBAAgB;IAChEC,IAAAA,2BAAW,EAACF;IACZ,OAAO,WAAW,GAAGG,IAAAA,8BAAa,EAACH,MAAMI,IAAI,EAAE,IAAI,EAAE,WAAW,GAAGD,IAAAA,8BAAa,EAACE,4BAAiB,EAAE;QAChGC,OAAOL,cAAcM,SAAS;IAClC,GAAGP,MAAMI,IAAI,CAACI,QAAQ;AAC1B"}

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

@@ -43,10 +43,12 @@ const useAccordion_unstable = (props, ref)=>{
         components: {
             root: 'div'
         },
-        root: (0, _reactUtilities.getNativeElementProps)('div', {
+        root: _reactUtilities.slot.always((0, _reactUtilities.getNativeElementProps)('div', {
             ...props,
             ...navigation ? arrowNavigationProps : undefined,
             ref
+        }), {
+            elementType: 'div'
         })
     };
 };

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((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: getNativeElementProps('div', {\n            ...props,\n            ...navigation ? arrowNavigationProps : undefined,\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","data","nextOpenItems","updateOpenItems","value","event","components","root","getNativeElementProps","undefined","Array","isArray","previousOpenItems","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,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,IAAAA,qCAAqB,EAAC,OAAO;YAC/B,GAAG/B,KAAK;YACR,GAAGQ,aAAaU,uBAAuBc,SAAS;YAChD/B;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,SAASsB,gBAAgBC,KAAK,EAAEQ,iBAAiB,EAAE9B,QAAQ,EAAEC,WAAW,EAAE;IAC1E,IAAID,UAAU;QACV,IAAI8B,kBAAkBC,QAAQ,CAACT,QAAQ;YACnC,IAAIQ,kBAAkBE,MAAM,GAAG,KAAK/B,aAAa;gBAC7C,OAAO6B,kBAAkBG,MAAM,CAAC,CAACC,IAAIA,MAAMZ;YAC/C,CAAC;QACL,OAAO;YACH,OAAO;mBACAQ;gBACHR;aACH,CAACa,IAAI;QACV,CAAC;IACL,OAAO;QACH,OAAOL,iBAAiB,CAAC,EAAE,KAAKR,SAASrB,cAAc,EAAE,GAAG;YACxDqB;SACH;IACL,CAAC;IACD,OAAOQ;AACX;AACA;;CAEC,GAAG,SAASrB,gBAAgB2B,KAAK,EAAE;IAChC,IAAIA,UAAUT,WAAW;QACrB,OAAOA;IACX,CAAC;IACD,OAAOC,MAAMC,OAAO,CAACO,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/AccordionHeader/renderAccordionHeader.js

@@ -10,8 +10,8 @@ const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
 const _reactUtilities = require("@fluentui/react-utilities");
 const _accordionHeader = require("../../contexts/accordionHeader");
 const renderAccordionHeader_unstable = (state, contextValues)=>{
-    const { slots , slotProps  } = (0, _reactUtilities.getSlotsNext)(state);
+    (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 { AccordionHeaderProvider } from '../../contexts/accordionHeader';\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(AccordionHeaderProvider, {\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","AccordionHeaderProvider","value","accordionHeader","root","button","expandIconPosition","expandIcon","icon","children"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKjCA;;aAAAA;;iCALkE;gCACtD;iCACW;AAG7B,MAAMA,iCAAiC,CAACC,OAAOC,gBAAgB;IACtE,MAAM,EAAEC,MAAK,EAAGC,UAAS,EAAG,GAAGC,IAAAA,4BAAY,EAACJ;IAC5C,OAAO,WAAW,GAAGK,IAAAA,8BAAa,EAACC,wCAAuB,EAAE;QACxDC,OAAON,cAAcO,eAAe;IACxC,GAAG,WAAW,GAAGH,IAAAA,8BAAa,EAACH,MAAMO,IAAI,EAAEN,UAAUM,IAAI,EAAE,WAAW,GAAGJ,IAAAA,8BAAa,EAACH,MAAMQ,MAAM,EAAEP,UAAUO,MAAM,EAAEV,MAAMW,kBAAkB,KAAK,WAAWT,MAAMU,UAAU,IAAI,WAAW,GAAGP,IAAAA,8BAAa,EAACH,MAAMU,UAAU,EAAET,UAAUS,UAAU,GAAGV,MAAMW,IAAI,IAAI,WAAW,GAAGR,IAAAA,8BAAa,EAACH,MAAMW,IAAI,EAAEV,UAAUU,IAAI,GAAGV,UAAUM,IAAI,CAACK,QAAQ,EAAEd,MAAMW,kBAAkB,KAAK,SAAST,MAAMU,UAAU,IAAI,WAAW,GAAGP,IAAAA,8BAAa,EAACH,MAAMU,UAAU,EAAET,UAAUS,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

@@ -44,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: {
@@ -58,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: {
@@ -83,7 +88,7 @@ const useAccordionHeader_unstable = (props, ref)=>{
                 }
             })
         }, {
-            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 { 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: 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((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            required: true\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","getNativeElementProps","resolveShorthand","required","defaultProps","children","React","createElement","ChevronRightRegular","style","transform","useARIAButtonShorthand","type","onClick","useEventCallback","event","isResolvedShorthand","_button_onClick","call","defaultPrevented"],"mappings":";;;;+BAWiBA;;aAAAA;;;6DAXM;gCACwE;2BACxD;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,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;oBACVlB;oBACAM;oBACA,iBAAiBL;oBACjByB,MAAM;gBACV;YACJ,EAAE;YACFC,SAASC,IAAAA,gCAAgB,EAAC,CAACC,QAAQ;gBAC/B,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,MAAM;gBAC5H,CAAC;gBACD,IAAI,CAACA,MAAMI,gBAAgB,EAAE;oBACzB9B,cAAc;wBACVJ;wBACA8B;oBACJ;gBACJ,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/renderAccordionItem.js

@@ -10,8 +10,8 @@ const _reactJsxRuntime = require("@fluentui/react-jsx-runtime");
 const _reactUtilities = require("@fluentui/react-utilities");
 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)(_accordionItem.AccordionItemProvider, {
+    (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 { AccordionItemProvider } from '../../contexts/accordionItem';\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(AccordionItemProvider, {\n        value: contextValues.accordionItem\n    }, slotProps.root.children));\n};\n"],"names":["renderAccordionItem_unstable","state","contextValues","slots","slotProps","getSlotsNext","createElement","root","AccordionItemProvider","value","accordionItem","children"],"mappings":"AAAA,wBAAwB,GAAG,uBAAuB;;;;+BAKjCA;;aAAAA;;iCALkE;gCACtD;+BACS;AAG3B,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,oCAAqB,EAAE;QAC9GC,OAAOP,cAAcQ,aAAa;IACtC,GAAGN,UAAUG,IAAI,CAACI,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

@@ -12,17 +12,25 @@ const _reactUtilities = require("@fluentui/react-utilities");
 const _accordion = require("../../contexts/accordion");
 const useAccordionItem_unstable = (props, ref)=>{
     const { value , disabled =false  } = props;
+    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
+        }));
     return {
         open,
         value,
         disabled,
+        onHeaderClick: onAccordionHeaderClick,
         components: {
             root: 'div'
         },
-        root: (0, _reactUtilities.getNativeElementProps)('div', {
+        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 '../../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 open = useAccordionContext_unstable((ctx)=>ctx.openItems.includes(value));\n    return {\n        open,\n        value,\n        disabled,\n        components: {\n            root: 'div'\n        },\n        root: getNativeElementProps('div', {\n            ref,\n            ...props\n        })\n    };\n};\n"],"names":["useAccordionItem_unstable","props","ref","value","disabled","open","useAccordionContext_unstable","ctx","openItems","includes","components","root","getNativeElementProps"],"mappings":";;;;+BAOiBA;;aAAAA;;;6DAPM;gCACe;2BACO;AAKlC,MAAMA,4BAA4B,CAACC,OAAOC,MAAM;IACvD,MAAM,EAAEC,MAAK,EAAGC,UAAU,KAAK,CAAA,EAAG,GAAGH;IACrC,MAAMI,OAAOC,IAAAA,uCAA4B,EAAC,CAACC,MAAMA,IAAIC,SAAS,CAACC,QAAQ,CAACN;IACxE,OAAO;QACHE;QACAF;QACAC;QACAM,YAAY;YACRC,MAAM;QACV;QACAA,MAAMC,IAAAA,qCAAqB,EAAC,OAAO;YAC/BV;YACA,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 , open , value  } = state;
+    // eslint-disable-next-line deprecation/deprecation
+    const { disabled , open , value , onHeaderClick  } = state;
     const accordionItem = _react.useMemo(()=>({
             disabled,
             open,
-            value
+            value,
+            onHeaderClick
         }), [
         disabled,
         open,
-        value
+        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 , open , value  } = state;\n    const accordionItem = React.useMemo(()=>({\n            disabled,\n            open,\n            value\n        }), [\n        disabled,\n        open,\n        value\n    ]);\n    return {\n        accordionItem\n    };\n}\n"],"names":["useAccordionItemContextValues_unstable","state","disabled","open","value","accordionItem","React","useMemo"],"mappings":";;;;+BACgBA;;aAAAA;;;6DADO;AAChB,SAASA,uCAAuCC,KAAK,EAAE;IAC1D,MAAM,EAAEC,SAAQ,EAAGC,KAAI,EAAGC,MAAK,EAAG,GAAGH;IACrC,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

@@ -25,10 +25,12 @@ const useAccordionPanel_unstable = (props, ref)=>{
         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 { 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: 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;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,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/contexts/accordionItem.js

@@ -18,7 +18,9 @@ const AccordionItemContext = /*#__PURE__*/ _react.createContext(undefined);
 const accordionItemContextDefaultValue = {
     open: false,
     disabled: false,
-    value: undefined
+    value: undefined,
+    onHeaderClick () {
+    /* noop */ }
 };
 const { Provider: AccordionItemProvider  } = AccordionItemContext;
 var _React_useContext;

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

@@ -1 +1 @@
-{"version":3,"sources":["accordionItem.js"],"sourcesContent":["import * as React from 'react';\nconst AccordionItemContext = React.createContext(undefined);\nconst accordionItemContextDefaultValue = {\n    open: false,\n    disabled: false,\n    value: undefined\n};\nexport const { Provider: AccordionItemProvider  } = AccordionItemContext;\nvar _React_useContext;\nexport const useAccordionItemContext_unstable = ()=>(_React_useContext = React.useContext(AccordionItemContext)) !== null && _React_useContext !== void 0 ? _React_useContext : accordionItemContextDefaultValue;\n"],"names":["AccordionItemProvider","useAccordionItemContext_unstable","AccordionItemContext","React","createContext","undefined","accordionItemContextDefaultValue","open","disabled","value","Provider","_React_useContext","useContext"],"mappings":";;;;;;;;;;;IAOyBA,qBAAqB,MAArBA;IAEZC,gCAAgC,MAAhCA;;;6DATU;AACvB,MAAMC,qCAAuBC,OAAMC,aAAa,CAACC;AACjD,MAAMC,mCAAmC;IACrCC,MAAM,KAAK;IACXC,UAAU,KAAK;IACfC,OAAOJ;AACX;AACO,MAAM,EAAEK,UAAUV,sBAAqB,EAAG,GAAGE;AACpD,IAAIS;AACG,MAAMV,mCAAmC,IAAI,AAACU,CAAAA,oBAAoBR,OAAMS,UAAU,CAACV,qBAAoB,MAAO,IAAI,IAAIS,sBAAsB,KAAK,IAAIA,oBAAoBL,gCAAgC"}
+{"version":3,"sources":["accordionItem.js"],"sourcesContent":["import * as React from 'react';\nconst AccordionItemContext = React.createContext(undefined);\nconst accordionItemContextDefaultValue = {\n    open: false,\n    disabled: false,\n    value: undefined,\n    onHeaderClick () {\n    /* noop */ }\n};\nexport const { Provider: AccordionItemProvider  } = AccordionItemContext;\nvar _React_useContext;\nexport const useAccordionItemContext_unstable = ()=>(_React_useContext = React.useContext(AccordionItemContext)) !== null && _React_useContext !== void 0 ? _React_useContext : accordionItemContextDefaultValue;\n"],"names":["AccordionItemProvider","useAccordionItemContext_unstable","AccordionItemContext","React","createContext","undefined","accordionItemContextDefaultValue","open","disabled","value","onHeaderClick","Provider","_React_useContext","useContext"],"mappings":";;;;;;;;;;;IASyBA,qBAAqB,MAArBA;IAEZC,gCAAgC,MAAhCA;;;6DAXU;AACvB,MAAMC,qCAAuBC,OAAMC,aAAa,CAACC;AACjD,MAAMC,mCAAmC;IACrCC,MAAM,KAAK;IACXC,UAAU,KAAK;IACfC,OAAOJ;IACPK,iBAAiB;IACjB,QAAQ,GAAG;AACf;AACO,MAAM,EAAEC,UAAUX,sBAAqB,EAAG,GAAGE;AACpD,IAAIU;AACG,MAAMX,mCAAmC,IAAI,AAACW,CAAAA,oBAAoBT,OAAMU,UAAU,CAACX,qBAAoB,MAAO,IAAI,IAAIU,sBAAsB,KAAK,IAAIA,oBAAoBN,gCAAgC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-accordion",
-  "version": "9.3.0",
+  "version": "9.3.1",
   "description": "Fluent UI accordion component",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -33,15 +33,15 @@
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
-    "@fluentui/react-aria": "^9.3.28",
+    "@fluentui/react-aria": "^9.3.29",
     "@fluentui/react-context-selector": "^9.1.27",
     "@fluentui/react-icons": "^2.0.207",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.13",
-    "@fluentui/react-shared-contexts": "^9.7.1",
-    "@fluentui/react-tabster": "^9.12.0",
-    "@fluentui/react-theme": "^9.1.10",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.14",
+    "@fluentui/react-shared-contexts": "^9.7.2",
+    "@fluentui/react-tabster": "^9.12.1",
+    "@fluentui/react-theme": "^9.1.11",
     "@fluentui/react-utilities": "^9.11.0",
-    "@griffel/react": "^1.5.7",
+    "@griffel/react": "^1.5.14",
     "@swc/helpers": "^0.4.14"
   },
   "peerDependencies": {