@depup/react-aria-components 1.16.0-depup.0 → 1.20.0-depup.0

package/dist/private/useDragAndDrop.mjs

@@ -0,0 +1,84 @@
+import {DragAndDropContext as $f9554a667e4f0374$export$d188a835a7bc5783, DropIndicator as $f9554a667e4f0374$export$62ed72bc21f6b8a6, DropIndicatorContext as $f9554a667e4f0374$export$f55761759794cf55} from "./DragAndDrop.mjs";
+import {useDroppableItem as $6P4UV$useDroppableItem, useDroppableCollection as $6P4UV$useDroppableCollection, useDropIndicator as $6P4UV$useDropIndicator} from "react-aria/useDroppableCollection";
+import {useDraggableCollection as $6P4UV$useDraggableCollection, useDraggableItem as $6P4UV$useDraggableItem, DragPreview as $6P4UV$DragPreview} from "react-aria/useDraggableCollection";
+import {useDraggableCollectionState as $6P4UV$useDraggableCollectionState} from "react-stately/useDraggableCollectionState";
+import {useDroppableCollectionState as $6P4UV$useDroppableCollectionState} from "react-stately/useDroppableCollectionState";
+import {isVirtualDragging as $6P4UV$isVirtualDragging} from "react-aria/private/dnd/DragManager";
+import {useMemo as $6P4UV$useMemo} from "react";
+import {ListDropTargetDelegate as $6P4UV$ListDropTargetDelegate} from "react-aria/ListDropTargetDelegate";
+
+/*
+ * Copyright 2022 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+
+
+
+function $32ef394310635fd5$export$2cfc5be7a55829f6(options) {
+    let dragAndDropHooks = (0, $6P4UV$useMemo)(()=>{
+        let { onDrop: onDrop, onInsert: onInsert, onItemDrop: onItemDrop, onReorder: onReorder, onMove: onMove, onRootDrop: onRootDrop, getItems: getItems, renderDragPreview: renderDragPreview, renderDropIndicator: renderDropIndicator, dropTargetDelegate: dropTargetDelegate } = options;
+        let isDraggable = !!getItems;
+        let isDroppable = !!(onDrop || onInsert || onItemDrop || onReorder || onMove || onRootDrop);
+        let hooks = {};
+        if (isDraggable) {
+            hooks.useDraggableCollectionState = function useDraggableCollectionStateOverride(props) {
+                // oxlint-disable-next-line react/react-compiler
+                return (0, $6P4UV$useDraggableCollectionState)({
+                    ...props,
+                    ...options
+                });
+            };
+            // oxlint-disable-next-line react/react-compiler
+            hooks.useDraggableCollection = (0, $6P4UV$useDraggableCollection);
+            // oxlint-disable-next-line react/react-compiler
+            hooks.useDraggableItem = (0, $6P4UV$useDraggableItem);
+            hooks.DragPreview = (0, $6P4UV$DragPreview);
+            hooks.renderDragPreview = renderDragPreview;
+            hooks.isVirtualDragging = (0, $6P4UV$isVirtualDragging);
+        }
+        if (isDroppable) {
+            hooks.useDroppableCollectionState = function useDroppableCollectionStateOverride(props) {
+                // oxlint-disable-next-line react/react-compiler
+                return (0, $6P4UV$useDroppableCollectionState)({
+                    ...props,
+                    ...options
+                });
+            };
+            // oxlint-disable-next-line react/react-compiler
+            hooks.useDroppableItem = (0, $6P4UV$useDroppableItem);
+            hooks.useDroppableCollection = function useDroppableCollectionOverride(props, state, ref) {
+                // oxlint-disable-next-line react/react-compiler
+                return (0, $6P4UV$useDroppableCollection)({
+                    ...props,
+                    ...options
+                }, state, ref);
+            };
+            // oxlint-disable-next-line react/react-compiler
+            hooks.useDropIndicator = (0, $6P4UV$useDropIndicator);
+            hooks.renderDropIndicator = renderDropIndicator;
+            hooks.dropTargetDelegate = dropTargetDelegate;
+            hooks.ListDropTargetDelegate = (0, $6P4UV$ListDropTargetDelegate);
+        }
+        return hooks;
+    }, [
+        options
+    ]);
+    return {
+        dragAndDropHooks: dragAndDropHooks
+    };
+}
+
+
+export {$32ef394310635fd5$export$2cfc5be7a55829f6 as useDragAndDrop, $f9554a667e4f0374$export$62ed72bc21f6b8a6 as DropIndicator, $f9554a667e4f0374$export$f55761759794cf55 as DropIndicatorContext, $f9554a667e4f0374$export$d188a835a7bc5783 as DragAndDropContext};
+//# sourceMappingURL=useDragAndDrop.mjs.map

package/dist/private/useDragAndDrop.mjs.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;AAAA;;;;;;;;;;CAUC;;;;;;;;AAwIM,SAAS,0CAA2B,OAA8B;IACvE,IAAI,mBAAmB,CAAA,GAAA,cAAM,EAAE;QAC7B,IAAI,UACF,MAAM,YACN,QAAQ,cACR,UAAU,aACV,SAAS,UACT,MAAM,cACN,UAAU,YACV,QAAQ,qBACR,iBAAiB,uBACjB,mBAAmB,sBACnB,kBAAkB,EACnB,GAAG;QAEJ,IAAI,cAAc,CAAC,CAAC;QACpB,IAAI,cAAc,CAAC,CAAE,CAAA,UAAU,YAAY,cAAc,aAAa,UAAU,UAAS;QAEzF,IAAI,QAAQ,CAAC;QACb,IAAI,aAAa;YACf,MAAM,2BAA2B,GAAG,SAAS,oCAC3C,KAAmC;gBAEnC,gDAAgD;gBAChD,OAAO,CAAA,GAAA,kCAA0B,EAAE;oBACjC,GAAG,KAAK;oBACR,GAAG,OAAO;gBACZ;YACF;YACA,gDAAgD;YAChD,MAAM,sBAAsB,GAAG,CAAA,GAAA,6BAAqB;YACpD,gDAAgD;YAChD,MAAM,gBAAgB,GAAG,CAAA,GAAA,uBAAe;YACxC,MAAM,WAAW,GAAG,CAAA,GAAA,kBAAU;YAC9B,MAAM,iBAAiB,GAAG;YAC1B,MAAM,iBAAiB,GAAG,CAAA,GAAA,wBAAgB;QAC5C;QAEA,IAAI,aAAa;YACf,MAAM,2BAA2B,GAAG,SAAS,oCAC3C,KAAsC;gBAEtC,gDAAgD;gBAChD,OAAO,CAAA,GAAA,kCAA0B,EAAE;oBAAC,GAAG,KAAK;oBAAE,GAAG,OAAO;gBAAA;YAC1D;YACA,gDAAgD;YAChD,MAAM,gBAAgB,GAAG,CAAA,GAAA,uBAAe;YACxC,MAAM,sBAAsB,GAAG,SAAS,+BACtC,KAAiC,EACjC,KAA+B,EAC/B,GAAkC;gBAElC,gDAAgD;gBAChD,OAAO,CAAA,GAAA,6BAAqB,EAAE;oBAAC,GAAG,KAAK;oBAAE,GAAG,OAAO;gBAAA,GAAG,OAAO;YAC/D;YACA,gDAAgD;YAChD,MAAM,gBAAgB,GAAG,CAAA,GAAA,uBAAe;YACxC,MAAM,mBAAmB,GAAG;YAC5B,MAAM,kBAAkB,GAAG;YAC3B,MAAM,sBAAsB,GAAG,CAAA,GAAA,6BAAqB;QACtD;QAEA,OAAO;IACT,GAAG;QAAC;KAAQ;IAEZ,OAAO;0BACL;IACF;AACF","sources":["packages/react-aria-components/src/useDragAndDrop.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 {\n  DropIndicatorProps as AriaDropIndicatorProps,\n  DropIndicatorAria,\n  DroppableCollectionOptions,\n  DroppableCollectionResult,\n  DroppableItemOptions,\n  DroppableItemResult,\n  useDropIndicator,\n  useDroppableCollection,\n  useDroppableItem\n} from 'react-aria/useDroppableCollection';\nimport {\n  DraggableCollectionOptions,\n  DraggableItemProps,\n  DraggableItemResult,\n  DragPreview,\n  useDraggableCollection,\n  useDraggableItem\n} from 'react-aria/useDraggableCollection';\nimport {\n  DraggableCollectionProps,\n  DroppableCollectionProps,\n  Key,\n  RefObject\n} from '@react-types/shared';\nimport {\n  DraggableCollectionState,\n  DraggableCollectionStateOptions,\n  useDraggableCollectionState\n} from 'react-stately/useDraggableCollectionState';\nimport {DragItem, DropTarget, DropTargetDelegate} from '@react-types/shared';\nimport {\n  DroppableCollectionState,\n  DroppableCollectionStateOptions,\n  useDroppableCollectionState\n} from 'react-stately/useDroppableCollectionState';\nimport {isVirtualDragging} from 'react-aria/private/dnd/DragManager';\nimport {JSX, useMemo} from 'react';\nimport {ListDropTargetDelegate} from 'react-aria/ListDropTargetDelegate';\n\nexport {DropIndicator, DropIndicatorContext, DragAndDropContext} from './DragAndDrop';\nexport type {DropIndicatorProps, DropIndicatorRenderProps} from './DragAndDrop';\n\ninterface DraggableCollectionStateOpts<T = object> extends Omit<\n  DraggableCollectionStateOptions<T>,\n  'getItems'\n> {}\n\ninterface DragHooks<T = object> {\n  useDraggableCollectionState?: (\n    props: DraggableCollectionStateOpts<T>\n  ) => DraggableCollectionState;\n  useDraggableCollection?: (\n    props: DraggableCollectionOptions,\n    state: DraggableCollectionState,\n    ref: RefObject<HTMLElement | null>\n  ) => void;\n  useDraggableItem?: (\n    props: DraggableItemProps,\n    state: DraggableCollectionState\n  ) => DraggableItemResult;\n  DragPreview?: typeof DragPreview;\n  renderDragPreview?: (\n    items: DragItem[]\n  ) => JSX.Element | {element: JSX.Element; x: number; y: number};\n  isVirtualDragging?: () => boolean;\n}\n\ninterface DropHooks {\n  useDroppableCollectionState?: (\n    props: DroppableCollectionStateOptions\n  ) => DroppableCollectionState;\n  useDroppableCollection?: (\n    props: DroppableCollectionOptions,\n    state: DroppableCollectionState,\n    ref: RefObject<HTMLElement | null>\n  ) => DroppableCollectionResult;\n  useDroppableItem?: (\n    options: DroppableItemOptions,\n    state: DroppableCollectionState,\n    ref: RefObject<HTMLElement | null>\n  ) => DroppableItemResult;\n  useDropIndicator?: (\n    props: AriaDropIndicatorProps,\n    state: DroppableCollectionState,\n    ref: RefObject<HTMLElement | null>\n  ) => DropIndicatorAria;\n  renderDropIndicator?: (target: DropTarget) => JSX.Element;\n  dropTargetDelegate?: DropTargetDelegate;\n  ListDropTargetDelegate: typeof ListDropTargetDelegate;\n}\n\nexport type DragAndDropHooks<T = object> = DragHooks<T> & DropHooks;\n\nexport interface DragAndDrop<T = object> {\n  /** Drag and drop hooks for the collection element. */\n  dragAndDropHooks: DragAndDropHooks<T>;\n}\n\nexport interface DragAndDropOptions<T = object>\n  extends Omit<DraggableCollectionProps, 'preview' | 'getItems'>, DroppableCollectionProps {\n  /**\n   * A function that returns the items being dragged. If not specified, we assume that the\n   * collection is not draggable.\n   *\n   * @default () => []\n   */\n  getItems?: (keys: Set<Key>, items: T[]) => DragItem[];\n  /**\n   * A function that renders a drag preview, which is shown under the user's cursor while dragging.\n   * By default, a copy of the dragged element is rendered.\n   */\n  renderDragPreview?: (\n    items: DragItem[]\n  ) => JSX.Element | {element: JSX.Element; x: number; y: number};\n  /**\n   * A function that renders a drop indicator element between two items in a collection.\n   * This should render a `<DropIndicator>` element. If this function is not provided, a\n   * default DropIndicator is provided.\n   */\n  renderDropIndicator?: (target: DropTarget) => JSX.Element;\n  /**\n   * A custom delegate object that provides drop targets for pointer coordinates within the\n   * collection.\n   */\n  dropTargetDelegate?: DropTargetDelegate;\n  /** Whether the drag and drop events should be disabled. */\n  isDisabled?: boolean;\n}\n\n/**\n * Provides the hooks required to enable drag and drop behavior for a drag and drop compatible\n * collection component.\n */\nexport function useDragAndDrop<T = object>(options: DragAndDropOptions<T>): DragAndDrop<T> {\n  let dragAndDropHooks = useMemo(() => {\n    let {\n      onDrop,\n      onInsert,\n      onItemDrop,\n      onReorder,\n      onMove,\n      onRootDrop,\n      getItems,\n      renderDragPreview,\n      renderDropIndicator,\n      dropTargetDelegate\n    } = options;\n\n    let isDraggable = !!getItems;\n    let isDroppable = !!(onDrop || onInsert || onItemDrop || onReorder || onMove || onRootDrop);\n\n    let hooks = {} as DragAndDropHooks;\n    if (isDraggable) {\n      hooks.useDraggableCollectionState = function useDraggableCollectionStateOverride(\n        props: DraggableCollectionStateOpts\n      ) {\n        // oxlint-disable-next-line react/react-compiler\n        return useDraggableCollectionState({\n          ...props,\n          ...options\n        } as DraggableCollectionStateOptions);\n      };\n      // oxlint-disable-next-line react/react-compiler\n      hooks.useDraggableCollection = useDraggableCollection;\n      // oxlint-disable-next-line react/react-compiler\n      hooks.useDraggableItem = useDraggableItem;\n      hooks.DragPreview = DragPreview;\n      hooks.renderDragPreview = renderDragPreview;\n      hooks.isVirtualDragging = isVirtualDragging;\n    }\n\n    if (isDroppable) {\n      hooks.useDroppableCollectionState = function useDroppableCollectionStateOverride(\n        props: DroppableCollectionStateOptions\n      ) {\n        // oxlint-disable-next-line react/react-compiler\n        return useDroppableCollectionState({...props, ...options});\n      };\n      // oxlint-disable-next-line react/react-compiler\n      hooks.useDroppableItem = useDroppableItem;\n      hooks.useDroppableCollection = function useDroppableCollectionOverride(\n        props: DroppableCollectionOptions,\n        state: DroppableCollectionState,\n        ref: RefObject<HTMLElement | null>\n      ) {\n        // oxlint-disable-next-line react/react-compiler\n        return useDroppableCollection({...props, ...options}, state, ref);\n      };\n      // oxlint-disable-next-line react/react-compiler\n      hooks.useDropIndicator = useDropIndicator;\n      hooks.renderDropIndicator = renderDropIndicator;\n      hooks.dropTargetDelegate = dropTargetDelegate;\n      hooks.ListDropTargetDelegate = ListDropTargetDelegate;\n    }\n\n    return hooks;\n  }, [options]);\n\n  return {\n    dragAndDropHooks\n  };\n}\n"],"names":[],"version":3,"file":"useDragAndDrop.mjs.map"}

package/dist/private/utils.cjs

@@ -0,0 +1,211 @@
+var $5R8yz$reactariamergeProps = require("react-aria/mergeProps");
+var $5R8yz$reactariamergeRefs = require("react-aria/mergeRefs");
+var $5R8yz$react = require("react");
+var $5R8yz$reactariaprivateutilsuseLayoutEffect = require("react-aria/private/utils/useLayoutEffect");
+var $5R8yz$reactariauseObjectRef = require("react-aria/useObjectRef");
+
+
+function $parcel$interopDefault(a) {
+  return a && a.__esModule ? a.default : a;
+}
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "DEFAULT_SLOT", function () { return $048d76b84370f141$export$c62b8e45d58ddad9; });
+$parcel$export(module.exports, "Provider", function () { return $048d76b84370f141$export$2881499e37b75b9a; });
+$parcel$export(module.exports, "useRenderProps", function () { return $048d76b84370f141$export$4d86445c2cf5e3; });
+$parcel$export(module.exports, "composeRenderProps", function () { return $048d76b84370f141$export$c245e6201fed2f75; });
+$parcel$export(module.exports, "useSlottedContext", function () { return $048d76b84370f141$export$fabf2dc03a41866e; });
+$parcel$export(module.exports, "useContextProps", function () { return $048d76b84370f141$export$29f1550f4b0d4415; });
+$parcel$export(module.exports, "useSlot", function () { return $048d76b84370f141$export$9d4c57ee4c6ffdd8; });
+$parcel$export(module.exports, "removeDataAttributes", function () { return $048d76b84370f141$export$ef03459518577ad4; });
+$parcel$export(module.exports, "dom", function () { return $048d76b84370f141$export$df3a06d6289f983e; });
+/*
+ * Copyright 2022 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+const $048d76b84370f141$export$c62b8e45d58ddad9 = Symbol('default');
+function $048d76b84370f141$export$2881499e37b75b9a({ values: values, children: children }) {
+    for (let [Context, value] of values)// @ts-ignore
+    children = /*#__PURE__*/ (0, ($parcel$interopDefault($5R8yz$react))).createElement(Context.Provider, {
+        value: value
+    }, children);
+    return children;
+}
+function $048d76b84370f141$export$4d86445c2cf5e3(props) {
+    let { className: className, style: style, children: children, defaultClassName: defaultClassName, defaultChildren: defaultChildren, defaultStyle: defaultStyle, values: values, render: render } = props;
+    return (0, $5R8yz$react.useMemo)(()=>{
+        let computedClassName;
+        let computedStyle;
+        let computedChildren;
+        if (typeof className === 'function') computedClassName = className({
+            ...values,
+            defaultClassName: defaultClassName
+        });
+        else computedClassName = className;
+        if (typeof style === 'function') computedStyle = style({
+            ...values,
+            defaultStyle: defaultStyle || {}
+        });
+        else computedStyle = style;
+        if (typeof children === 'function') computedChildren = children({
+            ...values,
+            defaultChildren: defaultChildren
+        });
+        else if (children == null) computedChildren = defaultChildren;
+        else computedChildren = children;
+        return {
+            className: computedClassName ?? defaultClassName,
+            style: computedStyle || defaultStyle ? {
+                ...defaultStyle,
+                ...computedStyle
+            } : undefined,
+            children: computedChildren ?? defaultChildren,
+            'data-rac': '',
+            render: render ? (props)=>render(props, values) : undefined
+        };
+    }, [
+        className,
+        style,
+        children,
+        defaultClassName,
+        defaultChildren,
+        defaultStyle,
+        values,
+        render
+    ]);
+}
+function $048d76b84370f141$export$c245e6201fed2f75(// https://stackoverflow.com/questions/60898079/typescript-type-t-or-function-t-usage
+value, wrap) {
+    return (renderProps)=>wrap(typeof value === 'function' ? value(renderProps) : value, renderProps);
+}
+function $048d76b84370f141$export$fabf2dc03a41866e(context, slot) {
+    let ctx = (0, $5R8yz$react.useContext)(context);
+    if (slot === null) // An explicit `null` slot means don't use context.
+    return null;
+    if (ctx && typeof ctx === 'object' && 'slots' in ctx && ctx.slots) {
+        let slotKey = slot || $048d76b84370f141$export$c62b8e45d58ddad9;
+        if (!ctx.slots[slotKey]) {
+            let availableSlots = new Intl.ListFormat().format(Object.keys(ctx.slots).map((p)=>`"${p}"`));
+            let errorMessage = slot ? `Invalid slot "${slot}".` : 'A slot prop is required.';
+            throw new Error(`${errorMessage} Valid slot names are ${availableSlots}.`);
+        }
+        return ctx.slots[slotKey];
+    }
+    // @ts-ignore
+    return ctx;
+}
+function $048d76b84370f141$export$29f1550f4b0d4415(props, ref, context) {
+    let ctx = $048d76b84370f141$export$fabf2dc03a41866e(context, props.slot) || {};
+    let { ref: contextRef, ...contextProps } = ctx;
+    let mergedRef = (0, $5R8yz$reactariauseObjectRef.useObjectRef)((0, $5R8yz$react.useMemo)(()=>(0, $5R8yz$reactariamergeRefs.mergeRefs)(ref, contextRef), [
+        ref,
+        contextRef
+    ]));
+    let mergedProps = (0, $5R8yz$reactariamergeProps.mergeProps)(contextProps, props);
+    // mergeProps does not merge `style`. Adding this there might be a breaking change.
+    if ('style' in contextProps && contextProps.style && 'style' in props && props.style) {
+        if (typeof contextProps.style === 'function' || typeof props.style === 'function') // @ts-ignore
+        mergedProps.style = (renderProps)=>{
+            let contextStyle = typeof contextProps.style === 'function' ? contextProps.style(renderProps) : contextProps.style;
+            let defaultStyle = {
+                ...renderProps.defaultStyle,
+                ...contextStyle
+            };
+            let style = typeof props.style === 'function' ? props.style({
+                ...renderProps,
+                defaultStyle: defaultStyle
+            }) : props.style;
+            return {
+                ...defaultStyle,
+                ...style
+            };
+        };
+        else // @ts-ignore
+        mergedProps.style = {
+            ...contextProps.style,
+            ...props.style
+        };
+    }
+    return [
+        mergedProps,
+        mergedRef
+    ];
+}
+function $048d76b84370f141$export$9d4c57ee4c6ffdd8(initialState = true) {
+    // Initial state is typically based on the parent having an aria-label or aria-labelledby.
+    // If it does, this value should be false so that we don't update the state and cause a rerender when we go through the layoutEffect
+    let [hasSlot, setHasSlot] = (0, $5R8yz$react.useState)(initialState);
+    let hasRun = (0, $5R8yz$react.useRef)(false);
+    // A callback ref which will run when the slotted element mounts.
+    // This should happen before the useLayoutEffect below.
+    let ref = (0, $5R8yz$react.useCallback)((el)=>{
+        hasRun.current = true;
+        setHasSlot(!!el);
+    }, []);
+    // If the callback hasn't been called, then reset to false.
+    (0, $5R8yz$reactariaprivateutilsuseLayoutEffect.useLayoutEffect)(()=>{
+        if (!hasRun.current) setHasSlot(false);
+    }, []);
+    return [
+        ref,
+        hasSlot
+    ];
+}
+function $048d76b84370f141$export$ef03459518577ad4(props) {
+    const prefix = /^(data-.*)$/;
+    let filteredProps = {};
+    for(const prop in props)if (!prefix.test(prop)) filteredProps[prop] = props[prop];
+    return filteredProps;
+}
+function $048d76b84370f141$var$DOMElement(ElementType, props, forwardedRef) {
+    let { render: render, ...otherProps } = props;
+    let elementRef = (0, $5R8yz$react.useRef)(null);
+    let ref = (0, $5R8yz$react.useMemo)(()=>(0, $5R8yz$reactariamergeRefs.mergeRefs)(forwardedRef, elementRef), [
+        forwardedRef,
+        elementRef
+    ]);
+    (0, $5R8yz$reactariaprivateutilsuseLayoutEffect.useLayoutEffect)(()=>{
+        if (process.env.NODE_ENV !== 'production' && render) {
+            if (!elementRef.current) console.warn('Ref was not connected to DOM element returned by custom `render` function. Did you forget to pass through or merge the `ref`?');
+            else if (elementRef.current.localName !== ElementType) console.warn(`Unexpected DOM element returned by custom \`render\` function. Expected <${ElementType}>, got <${elementRef.current.localName}>. This may break the component behavior and accessibility.`);
+        }
+    }, [
+        ElementType,
+        render
+    ]);
+    let domProps = {
+        ...otherProps,
+        ref: ref
+    };
+    if (render) return render(domProps, undefined);
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($5R8yz$react))).createElement(ElementType, domProps);
+}
+const $048d76b84370f141$var$domComponentCache = {};
+const $048d76b84370f141$export$df3a06d6289f983e = new Proxy({}, {
+    get (target, elementType) {
+        if (typeof elementType !== 'string') return undefined;
+        let res = $048d76b84370f141$var$domComponentCache[elementType];
+        if (!res) {
+            res = /*#__PURE__*/ (0, $5R8yz$react.forwardRef)($048d76b84370f141$var$DOMElement.bind(null, elementType));
+            $048d76b84370f141$var$domComponentCache[elementType] = res;
+        }
+        return res;
+    }
+});
+
+
+//# sourceMappingURL=utils.cjs.map

package/dist/private/utils.cjs.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["packages/react-aria-components/src/utils.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 {AriaLabelingProps, RefObject, DOMProps as SharedDOMProps} from '@react-types/shared';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {mergeRefs} from 'react-aria/mergeRefs';\nimport React, {\n  AllHTMLAttributes,\n  AnchorHTMLAttributes,\n  Context,\n  CSSProperties,\n  DetailedHTMLProps,\n  ForwardedRef,\n  forwardRef,\n  JSX,\n  ReactElement,\n  ReactNode,\n  RefCallback,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useObjectRef} from 'react-aria/useObjectRef';\n\nexport const DEFAULT_SLOT = Symbol('default');\n\ninterface SlottedValue<T> {\n  slots?: Record<string | symbol, T>;\n}\n\nexport type SlottedContextValue<T> = SlottedValue<T> | T | null | undefined;\nexport type ContextValue<T, E> = SlottedContextValue<WithRef<T, E>>;\n\ntype ProviderValue<T> = [Context<T>, T];\ntype ProviderValues<A, B, C, D, E, F, G, H, I, J, K, L, M> =\n  | [ProviderValue<A>]\n  | [ProviderValue<A>, ProviderValue<B>]\n  | [ProviderValue<A>, ProviderValue<B>, ProviderValue<C>]\n  | [ProviderValue<A>, ProviderValue<B>, ProviderValue<C>, ProviderValue<D>]\n  | [ProviderValue<A>, ProviderValue<B>, ProviderValue<C>, ProviderValue<D>, ProviderValue<E>]\n  | [\n      ProviderValue<A>,\n      ProviderValue<B>,\n      ProviderValue<C>,\n      ProviderValue<D>,\n      ProviderValue<E>,\n      ProviderValue<F>\n    ]\n  | [\n      ProviderValue<A>,\n      ProviderValue<B>,\n      ProviderValue<C>,\n      ProviderValue<D>,\n      ProviderValue<E>,\n      ProviderValue<F>,\n      ProviderValue<G>\n    ]\n  | [\n      ProviderValue<A>,\n      ProviderValue<B>,\n      ProviderValue<C>,\n      ProviderValue<D>,\n      ProviderValue<E>,\n      ProviderValue<F>,\n      ProviderValue<G>,\n      ProviderValue<H>\n    ]\n  | [\n      ProviderValue<A>,\n      ProviderValue<B>,\n      ProviderValue<C>,\n      ProviderValue<D>,\n      ProviderValue<E>,\n      ProviderValue<F>,\n      ProviderValue<G>,\n      ProviderValue<H>,\n      ProviderValue<I>\n    ]\n  | [\n      ProviderValue<A>,\n      ProviderValue<B>,\n      ProviderValue<C>,\n      ProviderValue<D>,\n      ProviderValue<E>,\n      ProviderValue<F>,\n      ProviderValue<G>,\n      ProviderValue<H>,\n      ProviderValue<I>,\n      ProviderValue<J>\n    ]\n  | [\n      ProviderValue<A>,\n      ProviderValue<B>,\n      ProviderValue<C>,\n      ProviderValue<D>,\n      ProviderValue<E>,\n      ProviderValue<F>,\n      ProviderValue<G>,\n      ProviderValue<H>,\n      ProviderValue<I>,\n      ProviderValue<J>,\n      ProviderValue<K>\n    ]\n  | [\n      ProviderValue<A>,\n      ProviderValue<B>,\n      ProviderValue<C>,\n      ProviderValue<D>,\n      ProviderValue<E>,\n      ProviderValue<F>,\n      ProviderValue<G>,\n      ProviderValue<H>,\n      ProviderValue<I>,\n      ProviderValue<J>,\n      ProviderValue<K>,\n      ProviderValue<L>\n    ]\n  | [\n      ProviderValue<A>,\n      ProviderValue<B>,\n      ProviderValue<C>,\n      ProviderValue<D>,\n      ProviderValue<E>,\n      ProviderValue<F>,\n      ProviderValue<G>,\n      ProviderValue<H>,\n      ProviderValue<I>,\n      ProviderValue<J>,\n      ProviderValue<K>,\n      ProviderValue<L>,\n      ProviderValue<M>\n    ];\n\ninterface ProviderProps<A, B, C, D, E, F, G, H, I, J, K, L, M> {\n  values: ProviderValues<A, B, C, D, E, F, G, H, I, J, K, L, M>;\n  children: ReactNode;\n}\n\nexport function Provider<A, B, C, D, E, F, G, H, I, J, K, L, M>({\n  values,\n  children\n}: ProviderProps<A, B, C, D, E, F, G, H, I, J, K, L, M>): JSX.Element {\n  for (let [Context, value] of values) {\n    // @ts-ignore\n    children = <Context.Provider value={value}>{children}</Context.Provider>;\n  }\n\n  return children as JSX.Element;\n}\n\nexport interface StyleProps {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element.\n   */\n  className?: string;\n  /**\n   * The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\n   * element.\n   */\n  style?: CSSProperties;\n}\n\nexport interface DOMProps extends StyleProps, SharedDOMProps {\n  /** The children of the component. */\n  children?: ReactNode;\n}\n\nexport type ClassNameOrFunction<T> =\n  | string\n  | ((values: T & {defaultClassName: string | undefined}) => string);\nexport type StyleOrFunction<T> =\n  | CSSProperties\n  | ((values: T & {defaultStyle: CSSProperties}) => CSSProperties | undefined);\n\nexport interface StyleRenderProps<\n  T,\n  E extends keyof React.JSX.IntrinsicElements = 'div'\n> extends DOMRenderProps<E, T> {\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  className?: ClassNameOrFunction<T>;\n  /**\n   * The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\n   * element. A function may be provided to compute the style based on component state.\n   */\n  style?: StyleOrFunction<T>;\n}\n\nexport type ChildrenOrFunction<T> =\n  | ReactNode\n  | ((values: T & {defaultChildren: ReactNode | undefined}) => ReactNode);\n\nexport interface RenderProps<\n  T,\n  E extends keyof React.JSX.IntrinsicElements = 'div'\n> extends StyleRenderProps<T, E> {\n  /**\n   * The children of the component. A function may be provided to alter the children based on\n   * component state.\n   */\n  children?: ChildrenOrFunction<T>;\n}\n\ninterface RenderPropsHookOptions<T, E extends keyof React.JSX.IntrinsicElements>\n  extends RenderProps<T, E>, SharedDOMProps, AriaLabelingProps {\n  values: T;\n  defaultChildren?: ReactNode;\n  defaultClassName?: string;\n  defaultStyle?: CSSProperties;\n}\n\ninterface RenderPropsHookRetVal<T, E extends keyof React.JSX.IntrinsicElements> {\n  className?: string;\n  style?: CSSProperties;\n  children?: ReactNode;\n  'data-rac': string;\n  render?: DOMRenderFunction<E, T>;\n}\n\nexport function useRenderProps<T, E extends keyof React.JSX.IntrinsicElements>(\n  props: RenderPropsHookOptions<T, E>\n): RenderPropsHookRetVal<T, E> {\n  let {\n    className,\n    style,\n    children,\n    defaultClassName = undefined,\n    defaultChildren = undefined,\n    defaultStyle,\n    values,\n    render\n  } = props;\n\n  return useMemo(() => {\n    let computedClassName: string | undefined;\n    let computedStyle: React.CSSProperties | undefined;\n    let computedChildren: React.ReactNode | undefined;\n\n    if (typeof className === 'function') {\n      computedClassName = className({...values, defaultClassName});\n    } else {\n      computedClassName = className;\n    }\n\n    if (typeof style === 'function') {\n      computedStyle = style({...values, defaultStyle: defaultStyle || {}});\n    } else {\n      computedStyle = style;\n    }\n\n    if (typeof children === 'function') {\n      computedChildren = children({...values, defaultChildren});\n    } else if (children == null) {\n      computedChildren = defaultChildren;\n    } else {\n      computedChildren = children;\n    }\n\n    return {\n      className: computedClassName ?? defaultClassName,\n      style: computedStyle || defaultStyle ? {...defaultStyle, ...computedStyle} : undefined,\n      children: computedChildren ?? defaultChildren,\n      'data-rac': '',\n      render: render ? props => render(props, values) : undefined\n    };\n  }, [className, style, children, defaultClassName, defaultChildren, defaultStyle, values, render]);\n}\n\n/**\n * A helper function that accepts a user-provided render prop value (either a static value or a\n * function), and combines it with another value to create a final result.\n */\nexport function composeRenderProps<T, U, V extends T>(\n  // https://stackoverflow.com/questions/60898079/typescript-type-t-or-function-t-usage\n  value: T extends any ? T | ((renderProps: U) => V) : never,\n  wrap: (prevValue: T, renderProps: U) => V\n): (renderProps: U) => V {\n  return renderProps => wrap(typeof value === 'function' ? value(renderProps) : value, renderProps);\n}\n\nexport type WithRef<T, E> = T & {ref?: ForwardedRef<E>};\nexport interface SlotProps {\n  /**\n   * A slot name for the component. Slots allow the component to receive props from a parent\n   * component. An explicit `null` value indicates that the local props completely override all\n   * props received from a parent.\n   */\n  slot?: string | null;\n}\n\nexport function useSlottedContext<T>(\n  context: Context<SlottedContextValue<T>>,\n  slot?: string | null\n): T | null | undefined {\n  let ctx = useContext(context);\n  if (slot === null) {\n    // An explicit `null` slot means don't use context.\n    return null;\n  }\n  if (ctx && typeof ctx === 'object' && 'slots' in ctx && ctx.slots) {\n    let slotKey = slot || DEFAULT_SLOT;\n    if (!ctx.slots[slotKey]) {\n      let availableSlots = new Intl.ListFormat().format(Object.keys(ctx.slots).map(p => `\"${p}\"`));\n      let errorMessage = slot ? `Invalid slot \"${slot}\".` : 'A slot prop is required.';\n\n      throw new Error(`${errorMessage} Valid slot names are ${availableSlots}.`);\n    }\n    return ctx.slots[slotKey];\n  }\n  // @ts-ignore\n  return ctx;\n}\n\nexport function useContextProps<T, U extends SlotProps, E extends Element>(\n  props: T & SlotProps,\n  ref: ForwardedRef<E> | undefined,\n  context: Context<ContextValue<U, E>>\n): [T, RefObject<E | null>] {\n  let ctx = useSlottedContext(context, props.slot) || {};\n  let {ref: contextRef, ...contextProps} = ctx as any;\n  let mergedRef = useObjectRef(useMemo(() => mergeRefs(ref, contextRef), [ref, contextRef]));\n  let mergedProps = mergeProps(contextProps, props) as unknown as T;\n\n  // mergeProps does not merge `style`. Adding this there might be a breaking change.\n  if ('style' in contextProps && contextProps.style && 'style' in props && props.style) {\n    if (typeof contextProps.style === 'function' || typeof props.style === 'function') {\n      // @ts-ignore\n      mergedProps.style = renderProps => {\n        let contextStyle =\n          typeof contextProps.style === 'function'\n            ? contextProps.style(renderProps)\n            : contextProps.style;\n        let defaultStyle = {...renderProps.defaultStyle, ...contextStyle};\n        let style =\n          typeof props.style === 'function'\n            ? props.style({...renderProps, defaultStyle})\n            : props.style;\n        return {...defaultStyle, ...style};\n      };\n    } else {\n      // @ts-ignore\n      mergedProps.style = {...contextProps.style, ...props.style};\n    }\n  }\n\n  return [mergedProps, mergedRef];\n}\n\nexport function useSlot(\n  initialState: boolean | (() => boolean) = true\n): [RefCallback<Element>, boolean] {\n  // Initial state is typically based on the parent having an aria-label or aria-labelledby.\n  // If it does, this value should be false so that we don't update the state and cause a rerender when we go through the layoutEffect\n  let [hasSlot, setHasSlot] = useState(initialState);\n  let hasRun = useRef(false);\n\n  // A callback ref which will run when the slotted element mounts.\n  // This should happen before the useLayoutEffect below.\n  let ref = useCallback(el => {\n    hasRun.current = true;\n    setHasSlot(!!el);\n  }, []);\n\n  // If the callback hasn't been called, then reset to false.\n  useLayoutEffect(() => {\n    if (!hasRun.current) {\n      setHasSlot(false);\n    }\n  }, []);\n\n  return [ref, hasSlot];\n}\n\n/**\n * Filters out `data-*` attributes to keep them from being passed down and duplicated.\n *\n * @param props\n */\nexport function removeDataAttributes<T>(props: T): T {\n  const prefix = /^(data-.*)$/;\n  let filteredProps = {} as T;\n\n  for (const prop in props) {\n    if (!prefix.test(prop)) {\n      filteredProps[prop] = props[prop];\n    }\n  }\n\n  return filteredProps;\n}\n\n// Override base type to change the default.\nexport interface RACValidation {\n  /**\n   * Whether to use native HTML form validation to prevent form submission\n   * when the value is missing or invalid, or mark the field as required\n   * or invalid via ARIA.\n   *\n   * @default 'native'\n   */\n  validationBehavior?: 'native' | 'aria';\n}\n\nexport type DOMRenderFunction<E extends keyof React.JSX.IntrinsicElements, T> = (\n  props: React.JSX.IntrinsicElements[E],\n  renderProps: T\n) => ReactElement;\nexport interface DOMRenderProps<E extends keyof React.JSX.IntrinsicElements, T> {\n  /**\n   * Overrides the default DOM element with a custom render function.\n   * This allows rendering existing components with built-in styles and behaviors\n   * such as router links, animation libraries, and pre-styled components.\n   *\n   * Requirements:\n   *\n   * - You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n   *   `<a>`).\n   * - Only a single root DOM element can be rendered (no fragments).\n   * - You must pass through props and ref to the underlying DOM element, merging with your own prop\n   *   as appropriate.\n   */\n  render?: DOMRenderFunction<E, T>;\n}\n\n// Makes `href` required in AnchorHTMLAttributes\ntype LinkWithRequiredHref = Required<Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>> &\n  Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>;\n\n// Same as DOMRenderProps but specific for the case where the element could be a 'a' or 'div' element.\nexport interface PossibleLinkDOMRenderProps<Fallback extends keyof React.JSX.IntrinsicElements, T> {\n  /**\n   * Overrides the default DOM element with a custom render function.\n   * This allows rendering existing components with built-in styles and behaviors\n   * such as router links, animation libraries, and pre-styled components.\n   *\n   * Note: You can check if `'href' in props` in order to tell whether to render an `<a>` element.\n   *\n   * Requirements:\n   *\n   * - You must render the expected element type (e.g. if `<a>` is expected, you cannot render a\n   *   `<button>`).\n   * - Only a single root DOM element can be rendered (no fragments).\n   * - You must pass through props and ref to the underlying DOM element, merging with your own prop\n   *   as appropriate.\n   */\n  render?: (\n    props:\n      | DetailedHTMLProps<LinkWithRequiredHref, HTMLAnchorElement>\n      | React.JSX.IntrinsicElements[Fallback],\n    renderProps: T\n  ) => ReactElement;\n}\n\nfunction DOMElement(\n  ElementType: string,\n  props: DOMRenderProps<any, any> & AllHTMLAttributes<HTMLElement>,\n  forwardedRef: ForwardedRef<HTMLElement>\n) {\n  let {render, ...otherProps} = props;\n  let elementRef = useRef<HTMLElement | null>(null);\n  let ref = useMemo(() => mergeRefs(forwardedRef, elementRef), [forwardedRef, elementRef]);\n\n  useLayoutEffect(() => {\n    if (process.env.NODE_ENV !== 'production' && render) {\n      if (!elementRef.current) {\n        console.warn(\n          'Ref was not connected to DOM element returned by custom `render` function. Did you forget to pass through or merge the `ref`?'\n        );\n      } else if (elementRef.current.localName !== ElementType) {\n        console.warn(\n          `Unexpected DOM element returned by custom \\`render\\` function. Expected <${ElementType}>, got <${elementRef.current.localName}>. This may break the component behavior and accessibility.`\n        );\n      }\n    }\n  }, [ElementType, render]);\n\n  let domProps: any = {...otherProps, ref};\n  if (render) {\n    return render(domProps, undefined);\n  }\n\n  return <ElementType {...domProps} />;\n}\n\ntype DOMComponents = {\n  [E in keyof React.JSX.IntrinsicElements]: (\n    props: DOMRenderProps<E, any> & React.JSX.IntrinsicElements[E]\n  ) => ReactElement;\n};\n\nconst domComponentCache = {};\n\n// Dynamically generates and caches components for each DOM element (e.g. `dom.button`).\nexport const dom = new Proxy(\n  {},\n  {\n    get(target, elementType) {\n      if (typeof elementType !== 'string') {\n        return undefined;\n      }\n\n      let res = domComponentCache[elementType];\n      if (!res) {\n        res = forwardRef(DOMElement.bind(null, elementType));\n        domComponentCache[elementType] = res;\n      }\n\n      return res;\n    }\n  }\n) as DOMComponents;\n"],"names":[],"version":3,"file":"utils.cjs.map"}

package/dist/private/utils.js

@@ -0,0 +1,194 @@
+import {mergeProps as $7ncfY$mergeProps} from "react-aria/mergeProps";
+import {mergeRefs as $7ncfY$mergeRefs} from "react-aria/mergeRefs";
+import $7ncfY$react, {useMemo as $7ncfY$useMemo, useContext as $7ncfY$useContext, useState as $7ncfY$useState, useRef as $7ncfY$useRef, useCallback as $7ncfY$useCallback, forwardRef as $7ncfY$forwardRef} from "react";
+import {useLayoutEffect as $7ncfY$useLayoutEffect} from "react-aria/private/utils/useLayoutEffect";
+import {useObjectRef as $7ncfY$useObjectRef} from "react-aria/useObjectRef";
+
+/*
+ * Copyright 2022 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+const $b7b7a92703138c9b$export$c62b8e45d58ddad9 = Symbol('default');
+function $b7b7a92703138c9b$export$2881499e37b75b9a({ values: values, children: children }) {
+    for (let [Context, value] of values)// @ts-ignore
+    children = /*#__PURE__*/ (0, $7ncfY$react).createElement(Context.Provider, {
+        value: value
+    }, children);
+    return children;
+}
+function $b7b7a92703138c9b$export$4d86445c2cf5e3(props) {
+    let { className: className, style: style, children: children, defaultClassName: defaultClassName, defaultChildren: defaultChildren, defaultStyle: defaultStyle, values: values, render: render } = props;
+    return (0, $7ncfY$useMemo)(()=>{
+        let computedClassName;
+        let computedStyle;
+        let computedChildren;
+        if (typeof className === 'function') computedClassName = className({
+            ...values,
+            defaultClassName: defaultClassName
+        });
+        else computedClassName = className;
+        if (typeof style === 'function') computedStyle = style({
+            ...values,
+            defaultStyle: defaultStyle || {}
+        });
+        else computedStyle = style;
+        if (typeof children === 'function') computedChildren = children({
+            ...values,
+            defaultChildren: defaultChildren
+        });
+        else if (children == null) computedChildren = defaultChildren;
+        else computedChildren = children;
+        return {
+            className: computedClassName !== null && computedClassName !== void 0 ? computedClassName : defaultClassName,
+            style: computedStyle || defaultStyle ? {
+                ...defaultStyle,
+                ...computedStyle
+            } : undefined,
+            children: computedChildren !== null && computedChildren !== void 0 ? computedChildren : defaultChildren,
+            'data-rac': '',
+            render: render ? (props)=>render(props, values) : undefined
+        };
+    }, [
+        className,
+        style,
+        children,
+        defaultClassName,
+        defaultChildren,
+        defaultStyle,
+        values,
+        render
+    ]);
+}
+function $b7b7a92703138c9b$export$c245e6201fed2f75(// https://stackoverflow.com/questions/60898079/typescript-type-t-or-function-t-usage
+value, wrap) {
+    return (renderProps)=>wrap(typeof value === 'function' ? value(renderProps) : value, renderProps);
+}
+function $b7b7a92703138c9b$export$fabf2dc03a41866e(context, slot) {
+    let ctx = (0, $7ncfY$useContext)(context);
+    if (slot === null) // An explicit `null` slot means don't use context.
+    return null;
+    if (ctx && typeof ctx === 'object' && 'slots' in ctx && ctx.slots) {
+        let slotKey = slot || $b7b7a92703138c9b$export$c62b8e45d58ddad9;
+        if (!ctx.slots[slotKey]) {
+            let availableSlots = new Intl.ListFormat().format(Object.keys(ctx.slots).map((p)=>`"${p}"`));
+            let errorMessage = slot ? `Invalid slot "${slot}".` : 'A slot prop is required.';
+            throw new Error(`${errorMessage} Valid slot names are ${availableSlots}.`);
+        }
+        return ctx.slots[slotKey];
+    }
+    // @ts-ignore
+    return ctx;
+}
+function $b7b7a92703138c9b$export$29f1550f4b0d4415(props, ref, context) {
+    let ctx = $b7b7a92703138c9b$export$fabf2dc03a41866e(context, props.slot) || {};
+    let { ref: contextRef, ...contextProps } = ctx;
+    let mergedRef = (0, $7ncfY$useObjectRef)((0, $7ncfY$useMemo)(()=>(0, $7ncfY$mergeRefs)(ref, contextRef), [
+        ref,
+        contextRef
+    ]));
+    let mergedProps = (0, $7ncfY$mergeProps)(contextProps, props);
+    // mergeProps does not merge `style`. Adding this there might be a breaking change.
+    if ('style' in contextProps && contextProps.style && 'style' in props && props.style) {
+        if (typeof contextProps.style === 'function' || typeof props.style === 'function') // @ts-ignore
+        mergedProps.style = (renderProps)=>{
+            let contextStyle = typeof contextProps.style === 'function' ? contextProps.style(renderProps) : contextProps.style;
+            let defaultStyle = {
+                ...renderProps.defaultStyle,
+                ...contextStyle
+            };
+            let style = typeof props.style === 'function' ? props.style({
+                ...renderProps,
+                defaultStyle: defaultStyle
+            }) : props.style;
+            return {
+                ...defaultStyle,
+                ...style
+            };
+        };
+        else // @ts-ignore
+        mergedProps.style = {
+            ...contextProps.style,
+            ...props.style
+        };
+    }
+    return [
+        mergedProps,
+        mergedRef
+    ];
+}
+function $b7b7a92703138c9b$export$9d4c57ee4c6ffdd8(initialState = true) {
+    // Initial state is typically based on the parent having an aria-label or aria-labelledby.
+    // If it does, this value should be false so that we don't update the state and cause a rerender when we go through the layoutEffect
+    let [hasSlot, setHasSlot] = (0, $7ncfY$useState)(initialState);
+    let hasRun = (0, $7ncfY$useRef)(false);
+    // A callback ref which will run when the slotted element mounts.
+    // This should happen before the useLayoutEffect below.
+    let ref = (0, $7ncfY$useCallback)((el)=>{
+        hasRun.current = true;
+        setHasSlot(!!el);
+    }, []);
+    // If the callback hasn't been called, then reset to false.
+    (0, $7ncfY$useLayoutEffect)(()=>{
+        if (!hasRun.current) setHasSlot(false);
+    }, []);
+    return [
+        ref,
+        hasSlot
+    ];
+}
+function $b7b7a92703138c9b$export$ef03459518577ad4(props) {
+    const prefix = /^(data-.*)$/;
+    let filteredProps = {};
+    for(const prop in props)if (!prefix.test(prop)) filteredProps[prop] = props[prop];
+    return filteredProps;
+}
+function $b7b7a92703138c9b$var$DOMElement(ElementType, props, forwardedRef) {
+    let { render: render, ...otherProps } = props;
+    let elementRef = (0, $7ncfY$useRef)(null);
+    let ref = (0, $7ncfY$useMemo)(()=>(0, $7ncfY$mergeRefs)(forwardedRef, elementRef), [
+        forwardedRef,
+        elementRef
+    ]);
+    (0, $7ncfY$useLayoutEffect)(()=>{
+        if (process.env.NODE_ENV !== 'production' && render) {
+            if (!elementRef.current) console.warn('Ref was not connected to DOM element returned by custom `render` function. Did you forget to pass through or merge the `ref`?');
+            else if (elementRef.current.localName !== ElementType) console.warn(`Unexpected DOM element returned by custom \`render\` function. Expected <${ElementType}>, got <${elementRef.current.localName}>. This may break the component behavior and accessibility.`);
+        }
+    }, [
+        ElementType,
+        render
+    ]);
+    let domProps = {
+        ...otherProps,
+        ref: ref
+    };
+    if (render) return render(domProps, undefined);
+    return /*#__PURE__*/ (0, $7ncfY$react).createElement(ElementType, domProps);
+}
+const $b7b7a92703138c9b$var$domComponentCache = {};
+const $b7b7a92703138c9b$export$df3a06d6289f983e = new Proxy({}, {
+    get (target, elementType) {
+        if (typeof elementType !== 'string') return undefined;
+        let res = $b7b7a92703138c9b$var$domComponentCache[elementType];
+        if (!res) {
+            res = /*#__PURE__*/ (0, $7ncfY$forwardRef)($b7b7a92703138c9b$var$DOMElement.bind(null, elementType));
+            $b7b7a92703138c9b$var$domComponentCache[elementType] = res;
+        }
+        return res;
+    }
+});
+
+
+export {$b7b7a92703138c9b$export$c62b8e45d58ddad9 as DEFAULT_SLOT, $b7b7a92703138c9b$export$2881499e37b75b9a as Provider, $b7b7a92703138c9b$export$4d86445c2cf5e3 as useRenderProps, $b7b7a92703138c9b$export$c245e6201fed2f75 as composeRenderProps, $b7b7a92703138c9b$export$fabf2dc03a41866e as useSlottedContext, $b7b7a92703138c9b$export$29f1550f4b0d4415 as useContextProps, $b7b7a92703138c9b$export$9d4c57ee4c6ffdd8 as useSlot, $b7b7a92703138c9b$export$ef03459518577ad4 as removeDataAttributes, $b7b7a92703138c9b$export$df3a06d6289f983e as dom};
+//# sourceMappingURL=utils.js.map

package/dist/private/utils.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;AAAA;;;;;;;;;;CAUC;;;;;AA0BM,MAAM,4CAAe,OAAO;AAkH5B,SAAS,0CAAgD,UAC9D,MAAM,YACN,QAAQ,EAC6C;IACrD,KAAK,IAAI,CAAC,SAAS,MAAM,IAAI,OAC3B,aAAa;IACb,yBAAW,gCAAC,QAAQ,QAAQ;QAAC,OAAO;OAAQ;IAG9C,OAAO;AACT;AA0EO,SAAS,wCACd,KAAmC;IAEnC,IAAI,aACF,SAAS,SACT,KAAK,YACL,QAAQ,oBACR,gBAAgB,mBAChB,eAAe,gBACf,YAAY,UACZ,MAAM,UACN,MAAM,EACP,GAAG;IAEJ,OAAO,CAAA,GAAA,cAAM,EAAE;QACb,IAAI;QACJ,IAAI;QACJ,IAAI;QAEJ,IAAI,OAAO,cAAc,YACvB,oBAAoB,UAAU;YAAC,GAAG,MAAM;8BAAE;QAAgB;aAE1D,oBAAoB;QAGtB,IAAI,OAAO,UAAU,YACnB,gBAAgB,MAAM;YAAC,GAAG,MAAM;YAAE,cAAc,gBAAgB,CAAC;QAAC;aAElE,gBAAgB;QAGlB,IAAI,OAAO,aAAa,YACtB,mBAAmB,SAAS;YAAC,GAAG,MAAM;6BAAE;QAAe;aAClD,IAAI,YAAY,MACrB,mBAAmB;aAEnB,mBAAmB;QAGrB,OAAO;YACL,WAAW,8BAAA,+BAAA,oBAAqB;YAChC,OAAO,iBAAiB,eAAe;gBAAC,GAAG,YAAY;gBAAE,GAAG,aAAa;YAAA,IAAI;YAC7E,UAAU,6BAAA,8BAAA,mBAAoB;YAC9B,YAAY;YACZ,QAAQ,SAAS,CAAA,QAAS,OAAO,OAAO,UAAU;QACpD;IACF,GAAG;QAAC;QAAW;QAAO;QAAU;QAAkB;QAAiB;QAAc;QAAQ;KAAO;AAClG;AAMO,SAAS,0CACd,qFAAqF;AACrF,KAA0D,EAC1D,IAAyC;IAEzC,OAAO,CAAA,cAAe,KAAK,OAAO,UAAU,aAAa,MAAM,eAAe,OAAO;AACvF;AAYO,SAAS,0CACd,OAAwC,EACxC,IAAoB;IAEpB,IAAI,MAAM,CAAA,GAAA,iBAAS,EAAE;IACrB,IAAI,SAAS,MACX,mDAAmD;IACnD,OAAO;IAET,IAAI,OAAO,OAAO,QAAQ,YAAY,WAAW,OAAO,IAAI,KAAK,EAAE;QACjE,IAAI,UAAU,QAAQ;QACtB,IAAI,CAAC,IAAI,KAAK,CAAC,QAAQ,EAAE;YACvB,IAAI,iBAAiB,IAAI,KAAK,UAAU,GAAG,MAAM,CAAC,OAAO,IAAI,CAAC,IAAI,KAAK,EAAE,GAAG,CAAC,CAAA,IAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;YAC1F,IAAI,eAAe,OAAO,CAAC,cAAc,EAAE,KAAK,EAAE,CAAC,GAAG;YAEtD,MAAM,IAAI,MAAM,GAAG,aAAa,sBAAsB,EAAE,eAAe,CAAC,CAAC;QAC3E;QACA,OAAO,IAAI,KAAK,CAAC,QAAQ;IAC3B;IACA,aAAa;IACb,OAAO;AACT;AAEO,SAAS,0CACd,KAAoB,EACpB,GAAgC,EAChC,OAAoC;IAEpC,IAAI,MAAM,0CAAkB,SAAS,MAAM,IAAI,KAAK,CAAC;IACrD,IAAI,EAAC,KAAK,UAAU,EAAE,GAAG,cAAa,GAAG;IACzC,IAAI,YAAY,CAAA,GAAA,mBAAW,EAAE,CAAA,GAAA,cAAM,EAAE,IAAM,CAAA,GAAA,gBAAQ,EAAE,KAAK,aAAa;QAAC;QAAK;KAAW;IACxF,IAAI,cAAc,CAAA,GAAA,iBAAS,EAAE,cAAc;IAE3C,mFAAmF;IACnF,IAAI,WAAW,gBAAgB,aAAa,KAAK,IAAI,WAAW,SAAS,MAAM,KAAK;QAClF,IAAI,OAAO,aAAa,KAAK,KAAK,cAAc,OAAO,MAAM,KAAK,KAAK,YACrE,aAAa;QACb,YAAY,KAAK,GAAG,CAAA;YAClB,IAAI,eACF,OAAO,aAAa,KAAK,KAAK,aAC1B,aAAa,KAAK,CAAC,eACnB,aAAa,KAAK;YACxB,IAAI,eAAe;gBAAC,GAAG,YAAY,YAAY;gBAAE,GAAG,YAAY;YAAA;YAChE,IAAI,QACF,OAAO,MAAM,KAAK,KAAK,aACnB,MAAM,KAAK,CAAC;gBAAC,GAAG,WAAW;8BAAE;YAAY,KACzC,MAAM,KAAK;YACjB,OAAO;gBAAC,GAAG,YAAY;gBAAE,GAAG,KAAK;YAAA;QACnC;aAEA,aAAa;QACb,YAAY,KAAK,GAAG;YAAC,GAAG,aAAa,KAAK;YAAE,GAAG,MAAM,KAAK;QAAA;;IAI9D,OAAO;QAAC;QAAa;KAAU;AACjC;AAEO,SAAS,0CACd,eAA0C,IAAI;IAE9C,0FAA0F;IAC1F,oIAAoI;IACpI,IAAI,CAAC,SAAS,WAAW,GAAG,CAAA,GAAA,eAAO,EAAE;IACrC,IAAI,SAAS,CAAA,GAAA,aAAK,EAAE;IAEpB,iEAAiE;IACjE,uDAAuD;IACvD,IAAI,MAAM,CAAA,GAAA,kBAAU,EAAE,CAAA;QACpB,OAAO,OAAO,GAAG;QACjB,WAAW,CAAC,CAAC;IACf,GAAG,EAAE;IAEL,2DAA2D;IAC3D,CAAA,GAAA,sBAAc,EAAE;QACd,IAAI,CAAC,OAAO,OAAO,EACjB,WAAW;IAEf,GAAG,EAAE;IAEL,OAAO;QAAC;QAAK;KAAQ;AACvB;AAOO,SAAS,0CAAwB,KAAQ;IAC9C,MAAM,SAAS;IACf,IAAI,gBAAgB,CAAC;IAErB,IAAK,MAAM,QAAQ,MACjB,IAAI,CAAC,OAAO,IAAI,CAAC,OACf,aAAa,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK;IAIrC,OAAO;AACT;AAgEA,SAAS,iCACP,WAAmB,EACnB,KAAgE,EAChE,YAAuC;IAEvC,IAAI,UAAC,MAAM,EAAE,GAAG,YAAW,GAAG;IAC9B,IAAI,aAAa,CAAA,GAAA,aAAK,EAAsB;IAC5C,IAAI,MAAM,CAAA,GAAA,cAAM,EAAE,IAAM,CAAA,GAAA,gBAAQ,EAAE,cAAc,aAAa;QAAC;QAAc;KAAW;IAEvF,CAAA,GAAA,sBAAc,EAAE;QACd,IAAI,QAAQ,GAAG,CAAC,QAAQ,KAAK,gBAAgB,QAAQ;YACnD,IAAI,CAAC,WAAW,OAAO,EACrB,QAAQ,IAAI,CACV;iBAEG,IAAI,WAAW,OAAO,CAAC,SAAS,KAAK,aAC1C,QAAQ,IAAI,CACV,CAAC,yEAAyE,EAAE,YAAY,QAAQ,EAAE,WAAW,OAAO,CAAC,SAAS,CAAC,2DAA2D,CAAC;QAGjM;IACF,GAAG;QAAC;QAAa;KAAO;IAExB,IAAI,WAAgB;QAAC,GAAG,UAAU;aAAE;IAAG;IACvC,IAAI,QACF,OAAO,OAAO,UAAU;IAG1B,qBAAO,gCAAC,aAAgB;AAC1B;AAQA,MAAM,0CAAoB,CAAC;AAGpB,MAAM,4CAAM,IAAI,MACrB,CAAC,GACD;IACE,KAAI,MAAM,EAAE,WAAW;QACrB,IAAI,OAAO,gBAAgB,UACzB,OAAO;QAGT,IAAI,MAAM,uCAAiB,CAAC,YAAY;QACxC,IAAI,CAAC,KAAK;YACR,oBAAM,CAAA,GAAA,iBAAS,EAAE,iCAAW,IAAI,CAAC,MAAM;YACvC,uCAAiB,CAAC,YAAY,GAAG;QACnC;QAEA,OAAO;IACT;AACF","sources":["packages/react-aria-components/src/utils.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 {AriaLabelingProps, RefObject, DOMProps as SharedDOMProps} from '@react-types/shared';\nimport {mergeProps} from 'react-aria/mergeProps';\nimport {mergeRefs} from 'react-aria/mergeRefs';\nimport React, {\n  AllHTMLAttributes,\n  AnchorHTMLAttributes,\n  Context,\n  CSSProperties,\n  DetailedHTMLProps,\n  ForwardedRef,\n  forwardRef,\n  JSX,\n  ReactElement,\n  ReactNode,\n  RefCallback,\n  useCallback,\n  useContext,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\nimport {useLayoutEffect} from 'react-aria/private/utils/useLayoutEffect';\nimport {useObjectRef} from 'react-aria/useObjectRef';\n\nexport const DEFAULT_SLOT = Symbol('default');\n\ninterface SlottedValue<T> {\n  slots?: Record<string | symbol, T>;\n}\n\nexport type SlottedContextValue<T> = SlottedValue<T> | T | null | undefined;\nexport type ContextValue<T, E> = SlottedContextValue<WithRef<T, E>>;\n\ntype ProviderValue<T> = [Context<T>, T];\ntype ProviderValues<A, B, C, D, E, F, G, H, I, J, K, L, M> =\n  | [ProviderValue<A>]\n  | [ProviderValue<A>, ProviderValue<B>]\n  | [ProviderValue<A>, ProviderValue<B>, ProviderValue<C>]\n  | [ProviderValue<A>, ProviderValue<B>, ProviderValue<C>, ProviderValue<D>]\n  | [ProviderValue<A>, ProviderValue<B>, ProviderValue<C>, ProviderValue<D>, ProviderValue<E>]\n  | [\n      ProviderValue<A>,\n      ProviderValue<B>,\n      ProviderValue<C>,\n      ProviderValue<D>,\n      ProviderValue<E>,\n      ProviderValue<F>\n    ]\n  | [\n      ProviderValue<A>,\n      ProviderValue<B>,\n      ProviderValue<C>,\n      ProviderValue<D>,\n      ProviderValue<E>,\n      ProviderValue<F>,\n      ProviderValue<G>\n    ]\n  | [\n      ProviderValue<A>,\n      ProviderValue<B>,\n      ProviderValue<C>,\n      ProviderValue<D>,\n      ProviderValue<E>,\n      ProviderValue<F>,\n      ProviderValue<G>,\n      ProviderValue<H>\n    ]\n  | [\n      ProviderValue<A>,\n      ProviderValue<B>,\n      ProviderValue<C>,\n      ProviderValue<D>,\n      ProviderValue<E>,\n      ProviderValue<F>,\n      ProviderValue<G>,\n      ProviderValue<H>,\n      ProviderValue<I>\n    ]\n  | [\n      ProviderValue<A>,\n      ProviderValue<B>,\n      ProviderValue<C>,\n      ProviderValue<D>,\n      ProviderValue<E>,\n      ProviderValue<F>,\n      ProviderValue<G>,\n      ProviderValue<H>,\n      ProviderValue<I>,\n      ProviderValue<J>\n    ]\n  | [\n      ProviderValue<A>,\n      ProviderValue<B>,\n      ProviderValue<C>,\n      ProviderValue<D>,\n      ProviderValue<E>,\n      ProviderValue<F>,\n      ProviderValue<G>,\n      ProviderValue<H>,\n      ProviderValue<I>,\n      ProviderValue<J>,\n      ProviderValue<K>\n    ]\n  | [\n      ProviderValue<A>,\n      ProviderValue<B>,\n      ProviderValue<C>,\n      ProviderValue<D>,\n      ProviderValue<E>,\n      ProviderValue<F>,\n      ProviderValue<G>,\n      ProviderValue<H>,\n      ProviderValue<I>,\n      ProviderValue<J>,\n      ProviderValue<K>,\n      ProviderValue<L>\n    ]\n  | [\n      ProviderValue<A>,\n      ProviderValue<B>,\n      ProviderValue<C>,\n      ProviderValue<D>,\n      ProviderValue<E>,\n      ProviderValue<F>,\n      ProviderValue<G>,\n      ProviderValue<H>,\n      ProviderValue<I>,\n      ProviderValue<J>,\n      ProviderValue<K>,\n      ProviderValue<L>,\n      ProviderValue<M>\n    ];\n\ninterface ProviderProps<A, B, C, D, E, F, G, H, I, J, K, L, M> {\n  values: ProviderValues<A, B, C, D, E, F, G, H, I, J, K, L, M>;\n  children: ReactNode;\n}\n\nexport function Provider<A, B, C, D, E, F, G, H, I, J, K, L, M>({\n  values,\n  children\n}: ProviderProps<A, B, C, D, E, F, G, H, I, J, K, L, M>): JSX.Element {\n  for (let [Context, value] of values) {\n    // @ts-ignore\n    children = <Context.Provider value={value}>{children}</Context.Provider>;\n  }\n\n  return children as JSX.Element;\n}\n\nexport interface StyleProps {\n  /**\n   * The CSS [className](https://developer.mozilla.org/en-US/docs/Web/API/Element/className) for the\n   * element.\n   */\n  className?: string;\n  /**\n   * The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\n   * element.\n   */\n  style?: CSSProperties;\n}\n\nexport interface DOMProps extends StyleProps, SharedDOMProps {\n  /** The children of the component. */\n  children?: ReactNode;\n}\n\nexport type ClassNameOrFunction<T> =\n  | string\n  | ((values: T & {defaultClassName: string | undefined}) => string);\nexport type StyleOrFunction<T> =\n  | CSSProperties\n  | ((values: T & {defaultStyle: CSSProperties}) => CSSProperties | undefined);\n\nexport interface StyleRenderProps<\n  T,\n  E extends keyof React.JSX.IntrinsicElements = 'div'\n> extends DOMRenderProps<E, T> {\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  className?: ClassNameOrFunction<T>;\n  /**\n   * The inline [style](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style) for the\n   * element. A function may be provided to compute the style based on component state.\n   */\n  style?: StyleOrFunction<T>;\n}\n\nexport type ChildrenOrFunction<T> =\n  | ReactNode\n  | ((values: T & {defaultChildren: ReactNode | undefined}) => ReactNode);\n\nexport interface RenderProps<\n  T,\n  E extends keyof React.JSX.IntrinsicElements = 'div'\n> extends StyleRenderProps<T, E> {\n  /**\n   * The children of the component. A function may be provided to alter the children based on\n   * component state.\n   */\n  children?: ChildrenOrFunction<T>;\n}\n\ninterface RenderPropsHookOptions<T, E extends keyof React.JSX.IntrinsicElements>\n  extends RenderProps<T, E>, SharedDOMProps, AriaLabelingProps {\n  values: T;\n  defaultChildren?: ReactNode;\n  defaultClassName?: string;\n  defaultStyle?: CSSProperties;\n}\n\ninterface RenderPropsHookRetVal<T, E extends keyof React.JSX.IntrinsicElements> {\n  className?: string;\n  style?: CSSProperties;\n  children?: ReactNode;\n  'data-rac': string;\n  render?: DOMRenderFunction<E, T>;\n}\n\nexport function useRenderProps<T, E extends keyof React.JSX.IntrinsicElements>(\n  props: RenderPropsHookOptions<T, E>\n): RenderPropsHookRetVal<T, E> {\n  let {\n    className,\n    style,\n    children,\n    defaultClassName = undefined,\n    defaultChildren = undefined,\n    defaultStyle,\n    values,\n    render\n  } = props;\n\n  return useMemo(() => {\n    let computedClassName: string | undefined;\n    let computedStyle: React.CSSProperties | undefined;\n    let computedChildren: React.ReactNode | undefined;\n\n    if (typeof className === 'function') {\n      computedClassName = className({...values, defaultClassName});\n    } else {\n      computedClassName = className;\n    }\n\n    if (typeof style === 'function') {\n      computedStyle = style({...values, defaultStyle: defaultStyle || {}});\n    } else {\n      computedStyle = style;\n    }\n\n    if (typeof children === 'function') {\n      computedChildren = children({...values, defaultChildren});\n    } else if (children == null) {\n      computedChildren = defaultChildren;\n    } else {\n      computedChildren = children;\n    }\n\n    return {\n      className: computedClassName ?? defaultClassName,\n      style: computedStyle || defaultStyle ? {...defaultStyle, ...computedStyle} : undefined,\n      children: computedChildren ?? defaultChildren,\n      'data-rac': '',\n      render: render ? props => render(props, values) : undefined\n    };\n  }, [className, style, children, defaultClassName, defaultChildren, defaultStyle, values, render]);\n}\n\n/**\n * A helper function that accepts a user-provided render prop value (either a static value or a\n * function), and combines it with another value to create a final result.\n */\nexport function composeRenderProps<T, U, V extends T>(\n  // https://stackoverflow.com/questions/60898079/typescript-type-t-or-function-t-usage\n  value: T extends any ? T | ((renderProps: U) => V) : never,\n  wrap: (prevValue: T, renderProps: U) => V\n): (renderProps: U) => V {\n  return renderProps => wrap(typeof value === 'function' ? value(renderProps) : value, renderProps);\n}\n\nexport type WithRef<T, E> = T & {ref?: ForwardedRef<E>};\nexport interface SlotProps {\n  /**\n   * A slot name for the component. Slots allow the component to receive props from a parent\n   * component. An explicit `null` value indicates that the local props completely override all\n   * props received from a parent.\n   */\n  slot?: string | null;\n}\n\nexport function useSlottedContext<T>(\n  context: Context<SlottedContextValue<T>>,\n  slot?: string | null\n): T | null | undefined {\n  let ctx = useContext(context);\n  if (slot === null) {\n    // An explicit `null` slot means don't use context.\n    return null;\n  }\n  if (ctx && typeof ctx === 'object' && 'slots' in ctx && ctx.slots) {\n    let slotKey = slot || DEFAULT_SLOT;\n    if (!ctx.slots[slotKey]) {\n      let availableSlots = new Intl.ListFormat().format(Object.keys(ctx.slots).map(p => `\"${p}\"`));\n      let errorMessage = slot ? `Invalid slot \"${slot}\".` : 'A slot prop is required.';\n\n      throw new Error(`${errorMessage} Valid slot names are ${availableSlots}.`);\n    }\n    return ctx.slots[slotKey];\n  }\n  // @ts-ignore\n  return ctx;\n}\n\nexport function useContextProps<T, U extends SlotProps, E extends Element>(\n  props: T & SlotProps,\n  ref: ForwardedRef<E> | undefined,\n  context: Context<ContextValue<U, E>>\n): [T, RefObject<E | null>] {\n  let ctx = useSlottedContext(context, props.slot) || {};\n  let {ref: contextRef, ...contextProps} = ctx as any;\n  let mergedRef = useObjectRef(useMemo(() => mergeRefs(ref, contextRef), [ref, contextRef]));\n  let mergedProps = mergeProps(contextProps, props) as unknown as T;\n\n  // mergeProps does not merge `style`. Adding this there might be a breaking change.\n  if ('style' in contextProps && contextProps.style && 'style' in props && props.style) {\n    if (typeof contextProps.style === 'function' || typeof props.style === 'function') {\n      // @ts-ignore\n      mergedProps.style = renderProps => {\n        let contextStyle =\n          typeof contextProps.style === 'function'\n            ? contextProps.style(renderProps)\n            : contextProps.style;\n        let defaultStyle = {...renderProps.defaultStyle, ...contextStyle};\n        let style =\n          typeof props.style === 'function'\n            ? props.style({...renderProps, defaultStyle})\n            : props.style;\n        return {...defaultStyle, ...style};\n      };\n    } else {\n      // @ts-ignore\n      mergedProps.style = {...contextProps.style, ...props.style};\n    }\n  }\n\n  return [mergedProps, mergedRef];\n}\n\nexport function useSlot(\n  initialState: boolean | (() => boolean) = true\n): [RefCallback<Element>, boolean] {\n  // Initial state is typically based on the parent having an aria-label or aria-labelledby.\n  // If it does, this value should be false so that we don't update the state and cause a rerender when we go through the layoutEffect\n  let [hasSlot, setHasSlot] = useState(initialState);\n  let hasRun = useRef(false);\n\n  // A callback ref which will run when the slotted element mounts.\n  // This should happen before the useLayoutEffect below.\n  let ref = useCallback(el => {\n    hasRun.current = true;\n    setHasSlot(!!el);\n  }, []);\n\n  // If the callback hasn't been called, then reset to false.\n  useLayoutEffect(() => {\n    if (!hasRun.current) {\n      setHasSlot(false);\n    }\n  }, []);\n\n  return [ref, hasSlot];\n}\n\n/**\n * Filters out `data-*` attributes to keep them from being passed down and duplicated.\n *\n * @param props\n */\nexport function removeDataAttributes<T>(props: T): T {\n  const prefix = /^(data-.*)$/;\n  let filteredProps = {} as T;\n\n  for (const prop in props) {\n    if (!prefix.test(prop)) {\n      filteredProps[prop] = props[prop];\n    }\n  }\n\n  return filteredProps;\n}\n\n// Override base type to change the default.\nexport interface RACValidation {\n  /**\n   * Whether to use native HTML form validation to prevent form submission\n   * when the value is missing or invalid, or mark the field as required\n   * or invalid via ARIA.\n   *\n   * @default 'native'\n   */\n  validationBehavior?: 'native' | 'aria';\n}\n\nexport type DOMRenderFunction<E extends keyof React.JSX.IntrinsicElements, T> = (\n  props: React.JSX.IntrinsicElements[E],\n  renderProps: T\n) => ReactElement;\nexport interface DOMRenderProps<E extends keyof React.JSX.IntrinsicElements, T> {\n  /**\n   * Overrides the default DOM element with a custom render function.\n   * This allows rendering existing components with built-in styles and behaviors\n   * such as router links, animation libraries, and pre-styled components.\n   *\n   * Requirements:\n   *\n   * - You must render the expected element type (e.g. if `<button>` is expected, you cannot render an\n   *   `<a>`).\n   * - Only a single root DOM element can be rendered (no fragments).\n   * - You must pass through props and ref to the underlying DOM element, merging with your own prop\n   *   as appropriate.\n   */\n  render?: DOMRenderFunction<E, T>;\n}\n\n// Makes `href` required in AnchorHTMLAttributes\ntype LinkWithRequiredHref = Required<Pick<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>> &\n  Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>;\n\n// Same as DOMRenderProps but specific for the case where the element could be a 'a' or 'div' element.\nexport interface PossibleLinkDOMRenderProps<Fallback extends keyof React.JSX.IntrinsicElements, T> {\n  /**\n   * Overrides the default DOM element with a custom render function.\n   * This allows rendering existing components with built-in styles and behaviors\n   * such as router links, animation libraries, and pre-styled components.\n   *\n   * Note: You can check if `'href' in props` in order to tell whether to render an `<a>` element.\n   *\n   * Requirements:\n   *\n   * - You must render the expected element type (e.g. if `<a>` is expected, you cannot render a\n   *   `<button>`).\n   * - Only a single root DOM element can be rendered (no fragments).\n   * - You must pass through props and ref to the underlying DOM element, merging with your own prop\n   *   as appropriate.\n   */\n  render?: (\n    props:\n      | DetailedHTMLProps<LinkWithRequiredHref, HTMLAnchorElement>\n      | React.JSX.IntrinsicElements[Fallback],\n    renderProps: T\n  ) => ReactElement;\n}\n\nfunction DOMElement(\n  ElementType: string,\n  props: DOMRenderProps<any, any> & AllHTMLAttributes<HTMLElement>,\n  forwardedRef: ForwardedRef<HTMLElement>\n) {\n  let {render, ...otherProps} = props;\n  let elementRef = useRef<HTMLElement | null>(null);\n  let ref = useMemo(() => mergeRefs(forwardedRef, elementRef), [forwardedRef, elementRef]);\n\n  useLayoutEffect(() => {\n    if (process.env.NODE_ENV !== 'production' && render) {\n      if (!elementRef.current) {\n        console.warn(\n          'Ref was not connected to DOM element returned by custom `render` function. Did you forget to pass through or merge the `ref`?'\n        );\n      } else if (elementRef.current.localName !== ElementType) {\n        console.warn(\n          `Unexpected DOM element returned by custom \\`render\\` function. Expected <${ElementType}>, got <${elementRef.current.localName}>. This may break the component behavior and accessibility.`\n        );\n      }\n    }\n  }, [ElementType, render]);\n\n  let domProps: any = {...otherProps, ref};\n  if (render) {\n    return render(domProps, undefined);\n  }\n\n  return <ElementType {...domProps} />;\n}\n\ntype DOMComponents = {\n  [E in keyof React.JSX.IntrinsicElements]: (\n    props: DOMRenderProps<E, any> & React.JSX.IntrinsicElements[E]\n  ) => ReactElement;\n};\n\nconst domComponentCache = {};\n\n// Dynamically generates and caches components for each DOM element (e.g. `dom.button`).\nexport const dom = new Proxy(\n  {},\n  {\n    get(target, elementType) {\n      if (typeof elementType !== 'string') {\n        return undefined;\n      }\n\n      let res = domComponentCache[elementType];\n      if (!res) {\n        res = forwardRef(DOMElement.bind(null, elementType));\n        domComponentCache[elementType] = res;\n      }\n\n      return res;\n    }\n  }\n) as DOMComponents;\n"],"names":[],"version":3,"file":"utils.js.map"}