@arc-ui/components 12.0.0-beta7 → 12.0.0

package/dist/Poster/Poster.cjs.js

@@ -1,14 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Poster = require('../_shared/cjs/Poster-96aa286e.js');
-require('../_shared/cjs/index.es-c26e8978.js');
-require('../_shared/cjs/index-9947ac13.js');
-require('react');
-require('../_shared/cjs/Surface-1b5c2ac8.js');
-require('../_shared/cjs/Image-c8969ad9.js');
-
-
-
-exports.Poster = Poster.Poster;

package/dist/Poster/Poster.esm.js

@@ -1,6 +0,0 @@
-export { P as Poster } from '../_shared/esm/Poster-dc3d7ee8.js';
-import '../_shared/esm/index.es-5496ec12.js';
-import '../_shared/esm/index-2e73c2e9.js';
-import 'react';
-import '../_shared/esm/Surface-0af6a69a.js';
-import '../_shared/esm/Image-c1dc10b5.js';

package/dist/Poster/package.json

@@ -1,7 +0,0 @@
-{
-  "name": "@arc-ui/poster",
-  "types": "../types/components/Poster/index.d.ts",
-  "main": "./Poster.cjs.js",
-  "module": "./Poster.esm.js",
-  "private": true
-}

package/dist/Poster/styles.css

@@ -1 +0,0 @@
-: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

@@ -1,69 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-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-c187d9ef.js');
-var Heading = require('../_shared/cjs/Heading-25d11688.js');
-var VerticalSpace = require('../_shared/cjs/VerticalSpace-973deefe.js');
-var ThemeIcon = require('../_shared/cjs/ThemeIcon-7f537bd2.js');
-require('../_shared/cjs/Surface-1b5c2ac8.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-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 = 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;
-};
-
-/**
- * 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_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_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),
-                headline && title && React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: "4" }),
-                title && React__default["default"].createElement(Text.Text, null, title)),
-            displayValue && (React__default["default"].createElement("div", { "data-testid": "display-value", className: "arc-ProgressBar-displayValueContainer" },
-                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_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,
-                React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: "8" }),
-                React__default["default"].createElement("button", { ref: autoFocusRef(action.autofocusOnMount), className: "arc-ProgressBar-actionButton", onClick: action.action },
-                    React__default["default"].createElement("div", { className: "arc-ProgressBar-actionContainer" },
-                        React__default["default"].createElement(Text.Text, null, action.text),
-                        action.icon && (React__default["default"].createElement("div", { className: "arc-ProgressBar-actionIcon" },
-                            React__default["default"].createElement(ThemeIcon.ThemeIcon, { icon: PROGRESS_BAR_ICON_MAP[action.icon], size: 24 }))))))))));
-};
-
-exports.ProgressBar = ProgressBar;

package/dist/ProgressBar/ProgressBar.esm.js

@@ -1,61 +0,0 @@
-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-df93be85.js';
-import { H as Heading } from '../_shared/esm/Heading-0a8d3545.js';
-import { V as VerticalSpace } from '../_shared/esm/VerticalSpace-6a3533db.js';
-import { T as ThemeIcon } from '../_shared/esm/ThemeIcon-e1e19266.js';
-import '../_shared/esm/Surface-0af6a69a.js';
-
-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)) }, filterDataAttrs(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/dist/ProgressBar/package.json

@@ -1,7 +0,0 @@
-{
-  "name": "@arc-ui/progressbar",
-  "types": "../types/components/ProgressBar/index.d.ts",
-  "main": "./ProgressBar.cjs.js",
-  "module": "./ProgressBar.esm.js",
-  "private": true
-}

package/dist/ProgressBar/styles.css

@@ -1 +0,0 @@
-.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

@@ -1,15 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var ProgressStepper = require('../_shared/cjs/ProgressStepper-c59ec56c.js');
-require('../_shared/cjs/index.es-c26e8978.js');
-require('react');
-require('../_shared/cjs/index-9947ac13.js');
-require('../_shared/cjs/VisuallyHidden-25393f58.js');
-require('../_shared/cjs/Icon-08447959.js');
-require('../_shared/cjs/Surface-1b5c2ac8.js');
-
-
-
-exports.ProgressStepper = ProgressStepper.ProgressStepper;

package/dist/ProgressStepper/ProgressStepper.esm.js

@@ -1,7 +0,0 @@
-export { P as ProgressStepper } from '../_shared/esm/ProgressStepper-427f24e3.js';
-import '../_shared/esm/index.es-5496ec12.js';
-import 'react';
-import '../_shared/esm/index-2e73c2e9.js';
-import '../_shared/esm/VisuallyHidden-cf45ac18.js';
-import '../_shared/esm/Icon-a5cb17de.js';
-import '../_shared/esm/Surface-0af6a69a.js';

package/dist/ProgressStepper/package.json

@@ -1,7 +0,0 @@
-{
-  "name": "@arc-ui/progressstepper",
-  "types": "../types/components/ProgressStepper/index.d.ts",
-  "main": "./ProgressStepper.cjs.js",
-  "module": "./ProgressStepper.esm.js",
-  "private": true
-}

package/dist/ProgressStepper/styles.css

@@ -1 +0,0 @@
-.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-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 .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-statusIcon{border-color:var(--stepper-colors-light-border-subtle)}.arc .arc-ProgressStepperItem--completed .arc-ProgressStepperItem-iconWrapper,.arc .arc-ProgressStepperItem--current .arc-ProgressStepperItem-iconWrapper,.arc .arc-ProgressStepperItem--completed .arc-ProgressStepperItem-statusIcon{border-color:var(--stepper-colors-light-border-default);color:var(--stepper-colors-light-border-default)}.arc .arc-ProgressStepperItem--current .arc-ProgressStepperItem-iconWrapper{animation:pulse-animation 2s infinite}.arc .arc-ProgressStepperItem--error .arc-ProgressStepperItem-iconWrapper,.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 .arc-ProgressStepperItem--warning .arc-ProgressStepperItem-iconWrapper,.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 .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{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 .arc-ProgressStepperItem-statusIcon--small{height:var(--stepper-size-icon-s);width:var(--stepper-size-icon-s)}.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 .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 .arc-ProgressStepper{display:flex}.arc .arc-ProgressStepper--vertical{flex-direction:column}

package/dist/RadioGroup/RadioGroup.cjs.js

@@ -1,19 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var RadioGroup = require('../_shared/cjs/RadioGroup-11f4b232.js');
-require('../_shared/cjs/index.es-c26e8978.js');
-require('react');
-require('../_shared/cjs/FormControl-0fba93b8.js');
-require('../_shared/cjs/index-9947ac13.js');
-require('../_shared/cjs/Surface-1b5c2ac8.js');
-require('../_shared/cjs/DisclosureMini-a46a4838.js');
-require('../_shared/cjs/Text-c187d9ef.js');
-require('../_shared/cjs/ThemeIcon-7f537bd2.js');
-require('../_shared/cjs/VisuallyHidden-25393f58.js');
-
-
-
-exports.RadioButton = RadioGroup.RadioButton;
-exports.RadioGroup = RadioGroup.RadioGroup;

package/dist/RadioGroup/RadioGroup.esm.js

@@ -1,10 +0,0 @@
-export { a as RadioButton, R as RadioGroup } from '../_shared/esm/RadioGroup-5b654bee.js';
-import '../_shared/esm/index.es-5496ec12.js';
-import 'react';
-import '../_shared/esm/FormControl-ff671eb8.js';
-import '../_shared/esm/index-2e73c2e9.js';
-import '../_shared/esm/Surface-0af6a69a.js';
-import '../_shared/esm/DisclosureMini-f6d8c9bc.js';
-import '../_shared/esm/Text-df93be85.js';
-import '../_shared/esm/ThemeIcon-e1e19266.js';
-import '../_shared/esm/VisuallyHidden-cf45ac18.js';

package/dist/RadioGroup/package.json

@@ -1,7 +0,0 @@
-{
-  "name": "@arc-ui/radiogroup",
-  "types": "../types/components/RadioGroup/index.d.ts",
-  "main": "./RadioGroup.cjs.js",
-  "module": "./RadioGroup.esm.js",
-  "private": true
-}

package/dist/RadioGroup/styles.css

@@ -1 +0,0 @@
-.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(--radio-type-label-m)}.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(--radio-type-label-s)}.arc .arc-RadioButton--small .arc-RadioButton-helper{font:var(--sem-type-support-reg-xs)}.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

@@ -1,29 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var index_es = require('../_shared/cjs/index.es-c26e8978.js');
-var React = require('react');
-var index = require('../_shared/cjs/index-9947ac13.js');
-var Surface = require('../_shared/cjs/Surface-1b5c2ac8.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-/**
- * Use `Rule` to display a horizontal or vertical rule.
- */
-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_es.__assign({ className: index.classNames((_b = {
-                "arc-Rule": true
-            },
-            _b["arc-Rule--".concat(orientation)] = true,
-            _b["arc-Rule--onDarkSurface"] = surface === "dark",
-            _b)) }, index_es.filterDataAttrs(props))));
-};
-
-exports.Rule = Rule;

package/dist/Rule/Rule.esm.js

@@ -1,21 +0,0 @@
-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-0af6a69a.js';
-
-/**
- * Use `Rule` to display a horizontal or vertical rule.
- */
-var Rule = function (_a, props) {
-    var _b;
-    var _c = _a.orientation, orientation = _c === void 0 ? "horizontal" : _c;
-    var surface = useContext(Context).surface;
-    return (React__default.createElement("hr", __assign({ className: classNames((_b = {
-                "arc-Rule": true
-            },
-            _b["arc-Rule--".concat(orientation)] = true,
-            _b["arc-Rule--onDarkSurface"] = surface === "dark",
-            _b)) }, filterDataAttrs(props))));
-};
-
-export { Rule };

package/dist/Rule/package.json

@@ -1,7 +0,0 @@
-{
-  "name": "@arc-ui/rule",
-  "types": "../types/components/Rule/index.d.ts",
-  "main": "./Rule.cjs.js",
-  "module": "./Rule.esm.js",
-  "private": true
-}

package/dist/Rule/styles.css

@@ -1 +0,0 @@
-.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 .arc-Rule--onDarkSurface{background-color:var(--rule-colors-dark-border-subtle);color:var(--rule-colors-dark-border-subtle)}

package/dist/ScrollToTop/ScrollToTop.cjs.js

@@ -1,50 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-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-1b5c2ac8.js');
-var ThemeIcon = require('../_shared/cjs/ThemeIcon-7f537bd2.js');
-require('../_shared/cjs/_commonjsHelpers-56412ec5.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-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_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 () {
-        var handleScroll = debounce.debounce_1(function () {
-            setHasScrolled(window.scrollY > 0);
-        }, 100);
-        window.addEventListener("scroll", handleScroll);
-        return function () { return window.removeEventListener("scroll", handleScroll); };
-    });
-    var onClick = function () {
-        window.scrollTo({
-            top: 0,
-            behavior: "smooth"
-        });
-    };
-    return (React__default["default"].createElement("button", index_es.__assign({ onClick: onClick, style: {
-            zIndex: zIndex
-        }, 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_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" },
-            React__default["default"].createElement(ThemeIcon.ThemeIcon, { size: 44, icon: "scrollToTop" }))));
-};
-
-exports.ScrollToTop = ScrollToTop;

package/dist/ScrollToTop/ScrollToTop.esm.js

@@ -1,42 +0,0 @@
-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-0af6a69a.js';
-import { T as ThemeIcon } from '../_shared/esm/ThemeIcon-e1e19266.js';
-import '../_shared/esm/_commonjsHelpers-0109d574.js';
-
-/**
- * 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 = __rest(_a, ["appear", "isFixed", "fill", "zIndex"]);
-    var _f = useState(false), hasScrolled = _f[0], setHasScrolled = _f[1];
-    var surface = useContext(Context).surface;
-    useEffect(function () {
-        var handleScroll = debounce_1(function () {
-            setHasScrolled(window.scrollY > 0);
-        }, 100);
-        window.addEventListener("scroll", handleScroll);
-        return function () { return window.removeEventListener("scroll", handleScroll); };
-    });
-    var onClick = function () {
-        window.scrollTo({
-            top: 0,
-            behavior: "smooth"
-        });
-    };
-    return (React__default.createElement("button", __assign({ onClick: onClick, style: {
-            zIndex: zIndex
-        }, className: classNames("arc-ScrollToTop", "arc-ScrollToTop--".concat(fill), {
-            "arc-ScrollToTop--fixed": isFixed,
-            "arc-ScrollToTop--onDarkSurface": surface === "dark",
-            "arc-ScrollToTop--visible": appear === "always" || (appear === "afterScroll" && hasScrolled)
-        }) }, filterDataAttrs(props)),
-        React__default.createElement("div", { className: "arc-ScrollToTop-textWrapper" },
-            React__default.createElement("span", { className: "arc-ScrollToTop-text" }, "Back to top")),
-        React__default.createElement("span", { className: "arc-ScrollToTop-iconContainer" },
-            React__default.createElement(ThemeIcon, { size: 44, icon: "scrollToTop" }))));
-};
-
-export { ScrollToTop };

package/dist/ScrollToTop/package.json

@@ -1,7 +0,0 @@
-{
-  "name": "@arc-ui/scrolltotop",
-  "types": "../types/components/ScrollToTop/index.d.ts",
-  "main": "./ScrollToTop.cjs.js",
-  "module": "./ScrollToTop.esm.js",
-  "private": true
-}

package/dist/ScrollToTop/styles.css

@@ -1 +0,0 @@
-.arc .arc-ScrollToTop{align-items:center;border-radius:var(--backtotop-border-radius-m);box-shadow:var(--elevation-02);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(--elevation-02)}.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

@@ -1,12 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Section = require('../_shared/cjs/Section-46646353.js');
-require('../_shared/cjs/index.es-c26e8978.js');
-require('../_shared/cjs/index-9947ac13.js');
-require('react');
-
-
-
-exports.Section = Section.Section;

package/dist/Section/Section.esm.js

@@ -1,4 +0,0 @@
-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/package.json

@@ -1,7 +0,0 @@
-{
-  "name": "@arc-ui/section",
-  "types": "../types/components/Section/index.d.ts",
-  "main": "./Section.cjs.js",
-  "module": "./Section.esm.js",
-  "private": true
-}

package/dist/Section/styles.css

@@ -1 +0,0 @@
-.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}

package/dist/Select/Select.cjs.js

@@ -1,88 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var index_es = require('../_shared/cjs/index.es-c26e8978.js');
-var index$1 = require('../_shared/cjs/index-9947ac13.js');
-var React = require('react');
-var index = require('../_shared/cjs/index-89c323a4.js');
-var component = require('../_shared/cjs/component-4e71e3d3.js');
-var FormControl = require('../_shared/cjs/FormControl-0fba93b8.js');
-var Surface = require('../_shared/cjs/Surface-1b5c2ac8.js');
-var ThemeIcon = require('../_shared/cjs/ThemeIcon-7f537bd2.js');
-require('../_shared/cjs/index-76f7dd53.js');
-require('react-dom');
-require('../_shared/cjs/index-dbc843d3.js');
-require('../_shared/cjs/index-879e71ee.js');
-require('../_shared/cjs/index-2bf59363.js');
-require('../_shared/cjs/floating-ui.react-dom-08b8b87c.js');
-require('../_shared/cjs/index-ba3141f5.js');
-require('../_shared/cjs/DisclosureMini-a46a4838.js');
-require('../_shared/cjs/Text-c187d9ef.js');
-require('../_shared/cjs/VisuallyHidden-25393f58.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-/** Use `Select` to choose from a dropdown list of options. */
-var Select = function (_a) {
-    var _b;
-    var isRequired = _a.isRequired, isDisabled = _a.isDisabled, placeholder = _a.placeholder, label = _a.label, value = _a.value, _c = _a.ariaLabel, ariaLabel = _c === void 0 ? label : _c, options = _a.options, onOpenChange = _a.onOpenChange, isDefaultOpen = _a.isDefaultOpen, defaultValue = _a.defaultValue, errorMessage = _a.errorMessage, labelSize = _a.labelSize, helper = _a.helper, hideLabel = _a.hideLabel, name = _a.name, width = _a.width, isFluid = _a.isFluid, onBlur = _a.onBlur, onChange = _a.onChange, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, onClickDisclosure = _a.onClickDisclosure, _d = _a.selectSize, selectSize = _d === void 0 ? "m" : _d, props = index_es.__rest(_a, ["isRequired", "isDisabled", "placeholder", "label", "value", "ariaLabel", "options", "onOpenChange", "isDefaultOpen", "defaultValue", "errorMessage", "labelSize", "helper", "hideLabel", "name", "width", "isFluid", "onBlur", "onChange", "disclosureTitle", "disclosureText", "onClickDisclosure", "selectSize"]);
-    var id = React.useId();
-    var _e = component.useThemeElement(), themeElement = _e[0], setThemeElement = _e[1];
-    var surface = React.useContext(Surface.Context).surface;
-    var _f = React.useState(defaultValue), uncontrolledValue = _f[0], setUncontrolledValue = _f[1];
-    var isControlled = typeof value !== "undefined";
-    var selectValue = isControlled ? value : uncontrolledValue;
-    var onValueChange = function (value) {
-        onChange && onChange(value);
-        setUncontrolledValue(value);
-    };
-    var getSelectedValueName = function (value) {
-        var _a;
-        return (_a = options.find(function (option) { return option.value === value; })) === null || _a === void 0 ? void 0 : _a.name;
-    };
-    var getIconSize = function (selectSize) {
-        switch (selectSize) {
-            case "s":
-                return 16;
-            case "l":
-                return 24;
-            default:
-                return 20;
-        }
-    };
-    return (React__default["default"].createElement(FormControl.FormControl, { errorMessage: errorMessage, helper: helper, htmlFor: id, label: label, hideLabel: hideLabel, labelSize: labelSize, requirementStatus: isRequired ? "required" : "optional", isDisabled: isDisabled, disclosureText: disclosureText, disclosureTitle: disclosureTitle, onClickDisclosure: onClickDisclosure },
-        React__default["default"].createElement(index.$cc7e05a45900e73f$export$be92b6f5f03c0fe9, { name: name, required: isRequired, disabled: isDisabled, defaultOpen: isDefaultOpen, value: selectValue, onOpenChange: onOpenChange, onValueChange: function (value) { return onValueChange(value); } },
-            React__default["default"].createElement("div", { ref: setThemeElement, className: "arc-Select-wrapper" },
-                React__default["default"].createElement(index.$cc7e05a45900e73f$export$41fb9f06171c75f4, index_es.__assign({ id: id, name: name, onBlur: onBlur, "aria-label": ariaLabel, style: { width: width }, className: index$1.classNames("arc-Select-trigger", (_b = {
-                            "arc-Select-trigger--constrained": !isFluid,
-                            "arc-Select-trigger--onDarkSurface": surface === "dark",
-                            "arc-Select-trigger--invalid": errorMessage
-                        },
-                        _b["arc-Select-trigger--size".concat(selectSize && selectSize.toUpperCase())] = selectSize && selectSize !== "m",
-                        _b)), "aria-describedby": id + (disclosureText ? "-disclosure" : "-helper") }, index_es.filterDataAttrs(props)),
-                    React__default["default"].createElement(index.$cc7e05a45900e73f$export$4c8d1a57a761ef94, { className: "arc-Select-triggerText", placeholder: placeholder, "aria-label": getSelectedValueName(uncontrolledValue) }),
-                    React__default["default"].createElement(index.$cc7e05a45900e73f$export$f04a61298a47a40f, { className: "arc-Select-triggerIcon" },
-                        React__default["default"].createElement(ThemeIcon.ThemeIcon, { size: getIconSize(selectSize), icon: "selectTrigger" }))),
-                React__default["default"].createElement(index.$cc7e05a45900e73f$export$602eac185826482c, { container: themeElement },
-                    React__default["default"].createElement(index.$cc7e05a45900e73f$export$7c6e2c02157bb7d2, { sideOffset: 5, position: "popper", className: index$1.classNames("arc-Select-content", {
-                            "arc-Select-content--onDarkSurface": surface === "dark"
-                        }) },
-                        React__default["default"].createElement(index.$cc7e05a45900e73f$export$2f60d3ec9ad468f2, { className: "arc-Select-scrollButton" },
-                            React__default["default"].createElement(ThemeIcon.ThemeIcon, { size: 16, icon: "selectScrollUp" })),
-                        React__default["default"].createElement(index.$cc7e05a45900e73f$export$d5c6c08dc2d3ca7, null, options.map(function (_a, i) {
-                            var name = _a.name, value = _a.value;
-                            return (React__default["default"].createElement(index.$cc7e05a45900e73f$export$6d08773d2e66f8f2, { className: "arc-Select-item", key: "select-item-".concat(i), value: value },
-                                React__default["default"].createElement("div", { className: "arc-Select-itemTextWrapper" },
-                                    React__default["default"].createElement(index.$cc7e05a45900e73f$export$d6e5bf9c43ea9319, { asChild: true },
-                                        React__default["default"].createElement("span", { className: "arc-Select-itemText" }, name))),
-                                React__default["default"].createElement(index.$cc7e05a45900e73f$export$c3468e2714d175fa, null,
-                                    React__default["default"].createElement(ThemeIcon.ThemeIcon, { size: 20, icon: "selectIndicator" }))));
-                        })),
-                        React__default["default"].createElement(index.$cc7e05a45900e73f$export$bf1aedc3039c8d63, { className: "arc-Select-scrollButton" },
-                            React__default["default"].createElement(ThemeIcon.ThemeIcon, { size: 16, icon: "selectScrollDown" }))))))));
-};
-
-exports.Select = Select;