@danske/sapphire-react-lab 0.103.0 → 0.105.1

package/build/index.d.ts

@@ -1,24 +1,18 @@
 import * as React from 'react';
-import React__default, { ReactNode, ReactElement, RefObject, Key } from 'react';
+import React__default, { ReactNode, Key, ReactElement, RefObject } from 'react';
 import * as _react_types_shared from '@react-types/shared';
-import { CollectionBase, DOMProps, Expandable, ItemProps, AriaLabelingProps, FocusableRefValue, PressEvents } from '@react-types/shared';
+import { DOMProps, AriaLabelingProps, FocusableRefValue, PressEvents, CollectionBase, ItemProps } from '@react-types/shared';
 import * as _danske_sapphire_react from '@danske/sapphire-react';
-import { GlobalDomAttributes, SapphireStyleProps, TypographyHeadingProps, ListBoxProps, ButtonProps, PopoverTriggerProps, SearchFieldPropsWithRef, FieldProps } from '@danske/sapphire-react';
+import { GlobalDomAttributes, SapphireStyleProps, TypographyHeadingProps, TypographyBodyProps, ListBoxProps, ButtonProps, PopoverTriggerProps, SearchFieldPropsWithRef, IconButtonProps, ThemeVariant, FieldProps } from '@danske/sapphire-react';
+import { DisclosureGroupProps, DisclosureProps, DisclosurePanelProps, BreadcrumbsProps as BreadcrumbsProps$1, BreadcrumbProps, SliderProps as SliderProps$1, SliderThumbProps, TimeValue } from 'react-aria-components';
 import { ComboBoxProps } from '@react-types/combobox';
-import { BreadcrumbsProps as BreadcrumbsProps$1, BreadcrumbProps, SliderProps as SliderProps$1, SliderThumbProps, TimeValue } from 'react-aria-components';
-import { HoverProps } from '@react-aria/interactions';
+import { HoverProps, FocusWithinProps } from '@react-aria/interactions';
 import { DropOptions } from '@react-aria/dnd';
 import { AriaNumberFieldProps } from '@react-aria/numberfield';
 import { AriaTimeFieldProps } from '@react-aria/datepicker';
 export { useLocale } from '@react-aria/i18n';
 
-declare type TreeExpansionMode = 'single' | 'multiple';
-
-interface AccordionProps<T> extends GlobalDomAttributes, SapphireStyleProps, CollectionBase<T>, DOMProps, Expandable {
-    /** Allow one or many expanded items
-     * @default 'multiple'
-     */
-    expansionMode?: TreeExpansionMode;
+interface AccordionProps extends GlobalDomAttributes, SapphireStyleProps, DOMProps, Pick<DisclosureGroupProps, 'allowsMultipleExpanded' | 'expandedKeys' | 'defaultExpandedKeys' | 'onExpandedChange' | 'children' | 'isDisabled'> {
     /** Set aria-level attribute for item's header. Accessibility requirement.
      * Defines the hierarchical level of an element within a page structure.
      * @default 5
@@ -51,22 +45,25 @@ interface AccordionProps<T> extends GlobalDomAttributes, SapphireStyleProps, Col
 
 interface AccordionHeadingProps extends DOMProps {
     children?: ReactNode;
+    headerLevel?: TypographyHeadingProps['level'];
 }
 
-interface AccordionItemProps<T> extends Omit<ItemProps<T>, 'title'> {
-    heading: ReactNode;
+interface AccordionItemProps extends DOMProps, Pick<DisclosureProps, 'children' | 'isDisabled'> {
 }
 
 interface AccordionContextProps {
     sidePadding?: number | string;
+    headerLevel?: TypographyHeadingProps['level'];
 }
 declare const AccordionContext: React__default.Context<AccordionContextProps>;
 
-declare const _Accordion: (<T extends object>(props: AccordionProps<T> & {
-    ref?: React.Ref<HTMLDivElement> | undefined;
-}) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & {
-    Heading: ({ children, ...props }: AccordionHeadingProps) => React.JSX.Element;
-    Item: <T_1>(props: AccordionItemProps<T_1>) => JSX.Element;
+interface AccordionPanelProps extends DOMProps, Pick<DisclosurePanelProps, 'children' | 'role'> {
+}
+
+declare const _Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>> & {
+    Heading: React.ForwardRefExoticComponent<AccordionHeadingProps & React.RefAttributes<HTMLDivElement>>;
+    Item: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<HTMLDivElement>>;
+    Panel: React.ForwardRefExoticComponent<AccordionPanelProps & React.RefAttributes<HTMLDivElement>>;
 };
 
 interface SapphireAlertProps extends GlobalDomAttributes, SapphireStyleProps {
@@ -85,7 +82,50 @@ interface SapphireAlertProps extends GlobalDomAttributes, SapphireStyleProps {
 }
 declare function Alert({ children, title, variant, ...props }: SapphireAlertProps): React__default.JSX.Element;
 
-declare type AutocompleteProps<T extends object> = GlobalDomAttributes & SapphireStyleProps & Pick<ComboBoxProps<T>, 'items' | 'children' | 'inputValue' | 'defaultInputValue' | 'onInputChange' | 'onSelectionChange' | 'isDisabled'> & Pick<ListBoxProps<T>, 'loadingState' | 'loadingSkeletonRowsCount'> & {
+/**
+ * Format options for currency amounts.
+ * The style is always 'currency', so only currency-related options are exposed.
+ */
+declare type CurrencyFormatOptions = Pick<Intl.NumberFormatOptions, 'currency' | 'currencyDisplay' | 'currencySign' | 'signDisplay' | 'minimumFractionDigits' | 'maximumFractionDigits' | 'minimumSignificantDigits' | 'maximumSignificantDigits' | 'useGrouping' | 'notation'>;
+declare type AmountProps = {
+    /**
+     * When displaying amounts, readability and visual hierarchy are key. Use medium weight for primary emphasis to highlight amounts or regular weight for secondary emphasis.
+     *
+     * @default 'regular'
+     */
+    emphasis?: 'primary' | 'regular';
+    /**
+     * The variant of the Amount component. `positive` shows a green color, and should be used for amounts greater than zero.
+     *
+     * @default 'neutal'
+     */
+    variant?: 'neutal' | 'positive';
+    /**
+     * The amount value to be formatted and displayed.
+     *
+     * If displaying the sign is a requirement, ensure the value is a string that starts with '+' or '-'.
+     * Alternatively, you can use the `signDisplay` option in `formatOptions` to control the display of the sign for numeric values.
+     */
+    value: string | number;
+    /** Currency formatting options */
+    formatOptions?: CurrencyFormatOptions;
+} & Pick<TypographyBodyProps, 'size'> & SapphireStyleProps & GlobalDomAttributes;
+declare const Amount: ({ emphasis, variant, formatOptions, value, size, ...props }: AmountProps) => JSX.Element;
+
+declare type AutocompleteProps<T extends object> = GlobalDomAttributes & SapphireStyleProps & Pick<ComboBoxProps<T>, 'items' | 'children' | 'inputValue' | 'defaultInputValue' | 'onInputChange' | 'isDisabled'> & Pick<ListBoxProps<T>, 'loadingState' | 'loadingSkeletonRowsCount'> & {
+    /**
+     * This prop is badly named. It is NOT related to a selection state being
+     * changed since there is no selection state in this component.
+     *
+     * This callback simply notifies you when the user filled in the text field
+     * by selecting an option from the autocomplete dropdown. Similar to an
+     * onClick.
+     *
+     * @deprecated
+     * Use `onSuggestionSelected` instead.
+     */
+    onSelectionChange?: Pick<ComboBoxProps<T>, 'onSelectionChange'>['onSelectionChange'];
+    onSuggestionSelected?: (key: Key) => void;
     /**
      * Render function for the input element.
      * Receives props that should be spread onto the input component.
@@ -125,7 +165,7 @@ declare type BreadcrumbsProps<T extends object> = Pick<BreadcrumbsProps$1<T>, 'a
  * It was necessary to own the implementation to add support for
  * handling the collection directly, as we need it for the overflow calculation logic.
  */
-declare const Breadcrumbs: <T extends object>(props: Pick<BreadcrumbsProps$1<T>, "children" | "aria-label" | "isDisabled"> & {
+declare const Breadcrumbs: <T extends object>(props: Pick<BreadcrumbsProps$1<T>, "children" | "isDisabled" | "aria-label"> & {
     /**
      * The size of the breadcrumbs component.
      *
@@ -150,7 +190,7 @@ declare type BreadcrumbItemProps = {
  */
 declare const BreadcrumbItem: (props: {
     isDisabled?: boolean | undefined;
-} & SapphireStyleProps & Pick<_react_types_shared.GlobalDOMAttributes<Element>, "translate" | "dir" | "lang" | "inert"> & Pick<_react_types_shared.DOMProps, "id"> & Pick<BreadcrumbProps, "children"> & Pick<_danske_sapphire_react.ButtonProps<"a">, "children" | "target" | "aria-label" | "href" | "hrefLang" | "rel" | "icon" | "aria-describedby" | "aria-details" | "aria-labelledby" | "isDisabled" | "UNSAFE_onClick"> & React__default.RefAttributes<HTMLLIElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
+} & SapphireStyleProps & Pick<_react_types_shared.GlobalDOMAttributes<Element>, "translate" | "dir" | "lang" | "inert"> & Pick<_react_types_shared.DOMProps, "id"> & Pick<BreadcrumbProps, "children"> & Pick<_danske_sapphire_react.ButtonProps<"a">, "children" | "isDisabled" | "icon" | "href" | "target" | "rel" | "aria-label" | "aria-labelledby" | "aria-describedby" | "aria-details" | "hrefLang" | "UNSAFE_onClick"> & React__default.RefAttributes<HTMLLIElement>) => React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
 
 interface FileSelectProps {
     /**
@@ -233,6 +273,10 @@ interface FilterDropdownProps extends GlobalDomAttributes, SapphireStyleProps, P
      * Whether the 'Apply' button is disabled.
      */
     isApplyDisabled?: boolean;
+    /**
+     * Whether the 'Clear' button is hidden.
+     */
+    hideClearButton?: boolean;
     /**
      * Whether the 'Clear' button is disabled.
      */
@@ -256,7 +300,7 @@ interface FilterDropdownProps extends GlobalDomAttributes, SapphireStyleProps, P
 /**
  * A button with a dropdown, used for filtering UI.
  */
-declare function FilterDropdown({ children, label, value, isDisabled, isApplyDisabled, isClearDisabled, isOpen: isOpenProp, applyButtonLabel, clearButtonLabel, defaultOpen, hasApplyButton, noMaxWidth, onApply, onClear, onOpenChange, buttonSize, ...props }: FilterDropdownProps): JSX.Element;
+declare function FilterDropdown({ children, label, value, isDisabled, isApplyDisabled, isClearDisabled, isOpen: isOpenProp, applyButtonLabel, clearButtonLabel, hideClearButton, defaultOpen, hasApplyButton, noMaxWidth, onApply, onClear, onOpenChange, buttonSize, ...props }: FilterDropdownProps): JSX.Element;
 
 interface SearchableSelectFilterProps extends GlobalDomAttributes, SapphireStyleProps, Omit<FilterDropdownProps, 'children'> {
     /**
@@ -348,8 +392,20 @@ declare type NumberFieldRef = FocusableRefValue<HTMLInputElement, HTMLDivElement
     getInputElement(): HTMLInputElement | null;
 };
 interface NumberFieldProps extends SapphireNumberFieldProps, PressEvents, SapphireStyleProps, GlobalDomAttributes {
-    prefix?: ReactNode;
-    postfix?: ReactNode;
+    /**
+     * A string or element to show before / after the input value.
+     *
+     * By default (`'auto'`), the component will automatically extract currency/unit symbols
+     * from the locale formatter and display them as prefix/postfix.
+     * If you provide a custom prefix or postfix, those will be used instead and
+     * the extracted symbols will be ignored.
+     *
+     * @default 'auto' - automatically extracts currency/unit symbols from locale formatter
+     */
+    affix?: 'auto' | {
+        prefix?: ReactNode;
+        postfix?: ReactNode;
+    };
     inputRef?: RefObject<HTMLInputElement | null>;
     /**
      * A note to show below the input.
@@ -383,9 +439,164 @@ interface NumberFieldProps extends SapphireNumberFieldProps, PressEvents, Sapphi
      * @default false
      */
     showButtons?: boolean;
+    /**
+     * Enables automatic formatting of the input value as the user types, based on the provided formatter and affix.
+     *
+     * @default false
+     */
+    autoFormat?: boolean;
 }
 declare const NumberField: React__default.ForwardRefExoticComponent<NumberFieldProps & React__default.RefAttributes<NumberFieldRef>>;
 
+declare type SidebarSectionProps = DOMProps & SapphireStyleProps & {
+    /**
+     * Section title
+     * If not provided, please pass the `aria-label`
+     */
+    title?: string;
+    /**
+     * Section aria title
+     */
+    'aria-label'?: string;
+    children?: ReactNode;
+};
+
+interface SidebarListProps extends DOMProps {
+    /**
+     * Wrapping element type.
+     * @default 'ul'
+     */
+    elementType?: 'ul' | 'ol';
+    children?: ReactNode;
+}
+
+interface SidebarBodyProps extends DOMProps {
+    /**
+     * Wrapping element type.
+     * @default 'nav'
+     */
+    elementType?: string;
+    children?: ReactNode;
+}
+
+interface SidebarHeaderProps extends DOMProps {
+    children: ReactNode;
+    /**
+     * Props for the close button
+     * If none provided, close button won't show
+     */
+    closeButtonProps?: Omit<IconButtonProps<'button'>, 'children' | 'aria-label' | 'aria-hidden'>;
+}
+
+declare type SidebarProps = DOMProps & SapphireStyleProps & {
+    /**
+     * Shorthand to wrap the sidebar in a ThemeRoot with a different theme variant
+     */
+    themeVariant?: ThemeVariant;
+    /**
+     * The theme variant for the overflow sidebar
+     */
+    secondarySidebarThemeVariant?: ThemeVariant;
+    /**
+     * Callback for when the sidebar's elements lose focus.
+     * Useful to know when to close the overflow sidebar.
+     */
+    onBlurWithin?: FocusWithinProps['onBlurWithin'];
+    /**
+     * Callback for when one of the sidebar's elements first gains focus.
+     */
+    onFocusWithin?: FocusWithinProps['onFocusWithin'];
+    /**
+     * Callback for when one of the sidebar's elements loses or gains focus
+     */
+    onFocusWithinChange?: FocusWithinProps['onFocusWithinChange'];
+    /**
+     * Whether the overflow sidebar should close when all sidebar's elements
+     * lost focus
+     * @default true
+     */
+    closeOnBlurWithin?: boolean;
+    /**
+     * The header of the sidebar
+     */
+    header: ReactNode;
+    /**
+     * The header of the sidebar for small screens, when the sidebar is
+     * rendered as a panel
+     */
+    panelHeader?: ReactNode;
+    /**
+     * The id of the opened secondary sidebar (controlled)
+     */
+    openedSecondarySidebar?: string | null;
+    /**
+     * The id of the secondary sidebar opened by default (uncontrolled)
+     */
+    defaultOpenedSecondarySidebar?: string | null;
+    /**
+     * Callback for when the secondary sidebar opens or closes
+     */
+    onSecondarySidebarChange?: (id: string | null) => void;
+    children?: ReactNode;
+};
+
+declare type SidebarItemProps = Omit<ButtonProps<'a'>, 'variant' | 'size' | 'elementType'> & {
+    /**
+     * If the link is currently active
+     */
+    isActive?: boolean;
+    children?: ReactNode;
+};
+
+declare type SidebarExpandableItemProps = Omit<ButtonProps<'button'>, 'variant' | 'size' | 'elementType'> & {
+    /**
+     * If the link is currently active
+     */
+    isActive?: boolean;
+    /**
+     * The id of the group.
+     * Used in `onSecondarySidebarChange` or when the sidebar is controlled
+     */
+    id?: string;
+    /**
+     * Heading used for secondary sidebar
+     */
+    header: ReactNode;
+    /**
+     * Subitems (secondary sidebar)
+     */
+    body: ReactNode;
+    children?: ReactNode;
+};
+
+declare const _Sidebar: (({ themeVariant, openedSecondarySidebar, defaultOpenedSecondarySidebar, onSecondarySidebarChange, secondarySidebarThemeVariant, children, ...props }: SidebarProps) => React.JSX.Element) & {
+    ResponsiveProvider: ({ collapsed, isPanelOpen, defaultIsPanelOpen, onPanelOpenChange, children, }: {
+        collapsed?: boolean | "lg" | "sm" | "md" | "xl" | "xs" | undefined;
+        isPanelOpen?: boolean | undefined;
+        defaultIsPanelOpen?: boolean | undefined;
+        onPanelOpenChange?: ((open: boolean) => void) | undefined;
+        children: React.ReactNode;
+    }) => React.JSX.Element;
+    Header: ({ children, closeButtonProps, ...props }: SidebarHeaderProps) => React.JSX.Element;
+    Body: ({ elementType, children, ...props }: SidebarBodyProps) => React.JSX.Element;
+    List: ({ elementType, children, ...props }: SidebarListProps) => React.JSX.Element;
+    Item: React.ForwardRefExoticComponent<Omit<_danske_sapphire_react.ButtonProps<"a">, "size" | "elementType" | "variant"> & {
+        isActive?: boolean | undefined;
+        children?: React.ReactNode;
+    } & React.RefAttributes<_react_types_shared.FocusableRefValue<HTMLAnchorElement, HTMLAnchorElement>>>;
+    ExpandableItem: React.ForwardRefExoticComponent<Omit<_danske_sapphire_react.ButtonProps<"button">, "size" | "elementType" | "variant"> & {
+        isActive?: boolean | undefined;
+        id?: string | undefined;
+        header: React.ReactNode;
+        body: React.ReactNode;
+        children?: React.ReactNode;
+    } & React.RefAttributes<_react_types_shared.FocusableRefValue<HTMLAnchorElement, HTMLAnchorElement>>>;
+    Section: ({ title, "aria-label": label, children, ...props }: SidebarSectionProps) => React.JSX.Element;
+    PanelTrigger: ({ children, }: {
+        children: (triggerProps: any) => JSX.Element;
+    }) => JSX.Element | null;
+};
+
 declare type ProgressIndicatorProps = {
     /**
      * The maximum value for the progress bar. Will be used as:
@@ -534,7 +745,7 @@ declare type TimeFieldProps<T extends TimeValue> = Pick<AriaTimeFieldProps<T>, '
      */
     contextualHelp?: ReactNode;
 };
-declare const TimeField: <T extends TimeValue>(props: Pick<AriaTimeFieldProps<T>, "value" | "label" | "onFocus" | "onBlur" | "onChange" | "isDisabled" | "isReadOnly" | "isRequired" | "defaultValue" | "shouldForceLeadingZeros"> & SapphireStyleProps & Pick<_react_types_shared.GlobalDOMAttributes<Element>, "translate" | "dir" | "lang" | "inert"> & Pick<_react_types_shared.DOMProps, "id"> & {
+declare const TimeField: <T extends TimeValue>(props: Pick<AriaTimeFieldProps<T>, "value" | "isDisabled" | "label" | "onFocus" | "onBlur" | "isReadOnly" | "isRequired" | "defaultValue" | "onChange" | "shouldForceLeadingZeros"> & SapphireStyleProps & Pick<_react_types_shared.GlobalDOMAttributes<Element>, "translate" | "dir" | "lang" | "inert"> & Pick<_react_types_shared.DOMProps, "id"> & {
     /**
      * @default 'lg'
      */
@@ -580,4 +791,4 @@ declare const TimeField: <T extends TimeValue>(props: Pick<AriaTimeFieldProps<T>
     ref?: React__default.RefObject<HTMLDivElement> | undefined;
 }) => React__default.ReactElement;
 
-export { _Accordion as Accordion, AccordionContext, AccordionHeadingProps, AccordionItemProps, AccordionProps, Alert, Autocomplete, AutocompleteProps, BreadcrumbItem, BreadcrumbItemProps, Breadcrumbs, BreadcrumbsProps, FileDropzone, FileDropzoneProps, FileTrigger, FileTriggerProps, FilterDropdown, FilterDropdownProps, Flag, FlagProps, LabeledValue, NumberField, NumberFieldProps, NumberFieldRef, ProgressIndicator, ProgressIndicatorProps, SapphireAlertProps, SearchableSelectFilter, SearchableSelectFilterProps, _Slider as Slider, SliderProps, TagGroup, TagGroupProps, TagItem, TimeField, TimeFieldProps };
+export { _Accordion as Accordion, AccordionContext, AccordionHeadingProps, AccordionItemProps, AccordionPanelProps, AccordionProps, Alert, Amount, AmountProps, Autocomplete, AutocompleteProps, BreadcrumbItem, BreadcrumbItemProps, Breadcrumbs, BreadcrumbsProps, FileDropzone, FileDropzoneProps, FileTrigger, FileTriggerProps, FilterDropdown, FilterDropdownProps, Flag, FlagProps, LabeledValue, NumberField, NumberFieldProps, NumberFieldRef, ProgressIndicator, ProgressIndicatorProps, SapphireAlertProps, SearchableSelectFilter, SearchableSelectFilterProps, _Sidebar as Sidebar, SidebarBodyProps, SidebarExpandableItemProps, SidebarHeaderProps, SidebarItemProps, SidebarListProps, SidebarProps, SidebarSectionProps, _Slider as Slider, SliderProps, TagGroup, TagGroupProps, TagItem, TimeField, TimeFieldProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@danske/sapphire-react-lab",
-  "version": "0.103.0",
+  "version": "0.105.1",
   "license": "SEE LICENSE IN LICENSE",
   "description": "Experimental React components of the Sapphire Design System from Danske Bank A/S",
   "exports": {
@@ -25,53 +25,53 @@
   },
   "peerDependencies": {
     "@danske/sapphire-icons": "^3.1.0",
-    "@danske/sapphire-react": "^5.9.0",
+    "@danske/sapphire-react": "^5.12.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0"
   },
   "devDependencies": {
     "@danske/sapphire-icons": "^3.1.0",
-    "@danske/sapphire-react": "^5.10.2",
+    "@danske/sapphire-react": "^5.13.0",
     "@types/react-transition-group": "^4.4.5",
     "cross-env": "^7.0.3"
   },
   "dependencies": {
-    "@danske/sapphire-css": "^48.0.0",
-    "@internationalized/date": "^3.10.1",
+    "@danske/sapphire-css": "^50.1.0",
+    "@internationalized/date": "^3.11.0",
     "@internationalized/string": "^3.2.7",
-    "@react-aria/accordion": "3.0.0-alpha.37",
-    "@react-aria/breadcrumbs": "^3.5.29",
-    "@react-aria/button": "^3.14.3",
-    "@react-aria/collections": "^3.0.0",
-    "@react-aria/combobox": "^3.14.1",
-    "@react-aria/datepicker": "^3.15.3",
-    "@react-aria/dialog": "^3.5.32",
-    "@react-aria/dnd": "^3.11.4",
-    "@react-aria/focus": "^3.21.3",
-    "@react-aria/i18n": "^3.12.14",
-    "@react-aria/interactions": "^3.26.0",
-    "@react-aria/label": "^3.7.23",
-    "@react-aria/numberfield": "^3.12.3",
-    "@react-aria/overlays": "^3.31.0",
-    "@react-aria/progress": "^3.4.28",
-    "@react-aria/tag": "^3.7.3",
-    "@react-aria/utils": "^3.32.0",
-    "@react-aria/visually-hidden": "^3.8.29",
+    "@react-aria/breadcrumbs": "^3.5.31",
+    "@react-aria/button": "^3.14.4",
+    "@react-aria/collections": "^3.0.2",
+    "@react-aria/combobox": "^3.14.2",
+    "@react-aria/datepicker": "^3.16.0",
+    "@react-aria/dialog": "^3.5.33",
+    "@react-aria/dnd": "^3.11.5",
+    "@react-aria/focus": "^3.21.4",
+    "@react-aria/i18n": "^3.12.15",
+    "@react-aria/interactions": "^3.27.0",
+    "@react-aria/label": "^3.7.24",
+    "@react-aria/listbox": "^3.15.2",
+    "@react-aria/numberfield": "^3.12.4",
+    "@react-aria/overlays": "^3.31.1",
+    "@react-aria/progress": "^3.4.29",
+    "@react-aria/tag": "^3.8.0",
+    "@react-aria/utils": "^3.33.0",
+    "@react-aria/visually-hidden": "^3.8.30",
     "@react-spectrum/utils": "^3.12.5",
-    "@react-stately/collections": "^3.12.8",
-    "@react-stately/combobox": "^3.12.1",
-    "@react-stately/datepicker": "^3.15.3",
-    "@react-stately/list": "^3.13.2",
-    "@react-stately/numberfield": "^3.10.3",
-    "@react-stately/overlays": "^3.6.21",
-    "@react-stately/toggle": "^3.9.3",
-    "@react-stately/tree": "^3.9.4",
+    "@react-stately/collections": "^3.12.9",
+    "@react-stately/combobox": "^3.12.2",
+    "@react-stately/datepicker": "^3.16.0",
+    "@react-stately/list": "^3.13.3",
+    "@react-stately/numberfield": "^3.10.4",
+    "@react-stately/overlays": "^3.6.22",
+    "@react-stately/toggle": "^3.9.4",
+    "@react-stately/tree": "^3.9.5",
     "@react-stately/utils": "^3.11.0",
-    "@react-types/dialog": "^3.5.22",
-    "@react-types/shared": "^3.32.1",
+    "@react-types/dialog": "^3.5.23",
+    "@react-types/shared": "^3.33.0",
     "clsx": "^1.1.1",
-    "react-aria-components": "^1.14.0",
+    "react-aria-components": "^1.15.1",
     "react-transition-group": "^4.4.5"
   },
-  "gitHead": "dd84cee9315206e9b6ef9d5a9606520ce5013031"
+  "gitHead": "6e7cb3028dc134adc624e161700df8cb3bc3bfb7"
 }

package/build/esm/Accordion/src/useTreeState.js

@@ -1,42 +0,0 @@
-import { useTreeState as useTreeState$1 } from '@react-stately/tree';
-
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-function useTreeState(props) {
-  const state = useTreeState$1(props);
-  const onToggle = (key) => {
-    state.setExpandedKeys(toggleKey(state.expandedKeys, key, props.expansionMode));
-  };
-  return __spreadProps(__spreadValues({}, state), { toggleKey: onToggle });
-}
-function toggleKey(set, key, expansionMode = "multiple") {
-  const res = new Set(set);
-  if (res.has(key)) {
-    res.delete(key);
-  } else {
-    if (expansionMode === "single")
-      res.clear();
-    res.add(key);
-  }
-  return res;
-}
-
-export { useTreeState };
-//# sourceMappingURL=useTreeState.js.map

package/build/esm/Accordion/src/useTreeState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTreeState.js","sources":["../../../../src/Accordion/src/useTreeState.ts"],"sourcesContent":["import { Key } from 'react';\nimport {\n  TreeProps as OriginalTreeProps,\n  TreeState,\n  useTreeState as useOriginalTreeState,\n} from '@react-stately/tree';\n\n/**\n * A wrapper for `useTreeState` to add support of single expanded item\n *\n * More details here\n * https://github.com/adobe/react-spectrum/blob/main/packages/%40react-stately/tree/src/useTreeState.ts\n */\n\nexport interface TreeProps<T> extends OriginalTreeProps<T> {\n  expansionMode?: TreeExpansionMode;\n}\n\nexport type TreeExpansionMode = 'single' | 'multiple';\n\nexport function useTreeState<T extends object>(\n  props: TreeProps<T>\n): TreeState<T> {\n  const state = useOriginalTreeState(props);\n\n  const onToggle = (key: Key) => {\n    state.setExpandedKeys(\n      toggleKey(state.expandedKeys, key, props.expansionMode)\n    );\n  };\n\n  return { ...state, toggleKey: onToggle };\n}\n\nfunction toggleKey(\n  set: Set<Key>,\n  key: Key,\n  expansionMode: TreeExpansionMode = 'multiple'\n): Set<Key> {\n  const res = new Set(set);\n  if (res.has(key)) {\n    res.delete(key);\n  } else {\n    if (expansionMode === 'single') res.clear();\n    res.add(key);\n  }\n\n  return res;\n}\n"],"names":["useOriginalTreeState"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAoBO,SAAA,YAAA,CACL,KACc,EAAA;AACd,EAAA,MAAM,QAAQA,cAAqB,CAAA,KAAA,CAAA,CAAA;AAEnC,EAAM,MAAA,QAAA,GAAW,CAAC,GAAa,KAAA;AAC7B,IAAA,KAAA,CAAM,eACJ,CAAA,SAAA,CAAU,KAAM,CAAA,YAAA,EAAc,KAAK,KAAM,CAAA,aAAA,CAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAI7C,EAAO,OAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAAK,KAAL,CAAA,EAAA,EAAY,SAAW,EAAA,QAAA,EAAA,CAAA,CAAA;AAAA,CAAA;AAGhC,SACE,SAAA,CAAA,GAAA,EACA,GACA,EAAA,aAAA,GAAmC,UACzB,EAAA;AACV,EAAM,MAAA,GAAA,GAAM,IAAI,GAAI,CAAA,GAAA,CAAA,CAAA;AACpB,EAAI,IAAA,GAAA,CAAI,IAAI,GAAM,CAAA,EAAA;AAChB,IAAA,GAAA,CAAI,MAAO,CAAA,GAAA,CAAA,CAAA;AAAA,GACN,MAAA;AACL,IAAA,IAAI,aAAkB,KAAA,QAAA;AAAU,MAAI,GAAA,CAAA,KAAA,EAAA,CAAA;AACpC,IAAA,GAAA,CAAI,GAAI,CAAA,GAAA,CAAA,CAAA;AAAA,GAAA;AAGV,EAAO,OAAA,GAAA,CAAA;AAAA;;;;"}