@arc-ui/components 11.16.0 → 11.17.0

package/dist/_shared/cjs/{TextInput-fd9c756f.js → TextInput-d0370fa8.js}

@@ -3,9 +3,10 @@
 var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
 var index = require('./index-9947ac13.js');
 var React = require('react');
-var FormControl = require('./FormControl-166e0957.js');
+var FormControl = require('./FormControl-b26ad353.js');
 var Surface = require('./Surface-038db6e1.js');
 var VisuallyHidden = require('./VisuallyHidden-e2c8b291.js');
+var Icon = require('./Icon-a9801f05.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -43,7 +44,7 @@ var useNumericInput = function (props) {
  */
 var TextInput = React.forwardRef(function (_a, ref) {
     var _b;
-    var _c = _a.defaultValue, defaultValue = _c === void 0 ? "" : _c, errorMessage = _a.errorMessage, helper = _a.helper, id = _a.id, inputMode = _a.inputMode, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, _e = _a.isReadOnly, isReadOnly = _e === void 0 ? false : _e, _f = _a.isRequired, isRequired = _f === void 0 ? false : _f, label = _a.label, _g = _a.labelSize, labelSize = _g === void 0 ? "l" : _g, maxLength = _a.maxLength, minLength = _a.minLength, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, onClickDisclosure = _a.onClickDisclosure, pattern = _a.pattern, _h = _a.type, type = _h === void 0 ? "text" : _h, _j = _a.showPassword, showPassword = _j === void 0 ? false : _j, value = _a.value, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, _k = _a.inputSize, inputSize = _k === void 0 ? "m" : _k, prefix = _a.prefix, suffix = _a.suffix, _l = _a.inputAlignment, inputAlignment = _l === void 0 ? "left" : _l, props = filterDataAttrs.__rest(_a, ["defaultValue", "errorMessage", "helper", "id", "inputMode", "isDisabled", "isReadOnly", "isRequired", "label", "labelSize", "maxLength", "minLength", "name", "onBlur", "onChange", "onClickDisclosure", "pattern", "type", "showPassword", "value", "disclosureTitle", "disclosureText", "inputSize", "prefix", "suffix", "inputAlignment"]);
+    var _c = _a.defaultValue, defaultValue = _c === void 0 ? "" : _c, errorMessage = _a.errorMessage, helper = _a.helper, hideLabel = _a.hideLabel, id = _a.id, inputMode = _a.inputMode, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, _e = _a.isReadOnly, isReadOnly = _e === void 0 ? false : _e, _f = _a.isRequired, isRequired = _f === void 0 ? false : _f, label = _a.label, _g = _a.labelSize, labelSize = _g === void 0 ? "l" : _g, maxLength = _a.maxLength, minLength = _a.minLength, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, placeholder = _a.placeholder, onClickDisclosure = _a.onClickDisclosure, pattern = _a.pattern, _h = _a.type, type = _h === void 0 ? "text" : _h, _j = _a.showPassword, showPassword = _j === void 0 ? false : _j, value = _a.value, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, _k = _a.inputSize, inputSize = _k === void 0 ? "m" : _k, iconButton = _a.iconButton, prefix = _a.prefix, suffix = _a.suffix, _l = _a.inputAlignment, inputAlignment = _l === void 0 ? "left" : _l, width = _a.width, props = filterDataAttrs.__rest(_a, ["defaultValue", "errorMessage", "helper", "hideLabel", "id", "inputMode", "isDisabled", "isReadOnly", "isRequired", "label", "labelSize", "maxLength", "minLength", "name", "onBlur", "onChange", "placeholder", "onClickDisclosure", "pattern", "type", "showPassword", "value", "disclosureTitle", "disclosureText", "inputSize", "iconButton", "prefix", "suffix", "inputAlignment", "width"]);
     var surface = React.useContext(Surface.Context).surface;
     var _m = React.useState(false), showPasswordToggle = _m[0], setShowPasswordToggle = _m[1];
     var inferredInputProps = useNumericInput({
@@ -58,8 +59,14 @@ var TextInput = React.forwardRef(function (_a, ref) {
         helper: helper,
         disclosureText: disclosureText
     }).ariaDescribedby;
+    var buttonIconSize = {
+        s: 24,
+        m: 32,
+        l: 40
+    };
     return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: index.classNames((_b = {
                 "arc-TextInput": true,
+                "arc-TextInput--withAdditionalControl": showPassword || iconButton,
                 "arc-TextInput--alignRight": inputAlignment === "right",
                 "arc-TextInput--withPasswordToggle": showPassword,
                 "arc-TextInput--isDisabled": isDisabled,
@@ -70,12 +77,18 @@ var TextInput = React.forwardRef(function (_a, ref) {
             },
             _b["arc-TextInput--size".concat(inputSize && inputSize.toUpperCase())] = inputSize && inputSize !== "m",
             _b)) }, filterDataAttrs.filterDataAttrs(props)),
-        React__default["default"].createElement(FormControl.FormControl, { errorMessage: errorMessage, helper: helper, htmlFor: id, isDisabled: isDisabled, label: label, labelSize: labelSize, requirementStatus: isRequired ? "required" : "optional", disclosureTitle: disclosureTitle, disclosureText: disclosureText, onClickDisclosure: onClickDisclosure },
-            React__default["default"].createElement("div", { className: "arc-TextInput-inputWrapper" },
+        React__default["default"].createElement(FormControl.FormControl, { errorMessage: errorMessage, helper: helper, htmlFor: id, isDisabled: isDisabled, label: label, hideLabel: hideLabel, labelSize: labelSize, requirementStatus: isRequired ? "required" : "optional", disclosureTitle: disclosureTitle, disclosureText: disclosureText, onClickDisclosure: onClickDisclosure },
+            React__default["default"].createElement("div", { className: "arc-TextInput-inputWrapper", style: { width: width } },
                 prefix && (React__default["default"].createElement("span", { className: "arc-TextInput-prefix", "aria-hidden": true }, prefix)),
-                React__default["default"].createElement("input", filterDataAttrs.__assign({ "aria-describedby": ariaDescribedby, "aria-invalid": errorMessage ? "true" : "false", className: "arc-TextInput-input", defaultValue: typeof value !== "undefined" ? undefined : defaultValue, disabled: isDisabled, id: id, maxLength: maxLength, minLength: minLength, name: name, onChange: onChange, onBlur: onBlur, readOnly: isReadOnly, ref: ref, required: isRequired, value: typeof value !== "undefined" ? value : undefined }, inferredInputProps)),
+                React__default["default"].createElement("input", filterDataAttrs.__assign({ placeholder: placeholder, "aria-describedby": ariaDescribedby, "aria-invalid": errorMessage ? "true" : "false", className: "arc-TextInput-input", defaultValue: typeof value !== "undefined" ? undefined : defaultValue, disabled: isDisabled, id: id, maxLength: maxLength, minLength: minLength, name: name, onChange: onChange, onBlur: onBlur, readOnly: isReadOnly, ref: ref, required: isRequired, value: typeof value !== "undefined" ? value : undefined }, inferredInputProps)),
+                iconButton && !showPassword && (React__default["default"].createElement("div", { className: "arc-TextInput-additionalControl" },
+                    React__default["default"].createElement("button", { ref: iconButton.ref, className: "arc-TextInput-iconButton", disabled: isReadOnly || isDisabled, "aria-label": iconButton.label, onFocus: iconButton.onFocus, onClick: function (e) {
+                            e.preventDefault();
+                            iconButton.onClick();
+                        } },
+                        React__default["default"].createElement(Icon.Icon, { icon: iconButton.icon, size: buttonIconSize[inputSize] })))),
                 suffix && !showPassword ? (React__default["default"].createElement("span", { className: "arc-TextInput-suffix", "aria-hidden": true }, suffix)) : null,
-                showPassword && (React__default["default"].createElement(React__default["default"].Fragment, null,
+                showPassword && (React__default["default"].createElement("div", { className: "arc-TextInput-additionalControl" },
                     React__default["default"].createElement("button", { className: "arc-TextInput-passwordToggle", onClick: function () { return setShowPasswordToggle(function (p) { return !p; }); }, type: "button" }, showPasswordToggle ? "Hide" : "Show"),
                     React__default["default"].createElement(VisuallyHidden.VisuallyHidden, null,
                         React__default["default"].createElement("div", { "aria-live": "polite" },

package/dist/_shared/cjs/{Toast-91e96744.js → Toast-392b1d60.js}

@@ -4,11 +4,11 @@ var filterDataAttrs = require('./filter-data-attrs-1c9a530c.js');
 var React = require('react');
 var _extends = require('./extends-8c5e4b48.js');
 var $7SXl2$reactdom = require('react-dom');
-var index$1 = require('./index-56a040f4.js');
-var index = require('./index-d31f2b65.js');
-var index$2 = require('./index-4ecad2dd.js');
-var index$4 = require('./index-49c72a87.js');
-var index$3 = require('./index-1641d0b4.js');
+var index = require('./index-dd1d18ea.js');
+var index$2 = require('./index-9f99d686.js');
+var index$1 = require('./index-74004a9c.js');
+var index$4 = require('./index-d38f1bd0.js');
+var index$3 = require('./index-a31e64a9.js');
 var index$5 = require('./index-9947ac13.js');
 var BtIconCrossAlt2Px_esm = require('./BtIconCrossAlt2Px.esm-1452b14b.js');
 var BtIconTick_esm = require('./BtIconTick.esm-844eac6c.js');
@@ -18,12 +18,270 @@ var Icon = require('./Icon-a9801f05.js');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var $7SXl2$reactdom__default = /*#__PURE__*/_interopDefaultLegacy($7SXl2$reactdom);
+
+const $5cb92bef7577960e$var$CONTEXT_UPDATE = 'dismissableLayer.update';
+const $5cb92bef7577960e$var$POINTER_DOWN_OUTSIDE = 'dismissableLayer.pointerDownOutside';
+const $5cb92bef7577960e$var$FOCUS_OUTSIDE = 'dismissableLayer.focusOutside';
+let $5cb92bef7577960e$var$originalBodyPointerEvents;
+const $5cb92bef7577960e$var$DismissableLayerContext = /*#__PURE__*/ React.createContext({
+    layers: new Set(),
+    layersWithOutsidePointerEventsDisabled: new Set(),
+    branches: new Set()
+});
+const $5cb92bef7577960e$export$177fb62ff3ec1f22 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
+    var _node$ownerDocument;
+    const { disableOutsidePointerEvents: disableOutsidePointerEvents = false , onEscapeKeyDown: onEscapeKeyDown , onPointerDownOutside: onPointerDownOutside , onFocusOutside: onFocusOutside , onInteractOutside: onInteractOutside , onDismiss: onDismiss , ...layerProps } = props;
+    const context = React.useContext($5cb92bef7577960e$var$DismissableLayerContext);
+    const [node1, setNode] = React.useState(null);
+    const ownerDocument = (_node$ownerDocument = node1 === null || node1 === void 0 ? void 0 : node1.ownerDocument) !== null && _node$ownerDocument !== void 0 ? _node$ownerDocument : globalThis === null || globalThis === void 0 ? void 0 : globalThis.document;
+    const [, force] = React.useState({});
+    const composedRefs = index.$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, (node)=>setNode(node)
+    );
+    const layers = Array.from(context.layers);
+    const [highestLayerWithOutsidePointerEventsDisabled] = [
+        ...context.layersWithOutsidePointerEventsDisabled
+    ].slice(-1); // prettier-ignore
+    const highestLayerWithOutsidePointerEventsDisabledIndex = layers.indexOf(highestLayerWithOutsidePointerEventsDisabled); // prettier-ignore
+    const index$2 = node1 ? layers.indexOf(node1) : -1;
+    const isBodyPointerEventsDisabled = context.layersWithOutsidePointerEventsDisabled.size > 0;
+    const isPointerEventsEnabled = index$2 >= highestLayerWithOutsidePointerEventsDisabledIndex;
+    const pointerDownOutside = $5cb92bef7577960e$var$usePointerDownOutside((event)=>{
+        const target = event.target;
+        const isPointerDownOnBranch = [
+            ...context.branches
+        ].some((branch)=>branch.contains(target)
+        );
+        if (!isPointerEventsEnabled || isPointerDownOnBranch) return;
+        onPointerDownOutside === null || onPointerDownOutside === void 0 || onPointerDownOutside(event);
+        onInteractOutside === null || onInteractOutside === void 0 || onInteractOutside(event);
+        if (!event.defaultPrevented) onDismiss === null || onDismiss === void 0 || onDismiss();
+    }, ownerDocument);
+    const focusOutside = $5cb92bef7577960e$var$useFocusOutside((event)=>{
+        const target = event.target;
+        const isFocusInBranch = [
+            ...context.branches
+        ].some((branch)=>branch.contains(target)
+        );
+        if (isFocusInBranch) return;
+        onFocusOutside === null || onFocusOutside === void 0 || onFocusOutside(event);
+        onInteractOutside === null || onInteractOutside === void 0 || onInteractOutside(event);
+        if (!event.defaultPrevented) onDismiss === null || onDismiss === void 0 || onDismiss();
+    }, ownerDocument);
+    index$1.$addc16e1bbe58fd0$export$3a72a57244d6e765((event)=>{
+        const isHighestLayer = index$2 === context.layers.size - 1;
+        if (!isHighestLayer) return;
+        onEscapeKeyDown === null || onEscapeKeyDown === void 0 || onEscapeKeyDown(event);
+        if (!event.defaultPrevented && onDismiss) {
+            event.preventDefault();
+            onDismiss();
+        }
+    }, ownerDocument);
+    React.useEffect(()=>{
+        if (!node1) return;
+        if (disableOutsidePointerEvents) {
+            if (context.layersWithOutsidePointerEventsDisabled.size === 0) {
+                $5cb92bef7577960e$var$originalBodyPointerEvents = ownerDocument.body.style.pointerEvents;
+                ownerDocument.body.style.pointerEvents = 'none';
+            }
+            context.layersWithOutsidePointerEventsDisabled.add(node1);
+        }
+        context.layers.add(node1);
+        $5cb92bef7577960e$var$dispatchUpdate();
+        return ()=>{
+            if (disableOutsidePointerEvents && context.layersWithOutsidePointerEventsDisabled.size === 1) ownerDocument.body.style.pointerEvents = $5cb92bef7577960e$var$originalBodyPointerEvents;
+        };
+    }, [
+        node1,
+        ownerDocument,
+        disableOutsidePointerEvents,
+        context
+    ]);
+    /**
+   * We purposefully prevent combining this effect with the `disableOutsidePointerEvents` effect
+   * because a change to `disableOutsidePointerEvents` would remove this layer from the stack
+   * and add it to the end again so the layering order wouldn't be _creation order_.
+   * We only want them to be removed from context stacks when unmounted.
+   */ React.useEffect(()=>{
+        return ()=>{
+            if (!node1) return;
+            context.layers.delete(node1);
+            context.layersWithOutsidePointerEventsDisabled.delete(node1);
+            $5cb92bef7577960e$var$dispatchUpdate();
+        };
+    }, [
+        node1,
+        context
+    ]);
+    React.useEffect(()=>{
+        const handleUpdate = ()=>force({})
+        ;
+        document.addEventListener($5cb92bef7577960e$var$CONTEXT_UPDATE, handleUpdate);
+        return ()=>document.removeEventListener($5cb92bef7577960e$var$CONTEXT_UPDATE, handleUpdate)
+        ;
+    }, []);
+    return /*#__PURE__*/ React.createElement(index.$8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends._extends({}, layerProps, {
+        ref: composedRefs,
+        style: {
+            pointerEvents: isBodyPointerEventsDisabled ? isPointerEventsEnabled ? 'auto' : 'none' : undefined,
+            ...props.style
+        },
+        onFocusCapture: index.$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onFocusCapture, focusOutside.onFocusCapture),
+        onBlurCapture: index.$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onBlurCapture, focusOutside.onBlurCapture),
+        onPointerDownCapture: index.$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onPointerDownCapture, pointerDownOutside.onPointerDownCapture)
+    }));
+});
+const $5cb92bef7577960e$export$4d5eb2109db14228 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
+    const context = React.useContext($5cb92bef7577960e$var$DismissableLayerContext);
+    const ref = React.useRef(null);
+    const composedRefs = index.$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, ref);
+    React.useEffect(()=>{
+        const node = ref.current;
+        if (node) {
+            context.branches.add(node);
+            return ()=>{
+                context.branches.delete(node);
+            };
+        }
+    }, [
+        context.branches
+    ]);
+    return /*#__PURE__*/ React.createElement(index.$8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends._extends({}, props, {
+        ref: composedRefs
+    }));
+});
+/* -----------------------------------------------------------------------------------------------*/ /**
+ * Listens for `pointerdown` outside a react subtree. We use `pointerdown` rather than `pointerup`
+ * to mimic layer dismissing behaviour present in OS.
+ * Returns props to pass to the node we want to check for outside events.
+ */ function $5cb92bef7577960e$var$usePointerDownOutside(onPointerDownOutside, ownerDocument = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) {
+    const handlePointerDownOutside = index.$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onPointerDownOutside);
+    const isPointerInsideReactTreeRef = React.useRef(false);
+    const handleClickRef = React.useRef(()=>{});
+    React.useEffect(()=>{
+        const handlePointerDown = (event)=>{
+            if (event.target && !isPointerInsideReactTreeRef.current) {
+                const eventDetail = {
+                    originalEvent: event
+                };
+                function handleAndDispatchPointerDownOutsideEvent() {
+                    $5cb92bef7577960e$var$handleAndDispatchCustomEvent($5cb92bef7577960e$var$POINTER_DOWN_OUTSIDE, handlePointerDownOutside, eventDetail, {
+                        discrete: true
+                    });
+                }
+                /**
+         * On touch devices, we need to wait for a click event because browsers implement
+         * a ~350ms delay between the time the user stops touching the display and when the
+         * browser executres events. We need to ensure we don't reactivate pointer-events within
+         * this timeframe otherwise the browser may execute events that should have been prevented.
+         *
+         * Additionally, this also lets us deal automatically with cancellations when a click event
+         * isn't raised because the page was considered scrolled/drag-scrolled, long-pressed, etc.
+         *
+         * This is why we also continuously remove the previous listener, because we cannot be
+         * certain that it was raised, and therefore cleaned-up.
+         */ if (event.pointerType === 'touch') {
+                    ownerDocument.removeEventListener('click', handleClickRef.current);
+                    handleClickRef.current = handleAndDispatchPointerDownOutsideEvent;
+                    ownerDocument.addEventListener('click', handleClickRef.current, {
+                        once: true
+                    });
+                } else handleAndDispatchPointerDownOutsideEvent();
+            }
+            isPointerInsideReactTreeRef.current = false;
+        };
+        /**
+     * if this hook executes in a component that mounts via a `pointerdown` event, the event
+     * would bubble up to the document and trigger a `pointerDownOutside` event. We avoid
+     * this by delaying the event listener registration on the document.
+     * This is not React specific, but rather how the DOM works, ie:
+     * ```
+     * button.addEventListener('pointerdown', () => {
+     *   console.log('I will log');
+     *   document.addEventListener('pointerdown', () => {
+     *     console.log('I will also log');
+     *   })
+     * });
+     */ const timerId = window.setTimeout(()=>{
+            ownerDocument.addEventListener('pointerdown', handlePointerDown);
+        }, 0);
+        return ()=>{
+            window.clearTimeout(timerId);
+            ownerDocument.removeEventListener('pointerdown', handlePointerDown);
+            ownerDocument.removeEventListener('click', handleClickRef.current);
+        };
+    }, [
+        ownerDocument,
+        handlePointerDownOutside
+    ]);
+    return {
+        // ensures we check React component tree (not just DOM tree)
+        onPointerDownCapture: ()=>isPointerInsideReactTreeRef.current = true
+    };
+}
+/**
+ * Listens for when focus happens outside a react subtree.
+ * Returns props to pass to the root (node) of the subtree we want to check.
+ */ function $5cb92bef7577960e$var$useFocusOutside(onFocusOutside, ownerDocument = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) {
+    const handleFocusOutside = index.$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onFocusOutside);
+    const isFocusInsideReactTreeRef = React.useRef(false);
+    React.useEffect(()=>{
+        const handleFocus = (event)=>{
+            if (event.target && !isFocusInsideReactTreeRef.current) {
+                const eventDetail = {
+                    originalEvent: event
+                };
+                $5cb92bef7577960e$var$handleAndDispatchCustomEvent($5cb92bef7577960e$var$FOCUS_OUTSIDE, handleFocusOutside, eventDetail, {
+                    discrete: false
+                });
+            }
+        };
+        ownerDocument.addEventListener('focusin', handleFocus);
+        return ()=>ownerDocument.removeEventListener('focusin', handleFocus)
+        ;
+    }, [
+        ownerDocument,
+        handleFocusOutside
+    ]);
+    return {
+        onFocusCapture: ()=>isFocusInsideReactTreeRef.current = true
+        ,
+        onBlurCapture: ()=>isFocusInsideReactTreeRef.current = false
+    };
+}
+function $5cb92bef7577960e$var$dispatchUpdate() {
+    const event = new CustomEvent($5cb92bef7577960e$var$CONTEXT_UPDATE);
+    document.dispatchEvent(event);
+}
+function $5cb92bef7577960e$var$handleAndDispatchCustomEvent(name, handler, detail, { discrete: discrete  }) {
+    const target = detail.originalEvent.target;
+    const event = new CustomEvent(name, {
+        bubbles: false,
+        cancelable: true,
+        detail: detail
+    });
+    if (handler) target.addEventListener(name, handler, {
+        once: true
+    });
+    if (discrete) index.$8927f6f2acc4f386$export$6d1a0317bde7de7f(target, event);
+    else target.dispatchEvent(event);
+}
+const $5cb92bef7577960e$export$be92b6f5f03c0fe9 = $5cb92bef7577960e$export$177fb62ff3ec1f22;
+const $5cb92bef7577960e$export$aecb2ddcb55c95be = $5cb92bef7577960e$export$4d5eb2109db14228;
+
+const $f1701beae083dbae$export$602eac185826482c = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
+    var _globalThis$document;
+    const { container: container = globalThis === null || globalThis === void 0 ? void 0 : (_globalThis$document = globalThis.document) === null || _globalThis$document === void 0 ? void 0 : _globalThis$document.body , ...portalProps } = props;
+    return container ? /*#__PURE__*/ $7SXl2$reactdom__default["default"].createPortal(/*#__PURE__*/ React.createElement(index.$8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends._extends({}, portalProps, {
+        ref: forwardedRef
+    })), container) : null;
+});
 
 /* -------------------------------------------------------------------------------------------------
  * ToastProvider
  * -----------------------------------------------------------------------------------------------*/ const $054eb8030ebde76e$var$PROVIDER_NAME = 'ToastProvider';
-const [$054eb8030ebde76e$var$Collection, $054eb8030ebde76e$var$useCollection, $054eb8030ebde76e$var$createCollectionScope] = index.$e02a7d9cb1dc128c$export$c74125a8e3af6bb2('Toast');
-const [$054eb8030ebde76e$var$createToastContext, $054eb8030ebde76e$export$8a359da18fbc9073] = index$1.$c512c27ab02ef895$export$50c7b4e9d9f19c1('Toast', [
+const [$054eb8030ebde76e$var$Collection, $054eb8030ebde76e$var$useCollection, $054eb8030ebde76e$var$createCollectionScope] = index$2.$e02a7d9cb1dc128c$export$c74125a8e3af6bb2('Toast');
+const [$054eb8030ebde76e$var$createToastContext, $054eb8030ebde76e$export$8a359da18fbc9073] = index.$c512c27ab02ef895$export$50c7b4e9d9f19c1('Toast', [
     $054eb8030ebde76e$var$createCollectionScope
 ]);
 const [$054eb8030ebde76e$var$ToastProviderProvider, $054eb8030ebde76e$var$useToastProviderContext] = $054eb8030ebde76e$var$createToastContext($054eb8030ebde76e$var$PROVIDER_NAME);
@@ -79,7 +337,7 @@ const $054eb8030ebde76e$export$6192c2425ecfd989 = /*#__PURE__*/ React.forwardRef
     const headFocusProxyRef = React.useRef(null);
     const tailFocusProxyRef = React.useRef(null);
     const ref = React.useRef(null);
-    const composedRefs = index$1.$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, ref, context.onViewportChange);
+    const composedRefs = index.$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, ref, context.onViewportChange);
     const hotkeyLabel = hotkey.join('+').replace(/Key/g, '').replace(/Digit/g, '');
     const hasToasts = context.toastCount > 0;
     React.useEffect(()=>{
@@ -198,7 +456,7 @@ const $054eb8030ebde76e$export$6192c2425ecfd989 = /*#__PURE__*/ React.forwardRef
         getItems,
         getSortedTabbableCandidates
     ]);
-    return /*#__PURE__*/ React.createElement(index$2.$5cb92bef7577960e$export$aecb2ddcb55c95be, {
+    return /*#__PURE__*/ React.createElement($5cb92bef7577960e$export$aecb2ddcb55c95be, {
         ref: wrapperRef,
         role: "region",
         "aria-label": label.replace('{hotkey}', hotkeyLabel) // Ensure virtual cursor from landmarks menus triggers focus/blur for pause/resume
@@ -218,7 +476,7 @@ const $054eb8030ebde76e$export$6192c2425ecfd989 = /*#__PURE__*/ React.forwardRef
         }
     }), /*#__PURE__*/ React.createElement($054eb8030ebde76e$var$Collection.Slot, {
         scope: __scopeToast
-    }, /*#__PURE__*/ React.createElement(index$1.$8927f6f2acc4f386$export$250ffa63cdc0d034.ol, _extends._extends({
+    }, /*#__PURE__*/ React.createElement(index.$8927f6f2acc4f386$export$250ffa63cdc0d034.ol, _extends._extends({
         tabIndex: -1
     }, viewportProps, {
         ref: composedRefs
@@ -262,7 +520,7 @@ const $054eb8030ebde76e$var$TOAST_SWIPE_CANCEL = 'toast.swipeCancel';
 const $054eb8030ebde76e$var$TOAST_SWIPE_END = 'toast.swipeEnd';
 const $054eb8030ebde76e$export$8d8dc7d5f743331b = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
     const { forceMount: forceMount , open: openProp , defaultOpen: defaultOpen , onOpenChange: onOpenChange , ...toastProps } = props;
-    const [open = true, setOpen] = index$1.$71cd76cc60e0454e$export$6f32135080cb4c3({
+    const [open = true, setOpen] = index.$71cd76cc60e0454e$export$6f32135080cb4c3({
         prop: openProp,
         defaultProp: defaultOpen,
         onChange: onOpenChange
@@ -275,25 +533,25 @@ const $054eb8030ebde76e$export$8d8dc7d5f743331b = /*#__PURE__*/ React.forwardRef
         ref: forwardedRef,
         onClose: ()=>setOpen(false)
         ,
-        onPause: index$1.$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(props.onPause),
-        onResume: index$1.$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(props.onResume),
-        onSwipeStart: index$1.$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onSwipeStart, (event)=>{
+        onPause: index.$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(props.onPause),
+        onResume: index.$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(props.onResume),
+        onSwipeStart: index.$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onSwipeStart, (event)=>{
             event.currentTarget.setAttribute('data-swipe', 'start');
         }),
-        onSwipeMove: index$1.$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onSwipeMove, (event)=>{
+        onSwipeMove: index.$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onSwipeMove, (event)=>{
             const { x: x , y: y  } = event.detail.delta;
             event.currentTarget.setAttribute('data-swipe', 'move');
             event.currentTarget.style.setProperty('--radix-toast-swipe-move-x', `${x}px`);
             event.currentTarget.style.setProperty('--radix-toast-swipe-move-y', `${y}px`);
         }),
-        onSwipeCancel: index$1.$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onSwipeCancel, (event)=>{
+        onSwipeCancel: index.$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onSwipeCancel, (event)=>{
             event.currentTarget.setAttribute('data-swipe', 'cancel');
             event.currentTarget.style.removeProperty('--radix-toast-swipe-move-x');
             event.currentTarget.style.removeProperty('--radix-toast-swipe-move-y');
             event.currentTarget.style.removeProperty('--radix-toast-swipe-end-x');
             event.currentTarget.style.removeProperty('--radix-toast-swipe-end-y');
         }),
-        onSwipeEnd: index$1.$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onSwipeEnd, (event)=>{
+        onSwipeEnd: index.$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onSwipeEnd, (event)=>{
             const { x: x , y: y  } = event.detail.delta;
             event.currentTarget.setAttribute('data-swipe', 'end');
             event.currentTarget.style.removeProperty('--radix-toast-swipe-move-x');
@@ -311,7 +569,7 @@ const $054eb8030ebde76e$var$ToastImpl = /*#__PURE__*/ React.forwardRef((props, f
     const { __scopeToast: __scopeToast , type: type = 'foreground' , duration: durationProp , open: open , onClose: onClose , onEscapeKeyDown: onEscapeKeyDown , onPause: onPause , onResume: onResume , onSwipeStart: onSwipeStart , onSwipeMove: onSwipeMove , onSwipeCancel: onSwipeCancel , onSwipeEnd: onSwipeEnd , ...toastProps } = props;
     const context = $054eb8030ebde76e$var$useToastProviderContext($054eb8030ebde76e$var$TOAST_NAME, __scopeToast);
     const [node1, setNode] = React.useState(null);
-    const composedRefs = index$1.$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, (node)=>setNode(node)
+    const composedRefs = index.$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, (node)=>setNode(node)
     );
     const pointerStartRef = React.useRef(null);
     const swipeDeltaRef = React.useRef(null);
@@ -320,7 +578,7 @@ const $054eb8030ebde76e$var$ToastImpl = /*#__PURE__*/ React.forwardRef((props, f
     const closeTimerRemainingTimeRef = React.useRef(duration1);
     const closeTimerRef = React.useRef(0);
     const { onToastAdd: onToastAdd , onToastRemove: onToastRemove  } = context;
-    const handleClose = index$1.$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(()=>{
+    const handleClose = index.$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(()=>{
         var _context$viewport2;
         // focus viewport if focus is within toast to read the remaining toast
         // count to SR users and ensure focus isn't lost
@@ -398,13 +656,13 @@ const $054eb8030ebde76e$var$ToastImpl = /*#__PURE__*/ React.forwardRef((props, f
         onClose: handleClose
     }, /*#__PURE__*/ $7SXl2$reactdom.createPortal(/*#__PURE__*/ React.createElement($054eb8030ebde76e$var$Collection.ItemSlot, {
         scope: __scopeToast
-    }, /*#__PURE__*/ React.createElement(index$2.$5cb92bef7577960e$export$be92b6f5f03c0fe9, {
+    }, /*#__PURE__*/ React.createElement($5cb92bef7577960e$export$be92b6f5f03c0fe9, {
         asChild: true,
-        onEscapeKeyDown: index$1.$e42e1063c40fb3ef$export$b9ecd428b558ff10(onEscapeKeyDown, ()=>{
+        onEscapeKeyDown: index.$e42e1063c40fb3ef$export$b9ecd428b558ff10(onEscapeKeyDown, ()=>{
             if (!context.isFocusedToastEscapeKeyDownRef.current) handleClose();
             context.isFocusedToastEscapeKeyDownRef.current = false;
         })
-    }, /*#__PURE__*/ React.createElement(index$1.$8927f6f2acc4f386$export$250ffa63cdc0d034.li, _extends._extends({
+    }, /*#__PURE__*/ React.createElement(index.$8927f6f2acc4f386$export$250ffa63cdc0d034.li, _extends._extends({
         // Ensure toasts are announced as status list or status when focused
         role: "status",
         "aria-live": "off",
@@ -419,7 +677,7 @@ const $054eb8030ebde76e$var$ToastImpl = /*#__PURE__*/ React.forwardRef((props, f
             touchAction: 'none',
             ...props.style
         },
-        onKeyDown: index$1.$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onKeyDown, (event)=>{
+        onKeyDown: index.$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onKeyDown, (event)=>{
             if (event.key !== 'Escape') return;
             onEscapeKeyDown === null || onEscapeKeyDown === void 0 || onEscapeKeyDown(event.nativeEvent);
             if (!event.nativeEvent.defaultPrevented) {
@@ -427,14 +685,14 @@ const $054eb8030ebde76e$var$ToastImpl = /*#__PURE__*/ React.forwardRef((props, f
                 handleClose();
             }
         }),
-        onPointerDown: index$1.$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onPointerDown, (event)=>{
+        onPointerDown: index.$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onPointerDown, (event)=>{
             if (event.button !== 0) return;
             pointerStartRef.current = {
                 x: event.clientX,
                 y: event.clientY
             };
         }),
-        onPointerMove: index$1.$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onPointerMove, (event)=>{
+        onPointerMove: index.$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onPointerMove, (event)=>{
             if (!pointerStartRef.current) return;
             const x = event.clientX - pointerStartRef.current.x;
             const y = event.clientY - pointerStartRef.current.y;
@@ -473,7 +731,7 @@ const $054eb8030ebde76e$var$ToastImpl = /*#__PURE__*/ React.forwardRef((props, f
             // for the current pointer down interaction
             pointerStartRef.current = null;
         }),
-        onPointerUp: index$1.$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onPointerUp, (event1)=>{
+        onPointerUp: index.$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onPointerUp, (event1)=>{
             const delta = swipeDeltaRef.current;
             const target = event1.target;
             if (target.hasPointerCapture(event1.pointerId)) target.releasePointerCapture(event1.pointerId);
@@ -526,13 +784,13 @@ $054eb8030ebde76e$var$ToastImpl.propTypes = {
         return ()=>window.clearTimeout(timer)
         ;
     }, []);
-    return isAnnounced ? null : /*#__PURE__*/ React.createElement(index$2.$f1701beae083dbae$export$602eac185826482c, {
+    return isAnnounced ? null : /*#__PURE__*/ React.createElement($f1701beae083dbae$export$602eac185826482c, {
         asChild: true
     }, /*#__PURE__*/ React.createElement(index$3.$ea1ef594cf570d83$export$439d29a4e110a164, announceProps, renderAnnounceText && /*#__PURE__*/ React.createElement(React.Fragment, null, context.label, " ", children)));
 };
 const $054eb8030ebde76e$export$16d42d7c29b95a4 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
     const { __scopeToast: __scopeToast , ...titleProps } = props;
-    return /*#__PURE__*/ React.createElement(index$1.$8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends._extends({}, titleProps, {
+    return /*#__PURE__*/ React.createElement(index.$8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends._extends({}, titleProps, {
         ref: forwardedRef
     }));
 });
@@ -563,16 +821,16 @@ const $054eb8030ebde76e$export$811e70f61c205839 = /*#__PURE__*/ React.forwardRef
     const interactiveContext = $054eb8030ebde76e$var$useToastInteractiveContext($054eb8030ebde76e$var$CLOSE_NAME, __scopeToast);
     return /*#__PURE__*/ React.createElement($054eb8030ebde76e$var$ToastAnnounceExclude, {
         asChild: true
-    }, /*#__PURE__*/ React.createElement(index$1.$8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends._extends({
+    }, /*#__PURE__*/ React.createElement(index.$8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends._extends({
         type: "button"
     }, closeProps, {
         ref: forwardedRef,
-        onClick: index$1.$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onClick, interactiveContext.onClose)
+        onClick: index.$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onClick, interactiveContext.onClose)
     })));
 });
 /* ---------------------------------------------------------------------------------------------- */ const $054eb8030ebde76e$var$ToastAnnounceExclude = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
     const { __scopeToast: __scopeToast , altText: altText , ...announceExcludeProps } = props;
-    return /*#__PURE__*/ React.createElement(index$1.$8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends._extends({
+    return /*#__PURE__*/ React.createElement(index.$8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends._extends({
         "data-radix-toast-announce-exclude": "",
         "data-radix-toast-announce-alt": altText || undefined
     }, announceExcludeProps, {
@@ -608,7 +866,7 @@ function $054eb8030ebde76e$var$getAnnounceTextContent(container) {
     if (handler) currentTarget.addEventListener(name, handler, {
         once: true
     });
-    if (discrete) index$1.$8927f6f2acc4f386$export$6d1a0317bde7de7f(currentTarget, event);
+    if (discrete) index.$8927f6f2acc4f386$export$6d1a0317bde7de7f(currentTarget, event);
     else currentTarget.dispatchEvent(event);
 }
 const $054eb8030ebde76e$var$isDeltaInDirection = (delta, direction, threshold = 0)=>{
@@ -619,8 +877,8 @@ const $054eb8030ebde76e$var$isDeltaInDirection = (delta, direction, threshold =
     else return !isDeltaX && deltaY > threshold;
 };
 function $054eb8030ebde76e$var$useNextFrame(callback = ()=>{}) {
-    const fn = index$1.$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(callback);
-    index$1.$9f79659886946c16$export$e5c5a5f917a5871c(()=>{
+    const fn = index.$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(callback);
+    index.$9f79659886946c16$export$e5c5a5f917a5871c(()=>{
         let raf1 = 0;
         let raf2 = 0;
         raf1 = window.requestAnimationFrame(()=>raf2 = window.requestAnimationFrame(fn)

package/dist/_shared/cjs/{index-84e6a68f.js → index-6eb396a3.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-56a040f4.js');
+var index = require('./index-dd1d18ea.js');
 
 function _interopNamespace(e) {
     if (e && e.__esModule) return e;

package/dist/_shared/cjs/{index-6542b467.js → index-74004a9c.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-56a040f4.js');
+var index = require('./index-dd1d18ea.js');
 
 /**
  * Listens for when the escape key is down