@arc-ui/components 12.0.0-beta.16 → 12.0.0-beta.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arc-ui/components",
-  "version": "12.0.0-beta.16",
+  "version": "12.0.0-beta.18",
   "homepage": "https://ui.digital-ent-int.bt.com",
   "author": "BT Business Digital UI Team <ui-digital-ent-int@bt.com>",
   "main": "./lib/index.cjs",
@@ -44,6 +44,7 @@
   },
   "dependencies": {
     "@radix-ui/react-dialog": "1.1.6",
+    "@radix-ui/react-dropdown-menu": "^2.1.6",
     "@radix-ui/react-label": "2.0.0",
     "@radix-ui/react-popover": "1.1.6",
     "@radix-ui/react-select": "2.1.6",
@@ -54,6 +55,7 @@
     "date-fns": "^2.30.0",
     "embla-carousel": "^8.3.0",
     "embla-carousel-react": "^8.3.0",
+    "mini-svg-data-uri": "^1.2.3",
     "react-player": "^2.16.0",
     "react-swipeable": "^7.0.1"
   },
@@ -84,19 +86,20 @@
     "rollup-plugin-dts": "^6.1.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.0",
+    "rollup-plugin-svg-import": "^3.0.0",
     "rollup-preserve-directives": "^1.1.3",
     "style-loader": "^4.0.0",
     "stylelint": "^16.10.0",
     "ts-jest": "^29.2.5",
     "tslib": "^2.8.1",
     "typescript": "5.6.3",
-    "@arc-ui/css-config": "^12.0.0-beta.16",
-    "@arc-ui/eslint-config": "^12.0.0-beta.16",
-    "@arc-ui/helpers": "^12.0.0-beta.16",
-    "@arc-ui/icons": "^12.0.0-beta.16",
-    "@arc-ui/tokens-arc": "^12.0.0-beta.16",
-    "@arc-ui/tokens-bt-enterprise": "^12.0.0-beta.16",
-    "@arc-ui/typescript-config": "^12.0.0-beta.16"
+    "@arc-ui/css-config": "^12.0.0-beta.18",
+    "@arc-ui/eslint-config": "^12.0.0-beta.18",
+    "@arc-ui/helpers": "^12.0.0-beta.18",
+    "@arc-ui/tokens-arc": "^12.0.0-beta.18",
+    "@arc-ui/icons": "^12.0.0-beta.18",
+    "@arc-ui/tokens-bt-enterprise": "^12.0.0-beta.18",
+    "@arc-ui/typescript-config": "^12.0.0-beta.18"
   },
   "browserslist": [
     "defaults",

package/lib/_shared/cjs/BtIconArrowRight-BX-bj8Y6.cjs

@@ -1,27 +0,0 @@
-'use client';
-'use strict';
-
-var React = require('react');
-
-const BtIconArrowRight = (props) =>
-  /*#__PURE__*/ React.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32",
-      },
-      props,
-    ),
-    /*#__PURE__*/ React.createElement("defs", null),
-    /*#__PURE__*/ React.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.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",
-    }),
-  );
-
-exports.BtIconArrowRight = BtIconArrowRight;

package/lib/_shared/cjs/BtIconChevronRight2Px-CnplmEFZ.cjs

@@ -1,41 +0,0 @@
-'use client';
-'use strict';
-
-var React = require('react');
-
-const BtIconChevronLeft2Px = (props) =>
-  /*#__PURE__*/ React.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32",
-      },
-      props,
-    ),
-    /*#__PURE__*/ React.createElement("defs", null),
-    /*#__PURE__*/ React.createElement("path", {
-      d: "M22.5,29.99854a.99676.99676,0,0,1-.707-.293L8.08594,15.99268,21.793,2.294A1.00023,1.00023,0,0,1,23.207,3.709l-12.293,12.28467L23.207,28.2915a1,1,0,0,1-.707,1.707Z",
-      fill: "currentColor",
-    }),
-  );
-
-const BtIconChevronRight2Px = (props) =>
-  /*#__PURE__*/ React.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32",
-      },
-      props,
-    ),
-    /*#__PURE__*/ React.createElement("defs", null),
-    /*#__PURE__*/ React.createElement("path", {
-      d: "M9.5,29.99854A1.00025,1.00025,0,0,1,8.793,28.291l12.293-12.28467L8.793,3.7085A.99989.99989,0,0,1,10.207,2.29443l13.707,13.71289L10.207,29.70605A.99827.99827,0,0,1,9.5,29.99854Z",
-      fill: "currentColor",
-    }),
-  );
-
-exports.BtIconChevronLeft2Px = BtIconChevronLeft2Px;
-exports.BtIconChevronRight2Px = BtIconChevronRight2Px;

package/lib/_shared/cjs/BtIconChevronRightMid-C6zjDEMv.cjs

@@ -1,25 +0,0 @@
-'use client';
-'use strict';
-
-var React = require('react');
-
-const BtIconChevronRightMid = (props) =>
-  /*#__PURE__*/ React.createElement(
-    "svg",
-    Object.assign(
-      {
-        viewBox: "0 0 16 16",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-      },
-      props,
-    ),
-    /*#__PURE__*/ React.createElement("path", {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M9.04543 8.0002L6.19676 5.1482C6.07077 5.02196 6 4.85089 6 4.67253C6 4.49418 6.07077 4.32311 6.19676 4.19687C6.25906 4.13446 6.33304 4.08495 6.41449 4.05117C6.49594 4.01739 6.58325 4 6.67143 4C6.75961 4 6.84692 4.01739 6.92837 4.05117C7.00982 4.08495 7.0838 4.13446 7.1461 4.19687L10.4701 7.52487C10.5959 7.65108 10.6665 7.82201 10.6665 8.0002C10.6665 8.1784 10.5959 8.34932 10.4701 8.47553L7.1461 11.8035C7.0838 11.8659 7.00982 11.9155 6.92837 11.9492C6.84692 11.983 6.75961 12.0004 6.67143 12.0004C6.58325 12.0004 6.49594 11.983 6.41449 11.9492C6.33304 11.9155 6.25906 11.8659 6.19676 11.8035C6.07077 11.6773 6 11.5062 6 11.3279C6 11.1495 6.07077 10.9784 6.19676 10.8522L9.04543 8.0002Z",
-      fill: "currentColor",
-    }),
-  );
-
-exports.BtIconChevronRightMid = BtIconChevronRightMid;

package/lib/_shared/cjs/BtIconPlayFill-WUt-9eLl.cjs

@@ -1,27 +0,0 @@
-'use client';
-'use strict';
-
-var React = require('react');
-
-const BtIconPlayFill = (props) =>
-  /*#__PURE__*/ React.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32",
-      },
-      props,
-    ),
-    /*#__PURE__*/ React.createElement("defs", null),
-    /*#__PURE__*/ React.createElement("path", {
-      d: "M13.16113,11.76172a.10284.10284,0,0,0-.10742,0A.10229.10229,0,0,0,13,11.85449v8.2876a.10314.10314,0,0,0,.05371.09326.10451.10451,0,0,0,.10742.00049l7.17774-4.14453a.10285.10285,0,0,0,.05371-.09277.10421.10421,0,0,0-.05371-.09375Z",
-      fill: "currentColor",
-    }),
-    /*#__PURE__*/ React.createElement("path", {
-      d: "M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm4.83887,14.957-7.17774,4.14453A1.10791,1.10791,0,0,1,12,20.14209v-8.2876a1.107,1.107,0,0,1,1.66113-.95849l7.17774,4.14355a1.10688,1.10688,0,0,1,0,1.91748Z",
-      fill: "currentColor",
-    }),
-  );
-
-exports.BtIconPlayFill = BtIconPlayFill;

package/lib/_shared/cjs/HeroButton-CrsC6Q7A.cjs

@@ -1,124 +0,0 @@
-'use client';
-'use strict';
-
-var filterAttrs = require('./filter-attrs-eK6E_34o.cjs');
-var React = require('react');
-var index = require('./index-CTlXMLug.cjs');
-var index$1 = require('./index-DR8Rkav9.cjs');
-var Icon = require('./Icon-DdqFr6bT.cjs');
-var Surface = require('./Surface-BFx1yNsq.cjs');
-var Spinner = require('./Spinner-bbrOwxv2.cjs');
-
-const BtIconArrowAltRight = (props) =>
-  /*#__PURE__*/ React.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32",
-      },
-      props,
-    ),
-    /*#__PURE__*/ React.createElement("defs", null),
-    /*#__PURE__*/ React.createElement("path", {
-      d: "M18.85352,11.64648a.49995.49995,0,0,0-.707.707L21.293,15.5H9.5a.5.5,0,0,0,0,1H21.293l-3.14649,3.14648a.49995.49995,0,1,0,.707.707L23.207,16Z",
-      fill: "currentColor",
-    }),
-  );
-
-const BtIconArrowAltDown = (props) =>
-  /*#__PURE__*/ React.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32",
-      },
-      props,
-    ),
-    /*#__PURE__*/ React.createElement("defs", null),
-    /*#__PURE__*/ React.createElement("path", {
-      d: "M20.35352,18.14648a.49983.49983,0,0,0-.707,0L16.5,21.293V9.5a.5.5,0,0,0-1,0V21.293l-3.14648-3.14648a.49995.49995,0,1,0-.707.707L16,23.207l4.35352-4.35352A.49982.49982,0,0,0,20.35352,18.14648Z",
-      fill: "currentColor",
-    }),
-  );
-
-const ArcIconPlay = (props) =>
-  /*#__PURE__*/ React.createElement(
-    "svg",
-    Object.assign(
-      {
-        viewBox: "0 0 56 56",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-      },
-      props,
-    ),
-    /*#__PURE__*/ React.createElement("path", {
-      d: "M36.4683 26.3206L23.9068 19.0686C23.6123 18.8984 23.2783 18.8088 22.9382 18.8086C22.5981 18.8084 22.264 18.8978 21.9694 19.0677C21.6748 19.2376 21.4301 19.4821 21.26 19.7765C21.0898 20.071 21.0001 20.4051 21 20.7451V35.2491C20.9985 35.5899 21.087 35.9251 21.2566 36.2207C21.4263 36.5162 21.671 36.7617 21.9661 36.9323C22.2612 37.1028 22.5961 37.1923 22.9369 37.1918C23.2777 37.1912 23.6123 37.1006 23.9068 36.9291L36.4683 29.6754C36.7626 29.5053 37.007 29.2608 37.1769 28.9664C37.3469 28.6719 37.4363 28.338 37.4363 27.998C37.4363 27.6581 37.3469 27.3241 37.1769 27.0297C37.007 26.7352 36.7626 26.4907 36.4683 26.3206ZM35.5933 28.1599L23.0318 35.4136C23.0035 35.4306 22.9711 35.4396 22.9381 35.4396C22.9052 35.4396 22.8728 35.4306 22.8445 35.4136C22.815 35.3977 22.7906 35.3739 22.7739 35.3448C22.7572 35.3158 22.7489 35.2826 22.75 35.2491V20.7451C22.7494 20.7122 22.7579 20.6797 22.7745 20.6513C22.7912 20.6229 22.8154 20.5996 22.8445 20.5841C22.8727 20.567 22.9051 20.5579 22.9381 20.5579C22.9712 20.5579 23.0036 20.567 23.0318 20.5841L35.5933 27.8344C35.6226 27.8505 35.647 27.8743 35.6637 27.9034C35.6803 27.9324 35.6887 27.9654 35.6878 27.9989C35.6882 28.0318 35.6796 28.0642 35.663 28.0926C35.6463 28.121 35.6222 28.1442 35.5933 28.1599Z",
-      fill: "currentColor",
-    }),
-  );
-
-const ArcIconWarn = (props) =>
-  /*#__PURE__*/ React.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32",
-      },
-      props,
-    ),
-    /*#__PURE__*/ React.createElement("path", {
-      className: "cls-1",
-      fill: "currentColor",
-      d: "M16 20.99335A1 1 0 1 0 16 22.99335 1 1 0 1 0 16 20.99335z",
-    }),
-    /*#__PURE__*/ React.createElement("path", {
-      className: "cls-1",
-      d: "M16.00488,19.00977a.49972.49972,0,0,0,.5-.5L16.50684,9.5a.5.5,0,0,0-1,0l-.002,9.00977A.5.5,0,0,0,16.00488,19.00977Z",
-      fill: "currentColor",
-    }),
-  );
-
-var HeroButton = React.forwardRef(function (_a, ref) {
-    var label = _a.label, _b = _a.buttonStyle, buttonStyle = _b === void 0 ? "primary" : _b, icon = _a.icon, ariaLabel = _a.ariaLabel, _c = _a.isLoading, isLoading = _c === void 0 ? false : _c, onClick = _a.onClick, href = _a.href, id = _a.id, rel = _a.rel, target = _a.target, type = _a.type, form = _a.form, props = filterAttrs.__rest(_a, ["label", "buttonStyle", "icon", "ariaLabel", "isLoading", "onClick", "href", "id", "rel", "target", "type", "form"]);
-    var surface = React.useContext(Surface.Context).surface;
-    var HeroButtonClasses = index.classNames("arc-HeroButton", ["arc-HeroButton--".concat(index$1.camelcase(buttonStyle))], {
-        "arc-HeroButton--onDarkSurface": surface === "dark",
-        "arc-HeroButton--emptyLabel": !label,
-        "arc-HeroButton--isLoading": isLoading,
-        "arc-HeroButton--withIcon": icon,
-        "arc-HeroButton--hasGradient": buttonStyle.includes("-gradient"),
-    });
-    var HeroButtonIcons = {
-        "arrow-right": BtIconArrowAltRight,
-        "arrow-down": BtIconArrowAltDown,
-        play: ArcIconPlay,
-        warning: ArcIconWarn,
-    };
-    var commonProps = filterAttrs.__assign({ id: id, onClick: onClick, ref: ref }, filterAttrs.filterAttrs(props));
-    if (href && !isLoading) {
-        return (React.createElement("a", filterAttrs.__assign({}, commonProps, { className: HeroButtonClasses, href: href, rel: rel, "aria-label": ariaLabel, target: target }),
-            React.createElement("span", { className: index.classNames("arc-HeroButton-inner") },
-                label && React.createElement("span", { className: "arc-HeroButton-label" }, label),
-                isLoading && (React.createElement("span", { className: "arc-HeroButton-icon" },
-                    React.createElement(Spinner.Spinner, { size: "xxl" }))),
-                icon && !isLoading && (React.createElement("span", { className: "arc-HeroButton-icon" },
-                    React.createElement(Icon.Icon, { size: 48, icon: buttonStyle === "warning"
-                            ? HeroButtonIcons["warning"]
-                            : HeroButtonIcons[icon] }))))));
-    }
-    return (React.createElement("button", filterAttrs.__assign({}, commonProps, { className: HeroButtonClasses, "aria-label": ariaLabel, disabled: isLoading, type: type, form: form }),
-        React.createElement("span", { className: index.classNames("arc-HeroButton-inner") },
-            label && React.createElement("span", { className: "arc-HeroButton-label" }, label),
-            icon && !isLoading && (React.createElement("span", { className: "arc-HeroButton-icon" },
-                React.createElement(Icon.Icon, { size: 48, icon: buttonStyle === "warning"
-                        ? HeroButtonIcons["warning"]
-                        : HeroButtonIcons[icon] }))),
-            isLoading && (React.createElement("span", { className: "arc-HeroButton-icon" },
-                React.createElement(Spinner.Spinner, { size: "xxl" }))))));
-});
-
-exports.HeroButton = HeroButton;

package/lib/_shared/cjs/Icon-DdqFr6bT.cjs

@@ -1,52 +0,0 @@
-'use strict';
-
-var filterAttrs = require('./filter-attrs-eK6E_34o.cjs');
-var React = require('react');
-var index = require('./index-CTlXMLug.cjs');
-var suffixModifier = require('./suffix-modifier-DLUGR-yG.cjs');
-var Surface = require('./Surface-BFx1yNsq.cjs');
-
-/**
- * Use `Icon` to display brand iconography.
- */
-var Icon = function (_a) {
-    var _b;
-    var testId = _a.testId, icon = _a.icon, _c = _a.color, color = _c === void 0 ? "auto" : _c, _d = _a.isInline, isInline = _d === void 0 ? false : _d, _e = _a.isPresentationIcon, isPresentationIcon = _e === void 0 ? false : _e, label = _a.label, size = _a.size, props = filterAttrs.__rest(_a, ["testId", "icon", "color", "isInline", "isPresentationIcon", "label", "size"]);
-    var surface = React.useContext(Surface.Context).surface;
-    var presentationIconProps = {
-        role: "presentation",
-        "aria-hidden": true,
-    };
-    var renderIcon = function () {
-        if (!icon)
-            return null;
-        var accessibleProps = isPresentationIcon ? presentationIconProps : {};
-        if (typeof icon === "function") {
-            var IconComponent = icon || (function () { return React.createElement(React.Fragment, null); });
-            return React.createElement(IconComponent, filterAttrs.__assign({}, accessibleProps));
-        }
-        if (React.isValidElement(icon) && icon.type === "svg") {
-            return React.cloneElement(icon, accessibleProps);
-        }
-        return null;
-    };
-    return (React.createElement("span", filterAttrs.__assign({ "data-testid": testId, "aria-label": label, className: index.classNames((_b = {},
-            _b["arc-Icon"] = true,
-            _b[suffixModifier.suffixModifier("arc-Icon--color", color)] = color !== "auto",
-            _b["arc-Icon--inline"] = isInline,
-            _b["arc-Icon--onDarkSurface"] = surface === "dark",
-            _b)), role: label ? "img" : undefined, style: {
-            height: size,
-            width: size,
-        } }, filterAttrs.filterAttrs(props)), renderIcon()));
-};
-var colors = [
-    "auto",
-    "brand",
-    "statusRed",
-    "statusAmber",
-    "statusGreen",
-];
-
-exports.Icon = Icon;
-exports.colors = colors;

package/lib/_shared/esm/BtIconArrowRight-CTjAzV9X.mjs

@@ -1,25 +0,0 @@
-'use client';
-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/lib/_shared/esm/BtIconChevronRight2Px-CWIIvs1E.mjs

@@ -1,38 +0,0 @@
-'use client';
-import React__default from 'react';
-
-const BtIconChevronLeft2Px = (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: "M22.5,29.99854a.99676.99676,0,0,1-.707-.293L8.08594,15.99268,21.793,2.294A1.00023,1.00023,0,0,1,23.207,3.709l-12.293,12.28467L23.207,28.2915a1,1,0,0,1-.707,1.707Z",
-      fill: "currentColor",
-    }),
-  );
-
-const BtIconChevronRight2Px = (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: "M9.5,29.99854A1.00025,1.00025,0,0,1,8.793,28.291l12.293-12.28467L8.793,3.7085A.99989.99989,0,0,1,10.207,2.29443l13.707,13.71289L10.207,29.70605A.99827.99827,0,0,1,9.5,29.99854Z",
-      fill: "currentColor",
-    }),
-  );
-
-export { BtIconChevronLeft2Px as B, BtIconChevronRight2Px as a };

package/lib/_shared/esm/BtIconChevronRightMid-DB68JQ0u.mjs

@@ -1,23 +0,0 @@
-'use client';
-import React__default from 'react';
-
-const BtIconChevronRightMid = (props) =>
-  /*#__PURE__*/ React__default.createElement(
-    "svg",
-    Object.assign(
-      {
-        viewBox: "0 0 16 16",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-      },
-      props,
-    ),
-    /*#__PURE__*/ React__default.createElement("path", {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M9.04543 8.0002L6.19676 5.1482C6.07077 5.02196 6 4.85089 6 4.67253C6 4.49418 6.07077 4.32311 6.19676 4.19687C6.25906 4.13446 6.33304 4.08495 6.41449 4.05117C6.49594 4.01739 6.58325 4 6.67143 4C6.75961 4 6.84692 4.01739 6.92837 4.05117C7.00982 4.08495 7.0838 4.13446 7.1461 4.19687L10.4701 7.52487C10.5959 7.65108 10.6665 7.82201 10.6665 8.0002C10.6665 8.1784 10.5959 8.34932 10.4701 8.47553L7.1461 11.8035C7.0838 11.8659 7.00982 11.9155 6.92837 11.9492C6.84692 11.983 6.75961 12.0004 6.67143 12.0004C6.58325 12.0004 6.49594 11.983 6.41449 11.9492C6.33304 11.9155 6.25906 11.8659 6.19676 11.8035C6.07077 11.6773 6 11.5062 6 11.3279C6 11.1495 6.07077 10.9784 6.19676 10.8522L9.04543 8.0002Z",
-      fill: "currentColor",
-    }),
-  );
-
-export { BtIconChevronRightMid as B };

package/lib/_shared/esm/BtIconPlayFill-DEoVOrOQ.mjs

@@ -1,25 +0,0 @@
-'use client';
-import React__default from 'react';
-
-const BtIconPlayFill = (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: "M13.16113,11.76172a.10284.10284,0,0,0-.10742,0A.10229.10229,0,0,0,13,11.85449v8.2876a.10314.10314,0,0,0,.05371.09326.10451.10451,0,0,0,.10742.00049l7.17774-4.14453a.10285.10285,0,0,0,.05371-.09277.10421.10421,0,0,0-.05371-.09375Z",
-      fill: "currentColor",
-    }),
-    /*#__PURE__*/ React__default.createElement("path", {
-      d: "M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm4.83887,14.957-7.17774,4.14453A1.10791,1.10791,0,0,1,12,20.14209v-8.2876a1.107,1.107,0,0,1,1.66113-.95849l7.17774,4.14355a1.10688,1.10688,0,0,1,0,1.91748Z",
-      fill: "currentColor",
-    }),
-  );
-
-export { BtIconPlayFill as B };

package/lib/_shared/esm/HeroButton-x7krReay.mjs

@@ -1,122 +0,0 @@
-'use client';
-import { _ as __rest, a as __assign, f as filterAttrs } from './filter-attrs-B6CM-NUr.mjs';
-import React__default, { forwardRef, useContext } from 'react';
-import { c as classNames } from './index-5C0-U8cc.mjs';
-import { c as camelcase } from './index-Spae4j7j.mjs';
-import { I as Icon } from './Icon-B626JGP1.mjs';
-import { C as Context } from './Surface-Colbp3Zx.mjs';
-import { S as Spinner } from './Spinner-Cd7LiPTy.mjs';
-
-const BtIconArrowAltRight = (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: "M18.85352,11.64648a.49995.49995,0,0,0-.707.707L21.293,15.5H9.5a.5.5,0,0,0,0,1H21.293l-3.14649,3.14648a.49995.49995,0,1,0,.707.707L23.207,16Z",
-      fill: "currentColor",
-    }),
-  );
-
-const BtIconArrowAltDown = (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: "M20.35352,18.14648a.49983.49983,0,0,0-.707,0L16.5,21.293V9.5a.5.5,0,0,0-1,0V21.293l-3.14648-3.14648a.49995.49995,0,1,0-.707.707L16,23.207l4.35352-4.35352A.49982.49982,0,0,0,20.35352,18.14648Z",
-      fill: "currentColor",
-    }),
-  );
-
-const ArcIconPlay = (props) =>
-  /*#__PURE__*/ React__default.createElement(
-    "svg",
-    Object.assign(
-      {
-        viewBox: "0 0 56 56",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg",
-      },
-      props,
-    ),
-    /*#__PURE__*/ React__default.createElement("path", {
-      d: "M36.4683 26.3206L23.9068 19.0686C23.6123 18.8984 23.2783 18.8088 22.9382 18.8086C22.5981 18.8084 22.264 18.8978 21.9694 19.0677C21.6748 19.2376 21.4301 19.4821 21.26 19.7765C21.0898 20.071 21.0001 20.4051 21 20.7451V35.2491C20.9985 35.5899 21.087 35.9251 21.2566 36.2207C21.4263 36.5162 21.671 36.7617 21.9661 36.9323C22.2612 37.1028 22.5961 37.1923 22.9369 37.1918C23.2777 37.1912 23.6123 37.1006 23.9068 36.9291L36.4683 29.6754C36.7626 29.5053 37.007 29.2608 37.1769 28.9664C37.3469 28.6719 37.4363 28.338 37.4363 27.998C37.4363 27.6581 37.3469 27.3241 37.1769 27.0297C37.007 26.7352 36.7626 26.4907 36.4683 26.3206ZM35.5933 28.1599L23.0318 35.4136C23.0035 35.4306 22.9711 35.4396 22.9381 35.4396C22.9052 35.4396 22.8728 35.4306 22.8445 35.4136C22.815 35.3977 22.7906 35.3739 22.7739 35.3448C22.7572 35.3158 22.7489 35.2826 22.75 35.2491V20.7451C22.7494 20.7122 22.7579 20.6797 22.7745 20.6513C22.7912 20.6229 22.8154 20.5996 22.8445 20.5841C22.8727 20.567 22.9051 20.5579 22.9381 20.5579C22.9712 20.5579 23.0036 20.567 23.0318 20.5841L35.5933 27.8344C35.6226 27.8505 35.647 27.8743 35.6637 27.9034C35.6803 27.9324 35.6887 27.9654 35.6878 27.9989C35.6882 28.0318 35.6796 28.0642 35.663 28.0926C35.6463 28.121 35.6222 28.1442 35.5933 28.1599Z",
-      fill: "currentColor",
-    }),
-  );
-
-const ArcIconWarn = (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("path", {
-      className: "cls-1",
-      fill: "currentColor",
-      d: "M16 20.99335A1 1 0 1 0 16 22.99335 1 1 0 1 0 16 20.99335z",
-    }),
-    /*#__PURE__*/ React__default.createElement("path", {
-      className: "cls-1",
-      d: "M16.00488,19.00977a.49972.49972,0,0,0,.5-.5L16.50684,9.5a.5.5,0,0,0-1,0l-.002,9.00977A.5.5,0,0,0,16.00488,19.00977Z",
-      fill: "currentColor",
-    }),
-  );
-
-var HeroButton = forwardRef(function (_a, ref) {
-    var label = _a.label, _b = _a.buttonStyle, buttonStyle = _b === void 0 ? "primary" : _b, icon = _a.icon, ariaLabel = _a.ariaLabel, _c = _a.isLoading, isLoading = _c === void 0 ? false : _c, onClick = _a.onClick, href = _a.href, id = _a.id, rel = _a.rel, target = _a.target, type = _a.type, form = _a.form, props = __rest(_a, ["label", "buttonStyle", "icon", "ariaLabel", "isLoading", "onClick", "href", "id", "rel", "target", "type", "form"]);
-    var surface = useContext(Context).surface;
-    var HeroButtonClasses = classNames("arc-HeroButton", ["arc-HeroButton--".concat(camelcase(buttonStyle))], {
-        "arc-HeroButton--onDarkSurface": surface === "dark",
-        "arc-HeroButton--emptyLabel": !label,
-        "arc-HeroButton--isLoading": isLoading,
-        "arc-HeroButton--withIcon": icon,
-        "arc-HeroButton--hasGradient": buttonStyle.includes("-gradient"),
-    });
-    var HeroButtonIcons = {
-        "arrow-right": BtIconArrowAltRight,
-        "arrow-down": BtIconArrowAltDown,
-        play: ArcIconPlay,
-        warning: ArcIconWarn,
-    };
-    var commonProps = __assign({ id: id, onClick: onClick, ref: ref }, filterAttrs(props));
-    if (href && !isLoading) {
-        return (React__default.createElement("a", __assign({}, commonProps, { className: HeroButtonClasses, href: href, rel: rel, "aria-label": ariaLabel, target: target }),
-            React__default.createElement("span", { className: classNames("arc-HeroButton-inner") },
-                label && React__default.createElement("span", { className: "arc-HeroButton-label" }, label),
-                isLoading && (React__default.createElement("span", { className: "arc-HeroButton-icon" },
-                    React__default.createElement(Spinner, { size: "xxl" }))),
-                icon && !isLoading && (React__default.createElement("span", { className: "arc-HeroButton-icon" },
-                    React__default.createElement(Icon, { size: 48, icon: buttonStyle === "warning"
-                            ? HeroButtonIcons["warning"]
-                            : HeroButtonIcons[icon] }))))));
-    }
-    return (React__default.createElement("button", __assign({}, commonProps, { className: HeroButtonClasses, "aria-label": ariaLabel, disabled: isLoading, type: type, form: form }),
-        React__default.createElement("span", { className: classNames("arc-HeroButton-inner") },
-            label && React__default.createElement("span", { className: "arc-HeroButton-label" }, label),
-            icon && !isLoading && (React__default.createElement("span", { className: "arc-HeroButton-icon" },
-                React__default.createElement(Icon, { size: 48, icon: buttonStyle === "warning"
-                        ? HeroButtonIcons["warning"]
-                        : HeroButtonIcons[icon] }))),
-            isLoading && (React__default.createElement("span", { className: "arc-HeroButton-icon" },
-                React__default.createElement(Spinner, { size: "xxl" }))))));
-});
-
-export { HeroButton as H };

package/lib/_shared/esm/Icon-B626JGP1.mjs

@@ -1,49 +0,0 @@
-import { _ as __rest, a as __assign, f as filterAttrs } from './filter-attrs-B6CM-NUr.mjs';
-import React__default, { useContext } from 'react';
-import { c as classNames } from './index-5C0-U8cc.mjs';
-import { s as suffixModifier } from './suffix-modifier-B_pO0UkF.mjs';
-import { C as Context } from './Surface-Colbp3Zx.mjs';
-
-/**
- * Use `Icon` to display brand iconography.
- */
-var Icon = function (_a) {
-    var _b;
-    var testId = _a.testId, icon = _a.icon, _c = _a.color, color = _c === void 0 ? "auto" : _c, _d = _a.isInline, isInline = _d === void 0 ? false : _d, _e = _a.isPresentationIcon, isPresentationIcon = _e === void 0 ? false : _e, label = _a.label, size = _a.size, props = __rest(_a, ["testId", "icon", "color", "isInline", "isPresentationIcon", "label", "size"]);
-    var surface = useContext(Context).surface;
-    var presentationIconProps = {
-        role: "presentation",
-        "aria-hidden": true,
-    };
-    var renderIcon = function () {
-        if (!icon)
-            return null;
-        var accessibleProps = isPresentationIcon ? presentationIconProps : {};
-        if (typeof icon === "function") {
-            var IconComponent = icon || (function () { return React__default.createElement(React__default.Fragment, null); });
-            return React__default.createElement(IconComponent, __assign({}, accessibleProps));
-        }
-        if (React__default.isValidElement(icon) && icon.type === "svg") {
-            return React__default.cloneElement(icon, accessibleProps);
-        }
-        return null;
-    };
-    return (React__default.createElement("span", __assign({ "data-testid": testId, "aria-label": label, className: classNames((_b = {},
-            _b["arc-Icon"] = true,
-            _b[suffixModifier("arc-Icon--color", color)] = color !== "auto",
-            _b["arc-Icon--inline"] = isInline,
-            _b["arc-Icon--onDarkSurface"] = surface === "dark",
-            _b)), role: label ? "img" : undefined, style: {
-            height: size,
-            width: size,
-        } }, filterAttrs(props)), renderIcon()));
-};
-var colors = [
-    "auto",
-    "brand",
-    "statusRed",
-    "statusAmber",
-    "statusGreen",
-];
-
-export { Icon as I, colors as c };