@arc-ui/components 12.0.0-beta.13 → 12.0.0-beta.14.1

package/lib/PaginationSimple/PaginationSimple.cjs

@@ -0,0 +1,106 @@
+'use strict';
+
+var filterAttrs = require('../_shared/cjs/filter-attrs-eK6E_34o.cjs');
+var React = require('react');
+var index = require('../_shared/cjs/index-CTlXMLug.cjs');
+var ThemeIcon = require('../_shared/cjs/ThemeIcon-BoxbjTaQ.cjs');
+var Icon = require('../_shared/cjs/Icon-DdqFr6bT.cjs');
+require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
+require('../_shared/cjs/index-DR8Rkav9.cjs');
+require('../_shared/cjs/Surface-BFx1yNsq.cjs');
+
+const BtIconFirstMid = (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: "M4.675 4.00537C5.04779 4.00537 5.35 4.30758 5.35 4.68037V11.3204C5.35 11.6932 5.04779 11.9954 4.675 11.9954C4.30221 11.9954 4 11.6932 4 11.3204V4.68037C4 4.30758 4.30221 4.00537 4.675 4.00537Z",
+      fill: "currentColor",
+    }),
+    /*#__PURE__*/ React.createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M7.97265 8.0002L10.8213 10.8522C10.9473 10.9785 11.0181 11.1495 11.0181 11.3279C11.0181 11.5063 10.9473 11.6773 10.8213 11.8036C10.759 11.866 10.6851 11.9155 10.6036 11.9493C10.5222 11.983 10.4349 12.0004 10.3467 12.0004C10.2585 12.0004 10.1712 11.983 10.0897 11.9493C10.0083 11.9155 9.93428 11.866 9.87199 11.8036L6.54799 8.47553C6.42219 8.34932 6.35156 8.17839 6.35156 8.0002C6.35156 7.822 6.42219 7.65107 6.54799 7.52486L9.87199 4.19686C9.93428 4.13446 10.0083 4.08495 10.0897 4.05117C10.1712 4.01738 10.2585 4 10.3467 4C10.4348 4 10.5222 4.01738 10.6036 4.05117C10.6851 4.08495 10.759 4.13446 10.8213 4.19686C10.9473 4.3231 11.0181 4.49417 11.0181 4.67253C11.0181 4.85089 10.9473 5.02196 10.8213 5.1482L7.97265 8.0002Z",
+      fill: "currentColor",
+    }),
+  );
+
+const BtIconLastMid = (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: "M10.3406 11.9951C9.96783 11.9951 9.66562 11.6929 9.66562 11.3201V4.68012C9.66562 4.30732 9.96783 4.00512 10.3406 4.00512C10.7134 4.00512 11.0156 4.30732 11.0156 4.68012L11.0156 11.3201C11.0156 11.6929 10.7134 11.9951 10.3406 11.9951Z",
+      fill: "currentColor",
+    }),
+    /*#__PURE__*/ React.createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M7.04297 8.00029L4.19434 5.14832C4.06834 5.02202 3.99754 4.85102 3.99754 4.67262C3.99754 4.49422 4.06834 4.32322 4.19434 4.19692C4.25664 4.13452 4.33054 4.08502 4.41204 4.05122C4.49344 4.01752 4.58074 4.00012 4.66897 4.00012C4.75714 4.00012 4.84445 4.01752 4.9259 4.05122C5.00735 4.08502 5.08134 4.13452 5.14363 4.19692L8.46763 7.52496C8.59343 7.65117 8.66406 7.8221 8.66406 8.00029C8.66406 8.17849 8.59343 8.34942 8.46763 8.47563L5.14363 11.8036C5.08134 11.866 5.00735 11.9155 4.9259 11.9493C4.84445 11.9831 4.75714 12.0005 4.66897 12.0005C4.58084 12.0005 4.49344 11.9831 4.41204 11.9493C4.33054 11.9155 4.25664 11.866 4.19434 11.8036C4.06834 11.6774 3.99754 11.5063 3.99754 11.328C3.99754 11.1496 4.06834 10.9785 4.19434 10.8523L7.04297 8.00029Z",
+      fill: "currentColor",
+    }),
+  );
+
+/**
+ * TODO! Revise method of aligning svg's
+ */
+/**
+ * Use `PaginationSimple` to navigate through multiple pages of content.
+ */
+var PaginationSimple = function (_a) {
+    var hide = _a.hide, hrefs = _a.hrefs, onPageChange = _a.onPageChange, isFluid = _a.isFluid, showEllipsis = _a.showEllipsis, props = filterAttrs.__rest(_a, ["hide", "hrefs", "onPageChange", "isFluid", "showEllipsis"]);
+    return (React.createElement("nav", filterAttrs.__assign({ className: index.classNames("arc-PaginationSimple", {
+            "arc-PaginationSimple--fluid": isFluid,
+            "arc-PaginationSimple--centered": !isFluid,
+        }) }, filterAttrs.filterAttrs(props)),
+        React.createElement("ul", { className: "arc-PaginationSimple-list" },
+            React.createElement("li", { className: "arc-PaginationSimple-listItem" },
+                React.createElement("a", { tabIndex: 0, href: hrefs === null || hrefs === void 0 ? void 0 : hrefs.first, role: !(hrefs === null || hrefs === void 0 ? void 0 : hrefs.first) ? "button" : undefined, className: index.classNames("arc-PaginationSimple-navigationButton", {
+                        "arc-PaginationSimple-navigationButton--hidden": hide === null || hide === void 0 ? void 0 : hide.first,
+                    }), onClick: function (e) { return onPageChange(e, "first"); } },
+                    React.createElement("div", { className: "arc-PaginationSimple-iconContainer" },
+                        React.createElement(Icon.Icon, { size: 32, icon: BtIconFirstMid })),
+                    React.createElement("span", { className: "arc-PaginationSimple-prevText" }, "First")),
+                React.createElement("a", { tabIndex: 0, href: hrefs === null || hrefs === void 0 ? void 0 : hrefs.prev, role: !(hrefs === null || hrefs === void 0 ? void 0 : hrefs.prev) ? "button" : undefined, className: index.classNames("arc-PaginationSimple-navigationButton", {
+                        "arc-PaginationSimple-navigationButton--hidden": hide === null || hide === void 0 ? void 0 : hide.prev,
+                    }), onClick: function (e) { return onPageChange(e, "prev"); } },
+                    React.createElement("div", { className: "arc-PaginationSimple-iconContainer arc-PaginationSimple-iconContainer--left " },
+                        React.createElement(ThemeIcon.ThemeIcon, { size: 32, icon: "paginationSimplePrevious" })),
+                    React.createElement("span", { className: "arc-PaginationSimple-prevText" }, "Prev"))),
+            React.createElement("li", { className: index.classNames("arc-PaginationSimple-listItem arc-PaginationSimple-listItemEllipsis", {
+                    "arc-PaginationSimple-listItemEllipsis--hidden": !showEllipsis,
+                }) }, "..."),
+            React.createElement("li", { className: "arc-PaginationSimple-listItem" },
+                React.createElement("a", { tabIndex: 0, href: hrefs === null || hrefs === void 0 ? void 0 : hrefs.next, role: !(hrefs === null || hrefs === void 0 ? void 0 : hrefs.next) ? "button" : undefined, className: index.classNames("arc-PaginationSimple-navigationButton", {
+                        "arc-PaginationSimple-navigationButton--hidden": hide === null || hide === void 0 ? void 0 : hide.next,
+                    }), onClick: function (e) { return onPageChange(e, "next"); } },
+                    React.createElement("span", { className: "arc-PaginationSimple-nextText" }, "Next"),
+                    React.createElement("div", { className: "arc-PaginationSimple-iconContainer arc-PaginationSimple-iconContainer--right " },
+                        React.createElement(ThemeIcon.ThemeIcon, { size: 32, icon: "paginationSimpleNext" }))),
+                React.createElement("a", { tabIndex: 0, href: hrefs === null || hrefs === void 0 ? void 0 : hrefs.last, role: !(hrefs === null || hrefs === void 0 ? void 0 : hrefs.last) ? "button" : undefined, className: index.classNames("arc-PaginationSimple-navigationButton", {
+                        "arc-PaginationSimple-navigationButton--hidden": hide === null || hide === void 0 ? void 0 : hide.last,
+                    }), onClick: function (e) { return onPageChange(e, "last"); } },
+                    React.createElement("span", { className: "arc-PaginationSimple-nextText" }, "Last"),
+                    React.createElement("div", { className: "arc-PaginationSimple-iconContainer" },
+                        React.createElement(Icon.Icon, { size: 32, icon: BtIconLastMid })))))));
+};
+
+exports.PaginationSimple = PaginationSimple;

package/lib/PaginationSimple/PaginationSimple.mjs

@@ -0,0 +1,104 @@
+import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-B6CM-NUr.mjs';
+import React__default from 'react';
+import { c as classNames } from '../_shared/esm/index-5C0-U8cc.mjs';
+import { T as ThemeIcon } from '../_shared/esm/ThemeIcon-CN_Ed5b1.mjs';
+import { I as Icon } from '../_shared/esm/Icon-B626JGP1.mjs';
+import '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';
+import '../_shared/esm/index-Spae4j7j.mjs';
+import '../_shared/esm/Surface-Colbp3Zx.mjs';
+
+const BtIconFirstMid = (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: "M4.675 4.00537C5.04779 4.00537 5.35 4.30758 5.35 4.68037V11.3204C5.35 11.6932 5.04779 11.9954 4.675 11.9954C4.30221 11.9954 4 11.6932 4 11.3204V4.68037C4 4.30758 4.30221 4.00537 4.675 4.00537Z",
+      fill: "currentColor",
+    }),
+    /*#__PURE__*/ React__default.createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M7.97265 8.0002L10.8213 10.8522C10.9473 10.9785 11.0181 11.1495 11.0181 11.3279C11.0181 11.5063 10.9473 11.6773 10.8213 11.8036C10.759 11.866 10.6851 11.9155 10.6036 11.9493C10.5222 11.983 10.4349 12.0004 10.3467 12.0004C10.2585 12.0004 10.1712 11.983 10.0897 11.9493C10.0083 11.9155 9.93428 11.866 9.87199 11.8036L6.54799 8.47553C6.42219 8.34932 6.35156 8.17839 6.35156 8.0002C6.35156 7.822 6.42219 7.65107 6.54799 7.52486L9.87199 4.19686C9.93428 4.13446 10.0083 4.08495 10.0897 4.05117C10.1712 4.01738 10.2585 4 10.3467 4C10.4348 4 10.5222 4.01738 10.6036 4.05117C10.6851 4.08495 10.759 4.13446 10.8213 4.19686C10.9473 4.3231 11.0181 4.49417 11.0181 4.67253C11.0181 4.85089 10.9473 5.02196 10.8213 5.1482L7.97265 8.0002Z",
+      fill: "currentColor",
+    }),
+  );
+
+const BtIconLastMid = (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: "M10.3406 11.9951C9.96783 11.9951 9.66562 11.6929 9.66562 11.3201V4.68012C9.66562 4.30732 9.96783 4.00512 10.3406 4.00512C10.7134 4.00512 11.0156 4.30732 11.0156 4.68012L11.0156 11.3201C11.0156 11.6929 10.7134 11.9951 10.3406 11.9951Z",
+      fill: "currentColor",
+    }),
+    /*#__PURE__*/ React__default.createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M7.04297 8.00029L4.19434 5.14832C4.06834 5.02202 3.99754 4.85102 3.99754 4.67262C3.99754 4.49422 4.06834 4.32322 4.19434 4.19692C4.25664 4.13452 4.33054 4.08502 4.41204 4.05122C4.49344 4.01752 4.58074 4.00012 4.66897 4.00012C4.75714 4.00012 4.84445 4.01752 4.9259 4.05122C5.00735 4.08502 5.08134 4.13452 5.14363 4.19692L8.46763 7.52496C8.59343 7.65117 8.66406 7.8221 8.66406 8.00029C8.66406 8.17849 8.59343 8.34942 8.46763 8.47563L5.14363 11.8036C5.08134 11.866 5.00735 11.9155 4.9259 11.9493C4.84445 11.9831 4.75714 12.0005 4.66897 12.0005C4.58084 12.0005 4.49344 11.9831 4.41204 11.9493C4.33054 11.9155 4.25664 11.866 4.19434 11.8036C4.06834 11.6774 3.99754 11.5063 3.99754 11.328C3.99754 11.1496 4.06834 10.9785 4.19434 10.8523L7.04297 8.00029Z",
+      fill: "currentColor",
+    }),
+  );
+
+/**
+ * TODO! Revise method of aligning svg's
+ */
+/**
+ * Use `PaginationSimple` to navigate through multiple pages of content.
+ */
+var PaginationSimple = function (_a) {
+    var hide = _a.hide, hrefs = _a.hrefs, onPageChange = _a.onPageChange, isFluid = _a.isFluid, showEllipsis = _a.showEllipsis, props = __rest(_a, ["hide", "hrefs", "onPageChange", "isFluid", "showEllipsis"]);
+    return (React__default.createElement("nav", __assign({ className: classNames("arc-PaginationSimple", {
+            "arc-PaginationSimple--fluid": isFluid,
+            "arc-PaginationSimple--centered": !isFluid,
+        }) }, filterAttrs(props)),
+        React__default.createElement("ul", { className: "arc-PaginationSimple-list" },
+            React__default.createElement("li", { className: "arc-PaginationSimple-listItem" },
+                React__default.createElement("a", { tabIndex: 0, href: hrefs === null || hrefs === void 0 ? void 0 : hrefs.first, role: !(hrefs === null || hrefs === void 0 ? void 0 : hrefs.first) ? "button" : undefined, className: classNames("arc-PaginationSimple-navigationButton", {
+                        "arc-PaginationSimple-navigationButton--hidden": hide === null || hide === void 0 ? void 0 : hide.first,
+                    }), onClick: function (e) { return onPageChange(e, "first"); } },
+                    React__default.createElement("div", { className: "arc-PaginationSimple-iconContainer" },
+                        React__default.createElement(Icon, { size: 32, icon: BtIconFirstMid })),
+                    React__default.createElement("span", { className: "arc-PaginationSimple-prevText" }, "First")),
+                React__default.createElement("a", { tabIndex: 0, href: hrefs === null || hrefs === void 0 ? void 0 : hrefs.prev, role: !(hrefs === null || hrefs === void 0 ? void 0 : hrefs.prev) ? "button" : undefined, className: classNames("arc-PaginationSimple-navigationButton", {
+                        "arc-PaginationSimple-navigationButton--hidden": hide === null || hide === void 0 ? void 0 : hide.prev,
+                    }), onClick: function (e) { return onPageChange(e, "prev"); } },
+                    React__default.createElement("div", { className: "arc-PaginationSimple-iconContainer arc-PaginationSimple-iconContainer--left " },
+                        React__default.createElement(ThemeIcon, { size: 32, icon: "paginationSimplePrevious" })),
+                    React__default.createElement("span", { className: "arc-PaginationSimple-prevText" }, "Prev"))),
+            React__default.createElement("li", { className: classNames("arc-PaginationSimple-listItem arc-PaginationSimple-listItemEllipsis", {
+                    "arc-PaginationSimple-listItemEllipsis--hidden": !showEllipsis,
+                }) }, "..."),
+            React__default.createElement("li", { className: "arc-PaginationSimple-listItem" },
+                React__default.createElement("a", { tabIndex: 0, href: hrefs === null || hrefs === void 0 ? void 0 : hrefs.next, role: !(hrefs === null || hrefs === void 0 ? void 0 : hrefs.next) ? "button" : undefined, className: classNames("arc-PaginationSimple-navigationButton", {
+                        "arc-PaginationSimple-navigationButton--hidden": hide === null || hide === void 0 ? void 0 : hide.next,
+                    }), onClick: function (e) { return onPageChange(e, "next"); } },
+                    React__default.createElement("span", { className: "arc-PaginationSimple-nextText" }, "Next"),
+                    React__default.createElement("div", { className: "arc-PaginationSimple-iconContainer arc-PaginationSimple-iconContainer--right " },
+                        React__default.createElement(ThemeIcon, { size: 32, icon: "paginationSimpleNext" }))),
+                React__default.createElement("a", { tabIndex: 0, href: hrefs === null || hrefs === void 0 ? void 0 : hrefs.last, role: !(hrefs === null || hrefs === void 0 ? void 0 : hrefs.last) ? "button" : undefined, className: classNames("arc-PaginationSimple-navigationButton", {
+                        "arc-PaginationSimple-navigationButton--hidden": hide === null || hide === void 0 ? void 0 : hide.last,
+                    }), onClick: function (e) { return onPageChange(e, "last"); } },
+                    React__default.createElement("span", { className: "arc-PaginationSimple-nextText" }, "Last"),
+                    React__default.createElement("div", { className: "arc-PaginationSimple-iconContainer" },
+                        React__default.createElement(Icon, { size: 32, icon: BtIconLastMid })))))));
+};
+
+export { PaginationSimple };

package/lib/PaginationSimple/styles.css

@@ -0,0 +1 @@
+.arc-v12-0-0-beta-14-1 .arc .arc-PaginationSimple{width:100%}.arc-v12-0-0-beta-14-1 .arc .arc-PaginationSimple-list{align-items:center;display:flex;list-style:none;margin:0;padding:0;width:100%}.arc-v12-0-0-beta-14-1 .arc .arc-PaginationSimple--centered .arc-PaginationSimple-list{justify-content:center}.arc-v12-0-0-beta-14-1 .arc .arc-PaginationSimple-navigationButton{align-items:center;background:transparent;border:none;color:var(--pagination-colors-light-text-strong);cursor:pointer;display:flex;font:var(--sem-type-interface-reg-s);margin:0;outline:none;padding:0;text-decoration:none;width:-moz-max-content;width:max-content}.arc-v12-0-0-beta-14-1 .arc .arc-PaginationSimple-iconContainer{align-items:center;border-radius:50%;display:flex}.arc-v12-0-0-beta-14-1 .arc .arc-PaginationSimple-navigationButton .arc-PaginationSimple-iconContainer{color:var(--pagination-colors-light-fg-default)}.arc-v12-0-0-beta-14-1 .arc .arc-PaginationSimple-navigationButton:focus-visible .arc-PaginationSimple-iconContainer{border-radius:100%;outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle)}.arc-v12-0-0-beta-14-1 .arc .arc-PaginationSimple-listItem{align-items:center;display:flex;gap:var(--pagination-gap-m)}.arc-v12-0-0-beta-14-1 .arc .arc-PaginationSimple-listItemEllipsis{margin:0 calc(var(--pagination-gap-s) * 2)}.arc-v12-0-0-beta-14-1 .arc .arc-PaginationSimple-listItem:first-child{margin-right:calc(var(--pagination-gap-s) * 2.5)}.arc-v12-0-0-beta-14-1 .arc .arc-PaginationSimple-listItem:last-child{margin-left:calc(var(--pagination-gap-s) * 2.5)}.arc-v12-0-0-beta-14-1 .arc .arc-PaginationSimple--fluid .arc-PaginationSimple-listItem:first-child{flex-grow:1}.arc-v12-0-0-beta-14-1 .arc .arc-PaginationSimple--fluid .arc-PaginationSimple-listItemEllipsis{flex-grow:1}.arc-v12-0-0-beta-14-1 .arc .arc-PaginationSimple-prevText{margin-left:var(--pagination-gap-s)}.arc-v12-0-0-beta-14-1 .arc .arc-PaginationSimple-nextText{margin-right:var(--pagination-gap-s)}.arc-v12-0-0-beta-14-1 .arc .arc-PaginationSimple--fluid .arc-PaginationSimple-navigationButton--hidden{visibility:hidden}.arc-v12-0-0-beta-14-1 .arc .arc-PaginationSimple--centered .arc-PaginationSimple-navigationButton--hidden,.arc-v12-0-0-beta-14-1 .arc .arc-PaginationSimple-listItemEllipsis--hidden{display:none}.arc-v12-0-0-beta-14-1 .arc .arc-PaginationSimple-iconContainer--left>:first-child{position:relative;right:1px}.arc-v12-0-0-beta-14-1 .arc .arc-PaginationSimple-iconContainer--right>:first-child{left:1px;position:relative}@media (hover:hover){.arc-v12-0-0-beta-14-1 .arc .arc-PaginationSimple-navigationButton:hover .arc-PaginationSimple-iconContainer{background-color:var(--pagination-colors-light-bg-hover);color:var(--pagination-colors-light-text-default)}}.arc-v12-0-0-beta-14-1 .arc .arc-PaginationSimple-navigationButton:active .arc-PaginationSimple-iconContainer{background-color:var(--pagination-colors-light-bg-pressed);color:var(--pagination-colors-light-text-default)}.arc-v12-0-0-beta-14-1 .arc .arc-PaginationSimple-navigationButton:focus-visible{outline:none}

package/lib/Popover/Popover.cjs

@@ -0,0 +1,36 @@
+'use strict';
+
+var filterAttrs = require('../_shared/cjs/filter-attrs-eK6E_34o.cjs');
+var React = require('react');
+var index$2 = require('../_shared/cjs/index-CTlXMLug.cjs');
+var index$1 = require('../_shared/cjs/index-BCsybVMl.cjs');
+var index = require('../_shared/cjs/index-DXNM3D1d.cjs');
+var Surface = require('../_shared/cjs/Surface-BFx1yNsq.cjs');
+require('../_shared/cjs/index-BoR_yLsK.cjs');
+require('react/jsx-runtime');
+require('../_shared/cjs/index-B11wQrRa.cjs');
+require('react-dom');
+require('../_shared/cjs/index-DM20WK5o.cjs');
+require('../_shared/cjs/index-DR8Rkav9.cjs');
+
+/** Use `Popover` to display content in a portal, triggered by a button. */
+var Popover = function (_a) {
+    var align = _a.align, _b = _a.arrow, arrow = _b === void 0 ? true : _b, _c = _a.background, background = _c === void 0 ? "light" : _c, children = _a.children, content = _a.content, _d = _a.maxWidth, maxWidth = _d === void 0 ? 452 : _d, onCloseAutoFocus = _a.onCloseAutoFocus, onEscapeKeyDown = _a.onEscapeKeyDown, onFocusOutside = _a.onFocusOutside, onInteractOutside = _a.onInteractOutside, onOpenAutoFocus = _a.onOpenAutoFocus, onPointerDownOutside = _a.onPointerDownOutside, onOpenChange = _a.onOpenChange, open = _a.open, side = _a.side, _e = _a.sideOffset, sideOffset = _e === void 0 ? 0 : _e, _f = _a.zIndex, zIndex = _f === void 0 ? 100 : _f, props = filterAttrs.__rest(_a, ["align", "arrow", "background", "children", "content", "maxWidth", "onCloseAutoFocus", "onEscapeKeyDown", "onFocusOutside", "onInteractOutside", "onOpenAutoFocus", "onPointerDownOutside", "onOpenChange", "open", "side", "sideOffset", "zIndex"]);
+    var _g = index.useThemeElement(), themeElement = _g[0], setThemeElement = _g[1];
+    return (React.createElement("div", filterAttrs.__assign({ className: "arc-Popover" }, filterAttrs.filterAttrs(props)),
+        React.createElement(index$1.Root2, { open: open, onOpenChange: onOpenChange },
+            React.createElement(index$1.Trigger, { className: "arc-Popover-trigger" }, children),
+            React.createElement("div", { ref: setThemeElement },
+                React.createElement(index$1.Portal, { container: themeElement },
+                    React.createElement("div", { "data-cy": "z-index", style: { position: "absolute", zIndex: zIndex } },
+                        React.createElement(index$1.Content2, { asChild: true, side: side, sideOffset: sideOffset, align: align, alignOffset: align === "start" ? -16 : align === "end" ? -16 : undefined, onOpenAutoFocus: onOpenAutoFocus, onCloseAutoFocus: onCloseAutoFocus, onEscapeKeyDown: onEscapeKeyDown, onPointerDownOutside: onPointerDownOutside, onFocusOutside: onFocusOutside, onInteractOutside: onInteractOutside },
+                            React.createElement(Surface.Surface, { isTransparent: true, background: background === "light" ? "light-white" : "dark-black" },
+                                React.createElement("div", { className: index$2.classNames("arc-Popover-content", {
+                                        "arc-Popover-content--dark": background === "dark",
+                                        "arc-Popover-content--brand": background === "brand",
+                                    }), style: { maxWidth: maxWidth } },
+                                    content && (React.createElement("div", { className: "arc-Popover-contentNodeItem" }, content)),
+                                    arrow && (React.createElement(index$1.PopoverArrow, { className: "arc-Popover-arrow" })))))))))));
+};
+
+exports.Popover = Popover;

package/lib/Popover/Popover.mjs

@@ -0,0 +1,34 @@
+import { _ as __rest, a as __assign, f as filterAttrs } from '../_shared/esm/filter-attrs-B6CM-NUr.mjs';
+import React__default from 'react';
+import { c as classNames } from '../_shared/esm/index-5C0-U8cc.mjs';
+import { R as Root2, T as Trigger, P as Portal, C as Content2, a as PopoverArrow } from '../_shared/esm/index-sjWSIoCo.mjs';
+import { u as useThemeElement } from '../_shared/esm/index-DKUZMeu5.mjs';
+import { S as Surface } from '../_shared/esm/Surface-Colbp3Zx.mjs';
+import '../_shared/esm/index-DBBWLR4b.mjs';
+import 'react/jsx-runtime';
+import '../_shared/esm/index-DTF1_dbG.mjs';
+import 'react-dom';
+import '../_shared/esm/index-DAKCDHmP.mjs';
+import '../_shared/esm/index-Spae4j7j.mjs';
+
+/** Use `Popover` to display content in a portal, triggered by a button. */
+var Popover = function (_a) {
+    var align = _a.align, _b = _a.arrow, arrow = _b === void 0 ? true : _b, _c = _a.background, background = _c === void 0 ? "light" : _c, children = _a.children, content = _a.content, _d = _a.maxWidth, maxWidth = _d === void 0 ? 452 : _d, onCloseAutoFocus = _a.onCloseAutoFocus, onEscapeKeyDown = _a.onEscapeKeyDown, onFocusOutside = _a.onFocusOutside, onInteractOutside = _a.onInteractOutside, onOpenAutoFocus = _a.onOpenAutoFocus, onPointerDownOutside = _a.onPointerDownOutside, onOpenChange = _a.onOpenChange, open = _a.open, side = _a.side, _e = _a.sideOffset, sideOffset = _e === void 0 ? 0 : _e, _f = _a.zIndex, zIndex = _f === void 0 ? 100 : _f, props = __rest(_a, ["align", "arrow", "background", "children", "content", "maxWidth", "onCloseAutoFocus", "onEscapeKeyDown", "onFocusOutside", "onInteractOutside", "onOpenAutoFocus", "onPointerDownOutside", "onOpenChange", "open", "side", "sideOffset", "zIndex"]);
+    var _g = useThemeElement(), themeElement = _g[0], setThemeElement = _g[1];
+    return (React__default.createElement("div", __assign({ className: "arc-Popover" }, filterAttrs(props)),
+        React__default.createElement(Root2, { open: open, onOpenChange: onOpenChange },
+            React__default.createElement(Trigger, { className: "arc-Popover-trigger" }, children),
+            React__default.createElement("div", { ref: setThemeElement },
+                React__default.createElement(Portal, { container: themeElement },
+                    React__default.createElement("div", { "data-cy": "z-index", style: { position: "absolute", zIndex: zIndex } },
+                        React__default.createElement(Content2, { asChild: true, side: side, sideOffset: sideOffset, align: align, alignOffset: align === "start" ? -16 : align === "end" ? -16 : undefined, onOpenAutoFocus: onOpenAutoFocus, onCloseAutoFocus: onCloseAutoFocus, onEscapeKeyDown: onEscapeKeyDown, onPointerDownOutside: onPointerDownOutside, onFocusOutside: onFocusOutside, onInteractOutside: onInteractOutside },
+                            React__default.createElement(Surface, { isTransparent: true, background: background === "light" ? "light-white" : "dark-black" },
+                                React__default.createElement("div", { className: classNames("arc-Popover-content", {
+                                        "arc-Popover-content--dark": background === "dark",
+                                        "arc-Popover-content--brand": background === "brand",
+                                    }), style: { maxWidth: maxWidth } },
+                                    content && (React__default.createElement("div", { className: "arc-Popover-contentNodeItem" }, content)),
+                                    arrow && (React__default.createElement(PopoverArrow, { className: "arc-Popover-arrow" })))))))))));
+};
+
+export { Popover };

package/lib/Popover/styles.css

@@ -0,0 +1 @@
+.arc-v12-0-0-beta-14-1 .arc .arc-Popover-content{background:var(--popover-colors-light-bg-default);border:var(--popover-border-width) solid var(--popover-colors-light-border);border-radius:var(--popover-border-radius);box-shadow:var(--elevation-01);outline:none;overflow:hidden;padding:16px}.arc-v12-0-0-beta-14-1 .arc .arc-Popover-arrow{background:var(--popover-colors-light-bg-default);border-bottom:var(--popover-border-width) solid var(--popover-colors-light-border);border-bottom-right-radius:1px;border-right:var(--popover-border-width) solid var(--popover-colors-light-border);fill:none;height:11.31px;position:relative;transform:translate(0,-52%) rotate(45deg);width:11.31px}.arc-v12-0-0-beta-14-1 .arc .arc-Popover-content:not(:focus-visible){outline:none}.arc-v12-0-0-beta-14-1 .arc .arc-Popover-content--dark,.arc-v12-0-0-beta-14-1 .arc .arc-Popover-content--dark .arc-Popover-arrow{background:var(--popover-colors-dark-bg-default);border-color:var(--popover-colors-dark-border)}.arc-v12-0-0-beta-14-1 .arc .arc-Popover-content--brand,.arc-v12-0-0-beta-14-1 .arc .arc-Popover-content--brand .arc-Popover-arrow{background:var(--popover-colors-brand-bg-default);border-color:var(--popover-colors-brand-border)}.arc-v12-0-0-beta-14-1 .arc .arc-Popover-trigger{all:unset;cursor:pointer}

package/lib/Poster/Poster.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var Poster = require('../_shared/cjs/Poster-DD5EQ-X1.cjs');
+require('../_shared/cjs/filter-attrs-eK6E_34o.cjs');
+require('react');
+require('../_shared/cjs/index-CTlXMLug.cjs');
+require('../_shared/cjs/Surface-BFx1yNsq.cjs');
+require('../_shared/cjs/index-DR8Rkav9.cjs');
+require('../_shared/cjs/Image-Bk-IOgez.cjs');
+require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
+
+
+
+exports.Poster = Poster.Poster;

package/lib/Poster/Poster.mjs

@@ -0,0 +1,8 @@
+export { P as Poster } from '../_shared/esm/Poster-B49pPgP_.mjs';
+import '../_shared/esm/filter-attrs-B6CM-NUr.mjs';
+import 'react';
+import '../_shared/esm/index-5C0-U8cc.mjs';
+import '../_shared/esm/Surface-Colbp3Zx.mjs';
+import '../_shared/esm/index-Spae4j7j.mjs';
+import '../_shared/esm/Image-Bx91_r2O.mjs';
+import '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';

package/lib/Poster/styles.css

@@ -0,0 +1 @@
+:root{--arc-poster-linear-gradient-scrim-left-light:linear-gradient(to left,transparent 0%,rgba(255,255,255,0.002) 0.4%,rgba(255,255,255,0.008) 0.8%,rgba(255,255,255,0.021) 4.8%,rgba(255,255,255,0.042) 9%,rgba(255,255,255,0.075) 13.9%,rgba(255,255,255,0.126) 19.8%,rgba(255,255,255,0.25) 27%,rgba(255,255,255,0.53) 35%,rgba(255,255,255,0.75) 43.5%,rgba(255,255,255,0.85) 53%,rgba(255,255,255,0.9) 66%,rgba(255,255,255,0.93) 81%,rgba(255,255,255,0.96) 100%);--arc-poster-overlay-light:linear-gradient(to left,rgba(255,255,255,0.541) 0%,rgba(255,255,255,0.541) 100%);--arc-poster-linear-gradient-scrim-left-dark:linear-gradient(to left,transparent 0%,rgba(85,20,180,0.002) 0.4%,rgba(85,20,180,0.008) 0.8%,rgba(85,20,180,0.021) 4.8%,rgba(85,20,180,0.042) 9%,rgba(85,20,180,0.075) 13.9%,rgba(85,20,180,0.126) 19.8%,rgba(85,20,180,0.19399999999999998) 27%,rgba(85,20,180,0.278) 35%,rgba(85,20,180,0.382) 43.5%,rgba(85,20,180,0.541) 53%,rgba(85,20,180,0.738) 66%,rgba(42,28,74,0.9) 81%,rgba(42,28,74,0.9) 100%);--arc-poster-overlay-dark:linear-gradient(to left,rgba(42,28,74,0.382) 0%,rgba(42,28,74,0.382) 100%)}.arc-v12-0-0-beta-14-1 .arc .arc-Poster{position:relative}.arc .arc-Poster-body{position:relative;z-index:1}.arc-v12-0-0-beta-14-1 .arc .arc-Poster-backgroundWrapper{bottom:0;display:block;left:0;overflow:hidden;position:absolute;right:0;top:0}.arc-v12-0-0-beta-14-1 .arc .arc-Poster--overlay{position:relative}.arc-v12-0-0-beta-14-1 .arc .arc-Poster--overlay::after{background-image:var(--arc-poster-overlay-dark);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.arc-v12-0-0-beta-14-1 .arc .arc-Poster--overlayLight::after{background-image:var(--arc-poster-overlay-light)}@media (min-width:768px){.arc-v12-0-0-beta-14-1 .arc .arc-Poster--overlay::after{background-image:var(--arc-poster-linear-gradient-scrim-left-dark)}.arc-v12-0-0-beta-14-1 .arc .arc-Poster--overlayLight::after{background-image:var(--arc-poster-linear-gradient-scrim-left-light)}}.arc-v12-0-0-beta-14-1 .arc .arc-PosterVideo{height:100%;width:100%}@supports (object-fit:cover) and (object-position:50% 50%){.arc-v12-0-0-beta-14-1 .arc .arc-PosterVideo{object-fit:cover;visibility:visible}.arc-v12-0-0-beta-14-1 .arc .arc-PosterVideo--anchorN{object-position:50% 0}.arc-v12-0-0-beta-14-1 .arc .arc-PosterVideo--anchorNE{object-position:100% 0}.arc-v12-0-0-beta-14-1 .arc .arc-PosterVideo--anchorE{object-position:100% 50%}.arc-v12-0-0-beta-14-1 .arc .arc-PosterVideo--anchorSE{object-position:100% 100%}.arc-v12-0-0-beta-14-1 .arc .arc-PosterVideo--anchorS{object-position:50% 100%}.arc-v12-0-0-beta-14-1 .arc .arc-PosterVideo--anchorSW{object-position:0 100%}.arc-v12-0-0-beta-14-1 .arc .arc-PosterVideo--anchorW{object-position:0 50%}.arc-v12-0-0-beta-14-1 .arc .arc-PosterVideo--anchorNW{object-position:0 0}.arc-v12-0-0-beta-14-1 .arc .arc-PosterVideo--anchorC{object-position:50% 50%}}.arc-v12-0-0-beta-14-1 .arc .arc-Poster--overlay:not(.arc-Poster--overlayLight)::after{background-image:var(--arc-poster-overlay-dark)}@media (min-width:768px){.arc-v12-0-0-beta-14-1 .arc .arc-Poster--overlay:not(.arc-Poster--overlayLight)::after{background-image:var(--arc-poster-linear-gradient-scrim-left-dark)}}

package/lib/ProgressBar/ProgressBar.cjs

@@ -0,0 +1,65 @@
+'use strict';
+
+var filterAttrs = require('../_shared/cjs/filter-attrs-eK6E_34o.cjs');
+var React = require('react');
+var index = require('../_shared/cjs/index-CTlXMLug.cjs');
+var Text = require('../_shared/cjs/Text-Cr5nmYmx.cjs');
+var Heading = require('../_shared/cjs/Heading-ByiXEHGj.cjs');
+var VerticalSpace = require('../_shared/cjs/VerticalSpace-BJvST6WP.cjs');
+var ThemeIcon = require('../_shared/cjs/ThemeIcon-BoxbjTaQ.cjs');
+require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
+require('../_shared/cjs/index-DR8Rkav9.cjs');
+require('../_shared/cjs/Surface-BFx1yNsq.cjs');
+
+var PROGRESS_BAR_ICON_MAP = {
+    refresh: "progressBarRefresh",
+    tick: "progressBarSuccess",
+    cross: "progressBarError",
+};
+
+var getProgressBarProps = function (isIndeterminate, progressValue, ariaLabel) {
+    var commonProps = {
+        role: "progressbar",
+        "data-testid": "progressbar",
+        "aria-label": ariaLabel,
+        tabIndex: 0,
+    };
+    var indeterminateProps = filterAttrs.__assign(filterAttrs.__assign({}, commonProps), { className: index.classNames("arc-ProgressBar-bar", "arc-ProgressBar-bar--indeterminate") });
+    var determinateProps = filterAttrs.__assign(filterAttrs.__assign({}, commonProps), { className: "arc-ProgressBar-bar", "aria-valuenow": progressValue, style: {
+            transform: "translateX(".concat(-100 + progressValue, "%)"),
+        } });
+    return isIndeterminate ? indeterminateProps : determinateProps;
+};
+
+/**
+ * Use `ProgressBar` to show the progress of a specific task within a page.
+ */
+var ProgressBar = function (_a) {
+    var _b = _a.state, state = _b === void 0 ? "loading" : _b, _c = _a.value, value = _c === void 0 ? 0 : _c, _d = _a.isIndeterminate, isIndeterminate = _d === void 0 ? false : _d, headline = _a.headline, ariaLabel = _a.ariaLabel, action = _a.action, title = _a.title, description = _a.description, displayValue = _a.displayValue, props = filterAttrs.__rest(_a, ["state", "value", "isIndeterminate", "headline", "ariaLabel", "action", "title", "description", "displayValue"]);
+    var progressValue = Math.min(100, Math.max(0, value));
+    var autoFocusRef = function (canFocus) { return function (el) {
+        canFocus && el && el.focus();
+    }; };
+    return (React.createElement("div", filterAttrs.__assign({ "data-testid": "progress", className: index.classNames("arc-ProgressBar", "arc-ProgressBar--".concat(state)) }, filterAttrs.filterAttrs(props)),
+        React.createElement("div", { className: "arc-ProgressBar-titleDisplayValueContainer" },
+            React.createElement("div", { className: "arc-ProgressBar-titleContainer" },
+                headline && React.createElement(Heading.Heading, { size: "s" }, headline),
+                headline && title && React.createElement(VerticalSpace.VerticalSpace, { size: "4" }),
+                title && React.createElement(Text.Text, null, title)),
+            displayValue && (React.createElement("div", { "data-testid": "display-value", className: "arc-ProgressBar-displayValueContainer" },
+                React.createElement(Text.Text, null, displayValue)))),
+        React.createElement("div", { className: "arc-ProgressBar-container" },
+            React.createElement("div", { className: "arc-ProgressBar-outerBar" },
+                React.createElement("div", filterAttrs.__assign({}, getProgressBarProps(isIndeterminate, progressValue, ariaLabel)))),
+            description && (React.createElement("div", { className: "arc-ProgressBar-description", role: "status" },
+                React.createElement(Text.Text, { tone: state !== "error" ? "supporting" : "default" }, description))),
+            action && (React.createElement(React.Fragment, null,
+                React.createElement(VerticalSpace.VerticalSpace, { size: "8" }),
+                React.createElement("button", { ref: autoFocusRef(action.autofocusOnMount), className: "arc-ProgressBar-actionButton", onClick: action.action },
+                    React.createElement("div", { className: "arc-ProgressBar-actionContainer" },
+                        React.createElement(Text.Text, null, action.text),
+                        action.icon && (React.createElement("div", { className: "arc-ProgressBar-actionIcon" },
+                            React.createElement(ThemeIcon.ThemeIcon, { icon: PROGRESS_BAR_ICON_MAP[action.icon], size: 24 }))))))))));
+};
+
+exports.ProgressBar = ProgressBar;

package/lib/ProgressBar/ProgressBar.mjs

@@ -0,0 +1,63 @@
+import { a as __assign, _ as __rest, f as filterAttrs } from '../_shared/esm/filter-attrs-B6CM-NUr.mjs';
+import React__default from 'react';
+import { c as classNames } from '../_shared/esm/index-5C0-U8cc.mjs';
+import { T as Text } from '../_shared/esm/Text-CBlnm5CT.mjs';
+import { H as Heading } from '../_shared/esm/Heading-CtGuamJw.mjs';
+import { V as VerticalSpace } from '../_shared/esm/VerticalSpace-Duhm0zXP.mjs';
+import { T as ThemeIcon } from '../_shared/esm/ThemeIcon-CN_Ed5b1.mjs';
+import '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';
+import '../_shared/esm/index-Spae4j7j.mjs';
+import '../_shared/esm/Surface-Colbp3Zx.mjs';
+
+var PROGRESS_BAR_ICON_MAP = {
+    refresh: "progressBarRefresh",
+    tick: "progressBarSuccess",
+    cross: "progressBarError",
+};
+
+var getProgressBarProps = function (isIndeterminate, progressValue, ariaLabel) {
+    var commonProps = {
+        role: "progressbar",
+        "data-testid": "progressbar",
+        "aria-label": ariaLabel,
+        tabIndex: 0,
+    };
+    var indeterminateProps = __assign(__assign({}, commonProps), { className: classNames("arc-ProgressBar-bar", "arc-ProgressBar-bar--indeterminate") });
+    var determinateProps = __assign(__assign({}, commonProps), { className: "arc-ProgressBar-bar", "aria-valuenow": progressValue, style: {
+            transform: "translateX(".concat(-100 + progressValue, "%)"),
+        } });
+    return isIndeterminate ? indeterminateProps : determinateProps;
+};
+
+/**
+ * Use `ProgressBar` to show the progress of a specific task within a page.
+ */
+var ProgressBar = function (_a) {
+    var _b = _a.state, state = _b === void 0 ? "loading" : _b, _c = _a.value, value = _c === void 0 ? 0 : _c, _d = _a.isIndeterminate, isIndeterminate = _d === void 0 ? false : _d, headline = _a.headline, ariaLabel = _a.ariaLabel, action = _a.action, title = _a.title, description = _a.description, displayValue = _a.displayValue, props = __rest(_a, ["state", "value", "isIndeterminate", "headline", "ariaLabel", "action", "title", "description", "displayValue"]);
+    var progressValue = Math.min(100, Math.max(0, value));
+    var autoFocusRef = function (canFocus) { return function (el) {
+        canFocus && el && el.focus();
+    }; };
+    return (React__default.createElement("div", __assign({ "data-testid": "progress", className: classNames("arc-ProgressBar", "arc-ProgressBar--".concat(state)) }, filterAttrs(props)),
+        React__default.createElement("div", { className: "arc-ProgressBar-titleDisplayValueContainer" },
+            React__default.createElement("div", { className: "arc-ProgressBar-titleContainer" },
+                headline && React__default.createElement(Heading, { size: "s" }, headline),
+                headline && title && React__default.createElement(VerticalSpace, { size: "4" }),
+                title && React__default.createElement(Text, null, title)),
+            displayValue && (React__default.createElement("div", { "data-testid": "display-value", className: "arc-ProgressBar-displayValueContainer" },
+                React__default.createElement(Text, null, displayValue)))),
+        React__default.createElement("div", { className: "arc-ProgressBar-container" },
+            React__default.createElement("div", { className: "arc-ProgressBar-outerBar" },
+                React__default.createElement("div", __assign({}, getProgressBarProps(isIndeterminate, progressValue, ariaLabel)))),
+            description && (React__default.createElement("div", { className: "arc-ProgressBar-description", role: "status" },
+                React__default.createElement(Text, { tone: state !== "error" ? "supporting" : "default" }, description))),
+            action && (React__default.createElement(React__default.Fragment, null,
+                React__default.createElement(VerticalSpace, { size: "8" }),
+                React__default.createElement("button", { ref: autoFocusRef(action.autofocusOnMount), className: "arc-ProgressBar-actionButton", onClick: action.action },
+                    React__default.createElement("div", { className: "arc-ProgressBar-actionContainer" },
+                        React__default.createElement(Text, null, action.text),
+                        action.icon && (React__default.createElement("div", { className: "arc-ProgressBar-actionIcon" },
+                            React__default.createElement(ThemeIcon, { icon: PROGRESS_BAR_ICON_MAP[action.icon], size: 24 }))))))))));
+};
+
+export { ProgressBar };

package/lib/ProgressBar/styles.css

@@ -0,0 +1 @@
+.arc-v12-0-0-beta-14-1 .arc .arc-ProgressBar-container{margin:var(--progress-bar-gap-m) 0 0}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressBar-outerBar{background:var(--progress-bar-colors-light-bg-default-alt);border-radius:20px;height:var(--progress-bar-size-s);overflow:hidden}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressBar-description{margin:var(--progress-bar-gap-m) 0 0}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressBar-bar{height:100%}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressBar-titleDisplayValueContainer{align-items:flex-end;display:flex}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressBar-titleContainer{flex:1 1 auto}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressBar-displayValueContainer{flex:0 1 auto}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressBar-actionContainer{align-items:center;display:flex}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressBar-actionButton{background:transparent;border:none;cursor:pointer;font:inherit;margin:0;outline:none;padding:0;position:relative}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressBar-actionButton:focus-visible::before{border-radius:10px;bottom:calc(0px - 4px);box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle);content:"";left:calc(0px - 4px);position:absolute;right:calc(0px - 4px);top:calc(0px - 4px)}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressBar-actionButton:focus:not(:focus-visible)::before{box-shadow:none}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressBar--loading .arc-ProgressBar-bar{background:var(--progress-bar-colors-light-fg-default)}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressBar--loading .arc-ProgressBar-actionButton,.arc-v12-0-0-beta-14-1 .arc .arc-ProgressBar--loading .arc-ProgressBar-actionIcon{color:var(--progress-bar-colors-light-text-default-alt)}@media (hover:hover){.arc-v12-0-0-beta-14-1 .arc .arc-ProgressBar--loading .arc-ProgressBar-actionButton:hover,.arc-v12-0-0-beta-14-1 .arc .arc-ProgressBar--loading .arc-ProgressBar-actionButton:hover .arc-ProgressBar-actionIcon{color:var(--progress-bar-colors-light-text-default-alt-hover)}}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressBar--error .arc-ProgressBar-bar{background:var(--progress-bar-colors-light-fg-error)}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressBar--error .arc-ProgressBar-description,.arc-v12-0-0-beta-14-1 .arc .arc-ProgressBar--error .arc-ProgressBar-actionButton,.arc-v12-0-0-beta-14-1 .arc .arc-ProgressBar--error .arc-ProgressBar-actionIcon{color:var(--progress-bar-colors-light-text-error)}@media (hover:hover){.arc-v12-0-0-beta-14-1 .arc .arc-ProgressBar--error .arc-ProgressBar-actionButton:hover,.arc-v12-0-0-beta-14-1 .arc .arc-ProgressBar--error .arc-ProgressBar-actionButton:hover .arc-ProgressBar-actionIcon{color:var(--progress-bar-colors-light-text-error-hover)}}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressBar--success .arc-ProgressBar-bar{background:var(--progress-bar-colors-light-bg-success)}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressBar--success .arc-ProgressBar-actionButton,.arc-v12-0-0-beta-14-1 .arc .arc-ProgressBar--success .arc-ProgressBar-actionIcon{color:var(--progress-bar-colors-light-text-success)}@media (hover:hover){.arc-v12-0-0-beta-14-1 .arc .arc-ProgressBar--success .arc-ProgressBar-actionButton:hover,.arc-v12-0-0-beta-14-1 .arc .arc-ProgressBar--success .arc-ProgressBar-actionButton:hover .arc-ProgressBar-actionIcon{color:var(--progress-bar-colors-light-text-success-hover)}}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressBar--loading .arc-ProgressBar-bar--indeterminate{animation:indeterminate 2s ease infinite;width:calc(100% / 3)}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressBar--error .arc-ProgressBar-bar--indeterminate,.arc-v12-0-0-beta-14-1 .arc .arc-ProgressBar--success .arc-ProgressBar-bar--indeterminate{width:100%}@keyframes indeterminate{from{transform:translateX(-100%)}to{transform:translateX(calc(300%))}}

package/lib/ProgressStepper/ProgressStepper.cjs

@@ -0,0 +1,17 @@
+'use strict';
+
+var ProgressStepper = require('../_shared/cjs/ProgressStepper-SGsD7ZHy.cjs');
+require('../_shared/cjs/filter-attrs-eK6E_34o.cjs');
+require('react');
+require('../_shared/cjs/index-CTlXMLug.cjs');
+require('../_shared/cjs/capitalise-first-letter-CdhexpSx.cjs');
+require('../_shared/cjs/VisuallyHidden-B4XCvPYP.cjs');
+require('../_shared/cjs/Icon-DdqFr6bT.cjs');
+require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
+require('../_shared/cjs/index-DR8Rkav9.cjs');
+require('../_shared/cjs/Surface-BFx1yNsq.cjs');
+
+
+
+exports.ProgressStepper = ProgressStepper.ProgressStepper;
+exports.ProgressStepperItem = ProgressStepper.ProgressStepperItem;

package/lib/ProgressStepper/ProgressStepper.mjs

@@ -0,0 +1,10 @@
+export { P as ProgressStepper, a as ProgressStepperItem } from '../_shared/esm/ProgressStepper-yMm9a5q7.mjs';
+import '../_shared/esm/filter-attrs-B6CM-NUr.mjs';
+import 'react';
+import '../_shared/esm/index-5C0-U8cc.mjs';
+import '../_shared/esm/capitalise-first-letter-Cubg2CS1.mjs';
+import '../_shared/esm/VisuallyHidden-DqAgoqJo.mjs';
+import '../_shared/esm/Icon-B626JGP1.mjs';
+import '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';
+import '../_shared/esm/index-Spae4j7j.mjs';
+import '../_shared/esm/Surface-Colbp3Zx.mjs';

package/lib/ProgressStepper/styles.css

@@ -0,0 +1 @@
+.arc-v12-0-0-beta-14-1 .arc .arc-ProgressStepperItem{display:flex;flex-direction:column;max-width:164px;min-width:164px}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressStepperItem--invertLabelPosition{flex-direction:column-reverse;justify-content:space-between}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressStepperItem-iconWrapper{align-self:center;border-radius:100%;flex:0 0 auto;position:relative}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressStepperItem-nodeItem{margin-bottom:var(--vertical-space-size-24)}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressStepperItem-title{font:var(--sem-type-body-semi-m)}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressStepperItem-title--link{cursor:pointer;text-decoration:none}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressStepperItem-subTitle{font:var(--sem-type-body-reg-s);font-style:normal}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressStepperItem-textSection{padding:var(--stepper-padding-s) var(--stepper-padding-s) 0 0}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressStepperItem--invertLabelPosition .arc-ProgressStepperItem-textSection{padding:0 var(--stepper-padding-s) var(--stepper-padding-s) 0}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressStepperItem-iconSection{align-items:center;display:flex}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressStepperItem .arc-ProgressStepperItem-iconSection::after{background-color:var(--stepper-colors-light-bg-subtle);content:"";display:block;height:1px;width:100%}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressStepperItem:last-of-type .arc-ProgressStepperItem-iconSection::after{display:none}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressStepperItem-statusIcon{border:var(--stepper-border-weight-m) solid transparent;border-radius:var(--stepper-border-radius);display:block;height:var(--stepper-size-icon-l);width:var(--stepper-size-icon-l)}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressStepperItem--hasInteractiveStatus .arc-ProgressStepperItem-title,.arc-v12-0-0-beta-14-1 .arc .arc-ProgressStepperItem--hasInteractiveStatus .arc-ProgressStepperItem-subTitle{color:var(--stepper-colors-light-text-default)}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressStepperItem--hasInteractiveStatus .arc-ProgressStepperItem-title--link:hover,.arc-v12-0-0-beta-14-1 .arc .arc-ProgressStepperItem--todo .arc-ProgressStepperItem-title--link:hover{color:var(--stepper-colors-light-text-hover);-webkit-text-decoration:var(--sem-underline);text-decoration:var(--sem-underline)}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressStepperItem--todo .arc-ProgressStepperItem-title,.arc-v12-0-0-beta-14-1 .arc .arc-ProgressStepperItem--todo .arc-ProgressStepperItem-subTitle{color:var(--stepper-colors-light-text-subtle)}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressStepperItem--completed .arc-ProgressStepperItem-iconSection::after{background-color:var(--stepper-colors-light-bg-default)}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressStepperItem--todo .arc-ProgressStepperItem-statusIcon{border-color:var(--stepper-colors-light-border-subtle)}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressStepperItem--completed .arc-ProgressStepperItem-iconWrapper,.arc-v12-0-0-beta-14-1 .arc .arc-ProgressStepperItem--current .arc-ProgressStepperItem-iconWrapper,.arc-v12-0-0-beta-14-1 .arc .arc-ProgressStepperItem--completed .arc-ProgressStepperItem-statusIcon{border-color:var(--stepper-colors-light-border-default);color:var(--stepper-colors-light-border-default)}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressStepperItem--current .arc-ProgressStepperItem-iconWrapper{animation:pulse-animation 2s infinite}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressStepperItem--error .arc-ProgressStepperItem-iconWrapper,.arc-v12-0-0-beta-14-1 .arc .arc-ProgressStepperItem--error .arc-ProgressStepperItem-statusIcon{background-color:var(--stepper-colors-light-bg-error-subtle);border-color:var(--stepper-colors-light-border-error);color:var(--stepper-colors-light-border-error)}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressStepperItem--warning .arc-ProgressStepperItem-iconWrapper,.arc-v12-0-0-beta-14-1 .arc .arc-ProgressStepperItem--warning .arc-ProgressStepperItem-statusIcon{background-color:var(--stepper-colors-light-bg-warning-subtle);border-color:var(--stepper-colors-light-border-warning);color:var(--stepper-colors-light-border-warning)}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressStepperItem--isFluid .arc-ProgressStepperItem::after,.arc-v12-0-0-beta-14-1 .arc .arc-ProgressStepperItem--isFluid .arc-ProgressStepperItem-iconSection{width:100%}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressStepperItem--isFluid{flex:1 1 0;max-width:100%;min-width:auto}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressStepperItem--small .arc-ProgressStepperItem-title{font:var(--sem-type-body-semi-s);font-style:normal}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressStepperItem--small .arc-ProgressStepperItem-subTitle{font:var(--sem-type-body-reg-xs);font-style:normal}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressStepperItem--vertical{align-items:stretch;display:flex;flex-direction:row;justify-content:flex-start;max-width:100%;min-height:68px;min-width:auto}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressStepperItem--vertical .arc-ProgressStepperItem-iconSection::after{height:100%;width:1px}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressStepperItem--vertical .arc-ProgressStepperItem-iconSection{align-items:center;flex:0 1 auto;flex-direction:column}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressStepperItem--vertical .arc-ProgressStepperItem-textSection{flex:1 1 auto;margin-top:-4px;padding:0 0 0 var(--vertical-space-size-16);width:100%}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressStepperItem--vertical .arc-ProgressStepperItem-subTitle{margin-bottom:var(--vertical-space-size-24)}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressStepperItem--vertical.arc-ProgressStepperItem--small{min-height:64px}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressStepperItem--vertical:last-of-type{min-height:auto}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressStepperItem--vertical:last-of-type .arc-ProgressStepperItem-nodeItem{margin-bottom:0;margin-top:var(--vertical-space-size-24)}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressStepperItem--vertical:last-of-type .arc-ProgressStepperItem-subTitle{margin-bottom:0}@keyframes pulse-animation{from{box-shadow:0 0 0 0 var(--stepper-colors-light-pluse-from)}to{box-shadow:0 0 0 8px var(--stepper-colors-light-pluse-to)}}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressStepperItem-statusIcon--small{height:var(--stepper-size-icon-s);width:var(--stepper-size-icon-s)}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressStepperItem-statusIconInner::before{background:var(--stepper-colors-light-border-variant) border-box;border:var(--stepper-border-weight-m) solid transparent;border-radius:var(--stepper-border-radius);bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;position:absolute;right:0;top:0}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressStepperItem-statusIconInner::after{background:var(--stepper-colors-light-fg-variant);border-radius:1000px;content:"";height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0.5);width:100%}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressStepper{display:flex}.arc-v12-0-0-beta-14-1 .arc .arc-ProgressStepper--vertical{flex-direction:column}

package/lib/RadioCardGroup/RadioCardGroup.cjs

@@ -0,0 +1,20 @@
+'use strict';
+
+var RadioCardGroup = require('../_shared/cjs/RadioCardGroup-BqDsRkMM.cjs');
+require('../_shared/cjs/filter-attrs-eK6E_34o.cjs');
+require('react');
+require('../_shared/cjs/index-CTlXMLug.cjs');
+require('../_shared/cjs/FormControl-D3-JbAVb.cjs');
+require('../_shared/cjs/Surface-BFx1yNsq.cjs');
+require('../_shared/cjs/index-DR8Rkav9.cjs');
+require('../_shared/cjs/DisclosureMini-CtvDxVaG.cjs');
+require('../_shared/cjs/Text-Cr5nmYmx.cjs');
+require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
+require('../_shared/cjs/ThemeIcon-BoxbjTaQ.cjs');
+require('../_shared/cjs/VisuallyHidden-B4XCvPYP.cjs');
+require('../_shared/cjs/capitalise-first-letter-CdhexpSx.cjs');
+require('../_shared/cjs/Icon-DdqFr6bT.cjs');
+
+
+
+exports.RadioCardGroup = RadioCardGroup.RadioCardGroup;

package/lib/RadioCardGroup/RadioCardGroup.mjs

@@ -0,0 +1,14 @@
+export { R as RadioCardGroup } from '../_shared/esm/RadioCardGroup-D2UZsecc.mjs';
+import '../_shared/esm/filter-attrs-B6CM-NUr.mjs';
+import 'react';
+import '../_shared/esm/index-5C0-U8cc.mjs';
+import '../_shared/esm/FormControl-B9fp1ilz.mjs';
+import '../_shared/esm/Surface-Colbp3Zx.mjs';
+import '../_shared/esm/index-Spae4j7j.mjs';
+import '../_shared/esm/DisclosureMini-B9LzsQC2.mjs';
+import '../_shared/esm/Text-CBlnm5CT.mjs';
+import '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';
+import '../_shared/esm/ThemeIcon-CN_Ed5b1.mjs';
+import '../_shared/esm/VisuallyHidden-DqAgoqJo.mjs';
+import '../_shared/esm/capitalise-first-letter-Cubg2CS1.mjs';
+import '../_shared/esm/Icon-B626JGP1.mjs';

package/lib/RadioCardGroup/styles.css

@@ -0,0 +1 @@
+.arc-v12-0-0-beta-14-1 .arc .arc-RadioCard-input{opacity:0;position:absolute}.arc-v12-0-0-beta-14-1 .arc .arc-RadioCard{border:var(--card-border-weight-s) solid #c8c8c8;border-radius:16px;cursor:pointer;min-width:270px;outline:var(--focus-border-weight-s) solid transparent;outline-offset:4px;position:relative;width:100%}.arc-v12-0-0-beta-14-1 .arc .arc-RadioCard::after{border-radius:16px;box-shadow:none;content:"";height:100%;opacity:0;position:absolute;top:0;transition:opacity 0.4s ease-in-out;width:100%;z-index:-1}.arc-v12-0-0-beta-14-1 .arc .arc-RadioCard[\:not-has\(input\[disabled\]\)]:hover::after{box-shadow:var(--elevation-02);opacity:1}.arc-v12-0-0-beta-14-1 .arc .arc-RadioCard:not(:has(input[disabled])):hover::after{box-shadow:var(--elevation-02);opacity:1}.arc-v12-0-0-beta-14-1 .arc .arc-RadioCard[\:has\(\:focus-visible\)]{outline-color:var(--focus-colors-light-border-subtle)}.arc-v12-0-0-beta-14-1 .arc .arc-RadioCard:has(:focus-visible){outline-color:var(--focus-colors-light-border-subtle)}.arc-v12-0-0-beta-14-1 .arc .arc-RadioCard--isDisabled{background-color:#f7f7f7;border:var(--card-border-weight-s) solid #d9d9d9}.arc-v12-0-0-beta-14-1 .arc .arc-RadioCard--constrained{max-width:500px}.arc-v12-0-0-beta-14-1 .arc .arc-RadioCard-inner{cursor:pointer;display:flex;gap:16px;padding:31px}.arc-v12-0-0-beta-14-1 .arc .arc-RadioCard--controlLeft{flex-direction:row-reverse}.arc-v12-0-0-beta-14-1 .arc .arc-RadioCard--controlBottom{align-items:center;flex-direction:column;text-align:center}.arc-v12-0-0-beta-14-1 .arc .arc-RadioCard-icon{padding-top:2px}.arc-v12-0-0-beta-14-1 .arc .arc-RadioCard--isDisabled .arc-RadioCard-inner{cursor:not-allowed}.arc-v12-0-0-beta-14-1 .arc .arc-RadioCard-content{display:flex;flex-direction:column;flex-grow:1}.arc-v12-0-0-beta-14-1 .arc .arc-RadioCard-label{color:#2a2a2a;font-size:20px;font-weight:500;line-height:28px;margin:0}.arc-v12-0-0-beta-14-1 .arc .arc-RadioCard-support{color:#6b6b6b;font-size:16px;font-weight:400;margin:0}.arc-v12-0-0-beta-14-1 .arc .arc-RadioCard-radioIcon{display:flex;height:24px;position:relative;width:24px}.arc-v12-0-0-beta-14-1 .arc .arc-RadioCard-customContent{padding:0 31px 31px}.arc-v12-0-0-beta-14-1 .arc .arc-RadioCard--isSelected::before,.arc-v12-0-0-beta-14-1 .arc .arc-RadioCard[\:has\(input\[type\%3D\%22radio\%22\]\:checked\)]::before{background:linear-gradient(225deg,#5615b4 0%,#4665cd 100%) border-box;border:2px solid transparent;border-radius:16px;content:"";height:100%;margin-left:-2px;margin-top:-2px;-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;position:absolute;width:100%}.arc-v12-0-0-beta-14-1 .arc .arc-RadioCard--isSelected::before,.arc-v12-0-0-beta-14-1 .arc .arc-RadioCard[\:has\(input\[type\%3D\%22radio\%22\]\:checked\)]::before{background:linear-gradient(225deg,#5615b4 0%,#4665cd 100%) border-box;border:2px solid transparent;border-radius:16px;content:"";height:100%;margin-left:-2px;margin-top:-2px;-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;position:absolute;width:100%}.arc-v12-0-0-beta-14-1 .arc .arc-RadioCard--isSelected::before,.arc-v12-0-0-beta-14-1 .arc .arc-RadioCard[\:has\(input\[type\%3D\%22radio\%22\]\:checked\)]::before{background:linear-gradient(225deg,#5615b4 0%,#4665cd 100%) border-box;border:2px solid transparent;border-radius:16px;content:"";height:100%;margin-left:-2px;margin-top:-2px;-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;position:absolute;width:100%}.arc-v12-0-0-beta-14-1 .arc .arc-RadioCard--isSelected::before,.arc-v12-0-0-beta-14-1 .arc .arc-RadioCard[\:has\(input\[type\%3D\%22radio\%22\]\:checked\)]::before{background:linear-gradient(225deg,#5615b4 0%,#4665cd 100%) border-box;border:2px solid transparent;border-radius:16px;content:"";height:100%;margin-left:-2px;margin-top:-2px;-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;position:absolute;width:100%}.arc-v12-0-0-beta-14-1 .arc .arc-RadioCard--isSelected::before,.arc-v12-0-0-beta-14-1 .arc .arc-RadioCard:has(input[type="radio"]:checked)::before{background:linear-gradient(225deg,#5615b4 0%,#4665cd 100%) border-box;border:2px solid transparent;border-radius:16px;content:"";height:100%;margin-left:-2px;margin-top:-2px;-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;position:absolute;width:100%}.arc-v12-0-0-beta-14-1 .arc .arc-RadioCard-radioIcon::before{background:linear-gradient(225deg,#5615b4 0%,#4665cd 100%) border-box;border:1px solid transparent;border-radius:50px;content:"";height:22px;-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);mask:linear-gradient(#ffffff 0,#ffffff 0) padding-box,linear-gradient(#ffffff 0,#ffffff 0);-webkit-mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);mask:linear-gradient(#ffffff 0 0) padding-box,linear-gradient(#ffffff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;position:absolute;width:22px}.arc-v12-0-0-beta-14-1 .arc .arc-RadioCard-radioIcon--isSelected::after,.arc-v12-0-0-beta-14-1 .arc .arc-RadioCard[\:has\(input\[type\%3D\%22radio\%22\]\:checked\)] .arc-RadioCard-radioIcon::after{background:var(--stepper-colors-light-fg-variant);border-radius:1000px;content:"";height:100%;position:absolute;transform:scale(0.55);width:100%}.arc-v12-0-0-beta-14-1 .arc .arc-RadioCard-radioIcon--isSelected::after,.arc-v12-0-0-beta-14-1 .arc .arc-RadioCard[\:has\(input\[type\%3D\%22radio\%22\]\:checked\)] .arc-RadioCard-radioIcon::after{background:var(--stepper-colors-light-fg-variant);border-radius:1000px;content:"";height:100%;position:absolute;transform:scale(0.55);width:100%}.arc-v12-0-0-beta-14-1 .arc .arc-RadioCard-radioIcon--isSelected::after,.arc-v12-0-0-beta-14-1 .arc .arc-RadioCard:has(input[type="radio"]:checked) .arc-RadioCard-radioIcon::after{background:var(--stepper-colors-light-fg-variant);border-radius:1000px;content:"";height:100%;position:absolute;transform:scale(0.55);width:100%}.arc-v12-0-0-beta-14-1 .arc .arc-RadioCardGroup{display:flex;flex-direction:column;row-gap:16px;width:100%}.arc-v12-0-0-beta-14-1 .arc .arc-RadioCardGroup--isConstrained{max-width:500px}.arc-v12-0-0-beta-14-1 .arc .arc-RadioCardGroup--row{-moz-column-gap:16px;column-gap:16px;flex-direction:row}