@arc-ui/components 12.0.0-beta7 → 12.1.0

package/lib/Tag/Tag.cjs

@@ -0,0 +1,62 @@
+'use client';
+'use strict';
+
+var tslib_es6 = require('../_shared/cjs/tslib.es6-CCZ3TN_7.cjs');
+var React = require('react');
+var index = require('../_shared/cjs/index-CTlXMLug.cjs');
+var filterAttrs = require('../_shared/cjs/filter-attrs-D19P2s1V.cjs');
+var Surface = require('../_shared/cjs/Surface-DIU5ciDT.cjs');
+var Icon = require('../_shared/cjs/Icon-Dk2XHa7V.cjs');
+require('../_shared/cjs/index-DR8Rkav9.cjs');
+require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
+
+/**
+ * Do not edit directly
+ * Generated file
+ */
+
+const BtIconCrossAlt2Px =
+  "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='currentColor' d='m17.414 16 3.793-3.793a1 1 0 0 0-1.414-1.414L16 14.586l-3.793-3.793a1 1 0 0 0-1.414 1.414L14.586 16l-3.793 3.793a1 1 0 1 0 1.414 1.414L16 17.414l3.793 3.793a1 1 0 0 0 1.414-1.414Z'/%3e%3c/svg%3e";
+
+/**
+ * Do not edit directly
+ * Generated file
+ */
+
+const BtIconCrossAlt2PxFill =
+  "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='currentColor' d='M16 2a14 14 0 1 0 14 14A14 14 0 0 0 16 2m5.207 17.793a1 1 0 1 1-1.414 1.414L16 17.414l-3.793 3.793a1 1 0 0 1-1.414-1.414L14.586 16l-3.793-3.793a1 1 0 0 1 1.414-1.414L16 14.586l3.793-3.793a1 1 0 0 1 1.414 1.414L17.414 16Z'/%3e%3c/svg%3e";
+
+/**
+ * Use `Tag` to promote features and manage filtering.
+ */
+var Tag = function (_a) {
+    var children = _a.children, isRemovable = _a.isRemovable, link = _a.link, icon = _a.icon, onClick = _a.onClick, onRemove = _a.onRemove, title = _a.title, props = tslib_es6.__rest(_a, ["children", "isRemovable", "link", "icon", "onClick", "onRemove", "title"]);
+    var _b = React.useState(false), isRemoved = _b[0], setIsRemoved = _b[1];
+    var surface = React.useContext(Surface.Context).surface;
+    var onRemoveHandler = function () {
+        setIsRemoved(function (p) { return !p; });
+        onRemove && onRemove();
+    };
+    return (React.createElement("div", tslib_es6.__assign({ className: index.classNames("arc-Tag", {
+            "arc-Tag--isRemovable": isRemovable,
+            "arc-Tag--hasIcon": icon,
+            "arc-Tag--hasLink": link || onClick,
+            "arc-Tag--removed": isRemoved,
+            "arc-Tag--onDarkSurface": surface === "dark",
+        }) }, (isRemoved && { "aria-hidden": true }), filterAttrs.filterAttrs(props)),
+        link ? (React.createElement("a", { className: "arc-Tag-content", href: link, tabIndex: 0 },
+            icon && (React.createElement("span", { className: "arc-Tag-icon" },
+                React.createElement(Icon.Icon, { "data-testid": "arc-Tag-icon", icon: icon }))),
+            React.createElement("div", { className: "arc-Tag-label", title: title }, children))) : (React.createElement(React.Fragment, null, onClick ? (React.createElement("button", { className: "arc-Tag-content", onClick: onClick, "data-testid": "arc-Tag-content" },
+            icon && (React.createElement("span", { className: "arc-Tag-icon" },
+                React.createElement(Icon.Icon, { "data-testid": "arc-Tag-icon", icon: icon }))),
+            React.createElement("div", { className: "arc-Tag-label", title: title }, children))) : (React.createElement("div", { className: "arc-Tag-content", "data-testid": "arc-Tag-content" },
+            icon && (React.createElement("span", { className: "arc-Tag-icon" },
+                React.createElement(Icon.Icon, { "data-testid": "arc-Tag-icon", icon: icon }))),
+            React.createElement("div", { className: "arc-Tag-label", title: title }, children))))),
+        isRemovable && (React.createElement("button", { className: "arc-Tag-icon arc-Tag-icon--removable", onClick: onRemoveHandler, "data-testid": "arc-Tag-icon-removable", "aria-live": "polite", "aria-roledescription": "remove tag", "aria-label": "Remove tag" },
+            React.createElement(Icon.Icon, { icon: BtIconCrossAlt2Px }),
+            React.createElement(Icon.Icon, { icon: BtIconCrossAlt2PxFill })))));
+};
+
+exports.Tag = Tag;

package/lib/Tag/Tag.mjs

@@ -0,0 +1,60 @@
+'use client';
+import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-w7hdJ3oZ.mjs';
+import React__default, { useState, useContext } from 'react';
+import { c as classNames } from '../_shared/esm/index-5C0-U8cc.mjs';
+import { f as filterAttrs } from '../_shared/esm/filter-attrs-v_SweZXP.mjs';
+import { C as Context } from '../_shared/esm/Surface-C69KVzkY.mjs';
+import { I as Icon } from '../_shared/esm/Icon-CCUbr_AO.mjs';
+import '../_shared/esm/index-Spae4j7j.mjs';
+import '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';
+
+/**
+ * Do not edit directly
+ * Generated file
+ */
+
+const BtIconCrossAlt2Px =
+  "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='currentColor' d='m17.414 16 3.793-3.793a1 1 0 0 0-1.414-1.414L16 14.586l-3.793-3.793a1 1 0 0 0-1.414 1.414L14.586 16l-3.793 3.793a1 1 0 1 0 1.414 1.414L16 17.414l3.793 3.793a1 1 0 0 0 1.414-1.414Z'/%3e%3c/svg%3e";
+
+/**
+ * Do not edit directly
+ * Generated file
+ */
+
+const BtIconCrossAlt2PxFill =
+  "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3e%3cpath fill='currentColor' d='M16 2a14 14 0 1 0 14 14A14 14 0 0 0 16 2m5.207 17.793a1 1 0 1 1-1.414 1.414L16 17.414l-3.793 3.793a1 1 0 0 1-1.414-1.414L14.586 16l-3.793-3.793a1 1 0 0 1 1.414-1.414L16 14.586l3.793-3.793a1 1 0 0 1 1.414 1.414L17.414 16Z'/%3e%3c/svg%3e";
+
+/**
+ * Use `Tag` to promote features and manage filtering.
+ */
+var Tag = function (_a) {
+    var children = _a.children, isRemovable = _a.isRemovable, link = _a.link, icon = _a.icon, onClick = _a.onClick, onRemove = _a.onRemove, title = _a.title, props = __rest(_a, ["children", "isRemovable", "link", "icon", "onClick", "onRemove", "title"]);
+    var _b = useState(false), isRemoved = _b[0], setIsRemoved = _b[1];
+    var surface = useContext(Context).surface;
+    var onRemoveHandler = function () {
+        setIsRemoved(function (p) { return !p; });
+        onRemove && onRemove();
+    };
+    return (React__default.createElement("div", __assign({ className: classNames("arc-Tag", {
+            "arc-Tag--isRemovable": isRemovable,
+            "arc-Tag--hasIcon": icon,
+            "arc-Tag--hasLink": link || onClick,
+            "arc-Tag--removed": isRemoved,
+            "arc-Tag--onDarkSurface": surface === "dark",
+        }) }, (isRemoved && { "aria-hidden": true }), filterAttrs(props)),
+        link ? (React__default.createElement("a", { className: "arc-Tag-content", href: link, tabIndex: 0 },
+            icon && (React__default.createElement("span", { className: "arc-Tag-icon" },
+                React__default.createElement(Icon, { "data-testid": "arc-Tag-icon", icon: icon }))),
+            React__default.createElement("div", { className: "arc-Tag-label", title: title }, children))) : (React__default.createElement(React__default.Fragment, null, onClick ? (React__default.createElement("button", { className: "arc-Tag-content", onClick: onClick, "data-testid": "arc-Tag-content" },
+            icon && (React__default.createElement("span", { className: "arc-Tag-icon" },
+                React__default.createElement(Icon, { "data-testid": "arc-Tag-icon", icon: icon }))),
+            React__default.createElement("div", { className: "arc-Tag-label", title: title }, children))) : (React__default.createElement("div", { className: "arc-Tag-content", "data-testid": "arc-Tag-content" },
+            icon && (React__default.createElement("span", { className: "arc-Tag-icon" },
+                React__default.createElement(Icon, { "data-testid": "arc-Tag-icon", icon: icon }))),
+            React__default.createElement("div", { className: "arc-Tag-label", title: title }, children))))),
+        isRemovable && (React__default.createElement("button", { className: "arc-Tag-icon arc-Tag-icon--removable", onClick: onRemoveHandler, "data-testid": "arc-Tag-icon-removable", "aria-live": "polite", "aria-roledescription": "remove tag", "aria-label": "Remove tag" },
+            React__default.createElement(Icon, { icon: BtIconCrossAlt2Px }),
+            React__default.createElement(Icon, { icon: BtIconCrossAlt2PxFill })))));
+};
+
+export { Tag };

package/lib/Tag/styles.css

@@ -0,0 +1 @@
+.arc-v12-1-0 .arc .arc-Tag{align-items:center;background-color:var(--tag-colors-light-bg-default-alt);border:var(--tag-border-weight-s) solid var(--tag-colors-light-border-default-alt);border-radius:var(--tag-border-radius-s);display:flex;height:var(--tag-size-s);white-space:nowrap;width:-moz-fit-content;width:fit-content}.arc-v12-1-0 .arc .arc-Tag-icon{align-items:center;display:flex;height:var(--tag-size-icon-m);width:var(--tag-size-icon-m)}.arc-v12-1-0 .arc .arc-Tag-icon--removable{align-items:center;background-color:transparent;border:0;display:flex;height:var(--tag-size-icon-m);margin-right:calc(var(--tag-padding-xs) - var(--tag-border-weight-s));padding:0;position:relative;width:var(--tag-size-icon-m)}.arc-v12-1-0 .arc .arc-Tag-icon--removable .arc-Icon{position:absolute}.arc-v12-1-0 .arc .arc-Tag-icon--removable .arc-Icon:nth-of-type(2){color:var(--tag-colors-light-fg-hover);display:none}.arc-v12-1-0 .arc .arc-Tag-icon--removable:hover .arc-Icon:nth-of-type(1){display:none}.arc-v12-1-0 .arc .arc-Tag-icon--removable:hover .arc-Icon:nth-of-type(2){display:block}.arc-v12-1-0 .arc .arc-Tag-label{font:var(--sem-type-interface-semi-xs);padding:0 var(--tag-padding-xs)}.arc-v12-1-0 .arc .arc-Tag-content{align-items:center;background-color:transparent;border:none;border-radius:var(--tag-border-radius-s);display:flex;padding:0 calc(var(--tag-padding-s) - var(--tag-border-weight-s))}.arc-v12-1-0 .arc .arc-Tag--hasIcon .arc-Tag-label,.arc-v12-1-0 .arc .arc-Tag--isRemovable .arc-Tag-label{padding:0 var(--tag-padding-xxs)}.arc-v12-1-0 .arc .arc-Tag--hasIcon .arc-Tag-content{padding-left:calc(var(--tag-padding-s) - var(--tag-border-weight-s))}.arc-v12-1-0 .arc .arc-Tag--isRemovable .arc-Tag-content{border-radius:var(--tag-border-radius-s) 0 0 var(--tag-border-radius-s);padding-right:0}.arc-v12-1-0 .arc .arc-Tag .arc-Tag-content{color:var(--tag-colors-light-text-default);text-decoration:none}.arc-v12-1-0 .arc .arc-Tag-content:focus-visible{border-radius:var(--tag-border-radius-s);height:calc(var(--tag-size-s) - 2px);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px;text-decoration:underline}.arc-v12-1-0 .arc .arc-Tag--onDarkSurface .arc-Tag-content:focus-visible{border-radius:var(--sem-border-radius-xs);outline:var(--focus-border-weight-s) solid var(--focus-colors-dark-border-subtle)}.arc-v12-1-0 .arc .arc-Tag-icon--removable:focus-visible{outline:none}.arc-v12-1-0 .arc .arc-Tag-icon--removable:focus-visible .arc-Icon:nth-of-type(1){display:none}.arc-v12-1-0 .arc .arc-Tag-icon--removable:focus-visible .arc-Icon:nth-of-type(2){display:block}.arc-v12-1-0 .arc .arc-Tag-icon--removable:focus-visible::after{border-radius:100%;content:"";height:var(--tag-size-icon-m);outline:var(--focus-border-weight-s) solid var(--focus-colors-light-border-subtle);outline-offset:2px;position:absolute;width:var(--tag-size-icon-m)}.arc-v12-1-0 .arc .arc-Tag-icon--removable:hover{cursor:pointer}.arc-v12-1-0 .arc .arc-Tag--hasLink{background:var(--tag-colors-light-bg-default);border-color:var(--tag-colors-light-border-default)}.arc-v12-1-0 .arc .arc-Tag--haslink:hover{background:var(--tag-colors-light-border-hover);cursor:pointer}.arc-v12-1-0 .arc .arc-Tag--hasLink .arc-Tag-content:hover{color:var(--tag-colors-light-text-hover);cursor:pointer;text-decoration:underline}.arc-v12-1-0 .arc .arc-Tag--removed{display:none}

package/lib/TemplateBanner/TemplateBanner.cjs

@@ -0,0 +1,23 @@
+'use client';
+'use strict';
+
+var TemplateBanner = require('../_shared/cjs/TemplateBanner-CzDAL0lq.cjs');
+require('../_shared/cjs/tslib.es6-CCZ3TN_7.cjs');
+require('react');
+require('../_shared/cjs/index-CTlXMLug.cjs');
+require('../_shared/cjs/filter-attrs-D19P2s1V.cjs');
+require('../_shared/cjs/VerticalSpace-DLQUYsvc.cjs');
+require('../_shared/cjs/Box-Va2g7Gdp.cjs');
+require('../_shared/cjs/Surface-DIU5ciDT.cjs');
+require('../_shared/cjs/index-DR8Rkav9.cjs');
+require('../_shared/cjs/Heading-BYBmZkmS.cjs');
+require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
+require('../_shared/cjs/SemanticHeading-C1-fyc3V.cjs');
+require('../_shared/cjs/GridRow-l_SePUqV.cjs');
+require('../_shared/cjs/BannerImage-CYHLvtfL.cjs');
+require('../_shared/cjs/Image-MS1rBzbW.cjs');
+require('../_shared/cjs/Visible-Ca2H20zc.cjs');
+
+
+
+exports.TemplateBanner = TemplateBanner.TemplateBanner;

package/lib/TemplateBanner/TemplateBanner.mjs

@@ -0,0 +1,17 @@
+'use client';
+export { T as TemplateBanner } from '../_shared/esm/TemplateBanner-CZSTdma0.mjs';
+import '../_shared/esm/tslib.es6-w7hdJ3oZ.mjs';
+import 'react';
+import '../_shared/esm/index-5C0-U8cc.mjs';
+import '../_shared/esm/filter-attrs-v_SweZXP.mjs';
+import '../_shared/esm/VerticalSpace-BLWB02I7.mjs';
+import '../_shared/esm/Box-C8iK8x5c.mjs';
+import '../_shared/esm/Surface-C69KVzkY.mjs';
+import '../_shared/esm/index-Spae4j7j.mjs';
+import '../_shared/esm/Heading-Da-o0d5x.mjs';
+import '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';
+import '../_shared/esm/SemanticHeading-DpEBq7pG.mjs';
+import '../_shared/esm/GridRow-vjacXnq0.mjs';
+import '../_shared/esm/BannerImage-BdPAHkVD.mjs';
+import '../_shared/esm/Image-DLYifxlu.mjs';
+import '../_shared/esm/Visible-C4eEyTBM.mjs';

package/lib/TemplateBanner/styles.css

@@ -0,0 +1 @@
+.arc-v12-1-0 .arc .arc-TemplateBanner{border-radius:var(--herobanner-radius-l);min-height:var(--template-banner-min-height);position:relative;width:100%}@media (min-width:768px){.arc-v12-1-0 .arc .arc-TemplateBanner.arc-TemplateBanner--minHeightM{min-height:var(--template-banner-min-height-m)}}@media (min-width:1024px){.arc-v12-1-0 .arc .arc-TemplateBanner.arc-TemplateBanner--minHeightL{min-height:var(--template-banner-min-height-l)}}@media (min-width:1280px){.arc-v12-1-0 .arc .arc-TemplateBanner.arc-TemplateBanner--minHeightXL{min-height:var(--template-banner-min-height-xl)}}.arc-v12-1-0 .arc .arc-TemplateBanner-background--light{background-color:var(--herobanner-color-light-bg-default);background-image:var(--herobanner-color-light-bg-gradient)}.arc-v12-1-0 .arc .arc-TemplateBanner-background--dark{background-color:var(--herobanner-color-dark-bg-default);background-image:var(--herobanner-color-dark-bg-gradient)}.arc-v12-1-0 .arc .arc-TemplateBanner--isContained{background:var(--herobanner-color-light-bg-contained)}.arc-v12-1-0 .arc .arc-TemplateBanner-text{font:var(--sem-type-body-reg-m);margin:0}.arc-v12-1-0 .arc .arc-TemplateBanner .arc-Image-img{margin:0 auto}.arc-v12-1-0 .arc .arc-TemplateBanner .arc-Box,.arc-v12-1-0 .arc .arc-TemplateBanner .arc-Surface,.arc-v12-1-0 .arc .arc-TemplateBanner .arc-Grid,.arc-v12-1-0 .arc .arc-TemplateBanner .arc-Grid-inner,.arc-v12-1-0 .arc .arc-TemplateBanner .arc-Grid-row{min-height:inherit}.arc-v12-1-0 .arc .arc-TemplateBanner-content{padding:var(--herobanner-padding-s)}.arc-v12-1-0 .arc .arc-TemplateBanner--elevation{box-shadow:var(--herobanner-box-shadow-01)}@media (min-width:636px){.arc-v12-1-0 .arc .arc-TemplateBanner-content{padding:var(--herobanner-padding-m)}}@media (min-width:1024px){.arc-v12-1-0 .arc .arc-TemplateBanner-content{padding:var(--herobanner-padding-l)}}.arc-v12-1-0 .arc .arc-TemplateBanner-content--additionalTopMargin{margin-top:calc(var(--arc-content-switcher-height-plus-padding) / 2)}@media (min-width:636px){.arc-v12-1-0 .arc .arc-TemplateBanner-content--additionalTopMargin{margin-top:calc((var(--arc-content-switcher-height-plus-padding)/2) * 0.59)}}@media (min-width:768px){.arc-v12-1-0 .arc .arc-TemplateBanner-content--additionalTopMargin{margin-top:calc((var(--arc-content-switcher-height-plus-padding)/2) * 0.71)}}@media (min-width:1024px){.arc-v12-1-0 .arc .arc-TemplateBanner-content--additionalTopMargin{margin-top:0}}

package/lib/Text/Text.cjs

@@ -0,0 +1,15 @@
+'use client';
+'use strict';
+
+var Text = require('../_shared/cjs/Text-jwsn80lQ.cjs');
+require('../_shared/cjs/tslib.es6-CCZ3TN_7.cjs');
+require('react');
+require('../_shared/cjs/index-CTlXMLug.cjs');
+require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
+require('../_shared/cjs/index-DR8Rkav9.cjs');
+require('../_shared/cjs/filter-attrs-D19P2s1V.cjs');
+require('../_shared/cjs/Surface-DIU5ciDT.cjs');
+
+
+
+exports.Text = Text.Text;

package/lib/Text/Text.mjs

@@ -0,0 +1,9 @@
+'use client';
+export { T as Text } from '../_shared/esm/Text-BAzOkkzN.mjs';
+import '../_shared/esm/tslib.es6-w7hdJ3oZ.mjs';
+import 'react';
+import '../_shared/esm/index-5C0-U8cc.mjs';
+import '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';
+import '../_shared/esm/index-Spae4j7j.mjs';
+import '../_shared/esm/filter-attrs-v_SweZXP.mjs';
+import '../_shared/esm/Surface-C69KVzkY.mjs';

package/lib/Text/styles.css

@@ -0,0 +1 @@
+.arc-v12-1-0 .arc .arc-Text{display:block;font:var(--sem-type-body-reg-m);margin:0}.arc-v12-1-0 .arc .arc-Text--alignCenter{text-align:center}.arc-v12-1-0 .arc .arc-Text--alignLeft{text-align:left}.arc-v12-1-0 .arc .arc-Text--alignRight{text-align:right}.arc-v12-1-0 .arc .arc-Text--inline{display:inline}.arc-v12-1-0 .arc .arc-Text--measured{max-width:32em}.arc-v12-1-0 .arc .arc-Text--sizeXS{font:var(--sem-type-body-reg-xs)}.arc-v12-1-0 .arc .arc-Text--sizeS{font:var(--sem-type-body-reg-s)}.arc-v12-1-0 .arc .arc-Text--sizeL{font:var(--sem-type-body-reg-l)}.arc-v12-1-0 .arc .arc-Text.arc-Text--onDarkSurface{color:var(--sem-color-text-primary-dark-strong)}.arc-v12-1-0 .arc .arc-Text--muted{color:var(--sem-color-text-primary-light-subtle)}.arc-v12-1-0 .arc .arc-Text--muted.arc-Text--onDarkSurface{color:var(--sem-color-text-primary-dark-subtle)}.arc-v12-1-0 .arc .arc-Text--supporting{color:var(--sem-color-text-primary-light-supporting)}.arc-v12-1-0 .arc .arc-Text--supporting.arc-Text--onDarkSurface{color:var(--sem-color-text-primary-dark-supporting)}

package/lib/TextArea/TextArea.cjs

@@ -0,0 +1,70 @@
+'use client';
+'use strict';
+
+var tslib_es6 = require('../_shared/cjs/tslib.es6-CCZ3TN_7.cjs');
+var React = require('react');
+var index = require('../_shared/cjs/index-CTlXMLug.cjs');
+var filterAttrs = require('../_shared/cjs/filter-attrs-D19P2s1V.cjs');
+var FormControl = require('../_shared/cjs/FormControl-TtboqHRx.cjs');
+var Surface = require('../_shared/cjs/Surface-DIU5ciDT.cjs');
+var Text = require('../_shared/cjs/Text-jwsn80lQ.cjs');
+var VisuallyHidden = require('../_shared/cjs/VisuallyHidden-CQg3cOVK.cjs');
+require('../_shared/cjs/DisclosureMini-Cy7hNc90.cjs');
+require('../_shared/cjs/ThemeIcon-CwYN77IF.cjs');
+require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
+require('../_shared/cjs/index-DR8Rkav9.cjs');
+
+/** Use `TextArea` to allow custom user text entry via keyboard, for long-form and multi-line descriptions */
+var TextArea = React.forwardRef(function (_a, ref) {
+    var _b = _a.defaultValue, defaultValue = _b === void 0 ? "" : _b, errorMessage = _a.errorMessage, helper = _a.helper, hideLabel = _a.hideLabel, id = _a.id, _c = _a.resize, resize = _c === void 0 ? "manual" : _c, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, _e = _a.isReadOnly, isReadOnly = _e === void 0 ? false : _e, _f = _a.isRequired, isRequired = _f === void 0 ? false : _f, _g = _a.showCharacterCount, showCharacterCount = _g === void 0 ? true : _g, label = _a.label, _h = _a.labelSize, labelSize = _h === void 0 ? "l" : _h, maxLength = _a.maxLength, name = _a.name, onBlur = _a.onBlur, onFocus = _a.onFocus, onChange = _a.onChange, onClickDisclosure = _a.onClickDisclosure, value = _a.value, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, width = _a.width, autoComplete = _a.autoComplete, _j = _a.minHeight, minHeight = _j === void 0 ? "116px" : _j, maxHeight = _a.maxHeight, isErrorAlert = _a.isErrorAlert, props = tslib_es6.__rest(_a, ["defaultValue", "errorMessage", "helper", "hideLabel", "id", "resize", "isDisabled", "isReadOnly", "isRequired", "showCharacterCount", "label", "labelSize", "maxLength", "name", "onBlur", "onFocus", "onChange", "onClickDisclosure", "value", "disclosureTitle", "disclosureText", "width", "autoComplete", "minHeight", "maxHeight", "isErrorAlert"]);
+    var surface = React.useContext(Surface.Context).surface;
+    var ourRef = React.useRef(null);
+    var _k = React.useState((value && value.length) || (defaultValue && defaultValue.length) || 0), characterCount = _k[0], setCharacterCount = _k[1];
+    var setSmartHeight = function (el) {
+        el.style.height = "auto";
+        el.style.height = "".concat(parseInt(getComputedStyle(el).getPropertyValue("border-width")) * 2 +
+            el.scrollHeight, "px");
+    };
+    var getTextAreaRef = function (elementRef) {
+        ourRef.current = elementRef;
+        if (ref && typeof ref === "object") {
+            ref.current = elementRef;
+        }
+        if (ref && typeof ref === "function") {
+            ref(elementRef);
+        }
+    };
+    var handleOnChange = function (e) {
+        resize === "auto" && ourRef.current && setSmartHeight(ourRef.current);
+        onChange && onChange(e);
+        setCharacterCount(e.target.value.length);
+    };
+    // Although this is used within FormControlWrapper, it's deterministic so we can call it here too
+    var ariaDescribedby = FormControl.useAriaDescribedby({
+        id: id,
+        errorMessage: errorMessage,
+        helper: helper,
+        disclosureText: disclosureText,
+    }).ariaDescribedby;
+    return (React.createElement(FormControl.FormControl, tslib_es6.__assign({ errorMessage: errorMessage, helper: helper, htmlFor: id, isDisabled: isDisabled, label: label, hideLabel: hideLabel, labelSize: labelSize, requirementStatus: isRequired ? "required" : "optional", disclosureTitle: disclosureTitle, disclosureText: disclosureText, onClickDisclosure: onClickDisclosure, isErrorAlert: isErrorAlert, supplementaryInfo: maxLength &&
+            showCharacterCount && (React.createElement(React.Fragment, null,
+            React.createElement(Text.Text, { tone: isDisabled ? "muted" : "default" },
+                React.createElement("span", { className: "arc-TextArea-characterCount", "aria-live": "polite" },
+                    characterCount,
+                    " / ",
+                    maxLength,
+                    " characters",
+                    characterCount === maxLength && (React.createElement(VisuallyHidden.VisuallyHidden, null, "Maximum characters reached")))))) }, filterAttrs.filterAttrs(props)),
+        React.createElement("textarea", { id: id, className: index.classNames("arc-TextArea", {
+                "arc-TextArea--noResize": resize !== "manual",
+                "arc-TextArea--onDarkSurface": surface === "dark",
+                "arc-TextArea--invalid": errorMessage,
+            }), defaultValue: typeof value !== "undefined" ? undefined : defaultValue, disabled: isDisabled, value: value, readOnly: isReadOnly, maxLength: maxLength, name: name, onChange: handleOnChange, onBlur: onBlur, onFocus: onFocus, ref: getTextAreaRef, style: {
+                width: width,
+                maxHeight: maxHeight,
+                minHeight: minHeight,
+                marginTop: hideLabel ? 0 : undefined,
+            }, "aria-describedby": ariaDescribedby, autoComplete: autoComplete })));
+});
+
+exports.TextArea = TextArea;

package/lib/TextArea/TextArea.mjs

@@ -0,0 +1,68 @@
+'use client';
+import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-w7hdJ3oZ.mjs';
+import React__default, { forwardRef, useContext, useRef, useState } from 'react';
+import { c as classNames } from '../_shared/esm/index-5C0-U8cc.mjs';
+import { f as filterAttrs } from '../_shared/esm/filter-attrs-v_SweZXP.mjs';
+import { u as useAriaDescribedby, F as FormControl } from '../_shared/esm/FormControl-DopDD_nC.mjs';
+import { C as Context } from '../_shared/esm/Surface-C69KVzkY.mjs';
+import { T as Text } from '../_shared/esm/Text-BAzOkkzN.mjs';
+import { V as VisuallyHidden } from '../_shared/esm/VisuallyHidden-aSQ4RA1o.mjs';
+import '../_shared/esm/DisclosureMini-DeQZyvDN.mjs';
+import '../_shared/esm/ThemeIcon-B0n6cKRb.mjs';
+import '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';
+import '../_shared/esm/index-Spae4j7j.mjs';
+
+/** Use `TextArea` to allow custom user text entry via keyboard, for long-form and multi-line descriptions */
+var TextArea = forwardRef(function (_a, ref) {
+    var _b = _a.defaultValue, defaultValue = _b === void 0 ? "" : _b, errorMessage = _a.errorMessage, helper = _a.helper, hideLabel = _a.hideLabel, id = _a.id, _c = _a.resize, resize = _c === void 0 ? "manual" : _c, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, _e = _a.isReadOnly, isReadOnly = _e === void 0 ? false : _e, _f = _a.isRequired, isRequired = _f === void 0 ? false : _f, _g = _a.showCharacterCount, showCharacterCount = _g === void 0 ? true : _g, label = _a.label, _h = _a.labelSize, labelSize = _h === void 0 ? "l" : _h, maxLength = _a.maxLength, name = _a.name, onBlur = _a.onBlur, onFocus = _a.onFocus, onChange = _a.onChange, onClickDisclosure = _a.onClickDisclosure, value = _a.value, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, width = _a.width, autoComplete = _a.autoComplete, _j = _a.minHeight, minHeight = _j === void 0 ? "116px" : _j, maxHeight = _a.maxHeight, isErrorAlert = _a.isErrorAlert, props = __rest(_a, ["defaultValue", "errorMessage", "helper", "hideLabel", "id", "resize", "isDisabled", "isReadOnly", "isRequired", "showCharacterCount", "label", "labelSize", "maxLength", "name", "onBlur", "onFocus", "onChange", "onClickDisclosure", "value", "disclosureTitle", "disclosureText", "width", "autoComplete", "minHeight", "maxHeight", "isErrorAlert"]);
+    var surface = useContext(Context).surface;
+    var ourRef = useRef(null);
+    var _k = useState((value && value.length) || (defaultValue && defaultValue.length) || 0), characterCount = _k[0], setCharacterCount = _k[1];
+    var setSmartHeight = function (el) {
+        el.style.height = "auto";
+        el.style.height = "".concat(parseInt(getComputedStyle(el).getPropertyValue("border-width")) * 2 +
+            el.scrollHeight, "px");
+    };
+    var getTextAreaRef = function (elementRef) {
+        ourRef.current = elementRef;
+        if (ref && typeof ref === "object") {
+            ref.current = elementRef;
+        }
+        if (ref && typeof ref === "function") {
+            ref(elementRef);
+        }
+    };
+    var handleOnChange = function (e) {
+        resize === "auto" && ourRef.current && setSmartHeight(ourRef.current);
+        onChange && onChange(e);
+        setCharacterCount(e.target.value.length);
+    };
+    // Although this is used within FormControlWrapper, it's deterministic so we can call it here too
+    var ariaDescribedby = useAriaDescribedby({
+        id: id,
+        errorMessage: errorMessage,
+        helper: helper,
+        disclosureText: disclosureText,
+    }).ariaDescribedby;
+    return (React__default.createElement(FormControl, __assign({ errorMessage: errorMessage, helper: helper, htmlFor: id, isDisabled: isDisabled, label: label, hideLabel: hideLabel, labelSize: labelSize, requirementStatus: isRequired ? "required" : "optional", disclosureTitle: disclosureTitle, disclosureText: disclosureText, onClickDisclosure: onClickDisclosure, isErrorAlert: isErrorAlert, supplementaryInfo: maxLength &&
+            showCharacterCount && (React__default.createElement(React__default.Fragment, null,
+            React__default.createElement(Text, { tone: isDisabled ? "muted" : "default" },
+                React__default.createElement("span", { className: "arc-TextArea-characterCount", "aria-live": "polite" },
+                    characterCount,
+                    " / ",
+                    maxLength,
+                    " characters",
+                    characterCount === maxLength && (React__default.createElement(VisuallyHidden, null, "Maximum characters reached")))))) }, filterAttrs(props)),
+        React__default.createElement("textarea", { id: id, className: classNames("arc-TextArea", {
+                "arc-TextArea--noResize": resize !== "manual",
+                "arc-TextArea--onDarkSurface": surface === "dark",
+                "arc-TextArea--invalid": errorMessage,
+            }), defaultValue: typeof value !== "undefined" ? undefined : defaultValue, disabled: isDisabled, value: value, readOnly: isReadOnly, maxLength: maxLength, name: name, onChange: handleOnChange, onBlur: onBlur, onFocus: onFocus, ref: getTextAreaRef, style: {
+                width: width,
+                maxHeight: maxHeight,
+                minHeight: minHeight,
+                marginTop: hideLabel ? 0 : undefined,
+            }, "aria-describedby": ariaDescribedby, autoComplete: autoComplete })));
+});
+
+export { TextArea };

package/lib/TextArea/styles.css

@@ -0,0 +1 @@
+.arc-v12-1-0 .arc .arc-TextArea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--textarea-colors-light-bg-default);border:var(--textarea-border-weight-s) solid var(--textarea-colors-light-border-default);border-radius:var(--textarea-border-radius);color:var(--textarea-colors-light-text-default);display:block;font:var(--sem-type-body-reg-m);margin-bottom:0;padding:var(--textarea-padding-s) var(--textarea-padding-m);resize:vertical;width:100%}.arc-v12-1-0 .arc .arc-TextArea--resizable{resize:"vertical"}.arc-v12-1-0 .arc .arc-TextArea--noResize{resize:none}.arc-v12-1-0 .arc .arc-TextArea--invalid{background-color:var(--textarea-colors-light-bg-error);border-color:var(--textarea-colors-light-border-error)}.arc-v12-1-0 .arc .arc-TextArea-characterCount{white-space:nowrap}.arc-v12-1-0 .arc .arc-TextArea:focus{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle);outline:var(--focus-border-weight-s) solid transparent}.arc-v12-1-0 .arc .arc-TextArea:disabled{background-color:var(--textarea-colors-light-bg-disabled);border-color:var(--textarea-colors-light-border-disabled);color:var(--textarea-colors-light-text-disabled)}.arc-v12-1-0 .arc .arc-TextArea--onDarkSurface{background-color:var(--textarea-colors-dark-bg-default);border-color:var(--textarea-colors-dark-border-strong);color:var(--textarea-colors-dark-text-strong)}.arc-v12-1-0 .arc .arc-TextArea--onDarkSurface.arc-TextArea--invalid{background-color:var(--textarea-colors-dark-bg-error);border-color:var(--textarea-colors-dark-border-error)}.arc-v12-1-0 .arc .arc-TextArea--onDarkSurface:focus{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle)}.arc-v12-1-0 .arc .arc-TextArea--onDarkSurface:disabled{background-color:var(--textarea-colors-dark-bg-disabled);border-color:var(--textarea-colors-dark-border-disabled);color:var(--textarea-colors-dark-text-disabled)}

package/lib/TextInput/TextInput.cjs

@@ -0,0 +1,28 @@
+'use client';
+'use strict';
+
+var TextInput = require('../_shared/cjs/TextInput-BHzuoI7E.cjs');
+require('../_shared/cjs/tslib.es6-CCZ3TN_7.cjs');
+require('react');
+require('../_shared/cjs/index-CTlXMLug.cjs');
+require('../_shared/cjs/filter-attrs-D19P2s1V.cjs');
+require('../_shared/cjs/FormControl-TtboqHRx.cjs');
+require('../_shared/cjs/Surface-DIU5ciDT.cjs');
+require('../_shared/cjs/index-DR8Rkav9.cjs');
+require('../_shared/cjs/DisclosureMini-Cy7hNc90.cjs');
+require('../_shared/cjs/Text-jwsn80lQ.cjs');
+require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
+require('../_shared/cjs/ThemeIcon-CwYN77IF.cjs');
+require('../_shared/cjs/VisuallyHidden-CQg3cOVK.cjs');
+require('../_shared/cjs/Spinner-427lpnHI.cjs');
+require('../_shared/cjs/Icon-Dk2XHa7V.cjs');
+require('../_shared/cjs/Tooltip-CEb7YEP2.cjs');
+require('../_shared/cjs/index-DXNM3D1d.cjs');
+require('react/jsx-runtime');
+require('react-dom');
+require('../_shared/cjs/index-B11wQrRa.cjs');
+
+
+
+exports.InputIcon = TextInput.InputIcon;
+exports.TextInput = TextInput.TextInput;

package/lib/TextInput/TextInput.mjs

@@ -0,0 +1,21 @@
+'use client';
+export { I as InputIcon, T as TextInput } from '../_shared/esm/TextInput-CZaNXVHl.mjs';
+import '../_shared/esm/tslib.es6-w7hdJ3oZ.mjs';
+import 'react';
+import '../_shared/esm/index-5C0-U8cc.mjs';
+import '../_shared/esm/filter-attrs-v_SweZXP.mjs';
+import '../_shared/esm/FormControl-DopDD_nC.mjs';
+import '../_shared/esm/Surface-C69KVzkY.mjs';
+import '../_shared/esm/index-Spae4j7j.mjs';
+import '../_shared/esm/DisclosureMini-DeQZyvDN.mjs';
+import '../_shared/esm/Text-BAzOkkzN.mjs';
+import '../_shared/esm/suffix-modifier-B_pO0UkF.mjs';
+import '../_shared/esm/ThemeIcon-B0n6cKRb.mjs';
+import '../_shared/esm/VisuallyHidden-aSQ4RA1o.mjs';
+import '../_shared/esm/Spinner-DvngCIwx.mjs';
+import '../_shared/esm/Icon-CCUbr_AO.mjs';
+import '../_shared/esm/Tooltip-BpSzN3Tx.mjs';
+import '../_shared/esm/index-Bz2JQq34.mjs';
+import 'react/jsx-runtime';
+import 'react-dom';
+import '../_shared/esm/index-CWHcEz3_.mjs';

package/lib/TextInput/styles.css

@@ -0,0 +1 @@
+.arc-v12-1-0 .arc .arc-TextInput-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:var(--textinput-border-radius-m);font:var(--textinput-type-input-default-m);height:calc(var(--textinput-size-m) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-m) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-m) - calc(2 * var(--textinput-border-weight-s)));margin-bottom:0;padding:0;width:100%}.arc-v12-1-0 .arc .arc-TextInput-input::-moz-placeholder{color:var(--textinput-colors-light-text-placeholder)}.arc-v12-1-0 .arc .arc-TextInput-input::placeholder{color:var(--textinput-colors-light-text-placeholder)}.arc-v12-1-0 .arc .arc-TextInput-inputWrapper{align-items:center;background-color:var(--textinput-colors-light-bg-default);border:var(--textinput-border-weight-s) solid var(--textinput-colors-light-border-default);border-radius:var(--textinput-border-radius-m);color:var(--textinput-colors-light-text-default);display:flex;height:calc(var(--textinput-size-m) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-m) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-m) - calc(2 * var(--textinput-border-weight-s)));overflow:hidden;padding:0 calc(var(--textinput-padding-m) - var(--textinput-border-weight-s));position:relative}.arc-v12-1-0 .arc .arc-TextInput--sizeS .arc-TextInput-inputWrapper{height:calc(var(--textinput-size-s) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-s) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-s) - calc(2 * var(--textinput-border-weight-s)));padding:0 calc(var(--textinput-padding-s) - var(--textinput-border-weight-s))}.arc-v12-1-0 .arc .arc-TextInput--sizeL .arc-TextInput-inputWrapper{height:calc(var(--textinput-size-l) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-l) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-l) - calc(2 * var(--textinput-border-weight-s)));padding:0 calc(var(--textinput-padding-l) - var(--textinput-border-weight-s))}.arc-v12-1-0 .arc .arc-TextInput--sizeS .arc-TextInput-input{font:var(--textinput-type-input-default-s);height:calc(var(--textinput-size-s) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-s) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-s) - calc(2 * var(--textinput-border-weight-s)))}.arc-v12-1-0 .arc .arc-TextInput--sizeS .arc-TextInput-inputWrapper,.arc-v12-1-0 .arc .arc-TextInput--sizeS .arc-TextInput-input{border-radius:var(--textinput-border-radius-s)}.arc-v12-1-0 .arc .arc-TextInput--sizeL .arc-TextInput-input{font:var(--textinput-type-input-default-l);height:calc(var(--textinput-size-l) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-l) - (2 * var(--textinput-border-weight-s)));height:calc(var(--textinput-size-l) - calc(2 * var(--textinput-border-weight-s)))}.arc-v12-1-0 .arc .arc-TextInput--sizeL .arc-TextInput-inputWrapper,.arc-v12-1-0 .arc .arc-TextInput--sizeL .arc-TextInput-input{border-radius:var(--textinput-border-radius-l)}.arc-v12-1-0 .arc .arc-TextInput-affixes{align-items:center;background-color:var(--textinput-colors-light-bg-affixes);color:var(--textinput-colors-light-text-affixes);display:flex;font:var(--textinput-type-affixes-m);font-weight:500;height:100%;white-space:nowrap}.arc-v12-1-0 .arc .arc-TextInput--sizeS .arc-TextInput-affixes{font:var(--textinput-type-affixes-s)}.arc-v12-1-0 .arc .arc-TextInput--sizeL .arc-TextInput-affixes{font:var(--textinput-type-affixes-l)}.arc-v12-1-0 .arc .arc-TextInput--invalid .arc-TextInput-affixes{background-color:var(--textinput-colors-light-bg-error);border-color:var(--textinput-colors-light-border-error)}.arc-v12-1-0 .arc .arc-TextInput--isDisabled .arc-TextInput-affixes{background-color:var(--textinput-colors-light-bg-disabled);border-color:var(--textinput-colors-light-border-disabled);color:var(--textinput-colors-light-text-disabled);cursor:not-allowed}.arc-v12-1-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-affixes{background-color:var(--textinput-colors-dark-bg-affixes);border-color:var(--textinput-colors-dark-border-default);color:var(--textinput-colors-dark-text-affixes)}.arc-v12-1-0 .arc .arc-TextInput--onDarkSurface.arc-TextInput--invalid .arc-TextInput-affixes{background-color:var(--textinput-colors-dark-bg-error);border-color:var(--textinput-colors-dark-border-error)}.arc-v12-1-0 .arc .arc-TextInput--onDarkSurface.arc-TextInput--isDisabled .arc-TextInput-affixes{background-color:var(--textinput-colors-dark-bg-disabled);border-color:var(--textinput-colors-dark-border-disabled);color:var(--textinput-colors-dark-text-disabled)}.arc-v12-1-0 .arc .arc-TextInput-prefix{border-right:var(--textinput-border-weight-s) solid var(--textinput-colors-light-border-default);margin-left:calc(-1 * var(--textinput-padding-m));margin-right:4px;padding:0 var(--textinput-padding-s) 0 var(--textinput-padding-m)}.arc-v12-1-0 .arc .arc-TextInput--sizeS .arc-TextInput-prefix{margin-left:calc(-1 * var(--textinput-padding-s));padding:0 4px 0 var(--textinput-padding-s)}.arc-v12-1-0 .arc .arc-TextInput--sizeL .arc-TextInput-prefix{margin-left:calc(-1 * var(--textinput-padding-l));padding:0 var(--textinput-padding-s) 0 var(--textinput-padding-l)}.arc-v12-1-0 .arc .arc-TextInput-suffix{border-left:var(--textinput-border-weight-s) solid var(--textinput-colors-light-border-default);margin-left:4px;margin-right:calc(-1 * var(--textinput-padding-m));padding:0 var(--textinput-padding-m) 0 var(--textinput-padding-s)}.arc-v12-1-0 .arc .arc-TextInput--sizeS .arc-TextInput-suffix{margin-right:calc(-1 * var(--textinput-padding-s));padding:0 var(--textinput-padding-s) 0 4px}.arc-v12-1-0 .arc .arc-TextInput--sizeL .arc-TextInput-suffix{margin-right:calc(-1 * var(--textinput-padding-l));padding:0 var(--textinput-padding-l) 0 var(--textinput-padding-s)}.arc-v12-1-0 .arc .arc-TextInput-leadingSlot{margin-right:4px;white-space:nowrap}.arc-v12-1-0 .arc .arc-TextInput-trailingSlot{align-items:center;display:flex;margin-left:4px;white-space:nowrap}.arc-v12-1-0 .arc .arc-TextInput--withPrefix .arc-TextInput-input{padding-left:0}.arc-v12-1-0 .arc .arc-TextInput--withSuffix .arc-TextInput-input,.arc-v12-1-0 .arc .arc-TextInput--withPasswordToggle .arc-TextInput-input,.arc-v12-1-0 .arc .arc-TextInput--withClearButton .arc-TextInput-input{padding-right:0}.arc-v12-1-0 .arc .arc-TextInput-input:focus{outline:0}.arc-v12-1-0 .arc .arc-TextInput-input:focus-visible{border:none}.arc-v12-1-0 .arc .arc-TextInput--alignRight .arc-TextInput-input{text-align:right}.arc-v12-1-0 .arc .arc-TextInput-iconSlot{padding:0}.arc-v12-1-0 .arc .arc-TextInput-inputIcon{background-color:transparent;background-origin:border-box;border:0 solid transparent;border-radius:999px;color:var(--textinput-colors-light-fg-default);cursor:pointer;display:block;margin:0;padding:4px;text-decoration:none}.arc-v12-1-0 .arc .arc-TextInput-inputIcon:hover{background-color:var(--textinput-colors-light-bg-button-hover);color:var(--sem-color-text-primary-light-default)}.arc-v12-1-0 .arc .arc-TextInput-inputIcon:active{background-color:var(--textinput-colors-light-bg-button-pressed)}.arc-v12-1-0 .arc .arc-TextInput--invalid .arc-TextInput-inputIcon:hover{background-color:inherit;color:inherit}.arc-v12-1-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputIcon{color:var(--textinput-colors-dark-fg-default)}.arc-v12-1-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputIcon:hover{background-color:var(--textinput-colors-dark-bg-button-hover);color:var(--textinput-colors-dark-fg-button-hover)}.arc-v12-1-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputIcon:active{background-color:var(--textinput-colors-dark-bg-button-pressed)}.arc-v12-1-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputIcon--isDisabled{color:var(--textinput-colors-dark-fg-disabled)}.arc-v12-1-0 .arc .arc-TextInput-inputIcon--isReadOnly{cursor:not-allowed}.arc-v12-1-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputIcon:disabled{background-color:transparent;color:var(--textinput-colors-light-dark-default);cursor:not-allowed}.arc-v12-1-0 .arc .arc-TextInput-inputIcon:disabled{background-color:transparent;color:var(--textinput-colors-light-fg-default);cursor:not-allowed}.arc-v12-1-0 .arc .arc-TextInput-input:disabled{background-color:var(--textinput-colors-light-bg-disabled);border-color:var(--textinput-colors-light-border-disabled);color:var(--textinput-colors-light-text-disabled)}.arc-v12-1-0 .arc .arc-TextInput-input:disabled::-moz-placeholder{background-color:var(--textinput-colors-light-bg-disabled);color:var(--textinput-colors-light-text-disabled);cursor:not-allowed}.arc-v12-1-0 .arc .arc-TextInput-input:disabled,.arc-v12-1-0 .arc .arc-TextInput-input:disabled::placeholder,.arc-v12-1-0 .arc .arc-TextInput-inputIcon--isDisabled{background-color:var(--textinput-colors-light-bg-disabled);color:var(--textinput-colors-light-text-disabled);cursor:not-allowed}.arc-v12-1-0 .arc .arc-TextInput-inputIcon:focus-visible{border:var(--focus-border-weight-s) solid transparent;border-color:var(--focus-colors-light-border-subtle);outline:none;padding:2px}.arc-v12-1-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputWrapper,.arc-v12-1-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-input{background-color:var(--textinput-colors-dark-bg-default);border-color:var(--textinput-colors-dark-border-default);color:var(--textinput-colors-dark-text-default)}.arc-v12-1-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-input::-moz-placeholder{color:var(--textinput-colors-dark-text-placeholder)}.arc-v12-1-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-input::placeholder{color:var(--textinput-colors-dark-text-placeholder)}.arc-v12-1-0 .arc .arc-TextInput--invalid .arc-TextInput-inputWrapper,.arc-v12-1-0 .arc .arc-TextInput--invalid .arc-TextInput-input{background-color:var(--textinput-colors-light-bg-error);border-color:var(--textinput-colors-light-border-error)}.arc-v12-1-0 .arc .arc-TextInput--onDarkSurface.arc-TextInput--invalid .arc-TextInput-inputIcon:hover{background-color:inherit;color:inherit}.arc-v12-1-0 .arc .arc-TextInput--onDarkSurface.arc-TextInput--invalid .arc-TextInput-inputWrapper .arc-TextInput-input:disabled{background-color:var(--textinput-colors-dark-bg-disabled);color:var(--textinput-colors-dark-text-disabled)}.arc-v12-1-0 .arc .arc-TextInput-inputWrapper[\:has\(\%0A\%20\%20\%20\%20\:not\(.arc-TextInput-inputIcon\)\:focus-visible\%0A\%20\%20\)]{border-color:transparent;box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle);outline:var(--focus-border-weight-s) solid transparent}.arc-v12-1-0 .arc .arc-TextInput-inputWrapper[\:has\(\:not\(.arc-TextInput-inputIcon\)\:focus-visible\)]{border-color:transparent;box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle);outline:var(--focus-border-weight-s) solid transparent}.arc-v12-1-0 .arc .arc-TextInput-inputWrapper:has(:not(.arc-TextInput-inputIcon):focus-visible){border-color:transparent;box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-light-border-subtle);outline:var(--focus-border-weight-s) solid transparent}.arc-v12-1-0 .arc .arc-TextInput--onDarkSurface.arc-TextInput--invalid .arc-TextInput-input{background-color:var(--textinput-colors-dark-bg-error);border-color:var(--textinput-colors-dark-border-error)}.arc-v12-1-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-input:disabled::-moz-placeholder{background-color:var(--textinput-colors-dark-bg-disabled);color:var(--textinput-colors-dark-text-disabled)}.arc-v12-1-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputIcon--isDisabled,.arc-v12-1-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-input:disabled::placeholder{background-color:var(--textinput-colors-dark-bg-disabled);color:var(--textinput-colors-dark-text-disabled)}.arc-v12-1-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputIcon:focus-visible{border-color:var(--textarea-colors-dark-border-focus)}.arc-v12-1-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputWrapper[\:has\(\%0A\%20\%20\%20\%20\:not\(.arc-TextInput-inputIcon\)\:focus-visible\%0A\%20\%20\)]{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle)}.arc-v12-1-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputWrapper[\:has\(\:not\(.arc-TextInput-inputIcon\)\:focus-visible\)]{box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle)}.arc-v12-1-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-inputWrapper:has(:not(.arc-TextInput-inputIcon):focus-visible){box-shadow:0 0 0 var(--focus-border-weight-s) var(--focus-colors-dark-border-subtle)}.arc-v12-1-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-input:disabled{background-color:var(--textinput-colors-dark-bg-disabled);border-color:var(--textinput-colors-dark-border-disabled);color:var(--textinput-colors-dark-text-disabled)}.arc-v12-1-0 .arc .arc-TextInput--onDarkSurface.arc-TextInput--invalid .arc-TextInput-inputWrapper .arc-TextInput-input,.arc-v12-1-0 .arc .arc-TextInput--onDarkSurface.arc-TextInput--invalid .arc-TextInput-inputWrapper{background-color:var(--textinput-colors-dark-bg-error);border-color:var(--textinput-colors-dark-border-error)}.arc-v12-1-0 .arc .arc-TextInput-input:disabled,.arc-v12-1-0 .arc .arc-TextInput--isDisabled .arc-TextInput-inputWrapper{background-color:var(--textinput-colors-light-bg-disabled);border-color:var(--textinput-colors-light-border-disabled);color:var(--textinput-colors-light-text-disabled);cursor:not-allowed}.arc-v12-1-0 .arc .arc-TextInput--onDarkSurface.arc-TextInput--isDisabled .arc-TextInput-inputWrapper,.arc-v12-1-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-input:disabled{background-color:var(--textinput-colors-dark-bg-disabled);border-color:var(--textinput-colors-dark-border-disabled);color:var(--textinput-colors-dark-text-disabled)}.arc-v12-1-0 .arc .arc-TextInput-input:-webkit-autofill, .arc-v12-1-0 .arc .arc-TextInput-input:-webkit-autofill:hover, .arc-v12-1-0 .arc .arc-TextInput-input:-webkit-autofill:focus{box-shadow:0 0 0 1000px #ffffff inset !important}.arc-v12-1-0 .arc .arc-TextInput-input:autofill,.arc-v12-1-0 .arc .arc-TextInput-input:autofill:hover,.arc-v12-1-0 .arc .arc-TextInput-input:autofill:focus{box-shadow:0 0 0 1000px #ffffff inset !important}.arc-v12-1-0 .arc .arc-TextInput--invalid .arc-TextInput-input:-webkit-autofill,.arc-v12-1-0 .arc .arc-TextInput--invalid .arc-TextInput-input:-webkit-autofill:hover,.arc-v12-1-0 .arc .arc-TextInput--invalid .arc-TextInput-input:-webkit-autofill:focus{background-color:var(--textinput-colors-light-bg-error) !important;border-color:var(--textinput-colors-light-border-error) !important;box-shadow:0 0 0 1000px var(--textinput-colors-light-bg-error) inset !important;-webkit-text-fill-color:#000000 !important}.arc-v12-1-0 .arc .arc-TextInput--invalid .arc-TextInput-input:-webkit-autofill,.arc-v12-1-0 .arc .arc-TextInput--invalid .arc-TextInput-input:-webkit-autofill:hover,.arc-v12-1-0 .arc .arc-TextInput--invalid .arc-TextInput-input:-webkit-autofill:focus{-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.arc-v12-1-0 .arc .arc-TextInput-spinner{align-self:center;color:var(--sem-color-text-primary-light-default);display:flex;padding:4px}.arc-v12-1-0 .arc .arc-TextInput--sizeL .arc-TextInput-spinner{padding:6px}.arc-v12-1-0 .arc .arc-TextInput--onDarkSurface .arc-TextInput-spinner{color:inherit}

package/lib/Theme/Theme.cjs

@@ -0,0 +1,76 @@
+'use strict';
+
+var tslib_es6 = require('../_shared/cjs/tslib.es6-CCZ3TN_7.cjs');
+var React = require('react');
+var index = require('../_shared/cjs/index-CTlXMLug.cjs');
+var filterAttrs = require('../_shared/cjs/filter-attrs-D19P2s1V.cjs');
+
+// package.json
+var package_default = {
+  name: "@arc-ui/helpers",
+  private: true,
+  version: "12.1.0",
+  type: "module",
+  homepage: "https://ui.digital-ent-int.bt.com",
+  author: "BT Enterprise Digital UI Team <ui-digital-ent-int@bt.com>",
+  scripts: {
+    "lint:ts": "eslint .",
+    test: "TZ=UTC jest",
+    "test:changed": "TZ=UTC jest --onlyChanged",
+    "test:coverage": "TZ=UTC jest --coverage",
+    "test:watch": "TZ=UTC jest --watch",
+    "test:ci": "TZ=UTC jest --coverage",
+    "ts:check": "tsc --noEmit",
+    build: "tsup"
+  },
+  dependencies: {
+    camelcase: "^6.2.1"
+  },
+  exports: {
+    "./*": {
+      require: {
+        types: "./dist/*/*.d.cts",
+        default: "./dist/*/*.cjs"
+      },
+      import: {
+        types: "./dist/*/*.d.ts",
+        default: "./dist/*/*.js"
+      }
+    }
+  },
+  devDependencies: {
+    "@arc-ui/eslint-config": "workspace:^",
+    "@arc-ui/typescript-config": "workspace:^",
+    "@types/jest": "^29.5.14",
+    eslint: "^9.15.0",
+    jest: "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "ts-jest": "^29.2.5",
+    tslib: "^2.8.1",
+    tsup: "^8.3.5",
+    typescript: "5.6.3"
+  }
+};
+
+// src/get-version-classname/get-version-classname.ts
+var getVersionClassName = () => `arc-v${package_default.version.replace(/\./g, "-")}`;
+
+/**
+ * Use `Theme` component to apply a specific theme to its children.
+ */
+var Theme = function (_a) {
+    var _b = _a.theme, theme = _b === void 0 ? "bt-enterprise" : _b, _c = _a.resetCssStyles, resetCssStyles = _c === void 0 ? true : _c, children = _a.children, props = tslib_es6.__rest(_a, ["theme", "resetCssStyles", "children"]);
+    var iconClass = {
+        "bt-business": "arc-ds-sys-icons--bt",
+        "bt-enterprise": "arc-ds-sys-icons--bt",
+        ee: "arc-ds-sys-icons--ee",
+    };
+    return (React.createElement("div", { className: getVersionClassName() },
+        React.createElement("div", tslib_es6.__assign({ "data-theme": theme, className: index.classNames("arc arc-ds-sys-theme arc-ds-sys-theme--".concat(theme), iconClass[theme], {
+                "arc--reset": resetCssStyles,
+            }) }, filterAttrs.filterAttrs(props)), children)));
+};
+var themes = ["bt-enterprise", "bt-business", "ee"];
+
+exports.Theme = Theme;
+exports.themes = themes;

package/lib/Theme/Theme.mjs

@@ -0,0 +1,73 @@
+import { _ as __rest, a as __assign } from '../_shared/esm/tslib.es6-w7hdJ3oZ.mjs';
+import React__default from 'react';
+import { c as classNames } from '../_shared/esm/index-5C0-U8cc.mjs';
+import { f as filterAttrs } from '../_shared/esm/filter-attrs-v_SweZXP.mjs';
+
+// package.json
+var package_default = {
+  name: "@arc-ui/helpers",
+  private: true,
+  version: "12.1.0",
+  type: "module",
+  homepage: "https://ui.digital-ent-int.bt.com",
+  author: "BT Enterprise Digital UI Team <ui-digital-ent-int@bt.com>",
+  scripts: {
+    "lint:ts": "eslint .",
+    test: "TZ=UTC jest",
+    "test:changed": "TZ=UTC jest --onlyChanged",
+    "test:coverage": "TZ=UTC jest --coverage",
+    "test:watch": "TZ=UTC jest --watch",
+    "test:ci": "TZ=UTC jest --coverage",
+    "ts:check": "tsc --noEmit",
+    build: "tsup"
+  },
+  dependencies: {
+    camelcase: "^6.2.1"
+  },
+  exports: {
+    "./*": {
+      require: {
+        types: "./dist/*/*.d.cts",
+        default: "./dist/*/*.cjs"
+      },
+      import: {
+        types: "./dist/*/*.d.ts",
+        default: "./dist/*/*.js"
+      }
+    }
+  },
+  devDependencies: {
+    "@arc-ui/eslint-config": "workspace:^",
+    "@arc-ui/typescript-config": "workspace:^",
+    "@types/jest": "^29.5.14",
+    eslint: "^9.15.0",
+    jest: "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "ts-jest": "^29.2.5",
+    tslib: "^2.8.1",
+    tsup: "^8.3.5",
+    typescript: "5.6.3"
+  }
+};
+
+// src/get-version-classname/get-version-classname.ts
+var getVersionClassName = () => `arc-v${package_default.version.replace(/\./g, "-")}`;
+
+/**
+ * Use `Theme` component to apply a specific theme to its children.
+ */
+var Theme = function (_a) {
+    var _b = _a.theme, theme = _b === void 0 ? "bt-enterprise" : _b, _c = _a.resetCssStyles, resetCssStyles = _c === void 0 ? true : _c, children = _a.children, props = __rest(_a, ["theme", "resetCssStyles", "children"]);
+    var iconClass = {
+        "bt-business": "arc-ds-sys-icons--bt",
+        "bt-enterprise": "arc-ds-sys-icons--bt",
+        ee: "arc-ds-sys-icons--ee",
+    };
+    return (React__default.createElement("div", { className: getVersionClassName() },
+        React__default.createElement("div", __assign({ "data-theme": theme, className: classNames("arc arc-ds-sys-theme arc-ds-sys-theme--".concat(theme), iconClass[theme], {
+                "arc--reset": resetCssStyles,
+            }) }, filterAttrs(props)), children)));
+};
+var themes = ["bt-enterprise", "bt-business", "ee"];
+
+export { Theme, themes };

package/lib/Theme/styles.css

@@ -0,0 +1 @@
+.arc-v12-1-0 .arc{color:var(--sem-color-fg-secondary-light-default);font:var(--sem-type-body-reg-m);height:100%;-webkit-tap-highlight-color:transparent}.arc--reset :where(*:not(svg):not(svg *):not(iframe)),.arc-v12-1-0 .arc--reset ::after,.arc--reset ::before{all:revert;-webkit-text-fill-color:initial}.arc-v12-1-0 .arc *{box-sizing:border-box}.arc-v12-1-0 .arc a{color:var(--textlink-colors-light-text-default)}.arc-v12-1-0 .arc a:focus,.arc-v12-1-0 .arc a: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-v12-1-0 .arc a:active{color:var(--textlink-colors-light-text-hover)}.arc-v12-1-0 .arc a:focus:not(:focus-visible){outline:0}@media (hover:hover){.arc-v12-1-0 .arc a:hover{color:var(--textlink-colors-light-text-hover)}}

package/lib/ThemeIcon/ThemeIcon.cjs

@@ -0,0 +1,15 @@
+'use client';
+'use strict';
+
+var ThemeIcon = require('../_shared/cjs/ThemeIcon-CwYN77IF.cjs');
+require('../_shared/cjs/tslib.es6-CCZ3TN_7.cjs');
+require('react');
+require('../_shared/cjs/index-CTlXMLug.cjs');
+require('../_shared/cjs/suffix-modifier-DLUGR-yG.cjs');
+require('../_shared/cjs/index-DR8Rkav9.cjs');
+require('../_shared/cjs/filter-attrs-D19P2s1V.cjs');
+require('../_shared/cjs/Surface-DIU5ciDT.cjs');
+
+
+
+exports.ThemeIcon = ThemeIcon.ThemeIcon;