@fluentui/react-accordion 9.12.1 → 9.74.3-experimental.esm.20260709-49ee7a20cf.0

package/CHANGELOG.md

@@ -1,12 +1,30 @@
 # Change Log - @fluentui/react-accordion
 
-This log was last generated on Wed, 24 Jun 2026 11:03:54 GMT and should not be manually modified.
+This log was last generated on Thu, 09 Jul 2026 17:33:59 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [9.74.3-experimental.esm.20260709-49ee7a20cf.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.74.3-experimental.esm.20260709-49ee7a20cf.0)
+
+Thu, 09 Jul 2026 17:33:59 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.12.1..@fluentui/react-accordion_v9.74.3-experimental.esm.20260709-49ee7a20cf.0)
+
+### Changes
+
+- Release 9.74.3-experimental.esm.20260709-49ee7a20cf ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
+- Bump @fluentui/react-aria to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
+- Bump @fluentui/react-context-selector to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
+- Bump @fluentui/react-motion to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
+- Bump @fluentui/react-motion-components-preview to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
+- Bump @fluentui/react-tabster to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
+- Bump @fluentui/react-theme to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
+- Bump @fluentui/react-utilities to v9.74.3-experimental.esm.20260709-49ee7a20cf.0 ([commit](https://github.com/microsoft/fluentui/commit/175a26e0c520dd90a54578d1185a3b0b6c446e15) by beachball)
+
 ## [9.12.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-accordion_v9.12.1)
 
-Wed, 24 Jun 2026 11:03:54 GMT 
+Wed, 24 Jun 2026 11:10:06 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-accordion_v9.12.0..@fluentui/react-accordion_v9.12.1)
 
 ### Patches

package/dist/index.d.cts

@@ -0,0 +1,323 @@
+import type { ARIAButtonSlotProps } from '@fluentui/react-aria';
+import type { CollapseParams } from '@fluentui/react-motion-components-preview';
+import type { ComponentProps } from '@fluentui/react-utilities';
+import type { ComponentState } from '@fluentui/react-utilities';
+import type { ContextSelector } from '@fluentui/react-context-selector';
+import { FC } from 'react';
+import type { ForwardRefComponent } from '@fluentui/react-utilities';
+import type { JSXElement } from '@fluentui/react-utilities';
+import type { PresenceMotionSlotProps } from '@fluentui/react-motion';
+import { Provider } from 'react';
+import { ProviderProps } from 'react';
+import * as React_2 from 'react';
+import type { Slot } from '@fluentui/react-utilities';
+import type { SlotClassNames } from '@fluentui/react-utilities';
+
+/**
+ * Define a styled Accordion, using the `useAccordion_unstable` and `useAccordionStyles_unstable` hooks.
+ */
+export declare const Accordion: ForwardRefComponent<AccordionProps> & (<TItem>(props: AccordionProps<TItem>) => JSXElement);
+
+export declare type AccordionBaseProps<Value = AccordionItemValue> = Omit<AccordionProps<Value>, 'navigation'>;
+
+export declare type AccordionBaseState<Value = AccordionItemValue> = Omit<AccordionState<Value>, 'navigation'>;
+
+export declare const accordionClassNames: SlotClassNames<AccordionSlots>;
+
+export declare type AccordionContextValue<Value = AccordionItemValue> = {
+    /**
+     * The list of opened panels by index
+     */
+    openItems: AccordionItemValue[];
+    /**
+     * Callback used by AccordionItem to request a change on it's own opened state
+     * Should be used to toggle AccordionItem
+     */
+    requestToggle: (data: AccordionRequestToggleData<Value>) => void;
+    collapsible: boolean;
+    multiple: boolean;
+    navigation: 'linear' | 'circular' | undefined;
+};
+
+export declare type AccordionContextValues = {
+    accordion: AccordionContextValue;
+};
+
+/**
+ * Define a styled AccordionHeader, using the `useAccordionHeader_unstable` and `useAccordionHeaderStyles_unstable`
+ * hooks.
+ */
+export declare const AccordionHeader: ForwardRefComponent<AccordionHeaderProps>;
+
+export declare type AccordionHeaderBaseProps = Omit<AccordionHeaderProps, 'inline' | 'size'>;
+
+export declare type AccordionHeaderBaseState = Omit<AccordionHeaderState, 'inline' | 'size'>;
+
+export declare const accordionHeaderClassNames: SlotClassNames<AccordionHeaderSlots>;
+
+export declare type AccordionHeaderContextValue = {
+    disabled: boolean;
+    open: boolean;
+    expandIconPosition: AccordionHeaderExpandIconPosition;
+    size: AccordionHeaderSize;
+};
+
+export declare type AccordionHeaderContextValues = {
+    accordionHeader: AccordionHeaderContextValue;
+};
+
+export declare type AccordionHeaderExpandIconPosition = 'start' | 'end';
+
+export declare type AccordionHeaderProps = ComponentProps<Partial<AccordionHeaderSlots>> & {
+    /**
+     * The position of the expand  icon slot in heading.
+     */
+    expandIconPosition?: AccordionHeaderExpandIconPosition;
+    /**
+     * Indicates if the AccordionHeader should be rendered inline.
+     */
+    inline?: boolean;
+    /**
+     * Size of spacing in the heading.
+     */
+    size?: AccordionHeaderSize;
+};
+
+export declare const AccordionHeaderProvider: React_2.Provider<AccordionHeaderContextValue>;
+
+export declare type AccordionHeaderSize = 'small' | 'medium' | 'large' | 'extra-large';
+
+export declare type AccordionHeaderSlots = {
+    /**
+     * The element wrapping the button. By default this is a div, but can be a heading.
+     */
+    root: NonNullable<Slot<'div', 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'>>;
+    /**
+     * The component to be used as button in heading
+     */
+    button: NonNullable<Slot<ARIAButtonSlotProps<'a'>>>;
+    /**
+     * Expand icon slot rendered before (or after) children content in heading.
+     */
+    expandIcon?: Slot<'span'>;
+    /**
+     * Expand icon slot rendered before (or after) children content in heading.
+     */
+    icon?: Slot<'div'>;
+};
+
+export declare type AccordionHeaderState = ComponentState<AccordionHeaderSlots> & Required<Pick<AccordionHeaderProps, 'inline'>> & AccordionHeaderContextValue;
+
+export declare type AccordionIndex = number | number[];
+
+/**
+ * Define a styled AccordionItem, using the `useAccordionItem_unstable` and `useAccordionItemStyles_unstable` hooks.
+ */
+export declare const AccordionItem: ForwardRefComponent<AccordionItemProps>;
+
+export declare const accordionItemClassNames: SlotClassNames<AccordionItemSlots>;
+
+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> = {
+    accordionItem: AccordionItemContextValue<Value>;
+};
+
+export declare type AccordionItemProps<Value = AccordionItemValue> = ComponentProps<AccordionItemSlots> & {
+    /**
+     * Disables opening/closing of panel.
+     */
+    disabled?: boolean;
+    /**
+     * Required value that identifies this item inside an Accordion component.
+     */
+    value: Value;
+};
+
+export declare const AccordionItemProvider: React_2.Provider<AccordionItemContextValue<unknown>>;
+
+export declare type AccordionItemSlots = {
+    root: NonNullable<Slot<'div'>>;
+};
+
+export declare type AccordionItemState<Value = AccordionItemValue> = ComponentState<AccordionItemSlots> & AccordionItemContextValue<Value>;
+
+export declare type AccordionItemValue = unknown;
+
+/**
+ * Define a styled AccordionPanel, using the `useAccordionPanel_unstable` and `useAccordionPanelStyles_unstable` hooks.
+ */
+export declare const AccordionPanel: ForwardRefComponent<AccordionPanelProps>;
+
+export declare type AccordionPanelBaseProps = ComponentProps<Omit<AccordionPanelSlots, 'collapseMotion'>>;
+
+export declare type AccordionPanelBaseState = ComponentState<Omit<AccordionPanelSlots, 'collapseMotion'>> & Pick<AccordionPanelState, 'open'>;
+
+export declare const accordionPanelClassNames: SlotClassNames<Omit<AccordionPanelSlots, 'collapseMotion'>>;
+
+export declare type AccordionPanelProps = ComponentProps<AccordionPanelSlots>;
+
+export declare type AccordionPanelSlots = {
+    root: NonNullable<Slot<'div'>>;
+    collapseMotion?: Slot<PresenceMotionSlotProps<CollapseParams>>;
+};
+
+export declare type AccordionPanelState = ComponentState<AccordionPanelSlots> & {
+    /**
+     * Internal open state, provided by context.
+     */
+    open: boolean;
+};
+
+export declare type AccordionProps<Value = AccordionItemValue> = Omit<ComponentProps<AccordionSlots>, 'onToggle'> & {
+    /**
+     * Default value for the uncontrolled state of the panel.
+     */
+    defaultOpenItems?: Value | Value[];
+    /**
+     * Indicates if Accordion support multiple Panels closed at the same time.
+     */
+    collapsible?: boolean;
+    /**
+     * Indicates if Accordion support multiple Panels opened at the same time.
+     */
+    multiple?: boolean;
+    /**
+     * @deprecated Arrow keyboard navigation is not recommended for accordions. Consider using Tree if arrow navigation is a hard requirement.
+     * Indicates if keyboard navigation is available and gives two options, linear or circular navigation.
+     */
+    navigation?: 'linear' | 'circular';
+    /**
+     * Callback to be called when the opened items change.
+     */
+    onToggle?: AccordionToggleEventHandler<Value>;
+    /**
+     * Controls the state of the panel.
+     */
+    openItems?: Value | Value[];
+};
+
+export declare const AccordionProvider: Provider<AccordionContextValue<unknown>> & FC<ProviderProps<AccordionContextValue<unknown>>>;
+
+declare type AccordionRequestToggleData<Value = AccordionItemValue> = {
+    event: AccordionToggleEvent;
+} & Pick<AccordionToggleData<Value>, 'value'>;
+
+export declare type AccordionSlots = {
+    root: NonNullable<Slot<'div'>>;
+};
+
+export declare type AccordionState<Value = AccordionItemValue> = ComponentState<AccordionSlots> & AccordionContextValue<Value>;
+
+export declare type AccordionToggleData<Value = AccordionItemValue> = {
+    value: Value;
+    openItems: Value[];
+};
+
+export declare type AccordionToggleEvent<E = HTMLElement> = React_2.MouseEvent<E> | React_2.KeyboardEvent<E>;
+
+export declare type AccordionToggleEventHandler<Value = AccordionItemValue> = (event: AccordionToggleEvent, data: AccordionToggleData<Value>) => void;
+
+/**
+ * Function that renders the final JSX of the component
+ */
+export declare const renderAccordion_unstable: (state: AccordionBaseState, contextValues: AccordionContextValues) => JSXElement;
+
+/**
+ * Function that renders the final JSX of the component
+ */
+export declare const renderAccordionHeader_unstable: (state: AccordionHeaderBaseState, contextValues: AccordionHeaderContextValues) => JSXElement;
+
+/**
+ * Function that renders the final JSX of the component
+ */
+export declare const renderAccordionItem_unstable: (state: AccordionItemState, contextValues: AccordionItemContextValues) => JSXElement;
+
+/**
+ * Function that renders the final JSX of the component
+ */
+export declare const renderAccordionPanel_unstable: (state: AccordionPanelState) => JSXElement;
+
+/**
+ * Returns the props and state required to render the component
+ * @param props - Accordion properties
+ * @param ref - reference to root HTMLElement of Accordion
+ */
+export declare const useAccordion_unstable: <Value = unknown>(props: AccordionProps<Value>, ref: React_2.Ref<HTMLElement>) => AccordionState<Value>;
+
+/**
+ * Returns the props and state required to render the component
+ * @param props - Accordion properties
+ * @param ref - reference to root HTMLElement of Accordion
+ */
+export declare const useAccordionBase_unstable: <Value = unknown>(props: AccordionBaseProps<Value>, ref: React_2.Ref<HTMLElement>) => AccordionBaseState<Value>;
+
+export declare const useAccordionContext_unstable: <T>(selector: ContextSelector<AccordionContextValue, T>) => T;
+
+export declare function useAccordionContextValues_unstable(state: AccordionState): AccordionContextValues;
+
+/**
+ * Returns the props and state required to render the component
+ *
+ * @param props - AccordionHeader properties
+ * @param ref - reference to root HTMLElement of AccordionHeader
+ */
+export declare const useAccordionHeader_unstable: (props: AccordionHeaderProps, ref: React_2.Ref<HTMLElement>) => AccordionHeaderState;
+
+/**
+ * Base state hook for AccordionHeader, without design related features.
+ *
+ * @param props - AccordionHeader properties
+ * @param ref - reference to root HTMLElement of AccordionHeader
+ */
+export declare const useAccordionHeaderBase_unstable: (props: AccordionHeaderBaseProps, ref: React_2.Ref<HTMLElement>) => AccordionHeaderBaseState;
+
+export declare const useAccordionHeaderContext_unstable: () => AccordionHeaderContextValue;
+
+export declare function useAccordionHeaderContextValues_unstable(state: AccordionHeaderState): AccordionHeaderContextValues;
+
+/** Applies style classnames to slots */
+export declare const useAccordionHeaderStyles_unstable: (state: AccordionHeaderState) => AccordionHeaderState;
+
+/**
+ * Returns the props and state required to render the component
+ * @param props - AccordionItem properties
+ * @param ref - reference to root HTMLElement of AccordionItem
+ */
+export declare const useAccordionItem_unstable: (props: AccordionItemProps, ref: React_2.Ref<HTMLElement>) => AccordionItemState;
+
+export declare const useAccordionItemContext_unstable: () => AccordionItemContextValue<unknown>;
+
+export declare function useAccordionItemContextValues_unstable(state: AccordionItemState): AccordionItemContextValues;
+
+export declare const useAccordionItemStyles_unstable: (state: AccordionItemState) => AccordionItemState;
+
+/**
+ * Returns the props and state required to render the component
+ * @param props - AccordionPanel properties
+ * @param ref - reference to root HTMLElement of AccordionPanel
+ */
+export declare const useAccordionPanel_unstable: (props: AccordionPanelProps, ref: React_2.Ref<HTMLElement>) => AccordionPanelState;
+
+/**
+ * Base state hook for AccordionPanel, without design related features.
+ *
+ * @param props - AccordionPanelBaseProps properties
+ * @param ref - reference to root HTMLElement of AccordionPanel
+ */
+export declare const useAccordionPanelBase_unstable: (props: AccordionPanelBaseProps, ref: React_2.Ref<HTMLElement>) => AccordionPanelBaseState;
+
+/** Applies style classnames to slots */
+export declare const useAccordionPanelStyles_unstable: (state: AccordionPanelState) => AccordionPanelState;
+
+export declare const useAccordionStyles_unstable: (state: AccordionState) => AccordionState;
+
+export { }

package/lib/Accordion.js

@@ -1 +1 @@
-export { Accordion, accordionClassNames, renderAccordion_unstable, useAccordionContextValues_unstable, useAccordionStyles_unstable, useAccordion_unstable, useAccordionBase_unstable } from './components/Accordion/index';
+export { Accordion, accordionClassNames, renderAccordion_unstable, useAccordionContextValues_unstable, useAccordionStyles_unstable, useAccordion_unstable, useAccordionBase_unstable } from "./components/Accordion/index.js";

package/lib/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Accordion.ts"],"sourcesContent":["export type {\n  AccordionContextValues,\n  AccordionIndex,\n  AccordionProps,\n  AccordionSlots,\n  AccordionState,\n  AccordionToggleData,\n  AccordionToggleEvent,\n  AccordionToggleEventHandler,\n  AccordionBaseState,\n  AccordionBaseProps,\n} from './components/Accordion/index';\nexport {\n  Accordion,\n  accordionClassNames,\n  renderAccordion_unstable,\n  useAccordionContextValues_unstable,\n  useAccordionStyles_unstable,\n  useAccordion_unstable,\n  useAccordionBase_unstable,\n} from './components/Accordion/index';\n"],"names":["Accordion","accordionClassNames","renderAccordion_unstable","useAccordionContextValues_unstable","useAccordionStyles_unstable","useAccordion_unstable","useAccordionBase_unstable"],"mappings":"AAYA,SACEA,SAAS,EACTC,mBAAmB,EACnBC,wBAAwB,EACxBC,kCAAkC,EAClCC,2BAA2B,EAC3BC,qBAAqB,EACrBC,yBAAyB,QACpB,+BAA+B"}
+{"version":3,"sources":["../src/Accordion.ts"],"sourcesContent":["export type {\n  AccordionContextValues,\n  AccordionIndex,\n  AccordionProps,\n  AccordionSlots,\n  AccordionState,\n  AccordionToggleData,\n  AccordionToggleEvent,\n  AccordionToggleEventHandler,\n  AccordionBaseState,\n  AccordionBaseProps,\n} from './components/Accordion/index';\nexport {\n  Accordion,\n  accordionClassNames,\n  renderAccordion_unstable,\n  useAccordionContextValues_unstable,\n  useAccordionStyles_unstable,\n  useAccordion_unstable,\n  useAccordionBase_unstable,\n} from './components/Accordion/index';\n"],"names":["Accordion","accordionClassNames","renderAccordion_unstable","useAccordionContextValues_unstable","useAccordionStyles_unstable","useAccordion_unstable","useAccordionBase_unstable"],"mappings":"AAYA,SACEA,SAAS,EACTC,mBAAmB,EACnBC,wBAAwB,EACxBC,kCAAkC,EAClCC,2BAA2B,EAC3BC,qBAAqB,EACrBC,yBAAyB,QACpB,kCAA+B"}

package/lib/AccordionHeader.js

@@ -1 +1 @@
-export { AccordionHeader, accordionHeaderClassNames, renderAccordionHeader_unstable, useAccordionHeaderContextValues_unstable, useAccordionHeaderStyles_unstable, useAccordionHeader_unstable, useAccordionHeaderBase_unstable } from './components/AccordionHeader/index';
+export { AccordionHeader, accordionHeaderClassNames, renderAccordionHeader_unstable, useAccordionHeaderContextValues_unstable, useAccordionHeaderStyles_unstable, useAccordionHeader_unstable, useAccordionHeaderBase_unstable } from "./components/AccordionHeader/index.js";

package/lib/AccordionHeader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/AccordionHeader.ts"],"sourcesContent":["export type {\n  AccordionHeaderContextValues,\n  AccordionHeaderExpandIconPosition,\n  AccordionHeaderProps,\n  AccordionHeaderSize,\n  AccordionHeaderSlots,\n  AccordionHeaderState,\n  AccordionHeaderBaseState,\n  AccordionHeaderBaseProps,\n} from './components/AccordionHeader/index';\nexport {\n  AccordionHeader,\n  accordionHeaderClassNames,\n  renderAccordionHeader_unstable,\n  useAccordionHeaderContextValues_unstable,\n  useAccordionHeaderStyles_unstable,\n  useAccordionHeader_unstable,\n  useAccordionHeaderBase_unstable,\n} from './components/AccordionHeader/index';\n"],"names":["AccordionHeader","accordionHeaderClassNames","renderAccordionHeader_unstable","useAccordionHeaderContextValues_unstable","useAccordionHeaderStyles_unstable","useAccordionHeader_unstable","useAccordionHeaderBase_unstable"],"mappings":"AAUA,SACEA,eAAe,EACfC,yBAAyB,EACzBC,8BAA8B,EAC9BC,wCAAwC,EACxCC,iCAAiC,EACjCC,2BAA2B,EAC3BC,+BAA+B,QAC1B,qCAAqC"}
+{"version":3,"sources":["../src/AccordionHeader.ts"],"sourcesContent":["export type {\n  AccordionHeaderContextValues,\n  AccordionHeaderExpandIconPosition,\n  AccordionHeaderProps,\n  AccordionHeaderSize,\n  AccordionHeaderSlots,\n  AccordionHeaderState,\n  AccordionHeaderBaseState,\n  AccordionHeaderBaseProps,\n} from './components/AccordionHeader/index';\nexport {\n  AccordionHeader,\n  accordionHeaderClassNames,\n  renderAccordionHeader_unstable,\n  useAccordionHeaderContextValues_unstable,\n  useAccordionHeaderStyles_unstable,\n  useAccordionHeader_unstable,\n  useAccordionHeaderBase_unstable,\n} from './components/AccordionHeader/index';\n"],"names":["AccordionHeader","accordionHeaderClassNames","renderAccordionHeader_unstable","useAccordionHeaderContextValues_unstable","useAccordionHeaderStyles_unstable","useAccordionHeader_unstable","useAccordionHeaderBase_unstable"],"mappings":"AAUA,SACEA,eAAe,EACfC,yBAAyB,EACzBC,8BAA8B,EAC9BC,wCAAwC,EACxCC,iCAAiC,EACjCC,2BAA2B,EAC3BC,+BAA+B,QAC1B,wCAAqC"}

package/lib/AccordionItem.js

@@ -1 +1 @@
-export { AccordionItem, accordionItemClassNames, renderAccordionItem_unstable, useAccordionItemContextValues_unstable, useAccordionItemStyles_unstable, useAccordionItem_unstable } from './components/AccordionItem/index';
+export { AccordionItem, accordionItemClassNames, renderAccordionItem_unstable, useAccordionItemContextValues_unstable, useAccordionItemStyles_unstable, useAccordionItem_unstable } from "./components/AccordionItem/index.js";

package/lib/AccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/AccordionItem.ts"],"sourcesContent":["export type {\n  AccordionItemContextValues,\n  AccordionItemProps,\n  AccordionItemSlots,\n  AccordionItemState,\n  AccordionItemValue,\n} from './components/AccordionItem/index';\nexport {\n  AccordionItem,\n  accordionItemClassNames,\n  renderAccordionItem_unstable,\n  useAccordionItemContextValues_unstable,\n  useAccordionItemStyles_unstable,\n  useAccordionItem_unstable,\n} from './components/AccordionItem/index';\n"],"names":["AccordionItem","accordionItemClassNames","renderAccordionItem_unstable","useAccordionItemContextValues_unstable","useAccordionItemStyles_unstable","useAccordionItem_unstable"],"mappings":"AAOA,SACEA,aAAa,EACbC,uBAAuB,EACvBC,4BAA4B,EAC5BC,sCAAsC,EACtCC,+BAA+B,EAC/BC,yBAAyB,QACpB,mCAAmC"}
+{"version":3,"sources":["../src/AccordionItem.ts"],"sourcesContent":["export type {\n  AccordionItemContextValues,\n  AccordionItemProps,\n  AccordionItemSlots,\n  AccordionItemState,\n  AccordionItemValue,\n} from './components/AccordionItem/index';\nexport {\n  AccordionItem,\n  accordionItemClassNames,\n  renderAccordionItem_unstable,\n  useAccordionItemContextValues_unstable,\n  useAccordionItemStyles_unstable,\n  useAccordionItem_unstable,\n} from './components/AccordionItem/index';\n"],"names":["AccordionItem","accordionItemClassNames","renderAccordionItem_unstable","useAccordionItemContextValues_unstable","useAccordionItemStyles_unstable","useAccordionItem_unstable"],"mappings":"AAOA,SACEA,aAAa,EACbC,uBAAuB,EACvBC,4BAA4B,EAC5BC,sCAAsC,EACtCC,+BAA+B,EAC/BC,yBAAyB,QACpB,sCAAmC"}

package/lib/AccordionPanel.js

@@ -1 +1 @@
-export { AccordionPanel, accordionPanelClassNames, renderAccordionPanel_unstable, useAccordionPanelStyles_unstable, useAccordionPanel_unstable, useAccordionPanelBase_unstable } from './components/AccordionPanel/index';
+export { AccordionPanel, accordionPanelClassNames, renderAccordionPanel_unstable, useAccordionPanelStyles_unstable, useAccordionPanel_unstable, useAccordionPanelBase_unstable } from "./components/AccordionPanel/index.js";

package/lib/AccordionPanel.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/AccordionPanel.ts"],"sourcesContent":["export type {\n  AccordionPanelProps,\n  AccordionPanelSlots,\n  AccordionPanelState,\n  AccordionPanelBaseProps,\n  AccordionPanelBaseState,\n} from './components/AccordionPanel/index';\nexport {\n  AccordionPanel,\n  accordionPanelClassNames,\n  renderAccordionPanel_unstable,\n  useAccordionPanelStyles_unstable,\n  useAccordionPanel_unstable,\n  useAccordionPanelBase_unstable,\n} from './components/AccordionPanel/index';\n"],"names":["AccordionPanel","accordionPanelClassNames","renderAccordionPanel_unstable","useAccordionPanelStyles_unstable","useAccordionPanel_unstable","useAccordionPanelBase_unstable"],"mappings":"AAOA,SACEA,cAAc,EACdC,wBAAwB,EACxBC,6BAA6B,EAC7BC,gCAAgC,EAChCC,0BAA0B,EAC1BC,8BAA8B,QACzB,oCAAoC"}
+{"version":3,"sources":["../src/AccordionPanel.ts"],"sourcesContent":["export type {\n  AccordionPanelProps,\n  AccordionPanelSlots,\n  AccordionPanelState,\n  AccordionPanelBaseProps,\n  AccordionPanelBaseState,\n} from './components/AccordionPanel/index';\nexport {\n  AccordionPanel,\n  accordionPanelClassNames,\n  renderAccordionPanel_unstable,\n  useAccordionPanelStyles_unstable,\n  useAccordionPanel_unstable,\n  useAccordionPanelBase_unstable,\n} from './components/AccordionPanel/index';\n"],"names":["AccordionPanel","accordionPanelClassNames","renderAccordionPanel_unstable","useAccordionPanelStyles_unstable","useAccordionPanel_unstable","useAccordionPanelBase_unstable"],"mappings":"AAOA,SACEA,cAAc,EACdC,wBAAwB,EACxBC,6BAA6B,EAC7BC,gCAAgC,EAChCC,0BAA0B,EAC1BC,8BAA8B,QACzB,uCAAoC"}

package/lib/components/Accordion/Accordion.js

@@ -1,10 +1,10 @@
 'use client';
-import * as React from 'react';
-import { renderAccordion_unstable } from './renderAccordion';
-import { useAccordion_unstable } from './useAccordion';
-import { useAccordionContextValues_unstable } from './useAccordionContextValues';
-import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
-import { useAccordionStyles_unstable } from './useAccordionStyles.styles';
+import * as React from "react";
+import { renderAccordion_unstable } from "./renderAccordion.js";
+import { useAccordion_unstable } from "./useAccordion.js";
+import { useAccordionContextValues_unstable } from "./useAccordionContextValues.js";
+import { useCustomStyleHook_unstable } from "@fluentui/react-shared-contexts";
+import { useAccordionStyles_unstable } from "./useAccordionStyles.styles.js";
 /**
  * Define a styled Accordion, using the `useAccordion_unstable` and `useAccordionStyles_unstable` hooks.
  */ export const Accordion = /*#__PURE__*/ React.forwardRef((props, ref)=>{

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Accordion/Accordion.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { renderAccordion_unstable } from './renderAccordion';\nimport { useAccordion_unstable } from './useAccordion';\nimport { useAccordionContextValues_unstable } from './useAccordionContextValues';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useAccordionStyles_unstable } from './useAccordionStyles.styles';\nimport type { AccordionProps } from './Accordion.types';\nimport type { ForwardRefComponent, JSXElement } from '@fluentui/react-utilities';\n\n/**\n * Define a styled Accordion, using the `useAccordion_unstable` and `useAccordionStyles_unstable` hooks.\n */\nexport const Accordion: ForwardRefComponent<AccordionProps> & (<TItem>(props: AccordionProps<TItem>) => JSXElement) =\n  React.forwardRef<HTMLDivElement, AccordionProps>((props, ref) => {\n    const state = useAccordion_unstable(props, ref);\n    const contextValues = useAccordionContextValues_unstable(state);\n\n    useAccordionStyles_unstable(state);\n\n    useCustomStyleHook_unstable('useAccordionStyles_unstable')(state);\n\n    return renderAccordion_unstable(state, contextValues);\n  }) as ForwardRefComponent<AccordionProps> & (<TItem>(props: AccordionProps<TItem>) => JSXElement);\n\nAccordion.displayName = 'Accordion';\n"],"names":["React","renderAccordion_unstable","useAccordion_unstable","useAccordionContextValues_unstable","useCustomStyleHook_unstable","useAccordionStyles_unstable","Accordion","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,QAAQ,oBAAoB;AAC7D,SAASC,qBAAqB,QAAQ,iBAAiB;AACvD,SAASC,kCAAkC,QAAQ,8BAA8B;AACjF,SAASC,2BAA2B,QAAQ,kCAAkC;AAC9E,SAASC,2BAA2B,QAAQ,8BAA8B;AAI1E;;CAEC,GACD,OAAO,MAAMC,0BACXN,MAAMO,UAAU,CAAiC,CAACC,OAAOC;IACvD,MAAMC,QAAQR,sBAAsBM,OAAOC;IAC3C,MAAME,gBAAgBR,mCAAmCO;IAEzDL,4BAA4BK;IAE5BN,4BAA4B,+BAA+BM;IAE3D,OAAOT,yBAAyBS,OAAOC;AACzC,GAAkG;AAEpGL,UAAUM,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/Accordion/Accordion.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { renderAccordion_unstable } from './renderAccordion';\nimport { useAccordion_unstable } from './useAccordion';\nimport { useAccordionContextValues_unstable } from './useAccordionContextValues';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useAccordionStyles_unstable } from './useAccordionStyles.styles';\nimport type { AccordionProps } from './Accordion.types';\nimport type { ForwardRefComponent, JSXElement } from '@fluentui/react-utilities';\n\n/**\n * Define a styled Accordion, using the `useAccordion_unstable` and `useAccordionStyles_unstable` hooks.\n */\nexport const Accordion: ForwardRefComponent<AccordionProps> & (<TItem>(props: AccordionProps<TItem>) => JSXElement) =\n  React.forwardRef<HTMLDivElement, AccordionProps>((props, ref) => {\n    const state = useAccordion_unstable(props, ref);\n    const contextValues = useAccordionContextValues_unstable(state);\n\n    useAccordionStyles_unstable(state);\n\n    useCustomStyleHook_unstable('useAccordionStyles_unstable')(state);\n\n    return renderAccordion_unstable(state, contextValues);\n  }) as ForwardRefComponent<AccordionProps> & (<TItem>(props: AccordionProps<TItem>) => JSXElement);\n\nAccordion.displayName = 'Accordion';\n"],"names":["React","renderAccordion_unstable","useAccordion_unstable","useAccordionContextValues_unstable","useCustomStyleHook_unstable","useAccordionStyles_unstable","Accordion","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,wBAAwB,QAAQ,uBAAoB;AAC7D,SAASC,qBAAqB,QAAQ,oBAAiB;AACvD,SAASC,kCAAkC,QAAQ,iCAA8B;AACjF,SAASC,2BAA2B,QAAQ,kCAAkC;AAC9E,SAASC,2BAA2B,QAAQ,iCAA8B;AAI1E;;CAEC,GACD,OAAO,MAAMC,0BACXN,MAAMO,UAAU,CAAiC,CAACC,OAAOC;IACvD,MAAMC,QAAQR,sBAAsBM,OAAOC;IAC3C,MAAME,gBAAgBR,mCAAmCO;IAEzDL,4BAA4BK;IAE5BN,4BAA4B,+BAA+BM;IAE3D,OAAOT,yBAAyBS,OAAOC;AACzC,GAAkG;AAEpGL,UAAUM,WAAW,GAAG"}

package/lib/components/Accordion/index.js

@@ -1,5 +1,5 @@
-export { Accordion } from './Accordion';
-export { renderAccordion_unstable } from './renderAccordion';
-export { useAccordion_unstable, useAccordionBase_unstable } from './useAccordion';
-export { accordionClassNames, useAccordionStyles_unstable } from './useAccordionStyles.styles';
-export { useAccordionContextValues_unstable } from './useAccordionContextValues';
+export { Accordion } from "./Accordion.js";
+export { renderAccordion_unstable } from "./renderAccordion.js";
+export { useAccordion_unstable, useAccordionBase_unstable } from "./useAccordion.js";
+export { accordionClassNames, useAccordionStyles_unstable } from "./useAccordionStyles.styles.js";
+export { useAccordionContextValues_unstable } from "./useAccordionContextValues.js";

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Accordion/index.ts"],"sourcesContent":["export { Accordion } from './Accordion';\nexport type {\n  AccordionContextValues,\n  AccordionIndex,\n  AccordionProps,\n  AccordionSlots,\n  AccordionState,\n  AccordionToggleData,\n  AccordionToggleEvent,\n  AccordionToggleEventHandler,\n  AccordionBaseState,\n  AccordionBaseProps,\n} from './Accordion.types';\nexport { renderAccordion_unstable } from './renderAccordion';\nexport { useAccordion_unstable, useAccordionBase_unstable } from './useAccordion';\nexport { accordionClassNames, useAccordionStyles_unstable } from './useAccordionStyles.styles';\nexport { useAccordionContextValues_unstable } from './useAccordionContextValues';\n"],"names":["Accordion","renderAccordion_unstable","useAccordion_unstable","useAccordionBase_unstable","accordionClassNames","useAccordionStyles_unstable","useAccordionContextValues_unstable"],"mappings":"AAAA,SAASA,SAAS,QAAQ,cAAc;AAaxC,SAASC,wBAAwB,QAAQ,oBAAoB;AAC7D,SAASC,qBAAqB,EAAEC,yBAAyB,QAAQ,iBAAiB;AAClF,SAASC,mBAAmB,EAAEC,2BAA2B,QAAQ,8BAA8B;AAC/F,SAASC,kCAAkC,QAAQ,8BAA8B"}
+{"version":3,"sources":["../src/components/Accordion/index.ts"],"sourcesContent":["export { Accordion } from './Accordion';\nexport type {\n  AccordionContextValues,\n  AccordionIndex,\n  AccordionProps,\n  AccordionSlots,\n  AccordionState,\n  AccordionToggleData,\n  AccordionToggleEvent,\n  AccordionToggleEventHandler,\n  AccordionBaseState,\n  AccordionBaseProps,\n} from './Accordion.types';\nexport { renderAccordion_unstable } from './renderAccordion';\nexport { useAccordion_unstable, useAccordionBase_unstable } from './useAccordion';\nexport { accordionClassNames, useAccordionStyles_unstable } from './useAccordionStyles.styles';\nexport { useAccordionContextValues_unstable } from './useAccordionContextValues';\n"],"names":["Accordion","renderAccordion_unstable","useAccordion_unstable","useAccordionBase_unstable","accordionClassNames","useAccordionStyles_unstable","useAccordionContextValues_unstable"],"mappings":"AAAA,SAASA,SAAS,QAAQ,iBAAc;AAaxC,SAASC,wBAAwB,QAAQ,uBAAoB;AAC7D,SAASC,qBAAqB,EAAEC,yBAAyB,QAAQ,oBAAiB;AAClF,SAASC,mBAAmB,EAAEC,2BAA2B,QAAQ,iCAA8B;AAC/F,SAASC,kCAAkC,QAAQ,iCAA8B"}

package/lib/components/Accordion/renderAccordion.js

@@ -1,6 +1,6 @@
   import { jsx as _jsx } from "@fluentui/react-jsx-runtime/jsx-runtime";
-import { assertSlots } from '@fluentui/react-utilities';
-import { AccordionProvider } from '../../contexts/accordion';
+import { assertSlots } from "@fluentui/react-utilities";
+import { AccordionProvider } from "../../contexts/accordion.js";
 /**
  * Function that renders the final JSX of the component
  */ export const renderAccordion_unstable = (state, contextValues)=>{

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Accordion/renderAccordion.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\n\nimport type { AccordionBaseState, 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 = (\n  state: AccordionBaseState,\n  contextValues: AccordionContextValues,\n): JSXElement => {\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":["assertSlots","AccordionProvider","renderAccordion_unstable","state","contextValues","root","value","accordion","children"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAIxD,SAASC,iBAAiB,QAAQ,2BAA2B;AAE7D;;CAEC,GACD,OAAO,MAAMC,2BAA2B,CACtCC,OACAC;IAEAJ,YAA4BG;IAE5B,qBACE,KAACA,MAAME,IAAI;kBACT,cAAA,KAACJ;YAAkBK,OAAOF,cAAcG,SAAS;sBAAGJ,MAAME,IAAI,CAACG,QAAQ;;;AAG7E,EAAE"}
+{"version":3,"sources":["../src/components/Accordion/renderAccordion.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\n\nimport type { AccordionBaseState, 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 = (\n  state: AccordionBaseState,\n  contextValues: AccordionContextValues,\n): JSXElement => {\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":["assertSlots","AccordionProvider","renderAccordion_unstable","state","contextValues","root","value","accordion","children"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAIxD,SAASC,iBAAiB,QAAQ,8BAA2B;AAE7D;;CAEC,GACD,OAAO,MAAMC,2BAA2B,CACtCC,OACAC;IAEAJ,YAA4BG;IAE5B,qBACE,KAACA,MAAME,IAAI;kBACT,cAAA,KAACJ;YAAkBK,OAAOF,cAAcG,SAAS;sBAAGJ,MAAME,IAAI,CAACG,QAAQ;;;AAG7E,EAAE"}

package/lib/components/Accordion/useAccordion.js

@@ -1,7 +1,7 @@
 'use client';
-import * as React from 'react';
-import { useControllableState, useEventCallback, slot } from '@fluentui/react-utilities';
-import { useArrowNavigationGroup } from '@fluentui/react-tabster';
+import * as React from "react";
+import { useControllableState, useEventCallback, slot } from "@fluentui/react-utilities";
+import { useArrowNavigationGroup } from "@fluentui/react-tabster";
 /**
  * Returns the props and state required to render the component
  * @param props - Accordion properties

package/lib/components/Accordion/useAccordionContextValues.js

@@ -1,5 +1,5 @@
 'use client';
-import * as React from 'react';
+import * as React from "react";
 export function useAccordionContextValues_unstable(state) {
     const { navigation, openItems, requestToggle, multiple, collapsible } = state;
     const accordion = React.useMemo(()=>({

package/lib/components/Accordion/useAccordionStyles.styles.js

@@ -1,4 +1,4 @@
-import { mergeClasses } from '@griffel/react';
+import { mergeClasses } from "@griffel/react";
 export const accordionClassNames = {
   root: 'fui-Accordion'
 };

package/lib/components/Accordion/useAccordionStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["mergeClasses","accordionClassNames","root","useAccordionStyles_unstable","state","className"],"sources":["useAccordionStyles.styles.js"],"sourcesContent":["import { mergeClasses } from '@griffel/react';\nexport const accordionClassNames = {\n    root: 'fui-Accordion'\n};\nexport const useAccordionStyles_unstable = (state)=>{\n    state.root.className = mergeClasses(accordionClassNames.root, state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,gBAAgB;AAC7C,OAAO,MAAMC,mBAAmB,GAAG;EAC/BC,IAAI,EAAE;AACV,CAAC;AACD,OAAO,MAAMC,2BAA2B,GAAIC,KAAK,IAAG;EAChDA,KAAK,CAACF,IAAI,CAACG,SAAS,GAAGL,YAAY,CAACC,mBAAmB,CAACC,IAAI,EAAEE,KAAK,CAACF,IAAI,CAACG,SAAS,CAAC;EACnF,OAAOD,KAAK;AAChB,CAAC","ignoreList":[]}
+{"version":3,"names":["mergeClasses","accordionClassNames","root","useAccordionStyles_unstable","state","className"],"sources":["useAccordionStyles.styles.js"],"sourcesContent":["import { mergeClasses } from \"@griffel/react\";\nexport const accordionClassNames = {\n    root: 'fui-Accordion'\n};\nexport const useAccordionStyles_unstable = (state)=>{\n    state.root.className = mergeClasses(accordionClassNames.root, state.root.className);\n    return state;\n};\n"],"mappings":"AAAA,SAASA,YAAY,QAAQ,gBAAgB;AAC7C,OAAO,MAAMC,mBAAmB,GAAG;EAC/BC,IAAI,EAAE;AACV,CAAC;AACD,OAAO,MAAMC,2BAA2B,GAAIC,KAAK,IAAG;EAChDA,KAAK,CAACF,IAAI,CAACG,SAAS,GAAGL,YAAY,CAACC,mBAAmB,CAACC,IAAI,EAAEE,KAAK,CAACF,IAAI,CAACG,SAAS,CAAC;EACnF,OAAOD,KAAK;AAChB,CAAC","ignoreList":[]}

package/lib/components/Accordion/useAccordionStyles.styles.raw.js

@@ -1,4 +1,4 @@
-import { mergeClasses } from '@griffel/react';
+import { mergeClasses } from "@griffel/react";
 export const accordionClassNames = {
     root: 'fui-Accordion'
 };

package/lib/components/AccordionHeader/AccordionHeader.js

@@ -1,10 +1,10 @@
 'use client';
-import * as React from 'react';
-import { useAccordionHeader_unstable } from './useAccordionHeader';
-import { renderAccordionHeader_unstable } from './renderAccordionHeader';
-import { useAccordionHeaderStyles_unstable } from './useAccordionHeaderStyles.styles';
-import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
-import { useAccordionHeaderContextValues_unstable } from './useAccordionHeaderContextValues';
+import * as React from "react";
+import { useAccordionHeader_unstable } from "./useAccordionHeader.js";
+import { renderAccordionHeader_unstable } from "./renderAccordionHeader.js";
+import { useAccordionHeaderStyles_unstable } from "./useAccordionHeaderStyles.styles.js";
+import { useCustomStyleHook_unstable } from "@fluentui/react-shared-contexts";
+import { useAccordionHeaderContextValues_unstable } from "./useAccordionHeaderContextValues.js";
 /**
  * Define a styled AccordionHeader, using the `useAccordionHeader_unstable` and `useAccordionHeaderStyles_unstable`
  * hooks.

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/AccordionHeader/AccordionHeader.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useAccordionHeader_unstable } from './useAccordionHeader';\nimport { renderAccordionHeader_unstable } from './renderAccordionHeader';\nimport { useAccordionHeaderStyles_unstable } from './useAccordionHeaderStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useAccordionHeaderContextValues_unstable } from './useAccordionHeaderContextValues';\nimport type { AccordionHeaderProps } from './AccordionHeader.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled AccordionHeader, using the `useAccordionHeader_unstable` and `useAccordionHeaderStyles_unstable`\n * hooks.\n */\nexport const AccordionHeader: ForwardRefComponent<AccordionHeaderProps> = React.forwardRef((props, ref) => {\n  const state = useAccordionHeader_unstable(props, ref);\n  const contextValues = useAccordionHeaderContextValues_unstable(state);\n\n  useAccordionHeaderStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useAccordionHeaderStyles_unstable')(state);\n\n  return renderAccordionHeader_unstable(state, contextValues);\n});\n\nAccordionHeader.displayName = 'AccordionHeader';\n"],"names":["React","useAccordionHeader_unstable","renderAccordionHeader_unstable","useAccordionHeaderStyles_unstable","useCustomStyleHook_unstable","useAccordionHeaderContextValues_unstable","AccordionHeader","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,2BAA2B,QAAQ,uBAAuB;AACnE,SAASC,8BAA8B,QAAQ,0BAA0B;AACzE,SAASC,iCAAiC,QAAQ,oCAAoC;AACtF,SAASC,2BAA2B,QAAQ,kCAAkC;AAC9E,SAASC,wCAAwC,QAAQ,oCAAoC;AAI7F;;;CAGC,GACD,OAAO,MAAMC,gCAA6DN,MAAMO,UAAU,CAAC,CAACC,OAAOC;IACjG,MAAMC,QAAQT,4BAA4BO,OAAOC;IACjD,MAAME,gBAAgBN,yCAAyCK;IAE/DP,kCAAkCO;IAElCN,4BAA4B,qCAAqCM;IAEjE,OAAOR,+BAA+BQ,OAAOC;AAC/C,GAAG;AAEHL,gBAAgBM,WAAW,GAAG"}
+{"version":3,"sources":["../src/components/AccordionHeader/AccordionHeader.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { useAccordionHeader_unstable } from './useAccordionHeader';\nimport { renderAccordionHeader_unstable } from './renderAccordionHeader';\nimport { useAccordionHeaderStyles_unstable } from './useAccordionHeaderStyles.styles';\nimport { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';\nimport { useAccordionHeaderContextValues_unstable } from './useAccordionHeaderContextValues';\nimport type { AccordionHeaderProps } from './AccordionHeader.types';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\n\n/**\n * Define a styled AccordionHeader, using the `useAccordionHeader_unstable` and `useAccordionHeaderStyles_unstable`\n * hooks.\n */\nexport const AccordionHeader: ForwardRefComponent<AccordionHeaderProps> = React.forwardRef((props, ref) => {\n  const state = useAccordionHeader_unstable(props, ref);\n  const contextValues = useAccordionHeaderContextValues_unstable(state);\n\n  useAccordionHeaderStyles_unstable(state);\n\n  useCustomStyleHook_unstable('useAccordionHeaderStyles_unstable')(state);\n\n  return renderAccordionHeader_unstable(state, contextValues);\n});\n\nAccordionHeader.displayName = 'AccordionHeader';\n"],"names":["React","useAccordionHeader_unstable","renderAccordionHeader_unstable","useAccordionHeaderStyles_unstable","useCustomStyleHook_unstable","useAccordionHeaderContextValues_unstable","AccordionHeader","forwardRef","props","ref","state","contextValues","displayName"],"mappings":"AAAA;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,2BAA2B,QAAQ,0BAAuB;AACnE,SAASC,8BAA8B,QAAQ,6BAA0B;AACzE,SAASC,iCAAiC,QAAQ,uCAAoC;AACtF,SAASC,2BAA2B,QAAQ,kCAAkC;AAC9E,SAASC,wCAAwC,QAAQ,uCAAoC;AAI7F;;;CAGC,GACD,OAAO,MAAMC,gCAA6DN,MAAMO,UAAU,CAAC,CAACC,OAAOC;IACjG,MAAMC,QAAQT,4BAA4BO,OAAOC;IACjD,MAAME,gBAAgBN,yCAAyCK;IAE/DP,kCAAkCO;IAElCN,4BAA4B,qCAAqCM;IAEjE,OAAOR,+BAA+BQ,OAAOC;AAC/C,GAAG;AAEHL,gBAAgBM,WAAW,GAAG"}

package/lib/components/AccordionHeader/index.js

@@ -1,5 +1,5 @@
-export { AccordionHeader } from './AccordionHeader';
-export { renderAccordionHeader_unstable } from './renderAccordionHeader';
-export { useAccordionHeader_unstable, useAccordionHeaderBase_unstable } from './useAccordionHeader';
-export { useAccordionHeaderContextValues_unstable } from './useAccordionHeaderContextValues';
-export { accordionHeaderClassNames, useAccordionHeaderStyles_unstable } from './useAccordionHeaderStyles.styles';
+export { AccordionHeader } from "./AccordionHeader.js";
+export { renderAccordionHeader_unstable } from "./renderAccordionHeader.js";
+export { useAccordionHeader_unstable, useAccordionHeaderBase_unstable } from "./useAccordionHeader.js";
+export { useAccordionHeaderContextValues_unstable } from "./useAccordionHeaderContextValues.js";
+export { accordionHeaderClassNames, useAccordionHeaderStyles_unstable } from "./useAccordionHeaderStyles.styles.js";

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/AccordionHeader/index.ts"],"sourcesContent":["export { AccordionHeader } from './AccordionHeader';\nexport type {\n  AccordionHeaderContextValues,\n  AccordionHeaderExpandIconPosition,\n  AccordionHeaderProps,\n  AccordionHeaderSize,\n  AccordionHeaderSlots,\n  AccordionHeaderState,\n  AccordionHeaderBaseState,\n  AccordionHeaderBaseProps,\n} from './AccordionHeader.types';\nexport { renderAccordionHeader_unstable } from './renderAccordionHeader';\nexport { useAccordionHeader_unstable, useAccordionHeaderBase_unstable } from './useAccordionHeader';\nexport { useAccordionHeaderContextValues_unstable } from './useAccordionHeaderContextValues';\nexport { accordionHeaderClassNames, useAccordionHeaderStyles_unstable } from './useAccordionHeaderStyles.styles';\n"],"names":["AccordionHeader","renderAccordionHeader_unstable","useAccordionHeader_unstable","useAccordionHeaderBase_unstable","useAccordionHeaderContextValues_unstable","accordionHeaderClassNames","useAccordionHeaderStyles_unstable"],"mappings":"AAAA,SAASA,eAAe,QAAQ,oBAAoB;AAWpD,SAASC,8BAA8B,QAAQ,0BAA0B;AACzE,SAASC,2BAA2B,EAAEC,+BAA+B,QAAQ,uBAAuB;AACpG,SAASC,wCAAwC,QAAQ,oCAAoC;AAC7F,SAASC,yBAAyB,EAAEC,iCAAiC,QAAQ,oCAAoC"}
+{"version":3,"sources":["../src/components/AccordionHeader/index.ts"],"sourcesContent":["export { AccordionHeader } from './AccordionHeader';\nexport type {\n  AccordionHeaderContextValues,\n  AccordionHeaderExpandIconPosition,\n  AccordionHeaderProps,\n  AccordionHeaderSize,\n  AccordionHeaderSlots,\n  AccordionHeaderState,\n  AccordionHeaderBaseState,\n  AccordionHeaderBaseProps,\n} from './AccordionHeader.types';\nexport { renderAccordionHeader_unstable } from './renderAccordionHeader';\nexport { useAccordionHeader_unstable, useAccordionHeaderBase_unstable } from './useAccordionHeader';\nexport { useAccordionHeaderContextValues_unstable } from './useAccordionHeaderContextValues';\nexport { accordionHeaderClassNames, useAccordionHeaderStyles_unstable } from './useAccordionHeaderStyles.styles';\n"],"names":["AccordionHeader","renderAccordionHeader_unstable","useAccordionHeader_unstable","useAccordionHeaderBase_unstable","useAccordionHeaderContextValues_unstable","accordionHeaderClassNames","useAccordionHeaderStyles_unstable"],"mappings":"AAAA,SAASA,eAAe,QAAQ,uBAAoB;AAWpD,SAASC,8BAA8B,QAAQ,6BAA0B;AACzE,SAASC,2BAA2B,EAAEC,+BAA+B,QAAQ,0BAAuB;AACpG,SAASC,wCAAwC,QAAQ,uCAAoC;AAC7F,SAASC,yBAAyB,EAAEC,iCAAiC,QAAQ,uCAAoC"}

package/lib/components/AccordionHeader/renderAccordionHeader.js

@@ -1,6 +1,6 @@
   import { jsx as _jsx, jsxs as _jsxs } from "@fluentui/react-jsx-runtime/jsx-runtime";
-import { assertSlots } from '@fluentui/react-utilities';
-import { AccordionHeaderProvider } from '../../contexts/accordionHeader';
+import { assertSlots } from "@fluentui/react-utilities";
+import { AccordionHeaderProvider } from "../../contexts/accordionHeader.js";
 /**
  * Function that renders the final JSX of the component
  */ export const renderAccordionHeader_unstable = (state, contextValues)=>{

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/AccordionHeader/renderAccordionHeader.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport type {\n  AccordionHeaderBaseState,\n  AccordionHeaderSlots,\n  AccordionHeaderContextValues,\n} 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: AccordionHeaderBaseState,\n  contextValues: AccordionHeaderContextValues,\n): JSXElement => {\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":["assertSlots","AccordionHeaderProvider","renderAccordionHeader_unstable","state","contextValues","value","accordionHeader","root","button","expandIconPosition","expandIcon","icon","children"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAOxD,SAASC,uBAAuB,QAAQ,iCAAiC;AAEzE;;CAEC,GACD,OAAO,MAAMC,iCAAiC,CAC5CC,OACAC;IAEAJ,YAAkCG;IAElC,qBACE,KAACF;QAAwBI,OAAOD,cAAcE,eAAe;kBAC3D,cAAA,KAACH,MAAMI,IAAI;sBACT,cAAA,MAACJ,MAAMK,MAAM;;oBACVL,MAAMM,kBAAkB,KAAK,WAAWN,MAAMO,UAAU,kBAAI,KAACP,MAAMO,UAAU;oBAC7EP,MAAMQ,IAAI,kBAAI,KAACR,MAAMQ,IAAI;oBACzBR,MAAMI,IAAI,CAACK,QAAQ;oBACnBT,MAAMM,kBAAkB,KAAK,SAASN,MAAMO,UAAU,kBAAI,KAACP,MAAMO,UAAU;;;;;AAKtF,EAAE"}
+{"version":3,"sources":["../src/components/AccordionHeader/renderAccordionHeader.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { JSXElement } from '@fluentui/react-utilities';\nimport type {\n  AccordionHeaderBaseState,\n  AccordionHeaderSlots,\n  AccordionHeaderContextValues,\n} 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: AccordionHeaderBaseState,\n  contextValues: AccordionHeaderContextValues,\n): JSXElement => {\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":["assertSlots","AccordionHeaderProvider","renderAccordionHeader_unstable","state","contextValues","value","accordionHeader","root","button","expandIconPosition","expandIcon","icon","children"],"mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,WAAW,QAAQ,4BAA4B;AAOxD,SAASC,uBAAuB,QAAQ,oCAAiC;AAEzE;;CAEC,GACD,OAAO,MAAMC,iCAAiC,CAC5CC,OACAC;IAEAJ,YAAkCG;IAElC,qBACE,KAACF;QAAwBI,OAAOD,cAAcE,eAAe;kBAC3D,cAAA,KAACH,MAAMI,IAAI;sBACT,cAAA,MAACJ,MAAMK,MAAM;;oBACVL,MAAMM,kBAAkB,KAAK,WAAWN,MAAMO,UAAU,kBAAI,KAACP,MAAMO,UAAU;oBAC7EP,MAAMQ,IAAI,kBAAI,KAACR,MAAMQ,IAAI;oBACzBR,MAAMI,IAAI,CAACK,QAAQ;oBACnBT,MAAMM,kBAAkB,KAAK,SAASN,MAAMO,UAAU,kBAAI,KAACP,MAAMO,UAAU;;;;;AAKtF,EAAE"}