react-aria-components 3.0.0-nightly-9421c1409-240923 → 3.0.0-nightly-5ae234603-240925

package/dist/Disclosure.main.js

@@ -2,9 +2,9 @@ var $b856e6788a7ea5bf$exports = require("./Button.main.js");
 var $c5ccf687772c0422$exports = require("./utils.main.js");
 var $8afVX$reactariadisclosure = require("@react-aria/disclosure");
 var $8afVX$reactstatelydisclosure = require("@react-stately/disclosure");
-var $8afVX$reactaria = require("react-aria");
 var $8afVX$reactariautils = require("@react-aria/utils");
 var $8afVX$react = require("react");
+var $8afVX$reactaria = require("react-aria");
 
 
 function $parcel$interopDefault(a) {
@@ -15,6 +15,8 @@ function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 
+$parcel$export(module.exports, "DisclosureGroupStateContext", () => $11c780105231f6ef$export$1d40e3e0cc4d5de);
+$parcel$export(module.exports, "DisclosureGroup", () => $11c780105231f6ef$export$944aceb4f8c89f10);
 $parcel$export(module.exports, "DisclosureContext", () => $11c780105231f6ef$export$d665dd135a51b28a);
 $parcel$export(module.exports, "DisclosureStateContext", () => $11c780105231f6ef$export$dab3ea4a6ef094da);
 $parcel$export(module.exports, "Disclosure", () => $11c780105231f6ef$export$74a362b31437ec83);
@@ -36,27 +38,72 @@ $parcel$export(module.exports, "DisclosurePanel", () => $11c780105231f6ef$export
 
 
 
+const $11c780105231f6ef$export$1d40e3e0cc4d5de = /*#__PURE__*/ (0, $8afVX$react.createContext)(null);
+function $11c780105231f6ef$var$DisclosureGroup(props, ref) {
+    let state = (0, $8afVX$reactstatelydisclosure.useDisclosureGroupState)(props);
+    let renderProps = (0, $c5ccf687772c0422$exports.useRenderProps)({
+        ...props,
+        defaultClassName: 'react-aria-DisclosureGroup',
+        values: {
+            isDisabled: state.isDisabled,
+            state: state
+        }
+    });
+    let domProps = (0, $8afVX$reactariautils.filterDOMProps)(props);
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($8afVX$react))).createElement("div", {
+        ...domProps,
+        ...renderProps,
+        ref: ref,
+        "data-disabled": props.isDisabled || undefined
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($8afVX$react))).createElement($11c780105231f6ef$export$1d40e3e0cc4d5de.Provider, {
+        value: state
+    }, renderProps.children));
+}
+/**
+ * A DisclosureGroup is a grouping of related disclosures, sometimes called an Accordion.
+ * It supports both single and multiple expanded items.
+ */ const $11c780105231f6ef$export$944aceb4f8c89f10 = /*#__PURE__*/ (0, $8afVX$react.forwardRef)($11c780105231f6ef$var$DisclosureGroup);
 const $11c780105231f6ef$export$d665dd135a51b28a = /*#__PURE__*/ (0, $8afVX$react.createContext)(null);
 const $11c780105231f6ef$export$dab3ea4a6ef094da = /*#__PURE__*/ (0, $8afVX$react.createContext)(null);
 const $11c780105231f6ef$var$InternalDisclosureContext = /*#__PURE__*/ (0, $8afVX$react.createContext)(null);
 function $11c780105231f6ef$var$Disclosure(props, ref) {
     [props, ref] = (0, $c5ccf687772c0422$exports.useContextProps)(props, ref, $11c780105231f6ef$export$d665dd135a51b28a);
-    let state = (0, $8afVX$reactstatelydisclosure.useDisclosureState)(props);
-    let contentRef = (0, ($parcel$interopDefault($8afVX$react))).useRef(null);
-    let { buttonProps: buttonProps, contentProps: contentProps } = (0, $8afVX$reactariadisclosure.useDisclosure)(props, state, contentRef);
+    let groupState = (0, $8afVX$react.useContext)($11c780105231f6ef$export$1d40e3e0cc4d5de);
+    let { id: id, ...otherProps } = props;
+    // Generate an id if one wasn't provided.
+    // (can't pass id into useId since it can also be a number)
+    let defaultId = (0, $8afVX$reactariautils.useId)();
+    id || (id = defaultId);
+    let state = (0, $8afVX$reactstatelydisclosure.useDisclosureState)({
+        ...props,
+        isExpanded: groupState ? groupState.expandedKeys.has(id) : props.isExpanded,
+        onExpandedChange (isExpanded) {
+            var _props_onExpandedChange;
+            if (groupState) groupState.toggleKey(id);
+            (_props_onExpandedChange = props.onExpandedChange) === null || _props_onExpandedChange === void 0 ? void 0 : _props_onExpandedChange.call(props, isExpanded);
+        }
+    });
+    let panelRef = (0, ($parcel$interopDefault($8afVX$react))).useRef(null);
+    let isDisabled = props.isDisabled || (groupState === null || groupState === void 0 ? void 0 : groupState.isDisabled) || false;
+    let { buttonProps: buttonProps, panelProps: panelProps } = (0, $8afVX$reactariadisclosure.useDisclosure)({
+        ...props,
+        isDisabled: isDisabled
+    }, state, panelRef);
     let { isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps } = (0, $8afVX$reactaria.useFocusRing)({
         within: true
     });
     let renderProps = (0, $c5ccf687772c0422$exports.useRenderProps)({
         ...props,
+        id: undefined,
         defaultClassName: 'react-aria-Disclosure',
         values: {
             isExpanded: state.isExpanded,
-            isDisabled: props.isDisabled || false,
+            isDisabled: isDisabled,
             isFocusVisibleWithin: isFocusVisibleWithin,
             state: state
         }
     });
+    let domProps = (0, $8afVX$reactariautils.filterDOMProps)(otherProps);
     return /*#__PURE__*/ (0, ($parcel$interopDefault($8afVX$react))).createElement((0, $c5ccf687772c0422$exports.Provider), {
         values: [
             [
@@ -71,8 +118,8 @@ function $11c780105231f6ef$var$Disclosure(props, ref) {
             [
                 $11c780105231f6ef$var$InternalDisclosureContext,
                 {
-                    contentProps: contentProps,
-                    contentRef: contentRef
+                    panelProps: panelProps,
+                    panelRef: panelRef
                 }
             ],
             [
@@ -83,15 +130,16 @@ function $11c780105231f6ef$var$Disclosure(props, ref) {
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($8afVX$react))).createElement("div", {
         ref: ref,
         "data-expanded": state.isExpanded || undefined,
-        "data-disabled": props.isDisabled || undefined,
+        "data-disabled": isDisabled || undefined,
         "data-focus-visible-within": isFocusVisibleWithin || undefined,
+        ...domProps,
         ...focusWithinProps,
         ...renderProps
     }, renderProps.children));
 }
 function $11c780105231f6ef$var$DisclosurePanel(props, ref) {
     let { role: role = 'group' } = props;
-    let { contentProps: contentProps, contentRef: contentRef } = (0, $8afVX$react.useContext)($11c780105231f6ef$var$InternalDisclosureContext);
+    let { panelProps: panelProps, panelRef: panelRef } = (0, $8afVX$react.useContext)($11c780105231f6ef$var$InternalDisclosureContext);
     let { isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps } = (0, $8afVX$reactaria.useFocusRing)({
         within: true
     });
@@ -103,11 +151,10 @@ function $11c780105231f6ef$var$DisclosurePanel(props, ref) {
         }
     });
     return /*#__PURE__*/ (0, ($parcel$interopDefault($8afVX$react))).createElement("div", {
-        role: role,
-        // @ts-ignore
-        ref: (0, $8afVX$reactariautils.mergeRefs)(ref, contentRef),
-        ...(0, $8afVX$reactariautils.mergeProps)(contentProps, focusWithinProps),
+        ref: (0, $8afVX$reactariautils.mergeRefs)(ref, panelRef),
+        ...(0, $8afVX$reactariautils.mergeProps)(panelProps, focusWithinProps),
         ...renderProps,
+        role: role,
         "data-focus-visible-within": isFocusVisibleWithin || undefined
     }, /*#__PURE__*/ (0, ($parcel$interopDefault($8afVX$react))).createElement((0, $c5ccf687772c0422$exports.Provider), {
         values: [

package/dist/Disclosure.main.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAmCM,MAAM,0DAAoB,CAAA,GAAA,0BAAY,EAAiD;AACvF,MAAM,0DAAyB,CAAA,GAAA,0BAAY,EAA0B;AAO5E,MAAM,gEAA4B,CAAA,GAAA,0BAAY,EAAyC;AAEvF,SAAS,iCAAW,KAAsB,EAAE,GAAiC;IAC3E,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAc,EAAE,OAAO,KAAK;IAC3C,IAAI,QAAQ,CAAA,GAAA,gDAAiB,EAAE;IAC/B,IAAI,aAAa,CAAA,GAAA,sCAAI,EAAE,MAAM,CAAqB;IAClD,IAAI,eAAC,WAAW,gBAAE,YAAY,EAAC,GAAG,CAAA,GAAA,wCAAY,EAAE,OAAO,OAAO;IAC9D,IAAI,EACF,gBAAgB,oBAAoB,EACpC,YAAY,gBAAgB,EAC7B,GAAG,CAAA,GAAA,6BAAW,EAAE;QAAC,QAAQ;IAAI;IAE9B,IAAI,cAAc,CAAA,GAAA,wCAAa,EAAE;QAC/B,GAAG,KAAK;QACR,kBAAkB;QAClB,QAAQ;YACN,YAAY,MAAM,UAAU;YAC5B,YAAY,MAAM,UAAU,IAAI;kCAChC;mBACA;QACF;IACF;IAEA,qBACE,0DAAC,CAAA,GAAA,kCAAO;QACN,QAAQ;YACN;gBAAC,CAAA,GAAA,uCAAY;gBAAG;oBACd,OAAO;wBACL,CAAC,CAAA,GAAA,sCAAW,EAAE,EAAE,CAAC;wBACjB,SAAS;oBACX;gBACF;aAAE;YACF;gBAAC;gBAA2B;kCAAC;gCAAc;gBAAU;aAAE;YACvD;gBAAC;gBAAwB;aAAM;SAChC;qBACD,0DAAC;QACC,KAAK;QACL,iBAAe,MAAM,UAAU,IAAI;QACnC,iBAAe,MAAM,UAAU,IAAI;QACnC,6BAA2B,wBAAwB;QAClD,GAAG,gBAAgB;QACnB,GAAG,WAAW;OACd,YAAY,QAAQ;AAI7B;AAWA,SAAS,sCAAgB,KAA2B,EAAE,GAA8B;IAClF,IAAI,QAAC,OAAO,SAAQ,GAAG;IACvB,IAAI,gBAAC,YAAY,cAAE,UAAU,EAAC,GAAG,CAAA,GAAA,uBAAS,EAAE;IAC5C,IAAI,EACF,gBAAgB,oBAAoB,EACpC,YAAY,gBAAgB,EAC7B,GAAG,CAAA,GAAA,6BAAW,EAAE;QAAC,QAAQ;IAAI;IAC9B,IAAI,cAAc,CAAA,GAAA,wCAAa,EAAE;QAC/B,GAAG,KAAK;QACR,kBAAkB;QAClB,QAAQ;kCACN;QACF;IACF;IACA,qBACE,0DAAC;QACC,MAAM;QACN,aAAa;QACb,KAAK,CAAA,GAAA,+BAAQ,EAAE,KAAK;QACnB,GAAG,CAAA,GAAA,gCAAS,EAAE,cAAc,iBAAiB;QAC7C,GAAG,WAAW;QACf,6BAA2B,wBAAwB;qBACnD,0DAAC,CAAA,GAAA,kCAAO;QACN,QAAQ;YACN;gBAAC,CAAA,GAAA,uCAAY;gBAAG;aAAK;SACtB;OACA,MAAM,QAAQ;AAIvB;AAEA;;CAEC,GACD,MAAM,4CAA4B,AAAd,WAAW,GAAI,CAAA,GAAA,uBAAS,EAAqB;AAGjE,MAAM,4CAAiC,AAAd,WAAW,GAAI,CAAA,GAAA,uBAAS,EAAqB","sources":["packages/react-aria-components/src/Disclosure.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaDisclosureProps, useDisclosure} from '@react-aria/disclosure';\nimport {ButtonContext} from './Button';\nimport {ContextValue, DEFAULT_SLOT, Provider, RenderProps, SlotProps, useContextProps, useRenderProps} from './utils';\nimport {DisclosureState, useDisclosureState} from '@react-stately/disclosure';\nimport {forwardRefType} from '@react-types/shared';\nimport {HoverEvents, useFocusRing} from 'react-aria';\nimport {mergeProps, mergeRefs} from '@react-aria/utils';\nimport React, {createContext, DOMAttributes, ForwardedRef, forwardRef, ReactNode, useContext} from 'react';\n\nexport interface DisclosureProps extends Omit<AriaDisclosureProps, 'children'>, HoverEvents, RenderProps<DisclosureRenderProps>, SlotProps {}\n\nexport interface DisclosureRenderProps {\n  /**\n   * Whether the disclosure is expanded.\n   * @selector [data-expanded]\n   */\n  isExpanded: boolean,\n  /**\n   * Whether the disclosure has keyboard focus.\n   * @selector [data-focus-visible-within]\n   */\n  isFocusVisibleWithin: boolean,\n  /**\n   * Whether the disclosure is disabled.\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean,\n  /**\n   * State of the disclosure.\n   */\n  state: DisclosureState\n}\n\nexport const DisclosureContext = createContext<ContextValue<DisclosureProps, HTMLDivElement>>(null);\nexport const DisclosureStateContext = createContext<DisclosureState | null>(null);\n\ninterface InternalDisclosureContextValue {\n  contentProps: DOMAttributes<HTMLElement>,\n  contentRef: React.RefObject<HTMLElement | null>\n}\n\nconst InternalDisclosureContext = createContext<InternalDisclosureContextValue | null>(null);\n\nfunction Disclosure(props: DisclosureProps, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useContextProps(props, ref, DisclosureContext);\n  let state = useDisclosureState(props);\n  let contentRef = React.useRef<HTMLElement | null>(null);\n  let {buttonProps, contentProps} = useDisclosure(props, state, contentRef);\n  let {\n    isFocusVisible: isFocusVisibleWithin,\n    focusProps: focusWithinProps\n  } = useFocusRing({within: true});\n\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-Disclosure',\n    values: {\n      isExpanded: state.isExpanded,\n      isDisabled: props.isDisabled || false,\n      isFocusVisibleWithin,\n      state\n    }\n  });\n\n  return (\n    <Provider\n      values={[\n        [ButtonContext, {\n          slots: {\n            [DEFAULT_SLOT]: {},\n            trigger: buttonProps\n          }\n        }],\n        [InternalDisclosureContext, {contentProps, contentRef}],\n        [DisclosureStateContext, state]\n      ]}>\n      <div\n        ref={ref}\n        data-expanded={state.isExpanded || undefined}\n        data-disabled={props.isDisabled || undefined}\n        data-focus-visible-within={isFocusVisibleWithin || undefined}\n        {...focusWithinProps}\n        {...renderProps}>\n        {renderProps.children}\n      </div>\n    </Provider>\n  );\n}\n\nexport interface DisclosurePanelProps extends RenderProps<{}> {\n  /**\n   * The accessibility role for the disclosure's panel.\n   * @default 'group'\n   */\n  role?: 'group' | 'region',\n  children: ReactNode\n}\n\nfunction DisclosurePanel(props: DisclosurePanelProps, ref: ForwardedRef<HTMLElement>) {\n  let {role = 'group'} = props;\n  let {contentProps, contentRef} = useContext(InternalDisclosureContext)!;\n  let {\n    isFocusVisible: isFocusVisibleWithin,\n    focusProps: focusWithinProps\n  } = useFocusRing({within: true});\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-DisclosurePanel',\n    values: {\n      isFocusVisibleWithin\n    }\n  });\n  return (\n    <div\n      role={role}\n      // @ts-ignore\n      ref={mergeRefs(ref, contentRef)}\n      {...mergeProps(contentProps, focusWithinProps)}\n      {...renderProps}\n      data-focus-visible-within={isFocusVisibleWithin || undefined}>\n      <Provider\n        values={[\n          [ButtonContext, null]\n        ]}>\n        {props.children}\n      </Provider>\n    </div>\n  );\n}\n\n/**\n * A disclosure is a collapsible section of content. It is composed of a a header with a heading and trigger button, and a panel that contains the content.\n */\nconst _Disclosure = /*#__PURE__*/ (forwardRef as forwardRefType)(Disclosure);\nexport {_Disclosure as Disclosure};\n\nconst _DisclosurePanel = /*#__PURE__*/ (forwardRef as forwardRefType)(DisclosurePanel);\nexport {_DisclosurePanel as DisclosurePanel};\n"],"names":[],"version":3,"file":"Disclosure.main.js.map"}
+{"mappings":"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","sources":["packages/react-aria-components/src/Disclosure.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaDisclosureProps, useDisclosure} from '@react-aria/disclosure';\nimport {ButtonContext} from './Button';\nimport {ContextValue, DEFAULT_SLOT, Provider, RenderProps, SlotProps, useContextProps, useRenderProps} from './utils';\nimport {DisclosureGroupState, DisclosureState, DisclosureGroupProps as StatelyDisclosureGroupProps, useDisclosureGroupState, useDisclosureState} from '@react-stately/disclosure';\nimport {DOMProps, forwardRefType, Key} from '@react-types/shared';\nimport {filterDOMProps, mergeProps, mergeRefs, useId} from '@react-aria/utils';\nimport React, {createContext, DOMAttributes, ForwardedRef, forwardRef, ReactNode, useContext} from 'react';\nimport {useFocusRing} from 'react-aria';\n\nexport interface DisclosureGroupProps extends StatelyDisclosureGroupProps, RenderProps<DisclosureGroupRenderProps>, DOMProps {}\n\nexport interface DisclosureGroupRenderProps {\n  /**\n   * Whether the disclosure group is disabled.\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean,\n  /**\n   * State of the disclosure group.\n   */\n  state: DisclosureGroupState\n}\n\nexport const DisclosureGroupStateContext = createContext<DisclosureGroupState | null>(null);\n\nfunction DisclosureGroup(props: DisclosureGroupProps, ref: ForwardedRef<HTMLDivElement>) {\n  let state = useDisclosureGroupState(props);\n\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-DisclosureGroup',\n    values: {\n      isDisabled: state.isDisabled,\n      state\n    }\n  });\n\n  let domProps = filterDOMProps(props);\n\n  return (\n    <div\n      {...domProps}\n      {...renderProps}\n      ref={ref}\n      data-disabled={props.isDisabled || undefined}>\n      <DisclosureGroupStateContext.Provider value={state}>\n        {renderProps.children}\n      </DisclosureGroupStateContext.Provider>\n    </div>\n  );\n}\n\n/**\n * A DisclosureGroup is a grouping of related disclosures, sometimes called an Accordion.\n * It supports both single and multiple expanded items.\n */\nconst _DisclosureGroup = forwardRef(DisclosureGroup);\nexport {_DisclosureGroup as DisclosureGroup};\n\nexport interface DisclosureProps extends Omit<AriaDisclosureProps, 'children'>, RenderProps<DisclosureRenderProps>, SlotProps {\n  /** An id for the disclosure when used within a DisclosureGroup, matching the id used in `expandedKeys`. */\n  id?: Key\n}\n\nexport interface DisclosureRenderProps {\n  /**\n   * Whether the disclosure is expanded.\n   * @selector [data-expanded]\n   */\n  isExpanded: boolean,\n  /**\n   * Whether the disclosure has keyboard focus.\n   * @selector [data-focus-visible-within]\n   */\n  isFocusVisibleWithin: boolean,\n  /**\n   * Whether the disclosure is disabled.\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean,\n  /**\n   * State of the disclosure.\n   */\n  state: DisclosureState\n}\n\nexport const DisclosureContext = createContext<ContextValue<DisclosureProps, HTMLDivElement>>(null);\nexport const DisclosureStateContext = createContext<DisclosureState | null>(null);\n\ninterface InternalDisclosureContextValue {\n  panelProps: DOMAttributes<HTMLElement>,\n  panelRef: React.RefObject<HTMLDivElement | null>\n}\n\nconst InternalDisclosureContext = createContext<InternalDisclosureContextValue | null>(null);\n\nfunction Disclosure(props: DisclosureProps, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useContextProps(props, ref, DisclosureContext);\n  let groupState = useContext(DisclosureGroupStateContext);\n  let {id, ...otherProps} = props;\n\n  // Generate an id if one wasn't provided.\n  // (can't pass id into useId since it can also be a number)\n  let defaultId = useId();\n  id ||= defaultId;\n\n  let state = useDisclosureState({\n    ...props,\n    isExpanded: groupState ? groupState.expandedKeys.has(id) : props.isExpanded,\n    onExpandedChange(isExpanded) {\n      if (groupState) {\n        groupState.toggleKey(id);\n      }\n\n      props.onExpandedChange?.(isExpanded);\n    }\n  });\n\n  let panelRef = React.useRef<HTMLDivElement | null>(null);\n  let isDisabled = props.isDisabled || groupState?.isDisabled || false;\n  let {buttonProps, panelProps} = useDisclosure({\n    ...props,\n    isDisabled\n  }, state, panelRef);\n  let {\n    isFocusVisible: isFocusVisibleWithin,\n    focusProps: focusWithinProps\n  } = useFocusRing({within: true});\n\n  let renderProps = useRenderProps({\n    ...props,\n    id: undefined,\n    defaultClassName: 'react-aria-Disclosure',\n    values: {\n      isExpanded: state.isExpanded,\n      isDisabled,\n      isFocusVisibleWithin,\n      state\n    }\n  });\n\n  let domProps = filterDOMProps(otherProps as any);\n\n  return (\n    <Provider\n      values={[\n        [ButtonContext, {\n          slots: {\n            [DEFAULT_SLOT]: {},\n            trigger: buttonProps\n          }\n        }],\n        [InternalDisclosureContext, {panelProps, panelRef}],\n        [DisclosureStateContext, state]\n      ]}>\n      <div\n        ref={ref}\n        data-expanded={state.isExpanded || undefined}\n        data-disabled={isDisabled || undefined}\n        data-focus-visible-within={isFocusVisibleWithin || undefined}\n        {...domProps}\n        {...focusWithinProps}\n        {...renderProps}>\n        {renderProps.children}\n      </div>\n    </Provider>\n  );\n}\n\nexport interface DisclosurePanelProps extends RenderProps<{}> {\n  /**\n   * The accessibility role for the disclosure's panel.\n   * @default 'group'\n   */\n  role?: 'group' | 'region',\n  children: ReactNode\n}\n\nfunction DisclosurePanel(props: DisclosurePanelProps, ref: ForwardedRef<HTMLDivElement>) {\n  let {role = 'group'} = props;\n  let {panelProps, panelRef} = useContext(InternalDisclosureContext)!;\n  let {\n    isFocusVisible: isFocusVisibleWithin,\n    focusProps: focusWithinProps\n  } = useFocusRing({within: true});\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-DisclosurePanel',\n    values: {\n      isFocusVisibleWithin\n    }\n  });\n  return (\n    <div\n      ref={mergeRefs(ref, panelRef)}\n      {...mergeProps(panelProps, focusWithinProps)}\n      {...renderProps}\n      role={role}\n      data-focus-visible-within={isFocusVisibleWithin || undefined}>\n      <Provider\n        values={[\n          [ButtonContext, null]\n        ]}>\n        {props.children}\n      </Provider>\n    </div>\n  );\n}\n\n/**\n * A disclosure is a collapsible section of content. It is composed of a a header with a heading and trigger button, and a panel that contains the content.\n */\nconst _Disclosure = /*#__PURE__*/ (forwardRef as forwardRefType)(Disclosure);\nexport {_Disclosure as Disclosure};\n\nconst _DisclosurePanel = /*#__PURE__*/ (forwardRef as forwardRefType)(DisclosurePanel);\nexport {_DisclosurePanel as DisclosurePanel};\n"],"names":[],"version":3,"file":"Disclosure.main.js.map"}

package/dist/Disclosure.mjs

@@ -1,10 +1,10 @@
 import {ButtonContext as $d2b4bc8c273e7be6$export$24d547caef80ccd1} from "./Button.mjs";
 import {DEFAULT_SLOT as $64fa3d84918910a7$export$c62b8e45d58ddad9, Provider as $64fa3d84918910a7$export$2881499e37b75b9a, useContextProps as $64fa3d84918910a7$export$29f1550f4b0d4415, useRenderProps as $64fa3d84918910a7$export$4d86445c2cf5e3} from "./utils.mjs";
 import {useDisclosure as $hI1OT$useDisclosure} from "@react-aria/disclosure";
-import {useDisclosureState as $hI1OT$useDisclosureState} from "@react-stately/disclosure";
+import {useDisclosureGroupState as $hI1OT$useDisclosureGroupState, useDisclosureState as $hI1OT$useDisclosureState} from "@react-stately/disclosure";
+import {filterDOMProps as $hI1OT$filterDOMProps, useId as $hI1OT$useId, mergeRefs as $hI1OT$mergeRefs, mergeProps as $hI1OT$mergeProps} from "@react-aria/utils";
+import $hI1OT$react, {createContext as $hI1OT$createContext, forwardRef as $hI1OT$forwardRef, useContext as $hI1OT$useContext} from "react";
 import {useFocusRing as $hI1OT$useFocusRing} from "react-aria";
-import {mergeRefs as $hI1OT$mergeRefs, mergeProps as $hI1OT$mergeProps} from "@react-aria/utils";
-import $hI1OT$react, {createContext as $hI1OT$createContext, useContext as $hI1OT$useContext, forwardRef as $hI1OT$forwardRef} from "react";
 
 /*
  * Copyright 2024 Adobe. All rights reserved.
@@ -23,27 +23,72 @@ import $hI1OT$react, {createContext as $hI1OT$createContext, useContext as $hI1O
 
 
 
+const $28f4fd908f0de97f$export$1d40e3e0cc4d5de = /*#__PURE__*/ (0, $hI1OT$createContext)(null);
+function $28f4fd908f0de97f$var$DisclosureGroup(props, ref) {
+    let state = (0, $hI1OT$useDisclosureGroupState)(props);
+    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
+        ...props,
+        defaultClassName: 'react-aria-DisclosureGroup',
+        values: {
+            isDisabled: state.isDisabled,
+            state: state
+        }
+    });
+    let domProps = (0, $hI1OT$filterDOMProps)(props);
+    return /*#__PURE__*/ (0, $hI1OT$react).createElement("div", {
+        ...domProps,
+        ...renderProps,
+        ref: ref,
+        "data-disabled": props.isDisabled || undefined
+    }, /*#__PURE__*/ (0, $hI1OT$react).createElement($28f4fd908f0de97f$export$1d40e3e0cc4d5de.Provider, {
+        value: state
+    }, renderProps.children));
+}
+/**
+ * A DisclosureGroup is a grouping of related disclosures, sometimes called an Accordion.
+ * It supports both single and multiple expanded items.
+ */ const $28f4fd908f0de97f$export$944aceb4f8c89f10 = /*#__PURE__*/ (0, $hI1OT$forwardRef)($28f4fd908f0de97f$var$DisclosureGroup);
 const $28f4fd908f0de97f$export$d665dd135a51b28a = /*#__PURE__*/ (0, $hI1OT$createContext)(null);
 const $28f4fd908f0de97f$export$dab3ea4a6ef094da = /*#__PURE__*/ (0, $hI1OT$createContext)(null);
 const $28f4fd908f0de97f$var$InternalDisclosureContext = /*#__PURE__*/ (0, $hI1OT$createContext)(null);
 function $28f4fd908f0de97f$var$Disclosure(props, ref) {
     [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $28f4fd908f0de97f$export$d665dd135a51b28a);
-    let state = (0, $hI1OT$useDisclosureState)(props);
-    let contentRef = (0, $hI1OT$react).useRef(null);
-    let { buttonProps: buttonProps, contentProps: contentProps } = (0, $hI1OT$useDisclosure)(props, state, contentRef);
+    let groupState = (0, $hI1OT$useContext)($28f4fd908f0de97f$export$1d40e3e0cc4d5de);
+    let { id: id, ...otherProps } = props;
+    // Generate an id if one wasn't provided.
+    // (can't pass id into useId since it can also be a number)
+    let defaultId = (0, $hI1OT$useId)();
+    id || (id = defaultId);
+    let state = (0, $hI1OT$useDisclosureState)({
+        ...props,
+        isExpanded: groupState ? groupState.expandedKeys.has(id) : props.isExpanded,
+        onExpandedChange (isExpanded) {
+            var _props_onExpandedChange;
+            if (groupState) groupState.toggleKey(id);
+            (_props_onExpandedChange = props.onExpandedChange) === null || _props_onExpandedChange === void 0 ? void 0 : _props_onExpandedChange.call(props, isExpanded);
+        }
+    });
+    let panelRef = (0, $hI1OT$react).useRef(null);
+    let isDisabled = props.isDisabled || (groupState === null || groupState === void 0 ? void 0 : groupState.isDisabled) || false;
+    let { buttonProps: buttonProps, panelProps: panelProps } = (0, $hI1OT$useDisclosure)({
+        ...props,
+        isDisabled: isDisabled
+    }, state, panelRef);
     let { isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps } = (0, $hI1OT$useFocusRing)({
         within: true
     });
     let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
         ...props,
+        id: undefined,
         defaultClassName: 'react-aria-Disclosure',
         values: {
             isExpanded: state.isExpanded,
-            isDisabled: props.isDisabled || false,
+            isDisabled: isDisabled,
             isFocusVisibleWithin: isFocusVisibleWithin,
             state: state
         }
     });
+    let domProps = (0, $hI1OT$filterDOMProps)(otherProps);
     return /*#__PURE__*/ (0, $hI1OT$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
         values: [
             [
@@ -58,8 +103,8 @@ function $28f4fd908f0de97f$var$Disclosure(props, ref) {
             [
                 $28f4fd908f0de97f$var$InternalDisclosureContext,
                 {
-                    contentProps: contentProps,
-                    contentRef: contentRef
+                    panelProps: panelProps,
+                    panelRef: panelRef
                 }
             ],
             [
@@ -70,15 +115,16 @@ function $28f4fd908f0de97f$var$Disclosure(props, ref) {
     }, /*#__PURE__*/ (0, $hI1OT$react).createElement("div", {
         ref: ref,
         "data-expanded": state.isExpanded || undefined,
-        "data-disabled": props.isDisabled || undefined,
+        "data-disabled": isDisabled || undefined,
         "data-focus-visible-within": isFocusVisibleWithin || undefined,
+        ...domProps,
         ...focusWithinProps,
         ...renderProps
     }, renderProps.children));
 }
 function $28f4fd908f0de97f$var$DisclosurePanel(props, ref) {
     let { role: role = 'group' } = props;
-    let { contentProps: contentProps, contentRef: contentRef } = (0, $hI1OT$useContext)($28f4fd908f0de97f$var$InternalDisclosureContext);
+    let { panelProps: panelProps, panelRef: panelRef } = (0, $hI1OT$useContext)($28f4fd908f0de97f$var$InternalDisclosureContext);
     let { isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps } = (0, $hI1OT$useFocusRing)({
         within: true
     });
@@ -90,11 +136,10 @@ function $28f4fd908f0de97f$var$DisclosurePanel(props, ref) {
         }
     });
     return /*#__PURE__*/ (0, $hI1OT$react).createElement("div", {
-        role: role,
-        // @ts-ignore
-        ref: (0, $hI1OT$mergeRefs)(ref, contentRef),
-        ...(0, $hI1OT$mergeProps)(contentProps, focusWithinProps),
+        ref: (0, $hI1OT$mergeRefs)(ref, panelRef),
+        ...(0, $hI1OT$mergeProps)(panelProps, focusWithinProps),
         ...renderProps,
+        role: role,
         "data-focus-visible-within": isFocusVisibleWithin || undefined
     }, /*#__PURE__*/ (0, $hI1OT$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
         values: [
@@ -111,5 +156,5 @@ function $28f4fd908f0de97f$var$DisclosurePanel(props, ref) {
 const $28f4fd908f0de97f$export$feabaa331e1d464c = /*#__PURE__*/ (0, $hI1OT$forwardRef)($28f4fd908f0de97f$var$DisclosurePanel);
 
 
-export {$28f4fd908f0de97f$export$d665dd135a51b28a as DisclosureContext, $28f4fd908f0de97f$export$dab3ea4a6ef094da as DisclosureStateContext, $28f4fd908f0de97f$export$74a362b31437ec83 as Disclosure, $28f4fd908f0de97f$export$feabaa331e1d464c as DisclosurePanel};
+export {$28f4fd908f0de97f$export$1d40e3e0cc4d5de as DisclosureGroupStateContext, $28f4fd908f0de97f$export$944aceb4f8c89f10 as DisclosureGroup, $28f4fd908f0de97f$export$d665dd135a51b28a as DisclosureContext, $28f4fd908f0de97f$export$dab3ea4a6ef094da as DisclosureStateContext, $28f4fd908f0de97f$export$74a362b31437ec83 as Disclosure, $28f4fd908f0de97f$export$feabaa331e1d464c as DisclosurePanel};
 //# sourceMappingURL=Disclosure.module.js.map

package/dist/Disclosure.module.js

@@ -1,10 +1,10 @@
 import {ButtonContext as $d2b4bc8c273e7be6$export$24d547caef80ccd1} from "./Button.module.js";
 import {DEFAULT_SLOT as $64fa3d84918910a7$export$c62b8e45d58ddad9, Provider as $64fa3d84918910a7$export$2881499e37b75b9a, useContextProps as $64fa3d84918910a7$export$29f1550f4b0d4415, useRenderProps as $64fa3d84918910a7$export$4d86445c2cf5e3} from "./utils.module.js";
 import {useDisclosure as $hI1OT$useDisclosure} from "@react-aria/disclosure";
-import {useDisclosureState as $hI1OT$useDisclosureState} from "@react-stately/disclosure";
+import {useDisclosureGroupState as $hI1OT$useDisclosureGroupState, useDisclosureState as $hI1OT$useDisclosureState} from "@react-stately/disclosure";
+import {filterDOMProps as $hI1OT$filterDOMProps, useId as $hI1OT$useId, mergeRefs as $hI1OT$mergeRefs, mergeProps as $hI1OT$mergeProps} from "@react-aria/utils";
+import $hI1OT$react, {createContext as $hI1OT$createContext, forwardRef as $hI1OT$forwardRef, useContext as $hI1OT$useContext} from "react";
 import {useFocusRing as $hI1OT$useFocusRing} from "react-aria";
-import {mergeRefs as $hI1OT$mergeRefs, mergeProps as $hI1OT$mergeProps} from "@react-aria/utils";
-import $hI1OT$react, {createContext as $hI1OT$createContext, useContext as $hI1OT$useContext, forwardRef as $hI1OT$forwardRef} from "react";
 
 /*
  * Copyright 2024 Adobe. All rights reserved.
@@ -23,27 +23,72 @@ import $hI1OT$react, {createContext as $hI1OT$createContext, useContext as $hI1O
 
 
 
+const $28f4fd908f0de97f$export$1d40e3e0cc4d5de = /*#__PURE__*/ (0, $hI1OT$createContext)(null);
+function $28f4fd908f0de97f$var$DisclosureGroup(props, ref) {
+    let state = (0, $hI1OT$useDisclosureGroupState)(props);
+    let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
+        ...props,
+        defaultClassName: 'react-aria-DisclosureGroup',
+        values: {
+            isDisabled: state.isDisabled,
+            state: state
+        }
+    });
+    let domProps = (0, $hI1OT$filterDOMProps)(props);
+    return /*#__PURE__*/ (0, $hI1OT$react).createElement("div", {
+        ...domProps,
+        ...renderProps,
+        ref: ref,
+        "data-disabled": props.isDisabled || undefined
+    }, /*#__PURE__*/ (0, $hI1OT$react).createElement($28f4fd908f0de97f$export$1d40e3e0cc4d5de.Provider, {
+        value: state
+    }, renderProps.children));
+}
+/**
+ * A DisclosureGroup is a grouping of related disclosures, sometimes called an Accordion.
+ * It supports both single and multiple expanded items.
+ */ const $28f4fd908f0de97f$export$944aceb4f8c89f10 = /*#__PURE__*/ (0, $hI1OT$forwardRef)($28f4fd908f0de97f$var$DisclosureGroup);
 const $28f4fd908f0de97f$export$d665dd135a51b28a = /*#__PURE__*/ (0, $hI1OT$createContext)(null);
 const $28f4fd908f0de97f$export$dab3ea4a6ef094da = /*#__PURE__*/ (0, $hI1OT$createContext)(null);
 const $28f4fd908f0de97f$var$InternalDisclosureContext = /*#__PURE__*/ (0, $hI1OT$createContext)(null);
 function $28f4fd908f0de97f$var$Disclosure(props, ref) {
     [props, ref] = (0, $64fa3d84918910a7$export$29f1550f4b0d4415)(props, ref, $28f4fd908f0de97f$export$d665dd135a51b28a);
-    let state = (0, $hI1OT$useDisclosureState)(props);
-    let contentRef = (0, $hI1OT$react).useRef(null);
-    let { buttonProps: buttonProps, contentProps: contentProps } = (0, $hI1OT$useDisclosure)(props, state, contentRef);
+    let groupState = (0, $hI1OT$useContext)($28f4fd908f0de97f$export$1d40e3e0cc4d5de);
+    let { id: id, ...otherProps } = props;
+    // Generate an id if one wasn't provided.
+    // (can't pass id into useId since it can also be a number)
+    let defaultId = (0, $hI1OT$useId)();
+    id || (id = defaultId);
+    let state = (0, $hI1OT$useDisclosureState)({
+        ...props,
+        isExpanded: groupState ? groupState.expandedKeys.has(id) : props.isExpanded,
+        onExpandedChange (isExpanded) {
+            var _props_onExpandedChange;
+            if (groupState) groupState.toggleKey(id);
+            (_props_onExpandedChange = props.onExpandedChange) === null || _props_onExpandedChange === void 0 ? void 0 : _props_onExpandedChange.call(props, isExpanded);
+        }
+    });
+    let panelRef = (0, $hI1OT$react).useRef(null);
+    let isDisabled = props.isDisabled || (groupState === null || groupState === void 0 ? void 0 : groupState.isDisabled) || false;
+    let { buttonProps: buttonProps, panelProps: panelProps } = (0, $hI1OT$useDisclosure)({
+        ...props,
+        isDisabled: isDisabled
+    }, state, panelRef);
     let { isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps } = (0, $hI1OT$useFocusRing)({
         within: true
     });
     let renderProps = (0, $64fa3d84918910a7$export$4d86445c2cf5e3)({
         ...props,
+        id: undefined,
         defaultClassName: 'react-aria-Disclosure',
         values: {
             isExpanded: state.isExpanded,
-            isDisabled: props.isDisabled || false,
+            isDisabled: isDisabled,
             isFocusVisibleWithin: isFocusVisibleWithin,
             state: state
         }
     });
+    let domProps = (0, $hI1OT$filterDOMProps)(otherProps);
     return /*#__PURE__*/ (0, $hI1OT$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
         values: [
             [
@@ -58,8 +103,8 @@ function $28f4fd908f0de97f$var$Disclosure(props, ref) {
             [
                 $28f4fd908f0de97f$var$InternalDisclosureContext,
                 {
-                    contentProps: contentProps,
-                    contentRef: contentRef
+                    panelProps: panelProps,
+                    panelRef: panelRef
                 }
             ],
             [
@@ -70,15 +115,16 @@ function $28f4fd908f0de97f$var$Disclosure(props, ref) {
     }, /*#__PURE__*/ (0, $hI1OT$react).createElement("div", {
         ref: ref,
         "data-expanded": state.isExpanded || undefined,
-        "data-disabled": props.isDisabled || undefined,
+        "data-disabled": isDisabled || undefined,
         "data-focus-visible-within": isFocusVisibleWithin || undefined,
+        ...domProps,
         ...focusWithinProps,
         ...renderProps
     }, renderProps.children));
 }
 function $28f4fd908f0de97f$var$DisclosurePanel(props, ref) {
     let { role: role = 'group' } = props;
-    let { contentProps: contentProps, contentRef: contentRef } = (0, $hI1OT$useContext)($28f4fd908f0de97f$var$InternalDisclosureContext);
+    let { panelProps: panelProps, panelRef: panelRef } = (0, $hI1OT$useContext)($28f4fd908f0de97f$var$InternalDisclosureContext);
     let { isFocusVisible: isFocusVisibleWithin, focusProps: focusWithinProps } = (0, $hI1OT$useFocusRing)({
         within: true
     });
@@ -90,11 +136,10 @@ function $28f4fd908f0de97f$var$DisclosurePanel(props, ref) {
         }
     });
     return /*#__PURE__*/ (0, $hI1OT$react).createElement("div", {
-        role: role,
-        // @ts-ignore
-        ref: (0, $hI1OT$mergeRefs)(ref, contentRef),
-        ...(0, $hI1OT$mergeProps)(contentProps, focusWithinProps),
+        ref: (0, $hI1OT$mergeRefs)(ref, panelRef),
+        ...(0, $hI1OT$mergeProps)(panelProps, focusWithinProps),
         ...renderProps,
+        role: role,
         "data-focus-visible-within": isFocusVisibleWithin || undefined
     }, /*#__PURE__*/ (0, $hI1OT$react).createElement((0, $64fa3d84918910a7$export$2881499e37b75b9a), {
         values: [
@@ -111,5 +156,5 @@ function $28f4fd908f0de97f$var$DisclosurePanel(props, ref) {
 const $28f4fd908f0de97f$export$feabaa331e1d464c = /*#__PURE__*/ (0, $hI1OT$forwardRef)($28f4fd908f0de97f$var$DisclosurePanel);
 
 
-export {$28f4fd908f0de97f$export$d665dd135a51b28a as DisclosureContext, $28f4fd908f0de97f$export$dab3ea4a6ef094da as DisclosureStateContext, $28f4fd908f0de97f$export$74a362b31437ec83 as Disclosure, $28f4fd908f0de97f$export$feabaa331e1d464c as DisclosurePanel};
+export {$28f4fd908f0de97f$export$1d40e3e0cc4d5de as DisclosureGroupStateContext, $28f4fd908f0de97f$export$944aceb4f8c89f10 as DisclosureGroup, $28f4fd908f0de97f$export$d665dd135a51b28a as DisclosureContext, $28f4fd908f0de97f$export$dab3ea4a6ef094da as DisclosureStateContext, $28f4fd908f0de97f$export$74a362b31437ec83 as Disclosure, $28f4fd908f0de97f$export$feabaa331e1d464c as DisclosurePanel};
 //# sourceMappingURL=Disclosure.module.js.map

package/dist/Disclosure.module.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;AAmCM,MAAM,0DAAoB,CAAA,GAAA,oBAAY,EAAiD;AACvF,MAAM,0DAAyB,CAAA,GAAA,oBAAY,EAA0B;AAO5E,MAAM,gEAA4B,CAAA,GAAA,oBAAY,EAAyC;AAEvF,SAAS,iCAAW,KAAsB,EAAE,GAAiC;IAC3E,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAc,EAAE,OAAO,KAAK;IAC3C,IAAI,QAAQ,CAAA,GAAA,yBAAiB,EAAE;IAC/B,IAAI,aAAa,CAAA,GAAA,YAAI,EAAE,MAAM,CAAqB;IAClD,IAAI,eAAC,WAAW,gBAAE,YAAY,EAAC,GAAG,CAAA,GAAA,oBAAY,EAAE,OAAO,OAAO;IAC9D,IAAI,EACF,gBAAgB,oBAAoB,EACpC,YAAY,gBAAgB,EAC7B,GAAG,CAAA,GAAA,mBAAW,EAAE;QAAC,QAAQ;IAAI;IAE9B,IAAI,cAAc,CAAA,GAAA,uCAAa,EAAE;QAC/B,GAAG,KAAK;QACR,kBAAkB;QAClB,QAAQ;YACN,YAAY,MAAM,UAAU;YAC5B,YAAY,MAAM,UAAU,IAAI;kCAChC;mBACA;QACF;IACF;IAEA,qBACE,gCAAC,CAAA,GAAA,yCAAO;QACN,QAAQ;YACN;gBAAC,CAAA,GAAA,yCAAY;gBAAG;oBACd,OAAO;wBACL,CAAC,CAAA,GAAA,yCAAW,EAAE,EAAE,CAAC;wBACjB,SAAS;oBACX;gBACF;aAAE;YACF;gBAAC;gBAA2B;kCAAC;gCAAc;gBAAU;aAAE;YACvD;gBAAC;gBAAwB;aAAM;SAChC;qBACD,gCAAC;QACC,KAAK;QACL,iBAAe,MAAM,UAAU,IAAI;QACnC,iBAAe,MAAM,UAAU,IAAI;QACnC,6BAA2B,wBAAwB;QAClD,GAAG,gBAAgB;QACnB,GAAG,WAAW;OACd,YAAY,QAAQ;AAI7B;AAWA,SAAS,sCAAgB,KAA2B,EAAE,GAA8B;IAClF,IAAI,QAAC,OAAO,SAAQ,GAAG;IACvB,IAAI,gBAAC,YAAY,cAAE,UAAU,EAAC,GAAG,CAAA,GAAA,iBAAS,EAAE;IAC5C,IAAI,EACF,gBAAgB,oBAAoB,EACpC,YAAY,gBAAgB,EAC7B,GAAG,CAAA,GAAA,mBAAW,EAAE;QAAC,QAAQ;IAAI;IAC9B,IAAI,cAAc,CAAA,GAAA,uCAAa,EAAE;QAC/B,GAAG,KAAK;QACR,kBAAkB;QAClB,QAAQ;kCACN;QACF;IACF;IACA,qBACE,gCAAC;QACC,MAAM;QACN,aAAa;QACb,KAAK,CAAA,GAAA,gBAAQ,EAAE,KAAK;QACnB,GAAG,CAAA,GAAA,iBAAS,EAAE,cAAc,iBAAiB;QAC7C,GAAG,WAAW;QACf,6BAA2B,wBAAwB;qBACnD,gCAAC,CAAA,GAAA,yCAAO;QACN,QAAQ;YACN;gBAAC,CAAA,GAAA,yCAAY;gBAAG;aAAK;SACtB;OACA,MAAM,QAAQ;AAIvB;AAEA;;CAEC,GACD,MAAM,4CAA4B,AAAd,WAAW,GAAI,CAAA,GAAA,iBAAS,EAAqB;AAGjE,MAAM,4CAAiC,AAAd,WAAW,GAAI,CAAA,GAAA,iBAAS,EAAqB","sources":["packages/react-aria-components/src/Disclosure.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaDisclosureProps, useDisclosure} from '@react-aria/disclosure';\nimport {ButtonContext} from './Button';\nimport {ContextValue, DEFAULT_SLOT, Provider, RenderProps, SlotProps, useContextProps, useRenderProps} from './utils';\nimport {DisclosureState, useDisclosureState} from '@react-stately/disclosure';\nimport {forwardRefType} from '@react-types/shared';\nimport {HoverEvents, useFocusRing} from 'react-aria';\nimport {mergeProps, mergeRefs} from '@react-aria/utils';\nimport React, {createContext, DOMAttributes, ForwardedRef, forwardRef, ReactNode, useContext} from 'react';\n\nexport interface DisclosureProps extends Omit<AriaDisclosureProps, 'children'>, HoverEvents, RenderProps<DisclosureRenderProps>, SlotProps {}\n\nexport interface DisclosureRenderProps {\n  /**\n   * Whether the disclosure is expanded.\n   * @selector [data-expanded]\n   */\n  isExpanded: boolean,\n  /**\n   * Whether the disclosure has keyboard focus.\n   * @selector [data-focus-visible-within]\n   */\n  isFocusVisibleWithin: boolean,\n  /**\n   * Whether the disclosure is disabled.\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean,\n  /**\n   * State of the disclosure.\n   */\n  state: DisclosureState\n}\n\nexport const DisclosureContext = createContext<ContextValue<DisclosureProps, HTMLDivElement>>(null);\nexport const DisclosureStateContext = createContext<DisclosureState | null>(null);\n\ninterface InternalDisclosureContextValue {\n  contentProps: DOMAttributes<HTMLElement>,\n  contentRef: React.RefObject<HTMLElement | null>\n}\n\nconst InternalDisclosureContext = createContext<InternalDisclosureContextValue | null>(null);\n\nfunction Disclosure(props: DisclosureProps, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useContextProps(props, ref, DisclosureContext);\n  let state = useDisclosureState(props);\n  let contentRef = React.useRef<HTMLElement | null>(null);\n  let {buttonProps, contentProps} = useDisclosure(props, state, contentRef);\n  let {\n    isFocusVisible: isFocusVisibleWithin,\n    focusProps: focusWithinProps\n  } = useFocusRing({within: true});\n\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-Disclosure',\n    values: {\n      isExpanded: state.isExpanded,\n      isDisabled: props.isDisabled || false,\n      isFocusVisibleWithin,\n      state\n    }\n  });\n\n  return (\n    <Provider\n      values={[\n        [ButtonContext, {\n          slots: {\n            [DEFAULT_SLOT]: {},\n            trigger: buttonProps\n          }\n        }],\n        [InternalDisclosureContext, {contentProps, contentRef}],\n        [DisclosureStateContext, state]\n      ]}>\n      <div\n        ref={ref}\n        data-expanded={state.isExpanded || undefined}\n        data-disabled={props.isDisabled || undefined}\n        data-focus-visible-within={isFocusVisibleWithin || undefined}\n        {...focusWithinProps}\n        {...renderProps}>\n        {renderProps.children}\n      </div>\n    </Provider>\n  );\n}\n\nexport interface DisclosurePanelProps extends RenderProps<{}> {\n  /**\n   * The accessibility role for the disclosure's panel.\n   * @default 'group'\n   */\n  role?: 'group' | 'region',\n  children: ReactNode\n}\n\nfunction DisclosurePanel(props: DisclosurePanelProps, ref: ForwardedRef<HTMLElement>) {\n  let {role = 'group'} = props;\n  let {contentProps, contentRef} = useContext(InternalDisclosureContext)!;\n  let {\n    isFocusVisible: isFocusVisibleWithin,\n    focusProps: focusWithinProps\n  } = useFocusRing({within: true});\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-DisclosurePanel',\n    values: {\n      isFocusVisibleWithin\n    }\n  });\n  return (\n    <div\n      role={role}\n      // @ts-ignore\n      ref={mergeRefs(ref, contentRef)}\n      {...mergeProps(contentProps, focusWithinProps)}\n      {...renderProps}\n      data-focus-visible-within={isFocusVisibleWithin || undefined}>\n      <Provider\n        values={[\n          [ButtonContext, null]\n        ]}>\n        {props.children}\n      </Provider>\n    </div>\n  );\n}\n\n/**\n * A disclosure is a collapsible section of content. It is composed of a a header with a heading and trigger button, and a panel that contains the content.\n */\nconst _Disclosure = /*#__PURE__*/ (forwardRef as forwardRefType)(Disclosure);\nexport {_Disclosure as Disclosure};\n\nconst _DisclosurePanel = /*#__PURE__*/ (forwardRef as forwardRefType)(DisclosurePanel);\nexport {_DisclosurePanel as DisclosurePanel};\n"],"names":[],"version":3,"file":"Disclosure.module.js.map"}
+{"mappings":"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","sources":["packages/react-aria-components/src/Disclosure.tsx"],"sourcesContent":["/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaDisclosureProps, useDisclosure} from '@react-aria/disclosure';\nimport {ButtonContext} from './Button';\nimport {ContextValue, DEFAULT_SLOT, Provider, RenderProps, SlotProps, useContextProps, useRenderProps} from './utils';\nimport {DisclosureGroupState, DisclosureState, DisclosureGroupProps as StatelyDisclosureGroupProps, useDisclosureGroupState, useDisclosureState} from '@react-stately/disclosure';\nimport {DOMProps, forwardRefType, Key} from '@react-types/shared';\nimport {filterDOMProps, mergeProps, mergeRefs, useId} from '@react-aria/utils';\nimport React, {createContext, DOMAttributes, ForwardedRef, forwardRef, ReactNode, useContext} from 'react';\nimport {useFocusRing} from 'react-aria';\n\nexport interface DisclosureGroupProps extends StatelyDisclosureGroupProps, RenderProps<DisclosureGroupRenderProps>, DOMProps {}\n\nexport interface DisclosureGroupRenderProps {\n  /**\n   * Whether the disclosure group is disabled.\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean,\n  /**\n   * State of the disclosure group.\n   */\n  state: DisclosureGroupState\n}\n\nexport const DisclosureGroupStateContext = createContext<DisclosureGroupState | null>(null);\n\nfunction DisclosureGroup(props: DisclosureGroupProps, ref: ForwardedRef<HTMLDivElement>) {\n  let state = useDisclosureGroupState(props);\n\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-DisclosureGroup',\n    values: {\n      isDisabled: state.isDisabled,\n      state\n    }\n  });\n\n  let domProps = filterDOMProps(props);\n\n  return (\n    <div\n      {...domProps}\n      {...renderProps}\n      ref={ref}\n      data-disabled={props.isDisabled || undefined}>\n      <DisclosureGroupStateContext.Provider value={state}>\n        {renderProps.children}\n      </DisclosureGroupStateContext.Provider>\n    </div>\n  );\n}\n\n/**\n * A DisclosureGroup is a grouping of related disclosures, sometimes called an Accordion.\n * It supports both single and multiple expanded items.\n */\nconst _DisclosureGroup = forwardRef(DisclosureGroup);\nexport {_DisclosureGroup as DisclosureGroup};\n\nexport interface DisclosureProps extends Omit<AriaDisclosureProps, 'children'>, RenderProps<DisclosureRenderProps>, SlotProps {\n  /** An id for the disclosure when used within a DisclosureGroup, matching the id used in `expandedKeys`. */\n  id?: Key\n}\n\nexport interface DisclosureRenderProps {\n  /**\n   * Whether the disclosure is expanded.\n   * @selector [data-expanded]\n   */\n  isExpanded: boolean,\n  /**\n   * Whether the disclosure has keyboard focus.\n   * @selector [data-focus-visible-within]\n   */\n  isFocusVisibleWithin: boolean,\n  /**\n   * Whether the disclosure is disabled.\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean,\n  /**\n   * State of the disclosure.\n   */\n  state: DisclosureState\n}\n\nexport const DisclosureContext = createContext<ContextValue<DisclosureProps, HTMLDivElement>>(null);\nexport const DisclosureStateContext = createContext<DisclosureState | null>(null);\n\ninterface InternalDisclosureContextValue {\n  panelProps: DOMAttributes<HTMLElement>,\n  panelRef: React.RefObject<HTMLDivElement | null>\n}\n\nconst InternalDisclosureContext = createContext<InternalDisclosureContextValue | null>(null);\n\nfunction Disclosure(props: DisclosureProps, ref: ForwardedRef<HTMLDivElement>) {\n  [props, ref] = useContextProps(props, ref, DisclosureContext);\n  let groupState = useContext(DisclosureGroupStateContext);\n  let {id, ...otherProps} = props;\n\n  // Generate an id if one wasn't provided.\n  // (can't pass id into useId since it can also be a number)\n  let defaultId = useId();\n  id ||= defaultId;\n\n  let state = useDisclosureState({\n    ...props,\n    isExpanded: groupState ? groupState.expandedKeys.has(id) : props.isExpanded,\n    onExpandedChange(isExpanded) {\n      if (groupState) {\n        groupState.toggleKey(id);\n      }\n\n      props.onExpandedChange?.(isExpanded);\n    }\n  });\n\n  let panelRef = React.useRef<HTMLDivElement | null>(null);\n  let isDisabled = props.isDisabled || groupState?.isDisabled || false;\n  let {buttonProps, panelProps} = useDisclosure({\n    ...props,\n    isDisabled\n  }, state, panelRef);\n  let {\n    isFocusVisible: isFocusVisibleWithin,\n    focusProps: focusWithinProps\n  } = useFocusRing({within: true});\n\n  let renderProps = useRenderProps({\n    ...props,\n    id: undefined,\n    defaultClassName: 'react-aria-Disclosure',\n    values: {\n      isExpanded: state.isExpanded,\n      isDisabled,\n      isFocusVisibleWithin,\n      state\n    }\n  });\n\n  let domProps = filterDOMProps(otherProps as any);\n\n  return (\n    <Provider\n      values={[\n        [ButtonContext, {\n          slots: {\n            [DEFAULT_SLOT]: {},\n            trigger: buttonProps\n          }\n        }],\n        [InternalDisclosureContext, {panelProps, panelRef}],\n        [DisclosureStateContext, state]\n      ]}>\n      <div\n        ref={ref}\n        data-expanded={state.isExpanded || undefined}\n        data-disabled={isDisabled || undefined}\n        data-focus-visible-within={isFocusVisibleWithin || undefined}\n        {...domProps}\n        {...focusWithinProps}\n        {...renderProps}>\n        {renderProps.children}\n      </div>\n    </Provider>\n  );\n}\n\nexport interface DisclosurePanelProps extends RenderProps<{}> {\n  /**\n   * The accessibility role for the disclosure's panel.\n   * @default 'group'\n   */\n  role?: 'group' | 'region',\n  children: ReactNode\n}\n\nfunction DisclosurePanel(props: DisclosurePanelProps, ref: ForwardedRef<HTMLDivElement>) {\n  let {role = 'group'} = props;\n  let {panelProps, panelRef} = useContext(InternalDisclosureContext)!;\n  let {\n    isFocusVisible: isFocusVisibleWithin,\n    focusProps: focusWithinProps\n  } = useFocusRing({within: true});\n  let renderProps = useRenderProps({\n    ...props,\n    defaultClassName: 'react-aria-DisclosurePanel',\n    values: {\n      isFocusVisibleWithin\n    }\n  });\n  return (\n    <div\n      ref={mergeRefs(ref, panelRef)}\n      {...mergeProps(panelProps, focusWithinProps)}\n      {...renderProps}\n      role={role}\n      data-focus-visible-within={isFocusVisibleWithin || undefined}>\n      <Provider\n        values={[\n          [ButtonContext, null]\n        ]}>\n        {props.children}\n      </Provider>\n    </div>\n  );\n}\n\n/**\n * A disclosure is a collapsible section of content. It is composed of a a header with a heading and trigger button, and a panel that contains the content.\n */\nconst _Disclosure = /*#__PURE__*/ (forwardRef as forwardRefType)(Disclosure);\nexport {_Disclosure as Disclosure};\n\nconst _DisclosurePanel = /*#__PURE__*/ (forwardRef as forwardRefType)(DisclosurePanel);\nexport {_DisclosurePanel as DisclosurePanel};\n"],"names":[],"version":3,"file":"Disclosure.module.js.map"}

package/dist/Tree.main.js

@@ -282,6 +282,10 @@ const $c6576bb58bfa084b$export$635b3358b7a3dfbb = /*#__PURE__*/ (0, $5SMu3$react
         id: undefined,
         children: item.rendered,
         defaultClassName: 'react-aria-TreeItem',
+        defaultStyle: {
+            // @ts-ignore
+            '--tree-item-level': level
+        },
         values: renderPropValues
     });
     (0, $5SMu3$react.useEffect)(()=>{
@@ -315,8 +319,8 @@ const $c6576bb58bfa084b$export$635b3358b7a3dfbb = /*#__PURE__*/ (0, $5SMu3$react
         ...renderProps,
         ref: ref,
         // TODO: missing selectionBehavior, hasAction and allowsSelection data attribute equivalents (available in renderProps). Do we want those?
-        "data-expanded": hasChildRows ? isExpanded : undefined,
-        "data-has-child-rows": hasChildRows,
+        "data-expanded": hasChildRows && isExpanded || undefined,
+        "data-has-child-rows": hasChildRows || undefined,
         "data-level": level,
         "data-selected": states.isSelected || undefined,
         "data-disabled": states.isDisabled || undefined,