@availity/mui-accordion 0.1.0

package/CHANGELOG.md

@@ -0,0 +1,13 @@
+# Changelog
+
+This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
+
+## 0.1.0 (2024-03-15)
+
+### Dependency Updates
+
+* `mui-icon` updated to version `0.8.0`
+
+### Features
+
+* **mui-accordion:** add accordion package ([83e6bfd](https://github.com/Availity/element/commit/83e6bfd5f8c07750e59d44edaccbd4a713cc6fc8))

package/README.md

@@ -0,0 +1,61 @@
+# @availity/mui-accordion
+
+> Availity MUI Accordion component to be used with @availity/element design system.
+
+[![Version](https://img.shields.io/npm/v/@availity/mui-accordion.svg?style=for-the-badge)](https://www.npmjs.com/package/@availity/mui-accordion)
+[![NPM Downloads](https://img.shields.io/npm/dt/@availity/mui-accordion.svg?style=for-the-badge)](https://www.npmjs.com/package/@availity/mui-accordion)
+[![Dependency Status](https://img.shields.io/librariesio/release/npm/@availity/mui-accordion?style=for-the-badge)](https://github.com/Availity/element/blob/main/packages/mui-accordion/package.json)
+
+## Documentation
+
+This package extends the MUI Accordion component: [MUI Accordion Docs](https://mui.com/components/accordion/)
+
+Live demo and documentation in our [Storybook](https://availity.github.io/element/?path=/docs/components-accordion-introduction--docs)
+
+Availity standards for design and usage can be found in the [Availity Design Guide](https://zeroheight.com/2e36e50c7)
+
+## Installation
+
+### Import Through @availity/element (Recommended)
+
+#### NPM
+
+```bash
+npm install @availity/element
+```
+
+#### Yarn
+
+```bash
+yarn add @availity/element
+```
+
+### Direct Import
+
+#### NPM
+
+_This package has a few peer dependencies. Add `@mui/material` & `@emotion/react` to your project if not already installed._
+
+```bash
+npm install @availity/mui-accordion
+```
+
+#### Yarn
+
+```bash
+yarn add @availity/mui-accordion
+```
+
+### Usage
+
+#### Import through @availity/element
+
+```tsx
+import { Accordion } from '@availity/element';
+```
+
+#### Direct import
+
+```tsx
+import { Accordion } from '@availity/mui-accordion';
+```

package/dist/index.d.ts

@@ -0,0 +1,20 @@
+import * as react from 'react';
+import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
+import { AccordionProps as AccordionProps$1 } from '@mui/material/Accordion';
+import { AccordionActionsProps as AccordionActionsProps$1 } from '@mui/material/AccordionActions';
+import { AccordionDetailsProps as AccordionDetailsProps$1 } from '@mui/material/AccordionDetails';
+import { AccordionSummaryProps as AccordionSummaryProps$1 } from '@mui/material/AccordionSummary';
+
+type AccordionProps = Omit<AccordionProps$1, 'component' | 'TransitionComponent' | 'TransitionProps'>;
+declare const Accordion: react.ForwardRefExoticComponent<Pick<AccordionProps, keyof _mui_material_OverridableComponent.CommonProps | "onChange" | "children" | "elevation" | "square" | "sx" | "variant" | "color" | "translate" | "defaultExpanded" | "disabled" | "disableGutters" | "expanded" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "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" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "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" | "onResize" | "onResizeCapture" | "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"> & react.RefAttributes<HTMLDivElement>>;
+
+type AccordionActionsProps = AccordionActionsProps$1;
+declare const AccordionActions: react.ForwardRefExoticComponent<Pick<AccordionActionsProps$1, "className" | "style" | "classes" | "onChange" | "children" | "sx" | "color" | "translate" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "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" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "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" | "onResize" | "onResizeCapture" | "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" | "disableSpacing"> & react.RefAttributes<unknown>>;
+
+type AccordionDetailsProps = AccordionDetailsProps$1;
+declare const AccordionDetails: react.ForwardRefExoticComponent<Pick<AccordionDetailsProps$1, "className" | "style" | "classes" | "onChange" | "children" | "sx" | "color" | "translate" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "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" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "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" | "onResize" | "onResizeCapture" | "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"> & react.RefAttributes<unknown>>;
+
+type AccordionSummaryProps = Omit<AccordionSummaryProps$1, 'centerRipple' | 'component' | 'disableRipple' | 'disableTouchRipple' | 'expandIcon' | 'focusRipple' | 'focusVisibleClassname' | 'onFocusVisible' | 'TouchRippleProps' | 'touchRippleRef'>;
+declare const AccordionSummary: react.ForwardRefExoticComponent<Pick<AccordionSummaryProps, "className" | "style" | "classes" | "onChange" | "children" | "sx" | "color" | "translate" | "disabled" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "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" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "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" | "onResize" | "onResizeCapture" | "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" | "action" | "focusVisibleClassName" | "LinkComponent"> & react.RefAttributes<HTMLDivElement>>;
+
+export { Accordion, AccordionActions, AccordionActionsProps, AccordionDetails, AccordionDetailsProps, AccordionProps, AccordionSummary, AccordionSummaryProps };

package/dist/index.js

@@ -0,0 +1,79 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  Accordion: () => Accordion,
+  AccordionActions: () => AccordionActions,
+  AccordionDetails: () => AccordionDetails,
+  AccordionSummary: () => AccordionSummary
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/lib/Accordion.tsx
+var import_Accordion = __toESM(require("@mui/material/Accordion"));
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Accordion = (0, import_react.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Accordion.default, {
+  ...props,
+  ref
+}));
+
+// src/lib/AccordionActions.tsx
+var import_AccordionActions = __toESM(require("@mui/material/AccordionActions"));
+var import_react2 = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var AccordionActions = (0, import_react2.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_AccordionActions.default, {
+  ...props,
+  ref
+}));
+
+// src/lib/AccordionDetails.tsx
+var import_AccordionDetails = __toESM(require("@mui/material/AccordionDetails"));
+var import_react3 = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var AccordionDetails = (0, import_react3.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_AccordionDetails.default, {
+  ...props,
+  ref
+}));
+
+// src/lib/AccordionSummary.tsx
+var import_AccordionSummary = __toESM(require("@mui/material/AccordionSummary"));
+var import_mui_icon = require("@availity/mui-icon");
+var import_react4 = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var AccordionSummary = (0, import_react4.forwardRef)((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_AccordionSummary.default, {
+  ...props,
+  expandIcon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_mui_icon.TriangleExpandIcon, {}),
+  ref
+}));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Accordion,
+  AccordionActions,
+  AccordionDetails,
+  AccordionSummary
+});

package/dist/index.mjs

@@ -0,0 +1,43 @@
+// src/lib/Accordion.tsx
+import MuiAccordion from "@mui/material/Accordion";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var Accordion = forwardRef((props, ref) => /* @__PURE__ */ jsx(MuiAccordion, {
+  ...props,
+  ref
+}));
+
+// src/lib/AccordionActions.tsx
+import MuiAccordionActions from "@mui/material/AccordionActions";
+import { forwardRef as forwardRef2 } from "react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var AccordionActions = forwardRef2((props, ref) => /* @__PURE__ */ jsx2(MuiAccordionActions, {
+  ...props,
+  ref
+}));
+
+// src/lib/AccordionDetails.tsx
+import MuiAccordionDetails from "@mui/material/AccordionDetails";
+import { forwardRef as forwardRef3 } from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var AccordionDetails = forwardRef3((props, ref) => /* @__PURE__ */ jsx3(MuiAccordionDetails, {
+  ...props,
+  ref
+}));
+
+// src/lib/AccordionSummary.tsx
+import MuiAccordionSummary from "@mui/material/AccordionSummary";
+import { TriangleExpandIcon } from "@availity/mui-icon";
+import { forwardRef as forwardRef4 } from "react";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var AccordionSummary = forwardRef4((props, ref) => /* @__PURE__ */ jsx4(MuiAccordionSummary, {
+  ...props,
+  expandIcon: /* @__PURE__ */ jsx4(TriangleExpandIcon, {}),
+  ref
+}));
+export {
+  Accordion,
+  AccordionActions,
+  AccordionDetails,
+  AccordionSummary
+};

package/introduction.stories.mdx

@@ -0,0 +1,7 @@
+import { Markdown } from '@storybook/blocks';
+import { Meta } from '@storybook/addon-docs';
+import ReadMe from './README.md?raw';
+
+<Meta title="Components/Accordion/Introduction" />
+
+<Markdown>{ReadMe}</Markdown>

package/jest.config.js

@@ -0,0 +1,7 @@
+const global = require('../../jest.config.global');
+
+module.exports = {
+  ...global,
+  displayName: 'accordion',
+  coverageDirectory: '../../coverage/accordion',
+};

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@availity/mui-accordion",
+  "version": "0.1.0",
+  "description": "Availity MUI Accordion Component - part of the @availity/element design system",
+  "keywords": [
+    "react",
+    "typescript",
+    "availity",
+    "mui"
+  ],
+  "homepage": "https://availity.github.io/element/?path=/docs/components-accordion-introduction--docs",
+  "bugs": {
+    "url": "https://github.com/Availity/element/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/Availity/element.git",
+    "directory": "packages/accordion"
+  },
+  "license": "MIT",
+  "author": "Availity Developers <AVOSS@availity.com>",
+  "browser": "./dist/index.js",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "scripts": {
+    "build": "tsup src/index.ts --format esm,cjs --dts",
+    "dev": "tsup src/index.ts --format esm,cjs --watch --dts",
+    "clean": "rm -rf dist",
+    "clean:nm": "rm -rf node_modules",
+    "publish": "yarn npm publish --tolerate-republish --access public",
+    "publish:canary": "yarn npm publish --access public --tag canary"
+  },
+  "dependencies": {
+    "@availity/mui-icon": "0.8.0"
+  },
+  "devDependencies": {
+    "@mui/material": "^5.11.9",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "tsup": "^5.12.7",
+    "typescript": "^4.6.4"
+  },
+  "peerDependencies": {
+    "@mui/material": "^5.11.9",
+    "react": ">=16.3.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/project.json

@@ -0,0 +1,42 @@
+{
+  "name": "mui-accordion",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "packages/accordion/src",
+  "projectType": "library",
+  "tags": [],
+  "targets": {
+    "lint": {
+      "executor": "@nrwl/linter:eslint",
+      "options": {
+        "eslintConfig": ".eslintrc.json",
+        "lintFilePatterns": ["packages/accordion/**/*.{js,ts}"],
+        "silent": false,
+        "fix": false,
+        "cache": true,
+        "cacheLocation": "./node_modules/.cache/accordion/.eslintcache",
+        "maxWarnings": -1,
+        "quiet": false,
+        "noEslintrc": false,
+        "hasTypeAwareRules": true,
+        "cacheStrategy": "metadata"
+      }
+    },
+    "test": {
+      "executor": "@nrwl/jest:jest",
+      "outputs": ["coverage/accordion"],
+      "options": {
+        "jestConfig": "packages/accordion/jest.config.js",
+        "passWithNoTests": true
+      }
+    },
+    "version": {
+      "executor": "@jscutlery/semver:version",
+      "options": {
+        "preset": "conventional",
+        "commitMessageFormat": "chore(${projectName}): release version ${version} [skip ci]",
+        "tagPrefix": "@availity/${projectName}@",
+        "trackDeps": true
+      }
+    }
+  }
+}

package/src/index.ts

@@ -0,0 +1,4 @@
+export * from './lib/Accordion';
+export * from './lib/AccordionActions';
+export * from './lib/AccordionDetails';
+export * from './lib/AccordionSummary';

package/src/lib/Accordion.stories.tsx

@@ -0,0 +1,110 @@
+// Each exported component in the package should have its own stories file
+
+import type { Meta, StoryObj } from '@storybook/react';
+import { Accordion, AccordionActions, AccordionDetails, AccordionSummary, AccordionProps } from '..';
+import Button from '@mui/material/Button';
+
+const meta: Meta<typeof Accordion> = {
+  title: 'Components/Accordion/Accordion',
+  component: Accordion,
+  tags: ['autodocs'],
+};
+
+export default meta;
+
+export const _Accordion: StoryObj<typeof Accordion> = {
+  render: (args: AccordionProps) => (
+    <Accordion {...args}>
+      <AccordionSummary aria-controls="panel-content" id="panel-header">
+        Accordion
+      </AccordionSummary>
+      <AccordionDetails>
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo
+        lobortis eget.
+      </AccordionDetails>
+      <AccordionActions>
+        <Button>Cancel</Button>
+        <Button>Agree</Button>
+      </AccordionActions>
+    </Accordion>
+  ),
+};
+
+export const _States: StoryObj<typeof Accordion> = {
+  render: (args: AccordionProps) => (
+    <div>
+      <Accordion {...args} defaultExpanded>
+        <AccordionSummary aria-controls="defaultexpanded-content" id="defaultexpanded-header">
+          Default Expanded
+        </AccordionSummary>
+        <AccordionDetails>
+          <Accordion>
+            <AccordionSummary aria-controls="defaultexpanded-nested-content" id="defaultexpanded-nested-header">
+              Nested Accordion
+            </AccordionSummary>
+            <AccordionDetails>
+              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit
+              leo lobortis eget.
+            </AccordionDetails>
+          </Accordion>
+        </AccordionDetails>
+      </Accordion>
+      <Accordion {...args}>
+        <AccordionSummary aria-controls="focused-content" id="focused-header" className="Mui-focusVisible">
+          Focused
+        </AccordionSummary>
+        <AccordionDetails>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo
+          lobortis eget.
+        </AccordionDetails>
+      </Accordion>
+      <Accordion {...args} disabled>
+        <AccordionSummary aria-controls="disabled-content" id="disabled-header">
+          Disabled
+        </AccordionSummary>
+        <AccordionDetails>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo
+          lobortis eget.
+        </AccordionDetails>
+      </Accordion>
+    </div>
+  ),
+};
+
+export const _AccordionGroup: StoryObj<typeof Accordion> = {
+  render: () => (
+    <div>
+      <Accordion>
+        <AccordionSummary aria-controls="panel1-content" id="panel1-header">
+          Accordion 1
+        </AccordionSummary>
+        <AccordionDetails>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo
+          lobortis eget.
+        </AccordionDetails>
+      </Accordion>
+      <Accordion>
+        <AccordionSummary aria-controls="panel2-content" id="panel2-header">
+          Accordion 2
+        </AccordionSummary>
+        <AccordionDetails>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo
+          lobortis eget.
+        </AccordionDetails>
+      </Accordion>
+      <Accordion>
+        <AccordionSummary aria-controls="panel3-content" id="panel3-header">
+          Accordion Actions
+        </AccordionSummary>
+        <AccordionDetails>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo
+          lobortis eget.
+        </AccordionDetails>
+        <AccordionActions>
+          <Button>Cancel</Button>
+          <Button>Agree</Button>
+        </AccordionActions>
+      </Accordion>
+    </div>
+  ),
+};

package/src/lib/Accordion.test.tsx

@@ -0,0 +1,13 @@
+import { render } from '@testing-library/react';
+import { Accordion, AccordionSummary } from '..';
+
+describe('Accordion', () => {
+  test('should render successfully', () => {
+    const { getByTestId } = render(
+      <Accordion data-testid="test">
+        <AccordionSummary>Test</AccordionSummary>
+      </Accordion>
+    );
+    expect(getByTestId('test')).toBeTruthy();
+  });
+});

package/src/lib/Accordion.tsx

@@ -0,0 +1,8 @@
+import MuiAccordion, { AccordionProps as MuiAccordionProps } from '@mui/material/Accordion';
+import { forwardRef } from 'react';
+
+export type AccordionProps = Omit<MuiAccordionProps, 'component' | 'TransitionComponent' | 'TransitionProps'>;
+
+export const Accordion = forwardRef<HTMLDivElement, AccordionProps>((props, ref) => (
+  <MuiAccordion {...props} ref={ref} />
+));

package/src/lib/AccordionActions.stories.tsx

@@ -0,0 +1,22 @@
+// Each exported component in the package should have its own stories file
+
+import type { Meta, StoryObj } from '@storybook/react';
+import { AccordionActions, AccordionActionsProps } from '..';
+import Button from '@mui/material/Button/Button';
+
+const meta: Meta<typeof AccordionActions> = {
+  title: 'Components/Accordion/AccordionActions',
+  component: AccordionActions,
+  tags: ['autodocs'],
+};
+
+export default meta;
+
+export const _AccordionActions: StoryObj<typeof AccordionActions> = {
+  render: (args: AccordionActionsProps) => (
+    <AccordionActions {...args}>
+      <Button>Cancel</Button>
+      <Button>Agree</Button>
+    </AccordionActions>
+  ),
+};

package/src/lib/AccordionActions.test.tsx

@@ -0,0 +1,9 @@
+import { render } from '@testing-library/react';
+import { AccordionActions } from './AccordionActions';
+
+describe('AccordionActions', () => {
+  test('should render successfully', () => {
+    const { getByText } = render(<AccordionActions>Test</AccordionActions>);
+    expect(getByText('Test')).toBeTruthy();
+  });
+});

package/src/lib/AccordionActions.tsx

@@ -0,0 +1,8 @@
+import MuiAccordionActions, { AccordionActionsProps as MuiAccordionActionsProps } from '@mui/material/AccordionActions';
+import { forwardRef } from 'react';
+
+export type AccordionActionsProps = MuiAccordionActionsProps;
+
+export const AccordionActions = forwardRef<unknown, AccordionActionsProps>((props, ref) => (
+  <MuiAccordionActions {...props} ref={ref} />
+));

package/src/lib/AccordionDetails.stories.tsx

@@ -0,0 +1,21 @@
+// Each exported component in the package should have its own stories file
+
+import type { Meta, StoryObj } from '@storybook/react';
+import { AccordionDetails, AccordionDetailsProps } from '..';
+
+const meta: Meta<typeof AccordionDetails> = {
+  title: 'Components/Accordion/AccordionDetails',
+  component: AccordionDetails,
+  tags: ['autodocs'],
+};
+
+export default meta;
+
+export const _AccordionDetails: StoryObj<typeof AccordionDetails> = {
+  render: (args: AccordionDetailsProps) => (
+    <AccordionDetails {...args}>
+      Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo
+      lobortis eget.
+    </AccordionDetails>
+  ),
+};

package/src/lib/AccordionDetails.test.tsx

@@ -0,0 +1,9 @@
+import { render } from '@testing-library/react';
+import { AccordionDetails } from './AccordionDetails';
+
+describe('AccordionDetails', () => {
+  test('should render successfully', () => {
+    const { getByText } = render(<AccordionDetails>Test</AccordionDetails>);
+    expect(getByText('Test')).toBeTruthy();
+  });
+});

package/src/lib/AccordionDetails.tsx

@@ -0,0 +1,8 @@
+import MuiAccordionDetails, { AccordionDetailsProps as MuiAccordionDetailsProps } from '@mui/material/AccordionDetails';
+import { forwardRef } from 'react';
+
+export type AccordionDetailsProps = MuiAccordionDetailsProps;
+
+export const AccordionDetails = forwardRef<unknown, AccordionDetailsProps>((props, ref) => (
+  <MuiAccordionDetails {...props} ref={ref} />
+));

package/src/lib/AccordionSummary.stories.tsx

@@ -0,0 +1,20 @@
+// Each exported component in the package should have its own stories file
+
+import type { Meta, StoryObj } from '@storybook/react';
+import { AccordionSummary, AccordionSummaryProps } from '..';
+
+const meta: Meta<typeof AccordionSummary> = {
+  title: 'Components/Accordion/AccordionSummary',
+  component: AccordionSummary,
+  tags: ['autodocs'],
+};
+
+export default meta;
+
+export const _AccordionSummary: StoryObj<typeof AccordionSummary> = {
+  render: (args: AccordionSummaryProps) => (
+    <AccordionSummary aria-controls="panel1-content" id="panel1-header" {...args}>
+      Accordion 1
+    </AccordionSummary>
+  ),
+};

package/src/lib/AccordionSummary.test.tsx

@@ -0,0 +1,9 @@
+import { render } from '@testing-library/react';
+import { AccordionSummary } from './AccordionSummary';
+
+describe('AccordionSummary', () => {
+  test('should render successfully', () => {
+    const { getByText } = render(<AccordionSummary>Test</AccordionSummary>);
+    expect(getByText('Test')).toBeTruthy();
+  });
+});

package/src/lib/AccordionSummary.tsx

@@ -0,0 +1,21 @@
+import MuiAccordionSummary, { AccordionSummaryProps as MuiAccordionSummaryProps } from '@mui/material/AccordionSummary';
+import { TriangleExpandIcon } from '@availity/mui-icon';
+import { forwardRef } from 'react';
+
+export type AccordionSummaryProps = Omit<
+  MuiAccordionSummaryProps,
+  | 'centerRipple'
+  | 'component'
+  | 'disableRipple'
+  | 'disableTouchRipple'
+  | 'expandIcon'
+  | 'focusRipple'
+  | 'focusVisibleClassname'
+  | 'onFocusVisible'
+  | 'TouchRippleProps'
+  | 'touchRippleRef'
+>;
+
+export const AccordionSummary = forwardRef<HTMLDivElement, AccordionSummaryProps>((props, ref) => (
+  <MuiAccordionSummary {...props} expandIcon={<TriangleExpandIcon />} ref={ref} />
+));

package/tsconfig.json

@@ -0,0 +1,5 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "include": ["."],
+  "exclude": ["dist", "build", "node_modules"]
+}

package/tsconfig.spec.json

@@ -0,0 +1,10 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../dist/out-tsc",
+    "module": "commonjs",
+    "types": ["jest", "node", "@testing-library/jest-dom"],
+    "allowJs": true
+  },
+  "include": ["**/*.test.js", "**/*.test.ts", "**/*.test.tsx", "**/*.d.ts"]
+}