@arc-ui/components 11.8.0 → 11.10.0

package/dist/ProgressBar/ProgressBar.esm.js

@@ -1,18 +1,17 @@
-import { a as __assign, _ as __rest, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-afdb7d32.js';
-import { c as classNames } from '../_shared/esm/index-2ae58626.js';
+import { a as __assign, _ as __rest, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
+import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
 import React__default, { useContext } from 'react';
-import { T as Text } from '../_shared/esm/Text-40457811.js';
-import { H as Heading } from '../_shared/esm/Heading-0f629151.js';
-import { V as VerticalSpace } from '../_shared/esm/VerticalSpace-93980c9c.js';
-import { I as Icon } from '../_shared/esm/Icon-c1af47bc.js';
-import { C as Context } from '../_shared/esm/Surface-dde51789.js';
-import { B as BtIconTickAlt2Px_2 } from '../_shared/esm/BtIconTickAlt2Px-da97e9ae.js';
-import { B as BtIconCrossAlt2Px_2 } from '../_shared/esm/BtIconCrossAlt2Px-a6a9f431.js';
-import '../_shared/esm/suffix-modifier-7e640670.js';
+import { T as Text } from '../_shared/esm/Text-a3720712.js';
+import { H as Heading } from '../_shared/esm/Heading-8bb7b7c0.js';
+import { V as VerticalSpace } from '../_shared/esm/VerticalSpace-43cd9138.js';
+import { I as Icon } from '../_shared/esm/Icon-3bfabb14.js';
+import { C as Context } from '../_shared/esm/Surface-c6e817cd.js';
+import { B as BtIconTickAlt2Px } from '../_shared/esm/BtIconTickAlt2Px.esm-ce22224b.js';
+import { B as BtIconCrossAlt2Px } from '../_shared/esm/BtIconCrossAlt2Px.esm-425a6beb.js';
+import '../_shared/esm/suffix-modifier-3d548e45.js';
 
-const React = React__default;
 const BtIconRefresh = props =>
-  /*#__PURE__*/ React.createElement(
+  /*#__PURE__*/ React__default.createElement(
     "svg",
     Object.assign(
       {
@@ -21,24 +20,23 @@ const BtIconRefresh = props =>
       },
       props
     ),
-    /*#__PURE__*/ React.createElement("defs", null),
-    /*#__PURE__*/ React.createElement("path", {
+    /*#__PURE__*/ React__default.createElement("defs", null),
+    /*#__PURE__*/ React__default.createElement("path", {
       d:
         "M13.41077,21.99951a.5005.5005,0,0,0-.35743.8501l2.04609,2.08716A8.98732,8.98732,0,0,1,13.15332,7.46631a.50028.50028,0,1,0-.31641-.94922A9.98437,9.98437,0,0,0,15.127,25.93823l.00159.02881c.0011.01.02008.00128.03015.002L13.026,28.16846a.50036.50036,0,0,0,.71875.69629l3.28418-3.38819-3.26074-3.32715A.50106.50106,0,0,0,13.41077,21.99951Z",
       fill: "currentColor"
     }),
-    /*#__PURE__*/ React.createElement("path", {
+    /*#__PURE__*/ React__default.createElement("path", {
       d:
         "M16.79028,6.04633,16.79,6.04077c-.0011-.01-.02008-.00128-.03015-.00195l2.13275-2.19946a.50036.50036,0,0,0-.71875-.69629L14.88965,6.53125,18.15039,9.8584a.50106.50106,0,0,0,.35742.1499.5005.5005,0,0,0,.35742-.8501L16.7951,7.04657a8.98484,8.98484,0,0,1,2.05646,17.47589.49982.49982,0,1,0,.31641.94824A9.98244,9.98244,0,0,0,16.79028,6.04633Z",
       fill: "currentColor"
     })
   );
-var BtIconRefresh_2 = BtIconRefresh;
 
 var PROGRESS_BAR_ICON_MAP = {
-    refresh: BtIconRefresh_2,
-    tick: BtIconTickAlt2Px_2,
-    cross: BtIconCrossAlt2Px_2
+    refresh: BtIconRefresh,
+    tick: BtIconTickAlt2Px,
+    cross: BtIconCrossAlt2Px
 };
 
 var getProgressBarProps = function (isIndeterminate, progressValue, ariaLabel) {

package/dist/ProgressBar/package.json

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

package/dist/ProgressStepper/ProgressStepper.cjs.js

@@ -2,151 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
-var React$3 = require('react');
-var index = require('../_shared/cjs/index-45bfb67b.js');
-var BtIconAlert = require('../_shared/cjs/BtIconAlert-637db790.js');
-var Icon = require('../_shared/cjs/Icon-e1dd45eb.js');
-var Surface = require('../_shared/cjs/Surface-b7c51b2b.js');
-var VerticalSpace = require('../_shared/cjs/VerticalSpace-86f697e7.js');
-var VisuallyHidden = require('../_shared/cjs/VisuallyHidden-e2c8b291.js');
-require('../_shared/cjs/suffix-modifier-1ee2da04.js');
+var ProgressStepper = require('../_shared/cjs/ProgressStepper-92668367.js');
+require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
+require('react');
+require('../_shared/cjs/index-9947ac13.js');
+require('../_shared/cjs/BtIconAlert.esm-e62a75b7.js');
+require('../_shared/cjs/Icon-cf30e736.js');
+require('../_shared/cjs/suffix-modifier-64dcd338.js');
+require('../_shared/cjs/Surface-80c0909a.js');
+require('../_shared/cjs/VerticalSpace-dc53bb70.js');
+require('../_shared/cjs/VisuallyHidden-e2c8b291.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React$3);
 
-const React$2 = React__default["default"];
-const BtIconTickVariant = props =>
-  /*#__PURE__*/ React$2.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32"
-      },
-      props
-    ),
-    /*#__PURE__*/ React$2.createElement("defs", null),
-    /*#__PURE__*/ React$2.createElement("path", {
-      d:
-        "M13.5,21.207,9.14648,16.85352a.5.5,0,0,1,.707-.707L13.5,19.793l8.64648-8.64649a.5.5,0,0,1,.707.707Z",
-      fill: "currentColor"
-    })
-  );
-var BtIconTickVariant_2 = BtIconTickVariant;
-
-const React$1 = React__default["default"];
-const BtIconCrossAlt = props =>
-  /*#__PURE__*/ React$1.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32"
-      },
-      props
-    ),
-    /*#__PURE__*/ React$1.createElement("defs", null),
-    /*#__PURE__*/ React$1.createElement("path", {
-      d:
-        "M16.70709,16.02l4.48236-4.49365a.4996.4996,0,1,0-.707-.70606l-4.481,4.49225-4.481-4.49225a.4996.4996,0,1,0-.707.70606L15.29584,16.02l-4.48236,4.49365a.4996.4996,0,1,0,.707.70606l4.481-4.49225,4.481,4.49225a.4996.4996,0,1,0,.707-.70606Z",
-      fill: "currentColor"
-    })
-  );
-var BtIconCrossAlt_2 = BtIconCrossAlt;
-
-const React = React__default["default"];
-const BtIconCircle = props =>
-  /*#__PURE__*/ React.createElement(
-    "svg",
-    Object.assign(
-      {
-        viewBox: "0 0 32 32",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg"
-      },
-      props
-    ),
-    /*#__PURE__*/ React.createElement("path", {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d:
-        "M9 16C9 19.87 12.13 23 16 23C19.87 23 23 19.87 23 16C23 12.13 19.87 9 16 9C12.13 9 9 12.13 9 16ZM16 7C11.03 7 7 11.03 7 16C7 20.97 11.03 25 16 25C20.97 25 25 20.97 25 16C25 11.03 20.97 7 16 7Z",
-      fill: "currentColor"
-    })
-  );
-var BtIconCircle_2 = BtIconCircle;
-
-var ProgressStepperItem = function (_a) {
-    var _b, _c;
-    var title = _a.title, titleHref = _a.titleHref, subTitle = _a.subTitle, _d = _a.direction, direction = _d === void 0 ? "horizontal" : _d, _e = _a.status, status = _e === void 0 ? "todo" : _e, _f = _a.size, size = _f === void 0 ? "large" : _f, _g = _a.position, position = _g === void 0 ? "middle" : _g, isFluid = _a.isFluid, ariaLabel = _a.ariaLabel, onClick = _a.onClick, previousStep = _a.previousStep, isExpandable = _a.isExpandable, stepContent = _a.stepContent, isStepContentHidden = _a.isStepContentHidden, props = filterDataAttrs.__rest(_a, ["title", "titleHref", "subTitle", "direction", "status", "size", "position", "isFluid", "ariaLabel", "onClick", "previousStep", "isExpandable", "stepContent", "isStepContentHidden"]);
-    var surface = React$3.useContext(Surface.Context).surface;
-    var statusIcons = {
-        completed: BtIconTickVariant_2,
-        current: BtIconCircle_2,
-        warning: BtIconAlert.BtIconAlert_2,
-        error: BtIconCrossAlt_2
-    };
-    var onClickHandler = function (event) {
-        event.preventDefault();
-        onClick && onClick();
-    };
-    var capitaliseFirstLetter = function (word) {
-        return word.charAt(0).toUpperCase() + word.slice(1);
-    };
-    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: index.classNames("arc-ProgressStepperItem", (_b = {
-                "arc-ProgressStepperItem--vertical": direction === "vertical",
-                "arc-ProgressStepperItem--isFluid": isFluid,
-                "arc-ProgressStepperItem--onDarkSurface": surface === "dark",
-                "arc-ProgressStepperItem--previousStepCompleted": previousStep === "completed"
-            },
-            _b["arc-ProgressStepperItem--".concat(status)] = status !== "todo",
-            _b["arc-ProgressStepperItem--".concat(size)] = size === "small",
-            _b)) }, filterDataAttrs.filterDataAttrs(props)),
-        React__default["default"].createElement("div", { className: index.classNames("arc-ProgressStepperItem-iconSection", (_c = {},
-                _c["arc-ProgressStepperItem-iconSection--".concat(position)] = position !== "middle",
-                _c)) },
-            React__default["default"].createElement("div", { className: "arc-ProgressStepperItem-iconSectionTrailBefore" }),
-            React__default["default"].createElement("div", { className: "arc-ProgressStepperItem-iconWrapper" }, statusIcons[status] === undefined ? (React__default["default"].createElement("div", { style: {
-                    width: size === "small" ? "16px" : "32px",
-                    height: size === "small" ? "16px" : "32px"
-                } })) : (React__default["default"].createElement(Icon.Icon, { size: size === "small" ? 16 : 32, icon: statusIcons[status] }))),
-            React__default["default"].createElement("div", { className: "arc-ProgressStepperItem-iconSectionTrailAfter" })),
-        React__default["default"].createElement("div", { className: "arc-ProgressStepperItem-textSection" },
-            status !== "todo" && (React__default["default"].createElement(VisuallyHidden.VisuallyHidden, null,
-                capitaliseFirstLetter(status),
-                ":")),
-            titleHref ? (React__default["default"].createElement("a", { href: titleHref, "aria-label": ariaLabel, className: "arc-ProgressStepperItem-title", onClick: onClickHandler }, title)) : (React__default["default"].createElement("div", { className: "arc-ProgressStepperItem-title" }, title)),
-            React__default["default"].createElement("div", { className: "arc-ProgressStepperItem-subTitle" }, subTitle),
-            isExpandable && direction === "vertical" && (React__default["default"].createElement(React__default["default"].Fragment, null,
-                React__default["default"].createElement("div", { className: "arc-ProgressStepperItem-nodeItem" },
-                    React__default["default"].createElement("div", { className: "arc-ProgressStepperItem-keyline" }),
-                    stepContent && !isStepContentHidden && (React__default["default"].createElement(React__default["default"].Fragment, null,
-                        React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: "8" }),
-                        stepContent))))))));
-};
-
-/** Use `ProgressStepper` to illustrate the progress of a specific task within a page, by displaying a step-by-step progress through the user journey. This is commonly used in multi-step processes or wizards.  */
-var ProgressStepper = function (_a) {
-    var children = _a.children, size = _a.size, isFluid = _a.isFluid, direction = _a.direction, isExpandable = _a.isExpandable, props = filterDataAttrs.__rest(_a, ["children", "size", "isFluid", "direction", "isExpandable"]);
-    var items = React__default["default"].Children.toArray(children);
-    var getStepStatus = function (item) {
-        var _a;
-        return (_a = item === null || item === void 0 ? void 0 : item.props) === null || _a === void 0 ? void 0 : _a.status;
-    };
-    return (React__default["default"].createElement("div", filterDataAttrs.__assign({ className: index.classNames("arc-ProgressStepper", {
-            "arc-ProgressStepper--vertical": direction === "vertical"
-        }) }, filterDataAttrs.filterDataAttrs(props)), items.map(function (item, index) {
-        var currentPosition = index === 0
-            ? "first"
-            : index === React__default["default"].Children.count(children) - 1
-                ? "last"
-                : undefined;
-        return (React__default["default"].createElement(React__default["default"].Fragment, { key: "StepperItem-".concat(index) },
-            React__default["default"].createElement(ProgressStepperItem, filterDataAttrs.__assign({ title: item.props.title, titleHref: item.props.titleHref, subTitle: item.props.subTitle, status: item.props.status, stepContent: item.props.stepContent, isStepContentHidden: item.props.isStepContentHidden, onClick: item.props.onClick, isFluid: isFluid, direction: direction, isExpandable: isExpandable, size: size, position: currentPosition, previousStep: getStepStatus(items[index - 1]) }, filterDataAttrs.filterDataAttrs(item.props)))));
-    })));
-};
-ProgressStepper.Item = ProgressStepperItem;
-
-exports.ProgressStepper = ProgressStepper;
+exports.ProgressStepper = ProgressStepper.ProgressStepper;

package/dist/ProgressStepper/ProgressStepper.esm.js

@@ -1,144 +1,10 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-afdb7d32.js';
-import React__default, { useContext } from 'react';
-import { c as classNames } from '../_shared/esm/index-2ae58626.js';
-import { B as BtIconAlert_2 } from '../_shared/esm/BtIconAlert-55a6ed5c.js';
-import { I as Icon } from '../_shared/esm/Icon-c1af47bc.js';
-import { C as Context } from '../_shared/esm/Surface-dde51789.js';
-import { V as VerticalSpace } from '../_shared/esm/VerticalSpace-93980c9c.js';
-import { V as VisuallyHidden } from '../_shared/esm/VisuallyHidden-b9eebf71.js';
-import '../_shared/esm/suffix-modifier-7e640670.js';
-
-const React$2 = React__default;
-const BtIconTickVariant = props =>
-  /*#__PURE__*/ React$2.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32"
-      },
-      props
-    ),
-    /*#__PURE__*/ React$2.createElement("defs", null),
-    /*#__PURE__*/ React$2.createElement("path", {
-      d:
-        "M13.5,21.207,9.14648,16.85352a.5.5,0,0,1,.707-.707L13.5,19.793l8.64648-8.64649a.5.5,0,0,1,.707.707Z",
-      fill: "currentColor"
-    })
-  );
-var BtIconTickVariant_2 = BtIconTickVariant;
-
-const React$1 = React__default;
-const BtIconCrossAlt = props =>
-  /*#__PURE__*/ React$1.createElement(
-    "svg",
-    Object.assign(
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        viewBox: "0 0 32 32"
-      },
-      props
-    ),
-    /*#__PURE__*/ React$1.createElement("defs", null),
-    /*#__PURE__*/ React$1.createElement("path", {
-      d:
-        "M16.70709,16.02l4.48236-4.49365a.4996.4996,0,1,0-.707-.70606l-4.481,4.49225-4.481-4.49225a.4996.4996,0,1,0-.707.70606L15.29584,16.02l-4.48236,4.49365a.4996.4996,0,1,0,.707.70606l4.481-4.49225,4.481,4.49225a.4996.4996,0,1,0,.707-.70606Z",
-      fill: "currentColor"
-    })
-  );
-var BtIconCrossAlt_2 = BtIconCrossAlt;
-
-const React = React__default;
-const BtIconCircle = props =>
-  /*#__PURE__*/ React.createElement(
-    "svg",
-    Object.assign(
-      {
-        viewBox: "0 0 32 32",
-        fill: "none",
-        xmlns: "http://www.w3.org/2000/svg"
-      },
-      props
-    ),
-    /*#__PURE__*/ React.createElement("path", {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d:
-        "M9 16C9 19.87 12.13 23 16 23C19.87 23 23 19.87 23 16C23 12.13 19.87 9 16 9C12.13 9 9 12.13 9 16ZM16 7C11.03 7 7 11.03 7 16C7 20.97 11.03 25 16 25C20.97 25 25 20.97 25 16C25 11.03 20.97 7 16 7Z",
-      fill: "currentColor"
-    })
-  );
-var BtIconCircle_2 = BtIconCircle;
-
-var ProgressStepperItem = function (_a) {
-    var _b, _c;
-    var title = _a.title, titleHref = _a.titleHref, subTitle = _a.subTitle, _d = _a.direction, direction = _d === void 0 ? "horizontal" : _d, _e = _a.status, status = _e === void 0 ? "todo" : _e, _f = _a.size, size = _f === void 0 ? "large" : _f, _g = _a.position, position = _g === void 0 ? "middle" : _g, isFluid = _a.isFluid, ariaLabel = _a.ariaLabel, onClick = _a.onClick, previousStep = _a.previousStep, isExpandable = _a.isExpandable, stepContent = _a.stepContent, isStepContentHidden = _a.isStepContentHidden, props = __rest(_a, ["title", "titleHref", "subTitle", "direction", "status", "size", "position", "isFluid", "ariaLabel", "onClick", "previousStep", "isExpandable", "stepContent", "isStepContentHidden"]);
-    var surface = useContext(Context).surface;
-    var statusIcons = {
-        completed: BtIconTickVariant_2,
-        current: BtIconCircle_2,
-        warning: BtIconAlert_2,
-        error: BtIconCrossAlt_2
-    };
-    var onClickHandler = function (event) {
-        event.preventDefault();
-        onClick && onClick();
-    };
-    var capitaliseFirstLetter = function (word) {
-        return word.charAt(0).toUpperCase() + word.slice(1);
-    };
-    return (React__default.createElement("div", __assign({ className: classNames("arc-ProgressStepperItem", (_b = {
-                "arc-ProgressStepperItem--vertical": direction === "vertical",
-                "arc-ProgressStepperItem--isFluid": isFluid,
-                "arc-ProgressStepperItem--onDarkSurface": surface === "dark",
-                "arc-ProgressStepperItem--previousStepCompleted": previousStep === "completed"
-            },
-            _b["arc-ProgressStepperItem--".concat(status)] = status !== "todo",
-            _b["arc-ProgressStepperItem--".concat(size)] = size === "small",
-            _b)) }, filterDataAttrs(props)),
-        React__default.createElement("div", { className: classNames("arc-ProgressStepperItem-iconSection", (_c = {},
-                _c["arc-ProgressStepperItem-iconSection--".concat(position)] = position !== "middle",
-                _c)) },
-            React__default.createElement("div", { className: "arc-ProgressStepperItem-iconSectionTrailBefore" }),
-            React__default.createElement("div", { className: "arc-ProgressStepperItem-iconWrapper" }, statusIcons[status] === undefined ? (React__default.createElement("div", { style: {
-                    width: size === "small" ? "16px" : "32px",
-                    height: size === "small" ? "16px" : "32px"
-                } })) : (React__default.createElement(Icon, { size: size === "small" ? 16 : 32, icon: statusIcons[status] }))),
-            React__default.createElement("div", { className: "arc-ProgressStepperItem-iconSectionTrailAfter" })),
-        React__default.createElement("div", { className: "arc-ProgressStepperItem-textSection" },
-            status !== "todo" && (React__default.createElement(VisuallyHidden, null,
-                capitaliseFirstLetter(status),
-                ":")),
-            titleHref ? (React__default.createElement("a", { href: titleHref, "aria-label": ariaLabel, className: "arc-ProgressStepperItem-title", onClick: onClickHandler }, title)) : (React__default.createElement("div", { className: "arc-ProgressStepperItem-title" }, title)),
-            React__default.createElement("div", { className: "arc-ProgressStepperItem-subTitle" }, subTitle),
-            isExpandable && direction === "vertical" && (React__default.createElement(React__default.Fragment, null,
-                React__default.createElement("div", { className: "arc-ProgressStepperItem-nodeItem" },
-                    React__default.createElement("div", { className: "arc-ProgressStepperItem-keyline" }),
-                    stepContent && !isStepContentHidden && (React__default.createElement(React__default.Fragment, null,
-                        React__default.createElement(VerticalSpace, { size: "8" }),
-                        stepContent))))))));
-};
-
-/** Use `ProgressStepper` to illustrate the progress of a specific task within a page, by displaying a step-by-step progress through the user journey. This is commonly used in multi-step processes or wizards.  */
-var ProgressStepper = function (_a) {
-    var children = _a.children, size = _a.size, isFluid = _a.isFluid, direction = _a.direction, isExpandable = _a.isExpandable, props = __rest(_a, ["children", "size", "isFluid", "direction", "isExpandable"]);
-    var items = React__default.Children.toArray(children);
-    var getStepStatus = function (item) {
-        var _a;
-        return (_a = item === null || item === void 0 ? void 0 : item.props) === null || _a === void 0 ? void 0 : _a.status;
-    };
-    return (React__default.createElement("div", __assign({ className: classNames("arc-ProgressStepper", {
-            "arc-ProgressStepper--vertical": direction === "vertical"
-        }) }, filterDataAttrs(props)), items.map(function (item, index) {
-        var currentPosition = index === 0
-            ? "first"
-            : index === React__default.Children.count(children) - 1
-                ? "last"
-                : undefined;
-        return (React__default.createElement(React__default.Fragment, { key: "StepperItem-".concat(index) },
-            React__default.createElement(ProgressStepperItem, __assign({ title: item.props.title, titleHref: item.props.titleHref, subTitle: item.props.subTitle, status: item.props.status, stepContent: item.props.stepContent, isStepContentHidden: item.props.isStepContentHidden, onClick: item.props.onClick, isFluid: isFluid, direction: direction, isExpandable: isExpandable, size: size, position: currentPosition, previousStep: getStepStatus(items[index - 1]) }, filterDataAttrs(item.props)))));
-    })));
-};
-ProgressStepper.Item = ProgressStepperItem;
-
-export { ProgressStepper };
+export { P as ProgressStepper } from '../_shared/esm/ProgressStepper-3ffbdb73.js';
+import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
+import 'react';
+import '../_shared/esm/index-2e73c2e9.js';
+import '../_shared/esm/BtIconAlert.esm-09346130.js';
+import '../_shared/esm/Icon-3bfabb14.js';
+import '../_shared/esm/suffix-modifier-3d548e45.js';
+import '../_shared/esm/Surface-c6e817cd.js';
+import '../_shared/esm/VerticalSpace-43cd9138.js';
+import '../_shared/esm/VisuallyHidden-b9eebf71.js';

package/dist/ProgressStepper/package.json

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

package/dist/RadioGroup/RadioGroup.cjs.js

@@ -2,17 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var RadioGroup = require('../_shared/cjs/RadioGroup-d7664b0c.js');
-require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
+var RadioGroup = require('../_shared/cjs/RadioGroup-66c1e882.js');
+require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
 require('react');
-require('../_shared/cjs/FormControl-1e1bf2bf.js');
-require('../_shared/cjs/index-45bfb67b.js');
-require('../_shared/cjs/BtIconAlert-637db790.js');
-require('../_shared/cjs/Surface-b7c51b2b.js');
-require('../_shared/cjs/DisclosureMini-52706ee6.js');
-require('../_shared/cjs/BtIconChevronDown2Px-8fb4e2eb.js');
-require('../_shared/cjs/Text-fa447e2d.js');
-require('../_shared/cjs/suffix-modifier-1ee2da04.js');
+require('../_shared/cjs/FormControl-5541ac3a.js');
+require('../_shared/cjs/index-9947ac13.js');
+require('../_shared/cjs/BtIconAlert.esm-e62a75b7.js');
+require('../_shared/cjs/Surface-80c0909a.js');
+require('../_shared/cjs/DisclosureMini-c666cc4d.js');
+require('../_shared/cjs/BtIconChevronDown2Px.esm-c6f8ced2.js');
+require('../_shared/cjs/Text-76b7fea1.js');
+require('../_shared/cjs/suffix-modifier-64dcd338.js');
 
 
 

package/dist/RadioGroup/RadioGroup.esm.js

@@ -1,11 +1,11 @@
-export { R as RadioGroup } from '../_shared/esm/RadioGroup-be16d5d3.js';
-import '../_shared/esm/filter-data-attrs-afdb7d32.js';
+export { R as RadioGroup } from '../_shared/esm/RadioGroup-1273a716.js';
+import '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
 import 'react';
-import '../_shared/esm/FormControl-f18e2f59.js';
-import '../_shared/esm/index-2ae58626.js';
-import '../_shared/esm/BtIconAlert-55a6ed5c.js';
-import '../_shared/esm/Surface-dde51789.js';
-import '../_shared/esm/DisclosureMini-9b819941.js';
-import '../_shared/esm/BtIconChevronDown2Px-782876e2.js';
-import '../_shared/esm/Text-40457811.js';
-import '../_shared/esm/suffix-modifier-7e640670.js';
+import '../_shared/esm/FormControl-aad4288c.js';
+import '../_shared/esm/index-2e73c2e9.js';
+import '../_shared/esm/BtIconAlert.esm-09346130.js';
+import '../_shared/esm/Surface-c6e817cd.js';
+import '../_shared/esm/DisclosureMini-376c013c.js';
+import '../_shared/esm/BtIconChevronDown2Px.esm-345d78fe.js';
+import '../_shared/esm/Text-a3720712.js';
+import '../_shared/esm/suffix-modifier-3d548e45.js';

package/dist/RadioGroup/package.json

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

package/dist/Rule/Rule.cjs.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
-var index = require('../_shared/cjs/index-45bfb67b.js');
+var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
+var index = require('../_shared/cjs/index-9947ac13.js');
 var React = require('react');
-var Surface = require('../_shared/cjs/Surface-b7c51b2b.js');
+var Surface = require('../_shared/cjs/Surface-80c0909a.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/dist/Rule/Rule.esm.js

@@ -1,7 +1,7 @@
-import { a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-afdb7d32.js';
-import { c as classNames } from '../_shared/esm/index-2ae58626.js';
+import { a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
+import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
 import React__default, { useContext } from 'react';
-import { C as Context } from '../_shared/esm/Surface-dde51789.js';
+import { C as Context } from '../_shared/esm/Surface-c6e817cd.js';
 
 /**
  * Use `Rule` to display a horizontal rule.

package/dist/Rule/package.json

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

package/dist/ScrollToTop/ScrollToTop.cjs.js

@@ -2,21 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
-var index = require('../_shared/cjs/index-45bfb67b.js');
-var React$1 = require('react');
-var debounce = require('../_shared/cjs/debounce-506538c5.js');
-var Icon = require('../_shared/cjs/Icon-e1dd45eb.js');
-require('../_shared/cjs/suffix-modifier-1ee2da04.js');
-require('../_shared/cjs/Surface-b7c51b2b.js');
+var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-1c9a530c.js');
+var index = require('../_shared/cjs/index-9947ac13.js');
+var React = require('react');
+var debounce = require('../_shared/cjs/debounce-123468fb.js');
+var Icon = require('../_shared/cjs/Icon-cf30e736.js');
+require('../_shared/cjs/suffix-modifier-64dcd338.js');
+require('../_shared/cjs/Surface-80c0909a.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React$1);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const React = React__default["default"];
 const BtIconArrowAltUp = props =>
-  /*#__PURE__*/ React.createElement(
+  /*#__PURE__*/ React__default["default"].createElement(
     "svg",
     Object.assign(
       {
@@ -25,22 +24,21 @@ const BtIconArrowAltUp = props =>
       },
       props
     ),
-    /*#__PURE__*/ React.createElement("defs", null),
-    /*#__PURE__*/ React.createElement("path", {
+    /*#__PURE__*/ React__default["default"].createElement("defs", null),
+    /*#__PURE__*/ React__default["default"].createElement("path", {
       d:
         "M20.35352,13.14648,16,8.793l-4.35352,4.35352a.49995.49995,0,0,0,.707.707L15.5,10.707V22.5a.5.5,0,0,0,1,0V10.707l3.14648,3.14648a.49995.49995,0,0,0,.707-.707Z",
       fill: "currentColor"
     })
   );
-var BtIconArrowAltUp_2 = BtIconArrowAltUp;
 
 /**
  * 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 = filterDataAttrs.__rest(_a, ["appear", "isFixed", "fill", "zIndex"]);
-    var _f = React$1.useState(false), hasScrolled = _f[0], setHasScrolled = _f[1];
-    React$1.useEffect(function () {
+    var _f = React.useState(false), hasScrolled = _f[0], setHasScrolled = _f[1];
+    React.useEffect(function () {
         var handleScroll = debounce.debounce_1(function () {
             setHasScrolled(window.scrollY > 0);
         }, 100);
@@ -62,7 +60,7 @@ var ScrollToTop = function (_a) {
         React__default["default"].createElement("div", { className: "arc-ScrollToTop-textWrapper" },
             React__default["default"].createElement("span", { className: "arc-ScrollToTop-text" }, "Scroll to top")),
         React__default["default"].createElement("span", { className: "arc-ScrollToTop-iconContainer" },
-            React__default["default"].createElement(Icon.Icon, { icon: BtIconArrowAltUp_2, size: 44 }))));
+            React__default["default"].createElement(Icon.Icon, { icon: BtIconArrowAltUp, size: 44 }))));
 };
 
 exports.ScrollToTop = ScrollToTop;

package/dist/ScrollToTop/ScrollToTop.esm.js

@@ -1,14 +1,13 @@
-import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-afdb7d32.js';
-import { c as classNames } from '../_shared/esm/index-2ae58626.js';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-ea8f4ed4.js';
+import { c as classNames } from '../_shared/esm/index-2e73c2e9.js';
 import React__default, { useState, useEffect } from 'react';
-import { d as debounce_1 } from '../_shared/esm/debounce-e228705f.js';
-import { I as Icon } from '../_shared/esm/Icon-c1af47bc.js';
-import '../_shared/esm/suffix-modifier-7e640670.js';
-import '../_shared/esm/Surface-dde51789.js';
+import { d as debounce_1 } from '../_shared/esm/debounce-6fed6b84.js';
+import { I as Icon } from '../_shared/esm/Icon-3bfabb14.js';
+import '../_shared/esm/suffix-modifier-3d548e45.js';
+import '../_shared/esm/Surface-c6e817cd.js';
 
-const React = React__default;
 const BtIconArrowAltUp = props =>
-  /*#__PURE__*/ React.createElement(
+  /*#__PURE__*/ React__default.createElement(
     "svg",
     Object.assign(
       {
@@ -17,14 +16,13 @@ const BtIconArrowAltUp = props =>
       },
       props
     ),
-    /*#__PURE__*/ React.createElement("defs", null),
-    /*#__PURE__*/ React.createElement("path", {
+    /*#__PURE__*/ React__default.createElement("defs", null),
+    /*#__PURE__*/ React__default.createElement("path", {
       d:
         "M20.35352,13.14648,16,8.793l-4.35352,4.35352a.49995.49995,0,0,0,.707.707L15.5,10.707V22.5a.5.5,0,0,0,1,0V10.707l3.14648,3.14648a.49995.49995,0,0,0,.707-.707Z",
       fill: "currentColor"
     })
   );
-var BtIconArrowAltUp_2 = BtIconArrowAltUp;
 
 /**
  * Use `ScrollToTop` to allow the user to scroll to the top of the page by clicking a button.
@@ -54,7 +52,7 @@ var ScrollToTop = function (_a) {
         React__default.createElement("div", { className: "arc-ScrollToTop-textWrapper" },
             React__default.createElement("span", { className: "arc-ScrollToTop-text" }, "Scroll to top")),
         React__default.createElement("span", { className: "arc-ScrollToTop-iconContainer" },
-            React__default.createElement(Icon, { icon: BtIconArrowAltUp_2, size: 44 }))));
+            React__default.createElement(Icon, { icon: BtIconArrowAltUp, size: 44 }))));
 };
 
 export { ScrollToTop };

package/dist/ScrollToTop/package.json

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