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

package/lib-amd/components/AccordionHeader/useAccordionHeaderStyles.js

@@ -1,64 +0,0 @@
-define(["require", "exports", "@fluentui/react-make-styles"], function (require, exports, react_make_styles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    var useStyles = react_make_styles_1.makeStyles({
-        root: function (theme) { return ({
-            color: theme.alias.color.neutral.neutralForeground1,
-            backgroundColor: theme.alias.color.neutral.neutralBackground1,
-            borderRadius: '2px',
-        }); },
-        button: {
-            paddingRight: '10px',
-            paddingLeft: '10px',
-            height: '44px',
-            display: 'flex',
-            alignItems: 'center',
-            cursor: 'pointer',
-        },
-        buttonSmall: {
-            height: '32px',
-        },
-        buttonIconEnd: {
-            justifyContent: 'space-between',
-        },
-        expandIcon: {
-            lineHeight: '0',
-        },
-        expandIconStart: {
-            paddingRight: '8px',
-        },
-        expandIconEnd: {
-            paddingLeft: '8px',
-        },
-        children: function (theme) { return ({
-            fontSize: theme.global.type.fontSizes.base[300],
-            fontFamily: theme.global.type.fontFamilies.base,
-            textOverflow: 'ellipsis',
-            whiteSpace: 'nowrap',
-            overflow: 'hidden',
-        }); },
-        childrenSmall: function (theme) { return ({
-            fontSize: theme.global.type.fontSizes.base[200],
-        }); },
-        childrenLarge: function (theme) { return ({
-            fontSize: theme.global.type.fontSizes.base[400],
-        }); },
-        childrenExtraLarge: function (theme) { return ({
-            fontSize: theme.global.type.fontSizes.base[500],
-        }); },
-    });
-    /** Applies style classnames to slots */
-    exports.useAccordionHeaderStyles = function (state) {
-        var styles = useStyles();
-        state.className = react_make_styles_1.ax(styles.root, state.className);
-        state.button.className = react_make_styles_1.ax(styles.button, state.size === 'small' && styles.buttonSmall, state.expandIconPosition === 'end' && styles.buttonIconEnd, state.button.className);
-        if (state.expandIcon) {
-            state.expandIcon.className = react_make_styles_1.ax(styles.expandIcon, state.expandIconPosition === 'start' && styles.expandIconStart, state.expandIconPosition === 'end' && styles.expandIconEnd, state.expandIcon.className);
-        }
-        if (state.children) {
-            state.children.className = react_make_styles_1.ax(styles.children, state.size === 'small' && styles.childrenSmall, state.size === 'large' && styles.childrenLarge, state.size === 'extra-large' && styles.childrenExtraLarge, state.children.className);
-        }
-        return state;
-    };
-});
-//# sourceMappingURL=useAccordionHeaderStyles.js.map

package/lib-amd/components/AccordionHeader/useAccordionHeaderStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAccordionHeaderStyles.js","sourceRoot":"../src/","sources":["components/AccordionHeader/useAccordionHeaderStyles.ts"],"names":[],"mappings":";;;IAGA,IAAM,SAAS,GAAG,8BAAU,CAAC;QAC3B,IAAI,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACd,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,kBAAkB;YACnD,eAAe,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,kBAAkB;YAC7D,YAAY,EAAE,KAAK;SACpB,CAAC,EAJa,CAIb;QACF,MAAM,EAAE;YACN,YAAY,EAAE,MAAM;YACpB,WAAW,EAAE,MAAM;YACnB,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,MAAM,EAAE,SAAS;SAClB;QACD,WAAW,EAAE;YACX,MAAM,EAAE,MAAM;SACf;QACD,aAAa,EAAE;YACb,cAAc,EAAE,eAAe;SAChC;QACD,UAAU,EAAE;YACV,UAAU,EAAE,GAAG;SAChB;QACD,eAAe,EAAE;YACf,YAAY,EAAE,KAAK;SACpB;QACD,aAAa,EAAE;YACb,WAAW,EAAE,KAAK;SACnB;QACD,QAAQ,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YAClB,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;YAC/C,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI;YAC/C,YAAY,EAAE,UAAU;YACxB,UAAU,EAAE,QAAQ;YACpB,QAAQ,EAAE,QAAQ;SACnB,CAAC,EANiB,CAMjB;QACF,aAAa,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACvB,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;SAChD,CAAC,EAFsB,CAEtB;QACF,aAAa,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YACvB,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;SAChD,CAAC,EAFsB,CAEtB;QACF,kBAAkB,EAAE,UAAA,KAAK,IAAI,OAAA,CAAC;YAC5B,QAAQ,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC;SAChD,CAAC,EAF2B,CAE3B;KACH,CAAC,CAAC;IAEH,wCAAwC;IAC3B,QAAA,wBAAwB,GAAG,UAAC,KAA2B;QAClE,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAE3B,KAAK,CAAC,SAAS,GAAG,sBAAE,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;QAEnD,KAAK,CAAC,MAAM,CAAC,SAAS,GAAG,sBAAE,CACzB,MAAM,CAAC,MAAM,EACb,KAAK,CAAC,IAAI,KAAK,OAAO,IAAI,MAAM,CAAC,WAAW,EAC5C,KAAK,CAAC,kBAAkB,KAAK,KAAK,IAAI,MAAM,CAAC,aAAa,EAC1D,KAAK,CAAC,MAAM,CAAC,SAAS,CACvB,CAAC;QAEF,IAAI,KAAK,CAAC,UAAU,EAAE;YACpB,KAAK,CAAC,UAAU,CAAC,SAAS,GAAG,sBAAE,CAC7B,MAAM,CAAC,UAAU,EACjB,KAAK,CAAC,kBAAkB,KAAK,OAAO,IAAI,MAAM,CAAC,eAAe,EAC9D,KAAK,CAAC,kBAAkB,KAAK,KAAK,IAAI,MAAM,CAAC,aAAa,EAC1D,KAAK,CAAC,UAAU,CAAC,SAAS,CAC3B,CAAC;SACH;QACD,IAAI,KAAK,CAAC,QAAQ,EAAE;YAClB,KAAK,CAAC,QAAQ,CAAC,SAAS,GAAG,sBAAE,CAC3B,MAAM,CAAC,QAAQ,EACf,KAAK,CAAC,IAAI,KAAK,OAAO,IAAI,MAAM,CAAC,aAAa,EAC9C,KAAK,CAAC,IAAI,KAAK,OAAO,IAAI,MAAM,CAAC,aAAa,EAC9C,KAAK,CAAC,IAAI,KAAK,aAAa,IAAI,MAAM,CAAC,kBAAkB,EACzD,KAAK,CAAC,QAAQ,CAAC,SAAS,CACzB,CAAC;SACH;QACD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC","sourcesContent":["import { makeStyles, ax } from '@fluentui/react-make-styles';\nimport { AccordionHeaderState } from './AccordionHeader.types';\n\nconst useStyles = makeStyles({\n  root: theme => ({\n    color: theme.alias.color.neutral.neutralForeground1,\n    backgroundColor: theme.alias.color.neutral.neutralBackground1,\n    borderRadius: '2px',\n  }),\n  button: {\n    paddingRight: '10px',\n    paddingLeft: '10px',\n    height: '44px',\n    display: 'flex',\n    alignItems: 'center',\n    cursor: 'pointer',\n  },\n  buttonSmall: {\n    height: '32px',\n  },\n  buttonIconEnd: {\n    justifyContent: 'space-between',\n  },\n  expandIcon: {\n    lineHeight: '0',\n  },\n  expandIconStart: {\n    paddingRight: '8px',\n  },\n  expandIconEnd: {\n    paddingLeft: '8px',\n  },\n  children: theme => ({\n    fontSize: theme.global.type.fontSizes.base[300],\n    fontFamily: theme.global.type.fontFamilies.base,\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    overflow: 'hidden',\n  }),\n  childrenSmall: theme => ({\n    fontSize: theme.global.type.fontSizes.base[200],\n  }),\n  childrenLarge: theme => ({\n    fontSize: theme.global.type.fontSizes.base[400],\n  }),\n  childrenExtraLarge: theme => ({\n    fontSize: theme.global.type.fontSizes.base[500],\n  }),\n});\n\n/** Applies style classnames to slots */\nexport const useAccordionHeaderStyles = (state: AccordionHeaderState) => {\n  const styles = useStyles();\n\n  state.className = ax(styles.root, state.className);\n\n  state.button.className = ax(\n    styles.button,\n    state.size === 'small' && styles.buttonSmall,\n    state.expandIconPosition === 'end' && styles.buttonIconEnd,\n    state.button.className,\n  );\n\n  if (state.expandIcon) {\n    state.expandIcon.className = ax(\n      styles.expandIcon,\n      state.expandIconPosition === 'start' && styles.expandIconStart,\n      state.expandIconPosition === 'end' && styles.expandIconEnd,\n      state.expandIcon.className,\n    );\n  }\n  if (state.children) {\n    state.children.className = ax(\n      styles.children,\n      state.size === 'small' && styles.childrenSmall,\n      state.size === 'large' && styles.childrenLarge,\n      state.size === 'extra-large' && styles.childrenExtraLarge,\n      state.children.className,\n    );\n  }\n  return state;\n};\n"]}

package/lib-amd/components/AccordionItem/AccordionItem.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import { AccordionItemProps } from './AccordionItem.types';
-/**
- * Define a styled AccordionItem, using the `useAccordionItem` and `useAccordionItemStyles` hooks.
- * {@docCategoryAccordionItem} */
-export declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<HTMLElement>>;

package/lib-amd/components/AccordionItem/AccordionItem.js

@@ -1,13 +0,0 @@
-define(["require", "exports", "react", "./useAccordionItem", "./renderAccordionItem"], function (require, exports, React, useAccordionItem_1, renderAccordionItem_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    /**
-     * Define a styled AccordionItem, using the `useAccordionItem` and `useAccordionItemStyles` hooks.
-     * {@docCategoryAccordionItem} */
-    exports.AccordionItem = React.forwardRef(function (props, ref) {
-        var state = useAccordionItem_1.useAccordionItem(props, ref);
-        return renderAccordionItem_1.renderAccordionItem(state);
-    });
-    exports.AccordionItem.displayName = 'AccordionItem';
-});
-//# sourceMappingURL=AccordionItem.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionItem.js","sourceRoot":"../src/","sources":["components/AccordionItem/AccordionItem.tsx"],"names":[],"mappings":";;;IAKA;;qCAEiC;IACpB,QAAA,aAAa,GAAG,KAAK,CAAC,UAAU,CAAkC,UAAC,KAAK,EAAE,GAAG;QACxF,IAAM,KAAK,GAAG,mCAAgB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAE3C,OAAO,yCAAmB,CAAC,KAAK,CAAC,CAAC;IACpC,CAAC,CAAC,CAAC;IAEH,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC","sourcesContent":["import * as React from 'react';\nimport { useAccordionItem } from './useAccordionItem';\nimport { AccordionItemProps } from './AccordionItem.types';\nimport { renderAccordionItem } from './renderAccordionItem';\n\n/**\n * Define a styled AccordionItem, using the `useAccordionItem` and `useAccordionItemStyles` hooks.\n * {@docCategoryAccordionItem} */\nexport const AccordionItem = React.forwardRef<HTMLElement, AccordionItemProps>((props, ref) => {\n  const state = useAccordionItem(props, ref);\n\n  return renderAccordionItem(state);\n});\n\nAccordionItem.displayName = 'AccordionItem';\n"]}

package/lib-amd/components/AccordionItem/AccordionItem.types.d.ts

@@ -1,35 +0,0 @@
-import * as React from 'react';
-import { ComponentProps, Descendant } from '@fluentui/react-utilities';
-export interface AccordionItemContext {
-    open: boolean;
-    disabled: boolean;
-    onHeaderClick(ev: React.MouseEvent<HTMLElement>): void;
-}
-/**
- * {@docCategoryAccordionItem} */
-export interface AccordionItemProps extends ComponentProps, React.HTMLAttributes<HTMLElement> {
-    /**
-     * Disables opening/closing of panel
-     */
-    disabled?: boolean;
-}
-/**
- * {@docCategoryAccordionItem} */
-export interface AccordionItemState extends AccordionItemProps {
-    /**
-     * Ref to the root slot
-     */
-    ref: React.MutableRefObject<HTMLElement>;
-    context: AccordionItemContext;
-    /**
-     * Internal Context used by AccordionHeader and AccordionPanel communication
-     */
-    descendants: AccordionItemDescendant[];
-    /**
-     * Internal Context used by Accordion and AccordionItem communication
-     */
-    setDescendants: React.Dispatch<React.SetStateAction<AccordionItemDescendant[]>>;
-}
-export interface AccordionItemDescendant<ElementType = HTMLElement> extends Descendant<ElementType> {
-    id: string;
-}

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

@@ -1,5 +0,0 @@
-define(["require", "exports"], function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});
-//# sourceMappingURL=AccordionItem.types.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionItem.types.js","sourceRoot":"../src/","sources":["components/AccordionItem/AccordionItem.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport { ComponentProps, Descendant } from '@fluentui/react-utilities';\n\nexport interface AccordionItemContext {\n  open: boolean;\n  disabled: boolean;\n  onHeaderClick(ev: React.MouseEvent<HTMLElement>): void;\n}\n\n/**\n * {@docCategoryAccordionItem} */\nexport interface AccordionItemProps extends ComponentProps, React.HTMLAttributes<HTMLElement> {\n  /**\n   * Disables opening/closing of panel\n   */\n  disabled?: boolean;\n}\n\n/**\n * {@docCategoryAccordionItem} */\nexport interface AccordionItemState extends AccordionItemProps {\n  /**\n   * Ref to the root slot\n   */\n  ref: React.MutableRefObject<HTMLElement>;\n  context: AccordionItemContext;\n  /**\n   * Internal Context used by AccordionHeader and AccordionPanel communication\n   */\n  descendants: AccordionItemDescendant[];\n  /**\n   * Internal Context used by Accordion and AccordionItem communication\n   */\n  setDescendants: React.Dispatch<React.SetStateAction<AccordionItemDescendant[]>>;\n}\n\nexport interface AccordionItemDescendant<ElementType = HTMLElement> extends Descendant<ElementType> {\n  id: string;\n}\n"]}

package/lib-amd/components/AccordionItem/index.d.ts

@@ -1,5 +0,0 @@
-export * from './AccordionItem';
-export * from './AccordionItem.types';
-export * from './renderAccordionItem';
-export * from './useAccordionItem';
-export * from './useAccordionItemContext';

package/lib-amd/components/AccordionItem/index.js

@@ -1,9 +0,0 @@
-define(["require", "exports", "tslib", "./AccordionItem", "./renderAccordionItem", "./useAccordionItem", "./useAccordionItemContext"], function (require, exports, tslib_1, AccordionItem_1, renderAccordionItem_1, useAccordionItem_1, useAccordionItemContext_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(AccordionItem_1, exports);
-    tslib_1.__exportStar(renderAccordionItem_1, exports);
-    tslib_1.__exportStar(useAccordionItem_1, exports);
-    tslib_1.__exportStar(useAccordionItemContext_1, exports);
-});
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/AccordionItem/index.ts"],"names":[],"mappings":";;;IAAA,+CAAgC;IAEhC,qDAAsC;IACtC,kDAAmC;IACnC,yDAA0C","sourcesContent":["export * from './AccordionItem';\nexport * from './AccordionItem.types';\nexport * from './renderAccordionItem';\nexport * from './useAccordionItem';\nexport * from './useAccordionItemContext';\n"]}

package/lib-amd/components/AccordionItem/renderAccordionItem.d.ts

@@ -1,5 +0,0 @@
-import { AccordionItemState } from './AccordionItem.types';
-/**
- * Function that renders the final JSX of the component
- */
-export declare const renderAccordionItem: (state: AccordionItemState) => JSX.Element;

package/lib-amd/components/AccordionItem/renderAccordionItem.js

@@ -1,14 +0,0 @@
-define(["require", "exports", "tslib", "react", "@fluentui/react-utilities", "./useAccordionItem", "./useAccordionItemContext"], function (require, exports, tslib_1, React, react_utilities_1, useAccordionItem_1, useAccordionItemContext_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    /**
-     * Function that renders the final JSX of the component
-     */
-    exports.renderAccordionItem = function (state) {
-        var _a = react_utilities_1.getSlots(state, useAccordionItem_1.accordionItemShorthandProps), slots = _a.slots, slotProps = _a.slotProps;
-        return (React.createElement(slots.root, tslib_1.__assign({}, slotProps.root),
-            React.createElement(useAccordionItemContext_1.accordionItemContext.Provider, { value: state.context },
-                React.createElement(react_utilities_1.DescendantProvider, { context: useAccordionItem_1.accordionItemDescendantContext, set: state.setDescendants, items: state.descendants }, state.children))));
-    };
-});
-//# sourceMappingURL=renderAccordionItem.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"renderAccordionItem.js","sourceRoot":"../src/","sources":["components/AccordionItem/renderAccordionItem.tsx"],"names":[],"mappings":";;;IAMA;;OAEG;IACU,QAAA,mBAAmB,GAAG,UAAC,KAAyB;QACrD,IAAA,sFAAmE,EAAjE,gBAAK,EAAE,wBAA0D,CAAC;QAC1E,OAAO,CACL,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI;YAC5B,oBAAC,8CAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,CAAC,OAAO;gBACjD,oBAAC,oCAAkB,IACjB,OAAO,EAAE,iDAA8B,EACvC,GAAG,EAAE,KAAK,CAAC,cAAc,EACzB,KAAK,EAAE,KAAK,CAAC,WAAW,IAEvB,KAAK,CAAC,QAAQ,CACI,CACS,CACrB,CACd,CAAC;IACJ,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { getSlots, DescendantProvider } from '@fluentui/react-utilities';\nimport { AccordionItemState } from './AccordionItem.types';\nimport { accordionItemShorthandProps, accordionItemDescendantContext } from './useAccordionItem';\nimport { accordionItemContext } from './useAccordionItemContext';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderAccordionItem = (state: AccordionItemState) => {\n  const { slots, slotProps } = getSlots(state, accordionItemShorthandProps);\n  return (\n    <slots.root {...slotProps.root}>\n      <accordionItemContext.Provider value={state.context}>\n        <DescendantProvider\n          context={accordionItemDescendantContext}\n          set={state.setDescendants}\n          items={state.descendants}\n        >\n          {state.children}\n        </DescendantProvider>\n      </accordionItemContext.Provider>\n    </slots.root>\n  );\n};\n"]}

package/lib-amd/components/AccordionItem/useAccordionItem.d.ts

@@ -1,18 +0,0 @@
-import * as React from 'react';
-import { AccordionItemProps, AccordionItemState, AccordionItemDescendant } from './AccordionItem.types';
-/**
- * Consts listing which props are shorthand props.
- */
-export declare const accordionItemShorthandProps: never[];
-export declare const accordionItemDescendantContext: React.Context<import("@fluentui/react-utilities").DescendantContextValue<AccordionItemDescendant<HTMLElement>>>;
-/**
- * Returns the props and state required to render the component
- * @param props - AccordionItem properties
- * @param ref - reference to root HTMLElement of AccordionItem
- * @param defaultProps - default values for the properties of AccordionItem
- */
-export declare const useAccordionItem: (props: AccordionItemProps, ref: React.Ref<HTMLElement>, defaultProps?: AccordionItemProps | undefined) => AccordionItemState;
-/**
- * Registers an descendant in the accordion descendants context
- */
-export declare function useAccordionItemDescendant(accordionDescendant: Omit<AccordionItemDescendant, 'index'>, index?: number): number;

package/lib-amd/components/AccordionItem/useAccordionItem.js

@@ -1,35 +0,0 @@
-define(["require", "exports", "react", "@fluentui/react-utilities", "./useAccordionItemContext"], function (require, exports, React, react_utilities_1, useAccordionItemContext_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    /**
-     * Consts listing which props are shorthand props.
-     */
-    exports.accordionItemShorthandProps = [];
-    exports.accordionItemDescendantContext = react_utilities_1.createDescendantContext('AccordionItemDescendantContext');
-    // eslint-disable-next-line deprecation/deprecation
-    var mergeProps = react_utilities_1.makeMergePropsCompat({ deepMerge: exports.accordionItemShorthandProps });
-    /**
-     * Returns the props and state required to render the component
-     * @param props - AccordionItem properties
-     * @param ref - reference to root HTMLElement of AccordionItem
-     * @param defaultProps - default values for the properties of AccordionItem
-     */
-    exports.useAccordionItem = function (props, ref, defaultProps) {
-        var state = mergeProps({
-            ref: react_utilities_1.useMergedRefs(ref, React.useRef(null)),
-        }, defaultProps, react_utilities_1.resolveShorthandProps(props, exports.accordionItemShorthandProps));
-        var _a = react_utilities_1.useDescendantsInit(), descendants = _a[0], setDescendants = _a[1];
-        state.descendants = descendants;
-        state.setDescendants = setDescendants;
-        state.context = useAccordionItemContext_1.useCreateAccordionItemContext(state);
-        return state;
-    };
-    /**
-     * Registers an descendant in the accordion descendants context
-     */
-    function useAccordionItemDescendant(accordionDescendant, index) {
-        return react_utilities_1.useDescendant(accordionDescendant, exports.accordionItemDescendantContext, index);
-    }
-    exports.useAccordionItemDescendant = useAccordionItemDescendant;
-});
-//# sourceMappingURL=useAccordionItem.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useAccordionItem.js","sourceRoot":"../src/","sources":["components/AccordionItem/useAccordionItem.ts"],"names":[],"mappings":";;;IAYA;;OAEG;IACU,QAAA,2BAA2B,GAAG,EAAE,CAAC;IAEjC,QAAA,8BAA8B,GAAG,yCAAuB,CACnE,gCAAgC,CACjC,CAAC;IAEF,mDAAmD;IACnD,IAAM,UAAU,GAAG,sCAAoB,CAAqB,EAAE,SAAS,EAAE,mCAA2B,EAAE,CAAC,CAAC;IAExG;;;;;OAKG;IACU,QAAA,gBAAgB,GAAG,UAC9B,KAAyB,EACzB,GAA2B,EAC3B,YAAiC;QAEjC,IAAM,KAAK,GAAG,UAAU,CACtB;YACE,GAAG,EAAE,+BAAa,CAAC,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;SAC5C,EACD,YAAY,EACZ,uCAAqB,CAAC,KAAK,EAAE,mCAA2B,CAAC,CAC1D,CAAC;QACI,IAAA,2CAA6E,EAA5E,mBAAW,EAAE,sBAA+D,CAAC;QACpF,KAAK,CAAC,WAAW,GAAG,WAAW,CAAC;QAChC,KAAK,CAAC,cAAc,GAAG,cAAc,CAAC;QACtC,KAAK,CAAC,OAAO,GAAG,uDAA6B,CAAC,KAAK,CAAC,CAAC;QACrD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF;;OAEG;IACH,SAAgB,0BAA0B,CACxC,mBAA2D,EAC3D,KAAc;QAEd,OAAO,+BAAa,CAA0B,mBAAmB,EAAE,sCAA8B,EAAE,KAAK,CAAC,CAAC;IAC5G,CAAC;IALD,gEAKC","sourcesContent":["import * as React from 'react';\nimport {\n  makeMergePropsCompat,\n  resolveShorthandProps,\n  useMergedRefs,\n  createDescendantContext,\n  useDescendant,\n  useDescendantsInit,\n} from '@fluentui/react-utilities';\nimport { AccordionItemProps, AccordionItemState, AccordionItemDescendant } from './AccordionItem.types';\nimport { useCreateAccordionItemContext } from './useAccordionItemContext';\n\n/**\n * Consts listing which props are shorthand props.\n */\nexport const accordionItemShorthandProps = [];\n\nexport const accordionItemDescendantContext = createDescendantContext<AccordionItemDescendant>(\n  'AccordionItemDescendantContext',\n);\n\n// eslint-disable-next-line deprecation/deprecation\nconst mergeProps = makeMergePropsCompat<AccordionItemState>({ deepMerge: accordionItemShorthandProps });\n\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionItem properties\n * @param ref - reference to root HTMLElement of AccordionItem\n * @param defaultProps - default values for the properties of AccordionItem\n */\nexport const useAccordionItem = (\n  props: AccordionItemProps,\n  ref: React.Ref<HTMLElement>,\n  defaultProps?: AccordionItemProps,\n): AccordionItemState => {\n  const state = mergeProps(\n    {\n      ref: useMergedRefs(ref, React.useRef(null)),\n    },\n    defaultProps,\n    resolveShorthandProps(props, accordionItemShorthandProps),\n  );\n  const [descendants, setDescendants] = useDescendantsInit<AccordionItemDescendant>();\n  state.descendants = descendants;\n  state.setDescendants = setDescendants;\n  state.context = useCreateAccordionItemContext(state);\n  return state;\n};\n\n/**\n * Registers an descendant in the accordion descendants context\n */\nexport function useAccordionItemDescendant(\n  accordionDescendant: Omit<AccordionItemDescendant, 'index'>,\n  index?: number,\n) {\n  return useDescendant<AccordionItemDescendant>(accordionDescendant, accordionItemDescendantContext, index);\n}\n"]}

package/lib-amd/components/AccordionItem/useAccordionItemContext.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import { AccordionItemContext, AccordionItemState } from './AccordionItem.types';
-export declare const accordionItemContext: React.Context<AccordionItemContext>;
-export declare const useAccordionItemContext: () => AccordionItemContext;
-/**
- * Creates internal context to be consumed by AccordionHeader and AccordionPanel
- */
-export declare function useCreateAccordionItemContext(state: AccordionItemState): AccordionItemContext;

package/lib-amd/components/AccordionItem/useAccordionItemContext.js

@@ -1,39 +0,0 @@
-define(["require", "exports", "react", "../Accordion/useAccordionContext", "@fluentui/react-context-selector"], function (require, exports, React, useAccordionContext_1, react_context_selector_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    // No default value.
-    exports.accordionItemContext = React.createContext({
-        onHeaderClick: function () {
-            /** */
-        },
-        open: false,
-        disabled: false,
-    });
-    exports.useAccordionItemContext = function () { return React.useContext(exports.accordionItemContext); };
-    /**
-     * Creates internal context to be consumed by AccordionHeader and AccordionPanel
-     */
-    function useCreateAccordionItemContext(state) {
-        var _a;
-        var disabled = (_a = state.disabled, (_a !== null && _a !== void 0 ? _a : false));
-        // index -1 means context not provided
-        var index = useAccordionContext_1.useAccordionDescendant({
-            element: state.ref.current,
-            disabled: disabled,
-        });
-        var requestToggle = react_context_selector_1.useContextSelector(useAccordionContext_1.accordionContext, function (ctx) { return ctx.requestToggle; });
-        var open = react_context_selector_1.useContextSelector(useAccordionContext_1.accordionContext, function (ctx) { return ctx.openItems.includes(index); });
-        var onAccordionHeaderClick = React.useCallback(function (ev) { return requestToggle(ev, index); }, [
-            requestToggle,
-            index,
-        ]);
-        var context = React.useMemo(function () { return ({
-            open: open,
-            onHeaderClick: onAccordionHeaderClick,
-            disabled: disabled,
-        }); }, [onAccordionHeaderClick, open, disabled]);
-        return context;
-    }
-    exports.useCreateAccordionItemContext = useCreateAccordionItemContext;
-});
-//# sourceMappingURL=useAccordionItemContext.js.map

package/lib-amd/components/AccordionItem/useAccordionItemContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAccordionItemContext.js","sourceRoot":"../src/","sources":["components/AccordionItem/useAccordionItemContext.ts"],"names":[],"mappings":";;;IAKA,oBAAoB;IACP,QAAA,oBAAoB,GAAG,KAAK,CAAC,aAAa,CAAuB;QAC5E,aAAa;YACX,MAAM;QACR,CAAC;QACD,IAAI,EAAE,KAAK;QACX,QAAQ,EAAE,KAAK;KAChB,CAAC,CAAC;IAEU,QAAA,uBAAuB,GAAG,cAAM,OAAA,KAAK,CAAC,UAAU,CAAC,4BAAoB,CAAC,EAAtC,CAAsC,CAAC;IAEpF;;OAEG;IACH,SAAgB,6BAA6B,CAAC,KAAyB;;QACrE,IAAM,QAAQ,SAAG,KAAK,CAAC,QAAQ,uCAAI,KAAK,EAAA,CAAC;QACzC,sCAAsC;QACtC,IAAM,KAAK,GAAG,4CAAsB,CAAC;YACnC,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO;YAC1B,QAAQ,UAAA;SACT,CAAC,CAAC;QACH,IAAM,aAAa,GAAG,2CAAkB,CAAC,sCAAgB,EAAE,UAAA,GAAG,IAAI,OAAA,GAAG,CAAC,aAAa,EAAjB,CAAiB,CAAC,CAAC;QACrF,IAAM,IAAI,GAAG,2CAAkB,CAAC,sCAAgB,EAAE,UAAA,GAAG,IAAI,OAAA,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA7B,CAA6B,CAAC,CAAC;QACxF,IAAM,sBAAsB,GAAG,KAAK,CAAC,WAAW,CAAC,UAAC,EAAiC,IAAK,OAAA,aAAa,CAAC,EAAE,EAAE,KAAK,CAAC,EAAxB,CAAwB,EAAE;YAChH,aAAa;YACb,KAAK;SACN,CAAC,CAAC;QACH,IAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAC3B,cAAM,OAAA,CAAC;YACL,IAAI,MAAA;YACJ,aAAa,EAAE,sBAAsB;YACrC,QAAQ,UAAA;SACT,CAAC,EAJI,CAIJ,EACF,CAAC,sBAAsB,EAAE,IAAI,EAAE,QAAQ,CAAC,CACzC,CAAC;QACF,OAAO,OAAO,CAAC;IACjB,CAAC;IAtBD,sEAsBC","sourcesContent":["import * as React from 'react';\nimport { useAccordionDescendant, accordionContext } from '../Accordion/useAccordionContext';\nimport { AccordionItemContext, AccordionItemState } from './AccordionItem.types';\nimport { useContextSelector } from '@fluentui/react-context-selector';\n\n// No default value.\nexport const accordionItemContext = React.createContext<AccordionItemContext>({\n  onHeaderClick() {\n    /** */\n  },\n  open: false,\n  disabled: false,\n});\n\nexport const useAccordionItemContext = () => React.useContext(accordionItemContext);\n\n/**\n * Creates internal context to be consumed by AccordionHeader and AccordionPanel\n */\nexport function useCreateAccordionItemContext(state: AccordionItemState) {\n  const disabled = state.disabled ?? false;\n  // index -1 means context not provided\n  const index = useAccordionDescendant({\n    element: state.ref.current,\n    disabled,\n  });\n  const requestToggle = useContextSelector(accordionContext, ctx => ctx.requestToggle);\n  const open = useContextSelector(accordionContext, ctx => ctx.openItems.includes(index));\n  const onAccordionHeaderClick = React.useCallback((ev: React.MouseEvent<HTMLElement>) => requestToggle(ev, index), [\n    requestToggle,\n    index,\n  ]);\n  const context = React.useMemo<AccordionItemContext>(\n    () => ({\n      open,\n      onHeaderClick: onAccordionHeaderClick,\n      disabled,\n    }),\n    [onAccordionHeaderClick, open, disabled],\n  );\n  return context;\n}\n"]}

package/lib-amd/components/AccordionPanel/AccordionPanel.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-import { AccordionPanelProps } from './AccordionPanel.types';
-/**
- * Define a styled AccordionPanel, using the `useAccordionPanel` and `useAccordionPanelStyles` hooks.
- * {@docCategoryAccordionPanel} */
-export declare const AccordionPanel: React.ForwardRefExoticComponent<AccordionPanelProps & React.RefAttributes<HTMLElement>>;

package/lib-amd/components/AccordionPanel/AccordionPanel.js

@@ -1,14 +0,0 @@
-define(["require", "exports", "react", "./useAccordionPanel", "./renderAccordionPanel", "./useAccordionPanelStyles"], function (require, exports, React, useAccordionPanel_1, renderAccordionPanel_1, useAccordionPanelStyles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    /**
-     * Define a styled AccordionPanel, using the `useAccordionPanel` and `useAccordionPanelStyles` hooks.
-     * {@docCategoryAccordionPanel} */
-    exports.AccordionPanel = React.forwardRef(function (props, ref) {
-        var state = useAccordionPanel_1.useAccordionPanel(props, ref);
-        useAccordionPanelStyles_1.useAccordionPanelStyles(state);
-        return renderAccordionPanel_1.renderAccordionPanel(state);
-    });
-    exports.AccordionPanel.displayName = 'AccordionPanel';
-});
-//# sourceMappingURL=AccordionPanel.js.map

package/lib-amd/components/AccordionPanel/AccordionPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionPanel.js","sourceRoot":"../src/","sources":["components/AccordionPanel/AccordionPanel.tsx"],"names":[],"mappings":";;;IAMA;;sCAEkC;IACrB,QAAA,cAAc,GAAG,KAAK,CAAC,UAAU,CAAmC,UAAC,KAAK,EAAE,GAAG;QAC1F,IAAM,KAAK,GAAG,qCAAiB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAE5C,iDAAuB,CAAC,KAAK,CAAC,CAAC;QAC/B,OAAO,2CAAoB,CAAC,KAAK,CAAC,CAAC;IACrC,CAAC,CAAC,CAAC;IAEH,sBAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC","sourcesContent":["import * as React from 'react';\nimport { useAccordionPanel } from './useAccordionPanel';\nimport { AccordionPanelProps } from './AccordionPanel.types';\nimport { renderAccordionPanel } from './renderAccordionPanel';\nimport { useAccordionPanelStyles } from './useAccordionPanelStyles';\n\n/**\n * Define a styled AccordionPanel, using the `useAccordionPanel` and `useAccordionPanelStyles` hooks.\n * {@docCategoryAccordionPanel} */\nexport const AccordionPanel = React.forwardRef<HTMLElement, AccordionPanelProps>((props, ref) => {\n  const state = useAccordionPanel(props, ref);\n\n  useAccordionPanelStyles(state);\n  return renderAccordionPanel(state);\n});\n\nAccordionPanel.displayName = 'AccordionPanel';\n"]}

package/lib-amd/components/AccordionPanel/AccordionPanel.types.d.ts

@@ -1,18 +0,0 @@
-import * as React from 'react';
-import { ComponentProps } from '@fluentui/react-utilities';
-/**
- * {@docCategoryAccordionPanel} */
-export interface AccordionPanelProps extends ComponentProps, React.HTMLAttributes<HTMLElement> {
-}
-/**
- * {@docCategoryAccordionPanel} */
-export interface AccordionPanelState extends AccordionPanelProps {
-    /**
-     * Ref to the root slot
-     */
-    ref: React.MutableRefObject<HTMLElement>;
-    /**
-     * Internal open state, provided by context
-     */
-    open: boolean;
-}

package/lib-amd/components/AccordionPanel/AccordionPanel.types.js

@@ -1,5 +0,0 @@
-define(["require", "exports"], function (require, exports) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-});
-//# sourceMappingURL=AccordionPanel.types.js.map

package/lib-amd/components/AccordionPanel/AccordionPanel.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AccordionPanel.types.js","sourceRoot":"../src/","sources":["components/AccordionPanel/AccordionPanel.types.ts"],"names":[],"mappings":"","sourcesContent":["import * as React from 'react';\nimport { ComponentProps } from '@fluentui/react-utilities';\n\n/**\n * {@docCategoryAccordionPanel} */\nexport interface AccordionPanelProps extends ComponentProps, React.HTMLAttributes<HTMLElement> {}\n\n/**\n * {@docCategoryAccordionPanel} */\nexport interface AccordionPanelState extends AccordionPanelProps {\n  /**\n   * Ref to the root slot\n   */\n  ref: React.MutableRefObject<HTMLElement>;\n  /**\n   * Internal open state, provided by context\n   */\n  open: boolean;\n}\n"]}

package/lib-amd/components/AccordionPanel/index.d.ts

@@ -1,5 +0,0 @@
-export * from './AccordionPanel';
-export * from './AccordionPanel.types';
-export * from './renderAccordionPanel';
-export * from './useAccordionPanel';
-export * from './useAccordionPanelStyles';

package/lib-amd/components/AccordionPanel/index.js

@@ -1,9 +0,0 @@
-define(["require", "exports", "tslib", "./AccordionPanel", "./renderAccordionPanel", "./useAccordionPanel", "./useAccordionPanelStyles"], function (require, exports, tslib_1, AccordionPanel_1, renderAccordionPanel_1, useAccordionPanel_1, useAccordionPanelStyles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(AccordionPanel_1, exports);
-    tslib_1.__exportStar(renderAccordionPanel_1, exports);
-    tslib_1.__exportStar(useAccordionPanel_1, exports);
-    tslib_1.__exportStar(useAccordionPanelStyles_1, exports);
-});
-//# sourceMappingURL=index.js.map

package/lib-amd/components/AccordionPanel/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["components/AccordionPanel/index.ts"],"names":[],"mappings":";;;IAAA,gDAAiC;IAEjC,sDAAuC;IACvC,mDAAoC;IACpC,yDAA0C","sourcesContent":["export * from './AccordionPanel';\nexport * from './AccordionPanel.types';\nexport * from './renderAccordionPanel';\nexport * from './useAccordionPanel';\nexport * from './useAccordionPanelStyles';\n"]}

package/lib-amd/components/AccordionPanel/renderAccordionPanel.d.ts

@@ -1,5 +0,0 @@
-import { AccordionPanelState } from './AccordionPanel.types';
-/**
- * Function that renders the final JSX of the component
- */
-export declare const renderAccordionPanel: (state: AccordionPanelState) => JSX.Element | null;

package/lib-amd/components/AccordionPanel/renderAccordionPanel.js

@@ -1,12 +0,0 @@
-define(["require", "exports", "tslib", "react", "@fluentui/react-utilities", "./useAccordionPanel"], function (require, exports, tslib_1, React, react_utilities_1, useAccordionPanel_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    /**
-     * Function that renders the final JSX of the component
-     */
-    exports.renderAccordionPanel = function (state) {
-        var _a = react_utilities_1.getSlots(state, useAccordionPanel_1.accordionPanelShorthandProps), slots = _a.slots, slotProps = _a.slotProps;
-        return state.open ? React.createElement(slots.root, tslib_1.__assign({}, slotProps.root), state.children) : null;
-    };
-});
-//# sourceMappingURL=renderAccordionPanel.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"renderAccordionPanel.js","sourceRoot":"../src/","sources":["components/AccordionPanel/renderAccordionPanel.tsx"],"names":[],"mappings":";;;IAKA;;OAEG;IACU,QAAA,oBAAoB,GAAG,UAAC,KAA0B;QACvD,IAAA,wFAAoE,EAAlE,gBAAK,EAAE,wBAA2D,CAAC;QAC3E,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAC,KAAK,CAAC,IAAI,uBAAK,SAAS,CAAC,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAc,CAAC,CAAC,CAAC,IAAI,CAAC;IAC3F,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport { getSlots } from '@fluentui/react-utilities';\nimport { AccordionPanelState } from './AccordionPanel.types';\nimport { accordionPanelShorthandProps } from './useAccordionPanel';\n\n/**\n * Function that renders the final JSX of the component\n */\nexport const renderAccordionPanel = (state: AccordionPanelState) => {\n  const { slots, slotProps } = getSlots(state, accordionPanelShorthandProps);\n  return state.open ? <slots.root {...slotProps.root}>{state.children}</slots.root> : null;\n};\n"]}

package/lib-amd/components/AccordionPanel/useAccordionPanel.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import { AccordionPanelProps, AccordionPanelState } from './AccordionPanel.types';
-/**
- * Consts listing which props are shorthand props.
- */
-export declare const accordionPanelShorthandProps: never[];
-/**
- * Returns the props and state required to render the component
- * @param props - AccordionPanel properties
- * @param ref - reference to root HTMLElement of AccordionPanel
- * @param defaultProps - default values for the properties of AccordionPanel
- */
-export declare const useAccordionPanel: (props: AccordionPanelProps, ref: React.Ref<HTMLElement>, defaultProps?: AccordionPanelProps | undefined) => AccordionPanelState;

package/lib-amd/components/AccordionPanel/useAccordionPanel.js

@@ -1,35 +0,0 @@
-define(["require", "exports", "react", "@fluentui/react-utilities", "../AccordionItem/index"], function (require, exports, React, react_utilities_1, index_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    /**
-     * Consts listing which props are shorthand props.
-     */
-    exports.accordionPanelShorthandProps = [];
-    // eslint-disable-next-line deprecation/deprecation
-    var mergeProps = react_utilities_1.makeMergePropsCompat({ deepMerge: exports.accordionPanelShorthandProps });
-    /**
-     * Returns the props and state required to render the component
-     * @param props - AccordionPanel properties
-     * @param ref - reference to root HTMLElement of AccordionPanel
-     * @param defaultProps - default values for the properties of AccordionPanel
-     */
-    exports.useAccordionPanel = function (props, ref, defaultProps) {
-        var _a;
-        var open = index_1.useAccordionItemContext().open;
-        var id = react_utilities_1.useId('accordion-panel-', props.id);
-        var header = react_utilities_1.useDescendants(index_1.accordionItemDescendantContext)[0];
-        var state = mergeProps({
-            ref: react_utilities_1.useMergedRefs(ref, React.useRef(null)),
-            id: id,
-            open: open,
-            role: 'region',
-            'aria-labelledby': (_a = header) === null || _a === void 0 ? void 0 : _a.id,
-        }, defaultProps, react_utilities_1.resolveShorthandProps(props, exports.accordionPanelShorthandProps));
-        index_1.useAccordionItemDescendant({
-            element: state.ref.current,
-            id: id,
-        }, 1);
-        return state;
-    };
-});
-//# sourceMappingURL=useAccordionPanel.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useAccordionPanel.js","sourceRoot":"../src/","sources":["components/AccordionPanel/useAccordionPanel.ts"],"names":[],"mappings":";;;IAgBA;;OAEG;IACU,QAAA,4BAA4B,GAAG,EAAE,CAAC;IAE/C,mDAAmD;IACnD,IAAM,UAAU,GAAG,sCAAoB,CAAsB,EAAE,SAAS,EAAE,oCAA4B,EAAE,CAAC,CAAC;IAE1G;;;;;OAKG;IACU,QAAA,iBAAiB,GAAG,UAC/B,KAA0B,EAC1B,GAA2B,EAC3B,YAAkC;;QAE1B,IAAA,6CAAI,CAA+B;QAC3C,IAAM,EAAE,GAAG,uBAAK,CAAC,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC;QAC/C,IAAM,MAAM,GAAG,gCAAc,CAAC,sCAA8B,CAAC,CAAC,CAAC,CAAwC,CAAC;QACxG,IAAM,KAAK,GAAG,UAAU,CACtB;YACE,GAAG,EAAE,+BAAa,CAAC,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;YAC3C,EAAE,IAAA;YACF,IAAI,MAAA;YACJ,IAAI,EAAE,QAAQ;YACd,iBAAiB,QAAE,MAAM,0CAAE,EAAE;SAC9B,EACD,YAAY,EACZ,uCAAqB,CAAC,KAAK,EAAE,oCAA4B,CAAC,CAC3D,CAAC;QACF,kCAA0B,CACxB;YACE,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO;YAC1B,EAAE,IAAA;SACH,EACD,CAAC,CACF,CAAC;QACF,OAAO,KAAK,CAAC;IACf,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport {\n  makeMergePropsCompat,\n  resolveShorthandProps,\n  useMergedRefs,\n  useId,\n  useDescendants,\n} from '@fluentui/react-utilities';\nimport { AccordionPanelProps, AccordionPanelState } from './AccordionPanel.types';\nimport {\n  useAccordionItemContext,\n  AccordionItemDescendant,\n  useAccordionItemDescendant,\n  accordionItemDescendantContext,\n} from '../AccordionItem/index';\n\n/**\n * Consts listing which props are shorthand props.\n */\nexport const accordionPanelShorthandProps = [];\n\n// eslint-disable-next-line deprecation/deprecation\nconst mergeProps = makeMergePropsCompat<AccordionPanelState>({ deepMerge: accordionPanelShorthandProps });\n\n/**\n * Returns the props and state required to render the component\n * @param props - AccordionPanel properties\n * @param ref - reference to root HTMLElement of AccordionPanel\n * @param defaultProps - default values for the properties of AccordionPanel\n */\nexport const useAccordionPanel = (\n  props: AccordionPanelProps,\n  ref: React.Ref<HTMLElement>,\n  defaultProps?: AccordionPanelProps,\n): AccordionPanelState => {\n  const { open } = useAccordionItemContext();\n  const id = useId('accordion-panel-', props.id);\n  const header = useDescendants(accordionItemDescendantContext)[0] as AccordionItemDescendant | undefined;\n  const state = mergeProps(\n    {\n      ref: useMergedRefs(ref, React.useRef(null)),\n      id,\n      open,\n      role: 'region',\n      'aria-labelledby': header?.id,\n    },\n    defaultProps,\n    resolveShorthandProps(props, accordionPanelShorthandProps),\n  );\n  useAccordionItemDescendant(\n    {\n      element: state.ref.current,\n      id,\n    },\n    1,\n  );\n  return state;\n};\n"]}

package/lib-amd/components/AccordionPanel/useAccordionPanelStyles.d.ts

@@ -1,3 +0,0 @@
-import { AccordionPanelState } from './AccordionPanel.types';
-/** Applies style classnames to slots */
-export declare const useAccordionPanelStyles: (state: AccordionPanelState) => AccordionPanelState;

package/lib-amd/components/AccordionPanel/useAccordionPanelStyles.js

@@ -1,20 +0,0 @@
-define(["require", "exports", "@fluentui/react-make-styles"], function (require, exports, react_make_styles_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    /**
-     * Styles for the root slot
-     */
-    var useStyles = react_make_styles_1.makeStyles({
-        root: {
-            marginRight: '12px',
-            marginLeft: '12px',
-        },
-    });
-    /** Applies style classnames to slots */
-    exports.useAccordionPanelStyles = function (state) {
-        var styles = useStyles();
-        state.className = react_make_styles_1.ax(styles.root, state.className);
-        return state;
-    };
-});
-//# sourceMappingURL=useAccordionPanelStyles.js.map

package/lib-amd/components/AccordionPanel/useAccordionPanelStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAccordionPanelStyles.js","sourceRoot":"../src/","sources":["components/AccordionPanel/useAccordionPanelStyles.ts"],"names":[],"mappings":";;;IAGA;;OAEG;IACH,IAAM,SAAS,GAAG,8BAAU,CAAC;QAC3B,IAAI,EAAE;YACJ,WAAW,EAAE,MAAM;YACnB,UAAU,EAAE,MAAM;SACnB;KACF,CAAC,CAAC;IAEH,wCAAwC;IAC3B,QAAA,uBAAuB,GAAG,UAAC,KAA0B;QAChE,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;QAC3B,KAAK,CAAC,SAAS,GAAG,sBAAE,CAAC,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;QAEnD,OAAO,KAAK,CAAC;IACf,CAAC,CAAC","sourcesContent":["import { makeStyles, ax } from '@fluentui/react-make-styles';\nimport { AccordionPanelState } from './AccordionPanel.types';\n\n/**\n * Styles for the root slot\n */\nconst useStyles = makeStyles({\n  root: {\n    marginRight: '12px',\n    marginLeft: '12px',\n  },\n});\n\n/** Applies style classnames to slots */\nexport const useAccordionPanelStyles = (state: AccordionPanelState) => {\n  const styles = useStyles();\n  state.className = ax(styles.root, state.className);\n\n  return state;\n};\n"]}

package/lib-amd/index.d.ts

@@ -1,4 +0,0 @@
-export * from './Accordion';
-export * from './AccordionItem';
-export * from './AccordionHeader';
-export * from './AccordionPanel';

package/lib-amd/index.js

@@ -1,9 +0,0 @@
-define(["require", "exports", "tslib", "./Accordion", "./AccordionItem", "./AccordionHeader", "./AccordionPanel"], function (require, exports, tslib_1, Accordion_1, AccordionItem_1, AccordionHeader_1, AccordionPanel_1) {
-    "use strict";
-    Object.defineProperty(exports, "__esModule", { value: true });
-    tslib_1.__exportStar(Accordion_1, exports);
-    tslib_1.__exportStar(AccordionItem_1, exports);
-    tslib_1.__exportStar(AccordionHeader_1, exports);
-    tslib_1.__exportStar(AccordionPanel_1, exports);
-});
-//# sourceMappingURL=index.js.map

package/lib-amd/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"../src/","sources":["index.ts"],"names":[],"mappings":";;;IAAA,2CAA4B;IAC5B,+CAAgC;IAChC,iDAAkC;IAClC,gDAAiC","sourcesContent":["export * from './Accordion';\nexport * from './AccordionItem';\nexport * from './AccordionHeader';\nexport * from './AccordionPanel';\n"]}

package/lib-commonjs/components/Accordion/useAccordionContext.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { AccordionContext, AccordionDescendant, AccordionState } from './Accordion.types';
-export declare const accordionDescendantContext: React.Context<import("@fluentui/react-utilities").DescendantContextValue<AccordionDescendant<HTMLElement>>>;
-export declare const accordionContext: import("@fluentui/react-context-selector").Context<AccordionContext>;
-/**
- * Creates the context to be provided for AccordionItem components
- */
-export declare function useCreateAccordionContext(state: AccordionState): readonly [AccordionContext, AccordionDescendant<HTMLElement>[], React.Dispatch<React.SetStateAction<AccordionDescendant<HTMLElement>[]>>];
-/**
- * Registers an descendant in the accordion descendants context
- */
-export declare function useAccordionDescendant(accordionDescendant: Omit<AccordionDescendant, 'index'>): number;