@fluentui/react-accordion 9.0.0-alpha.8 → 9.0.0-alpha.83

package/lib/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sourceRoot":"../src/","sources":["Accordion.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC","sourcesContent":["export * from './components/Accordion/index';\n"]}
+{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../src/Accordion.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC"}

package/lib/AccordionHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionHeader.js","sourceRoot":"../src/","sources":["AccordionHeader.ts"],"names":[],"mappings":"AAAA,cAAc,oCAAoC,CAAC","sourcesContent":["export * from './components/AccordionHeader/index';\n"]}
+{"version":3,"file":"AccordionHeader.js","sourceRoot":"","sources":["../src/AccordionHeader.ts"],"names":[],"mappings":"AAAA,cAAc,oCAAoC,CAAC"}

package/lib/AccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.js","sourceRoot":"../src/","sources":["AccordionItem.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAC","sourcesContent":["export * from './components/AccordionItem/index';\n"]}
+{"version":3,"file":"AccordionItem.js","sourceRoot":"","sources":["../src/AccordionItem.ts"],"names":[],"mappings":"AAAA,cAAc,kCAAkC,CAAC"}

package/lib/AccordionPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionPanel.js","sourceRoot":"../src/","sources":["AccordionPanel.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAC","sourcesContent":["export * from './components/AccordionPanel/index';\n"]}
+{"version":3,"file":"AccordionPanel.js","sourceRoot":"","sources":["../src/AccordionPanel.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAC"}

package/lib/common/isConformant.d.ts

@@ -1,2 +1,4 @@
-import { IsConformantOptions } from '@fluentui/react-conformance';
-export declare function isConformant(testInfo: Omit<IsConformantOptions, 'componentPath'>): void;
+import type { IsConformantOptions } from '@fluentui/react-conformance';
+export declare function isConformant<TProps = {}>(testInfo: Omit<IsConformantOptions<TProps>, 'componentPath'> & {
+    componentPath?: string;
+}): void;

package/lib/common/isConformant.js

@@ -1,9 +1,12 @@
 import { isConformant as baseIsConformant } from '@fluentui/react-conformance';
+import makeStylesTests from '@fluentui/react-conformance-make-styles';
 export function isConformant(testInfo) {
-    var defaultOptions = {
-        asPropHandlesRef: true,
-        componentPath: module.parent.filename.replace('.test', ''),
-    };
-    baseIsConformant(defaultOptions, testInfo);
+  var defaultOptions = {
+    asPropHandlesRef: true,
+    componentPath: module.parent.filename.replace('.test', ''),
+    skipAsPropTests: true,
+    extraTests: makeStylesTests
+  };
+  baseIsConformant(defaultOptions, testInfo);
 }
 //# sourceMappingURL=isConformant.js.map

package/lib/common/isConformant.js.map

@@ -1 +1 @@
-{"version":3,"file":"isConformant.js","sourceRoot":"../src/","sources":["common/isConformant.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,IAAI,gBAAgB,EAAuB,MAAM,6BAA6B,CAAC;AAEpG,MAAM,UAAU,YAAY,CAAC,QAAoD;IAC/E,IAAM,cAAc,GAAG;QACrB,gBAAgB,EAAE,IAAI;QACtB,aAAa,EAAE,MAAO,CAAC,MAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC;KAC7D,CAAC;IAEF,gBAAgB,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC;AAC7C,CAAC","sourcesContent":["import { isConformant as baseIsConformant, IsConformantOptions } from '@fluentui/react-conformance';\n\nexport function isConformant(testInfo: Omit<IsConformantOptions, 'componentPath'>) {\n  const defaultOptions = {\n    asPropHandlesRef: true,\n    componentPath: module!.parent!.filename.replace('.test', ''),\n  };\n\n  baseIsConformant(defaultOptions, testInfo);\n}\n"]}
+{"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":"AAAA,SAAS,YAAY,IAAI,gBAAzB,QAAiD,6BAAjD;AACA,OAAO,eAAP,MAA4B,yCAA5B;AAGA,OAAM,SAAU,YAAV,CACJ,QADI,EACqF;AAEzF,MAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D,IAAA,eAAe,EAAE,IAH0C;AAI3D,IAAA,UAAU,EAAE;AAJ+C,GAA7D;AAOA,EAAA,gBAAgB,CAAC,cAAD,EAAiB,QAAjB,CAAhB;AACD","sourceRoot":""}

package/lib/components/Accordion/Accordion.d.ts

@@ -1,7 +1,27 @@
 import * as React from 'react';
-import { AccordionProps } from './Accordion.types';
 /**
  * Define a styled Accordion, using the `useAccordion` and `useAccordionStyles` hooks.
- * {@docCategory Accordion}
  */
-export declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLElement>>;
+export declare const Accordion: React.ForwardRefExoticComponent<Pick<{
+    root?: import("@fluentui/react-utilities").ShorthandProps<{
+        as?: "div" | undefined;
+    } & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        children?: string | number | boolean | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | React.ReactNodeArray | React.ReactPortal | import("@fluentui/react-utilities").ShorthandRenderFunction<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {
+            ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+        }> | null | undefined;
+    }>;
+}, never> & Pick<{
+    as?: "div" | undefined;
+} & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+} & {
+    children?: string | number | boolean | {} | React.ReactElement<any, string | ((props: any) => React.ReactElement<any, string | any | (new (props: any) => React.Component<any, any, any>)> | null) | (new (props: any) => React.Component<any, any, any>)> | React.ReactNodeArray | React.ReactPortal | import("@fluentui/react-utilities").ShorthandRenderFunction<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    }> | null | undefined;
+}, "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "as"> & Partial<import("./Accordion.types").AccordionCommons> & {
+    openItems?: unknown;
+    defaultOpenItems?: unknown;
+    onToggle?: import("./Accordion.types").AccordionToggleEventHandler | undefined;
+} & React.RefAttributes<HTMLDivElement>>;

package/lib/components/Accordion/Accordion.js

@@ -1,13 +1,15 @@
 import * as React from 'react';
-import { useAccordion } from './useAccordion';
 import { renderAccordion } from './renderAccordion';
+import { useAccordion } from './useAccordion';
+import { useAccordionContextValues } from './useAccordionContextValues';
 /**
  * Define a styled Accordion, using the `useAccordion` and `useAccordionStyles` hooks.
- * {@docCategory Accordion}
  */
-export var Accordion = React.forwardRef(function (props, ref) {
-    var state = useAccordion(props, ref);
-    return renderAccordion(state);
+
+export var Accordion = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var state = useAccordion(props, ref);
+  var contextValues = useAccordionContextValues(state);
+  return renderAccordion(state, contextValues);
 });
 Accordion.displayName = 'Accordion';
 //# sourceMappingURL=Accordion.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sourceRoot":"../src/","sources":["components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD;;;GAGG;AACH,MAAM,CAAC,IAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAA8B,UAAC,KAAK,EAAE,GAAG;IAChF,IAAM,KAAK,GAAG,YAAY,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IAEvC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;AAChC,CAAC,CAAC,CAAC;AAEH,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC","sourcesContent":["import * as React from 'react';\nimport { useAccordion } from './useAccordion';\nimport { AccordionProps } from './Accordion.types';\nimport { renderAccordion } from './renderAccordion';\n\n/**\n * Define a styled Accordion, using the `useAccordion` and `useAccordionStyles` hooks.\n * {@docCategory Accordion}\n */\nexport const Accordion = React.forwardRef<HTMLElement, AccordionProps>((props, ref) => {\n  const state = useAccordion(props, ref);\n\n  return renderAccordion(state);\n});\n\nAccordion.displayName = 'Accordion';\n"]}
+{"version":3,"sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,eAAT,QAAgC,mBAAhC;AACA,SAAS,YAAT,QAA6B,gBAA7B;AACA,SAAS,yBAAT,QAA0C,6BAA1C;AAGA;;AAEG;;AACH,OAAO,IAAM,SAAS,gBAAG,KAAK,CAAC,UAAN,CAAiD,UAAC,KAAD,EAAQ,GAAR,EAAW;AACnF,MAAM,KAAK,GAAG,YAAY,CAAC,KAAD,EAAQ,GAAR,CAA1B;AACA,MAAM,aAAa,GAAG,yBAAyB,CAAC,KAAD,CAA/C;AAEA,SAAO,eAAe,CAAC,KAAD,EAAQ,aAAR,CAAtB;AACD,CALwB,CAAlB;AAOP,SAAS,CAAC,WAAV,GAAwB,WAAxB","sourceRoot":""}

package/lib/components/Accordion/Accordion.types.d.ts

@@ -1,70 +1,52 @@
 import * as React from 'react';
-import { ComponentProps, Descendant } from '@fluentui/react-utilities';
-import { AccordionHeaderProps } from '../AccordionHeader/AccordionHeader.types';
+import type { ComponentProps, ComponentState, IntrinsicShorthandProps } from '@fluentui/react-utilities';
+import type { AccordionItemValue } from '../AccordionItem/AccordionItem.types';
 export declare type AccordionIndex = number | number[];
-/**
- * Common properties shared between Accordion and AccordionHeader through context
- */
-declare type AccordionHeaderCommonProps = Pick<AccordionHeaderProps, 'expandIcon' | 'expandIconPosition' | 'button' | 'size'>;
-export interface AccordionContext extends AccordionHeaderCommonProps {
+export declare type AccordionToggleEvent<E = HTMLElement> = React.MouseEvent<E> | React.KeyboardEvent<E>;
+export declare type AccordionToggleEventHandler = (event: AccordionToggleEvent, data: AccordionToggleData) => void;
+export declare type AccordionContextValue = {
+    navigable: boolean;
     /**
      * The list of opened panels by index
      */
-    openItems: number[];
+    openItems: AccordionItemValue[];
     /**
      * Callback used by AccordionItem to request a change on it's own opened state
      */
-    requestToggle: NonNullable<AccordionProps['onToggle']>;
-}
-/**
- * {@docCategory Accordion}
- */
-export interface AccordionProps extends ComponentProps, AccordionHeaderCommonProps, React.HTMLAttributes<HTMLElement> {
+    requestToggle: AccordionToggleEventHandler;
+};
+export declare type AccordionContextValues = {
+    accordion: AccordionContextValue;
+};
+export declare type AccordionSlots = {
+    root: IntrinsicShorthandProps<'div'>;
+};
+export declare type AccordionCommons = {
+    /**
+     * Indicates if keyboard navigation is available
+     */
+    navigable: boolean;
     /**
      * Indicates if Accordion support multiple Panels opened at the same time
      */
-    multiple?: boolean;
+    multiple: boolean;
     /**
      * Indicates if Accordion support multiple Panels closed at the same time
      */
-    collapsible?: boolean;
+    collapsible: boolean;
+};
+export declare type AccordionToggleData = {
+    value: AccordionItemValue;
+};
+export declare type AccordionProps = ComponentProps<AccordionSlots> & Partial<AccordionCommons> & {
     /**
      * Controls the state of the panel
      */
-    index?: AccordionIndex;
+    openItems?: AccordionItemValue | AccordionItemValue[];
     /**
      * Default value for the uncontrolled state of the panel
      */
-    defaultIndex?: AccordionIndex;
-    onToggle?(event: React.MouseEvent<HTMLElement>, index: number): void;
-}
-/**
- * {@docCategory Accordion}
- */
-export interface AccordionState extends AccordionProps {
-    /**
-     * Ref to the root slot
-     */
-    ref: React.MutableRefObject<HTMLElement>;
-    multiple: boolean;
-    collapsible: boolean;
-    /**
-     * Internal Context used by Accordion and AccordionItem communication
-     */
-    context: AccordionContext;
-    /**
-     * Internal Context used by Accordion and AccordionItem communication
-     */
-    descendants: AccordionDescendant[];
-    /**
-     * Internal Context used by Accordion and AccordionItem communication
-     */
-    setDescendants: React.Dispatch<React.SetStateAction<AccordionDescendant[]>>;
-}
-export interface AccordionDescendant<ElementType = HTMLElement> extends Descendant<ElementType> {
-    /**
-     * Indicates is a determined AccordionItem descending the Accordion is or not disabled
-     */
-    disabled: boolean;
-}
-export {};
+    defaultOpenItems?: AccordionItemValue | AccordionItemValue[];
+    onToggle?: AccordionToggleEventHandler;
+};
+export declare type AccordionState = ComponentState<AccordionSlots> & AccordionCommons & AccordionContextValue;

package/lib/components/Accordion/Accordion.types.js

@@ -1 +1,2 @@
+export {};
 //# sourceMappingURL=Accordion.types.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Accordion.types.js","sourceRoot":"../src/","sources":["components/Accordion/Accordion.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport { ComponentProps, Descendant } from '@fluentui/react-utilities';\nimport { AccordionHeaderProps } from '../AccordionHeader/AccordionHeader.types';\n\nexport type AccordionIndex = number | number[];\n\n/**\n * Common properties shared between Accordion and AccordionHeader through context\n */\ntype AccordionHeaderCommonProps = Pick<AccordionHeaderProps, 'expandIcon' | 'expandIconPosition' | 'button' | 'size'>;\nexport interface AccordionContext extends AccordionHeaderCommonProps {\n  /**\n   * The list of opened panels by index\n   */\n  openItems: number[];\n  /**\n   * Callback used by AccordionItem to request a change on it's own opened state\n   */\n  requestToggle: NonNullable<AccordionProps['onToggle']>;\n}\n\n/**\n * {@docCategory Accordion}\n */\nexport interface AccordionProps extends ComponentProps, AccordionHeaderCommonProps, React.HTMLAttributes<HTMLElement> {\n  /**\n   * Indicates if Accordion support multiple Panels opened at the same time\n   */\n  multiple?: boolean;\n  /**\n   * Indicates if Accordion support multiple Panels closed at the same time\n   */\n  collapsible?: boolean;\n  /**\n   * Controls the state of the panel\n   */\n  index?: AccordionIndex;\n  /**\n   * Default value for the uncontrolled state of the panel\n   */\n  defaultIndex?: AccordionIndex;\n  onToggle?(event: React.MouseEvent<HTMLElement>, index: number): void;\n}\n\n/**\n * {@docCategory Accordion}\n */\nexport interface AccordionState extends AccordionProps {\n  /**\n   * Ref to the root slot\n   */\n  ref: React.MutableRefObject<HTMLElement>;\n  multiple: boolean;\n  collapsible: boolean;\n  /**\n   * Internal Context used by Accordion and AccordionItem communication\n   */\n  context: AccordionContext;\n  /**\n   * Internal Context used by Accordion and AccordionItem communication\n   */\n  descendants: AccordionDescendant[];\n  /**\n   * Internal Context used by Accordion and AccordionItem communication\n   */\n  setDescendants: React.Dispatch<React.SetStateAction<AccordionDescendant[]>>;\n}\n\nexport interface AccordionDescendant<ElementType = HTMLElement> extends Descendant<ElementType> {\n  /**\n   * Indicates is a determined AccordionItem descending the Accordion is or not disabled\n   */\n  disabled: boolean;\n}\n"]}
+{"version":3,"file":"Accordion.types.js","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.types.ts"],"names":[],"mappings":""}

package/lib/components/Accordion/AccordionContext.d.ts

@@ -0,0 +1,3 @@
+import type { Context } from '@fluentui/react-context-selector';
+import type { AccordionContextValue } from './Accordion.types';
+export declare const AccordionContext: Context<AccordionContextValue>;

package/lib/components/Accordion/AccordionContext.js

@@ -0,0 +1,9 @@
+import { createContext } from '@fluentui/react-context-selector';
+export var AccordionContext = /*#__PURE__*/createContext({
+  openItems: [],
+  navigable: false,
+  requestToggle: function () {
+    /* noop */
+  }
+});
+//# sourceMappingURL=AccordionContext.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Accordion/AccordionContext.ts"],"names":[],"mappings":"AAAA,SAAS,aAAT,QAA8B,kCAA9B;AAIA,OAAO,IAAM,gBAAgB,gBAAmC,aAAa,CAAwB;AACnG,EAAA,SAAS,EAAE,EADwF;AAEnG,EAAA,SAAS,EAAE,KAFwF;AAGnG,EAAA,aAAa,EAAA,YAAA;AACX;AACD;AALkG,CAAxB,CAAtE","sourceRoot":""}

package/lib/components/Accordion/index.d.ts

@@ -2,3 +2,5 @@ export * from './Accordion';
 export * from './Accordion.types';
 export * from './renderAccordion';
 export * from './useAccordion';
+export * from './useAccordionContextValues';
+export * from './AccordionContext';

package/lib/components/Accordion/index.js

@@ -1,4 +1,7 @@
 export * from './Accordion';
+export * from './Accordion.types';
 export * from './renderAccordion';
 export * from './useAccordion';
+export * from './useAccordionContextValues';
+export * from './AccordionContext';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/Accordion/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAE5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC","sourcesContent":["export * from './Accordion';\nexport * from './Accordion.types';\nexport * from './renderAccordion';\nexport * from './useAccordion';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Accordion/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oBAAoB,CAAC"}

package/lib/components/Accordion/renderAccordion.d.ts

@@ -1,5 +1,5 @@
-import { AccordionState } from './Accordion.types';
+import type { AccordionState, AccordionContextValues } from './Accordion.types';
 /**
  * Function that renders the final JSX of the component
  */
-export declare const renderAccordion: (state: AccordionState) => JSX.Element;
+export declare const renderAccordion: (state: AccordionState, contextValues: AccordionContextValues) => JSX.Element;

package/lib/components/Accordion/renderAccordion.js

@@ -1,15 +1,18 @@
 import { __assign } from "tslib";
 import * as React from 'react';
-import { getSlots, DescendantProvider } from '@fluentui/react-utilities';
-import { accordionShorthandProps } from './useAccordion';
-import { accordionContext, accordionDescendantContext } from './useAccordionContext';
+import { getSlots } from '@fluentui/react-utilities';
+import { AccordionContext } from './AccordionContext';
 /**
  * Function that renders the final JSX of the component
  */
-export var renderAccordion = function (state) {
-    var _a = getSlots(state, accordionShorthandProps), slots = _a.slots, slotProps = _a.slotProps;
-    return (React.createElement(slots.root, __assign({}, slotProps.root),
-        React.createElement(accordionContext.Provider, { value: state.context },
-            React.createElement(DescendantProvider, { context: accordionDescendantContext, items: state.descendants, set: state.setDescendants }, state.children))));
+
+export var renderAccordion = function (state, contextValues) {
+  var _a = getSlots(state),
+      slots = _a.slots,
+      slotProps = _a.slotProps;
+
+  return /*#__PURE__*/React.createElement(slots.root, __assign({}, slotProps.root), /*#__PURE__*/React.createElement(AccordionContext.Provider, {
+    value: contextValues.accordion
+  }, slotProps.root.children));
 };
 //# sourceMappingURL=renderAccordion.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"renderAccordion.js","sourceRoot":"../src/","sources":["components/Accordion/renderAccordion.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAEzE,OAAO,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AAErF;;GAEG;AACH,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,KAAqB;IAC7C,IAAA,6CAA+D,EAA7D,gBAAK,EAAE,wBAAsD,CAAC;IACtE,OAAO,CACL,oBAAC,KAAK,CAAC,IAAI,eAAK,SAAS,CAAC,IAAI;QAC5B,oBAAC,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,OAAO;YAC7C,oBAAC,kBAAkB,IAAC,OAAO,EAAE,0BAA0B,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW,EAAE,GAAG,EAAE,KAAK,CAAC,cAAc,IACzG,KAAK,CAAC,QAAQ,CACI,CACK,CACjB,CACd,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { getSlots, DescendantProvider } from '@fluentui/react-utilities';\nimport { AccordionState } from './Accordion.types';\nimport { accordionShorthandProps } from './useAccordion';\nimport { accordionContext, accordionDescendantContext } from './useAccordionContext';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderAccordion = (state: AccordionState) => {\n  const { slots, slotProps } = getSlots(state, accordionShorthandProps);\n  return (\n    <slots.root {...slotProps.root}>\n      <accordionContext.Provider value={state.context}>\n        <DescendantProvider context={accordionDescendantContext} items={state.descendants} set={state.setDescendants}>\n          {state.children}\n        </DescendantProvider>\n      </accordionContext.Provider>\n    </slots.root>\n  );\n};\n"]}
+{"version":3,"sources":["../../../src/components/Accordion/renderAccordion.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,QAAT,QAAyB,2BAAzB;AAEA,SAAS,gBAAT,QAAiC,oBAAjC;AAGA;;AAEG;;AACH,OAAO,IAAM,eAAe,GAAG,UAAC,KAAD,EAAwB,aAAxB,EAA6D;AACpF,MAAA,EAAA,GAAuB,QAAQ,CAAiB,KAAjB,CAA/B;AAAA,MAAE,KAAK,GAAA,EAAA,CAAA,KAAP;AAAA,MAAS,SAAS,GAAA,EAAA,CAAA,SAAlB;;AAEN,sBACE,KAAA,CAAA,aAAA,CAAC,KAAK,CAAC,IAAP,EAAW,QAAA,CAAA,EAAA,EAAK,SAAS,CAAC,IAAf,CAAX,eACE,KAAA,CAAA,aAAA,CAAC,gBAAgB,CAAC,QAAlB,EAA0B;AAAC,IAAA,KAAK,EAAE,aAAa,CAAC;AAAtB,GAA1B,EAA4D,SAAS,CAAC,IAAV,CAAe,QAA3E,CADF,CADF;AAKD,CARM","sourceRoot":""}

package/lib/components/Accordion/useAccordion.d.ts

@@ -1,13 +1,4 @@
 import * as React from 'react';
-import { AccordionProps, AccordionState } from './Accordion.types';
-/**
- * Consts listing which props are shorthand props.
- */
-export declare const accordionShorthandProps: never[];
-/**
- * Returns the props and state required to render the component
- * @param props - Accordion properties
- * @param ref - reference to root HTMLElement of Accordion
- * @param defaultProps - default values for the properties of Accordion
- */
-export declare const useAccordion: (props: AccordionProps, ref: React.Ref<HTMLElement>, defaultProps?: AccordionProps | undefined) => AccordionState;
+import type { AccordionProps, AccordionSlots, AccordionState } from './Accordion.types';
+export declare const accordionShorthandProps: Array<keyof AccordionSlots>;
+export declare const useAccordion: (props: AccordionProps, ref: React.Ref<HTMLElement>) => AccordionState;

package/lib/components/Accordion/useAccordion.js

@@ -1,25 +1,111 @@
-import { __assign } from "tslib";
+import { __assign, __spreadArrays } from "tslib";
 import * as React from 'react';
-import { makeMergePropsCompat, resolveShorthandProps, useMergedRefs } from '@fluentui/react-utilities';
-import { useCreateAccordionContext } from './useAccordionContext';
-import { useArrowNavigationGroup } from '@fluentui/react-focus-management';
+import { getNativeElementProps, useControllableState, useEventCallback } from '@fluentui/react-utilities';
+export var accordionShorthandProps = ['root'];
+export var useAccordion = function (props, ref) {
+  var controlledOpenItems = props.openItems,
+      defaultOpenItems = props.defaultOpenItems,
+      _a = props.multiple,
+      multiple = _a === void 0 ? false : _a,
+      _b = props.collapsible,
+      collapsible = _b === void 0 ? false : _b,
+      onToggle = props.onToggle,
+      _c = props.navigable,
+      navigable = _c === void 0 ? false : _c;
+
+  var _d = useControllableState({
+    state: React.useMemo(function () {
+      return normalizeValues(controlledOpenItems);
+    }, [controlledOpenItems]),
+    defaultState: function () {
+      return initializeUncontrolledOpenItems({
+        collapsible: collapsible,
+        defaultOpenItems: defaultOpenItems,
+        multiple: multiple
+      });
+    },
+    initialState: []
+  }),
+      openItems = _d[0],
+      setOpenItems = _d[1];
+
+  var requestToggle = useEventCallback(function (ev, data) {
+    onToggle === null || onToggle === void 0 ? void 0 : onToggle(ev, data);
+    setOpenItems(function (previousOpenItems) {
+      return updateOpenItems(data.value, previousOpenItems, {
+        collapsible: collapsible,
+        multiple: multiple
+      });
+    });
+  });
+  return {
+    multiple: multiple,
+    collapsible: collapsible,
+    navigable: navigable,
+    openItems: openItems,
+    requestToggle: requestToggle,
+    root: getNativeElementProps('div', __assign(__assign({}, props), {
+      ref: ref
+    }))
+  };
+};
 /**
- * Consts listing which props are shorthand props.
+ * Initial value for the uncontrolled case of the list of open indexes
  */
-export var accordionShorthandProps = [];
-// eslint-disable-next-line deprecation/deprecation
-var mergeProps = makeMergePropsCompat({ deepMerge: accordionShorthandProps });
+
+function initializeUncontrolledOpenItems(_a) {
+  var defaultOpenItems = _a.defaultOpenItems,
+      multiple = _a.multiple,
+      collapsible = _a.collapsible;
+
+  if (defaultOpenItems !== undefined) {
+    if (Array.isArray(defaultOpenItems)) {
+      return multiple ? defaultOpenItems : [defaultOpenItems[0]];
+    }
+
+    return [defaultOpenItems];
+  }
+
+  return collapsible ? [] : [0];
+}
 /**
- * Returns the props and state required to render the component
- * @param props - Accordion properties
- * @param ref - reference to root HTMLElement of Accordion
- * @param defaultProps - default values for the properties of Accordion
+ * Updates the list of open indexes based on an index that changes
+ * @param value - the index that will change
+ * @param previousOpenItems - list of current open indexes
+ * @param param2 - {multiple, collapsible}
  */
-export var useAccordion = function (props, ref, defaultProps) {
-    var navigationAttributes = useArrowNavigationGroup({ circular: true });
-    var state = mergeProps(__assign({ ref: useMergedRefs(ref, React.useRef(null)), collapsible: false, multiple: false }, navigationAttributes), defaultProps, resolveShorthandProps(props, accordionShorthandProps));
-    var _a = useCreateAccordionContext(state), context = _a[0], descendants = _a[1], setDescendants = _a[2];
-    Object.assign(state, { context: context, descendants: descendants, setDescendants: setDescendants });
-    return state;
-};
+
+
+function updateOpenItems(value, previousOpenItems, _a) {
+  var multiple = _a.multiple,
+      collapsible = _a.collapsible;
+
+  if (multiple) {
+    if (previousOpenItems.includes(value)) {
+      if (previousOpenItems.length > 1 || collapsible) {
+        return previousOpenItems.filter(function (i) {
+          return i !== value;
+        });
+      }
+    } else {
+      return __spreadArrays(previousOpenItems, [value]).sort();
+    }
+  } else {
+    return previousOpenItems[0] === value && collapsible ? [] : [value];
+  }
+
+  return previousOpenItems;
+}
+/**
+ * Normalizes Accordion index into an array of indexes
+ */
+
+
+function normalizeValues(index) {
+  if (index === undefined) {
+    return undefined;
+  }
+
+  return Array.isArray(index) ? index : [index];
+}
 //# sourceMappingURL=useAccordion.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useAccordion.js","sourceRoot":"../src/","sources":["components/Accordion/useAccordion.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAEvG,OAAO,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAE,uBAAuB,EAAE,MAAM,kCAAkC,CAAC;AAE3E;;GAEG;AACH,MAAM,CAAC,IAAM,uBAAuB,GAAG,EAAE,CAAC;AAE1C,mDAAmD;AACnD,IAAM,UAAU,GAAG,oBAAoB,CAAiB,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC,CAAC;AAEhG;;;;;GAKG;AACH,MAAM,CAAC,IAAM,YAAY,GAAG,UAC1B,KAAqB,EACrB,GAA2B,EAC3B,YAA6B;IAE7B,IAAM,oBAAoB,GAAG,uBAAuB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;IAEzE,IAAM,KAAK,GAAG,UAAU,YAEpB,GAAG,EAAE,aAAa,CAAC,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,EAC3C,WAAW,EAAE,KAAK,EAClB,QAAQ,EAAE,KAAK,IACZ,oBAAoB,GAEzB,YAAY,EACZ,qBAAqB,CAAC,KAAK,EAAE,uBAAuB,CAAC,CACtD,CAAC;IACI,IAAA,qCAAyE,EAAxE,eAAO,EAAE,mBAAW,EAAE,sBAAkD,CAAC;IAChF,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,OAAO,SAAA,EAAE,WAAW,aAAA,EAAE,cAAc,gBAAA,EAAE,CAAC,CAAC;IAE/D,OAAO,KAAK,CAAC;AACf,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { makeMergePropsCompat, resolveShorthandProps, useMergedRefs } from '@fluentui/react-utilities';\nimport { AccordionProps, AccordionState } from './Accordion.types';\nimport { useCreateAccordionContext } from './useAccordionContext';\nimport { useArrowNavigationGroup } from '@fluentui/react-focus-management';\n\n/**\n * Consts listing which props are shorthand props.\n */\nexport const accordionShorthandProps = [];\n\n// eslint-disable-next-line deprecation/deprecation\nconst mergeProps = makeMergePropsCompat<AccordionState>({ deepMerge: accordionShorthandProps });\n\n/**\n * Returns the props and state required to render the component\n * @param props - Accordion properties\n * @param ref - reference to root HTMLElement of Accordion\n * @param defaultProps - default values for the properties of Accordion\n */\nexport const useAccordion = (\n  props: AccordionProps,\n  ref: React.Ref<HTMLElement>,\n  defaultProps?: AccordionProps,\n): AccordionState => {\n  const navigationAttributes = useArrowNavigationGroup({ circular: true });\n\n  const state = mergeProps(\n    {\n      ref: useMergedRefs(ref, React.useRef(null)),\n      collapsible: false,\n      multiple: false,\n      ...navigationAttributes,\n    },\n    defaultProps,\n    resolveShorthandProps(props, accordionShorthandProps),\n  );\n  const [context, descendants, setDescendants] = useCreateAccordionContext(state);\n  Object.assign(state, { context, descendants, setDescendants });\n\n  return state;\n};\n"]}
+{"version":3,"sources":["../../../src/components/Accordion/useAccordion.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAZ,MAAuB,OAAvB;AACA,SAAS,qBAAT,EAAgC,oBAAhC,EAAsD,gBAAtD,QAA8E,2BAA9E;AAUA,OAAO,IAAM,uBAAuB,GAAgC,CAAC,MAAD,CAA7D;AAEP,OAAO,IAAM,YAAY,GAAG,UAAC,KAAD,EAAwB,GAAxB,EAAmD;AAE3E,MAAW,mBAAmB,GAM5B,KAAK,CANuB,SAA9B;AAAA,MACA,gBAAgB,GAKd,KAAK,CALS,gBADhB;AAAA,MAEA,EAAA,GAIE,KAAK,CAJS,QAFhB;AAAA,MAEA,QAAQ,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAH,GAAQ,EAFhB;AAAA,MAGA,EAAA,GAGE,KAAK,CAHY,WAHnB;AAAA,MAGA,WAAW,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAH,GAAQ,EAHnB;AAAA,MAIA,QAAQ,GAEN,KAAK,CAFC,QAJR;AAAA,MAKA,EAAA,GACE,KAAK,CADU,SALjB;AAAA,MAKA,SAAS,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,KAAH,GAAQ,EALjB;;AAOI,MAAA,EAAA,GAA4B,oBAAoB,CAAC;AACrD,IAAA,KAAK,EAAE,KAAK,CAAC,OAAN,CAAc,YAAA;AAAM,aAAA,eAAe,CAAf,mBAAe,CAAf;AAAoC,KAAxD,EAA0D,CAAC,mBAAD,CAA1D,CAD8C;AAErD,IAAA,YAAY,EAAE,YAAA;AAAM,aAAA,+BAA+B,CAAC;AAAE,QAAA,WAAW,EAAA,WAAb;AAAe,QAAA,gBAAgB,EAAA,gBAA/B;AAAiC,QAAA,QAAQ,EAAzE;AAAgC,OAAD,CAA/B;AAA4E,KAF3C;AAGrD,IAAA,YAAY,EAAE;AAHuC,GAAD,CAAhD;AAAA,MAAC,SAAS,GAAA,EAAA,CAAA,CAAA,CAAV;AAAA,MAAY,YAAY,GAAA,EAAA,CAAA,CAAA,CAAxB;;AAMN,MAAM,aAAa,GAAG,gBAAgB,CAAC,UAAC,EAAD,EAA2B,IAA3B,EAAoD;AACzF,IAAA,QAAQ,KAAA,IAAR,IAAA,QAAQ,KAAA,KAAA,CAAR,GAAQ,KAAA,CAAR,GAAA,QAAQ,CAAG,EAAH,EAAO,IAAP,CAAR;AACA,IAAA,YAAY,CAAC,UAAA,iBAAA,EAAiB;AAC5B,aAAA,eAAe,CAAC,IAAI,CAAC,KAAN,EAAa,iBAAb,EAAgC;AAC7C,QAAA,WAAW,EAAA,WADkC;AAE7C,QAAA,QAAQ,EAAA;AAFqC,OAAhC,CAAf;AAGE,KAJQ,CAAZ;AAMD,GARqC,CAAtC;AAUA,SAAO;AACL,IAAA,QAAQ,EAAA,QADH;AAEL,IAAA,WAAW,EAAA,WAFN;AAGL,IAAA,SAAS,EAAA,SAHJ;AAIL,IAAA,SAAS,EAAA,SAJJ;AAKL,IAAA,aAAa,EAAA,aALR;AAML,IAAA,IAAI,EAAE,qBAAqB,CAAC,KAAD,EAAM,QAAA,CAAA,QAAA,CAAA,EAAA,EAC5B,KAD4B,CAAA,EACvB;AACR,MAAA,GAAG,EAAA;AADK,KADuB,CAAN;AANtB,GAAP;AAWD,CApCM;AAsCP;;AAEG;;AACH,SAAS,+BAAT,CAAyC,EAAzC,EAIwE;MAHtE,gBAAgB,GAAA,EAAA,CAAA,gB;MAChB,QAAQ,GAAA,EAAA,CAAA,Q;MACR,WAAW,GAAA,EAAA,CAAA,W;;AAEX,MAAI,gBAAgB,KAAK,SAAzB,EAAoC;AAClC,QAAI,KAAK,CAAC,OAAN,CAAc,gBAAd,CAAJ,EAAqC;AACnC,aAAO,QAAQ,GAAG,gBAAH,GAAsB,CAAC,gBAAgB,CAAC,CAAD,CAAjB,CAArC;AACD;;AACD,WAAO,CAAC,gBAAD,CAAP;AACD;;AACD,SAAO,WAAW,GAAG,EAAH,GAAQ,CAAC,CAAD,CAA1B;AACD;AAED;;;;;AAKG;;;AACH,SAAS,eAAT,CACE,KADF,EAEE,iBAFF,EAGE,EAHF,EAG6E;MAAzE,QAAQ,GAAA,EAAA,CAAA,Q;MAAE,WAAW,GAAA,EAAA,CAAA,W;;AAEvB,MAAI,QAAJ,EAAc;AACZ,QAAI,iBAAiB,CAAC,QAAlB,CAA2B,KAA3B,CAAJ,EAAuC;AACrC,UAAI,iBAAiB,CAAC,MAAlB,GAA2B,CAA3B,IAAgC,WAApC,EAAiD;AAC/C,eAAO,iBAAiB,CAAC,MAAlB,CAAyB,UAAA,CAAA,EAAC;AAAI,iBAAA,CAAC,KAAD,KAAA;AAAW,SAAzC,CAAP;AACD;AACF,KAJD,MAIO;AACL,aAAO,cAAA,CAAI,iBAAJ,EAAqB,CAAE,KAAF,CAArB,CAAA,CAA8B,IAA9B,EAAP;AACD;AACF,GARD,MAQO;AACL,WAAO,iBAAiB,CAAC,CAAD,CAAjB,KAAyB,KAAzB,IAAkC,WAAlC,GAAgD,EAAhD,GAAqD,CAAC,KAAD,CAA5D;AACD;;AACD,SAAO,iBAAP;AACD;AAED;;AAEG;;;AACH,SAAS,eAAT,CAAyB,KAAzB,EAA0E;AACxE,MAAI,KAAK,KAAK,SAAd,EAAyB;AACvB,WAAO,SAAP;AACD;;AACD,SAAO,KAAK,CAAC,OAAN,CAAc,KAAd,IAAuB,KAAvB,GAA+B,CAAC,KAAD,CAAtC;AACD","sourceRoot":""}

package/lib/components/Accordion/useAccordionContextValues.d.ts

@@ -0,0 +1,2 @@
+import type { AccordionContextValues, AccordionState } from './Accordion.types';
+export declare function useAccordionContextValues(state: AccordionState): AccordionContextValues;

package/lib/components/Accordion/useAccordionContextValues.js

@@ -0,0 +1,15 @@
+export function useAccordionContextValues(state) {
+  var navigable = state.navigable,
+      openItems = state.openItems,
+      requestToggle = state.requestToggle; // This context is created with "@fluentui/react-context-selector", these is no sense to memoize it
+
+  var accordion = {
+    navigable: navigable,
+    openItems: openItems,
+    requestToggle: requestToggle
+  };
+  return {
+    accordion: accordion
+  };
+}
+//# sourceMappingURL=useAccordionContextValues.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Accordion/useAccordionContextValues.ts"],"names":[],"mappings":"AAEA,OAAM,SAAU,yBAAV,CAAoC,KAApC,EAAyD;AACrD,MAAA,SAAS,GAA+B,KAAK,CAApC,SAAT;AAAA,MAAW,SAAS,GAAoB,KAAK,CAAzB,SAApB;AAAA,MAAsB,aAAa,GAAK,KAAK,CAAV,aAAnC,CADqD,CAG7D;;AACA,MAAM,SAAS,GAAG;AAChB,IAAA,SAAS,EAAA,SADO;AAEhB,IAAA,SAAS,EAAA,SAFO;AAGhB,IAAA,aAAa,EAAA;AAHG,GAAlB;AAMA,SAAO;AAAE,IAAA,SAAS,EAAA;AAAX,GAAP;AACD","sourceRoot":""}