@react-spectrum/s2 1.0.0 → 1.2.0

package/dist/Accordion.cjs

@@ -35,9 +35,9 @@ $parcel$export(module.exports, "AccordionItemPanel", () => $152a25dfd79f123a$exp
 
 const $152a25dfd79f123a$var$accordion = function anonymous(props, overrides) {
     let rules = " ";
-    rules += ((overrides || '').match(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_6|Z|N|L|F|M|K)[^\s]+/g) || []).join('');
-    rules += ' sd1';
-    rules += ' _ta1';
+    rules += (String(overrides || '').match(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_6|Z|N|L|F|M|K)[^\s]+/g) || []).join('');
+    rules += ' sd12';
+    rules += ' _ta12';
     return rules;
 };
 const $152a25dfd79f123a$export$6bd5bb82c987ab74 = /*#__PURE__*/ (0, $etdk1$react.createContext)(null);

package/dist/Accordion.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AA8CD,MAAM;;;;;;;AAKC,MAAM,0DAAmB,CAAA,GAAA,0BAAY,EAAsE;AAK3G,MAAM,0DAAY,CAAA,GAAA,uBAAS,EAAE,SAAS,UAAU,KAAqB,EAAE,GAA2B;IACvG,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,iDAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,gBACF,YAAY,oBACZ,mBAAmB,UACnB,OAAO,cACP,UAAU,oBACV,OAAO,EACR,GAAG;IACJ,qBACE,gCAAC,CAAA,GAAA,2CAAgB,EAAE,QAAQ;QAAC,OAAO;kBAAC;qBAAM;qBAAS;QAAO;kBACxD,cAAA,gCAAC,CAAA,GAAA,0CAAc;YACZ,GAAG,KAAK;YACT,KAAK;YACL,OAAO;YACP,WAAW,AAAC,CAAA,oBAAoB,EAAC,IAAK,gCAAU,MAAM,MAAM,MAAM;sBACjE,MAAM,QAAQ;;;AAIvB;AAmEO,MAAM,0DAAgB,CAAA,GAAA,uBAAS,EAAE,SAAS,cAAc,KAAyB,EAAE,GAA2B;IACnH,qBAAO,gCAAC,CAAA,GAAA,oCAAS;QAAG,GAAG,KAAK;QAAE,KAAK;;AACrC;AAeO,MAAM,0DAAqB,CAAA,GAAA,uBAAS,EAAE,SAAS,mBAAmB,KAA8B,EAAE,GAA2B;IAClI,qBAAO,gCAAC,CAAA,GAAA,yCAAc;QAAG,GAAG,KAAK;QAAE,KAAK;;AAC1C;AAUO,MAAM,0DAAsB,CAAA,GAAA,uBAAS,EAAE,SAAS,oBAAoB,KAA+B,EAAE,GAA2B;IACrI,qBAAO,gCAAC,CAAA,GAAA,0CAAe;QAAG,GAAG,KAAK;QAAE,KAAK;;AAC3C;AAeO,MAAM,0DAAqB,CAAA,GAAA,uBAAS,EAAE,SAAS,mBAAmB,KAA8B,EAAE,GAA2B;IAClI,qBAAO,gCAAC,CAAA,GAAA,yCAAc;QAAG,GAAG,KAAK;QAAE,KAAK;;AAC1C","sources":["packages/@react-spectrum/s2/src/Accordion.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 {AriaLabelingProps, DOMProps, DOMRef, DOMRefValue, Key} from '@react-types/shared';\nimport {ContextValue, DisclosureGroup, RenderProps, SlotProps} from 'react-aria-components';\nimport {\n  Disclosure,\n  DisclosureContext,\n  DisclosureHeader,\n  DisclosurePanel,\n  DisclosureTitle\n} from './Disclosure';\nimport {getAllowedOverrides, StyleProps, StylesPropWithHeight, UnsafeStyles} from './style-utils' with { type: 'macro' };\nimport React, {createContext, forwardRef, ReactNode} from 'react';\nimport {style} from '../style' with { type: 'macro' };\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface AccordionProps extends UnsafeStyles, DOMProps, SlotProps {\n  /** The accordion item elements in the accordion. */\n  children: React.ReactNode,\n  /** Spectrum-defined styles, returned by the `style()` macro. */\n  styles?: StylesPropWithHeight,\n  /**\n   * The size of the accordion.\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /**\n   * The amount of space between the accordion items.\n   * @default 'regular'\n   */\n  density?: 'compact' | 'regular' | 'spacious',\n  /** Whether the accordion should be displayed with a quiet style. */\n  isQuiet?: boolean,\n  /** Whether multiple accordion items can be expanded at the same time. */\n  allowsMultipleExpanded?: boolean,\n  /** Whether all accordion items are disabled. */\n  isDisabled?: boolean,\n  /** The currently expanded keys in the accordion (controlled). */\n  expandedKeys?: Iterable<Key>,\n  /** The initial expanded keys in the accordion (uncontrolled). */\n  defaultExpandedKeys?: Iterable<Key>,\n  /** Handler that is called when accordion items are expanded or collapsed. */\n  onExpandedChange?: (keys: Set<Key>) => any\n}\n\nconst accordion = style({\n  display: 'flex',\n  flexDirection: 'column'\n}, getAllowedOverrides({height: true}));\n\nexport const AccordionContext = createContext<ContextValue<Partial<AccordionProps>, DOMRefValue<HTMLDivElement>>>(null);\n\n/**\n * An accordion is a container for multiple accordion items.\n */\nexport const Accordion = forwardRef(function Accordion(props: AccordionProps, ref: DOMRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, AccordionContext);\n  let domRef = useDOMRef(ref);\n  let {\n    UNSAFE_style,\n    UNSAFE_className = '',\n    size = 'M',\n    density = 'regular',\n    isQuiet\n  } = props;\n  return (\n    <DisclosureContext.Provider value={{size, isQuiet, density}}>\n      <DisclosureGroup\n        {...props}\n        ref={domRef}\n        style={UNSAFE_style}\n        className={(UNSAFE_className ?? '') + accordion(null, props.styles)}>\n        {props.children}\n      </DisclosureGroup>\n    </DisclosureContext.Provider>\n  );\n});\n\nexport interface AccordionItemState {\n  /** Whether the accordion item is currently expanded. */\n  readonly isExpanded: boolean,\n  /** Sets whether the accordion item is expanded. */\n  setExpanded(isExpanded: boolean): void,\n  /** Expand the accordion item. */\n  expand(): void,\n  /** Collapse the accordion item. */\n  collapse(): void,\n  /** Toggles the accordion item's visibility. */\n  toggle(): void\n}\n\nexport interface AccordionItemRenderProps {\n  /**\n   * Whether the accordion item is expanded.\n   * @selector [data-expanded]\n   */\n  isExpanded: boolean,\n  /**\n   * Whether the accordion item has keyboard focus.\n   * @selector [data-focus-visible-within]\n   */\n  isFocusVisibleWithin: boolean,\n  /**\n   * Whether the accordion item is disabled.\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean,\n  /**\n   * State of the accordion item.\n   */\n  state: AccordionItemState\n}\n\nexport interface AccordionItemProps extends Omit<RenderProps<AccordionItemRenderProps>, 'className' | 'style'>, SlotProps, StyleProps {\n  /**\n   * The size of the accordion item.\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /**\n   * The amount of space between the accordion item.\n   * @default 'regular'\n   */\n  density?: 'compact' | 'regular' | 'spacious',\n  /** Whether the accordion item should be displayed with a quiet style. */\n  isQuiet?: boolean,\n  /** The contents of the accordion item, consisting of a accordion item title and accordion item panel. */\n  children: ReactNode,\n  /** An id for the accordion item, matching the id used in `expandedKeys`. */\n  id?: Key,\n  /** Whether the accordion item is disabled. */\n  isDisabled?: boolean,\n  /** Handler that is called when the accordion item's expanded state changes. */\n  onExpandedChange?: (isExpanded: boolean) => void,\n  /** Whether the accordion item is expanded (controlled). */\n  isExpanded?: boolean,\n  /** Whether the accordion item is expanded by default (uncontrolled). */\n  defaultExpanded?: boolean\n}\n\n/**\n * A accordion item is a collapsible section of content. It is composed of a header with a heading and trigger button, and a panel that contains the content.\n */\nexport const AccordionItem = forwardRef(function AccordionItem(props: AccordionItemProps, ref: DOMRef<HTMLDivElement>) {\n  return <Disclosure {...props} ref={ref} />;\n});\n\nexport interface AccordionItemTitleProps extends UnsafeStyles, DOMProps {\n  /** The heading level of the accordion item title.\n   *\n   * @default 3\n   */\n  level?: number,\n  /** The contents of the accordion item title. */\n  children: React.ReactNode\n}\n\n/**\n * An accordion item title consisting of a heading and a trigger button to expand/collapse the panel.\n */\nexport const AccordionItemTitle = forwardRef(function AccordionItemTitle(props: AccordionItemTitleProps, ref: DOMRef<HTMLDivElement>) {\n  return <DisclosureTitle {...props} ref={ref} />;\n});\n\nexport interface AccordionItemHeaderProps extends UnsafeStyles, DOMProps {\n  /** The contents of the accordion item header. */\n  children: React.ReactNode\n}\n\n/**\n * A wrapper element for the accordion item title that can contain other elements not part of the trigger.\n */\nexport const AccordionItemHeader = forwardRef(function AccordionItemHeader(props: AccordionItemHeaderProps, ref: DOMRef<HTMLDivElement>) {\n  return <DisclosureHeader {...props} ref={ref} />;\n});\n\nexport interface AccordionItemPanelProps extends UnsafeStyles, DOMProps, AriaLabelingProps {\n  /** The contents of the accordion item panel. */\n  children: React.ReactNode,\n  /**\n   * The accessibility role for the accordion item panel.\n   * @default 'group'\n   */\n  role?: 'group' | 'region'\n}\n\n/**\n * An accordion item panel is a collapsible section of content that is hidden until the accordion item is expanded.\n */\nexport const AccordionItemPanel = forwardRef(function AccordionItemPanel(props: AccordionItemPanelProps, ref: DOMRef<HTMLDivElement>) {\n  return <DisclosurePanel {...props} ref={ref} />;\n});\n"],"names":[],"version":3,"file":"Accordion.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AA8CD,MAAM;;;;;;;AAKC,MAAM,0DAAmB,CAAA,GAAA,0BAAY,EAAsE;AAK3G,MAAM,0DAAY,CAAA,GAAA,uBAAS,EAAE,SAAS,UAAU,KAAqB,EAAE,GAA2B;IACvG,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,iDAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,gBACF,YAAY,oBACZ,mBAAmB,UACnB,OAAO,cACP,UAAU,oBACV,OAAO,EACR,GAAG;IACJ,qBACE,gCAAC,CAAA,GAAA,2CAAgB,EAAE,QAAQ;QAAC,OAAO;kBAAC;qBAAM;qBAAS;QAAO;kBACxD,cAAA,gCAAC,CAAA,GAAA,0CAAc;YACZ,GAAG,KAAK;YACT,KAAK;YACL,OAAO;YACP,WAAW,AAAC,CAAA,oBAAoB,EAAC,IAAK,gCAAU,MAAM,MAAM,MAAM;sBACjE,MAAM,QAAQ;;;AAIvB;AAmEO,MAAM,0DAAgB,CAAA,GAAA,uBAAS,EAAE,SAAS,cAAc,KAAyB,EAAE,GAA2B;IACnH,qBAAO,gCAAC,CAAA,GAAA,oCAAS;QAAG,GAAG,KAAK;QAAE,KAAK;;AACrC;AAeO,MAAM,0DAAqB,CAAA,GAAA,uBAAS,EAAE,SAAS,mBAAmB,KAA8B,EAAE,GAA2B;IAClI,qBAAO,gCAAC,CAAA,GAAA,yCAAc;QAAG,GAAG,KAAK;QAAE,KAAK;;AAC1C;AAUO,MAAM,0DAAsB,CAAA,GAAA,uBAAS,EAAE,SAAS,oBAAoB,KAA+B,EAAE,GAA2B;IACrI,qBAAO,gCAAC,CAAA,GAAA,0CAAe;QAAG,GAAG,KAAK;QAAE,KAAK;;AAC3C;AAeO,MAAM,0DAAqB,CAAA,GAAA,uBAAS,EAAE,SAAS,mBAAmB,KAA8B,EAAE,GAA2B;IAClI,qBAAO,gCAAC,CAAA,GAAA,yCAAc;QAAG,GAAG,KAAK;QAAE,KAAK;;AAC1C","sources":["packages/@react-spectrum/s2/src/Accordion.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 {AriaLabelingProps, DOMProps, DOMRef, DOMRefValue, Key} from '@react-types/shared';\nimport {ContextValue, DisclosureGroup, RenderProps, SlotProps} from 'react-aria-components';\nimport {\n  Disclosure,\n  DisclosureContext,\n  DisclosureHeader,\n  DisclosurePanel,\n  DisclosureTitle\n} from './Disclosure';\nimport {getAllowedOverrides, StyleProps, StylesPropWithHeight, UnsafeStyles} from './style-utils' with { type: 'macro' };\nimport React, {createContext, forwardRef, ReactNode} from 'react';\nimport {style} from '../style' with { type: 'macro' };\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface AccordionProps extends UnsafeStyles, DOMProps, SlotProps {\n  /** The accordion item elements in the accordion. */\n  children: React.ReactNode,\n  /** Spectrum-defined styles, returned by the `style()` macro. */\n  styles?: StylesPropWithHeight,\n  /**\n   * The size of the accordion.\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /**\n   * The amount of space between the accordion items.\n   * @default 'regular'\n   */\n  density?: 'compact' | 'regular' | 'spacious',\n  /** Whether the accordion should be displayed with a quiet style. */\n  isQuiet?: boolean,\n  /** Whether multiple accordion items can be expanded at the same time. */\n  allowsMultipleExpanded?: boolean,\n  /** Whether all accordion items are disabled. */\n  isDisabled?: boolean,\n  /** The currently expanded keys in the accordion (controlled). */\n  expandedKeys?: Iterable<Key>,\n  /** The initial expanded keys in the accordion (uncontrolled). */\n  defaultExpandedKeys?: Iterable<Key>,\n  /** Handler that is called when accordion items are expanded or collapsed. */\n  onExpandedChange?: (keys: Set<Key>) => any\n}\n\nconst accordion = style({\n  display: 'flex',\n  flexDirection: 'column'\n}, getAllowedOverrides({height: true}));\n\nexport const AccordionContext = createContext<ContextValue<Partial<AccordionProps>, DOMRefValue<HTMLDivElement>>>(null);\n\n/**\n * An accordion is a container for multiple accordion items.\n */\nexport const Accordion = forwardRef(function Accordion(props: AccordionProps, ref: DOMRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, AccordionContext);\n  let domRef = useDOMRef(ref);\n  let {\n    UNSAFE_style,\n    UNSAFE_className = '',\n    size = 'M',\n    density = 'regular',\n    isQuiet\n  } = props;\n  return (\n    <DisclosureContext.Provider value={{size, isQuiet, density}}>\n      <DisclosureGroup\n        {...props}\n        ref={domRef}\n        style={UNSAFE_style}\n        className={(UNSAFE_className ?? '') + accordion(null, props.styles)}>\n        {props.children}\n      </DisclosureGroup>\n    </DisclosureContext.Provider>\n  );\n});\n\nexport interface AccordionItemState {\n  /** Whether the accordion item is currently expanded. */\n  readonly isExpanded: boolean,\n  /** Sets whether the accordion item is expanded. */\n  setExpanded(isExpanded: boolean): void,\n  /** Expand the accordion item. */\n  expand(): void,\n  /** Collapse the accordion item. */\n  collapse(): void,\n  /** Toggles the accordion item's visibility. */\n  toggle(): void\n}\n\nexport interface AccordionItemRenderProps {\n  /**\n   * Whether the accordion item is expanded.\n   * @selector [data-expanded]\n   */\n  isExpanded: boolean,\n  /**\n   * Whether the accordion item has keyboard focus.\n   * @selector [data-focus-visible-within]\n   */\n  isFocusVisibleWithin: boolean,\n  /**\n   * Whether the accordion item is disabled.\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean,\n  /**\n   * State of the accordion item.\n   */\n  state: AccordionItemState\n}\n\nexport interface AccordionItemProps extends Omit<RenderProps<AccordionItemRenderProps>, 'className' | 'style' | 'render'>, SlotProps, StyleProps {\n  /**\n   * The size of the accordion item.\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /**\n   * The amount of space between the accordion item.\n   * @default 'regular'\n   */\n  density?: 'compact' | 'regular' | 'spacious',\n  /** Whether the accordion item should be displayed with a quiet style. */\n  isQuiet?: boolean,\n  /** The contents of the accordion item, consisting of a accordion item title and accordion item panel. */\n  children: ReactNode,\n  /** An id for the accordion item, matching the id used in `expandedKeys`. */\n  id?: Key,\n  /** Whether the accordion item is disabled. */\n  isDisabled?: boolean,\n  /** Handler that is called when the accordion item's expanded state changes. */\n  onExpandedChange?: (isExpanded: boolean) => void,\n  /** Whether the accordion item is expanded (controlled). */\n  isExpanded?: boolean,\n  /** Whether the accordion item is expanded by default (uncontrolled). */\n  defaultExpanded?: boolean\n}\n\n/**\n * A accordion item is a collapsible section of content. It is composed of a header with a heading and trigger button, and a panel that contains the content.\n */\nexport const AccordionItem = forwardRef(function AccordionItem(props: AccordionItemProps, ref: DOMRef<HTMLDivElement>) {\n  return <Disclosure {...props} ref={ref} />;\n});\n\nexport interface AccordionItemTitleProps extends UnsafeStyles, DOMProps {\n  /** The heading level of the accordion item title.\n   *\n   * @default 3\n   */\n  level?: number,\n  /** The contents of the accordion item title. */\n  children: React.ReactNode\n}\n\n/**\n * An accordion item title consisting of a heading and a trigger button to expand/collapse the panel.\n */\nexport const AccordionItemTitle = forwardRef(function AccordionItemTitle(props: AccordionItemTitleProps, ref: DOMRef<HTMLDivElement>) {\n  return <DisclosureTitle {...props} ref={ref} />;\n});\n\nexport interface AccordionItemHeaderProps extends UnsafeStyles, DOMProps {\n  /** The contents of the accordion item header. */\n  children: React.ReactNode\n}\n\n/**\n * A wrapper element for the accordion item title that can contain other elements not part of the trigger.\n */\nexport const AccordionItemHeader = forwardRef(function AccordionItemHeader(props: AccordionItemHeaderProps, ref: DOMRef<HTMLDivElement>) {\n  return <DisclosureHeader {...props} ref={ref} />;\n});\n\nexport interface AccordionItemPanelProps extends UnsafeStyles, DOMProps, AriaLabelingProps {\n  /** The contents of the accordion item panel. */\n  children: React.ReactNode,\n  /**\n   * The accessibility role for the accordion item panel.\n   * @default 'group'\n   */\n  role?: 'group' | 'region'\n}\n\n/**\n * An accordion item panel is a collapsible section of content that is hidden until the accordion item is expanded.\n */\nexport const AccordionItemPanel = forwardRef(function AccordionItemPanel(props: AccordionItemPanelProps, ref: DOMRef<HTMLDivElement>) {\n  return <DisclosurePanel {...props} ref={ref} />;\n});\n"],"names":[],"version":3,"file":"Accordion.cjs.map"}

package/dist/Accordion.css

@@ -1,9 +1,9 @@
 @layer _.a {
-  .sd1 {
+  .sd12 {
     display: flex;
   }
 
-  ._ta1 {
+  ._ta12 {
     flex-direction: column;
   }
 }

package/dist/Accordion.css.map

@@ -1 +1 @@
-{"mappings":"AAwDkB;EAAA;;;;EAAA","sources":["packages/@react-spectrum/s2/src/Accordion.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 {AriaLabelingProps, DOMProps, DOMRef, DOMRefValue, Key} from '@react-types/shared';\nimport {ContextValue, DisclosureGroup, RenderProps, SlotProps} from 'react-aria-components';\nimport {\n  Disclosure,\n  DisclosureContext,\n  DisclosureHeader,\n  DisclosurePanel,\n  DisclosureTitle\n} from './Disclosure';\nimport {getAllowedOverrides, StyleProps, StylesPropWithHeight, UnsafeStyles} from './style-utils' with { type: 'macro' };\nimport React, {createContext, forwardRef, ReactNode} from 'react';\nimport {style} from '../style' with { type: 'macro' };\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface AccordionProps extends UnsafeStyles, DOMProps, SlotProps {\n  /** The accordion item elements in the accordion. */\n  children: React.ReactNode,\n  /** Spectrum-defined styles, returned by the `style()` macro. */\n  styles?: StylesPropWithHeight,\n  /**\n   * The size of the accordion.\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /**\n   * The amount of space between the accordion items.\n   * @default 'regular'\n   */\n  density?: 'compact' | 'regular' | 'spacious',\n  /** Whether the accordion should be displayed with a quiet style. */\n  isQuiet?: boolean,\n  /** Whether multiple accordion items can be expanded at the same time. */\n  allowsMultipleExpanded?: boolean,\n  /** Whether all accordion items are disabled. */\n  isDisabled?: boolean,\n  /** The currently expanded keys in the accordion (controlled). */\n  expandedKeys?: Iterable<Key>,\n  /** The initial expanded keys in the accordion (uncontrolled). */\n  defaultExpandedKeys?: Iterable<Key>,\n  /** Handler that is called when accordion items are expanded or collapsed. */\n  onExpandedChange?: (keys: Set<Key>) => any\n}\n\nconst accordion = style({\n  display: 'flex',\n  flexDirection: 'column'\n}, getAllowedOverrides({height: true}));\n\nexport const AccordionContext = createContext<ContextValue<Partial<AccordionProps>, DOMRefValue<HTMLDivElement>>>(null);\n\n/**\n * An accordion is a container for multiple accordion items.\n */\nexport const Accordion = forwardRef(function Accordion(props: AccordionProps, ref: DOMRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, AccordionContext);\n  let domRef = useDOMRef(ref);\n  let {\n    UNSAFE_style,\n    UNSAFE_className = '',\n    size = 'M',\n    density = 'regular',\n    isQuiet\n  } = props;\n  return (\n    <DisclosureContext.Provider value={{size, isQuiet, density}}>\n      <DisclosureGroup\n        {...props}\n        ref={domRef}\n        style={UNSAFE_style}\n        className={(UNSAFE_className ?? '') + accordion(null, props.styles)}>\n        {props.children}\n      </DisclosureGroup>\n    </DisclosureContext.Provider>\n  );\n});\n\nexport interface AccordionItemState {\n  /** Whether the accordion item is currently expanded. */\n  readonly isExpanded: boolean,\n  /** Sets whether the accordion item is expanded. */\n  setExpanded(isExpanded: boolean): void,\n  /** Expand the accordion item. */\n  expand(): void,\n  /** Collapse the accordion item. */\n  collapse(): void,\n  /** Toggles the accordion item's visibility. */\n  toggle(): void\n}\n\nexport interface AccordionItemRenderProps {\n  /**\n   * Whether the accordion item is expanded.\n   * @selector [data-expanded]\n   */\n  isExpanded: boolean,\n  /**\n   * Whether the accordion item has keyboard focus.\n   * @selector [data-focus-visible-within]\n   */\n  isFocusVisibleWithin: boolean,\n  /**\n   * Whether the accordion item is disabled.\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean,\n  /**\n   * State of the accordion item.\n   */\n  state: AccordionItemState\n}\n\nexport interface AccordionItemProps extends Omit<RenderProps<AccordionItemRenderProps>, 'className' | 'style'>, SlotProps, StyleProps {\n  /**\n   * The size of the accordion item.\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /**\n   * The amount of space between the accordion item.\n   * @default 'regular'\n   */\n  density?: 'compact' | 'regular' | 'spacious',\n  /** Whether the accordion item should be displayed with a quiet style. */\n  isQuiet?: boolean,\n  /** The contents of the accordion item, consisting of a accordion item title and accordion item panel. */\n  children: ReactNode,\n  /** An id for the accordion item, matching the id used in `expandedKeys`. */\n  id?: Key,\n  /** Whether the accordion item is disabled. */\n  isDisabled?: boolean,\n  /** Handler that is called when the accordion item's expanded state changes. */\n  onExpandedChange?: (isExpanded: boolean) => void,\n  /** Whether the accordion item is expanded (controlled). */\n  isExpanded?: boolean,\n  /** Whether the accordion item is expanded by default (uncontrolled). */\n  defaultExpanded?: boolean\n}\n\n/**\n * A accordion item is a collapsible section of content. It is composed of a header with a heading and trigger button, and a panel that contains the content.\n */\nexport const AccordionItem = forwardRef(function AccordionItem(props: AccordionItemProps, ref: DOMRef<HTMLDivElement>) {\n  return <Disclosure {...props} ref={ref} />;\n});\n\nexport interface AccordionItemTitleProps extends UnsafeStyles, DOMProps {\n  /** The heading level of the accordion item title.\n   *\n   * @default 3\n   */\n  level?: number,\n  /** The contents of the accordion item title. */\n  children: React.ReactNode\n}\n\n/**\n * An accordion item title consisting of a heading and a trigger button to expand/collapse the panel.\n */\nexport const AccordionItemTitle = forwardRef(function AccordionItemTitle(props: AccordionItemTitleProps, ref: DOMRef<HTMLDivElement>) {\n  return <DisclosureTitle {...props} ref={ref} />;\n});\n\nexport interface AccordionItemHeaderProps extends UnsafeStyles, DOMProps {\n  /** The contents of the accordion item header. */\n  children: React.ReactNode\n}\n\n/**\n * A wrapper element for the accordion item title that can contain other elements not part of the trigger.\n */\nexport const AccordionItemHeader = forwardRef(function AccordionItemHeader(props: AccordionItemHeaderProps, ref: DOMRef<HTMLDivElement>) {\n  return <DisclosureHeader {...props} ref={ref} />;\n});\n\nexport interface AccordionItemPanelProps extends UnsafeStyles, DOMProps, AriaLabelingProps {\n  /** The contents of the accordion item panel. */\n  children: React.ReactNode,\n  /**\n   * The accessibility role for the accordion item panel.\n   * @default 'group'\n   */\n  role?: 'group' | 'region'\n}\n\n/**\n * An accordion item panel is a collapsible section of content that is hidden until the accordion item is expanded.\n */\nexport const AccordionItemPanel = forwardRef(function AccordionItemPanel(props: AccordionItemPanelProps, ref: DOMRef<HTMLDivElement>) {\n  return <DisclosurePanel {...props} ref={ref} />;\n});\n"],"names":[],"version":3,"file":"Accordion.css.map"}
+{"mappings":"AAwDkB;EAAA;;;;EAAA","sources":["packages/@react-spectrum/s2/src/Accordion.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 {AriaLabelingProps, DOMProps, DOMRef, DOMRefValue, Key} from '@react-types/shared';\nimport {ContextValue, DisclosureGroup, RenderProps, SlotProps} from 'react-aria-components';\nimport {\n  Disclosure,\n  DisclosureContext,\n  DisclosureHeader,\n  DisclosurePanel,\n  DisclosureTitle\n} from './Disclosure';\nimport {getAllowedOverrides, StyleProps, StylesPropWithHeight, UnsafeStyles} from './style-utils' with { type: 'macro' };\nimport React, {createContext, forwardRef, ReactNode} from 'react';\nimport {style} from '../style' with { type: 'macro' };\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface AccordionProps extends UnsafeStyles, DOMProps, SlotProps {\n  /** The accordion item elements in the accordion. */\n  children: React.ReactNode,\n  /** Spectrum-defined styles, returned by the `style()` macro. */\n  styles?: StylesPropWithHeight,\n  /**\n   * The size of the accordion.\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /**\n   * The amount of space between the accordion items.\n   * @default 'regular'\n   */\n  density?: 'compact' | 'regular' | 'spacious',\n  /** Whether the accordion should be displayed with a quiet style. */\n  isQuiet?: boolean,\n  /** Whether multiple accordion items can be expanded at the same time. */\n  allowsMultipleExpanded?: boolean,\n  /** Whether all accordion items are disabled. */\n  isDisabled?: boolean,\n  /** The currently expanded keys in the accordion (controlled). */\n  expandedKeys?: Iterable<Key>,\n  /** The initial expanded keys in the accordion (uncontrolled). */\n  defaultExpandedKeys?: Iterable<Key>,\n  /** Handler that is called when accordion items are expanded or collapsed. */\n  onExpandedChange?: (keys: Set<Key>) => any\n}\n\nconst accordion = style({\n  display: 'flex',\n  flexDirection: 'column'\n}, getAllowedOverrides({height: true}));\n\nexport const AccordionContext = createContext<ContextValue<Partial<AccordionProps>, DOMRefValue<HTMLDivElement>>>(null);\n\n/**\n * An accordion is a container for multiple accordion items.\n */\nexport const Accordion = forwardRef(function Accordion(props: AccordionProps, ref: DOMRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, AccordionContext);\n  let domRef = useDOMRef(ref);\n  let {\n    UNSAFE_style,\n    UNSAFE_className = '',\n    size = 'M',\n    density = 'regular',\n    isQuiet\n  } = props;\n  return (\n    <DisclosureContext.Provider value={{size, isQuiet, density}}>\n      <DisclosureGroup\n        {...props}\n        ref={domRef}\n        style={UNSAFE_style}\n        className={(UNSAFE_className ?? '') + accordion(null, props.styles)}>\n        {props.children}\n      </DisclosureGroup>\n    </DisclosureContext.Provider>\n  );\n});\n\nexport interface AccordionItemState {\n  /** Whether the accordion item is currently expanded. */\n  readonly isExpanded: boolean,\n  /** Sets whether the accordion item is expanded. */\n  setExpanded(isExpanded: boolean): void,\n  /** Expand the accordion item. */\n  expand(): void,\n  /** Collapse the accordion item. */\n  collapse(): void,\n  /** Toggles the accordion item's visibility. */\n  toggle(): void\n}\n\nexport interface AccordionItemRenderProps {\n  /**\n   * Whether the accordion item is expanded.\n   * @selector [data-expanded]\n   */\n  isExpanded: boolean,\n  /**\n   * Whether the accordion item has keyboard focus.\n   * @selector [data-focus-visible-within]\n   */\n  isFocusVisibleWithin: boolean,\n  /**\n   * Whether the accordion item is disabled.\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean,\n  /**\n   * State of the accordion item.\n   */\n  state: AccordionItemState\n}\n\nexport interface AccordionItemProps extends Omit<RenderProps<AccordionItemRenderProps>, 'className' | 'style' | 'render'>, SlotProps, StyleProps {\n  /**\n   * The size of the accordion item.\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /**\n   * The amount of space between the accordion item.\n   * @default 'regular'\n   */\n  density?: 'compact' | 'regular' | 'spacious',\n  /** Whether the accordion item should be displayed with a quiet style. */\n  isQuiet?: boolean,\n  /** The contents of the accordion item, consisting of a accordion item title and accordion item panel. */\n  children: ReactNode,\n  /** An id for the accordion item, matching the id used in `expandedKeys`. */\n  id?: Key,\n  /** Whether the accordion item is disabled. */\n  isDisabled?: boolean,\n  /** Handler that is called when the accordion item's expanded state changes. */\n  onExpandedChange?: (isExpanded: boolean) => void,\n  /** Whether the accordion item is expanded (controlled). */\n  isExpanded?: boolean,\n  /** Whether the accordion item is expanded by default (uncontrolled). */\n  defaultExpanded?: boolean\n}\n\n/**\n * A accordion item is a collapsible section of content. It is composed of a header with a heading and trigger button, and a panel that contains the content.\n */\nexport const AccordionItem = forwardRef(function AccordionItem(props: AccordionItemProps, ref: DOMRef<HTMLDivElement>) {\n  return <Disclosure {...props} ref={ref} />;\n});\n\nexport interface AccordionItemTitleProps extends UnsafeStyles, DOMProps {\n  /** The heading level of the accordion item title.\n   *\n   * @default 3\n   */\n  level?: number,\n  /** The contents of the accordion item title. */\n  children: React.ReactNode\n}\n\n/**\n * An accordion item title consisting of a heading and a trigger button to expand/collapse the panel.\n */\nexport const AccordionItemTitle = forwardRef(function AccordionItemTitle(props: AccordionItemTitleProps, ref: DOMRef<HTMLDivElement>) {\n  return <DisclosureTitle {...props} ref={ref} />;\n});\n\nexport interface AccordionItemHeaderProps extends UnsafeStyles, DOMProps {\n  /** The contents of the accordion item header. */\n  children: React.ReactNode\n}\n\n/**\n * A wrapper element for the accordion item title that can contain other elements not part of the trigger.\n */\nexport const AccordionItemHeader = forwardRef(function AccordionItemHeader(props: AccordionItemHeaderProps, ref: DOMRef<HTMLDivElement>) {\n  return <DisclosureHeader {...props} ref={ref} />;\n});\n\nexport interface AccordionItemPanelProps extends UnsafeStyles, DOMProps, AriaLabelingProps {\n  /** The contents of the accordion item panel. */\n  children: React.ReactNode,\n  /**\n   * The accessibility role for the accordion item panel.\n   * @default 'group'\n   */\n  role?: 'group' | 'region'\n}\n\n/**\n * An accordion item panel is a collapsible section of content that is hidden until the accordion item is expanded.\n */\nexport const AccordionItemPanel = forwardRef(function AccordionItemPanel(props: AccordionItemPanelProps, ref: DOMRef<HTMLDivElement>) {\n  return <DisclosurePanel {...props} ref={ref} />;\n});\n"],"names":[],"version":3,"file":"Accordion.css.map"}

package/dist/Accordion.mjs

@@ -24,9 +24,9 @@ import {useDOMRef as $cFlas$useDOMRef} from "@react-spectrum/utils";
 
 const $e0a5d45f488fa6ba$var$accordion = function anonymous(props, overrides) {
     let rules = " ";
-    rules += ((overrides || '').match(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_6|Z|N|L|F|M|K)[^\s]+/g) || []).join('');
-    rules += ' sd1';
-    rules += ' _ta1';
+    rules += (String(overrides || '').match(/(?:^|\s)(J|G|I|H|_u|_v|_s|__A|_d|_J|z|y|B|A|_P|_9|W|_l|_A|_z|_6|Z|N|L|F|M|K)[^\s]+/g) || []).join('');
+    rules += ' sd12';
+    rules += ' _ta12';
     return rules;
 };
 const $e0a5d45f488fa6ba$export$6bd5bb82c987ab74 = /*#__PURE__*/ (0, $cFlas$createContext)(null);

package/dist/Accordion.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AA8CD,MAAM;;;;;;;AAKC,MAAM,0DAAmB,CAAA,GAAA,oBAAY,EAAsE;AAK3G,MAAM,0DAAY,CAAA,GAAA,iBAAS,EAAE,SAAS,UAAU,KAAqB,EAAE,GAA2B;IACvG,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IACvB,IAAI,gBACF,YAAY,oBACZ,mBAAmB,UACnB,OAAO,cACP,UAAU,oBACV,OAAO,EACR,GAAG;IACJ,qBACE,gBAAC,CAAA,GAAA,yCAAgB,EAAE,QAAQ;QAAC,OAAO;kBAAC;qBAAM;qBAAS;QAAO;kBACxD,cAAA,gBAAC,CAAA,GAAA,sBAAc;YACZ,GAAG,KAAK;YACT,KAAK;YACL,OAAO;YACP,WAAW,AAAC,CAAA,oBAAoB,EAAC,IAAK,gCAAU,MAAM,MAAM,MAAM;sBACjE,MAAM,QAAQ;;;AAIvB;AAmEO,MAAM,0DAAgB,CAAA,GAAA,iBAAS,EAAE,SAAS,cAAc,KAAyB,EAAE,GAA2B;IACnH,qBAAO,gBAAC,CAAA,GAAA,yCAAS;QAAG,GAAG,KAAK;QAAE,KAAK;;AACrC;AAeO,MAAM,0DAAqB,CAAA,GAAA,iBAAS,EAAE,SAAS,mBAAmB,KAA8B,EAAE,GAA2B;IAClI,qBAAO,gBAAC,CAAA,GAAA,yCAAc;QAAG,GAAG,KAAK;QAAE,KAAK;;AAC1C;AAUO,MAAM,0DAAsB,CAAA,GAAA,iBAAS,EAAE,SAAS,oBAAoB,KAA+B,EAAE,GAA2B;IACrI,qBAAO,gBAAC,CAAA,GAAA,yCAAe;QAAG,GAAG,KAAK;QAAE,KAAK;;AAC3C;AAeO,MAAM,0DAAqB,CAAA,GAAA,iBAAS,EAAE,SAAS,mBAAmB,KAA8B,EAAE,GAA2B;IAClI,qBAAO,gBAAC,CAAA,GAAA,yCAAc;QAAG,GAAG,KAAK;QAAE,KAAK;;AAC1C","sources":["packages/@react-spectrum/s2/src/Accordion.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 {AriaLabelingProps, DOMProps, DOMRef, DOMRefValue, Key} from '@react-types/shared';\nimport {ContextValue, DisclosureGroup, RenderProps, SlotProps} from 'react-aria-components';\nimport {\n  Disclosure,\n  DisclosureContext,\n  DisclosureHeader,\n  DisclosurePanel,\n  DisclosureTitle\n} from './Disclosure';\nimport {getAllowedOverrides, StyleProps, StylesPropWithHeight, UnsafeStyles} from './style-utils' with { type: 'macro' };\nimport React, {createContext, forwardRef, ReactNode} from 'react';\nimport {style} from '../style' with { type: 'macro' };\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface AccordionProps extends UnsafeStyles, DOMProps, SlotProps {\n  /** The accordion item elements in the accordion. */\n  children: React.ReactNode,\n  /** Spectrum-defined styles, returned by the `style()` macro. */\n  styles?: StylesPropWithHeight,\n  /**\n   * The size of the accordion.\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /**\n   * The amount of space between the accordion items.\n   * @default 'regular'\n   */\n  density?: 'compact' | 'regular' | 'spacious',\n  /** Whether the accordion should be displayed with a quiet style. */\n  isQuiet?: boolean,\n  /** Whether multiple accordion items can be expanded at the same time. */\n  allowsMultipleExpanded?: boolean,\n  /** Whether all accordion items are disabled. */\n  isDisabled?: boolean,\n  /** The currently expanded keys in the accordion (controlled). */\n  expandedKeys?: Iterable<Key>,\n  /** The initial expanded keys in the accordion (uncontrolled). */\n  defaultExpandedKeys?: Iterable<Key>,\n  /** Handler that is called when accordion items are expanded or collapsed. */\n  onExpandedChange?: (keys: Set<Key>) => any\n}\n\nconst accordion = style({\n  display: 'flex',\n  flexDirection: 'column'\n}, getAllowedOverrides({height: true}));\n\nexport const AccordionContext = createContext<ContextValue<Partial<AccordionProps>, DOMRefValue<HTMLDivElement>>>(null);\n\n/**\n * An accordion is a container for multiple accordion items.\n */\nexport const Accordion = forwardRef(function Accordion(props: AccordionProps, ref: DOMRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, AccordionContext);\n  let domRef = useDOMRef(ref);\n  let {\n    UNSAFE_style,\n    UNSAFE_className = '',\n    size = 'M',\n    density = 'regular',\n    isQuiet\n  } = props;\n  return (\n    <DisclosureContext.Provider value={{size, isQuiet, density}}>\n      <DisclosureGroup\n        {...props}\n        ref={domRef}\n        style={UNSAFE_style}\n        className={(UNSAFE_className ?? '') + accordion(null, props.styles)}>\n        {props.children}\n      </DisclosureGroup>\n    </DisclosureContext.Provider>\n  );\n});\n\nexport interface AccordionItemState {\n  /** Whether the accordion item is currently expanded. */\n  readonly isExpanded: boolean,\n  /** Sets whether the accordion item is expanded. */\n  setExpanded(isExpanded: boolean): void,\n  /** Expand the accordion item. */\n  expand(): void,\n  /** Collapse the accordion item. */\n  collapse(): void,\n  /** Toggles the accordion item's visibility. */\n  toggle(): void\n}\n\nexport interface AccordionItemRenderProps {\n  /**\n   * Whether the accordion item is expanded.\n   * @selector [data-expanded]\n   */\n  isExpanded: boolean,\n  /**\n   * Whether the accordion item has keyboard focus.\n   * @selector [data-focus-visible-within]\n   */\n  isFocusVisibleWithin: boolean,\n  /**\n   * Whether the accordion item is disabled.\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean,\n  /**\n   * State of the accordion item.\n   */\n  state: AccordionItemState\n}\n\nexport interface AccordionItemProps extends Omit<RenderProps<AccordionItemRenderProps>, 'className' | 'style'>, SlotProps, StyleProps {\n  /**\n   * The size of the accordion item.\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /**\n   * The amount of space between the accordion item.\n   * @default 'regular'\n   */\n  density?: 'compact' | 'regular' | 'spacious',\n  /** Whether the accordion item should be displayed with a quiet style. */\n  isQuiet?: boolean,\n  /** The contents of the accordion item, consisting of a accordion item title and accordion item panel. */\n  children: ReactNode,\n  /** An id for the accordion item, matching the id used in `expandedKeys`. */\n  id?: Key,\n  /** Whether the accordion item is disabled. */\n  isDisabled?: boolean,\n  /** Handler that is called when the accordion item's expanded state changes. */\n  onExpandedChange?: (isExpanded: boolean) => void,\n  /** Whether the accordion item is expanded (controlled). */\n  isExpanded?: boolean,\n  /** Whether the accordion item is expanded by default (uncontrolled). */\n  defaultExpanded?: boolean\n}\n\n/**\n * A accordion item is a collapsible section of content. It is composed of a header with a heading and trigger button, and a panel that contains the content.\n */\nexport const AccordionItem = forwardRef(function AccordionItem(props: AccordionItemProps, ref: DOMRef<HTMLDivElement>) {\n  return <Disclosure {...props} ref={ref} />;\n});\n\nexport interface AccordionItemTitleProps extends UnsafeStyles, DOMProps {\n  /** The heading level of the accordion item title.\n   *\n   * @default 3\n   */\n  level?: number,\n  /** The contents of the accordion item title. */\n  children: React.ReactNode\n}\n\n/**\n * An accordion item title consisting of a heading and a trigger button to expand/collapse the panel.\n */\nexport const AccordionItemTitle = forwardRef(function AccordionItemTitle(props: AccordionItemTitleProps, ref: DOMRef<HTMLDivElement>) {\n  return <DisclosureTitle {...props} ref={ref} />;\n});\n\nexport interface AccordionItemHeaderProps extends UnsafeStyles, DOMProps {\n  /** The contents of the accordion item header. */\n  children: React.ReactNode\n}\n\n/**\n * A wrapper element for the accordion item title that can contain other elements not part of the trigger.\n */\nexport const AccordionItemHeader = forwardRef(function AccordionItemHeader(props: AccordionItemHeaderProps, ref: DOMRef<HTMLDivElement>) {\n  return <DisclosureHeader {...props} ref={ref} />;\n});\n\nexport interface AccordionItemPanelProps extends UnsafeStyles, DOMProps, AriaLabelingProps {\n  /** The contents of the accordion item panel. */\n  children: React.ReactNode,\n  /**\n   * The accessibility role for the accordion item panel.\n   * @default 'group'\n   */\n  role?: 'group' | 'region'\n}\n\n/**\n * An accordion item panel is a collapsible section of content that is hidden until the accordion item is expanded.\n */\nexport const AccordionItemPanel = forwardRef(function AccordionItemPanel(props: AccordionItemPanelProps, ref: DOMRef<HTMLDivElement>) {\n  return <DisclosurePanel {...props} ref={ref} />;\n});\n"],"names":[],"version":3,"file":"Accordion.mjs.map"}
+{"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;AA8CD,MAAM;;;;;;;AAKC,MAAM,0DAAmB,CAAA,GAAA,oBAAY,EAAsE;AAK3G,MAAM,0DAAY,CAAA,GAAA,iBAAS,EAAE,SAAS,UAAU,KAAqB,EAAE,GAA2B;IACvG,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAsB,EAAE,OAAO,KAAK;IACnD,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IACvB,IAAI,gBACF,YAAY,oBACZ,mBAAmB,UACnB,OAAO,cACP,UAAU,oBACV,OAAO,EACR,GAAG;IACJ,qBACE,gBAAC,CAAA,GAAA,yCAAgB,EAAE,QAAQ;QAAC,OAAO;kBAAC;qBAAM;qBAAS;QAAO;kBACxD,cAAA,gBAAC,CAAA,GAAA,sBAAc;YACZ,GAAG,KAAK;YACT,KAAK;YACL,OAAO;YACP,WAAW,AAAC,CAAA,oBAAoB,EAAC,IAAK,gCAAU,MAAM,MAAM,MAAM;sBACjE,MAAM,QAAQ;;;AAIvB;AAmEO,MAAM,0DAAgB,CAAA,GAAA,iBAAS,EAAE,SAAS,cAAc,KAAyB,EAAE,GAA2B;IACnH,qBAAO,gBAAC,CAAA,GAAA,yCAAS;QAAG,GAAG,KAAK;QAAE,KAAK;;AACrC;AAeO,MAAM,0DAAqB,CAAA,GAAA,iBAAS,EAAE,SAAS,mBAAmB,KAA8B,EAAE,GAA2B;IAClI,qBAAO,gBAAC,CAAA,GAAA,yCAAc;QAAG,GAAG,KAAK;QAAE,KAAK;;AAC1C;AAUO,MAAM,0DAAsB,CAAA,GAAA,iBAAS,EAAE,SAAS,oBAAoB,KAA+B,EAAE,GAA2B;IACrI,qBAAO,gBAAC,CAAA,GAAA,yCAAe;QAAG,GAAG,KAAK;QAAE,KAAK;;AAC3C;AAeO,MAAM,0DAAqB,CAAA,GAAA,iBAAS,EAAE,SAAS,mBAAmB,KAA8B,EAAE,GAA2B;IAClI,qBAAO,gBAAC,CAAA,GAAA,yCAAc;QAAG,GAAG,KAAK;QAAE,KAAK;;AAC1C","sources":["packages/@react-spectrum/s2/src/Accordion.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 {AriaLabelingProps, DOMProps, DOMRef, DOMRefValue, Key} from '@react-types/shared';\nimport {ContextValue, DisclosureGroup, RenderProps, SlotProps} from 'react-aria-components';\nimport {\n  Disclosure,\n  DisclosureContext,\n  DisclosureHeader,\n  DisclosurePanel,\n  DisclosureTitle\n} from './Disclosure';\nimport {getAllowedOverrides, StyleProps, StylesPropWithHeight, UnsafeStyles} from './style-utils' with { type: 'macro' };\nimport React, {createContext, forwardRef, ReactNode} from 'react';\nimport {style} from '../style' with { type: 'macro' };\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nexport interface AccordionProps extends UnsafeStyles, DOMProps, SlotProps {\n  /** The accordion item elements in the accordion. */\n  children: React.ReactNode,\n  /** Spectrum-defined styles, returned by the `style()` macro. */\n  styles?: StylesPropWithHeight,\n  /**\n   * The size of the accordion.\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /**\n   * The amount of space between the accordion items.\n   * @default 'regular'\n   */\n  density?: 'compact' | 'regular' | 'spacious',\n  /** Whether the accordion should be displayed with a quiet style. */\n  isQuiet?: boolean,\n  /** Whether multiple accordion items can be expanded at the same time. */\n  allowsMultipleExpanded?: boolean,\n  /** Whether all accordion items are disabled. */\n  isDisabled?: boolean,\n  /** The currently expanded keys in the accordion (controlled). */\n  expandedKeys?: Iterable<Key>,\n  /** The initial expanded keys in the accordion (uncontrolled). */\n  defaultExpandedKeys?: Iterable<Key>,\n  /** Handler that is called when accordion items are expanded or collapsed. */\n  onExpandedChange?: (keys: Set<Key>) => any\n}\n\nconst accordion = style({\n  display: 'flex',\n  flexDirection: 'column'\n}, getAllowedOverrides({height: true}));\n\nexport const AccordionContext = createContext<ContextValue<Partial<AccordionProps>, DOMRefValue<HTMLDivElement>>>(null);\n\n/**\n * An accordion is a container for multiple accordion items.\n */\nexport const Accordion = forwardRef(function Accordion(props: AccordionProps, ref: DOMRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, AccordionContext);\n  let domRef = useDOMRef(ref);\n  let {\n    UNSAFE_style,\n    UNSAFE_className = '',\n    size = 'M',\n    density = 'regular',\n    isQuiet\n  } = props;\n  return (\n    <DisclosureContext.Provider value={{size, isQuiet, density}}>\n      <DisclosureGroup\n        {...props}\n        ref={domRef}\n        style={UNSAFE_style}\n        className={(UNSAFE_className ?? '') + accordion(null, props.styles)}>\n        {props.children}\n      </DisclosureGroup>\n    </DisclosureContext.Provider>\n  );\n});\n\nexport interface AccordionItemState {\n  /** Whether the accordion item is currently expanded. */\n  readonly isExpanded: boolean,\n  /** Sets whether the accordion item is expanded. */\n  setExpanded(isExpanded: boolean): void,\n  /** Expand the accordion item. */\n  expand(): void,\n  /** Collapse the accordion item. */\n  collapse(): void,\n  /** Toggles the accordion item's visibility. */\n  toggle(): void\n}\n\nexport interface AccordionItemRenderProps {\n  /**\n   * Whether the accordion item is expanded.\n   * @selector [data-expanded]\n   */\n  isExpanded: boolean,\n  /**\n   * Whether the accordion item has keyboard focus.\n   * @selector [data-focus-visible-within]\n   */\n  isFocusVisibleWithin: boolean,\n  /**\n   * Whether the accordion item is disabled.\n   * @selector [data-disabled]\n   */\n  isDisabled: boolean,\n  /**\n   * State of the accordion item.\n   */\n  state: AccordionItemState\n}\n\nexport interface AccordionItemProps extends Omit<RenderProps<AccordionItemRenderProps>, 'className' | 'style' | 'render'>, SlotProps, StyleProps {\n  /**\n   * The size of the accordion item.\n   * @default 'M'\n   */\n  size?: 'S' | 'M' | 'L' | 'XL',\n  /**\n   * The amount of space between the accordion item.\n   * @default 'regular'\n   */\n  density?: 'compact' | 'regular' | 'spacious',\n  /** Whether the accordion item should be displayed with a quiet style. */\n  isQuiet?: boolean,\n  /** The contents of the accordion item, consisting of a accordion item title and accordion item panel. */\n  children: ReactNode,\n  /** An id for the accordion item, matching the id used in `expandedKeys`. */\n  id?: Key,\n  /** Whether the accordion item is disabled. */\n  isDisabled?: boolean,\n  /** Handler that is called when the accordion item's expanded state changes. */\n  onExpandedChange?: (isExpanded: boolean) => void,\n  /** Whether the accordion item is expanded (controlled). */\n  isExpanded?: boolean,\n  /** Whether the accordion item is expanded by default (uncontrolled). */\n  defaultExpanded?: boolean\n}\n\n/**\n * A accordion item is a collapsible section of content. It is composed of a header with a heading and trigger button, and a panel that contains the content.\n */\nexport const AccordionItem = forwardRef(function AccordionItem(props: AccordionItemProps, ref: DOMRef<HTMLDivElement>) {\n  return <Disclosure {...props} ref={ref} />;\n});\n\nexport interface AccordionItemTitleProps extends UnsafeStyles, DOMProps {\n  /** The heading level of the accordion item title.\n   *\n   * @default 3\n   */\n  level?: number,\n  /** The contents of the accordion item title. */\n  children: React.ReactNode\n}\n\n/**\n * An accordion item title consisting of a heading and a trigger button to expand/collapse the panel.\n */\nexport const AccordionItemTitle = forwardRef(function AccordionItemTitle(props: AccordionItemTitleProps, ref: DOMRef<HTMLDivElement>) {\n  return <DisclosureTitle {...props} ref={ref} />;\n});\n\nexport interface AccordionItemHeaderProps extends UnsafeStyles, DOMProps {\n  /** The contents of the accordion item header. */\n  children: React.ReactNode\n}\n\n/**\n * A wrapper element for the accordion item title that can contain other elements not part of the trigger.\n */\nexport const AccordionItemHeader = forwardRef(function AccordionItemHeader(props: AccordionItemHeaderProps, ref: DOMRef<HTMLDivElement>) {\n  return <DisclosureHeader {...props} ref={ref} />;\n});\n\nexport interface AccordionItemPanelProps extends UnsafeStyles, DOMProps, AriaLabelingProps {\n  /** The contents of the accordion item panel. */\n  children: React.ReactNode,\n  /**\n   * The accessibility role for the accordion item panel.\n   * @default 'group'\n   */\n  role?: 'group' | 'region'\n}\n\n/**\n * An accordion item panel is a collapsible section of content that is hidden until the accordion item is expanded.\n */\nexport const AccordionItemPanel = forwardRef(function AccordionItemPanel(props: AccordionItemPanelProps, ref: DOMRef<HTMLDivElement>) {\n  return <DisclosurePanel {...props} ref={ref} />;\n});\n"],"names":[],"version":3,"file":"Accordion.mjs.map"}

package/dist/ActionBar.cjs

@@ -48,49 +48,49 @@ $parcel$export(module.exports, "useActionBarContainer", () => $85bf454149fe9ddc$
 
 const $85bf454149fe9ddc$var$actionBarStyles = function anonymous(props) {
     let rules = " ";
-    rules += ' oc1';
-    rules += ' nc1';
-    rules += ' kc1';
-    rules += ' jc1';
-    if (props.isEmphasized) rules += ' -Ovbhqd-g01';
-    else rules += ' -Ovbhqd-g_g1';
-    rules += ' gEzkoQe1';
-    rules += ' _nLeasBb1';
-    rules += ' _oa1';
-    rules += ' _Lf1';
-    rules += ' _Mb1';
-    if (props.isEmphasized) rules += ' Oj1';
-    else rules += ' Oye39g1';
-    rules += ' Ola1';
-    rules += ' St1';
-    rules += ' Rt1';
-    rules += ' Te1';
-    rules += ' Qe1';
-    rules += ' sd1';
-    rules += ' Ul1';
-    rules += ' ql1';
-    rules += ' eb1';
-    if (props.isInContainer) rules += ' _Pa1';
-    rules += ' _lr1';
-    rules += ' _AI1';
-    rules += ' -F3Iohc-_zI1';
-    if (props.isInContainer) rules += ' Zd1';
-    else rules += ' Za1';
-    rules += ' IM1';
-    rules += ' HM1';
-    rules += ' Ll1';
-    rules += ' Yg1';
-    rules += ' Xc1';
-    rules += ' _2b1';
+    rules += ' oc12';
+    rules += ' nc12';
+    rules += ' kc12';
+    rules += ' jc12';
+    if (props.isEmphasized) rules += ' -Ovbhqd-g012';
+    else rules += ' -Ovbhqd-g_g12';
+    rules += ' gEzkoQe12';
+    rules += ' _nLeasBb12';
+    rules += ' _oa12';
+    rules += ' _Lf12';
+    rules += ' _Mb12';
+    if (props.isEmphasized) rules += ' Oj12';
+    else rules += ' Oye39g12';
+    rules += ' Ola12';
+    rules += ' St12';
+    rules += ' Rt12';
+    rules += ' Te12';
+    rules += ' Qe12';
+    rules += ' sd12';
+    rules += ' Ul12';
+    rules += ' ql12';
+    rules += ' eb12';
+    if (props.isInContainer) rules += ' _Pa12';
+    rules += ' _lr12';
+    rules += ' _AI12';
+    rules += ' -F3Iohc-_zI12';
+    if (props.isInContainer) rules += ' Zd12';
+    else rules += ' Za12';
+    rules += ' IM12';
+    rules += ' HM12';
+    rules += ' Ll12';
+    rules += ' Yg12';
+    rules += ' Xc12';
+    rules += ' _2b12';
     if (props.isExiting) {
-        rules += ' -_8PloMd-t1';
-        rules += ' __Ya1';
+        rules += ' -_8PloMd-t12';
+        rules += ' __Ya12';
     } else if (props.isEntering) {
-        rules += ' -_8PloMd-t1';
-        rules += ' __Ya1';
+        rules += ' -_8PloMd-t12';
+        rules += ' __Ya12';
     } else {
-        rules += ' -_8PloMd-q1';
-        rules += ' __Ya1';
+        rules += ' -_8PloMd-q12';
+        rules += ' __Ya12';
     }
     return rules;
 };
@@ -156,18 +156,19 @@ const $85bf454149fe9ddc$var$ActionBarInner = /*#__PURE__*/ (0, $cRsNx$react.forw
             ref: objectRef,
             ...otherProps,
             ...keyboardProps,
-            className: $85bf454149fe9ddc$var$actionBarStyles({
+            className: (props1.UNSAFE_className || '') + $85bf454149fe9ddc$var$actionBarStyles({
                 isEmphasized: isEmphasized,
                 isInContainer: !!scrollRef,
                 isEntering: isEntering,
                 isExiting: isExiting
             }),
             style: {
-                insetInlineEnd: `calc(var(--insetEnd) + ${scrollbarWidth}px)`
+                insetInlineEnd: `calc(var(--insetEnd) + ${scrollbarWidth}px)`,
+                ...props1.UNSAFE_style
             },
             children: [
                 /*#__PURE__*/ (0, $cRsNx$reactjsxruntime.jsx)("div", {
-                    className: " _Jb1 IM1",
+                    className: " _Jb12 IM12",
                     children: /*#__PURE__*/ (0, $cRsNx$reactjsxruntime.jsx)((0, $7a26131f6144af2b$exports.ActionButtonGroup), {
                         staticColor: isEmphasized ? 'auto' : undefined,
                         isQuiet: true,
@@ -176,7 +177,7 @@ const $85bf454149fe9ddc$var$ActionBarInner = /*#__PURE__*/ (0, $cRsNx$react.forw
                     })
                 }),
                 /*#__PURE__*/ (0, $cRsNx$reactjsxruntime.jsxs)("div", {
-                    className: " _Ja1 sd1 eb1 Ub1 qb1",
+                    className: " _Ja12 sd12 eb12 Ub12 qb12",
                     children: [
                         /*#__PURE__*/ (0, $cRsNx$reactjsxruntime.jsx)((0, $2f907cb84c6e9e75$exports.CloseButton), {
                             staticColor: isEmphasized ? 'auto' : undefined,
@@ -186,23 +187,23 @@ const $85bf454149fe9ddc$var$ActionBarInner = /*#__PURE__*/ (0, $cRsNx$react.forw
                         /*#__PURE__*/ (0, $cRsNx$reactjsxruntime.jsx)("span", {
                             className: function anonymous(props) {
                                 let rules = " ";
-                                rules += ' uk1';
-                                rules += ' ucJ9TBTb1';
-                                rules += ' ud3Euai1';
-                                rules += ' uea1';
-                                rules += ' ugb1';
-                                rules += ' uhd1';
-                                rules += ' uje1';
-                                rules += ' u2NhKxcl1';
-                                rules += ' uic1';
-                                rules += ' -_6BNtrc-c1';
-                                rules += ' vx1';
-                                rules += ' xb1';
-                                rules += ' _xa1';
-                                rules += ' _Fd1';
-                                rules += ' _FnuYUweb1';
-                                if (props.isEmphasized) rules += ' pr1';
-                                else rules += ' pt1';
+                                rules += ' uk12';
+                                rules += ' ucJ9TBTb12';
+                                rules += ' ud3Euai12';
+                                rules += ' uea12';
+                                rules += ' ugb12';
+                                rules += ' uhd12';
+                                rules += ' uje12';
+                                rules += ' u2NhKxcl12';
+                                rules += ' uic12';
+                                rules += ' -_6BNtrc-c12';
+                                rules += ' vx12';
+                                rules += ' xb12';
+                                rules += ' _xa12';
+                                rules += ' _Fd12';
+                                rules += ' _FnuYUweb12';
+                                if (props.isEmphasized) rules += ' pr12';
+                                else rules += ' pt12';
                                 return rules;
                             }({
                                 isEmphasized: isEmphasized

package/dist/ActionBar.cjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/@react-spectrum/s2/src/ActionBar.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 {ActionButtonGroup} from './ActionButtonGroup';\nimport {announce} from '@react-aria/live-announcer';\nimport {CloseButton} from './CloseButton';\nimport {ContextValue, SlotProps} from 'react-aria-components';\nimport {createContext, ForwardedRef, forwardRef, ReactElement, ReactNode, RefObject, useCallback, useEffect, useMemo, useRef, useState} from 'react';\nimport {DOMProps, DOMRef, DOMRefValue, Key} from '@react-types/shared';\nimport {FocusScope, useKeyboard} from 'react-aria';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {lightDark, style} from '../style' with {type: 'macro'};\nimport {StyleProps} from './style-utils' with { type: 'macro' };\nimport {useControlledState} from '@react-stately/utils';\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useEnterAnimation, useExitAnimation, useObjectRef, useResizeObserver} from '@react-aria/utils';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nconst actionBarStyles = style({\n  borderRadius: 'lg',\n  '--s2-container-bg': {\n    type: 'backgroundColor',\n    value: {\n      default: 'elevated',\n      isEmphasized: 'neutral'\n    }\n  },\n  backgroundColor: '--s2-container-bg',\n  boxShadow: 'elevated',\n  boxSizing: 'border-box',\n  outlineStyle: 'solid',\n  outlineWidth: 1,\n  outlineColor: {\n    default: lightDark('transparent-white-25', 'gray-200'),\n    isEmphasized: 'transparent',\n    forcedColors: 'ButtonBorder'\n  },\n  paddingX: 8,\n  paddingY: 12,\n  display: 'flex',\n  gap: 16,\n  alignItems: 'center',\n  position: {\n    isInContainer: 'absolute'\n  },\n  bottom: 0,\n  insetStart: 8,\n  '--insetEnd': {\n    type: 'insetEnd',\n    value: 8\n  },\n  width: {\n    default: 'full',\n    isInContainer: 'auto'\n  },\n  marginX: 'auto',\n  maxWidth: 960,\n  transition: 'transform',\n  transitionDuration: 200,\n  translateY: {\n    default: -8,\n    isEntering: 'full',\n    isExiting: 'full'\n  }\n});\n\nexport interface ActionBarProps extends SlotProps, StyleProps, DOMProps {\n  /** A list of ActionButtons to display. */\n  children: ReactNode,\n  /** Whether the ActionBar should be displayed with a emphasized style. */\n  isEmphasized?: boolean,\n  /** The number of selected items that the ActionBar is currently linked to. If 0, the ActionBar is hidden. */\n  selectedItemCount?: number | 'all',\n  /** Handler that is called when the ActionBar clear button is pressed. */\n  onClearSelection?: () => void,\n  /** A ref to the scrollable element the ActionBar appears above. */\n  scrollRef?: RefObject<HTMLElement | null>\n}\n\nexport const ActionBarContext = createContext<ContextValue<Partial<ActionBarProps>, DOMRefValue<HTMLDivElement>>>(null);\n\n/**\n * Action bars are used for single and bulk selection patterns when a user needs to perform actions on one or more items at the same time.\n */\nexport const ActionBar = forwardRef(function ActionBar(props: ActionBarProps, ref: DOMRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, ActionBarContext);\n  let domRef = useDOMRef(ref);\n\n  let isOpen = props.selectedItemCount !== 0;\n  let isExiting = useExitAnimation(domRef, isOpen && props.scrollRef != null);\n  if (!isOpen && !isExiting) {\n    return null;\n  }\n\n  return <ActionBarInner {...props} ref={domRef} isExiting={isExiting} />;\n});\n\nconst ActionBarInner = forwardRef(function ActionBarInner(props: ActionBarProps & {isExiting: boolean}, ref: ForwardedRef<HTMLDivElement | null>) {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  let {isEmphasized, selectedItemCount = 0, children, onClearSelection, isExiting, slot, scrollRef, ...otherProps} = props;\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n\n  // Store the last count greater than zero so that we can retain it while rendering the fade-out animation.\n  let [lastCount, setLastCount] = useState(selectedItemCount);\n  if ((selectedItemCount === 'all' || selectedItemCount > 0) && selectedItemCount !== lastCount) {\n    setLastCount(selectedItemCount);\n  }\n\n  // Measure the width of the collection's scrollbar and offset the action bar by that amount.\n  let [scrollbarWidth, setScrollbarWidth] = useState(0);\n  let updateScrollbarWidth = useCallback(() => {\n    let el = scrollRef?.current;\n    if (el) {\n      let w = el.offsetWidth - el.clientWidth;\n      setScrollbarWidth(w);\n    }\n  }, [scrollRef]);\n\n  useResizeObserver({\n    ref: scrollRef,\n    onResize: updateScrollbarWidth\n  });\n\n  let {keyboardProps} = useKeyboard({\n    onKeyDown(e) {\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        onClearSelection?.();\n      } else {\n        e.continuePropagation();\n      }\n    }\n  });\n\n  // Announce \"actions available\" on mount.\n  let isInitial = useRef(true);\n  useEffect(() => {\n    if (isInitial.current && scrollRef) {\n      isInitial.current = false;\n      announce(stringFormatter.format('actionbar.actionsAvailable'));\n    }\n  }, [stringFormatter, scrollRef]);\n\n  let objectRef = useObjectRef(ref);\n  let isEntering = useEnterAnimation(objectRef, !!scrollRef);\n\n  return (\n    <FocusScope restoreFocus>\n      <div\n        ref={objectRef}\n        {...otherProps}\n        {...keyboardProps}\n        className={actionBarStyles({isEmphasized, isInContainer: !!scrollRef, isEntering, isExiting})}\n        style={{insetInlineEnd: `calc(var(--insetEnd) + ${scrollbarWidth}px)`}}>\n        <div className={style({order: 1, marginStart: 'auto'})}>\n          <ActionButtonGroup\n            staticColor={isEmphasized ? 'auto' : undefined}\n            isQuiet\n            aria-label={stringFormatter.format('actionbar.actions')}>\n            {children}\n          </ActionButtonGroup>\n        </div>\n        <div className={style({order: 0, display: 'flex', alignItems: 'center', gap: 4})}>\n          <CloseButton\n            staticColor={isEmphasized ? 'auto' : undefined}\n            aria-label={stringFormatter.format('actionbar.clearSelection')}\n            onPress={() => onClearSelection?.()} />\n          <span className={style({font: 'ui', color: {default: 'neutral', isEmphasized: 'gray-25'}})({isEmphasized})}>\n            {lastCount === 'all'\n              ? stringFormatter.format('actionbar.selectedAll')\n              : stringFormatter.format('actionbar.selected', {count: lastCount})}\n          </span>\n        </div>\n      </div>\n    </FocusScope>\n  );\n});\n\ninterface ActionBarContainerHookProps {\n  selectedKeys?: 'all' | Iterable<Key>,\n  defaultSelectedKeys?: 'all' | Iterable<Key>,\n  onSelectionChange?: (keys: Set<Key>) => void,\n  renderActionBar?: (selectedKeys: 'all' | Set<Key>) => ReactElement,\n  scrollRef?: RefObject<HTMLElement | null>\n}\n\ninterface ActionBarContainerHookResult {\n  selectedKeys: 'all' | Iterable<Key>,\n  onSelectionChange: (keys: 'all' | Iterable<Key>) => void,\n  actionBar: ReactElement,\n  actionBarHeight: number\n}\n\nexport function useActionBarContainer(props: ActionBarContainerHookProps): ActionBarContainerHookResult {\n  let {renderActionBar, scrollRef} = props;\n  let [selectedKeys, setSelectedKeys] = useControlledState(props.selectedKeys, props.defaultSelectedKeys || new Set(), props.onSelectionChange);\n  let selectedKeysSet = useMemo(() => selectedKeys === 'all' ? selectedKeys as 'all' : new Set(selectedKeys), [selectedKeys]);\n  let actionBar = useMemo(() => renderActionBar?.(selectedKeysSet), [renderActionBar, selectedKeysSet]);\n  let selectedItemCount = selectedKeysSet === 'all' ? 'all' as const : selectedKeysSet.size;\n  let [actionBarHeight, setActionBarHeight] = useState(0);\n  let actionBarRef = useCallback((ref: DOMRefValue | null) => {\n    let actionBar = ref?.UNSAFE_getDOMNode();\n    if (actionBar) {\n      setActionBarHeight(actionBar.offsetHeight + 8);\n    } else {\n      setActionBarHeight(0);\n    }\n  }, []);\n\n  let actionBarContext = useMemo(() => ({\n    ref: actionBarRef,\n    scrollRef,\n    selectedItemCount,\n    onClearSelection: () => setSelectedKeys(new Set())\n  }), [scrollRef, actionBarRef, selectedItemCount, setSelectedKeys]);\n\n  let wrappedActionBar = useMemo(() => (\n    <ActionBarContext.Provider value={actionBarContext}>\n      {actionBar}\n    </ActionBarContext.Provider>\n  ), [actionBarContext, actionBar]);\n\n  return {\n    selectedKeys,\n    onSelectionChange: setSelectedKeys,\n    actionBar: wrappedActionBar,\n    actionBarHeight\n  };\n}\n"],"names":[],"version":3,"file":"ActionBar.cjs.map"}
+{"mappings":"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","sources":["packages/@react-spectrum/s2/src/ActionBar.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 {ActionButtonGroup} from './ActionButtonGroup';\nimport {announce} from '@react-aria/live-announcer';\nimport {CloseButton} from './CloseButton';\nimport {ContextValue, SlotProps} from 'react-aria-components';\nimport {createContext, ForwardedRef, forwardRef, ReactElement, ReactNode, RefObject, useCallback, useEffect, useMemo, useRef, useState} from 'react';\nimport {DOMProps, DOMRef, DOMRefValue, Key} from '@react-types/shared';\nimport {FocusScope, useKeyboard} from 'react-aria';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {lightDark, style} from '../style' with {type: 'macro'};\nimport {StyleProps} from './style-utils' with { type: 'macro' };\nimport {useControlledState} from '@react-stately/utils';\nimport {useDOMRef} from '@react-spectrum/utils';\nimport {useEnterAnimation, useExitAnimation, useObjectRef, useResizeObserver} from '@react-aria/utils';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useSpectrumContextProps} from './useSpectrumContextProps';\n\nconst actionBarStyles = style({\n  borderRadius: 'lg',\n  '--s2-container-bg': {\n    type: 'backgroundColor',\n    value: {\n      default: 'elevated',\n      isEmphasized: 'neutral'\n    }\n  },\n  backgroundColor: '--s2-container-bg',\n  boxShadow: 'elevated',\n  boxSizing: 'border-box',\n  outlineStyle: 'solid',\n  outlineWidth: 1,\n  outlineColor: {\n    default: lightDark('transparent-white-25', 'gray-200'),\n    isEmphasized: 'transparent',\n    forcedColors: 'ButtonBorder'\n  },\n  paddingX: 8,\n  paddingY: 12,\n  display: 'flex',\n  gap: 16,\n  alignItems: 'center',\n  position: {\n    isInContainer: 'absolute'\n  },\n  bottom: 0,\n  insetStart: 8,\n  '--insetEnd': {\n    type: 'insetEnd',\n    value: 8\n  },\n  width: {\n    default: 'full',\n    isInContainer: 'auto'\n  },\n  marginX: 'auto',\n  maxWidth: 960,\n  transition: 'transform',\n  transitionDuration: 200,\n  translateY: {\n    default: -8,\n    isEntering: 'full',\n    isExiting: 'full'\n  }\n});\n\nexport interface ActionBarProps extends SlotProps, StyleProps, DOMProps {\n  /** A list of ActionButtons to display. */\n  children: ReactNode,\n  /** Whether the ActionBar should be displayed with a emphasized style. */\n  isEmphasized?: boolean,\n  /** The number of selected items that the ActionBar is currently linked to. If 0, the ActionBar is hidden. */\n  selectedItemCount?: number | 'all',\n  /** Handler that is called when the ActionBar clear button is pressed. */\n  onClearSelection?: () => void,\n  /** A ref to the scrollable element the ActionBar appears above. */\n  scrollRef?: RefObject<HTMLElement | null>\n}\n\nexport const ActionBarContext = createContext<ContextValue<Partial<ActionBarProps>, DOMRefValue<HTMLDivElement>>>(null);\n\n/**\n * Action bars are used for single and bulk selection patterns when a user needs to perform actions on one or more items at the same time.\n */\nexport const ActionBar = forwardRef(function ActionBar(props: ActionBarProps, ref: DOMRef<HTMLDivElement>) {\n  [props, ref] = useSpectrumContextProps(props, ref, ActionBarContext);\n  let domRef = useDOMRef(ref);\n\n  let isOpen = props.selectedItemCount !== 0;\n  let isExiting = useExitAnimation(domRef, isOpen && props.scrollRef != null);\n  if (!isOpen && !isExiting) {\n    return null;\n  }\n\n  return <ActionBarInner {...props} ref={domRef} isExiting={isExiting} />;\n});\n\nconst ActionBarInner = forwardRef(function ActionBarInner(props: ActionBarProps & {isExiting: boolean}, ref: ForwardedRef<HTMLDivElement | null>) {\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  let {isEmphasized, selectedItemCount = 0, children, onClearSelection, isExiting, slot, scrollRef, ...otherProps} = props;\n  let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/s2');\n\n  // Store the last count greater than zero so that we can retain it while rendering the fade-out animation.\n  let [lastCount, setLastCount] = useState(selectedItemCount);\n  if ((selectedItemCount === 'all' || selectedItemCount > 0) && selectedItemCount !== lastCount) {\n    setLastCount(selectedItemCount);\n  }\n\n  // Measure the width of the collection's scrollbar and offset the action bar by that amount.\n  let [scrollbarWidth, setScrollbarWidth] = useState(0);\n  let updateScrollbarWidth = useCallback(() => {\n    let el = scrollRef?.current;\n    if (el) {\n      let w = el.offsetWidth - el.clientWidth;\n      setScrollbarWidth(w);\n    }\n  }, [scrollRef]);\n\n  useResizeObserver({\n    ref: scrollRef,\n    onResize: updateScrollbarWidth\n  });\n\n  let {keyboardProps} = useKeyboard({\n    onKeyDown(e) {\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        onClearSelection?.();\n      } else {\n        e.continuePropagation();\n      }\n    }\n  });\n\n  // Announce \"actions available\" on mount.\n  let isInitial = useRef(true);\n  useEffect(() => {\n    if (isInitial.current && scrollRef) {\n      isInitial.current = false;\n      announce(stringFormatter.format('actionbar.actionsAvailable'));\n    }\n  }, [stringFormatter, scrollRef]);\n\n  let objectRef = useObjectRef(ref);\n  let isEntering = useEnterAnimation(objectRef, !!scrollRef);\n\n  return (\n    <FocusScope restoreFocus>\n      <div\n        ref={objectRef}\n        {...otherProps}\n        {...keyboardProps}\n        className={(props.UNSAFE_className || '') + actionBarStyles({isEmphasized, isInContainer: !!scrollRef, isEntering, isExiting})}\n        style={{insetInlineEnd: `calc(var(--insetEnd) + ${scrollbarWidth}px)`, ...props.UNSAFE_style}}>\n        <div className={style({order: 1, marginStart: 'auto'})}>\n          <ActionButtonGroup\n            staticColor={isEmphasized ? 'auto' : undefined}\n            isQuiet\n            aria-label={stringFormatter.format('actionbar.actions')}>\n            {children}\n          </ActionButtonGroup>\n        </div>\n        <div className={style({order: 0, display: 'flex', alignItems: 'center', gap: 4})}>\n          <CloseButton\n            staticColor={isEmphasized ? 'auto' : undefined}\n            aria-label={stringFormatter.format('actionbar.clearSelection')}\n            onPress={() => onClearSelection?.()} />\n          <span className={style({font: 'ui', color: {default: 'neutral', isEmphasized: 'gray-25'}})({isEmphasized})}>\n            {lastCount === 'all'\n              ? stringFormatter.format('actionbar.selectedAll')\n              : stringFormatter.format('actionbar.selected', {count: lastCount})}\n          </span>\n        </div>\n      </div>\n    </FocusScope>\n  );\n});\n\ninterface ActionBarContainerHookProps {\n  selectedKeys?: 'all' | Iterable<Key>,\n  defaultSelectedKeys?: 'all' | Iterable<Key>,\n  onSelectionChange?: (keys: Set<Key>) => void,\n  renderActionBar?: (selectedKeys: 'all' | Set<Key>) => ReactElement,\n  scrollRef?: RefObject<HTMLElement | null>\n}\n\ninterface ActionBarContainerHookResult {\n  selectedKeys: 'all' | Iterable<Key>,\n  onSelectionChange: (keys: 'all' | Iterable<Key>) => void,\n  actionBar: ReactElement,\n  actionBarHeight: number\n}\n\nexport function useActionBarContainer(props: ActionBarContainerHookProps): ActionBarContainerHookResult {\n  let {renderActionBar, scrollRef} = props;\n  let [selectedKeys, setSelectedKeys] = useControlledState(props.selectedKeys, props.defaultSelectedKeys || new Set(), props.onSelectionChange);\n  let selectedKeysSet = useMemo(() => selectedKeys === 'all' ? selectedKeys as 'all' : new Set(selectedKeys), [selectedKeys]);\n  let actionBar = useMemo(() => renderActionBar?.(selectedKeysSet), [renderActionBar, selectedKeysSet]);\n  let selectedItemCount = selectedKeysSet === 'all' ? 'all' as const : selectedKeysSet.size;\n  let [actionBarHeight, setActionBarHeight] = useState(0);\n  let actionBarRef = useCallback((ref: DOMRefValue | null) => {\n    let actionBar = ref?.UNSAFE_getDOMNode();\n    if (actionBar) {\n      setActionBarHeight(actionBar.offsetHeight + 8);\n    } else {\n      setActionBarHeight(0);\n    }\n  }, []);\n\n  let actionBarContext = useMemo(() => ({\n    ref: actionBarRef,\n    scrollRef,\n    selectedItemCount,\n    onClearSelection: () => setSelectedKeys(new Set())\n  }), [scrollRef, actionBarRef, selectedItemCount, setSelectedKeys]);\n\n  let wrappedActionBar = useMemo(() => (\n    <ActionBarContext.Provider value={actionBarContext}>\n      {actionBar}\n    </ActionBarContext.Provider>\n  ), [actionBarContext, actionBar]);\n\n  return {\n    selectedKeys,\n    onSelectionChange: setSelectedKeys,\n    actionBar: wrappedActionBar,\n    actionBarHeight\n  };\n}\n"],"names":[],"version":3,"file":"ActionBar.cjs.map"}