@arc-ui/components 12.0.0-beta.5 → 12.0.0-beta.6

package/dist/_shared/cjs/{index-7aa7f96a.js → index-568bc1da.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-3dd54df1.js');
+var index = require('./index-6f33b8c0.js');
 
 function _interopNamespace(e) {
     if (e && e.__esModule) return e;
@@ -23,6 +23,12 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
+const $f631663db3294ace$var$DirectionContext = /*#__PURE__*/ React.createContext(undefined);
+/* -----------------------------------------------------------------------------------------------*/ function $f631663db3294ace$export$b39126d51d94e6f3(localDir) {
+    const globalDir = React.useContext($f631663db3294ace$var$DirectionContext);
+    return localDir || globalDir || 'ltr';
+}
+
 const $1746a345f3d73bb7$var$useReactId = React__namespace['useId'.toString()] || (()=>undefined
 );
 let $1746a345f3d73bb7$var$count = 0;
@@ -38,3 +44,4 @@ function $1746a345f3d73bb7$export$f680877a34711e37(deterministicId) {
 }
 
 exports.$1746a345f3d73bb7$export$f680877a34711e37 = $1746a345f3d73bb7$export$f680877a34711e37;
+exports.$f631663db3294ace$export$b39126d51d94e6f3 = $f631663db3294ace$export$b39126d51d94e6f3;

package/dist/_shared/cjs/{index-0c6319ec.js → index-677557a4.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-3dd54df1.js');
+var index = require('./index-6f33b8c0.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/_shared/cjs/{index-3d629205.js → index-6cbaf5e0.js}

@@ -1,7 +1,24 @@
 'use strict';
 
-var index = require('./index-3dd54df1.js');
 var React = require('react');
+var index = require('./index-6f33b8c0.js');
+
+/**
+ * Listens for when the escape key is down
+ */ function $addc16e1bbe58fd0$export$3a72a57244d6e765(onEscapeKeyDownProp, ownerDocument = globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) {
+    const onEscapeKeyDown = index.$b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onEscapeKeyDownProp);
+    React.useEffect(()=>{
+        const handleKeyDown = (event)=>{
+            if (event.key === 'Escape') onEscapeKeyDown(event);
+        };
+        ownerDocument.addEventListener('keydown', handleKeyDown);
+        return ()=>ownerDocument.removeEventListener('keydown', handleKeyDown)
+        ;
+    }, [
+        onEscapeKeyDown,
+        ownerDocument
+    ]);
+}
 
 const $ea1ef594cf570d83$export$439d29a4e110a164 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
     return /*#__PURE__*/ React.createElement(index.$8927f6f2acc4f386$export$250ffa63cdc0d034.span, index._extends({}, props, {
@@ -23,4 +40,5 @@ const $ea1ef594cf570d83$export$439d29a4e110a164 = /*#__PURE__*/ React.forwardRef
     }));
 });
 
+exports.$addc16e1bbe58fd0$export$3a72a57244d6e765 = $addc16e1bbe58fd0$export$3a72a57244d6e765;
 exports.$ea1ef594cf570d83$export$439d29a4e110a164 = $ea1ef594cf570d83$export$439d29a4e110a164;

package/dist/_shared/cjs/{index-41b09e85.js → index-c137700a.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-3dd54df1.js');
+var index = require('./index-6f33b8c0.js');
 
 function $db6c3485150b8e66$export$1ab7ae714698c4b8(element) {
     const [size, setSize] = React.useState(undefined);
@@ -50,4 +50,23 @@ function $db6c3485150b8e66$export$1ab7ae714698c4b8(element) {
     return size;
 }
 
+function $010c2913dbd2fe3d$export$5cae361ad82dce8b(value) {
+    const ref = React.useRef({
+        value: value,
+        previous: value
+    }); // We compare values before making an update to ensure that
+    // a change has been made. This ensures the previous value is
+    // persisted correctly between renders.
+    return React.useMemo(()=>{
+        if (ref.current.value !== value) {
+            ref.current.previous = ref.current.value;
+            ref.current.value = value;
+        }
+        return ref.current.previous;
+    }, [
+        value
+    ]);
+}
+
+exports.$010c2913dbd2fe3d$export$5cae361ad82dce8b = $010c2913dbd2fe3d$export$5cae361ad82dce8b;
 exports.$db6c3485150b8e66$export$1ab7ae714698c4b8 = $db6c3485150b8e66$export$1ab7ae714698c4b8;

package/dist/_shared/cjs/{index-996dec94.js → index-dbab0ad6.js}

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var ReactDOM = require('react-dom');
-var index = require('./index-3dd54df1.js');
+var index = require('./index-6f33b8c0.js');
 
 function $fe963b355347cc68$export$3e6543de14f8614f(initialState, machine) {
     return React.useReducer((state, event)=>{

package/dist/_shared/cjs/{index.es-16759329.js → index.es-ba095ee5.js}

@@ -2,7 +2,7 @@
 
 /**
  * Do not edit directly
- * Generated on Thu, 29 Aug 2024 08:40:27 GMT
+ * Generated on Wed, 18 Sep 2024 09:30:43 GMT
  */
 var SemSizeBreakpointsS = "576px"; // Small (SM) - 576px to 767px: This is often used for smartphones in landscape mode and small tablets.
 var SemSizeBreakpointsM = "768px"; // Medium (MD) - 768px to 991px: This is commonly used for larger tablets and smaller desktop screens.

package/dist/_shared/cjs/{index-df60851b.js → index.es-c26e8978.js}

@@ -65,7 +65,7 @@ var filterDataAttrs = function (props) {
     return filteredProps;
 };
 
-var camelcase$1 = {exports: {}};
+var camelcase = {exports: {}};
 
 const UPPERCASE = /[\p{Lu}]/u;
 const LOWERCASE = /[\p{Ll}]/u;
@@ -175,13 +175,27 @@ const camelCase = (input, options) => {
 	return postProcess(input, toUpperCase);
 };
 
-camelcase$1.exports = camelCase;
+camelcase.exports = camelCase;
 // TODO: Remove this for the next major release
-camelcase$1.exports.default = camelCase;
-
-var camelcase = camelcase$1.exports;
+camelcase.exports.default = camelCase;
+
+var camelCase$1 = camelcase.exports;
+
+/**
+ * Suffixes a modifier value onto the end of a className, converting it to
+ * pascal case. i.e. turns suffixModifier("MyComponent--display", display)
+ * returns MyComponent--displayBlock.
+ *
+ * @param rootClassName The root className to append the suffix onto
+ * @param suffix The suffix to convert into pascal case.
+ */
+var suffixModifier = function (rootClassName, suffix) {
+    return "".concat(rootClassName).concat(camelCase$1(suffix, {
+        pascalCase: true
+    }));
+};
 
 exports.__rest = __rest;
 exports.__spreadArray = __spreadArray;
-exports.camelcase = camelcase;
 exports.filterDataAttrs = filterDataAttrs;
+exports.suffixModifier = suffixModifier;

package/dist/_shared/esm/{Avatar-38cc0595.js → Avatar-b5ac0a89.js}

@@ -1,11 +1,10 @@
-import { a as __assign, _ as __rest, f as filterDataAttrs } from './index-288c66b5.js';
+import { a as __assign, _ as __rest, f as filterDataAttrs } from './index.es-5496ec12.js';
 import React__default from 'react';
 import { c as classNames } from './index-2e73c2e9.js';
-import { H as Heading } from './Heading-906c7c7c.js';
-import './Surface-71d21a9e.js';
-import { C as ConditionalWrapper } from './ConditionalWrapper-59be8f35.js';
-import { T as ThemeIcon } from './ThemeIcon-c2dc41a6.js';
-import { I as Image } from './Image-57d08939.js';
+import { C as ConditionalWrapper } from './ConditionalWrapper-b85979de.js';
+import { T as ThemeIcon } from './ThemeIcon-9fac63d0.js';
+import { I as Image } from './Image-c1dc10b5.js';
+import { H as Heading } from './Heading-0dfbdb24.js';
 
 var AvatarContent = function (_a) {
     var img = _a.img, initials = _a.initials, _b = _a.size, size = _b === void 0 ? "xl" : _b;

package/dist/_shared/esm/{BrandLogo-7ed8aeda.js → BrandLogo-fb863b5b.js}

@@ -1,8 +1,7 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from './index-288c66b5.js';
+import { _ as __rest, a as __assign, s as suffixModifier, f as filterDataAttrs } from './index.es-5496ec12.js';
 import { c as classNames } from './index-2e73c2e9.js';
 import React__default, { useContext } from 'react';
-import { s as suffixModifier } from './suffix-modifier-1ce05abe.js';
-import { C as Context } from './Surface-71d21a9e.js';
+import { C as Context } from './Surface-c425e5e6.js';
 
 /**
  * Use `BrandLogo` to display the brand logo.

package/dist/_shared/esm/{Breadcrumbs-9078b68e.js → Breadcrumbs-01ebed9b.js}

@@ -1,13 +1,13 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from './index-288c66b5.js';
+import { a as __assign, _ as __rest, f as filterDataAttrs } from './index.es-5496ec12.js';
 import React__default, { useRef, useState, useEffect } from 'react';
 import { d as debounce_1 } from './debounce-c8e41002.js';
-import { T as ThemeIcon } from './ThemeIcon-c2dc41a6.js';
+import { T as ThemeIcon } from './ThemeIcon-9fac63d0.js';
 import { c as classNames } from './index-2e73c2e9.js';
 import { h as handleLinkClick } from './handle-link-click-f64f55a2.js';
 
 var BreadcrumbsItem = function (_a) {
-    var spacerIconAfter = _a.spacerIconAfter, spacerIconBefore = _a.spacerIconBefore, children = _a.children, props = __rest(_a, ["spacerIconAfter", "spacerIconBefore", "children"]);
-    return (React__default.createElement("li", __assign({ className: "arc-Breadcrumbs-item" }, filterDataAttrs(props)),
+    var spacerIconAfter = _a.spacerIconAfter, spacerIconBefore = _a.spacerIconBefore, children = _a.children;
+    return (React__default.createElement("li", { className: "arc-Breadcrumbs-item" },
         spacerIconBefore && (React__default.createElement("div", { className: "arc-Breadcrumbs-spacerIcon", "data-testid": "arc-chevron-left-2px", "aria-hidden": "true" },
             React__default.createElement(ThemeIcon, { icon: "breadcrumbLeft" }))),
         children,
@@ -16,13 +16,13 @@ var BreadcrumbsItem = function (_a) {
 };
 
 var BreadcrumbsLink = React__default.forwardRef(function (_a, ref) {
-    var onClick = _a.onClick, href = _a.href, isActive = _a.isActive, children = _a.children, props = __rest(_a, ["onClick", "href", "isActive", "children"]);
-    return (React__default.createElement(React__default.Fragment, null, isActive || href === undefined ? (React__default.createElement("span", __assign({ onClick: onClick, className: classNames({
+    var onClick = _a.onClick, href = _a.href, isActive = _a.isActive, children = _a.children;
+    return (React__default.createElement(React__default.Fragment, null, isActive || href === undefined ? (React__default.createElement("span", { onClick: onClick, className: classNames({
             "arc-Breadcrumbs-text": true,
             "arc-Breadcrumbs-text--active": isActive
-        }) }, filterDataAttrs(props)), children)) : (React__default.createElement("a", __assign({}, (onClick && ref
+        }) }, children)) : (React__default.createElement("a", __assign({}, (onClick && ref
         ? { onClick: onClick }
-        : { onClick: handleLinkClick({ handler: onClick }) }), { className: "arc-Breadcrumbs-text", ref: ref, href: href }, filterDataAttrs(props)), children))));
+        : { onClick: handleLinkClick({ handler: onClick }) }), { className: "arc-Breadcrumbs-text", ref: ref, href: href }), children))));
 });
 
 /** Use `Breadcrumbs` to add a secondary navigation scheme that reveals the user’s location. Each item should be wrapped with `Breadcrumbs.Item` */

package/dist/_shared/esm/BtIconArrowRight.esm-93da96bb.js

@@ -0,0 +1,24 @@
+import React__default from 'react';
+
+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",
+    }),
+  );
+
+export { BtIconArrowRight as B };

package/dist/_shared/esm/{Button-dde2b46a.js → Button-1491784f.js}

@@ -1,10 +1,9 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from './index-288c66b5.js';
+import { _ as __rest, s as suffixModifier, a as __assign, f as filterDataAttrs } from './index.es-5496ec12.js';
 import { c as classNames } from './index-2e73c2e9.js';
 import React__default, { forwardRef, useContext } from 'react';
-import { s as suffixModifier } from './suffix-modifier-1ce05abe.js';
-import { I as Icon } from './Icon-512f834f.js';
-import { C as Context } from './Surface-71d21a9e.js';
-import { T as ThemeIcon } from './ThemeIcon-c2dc41a6.js';
+import { I as Icon } from './Icon-428e8061.js';
+import { C as Context } from './Surface-c425e5e6.js';
+import { T as ThemeIcon } from './ThemeIcon-9fac63d0.js';
 
 /**
  * Use `Button` to let a user complete an action like ‘Log in’ or ‘Register’.

package/dist/_shared/esm/{ButtonV2-49cd0615.js → ButtonV2-f9019e00.js}

@@ -1,8 +1,8 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from './index-288c66b5.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from './index.es-5496ec12.js';
 import React__default, { forwardRef, useContext } from 'react';
 import { c as classNames } from './index-2e73c2e9.js';
-import { I as Icon } from './Icon-512f834f.js';
-import { C as Context } from './Surface-71d21a9e.js';
+import { I as Icon } from './Icon-428e8061.js';
+import { C as Context } from './Surface-c425e5e6.js';
 import { A as ArcIconEclipse } from './ArcIconEclipse.esm-bb48b82a.js';
 
 var ButtonV2 = forwardRef(function (_a, ref) {