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

package/dist/_shared/esm/{index-cf208294.js → index-6bdce6c5.js}

@@ -1,5 +1,5 @@
 import { useState, useRef, useMemo } from 'react';
-import { f as $9f79659886946c16$export$e5c5a5f917a5871c } from './index-3a2c1ceb.js';
+import { g as $9f79659886946c16$export$e5c5a5f917a5871c } from './index-7f23bb37.js';
 
 function $db6c3485150b8e66$export$1ab7ae714698c4b8(element) {
     const [size, setSize] = useState(undefined);

package/dist/_shared/esm/{index-d083425f.js → index-7868cc59.js}

@@ -1,6 +1,6 @@
 import { Children, cloneElement, useState, useRef, useEffect, useCallback, useReducer } from 'react';
 import { flushSync } from 'react-dom';
-import { $ as $6ed0406888f73fc4$export$c7b2cbe3552a0d05, f as $9f79659886946c16$export$e5c5a5f917a5871c } from './index-3a2c1ceb.js';
+import { c as $6ed0406888f73fc4$export$c7b2cbe3552a0d05, g as $9f79659886946c16$export$e5c5a5f917a5871c } from './index-7f23bb37.js';
 
 function $fe963b355347cc68$export$3e6543de14f8614f(initialState, machine) {
     return useReducer((state, event)=>{

package/dist/_shared/esm/{index-3a2c1ceb.js → index-7f23bb37.js}

@@ -1,4 +1,4 @@
-import { createContext, useMemo, createElement, useContext, useCallback, forwardRef, Children, isValidElement, cloneElement, Fragment, useEffect, useRef, useLayoutEffect, useState } from 'react';
+import { createContext, useMemo, createElement, useContext, useCallback, forwardRef, Children, isValidElement, cloneElement, Fragment, useLayoutEffect, useEffect, useRef, useState } from 'react';
 import { flushSync } from 'react-dom';
 
 function _extends() {
@@ -219,6 +219,14 @@ function $5e63c961fc1ce211$var$mergeProps(slotProps, childProps) {
     };
 }
 
+/**
+ * On the server, React emits a warning when calling `useLayoutEffect`.
+ * This is because neither `useLayoutEffect` nor `useEffect` run on the server.
+ * We use this safe version which suppresses the warning by replacing it with a noop on the server.
+ *
+ * See: https://reactjs.org/docs/hooks-reference.html#uselayouteffect
+ */ const $9f79659886946c16$export$e5c5a5f917a5871c = Boolean(globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) ? useLayoutEffect : ()=>{};
+
 const $8927f6f2acc4f386$var$NODES = [
     'a',
     'button',
@@ -315,14 +323,6 @@ const $8927f6f2acc4f386$var$NODES = [
     , []);
 }
 
-/**
- * On the server, React emits a warning when calling `useLayoutEffect`.
- * This is because neither `useLayoutEffect` nor `useEffect` run on the server.
- * We use this safe version which suppresses the warning by replacing it with a noop on the server.
- *
- * See: https://reactjs.org/docs/hooks-reference.html#uselayouteffect
- */ const $9f79659886946c16$export$e5c5a5f917a5871c = Boolean(globalThis === null || globalThis === void 0 ? void 0 : globalThis.document) ? useLayoutEffect : ()=>{};
-
 function $71cd76cc60e0454e$export$6f32135080cb4c3({ prop: prop , defaultProp: defaultProp , onChange: onChange = ()=>{}  }) {
     const [uncontrolledProp, setUncontrolledProp] = $71cd76cc60e0454e$var$useUncontrolledState({
         defaultProp: defaultProp,
@@ -366,4 +366,4 @@ function $71cd76cc60e0454e$var$useUncontrolledState({ defaultProp: defaultProp ,
     return uncontrolledState;
 }
 
-export { $6ed0406888f73fc4$export$c7b2cbe3552a0d05 as $, _extends as _, $8927f6f2acc4f386$export$250ffa63cdc0d034 as a, $e42e1063c40fb3ef$export$b9ecd428b558ff10 as b, $b1b2314f5f9a1d84$export$25bec8c6f54ee79a as c, $8927f6f2acc4f386$export$6d1a0317bde7de7f as d, $c512c27ab02ef895$export$50c7b4e9d9f19c1 as e, $9f79659886946c16$export$e5c5a5f917a5871c as f, $71cd76cc60e0454e$export$6f32135080cb4c3 as g, $5e63c961fc1ce211$export$8c6ed5c666ac1360 as h };
+export { $c512c27ab02ef895$export$50c7b4e9d9f19c1 as $, _extends as _, $8927f6f2acc4f386$export$250ffa63cdc0d034 as a, $e42e1063c40fb3ef$export$b9ecd428b558ff10 as b, $6ed0406888f73fc4$export$c7b2cbe3552a0d05 as c, $71cd76cc60e0454e$export$6f32135080cb4c3 as d, $b1b2314f5f9a1d84$export$25bec8c6f54ee79a as e, $8927f6f2acc4f386$export$6d1a0317bde7de7f as f, $9f79659886946c16$export$e5c5a5f917a5871c as g, $5e63c961fc1ce211$export$8c6ed5c666ac1360 as h };

package/dist/_shared/esm/{index-f6cc48d2.js → index-a41a5e50.js}

@@ -1,5 +1,5 @@
 import { useEffect, forwardRef, createElement } from 'react';
-import { c as $b1b2314f5f9a1d84$export$25bec8c6f54ee79a, a as $8927f6f2acc4f386$export$250ffa63cdc0d034, _ as _extends } from './index-3a2c1ceb.js';
+import { e as $b1b2314f5f9a1d84$export$25bec8c6f54ee79a, a as $8927f6f2acc4f386$export$250ffa63cdc0d034, _ as _extends } from './index-7f23bb37.js';
 
 /**
  * Listens for when the escape key is down

package/dist/_shared/esm/{Tabs-028cee5d.js → index-b051f161.js}

@@ -1,13 +1,8 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from './index.es-5496ec12.js';
-import React__default, { forwardRef, createElement, useRef, useState, useEffect, useCallback, useContext } from 'react';
-import { e as $c512c27ab02ef895$export$50c7b4e9d9f19c1, _ as _extends, $ as $6ed0406888f73fc4$export$c7b2cbe3552a0d05, g as $71cd76cc60e0454e$export$6f32135080cb4c3, c as $b1b2314f5f9a1d84$export$25bec8c6f54ee79a, a as $8927f6f2acc4f386$export$250ffa63cdc0d034, b as $e42e1063c40fb3ef$export$b9ecd428b558ff10 } from './index-3a2c1ceb.js';
-import { $ as $e02a7d9cb1dc128c$export$c74125a8e3af6bb2 } from './index-61497bd9.js';
-import { $ as $f631663db3294ace$export$b39126d51d94e6f3, a as $1746a345f3d73bb7$export$f680877a34711e37 } from './index-fb8b9df7.js';
-import { $ as $921a889cee6df7e8$export$99c2b779aa4e8b8b } from './index-d083425f.js';
-import { I as Icon } from './Icon-428e8061.js';
-import { C as Context } from './Surface-c425e5e6.js';
-import { c as classNames } from './index-2e73c2e9.js';
-import { T as ThemeIcon } from './ThemeIcon-9fac63d0.js';
+import { $ as $c512c27ab02ef895$export$50c7b4e9d9f19c1, a as $8927f6f2acc4f386$export$250ffa63cdc0d034, _ as _extends, b as $e42e1063c40fb3ef$export$b9ecd428b558ff10, c as $6ed0406888f73fc4$export$c7b2cbe3552a0d05, d as $71cd76cc60e0454e$export$6f32135080cb4c3, e as $b1b2314f5f9a1d84$export$25bec8c6f54ee79a } from './index-7f23bb37.js';
+import { forwardRef, useEffect, createElement, useRef, useState, useCallback } from 'react';
+import { $ as $e02a7d9cb1dc128c$export$c74125a8e3af6bb2 } from './index-2403936c.js';
+import { $ as $1746a345f3d73bb7$export$f680877a34711e37, a as $f631663db3294ace$export$b39126d51d94e6f3 } from './index-13458236.js';
+import { $ as $921a889cee6df7e8$export$99c2b779aa4e8b8b } from './index-7868cc59.js';
 
 const $d7bdfb9eb0fdf311$var$ENTRY_FOCUS = 'rovingFocusGroup.onEntryFocus';
 const $d7bdfb9eb0fdf311$var$EVENT_OPTIONS = {
@@ -376,82 +371,4 @@ const $69cb30bb0017df05$export$54c2e3dc7acea9f5 = $69cb30bb0017df05$export$9712d
 const $69cb30bb0017df05$export$41fb9f06171c75f4 = $69cb30bb0017df05$export$8114b9fdfdf9f3ba;
 const $69cb30bb0017df05$export$7c6e2c02157bb7d2 = $69cb30bb0017df05$export$bd905d70e8fd2ebb;
 
-var Tab = function (_a) {
-    var label = _a.label, value = _a.value, icon = _a.icon, iconActive = _a.iconActive, props = __rest(_a, ["label", "value", "icon", "iconActive"]);
-    var surface = useContext(Context).surface;
-    return (React__default.createElement($69cb30bb0017df05$export$41fb9f06171c75f4, __assign({ className: classNames("arc-Tab-trigger", {
-            "arc-Tab-trigger--onDarkSurface": surface === "dark",
-            "arc-Tab-trigger--hasIcon": icon || iconActive
-        }), value: value }, filterDataAttrs(props)),
-        icon && (React__default.createElement("div", { className: "arc-Tab-triggerIcon", "data-testid": "arc-Tab-TriggerIcon" },
-            React__default.createElement(Icon, { icon: icon }))),
-        iconActive && (React__default.createElement("div", { className: "arc-Tab-triggerIcon arc-Tab-triggerIcon--active", "data-testid": "arc-Tab-TriggerIconActive" },
-            React__default.createElement(Icon, { icon: iconActive }))),
-        React__default.createElement("span", { className: "arc-Tab-triggerText" }, label)));
-};
-
-var TabContent = function (_a) {
-    var children = _a.children, value = _a.value, props = __rest(_a, ["children", "value"]);
-    return (React__default.createElement($69cb30bb0017df05$export$7c6e2c02157bb7d2, __assign({ className: "arc-Tab-content", value: value }, filterDataAttrs(props)), children));
-};
-
-var TabsList = function (_a) {
-    var children = _a.children, type = _a.type, isJustified = _a.isJustified, ariaLabel = _a.ariaLabel, props = __rest(_a, ["children", "type", "isJustified", "ariaLabel"]);
-    var surface = useContext(Context).surface;
-    var tabsRef = useRef(null);
-    var _b = useState(false), rightOverflow = _b[0], setRightOverflow = _b[1];
-    var _c = useState(false), leftOverflow = _c[0], setLeftOverflow = _c[1];
-    var checkOverflow = function (element) {
-        if (element) {
-            if (element.scrollWidth > element.clientWidth) {
-                setRightOverflow(true);
-            }
-            if (element.scrollLeft + 10 >=
-                element.scrollWidth - element.clientWidth) {
-                setRightOverflow(false);
-            }
-            if (element.scrollLeft >= 1) {
-                setLeftOverflow(true);
-            }
-            else {
-                setLeftOverflow(false);
-            }
-        }
-    };
-    useEffect(function () {
-        checkOverflow(tabsRef.current);
-    }, []);
-    var scrollTabs = function (scrollAmount) {
-        if (tabsRef.current) {
-            tabsRef.current.scrollLeft += scrollAmount;
-        }
-    };
-    var onScroll = function (event) {
-        checkOverflow(event.currentTarget);
-    };
-    return (React__default.createElement(React__default.Fragment, null,
-        React__default.createElement($69cb30bb0017df05$export$54c2e3dc7acea9f5, __assign({ onScroll: onScroll, className: classNames("arc-Tabs", {
-                "arc-Tabs--contained": type === "contained",
-                "arc-Tabs--isJustified": isJustified,
-                "arc-Tabs--onDarkSurface": surface === "dark"
-            }), ref: tabsRef, "aria-label": ariaLabel }, filterDataAttrs(props)), children),
-        leftOverflow && (React__default.createElement("button", { className: classNames("arc-Tabs-overflowIcon arc-Tabs-overflowIcon--left", {
-                "arc-Tabs-overflowIcon--onDarkSurface": surface === "dark"
-            }), onClick: function () { return scrollTabs(-300); }, "aria-label": "Scroll Tabs Left", "data-testid": "arc-Tabs-overflowIconLeft" },
-            React__default.createElement(ThemeIcon, { icon: "tabsPrevious", size: 40, color: "brand" }))),
-        rightOverflow && (React__default.createElement("button", { className: classNames("arc-Tabs-overflowIcon", {
-                "arc-Tabs-overflowIcon--onDarkSurface": surface === "dark"
-            }), onClick: function () { return scrollTabs(300); }, "aria-label": "Scroll Tabs Right", "data-testid": "arc-Tabs-overflowIconRight" },
-            React__default.createElement(ThemeIcon, { icon: "tabsNext", size: 40, color: "brand" })))));
-};
-
-/** Use `Tabs` to allow users to navigate between different sections of relevant content. */
-var Tabs = function (_a) {
-    var children = _a.children, defaultValue = _a.defaultValue, onValueChange = _a.onValueChange, activationMode = _a.activationMode, props = __rest(_a, ["children", "defaultValue", "onValueChange", "activationMode"]);
-    return (React__default.createElement($69cb30bb0017df05$export$be92b6f5f03c0fe9, __assign({ className: "arc-Tabs-root", defaultValue: defaultValue, onValueChange: onValueChange, activationMode: activationMode }, filterDataAttrs(props)), children));
-};
-Tabs.Tab = Tab;
-Tabs.List = TabsList;
-Tabs.Content = TabContent;
-
-export { Tabs as T };
+export { $69cb30bb0017df05$export$41fb9f06171c75f4 as $, $69cb30bb0017df05$export$7c6e2c02157bb7d2 as a, $69cb30bb0017df05$export$54c2e3dc7acea9f5 as b, $69cb30bb0017df05$export$be92b6f5f03c0fe9 as c };

package/dist/_shared/esm/index.es-3b4ff2ab.js

@@ -0,0 +1,348 @@
+/******************************************************************************
+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.
+***************************************************************************** */
+
+var __assign = function() {
+  __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 __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;
+};
+
+/**
+ * Filters out data attributes from the given props object.
+ *
+ * This function extracts all properties that match the `data-*` attribute pattern
+ * and returns a new object containing only those properties.
+ *
+ * @param props - The object containing properties to filter.
+ * @returns A new object containing only the `data-*` attributes from the input props.
+ */
+/**
+ * Regular expression to match `data-*` attributes.
+ */
+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.9";
+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:deps:community": "pnpm run build:deps && pnpm run build:components:arc",
+	"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, "-"));
+};
+
+/**
+ * Helper function to measure the width of a given text using a specified font.
+ *
+ * @param text - The text to measure.
+ * @param font - (Optional) The font to use for measurement (e.g., "16px BT Curve").
+ * @returns The width of the text in pixels.
+ */
+var getTextWidth = function (text, font) {
+    var canvas = document.createElement("canvas");
+    var context = canvas.getContext("2d");
+    if (context) {
+        context.font = font || getComputedStyle(document.body).font;
+        return context.measureText(text).width;
+    }
+    return 0;
+};
+
+export { __rest as _, __assign as a, __spreadArray as b, getVersionClassName as c, filterDataAttrs as f, getTextWidth as g, suffixModifier as s };

package/dist/_shared/esm/{index.es-974af4a2.js → index.es-8ada4213.js}

@@ -1,8 +1,8 @@
 /**
  * Do not edit directly
- * Generated on Wed, 18 Sep 2024 09:30:43 GMT
+ * Generated on Thu, 14 Nov 2024 15:25:17 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.