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

package/dist/Modal/styles.css

@@ -0,0 +1 @@
+.arc .arc-Modal{color:auto}.arc .arc-Modal-overlay{align-items:center;background-color:var(--overlay-colors-overlay-default);display:flex;height:100%;justify-content:center;left:0;overflow-x:hidden;overflow-y:auto;padding:16px;position:fixed;top:0;width:100%;z-index:100}.arc .arc-Modal-dialog{background-color:var(--modal-colors-light-bg-default);border-radius:var(--modal-border-radius-s);display:flex;flex-direction:column;margin:auto;padding:var(--modal-padding-m) 0;position:relative;width:100%}.arc .arc-Modal-dialog--maxHeightWindow{height:100%}.arc .arc-Modal-iconContainer{position:absolute;right:8px;top:8px}.arc .arc-Modal-closeButton{background-color:transparent;border:none;cursor:pointer;margin:0;padding:0}.arc .arc-Modal-closeButton:focus-visible{border-radius:var(--focus-border-radius-s);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc .arc-Modal-content{overflow-x:hidden;overflow-y:auto}.arc .arc-Modal-section{padding:0 var(--modal-padding-m)}.arc .arc-Modal-actions{margin-top:var(--modal-gap-m)}.arc .arc-Modal-actionButton:nth-of-type(n+2){margin-top:var(--modal-gap-s)}@media (min-width:636px){.arc .arc-Modal-overlay{padding:80px 0}.arc .arc-Modal-dialog--s{max-width:var(--modal-size-m)}.arc .arc-Modal-dialog--m,.arc .arc-Modal-dialog--l{max-width:var(--modal-size-l)}.arc .arc-Modal-actions{display:flex}.arc .arc-Modal-actionButton{flex:1 1 auto}.arc .arc-Modal-actionButton:nth-of-type(n+2){margin-left:var(--modal-gap-s);margin-top:0}}@media (min-width:768px){.arc .arc-Modal-actions{justify-content:flex-end}.arc .arc-Modal-actionButton{flex:0 1 auto}}@media (min-width:1024px){.arc .arc-Modal-dialog--m{max-width:var(--modal-size-xl)}.arc .arc-Modal-dialog--l{max-width:var(--modal-size-xxl)}.arc .arc-Modal-actions{justify-content:flex-end}.arc .arc-Modal-actionButton{flex:0 1 auto}}@media (prefers-reduced-motion:no-preference){.arc .arc-Modal-overlay{animation:overlay-show 100ms cubic-bezier(0.44,0,0.55,0.94)}.arc .arc-Modal-dialog{animation:content-show 100ms cubic-bezier(0.44,0,0.55,0.94)}@keyframes content-show{from{opacity:0;transform:scale(0.85)}to{opacity:1;transform:scale(1)}}@keyframes overlay-show{from{opacity:0}to{opacity:1}}}

package/dist/Pagination/Pagination.cjs.js

@@ -2,12 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('../_shared/cjs/index-df60851b.js');
-var index$1 = require('../_shared/cjs/index-9947ac13.js');
+var index_es = require('../_shared/cjs/index.es-c26e8978.js');
+var index = require('../_shared/cjs/index-9947ac13.js');
 var React = require('react');
-var ThemeIcon = require('../_shared/cjs/ThemeIcon-ee814862.js');
-require('../_shared/cjs/suffix-modifier-c8a34402.js');
-require('../_shared/cjs/Surface-8599dbe4.js');
+var ThemeIcon = require('../_shared/cjs/ThemeIcon-c3dc056d.js');
+require('../_shared/cjs/Surface-7500f314.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -20,14 +19,14 @@ var usePagination = function (pageCount, selectedPage) {
     return React.useMemo(function () {
         if (pageCount > 7 && selectedPage < 5) {
             // show 1 - 5 the right dots are visible.
-            return formatValues(index.__spreadArray(index.__spreadArray([], Array.from({ length: 5 }, function (_value, index) { return index + 1; }), true), [
+            return formatValues(index_es.__spreadArray(index_es.__spreadArray([], Array.from({ length: 5 }, function (_value, index) { return index + 1; }), true), [
                 "...",
                 pageCount,
             ], false));
         }
         if (pageCount > 7 && selectedPage >= pageCount - 3) {
             // show numbers to the end but the left dots are visible
-            return formatValues(index.__spreadArray([
+            return formatValues(index_es.__spreadArray([
                 1,
                 "..."
             ], Array.from({ length: 5 }, function (_value, index) { return pageCount - index; }).reverse(), true));
@@ -53,7 +52,7 @@ var usePagination = function (pageCount, selectedPage) {
  * Use `Pagination` to navigate through multiple pages of content.
  */
 var Pagination = function (_a) {
-    var pageCount = _a.pageCount, onPageChange = _a.onPageChange, _b = _a.defaultSelectedPage, defaultSelectedPage = _b === void 0 ? 1 : _b, props = index.__rest(_a, ["pageCount", "onPageChange", "defaultSelectedPage"]);
+    var pageCount = _a.pageCount, onPageChange = _a.onPageChange, _b = _a.defaultSelectedPage, defaultSelectedPage = _b === void 0 ? 1 : _b, props = index_es.__rest(_a, ["pageCount", "onPageChange", "defaultSelectedPage"]);
     var _c = React.useState(defaultSelectedPage), selectedPage = _c[0], setSelectedPage = _c[1];
     var pageRange = usePagination(pageCount, selectedPage);
     var handlePagechange = function (pageToSelect) { return function () {
@@ -61,18 +60,18 @@ var Pagination = function (_a) {
         onPageChange(pageToSelect);
     }; };
     var isPageNumber = function (rangeValue) { return !isNaN(parseInt(rangeValue)); };
-    return (React__default["default"].createElement("nav", index.__assign({ "aria-label": "pagination navigation", className: index$1.classNames("arc-Pagination") }, index.filterDataAttrs(props)),
-        React__default["default"].createElement("button", { "aria-label": "Go to previous page", className: index$1.classNames("arc-Pagination-navigationButton", {
+    return (React__default["default"].createElement("nav", index_es.__assign({ "aria-label": "pagination navigation", className: index.classNames("arc-Pagination") }, index_es.filterDataAttrs(props)),
+        React__default["default"].createElement("button", { "aria-label": "Go to previous page", className: index.classNames("arc-Pagination-navigationButton", {
                 "arc-Pagination-navigationButton--hidden": selectedPage === 1
             }), onClick: handlePagechange(selectedPage - 1) },
             React__default["default"].createElement("div", { className: "arc-Pagination-navigationButtonIcon arc-Pagination-navigationButtonIcon--left" },
                 React__default["default"].createElement(ThemeIcon.ThemeIcon, { size: 32, icon: "paginationPrevious" }))),
         React__default["default"].createElement("div", { className: "arc-Pagination-pageNumberContainer" }, pageRange.map(function (rangeValue, i) {
-            return isPageNumber(rangeValue) ? (React__default["default"].createElement("button", { "aria-current": parseInt(rangeValue) === selectedPage, key: "pagination-range-value-".concat(rangeValue), "aria-label": "Go to page ".concat(rangeValue), className: index$1.classNames("arc-Pagination-value arc-Pagination-value--number", {
+            return isPageNumber(rangeValue) ? (React__default["default"].createElement("button", { "aria-current": parseInt(rangeValue) === selectedPage, key: "pagination-range-value-".concat(rangeValue), "aria-label": "Go to page ".concat(rangeValue), className: index.classNames("arc-Pagination-value arc-Pagination-value--number", {
                     "arc-Pagination-value--selected": parseInt(rangeValue) === selectedPage
-                }), onClick: handlePagechange(parseInt(rangeValue)) }, rangeValue)) : (React__default["default"].createElement("span", { key: "pagination-range-value-dot".concat(i), className: index$1.classNames("arc-Pagination-value arc-Pagination-value--dots") }, rangeValue));
+                }), onClick: handlePagechange(parseInt(rangeValue)) }, rangeValue)) : (React__default["default"].createElement("span", { key: "pagination-range-value-dot".concat(i), className: index.classNames("arc-Pagination-value arc-Pagination-value--dots") }, rangeValue));
         })),
-        React__default["default"].createElement("button", { "aria-label": "Go to next page", className: index$1.classNames("arc-Pagination-navigationButton", {
+        React__default["default"].createElement("button", { "aria-label": "Go to next page", className: index.classNames("arc-Pagination-navigationButton", {
                 "arc-Pagination-navigationButton--hidden": selectedPage === pageCount
             }), onClick: handlePagechange(selectedPage + 1) },
             React__default["default"].createElement("div", { className: "arc-Pagination-navigationButtonIcon arc-Pagination-navigationButtonIcon--right" },

package/dist/Pagination/Pagination.esm.js

@@ -1,9 +1,8 @@
-import { b as __spreadArray, _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index-288c66b5.js';
+import { b as __spreadArray, _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index.es-5496ec12.js';
 import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
 import React__default, { useMemo, useState } from 'react';
-import { T as ThemeIcon } from '../_shared/esm/ThemeIcon-c2dc41a6.js';
-import '../_shared/esm/suffix-modifier-1ce05abe.js';
-import '../_shared/esm/Surface-71d21a9e.js';
+import { T as ThemeIcon } from '../_shared/esm/ThemeIcon-9fac63d0.js';
+import '../_shared/esm/Surface-c425e5e6.js';
 
 var usePagination = function (pageCount, selectedPage) {
     var formatValues = function (range) {

package/dist/Pagination/styles.css

@@ -0,0 +1 @@
+.arc .arc-Pagination{align-items:center;display:flex;flex-wrap:nowrap}.arc .arc-Pagination-pageNumberContainer{display:flex;flex-wrap:nowrap}.arc .arc-Pagination-navigationButton{align-items:center;background:transparent;border:none;border-radius:var(--pagination-border-radius-m);color:var(--pagination-colors-light-fg-default);cursor:pointer;display:flex;height:var(--pagination-size-m);justify-content:center;line-height:0;margin:0;outline:none;padding:0;width:var(--pagination-size-m)}.arc .arc-Pagination--onDarkSurface .arc-Pagination-navigationButton{color:var(--pagination-colors-dark-fg-default)}.arc .arc-Pagination-navigationButtonIcon--left{margin-left:-2px}.arc .arc-Pagination-navigationButtonIcon--right{margin-right:-2px}.arc .arc-Pagination-navigationButton--hidden{visibility:hidden}.arc .arc-Pagination-navigationButton:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc .arc-Pagination-value--number{background:transparent;border:none;color:inherit;cursor:pointer;font:var(--sem-type-interface-reg-s);outline:none;padding:0}.arc .arc-Pagination-value--number:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc .arc-Pagination .arc-Pagination-value--number:active{background-color:var(--pagination-colors-light-bg-pressed);color:var(--pagination-colors-light-text-default)}.arc .arc-Pagination-value{align-items:center;border-radius:var(--pagination-border-radius-m);display:flex;height:var(--pagination-size-m);justify-content:center;width:var(--pagination-size-m)}@media (hover:hover){.arc .arc-Pagination-navigationButton:hover,.arc .arc-Pagination-value--number:not(.arc-Pagination-value--selected):hover{background-color:var(--pagination-colors-light-bg-hover);color:var(--pagination-colors-light-text-default)}}.arc .arc-Pagination-value--selected{background-color:var(--pagination-colors-light-bg-selected);color:var(--pagination-colors-light-text-default)}@media (min-width:768px){.arc .arc-Pagination-value{margin:0 calc(var(--pagination-gap-m) / 2)}.arc .arc-Pagination-pageNumberContainer{display:flex;flex-wrap:nowrap;margin:0 calc(var(--pagination-gap-m) / 2)}}

package/dist/PaginationSimple/PaginationSimple.cjs.js

@@ -2,12 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('../_shared/cjs/index-df60851b.js');
-var index$1 = require('../_shared/cjs/index-9947ac13.js');
+var index_es = require('../_shared/cjs/index.es-c26e8978.js');
+var index = require('../_shared/cjs/index-9947ac13.js');
 var React = require('react');
-var ThemeIcon = require('../_shared/cjs/ThemeIcon-ee814862.js');
-require('../_shared/cjs/suffix-modifier-c8a34402.js');
-require('../_shared/cjs/Surface-8599dbe4.js');
+var ThemeIcon = require('../_shared/cjs/ThemeIcon-c3dc056d.js');
+require('../_shared/cjs/Surface-7500f314.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -17,21 +16,21 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  * Use `PaginationSimple` to navigate through multiple pages of content.
  */
 var PaginationSimple = function (_a) {
-    var hidePrev = _a.hidePrev, hideNext = _a.hideNext, prevHref = _a.prevHref, nextHref = _a.nextHref, onPrevPage = _a.onPrevPage, onNextPage = _a.onNextPage, isFluid = _a.isFluid, props = index.__rest(_a, ["hidePrev", "hideNext", "prevHref", "nextHref", "onPrevPage", "onNextPage", "isFluid"]);
-    return (React__default["default"].createElement("nav", index.__assign({ className: index$1.classNames("arc-PaginationSimple", {
+    var hidePrev = _a.hidePrev, hideNext = _a.hideNext, prevHref = _a.prevHref, nextHref = _a.nextHref, onPrevPage = _a.onPrevPage, onNextPage = _a.onNextPage, isFluid = _a.isFluid, props = index_es.__rest(_a, ["hidePrev", "hideNext", "prevHref", "nextHref", "onPrevPage", "onNextPage", "isFluid"]);
+    return (React__default["default"].createElement("nav", index_es.__assign({ className: index.classNames("arc-PaginationSimple", {
             "arc-PaginationSimple--fluid": isFluid,
             "arc-PaginationSimple--centered": !isFluid
-        }) }, index.filterDataAttrs(props)),
+        }) }, index_es.filterDataAttrs(props)),
         React__default["default"].createElement("ul", { className: "arc-PaginationSimple-list" },
             React__default["default"].createElement("li", { className: "arc-PaginationSimple-listItem" },
-                React__default["default"].createElement("a", { tabIndex: 0, href: prevHref, role: !prevHref ? "button" : undefined, className: index$1.classNames("arc-PaginationSimple-navigationButton", {
+                React__default["default"].createElement("a", { tabIndex: 0, href: prevHref, role: !prevHref ? "button" : undefined, className: index.classNames("arc-PaginationSimple-navigationButton", {
                         "arc-PaginationSimple-navigationButton--hidden": hidePrev
                     }), onClick: onPrevPage },
                     React__default["default"].createElement("div", { className: "arc-PaginationSimple-iconContainer arc-PaginationSimple-iconContainer--left" },
                         React__default["default"].createElement(ThemeIcon.ThemeIcon, { size: 32, icon: "paginationSimplePrevious" })),
                     React__default["default"].createElement("span", { className: "arc-PaginationSimple-prevText" }, "Prev"))),
             React__default["default"].createElement("li", { className: "arc-PaginationSimple-listItem" },
-                React__default["default"].createElement("a", { tabIndex: 0, href: nextHref, role: !nextHref ? "button" : undefined, className: index$1.classNames("arc-PaginationSimple-navigationButton", {
+                React__default["default"].createElement("a", { tabIndex: 0, href: nextHref, role: !nextHref ? "button" : undefined, className: index.classNames("arc-PaginationSimple-navigationButton", {
                         "arc-PaginationSimple-navigationButton--hidden": hideNext
                     }), onClick: onNextPage },
                     React__default["default"].createElement("span", { className: "arc-PaginationSimple-nextText" }, "Next"),

package/dist/PaginationSimple/PaginationSimple.esm.js

@@ -1,9 +1,8 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index-288c66b5.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index.es-5496ec12.js';
 import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
 import React__default from 'react';
-import { T as ThemeIcon } from '../_shared/esm/ThemeIcon-c2dc41a6.js';
-import '../_shared/esm/suffix-modifier-1ce05abe.js';
-import '../_shared/esm/Surface-71d21a9e.js';
+import { T as ThemeIcon } from '../_shared/esm/ThemeIcon-9fac63d0.js';
+import '../_shared/esm/Surface-c425e5e6.js';
 
 /**
  * Use `PaginationSimple` to navigate through multiple pages of content.

package/dist/PaginationSimple/styles.css

@@ -0,0 +1 @@
+.arc .arc-PaginationSimple{width:100%}.arc .arc-PaginationSimple-list{align-items:center;display:flex;list-style:none;margin:0;padding:0;width:100%}.arc .arc-PaginationSimple--centered .arc-PaginationSimple-list{justify-content:center}.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 .arc-PaginationSimple-iconContainer{border-radius:50%}.arc .arc-PaginationSimple-navigationButton .arc-PaginationSimple-iconContainer{color:var(--pagination-colors-light-fg-default)}.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 .arc-PaginationSimple-listItem:first-child{margin-right:var(--pagination-gap-m)}.arc .arc-PaginationSimple--fluid .arc-PaginationSimple-listItem:first-child{flex-grow:1}.arc .arc-PaginationSimple-prevText{margin-left:var(--pagination-gap-s)}.arc .arc-PaginationSimple-nextText{margin-right:var(--pagination-gap-s)}.arc .arc-PaginationSimple--fluid .arc-PaginationSimple-navigationButton--hidden{visibility:hidden}.arc .arc-PaginationSimple--centered .arc-PaginationSimple-navigationButton--hidden{display:none}.arc .arc-PaginationSimple-iconContainer--left>:first-child{position:relative;right:1px}.arc .arc-PaginationSimple-iconContainer--right>:first-child{left:1px;position:relative}@media (hover:hover){.arc .arc-PaginationSimple-navigationButton:hover .arc-PaginationSimple-iconContainer{background-color:var(--pagination-colors-light-bg-hover);color:var(--pagination-colors-light-text-default)}}.arc .arc-PaginationSimple-navigationButton:active .arc-PaginationSimple-iconContainer{background-color:var(--pagination-colors-light-bg-pressed);color:var(--pagination-colors-light-text-default)}.arc .arc-PaginationSimple-navigationButton:focus-visible{outline:none}

package/dist/Poster/Poster.cjs.js

@@ -2,13 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Poster = require('../_shared/cjs/Poster-b7242b37.js');
-require('../_shared/cjs/index-df60851b.js');
+var Poster = require('../_shared/cjs/Poster-8fba5492.js');
+require('../_shared/cjs/index.es-c26e8978.js');
 require('../_shared/cjs/index-9947ac13.js');
 require('react');
-require('../_shared/cjs/Surface-8599dbe4.js');
-require('../_shared/cjs/Image-e9a5a326.js');
-require('../_shared/cjs/suffix-modifier-c8a34402.js');
+require('../_shared/cjs/Surface-7500f314.js');
+require('../_shared/cjs/Image-c8969ad9.js');
 
 
 

package/dist/Poster/Poster.esm.js

@@ -1,7 +1,6 @@
-export { P as Poster } from '../_shared/esm/Poster-e05a8b45.js';
-import '../_shared/esm/index-288c66b5.js';
+export { P as Poster } from '../_shared/esm/Poster-ac72059a.js';
+import '../_shared/esm/index.es-5496ec12.js';
 import '../_shared/esm/index-2e73c2e9.js';
 import 'react';
-import '../_shared/esm/Surface-71d21a9e.js';
-import '../_shared/esm/Image-57d08939.js';
-import '../_shared/esm/suffix-modifier-1ce05abe.js';
+import '../_shared/esm/Surface-c425e5e6.js';
+import '../_shared/esm/Image-c1dc10b5.js';

package/dist/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 .arc-Poster{position:relative}.arc .arc-Poster-body{position:relative;z-index:1}.arc .arc-Poster-backgroundWrapper{bottom:0;display:block;left:0;overflow:hidden;position:absolute;right:0;top:0}.arc .arc-Poster--overlay{position:relative}.arc .arc-Poster--overlay::after{background-image:var(--arc-poster-overlay-dark);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.arc .arc-Poster--overlayLight::after{background-image:var(--arc-poster-overlay-light)}@media (min-width:768px){.arc .arc-Poster--overlay::after{background-image:var(--arc-poster-linear-gradient-scrim-left-dark)}.arc .arc-Poster--overlayLight::after{background-image:var(--arc-poster-linear-gradient-scrim-left-light)}}.arc .arc-PosterVideo{height:100%;width:100%}@supports (object-fit:cover) and (object-position:50% 50%){.arc .arc-PosterVideo{object-fit:cover;visibility:visible}.arc .arc-PosterVideo--anchorN{object-position:50% 0}.arc .arc-PosterVideo--anchorNE{object-position:100% 0}.arc .arc-PosterVideo--anchorE{object-position:100% 50%}.arc .arc-PosterVideo--anchorSE{object-position:100% 100%}.arc .arc-PosterVideo--anchorS{object-position:50% 100%}.arc .arc-PosterVideo--anchorSW{object-position:0 100%}.arc .arc-PosterVideo--anchorW{object-position:0 50%}.arc .arc-PosterVideo--anchorNW{object-position:0 0}.arc .arc-PosterVideo--anchorC{object-position:50% 50%}}.arc .arc-Poster--overlay:not(.arc-Poster--overlayLight)::after{background-image:var(--arc-poster-overlay-dark)}@media (min-width:768px){.arc .arc-Poster--overlay:not(.arc-Poster--overlayLight)::after{background-image:var(--arc-poster-linear-gradient-scrim-left-dark)}}

package/dist/ProgressBar/ProgressBar.cjs.js

@@ -2,15 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('../_shared/cjs/index-df60851b.js');
-var index$1 = require('../_shared/cjs/index-9947ac13.js');
+var index_es = require('../_shared/cjs/index.es-c26e8978.js');
+var index = require('../_shared/cjs/index-9947ac13.js');
 var React = require('react');
-var Text = require('../_shared/cjs/Text-1c1110a4.js');
-var Heading = require('../_shared/cjs/Heading-fb63844f.js');
-var VerticalSpace = require('../_shared/cjs/VerticalSpace-e128ec68.js');
-var ThemeIcon = require('../_shared/cjs/ThemeIcon-ee814862.js');
-require('../_shared/cjs/suffix-modifier-c8a34402.js');
-require('../_shared/cjs/Surface-8599dbe4.js');
+var Text = require('../_shared/cjs/Text-284a7314.js');
+var Heading = require('../_shared/cjs/Heading-14378b72.js');
+var VerticalSpace = require('../_shared/cjs/VerticalSpace-973deefe.js');
+var ThemeIcon = require('../_shared/cjs/ThemeIcon-c3dc056d.js');
+require('../_shared/cjs/Surface-7500f314.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -29,8 +28,8 @@ var getProgressBarProps = function (isIndeterminate, progressValue, ariaLabel) {
         "aria-label": ariaLabel,
         tabIndex: 0
     };
-    var indeterminateProps = index.__assign(index.__assign({}, commonProps), { className: index$1.classNames("arc-ProgressBar-bar", "arc-ProgressBar-bar--indeterminate") });
-    var determinateProps = index.__assign(index.__assign({}, commonProps), { className: "arc-ProgressBar-bar", "aria-valuenow": progressValue, style: {
+    var indeterminateProps = index_es.__assign(index_es.__assign({}, commonProps), { className: index.classNames("arc-ProgressBar-bar", "arc-ProgressBar-bar--indeterminate") });
+    var determinateProps = index_es.__assign(index_es.__assign({}, commonProps), { className: "arc-ProgressBar-bar", "aria-valuenow": progressValue, style: {
             transform: "translateX(".concat(-100 + progressValue, "%)")
         } });
     return isIndeterminate ? indeterminateProps : determinateProps;
@@ -40,12 +39,12 @@ var getProgressBarProps = function (isIndeterminate, progressValue, ariaLabel) {
  * 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 = index.__rest(_a, ["state", "value", "isIndeterminate", "headline", "ariaLabel", "action", "title", "description", "displayValue"]);
+    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 = index_es.__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["default"].createElement("div", index.__assign({ "data-testid": "progress", className: index$1.classNames("arc-ProgressBar", "arc-ProgressBar--".concat(state)) }, index.filterDataAttrs(props)),
+    return (React__default["default"].createElement("div", index_es.__assign({ "data-testid": "progress", className: index.classNames("arc-ProgressBar", "arc-ProgressBar--".concat(state)) }, index_es.filterDataAttrs(props)),
         React__default["default"].createElement("div", { className: "arc-ProgressBar-titleDisplayValueContainer" },
             React__default["default"].createElement("div", { className: "arc-ProgressBar-titleContainer" },
                 headline && React__default["default"].createElement(Heading.Heading, { size: "s" }, headline),
@@ -55,7 +54,7 @@ var ProgressBar = function (_a) {
                 React__default["default"].createElement(Text.Text, null, displayValue)))),
         React__default["default"].createElement("div", { className: "arc-ProgressBar-container" },
             React__default["default"].createElement("div", { className: "arc-ProgressBar-outerBar" },
-                React__default["default"].createElement("div", index.__assign({}, getProgressBarProps(isIndeterminate, progressValue, ariaLabel)))),
+                React__default["default"].createElement("div", index_es.__assign({}, getProgressBarProps(isIndeterminate, progressValue, ariaLabel)))),
             description && (React__default["default"].createElement("div", { className: "arc-ProgressBar-description", role: "status" },
                 React__default["default"].createElement(Text.Text, { tone: state !== "error" ? "supporting" : "default" }, description))),
             action && (React__default["default"].createElement(React__default["default"].Fragment, null,

package/dist/ProgressBar/ProgressBar.esm.js

@@ -1,12 +1,11 @@
-import { a as __assign, _ as __rest, f as filterDataAttrs } from '../_shared/esm/index-288c66b5.js';
+import { a as __assign, _ as __rest, f as filterDataAttrs } from '../_shared/esm/index.es-5496ec12.js';
 import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
 import React__default from 'react';
-import { T as Text } from '../_shared/esm/Text-a46fb76b.js';
-import { H as Heading } from '../_shared/esm/Heading-906c7c7c.js';
-import { V as VerticalSpace } from '../_shared/esm/VerticalSpace-b07cd8e6.js';
-import { T as ThemeIcon } from '../_shared/esm/ThemeIcon-c2dc41a6.js';
-import '../_shared/esm/suffix-modifier-1ce05abe.js';
-import '../_shared/esm/Surface-71d21a9e.js';
+import { T as Text } from '../_shared/esm/Text-96d8a35f.js';
+import { H as Heading } from '../_shared/esm/Heading-0dfbdb24.js';
+import { V as VerticalSpace } from '../_shared/esm/VerticalSpace-6a3533db.js';
+import { T as ThemeIcon } from '../_shared/esm/ThemeIcon-9fac63d0.js';
+import '../_shared/esm/Surface-c425e5e6.js';
 
 var PROGRESS_BAR_ICON_MAP = {
     refresh: "progressBarRefresh",

package/dist/ProgressBar/styles.css

@@ -0,0 +1 @@
+.arc .arc-ProgressBar-container{margin:var(--progress-bar-gap-m) 0 0}.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 .arc-ProgressBar-description{margin:var(--progress-bar-gap-m) 0 0}.arc .arc-ProgressBar-bar{height:100%}.arc .arc-ProgressBar-titleDisplayValueContainer{align-items:flex-end;display:flex}.arc .arc-ProgressBar-titleContainer{flex:1 1 auto}.arc .arc-ProgressBar-displayValueContainer{flex:0 1 auto}.arc .arc-ProgressBar-actionContainer{align-items:center;display:flex}.arc .arc-ProgressBar-actionButton{background:transparent;border:none;cursor:pointer;font:inherit;margin:0;outline:none;padding:0;position:relative}.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 .arc-ProgressBar-actionButton:focus:not(:focus-visible)::before{box-shadow:none}.arc .arc-ProgressBar--loading .arc-ProgressBar-bar{background:var(--progress-bar-colors-light-fg-default)}.arc .arc-ProgressBar--loading .arc-ProgressBar-actionButton,.arc .arc-ProgressBar--loading .arc-ProgressBar-actionIcon{color:var(--progress-bar-colors-light-text-default-alt)}@media (hover:hover){.arc .arc-ProgressBar--loading .arc-ProgressBar-actionButton:hover,.arc .arc-ProgressBar--loading .arc-ProgressBar-actionButton:hover .arc-ProgressBar-actionIcon{color:var(--progress-bar-colors-light-text-default-alt-hover)}}.arc .arc-ProgressBar--error .arc-ProgressBar-bar{background:var(--progress-bar-colors-light-fg-error)}.arc .arc-ProgressBar--error .arc-ProgressBar-description,.arc .arc-ProgressBar--error .arc-ProgressBar-actionButton,.arc .arc-ProgressBar--error .arc-ProgressBar-actionIcon{color:var(--progress-bar-colors-light-text-error)}@media (hover:hover){.arc .arc-ProgressBar--error .arc-ProgressBar-actionButton:hover,.arc .arc-ProgressBar--error .arc-ProgressBar-actionButton:hover .arc-ProgressBar-actionIcon{color:var(--progress-bar-colors-light-text-error-hover)}}.arc .arc-ProgressBar--success .arc-ProgressBar-bar{background:var(--progress-bar-colors-light-bg-success)}.arc .arc-ProgressBar--success .arc-ProgressBar-actionButton,.arc .arc-ProgressBar--success .arc-ProgressBar-actionIcon{color:var(--progress-bar-colors-light-text-success)}@media (hover:hover){.arc .arc-ProgressBar--success .arc-ProgressBar-actionButton:hover,.arc .arc-ProgressBar--success .arc-ProgressBar-actionButton:hover .arc-ProgressBar-actionIcon{color:var(--progress-bar-colors-light-text-success-hover)}}.arc .arc-ProgressBar--loading .arc-ProgressBar-bar--indeterminate{animation:indeterminate 2s ease infinite;width:calc(100% / 3)}.arc .arc-ProgressBar--error .arc-ProgressBar-bar--indeterminate,.arc .arc-ProgressBar--success .arc-ProgressBar-bar--indeterminate{width:100%}@keyframes indeterminate{from{transform:translateX(-100%)}to{transform:translateX(calc(300%))}}

package/dist/ProgressStepper/ProgressStepper.cjs.js

@@ -2,14 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ProgressStepper = require('../_shared/cjs/ProgressStepper-fb8405c2.js');
-require('../_shared/cjs/index-df60851b.js');
+var ProgressStepper = require('../_shared/cjs/ProgressStepper-aaff6b51.js');
+require('../_shared/cjs/index.es-c26e8978.js');
 require('react');
 require('../_shared/cjs/index-9947ac13.js');
-require('../_shared/cjs/VisuallyHidden-b0de4c7b.js');
-require('../_shared/cjs/Icon-0ec0c1fb.js');
-require('../_shared/cjs/suffix-modifier-c8a34402.js');
-require('../_shared/cjs/Surface-8599dbe4.js');
+require('../_shared/cjs/VisuallyHidden-25393f58.js');
+require('../_shared/cjs/Icon-7f1e8a19.js');
+require('../_shared/cjs/Surface-7500f314.js');
 
 
 

package/dist/ProgressStepper/ProgressStepper.esm.js

@@ -1,8 +1,7 @@
-export { P as ProgressStepper } from '../_shared/esm/ProgressStepper-189ed0f9.js';
-import '../_shared/esm/index-288c66b5.js';
+export { P as ProgressStepper } from '../_shared/esm/ProgressStepper-e3e7b392.js';
+import '../_shared/esm/index.es-5496ec12.js';
 import 'react';
 import '../_shared/esm/index-2e73c2e9.js';
-import '../_shared/esm/VisuallyHidden-06692fd3.js';
-import '../_shared/esm/Icon-512f834f.js';
-import '../_shared/esm/suffix-modifier-1ce05abe.js';
-import '../_shared/esm/Surface-71d21a9e.js';
+import '../_shared/esm/VisuallyHidden-cf45ac18.js';
+import '../_shared/esm/Icon-428e8061.js';
+import '../_shared/esm/Surface-c425e5e6.js';

package/dist/ProgressStepper/styles.css

@@ -0,0 +1 @@
+.arc .arc-ProgressStepperItem{max-width:164px;min-width:164px}.arc .arc-ProgressStepperItem-iconWrapper{align-self:center;border-radius:100%;flex:0 0 auto;position:relative}.arc .arc-ProgressStepperItem-nodeItem{margin-bottom:var(--vertical-space-size-24)}.arc .arc-ProgressStepperItem-title{font:var(--sem-type-body-semi-m)}.arc .arc-ProgressStepperItem-title--link{cursor:pointer;text-decoration:none}.arc .arc-ProgressStepperItem-subTitle{font:var(--sem-type-body-reg-s);font-style:normal}.arc .arc-ProgressStepperItem-textSection{padding:var(--stepper-padding-s) var(--stepper-padding-s) 0 0}.arc .arc-ProgressStepperItem-iconSection{align-items:center;display:flex}.arc .arc-ProgressStepperItem .arc-ProgressStepperItem-iconSection::after{background-color:var(--stepper-colors-light-bg-subtle);content:"";display:block;height:1px;width:100%}.arc .arc-ProgressStepperItem:last-of-type .arc-ProgressStepperItem-iconSection::after{display:none}.arc .arc-ProgressStepperItem--hasInteractiveStatus .arc-ProgressStepperItem-title,.arc .arc-ProgressStepperItem--hasInteractiveStatus .arc-ProgressStepperItem-subTitle{color:var(--stepper-colors-light-text-default)}.arc .arc-ProgressStepperItem--hasInteractiveStatus .arc-ProgressStepperItem-title--link:hover,.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 .arc-ProgressStepperItem--todo .arc-ProgressStepperItem-title,.arc .arc-ProgressStepperItem--todo .arc-ProgressStepperItem-subTitle{color:var(--stepper-colors-light-text-subtle)}.arc .arc-ProgressStepperItem--completed .arc-ProgressStepperItem-iconSection::after{background-color:var(--stepper-colors-light-bg-default)}.arc .arc-ProgressStepperItem--todo .arc-ProgressStepperItem-iconSection{color:var(--stepper-colors-light-border-subtle)}.arc .arc-ProgressStepperItem--completed .arc-ProgressStepperItem-iconWrapper,.arc .arc-ProgressStepperItem--current .arc-ProgressStepperItem-iconWrapper{color:var(--stepper-colors-light-border-default)}.arc .arc-ProgressStepperItem--current .arc-ProgressStepperItem-iconWrapper{animation:pulse-animation-dark 2s infinite}.arc .arc-ProgressStepperItem--error .arc-ProgressStepperItem-iconWrapper{background-color:var(--stepper-colors-light-bg-error-subtle);color:var(--stepper-colors-light-border-error)}.arc .arc-ProgressStepperItem--warning .arc-ProgressStepperItem-iconWrapper{background-color:var(--stepper-colors-light-bg-warning-subtle);color:var(--stepper-colors-light-border-warning)}.arc .arc-ProgressStepperItem--isFluid .arc-ProgressStepperItem::after,.arc .arc-ProgressStepperItem--isFluid .arc-ProgressStepperItem-iconSection{width:100%}.arc .arc-ProgressStepperItem--isFluid{flex:1 1 0;max-width:100%;min-width:auto}.arc .arc-ProgressStepperItem--small .arc-ProgressStepperItem-title{font:var(--sem-type-body-semi-s);font-style:normal}.arc .arc-ProgressStepperItem--small .arc-ProgressStepperItem-subTitle{font:var(--sem-type-body-reg-xs);font-style:normal}.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 .arc-ProgressStepperItem--vertical .arc-ProgressStepperItem-iconSection::after{height:100%;width:1px}.arc .arc-ProgressStepperItem--vertical .arc-ProgressStepperItem-iconSection{align-items:center;flex:0 1 auto;flex-direction:column}.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 .arc-ProgressStepperItem--vertical .arc-ProgressStepperItem-subTitle{margin-bottom:var(--vertical-space-size-24)}.arc .arc-ProgressStepperItem--vertical.arc-ProgressStepperItem--small{min-height:64px}.arc .arc-ProgressStepperItem--vertical:last-of-type{min-height:auto}.arc .arc-ProgressStepperItem--vertical:last-of-type .arc-ProgressStepperItem-nodeItem{margin-bottom:0;margin-top:var(--vertical-space-size-24)}.arc .arc-ProgressStepperItem--vertical:last-of-type .arc-ProgressStepperItem-subTitle{margin-bottom:0}@keyframes pulse-animation-dark{from{box-shadow:0 0 0 0 rgba(85,20,180,0.2)}to{box-shadow:0 0 0 8px rgba(85,20,180,0)}}@keyframes pulse-animation-light{from{box-shadow:0 0 0 0 rgba(255,128,255,0.7)}to{box-shadow:0 0 0 8px rgba(255,128,255,0)}}.arc .arc-ProgressStepper{display:flex}.arc .arc-ProgressStepper--vertical{flex-direction:column}

package/dist/RadioGroup/RadioGroup.cjs.js

@@ -2,17 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var RadioGroup = require('../_shared/cjs/RadioGroup-a4186267.js');
-require('../_shared/cjs/index-df60851b.js');
+var RadioGroup = require('../_shared/cjs/RadioGroup-6142dceb.js');
+require('../_shared/cjs/index.es-c26e8978.js');
 require('react');
-require('../_shared/cjs/FormControl-88d48f42.js');
+require('../_shared/cjs/FormControl-5c963e6e.js');
 require('../_shared/cjs/index-9947ac13.js');
-require('../_shared/cjs/Surface-8599dbe4.js');
-require('../_shared/cjs/DisclosureMini-c01ecce0.js');
-require('../_shared/cjs/Text-1c1110a4.js');
-require('../_shared/cjs/suffix-modifier-c8a34402.js');
-require('../_shared/cjs/ThemeIcon-ee814862.js');
-require('../_shared/cjs/VisuallyHidden-b0de4c7b.js');
+require('../_shared/cjs/Surface-7500f314.js');
+require('../_shared/cjs/DisclosureMini-c730c24d.js');
+require('../_shared/cjs/Text-284a7314.js');
+require('../_shared/cjs/ThemeIcon-c3dc056d.js');
+require('../_shared/cjs/VisuallyHidden-25393f58.js');
 
 
 

package/dist/RadioGroup/RadioGroup.esm.js

@@ -1,11 +1,10 @@
-export { a as RadioButton, R as RadioGroup } from '../_shared/esm/RadioGroup-8ff17cbb.js';
-import '../_shared/esm/index-288c66b5.js';
+export { a as RadioButton, R as RadioGroup } from '../_shared/esm/RadioGroup-0d337240.js';
+import '../_shared/esm/index.es-5496ec12.js';
 import 'react';
-import '../_shared/esm/FormControl-d873f7fa.js';
+import '../_shared/esm/FormControl-e0acdf7a.js';
 import '../_shared/esm/index-2e73c2e9.js';
-import '../_shared/esm/Surface-71d21a9e.js';
-import '../_shared/esm/DisclosureMini-38f4c459.js';
-import '../_shared/esm/Text-a46fb76b.js';
-import '../_shared/esm/suffix-modifier-1ce05abe.js';
-import '../_shared/esm/ThemeIcon-c2dc41a6.js';
-import '../_shared/esm/VisuallyHidden-06692fd3.js';
+import '../_shared/esm/Surface-c425e5e6.js';
+import '../_shared/esm/DisclosureMini-6292f721.js';
+import '../_shared/esm/Text-96d8a35f.js';
+import '../_shared/esm/ThemeIcon-9fac63d0.js';
+import '../_shared/esm/VisuallyHidden-cf45ac18.js';

package/dist/RadioGroup/styles.css

@@ -0,0 +1 @@
+.arc .arc-RadioButton{line-height:0}.arc .arc-RadioButton--withMargin,.arc .arc-RadioButton--withMarginSmall{margin-top:var(--radio-gap-m)}.arc .arc-RadioButton-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--radio-colors-light-bg-default);border:var(--radio-border-weight-s) solid var(--radio-colors-light-border-default);border-radius:100%;cursor:pointer;display:block;margin-bottom:0;margin-left:0;margin-right:8px;margin-top:0;min-height:var(--radio-size-xl);min-width:var(--radio-size-xl)}.arc .arc-RadioButton-label{align-items:center;cursor:pointer;display:inline-flex;font:var(--sem-type-support-reg-l)}.arc .arc-RadioButton-label--alignTop{align-items:flex-start}.arc .arc-RadioButton-label--marginTop{margin-top:4px}.arc .arc-RadioButton--small .arc-RadioButton-label--marginTop{margin-top:2px}.arc .arc-RadioButton-helper{display:block;font:var(--sem-type-support-reg-s)}.arc .arc-RadioButton--disabled .arc-RadioButton-input,.arc .arc-RadioButton--disabled .arc-RadioButton-label{cursor:not-allowed}.arc .arc-RadioButton--small .arc-RadioButton-label{font:var(--sem-type-support-reg-s)}.arc .arc-RadioButton--onDarkSurface .arc-RadioButton-input{background:var(--radio-colors-dark-bg-default);border-color:var(--radio-colors-dark-border-default)}.arc .arc-RadioButton--small .arc-RadioButton-input{min-height:var(--radio-size-l);min-width:var(--radio-size-l)}.arc .arc-RadioButton-input:checked{background:var(--radio-colors-light-fg-default);box-shadow:inset 0 0 0 6px var(--radio-colors-light-bg-default)}.arc .arc-RadioButton-input:focus,.arc .arc-RadioButton-input:focus-visible{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle),inset 0 0 0 6px var(--radio-colors-light-bg-default);outline:var(--focus-border-weight-s) solid transparent}.arc .arc-RadioButton--small .arc-RadioButton-input:checked{background:var(--radio-colors-light-fg-default);box-shadow:inset 0 0 0 4px var(--radio-colors-light-bg-default)}.arc .arc-RadioButton--small .arc-RadioButton-input:focus,.arc .arc-RadioButton--small .arc-RadioButton-input:focus-visible{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle),inset 0 0 0 4px var(--radio-colors-light-bg-default);outline:var(--focus-border-weight-s) solid transparent}.arc .arc-RadioButton-input:focus:not(:focus-visible){box-shadow:inset 0 0 0 6px var(--radio-colors-light-bg-default)}.arc .arc-RadioButton--onDarkSurface .arc-RadioButton-input:checked{background:var(--radio-colors-dark-fg-default);box-shadow:inset 0 0 0 6px var(--radio-colors-dark-bg-default)}.arc .arc-RadioButton--onDarkSurface .arc-RadioButton-input:focus,.arc .arc-RadioButton--onDarkSurface .arc-RadioButton-input:focus-visible{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle),inset 0 0 0 6px var(--radio-colors-dark-bg-default)}.arc .arc-RadioButton--onDarkSurface.arc-RadioButton--small .arc-RadioButton-input:checked{box-shadow:inset 0 0 0 4px var(--radio-colors-dark-bg-default)}.arc .arc-RadioButton--onDarkSurface.arc-RadioButton--small .arc-RadioButton-input:focus,.arc .arc-RadioButton--onDarkSurface.arc-RadioButton--small .arc-RadioButton-input:focus-visible{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle),inset 0 0 0 4px var(--radio-colors-dark-bg-default)}.arc .arc-RadioButton--small .arc-RadioButton-input:focus:not(:focus-visible){box-shadow:inset 0 0 0 4px var(--radio-colors-light-bg-default)}.arc .arc-RadioButton--disabled{color:var(--radio-colors-light-text-disabled)}.arc .arc-RadioButton-input[disabled]{background:var(--radio-colors-light-bg-disabled);border-color:var(--radio-colors-light-border-disabled)}.arc .arc-RadioButton-input[disabled]:checked{background:var(--radio-colors-light-fg-disabled);box-shadow:inset 0 0 0 6px var(--radio-colors-light-bg-disabled)}.arc .arc-RadioButton-input[disabled]:focus,.arc .arc-RadioButton-input[disabled]:focus-visible{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle),inset 0 0 0 6px var(--radio-colors-light-bg-disabled)}.arc .arc-RadioButton--onDarkSurface .arc-RadioButton-input:focus:not(:focus-visible){box-shadow:inset 0 0 0 6px var(--radio-colors-dark-bg-default)}.arc .arc-RadioButton--onDarkSurface.arc-RadioButton--small .arc-RadioButton-input:focus:not(:focus-visible){box-shadow:inset 0 0 0 4px var(--radio-colors-dark-bg-default)}.arc .arc-RadioButton--onDarkSurface.arc-RadioButton--disabled{color:var(--radio-colors-dark-text-disabled)}.arc .arc-RadioButton--onDarkSurface .arc-RadioButton-input[disabled]{background:var(--radio-colors-dark-bg-disabled);border-color:var(--radio-colors-dark-border-disabled)}.arc .arc-RadioButton--small .arc-RadioButton-input[disabled]:checked{box-shadow:inset 0 0 0 4px var(--radio-colors-light-bg-disabled)}.arc .arc-RadioButton--onDarkSurface .arc-RadioButton-input[disabled]:checked{background:var(--radio-colors-dark-fg-disabled);box-shadow:inset 0 0 0 6px var(--radio-colors-dark-bg-disabled)}.arc .arc-RadioButton--onDarkSurface .arc-RadioButton-input[disabled]:focus,.arc .arc-RadioButton--onDarkSurface .arc-RadioButton-input[disabled]:focus-visible{background:var(--radio-colors-dark-bg-disabled);box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle),inset 0 0 0 4px var(--radio-colors-dark-bg-disabled)}.arc .arc-RadioButton--small .arc-RadioButton-input[disabled]:focus,.arc .arc-RadioButton--small .arc-RadioButton-input[disabled]:focus-visible{background:var(--radio-colors-light-bg-disabled);box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle),inset 0 0 0 4px var(--radio-colors-light-bg-disabled)}.arc .arc-RadioButton--small .arc-RadioButton-input[disabled]:checked:focus,.arc .arc-RadioButton--small .arc-RadioButton-input[disabled]:checked:focus-visible{background:var(--radio-colors-light-fg-disabled);box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle),inset 0 0 0 4px var(--radio-colors-light-bg-disabled)}.arc .arc-RadioButton--onDarkSurface .arc-RadioButton-input[disabled]:checked:focus,.arc .arc-RadioButton--onDarkSurface .arc-RadioButton-input[disabled]:checked:focus-visible{background:var(--radio-colors-dark-fg-disabled);box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle),inset 0 0 0 6px var(--radio-colors-dark-bg-disabled)}.arc .arc-RadioButton--onDarkSurface.arc-RadioButton--small .arc-RadioButton-input[disabled]:checked{box-shadow:inset 0 0 0 4px var(--radio-colors-dark-bg-disabled)}.arc .arc-RadioButton--onDarkSurface.arc-RadioButton--small .arc-RadioButton-input[disabled]:focus,.arc .arc-RadioButton--onDarkSurface.arc-RadioButton--small .arc-RadioButton-input[disabled]:focus-visible{background:var(--radio-colors-dark-bg-disabled);box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle),inset 0 0 0 4px var(--radio-colors-dark-bg-disabled)}.arc .arc-RadioButton--onDarkSurface.arc-RadioButton--small .arc-RadioButton-input[disabled]:checked:focus,.arc .arc-RadioButton--onDarkSurface.arc-RadioButton--small .arc-RadioButton-input[disabled]:checked:focus-visible{background:var(--radio-colors-dark-fg-disabled);box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle),inset 0 0 0 4px var(--radio-colors-dark-bg-disabled)}.arc .arc-RadioGroup-radioButtonContainer .arc-RadioButton--withMargin:first-child{margin-top:0}.arc .arc-RadioGroup-error{align-items:center;color:#da020f;display:flex;line-height:1.5;margin-top:12px}.arc .arc-RadioGroup-error .arc-RadioGroup-error--icon{color:currentColor;flex-shrink:0;height:24px;margin-right:4px;width:24px}.arc .arc-RadioGroup--onDarkSurface .arc-RadioGroup-error{color:#fa9590}

package/dist/Rule/Rule.cjs.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('../_shared/cjs/index-df60851b.js');
+var index_es = require('../_shared/cjs/index.es-c26e8978.js');
 var React = require('react');
-var index$1 = require('../_shared/cjs/index-9947ac13.js');
-var Surface = require('../_shared/cjs/Surface-8599dbe4.js');
+var index = require('../_shared/cjs/index-9947ac13.js');
+var Surface = require('../_shared/cjs/Surface-7500f314.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -18,12 +18,12 @@ var Rule = function (_a, props) {
     var _b;
     var _c = _a.orientation, orientation = _c === void 0 ? "horizontal" : _c;
     var surface = React.useContext(Surface.Context).surface;
-    return (React__default["default"].createElement("hr", index.__assign({ className: index$1.classNames((_b = {
+    return (React__default["default"].createElement("hr", index_es.__assign({ className: index.classNames((_b = {
                 "arc-Rule": true
             },
             _b["arc-Rule--".concat(orientation)] = true,
             _b["arc-Rule--onDarkSurface"] = surface === "dark",
-            _b)) }, index.filterDataAttrs(props))));
+            _b)) }, index_es.filterDataAttrs(props))));
 };
 
 exports.Rule = Rule;

package/dist/Rule/Rule.esm.js

@@ -1,7 +1,7 @@
-import { a as __assign, f as filterDataAttrs } from '../_shared/esm/index-288c66b5.js';
+import { a as __assign, f as filterDataAttrs } from '../_shared/esm/index.es-5496ec12.js';
 import React__default, { useContext } from 'react';
 import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
-import { C as Context } from '../_shared/esm/Surface-71d21a9e.js';
+import { C as Context } from '../_shared/esm/Surface-c425e5e6.js';
 
 /**
  * Use `Rule` to display a horizontal or vertical rule.

package/dist/Rule/styles.css

@@ -0,0 +1 @@
+.arc .arc-Rule{background-color:var(--rule-colors-light-border-subtle);border:0;color:var(--rule-colors-light-border-subtle)}.arc .arc-Rule--horizontal{height:var(--rule-border-weight-s);margin-bottom:0;margin-top:0}.arc .arc-Rule--vertical{height:100%;margin-left:0;margin-right:0;width:var(--rule-border-weight-s)}.arc-bt .arc-Rule--onDarkSurface{background-color:var(--rule-colors-dark-border-subtle);color:var(--rule-colors-dark-border-subtle)}

package/dist/ScrollToTop/ScrollToTop.cjs.js

@@ -2,14 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index = require('../_shared/cjs/index-df60851b.js');
-var index$1 = require('../_shared/cjs/index-9947ac13.js');
+var index_es = require('../_shared/cjs/index.es-c26e8978.js');
+var index = require('../_shared/cjs/index-9947ac13.js');
 var React = require('react');
 var debounce = require('../_shared/cjs/debounce-a74c28cf.js');
-var Surface = require('../_shared/cjs/Surface-8599dbe4.js');
-var ThemeIcon = require('../_shared/cjs/ThemeIcon-ee814862.js');
+var Surface = require('../_shared/cjs/Surface-7500f314.js');
+var ThemeIcon = require('../_shared/cjs/ThemeIcon-c3dc056d.js');
 require('../_shared/cjs/_commonjsHelpers-56412ec5.js');
-require('../_shared/cjs/suffix-modifier-c8a34402.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -19,7 +18,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
  * Use `ScrollToTop` to allow the user to scroll to the top of the page by clicking a button.
  */
 var ScrollToTop = function (_a) {
-    var _b = _a.appear, appear = _b === void 0 ? "always" : _b, _c = _a.isFixed, isFixed = _c === void 0 ? true : _c, _d = _a.fill, fill = _d === void 0 ? "solid" : _d, _e = _a.zIndex, zIndex = _e === void 0 ? 100 : _e, props = index.__rest(_a, ["appear", "isFixed", "fill", "zIndex"]);
+    var _b = _a.appear, appear = _b === void 0 ? "always" : _b, _c = _a.isFixed, isFixed = _c === void 0 ? true : _c, _d = _a.fill, fill = _d === void 0 ? "solid" : _d, _e = _a.zIndex, zIndex = _e === void 0 ? 100 : _e, props = index_es.__rest(_a, ["appear", "isFixed", "fill", "zIndex"]);
     var _f = React.useState(false), hasScrolled = _f[0], setHasScrolled = _f[1];
     var surface = React.useContext(Surface.Context).surface;
     React.useEffect(function () {
@@ -35,13 +34,13 @@ var ScrollToTop = function (_a) {
             behavior: "smooth"
         });
     };
-    return (React__default["default"].createElement("button", index.__assign({ onClick: onClick, style: {
+    return (React__default["default"].createElement("button", index_es.__assign({ onClick: onClick, style: {
             zIndex: zIndex
-        }, className: index$1.classNames("arc-ScrollToTop", "arc-ScrollToTop--".concat(fill), {
+        }, className: index.classNames("arc-ScrollToTop", "arc-ScrollToTop--".concat(fill), {
             "arc-ScrollToTop--fixed": isFixed,
             "arc-ScrollToTop--onDarkSurface": surface === "dark",
             "arc-ScrollToTop--visible": appear === "always" || (appear === "afterScroll" && hasScrolled)
-        }) }, index.filterDataAttrs(props)),
+        }) }, index_es.filterDataAttrs(props)),
         React__default["default"].createElement("div", { className: "arc-ScrollToTop-textWrapper" },
             React__default["default"].createElement("span", { className: "arc-ScrollToTop-text" }, "Back to top")),
         React__default["default"].createElement("span", { className: "arc-ScrollToTop-iconContainer" },

package/dist/ScrollToTop/ScrollToTop.esm.js

@@ -1,11 +1,10 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index-288c66b5.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/index.es-5496ec12.js';
 import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
 import React__default, { useState, useContext, useEffect } from 'react';
 import { d as debounce_1 } from '../_shared/esm/debounce-c8e41002.js';
-import { C as Context } from '../_shared/esm/Surface-71d21a9e.js';
-import { T as ThemeIcon } from '../_shared/esm/ThemeIcon-c2dc41a6.js';
+import { C as Context } from '../_shared/esm/Surface-c425e5e6.js';
+import { T as ThemeIcon } from '../_shared/esm/ThemeIcon-9fac63d0.js';
 import '../_shared/esm/_commonjsHelpers-0109d574.js';
-import '../_shared/esm/suffix-modifier-1ce05abe.js';
 
 /**
  * Use `ScrollToTop` to allow the user to scroll to the top of the page by clicking a button.

package/dist/ScrollToTop/styles.css

@@ -0,0 +1 @@
+.arc .arc-ScrollToTop{align-items:center;border-radius:var(--backtotop-border-radius-m);box-shadow:var(--sem-box-shadow-01);cursor:pointer;display:flex;font-family:inherit;font-size:inherit;justify-content:center;margin:0;overflow:hidden;padding:0;visibility:hidden}.arc .arc-ScrollToTop--visible{visibility:visible}.arc .arc-ScrollToTop--fixed{bottom:20px;position:fixed;right:20px}.arc .arc-ScrollToTop-textWrapper{width:0}.arc .arc-ScrollToTop-text{display:block;padding-left:var(--backtotop-padding-m);text-align:left;white-space:nowrap}@media (hover:hover){.arc .arc-ScrollToTop:hover .arc-ScrollToTop-textWrapper{width:auto}}.arc .arc-ScrollToTop:focus-visible .arc-ScrollToTop-textWrapper,.arc .arc-ScrollToTop:active .arc-ScrollToTop-textWrapper{width:auto}.arc .arc-ScrollToTop--solid{background-color:var(--backtotop-colors-light-bg-default);border:var(--backtotop-border-weight-m) solid var(--backtotop-colors-light-border-strong);color:var(--backtotop-colors-light-text-default-alt)}.arc .arc-ScrollToTop--solid .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-light-bg-default)}@media (hover:hover){.arc .arc-ScrollToTop--solid:hover,.arc .arc-ScrollToTop--solid:hover .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-light-bg-hover)}}.arc .arc-ScrollToTop:focus-visible{outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px}.arc .arc-ScrollToTop--solid:focus-visible{background-color:var(--backtotop-colors-light-bg-selected)}.arc .arc-ScrollToTop--solid:focus-visible .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-light-bg-selected)}.arc .arc-ScrollToTop--solid:active,.arc .arc-ScrollToTop--solid:active .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-light-bg-selected)}.arc .arc-ScrollToTop--outlined{background-color:var(--backtotop-colors-light-bg-strong);border:var(--backtotop-border-weight-m) solid var(--backtotop-colors-light-border-default);color:var(--backtotop-colors-light-text-default)}.arc .arc-ScrollToTop--outlined .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-light-bg-strong)}.arc .arc-ScrollToTop--outlined:active{background-color:var(--backtotop-colors-light-bg-subtle);border-color:var(--backtotop-colors-light-border-selected)}.arc .arc-ScrollToTop--outlined:active .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-light-bg-subtle)}.arc .arc-ScrollToTop--onDarkSurface{box-shadow:var(--sem-box-shadow-03)}.arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--solid{background-color:var(--backtotop-colors-dark-bg-default);border-color:var(--backtotop-colors-dark-border-strong);color:var(--backtotop-colors-dark-fg-default)}.arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--solid .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-dark-bg-default)}@media (hover:hover){.arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--solid:hover,.arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--solid:hover .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-dark-bg-hover)}}.arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--solid:focus-visible{background-color:var(--backtotop-colors-dark-bg-selected);border:var(--backtotop-border-weight-m) solid var(--backtotop-colors-dark-border-focus)}.arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--solid:focus-visible .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-dark-bg-selected)}.arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--solid:active,.arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--solid:active .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-dark-bg-selected)}.arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--outlined{background-color:var(--backtotop-colors-dark-bg-strong);border-color:var(--backtotop-colors-dark-border-default);color:var(--backtotop-colors-dark-text-default-alt)}.arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--outlined .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-dark-bg-strong)}/* ! selected token being used in hover */@media (hover:hover){.arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--outlined:hover{background-color:var(--backtotop-colors-dark-bg-strong);border-color:var(--backtotop-colors-dark-border-hover)}.arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--outlined:hover .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-dark-bg-strong)}}.arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--outlined:focus-visible{border:var(--backtotop-border-weight-m) solid var(--backtotop-colors-dark-border-focus)}/* ! hover tokens used on active state */.arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--outlined:active{background-color:var(--backtotop-colors-dark-bg-subtle);border-color:var(--backtotop-colors-dark-border-selected)}.arc .arc-ScrollToTop--onDarkSurface.arc-ScrollToTop--outlined:active .arc-ScrollToTop-iconContainer{background-color:var(--backtotop-colors-dark-bg-subtle)}

package/dist/Section/Section.cjs.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Section = require('../_shared/cjs/Section-ecfc659b.js');
-require('../_shared/cjs/index-df60851b.js');
+var Section = require('../_shared/cjs/Section-46646353.js');
+require('../_shared/cjs/index.es-c26e8978.js');
 require('../_shared/cjs/index-9947ac13.js');
 require('react');
 

package/dist/Section/Section.esm.js

@@ -1,4 +1,4 @@
-export { S as Section } from '../_shared/esm/Section-1acbc06a.js';
-import '../_shared/esm/index-288c66b5.js';
+export { S as Section } from '../_shared/esm/Section-c1dc6e37.js';
+import '../_shared/esm/index.es-5496ec12.js';
 import '../_shared/esm/index-2e73c2e9.js';
 import 'react';

package/dist/Section/styles.css

@@ -0,0 +1 @@
+.arc .arc-Section{margin-left:auto;margin-right:auto;max-width:var(--arc-size-section-width-s);padding-left:var(--arc-size-section-margin-s);padding-right:var(--arc-size-section-margin-s);position:relative;width:100%}@media (min-width:636px){.arc .arc-Section{max-width:var(--arc-size-section-width-m);padding-left:var(--arc-size-section-margin-m);padding-right:var(--arc-size-section-margin-m)}}@media (min-width:1024px){.arc .arc-Section{max-width:var(--arc-size-section-width-l);padding-left:var(--arc-size-section-margin-l);padding-right:var(--arc-size-section-margin-l)}}.arc .arc-Section--fullWidth{max-width:100%}.arc .arc-Section--debugVisible::after{align-items:center;background:rgba(207,58,138,0.5);bottom:0;content:"Section";display:flex;justify-content:center;left:0;outline:1px dashed #cf3a8a;outline-offset:-1px;position:absolute;right:0;top:0}