@arc-ui/components 11.15.0 → 11.16.0

package/dist/Breadcrumbs/Breadcrumbs.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Breadcrumbs = require('../_shared/cjs/Breadcrumbs-ed70e75a.js');
+var Breadcrumbs = require('../_shared/cjs/Breadcrumbs-ef659d2b.js');
 require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 require('react');
 require('../_shared/cjs/debounce-123468fb.js');

package/dist/Breadcrumbs/Breadcrumbs.esm.js

@@ -1,4 +1,4 @@
-export { B as Breadcrumbs } from '../_shared/esm/Breadcrumbs-87e2bd46.js';
+export { B as Breadcrumbs } from '../_shared/esm/Breadcrumbs-36edfb3d.js';
 import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import 'react';
 import '../_shared/esm/debounce-6fed6b84.js';

package/dist/Checkbox/Checkbox.cjs.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Checkbox = require('../_shared/cjs/Checkbox-b126194e.js');
+var Checkbox = require('../_shared/cjs/Checkbox-904ad028.js');
 require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 require('react');
 require('../_shared/cjs/BtIconTickAlt2Px.esm-57c89acc.js');
 require('../_shared/cjs/BtIconAlert.esm-1a0ff9f0.js');
 require('../_shared/cjs/index-9947ac13.js');
-require('../_shared/cjs/FormControl-7daf8110.js');
+require('../_shared/cjs/FormControl-166e0957.js');
 require('../_shared/cjs/Surface-038db6e1.js');
 require('../_shared/cjs/DisclosureMini-d0eeb6bb.js');
 require('../_shared/cjs/BtIconChevronDown2Px.esm-39030ee0.js');

package/dist/Checkbox/Checkbox.esm.js

@@ -1,10 +1,10 @@
-export { C as Checkbox } from '../_shared/esm/Checkbox-d6ec5024.js';
+export { C as Checkbox } from '../_shared/esm/Checkbox-8a5bb9a1.js';
 import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import 'react';
 import '../_shared/esm/BtIconTickAlt2Px.esm-0bc2ded0.js';
 import '../_shared/esm/BtIconAlert.esm-a4608d47.js';
 import '../_shared/esm/index-2e73c2e9.js';
-import '../_shared/esm/FormControl-351e5f1b.js';
+import '../_shared/esm/FormControl-9d4ddfec.js';
 import '../_shared/esm/Surface-0ca6817d.js';
 import '../_shared/esm/DisclosureMini-ec17b008.js';
 import '../_shared/esm/BtIconChevronDown2Px.esm-217276c2.js';

package/dist/FormControl/FormControl.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var FormControl = require('../_shared/cjs/FormControl-7daf8110.js');
+var FormControl = require('../_shared/cjs/FormControl-166e0957.js');
 require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 require('../_shared/cjs/index-9947ac13.js');
 require('react');

package/dist/FormControl/FormControl.esm.js

@@ -1,4 +1,4 @@
-export { F as FormControl, C as FormControlContext } from '../_shared/esm/FormControl-351e5f1b.js';
+export { F as FormControl, C as FormControlContext } from '../_shared/esm/FormControl-9d4ddfec.js';
 import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import '../_shared/esm/index-2e73c2e9.js';
 import 'react';

package/dist/InformationCard/InformationCard.cjs.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 var React = require('react');
 var index_es = require('../_shared/cjs/index.es-26dd8c5d.js');
+var BtIconArrowRight_esm = require('../_shared/cjs/BtIconArrowRight.esm-8e8ac316.js');
 var Icon = require('../_shared/cjs/Icon-a9801f05.js');
 var Tag = require('../_shared/cjs/Tag-42ddca45.js');
 var Image = require('../_shared/cjs/Image-e873b8fc.js');
@@ -21,27 +22,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const BtIconArrowRight = (props) =>
-  /*#__PURE__*/ React__default["default"].createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32",
-      },
-      props,
-    ),
-    /*#__PURE__*/ React__default["default"].createElement("defs", null),
-    /*#__PURE__*/ React__default["default"].createElement("path", {
-      d: "M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,27A13,13,0,1,1,29,16,13.01474,13.01474,0,0,1,16,29Z",
-      fill: "currentColor",
-    }),
-    /*#__PURE__*/ React__default["default"].createElement("path", {
-      d: "M18.14648,11.64648a.49983.49983,0,0,0,0,.707L21.293,15.5H9.5a.5.5,0,0,0,0,1H21.293l-3.14649,3.14648a.5.5,0,1,0,.707.707L23.207,16l-4.35351-4.35352A.49983.49983,0,0,0,18.14648,11.64648Z",
-      fill: "currentColor",
-    }),
-  );
-
 var InformationCard = function (_a) {
     var cardUrl = _a.cardUrl, onClick = _a.onClick, heading = _a.heading, text = _a.text, label = _a.label, footerLogo = _a.footerLogo, button = _a.button, image = _a.image, tags = _a.tags, icon = _a.icon, _b = _a.headingLevel, headingLevel = _b === void 0 ? "2" : _b, props = filterDataAttrs.__rest(_a, ["cardUrl", "onClick", "heading", "text", "label", "footerLogo", "button", "image", "tags", "icon", "headingLevel"]);
     var isMinWidthArcBreakpointS = index_es.useMediaQuery("(min-width: ".concat(index_es.ArcBreakpointS, "px)"));
@@ -54,30 +34,32 @@ var InformationCard = function (_a) {
             "arc-InformationCard--interactive": cardUrl
         }) }, filterDataAttrs.filterDataAttrs(props)),
         React__default["default"].createElement(Surface.Surface, { growVertically: true, padding: containerSpacing, background: "white" },
-            image && (React__default["default"].createElement("div", { className: "arc-InformationCard-img" },
-                React__default["default"].createElement(Image.Image, filterDataAttrs.__assign({}, image)),
-                React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: assetSpacing }))),
-            icon && (React__default["default"].createElement(React__default["default"].Fragment, null,
-                React__default["default"].createElement(Icon.Icon, { testId: "information-card-icon", icon: icon, size: 96 }),
-                React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: assetSpacing }))),
-            label && (React__default["default"].createElement(React__default["default"].Fragment, null,
-                React__default["default"].createElement("span", { className: "arc-InformationCard-label" }, label),
-                React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: headingSpacing }))),
-            React__default["default"].createElement(HeadingElement, { className: "arc-InformationCard-heading" }, cardUrl ? (React__default["default"].createElement("a", { className: "arc-InformationCard-headingLink", href: cardUrl, onClick: onClick }, heading)) : (heading)),
-            React__default["default"].createElement("div", { className: "arc-InformationCard-textContainer" }, text && (React__default["default"].createElement(React__default["default"].Fragment, null,
-                React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: headingSpacing }),
-                React__default["default"].createElement(Text.Text, null, text),
-                (button || tags || footerLogo) && React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: "24" })))),
-            tags && (React__default["default"].createElement(React__default["default"].Fragment, null,
-                React__default["default"].createElement("div", { className: "arc-InformationCard-tagContainer" }, tags.map(function (_a, i) {
-                    var text = _a.text, tagProps = filterDataAttrs.__rest(_a, ["text"]);
-                    return (React__default["default"].createElement("div", { className: "arc-InformationCard-tag", key: "information-card-tag-".concat(i) },
-                        React__default["default"].createElement(Tag.Tag, filterDataAttrs.__assign({}, tagProps), text)));
-                })),
-                (button || footerLogo) && React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: "24" }))),
+            React__default["default"].createElement("div", null,
+                image && (React__default["default"].createElement("div", { className: "arc-InformationCard-img" },
+                    React__default["default"].createElement(Image.Image, filterDataAttrs.__assign({}, image)),
+                    React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: assetSpacing }))),
+                icon && (React__default["default"].createElement(React__default["default"].Fragment, null,
+                    React__default["default"].createElement(Icon.Icon, { testId: "information-card-icon", icon: icon, size: 96 }),
+                    React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: assetSpacing }))),
+                label && (React__default["default"].createElement(React__default["default"].Fragment, null,
+                    React__default["default"].createElement("span", { className: "arc-InformationCard-label" }, label),
+                    React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: headingSpacing }))),
+                React__default["default"].createElement(HeadingElement, { className: "arc-InformationCard-heading" }, cardUrl ? (React__default["default"].createElement("a", { className: "arc-InformationCard-headingLink", href: cardUrl, onClick: onClick }, heading)) : (heading))),
+            React__default["default"].createElement("div", { className: "arc-InformationCard-contentContainer" },
+                text && (React__default["default"].createElement(React__default["default"].Fragment, null,
+                    React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: headingSpacing }),
+                    React__default["default"].createElement(Text.Text, null, text),
+                    (button || tags || footerLogo) && React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: "24" }))),
+                tags && (React__default["default"].createElement(React__default["default"].Fragment, null,
+                    React__default["default"].createElement("div", { className: "arc-InformationCard-tagContainer" }, tags.map(function (_a, i) {
+                        var text = _a.text, tagProps = filterDataAttrs.__rest(_a, ["text"]);
+                        return (React__default["default"].createElement("div", { className: "arc-InformationCard-tag", key: "information-card-tag-".concat(i) },
+                            React__default["default"].createElement(Tag.Tag, filterDataAttrs.__assign({}, tagProps), text)));
+                    })),
+                    (button || footerLogo) && React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: "24" })))),
             React__default["default"].createElement("div", { className: "arc-InformationCard-footer" },
                 button && !cardUrl && (React__default["default"].createElement("div", { className: "arc-InformationCard-footerButtonContainer" },
-                    React__default["default"].createElement(Button.Button, filterDataAttrs.__assign({}, button, { iconPosition: "beforeText", fill: "flat", icon: BtIconArrowRight })))),
+                    React__default["default"].createElement(Button.Button, filterDataAttrs.__assign({}, button, { iconPosition: "beforeText", fill: "flat", icon: BtIconArrowRight_esm.BtIconArrowRight })))),
                 footerLogo && (React__default["default"].createElement("div", { className: "arc-InformationCard-footerLogoContainer" },
                     React__default["default"].createElement(Image.Image, filterDataAttrs.__assign({}, footerLogo))))))));
 };

package/dist/InformationCard/InformationCard.esm.js

@@ -1,6 +1,7 @@
 import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import React__default from 'react';
 import { u as useMediaQuery, A as ArcBreakpointS, a as ArcBreakpointM } from '../_shared/esm/index.es-c552c0ea.js';
+import { B as BtIconArrowRight } from '../_shared/esm/BtIconArrowRight.esm-267916a4.js';
 import { I as Icon } from '../_shared/esm/Icon-abd0d990.js';
 import { T as Tag } from '../_shared/esm/Tag-92c088a9.js';
 import { I as Image } from '../_shared/esm/Image-12fbd327.js';
@@ -13,27 +14,6 @@ import '../_shared/esm/suffix-modifier-3d548e45.js';
 import '../_shared/esm/BtIconChevronLeftMid.esm-1ed8330b.js';
 import '../_shared/esm/BtIconChevronRightMid.esm-32268f1a.js';
 
-const BtIconArrowRight = (props) =>
-  /*#__PURE__*/ React__default.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32",
-      },
-      props,
-    ),
-    /*#__PURE__*/ React__default.createElement("defs", null),
-    /*#__PURE__*/ React__default.createElement("path", {
-      d: "M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,27A13,13,0,1,1,29,16,13.01474,13.01474,0,0,1,16,29Z",
-      fill: "currentColor",
-    }),
-    /*#__PURE__*/ React__default.createElement("path", {
-      d: "M18.14648,11.64648a.49983.49983,0,0,0,0,.707L21.293,15.5H9.5a.5.5,0,0,0,0,1H21.293l-3.14649,3.14648a.5.5,0,1,0,.707.707L23.207,16l-4.35351-4.35352A.49983.49983,0,0,0,18.14648,11.64648Z",
-      fill: "currentColor",
-    }),
-  );
-
 var InformationCard = function (_a) {
     var cardUrl = _a.cardUrl, onClick = _a.onClick, heading = _a.heading, text = _a.text, label = _a.label, footerLogo = _a.footerLogo, button = _a.button, image = _a.image, tags = _a.tags, icon = _a.icon, _b = _a.headingLevel, headingLevel = _b === void 0 ? "2" : _b, props = __rest(_a, ["cardUrl", "onClick", "heading", "text", "label", "footerLogo", "button", "image", "tags", "icon", "headingLevel"]);
     var isMinWidthArcBreakpointS = useMediaQuery("(min-width: ".concat(ArcBreakpointS, "px)"));
@@ -46,27 +26,29 @@ var InformationCard = function (_a) {
             "arc-InformationCard--interactive": cardUrl
         }) }, filterDataAttrs(props)),
         React__default.createElement(Surface, { growVertically: true, padding: containerSpacing, background: "white" },
-            image && (React__default.createElement("div", { className: "arc-InformationCard-img" },
-                React__default.createElement(Image, __assign({}, image)),
-                React__default.createElement(VerticalSpace, { size: assetSpacing }))),
-            icon && (React__default.createElement(React__default.Fragment, null,
-                React__default.createElement(Icon, { testId: "information-card-icon", icon: icon, size: 96 }),
-                React__default.createElement(VerticalSpace, { size: assetSpacing }))),
-            label && (React__default.createElement(React__default.Fragment, null,
-                React__default.createElement("span", { className: "arc-InformationCard-label" }, label),
-                React__default.createElement(VerticalSpace, { size: headingSpacing }))),
-            React__default.createElement(HeadingElement, { className: "arc-InformationCard-heading" }, cardUrl ? (React__default.createElement("a", { className: "arc-InformationCard-headingLink", href: cardUrl, onClick: onClick }, heading)) : (heading)),
-            React__default.createElement("div", { className: "arc-InformationCard-textContainer" }, text && (React__default.createElement(React__default.Fragment, null,
-                React__default.createElement(VerticalSpace, { size: headingSpacing }),
-                React__default.createElement(Text, null, text),
-                (button || tags || footerLogo) && React__default.createElement(VerticalSpace, { size: "24" })))),
-            tags && (React__default.createElement(React__default.Fragment, null,
-                React__default.createElement("div", { className: "arc-InformationCard-tagContainer" }, tags.map(function (_a, i) {
-                    var text = _a.text, tagProps = __rest(_a, ["text"]);
-                    return (React__default.createElement("div", { className: "arc-InformationCard-tag", key: "information-card-tag-".concat(i) },
-                        React__default.createElement(Tag, __assign({}, tagProps), text)));
-                })),
-                (button || footerLogo) && React__default.createElement(VerticalSpace, { size: "24" }))),
+            React__default.createElement("div", null,
+                image && (React__default.createElement("div", { className: "arc-InformationCard-img" },
+                    React__default.createElement(Image, __assign({}, image)),
+                    React__default.createElement(VerticalSpace, { size: assetSpacing }))),
+                icon && (React__default.createElement(React__default.Fragment, null,
+                    React__default.createElement(Icon, { testId: "information-card-icon", icon: icon, size: 96 }),
+                    React__default.createElement(VerticalSpace, { size: assetSpacing }))),
+                label && (React__default.createElement(React__default.Fragment, null,
+                    React__default.createElement("span", { className: "arc-InformationCard-label" }, label),
+                    React__default.createElement(VerticalSpace, { size: headingSpacing }))),
+                React__default.createElement(HeadingElement, { className: "arc-InformationCard-heading" }, cardUrl ? (React__default.createElement("a", { className: "arc-InformationCard-headingLink", href: cardUrl, onClick: onClick }, heading)) : (heading))),
+            React__default.createElement("div", { className: "arc-InformationCard-contentContainer" },
+                text && (React__default.createElement(React__default.Fragment, null,
+                    React__default.createElement(VerticalSpace, { size: headingSpacing }),
+                    React__default.createElement(Text, null, text),
+                    (button || tags || footerLogo) && React__default.createElement(VerticalSpace, { size: "24" }))),
+                tags && (React__default.createElement(React__default.Fragment, null,
+                    React__default.createElement("div", { className: "arc-InformationCard-tagContainer" }, tags.map(function (_a, i) {
+                        var text = _a.text, tagProps = __rest(_a, ["text"]);
+                        return (React__default.createElement("div", { className: "arc-InformationCard-tag", key: "information-card-tag-".concat(i) },
+                            React__default.createElement(Tag, __assign({}, tagProps), text)));
+                    })),
+                    (button || footerLogo) && React__default.createElement(VerticalSpace, { size: "24" })))),
             React__default.createElement("div", { className: "arc-InformationCard-footer" },
                 button && !cardUrl && (React__default.createElement("div", { className: "arc-InformationCard-footerButtonContainer" },
                     React__default.createElement(Button, __assign({}, button, { iconPosition: "beforeText", fill: "flat", icon: BtIconArrowRight })))),

package/dist/Modal/Modal.cjs.js

@@ -4,13 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 var React = require('react');
-var index$4 = require('../_shared/cjs/index-9947ac13.js');
+var index$5 = require('../_shared/cjs/index-9947ac13.js');
 var BtIconCrossAlt2Px_esm = require('../_shared/cjs/BtIconCrossAlt2Px.esm-1452b14b.js');
 var _extends = require('../_shared/cjs/extends-8c5e4b48.js');
-var index = require('../_shared/cjs/index-c575a255.js');
-var index$1 = require('../_shared/cjs/index-adbb63da.js');
-var index$2 = require('../_shared/cjs/index-6b2a9ac3.js');
-var index$3 = require('../_shared/cjs/index-43458549.js');
+var index = require('../_shared/cjs/index-56a040f4.js');
+var index$1 = require('../_shared/cjs/index-84e6a68f.js');
+var index$3 = require('../_shared/cjs/index-4ecad2dd.js');
+var index$2 = require('../_shared/cjs/index-49c72a87.js');
+var index$4 = require('../_shared/cjs/index-3d69ea00.js');
 var Icon = require('../_shared/cjs/Icon-a9801f05.js');
 var Base = require('../_shared/cjs/Base-f5a86eed.js');
 var Heading = require('../_shared/cjs/Heading-27cba320.js');
@@ -18,6 +19,7 @@ var Button = require('../_shared/cjs/Button-4fed080a.js');
 var Text = require('../_shared/cjs/Text-606ca3a2.js');
 var VerticalSpace = require('../_shared/cjs/VerticalSpace-dc53bb70.js');
 require('react-dom');
+require('../_shared/cjs/index-6542b467.js');
 require('../_shared/cjs/suffix-modifier-64dcd338.js');
 require('../_shared/cjs/Surface-038db6e1.js');
 require('../_shared/cjs/BtIconChevronLeftMid.esm-0aaa6770.js');
@@ -299,32 +301,6 @@ function $d3863c46a17e8a28$var$removeLinks(items) {
     );
 }
 
-/** Number of components which have requested interest to have focus guards */ let $3db38b7d1fb3fe6a$var$count = 0;
-/**
- * Injects a pair of focus guards at the edges of the whole DOM tree
- * to ensure `focusin` & `focusout` events can be caught consistently.
- */ function $3db38b7d1fb3fe6a$export$b7ece24a22aeda8c() {
-    React.useEffect(()=>{
-        var _edgeGuards$, _edgeGuards$2;
-        const edgeGuards = document.querySelectorAll('[data-radix-focus-guard]');
-        document.body.insertAdjacentElement('afterbegin', (_edgeGuards$ = edgeGuards[0]) !== null && _edgeGuards$ !== void 0 ? _edgeGuards$ : $3db38b7d1fb3fe6a$var$createFocusGuard());
-        document.body.insertAdjacentElement('beforeend', (_edgeGuards$2 = edgeGuards[1]) !== null && _edgeGuards$2 !== void 0 ? _edgeGuards$2 : $3db38b7d1fb3fe6a$var$createFocusGuard());
-        $3db38b7d1fb3fe6a$var$count++;
-        return ()=>{
-            if ($3db38b7d1fb3fe6a$var$count === 1) document.querySelectorAll('[data-radix-focus-guard]').forEach((node)=>node.remove()
-            );
-            $3db38b7d1fb3fe6a$var$count--;
-        };
-    }, []);
-}
-function $3db38b7d1fb3fe6a$var$createFocusGuard() {
-    const element = document.createElement('span');
-    element.setAttribute('data-radix-focus-guard', '');
-    element.tabIndex = 0;
-    element.style.cssText = 'outline: none; opacity: 0; position: fixed; pointer-events: none';
-    return element;
-}
-
 /* -------------------------------------------------------------------------------------------------
  * Dialog
  * -----------------------------------------------------------------------------------------------*/ const $5d3850c4d0b4e6c7$var$DIALOG_NAME = 'Dialog';
@@ -368,9 +344,9 @@ const $5d3850c4d0b4e6c7$export$dad7c95542bacce0 = (props)=>{
     return /*#__PURE__*/ React.createElement($5d3850c4d0b4e6c7$var$PortalProvider, {
         scope: __scopeDialog,
         forceMount: forceMount
-    }, React.Children.map(children, (child)=>/*#__PURE__*/ React.createElement(index.$921a889cee6df7e8$export$99c2b779aa4e8b8b, {
+    }, React.Children.map(children, (child)=>/*#__PURE__*/ React.createElement(index$2.$921a889cee6df7e8$export$99c2b779aa4e8b8b, {
             present: forceMount || context.open
-        }, /*#__PURE__*/ React.createElement(index$2.$f1701beae083dbae$export$602eac185826482c, {
+        }, /*#__PURE__*/ React.createElement(index$3.$f1701beae083dbae$export$602eac185826482c, {
             asChild: true,
             container: container
         }, child))
@@ -383,7 +359,7 @@ const $5d3850c4d0b4e6c7$export$bd1d06c79be19e17 = /*#__PURE__*/ React.forwardRef
     const portalContext = $5d3850c4d0b4e6c7$var$usePortalContext($5d3850c4d0b4e6c7$var$OVERLAY_NAME, props.__scopeDialog);
     const { forceMount: forceMount = portalContext.forceMount , ...overlayProps } = props;
     const context = $5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$OVERLAY_NAME, props.__scopeDialog);
-    return context.modal ? /*#__PURE__*/ React.createElement(index.$921a889cee6df7e8$export$99c2b779aa4e8b8b, {
+    return context.modal ? /*#__PURE__*/ React.createElement(index$2.$921a889cee6df7e8$export$99c2b779aa4e8b8b, {
         present: forceMount || context.open
     }, /*#__PURE__*/ React.createElement($5d3850c4d0b4e6c7$var$DialogOverlayImpl, _extends._extends({}, overlayProps, {
         ref: forwardedRef
@@ -394,7 +370,7 @@ const $5d3850c4d0b4e6c7$var$DialogOverlayImpl = /*#__PURE__*/ React.forwardRef((
     const context = $5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$OVERLAY_NAME, __scopeDialog);
     return(/*#__PURE__*/ // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
     // ie. when `Overlay` and `Content` are siblings
-    React.createElement(index$3.$01b9c$RemoveScroll, {
+    React.createElement(index$4.$01b9c$RemoveScroll, {
         as: index.$5e63c961fc1ce211$export$8c6ed5c666ac1360,
         allowPinchZoom: true,
         shards: [
@@ -418,7 +394,7 @@ const $5d3850c4d0b4e6c7$export$b6d9565de1e068cf = /*#__PURE__*/ React.forwardRef
     const portalContext = $5d3850c4d0b4e6c7$var$usePortalContext($5d3850c4d0b4e6c7$var$CONTENT_NAME, props.__scopeDialog);
     const { forceMount: forceMount = portalContext.forceMount , ...contentProps } = props;
     const context = $5d3850c4d0b4e6c7$var$useDialogContext($5d3850c4d0b4e6c7$var$CONTENT_NAME, props.__scopeDialog);
-    return /*#__PURE__*/ React.createElement(index.$921a889cee6df7e8$export$99c2b779aa4e8b8b, {
+    return /*#__PURE__*/ React.createElement(index$2.$921a889cee6df7e8$export$99c2b779aa4e8b8b, {
         present: forceMount || context.open
     }, context.modal ? /*#__PURE__*/ React.createElement($5d3850c4d0b4e6c7$var$DialogContentModal, _extends._extends({}, contentProps, {
         ref: forwardedRef
@@ -432,7 +408,7 @@ const $5d3850c4d0b4e6c7$export$b6d9565de1e068cf = /*#__PURE__*/ React.forwardRef
     const composedRefs = index.$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, context.contentRef, contentRef); // aria-hide everything except the content (better supported equivalent to setting aria-modal)
     React.useEffect(()=>{
         const content = contentRef.current;
-        if (content) return index$3.hideOthers(content);
+        if (content) return index$4.hideOthers(content);
     }, []);
     return /*#__PURE__*/ React.createElement($5d3850c4d0b4e6c7$var$DialogContentImpl, _extends._extends({}, props, {
         ref: composedRefs // we make sure focus isn't trapped once `DialogContent` has been closed
@@ -500,14 +476,14 @@ const $5d3850c4d0b4e6c7$export$b6d9565de1e068cf = /*#__PURE__*/ React.forwardRef
     const contentRef = React.useRef(null);
     const composedRefs = index.$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, contentRef); // Make sure the whole tree has focus guards as our `Dialog` will be
     // the last element in the DOM (beacuse of the `Portal`)
-    $3db38b7d1fb3fe6a$export$b7ece24a22aeda8c();
+    index$4.$3db38b7d1fb3fe6a$export$b7ece24a22aeda8c();
     return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement($d3863c46a17e8a28$export$20e40289641fbbb6, {
         asChild: true,
         loop: true,
         trapped: trapFocus,
         onMountAutoFocus: onOpenAutoFocus,
         onUnmountAutoFocus: onCloseAutoFocus
-    }, /*#__PURE__*/ React.createElement(index$2.$5cb92bef7577960e$export$177fb62ff3ec1f22, _extends._extends({
+    }, /*#__PURE__*/ React.createElement(index$3.$5cb92bef7577960e$export$177fb62ff3ec1f22, _extends._extends({
         role: "dialog",
         id: context.contentId,
         "aria-describedby": context.descriptionId,
@@ -577,7 +553,7 @@ var Modal = function (_a) {
     return (React__default["default"].createElement($5d3850c4d0b4e6c7$export$be92b6f5f03c0fe9, { open: isOpen },
         React__default["default"].createElement($5d3850c4d0b4e6c7$export$602eac185826482c, { container: arcRootElement || undefined },
             React__default["default"].createElement($5d3850c4d0b4e6c7$export$c6fdb837b070b4ff, { className: "arc-Modal-overlay" },
-                React__default["default"].createElement($5d3850c4d0b4e6c7$export$7c6e2c02157bb7d2, filterDataAttrs.__assign({}, ariaProps, { role: role, onOpenAutoFocus: setTriggerElement, onCloseAutoFocus: focusTriggerElement, onEscapeKeyDown: closeModal, onInteractOutside: closeModal, className: index$4.classNames("arc-Modal-dialog", "arc-Modal-dialog--".concat(size), {
+                React__default["default"].createElement($5d3850c4d0b4e6c7$export$7c6e2c02157bb7d2, filterDataAttrs.__assign({}, ariaProps, { role: role, onOpenAutoFocus: setTriggerElement, onCloseAutoFocus: focusTriggerElement, onEscapeKeyDown: closeModal, onInteractOutside: closeModal, className: index$5.classNames("arc-Modal-dialog", "arc-Modal-dialog--".concat(size), {
                         "arc-Modal-dialog--maxHeightWindow": isContentScrollable
                     }) }, filterDataAttrs.filterDataAttrs(props)),
                     React__default["default"].createElement("div", { className: "arc-Modal-section" },

package/dist/Modal/Modal.esm.js

@@ -3,10 +3,11 @@ import React__default, { forwardRef, useState, useRef, useEffect, useCallback, c
 import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
 import { B as BtIconCrossAlt2Px } from '../_shared/esm/BtIconCrossAlt2Px.esm-7165ab1a.js';
 import { _ as _extends } from '../_shared/esm/extends-8cc61aad.js';
-import { $ as $b1b2314f5f9a1d84$export$25bec8c6f54ee79a, a as $6ed0406888f73fc4$export$c7b2cbe3552a0d05, b as $8927f6f2acc4f386$export$250ffa63cdc0d034, c as $c512c27ab02ef895$export$50c7b4e9d9f19c1, d as $71cd76cc60e0454e$export$6f32135080cb4c3, e as $921a889cee6df7e8$export$99c2b779aa4e8b8b, f as $5e63c961fc1ce211$export$8c6ed5c666ac1360, g as $e42e1063c40fb3ef$export$b9ecd428b558ff10 } from '../_shared/esm/index-13d575cc.js';
-import { $ as $1746a345f3d73bb7$export$f680877a34711e37 } from '../_shared/esm/index-efd9ef1c.js';
-import { $ as $f1701beae083dbae$export$602eac185826482c, a as $5cb92bef7577960e$export$177fb62ff3ec1f22 } from '../_shared/esm/index-3797d77e.js';
-import { $ as $01b9c$RemoveScroll, h as hideOthers } from '../_shared/esm/index-41d7af2b.js';
+import { $ as $b1b2314f5f9a1d84$export$25bec8c6f54ee79a, a as $6ed0406888f73fc4$export$c7b2cbe3552a0d05, b as $8927f6f2acc4f386$export$250ffa63cdc0d034, c as $c512c27ab02ef895$export$50c7b4e9d9f19c1, d as $71cd76cc60e0454e$export$6f32135080cb4c3, e as $5e63c961fc1ce211$export$8c6ed5c666ac1360, f as $e42e1063c40fb3ef$export$b9ecd428b558ff10 } from '../_shared/esm/index-12f3a407.js';
+import { $ as $1746a345f3d73bb7$export$f680877a34711e37 } from '../_shared/esm/index-936b5179.js';
+import { $ as $f1701beae083dbae$export$602eac185826482c, a as $5cb92bef7577960e$export$177fb62ff3ec1f22 } from '../_shared/esm/index-d0307140.js';
+import { $ as $921a889cee6df7e8$export$99c2b779aa4e8b8b } from '../_shared/esm/index-db47e95a.js';
+import { $ as $01b9c$RemoveScroll, h as hideOthers, a as $3db38b7d1fb3fe6a$export$b7ece24a22aeda8c } from '../_shared/esm/index-3e2bc99d.js';
 import { I as Icon } from '../_shared/esm/Icon-abd0d990.js';
 import { A as ArcRootElementContext } from '../_shared/esm/Base-f200653c.js';
 import { H as Heading } from '../_shared/esm/Heading-d16e0e53.js';
@@ -14,6 +15,7 @@ import { B as Button } from '../_shared/esm/Button-a453e8e4.js';
 import { T as Text } from '../_shared/esm/Text-14f586ac.js';
 import { V as VerticalSpace } from '../_shared/esm/VerticalSpace-43cd9138.js';
 import 'react-dom';
+import '../_shared/esm/index-246b4f18.js';
 import '../_shared/esm/suffix-modifier-3d548e45.js';
 import '../_shared/esm/Surface-0ca6817d.js';
 import '../_shared/esm/BtIconChevronLeftMid.esm-1ed8330b.js';
@@ -291,32 +293,6 @@ function $d3863c46a17e8a28$var$removeLinks(items) {
     );
 }
 
-/** Number of components which have requested interest to have focus guards */ let $3db38b7d1fb3fe6a$var$count = 0;
-/**
- * Injects a pair of focus guards at the edges of the whole DOM tree
- * to ensure `focusin` & `focusout` events can be caught consistently.
- */ function $3db38b7d1fb3fe6a$export$b7ece24a22aeda8c() {
-    useEffect(()=>{
-        var _edgeGuards$, _edgeGuards$2;
-        const edgeGuards = document.querySelectorAll('[data-radix-focus-guard]');
-        document.body.insertAdjacentElement('afterbegin', (_edgeGuards$ = edgeGuards[0]) !== null && _edgeGuards$ !== void 0 ? _edgeGuards$ : $3db38b7d1fb3fe6a$var$createFocusGuard());
-        document.body.insertAdjacentElement('beforeend', (_edgeGuards$2 = edgeGuards[1]) !== null && _edgeGuards$2 !== void 0 ? _edgeGuards$2 : $3db38b7d1fb3fe6a$var$createFocusGuard());
-        $3db38b7d1fb3fe6a$var$count++;
-        return ()=>{
-            if ($3db38b7d1fb3fe6a$var$count === 1) document.querySelectorAll('[data-radix-focus-guard]').forEach((node)=>node.remove()
-            );
-            $3db38b7d1fb3fe6a$var$count--;
-        };
-    }, []);
-}
-function $3db38b7d1fb3fe6a$var$createFocusGuard() {
-    const element = document.createElement('span');
-    element.setAttribute('data-radix-focus-guard', '');
-    element.tabIndex = 0;
-    element.style.cssText = 'outline: none; opacity: 0; position: fixed; pointer-events: none';
-    return element;
-}
-
 /* -------------------------------------------------------------------------------------------------
  * Dialog
  * -----------------------------------------------------------------------------------------------*/ const $5d3850c4d0b4e6c7$var$DIALOG_NAME = 'Dialog';

package/dist/PaginationSimple/PaginationSimple.cjs.js

@@ -26,22 +26,25 @@ var PaginationSimple = function (_a) {
             "arc-PaginationSimple--fluid": isFluid,
             "arc-PaginationSimple--centered": !isFluid
         }) }, filterDataAttrs.filterDataAttrs(props)),
-        React__default["default"].createElement("button", { className: index.classNames("arc-PaginationSimple-navigationButton", {
-                "arc-PaginationSimple-navigationButton--hidden": hidePrev
-            }), onClick: function () {
-                onPrevPage();
-            } },
-            React__default["default"].createElement("div", { className: "arc-PaginationSimple-iconContainer arc-PaginationSimple-iconContainer--left" },
-                React__default["default"].createElement(Icon.Icon, { color: "brand", size: 32, icon: BtIconChevronLeftMid_esm.BtIconChevronLeftMid })),
-            React__default["default"].createElement("span", { className: "arc-PaginationSimple-prevText" }, "Prev")),
-        React__default["default"].createElement("button", { className: index.classNames("arc-PaginationSimple-navigationButton", {
-                "arc-PaginationSimple-navigationButton--hidden": hideNext
-            }), onClick: function () {
-                onNextPage();
-            } },
-            React__default["default"].createElement("span", { className: "arc-PaginationSimple-nextText" }, "Next"),
-            React__default["default"].createElement("div", { className: "arc-PaginationSimple-iconContainer arc-PaginationSimple-iconContainer--right" },
-                React__default["default"].createElement(Icon.Icon, { color: "brand", size: 32, icon: BtIconChevronRightMid_esm.BtIconChevronRightMid })))));
+        React__default["default"].createElement("ul", { className: "arc-PaginationSimple-list" },
+            React__default["default"].createElement("li", { className: "arc-PaginationSimple-listItem" },
+                React__default["default"].createElement("button", { className: index.classNames("arc-PaginationSimple-navigationButton", {
+                        "arc-PaginationSimple-navigationButton--hidden": hidePrev
+                    }), onClick: function () {
+                        onPrevPage();
+                    } },
+                    React__default["default"].createElement("div", { className: "arc-PaginationSimple-iconContainer arc-PaginationSimple-iconContainer--left" },
+                        React__default["default"].createElement(Icon.Icon, { color: "brand", size: 32, icon: BtIconChevronLeftMid_esm.BtIconChevronLeftMid })),
+                    React__default["default"].createElement("span", { className: "arc-PaginationSimple-prevText" }, "Prev"))),
+            React__default["default"].createElement("li", { className: "arc-PaginationSimple-listItem" },
+                React__default["default"].createElement("button", { className: index.classNames("arc-PaginationSimple-navigationButton", {
+                        "arc-PaginationSimple-navigationButton--hidden": hideNext
+                    }), onClick: function () {
+                        onNextPage();
+                    } },
+                    React__default["default"].createElement("span", { className: "arc-PaginationSimple-nextText" }, "Next"),
+                    React__default["default"].createElement("div", { className: "arc-PaginationSimple-iconContainer arc-PaginationSimple-iconContainer--right" },
+                        React__default["default"].createElement(Icon.Icon, { color: "brand", size: 32, icon: BtIconChevronRightMid_esm.BtIconChevronRightMid })))))));
 };
 
 exports.PaginationSimple = PaginationSimple;

package/dist/PaginationSimple/PaginationSimple.esm.js

@@ -18,22 +18,25 @@ var PaginationSimple = function (_a) {
             "arc-PaginationSimple--fluid": isFluid,
             "arc-PaginationSimple--centered": !isFluid
         }) }, filterDataAttrs(props)),
-        React__default.createElement("button", { className: classNames("arc-PaginationSimple-navigationButton", {
-                "arc-PaginationSimple-navigationButton--hidden": hidePrev
-            }), onClick: function () {
-                onPrevPage();
-            } },
-            React__default.createElement("div", { className: "arc-PaginationSimple-iconContainer arc-PaginationSimple-iconContainer--left" },
-                React__default.createElement(Icon, { color: "brand", size: 32, icon: BtIconChevronLeftMid })),
-            React__default.createElement("span", { className: "arc-PaginationSimple-prevText" }, "Prev")),
-        React__default.createElement("button", { className: classNames("arc-PaginationSimple-navigationButton", {
-                "arc-PaginationSimple-navigationButton--hidden": hideNext
-            }), onClick: function () {
-                onNextPage();
-            } },
-            React__default.createElement("span", { className: "arc-PaginationSimple-nextText" }, "Next"),
-            React__default.createElement("div", { className: "arc-PaginationSimple-iconContainer arc-PaginationSimple-iconContainer--right" },
-                React__default.createElement(Icon, { color: "brand", size: 32, icon: BtIconChevronRightMid })))));
+        React__default.createElement("ul", { className: "arc-PaginationSimple-list" },
+            React__default.createElement("li", { className: "arc-PaginationSimple-listItem" },
+                React__default.createElement("button", { className: classNames("arc-PaginationSimple-navigationButton", {
+                        "arc-PaginationSimple-navigationButton--hidden": hidePrev
+                    }), onClick: function () {
+                        onPrevPage();
+                    } },
+                    React__default.createElement("div", { className: "arc-PaginationSimple-iconContainer arc-PaginationSimple-iconContainer--left" },
+                        React__default.createElement(Icon, { color: "brand", size: 32, icon: BtIconChevronLeftMid })),
+                    React__default.createElement("span", { className: "arc-PaginationSimple-prevText" }, "Prev"))),
+            React__default.createElement("li", { className: "arc-PaginationSimple-listItem" },
+                React__default.createElement("button", { className: classNames("arc-PaginationSimple-navigationButton", {
+                        "arc-PaginationSimple-navigationButton--hidden": hideNext
+                    }), onClick: function () {
+                        onNextPage();
+                    } },
+                    React__default.createElement("span", { className: "arc-PaginationSimple-nextText" }, "Next"),
+                    React__default.createElement("div", { className: "arc-PaginationSimple-iconContainer arc-PaginationSimple-iconContainer--right" },
+                        React__default.createElement(Icon, { color: "brand", size: 32, icon: BtIconChevronRightMid })))))));
 };
 
 export { PaginationSimple };

package/dist/RadioGroup/RadioGroup.cjs.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var RadioGroup = require('../_shared/cjs/RadioGroup-56e3b0e5.js');
+var RadioGroup = require('../_shared/cjs/RadioGroup-1eddf86f.js');
 require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 require('react');
-require('../_shared/cjs/FormControl-7daf8110.js');
+require('../_shared/cjs/FormControl-166e0957.js');
 require('../_shared/cjs/index-9947ac13.js');
 require('../_shared/cjs/BtIconAlert.esm-1a0ff9f0.js');
 require('../_shared/cjs/Surface-038db6e1.js');

package/dist/RadioGroup/RadioGroup.esm.js

@@ -1,7 +1,7 @@
-export { R as RadioGroup } from '../_shared/esm/RadioGroup-c838764c.js';
+export { R as RadioGroup } from '../_shared/esm/RadioGroup-238db88d.js';
 import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import 'react';
-import '../_shared/esm/FormControl-351e5f1b.js';
+import '../_shared/esm/FormControl-9d4ddfec.js';
 import '../_shared/esm/index-2e73c2e9.js';
 import '../_shared/esm/BtIconAlert.esm-a4608d47.js';
 import '../_shared/esm/Surface-0ca6817d.js';