@depup/react-aria-components 1.19.0-depup.27 → 1.21.0-depup.0

package/dist/private/TableLayout.js.map

@@ -1 +1 @@
-{"mappings":";;;;AAAA;;;;;;;;;;CAUC;;;AAOM,MAAM,kDACH,CAAA,GAAA,kBAAc;IAGtB,2DAA2D;IAC3D,mBAAqC;QACnC,6DAA6D;QAC7D,6CAA6C,GAC7C,IAAI,iBAAiB,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,yCAA4B;QAC5D,OAAO,CAAA,GAAA,cAAM,EACX,IAAO,CAAA;gBACL,YAAY,EAAE,2BAAA,qCAAA,eAAgB,YAAY;YAC5C,CAAA,GACA;YAAC,2BAAA,qCAAA,eAAgB,YAAY;SAAC;IAElC;AACF","sources":["packages/react-aria-components/src/TableLayout.ts"],"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 {TableLayout as BaseTableLayout, TableLayoutProps} from 'react-stately/useVirtualizerState';\nimport {LayoutOptionsDelegate} from './Virtualizer';\nimport {TableColumnResizeStateContext} from './Table';\nimport {useContext, useMemo} from 'react';\n\nexport class TableLayout<T, O extends TableLayoutProps = TableLayoutProps>\n  extends BaseTableLayout<T, O>\n  implements LayoutOptionsDelegate<TableLayoutProps>\n{\n  // Invalidate the layout whenever the column widths change.\n  useLayoutOptions(): TableLayoutProps {\n    // This is not a React class component, just a regular class.\n    /* eslint-disable react-hooks/rules-of-hooks */\n    let colResizeState = useContext(TableColumnResizeStateContext);\n    return useMemo(\n      () => ({\n        columnWidths: colResizeState?.columnWidths\n      }),\n      [colResizeState?.columnWidths]\n    );\n  }\n}\n"],"names":[],"version":3,"file":"TableLayout.js.map"}
+{"mappings":";;;;AAAA;;;;;;;;;;CAUC;;;AAOM,MAAM,kDACH,CAAA,GAAA,kBAAc;IAGtB,2DAA2D;IAC3D,mBAAqC;QACnC,6DAA6D;QAC7D,kEAAkE;QAClE,IAAI,iBAAiB,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,yCAA4B;QAC5D,OAAO,CAAA,GAAA,cAAM,EACX,IAAO,CAAA;gBACL,YAAY,EAAE,2BAAA,qCAAA,eAAgB,YAAY;YAC5C,CAAA,GACA;YAAC,2BAAA,qCAAA,eAAgB,YAAY;SAAC;IAEhC,iEAAiE;IACnE;AACF","sources":["packages/react-aria-components/src/TableLayout.ts"],"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 {TableLayout as BaseTableLayout, TableLayoutProps} from 'react-stately/useVirtualizerState';\nimport {LayoutOptionsDelegate} from './Virtualizer';\nimport {TableColumnResizeStateContext} from './Table';\nimport {useContext, useMemo} from 'react';\n\nexport class TableLayout<T, O extends TableLayoutProps = TableLayoutProps>\n  extends BaseTableLayout<T, O>\n  implements LayoutOptionsDelegate<TableLayoutProps>\n{\n  // Invalidate the layout whenever the column widths change.\n  useLayoutOptions(): TableLayoutProps {\n    // This is not a React class component, just a regular class.\n    // oxlint-disable react/react-compiler, react-hooks/rules-of-hooks\n    let colResizeState = useContext(TableColumnResizeStateContext);\n    return useMemo(\n      () => ({\n        columnWidths: colResizeState?.columnWidths\n      }),\n      [colResizeState?.columnWidths]\n    );\n    // oxlint-enable react/react-compiler, react-hooks/rules-of-hooks\n  }\n}\n"],"names":[],"version":3,"file":"TableLayout.js.map"}

package/dist/private/TableLayout.mjs

@@ -19,12 +19,14 @@ class $117bf84ed4596724$export$62444c3c724b1b20 extends (0, $dQ2t8$TableLayout)
     // Invalidate the layout whenever the column widths change.
     useLayoutOptions() {
         // This is not a React class component, just a regular class.
-        /* eslint-disable react-hooks/rules-of-hooks */ let colResizeState = (0, $dQ2t8$useContext)((0, $76d00c5a4edb230a$export$a2680a798823803c));
+        // oxlint-disable react/react-compiler, react-hooks/rules-of-hooks
+        let colResizeState = (0, $dQ2t8$useContext)((0, $76d00c5a4edb230a$export$a2680a798823803c));
         return (0, $dQ2t8$useMemo)(()=>({
                 columnWidths: colResizeState?.columnWidths
             }), [
             colResizeState?.columnWidths
         ]);
+    // oxlint-enable react/react-compiler, react-hooks/rules-of-hooks
     }
 }
 

package/dist/private/TableLayout.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;AAAA;;;;;;;;;;CAUC;;;AAOM,MAAM,kDACH,CAAA,GAAA,kBAAc;IAGtB,2DAA2D;IAC3D,mBAAqC;QACnC,6DAA6D;QAC7D,6CAA6C,GAC7C,IAAI,iBAAiB,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,yCAA4B;QAC5D,OAAO,CAAA,GAAA,cAAM,EACX,IAAO,CAAA;gBACL,cAAc,gBAAgB;YAChC,CAAA,GACA;YAAC,gBAAgB;SAAa;IAElC;AACF","sources":["packages/react-aria-components/src/TableLayout.ts"],"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 {TableLayout as BaseTableLayout, TableLayoutProps} from 'react-stately/useVirtualizerState';\nimport {LayoutOptionsDelegate} from './Virtualizer';\nimport {TableColumnResizeStateContext} from './Table';\nimport {useContext, useMemo} from 'react';\n\nexport class TableLayout<T, O extends TableLayoutProps = TableLayoutProps>\n  extends BaseTableLayout<T, O>\n  implements LayoutOptionsDelegate<TableLayoutProps>\n{\n  // Invalidate the layout whenever the column widths change.\n  useLayoutOptions(): TableLayoutProps {\n    // This is not a React class component, just a regular class.\n    /* eslint-disable react-hooks/rules-of-hooks */\n    let colResizeState = useContext(TableColumnResizeStateContext);\n    return useMemo(\n      () => ({\n        columnWidths: colResizeState?.columnWidths\n      }),\n      [colResizeState?.columnWidths]\n    );\n  }\n}\n"],"names":[],"version":3,"file":"TableLayout.mjs.map"}
+{"mappings":";;;;AAAA;;;;;;;;;;CAUC;;;AAOM,MAAM,kDACH,CAAA,GAAA,kBAAc;IAGtB,2DAA2D;IAC3D,mBAAqC;QACnC,6DAA6D;QAC7D,kEAAkE;QAClE,IAAI,iBAAiB,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,yCAA4B;QAC5D,OAAO,CAAA,GAAA,cAAM,EACX,IAAO,CAAA;gBACL,cAAc,gBAAgB;YAChC,CAAA,GACA;YAAC,gBAAgB;SAAa;IAEhC,iEAAiE;IACnE;AACF","sources":["packages/react-aria-components/src/TableLayout.ts"],"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 {TableLayout as BaseTableLayout, TableLayoutProps} from 'react-stately/useVirtualizerState';\nimport {LayoutOptionsDelegate} from './Virtualizer';\nimport {TableColumnResizeStateContext} from './Table';\nimport {useContext, useMemo} from 'react';\n\nexport class TableLayout<T, O extends TableLayoutProps = TableLayoutProps>\n  extends BaseTableLayout<T, O>\n  implements LayoutOptionsDelegate<TableLayoutProps>\n{\n  // Invalidate the layout whenever the column widths change.\n  useLayoutOptions(): TableLayoutProps {\n    // This is not a React class component, just a regular class.\n    // oxlint-disable react/react-compiler, react-hooks/rules-of-hooks\n    let colResizeState = useContext(TableColumnResizeStateContext);\n    return useMemo(\n      () => ({\n        columnWidths: colResizeState?.columnWidths\n      }),\n      [colResizeState?.columnWidths]\n    );\n    // oxlint-enable react/react-compiler, react-hooks/rules-of-hooks\n  }\n}\n"],"names":[],"version":3,"file":"TableLayout.mjs.map"}

package/dist/private/TagGroup.cjs

@@ -90,6 +90,7 @@ function $c5db5fc82b83c4a1$var$TagGroupInner({ props: props, forwardedRef: ref,
         children: undefined,
         collection: collection
     });
+    // oxlint-disable-next-line react/react-compiler
     let filteredState = (0, $9dmNy$reactstatelyuseListState.UNSTABLE_useFilteredListState)(tagGroupState, filter);
     // Prevent DOM props from going to two places.
     let domProps = (0, $9dmNy$reactariafilterDOMProps.filterDOMProps)(otherProps, {

package/dist/private/TagGroup.cjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/react-aria-components/src/TagGroup.tsx"],"sourcesContent":["/*\n * Copyright 2022 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 {AriaTagGroupProps, useTag, useTagGroup} from 'react-aria/useTagGroup';\n\nimport {ButtonContext} from './Button';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  DOMProps,\n  DOMRenderProps,\n  Provider,\n  RenderProps,\n  SlotProps,\n  StyleRenderProps,\n  useContextProps,\n  useRenderProps,\n  useSlot\n} from './utils';\nimport {Collection} from 'react-aria/Collection';\nimport {CollectionBuilder, createLeafComponent} from 'react-aria/CollectionBuilder';\nimport {\n  CollectionProps,\n  CollectionRendererContext,\n  DefaultCollectionRenderer,\n  ItemRenderProps,\n  usePersistedKeys\n} from './Collection';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {\n  FocusEvents,\n  forwardRefType,\n  GlobalDOMAttributes,\n  HoverEvents,\n  Key,\n  LinkDOMProps,\n  PressEvents,\n  RefObject\n} from '@react-types/shared';\nimport {ItemNode} from 'react-aria/private/collections/BaseCollection';\nimport {LabelContext} from './Label';\nimport {ListState, UNSTABLE_useFilteredListState, useListState} from 'react-stately/useListState';\nimport {ListStateContext} from './ListBox';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Node} from '@react-types/shared';\nimport React, {\n  createContext,\n  ForwardedRef,\n  forwardRef,\n  JSX,\n  ReactNode,\n  useContext,\n  useEffect,\n  useRef\n} from 'react';\nimport {SelectableCollectionContext, SelectableCollectionContextValue} from './Autocomplete';\nimport {SelectionIndicatorContext} from './SelectionIndicator';\nimport {SharedElementTransition} from './SharedElementTransition';\nimport {TextContext} from './Text';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useHover} from 'react-aria/useHover';\nimport {useObjectRef} from 'react-aria/useObjectRef';\n\nexport interface TagGroupProps\n  extends\n    Omit<\n      AriaTagGroupProps<unknown>,\n      'children' | 'items' | 'label' | 'description' | 'errorMessage' | 'keyboardDelegate'\n    >,\n    DOMProps,\n    SlotProps,\n    DOMRenderProps<'div', undefined>,\n    GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element.\n   *\n   * @default 'react-aria-TagGroup'\n   */\n  className?: string;\n}\n\nexport interface TagListRenderProps {\n  /**\n   * Whether the tag list has no items and should display its empty state.\n   *\n   * @selector [data-empty]\n   */\n  isEmpty: boolean;\n  /**\n   * Whether the tag list is currently focused.\n   *\n   * @selector [data-focused]\n   */\n  isFocused: boolean;\n  /**\n   * Whether the tag list is currently keyboard focused.\n   *\n   * @selector [data-focus-visible]\n   */\n  isFocusVisible: boolean;\n  /**\n   * State of the TagGroup.\n   */\n  state: ListState<unknown>;\n}\n\nexport interface TagListProps<T>\n  extends\n    Omit<CollectionProps<T>, 'disabledKeys'>,\n    StyleRenderProps<TagListRenderProps, 'div'>,\n    GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-TagList'\n   */\n  className?: ClassNameOrFunction<TagListRenderProps>;\n  /** Provides content to display when there are no items in the tag list. */\n  renderEmptyState?: (props: TagListRenderProps) => ReactNode;\n}\n\nexport const TagGroupContext = createContext<ContextValue<TagGroupProps, HTMLDivElement>>(null);\nexport const TagListContext = createContext<ContextValue<TagListProps<any>, HTMLDivElement>>(null);\n\n/**\n * A tag group is a focusable list of labels, categories, keywords, filters, or other items, with\n * support for keyboard navigation, selection, and removal.\n */\nexport const TagGroup = /*#__PURE__*/ (forwardRef as forwardRefType)(function TagGroup(\n  props: TagGroupProps,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  [props, ref] = useContextProps(props, ref, TagGroupContext);\n  return (\n    <ListStateContext.Provider value={null}>\n      <CollectionBuilder content={props.children}>\n        {collection => <TagGroupInner props={props} forwardedRef={ref} collection={collection} />}\n      </CollectionBuilder>\n    </ListStateContext.Provider>\n  );\n});\n\ninterface TagGroupInnerProps<T> {\n  props: TagGroupProps & SelectableCollectionContextValue<T>;\n  forwardedRef: ForwardedRef<HTMLDivElement>;\n  collection: any;\n}\n\nfunction TagGroupInner<T>({props, forwardedRef: ref, collection}: TagGroupInnerProps<T>) {\n  let tagListRef = useRef<HTMLElement>(null);\n  // Extract the user provided id so it doesn't clash with the collection id provided by Autocomplete\n  let {id, ...otherProps} = props;\n  [otherProps, tagListRef] = useContextProps(otherProps, tagListRef, SelectableCollectionContext);\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  let {filter, shouldUseVirtualFocus, ...DOMCollectionProps} = otherProps;\n  let [labelRef, label] = useSlot(!props['aria-label'] && !props['aria-labelledby']);\n  let tagGroupState = useListState({\n    ...DOMCollectionProps,\n    children: undefined,\n    collection\n  });\n\n  let filteredState = UNSTABLE_useFilteredListState(tagGroupState as ListState<T>, filter);\n\n  // Prevent DOM props from going to two places.\n  let domProps = filterDOMProps(otherProps, {global: true});\n  let domPropOverrides = Object.fromEntries(\n    Object.entries(domProps).map(([k, val]) => [k, k === 'id' ? val : undefined])\n  );\n  let {gridProps, labelProps, descriptionProps, errorMessageProps} = useTagGroup(\n    {\n      ...DOMCollectionProps,\n      ...domPropOverrides,\n      label\n    },\n    filteredState,\n    tagListRef\n  );\n\n  return (\n    <dom.div\n      render={props.render}\n      {...domProps}\n      id={id}\n      ref={ref}\n      slot={props.slot || undefined}\n      className={props.className ?? 'react-aria-TagGroup'}\n      style={props.style}>\n      <Provider\n        values={[\n          [LabelContext, {...labelProps, elementType: 'span', ref: labelRef}],\n          [TagListContext, {...gridProps, ref: tagListRef as RefObject<HTMLDivElement>}],\n          [ListStateContext, filteredState],\n          [\n            TextContext,\n            {\n              slots: {\n                description: descriptionProps,\n                errorMessage: errorMessageProps\n              }\n            }\n          ]\n        ]}>\n        {props.children}\n      </Provider>\n    </dom.div>\n  );\n}\n\n/**\n * A tag list is a container for tags within a TagGroup.\n */\nexport const TagList = /*#__PURE__*/ (forwardRef as forwardRefType)(function TagList<T>(\n  props: TagListProps<T>,\n  ref: ForwardedRef<HTMLDivElement>\n): JSX.Element {\n  let state = useContext(ListStateContext);\n  return state ? <TagListInner props={props} forwardedRef={ref} /> : <Collection {...props} />;\n});\n\ninterface TagListInnerProps<T> {\n  props: TagListProps<T>;\n  forwardedRef: ForwardedRef<HTMLDivElement>;\n}\n\nfunction TagListInner<T>({props, forwardedRef}: TagListInnerProps<T>) {\n  let state = useContext(ListStateContext)!;\n  let {CollectionRoot} = useContext(CollectionRendererContext);\n  let [gridProps, ref] = useContextProps({}, forwardedRef, TagListContext);\n\n  let {focusProps, isFocused, isFocusVisible} = useFocusRing();\n  let renderValues = {\n    isEmpty: state.collection.size === 0,\n    isFocused,\n    isFocusVisible,\n    state\n  };\n  let renderProps = useRenderProps({\n    ...props,\n    children: undefined,\n    defaultClassName: 'react-aria-TagList',\n    values: renderValues\n  });\n\n  let persistedKeys = usePersistedKeys(state.selectionManager.focusedKey);\n  let DOMProps = filterDOMProps(props, {global: true});\n\n  return (\n    <dom.div\n      {...mergeProps(DOMProps, renderProps, gridProps, focusProps)}\n      ref={ref}\n      data-empty={state.collection.size === 0 || undefined}\n      data-focused={isFocused || undefined}\n      data-focus-visible={isFocusVisible || undefined}>\n      <SharedElementTransition>\n        {state.collection.size === 0 && props.renderEmptyState ? (\n          props.renderEmptyState(renderValues)\n        ) : (\n          <CollectionRoot collection={state.collection} persistedKeys={persistedKeys} />\n        )}\n      </SharedElementTransition>\n    </dom.div>\n  );\n}\n\nexport interface TagRenderProps extends Omit<\n  ItemRenderProps,\n  'allowsDragging' | 'isDragging' | 'isDropTarget'\n> {\n  /**\n   * Whether the tag group allows items to be removed.\n   *\n   * @selector [data-allows-removing]\n   */\n  allowsRemoving: boolean;\n}\n\nexport interface TagProps\n  extends\n    RenderProps<TagRenderProps, 'div'>,\n    LinkDOMProps,\n    HoverEvents,\n    FocusEvents,\n    PressEvents,\n    Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-Tag'\n   */\n  className?: ClassNameOrFunction<TagRenderProps>;\n  /** A unique id for the tag. */\n  id?: Key;\n  /**\n   * A string representation of the tags's contents, used for accessibility.\n   * Required if children is not a plain text string.\n   */\n  textValue?: string;\n  /** Whether the tag is disabled. */\n  isDisabled?: boolean;\n  /**\n   * Handler that is called when a user performs an action on the item. The exact user event depends\n   * on the collection's `selectionBehavior` prop and the interaction modality.\n   */\n  onAction?: () => void;\n}\n\n/**\n * A Tag is an individual item within a TagList.\n */\nexport const Tag = /*#__PURE__*/ createLeafComponent(\n  ItemNode,\n  (props: TagProps, forwardedRef: ForwardedRef<HTMLDivElement>, item: Node<unknown>) => {\n    let state = useContext(ListStateContext)!;\n    let ref = useObjectRef<HTMLDivElement>(forwardedRef);\n    let {focusProps, isFocusVisible} = useFocusRing({within: false});\n    let {rowProps, gridCellProps, removeButtonProps, ...states} = useTag({item}, state, ref);\n\n    let {hoverProps, isHovered} = useHover({\n      isDisabled: !states.allowsSelection && !states.hasAction,\n      onHoverStart: item.props.onHoverStart,\n      onHoverChange: item.props.onHoverChange,\n      onHoverEnd: item.props.onHoverEnd\n    });\n\n    let renderProps = useRenderProps({\n      ...props,\n      id: undefined,\n      children: item.rendered,\n      defaultClassName: 'react-aria-Tag',\n      values: {\n        ...states,\n        isFocusVisible,\n        isHovered,\n        selectionMode: state.selectionManager.selectionMode,\n        selectionBehavior: state.selectionManager.selectionBehavior\n      }\n    });\n\n    useEffect(() => {\n      if (!item.textValue && process.env.NODE_ENV !== 'production') {\n        console.warn(\n          'A `textValue` prop is required for <Tag> elements with non-plain text children for accessibility.'\n        );\n      }\n    }, [item.textValue]);\n\n    let DOMProps = filterDOMProps(props as any, {global: true});\n    delete DOMProps.id;\n    delete DOMProps.onClick;\n\n    return (\n      <dom.div\n        ref={ref}\n        {...mergeProps(DOMProps, renderProps, rowProps, focusProps, hoverProps)}\n        data-selected={states.isSelected || undefined}\n        data-disabled={states.isDisabled || undefined}\n        data-hovered={isHovered || undefined}\n        data-focused={states.isFocused || undefined}\n        data-focus-visible={isFocusVisible || undefined}\n        data-pressed={states.isPressed || undefined}\n        data-allows-removing={states.allowsRemoving || undefined}\n        data-selection-mode={\n          state.selectionManager.selectionMode === 'none'\n            ? undefined\n            : state.selectionManager.selectionMode\n        }>\n        <div {...gridCellProps} style={{display: 'contents'}}>\n          <Provider\n            values={[\n              [\n                ButtonContext,\n                {\n                  slots: {\n                    remove: removeButtonProps\n                  }\n                }\n              ],\n              [CollectionRendererContext, DefaultCollectionRenderer],\n              [SelectionIndicatorContext, {isSelected: states.isSelected}]\n            ]}>\n            {renderProps.children}\n          </Provider>\n        </div>\n      </dom.div>\n    );\n  }\n);\n"],"names":[],"version":3,"file":"TagGroup.cjs.map"}
+{"mappings":"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","sources":["packages/react-aria-components/src/TagGroup.tsx"],"sourcesContent":["/*\n * Copyright 2022 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 {AriaTagGroupProps, useTag, useTagGroup} from 'react-aria/useTagGroup';\n\nimport {ButtonContext} from './Button';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  DOMProps,\n  DOMRenderProps,\n  Provider,\n  RenderProps,\n  SlotProps,\n  StyleRenderProps,\n  useContextProps,\n  useRenderProps,\n  useSlot\n} from './utils';\nimport {Collection} from 'react-aria/Collection';\nimport {CollectionBuilder, createLeafComponent} from 'react-aria/CollectionBuilder';\nimport {\n  CollectionProps,\n  CollectionRendererContext,\n  DefaultCollectionRenderer,\n  ItemRenderProps,\n  usePersistedKeys\n} from './Collection';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {\n  FocusEvents,\n  forwardRefType,\n  GlobalDOMAttributes,\n  HoverEvents,\n  Key,\n  LinkDOMProps,\n  PressEvents,\n  RefObject\n} from '@react-types/shared';\nimport {ItemNode} from 'react-aria/private/collections/BaseCollection';\nimport {LabelContext} from './Label';\nimport {ListState, UNSTABLE_useFilteredListState, useListState} from 'react-stately/useListState';\nimport {ListStateContext} from './ListBox';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Node} from '@react-types/shared';\nimport React, {\n  createContext,\n  ForwardedRef,\n  forwardRef,\n  JSX,\n  ReactNode,\n  useContext,\n  useEffect,\n  useRef\n} from 'react';\nimport {SelectableCollectionContext, SelectableCollectionContextValue} from './Autocomplete';\nimport {SelectionIndicatorContext} from './SelectionIndicator';\nimport {SharedElementTransition} from './SharedElementTransition';\nimport {TextContext} from './Text';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useHover} from 'react-aria/useHover';\nimport {useObjectRef} from 'react-aria/useObjectRef';\n\nexport interface TagGroupProps\n  extends\n    Omit<\n      AriaTagGroupProps<unknown>,\n      'children' | 'items' | 'label' | 'description' | 'errorMessage' | 'keyboardDelegate'\n    >,\n    DOMProps,\n    SlotProps,\n    DOMRenderProps<'div', undefined>,\n    GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element.\n   *\n   * @default 'react-aria-TagGroup'\n   */\n  className?: string;\n}\n\nexport interface TagListRenderProps {\n  /**\n   * Whether the tag list has no items and should display its empty state.\n   *\n   * @selector [data-empty]\n   */\n  isEmpty: boolean;\n  /**\n   * Whether the tag list is currently focused.\n   *\n   * @selector [data-focused]\n   */\n  isFocused: boolean;\n  /**\n   * Whether the tag list is currently keyboard focused.\n   *\n   * @selector [data-focus-visible]\n   */\n  isFocusVisible: boolean;\n  /**\n   * State of the TagGroup.\n   */\n  state: ListState<unknown>;\n}\n\nexport interface TagListProps<T>\n  extends\n    Omit<CollectionProps<T>, 'disabledKeys'>,\n    StyleRenderProps<TagListRenderProps, 'div'>,\n    GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-TagList'\n   */\n  className?: ClassNameOrFunction<TagListRenderProps>;\n  /** Provides content to display when there are no items in the tag list. */\n  renderEmptyState?: (props: TagListRenderProps) => ReactNode;\n}\n\nexport const TagGroupContext = createContext<ContextValue<TagGroupProps, HTMLDivElement>>(null);\nexport const TagListContext = createContext<ContextValue<TagListProps<any>, HTMLDivElement>>(null);\n\n/**\n * A tag group is a focusable list of labels, categories, keywords, filters, or other items, with\n * support for keyboard navigation, selection, and removal.\n */\nexport const TagGroup = /*#__PURE__*/ (forwardRef as forwardRefType)(function TagGroup(\n  props: TagGroupProps,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  [props, ref] = useContextProps(props, ref, TagGroupContext);\n  return (\n    <ListStateContext.Provider value={null}>\n      <CollectionBuilder content={props.children}>\n        {collection => <TagGroupInner props={props} forwardedRef={ref} collection={collection} />}\n      </CollectionBuilder>\n    </ListStateContext.Provider>\n  );\n});\n\ninterface TagGroupInnerProps<T> {\n  props: TagGroupProps & SelectableCollectionContextValue<T>;\n  forwardedRef: ForwardedRef<HTMLDivElement>;\n  collection: any;\n}\n\nfunction TagGroupInner<T>({props, forwardedRef: ref, collection}: TagGroupInnerProps<T>) {\n  let tagListRef = useRef<HTMLElement>(null);\n  // Extract the user provided id so it doesn't clash with the collection id provided by Autocomplete\n  let {id, ...otherProps} = props;\n  [otherProps, tagListRef] = useContextProps(otherProps, tagListRef, SelectableCollectionContext);\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  let {filter, shouldUseVirtualFocus, ...DOMCollectionProps} = otherProps;\n  let [labelRef, label] = useSlot(!props['aria-label'] && !props['aria-labelledby']);\n  let tagGroupState = useListState({\n    ...DOMCollectionProps,\n    children: undefined,\n    collection\n  });\n\n  // oxlint-disable-next-line react/react-compiler\n  let filteredState = UNSTABLE_useFilteredListState(tagGroupState as ListState<T>, filter);\n\n  // Prevent DOM props from going to two places.\n  let domProps = filterDOMProps(otherProps, {global: true});\n  let domPropOverrides = Object.fromEntries(\n    Object.entries(domProps).map(([k, val]) => [k, k === 'id' ? val : undefined])\n  );\n  let {gridProps, labelProps, descriptionProps, errorMessageProps} = useTagGroup(\n    {\n      ...DOMCollectionProps,\n      ...domPropOverrides,\n      label\n    },\n    filteredState,\n    tagListRef\n  );\n\n  return (\n    <dom.div\n      render={props.render}\n      {...domProps}\n      id={id}\n      ref={ref}\n      slot={props.slot || undefined}\n      className={props.className ?? 'react-aria-TagGroup'}\n      style={props.style}>\n      <Provider\n        values={[\n          [LabelContext, {...labelProps, elementType: 'span', ref: labelRef}],\n          [TagListContext, {...gridProps, ref: tagListRef as RefObject<HTMLDivElement>}],\n          [ListStateContext, filteredState],\n          [\n            TextContext,\n            {\n              slots: {\n                description: descriptionProps,\n                errorMessage: errorMessageProps\n              }\n            }\n          ]\n        ]}>\n        {props.children}\n      </Provider>\n    </dom.div>\n  );\n}\n\n/**\n * A tag list is a container for tags within a TagGroup.\n */\nexport const TagList = /*#__PURE__*/ (forwardRef as forwardRefType)(function TagList<T>(\n  props: TagListProps<T>,\n  ref: ForwardedRef<HTMLDivElement>\n): JSX.Element {\n  let state = useContext(ListStateContext);\n  return state ? <TagListInner props={props} forwardedRef={ref} /> : <Collection {...props} />;\n});\n\ninterface TagListInnerProps<T> {\n  props: TagListProps<T>;\n  forwardedRef: ForwardedRef<HTMLDivElement>;\n}\n\nfunction TagListInner<T>({props, forwardedRef}: TagListInnerProps<T>) {\n  let state = useContext(ListStateContext)!;\n  let {CollectionRoot} = useContext(CollectionRendererContext);\n  let [gridProps, ref] = useContextProps({}, forwardedRef, TagListContext);\n\n  let {focusProps, isFocused, isFocusVisible} = useFocusRing();\n  let renderValues = {\n    isEmpty: state.collection.size === 0,\n    isFocused,\n    isFocusVisible,\n    state\n  };\n  let renderProps = useRenderProps({\n    ...props,\n    children: undefined,\n    defaultClassName: 'react-aria-TagList',\n    values: renderValues\n  });\n\n  let persistedKeys = usePersistedKeys(state.selectionManager.focusedKey);\n  let DOMProps = filterDOMProps(props, {global: true});\n\n  return (\n    <dom.div\n      {...mergeProps(DOMProps, renderProps, gridProps, focusProps)}\n      ref={ref}\n      data-empty={state.collection.size === 0 || undefined}\n      data-focused={isFocused || undefined}\n      data-focus-visible={isFocusVisible || undefined}>\n      <SharedElementTransition>\n        {state.collection.size === 0 && props.renderEmptyState ? (\n          props.renderEmptyState(renderValues)\n        ) : (\n          <CollectionRoot collection={state.collection} persistedKeys={persistedKeys} />\n        )}\n      </SharedElementTransition>\n    </dom.div>\n  );\n}\n\nexport interface TagRenderProps extends Omit<\n  ItemRenderProps,\n  'allowsDragging' | 'isDragging' | 'isDropTarget'\n> {\n  /**\n   * Whether the tag group allows items to be removed.\n   *\n   * @selector [data-allows-removing]\n   */\n  allowsRemoving: boolean;\n}\n\nexport interface TagProps\n  extends\n    RenderProps<TagRenderProps, 'div'>,\n    LinkDOMProps,\n    HoverEvents,\n    FocusEvents,\n    PressEvents,\n    Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-Tag'\n   */\n  className?: ClassNameOrFunction<TagRenderProps>;\n  /** A unique id for the tag. */\n  id?: Key;\n  /**\n   * A string representation of the tags's contents, used for accessibility.\n   * Required if children is not a plain text string.\n   */\n  textValue?: string;\n  /** Whether the tag is disabled. */\n  isDisabled?: boolean;\n  /**\n   * Handler that is called when a user performs an action on the item. The exact user event depends\n   * on the collection's `selectionBehavior` prop and the interaction modality.\n   */\n  onAction?: () => void;\n}\n\n/**\n * A Tag is an individual item within a TagList.\n */\nexport const Tag = /*#__PURE__*/ createLeafComponent(\n  ItemNode,\n  (props: TagProps, forwardedRef: ForwardedRef<HTMLDivElement>, item: Node<unknown>) => {\n    let state = useContext(ListStateContext)!;\n    let ref = useObjectRef<HTMLDivElement>(forwardedRef);\n    let {focusProps, isFocusVisible} = useFocusRing({within: false});\n    let {rowProps, gridCellProps, removeButtonProps, ...states} = useTag({item}, state, ref);\n\n    let {hoverProps, isHovered} = useHover({\n      isDisabled: !states.allowsSelection && !states.hasAction,\n      onHoverStart: item.props.onHoverStart,\n      onHoverChange: item.props.onHoverChange,\n      onHoverEnd: item.props.onHoverEnd\n    });\n\n    let renderProps = useRenderProps({\n      ...props,\n      id: undefined,\n      children: item.rendered,\n      defaultClassName: 'react-aria-Tag',\n      values: {\n        ...states,\n        isFocusVisible,\n        isHovered,\n        selectionMode: state.selectionManager.selectionMode,\n        selectionBehavior: state.selectionManager.selectionBehavior\n      }\n    });\n\n    useEffect(() => {\n      if (!item.textValue && process.env.NODE_ENV !== 'production') {\n        console.warn(\n          'A `textValue` prop is required for <Tag> elements with non-plain text children for accessibility.'\n        );\n      }\n    }, [item.textValue]);\n\n    let DOMProps = filterDOMProps(props as any, {global: true});\n    delete DOMProps.id;\n    delete DOMProps.onClick;\n\n    return (\n      <dom.div\n        ref={ref}\n        {...mergeProps(DOMProps, renderProps, rowProps, focusProps, hoverProps)}\n        data-selected={states.isSelected || undefined}\n        data-disabled={states.isDisabled || undefined}\n        data-hovered={isHovered || undefined}\n        data-focused={states.isFocused || undefined}\n        data-focus-visible={isFocusVisible || undefined}\n        data-pressed={states.isPressed || undefined}\n        data-allows-removing={states.allowsRemoving || undefined}\n        data-selection-mode={\n          state.selectionManager.selectionMode === 'none'\n            ? undefined\n            : state.selectionManager.selectionMode\n        }>\n        <div {...gridCellProps} style={{display: 'contents'}}>\n          <Provider\n            values={[\n              [\n                ButtonContext,\n                {\n                  slots: {\n                    remove: removeButtonProps\n                  }\n                }\n              ],\n              [CollectionRendererContext, DefaultCollectionRenderer],\n              [SelectionIndicatorContext, {isSelected: states.isSelected}]\n            ]}>\n            {renderProps.children}\n          </Provider>\n        </div>\n      </dom.div>\n    );\n  }\n);\n"],"names":[],"version":3,"file":"TagGroup.cjs.map"}

package/dist/private/TagGroup.js

@@ -76,6 +76,7 @@ function $ada7ba7890ac1d93$var$TagGroupInner({ props: props, forwardedRef: ref,
         children: undefined,
         collection: collection
     });
+    // oxlint-disable-next-line react/react-compiler
     let filteredState = (0, $7VBu2$UNSTABLE_useFilteredListState)(tagGroupState, filter);
     // Prevent DOM props from going to two places.
     let domProps = (0, $7VBu2$filterDOMProps)(otherProps, {

package/dist/private/TagGroup.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/react-aria-components/src/TagGroup.tsx"],"sourcesContent":["/*\n * Copyright 2022 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 {AriaTagGroupProps, useTag, useTagGroup} from 'react-aria/useTagGroup';\n\nimport {ButtonContext} from './Button';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  DOMProps,\n  DOMRenderProps,\n  Provider,\n  RenderProps,\n  SlotProps,\n  StyleRenderProps,\n  useContextProps,\n  useRenderProps,\n  useSlot\n} from './utils';\nimport {Collection} from 'react-aria/Collection';\nimport {CollectionBuilder, createLeafComponent} from 'react-aria/CollectionBuilder';\nimport {\n  CollectionProps,\n  CollectionRendererContext,\n  DefaultCollectionRenderer,\n  ItemRenderProps,\n  usePersistedKeys\n} from './Collection';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {\n  FocusEvents,\n  forwardRefType,\n  GlobalDOMAttributes,\n  HoverEvents,\n  Key,\n  LinkDOMProps,\n  PressEvents,\n  RefObject\n} from '@react-types/shared';\nimport {ItemNode} from 'react-aria/private/collections/BaseCollection';\nimport {LabelContext} from './Label';\nimport {ListState, UNSTABLE_useFilteredListState, useListState} from 'react-stately/useListState';\nimport {ListStateContext} from './ListBox';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Node} from '@react-types/shared';\nimport React, {\n  createContext,\n  ForwardedRef,\n  forwardRef,\n  JSX,\n  ReactNode,\n  useContext,\n  useEffect,\n  useRef\n} from 'react';\nimport {SelectableCollectionContext, SelectableCollectionContextValue} from './Autocomplete';\nimport {SelectionIndicatorContext} from './SelectionIndicator';\nimport {SharedElementTransition} from './SharedElementTransition';\nimport {TextContext} from './Text';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useHover} from 'react-aria/useHover';\nimport {useObjectRef} from 'react-aria/useObjectRef';\n\nexport interface TagGroupProps\n  extends\n    Omit<\n      AriaTagGroupProps<unknown>,\n      'children' | 'items' | 'label' | 'description' | 'errorMessage' | 'keyboardDelegate'\n    >,\n    DOMProps,\n    SlotProps,\n    DOMRenderProps<'div', undefined>,\n    GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element.\n   *\n   * @default 'react-aria-TagGroup'\n   */\n  className?: string;\n}\n\nexport interface TagListRenderProps {\n  /**\n   * Whether the tag list has no items and should display its empty state.\n   *\n   * @selector [data-empty]\n   */\n  isEmpty: boolean;\n  /**\n   * Whether the tag list is currently focused.\n   *\n   * @selector [data-focused]\n   */\n  isFocused: boolean;\n  /**\n   * Whether the tag list is currently keyboard focused.\n   *\n   * @selector [data-focus-visible]\n   */\n  isFocusVisible: boolean;\n  /**\n   * State of the TagGroup.\n   */\n  state: ListState<unknown>;\n}\n\nexport interface TagListProps<T>\n  extends\n    Omit<CollectionProps<T>, 'disabledKeys'>,\n    StyleRenderProps<TagListRenderProps, 'div'>,\n    GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-TagList'\n   */\n  className?: ClassNameOrFunction<TagListRenderProps>;\n  /** Provides content to display when there are no items in the tag list. */\n  renderEmptyState?: (props: TagListRenderProps) => ReactNode;\n}\n\nexport const TagGroupContext = createContext<ContextValue<TagGroupProps, HTMLDivElement>>(null);\nexport const TagListContext = createContext<ContextValue<TagListProps<any>, HTMLDivElement>>(null);\n\n/**\n * A tag group is a focusable list of labels, categories, keywords, filters, or other items, with\n * support for keyboard navigation, selection, and removal.\n */\nexport const TagGroup = /*#__PURE__*/ (forwardRef as forwardRefType)(function TagGroup(\n  props: TagGroupProps,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  [props, ref] = useContextProps(props, ref, TagGroupContext);\n  return (\n    <ListStateContext.Provider value={null}>\n      <CollectionBuilder content={props.children}>\n        {collection => <TagGroupInner props={props} forwardedRef={ref} collection={collection} />}\n      </CollectionBuilder>\n    </ListStateContext.Provider>\n  );\n});\n\ninterface TagGroupInnerProps<T> {\n  props: TagGroupProps & SelectableCollectionContextValue<T>;\n  forwardedRef: ForwardedRef<HTMLDivElement>;\n  collection: any;\n}\n\nfunction TagGroupInner<T>({props, forwardedRef: ref, collection}: TagGroupInnerProps<T>) {\n  let tagListRef = useRef<HTMLElement>(null);\n  // Extract the user provided id so it doesn't clash with the collection id provided by Autocomplete\n  let {id, ...otherProps} = props;\n  [otherProps, tagListRef] = useContextProps(otherProps, tagListRef, SelectableCollectionContext);\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  let {filter, shouldUseVirtualFocus, ...DOMCollectionProps} = otherProps;\n  let [labelRef, label] = useSlot(!props['aria-label'] && !props['aria-labelledby']);\n  let tagGroupState = useListState({\n    ...DOMCollectionProps,\n    children: undefined,\n    collection\n  });\n\n  let filteredState = UNSTABLE_useFilteredListState(tagGroupState as ListState<T>, filter);\n\n  // Prevent DOM props from going to two places.\n  let domProps = filterDOMProps(otherProps, {global: true});\n  let domPropOverrides = Object.fromEntries(\n    Object.entries(domProps).map(([k, val]) => [k, k === 'id' ? val : undefined])\n  );\n  let {gridProps, labelProps, descriptionProps, errorMessageProps} = useTagGroup(\n    {\n      ...DOMCollectionProps,\n      ...domPropOverrides,\n      label\n    },\n    filteredState,\n    tagListRef\n  );\n\n  return (\n    <dom.div\n      render={props.render}\n      {...domProps}\n      id={id}\n      ref={ref}\n      slot={props.slot || undefined}\n      className={props.className ?? 'react-aria-TagGroup'}\n      style={props.style}>\n      <Provider\n        values={[\n          [LabelContext, {...labelProps, elementType: 'span', ref: labelRef}],\n          [TagListContext, {...gridProps, ref: tagListRef as RefObject<HTMLDivElement>}],\n          [ListStateContext, filteredState],\n          [\n            TextContext,\n            {\n              slots: {\n                description: descriptionProps,\n                errorMessage: errorMessageProps\n              }\n            }\n          ]\n        ]}>\n        {props.children}\n      </Provider>\n    </dom.div>\n  );\n}\n\n/**\n * A tag list is a container for tags within a TagGroup.\n */\nexport const TagList = /*#__PURE__*/ (forwardRef as forwardRefType)(function TagList<T>(\n  props: TagListProps<T>,\n  ref: ForwardedRef<HTMLDivElement>\n): JSX.Element {\n  let state = useContext(ListStateContext);\n  return state ? <TagListInner props={props} forwardedRef={ref} /> : <Collection {...props} />;\n});\n\ninterface TagListInnerProps<T> {\n  props: TagListProps<T>;\n  forwardedRef: ForwardedRef<HTMLDivElement>;\n}\n\nfunction TagListInner<T>({props, forwardedRef}: TagListInnerProps<T>) {\n  let state = useContext(ListStateContext)!;\n  let {CollectionRoot} = useContext(CollectionRendererContext);\n  let [gridProps, ref] = useContextProps({}, forwardedRef, TagListContext);\n\n  let {focusProps, isFocused, isFocusVisible} = useFocusRing();\n  let renderValues = {\n    isEmpty: state.collection.size === 0,\n    isFocused,\n    isFocusVisible,\n    state\n  };\n  let renderProps = useRenderProps({\n    ...props,\n    children: undefined,\n    defaultClassName: 'react-aria-TagList',\n    values: renderValues\n  });\n\n  let persistedKeys = usePersistedKeys(state.selectionManager.focusedKey);\n  let DOMProps = filterDOMProps(props, {global: true});\n\n  return (\n    <dom.div\n      {...mergeProps(DOMProps, renderProps, gridProps, focusProps)}\n      ref={ref}\n      data-empty={state.collection.size === 0 || undefined}\n      data-focused={isFocused || undefined}\n      data-focus-visible={isFocusVisible || undefined}>\n      <SharedElementTransition>\n        {state.collection.size === 0 && props.renderEmptyState ? (\n          props.renderEmptyState(renderValues)\n        ) : (\n          <CollectionRoot collection={state.collection} persistedKeys={persistedKeys} />\n        )}\n      </SharedElementTransition>\n    </dom.div>\n  );\n}\n\nexport interface TagRenderProps extends Omit<\n  ItemRenderProps,\n  'allowsDragging' | 'isDragging' | 'isDropTarget'\n> {\n  /**\n   * Whether the tag group allows items to be removed.\n   *\n   * @selector [data-allows-removing]\n   */\n  allowsRemoving: boolean;\n}\n\nexport interface TagProps\n  extends\n    RenderProps<TagRenderProps, 'div'>,\n    LinkDOMProps,\n    HoverEvents,\n    FocusEvents,\n    PressEvents,\n    Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-Tag'\n   */\n  className?: ClassNameOrFunction<TagRenderProps>;\n  /** A unique id for the tag. */\n  id?: Key;\n  /**\n   * A string representation of the tags's contents, used for accessibility.\n   * Required if children is not a plain text string.\n   */\n  textValue?: string;\n  /** Whether the tag is disabled. */\n  isDisabled?: boolean;\n  /**\n   * Handler that is called when a user performs an action on the item. The exact user event depends\n   * on the collection's `selectionBehavior` prop and the interaction modality.\n   */\n  onAction?: () => void;\n}\n\n/**\n * A Tag is an individual item within a TagList.\n */\nexport const Tag = /*#__PURE__*/ createLeafComponent(\n  ItemNode,\n  (props: TagProps, forwardedRef: ForwardedRef<HTMLDivElement>, item: Node<unknown>) => {\n    let state = useContext(ListStateContext)!;\n    let ref = useObjectRef<HTMLDivElement>(forwardedRef);\n    let {focusProps, isFocusVisible} = useFocusRing({within: false});\n    let {rowProps, gridCellProps, removeButtonProps, ...states} = useTag({item}, state, ref);\n\n    let {hoverProps, isHovered} = useHover({\n      isDisabled: !states.allowsSelection && !states.hasAction,\n      onHoverStart: item.props.onHoverStart,\n      onHoverChange: item.props.onHoverChange,\n      onHoverEnd: item.props.onHoverEnd\n    });\n\n    let renderProps = useRenderProps({\n      ...props,\n      id: undefined,\n      children: item.rendered,\n      defaultClassName: 'react-aria-Tag',\n      values: {\n        ...states,\n        isFocusVisible,\n        isHovered,\n        selectionMode: state.selectionManager.selectionMode,\n        selectionBehavior: state.selectionManager.selectionBehavior\n      }\n    });\n\n    useEffect(() => {\n      if (!item.textValue && process.env.NODE_ENV !== 'production') {\n        console.warn(\n          'A `textValue` prop is required for <Tag> elements with non-plain text children for accessibility.'\n        );\n      }\n    }, [item.textValue]);\n\n    let DOMProps = filterDOMProps(props as any, {global: true});\n    delete DOMProps.id;\n    delete DOMProps.onClick;\n\n    return (\n      <dom.div\n        ref={ref}\n        {...mergeProps(DOMProps, renderProps, rowProps, focusProps, hoverProps)}\n        data-selected={states.isSelected || undefined}\n        data-disabled={states.isDisabled || undefined}\n        data-hovered={isHovered || undefined}\n        data-focused={states.isFocused || undefined}\n        data-focus-visible={isFocusVisible || undefined}\n        data-pressed={states.isPressed || undefined}\n        data-allows-removing={states.allowsRemoving || undefined}\n        data-selection-mode={\n          state.selectionManager.selectionMode === 'none'\n            ? undefined\n            : state.selectionManager.selectionMode\n        }>\n        <div {...gridCellProps} style={{display: 'contents'}}>\n          <Provider\n            values={[\n              [\n                ButtonContext,\n                {\n                  slots: {\n                    remove: removeButtonProps\n                  }\n                }\n              ],\n              [CollectionRendererContext, DefaultCollectionRenderer],\n              [SelectionIndicatorContext, {isSelected: states.isSelected}]\n            ]}>\n            {renderProps.children}\n          </Provider>\n        </div>\n      </dom.div>\n    );\n  }\n);\n"],"names":[],"version":3,"file":"TagGroup.js.map"}
+{"mappings":"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","sources":["packages/react-aria-components/src/TagGroup.tsx"],"sourcesContent":["/*\n * Copyright 2022 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 {AriaTagGroupProps, useTag, useTagGroup} from 'react-aria/useTagGroup';\n\nimport {ButtonContext} from './Button';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  DOMProps,\n  DOMRenderProps,\n  Provider,\n  RenderProps,\n  SlotProps,\n  StyleRenderProps,\n  useContextProps,\n  useRenderProps,\n  useSlot\n} from './utils';\nimport {Collection} from 'react-aria/Collection';\nimport {CollectionBuilder, createLeafComponent} from 'react-aria/CollectionBuilder';\nimport {\n  CollectionProps,\n  CollectionRendererContext,\n  DefaultCollectionRenderer,\n  ItemRenderProps,\n  usePersistedKeys\n} from './Collection';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {\n  FocusEvents,\n  forwardRefType,\n  GlobalDOMAttributes,\n  HoverEvents,\n  Key,\n  LinkDOMProps,\n  PressEvents,\n  RefObject\n} from '@react-types/shared';\nimport {ItemNode} from 'react-aria/private/collections/BaseCollection';\nimport {LabelContext} from './Label';\nimport {ListState, UNSTABLE_useFilteredListState, useListState} from 'react-stately/useListState';\nimport {ListStateContext} from './ListBox';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Node} from '@react-types/shared';\nimport React, {\n  createContext,\n  ForwardedRef,\n  forwardRef,\n  JSX,\n  ReactNode,\n  useContext,\n  useEffect,\n  useRef\n} from 'react';\nimport {SelectableCollectionContext, SelectableCollectionContextValue} from './Autocomplete';\nimport {SelectionIndicatorContext} from './SelectionIndicator';\nimport {SharedElementTransition} from './SharedElementTransition';\nimport {TextContext} from './Text';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useHover} from 'react-aria/useHover';\nimport {useObjectRef} from 'react-aria/useObjectRef';\n\nexport interface TagGroupProps\n  extends\n    Omit<\n      AriaTagGroupProps<unknown>,\n      'children' | 'items' | 'label' | 'description' | 'errorMessage' | 'keyboardDelegate'\n    >,\n    DOMProps,\n    SlotProps,\n    DOMRenderProps<'div', undefined>,\n    GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element.\n   *\n   * @default 'react-aria-TagGroup'\n   */\n  className?: string;\n}\n\nexport interface TagListRenderProps {\n  /**\n   * Whether the tag list has no items and should display its empty state.\n   *\n   * @selector [data-empty]\n   */\n  isEmpty: boolean;\n  /**\n   * Whether the tag list is currently focused.\n   *\n   * @selector [data-focused]\n   */\n  isFocused: boolean;\n  /**\n   * Whether the tag list is currently keyboard focused.\n   *\n   * @selector [data-focus-visible]\n   */\n  isFocusVisible: boolean;\n  /**\n   * State of the TagGroup.\n   */\n  state: ListState<unknown>;\n}\n\nexport interface TagListProps<T>\n  extends\n    Omit<CollectionProps<T>, 'disabledKeys'>,\n    StyleRenderProps<TagListRenderProps, 'div'>,\n    GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-TagList'\n   */\n  className?: ClassNameOrFunction<TagListRenderProps>;\n  /** Provides content to display when there are no items in the tag list. */\n  renderEmptyState?: (props: TagListRenderProps) => ReactNode;\n}\n\nexport const TagGroupContext = createContext<ContextValue<TagGroupProps, HTMLDivElement>>(null);\nexport const TagListContext = createContext<ContextValue<TagListProps<any>, HTMLDivElement>>(null);\n\n/**\n * A tag group is a focusable list of labels, categories, keywords, filters, or other items, with\n * support for keyboard navigation, selection, and removal.\n */\nexport const TagGroup = /*#__PURE__*/ (forwardRef as forwardRefType)(function TagGroup(\n  props: TagGroupProps,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  [props, ref] = useContextProps(props, ref, TagGroupContext);\n  return (\n    <ListStateContext.Provider value={null}>\n      <CollectionBuilder content={props.children}>\n        {collection => <TagGroupInner props={props} forwardedRef={ref} collection={collection} />}\n      </CollectionBuilder>\n    </ListStateContext.Provider>\n  );\n});\n\ninterface TagGroupInnerProps<T> {\n  props: TagGroupProps & SelectableCollectionContextValue<T>;\n  forwardedRef: ForwardedRef<HTMLDivElement>;\n  collection: any;\n}\n\nfunction TagGroupInner<T>({props, forwardedRef: ref, collection}: TagGroupInnerProps<T>) {\n  let tagListRef = useRef<HTMLElement>(null);\n  // Extract the user provided id so it doesn't clash with the collection id provided by Autocomplete\n  let {id, ...otherProps} = props;\n  [otherProps, tagListRef] = useContextProps(otherProps, tagListRef, SelectableCollectionContext);\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  let {filter, shouldUseVirtualFocus, ...DOMCollectionProps} = otherProps;\n  let [labelRef, label] = useSlot(!props['aria-label'] && !props['aria-labelledby']);\n  let tagGroupState = useListState({\n    ...DOMCollectionProps,\n    children: undefined,\n    collection\n  });\n\n  // oxlint-disable-next-line react/react-compiler\n  let filteredState = UNSTABLE_useFilteredListState(tagGroupState as ListState<T>, filter);\n\n  // Prevent DOM props from going to two places.\n  let domProps = filterDOMProps(otherProps, {global: true});\n  let domPropOverrides = Object.fromEntries(\n    Object.entries(domProps).map(([k, val]) => [k, k === 'id' ? val : undefined])\n  );\n  let {gridProps, labelProps, descriptionProps, errorMessageProps} = useTagGroup(\n    {\n      ...DOMCollectionProps,\n      ...domPropOverrides,\n      label\n    },\n    filteredState,\n    tagListRef\n  );\n\n  return (\n    <dom.div\n      render={props.render}\n      {...domProps}\n      id={id}\n      ref={ref}\n      slot={props.slot || undefined}\n      className={props.className ?? 'react-aria-TagGroup'}\n      style={props.style}>\n      <Provider\n        values={[\n          [LabelContext, {...labelProps, elementType: 'span', ref: labelRef}],\n          [TagListContext, {...gridProps, ref: tagListRef as RefObject<HTMLDivElement>}],\n          [ListStateContext, filteredState],\n          [\n            TextContext,\n            {\n              slots: {\n                description: descriptionProps,\n                errorMessage: errorMessageProps\n              }\n            }\n          ]\n        ]}>\n        {props.children}\n      </Provider>\n    </dom.div>\n  );\n}\n\n/**\n * A tag list is a container for tags within a TagGroup.\n */\nexport const TagList = /*#__PURE__*/ (forwardRef as forwardRefType)(function TagList<T>(\n  props: TagListProps<T>,\n  ref: ForwardedRef<HTMLDivElement>\n): JSX.Element {\n  let state = useContext(ListStateContext);\n  return state ? <TagListInner props={props} forwardedRef={ref} /> : <Collection {...props} />;\n});\n\ninterface TagListInnerProps<T> {\n  props: TagListProps<T>;\n  forwardedRef: ForwardedRef<HTMLDivElement>;\n}\n\nfunction TagListInner<T>({props, forwardedRef}: TagListInnerProps<T>) {\n  let state = useContext(ListStateContext)!;\n  let {CollectionRoot} = useContext(CollectionRendererContext);\n  let [gridProps, ref] = useContextProps({}, forwardedRef, TagListContext);\n\n  let {focusProps, isFocused, isFocusVisible} = useFocusRing();\n  let renderValues = {\n    isEmpty: state.collection.size === 0,\n    isFocused,\n    isFocusVisible,\n    state\n  };\n  let renderProps = useRenderProps({\n    ...props,\n    children: undefined,\n    defaultClassName: 'react-aria-TagList',\n    values: renderValues\n  });\n\n  let persistedKeys = usePersistedKeys(state.selectionManager.focusedKey);\n  let DOMProps = filterDOMProps(props, {global: true});\n\n  return (\n    <dom.div\n      {...mergeProps(DOMProps, renderProps, gridProps, focusProps)}\n      ref={ref}\n      data-empty={state.collection.size === 0 || undefined}\n      data-focused={isFocused || undefined}\n      data-focus-visible={isFocusVisible || undefined}>\n      <SharedElementTransition>\n        {state.collection.size === 0 && props.renderEmptyState ? (\n          props.renderEmptyState(renderValues)\n        ) : (\n          <CollectionRoot collection={state.collection} persistedKeys={persistedKeys} />\n        )}\n      </SharedElementTransition>\n    </dom.div>\n  );\n}\n\nexport interface TagRenderProps extends Omit<\n  ItemRenderProps,\n  'allowsDragging' | 'isDragging' | 'isDropTarget'\n> {\n  /**\n   * Whether the tag group allows items to be removed.\n   *\n   * @selector [data-allows-removing]\n   */\n  allowsRemoving: boolean;\n}\n\nexport interface TagProps\n  extends\n    RenderProps<TagRenderProps, 'div'>,\n    LinkDOMProps,\n    HoverEvents,\n    FocusEvents,\n    PressEvents,\n    Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-Tag'\n   */\n  className?: ClassNameOrFunction<TagRenderProps>;\n  /** A unique id for the tag. */\n  id?: Key;\n  /**\n   * A string representation of the tags's contents, used for accessibility.\n   * Required if children is not a plain text string.\n   */\n  textValue?: string;\n  /** Whether the tag is disabled. */\n  isDisabled?: boolean;\n  /**\n   * Handler that is called when a user performs an action on the item. The exact user event depends\n   * on the collection's `selectionBehavior` prop and the interaction modality.\n   */\n  onAction?: () => void;\n}\n\n/**\n * A Tag is an individual item within a TagList.\n */\nexport const Tag = /*#__PURE__*/ createLeafComponent(\n  ItemNode,\n  (props: TagProps, forwardedRef: ForwardedRef<HTMLDivElement>, item: Node<unknown>) => {\n    let state = useContext(ListStateContext)!;\n    let ref = useObjectRef<HTMLDivElement>(forwardedRef);\n    let {focusProps, isFocusVisible} = useFocusRing({within: false});\n    let {rowProps, gridCellProps, removeButtonProps, ...states} = useTag({item}, state, ref);\n\n    let {hoverProps, isHovered} = useHover({\n      isDisabled: !states.allowsSelection && !states.hasAction,\n      onHoverStart: item.props.onHoverStart,\n      onHoverChange: item.props.onHoverChange,\n      onHoverEnd: item.props.onHoverEnd\n    });\n\n    let renderProps = useRenderProps({\n      ...props,\n      id: undefined,\n      children: item.rendered,\n      defaultClassName: 'react-aria-Tag',\n      values: {\n        ...states,\n        isFocusVisible,\n        isHovered,\n        selectionMode: state.selectionManager.selectionMode,\n        selectionBehavior: state.selectionManager.selectionBehavior\n      }\n    });\n\n    useEffect(() => {\n      if (!item.textValue && process.env.NODE_ENV !== 'production') {\n        console.warn(\n          'A `textValue` prop is required for <Tag> elements with non-plain text children for accessibility.'\n        );\n      }\n    }, [item.textValue]);\n\n    let DOMProps = filterDOMProps(props as any, {global: true});\n    delete DOMProps.id;\n    delete DOMProps.onClick;\n\n    return (\n      <dom.div\n        ref={ref}\n        {...mergeProps(DOMProps, renderProps, rowProps, focusProps, hoverProps)}\n        data-selected={states.isSelected || undefined}\n        data-disabled={states.isDisabled || undefined}\n        data-hovered={isHovered || undefined}\n        data-focused={states.isFocused || undefined}\n        data-focus-visible={isFocusVisible || undefined}\n        data-pressed={states.isPressed || undefined}\n        data-allows-removing={states.allowsRemoving || undefined}\n        data-selection-mode={\n          state.selectionManager.selectionMode === 'none'\n            ? undefined\n            : state.selectionManager.selectionMode\n        }>\n        <div {...gridCellProps} style={{display: 'contents'}}>\n          <Provider\n            values={[\n              [\n                ButtonContext,\n                {\n                  slots: {\n                    remove: removeButtonProps\n                  }\n                }\n              ],\n              [CollectionRendererContext, DefaultCollectionRenderer],\n              [SelectionIndicatorContext, {isSelected: states.isSelected}]\n            ]}>\n            {renderProps.children}\n          </Provider>\n        </div>\n      </dom.div>\n    );\n  }\n);\n"],"names":[],"version":3,"file":"TagGroup.js.map"}

package/dist/private/TagGroup.mjs

@@ -76,6 +76,7 @@ function $3df3ddf5bafbc7b1$var$TagGroupInner({ props: props, forwardedRef: ref,
         children: undefined,
         collection: collection
     });
+    // oxlint-disable-next-line react/react-compiler
     let filteredState = (0, $ck0pj$UNSTABLE_useFilteredListState)(tagGroupState, filter);
     // Prevent DOM props from going to two places.
     let domProps = (0, $ck0pj$filterDOMProps)(otherProps, {

package/dist/private/TagGroup.mjs.map

@@ -1 +1 @@
-{"mappings":"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","sources":["packages/react-aria-components/src/TagGroup.tsx"],"sourcesContent":["/*\n * Copyright 2022 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 {AriaTagGroupProps, useTag, useTagGroup} from 'react-aria/useTagGroup';\n\nimport {ButtonContext} from './Button';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  DOMProps,\n  DOMRenderProps,\n  Provider,\n  RenderProps,\n  SlotProps,\n  StyleRenderProps,\n  useContextProps,\n  useRenderProps,\n  useSlot\n} from './utils';\nimport {Collection} from 'react-aria/Collection';\nimport {CollectionBuilder, createLeafComponent} from 'react-aria/CollectionBuilder';\nimport {\n  CollectionProps,\n  CollectionRendererContext,\n  DefaultCollectionRenderer,\n  ItemRenderProps,\n  usePersistedKeys\n} from './Collection';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {\n  FocusEvents,\n  forwardRefType,\n  GlobalDOMAttributes,\n  HoverEvents,\n  Key,\n  LinkDOMProps,\n  PressEvents,\n  RefObject\n} from '@react-types/shared';\nimport {ItemNode} from 'react-aria/private/collections/BaseCollection';\nimport {LabelContext} from './Label';\nimport {ListState, UNSTABLE_useFilteredListState, useListState} from 'react-stately/useListState';\nimport {ListStateContext} from './ListBox';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Node} from '@react-types/shared';\nimport React, {\n  createContext,\n  ForwardedRef,\n  forwardRef,\n  JSX,\n  ReactNode,\n  useContext,\n  useEffect,\n  useRef\n} from 'react';\nimport {SelectableCollectionContext, SelectableCollectionContextValue} from './Autocomplete';\nimport {SelectionIndicatorContext} from './SelectionIndicator';\nimport {SharedElementTransition} from './SharedElementTransition';\nimport {TextContext} from './Text';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useHover} from 'react-aria/useHover';\nimport {useObjectRef} from 'react-aria/useObjectRef';\n\nexport interface TagGroupProps\n  extends\n    Omit<\n      AriaTagGroupProps<unknown>,\n      'children' | 'items' | 'label' | 'description' | 'errorMessage' | 'keyboardDelegate'\n    >,\n    DOMProps,\n    SlotProps,\n    DOMRenderProps<'div', undefined>,\n    GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element.\n   *\n   * @default 'react-aria-TagGroup'\n   */\n  className?: string;\n}\n\nexport interface TagListRenderProps {\n  /**\n   * Whether the tag list has no items and should display its empty state.\n   *\n   * @selector [data-empty]\n   */\n  isEmpty: boolean;\n  /**\n   * Whether the tag list is currently focused.\n   *\n   * @selector [data-focused]\n   */\n  isFocused: boolean;\n  /**\n   * Whether the tag list is currently keyboard focused.\n   *\n   * @selector [data-focus-visible]\n   */\n  isFocusVisible: boolean;\n  /**\n   * State of the TagGroup.\n   */\n  state: ListState<unknown>;\n}\n\nexport interface TagListProps<T>\n  extends\n    Omit<CollectionProps<T>, 'disabledKeys'>,\n    StyleRenderProps<TagListRenderProps, 'div'>,\n    GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-TagList'\n   */\n  className?: ClassNameOrFunction<TagListRenderProps>;\n  /** Provides content to display when there are no items in the tag list. */\n  renderEmptyState?: (props: TagListRenderProps) => ReactNode;\n}\n\nexport const TagGroupContext = createContext<ContextValue<TagGroupProps, HTMLDivElement>>(null);\nexport const TagListContext = createContext<ContextValue<TagListProps<any>, HTMLDivElement>>(null);\n\n/**\n * A tag group is a focusable list of labels, categories, keywords, filters, or other items, with\n * support for keyboard navigation, selection, and removal.\n */\nexport const TagGroup = /*#__PURE__*/ (forwardRef as forwardRefType)(function TagGroup(\n  props: TagGroupProps,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  [props, ref] = useContextProps(props, ref, TagGroupContext);\n  return (\n    <ListStateContext.Provider value={null}>\n      <CollectionBuilder content={props.children}>\n        {collection => <TagGroupInner props={props} forwardedRef={ref} collection={collection} />}\n      </CollectionBuilder>\n    </ListStateContext.Provider>\n  );\n});\n\ninterface TagGroupInnerProps<T> {\n  props: TagGroupProps & SelectableCollectionContextValue<T>;\n  forwardedRef: ForwardedRef<HTMLDivElement>;\n  collection: any;\n}\n\nfunction TagGroupInner<T>({props, forwardedRef: ref, collection}: TagGroupInnerProps<T>) {\n  let tagListRef = useRef<HTMLElement>(null);\n  // Extract the user provided id so it doesn't clash with the collection id provided by Autocomplete\n  let {id, ...otherProps} = props;\n  [otherProps, tagListRef] = useContextProps(otherProps, tagListRef, SelectableCollectionContext);\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  let {filter, shouldUseVirtualFocus, ...DOMCollectionProps} = otherProps;\n  let [labelRef, label] = useSlot(!props['aria-label'] && !props['aria-labelledby']);\n  let tagGroupState = useListState({\n    ...DOMCollectionProps,\n    children: undefined,\n    collection\n  });\n\n  let filteredState = UNSTABLE_useFilteredListState(tagGroupState as ListState<T>, filter);\n\n  // Prevent DOM props from going to two places.\n  let domProps = filterDOMProps(otherProps, {global: true});\n  let domPropOverrides = Object.fromEntries(\n    Object.entries(domProps).map(([k, val]) => [k, k === 'id' ? val : undefined])\n  );\n  let {gridProps, labelProps, descriptionProps, errorMessageProps} = useTagGroup(\n    {\n      ...DOMCollectionProps,\n      ...domPropOverrides,\n      label\n    },\n    filteredState,\n    tagListRef\n  );\n\n  return (\n    <dom.div\n      render={props.render}\n      {...domProps}\n      id={id}\n      ref={ref}\n      slot={props.slot || undefined}\n      className={props.className ?? 'react-aria-TagGroup'}\n      style={props.style}>\n      <Provider\n        values={[\n          [LabelContext, {...labelProps, elementType: 'span', ref: labelRef}],\n          [TagListContext, {...gridProps, ref: tagListRef as RefObject<HTMLDivElement>}],\n          [ListStateContext, filteredState],\n          [\n            TextContext,\n            {\n              slots: {\n                description: descriptionProps,\n                errorMessage: errorMessageProps\n              }\n            }\n          ]\n        ]}>\n        {props.children}\n      </Provider>\n    </dom.div>\n  );\n}\n\n/**\n * A tag list is a container for tags within a TagGroup.\n */\nexport const TagList = /*#__PURE__*/ (forwardRef as forwardRefType)(function TagList<T>(\n  props: TagListProps<T>,\n  ref: ForwardedRef<HTMLDivElement>\n): JSX.Element {\n  let state = useContext(ListStateContext);\n  return state ? <TagListInner props={props} forwardedRef={ref} /> : <Collection {...props} />;\n});\n\ninterface TagListInnerProps<T> {\n  props: TagListProps<T>;\n  forwardedRef: ForwardedRef<HTMLDivElement>;\n}\n\nfunction TagListInner<T>({props, forwardedRef}: TagListInnerProps<T>) {\n  let state = useContext(ListStateContext)!;\n  let {CollectionRoot} = useContext(CollectionRendererContext);\n  let [gridProps, ref] = useContextProps({}, forwardedRef, TagListContext);\n\n  let {focusProps, isFocused, isFocusVisible} = useFocusRing();\n  let renderValues = {\n    isEmpty: state.collection.size === 0,\n    isFocused,\n    isFocusVisible,\n    state\n  };\n  let renderProps = useRenderProps({\n    ...props,\n    children: undefined,\n    defaultClassName: 'react-aria-TagList',\n    values: renderValues\n  });\n\n  let persistedKeys = usePersistedKeys(state.selectionManager.focusedKey);\n  let DOMProps = filterDOMProps(props, {global: true});\n\n  return (\n    <dom.div\n      {...mergeProps(DOMProps, renderProps, gridProps, focusProps)}\n      ref={ref}\n      data-empty={state.collection.size === 0 || undefined}\n      data-focused={isFocused || undefined}\n      data-focus-visible={isFocusVisible || undefined}>\n      <SharedElementTransition>\n        {state.collection.size === 0 && props.renderEmptyState ? (\n          props.renderEmptyState(renderValues)\n        ) : (\n          <CollectionRoot collection={state.collection} persistedKeys={persistedKeys} />\n        )}\n      </SharedElementTransition>\n    </dom.div>\n  );\n}\n\nexport interface TagRenderProps extends Omit<\n  ItemRenderProps,\n  'allowsDragging' | 'isDragging' | 'isDropTarget'\n> {\n  /**\n   * Whether the tag group allows items to be removed.\n   *\n   * @selector [data-allows-removing]\n   */\n  allowsRemoving: boolean;\n}\n\nexport interface TagProps\n  extends\n    RenderProps<TagRenderProps, 'div'>,\n    LinkDOMProps,\n    HoverEvents,\n    FocusEvents,\n    PressEvents,\n    Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-Tag'\n   */\n  className?: ClassNameOrFunction<TagRenderProps>;\n  /** A unique id for the tag. */\n  id?: Key;\n  /**\n   * A string representation of the tags's contents, used for accessibility.\n   * Required if children is not a plain text string.\n   */\n  textValue?: string;\n  /** Whether the tag is disabled. */\n  isDisabled?: boolean;\n  /**\n   * Handler that is called when a user performs an action on the item. The exact user event depends\n   * on the collection's `selectionBehavior` prop and the interaction modality.\n   */\n  onAction?: () => void;\n}\n\n/**\n * A Tag is an individual item within a TagList.\n */\nexport const Tag = /*#__PURE__*/ createLeafComponent(\n  ItemNode,\n  (props: TagProps, forwardedRef: ForwardedRef<HTMLDivElement>, item: Node<unknown>) => {\n    let state = useContext(ListStateContext)!;\n    let ref = useObjectRef<HTMLDivElement>(forwardedRef);\n    let {focusProps, isFocusVisible} = useFocusRing({within: false});\n    let {rowProps, gridCellProps, removeButtonProps, ...states} = useTag({item}, state, ref);\n\n    let {hoverProps, isHovered} = useHover({\n      isDisabled: !states.allowsSelection && !states.hasAction,\n      onHoverStart: item.props.onHoverStart,\n      onHoverChange: item.props.onHoverChange,\n      onHoverEnd: item.props.onHoverEnd\n    });\n\n    let renderProps = useRenderProps({\n      ...props,\n      id: undefined,\n      children: item.rendered,\n      defaultClassName: 'react-aria-Tag',\n      values: {\n        ...states,\n        isFocusVisible,\n        isHovered,\n        selectionMode: state.selectionManager.selectionMode,\n        selectionBehavior: state.selectionManager.selectionBehavior\n      }\n    });\n\n    useEffect(() => {\n      if (!item.textValue && process.env.NODE_ENV !== 'production') {\n        console.warn(\n          'A `textValue` prop is required for <Tag> elements with non-plain text children for accessibility.'\n        );\n      }\n    }, [item.textValue]);\n\n    let DOMProps = filterDOMProps(props as any, {global: true});\n    delete DOMProps.id;\n    delete DOMProps.onClick;\n\n    return (\n      <dom.div\n        ref={ref}\n        {...mergeProps(DOMProps, renderProps, rowProps, focusProps, hoverProps)}\n        data-selected={states.isSelected || undefined}\n        data-disabled={states.isDisabled || undefined}\n        data-hovered={isHovered || undefined}\n        data-focused={states.isFocused || undefined}\n        data-focus-visible={isFocusVisible || undefined}\n        data-pressed={states.isPressed || undefined}\n        data-allows-removing={states.allowsRemoving || undefined}\n        data-selection-mode={\n          state.selectionManager.selectionMode === 'none'\n            ? undefined\n            : state.selectionManager.selectionMode\n        }>\n        <div {...gridCellProps} style={{display: 'contents'}}>\n          <Provider\n            values={[\n              [\n                ButtonContext,\n                {\n                  slots: {\n                    remove: removeButtonProps\n                  }\n                }\n              ],\n              [CollectionRendererContext, DefaultCollectionRenderer],\n              [SelectionIndicatorContext, {isSelected: states.isSelected}]\n            ]}>\n            {renderProps.children}\n          </Provider>\n        </div>\n      </dom.div>\n    );\n  }\n);\n"],"names":[],"version":3,"file":"TagGroup.mjs.map"}
+{"mappings":"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","sources":["packages/react-aria-components/src/TagGroup.tsx"],"sourcesContent":["/*\n * Copyright 2022 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 {AriaTagGroupProps, useTag, useTagGroup} from 'react-aria/useTagGroup';\n\nimport {ButtonContext} from './Button';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  DOMProps,\n  DOMRenderProps,\n  Provider,\n  RenderProps,\n  SlotProps,\n  StyleRenderProps,\n  useContextProps,\n  useRenderProps,\n  useSlot\n} from './utils';\nimport {Collection} from 'react-aria/Collection';\nimport {CollectionBuilder, createLeafComponent} from 'react-aria/CollectionBuilder';\nimport {\n  CollectionProps,\n  CollectionRendererContext,\n  DefaultCollectionRenderer,\n  ItemRenderProps,\n  usePersistedKeys\n} from './Collection';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {\n  FocusEvents,\n  forwardRefType,\n  GlobalDOMAttributes,\n  HoverEvents,\n  Key,\n  LinkDOMProps,\n  PressEvents,\n  RefObject\n} from '@react-types/shared';\nimport {ItemNode} from 'react-aria/private/collections/BaseCollection';\nimport {LabelContext} from './Label';\nimport {ListState, UNSTABLE_useFilteredListState, useListState} from 'react-stately/useListState';\nimport {ListStateContext} from './ListBox';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {Node} from '@react-types/shared';\nimport React, {\n  createContext,\n  ForwardedRef,\n  forwardRef,\n  JSX,\n  ReactNode,\n  useContext,\n  useEffect,\n  useRef\n} from 'react';\nimport {SelectableCollectionContext, SelectableCollectionContextValue} from './Autocomplete';\nimport {SelectionIndicatorContext} from './SelectionIndicator';\nimport {SharedElementTransition} from './SharedElementTransition';\nimport {TextContext} from './Text';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useHover} from 'react-aria/useHover';\nimport {useObjectRef} from 'react-aria/useObjectRef';\n\nexport interface TagGroupProps\n  extends\n    Omit<\n      AriaTagGroupProps<unknown>,\n      'children' | 'items' | 'label' | 'description' | 'errorMessage' | 'keyboardDelegate'\n    >,\n    DOMProps,\n    SlotProps,\n    DOMRenderProps<'div', undefined>,\n    GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element.\n   *\n   * @default 'react-aria-TagGroup'\n   */\n  className?: string;\n}\n\nexport interface TagListRenderProps {\n  /**\n   * Whether the tag list has no items and should display its empty state.\n   *\n   * @selector [data-empty]\n   */\n  isEmpty: boolean;\n  /**\n   * Whether the tag list is currently focused.\n   *\n   * @selector [data-focused]\n   */\n  isFocused: boolean;\n  /**\n   * Whether the tag list is currently keyboard focused.\n   *\n   * @selector [data-focus-visible]\n   */\n  isFocusVisible: boolean;\n  /**\n   * State of the TagGroup.\n   */\n  state: ListState<unknown>;\n}\n\nexport interface TagListProps<T>\n  extends\n    Omit<CollectionProps<T>, 'disabledKeys'>,\n    StyleRenderProps<TagListRenderProps, 'div'>,\n    GlobalDOMAttributes<HTMLDivElement> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-TagList'\n   */\n  className?: ClassNameOrFunction<TagListRenderProps>;\n  /** Provides content to display when there are no items in the tag list. */\n  renderEmptyState?: (props: TagListRenderProps) => ReactNode;\n}\n\nexport const TagGroupContext = createContext<ContextValue<TagGroupProps, HTMLDivElement>>(null);\nexport const TagListContext = createContext<ContextValue<TagListProps<any>, HTMLDivElement>>(null);\n\n/**\n * A tag group is a focusable list of labels, categories, keywords, filters, or other items, with\n * support for keyboard navigation, selection, and removal.\n */\nexport const TagGroup = /*#__PURE__*/ (forwardRef as forwardRefType)(function TagGroup(\n  props: TagGroupProps,\n  ref: ForwardedRef<HTMLDivElement>\n) {\n  [props, ref] = useContextProps(props, ref, TagGroupContext);\n  return (\n    <ListStateContext.Provider value={null}>\n      <CollectionBuilder content={props.children}>\n        {collection => <TagGroupInner props={props} forwardedRef={ref} collection={collection} />}\n      </CollectionBuilder>\n    </ListStateContext.Provider>\n  );\n});\n\ninterface TagGroupInnerProps<T> {\n  props: TagGroupProps & SelectableCollectionContextValue<T>;\n  forwardedRef: ForwardedRef<HTMLDivElement>;\n  collection: any;\n}\n\nfunction TagGroupInner<T>({props, forwardedRef: ref, collection}: TagGroupInnerProps<T>) {\n  let tagListRef = useRef<HTMLElement>(null);\n  // Extract the user provided id so it doesn't clash with the collection id provided by Autocomplete\n  let {id, ...otherProps} = props;\n  [otherProps, tagListRef] = useContextProps(otherProps, tagListRef, SelectableCollectionContext);\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  let {filter, shouldUseVirtualFocus, ...DOMCollectionProps} = otherProps;\n  let [labelRef, label] = useSlot(!props['aria-label'] && !props['aria-labelledby']);\n  let tagGroupState = useListState({\n    ...DOMCollectionProps,\n    children: undefined,\n    collection\n  });\n\n  // oxlint-disable-next-line react/react-compiler\n  let filteredState = UNSTABLE_useFilteredListState(tagGroupState as ListState<T>, filter);\n\n  // Prevent DOM props from going to two places.\n  let domProps = filterDOMProps(otherProps, {global: true});\n  let domPropOverrides = Object.fromEntries(\n    Object.entries(domProps).map(([k, val]) => [k, k === 'id' ? val : undefined])\n  );\n  let {gridProps, labelProps, descriptionProps, errorMessageProps} = useTagGroup(\n    {\n      ...DOMCollectionProps,\n      ...domPropOverrides,\n      label\n    },\n    filteredState,\n    tagListRef\n  );\n\n  return (\n    <dom.div\n      render={props.render}\n      {...domProps}\n      id={id}\n      ref={ref}\n      slot={props.slot || undefined}\n      className={props.className ?? 'react-aria-TagGroup'}\n      style={props.style}>\n      <Provider\n        values={[\n          [LabelContext, {...labelProps, elementType: 'span', ref: labelRef}],\n          [TagListContext, {...gridProps, ref: tagListRef as RefObject<HTMLDivElement>}],\n          [ListStateContext, filteredState],\n          [\n            TextContext,\n            {\n              slots: {\n                description: descriptionProps,\n                errorMessage: errorMessageProps\n              }\n            }\n          ]\n        ]}>\n        {props.children}\n      </Provider>\n    </dom.div>\n  );\n}\n\n/**\n * A tag list is a container for tags within a TagGroup.\n */\nexport const TagList = /*#__PURE__*/ (forwardRef as forwardRefType)(function TagList<T>(\n  props: TagListProps<T>,\n  ref: ForwardedRef<HTMLDivElement>\n): JSX.Element {\n  let state = useContext(ListStateContext);\n  return state ? <TagListInner props={props} forwardedRef={ref} /> : <Collection {...props} />;\n});\n\ninterface TagListInnerProps<T> {\n  props: TagListProps<T>;\n  forwardedRef: ForwardedRef<HTMLDivElement>;\n}\n\nfunction TagListInner<T>({props, forwardedRef}: TagListInnerProps<T>) {\n  let state = useContext(ListStateContext)!;\n  let {CollectionRoot} = useContext(CollectionRendererContext);\n  let [gridProps, ref] = useContextProps({}, forwardedRef, TagListContext);\n\n  let {focusProps, isFocused, isFocusVisible} = useFocusRing();\n  let renderValues = {\n    isEmpty: state.collection.size === 0,\n    isFocused,\n    isFocusVisible,\n    state\n  };\n  let renderProps = useRenderProps({\n    ...props,\n    children: undefined,\n    defaultClassName: 'react-aria-TagList',\n    values: renderValues\n  });\n\n  let persistedKeys = usePersistedKeys(state.selectionManager.focusedKey);\n  let DOMProps = filterDOMProps(props, {global: true});\n\n  return (\n    <dom.div\n      {...mergeProps(DOMProps, renderProps, gridProps, focusProps)}\n      ref={ref}\n      data-empty={state.collection.size === 0 || undefined}\n      data-focused={isFocused || undefined}\n      data-focus-visible={isFocusVisible || undefined}>\n      <SharedElementTransition>\n        {state.collection.size === 0 && props.renderEmptyState ? (\n          props.renderEmptyState(renderValues)\n        ) : (\n          <CollectionRoot collection={state.collection} persistedKeys={persistedKeys} />\n        )}\n      </SharedElementTransition>\n    </dom.div>\n  );\n}\n\nexport interface TagRenderProps extends Omit<\n  ItemRenderProps,\n  'allowsDragging' | 'isDragging' | 'isDropTarget'\n> {\n  /**\n   * Whether the tag group allows items to be removed.\n   *\n   * @selector [data-allows-removing]\n   */\n  allowsRemoving: boolean;\n}\n\nexport interface TagProps\n  extends\n    RenderProps<TagRenderProps, 'div'>,\n    LinkDOMProps,\n    HoverEvents,\n    FocusEvents,\n    PressEvents,\n    Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-Tag'\n   */\n  className?: ClassNameOrFunction<TagRenderProps>;\n  /** A unique id for the tag. */\n  id?: Key;\n  /**\n   * A string representation of the tags's contents, used for accessibility.\n   * Required if children is not a plain text string.\n   */\n  textValue?: string;\n  /** Whether the tag is disabled. */\n  isDisabled?: boolean;\n  /**\n   * Handler that is called when a user performs an action on the item. The exact user event depends\n   * on the collection's `selectionBehavior` prop and the interaction modality.\n   */\n  onAction?: () => void;\n}\n\n/**\n * A Tag is an individual item within a TagList.\n */\nexport const Tag = /*#__PURE__*/ createLeafComponent(\n  ItemNode,\n  (props: TagProps, forwardedRef: ForwardedRef<HTMLDivElement>, item: Node<unknown>) => {\n    let state = useContext(ListStateContext)!;\n    let ref = useObjectRef<HTMLDivElement>(forwardedRef);\n    let {focusProps, isFocusVisible} = useFocusRing({within: false});\n    let {rowProps, gridCellProps, removeButtonProps, ...states} = useTag({item}, state, ref);\n\n    let {hoverProps, isHovered} = useHover({\n      isDisabled: !states.allowsSelection && !states.hasAction,\n      onHoverStart: item.props.onHoverStart,\n      onHoverChange: item.props.onHoverChange,\n      onHoverEnd: item.props.onHoverEnd\n    });\n\n    let renderProps = useRenderProps({\n      ...props,\n      id: undefined,\n      children: item.rendered,\n      defaultClassName: 'react-aria-Tag',\n      values: {\n        ...states,\n        isFocusVisible,\n        isHovered,\n        selectionMode: state.selectionManager.selectionMode,\n        selectionBehavior: state.selectionManager.selectionBehavior\n      }\n    });\n\n    useEffect(() => {\n      if (!item.textValue && process.env.NODE_ENV !== 'production') {\n        console.warn(\n          'A `textValue` prop is required for <Tag> elements with non-plain text children for accessibility.'\n        );\n      }\n    }, [item.textValue]);\n\n    let DOMProps = filterDOMProps(props as any, {global: true});\n    delete DOMProps.id;\n    delete DOMProps.onClick;\n\n    return (\n      <dom.div\n        ref={ref}\n        {...mergeProps(DOMProps, renderProps, rowProps, focusProps, hoverProps)}\n        data-selected={states.isSelected || undefined}\n        data-disabled={states.isDisabled || undefined}\n        data-hovered={isHovered || undefined}\n        data-focused={states.isFocused || undefined}\n        data-focus-visible={isFocusVisible || undefined}\n        data-pressed={states.isPressed || undefined}\n        data-allows-removing={states.allowsRemoving || undefined}\n        data-selection-mode={\n          state.selectionManager.selectionMode === 'none'\n            ? undefined\n            : state.selectionManager.selectionMode\n        }>\n        <div {...gridCellProps} style={{display: 'contents'}}>\n          <Provider\n            values={[\n              [\n                ButtonContext,\n                {\n                  slots: {\n                    remove: removeButtonProps\n                  }\n                }\n              ],\n              [CollectionRendererContext, DefaultCollectionRenderer],\n              [SelectionIndicatorContext, {isSelected: states.isSelected}]\n            ]}>\n            {renderProps.children}\n          </Provider>\n        </div>\n      </dom.div>\n    );\n  }\n);\n"],"names":[],"version":3,"file":"TagGroup.mjs.map"}

package/dist/private/Text.cjs

@@ -1,4 +1,5 @@
 var $048d76b84370f141$exports = require("./utils.cjs");
+var $5lxjW$reactariaprivatecollectionsHidden = require("react-aria/private/collections/Hidden");
 var $5lxjW$react = require("react");
 
 
@@ -24,8 +25,9 @@ $parcel$export(module.exports, "Text", function () { return $cab7d9a238d19c33$ex
  * governing permissions and limitations under the License.
  */ 
 
+
 const $cab7d9a238d19c33$export$9afb8bc826b033ea = /*#__PURE__*/ (0, $5lxjW$react.createContext)({});
-const $cab7d9a238d19c33$export$5f1af8db9871e1d6 = /*#__PURE__*/ (0, $5lxjW$react.forwardRef)(function Text(props, ref) {
+const $cab7d9a238d19c33$export$5f1af8db9871e1d6 = /*#__PURE__*/ (0, $5lxjW$reactariaprivatecollectionsHidden.createHideableComponent)(function Text(props, ref) {
     [props, ref] = (0, $048d76b84370f141$exports.useContextProps)(props, ref, $cab7d9a238d19c33$export$9afb8bc826b033ea);
     let { elementType: elementType = 'span', ...domProps } = props;
     let ElementType = (0, $048d76b84370f141$exports.dom)[elementType];

package/dist/private/Text.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;AASM,MAAM,0DAAc,CAAA,GAAA,0BAAY,EAAwC,CAAC;AAEzE,MAAM,0DAAO,CAAA,GAAA,uBAAS,EAAE,SAAS,KAAK,KAAgB,EAAE,GAA8B;IAC3F,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAc,EAAE,OAAO,KAAK;IAC3C,IAAI,eAAC,cAAc,QAAQ,GAAG,UAAS,GAAG;IAC1C,IAAI,cAAc,CAAA,GAAA,6BAAE,CAAC,CAAC,YAAY;IAClC,aAAa;IACb,qBAAO,0DAAC;QAAY,WAAU;QAAmB,GAAG,QAAQ;QAAE,KAAK;;AACrE","sources":["packages/react-aria-components/src/Text.tsx"],"sourcesContent":["/*\n * Copyright 2022 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 {ContextValue, dom, DOMRenderProps, useContextProps} from './utils';\nimport React, {createContext, ForwardedRef, forwardRef, HTMLAttributes} from 'react';\n\nexport interface TextProps extends HTMLAttributes<HTMLElement>, DOMRenderProps<any, any> {\n  elementType?: string;\n}\n\nexport const TextContext = createContext<ContextValue<TextProps, HTMLElement>>({});\n\nexport const Text = forwardRef(function Text(props: TextProps, ref: ForwardedRef<HTMLElement>) {\n  [props, ref] = useContextProps(props, ref, TextContext);\n  let {elementType = 'span', ...domProps} = props;\n  let ElementType = dom[elementType];\n  // @ts-ignore\n  return <ElementType className=\"react-aria-Text\" {...domProps} ref={ref} />;\n});\n"],"names":[],"version":3,"file":"Text.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;AASM,MAAM,0DAAc,CAAA,GAAA,0BAAY,EAAwC,CAAC;AAEzE,MAAM,4CAAO,WAAW,GAAG,CAAA,GAAA,gEAAsB,EAAE,SAAS,KACjE,KAAgB,EAChB,GAA8B;IAE9B,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAc,EAAE,OAAO,KAAK;IAE3C,IAAI,eAAC,cAAc,QAAQ,GAAG,UAAS,GAAG;IAC1C,IAAI,cAAc,CAAA,GAAA,6BAAE,CAAC,CAAC,YAAY;IAClC,aAAa;IACb,qBAAO,0DAAC;QAAY,WAAU;QAAmB,GAAG,QAAQ;QAAE,KAAK;;AACrE","sources":["packages/react-aria-components/src/Text.tsx"],"sourcesContent":["/*\n * Copyright 2022 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 */\nimport {ContextValue, dom, DOMRenderProps, useContextProps} from './utils';\nimport {createHideableComponent} from 'react-aria/private/collections/Hidden';\nimport React, {createContext, ForwardedRef, HTMLAttributes} from 'react';\n\nexport interface TextProps extends HTMLAttributes<HTMLElement>, DOMRenderProps<any, any> {\n  elementType?: string;\n}\n\nexport const TextContext = createContext<ContextValue<TextProps, HTMLElement>>({});\n\nexport const Text = /*#__PURE__*/ createHideableComponent(function Text(\n  props: TextProps,\n  ref: ForwardedRef<HTMLElement>\n) {\n  [props, ref] = useContextProps(props, ref, TextContext);\n\n  let {elementType = 'span', ...domProps} = props;\n  let ElementType = dom[elementType];\n  // @ts-ignore\n  return <ElementType className=\"react-aria-Text\" {...domProps} ref={ref} />;\n});\n"],"names":[],"version":3,"file":"Text.cjs.map"}

package/dist/private/Text.js

@@ -1,5 +1,6 @@
 import {dom as $b7b7a92703138c9b$export$df3a06d6289f983e, useContextProps as $b7b7a92703138c9b$export$29f1550f4b0d4415} from "./utils.js";
-import $dk7Vg$react, {createContext as $dk7Vg$createContext, forwardRef as $dk7Vg$forwardRef} from "react";
+import {createHideableComponent as $dk7Vg$createHideableComponent} from "react-aria/private/collections/Hidden";
+import $dk7Vg$react, {createContext as $dk7Vg$createContext} from "react";
 
 /*
  * Copyright 2022 Adobe. All rights reserved.
@@ -13,8 +14,9 @@ import $dk7Vg$react, {createContext as $dk7Vg$createContext, forwardRef as $dk7V
  * governing permissions and limitations under the License.
  */ 
 
+
 const $20d769b1e2b13352$export$9afb8bc826b033ea = /*#__PURE__*/ (0, $dk7Vg$createContext)({});
-const $20d769b1e2b13352$export$5f1af8db9871e1d6 = /*#__PURE__*/ (0, $dk7Vg$forwardRef)(function Text(props, ref) {
+const $20d769b1e2b13352$export$5f1af8db9871e1d6 = /*#__PURE__*/ (0, $dk7Vg$createHideableComponent)(function Text(props, ref) {
     [props, ref] = (0, $b7b7a92703138c9b$export$29f1550f4b0d4415)(props, ref, $20d769b1e2b13352$export$9afb8bc826b033ea);
     let { elementType: elementType = 'span', ...domProps } = props;
     let ElementType = (0, $b7b7a92703138c9b$export$df3a06d6289f983e)[elementType];

package/dist/private/Text.js.map

@@ -1 +1 @@
-{"mappings":";;;AAAA;;;;;;;;;;CAUC;;AASM,MAAM,0DAAc,CAAA,GAAA,oBAAY,EAAwC,CAAC;AAEzE,MAAM,0DAAO,CAAA,GAAA,iBAAS,EAAE,SAAS,KAAK,KAAgB,EAAE,GAA8B;IAC3F,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAc,EAAE,OAAO,KAAK;IAC3C,IAAI,eAAC,cAAc,QAAQ,GAAG,UAAS,GAAG;IAC1C,IAAI,cAAc,CAAA,GAAA,yCAAE,CAAC,CAAC,YAAY;IAClC,aAAa;IACb,qBAAO,gCAAC;QAAY,WAAU;QAAmB,GAAG,QAAQ;QAAE,KAAK;;AACrE","sources":["packages/react-aria-components/src/Text.tsx"],"sourcesContent":["/*\n * Copyright 2022 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 {ContextValue, dom, DOMRenderProps, useContextProps} from './utils';\nimport React, {createContext, ForwardedRef, forwardRef, HTMLAttributes} from 'react';\n\nexport interface TextProps extends HTMLAttributes<HTMLElement>, DOMRenderProps<any, any> {\n  elementType?: string;\n}\n\nexport const TextContext = createContext<ContextValue<TextProps, HTMLElement>>({});\n\nexport const Text = forwardRef(function Text(props: TextProps, ref: ForwardedRef<HTMLElement>) {\n  [props, ref] = useContextProps(props, ref, TextContext);\n  let {elementType = 'span', ...domProps} = props;\n  let ElementType = dom[elementType];\n  // @ts-ignore\n  return <ElementType className=\"react-aria-Text\" {...domProps} ref={ref} />;\n});\n"],"names":[],"version":3,"file":"Text.js.map"}
+{"mappings":";;;;AAAA;;;;;;;;;;CAUC;;;AASM,MAAM,0DAAc,CAAA,GAAA,oBAAY,EAAwC,CAAC;AAEzE,MAAM,4CAAO,WAAW,GAAG,CAAA,GAAA,8BAAsB,EAAE,SAAS,KACjE,KAAgB,EAChB,GAA8B;IAE9B,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAc,EAAE,OAAO,KAAK;IAE3C,IAAI,eAAC,cAAc,QAAQ,GAAG,UAAS,GAAG;IAC1C,IAAI,cAAc,CAAA,GAAA,yCAAE,CAAC,CAAC,YAAY;IAClC,aAAa;IACb,qBAAO,gCAAC;QAAY,WAAU;QAAmB,GAAG,QAAQ;QAAE,KAAK;;AACrE","sources":["packages/react-aria-components/src/Text.tsx"],"sourcesContent":["/*\n * Copyright 2022 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 */\nimport {ContextValue, dom, DOMRenderProps, useContextProps} from './utils';\nimport {createHideableComponent} from 'react-aria/private/collections/Hidden';\nimport React, {createContext, ForwardedRef, HTMLAttributes} from 'react';\n\nexport interface TextProps extends HTMLAttributes<HTMLElement>, DOMRenderProps<any, any> {\n  elementType?: string;\n}\n\nexport const TextContext = createContext<ContextValue<TextProps, HTMLElement>>({});\n\nexport const Text = /*#__PURE__*/ createHideableComponent(function Text(\n  props: TextProps,\n  ref: ForwardedRef<HTMLElement>\n) {\n  [props, ref] = useContextProps(props, ref, TextContext);\n\n  let {elementType = 'span', ...domProps} = props;\n  let ElementType = dom[elementType];\n  // @ts-ignore\n  return <ElementType className=\"react-aria-Text\" {...domProps} ref={ref} />;\n});\n"],"names":[],"version":3,"file":"Text.js.map"}

package/dist/private/Text.mjs

@@ -1,5 +1,6 @@
 import {dom as $7230ffa83bc0c2cf$export$df3a06d6289f983e, useContextProps as $7230ffa83bc0c2cf$export$29f1550f4b0d4415} from "./utils.mjs";
-import $cGkLv$react, {createContext as $cGkLv$createContext, forwardRef as $cGkLv$forwardRef} from "react";
+import {createHideableComponent as $cGkLv$createHideableComponent} from "react-aria/private/collections/Hidden";
+import $cGkLv$react, {createContext as $cGkLv$createContext} from "react";
 
 /*
  * Copyright 2022 Adobe. All rights reserved.
@@ -13,8 +14,9 @@ import $cGkLv$react, {createContext as $cGkLv$createContext, forwardRef as $cGkL
  * governing permissions and limitations under the License.
  */ 
 
+
 const $efe09c6d1c304b50$export$9afb8bc826b033ea = /*#__PURE__*/ (0, $cGkLv$createContext)({});
-const $efe09c6d1c304b50$export$5f1af8db9871e1d6 = /*#__PURE__*/ (0, $cGkLv$forwardRef)(function Text(props, ref) {
+const $efe09c6d1c304b50$export$5f1af8db9871e1d6 = /*#__PURE__*/ (0, $cGkLv$createHideableComponent)(function Text(props, ref) {
     [props, ref] = (0, $7230ffa83bc0c2cf$export$29f1550f4b0d4415)(props, ref, $efe09c6d1c304b50$export$9afb8bc826b033ea);
     let { elementType: elementType = 'span', ...domProps } = props;
     let ElementType = (0, $7230ffa83bc0c2cf$export$df3a06d6289f983e)[elementType];

package/dist/private/Text.mjs.map

@@ -1 +1 @@
-{"mappings":";;;AAAA;;;;;;;;;;CAUC;;AASM,MAAM,0DAAc,CAAA,GAAA,oBAAY,EAAwC,CAAC;AAEzE,MAAM,0DAAO,CAAA,GAAA,iBAAS,EAAE,SAAS,KAAK,KAAgB,EAAE,GAA8B;IAC3F,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAc,EAAE,OAAO,KAAK;IAC3C,IAAI,eAAC,cAAc,QAAQ,GAAG,UAAS,GAAG;IAC1C,IAAI,cAAc,CAAA,GAAA,yCAAE,CAAC,CAAC,YAAY;IAClC,aAAa;IACb,qBAAO,gCAAC;QAAY,WAAU;QAAmB,GAAG,QAAQ;QAAE,KAAK;;AACrE","sources":["packages/react-aria-components/src/Text.tsx"],"sourcesContent":["/*\n * Copyright 2022 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 {ContextValue, dom, DOMRenderProps, useContextProps} from './utils';\nimport React, {createContext, ForwardedRef, forwardRef, HTMLAttributes} from 'react';\n\nexport interface TextProps extends HTMLAttributes<HTMLElement>, DOMRenderProps<any, any> {\n  elementType?: string;\n}\n\nexport const TextContext = createContext<ContextValue<TextProps, HTMLElement>>({});\n\nexport const Text = forwardRef(function Text(props: TextProps, ref: ForwardedRef<HTMLElement>) {\n  [props, ref] = useContextProps(props, ref, TextContext);\n  let {elementType = 'span', ...domProps} = props;\n  let ElementType = dom[elementType];\n  // @ts-ignore\n  return <ElementType className=\"react-aria-Text\" {...domProps} ref={ref} />;\n});\n"],"names":[],"version":3,"file":"Text.mjs.map"}
+{"mappings":";;;;AAAA;;;;;;;;;;CAUC;;;AASM,MAAM,0DAAc,CAAA,GAAA,oBAAY,EAAwC,CAAC;AAEzE,MAAM,4CAAO,WAAW,GAAG,CAAA,GAAA,8BAAsB,EAAE,SAAS,KACjE,KAAgB,EAChB,GAA8B;IAE9B,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAc,EAAE,OAAO,KAAK;IAE3C,IAAI,eAAC,cAAc,QAAQ,GAAG,UAAS,GAAG;IAC1C,IAAI,cAAc,CAAA,GAAA,yCAAE,CAAC,CAAC,YAAY;IAClC,aAAa;IACb,qBAAO,gCAAC;QAAY,WAAU;QAAmB,GAAG,QAAQ;QAAE,KAAK;;AACrE","sources":["packages/react-aria-components/src/Text.tsx"],"sourcesContent":["/*\n * Copyright 2022 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 */\nimport {ContextValue, dom, DOMRenderProps, useContextProps} from './utils';\nimport {createHideableComponent} from 'react-aria/private/collections/Hidden';\nimport React, {createContext, ForwardedRef, HTMLAttributes} from 'react';\n\nexport interface TextProps extends HTMLAttributes<HTMLElement>, DOMRenderProps<any, any> {\n  elementType?: string;\n}\n\nexport const TextContext = createContext<ContextValue<TextProps, HTMLElement>>({});\n\nexport const Text = /*#__PURE__*/ createHideableComponent(function Text(\n  props: TextProps,\n  ref: ForwardedRef<HTMLElement>\n) {\n  [props, ref] = useContextProps(props, ref, TextContext);\n\n  let {elementType = 'span', ...domProps} = props;\n  let ElementType = dom[elementType];\n  // @ts-ignore\n  return <ElementType className=\"react-aria-Text\" {...domProps} ref={ref} />;\n});\n"],"names":[],"version":3,"file":"Text.mjs.map"}

package/dist/private/ToggleButton.cjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;AA4DM,MAAM,0DAAsB,CAAA,GAAA,0BAAY,EAE7C,CAAC;AAMI,MAAM,4CAA6B,AAAd,WAAW,GAAI,CAAA,GAAA,uBAAS,EAAqB,SAAS,aAChF,KAAwB,EACxB,GAAoC;IAEpC,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAc,EAAE,OAAO,KAAK;IAC3C,IAAI,aAAa,CAAA,GAAA,uBAAS,EAAE,CAAA,GAAA,iDAAsB;IAClD,IAAI,QAAQ,CAAA,GAAA,gDAAa,EACvB,cAAc,MAAM,EAAE,IAAI,OACtB;QACE,YAAY,WAAW,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE;QAChD,UAAS,UAAU;YACjB,WAAW,WAAW,CAAC,MAAM,EAAE,EAAG;QACpC;IACF,IACA;IAGN,IAAI,eAAC,WAAW,aAAE,SAAS,cAAE,UAAU,cAAE,UAAU,EAAC,GAClD,cAAc,MAAM,EAAE,IAAI,OAEtB,CAAA,GAAA,6DAAuB,EAAE;QAAC,GAAG,KAAK;QAAE,IAAI,MAAM,EAAE;IAAA,GAAG,YAAY,OAE/D,CAAA,GAAA,+CAAc,EACZ;QAAC,GAAG,KAAK;QAAE,IAAI,MAAM,EAAE,IAAI,OAAO,OAAO,MAAM,EAAE,IAAI;IAAS,GAC9D,OACA;IAGR,IAAI,cAAC,UAAU,aAAE,SAAS,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,yCAAW,EAAE;IAC3D,IAAI,cAAC,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,iCAAO,EAAE;QAAC,GAAG,KAAK;oBAAE;IAAU;IAC5D,IAAI,cAAc,CAAA,GAAA,wCAAa,EAAE;QAC/B,GAAG,KAAK;QACR,IAAI;QACJ,QAAQ;uBACN;uBACA;uBACA;YACA,YAAY,MAAM,UAAU;4BAC5B;wBACA;mBACA;QACF;QACA,kBAAkB;IACpB;IAEA,IAAI,WAAW,CAAA,GAAA,6CAAa,EAAE,OAAc;QAAC,QAAQ;IAAI;IACzD,OAAO,SAAS,EAAE;IAClB,OAAO,SAAS,OAAO;IAEvB,qBACE,0DAAC,CAAA,GAAA,6BAAE,EAAE,MAAM;QACR,GAAG,CAAA,GAAA,qCAAS,EAAE,UAAU,aAAa,aAAa,YAAY,WAAW;QAC1E,KAAK;QACL,MAAM,MAAM,IAAI,IAAI;QACpB,gBAAc,aAAa;QAC3B,iBAAe,cAAc;QAC7B,gBAAc,aAAa;QAC3B,iBAAe,cAAc;QAC7B,gBAAc,aAAa;QAC3B,sBAAoB,kBAAkB;qBACtC,0DAAC,CAAA,GAAA,mDAAwB,EAAE,QAAQ;QAAC,OAAO;wBAAC;QAAU;OACnD,YAAY,QAAQ;AAI7B","sources":["packages/react-aria-components/src/ToggleButton.tsx"],"sourcesContent":["/*\n * Copyright 2022 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 {AriaToggleButtonProps, useToggleButton} from 'react-aria/useToggleButton';\n\nimport {ButtonRenderProps} from './Button';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  RenderProps,\n  SlotProps,\n  useContextProps,\n  useRenderProps\n} from './utils';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {forwardRefType, GlobalDOMAttributes, Key} from '@react-types/shared';\nimport {HoverEvents} from '@react-types/shared';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport React, {createContext, ForwardedRef, forwardRef, useContext} from 'react';\nimport {SelectionIndicatorContext} from './SelectionIndicator';\nimport {ToggleGroupStateContext} from './ToggleButtonGroup';\nimport {ToggleState, useToggleState} from 'react-stately/useToggleState';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useHover} from 'react-aria/useHover';\nimport {useToggleButtonGroupItem} from 'react-aria/useToggleButtonGroup';\n\nexport interface ToggleButtonRenderProps extends Omit<ButtonRenderProps, 'isPending'> {\n  /**\n   * Whether the button is currently selected.\n   *\n   * @selector [data-selected]\n   */\n  isSelected: boolean;\n  /**\n   * State of the toggle button.\n   */\n  state: ToggleState;\n}\n\nexport interface ToggleButtonProps\n  extends\n    Omit<AriaToggleButtonProps, 'children' | 'elementType' | 'id'>,\n    HoverEvents,\n    SlotProps,\n    RenderProps<ToggleButtonRenderProps, 'button'>,\n    Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-ToggleButton'\n   */\n  className?: ClassNameOrFunction<ToggleButtonRenderProps>;\n  /**\n   * When used in a ToggleButtonGroup, an identifier for the item in `selectedKeys`. When used\n   * standalone, a DOM id.\n   */\n  id?: Key;\n}\n\nexport const ToggleButtonContext = createContext<\n  ContextValue<ToggleButtonProps, HTMLButtonElement>\n>({});\n\n/**\n * A toggle button allows a user to toggle a selection on or off, for example switching between two\n * states or modes.\n */\nexport const ToggleButton = /*#__PURE__*/ (forwardRef as forwardRefType)(function ToggleButton(\n  props: ToggleButtonProps,\n  ref: ForwardedRef<HTMLButtonElement>\n) {\n  [props, ref] = useContextProps(props, ref, ToggleButtonContext);\n  let groupState = useContext(ToggleGroupStateContext);\n  let state = useToggleState(\n    groupState && props.id != null\n      ? {\n          isSelected: groupState.selectedKeys.has(props.id),\n          onChange(isSelected) {\n            groupState.setSelected(props.id!, isSelected);\n          }\n        }\n      : props\n  );\n\n  let {buttonProps, isPressed, isSelected, isDisabled} =\n    groupState && props.id != null\n      ? // eslint-disable-next-line react-hooks/rules-of-hooks\n        useToggleButtonGroupItem({...props, id: props.id}, groupState, ref)\n      : // eslint-disable-next-line react-hooks/rules-of-hooks\n        useToggleButton(\n          {...props, id: props.id != null ? String(props.id) : undefined},\n          state,\n          ref\n        );\n\n  let {focusProps, isFocused, isFocusVisible} = useFocusRing(props);\n  let {hoverProps, isHovered} = useHover({...props, isDisabled});\n  let renderProps = useRenderProps({\n    ...props,\n    id: undefined,\n    values: {\n      isHovered,\n      isPressed,\n      isFocused,\n      isSelected: state.isSelected,\n      isFocusVisible,\n      isDisabled,\n      state\n    },\n    defaultClassName: 'react-aria-ToggleButton'\n  });\n\n  let DOMProps = filterDOMProps(props as any, {global: true});\n  delete DOMProps.id;\n  delete DOMProps.onClick;\n\n  return (\n    <dom.button\n      {...mergeProps(DOMProps, renderProps, buttonProps, focusProps, hoverProps)}\n      ref={ref}\n      slot={props.slot || undefined}\n      data-focused={isFocused || undefined}\n      data-disabled={isDisabled || undefined}\n      data-pressed={isPressed || undefined}\n      data-selected={isSelected || undefined}\n      data-hovered={isHovered || undefined}\n      data-focus-visible={isFocusVisible || undefined}>\n      <SelectionIndicatorContext.Provider value={{isSelected}}>\n        {renderProps.children}\n      </SelectionIndicatorContext.Provider>\n    </dom.button>\n  );\n});\n"],"names":[],"version":3,"file":"ToggleButton.cjs.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;AA4DM,MAAM,0DAAsB,CAAA,GAAA,0BAAY,EAE7C,CAAC;AAMI,MAAM,4CAA6B,AAAd,WAAW,GAAI,CAAA,GAAA,uBAAS,EAAqB,SAAS,aAChF,KAAwB,EACxB,GAAoC;IAEpC,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAc,EAAE,OAAO,KAAK;IAC3C,IAAI,aAAa,CAAA,GAAA,uBAAS,EAAE,CAAA,GAAA,iDAAsB;IAClD,IAAI,QAAQ,CAAA,GAAA,gDAAa,EACvB,cAAc,MAAM,EAAE,IAAI,OACtB;QACE,YAAY,WAAW,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE;QAChD,UAAS,UAAU;YACjB,WAAW,WAAW,CAAC,MAAM,EAAE,EAAG;QACpC;IACF,IACA;IAGN,IAAI,eAAC,WAAW,aAAE,SAAS,cAAE,UAAU,cAAE,UAAU,EAAC,GAClD,cAAc,MAAM,EAAE,IAAI,OAEtB,CAAA,GAAA,6DAAuB,EAAE;QAAC,GAAG,KAAK;QAAE,IAAI,MAAM,EAAE;IAAA,GAAG,YAAY,OAE/D,CAAA,GAAA,+CAAc,EACZ;QAAC,GAAG,KAAK;QAAE,IAAI,MAAM,EAAE,IAAI,OAAO,OAAO,MAAM,EAAE,IAAI;IAAS,GAC9D,OACA;IAGR,IAAI,cAAC,UAAU,aAAE,SAAS,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,yCAAW,EAAE;IAC3D,IAAI,cAAC,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,iCAAO,EAAE;QAAC,GAAG,KAAK;oBAAE;IAAU;IAC5D,IAAI,cAAc,CAAA,GAAA,wCAAa,EAAE;QAC/B,GAAG,KAAK;QACR,IAAI;QACJ,QAAQ;uBACN;uBACA;uBACA;YACA,YAAY,MAAM,UAAU;4BAC5B;wBACA;mBACA;QACF;QACA,kBAAkB;IACpB;IAEA,IAAI,WAAW,CAAA,GAAA,6CAAa,EAAE,OAAc;QAAC,QAAQ;IAAI;IACzD,OAAO,SAAS,EAAE;IAClB,OAAO,SAAS,OAAO;IAEvB,qBACE,0DAAC,CAAA,GAAA,6BAAE,EAAE,MAAM;QACR,GAAG,CAAA,GAAA,qCAAS,EAAE,UAAU,aAAa,aAAa,YAAY,WAAW;QAC1E,KAAK;QACL,MAAM,MAAM,IAAI,IAAI;QACpB,gBAAc,aAAa;QAC3B,iBAAe,cAAc;QAC7B,gBAAc,aAAa;QAC3B,iBAAe,cAAc;QAC7B,gBAAc,aAAa;QAC3B,sBAAoB,kBAAkB;qBACtC,0DAAC,CAAA,GAAA,mDAAwB,EAAE,QAAQ;QAAC,OAAO;wBAAC;QAAU;OACnD,YAAY,QAAQ;AAI7B","sources":["packages/react-aria-components/src/ToggleButton.tsx"],"sourcesContent":["/*\n * Copyright 2022 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 {AriaToggleButtonProps, useToggleButton} from 'react-aria/useToggleButton';\n\nimport {ButtonRenderProps} from './Button';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  RenderProps,\n  SlotProps,\n  useContextProps,\n  useRenderProps\n} from './utils';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {forwardRefType, GlobalDOMAttributes, Key} from '@react-types/shared';\nimport {HoverEvents} from '@react-types/shared';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport React, {createContext, ForwardedRef, forwardRef, useContext} from 'react';\nimport {SelectionIndicatorContext} from './SelectionIndicator';\nimport {ToggleGroupStateContext} from './ToggleButtonGroup';\nimport {ToggleState, useToggleState} from 'react-stately/useToggleState';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useHover} from 'react-aria/useHover';\nimport {useToggleButtonGroupItem} from 'react-aria/useToggleButtonGroup';\n\nexport interface ToggleButtonRenderProps extends Omit<ButtonRenderProps, 'isPending'> {\n  /**\n   * Whether the button is currently selected.\n   *\n   * @selector [data-selected]\n   */\n  isSelected: boolean;\n  /**\n   * State of the toggle button.\n   */\n  state: ToggleState;\n}\n\nexport interface ToggleButtonProps\n  extends\n    Omit<AriaToggleButtonProps, 'children' | 'elementType' | 'id'>,\n    HoverEvents,\n    SlotProps,\n    RenderProps<ToggleButtonRenderProps, 'button'>,\n    Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-ToggleButton'\n   */\n  className?: ClassNameOrFunction<ToggleButtonRenderProps>;\n  /**\n   * When used in a ToggleButtonGroup, an identifier for the item in `selectedKeys`. When used\n   * standalone, a DOM id.\n   */\n  id?: Key;\n}\n\nexport const ToggleButtonContext = createContext<\n  ContextValue<ToggleButtonProps, HTMLButtonElement>\n>({});\n\n/**\n * A toggle button allows a user to toggle a selection on or off, for example switching between two\n * states or modes.\n */\nexport const ToggleButton = /*#__PURE__*/ (forwardRef as forwardRefType)(function ToggleButton(\n  props: ToggleButtonProps,\n  ref: ForwardedRef<HTMLButtonElement>\n) {\n  [props, ref] = useContextProps(props, ref, ToggleButtonContext);\n  let groupState = useContext(ToggleGroupStateContext);\n  let state = useToggleState(\n    groupState && props.id != null\n      ? {\n          isSelected: groupState.selectedKeys.has(props.id),\n          onChange(isSelected) {\n            groupState.setSelected(props.id!, isSelected);\n          }\n        }\n      : props\n  );\n\n  let {buttonProps, isPressed, isSelected, isDisabled} =\n    groupState && props.id != null\n      ? // oxlint-disable-next-line react/react-compiler, react-hooks/rules-of-hooks\n        useToggleButtonGroupItem({...props, id: props.id}, groupState, ref)\n      : // oxlint-disable-next-line react/react-compiler, react-hooks/rules-of-hooks\n        useToggleButton(\n          {...props, id: props.id != null ? String(props.id) : undefined},\n          state,\n          ref\n        );\n\n  let {focusProps, isFocused, isFocusVisible} = useFocusRing(props);\n  let {hoverProps, isHovered} = useHover({...props, isDisabled});\n  let renderProps = useRenderProps({\n    ...props,\n    id: undefined,\n    values: {\n      isHovered,\n      isPressed,\n      isFocused,\n      isSelected: state.isSelected,\n      isFocusVisible,\n      isDisabled,\n      state\n    },\n    defaultClassName: 'react-aria-ToggleButton'\n  });\n\n  let DOMProps = filterDOMProps(props as any, {global: true});\n  delete DOMProps.id;\n  delete DOMProps.onClick;\n\n  return (\n    <dom.button\n      {...mergeProps(DOMProps, renderProps, buttonProps, focusProps, hoverProps)}\n      ref={ref}\n      slot={props.slot || undefined}\n      data-focused={isFocused || undefined}\n      data-disabled={isDisabled || undefined}\n      data-pressed={isPressed || undefined}\n      data-selected={isSelected || undefined}\n      data-hovered={isHovered || undefined}\n      data-focus-visible={isFocusVisible || undefined}>\n      <SelectionIndicatorContext.Provider value={{isSelected}}>\n        {renderProps.children}\n      </SelectionIndicatorContext.Provider>\n    </dom.button>\n  );\n});\n"],"names":[],"version":3,"file":"ToggleButton.cjs.map"}

package/dist/private/ToggleButton.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;AA4DM,MAAM,0DAAsB,CAAA,GAAA,oBAAY,EAE7C,CAAC;AAMI,MAAM,4CAA6B,AAAd,WAAW,GAAI,CAAA,GAAA,iBAAS,EAAqB,SAAS,aAChF,KAAwB,EACxB,GAAoC;IAEpC,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAc,EAAE,OAAO,KAAK;IAC3C,IAAI,aAAa,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,yCAAsB;IAClD,IAAI,QAAQ,CAAA,GAAA,qBAAa,EACvB,cAAc,MAAM,EAAE,IAAI,OACtB;QACE,YAAY,WAAW,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE;QAChD,UAAS,UAAU;YACjB,WAAW,WAAW,CAAC,MAAM,EAAE,EAAG;QACpC;IACF,IACA;IAGN,IAAI,eAAC,WAAW,aAAE,SAAS,cAAE,UAAU,cAAE,UAAU,EAAC,GAClD,cAAc,MAAM,EAAE,IAAI,OAEtB,CAAA,GAAA,+BAAuB,EAAE;QAAC,GAAG,KAAK;QAAE,IAAI,MAAM,EAAE;IAAA,GAAG,YAAY,OAE/D,CAAA,GAAA,sBAAc,EACZ;QAAC,GAAG,KAAK;QAAE,IAAI,MAAM,EAAE,IAAI,OAAO,OAAO,MAAM,EAAE,IAAI;IAAS,GAC9D,OACA;IAGR,IAAI,cAAC,UAAU,aAAE,SAAS,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,mBAAW,EAAE;IAC3D,IAAI,cAAC,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,eAAO,EAAE;QAAC,GAAG,KAAK;oBAAE;IAAU;IAC5D,IAAI,cAAc,CAAA,GAAA,uCAAa,EAAE;QAC/B,GAAG,KAAK;QACR,IAAI;QACJ,QAAQ;uBACN;uBACA;uBACA;YACA,YAAY,MAAM,UAAU;4BAC5B;wBACA;mBACA;QACF;QACA,kBAAkB;IACpB;IAEA,IAAI,WAAW,CAAA,GAAA,qBAAa,EAAE,OAAc;QAAC,QAAQ;IAAI;IACzD,OAAO,SAAS,EAAE;IAClB,OAAO,SAAS,OAAO;IAEvB,qBACE,gCAAC,CAAA,GAAA,yCAAE,EAAE,MAAM;QACR,GAAG,CAAA,GAAA,iBAAS,EAAE,UAAU,aAAa,aAAa,YAAY,WAAW;QAC1E,KAAK;QACL,MAAM,MAAM,IAAI,IAAI;QACpB,gBAAc,aAAa;QAC3B,iBAAe,cAAc;QAC7B,gBAAc,aAAa;QAC3B,iBAAe,cAAc;QAC7B,gBAAc,aAAa;QAC3B,sBAAoB,kBAAkB;qBACtC,gCAAC,CAAA,GAAA,yCAAwB,EAAE,QAAQ;QAAC,OAAO;wBAAC;QAAU;OACnD,YAAY,QAAQ;AAI7B","sources":["packages/react-aria-components/src/ToggleButton.tsx"],"sourcesContent":["/*\n * Copyright 2022 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 {AriaToggleButtonProps, useToggleButton} from 'react-aria/useToggleButton';\n\nimport {ButtonRenderProps} from './Button';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  RenderProps,\n  SlotProps,\n  useContextProps,\n  useRenderProps\n} from './utils';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {forwardRefType, GlobalDOMAttributes, Key} from '@react-types/shared';\nimport {HoverEvents} from '@react-types/shared';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport React, {createContext, ForwardedRef, forwardRef, useContext} from 'react';\nimport {SelectionIndicatorContext} from './SelectionIndicator';\nimport {ToggleGroupStateContext} from './ToggleButtonGroup';\nimport {ToggleState, useToggleState} from 'react-stately/useToggleState';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useHover} from 'react-aria/useHover';\nimport {useToggleButtonGroupItem} from 'react-aria/useToggleButtonGroup';\n\nexport interface ToggleButtonRenderProps extends Omit<ButtonRenderProps, 'isPending'> {\n  /**\n   * Whether the button is currently selected.\n   *\n   * @selector [data-selected]\n   */\n  isSelected: boolean;\n  /**\n   * State of the toggle button.\n   */\n  state: ToggleState;\n}\n\nexport interface ToggleButtonProps\n  extends\n    Omit<AriaToggleButtonProps, 'children' | 'elementType' | 'id'>,\n    HoverEvents,\n    SlotProps,\n    RenderProps<ToggleButtonRenderProps, 'button'>,\n    Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-ToggleButton'\n   */\n  className?: ClassNameOrFunction<ToggleButtonRenderProps>;\n  /**\n   * When used in a ToggleButtonGroup, an identifier for the item in `selectedKeys`. When used\n   * standalone, a DOM id.\n   */\n  id?: Key;\n}\n\nexport const ToggleButtonContext = createContext<\n  ContextValue<ToggleButtonProps, HTMLButtonElement>\n>({});\n\n/**\n * A toggle button allows a user to toggle a selection on or off, for example switching between two\n * states or modes.\n */\nexport const ToggleButton = /*#__PURE__*/ (forwardRef as forwardRefType)(function ToggleButton(\n  props: ToggleButtonProps,\n  ref: ForwardedRef<HTMLButtonElement>\n) {\n  [props, ref] = useContextProps(props, ref, ToggleButtonContext);\n  let groupState = useContext(ToggleGroupStateContext);\n  let state = useToggleState(\n    groupState && props.id != null\n      ? {\n          isSelected: groupState.selectedKeys.has(props.id),\n          onChange(isSelected) {\n            groupState.setSelected(props.id!, isSelected);\n          }\n        }\n      : props\n  );\n\n  let {buttonProps, isPressed, isSelected, isDisabled} =\n    groupState && props.id != null\n      ? // eslint-disable-next-line react-hooks/rules-of-hooks\n        useToggleButtonGroupItem({...props, id: props.id}, groupState, ref)\n      : // eslint-disable-next-line react-hooks/rules-of-hooks\n        useToggleButton(\n          {...props, id: props.id != null ? String(props.id) : undefined},\n          state,\n          ref\n        );\n\n  let {focusProps, isFocused, isFocusVisible} = useFocusRing(props);\n  let {hoverProps, isHovered} = useHover({...props, isDisabled});\n  let renderProps = useRenderProps({\n    ...props,\n    id: undefined,\n    values: {\n      isHovered,\n      isPressed,\n      isFocused,\n      isSelected: state.isSelected,\n      isFocusVisible,\n      isDisabled,\n      state\n    },\n    defaultClassName: 'react-aria-ToggleButton'\n  });\n\n  let DOMProps = filterDOMProps(props as any, {global: true});\n  delete DOMProps.id;\n  delete DOMProps.onClick;\n\n  return (\n    <dom.button\n      {...mergeProps(DOMProps, renderProps, buttonProps, focusProps, hoverProps)}\n      ref={ref}\n      slot={props.slot || undefined}\n      data-focused={isFocused || undefined}\n      data-disabled={isDisabled || undefined}\n      data-pressed={isPressed || undefined}\n      data-selected={isSelected || undefined}\n      data-hovered={isHovered || undefined}\n      data-focus-visible={isFocusVisible || undefined}>\n      <SelectionIndicatorContext.Provider value={{isSelected}}>\n        {renderProps.children}\n      </SelectionIndicatorContext.Provider>\n    </dom.button>\n  );\n});\n"],"names":[],"version":3,"file":"ToggleButton.js.map"}
+{"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;AA4DM,MAAM,0DAAsB,CAAA,GAAA,oBAAY,EAE7C,CAAC;AAMI,MAAM,4CAA6B,AAAd,WAAW,GAAI,CAAA,GAAA,iBAAS,EAAqB,SAAS,aAChF,KAAwB,EACxB,GAAoC;IAEpC,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAc,EAAE,OAAO,KAAK;IAC3C,IAAI,aAAa,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,yCAAsB;IAClD,IAAI,QAAQ,CAAA,GAAA,qBAAa,EACvB,cAAc,MAAM,EAAE,IAAI,OACtB;QACE,YAAY,WAAW,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE;QAChD,UAAS,UAAU;YACjB,WAAW,WAAW,CAAC,MAAM,EAAE,EAAG;QACpC;IACF,IACA;IAGN,IAAI,eAAC,WAAW,aAAE,SAAS,cAAE,UAAU,cAAE,UAAU,EAAC,GAClD,cAAc,MAAM,EAAE,IAAI,OAEtB,CAAA,GAAA,+BAAuB,EAAE;QAAC,GAAG,KAAK;QAAE,IAAI,MAAM,EAAE;IAAA,GAAG,YAAY,OAE/D,CAAA,GAAA,sBAAc,EACZ;QAAC,GAAG,KAAK;QAAE,IAAI,MAAM,EAAE,IAAI,OAAO,OAAO,MAAM,EAAE,IAAI;IAAS,GAC9D,OACA;IAGR,IAAI,cAAC,UAAU,aAAE,SAAS,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,mBAAW,EAAE;IAC3D,IAAI,cAAC,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,eAAO,EAAE;QAAC,GAAG,KAAK;oBAAE;IAAU;IAC5D,IAAI,cAAc,CAAA,GAAA,uCAAa,EAAE;QAC/B,GAAG,KAAK;QACR,IAAI;QACJ,QAAQ;uBACN;uBACA;uBACA;YACA,YAAY,MAAM,UAAU;4BAC5B;wBACA;mBACA;QACF;QACA,kBAAkB;IACpB;IAEA,IAAI,WAAW,CAAA,GAAA,qBAAa,EAAE,OAAc;QAAC,QAAQ;IAAI;IACzD,OAAO,SAAS,EAAE;IAClB,OAAO,SAAS,OAAO;IAEvB,qBACE,gCAAC,CAAA,GAAA,yCAAE,EAAE,MAAM;QACR,GAAG,CAAA,GAAA,iBAAS,EAAE,UAAU,aAAa,aAAa,YAAY,WAAW;QAC1E,KAAK;QACL,MAAM,MAAM,IAAI,IAAI;QACpB,gBAAc,aAAa;QAC3B,iBAAe,cAAc;QAC7B,gBAAc,aAAa;QAC3B,iBAAe,cAAc;QAC7B,gBAAc,aAAa;QAC3B,sBAAoB,kBAAkB;qBACtC,gCAAC,CAAA,GAAA,yCAAwB,EAAE,QAAQ;QAAC,OAAO;wBAAC;QAAU;OACnD,YAAY,QAAQ;AAI7B","sources":["packages/react-aria-components/src/ToggleButton.tsx"],"sourcesContent":["/*\n * Copyright 2022 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 {AriaToggleButtonProps, useToggleButton} from 'react-aria/useToggleButton';\n\nimport {ButtonRenderProps} from './Button';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  RenderProps,\n  SlotProps,\n  useContextProps,\n  useRenderProps\n} from './utils';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {forwardRefType, GlobalDOMAttributes, Key} from '@react-types/shared';\nimport {HoverEvents} from '@react-types/shared';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport React, {createContext, ForwardedRef, forwardRef, useContext} from 'react';\nimport {SelectionIndicatorContext} from './SelectionIndicator';\nimport {ToggleGroupStateContext} from './ToggleButtonGroup';\nimport {ToggleState, useToggleState} from 'react-stately/useToggleState';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useHover} from 'react-aria/useHover';\nimport {useToggleButtonGroupItem} from 'react-aria/useToggleButtonGroup';\n\nexport interface ToggleButtonRenderProps extends Omit<ButtonRenderProps, 'isPending'> {\n  /**\n   * Whether the button is currently selected.\n   *\n   * @selector [data-selected]\n   */\n  isSelected: boolean;\n  /**\n   * State of the toggle button.\n   */\n  state: ToggleState;\n}\n\nexport interface ToggleButtonProps\n  extends\n    Omit<AriaToggleButtonProps, 'children' | 'elementType' | 'id'>,\n    HoverEvents,\n    SlotProps,\n    RenderProps<ToggleButtonRenderProps, 'button'>,\n    Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-ToggleButton'\n   */\n  className?: ClassNameOrFunction<ToggleButtonRenderProps>;\n  /**\n   * When used in a ToggleButtonGroup, an identifier for the item in `selectedKeys`. When used\n   * standalone, a DOM id.\n   */\n  id?: Key;\n}\n\nexport const ToggleButtonContext = createContext<\n  ContextValue<ToggleButtonProps, HTMLButtonElement>\n>({});\n\n/**\n * A toggle button allows a user to toggle a selection on or off, for example switching between two\n * states or modes.\n */\nexport const ToggleButton = /*#__PURE__*/ (forwardRef as forwardRefType)(function ToggleButton(\n  props: ToggleButtonProps,\n  ref: ForwardedRef<HTMLButtonElement>\n) {\n  [props, ref] = useContextProps(props, ref, ToggleButtonContext);\n  let groupState = useContext(ToggleGroupStateContext);\n  let state = useToggleState(\n    groupState && props.id != null\n      ? {\n          isSelected: groupState.selectedKeys.has(props.id),\n          onChange(isSelected) {\n            groupState.setSelected(props.id!, isSelected);\n          }\n        }\n      : props\n  );\n\n  let {buttonProps, isPressed, isSelected, isDisabled} =\n    groupState && props.id != null\n      ? // oxlint-disable-next-line react/react-compiler, react-hooks/rules-of-hooks\n        useToggleButtonGroupItem({...props, id: props.id}, groupState, ref)\n      : // oxlint-disable-next-line react/react-compiler, react-hooks/rules-of-hooks\n        useToggleButton(\n          {...props, id: props.id != null ? String(props.id) : undefined},\n          state,\n          ref\n        );\n\n  let {focusProps, isFocused, isFocusVisible} = useFocusRing(props);\n  let {hoverProps, isHovered} = useHover({...props, isDisabled});\n  let renderProps = useRenderProps({\n    ...props,\n    id: undefined,\n    values: {\n      isHovered,\n      isPressed,\n      isFocused,\n      isSelected: state.isSelected,\n      isFocusVisible,\n      isDisabled,\n      state\n    },\n    defaultClassName: 'react-aria-ToggleButton'\n  });\n\n  let DOMProps = filterDOMProps(props as any, {global: true});\n  delete DOMProps.id;\n  delete DOMProps.onClick;\n\n  return (\n    <dom.button\n      {...mergeProps(DOMProps, renderProps, buttonProps, focusProps, hoverProps)}\n      ref={ref}\n      slot={props.slot || undefined}\n      data-focused={isFocused || undefined}\n      data-disabled={isDisabled || undefined}\n      data-pressed={isPressed || undefined}\n      data-selected={isSelected || undefined}\n      data-hovered={isHovered || undefined}\n      data-focus-visible={isFocusVisible || undefined}>\n      <SelectionIndicatorContext.Provider value={{isSelected}}>\n        {renderProps.children}\n      </SelectionIndicatorContext.Provider>\n    </dom.button>\n  );\n});\n"],"names":[],"version":3,"file":"ToggleButton.js.map"}

package/dist/private/ToggleButton.mjs.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;AA4DM,MAAM,0DAAsB,CAAA,GAAA,oBAAY,EAE7C,CAAC;AAMI,MAAM,4CAA6B,AAAd,WAAW,GAAI,CAAA,GAAA,iBAAS,EAAqB,SAAS,aAChF,KAAwB,EACxB,GAAoC;IAEpC,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAc,EAAE,OAAO,KAAK;IAC3C,IAAI,aAAa,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,yCAAsB;IAClD,IAAI,QAAQ,CAAA,GAAA,qBAAa,EACvB,cAAc,MAAM,EAAE,IAAI,OACtB;QACE,YAAY,WAAW,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE;QAChD,UAAS,UAAU;YACjB,WAAW,WAAW,CAAC,MAAM,EAAE,EAAG;QACpC;IACF,IACA;IAGN,IAAI,eAAC,WAAW,aAAE,SAAS,cAAE,UAAU,cAAE,UAAU,EAAC,GAClD,cAAc,MAAM,EAAE,IAAI,OAEtB,CAAA,GAAA,+BAAuB,EAAE;QAAC,GAAG,KAAK;QAAE,IAAI,MAAM,EAAE;IAAA,GAAG,YAAY,OAE/D,CAAA,GAAA,sBAAc,EACZ;QAAC,GAAG,KAAK;QAAE,IAAI,MAAM,EAAE,IAAI,OAAO,OAAO,MAAM,EAAE,IAAI;IAAS,GAC9D,OACA;IAGR,IAAI,cAAC,UAAU,aAAE,SAAS,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,mBAAW,EAAE;IAC3D,IAAI,cAAC,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,eAAO,EAAE;QAAC,GAAG,KAAK;oBAAE;IAAU;IAC5D,IAAI,cAAc,CAAA,GAAA,uCAAa,EAAE;QAC/B,GAAG,KAAK;QACR,IAAI;QACJ,QAAQ;uBACN;uBACA;uBACA;YACA,YAAY,MAAM,UAAU;4BAC5B;wBACA;mBACA;QACF;QACA,kBAAkB;IACpB;IAEA,IAAI,WAAW,CAAA,GAAA,qBAAa,EAAE,OAAc;QAAC,QAAQ;IAAI;IACzD,OAAO,SAAS,EAAE;IAClB,OAAO,SAAS,OAAO;IAEvB,qBACE,gCAAC,CAAA,GAAA,yCAAE,EAAE,MAAM;QACR,GAAG,CAAA,GAAA,iBAAS,EAAE,UAAU,aAAa,aAAa,YAAY,WAAW;QAC1E,KAAK;QACL,MAAM,MAAM,IAAI,IAAI;QACpB,gBAAc,aAAa;QAC3B,iBAAe,cAAc;QAC7B,gBAAc,aAAa;QAC3B,iBAAe,cAAc;QAC7B,gBAAc,aAAa;QAC3B,sBAAoB,kBAAkB;qBACtC,gCAAC,CAAA,GAAA,yCAAwB,EAAE,QAAQ;QAAC,OAAO;wBAAC;QAAU;OACnD,YAAY,QAAQ;AAI7B","sources":["packages/react-aria-components/src/ToggleButton.tsx"],"sourcesContent":["/*\n * Copyright 2022 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 {AriaToggleButtonProps, useToggleButton} from 'react-aria/useToggleButton';\n\nimport {ButtonRenderProps} from './Button';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  RenderProps,\n  SlotProps,\n  useContextProps,\n  useRenderProps\n} from './utils';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {forwardRefType, GlobalDOMAttributes, Key} from '@react-types/shared';\nimport {HoverEvents} from '@react-types/shared';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport React, {createContext, ForwardedRef, forwardRef, useContext} from 'react';\nimport {SelectionIndicatorContext} from './SelectionIndicator';\nimport {ToggleGroupStateContext} from './ToggleButtonGroup';\nimport {ToggleState, useToggleState} from 'react-stately/useToggleState';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useHover} from 'react-aria/useHover';\nimport {useToggleButtonGroupItem} from 'react-aria/useToggleButtonGroup';\n\nexport interface ToggleButtonRenderProps extends Omit<ButtonRenderProps, 'isPending'> {\n  /**\n   * Whether the button is currently selected.\n   *\n   * @selector [data-selected]\n   */\n  isSelected: boolean;\n  /**\n   * State of the toggle button.\n   */\n  state: ToggleState;\n}\n\nexport interface ToggleButtonProps\n  extends\n    Omit<AriaToggleButtonProps, 'children' | 'elementType' | 'id'>,\n    HoverEvents,\n    SlotProps,\n    RenderProps<ToggleButtonRenderProps, 'button'>,\n    Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-ToggleButton'\n   */\n  className?: ClassNameOrFunction<ToggleButtonRenderProps>;\n  /**\n   * When used in a ToggleButtonGroup, an identifier for the item in `selectedKeys`. When used\n   * standalone, a DOM id.\n   */\n  id?: Key;\n}\n\nexport const ToggleButtonContext = createContext<\n  ContextValue<ToggleButtonProps, HTMLButtonElement>\n>({});\n\n/**\n * A toggle button allows a user to toggle a selection on or off, for example switching between two\n * states or modes.\n */\nexport const ToggleButton = /*#__PURE__*/ (forwardRef as forwardRefType)(function ToggleButton(\n  props: ToggleButtonProps,\n  ref: ForwardedRef<HTMLButtonElement>\n) {\n  [props, ref] = useContextProps(props, ref, ToggleButtonContext);\n  let groupState = useContext(ToggleGroupStateContext);\n  let state = useToggleState(\n    groupState && props.id != null\n      ? {\n          isSelected: groupState.selectedKeys.has(props.id),\n          onChange(isSelected) {\n            groupState.setSelected(props.id!, isSelected);\n          }\n        }\n      : props\n  );\n\n  let {buttonProps, isPressed, isSelected, isDisabled} =\n    groupState && props.id != null\n      ? // eslint-disable-next-line react-hooks/rules-of-hooks\n        useToggleButtonGroupItem({...props, id: props.id}, groupState, ref)\n      : // eslint-disable-next-line react-hooks/rules-of-hooks\n        useToggleButton(\n          {...props, id: props.id != null ? String(props.id) : undefined},\n          state,\n          ref\n        );\n\n  let {focusProps, isFocused, isFocusVisible} = useFocusRing(props);\n  let {hoverProps, isHovered} = useHover({...props, isDisabled});\n  let renderProps = useRenderProps({\n    ...props,\n    id: undefined,\n    values: {\n      isHovered,\n      isPressed,\n      isFocused,\n      isSelected: state.isSelected,\n      isFocusVisible,\n      isDisabled,\n      state\n    },\n    defaultClassName: 'react-aria-ToggleButton'\n  });\n\n  let DOMProps = filterDOMProps(props as any, {global: true});\n  delete DOMProps.id;\n  delete DOMProps.onClick;\n\n  return (\n    <dom.button\n      {...mergeProps(DOMProps, renderProps, buttonProps, focusProps, hoverProps)}\n      ref={ref}\n      slot={props.slot || undefined}\n      data-focused={isFocused || undefined}\n      data-disabled={isDisabled || undefined}\n      data-pressed={isPressed || undefined}\n      data-selected={isSelected || undefined}\n      data-hovered={isHovered || undefined}\n      data-focus-visible={isFocusVisible || undefined}>\n      <SelectionIndicatorContext.Provider value={{isSelected}}>\n        {renderProps.children}\n      </SelectionIndicatorContext.Provider>\n    </dom.button>\n  );\n});\n"],"names":[],"version":3,"file":"ToggleButton.mjs.map"}
+{"mappings":";;;;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;;;;AA4DM,MAAM,0DAAsB,CAAA,GAAA,oBAAY,EAE7C,CAAC;AAMI,MAAM,4CAA6B,AAAd,WAAW,GAAI,CAAA,GAAA,iBAAS,EAAqB,SAAS,aAChF,KAAwB,EACxB,GAAoC;IAEpC,CAAC,OAAO,IAAI,GAAG,CAAA,GAAA,yCAAc,EAAE,OAAO,KAAK;IAC3C,IAAI,aAAa,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,yCAAsB;IAClD,IAAI,QAAQ,CAAA,GAAA,qBAAa,EACvB,cAAc,MAAM,EAAE,IAAI,OACtB;QACE,YAAY,WAAW,YAAY,CAAC,GAAG,CAAC,MAAM,EAAE;QAChD,UAAS,UAAU;YACjB,WAAW,WAAW,CAAC,MAAM,EAAE,EAAG;QACpC;IACF,IACA;IAGN,IAAI,eAAC,WAAW,aAAE,SAAS,cAAE,UAAU,cAAE,UAAU,EAAC,GAClD,cAAc,MAAM,EAAE,IAAI,OAEtB,CAAA,GAAA,+BAAuB,EAAE;QAAC,GAAG,KAAK;QAAE,IAAI,MAAM,EAAE;IAAA,GAAG,YAAY,OAE/D,CAAA,GAAA,sBAAc,EACZ;QAAC,GAAG,KAAK;QAAE,IAAI,MAAM,EAAE,IAAI,OAAO,OAAO,MAAM,EAAE,IAAI;IAAS,GAC9D,OACA;IAGR,IAAI,cAAC,UAAU,aAAE,SAAS,kBAAE,cAAc,EAAC,GAAG,CAAA,GAAA,mBAAW,EAAE;IAC3D,IAAI,cAAC,UAAU,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,eAAO,EAAE;QAAC,GAAG,KAAK;oBAAE;IAAU;IAC5D,IAAI,cAAc,CAAA,GAAA,uCAAa,EAAE;QAC/B,GAAG,KAAK;QACR,IAAI;QACJ,QAAQ;uBACN;uBACA;uBACA;YACA,YAAY,MAAM,UAAU;4BAC5B;wBACA;mBACA;QACF;QACA,kBAAkB;IACpB;IAEA,IAAI,WAAW,CAAA,GAAA,qBAAa,EAAE,OAAc;QAAC,QAAQ;IAAI;IACzD,OAAO,SAAS,EAAE;IAClB,OAAO,SAAS,OAAO;IAEvB,qBACE,gCAAC,CAAA,GAAA,yCAAE,EAAE,MAAM;QACR,GAAG,CAAA,GAAA,iBAAS,EAAE,UAAU,aAAa,aAAa,YAAY,WAAW;QAC1E,KAAK;QACL,MAAM,MAAM,IAAI,IAAI;QACpB,gBAAc,aAAa;QAC3B,iBAAe,cAAc;QAC7B,gBAAc,aAAa;QAC3B,iBAAe,cAAc;QAC7B,gBAAc,aAAa;QAC3B,sBAAoB,kBAAkB;qBACtC,gCAAC,CAAA,GAAA,yCAAwB,EAAE,QAAQ;QAAC,OAAO;wBAAC;QAAU;OACnD,YAAY,QAAQ;AAI7B","sources":["packages/react-aria-components/src/ToggleButton.tsx"],"sourcesContent":["/*\n * Copyright 2022 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 {AriaToggleButtonProps, useToggleButton} from 'react-aria/useToggleButton';\n\nimport {ButtonRenderProps} from './Button';\nimport {\n  ClassNameOrFunction,\n  ContextValue,\n  dom,\n  RenderProps,\n  SlotProps,\n  useContextProps,\n  useRenderProps\n} from './utils';\nimport {filterDOMProps} from 'react-aria/filterDOMProps';\nimport {forwardRefType, GlobalDOMAttributes, Key} from '@react-types/shared';\nimport {HoverEvents} from '@react-types/shared';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport React, {createContext, ForwardedRef, forwardRef, useContext} from 'react';\nimport {SelectionIndicatorContext} from './SelectionIndicator';\nimport {ToggleGroupStateContext} from './ToggleButtonGroup';\nimport {ToggleState, useToggleState} from 'react-stately/useToggleState';\nimport {useFocusRing} from 'react-aria/useFocusRing';\nimport {useHover} from 'react-aria/useHover';\nimport {useToggleButtonGroupItem} from 'react-aria/useToggleButtonGroup';\n\nexport interface ToggleButtonRenderProps extends Omit<ButtonRenderProps, 'isPending'> {\n  /**\n   * Whether the button is currently selected.\n   *\n   * @selector [data-selected]\n   */\n  isSelected: boolean;\n  /**\n   * State of the toggle button.\n   */\n  state: ToggleState;\n}\n\nexport interface ToggleButtonProps\n  extends\n    Omit<AriaToggleButtonProps, 'children' | 'elementType' | 'id'>,\n    HoverEvents,\n    SlotProps,\n    RenderProps<ToggleButtonRenderProps, 'button'>,\n    Omit<GlobalDOMAttributes<HTMLDivElement>, 'onClick'> {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element. A function may be provided to compute the class based on component state.\n   *\n   * @default 'react-aria-ToggleButton'\n   */\n  className?: ClassNameOrFunction<ToggleButtonRenderProps>;\n  /**\n   * When used in a ToggleButtonGroup, an identifier for the item in `selectedKeys`. When used\n   * standalone, a DOM id.\n   */\n  id?: Key;\n}\n\nexport const ToggleButtonContext = createContext<\n  ContextValue<ToggleButtonProps, HTMLButtonElement>\n>({});\n\n/**\n * A toggle button allows a user to toggle a selection on or off, for example switching between two\n * states or modes.\n */\nexport const ToggleButton = /*#__PURE__*/ (forwardRef as forwardRefType)(function ToggleButton(\n  props: ToggleButtonProps,\n  ref: ForwardedRef<HTMLButtonElement>\n) {\n  [props, ref] = useContextProps(props, ref, ToggleButtonContext);\n  let groupState = useContext(ToggleGroupStateContext);\n  let state = useToggleState(\n    groupState && props.id != null\n      ? {\n          isSelected: groupState.selectedKeys.has(props.id),\n          onChange(isSelected) {\n            groupState.setSelected(props.id!, isSelected);\n          }\n        }\n      : props\n  );\n\n  let {buttonProps, isPressed, isSelected, isDisabled} =\n    groupState && props.id != null\n      ? // oxlint-disable-next-line react/react-compiler, react-hooks/rules-of-hooks\n        useToggleButtonGroupItem({...props, id: props.id}, groupState, ref)\n      : // oxlint-disable-next-line react/react-compiler, react-hooks/rules-of-hooks\n        useToggleButton(\n          {...props, id: props.id != null ? String(props.id) : undefined},\n          state,\n          ref\n        );\n\n  let {focusProps, isFocused, isFocusVisible} = useFocusRing(props);\n  let {hoverProps, isHovered} = useHover({...props, isDisabled});\n  let renderProps = useRenderProps({\n    ...props,\n    id: undefined,\n    values: {\n      isHovered,\n      isPressed,\n      isFocused,\n      isSelected: state.isSelected,\n      isFocusVisible,\n      isDisabled,\n      state\n    },\n    defaultClassName: 'react-aria-ToggleButton'\n  });\n\n  let DOMProps = filterDOMProps(props as any, {global: true});\n  delete DOMProps.id;\n  delete DOMProps.onClick;\n\n  return (\n    <dom.button\n      {...mergeProps(DOMProps, renderProps, buttonProps, focusProps, hoverProps)}\n      ref={ref}\n      slot={props.slot || undefined}\n      data-focused={isFocused || undefined}\n      data-disabled={isDisabled || undefined}\n      data-pressed={isPressed || undefined}\n      data-selected={isSelected || undefined}\n      data-hovered={isHovered || undefined}\n      data-focus-visible={isFocusVisible || undefined}>\n      <SelectionIndicatorContext.Provider value={{isSelected}}>\n        {renderProps.children}\n      </SelectionIndicatorContext.Provider>\n    </dom.button>\n  );\n});\n"],"names":[],"version":3,"file":"ToggleButton.mjs.map"}