@fluentui/react-accordion 9.1.14 → 9.1.16

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/components/AccordionHeader/AccordionHeader.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { ARIAButtonSlotProps } from '@fluentui/react-aria';\n\nexport type AccordionHeaderSize = 'small' | 'medium' | 'large' | 'extra-large';\nexport type AccordionHeaderExpandIconPosition = 'start' | 'end';\n\nexport type AccordionHeaderContextValue = Required<Pick<AccordionHeaderProps, 'expandIconPosition' | 'size'>> & {\n  disabled: boolean;\n  open: boolean;\n};\n\nexport type AccordionHeaderContextValues = {\n  accordionHeader: AccordionHeaderContextValue;\n};\n\nexport type AccordionHeaderSlots = {\n  /**\n   * The element wrapping the button. By default this is a div, but can be a heading.\n   */\n  root: NonNullable<Slot<'div', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>>;\n  /**\n   * The component to be used as button in heading\n   */\n  button: NonNullable<Slot<ARIAButtonSlotProps<'a'>>>;\n  /**\n   * Expand icon slot rendered before (or after) children content in heading.\n   */\n  expandIcon?: Slot<'span'>;\n  /**\n   * Expand icon slot rendered before (or after) children content in heading.\n   */\n  icon?: Slot<'div'>;\n};\n\nexport type AccordionHeaderProps = ComponentProps<Partial<AccordionHeaderSlots>> & {\n  /**\n   * The position of the expand  icon slot in heading.\n   */\n  expandIconPosition?: AccordionHeaderExpandIconPosition;\n\n  /**\n   * Indicates if the AccordionHeader should be rendered inline.\n   */\n  inline?: boolean;\n\n  /**\n   * Size of spacing in the heading.\n   */\n  size?: AccordionHeaderSize;\n};\n\nexport type AccordionHeaderState = ComponentState<AccordionHeaderSlots> &\n  Required<Pick<AccordionHeaderProps, 'inline'>> &\n  AccordionHeaderContextValue;\n"],"mappings":"AAAA"}
+{"version":3,"sources":["AccordionHeader.types.ts"],"sourcesContent":["import type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { ARIAButtonSlotProps } from '@fluentui/react-aria';\n\nexport type AccordionHeaderSize = 'small' | 'medium' | 'large' | 'extra-large';\nexport type AccordionHeaderExpandIconPosition = 'start' | 'end';\n\nexport type AccordionHeaderContextValue = Required<Pick<AccordionHeaderProps, 'expandIconPosition' | 'size'>> & {\n  disabled: boolean;\n  open: boolean;\n};\n\nexport type AccordionHeaderContextValues = {\n  accordionHeader: AccordionHeaderContextValue;\n};\n\nexport type AccordionHeaderSlots = {\n  /**\n   * The element wrapping the button. By default this is a div, but can be a heading.\n   */\n  root: NonNullable<Slot<'div', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>>;\n  /**\n   * The component to be used as button in heading\n   */\n  button: NonNullable<Slot<ARIAButtonSlotProps<'a'>>>;\n  /**\n   * Expand icon slot rendered before (or after) children content in heading.\n   */\n  expandIcon?: Slot<'span'>;\n  /**\n   * Expand icon slot rendered before (or after) children content in heading.\n   */\n  icon?: Slot<'div'>;\n};\n\nexport type AccordionHeaderProps = ComponentProps<Partial<AccordionHeaderSlots>> & {\n  /**\n   * The position of the expand  icon slot in heading.\n   */\n  expandIconPosition?: AccordionHeaderExpandIconPosition;\n\n  /**\n   * Indicates if the AccordionHeader should be rendered inline.\n   */\n  inline?: boolean;\n\n  /**\n   * Size of spacing in the heading.\n   */\n  size?: AccordionHeaderSize;\n};\n\nexport type AccordionHeaderState = ComponentState<AccordionHeaderSlots> &\n  Required<Pick<AccordionHeaderProps, 'inline'>> &\n  AccordionHeaderContextValue;\n"],"names":[],"mappings":"AAAA,WAqD8B"}

package/lib/components/AccordionHeader/AccordionHeaderContext.js

@@ -1,11 +1,10 @@
 import * as React from 'react';
-export const AccordionHeaderContext = /*#__PURE__*/React.createContext(undefined);
+export const AccordionHeaderContext = React.createContext(undefined);
 const accordionHeaderContextDefaultValue = {
-  open: false,
-  disabled: false,
-  size: 'medium',
-  expandIconPosition: 'start'
+    open: false,
+    disabled: false,
+    size: 'medium',
+    expandIconPosition: 'start'
 };
 var _React_useContext;
-export const useAccordionHeaderContext = () => (_React_useContext = React.useContext(AccordionHeaderContext)) !== null && _React_useContext !== void 0 ? _React_useContext : accordionHeaderContextDefaultValue;
-//# sourceMappingURL=AccordionHeaderContext.js.map
+export const useAccordionHeaderContext = ()=>(_React_useContext = React.useContext(AccordionHeaderContext)) !== null && _React_useContext !== void 0 ? _React_useContext : accordionHeaderContextDefaultValue;

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

@@ -1 +1 @@
-{"version":3,"names":["React","AccordionHeaderContext","createContext","undefined","accordionHeaderContextDefaultValue","open","disabled","size","expandIconPosition","_React_useContext","useAccordionHeaderContext","useContext"],"sources":["../../../src/components/AccordionHeader/AccordionHeaderContext.ts"],"sourcesContent":["import * as React from 'react';\nimport type { AccordionHeaderContextValue } from './AccordionHeader.types';\n\nexport const AccordionHeaderContext = React.createContext<AccordionHeaderContextValue | undefined>(undefined);\n\nconst accordionHeaderContextDefaultValue = {\n  open: false,\n  disabled: false,\n  size: 'medium',\n  expandIconPosition: 'start',\n};\n\nexport const useAccordionHeaderContext = () =>\n  React.useContext(AccordionHeaderContext) ?? accordionHeaderContextDefaultValue;\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AAGvB,OAAO,MAAMC,sBAAA,gBAAyBD,KAAA,CAAME,aAAa,CAA0CC,SAAA;AAEnG,MAAMC,kCAAA,GAAqC;EACzCC,IAAA,EAAM,KAAK;EACXC,QAAA,EAAU,KAAK;EACfC,IAAA,EAAM;EACNC,kBAAA,EAAoB;AACtB;IAGEC,iBAAA;AADF,OAAO,MAAMC,yBAAA,GAA4BA,CAAA,KACvC,CAAAD,iBAAA,GAAAT,KAAA,CAAMW,UAAU,CAACV,sBAAA,eAAjBQ,iBAAA,cAAAA,iBAAA,GAA4CL,kCAAkC"}
+{"version":3,"sources":["AccordionHeaderContext.ts"],"sourcesContent":["import * as React from 'react';\nimport type { AccordionHeaderContextValue } from './AccordionHeader.types';\n\nexport const AccordionHeaderContext = React.createContext<AccordionHeaderContextValue | undefined>(undefined);\n\nconst accordionHeaderContextDefaultValue = {\n  open: false,\n  disabled: false,\n  size: 'medium',\n  expandIconPosition: 'start',\n};\n\nexport const useAccordionHeaderContext = () =>\n  React.useContext(AccordionHeaderContext) ?? accordionHeaderContextDefaultValue;\n"],"names":["React","AccordionHeaderContext","createContext","undefined","accordionHeaderContextDefaultValue","open","disabled","size","expandIconPosition","useAccordionHeaderContext","useContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAG/B,OAAO,MAAMC,yBAAyBD,MAAME,aAAa,CAA0CC,WAAW;AAE9G,MAAMC,qCAAqC;IACzCC,MAAM,KAAK;IACXC,UAAU,KAAK;IACfC,MAAM;IACNC,oBAAoB;AACtB;IAGER;AADF,OAAO,MAAMS,4BAA4B,IACvCT,CAAAA,oBAAAA,MAAMU,UAAU,CAACT,qCAAjBD,+BAAAA,oBAA4CI,kCAAkC,CAAC"}

package/lib/components/AccordionHeader/index.js

@@ -4,4 +4,3 @@ export * from './renderAccordionHeader';
 export * from './useAccordionHeader';
 export * from './useAccordionHeaderContextValues';
 export * from './useAccordionHeaderStyles.styles';
-//# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/components/AccordionHeader/index.ts"],"sourcesContent":["export * from './AccordionHeader';\nexport * from './AccordionHeader.types';\nexport * from './renderAccordionHeader';\nexport * from './useAccordionHeader';\nexport * from './useAccordionHeaderContextValues';\nexport * from './useAccordionHeaderStyles.styles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './AccordionHeader';\nexport * from './AccordionHeader.types';\nexport * from './renderAccordionHeader';\nexport * from './useAccordionHeader';\nexport * from './useAccordionHeaderContextValues';\nexport * from './useAccordionHeaderStyles.styles';\n"],"names":[],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,0BAA0B;AACxC,cAAc,0BAA0B;AACxC,cAAc,uBAAuB;AACrC,cAAc,oCAAoC;AAClD,cAAc,oCAAoC"}

package/lib/components/AccordionHeader/renderAccordionHeader.js

@@ -1,16 +1,11 @@
-/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';
+/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';
 import { getSlotsNext } from '@fluentui/react-utilities';
 import { AccordionHeaderContext } from './AccordionHeaderContext';
 /**
  * Function that renders the final JSX of the component
- */
-export const renderAccordionHeader_unstable = (state, contextValues) => {
-  const {
-    slots,
-    slotProps
-  } = getSlotsNext(state);
-  return /*#__PURE__*/createElement(AccordionHeaderContext.Provider, {
-    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))));
+ */ export const renderAccordionHeader_unstable = (state, contextValues)=>{
+    const { slots , slotProps  } = getSlotsNext(state);
+    return /*#__PURE__*/ createElement(AccordionHeaderContext.Provider, {
+        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))));
 };
-//# sourceMappingURL=renderAccordionHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["createElement","getSlotsNext","AccordionHeaderContext","renderAccordionHeader_unstable","state","contextValues","slots","slotProps","Provider","value","accordionHeader","root","button","expandIconPosition","expandIcon","icon","children"],"sources":["../../../src/components/AccordionHeader/renderAccordionHeader.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { AccordionHeaderContext } from './AccordionHeaderContext';\nimport type { AccordionHeaderState, AccordionHeaderSlots, AccordionHeaderContextValues } from './AccordionHeader.types';\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    <AccordionHeaderContext.Provider 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    </AccordionHeaderContext.Provider>\n  );\n};\n"],"mappings":"AAAA,2BACA,yBAEA,SAASA,aAAa,QAAQ;AAE9B,SAASC,YAAY,QAAQ;AAC7B,SAASC,sBAAsB,QAAQ;AAGvC;;;AAGA,OAAO,MAAMC,8BAAA,GAAiCA,CAC5CC,KAAA,EACAC,aAAA,KACG;EACH,MAAM;IAAEC,KAAA;IAAOC;EAAS,CAAE,GAAGN,YAAA,CAAmCG,KAAA;EAEhE,oBACEJ,aAlBJ,CAkBKE,sBAAA,CAAuBM,QAAQ;IAACC,KAAA,EAAOJ,aAAA,CAAcK;kBACpDV,aAnBN,CAmBOM,KAAA,CAAMK,IAAI,EAAKJ,SAAA,CAAUI,IAAI,eAC5BX,aApBR,CAoBSM,KAAA,CAAMM,MAAM,EAAKL,SAAA,CAAUK,MAAM,EAC/BR,KAAA,CAAMS,kBAAkB,KAAK,WAAWP,KAAA,CAAMQ,UAAU,iBAAId,aArBvE,CAqBwEM,KAAA,CAAMQ,UAAU,EAAKP,SAAA,CAAUO,UAAU,GACtGR,KAAA,CAAMS,IAAI,iBAAIf,aAtBzB,CAsB0BM,KAAA,CAAMS,IAAI,EAAKR,SAAA,CAAUQ,IAAI,GAC5CR,SAAA,CAAUI,IAAI,CAACK,QAAQ,EACvBZ,KAAA,CAAMS,kBAAkB,KAAK,SAASP,KAAA,CAAMQ,UAAU,iBAAId,aAxBrE,CAwBsEM,KAAA,CAAMQ,UAAU,EAAKP,SAAA,CAAUO,UAAU;AAK/G"}
+{"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 { AccordionHeaderContext } from './AccordionHeaderContext';\nimport type { AccordionHeaderState, AccordionHeaderSlots, AccordionHeaderContextValues } from './AccordionHeader.types';\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    <AccordionHeaderContext.Provider 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    </AccordionHeaderContext.Provider>\n  );\n};\n"],"names":["createElement","getSlotsNext","AccordionHeaderContext","renderAccordionHeader_unstable","state","contextValues","slots","slotProps","Provider","value","accordionHeader","root","button","expandIconPosition","expandIcon","icon","children"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAE5D,SAASC,YAAY,QAAQ,4BAA4B;AACzD,SAASC,sBAAsB,QAAQ,2BAA2B;AAGlE;;CAEC,GACD,OAAO,MAAMC,iCAAiC,CAC5CC,OACAC,gBACG;IACH,MAAM,EAAEC,MAAK,EAAEC,UAAS,EAAE,GAAGN,aAAmCG;IAEhE,qBACE,AAlBJ,cAkBKF,uBAAuBM,QAAQ;QAACC,OAAOJ,cAAcK,eAAe;qBACnE,AAnBN,cAmBOJ,MAAMK,IAAI,EAAKJ,UAAUI,IAAI,gBAC5B,AApBR,cAoBSL,MAAMM,MAAM,EAAKL,UAAUK,MAAM,EAC/BR,MAAMS,kBAAkB,KAAK,WAAWP,MAAMQ,UAAU,kBAAI,AArBvE,cAqBwER,MAAMQ,UAAU,EAAKP,UAAUO,UAAU,GACtGR,MAAMS,IAAI,kBAAI,AAtBzB,cAsB0BT,MAAMS,IAAI,EAAKR,UAAUQ,IAAI,GAC5CR,UAAUI,IAAI,CAACK,QAAQ,EACvBZ,MAAMS,kBAAkB,KAAK,SAASP,MAAMQ,UAAU,kBAAI,AAxBrE,cAwBsER,MAAMQ,UAAU,EAAKP,UAAUO,UAAU;AAK/G,EAAE"}

package/lib/components/AccordionHeader/useAccordionHeader.js

@@ -9,89 +9,72 @@ import { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts
  * Returns the props and state required to render the component
  * @param props - AccordionHeader properties
  * @param ref - reference to root HTMLElement of AccordionHeader
- */
-export const useAccordionHeader_unstable = (props, ref) => {
-  const {
-    as,
-    icon,
-    button,
-    expandIcon,
-    inline = false,
-    size = 'medium',
-    expandIconPosition = 'start'
-  } = props;
-  const {
-    onHeaderClick: onAccordionHeaderClick,
-    disabled,
-    open
-  } = useAccordionItemContext_unstable();
-  /**
-  * force disabled state on button if accordion isn't collapsible
-  * and this is the only item opened
-  */
-  const disabledFocusable = useAccordionContext_unstable(ctx => !ctx.collapsible && ctx.openItems.length === 1 && open);
-  const {
-    dir
-  } = useFluent();
-  // Calculate how to rotate the expand icon [>] (ChevronRightRegular)
-  let expandIconRotation;
-  if (expandIconPosition === 'end') {
-    // If expand icon is at the end, the chevron points up [^] when open, and down [v] when closed
-    expandIconRotation = open ? -90 : 90;
-  } else {
-    // Otherwise, the chevron points down [v] when open, and right [>] (or left [<] in RTL) when closed
-    expandIconRotation = open ? 90 : dir !== 'rtl' ? 0 : 180;
-  }
-  return {
-    disabled,
-    open,
-    size,
-    inline,
-    expandIconPosition,
-    components: {
-      root: 'div',
-      button: 'button',
-      expandIcon: 'span',
-      icon: 'div'
-    },
-    root: getNativeElementProps(as || 'div', {
-      ref,
-      ...props
-    }),
-    icon: resolveShorthand(icon),
-    expandIcon: resolveShorthand(expandIcon, {
-      required: true,
-      defaultProps: {
-        children: /*#__PURE__*/React.createElement(ChevronRightRegular, {
-          style: {
-            transform: `rotate(${expandIconRotation}deg)`
-          }
+ */ export const useAccordionHeader_unstable = (props, ref)=>{
+    const { as , icon , button , expandIcon , inline =false , size ='medium' , expandIconPosition ='start'  } = props;
+    const { onHeaderClick: onAccordionHeaderClick , disabled , open  } = useAccordionItemContext_unstable();
+    /**
+   * force disabled state on button if accordion isn't collapsible
+   * and this is the only item opened
+   */ const disabledFocusable = useAccordionContext_unstable((ctx)=>!ctx.collapsible && ctx.openItems.length === 1 && open);
+    const { dir  } = useFluent();
+    // Calculate how to rotate the expand icon [>] (ChevronRightRegular)
+    let expandIconRotation;
+    if (expandIconPosition === 'end') {
+        // If expand icon is at the end, the chevron points up [^] when open, and down [v] when closed
+        expandIconRotation = open ? -90 : 90;
+    } else {
+        // Otherwise, the chevron points down [v] when open, and right [>] (or left [<] in RTL) when closed
+        expandIconRotation = open ? 90 : dir !== 'rtl' ? 0 : 180;
+    }
+    return {
+        disabled,
+        open,
+        size,
+        inline,
+        expandIconPosition,
+        components: {
+            root: 'div',
+            button: 'button',
+            expandIcon: 'span',
+            icon: 'div'
+        },
+        root: getNativeElementProps(as || 'div', {
+            ref,
+            ...props
         }),
-        'aria-hidden': true
-      }
-    }),
-    button: resolveShorthand({
-      ...useARIAButtonShorthand(button, {
-        required: true,
-        defaultProps: {
-          disabled,
-          disabledFocusable,
-          'aria-expanded': open,
-          type: 'button'
-        }
-      }),
-      onClick: useEventCallback(ev => {
-        if (isResolvedShorthand(button)) {
-          var _button_onClick;
-          (_button_onClick = button.onClick) === null || _button_onClick === void 0 ? void 0 : _button_onClick.call(button, ev);
-        }
-        if (!ev.defaultPrevented) {
-          onAccordionHeaderClick(ev);
-        }
-      })
-    }, {
-      required: true
-    })
-  };
+        icon: resolveShorthand(icon),
+        expandIcon: resolveShorthand(expandIcon, {
+            required: true,
+            defaultProps: {
+                children: /*#__PURE__*/ React.createElement(ChevronRightRegular, {
+                    style: {
+                        transform: `rotate(${expandIconRotation}deg)`
+                    }
+                }),
+                'aria-hidden': true
+            }
+        }),
+        button: resolveShorthand({
+            ...useARIAButtonShorthand(button, {
+                required: true,
+                defaultProps: {
+                    disabled,
+                    disabledFocusable,
+                    'aria-expanded': open,
+                    type: 'button'
+                }
+            }),
+            onClick: useEventCallback((ev)=>{
+                if (isResolvedShorthand(button)) {
+                    var _button_onClick;
+                    (_button_onClick = button.onClick) === null || _button_onClick === void 0 ? void 0 : _button_onClick.call(button, ev);
+                }
+                if (!ev.defaultPrevented) {
+                    onAccordionHeaderClick(ev);
+                }
+            })
+        }, {
+            required: true
+        })
+    };
 };
-//# sourceMappingURL=useAccordionHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","getNativeElementProps","isResolvedShorthand","resolveShorthand","useEventCallback","useAccordionItemContext_unstable","useARIAButtonShorthand","useAccordionContext_unstable","ChevronRightRegular","useFluent_unstable","useFluent","useAccordionHeader_unstable","props","ref","as","icon","button","expandIcon","inline","size","expandIconPosition","onHeaderClick","onAccordionHeaderClick","disabled","open","disabledFocusable","ctx","collapsible","openItems","length","dir","expandIconRotation","components","root","required","defaultProps","children","createElement","style","transform","type","onClick","ev","_button_onClick","call","defaultPrevented"],"sources":["../../../src/components/AccordionHeader/useAccordionHeader.tsx"],"sourcesContent":["import * as React from 'react';\nimport {\n  getNativeElementProps,\n  isResolvedShorthand,\n  resolveShorthand,\n  useEventCallback,\n} from '@fluentui/react-utilities';\nimport { useAccordionItemContext_unstable } from '../AccordionItem/index';\nimport { ARIAButtonSlotProps, useARIAButtonShorthand } from '@fluentui/react-aria';\nimport type { AccordionHeaderProps, AccordionHeaderState } from './AccordionHeader.types';\nimport { useAccordionContext_unstable } from '../Accordion/AccordionContext';\nimport { ChevronRightRegular } from '@fluentui/react-icons';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\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 { onHeaderClick: onAccordionHeaderClick, disabled, open } = useAccordionItemContext_unstable();\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(ev => {\n          if (isResolvedShorthand(button)) {\n            button.onClick?.(ev);\n          }\n          if (!ev.defaultPrevented) {\n            onAccordionHeaderClick(ev);\n          }\n        }),\n      },\n      { required: true },\n    ),\n  };\n};\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SACEC,qBAAqB,EACrBC,mBAAmB,EACnBC,gBAAgB,EAChBC,gBAAgB,QACX;AACP,SAASC,gCAAgC,QAAQ;AACjD,SAA8BC,sBAAsB,QAAQ;AAE5D,SAASC,4BAA4B,QAAQ;AAC7C,SAASC,mBAAmB,QAAQ;AACpC,SAASC,kBAAA,IAAsBC,SAAS,QAAQ;AAEhD;;;;;AAKA,OAAO,MAAMC,2BAAA,GAA8BA,CACzCC,KAAA,EACAC,GAAA,KACyB;EACzB,MAAM;IAAEC,EAAA;IAAIC,IAAA;IAAMC,MAAA;IAAQC,UAAA;IAAYC,MAAA,GAAS,KAAK;IAAEC,IAAA,GAAO;IAAUC,kBAAA,GAAqB;EAAO,CAAE,GAAGR,KAAA;EACxG,MAAM;IAAES,aAAA,EAAeC,sBAAA;IAAwBC,QAAA;IAAUC;EAAI,CAAE,GAAGnB,gCAAA;EAElE;;;;EAIA,MAAMoB,iBAAA,GAAoBlB,4BAAA,CAA6BmB,GAAA,IAAO,CAACA,GAAA,CAAIC,WAAW,IAAID,GAAA,CAAIE,SAAS,CAACC,MAAM,KAAK,KAAKL,IAAA;EAEhH,MAAM;IAAEM;EAAG,CAAE,GAAGpB,SAAA;EAEhB;EACA,IAAIqB,kBAAA;EACJ,IAAIX,kBAAA,KAAuB,OAAO;IAChC;IACAW,kBAAA,GAAqBP,IAAA,GAAO,CAAC,KAAK,EAAE;EACtC,OAAO;IACL;IACAO,kBAAA,GAAqBP,IAAA,GAAO,KAAKM,GAAA,KAAQ,QAAQ,IAAI,GAAG;EAC1D;EAEA,OAAO;IACLP,QAAA;IACAC,IAAA;IACAL,IAAA;IACAD,MAAA;IACAE,kBAAA;IACAY,UAAA,EAAY;MACVC,IAAA,EAAM;MACNjB,MAAA,EAAQ;MACRC,UAAA,EAAY;MACZF,IAAA,EAAM;IACR;IACAkB,IAAA,EAAMhC,qBAAA,CAAsBa,EAAA,IAAM,OAAO;MACvCD,GAAA;MACA,GAAGD;IACL;IACAG,IAAA,EAAMZ,gBAAA,CAAiBY,IAAA;IACvBE,UAAA,EAAYd,gBAAA,CAAiBc,UAAA,EAAY;MACvCiB,QAAA,EAAU,IAAI;MACdC,YAAA,EAAc;QACZC,QAAA,eAAUpC,KAAA,CAAAqC,aAAA,CAAC7B,mBAAA;UAAoB8B,KAAA,EAAO;YAAEC,SAAA,EAAY,UAASR,kBAAmB;UAAM;;QACtF,eAAe;MACjB;IACF;IACAf,MAAA,EAAQb,gBAAA,CACN;MACE,GAAGG,sBAAA,CAAuBU,MAAA,EAAQ;QAChCkB,QAAA,EAAU,IAAI;QACdC,YAAA,EAAc;UACZZ,QAAA;UACAE,iBAAA;UACA,iBAAiBD,IAAA;UACjBgB,IAAA,EAAM;QACR;MACF,EAAE;MACFC,OAAA,EAASrC,gBAAA,CAAiBsC,EAAA,IAAM;QAC9B,IAAIxC,mBAAA,CAAoBc,MAAA,GAAS;cAC/B2B,eAAA;UAAA,CAAAA,eAAA,GAAA3B,MAAA,CAAOyB,OAAO,cAAdE,eAAA,uBAAAA,eAAA,CAAAC,IAAA,CAAA5B,MAAA,EAAiB0B,EAAA;QACnB;QACA,IAAI,CAACA,EAAA,CAAGG,gBAAgB,EAAE;UACxBvB,sBAAA,CAAuBoB,EAAA;QACzB;MACF;IACF,GACA;MAAER,QAAA,EAAU;IAAK;EAErB;AACF"}
+{"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 { useAccordionItemContext_unstable } from '../AccordionItem/index';\nimport { ARIAButtonSlotProps, useARIAButtonShorthand } from '@fluentui/react-aria';\nimport type { AccordionHeaderProps, AccordionHeaderState } from './AccordionHeader.types';\nimport { useAccordionContext_unstable } from '../Accordion/AccordionContext';\nimport { ChevronRightRegular } from '@fluentui/react-icons';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\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 { onHeaderClick: onAccordionHeaderClick, disabled, open } = useAccordionItemContext_unstable();\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(ev => {\n          if (isResolvedShorthand(button)) {\n            button.onClick?.(ev);\n          }\n          if (!ev.defaultPrevented) {\n            onAccordionHeaderClick(ev);\n          }\n        }),\n      },\n      { required: true },\n    ),\n  };\n};\n"],"names":["React","getNativeElementProps","isResolvedShorthand","resolveShorthand","useEventCallback","useAccordionItemContext_unstable","useARIAButtonShorthand","useAccordionContext_unstable","ChevronRightRegular","useFluent_unstable","useFluent","useAccordionHeader_unstable","props","ref","as","icon","button","expandIcon","inline","size","expandIconPosition","onHeaderClick","onAccordionHeaderClick","disabled","open","disabledFocusable","ctx","collapsible","openItems","length","dir","expandIconRotation","components","root","required","defaultProps","children","style","transform","type","onClick","ev","defaultPrevented"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SACEC,qBAAqB,EACrBC,mBAAmB,EACnBC,gBAAgB,EAChBC,gBAAgB,QACX,4BAA4B;AACnC,SAASC,gCAAgC,QAAQ,yBAAyB;AAC1E,SAA8BC,sBAAsB,QAAQ,uBAAuB;AAEnF,SAASC,4BAA4B,QAAQ,gCAAgC;AAC7E,SAASC,mBAAmB,QAAQ,wBAAwB;AAC5D,SAASC,sBAAsBC,SAAS,QAAQ,kCAAkC;AAElF;;;;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,eAAeC,uBAAsB,EAAEC,SAAQ,EAAEC,KAAI,EAAE,GAAGnB;IAElE;;;GAGC,GACD,MAAMoB,oBAAoBlB,6BAA6BmB,CAAAA,MAAO,CAACA,IAAIC,WAAW,IAAID,IAAIE,SAAS,CAACC,MAAM,KAAK,KAAKL;IAEhH,MAAM,EAAEM,IAAG,EAAE,GAAGpB;IAEhB,oEAAoE;IACpE,IAAIqB;IACJ,IAAIX,uBAAuB,OAAO;QAChC,8FAA8F;QAC9FW,qBAAqBP,OAAO,CAAC,KAAK,EAAE;IACtC,OAAO;QACL,mGAAmG;QACnGO,qBAAqBP,OAAO,KAAKM,QAAQ,QAAQ,IAAI,GAAG;IAC1D,CAAC;IAED,OAAO;QACLP;QACAC;QACAL;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,oBAAC5B;oBAAoB6B,OAAO;wBAAEC,WAAW,CAAC,OAAO,EAAEP,mBAAmB,IAAI,CAAC;oBAAC;;gBACtF,eAAe,IAAI;YACrB;QACF;QACAf,QAAQb,iBACN;YACE,GAAGG,uBAAuBU,QAAQ;gBAChCkB,UAAU,IAAI;gBACdC,cAAc;oBACZZ;oBACAE;oBACA,iBAAiBD;oBACjBe,MAAM;gBACR;YACF,EAAE;YACFC,SAASpC,iBAAiBqC,CAAAA,KAAM;gBAC9B,IAAIvC,oBAAoBc,SAAS;wBAC/BA;oBAAAA,CAAAA,kBAAAA,OAAOwB,OAAO,cAAdxB,6BAAAA,KAAAA,IAAAA,gBAAAA,KAAAA,QAAiByB;gBACnB,CAAC;gBACD,IAAI,CAACA,GAAGC,gBAAgB,EAAE;oBACxBpB,uBAAuBmB;gBACzB,CAAC;YACH;QACF,GACA;YAAEP,UAAU,IAAI;QAAC;IAErB;AACF,EAAE"}

package/lib/components/AccordionHeader/useAccordionHeaderContextValues.js

@@ -1,19 +1,18 @@
 import * as React from 'react';
 export function useAccordionHeaderContextValues_unstable(state) {
-  const {
-    disabled,
-    expandIconPosition,
-    open,
-    size
-  } = state;
-  const accordionHeader = React.useMemo(() => ({
-    disabled,
-    expandIconPosition,
-    open,
-    size
-  }), [disabled, expandIconPosition, open, size]);
-  return {
-    accordionHeader
-  };
+    const { disabled , expandIconPosition , open , size  } = state;
+    const accordionHeader = React.useMemo(()=>({
+            disabled,
+            expandIconPosition,
+            open,
+            size
+        }), [
+        disabled,
+        expandIconPosition,
+        open,
+        size
+    ]);
+    return {
+        accordionHeader
+    };
 }
-//# sourceMappingURL=useAccordionHeaderContextValues.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useAccordionHeaderContextValues_unstable","state","disabled","expandIconPosition","open","size","accordionHeader","useMemo"],"sources":["../../../src/components/AccordionHeader/useAccordionHeaderContextValues.ts"],"sourcesContent":["import * as React from 'react';\nimport type {\n  AccordionHeaderContextValue,\n  AccordionHeaderState,\n  AccordionHeaderContextValues,\n} from './AccordionHeader.types';\n\nexport function useAccordionHeaderContextValues_unstable(state: AccordionHeaderState): AccordionHeaderContextValues {\n  const { disabled, expandIconPosition, open, size } = state;\n\n  const accordionHeader = React.useMemo<AccordionHeaderContextValue>(\n    () => ({\n      disabled,\n      expandIconPosition,\n      open,\n      size,\n    }),\n    [disabled, expandIconPosition, open, size],\n  );\n\n  return { accordionHeader };\n}\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AAOvB,OAAO,SAASC,yCAAyCC,KAA2B,EAAgC;EAClH,MAAM;IAAEC,QAAA;IAAUC,kBAAA;IAAoBC,IAAA;IAAMC;EAAI,CAAE,GAAGJ,KAAA;EAErD,MAAMK,eAAA,GAAkBP,KAAA,CAAMQ,OAAO,CACnC,OAAO;IACLL,QAAA;IACAC,kBAAA;IACAC,IAAA;IACAC;EACF,IACA,CAACH,QAAA,EAAUC,kBAAA,EAAoBC,IAAA,EAAMC,IAAA,CAAK;EAG5C,OAAO;IAAEC;EAAgB;AAC3B"}
+{"version":3,"sources":["useAccordionHeaderContextValues.ts"],"sourcesContent":["import * as React from 'react';\nimport type {\n  AccordionHeaderContextValue,\n  AccordionHeaderState,\n  AccordionHeaderContextValues,\n} from './AccordionHeader.types';\n\nexport function useAccordionHeaderContextValues_unstable(state: AccordionHeaderState): AccordionHeaderContextValues {\n  const { disabled, expandIconPosition, open, size } = state;\n\n  const accordionHeader = React.useMemo<AccordionHeaderContextValue>(\n    () => ({\n      disabled,\n      expandIconPosition,\n      open,\n      size,\n    }),\n    [disabled, expandIconPosition, open, size],\n  );\n\n  return { accordionHeader };\n}\n"],"names":["React","useAccordionHeaderContextValues_unstable","state","disabled","expandIconPosition","open","size","accordionHeader","useMemo"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAO/B,OAAO,SAASC,yCAAyCC,KAA2B,EAAgC;IAClH,MAAM,EAAEC,SAAQ,EAAEC,mBAAkB,EAAEC,KAAI,EAAEC,KAAI,EAAE,GAAGJ;IAErD,MAAMK,kBAAkBP,MAAMQ,OAAO,CACnC,IAAO,CAAA;YACLL;YACAC;YACAC;YACAC;QACF,CAAA,GACA;QAACH;QAAUC;QAAoBC;QAAMC;KAAK;IAG5C,OAAO;QAAEC;IAAgB;AAC3B,CAAC"}

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

@@ -51,10 +51,10 @@ const useStyles = /*#__PURE__*/__styles({
     i03rao: ["fd0oaoj", "f1cwg4i8"],
     Boxcth7: "fjvm52t",
     Bsom6fd: ["f1cwg4i8", "fd0oaoj"],
-    J0r882: "fdiulkx",
-    Bjwuhne: "f1yalx80",
-    Ghsupd: ["fq22d5a", "f1jw7pan"],
-    Bule8hv: ["f1jw7pan", "fq22d5a"]
+    J0r882: "f57olzd",
+    Bule8hv: ["f4stah7", "fs1por5"],
+    Bjwuhne: "f480a47",
+    Ghsupd: ["fs1por5", "f4stah7"]
   },
   root: {
     sj55zd: "f19n0e5",
@@ -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);}", ".fdiulkx[data-fui-focus-visible]::after{top:-2px;}", ".f1yalx80[data-fui-focus-visible]::after{bottom:-2px;}", ".fq22d5a[data-fui-focus-visible]::after{left:-2px;}", ".f1jw7pan[data-fui-focus-visible]::after{right:-2px;}", ".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:-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;}"],
   f: [".ftqa4ok:focus{outline-style:none;}"],
   i: [".f2hkw1w:focus-visible{outline-style:none;}"]
 });

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

@@ -1 +1 @@
-{"version":3,"names":["shorthands","__styles","mergeClasses","createFocusOutlineStyle","tokens","typographyStyles","accordionHeaderClassNames","root","button","expandIcon","icon","useStyles","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","Bjwuhne","Ghsupd","Bule8hv","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","useAccordionHeaderStyles_unstable","state","styles","className","inline","disabled","expandIconPosition","size"],"sources":["../../../src/components/AccordionHeader/useAccordionHeaderStyles.styles.ts"],"sourcesContent":["import { shorthands, makeStyles, mergeClasses } from '@griffel/react';\nimport { createFocusOutlineStyle } from '@fluentui/react-tabster';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nimport type { AccordionHeaderSlots, AccordionHeaderState } from './AccordionHeader.types';\nimport type { SlotClassNames } from '@fluentui/react-utilities';\n\nexport const accordionHeaderClassNames: SlotClassNames<AccordionHeaderSlots> = {\n  root: 'fui-AccordionHeader',\n  button: 'fui-AccordionHeader__button',\n  expandIcon: 'fui-AccordionHeader__expandIcon',\n  icon: 'fui-AccordionHeader__icon',\n};\n\nconst useStyles = makeStyles({\n  // TODO: this should be extracted to another package\n  resetButton: {\n    boxSizing: 'content-box',\n    backgroundColor: 'inherit',\n    color: 'inherit',\n    fontFamily: 'inherit',\n    fontSize: 'inherit',\n    lineHeight: 'normal',\n    ...shorthands.overflow('visible'),\n    ...shorthands.padding(0),\n    WebkitAppearance: 'button',\n    textAlign: 'unset',\n  },\n  focusIndicator: createFocusOutlineStyle(),\n  root: {\n    color: tokens.colorNeutralForeground1,\n    backgroundColor: tokens.colorTransparentBackground,\n    ...shorthands.margin(0),\n    ...shorthands.borderRadius(tokens.borderRadiusMedium),\n  },\n  rootDisabled: {\n    backgroundImage: 'none',\n    color: tokens.colorNeutralForegroundDisabled,\n  },\n  rootInline: {\n    display: 'inline-block',\n  },\n  button: {\n    position: 'relative',\n    width: '100%',\n    ...shorthands.border('1px', 'solid', 'transparent'),\n    ...shorthands.padding(0, tokens.spacingHorizontalM, 0, tokens.spacingHorizontalMNudge),\n    minHeight: '44px',\n    display: 'flex',\n    alignItems: 'center',\n    cursor: 'pointer',\n    ...typographyStyles.body1,\n    boxSizing: 'border-box',\n  },\n  buttonSmall: {\n    minHeight: '32px',\n    fontSize: tokens.fontSizeBase200,\n  },\n  buttonLarge: {\n    lineHeight: tokens.lineHeightBase400,\n    fontSize: tokens.fontSizeBase400,\n  },\n  buttonExtraLarge: {\n    lineHeight: tokens.lineHeightBase500,\n    fontSize: tokens.fontSizeBase500,\n  },\n  buttonInline: {\n    display: 'inline-flex',\n  },\n  buttonExpandIconEndNoIcon: {\n    paddingLeft: tokens.spacingHorizontalM,\n  },\n  buttonExpandIconEnd: {\n    paddingRight: tokens.spacingHorizontalMNudge,\n  },\n  expandIcon: {\n    height: '100%',\n    display: 'flex',\n    alignItems: 'center',\n    lineHeight: tokens.lineHeightBase500,\n    fontSize: tokens.fontSizeBase500,\n  },\n  expandIconStart: {\n    paddingRight: tokens.spacingHorizontalS,\n  },\n  expandIconEnd: {\n    flexGrow: 1,\n    flexShrink: 1,\n    flexBasis: '0%',\n    display: 'flex',\n    justifyContent: 'flex-end',\n    paddingLeft: tokens.spacingHorizontalS,\n  },\n  icon: {\n    height: '100%',\n    display: 'flex',\n    alignItems: 'center',\n    paddingRight: tokens.spacingHorizontalS,\n    lineHeight: tokens.lineHeightBase500,\n    fontSize: tokens.fontSizeBase500,\n  },\n});\n\n/** Applies style classnames to slots */\nexport const useAccordionHeaderStyles_unstable = (state: AccordionHeaderState) => {\n  const styles = useStyles();\n  state.root.className = mergeClasses(\n    accordionHeaderClassNames.root,\n    styles.root,\n    state.inline && styles.rootInline,\n    state.disabled && styles.rootDisabled,\n    state.root.className,\n  );\n\n  state.button.className = mergeClasses(\n    accordionHeaderClassNames.button,\n    styles.resetButton,\n    styles.button,\n    styles.focusIndicator,\n    state.expandIconPosition === 'end' && !state.icon && styles.buttonExpandIconEndNoIcon,\n    state.expandIconPosition === 'end' && styles.buttonExpandIconEnd,\n    state.inline && styles.buttonInline,\n    state.size === 'small' && styles.buttonSmall,\n    state.size === 'large' && styles.buttonLarge,\n    state.size === 'extra-large' && styles.buttonExtraLarge,\n    state.button.className,\n  );\n\n  if (state.expandIcon) {\n    state.expandIcon.className = mergeClasses(\n      accordionHeaderClassNames.expandIcon,\n      styles.expandIcon,\n      state.expandIconPosition === 'start' && styles.expandIconStart,\n      state.expandIconPosition === 'end' && styles.expandIconEnd,\n      state.expandIcon.className,\n    );\n  }\n  if (state.icon) {\n    state.icon.className = mergeClasses(accordionHeaderClassNames.icon, styles.icon, state.icon.className);\n  }\n  return state;\n};\n"],"mappings":"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"}
+{"version":3,"names":["shorthands","__styles","mergeClasses","createFocusOutlineStyle","tokens","typographyStyles","accordionHeaderClassNames","root","button","expandIcon","icon","useStyles","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","useAccordionHeaderStyles_unstable","state","styles","className","inline","disabled","expandIconPosition","size"],"sources":["useAccordionHeaderStyles.styles.js"],"sourcesContent":["import { shorthands, makeStyles, 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 = makeStyles({\n    // TODO: this should be extracted to another package\n    resetButton: {\n        boxSizing: 'content-box',\n        backgroundColor: 'inherit',\n        color: 'inherit',\n        fontFamily: 'inherit',\n        fontSize: 'inherit',\n        lineHeight: 'normal',\n        ...shorthands.overflow('visible'),\n        ...shorthands.padding(0),\n        WebkitAppearance: 'button',\n        textAlign: 'unset'\n    },\n    focusIndicator: createFocusOutlineStyle(),\n    root: {\n        color: tokens.colorNeutralForeground1,\n        backgroundColor: tokens.colorTransparentBackground,\n        ...shorthands.margin(0),\n        ...shorthands.borderRadius(tokens.borderRadiusMedium)\n    },\n    rootDisabled: {\n        backgroundImage: 'none',\n        color: tokens.colorNeutralForegroundDisabled\n    },\n    rootInline: {\n        display: 'inline-block'\n    },\n    button: {\n        position: 'relative',\n        width: '100%',\n        ...shorthands.border('1px', 'solid', 'transparent'),\n        ...shorthands.padding(0, tokens.spacingHorizontalM, 0, tokens.spacingHorizontalMNudge),\n        minHeight: '44px',\n        display: 'flex',\n        alignItems: 'center',\n        cursor: 'pointer',\n        ...typographyStyles.body1,\n        boxSizing: 'border-box'\n    },\n    buttonSmall: {\n        minHeight: '32px',\n        fontSize: tokens.fontSizeBase200\n    },\n    buttonLarge: {\n        lineHeight: tokens.lineHeightBase400,\n        fontSize: tokens.fontSizeBase400\n    },\n    buttonExtraLarge: {\n        lineHeight: tokens.lineHeightBase500,\n        fontSize: tokens.fontSizeBase500\n    },\n    buttonInline: {\n        display: 'inline-flex'\n    },\n    buttonExpandIconEndNoIcon: {\n        paddingLeft: tokens.spacingHorizontalM\n    },\n    buttonExpandIconEnd: {\n        paddingRight: tokens.spacingHorizontalMNudge\n    },\n    expandIcon: {\n        height: '100%',\n        display: 'flex',\n        alignItems: 'center',\n        lineHeight: tokens.lineHeightBase500,\n        fontSize: tokens.fontSizeBase500\n    },\n    expandIconStart: {\n        paddingRight: tokens.spacingHorizontalS\n    },\n    expandIconEnd: {\n        flexGrow: 1,\n        flexShrink: 1,\n        flexBasis: '0%',\n        display: 'flex',\n        justifyContent: 'flex-end',\n        paddingLeft: tokens.spacingHorizontalS\n    },\n    icon: {\n        height: '100%',\n        display: 'flex',\n        alignItems: 'center',\n        paddingRight: tokens.spacingHorizontalS,\n        lineHeight: tokens.lineHeightBase500,\n        fontSize: tokens.fontSizeBase500\n    }\n});\n/** Applies style classnames to slots */ export 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"],"mappings":"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"}

package/lib/components/AccordionItem/AccordionItem.js

@@ -6,13 +6,11 @@ import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
 import { useAccordionItemStyles_unstable } from './useAccordionItemStyles.styles';
 /**
  * Define a styled AccordionItem, using the `useAccordionItem_unstable` and `useAccordionItemStyles_unstable` hooks.
- */
-export const AccordionItem = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const state = useAccordionItem_unstable(props, ref);
-  const contextValues = useAccordionItemContextValues_unstable(state);
-  useAccordionItemStyles_unstable(state);
-  useCustomStyleHook_unstable('useAccordionItemStyles_unstable')(state);
-  return renderAccordionItem_unstable(state, contextValues);
+ */ export const AccordionItem = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useAccordionItem_unstable(props, ref);
+    const contextValues = useAccordionItemContextValues_unstable(state);
+    useAccordionItemStyles_unstable(state);
+    useCustomStyleHook_unstable('useAccordionItemStyles_unstable')(state);
+    return renderAccordionItem_unstable(state, contextValues);
 });
 AccordionItem.displayName = 'AccordionItem';
-//# sourceMappingURL=AccordionItem.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useAccordionItem_unstable","useAccordionItemContextValues_unstable","renderAccordionItem_unstable","useCustomStyleHook_unstable","useAccordionItemStyles_unstable","AccordionItem","forwardRef","props","ref","state","contextValues","displayName"],"sources":["../../../src/components/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAccordionItem_unstable } from './useAccordionItem';\nimport { useAccordionItemContextValues_unstable } from './useAccordionItemContextValues';\nimport { renderAccordionItem_unstable } from './renderAccordionItem';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useAccordionItemStyles_unstable } from './useAccordionItemStyles.styles';\nimport type { AccordionItemProps } from './AccordionItem.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled AccordionItem, using the `useAccordionItem_unstable` and `useAccordionItemStyles_unstable` hooks.\n */\nexport const AccordionItem: ForwardRefComponent<AccordionItemProps> = React.forwardRef((props, ref) => {\n  const state = useAccordionItem_unstable(props, ref);\n  const contextValues = useAccordionItemContextValues_unstable(state);\n\n  useAccordionItemStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useAccordionItemStyles_unstable')(state);\n\n  return renderAccordionItem_unstable(state, contextValues);\n});\n\nAccordionItem.displayName = 'AccordionItem';\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AACvB,SAASC,yBAAyB,QAAQ;AAC1C,SAASC,sCAAsC,QAAQ;AACvD,SAASC,4BAA4B,QAAQ;AAC7C,SAASC,2BAA2B,QAAQ;AAC5C,SAASC,+BAA+B,QAAQ;AAIhD;;;AAGA,OAAO,MAAMC,aAAA,gBAAyDN,KAAA,CAAMO,UAAU,CAAC,CAACC,KAAA,EAAOC,GAAA,KAAQ;EACrG,MAAMC,KAAA,GAAQT,yBAAA,CAA0BO,KAAA,EAAOC,GAAA;EAC/C,MAAME,aAAA,GAAgBT,sCAAA,CAAuCQ,KAAA;EAE7DL,+BAAA,CAAgCK,KAAA;EAEhCN,2BAAA,CAA4B,mCAAmCM,KAAA;EAE/D,OAAOP,4BAAA,CAA6BO,KAAA,EAAOC,aAAA;AAC7C;AAEAL,aAAA,CAAcM,WAAW,GAAG"}
+{"version":3,"sources":["AccordionItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useAccordionItem_unstable } from './useAccordionItem';\nimport { useAccordionItemContextValues_unstable } from './useAccordionItemContextValues';\nimport { renderAccordionItem_unstable } from './renderAccordionItem';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useAccordionItemStyles_unstable } from './useAccordionItemStyles.styles';\nimport type { AccordionItemProps } from './AccordionItem.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled AccordionItem, using the `useAccordionItem_unstable` and `useAccordionItemStyles_unstable` hooks.\n */\nexport const AccordionItem: ForwardRefComponent<AccordionItemProps> = React.forwardRef((props, ref) => {\n  const state = useAccordionItem_unstable(props, ref);\n  const contextValues = useAccordionItemContextValues_unstable(state);\n\n  useAccordionItemStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useAccordionItemStyles_unstable')(state);\n\n  return renderAccordionItem_unstable(state, contextValues);\n});\n\nAccordionItem.displayName = 'AccordionItem';\n"],"names":["React","useAccordionItem_unstable","useAccordionItemContextValues_unstable","renderAccordionItem_unstable","useCustomStyleHook_unstable","useAccordionItemStyles_unstable","AccordionItem","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,sCAAsC,QAAQ,kCAAkC;AACzF,SAASC,4BAA4B,QAAQ,wBAAwB;AACrE,SAASC,2BAA2B,QAAQ,kCAAkC;AAC9E,SAASC,+BAA+B,QAAQ,kCAAkC;AAIlF;;CAEC,GACD,OAAO,MAAMC,8BAAyDN,MAAMO,UAAU,CAAC,CAACC,OAAOC,MAAQ;IACrG,MAAMC,QAAQT,0BAA0BO,OAAOC;IAC/C,MAAME,gBAAgBT,uCAAuCQ;IAE7DL,gCAAgCK;IAEhCN,4BAA4B,mCAAmCM;IAE/D,OAAOP,6BAA6BO,OAAOC;AAC7C,GAAG;AAEHL,cAAcM,WAAW,GAAG"}

package/lib/components/AccordionItem/AccordionItem.types.js

@@ -1,2 +1 @@
 import * as React from 'react';
-//# sourceMappingURL=AccordionItem.types.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React"],"sources":["../../../src/components/AccordionItem/AccordionItem.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type AccordionItemContextValue = Required<Pick<AccordionItemProps, 'disabled'>> & {\n  onHeaderClick(ev: React.MouseEvent | React.KeyboardEvent): void;\n  open: boolean;\n};\n\nexport type AccordionItemContextValues = {\n  accordionItem: AccordionItemContextValue;\n};\n\nexport type AccordionItemSlots = {\n  root: NonNullable<Slot<'div'>>;\n};\n\nexport type AccordionItemProps = ComponentProps<AccordionItemSlots> & {\n  /**\n   * Disables opening/closing of panel.\n   */\n  disabled?: boolean;\n  /**\n   * Required value that identifies this item inside an Accordion component.\n   */\n  value: AccordionItemValue;\n};\n\nexport type AccordionItemValue = unknown;\n\nexport type AccordionItemState = ComponentState<AccordionItemSlots> & AccordionItemContextValue;\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW"}
+{"version":3,"sources":["AccordionItem.types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\n\nexport type AccordionItemContextValue = Required<Pick<AccordionItemProps, 'disabled'>> & {\n  onHeaderClick(ev: React.MouseEvent | React.KeyboardEvent): void;\n  open: boolean;\n};\n\nexport type AccordionItemContextValues = {\n  accordionItem: AccordionItemContextValue;\n};\n\nexport type AccordionItemSlots = {\n  root: NonNullable<Slot<'div'>>;\n};\n\nexport type AccordionItemProps = ComponentProps<AccordionItemSlots> & {\n  /**\n   * Disables opening/closing of panel.\n   */\n  disabled?: boolean;\n  /**\n   * Required value that identifies this item inside an Accordion component.\n   */\n  value: AccordionItemValue;\n};\n\nexport type AccordionItemValue = unknown;\n\nexport type AccordionItemState = ComponentState<AccordionItemSlots> & AccordionItemContextValue;\n"],"names":["React"],"mappings":"AAAA,YAAYA,WAAW,QAAQ"}

package/lib/components/AccordionItem/AccordionItemContext.js

@@ -1,12 +1,11 @@
 import * as React from 'react';
-export const AccordionItemContext = /*#__PURE__*/React.createContext(undefined);
+export const AccordionItemContext = React.createContext(undefined);
 const accordionItemContextDefaultValue = {
-  onHeaderClick() {
-    /** */},
-  open: false,
-  disabled: false
+    onHeaderClick () {
+    /** */ },
+    open: false,
+    disabled: false
 };
 export const AccordionItemProvider = AccordionItemContext.Provider;
 var _React_useContext;
-export const useAccordionItemContext_unstable = () => (_React_useContext = React.useContext(AccordionItemContext)) !== null && _React_useContext !== void 0 ? _React_useContext : accordionItemContextDefaultValue;
-//# sourceMappingURL=AccordionItemContext.js.map
+export const useAccordionItemContext_unstable = ()=>(_React_useContext = React.useContext(AccordionItemContext)) !== null && _React_useContext !== void 0 ? _React_useContext : accordionItemContextDefaultValue;

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

@@ -1 +1 @@
-{"version":3,"names":["React","AccordionItemContext","createContext","undefined","accordionItemContextDefaultValue","onHeaderClick","open","disabled","AccordionItemProvider","Provider","_React_useContext","useAccordionItemContext_unstable","useContext"],"sources":["../../../src/components/AccordionItem/AccordionItemContext.ts"],"sourcesContent":["import * as React from 'react';\nimport type { AccordionItemContextValue } from './AccordionItem.types';\n\nexport const AccordionItemContext = React.createContext<AccordionItemContextValue | undefined>(\n  undefined,\n) as React.Context<AccordionItemContextValue>;\n\nconst accordionItemContextDefaultValue: AccordionItemContextValue = {\n  onHeaderClick() {\n    /** */\n  },\n  open: false,\n  disabled: false,\n};\n\nexport const AccordionItemProvider = AccordionItemContext.Provider;\n\nexport const useAccordionItemContext_unstable = () =>\n  React.useContext(AccordionItemContext) ?? accordionItemContextDefaultValue;\n"],"mappings":"AAAA,YAAYA,KAAA,MAAW;AAGvB,OAAO,MAAMC,oBAAA,gBAAuBD,KAAA,CAAME,aAAa,CACrDC,SAAA;AAGF,MAAMC,gCAAA,GAA8D;EAClEC,cAAA,EAAgB;IACd,OACF;EACAC,IAAA,EAAM,KAAK;EACXC,QAAA,EAAU;AACZ;AAEA,OAAO,MAAMC,qBAAA,GAAwBP,oBAAA,CAAqBQ,QAAQ;IAGhEC,iBAAA;AADF,OAAO,MAAMC,gCAAA,GAAmCA,CAAA,KAC9C,CAAAD,iBAAA,GAAAV,KAAA,CAAMY,UAAU,CAACX,oBAAA,eAAjBS,iBAAA,cAAAA,iBAAA,GAA0CN,gCAAgC"}
+{"version":3,"sources":["AccordionItemContext.ts"],"sourcesContent":["import * as React from 'react';\nimport type { AccordionItemContextValue } from './AccordionItem.types';\n\nexport const AccordionItemContext = React.createContext<AccordionItemContextValue | undefined>(\n  undefined,\n) as React.Context<AccordionItemContextValue>;\n\nconst accordionItemContextDefaultValue: AccordionItemContextValue = {\n  onHeaderClick() {\n    /** */\n  },\n  open: false,\n  disabled: false,\n};\n\nexport const AccordionItemProvider = AccordionItemContext.Provider;\n\nexport const useAccordionItemContext_unstable = () =>\n  React.useContext(AccordionItemContext) ?? accordionItemContextDefaultValue;\n"],"names":["React","AccordionItemContext","createContext","undefined","accordionItemContextDefaultValue","onHeaderClick","open","disabled","AccordionItemProvider","Provider","useAccordionItemContext_unstable","useContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAG/B,OAAO,MAAMC,uBAAuBD,MAAME,aAAa,CACrDC,WAC4C;AAE9C,MAAMC,mCAA8D;IAClEC,iBAAgB;IACd,IAAI,GACN;IACAC,MAAM,KAAK;IACXC,UAAU,KAAK;AACjB;AAEA,OAAO,MAAMC,wBAAwBP,qBAAqBQ,QAAQ,CAAC;IAGjET;AADF,OAAO,MAAMU,mCAAmC,IAC9CV,CAAAA,oBAAAA,MAAMW,UAAU,CAACV,mCAAjBD,+BAAAA,oBAA0CI,gCAAgC,CAAC"}

package/lib/components/AccordionItem/index.js

@@ -5,4 +5,3 @@ export * from './useAccordionItem';
 export * from './useAccordionItemContextValues';
 export * from './AccordionItemContext';
 export * from './useAccordionItemStyles.styles';
-//# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/components/AccordionItem/index.ts"],"sourcesContent":["export * from './AccordionItem';\nexport * from './AccordionItem.types';\nexport * from './renderAccordionItem';\nexport * from './useAccordionItem';\nexport * from './useAccordionItemContextValues';\nexport * from './AccordionItemContext';\nexport * from './useAccordionItemStyles.styles';\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export * from './AccordionItem';\nexport * from './AccordionItem.types';\nexport * from './renderAccordionItem';\nexport * from './useAccordionItem';\nexport * from './useAccordionItemContextValues';\nexport * from './AccordionItemContext';\nexport * from './useAccordionItemStyles.styles';\n"],"names":[],"mappings":"AAAA,cAAc,kBAAkB;AAChC,cAAc,wBAAwB;AACtC,cAAc,wBAAwB;AACtC,cAAc,qBAAqB;AACnC,cAAc,kCAAkC;AAChD,cAAc,yBAAyB;AACvC,cAAc,kCAAkC"}

package/lib/components/AccordionItem/renderAccordionItem.js

@@ -1,16 +1,11 @@
-/** @jsxRuntime classic */ /** @jsx createElement */import { createElement } from '@fluentui/react-jsx-runtime';
+/** @jsxRuntime classic */ /** @jsx createElement */ import { createElement } from '@fluentui/react-jsx-runtime';
 import { getSlotsNext } from '@fluentui/react-utilities';
 import { AccordionItemContext } from './AccordionItemContext';
 /**
  * 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(AccordionItemContext.Provider, {
-    value: contextValues.accordionItem
-  }, slotProps.root.children));
+ */ export const renderAccordionItem_unstable = (state, contextValues)=>{
+    const { slots , slotProps  } = getSlotsNext(state);
+    return /*#__PURE__*/ createElement(slots.root, slotProps.root, /*#__PURE__*/ createElement(AccordionItemContext.Provider, {
+        value: contextValues.accordionItem
+    }, slotProps.root.children));
 };
-//# sourceMappingURL=renderAccordionItem.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["createElement","getSlotsNext","AccordionItemContext","renderAccordionItem_unstable","state","contextValues","slots","slotProps","root","Provider","value","accordionItem","children"],"sources":["../../../src/components/AccordionItem/renderAccordionItem.tsx"],"sourcesContent":["/** @jsxRuntime classic */\n/** @jsx createElement */\n\nimport { createElement } from '@fluentui/react-jsx-runtime';\n\nimport { getSlotsNext } from '@fluentui/react-utilities';\nimport { AccordionItemContext } from './AccordionItemContext';\nimport type { AccordionItemState, AccordionItemSlots, AccordionItemContextValues } from './AccordionItem.types';\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      <AccordionItemContext.Provider value={contextValues.accordionItem}>\n        {slotProps.root.children}\n      </AccordionItemContext.Provider>\n    </slots.root>\n  );\n};\n"],"mappings":"AAAA,2BACA,yBAEA,SAASA,aAAa,QAAQ;AAE9B,SAASC,YAAY,QAAQ;AAC7B,SAASC,oBAAoB,QAAQ;AAGrC;;;AAGA,OAAO,MAAMC,4BAAA,GAA+BA,CAACC,KAAA,EAA2BC,aAAA,KAA8C;EACpH,MAAM;IAAEC,KAAA;IAAOC;EAAS,CAAE,GAAGN,YAAA,CAAiCG,KAAA;EAE9D,oBACEJ,aAfJ,CAeKM,KAAA,CAAME,IAAI,EAAKD,SAAA,CAAUC,IAAI,eAC5BR,aAhBN,CAgBOE,oBAAA,CAAqBO,QAAQ;IAACC,KAAA,EAAOL,aAAA,CAAcM;KACjDJ,SAAA,CAAUC,IAAI,CAACI,QAAQ;AAIhC"}
+{"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 { AccordionItemContext } from './AccordionItemContext';\nimport type { AccordionItemState, AccordionItemSlots, AccordionItemContextValues } from './AccordionItem.types';\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      <AccordionItemContext.Provider value={contextValues.accordionItem}>\n        {slotProps.root.children}\n      </AccordionItemContext.Provider>\n    </slots.root>\n  );\n};\n"],"names":["createElement","getSlotsNext","AccordionItemContext","renderAccordionItem_unstable","state","contextValues","slots","slotProps","root","Provider","value","accordionItem","children"],"mappings":"AAAA,wBAAwB,GACxB,uBAAuB,GAEvB,SAASA,aAAa,QAAQ,8BAA8B;AAE5D,SAASC,YAAY,QAAQ,4BAA4B;AACzD,SAASC,oBAAoB,QAAQ,yBAAyB;AAG9D;;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,qBAAqBO,QAAQ;QAACC,OAAOL,cAAcM,aAAa;OAC9DJ,UAAUC,IAAI,CAACI,QAAQ;AAIhC,EAAE"}