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

package/dist/_shared/cjs/{index-7aa7f96a.js → index-879e71ee.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-3dd54df1.js');
+var index = require('./index-76f7dd53.js');
 
 function _interopNamespace(e) {
     if (e && e.__esModule) return e;
@@ -37,4 +37,11 @@ function $1746a345f3d73bb7$export$f680877a34711e37(deterministicId) {
     return deterministicId || (id ? `radix-${id}` : '');
 }
 
+const $f631663db3294ace$var$DirectionContext = /*#__PURE__*/ React.createContext(undefined);
+/* -----------------------------------------------------------------------------------------------*/ function $f631663db3294ace$export$b39126d51d94e6f3(localDir) {
+    const globalDir = React.useContext($f631663db3294ace$var$DirectionContext);
+    return localDir || globalDir || 'ltr';
+}
+
 exports.$1746a345f3d73bb7$export$f680877a34711e37 = $1746a345f3d73bb7$export$f680877a34711e37;
+exports.$f631663db3294ace$export$b39126d51d94e6f3 = $f631663db3294ace$export$b39126d51d94e6f3;

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var index = require('./index-3dd54df1.js');
+var index = require('./index-76f7dd53.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-0c6319ec.js → index-dbc843d3.js}

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

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

@@ -2,9 +2,9 @@
 
 /**
  * Do not edit directly
- * Generated on Thu, 29 Aug 2024 08:40:27 GMT
+ * Generated on Tue, 12 Nov 2024 11:47:06 GMT
  */
-var SemSizeBreakpointsS = "576px"; // Small (SM) - 576px to 767px: This is often used for smartphones in landscape mode and small tablets.
+var SemSizeBreakpointsS = "636px"; // Small (SM) - 636px 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.
 var SemSizeBreakpointsL = "1024px"; // Large (LG) - 1024px - 1279px: This breakpoint is often applied to larger desktop screens and some laptops.
 

package/dist/_shared/cjs/index.es-b404d2c5.js

@@ -0,0 +1,324 @@
+'use strict';
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+exports.__assign = function() {
+  exports.__assign = Object.assign || function __assign(t) {
+      for (var s, i = 1, n = arguments.length; i < n; i++) {
+          s = arguments[i];
+          for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+      return t;
+  };
+  return exports.__assign.apply(this, arguments);
+};
+
+function __rest(s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+      t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function")
+      for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+          if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+              t[p[i]] = s[p[i]];
+      }
+  return t;
+}
+
+function __spreadArray(to, from, pack) {
+  if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+      if (ar || !(i in from)) {
+          if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+          ar[i] = from[i];
+      }
+  }
+  return to.concat(ar || Array.prototype.slice.call(from));
+}
+
+typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
+  var e = new Error(message);
+  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+
+var dataAttrRe = /^(data-.*)$/;
+var filterDataAttrs = function (props) {
+    var filteredProps = {};
+    for (var prop in props) {
+        if (Object.prototype.hasOwnProperty.call(props, prop) &&
+            dataAttrRe.test(prop)) {
+            filteredProps[prop] = props[prop];
+        }
+    }
+    return filteredProps;
+};
+
+var camelcase = {exports: {}};
+
+const UPPERCASE = /[\p{Lu}]/u;
+const LOWERCASE = /[\p{Ll}]/u;
+const LEADING_CAPITAL = /^[\p{Lu}](?![\p{Lu}])/gu;
+const IDENTIFIER = /([\p{Alpha}\p{N}_]|$)/u;
+const SEPARATORS = /[_.\- ]+/;
+
+const LEADING_SEPARATORS = new RegExp('^' + SEPARATORS.source);
+const SEPARATORS_AND_IDENTIFIER = new RegExp(SEPARATORS.source + IDENTIFIER.source, 'gu');
+const NUMBERS_AND_IDENTIFIER = new RegExp('\\d+' + IDENTIFIER.source, 'gu');
+
+const preserveCamelCase = (string, toLowerCase, toUpperCase) => {
+	let isLastCharLower = false;
+	let isLastCharUpper = false;
+	let isLastLastCharUpper = false;
+
+	for (let i = 0; i < string.length; i++) {
+		const character = string[i];
+
+		if (isLastCharLower && UPPERCASE.test(character)) {
+			string = string.slice(0, i) + '-' + string.slice(i);
+			isLastCharLower = false;
+			isLastLastCharUpper = isLastCharUpper;
+			isLastCharUpper = true;
+			i++;
+		} else if (isLastCharUpper && isLastLastCharUpper && LOWERCASE.test(character)) {
+			string = string.slice(0, i - 1) + '-' + string.slice(i - 1);
+			isLastLastCharUpper = isLastCharUpper;
+			isLastCharUpper = false;
+			isLastCharLower = true;
+		} else {
+			isLastCharLower = toLowerCase(character) === character && toUpperCase(character) !== character;
+			isLastLastCharUpper = isLastCharUpper;
+			isLastCharUpper = toUpperCase(character) === character && toLowerCase(character) !== character;
+		}
+	}
+
+	return string;
+};
+
+const preserveConsecutiveUppercase = (input, toLowerCase) => {
+	LEADING_CAPITAL.lastIndex = 0;
+
+	return input.replace(LEADING_CAPITAL, m1 => toLowerCase(m1));
+};
+
+const postProcess = (input, toUpperCase) => {
+	SEPARATORS_AND_IDENTIFIER.lastIndex = 0;
+	NUMBERS_AND_IDENTIFIER.lastIndex = 0;
+
+	return input.replace(SEPARATORS_AND_IDENTIFIER, (_, identifier) => toUpperCase(identifier))
+		.replace(NUMBERS_AND_IDENTIFIER, m => toUpperCase(m));
+};
+
+const camelCase = (input, options) => {
+	if (!(typeof input === 'string' || Array.isArray(input))) {
+		throw new TypeError('Expected the input to be `string | string[]`');
+	}
+
+	options = {
+		pascalCase: false,
+		preserveConsecutiveUppercase: false,
+		...options
+	};
+
+	if (Array.isArray(input)) {
+		input = input.map(x => x.trim())
+			.filter(x => x.length)
+			.join('-');
+	} else {
+		input = input.trim();
+	}
+
+	if (input.length === 0) {
+		return '';
+	}
+
+	const toLowerCase = options.locale === false ?
+		string => string.toLowerCase() :
+		string => string.toLocaleLowerCase(options.locale);
+	const toUpperCase = options.locale === false ?
+		string => string.toUpperCase() :
+		string => string.toLocaleUpperCase(options.locale);
+
+	if (input.length === 1) {
+		return options.pascalCase ? toUpperCase(input) : toLowerCase(input);
+	}
+
+	const hasUpperCase = input !== toLowerCase(input);
+
+	if (hasUpperCase) {
+		input = preserveCamelCase(input, toLowerCase, toUpperCase);
+	}
+
+	input = input.replace(LEADING_SEPARATORS, '');
+
+	if (options.preserveConsecutiveUppercase) {
+		input = preserveConsecutiveUppercase(input, toLowerCase);
+	} else {
+		input = toLowerCase(input);
+	}
+
+	if (options.pascalCase) {
+		input = toUpperCase(input.charAt(0)) + input.slice(1);
+	}
+
+	return postProcess(input, toUpperCase);
+};
+
+camelcase.exports = camelCase;
+// TODO: Remove this for the next major release
+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
+    }));
+};
+
+var name = "@arc-ui/arc-ui";
+var homepage = "https://ui.digital-ent-int.bt.com";
+var author = "BT Business Digital UI Team <ui-digital-ent-int@bt.com>";
+var version = "12.0.0-beta.8";
+var engines = {
+	node: "20.x"
+};
+var devDependencies = {
+	"@commitlint/cli": "^17.1.2",
+	"@commitlint/config-conventional": "^17.1.0",
+	"@testing-library/dom": "^8.5.0",
+	"@testing-library/jest-dom": "^5.16.1",
+	"@testing-library/react": "^13.3.0",
+	"@testing-library/user-event": "^13.5.0",
+	"@types/jest": "^27.0.3",
+	"@types/testing-library__jest-dom": "^5.14.2",
+	"@typescript-eslint/eslint-plugin": "^4.5.0",
+	"@typescript-eslint/parser": "^4.5.0",
+	"conventional-recommended-bump": "^6.0.5",
+	eslint: "^7.27.0",
+	"eslint-config-react-app": "^6.0.0",
+	husky: "^8.0.0",
+	jest: "^27.4.3",
+	lerna: "^7.3.0",
+	"postcss-scss": "^4.0.3",
+	prettier: "^3.0.3",
+	"resize-observer-polyfill": "1.5.1",
+	semver: "^7.3.2",
+	"standard-changelog": "^2.0.21",
+	stylelint: "^14.5.3",
+	"stylelint-config-prettier": "^9.0.3",
+	"stylelint-config-standard": "^25.0.0",
+	"stylelint-config-suitcss": "^18.0.0",
+	"stylelint-selector-bem-pattern": "^2.1.1",
+	"ts-jest": "^27.1.0"
+};
+var scripts = {
+	build: "pnpm run build:deps && pnpm run build:components",
+	"build:deps": "pnpm run build:helpers && pnpm run build:icons && pnpm run build:tokens:web",
+	"build:components": "pnpm run build:components:arc && pnpm run build:components:community",
+	"build:components:arc": "pnpm run --filter @arc-ui/components build",
+	"build:components:community": "pnpm run --filter @arc-ui/community-components build",
+	"build:helpers": "pnpm run --filter @arc-ui/helpers build",
+	"build:icons": "pnpm run build:icons:bt && pnpm run build:icons:ee",
+	"build:icons:bt": "pnpm run --filter @arc-ui/icons-bt build",
+	"build:icons:ee": "pnpm run --filter @arc-ui/icons-ee build",
+	"build:tokens:web": "pnpm run build:tokens:arc && pnpm run build:tokens:bt:enterprise && pnpm run build:tokens:ee && pnpm run build:tokens:bt:business",
+	"build:tokens:arc": "pnpm run --filter @arc-ui/tokens-arc build",
+	"build:tokens:bt:enterprise": "pnpm run --filter @arc-ui/tokens-bt-enterprise build",
+	"build:tokens:bt:business": "pnpm run --filter @arc-ui/tokens-bt-business build",
+	"build:tokens:ee": "pnpm run --filter @arc-ui/tokens-ee build",
+	"build:storybook:arc": "pnpm run --filter @arc-ui/components storybook:build",
+	"build:storybook:community": "pnpm run --filter @arc-ui/community-components storybook:build",
+	"build:website": "pnpm run --filter website build && pnpm run build:website:storybook",
+	"build:website:quick": "pnpm run --filter website build && pnpm run build:website:storybook:copy && pnpm run build:website:storybook:copy:community",
+	"build:website:storybook": "pnpm run build:storybook:arc && pnpm run build:storybook:community && pnpm run build:website:storybook:copy && pnpm run build:website:storybook:copy:community",
+	"build:website:storybook:copy": "cp -R packages/arc-components/storybook-static apps/website/build/storybook",
+	"build:website:storybook:copy:community": "cp -R packages/community-components/storybook-static apps/website/build/storybook-community",
+	changelog: "node scripts/create-changelog",
+	"internal:prettier": "prettier './**/*.{css,html,js,json,md,ts,tsx,scss}'",
+	"test:prettier": "pnpm run internal:prettier --check",
+	prettier: "pnpm run internal:prettier --write",
+	lint: "stylelint '**/*{.css,.scss}' && eslint .",
+	"lint:ci": "pnpm run lint --max-warnings 0",
+	"lint:commit-message": "pnpm dlx commitlint --edit $1",
+	precommit: "pnpm run lint && pnpm run test && pnpm run test:components:ci",
+	"start:storybook:arc": "pnpm run --filter @arc-ui/components storybook:quiet",
+	"start:storybook:community": "pnpm run --filter @arc-ui/community-components storybook:quiet",
+	"start:website": "pnpm run --filter website start",
+	test: "pnpm run test:prettier && pnpm run test:unit",
+	"test:components:ci": "pnpm run test:components:arc:ci && pnpm run test:components:community:ci",
+	"test:components:arc": "pnpm run --filter @arc-ui/components test:components",
+	"test:components:arc:ci": "pnpm run --filter @arc-ui/components test:components:pipeline",
+	"test:components:community": "pnpm run --filter @arc-ui/community-components test:components",
+	"test:components:community:ci": "pnpm run --filter @arc-ui/community-components test:components:pipeline",
+	"test:coverage": "pnpm run test:unit --coverage",
+	"test:unit": "TZ=UTC jest",
+	"test:watch": "pnpm run test:unit --changedSince=origin/master --coverage --watch",
+	release: "conventional-recommended-bump -p angular | xargs pnpm version --no-git-tag-version",
+	"release-commit": "git add -u && git commit -m \"release: v${npm_package_version}\" --no-verify",
+	version: "pnpm run changelog && lerna version --force-publish -y --no-push --no-changelog --no-git-tag-version $npm_package_version",
+	"update-versions": "node scripts/update-versions",
+	prepare: "husky install",
+	prerelease: "lerna version --force-publish -y --no-push --no-changelog --no-git-tag-version",
+	"generate:component": "pnpm run --filter @arc-ui/components generate:component $1 "
+};
+var browserslist = [
+	"defaults",
+	"last 1 Chrome version",
+	"last 1 ChromeAndroid version",
+	"last 1 Edge version",
+	"last 1 Firefox version",
+	"Firefox ESR",
+	"Firefox 91",
+	"Firefox 78",
+	"Firefox 68",
+	"Safari >= 14",
+	"iOS >= 14",
+	"Samsung >= 16",
+	"not IE 11",
+	"not Edge < 18",
+	"not and_qq > 0",
+	"not UCAndroid > 0",
+	"not OperaMini all"
+];
+var pkg = {
+	name: name,
+	homepage: homepage,
+	author: author,
+	"private": true,
+	version: version,
+	engines: engines,
+	devDependencies: devDependencies,
+	scripts: scripts,
+	browserslist: browserslist
+};
+
+// @ts-ignore
+var getVersionClassName = function () {
+    return "arc-v".concat(pkg.version.replace(/\./g, "-"));
+};
+
+exports.__rest = __rest;
+exports.__spreadArray = __spreadArray;
+exports.filterDataAttrs = filterDataAttrs;
+exports.getVersionClassName = getVersionClassName;
+exports.suffixModifier = suffixModifier;

package/dist/_shared/esm/{Avatar-38cc0595.js → Avatar-b2fde5c6.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-4921e8dd.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-810de4bc.js';
+import { I as Image } from './Image-85c39506.js';
+import { H as Heading } from './Heading-14df0c64.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/Badge-a6bda4a7.js

@@ -0,0 +1,11 @@
+import { _ as __rest, a as __assign, s as suffixModifier, f as filterDataAttrs } from './index.es-4921e8dd.js';
+import React__default from 'react';
+import { c as classNames } from './index-2e73c2e9.js';
+
+/** Use `Badge` as a static, non-interactive way to provide short updates. */
+var Badge = function (_a) {
+    var children = _a.children, _b = _a.state, state = _b === void 0 ? "default" : _b, ariaLabel = _a.ariaLabel, ariaRole = _a.ariaRole, props = __rest(_a, ["children", "state", "ariaLabel", "ariaRole"]);
+    return (React__default.createElement("div", __assign({ className: classNames("arc-Badge", suffixModifier("arc-Badge--state", state)) }, (ariaLabel && { "aria-label": ariaLabel }), (ariaRole && { role: ariaRole }), filterDataAttrs(props)), children));
+};
+
+export { Badge as B };

package/dist/_shared/esm/Box-2a1645ed.js

@@ -0,0 +1,23 @@
+import { _ as __rest, a as __assign, f as filterDataAttrs } from './index.es-4921e8dd.js';
+import React__default from 'react';
+import { c as classNames } from './index-2e73c2e9.js';
+import { S as Surface } from './Surface-56d329b0.js';
+
+/**
+ * Use `Box` as a simple way to group bespoke content and interactive elements together.
+ */
+var Box = function (_a) {
+    var _b;
+    var children = _a.children, borderWidth = _a.borderWidth, elevationLevel = _a.elevationLevel, padding = _a.padding, _c = _a.isFullHeight, isFullHeight = _c === void 0 ? false : _c, _d = _a.isBorderRadius, isBorderRadius = _d === void 0 ? false : _d, _e = _a.surface, surface = _e === void 0 ? "light-white" : _e, isSurfaceTransparent = _a.isSurfaceTransparent, props = __rest(_a, ["children", "borderWidth", "elevationLevel", "padding", "isFullHeight", "isBorderRadius", "surface", "isSurfaceTransparent"]);
+    return (React__default.createElement("div", __assign({ className: classNames("arc-Box", (_b = {},
+            _b["arc-Box--fullHeight"] = isFullHeight,
+            _b["arc-Box--borderRadius"] = isBorderRadius,
+            _b["arc-Box--borderThin"] = borderWidth === "thin",
+            _b["arc-Box--borderMedium"] = borderWidth === "medium",
+            _b["arc-Box--elevation1"] = elevationLevel === "1",
+            _b["arc-Box--elevation2"] = elevationLevel === "2",
+            _b)) }, filterDataAttrs(props)),
+        React__default.createElement(Surface, { padding: padding, background: surface, isTransparent: isSurfaceTransparent }, children)));
+};
+
+export { Box as B };

package/dist/_shared/esm/{BrandLogo-7ed8aeda.js → BrandLogo-3424eb79.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-4921e8dd.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-56d329b0.js';
 
 /**
  * Use `BrandLogo` to display the brand logo.

package/dist/_shared/esm/{Breadcrumbs-9078b68e.js → Breadcrumbs-7de7bfa5.js}

@@ -1,28 +1,29 @@
-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-4921e8dd.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 { I as Icon } from './Icon-3e813b34.js';
+import { B as BtIconChevronLeft2Px, a as BtIconChevronRight2Px } from './BtIconChevronRight2Px.esm-84262845.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" }))),
+            React__default.createElement(Icon, { icon: BtIconChevronLeft2Px }))),
         children,
         spacerIconAfter && (React__default.createElement("div", { className: "arc-Breadcrumbs-spacerIcon", "aria-hidden": "true" },
-            React__default.createElement(ThemeIcon, { icon: "breadcrumbRight" })))));
+            React__default.createElement(Icon, { icon: BtIconChevronRight2Px })))));
 };
 
 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-8bcaa8ad.js

@@ -0,0 +1,24 @@
+import React__default from 'react';
+
+const BtIconArrowRight = (props) =>
+  /*#__PURE__*/ React__default.createElement(
+    "svg",
+    Object.assign(
+      {
+        viewBox: "0 0 32 32",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+      },
+      props,
+    ),
+    /*#__PURE__*/ React__default.createElement("path", {
+      d: "M16 2C13.2311 2 10.5243 2.82109 8.22202 4.35943C5.91973 5.89777 4.12531 8.08427 3.06569 10.6424C2.00606 13.2006 1.72881 16.0155 2.26901 18.7313C2.8092 21.447 4.14257 23.9416 6.10051 25.8995C8.05844 27.8574 10.553 29.1908 13.2687 29.731C15.9845 30.2712 18.7994 29.9939 21.3576 28.9343C23.9157 27.8747 26.1022 26.0803 27.6406 23.778C29.1789 21.4757 30 18.7689 30 16C30 12.287 28.525 8.72601 25.8995 6.1005C23.274 3.475 19.713 2 16 2ZM16 29C13.4288 29 10.9154 28.2376 8.77759 26.8091C6.63975 25.3806 4.97351 23.3503 3.98957 20.9749C3.00563 18.5994 2.74818 15.9856 3.24979 13.4638C3.7514 10.9421 4.98953 8.62569 6.80761 6.80761C8.6257 4.98953 10.9421 3.7514 13.4638 3.24979C15.9856 2.74818 18.5994 3.00563 20.9749 3.98957C23.3503 4.97351 25.3806 6.63975 26.8091 8.77759C28.2376 10.9154 29 13.4288 29 16C28.996 19.4466 27.6251 22.7509 25.188 25.188C22.7509 27.6251 19.4466 28.996 16 29Z",
+      fill: "currentColor",
+    }),
+    /*#__PURE__*/ React__default.createElement("path", {
+      d: "M18.146 11.646C18.0523 11.7398 17.9996 11.8669 17.9996 11.9995C17.9996 12.1321 18.0523 12.2592 18.146 12.353L21.293 15.5H9.5C9.36739 15.5 9.24021 15.5527 9.14645 15.6464C9.05268 15.7402 9 15.8674 9 16C9 16.1326 9.05268 16.2598 9.14645 16.3536C9.24021 16.4473 9.36739 16.5 9.5 16.5H21.293L18.147 19.646C18.0992 19.6921 18.0612 19.7473 18.0349 19.8083C18.0087 19.8693 17.995 19.9349 17.9944 20.0013C17.9938 20.0677 18.0064 20.1335 18.0316 20.195C18.0567 20.2564 18.0939 20.3123 18.1408 20.3592C18.1877 20.4061 18.2436 20.4433 18.305 20.4684C18.3665 20.4936 18.4323 20.5062 18.4987 20.5056C18.5651 20.505 18.6307 20.4913 18.6917 20.4651C18.7527 20.4388 18.8079 20.4008 18.854 20.353L23.207 16L18.853 11.646C18.7592 11.5523 18.6321 11.4996 18.4995 11.4996C18.3669 11.4996 18.2398 11.5523 18.146 11.646Z",
+      fill: "currentColor",
+    }),
+  );
+
+export { BtIconArrowRight as B };

package/dist/_shared/esm/BtIconChevronRight2Px.esm-84262845.js

@@ -0,0 +1,37 @@
+import React__default from 'react';
+
+const BtIconChevronLeft2Px = (props) =>
+  /*#__PURE__*/ React__default.createElement(
+    "svg",
+    Object.assign(
+      {
+        viewBox: "0 0 32 32",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+      },
+      props,
+    ),
+    /*#__PURE__*/ React__default.createElement("path", {
+      d: "M22.5 29.999C22.3687 29.9991 22.2386 29.9733 22.1173 29.923C21.9959 29.8727 21.8857 29.799 21.793 29.706L8.086 15.993L21.793 2.29398C21.9806 2.10648 22.2351 2.00119 22.5004 2.00128C22.7656 2.00138 23.02 2.10684 23.2075 2.29448C23.395 2.48213 23.5003 2.73657 23.5002 3.00184C23.5001 3.26711 23.3946 3.52148 23.207 3.70898L10.914 15.994L23.207 28.29C23.3468 28.4298 23.442 28.608 23.4806 28.802C23.5192 28.9959 23.4993 29.1969 23.4237 29.3796C23.348 29.5623 23.2199 29.7185 23.0555 29.8284C22.891 29.9383 22.6978 29.9969 22.5 29.997V29.999Z",
+      fill: "currentColor",
+    }),
+  );
+
+const BtIconChevronRight2Px = (props) =>
+  /*#__PURE__*/ React__default.createElement(
+    "svg",
+    Object.assign(
+      {
+        viewBox: "0 0 32 32",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+      },
+      props,
+    ),
+    /*#__PURE__*/ React__default.createElement("path", {
+      d: "M9.5 29.999C9.30204 29.9992 9.10849 29.9406 8.94387 29.8306C8.77924 29.7207 8.65095 29.5644 8.57524 29.3815C8.49953 29.1986 8.47981 28.9973 8.51857 28.8032C8.55734 28.6091 8.65285 28.4308 8.793 28.291L21.086 16.006L8.793 3.71002C8.60536 3.52251 8.49989 3.26815 8.4998 3.00288C8.4997 2.73761 8.60499 2.48316 8.7925 2.29552C8.98001 2.10788 9.23437 2.00241 9.49964 2.00232C9.76492 2.00223 10.0194 2.10751 10.207 2.29502L23.914 16.008L10.207 29.708C10.1141 29.8008 10.0039 29.8743 9.88259 29.9244C9.76127 29.9746 9.63126 29.9992 9.5 29.999Z",
+      fill: "currentColor",
+    }),
+  );
+
+export { BtIconChevronLeft2Px as B, BtIconChevronRight2Px as a };

package/dist/_shared/esm/BtIconChevronRightMid.esm-f67f0ca3.js

@@ -0,0 +1,22 @@
+import React__default from 'react';
+
+const BtIconChevronRightMid = (props) =>
+  /*#__PURE__*/ React__default.createElement(
+    "svg",
+    Object.assign(
+      {
+        viewBox: "0 0 32 32",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+      },
+      props,
+    ),
+    /*#__PURE__*/ React__default.createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M18.0909 16.0004L12.3935 10.2964C12.1415 10.0439 12 9.70178 12 9.34507C12 8.98835 12.1415 8.64621 12.3935 8.39374C12.5181 8.26892 12.6661 8.1699 12.829 8.10234C12.9919 8.03478 13.1665 8 13.3429 8C13.5192 8 13.6938 8.03478 13.8567 8.10234C14.0196 8.1699 14.1676 8.26892 14.2922 8.39374L20.9402 15.0497C21.1918 15.3022 21.3331 15.644 21.3331 16.0004C21.3331 16.3568 21.1918 16.6986 20.9402 16.9511L14.2922 23.6071C14.1676 23.7319 14.0196 23.8309 13.8567 23.8985C13.6938 23.966 13.5192 24.0008 13.3429 24.0008C13.1665 24.0008 12.9919 23.966 12.829 23.8985C12.6661 23.8309 12.5181 23.7319 12.3935 23.6071C12.1415 23.3546 12 23.0125 12 22.6557C12 22.299 12.1415 21.9569 12.3935 21.7044L18.0909 16.0004Z",
+      fill: "currentColor",
+    }),
+  );
+
+export { BtIconChevronRightMid as B };

package/dist/_shared/esm/BtIconPlayFill.esm-ec2797a0.js

@@ -0,0 +1,24 @@
+import React__default from 'react';
+
+const BtIconPlayFill = (props) =>
+  /*#__PURE__*/ React__default.createElement(
+    "svg",
+    Object.assign(
+      {
+        viewBox: "0 0 32 32",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+      },
+      props,
+    ),
+    /*#__PURE__*/ React__default.createElement("path", {
+      d: "M13.161 11.762C13.1449 11.7522 13.1264 11.747 13.1075 11.747C13.0886 11.747 13.0701 11.7522 13.054 11.762C13.0374 11.7709 13.0236 11.7841 13.014 11.8004C13.0045 11.8166 12.9996 11.8352 13 11.854V20.142C12.9996 20.161 13.0044 20.1797 13.0139 20.1961C13.0234 20.2125 13.0373 20.226 13.054 20.235C13.0702 20.2446 13.0887 20.2497 13.1075 20.2497C13.1263 20.2497 13.1448 20.2446 13.161 20.235L20.339 16.091C20.3555 16.0821 20.3693 16.0688 20.3788 16.0525C20.3884 16.0363 20.3933 16.0178 20.393 15.999C20.3935 15.9799 20.3887 15.961 20.3792 15.9444C20.3697 15.9278 20.3558 15.9142 20.339 15.905L13.161 11.762Z",
+      fill: "currentColor",
+    }),
+    /*#__PURE__*/ React__default.createElement("path", {
+      d: "M16 2C13.2311 2 10.5243 2.82109 8.22202 4.35943C5.91973 5.89777 4.12532 8.08427 3.06569 10.6424C2.00607 13.2006 1.72882 16.0155 2.26901 18.7313C2.80921 21.447 4.14258 23.9416 6.10051 25.8995C8.05845 27.8574 10.553 29.1908 13.2687 29.731C15.9845 30.2712 18.7994 29.9939 21.3576 28.9343C23.9157 27.8747 26.1022 26.0803 27.6406 23.778C29.1789 21.4757 30 18.7689 30 16C30 12.287 28.525 8.72601 25.8995 6.1005C23.274 3.475 19.713 2 16 2ZM20.839 16.957L13.661 21.102C13.4926 21.199 13.3016 21.25 13.1072 21.2499C12.9128 21.2497 12.7219 21.1984 12.5536 21.1012C12.3853 21.0039 12.2455 20.8641 12.1484 20.6957C12.0512 20.5273 12 20.3364 12 20.142V11.854C12.0001 11.6597 12.0513 11.4688 12.1485 11.3005C12.2458 11.1323 12.3856 10.9926 12.5539 10.8955C12.7223 10.7984 12.9132 10.7473 13.1075 10.7474C13.3019 10.7475 13.4928 10.7987 13.661 10.896L20.839 15.04C21.0072 15.1372 21.1469 15.2769 21.244 15.4452C21.3411 15.6134 21.3922 15.8042 21.3922 15.9985C21.3922 16.1928 21.3411 16.3836 21.244 16.5518C21.1469 16.7201 21.0072 16.8598 20.839 16.957Z",
+      fill: "currentColor",
+    }),
+  );
+
+export { BtIconPlayFill as B };

package/dist/_shared/esm/{Button-dde2b46a.js → Button-9cab8eec.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-4921e8dd.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-3e813b34.js';
+import { C as Context } from './Surface-56d329b0.js';
+import { T as ThemeIcon } from './ThemeIcon-810de4bc.js';
 
 /**
  * Use `Button` to let a user complete an action like ‘Log in’ or ‘Register’.