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

package/dist/_shared/cjs/SkipLink-D3i06ZIl.js

@@ -1,18 +0,0 @@
-'use strict';
-
-var index = require('./index-D6hGsItk.js');
-var React = require('react');
-
-var SkipLinkItem = function (_a) {
-    var href = _a.href, id = _a.id, label = _a.label;
-    return (React.createElement("a", { className: "arc-SkipLinkItem", href: href, id: id }, label));
-};
-
-/** Use `SkipLink` to help keyboard-only users skip to the main content on a page. */
-var SkipLink = function (_a, props) {
-    var children = _a.children;
-    return (React.createElement("div", index.__assign({ className: "arc-SkipLink" }, index.filterAttrs(props)), children));
-};
-SkipLink.Item = SkipLinkItem;
-
-exports.SkipLink = SkipLink;

package/dist/_shared/cjs/Spinner-DmTvG4x-.js

@@ -1,16 +0,0 @@
-'use strict';
-
-var index = require('./index-D6hGsItk.js');
-var React = require('react');
-var index$1 = require('./index-CTlXMLug.js');
-
-/**
- * Use `Spinner` to display a loading state.
- */
-var Spinner = function (_a) {
-    var _b = _a.size, size = _b === void 0 ? "m" : _b, color = _a.color, props = index.__rest(_a, ["size", "color"]);
-    return (React.createElement("svg", index.__assign({ className: index$1.classNames("arc-Spinner", "arc-Spinner-".concat(color), "arc-Spinner-size--".concat(size)), width: typeof size === "number" ? "".concat(size, "px") : undefined, "data-testid": "arc-Spinner", "aria-label": "loading", viewBox: "0 0 48 48", xmlns: "http://www.w3.org/2000/svg" }, index.filterAttrs(props)),
-        React.createElement("circle", { cx: "24", cy: "24", fill: "none", r: "22", strokeWidth: "4", strokeLinecap: "round" })));
-};
-
-exports.Spinner = Spinner;

package/dist/_shared/cjs/Surface-BCplA5V_.js

@@ -1,180 +0,0 @@
-'use strict';
-
-var index$1 = require('./index-D6hGsItk.js');
-var index = require('./index-CTlXMLug.js');
-var React = require('react');
-
-var camelcase$1 = {exports: {}};
-
-var hasRequiredCamelcase;
-
-function requireCamelcase () {
-	if (hasRequiredCamelcase) return camelcase$1.exports;
-	hasRequiredCamelcase = 1;
-
-	const UPPERCASE = /[\p{Lu}]/u;
-	const LOWERCASE = /[\p{Ll}]/u;
-	const LEADING_CAPITAL = /^[\p{Lu}](?![\p{Lu}])/gu;
-	const IDENTIFIER = /([\p{Alpha}\p{N}_]|$)/u;
-	const SEPARATORS = /[_.\- ]+/;
-
-	const LEADING_SEPARATORS = new RegExp('^' + SEPARATORS.source);
-	const SEPARATORS_AND_IDENTIFIER = new RegExp(SEPARATORS.source + IDENTIFIER.source, 'gu');
-	const NUMBERS_AND_IDENTIFIER = new RegExp('\\d+' + IDENTIFIER.source, 'gu');
-
-	const preserveCamelCase = (string, toLowerCase, toUpperCase) => {
-		let isLastCharLower = false;
-		let isLastCharUpper = false;
-		let isLastLastCharUpper = false;
-
-		for (let i = 0; i < string.length; i++) {
-			const character = string[i];
-
-			if (isLastCharLower && UPPERCASE.test(character)) {
-				string = string.slice(0, i) + '-' + string.slice(i);
-				isLastCharLower = false;
-				isLastLastCharUpper = isLastCharUpper;
-				isLastCharUpper = true;
-				i++;
-			} else if (isLastCharUpper && isLastLastCharUpper && LOWERCASE.test(character)) {
-				string = string.slice(0, i - 1) + '-' + string.slice(i - 1);
-				isLastLastCharUpper = isLastCharUpper;
-				isLastCharUpper = false;
-				isLastCharLower = true;
-			} else {
-				isLastCharLower = toLowerCase(character) === character && toUpperCase(character) !== character;
-				isLastLastCharUpper = isLastCharUpper;
-				isLastCharUpper = toUpperCase(character) === character && toLowerCase(character) !== character;
-			}
-		}
-
-		return string;
-	};
-
-	const preserveConsecutiveUppercase = (input, toLowerCase) => {
-		LEADING_CAPITAL.lastIndex = 0;
-
-		return input.replace(LEADING_CAPITAL, m1 => toLowerCase(m1));
-	};
-
-	const postProcess = (input, toUpperCase) => {
-		SEPARATORS_AND_IDENTIFIER.lastIndex = 0;
-		NUMBERS_AND_IDENTIFIER.lastIndex = 0;
-
-		return input.replace(SEPARATORS_AND_IDENTIFIER, (_, identifier) => toUpperCase(identifier))
-			.replace(NUMBERS_AND_IDENTIFIER, m => toUpperCase(m));
-	};
-
-	const camelCase = (input, options) => {
-		if (!(typeof input === 'string' || Array.isArray(input))) {
-			throw new TypeError('Expected the input to be `string | string[]`');
-		}
-
-		options = {
-			pascalCase: false,
-			preserveConsecutiveUppercase: false,
-			...options
-		};
-
-		if (Array.isArray(input)) {
-			input = input.map(x => x.trim())
-				.filter(x => x.length)
-				.join('-');
-		} else {
-			input = input.trim();
-		}
-
-		if (input.length === 0) {
-			return '';
-		}
-
-		const toLowerCase = options.locale === false ?
-			string => string.toLowerCase() :
-			string => string.toLocaleLowerCase(options.locale);
-		const toUpperCase = options.locale === false ?
-			string => string.toUpperCase() :
-			string => string.toLocaleUpperCase(options.locale);
-
-		if (input.length === 1) {
-			return options.pascalCase ? toUpperCase(input) : toLowerCase(input);
-		}
-
-		const hasUpperCase = input !== toLowerCase(input);
-
-		if (hasUpperCase) {
-			input = preserveCamelCase(input, toLowerCase, toUpperCase);
-		}
-
-		input = input.replace(LEADING_SEPARATORS, '');
-
-		if (options.preserveConsecutiveUppercase) {
-			input = preserveConsecutiveUppercase(input, toLowerCase);
-		} else {
-			input = toLowerCase(input);
-		}
-
-		if (options.pascalCase) {
-			input = toUpperCase(input.charAt(0)) + input.slice(1);
-		}
-
-		return postProcess(input, toUpperCase);
-	};
-
-	camelcase$1.exports = camelCase;
-	// TODO: Remove this for the next major release
-	camelcase$1.exports.default = camelCase;
-	return camelcase$1.exports;
-}
-
-var camelcaseExports = requireCamelcase();
-var camelcase = /*@__PURE__*/index.getDefaultExportFromCjs(camelcaseExports);
-
-var defaultContext = { surface: "light" };
-var Context = React.createContext(defaultContext);
-var Provider = Context.Provider;
-/**
- * Use `Surface` to compose content using the Arc system.
- */
-var Surface = function (_a) {
-    var _b;
-    var background = _a.background, children = _a.children, _c = _a.growVertically, growVertically = _c === void 0 ? false : _c, padding = _a.padding, paddingHorizontal = _a.paddingHorizontal, paddingVertical = _a.paddingVertical, isTransparent = _a.isTransparent, props = index$1.__rest(_a, ["background", "children", "growVertically", "padding", "paddingHorizontal", "paddingVertical", "isTransparent"]);
-    var surface = "light";
-    if (background === "dark-black" ||
-        background === "dark-brand-01" ||
-        background === "dark-brand-02" ||
-        background === "dark-neutral-01" ||
-        background === "dark-neutral-02") {
-        surface = "dark";
-    }
-    return (React.createElement(Provider, { value: { surface: surface } },
-        React.createElement("div", index$1.__assign({ "data-testid": "arc-surface", className: index.classNames((_b = {
-                    "arc-Surface": true
-                },
-                _b["arc-Surface--".concat(background && camelcase(background), "Background")] = background,
-                _b["arc-Surface--growVertically"] = growVertically,
-                _b["arc-Surface--padding".concat(padding)] = padding,
-                _b["arc-Surface--paddingHorizontal".concat(paddingHorizontal)] = paddingHorizontal,
-                _b["arc-Surface--paddingVertical".concat(paddingVertical)] = paddingVertical,
-                _b["arc-Surface--isTransparent"] = isTransparent,
-                _b)) }, index$1.filterAttrs(props)), children)));
-};
-var backgroundsShared = [
-    "dark-black",
-    "dark-brand-01",
-    "dark-brand-02",
-    "dark-neutral-01",
-    "dark-neutral-02",
-    "light-brand-01",
-    "light-brand-02",
-    "light-neutral-01",
-    "light-neutral-02",
-    "light-white",
-];
-var backgrounds = index$1.__spreadArray([], backgroundsShared, true);
-var backgroundsBT = index$1.__spreadArray([], backgroundsShared, true);
-
-exports.Context = Context;
-exports.Surface = Surface;
-exports.backgrounds = backgrounds;
-exports.backgroundsBT = backgroundsBT;
-exports.camelcase = camelcase;

package/dist/_shared/cjs/Tabs-BMWK-vMy.js

@@ -1,86 +0,0 @@
-'use strict';
-
-var index = require('./index-D6hGsItk.js');
-var React = require('react');
-var index$1 = require('./index-Bsexyvjp.js');
-var Icon = require('./Icon-C5peYhWn.js');
-var Surface = require('./Surface-BCplA5V_.js');
-var index$2 = require('./index-CTlXMLug.js');
-
-var Tab = function (_a) {
-    var label = _a.label, value = _a.value, icon = _a.icon, iconActive = _a.iconActive, props = index.__rest(_a, ["label", "value", "icon", "iconActive"]);
-    var surface = React.useContext(Surface.Context).surface;
-    return (React.createElement(index$1.$69cb30bb0017df05$export$41fb9f06171c75f4, index.__assign({ className: index$2.classNames("arc-Tab-trigger", {
-            "arc-Tab-trigger--onDarkSurface": surface === "dark",
-            "arc-Tab-trigger--hasIcon": icon || iconActive
-        }), value: value }, index.filterAttrs(props)),
-        icon && (React.createElement("div", { className: "arc-Tab-triggerIcon", "data-testid": "arc-Tab-TriggerIcon" },
-            React.createElement(Icon.Icon, { icon: icon }))),
-        iconActive && (React.createElement("div", { className: "arc-Tab-triggerIcon arc-Tab-triggerIcon--active", "data-testid": "arc-Tab-TriggerIconActive" },
-            React.createElement(Icon.Icon, { icon: iconActive }))),
-        React.createElement("span", { className: "arc-Tab-triggerText" }, label)));
-};
-
-var TabContent = function (_a) {
-    var children = _a.children, value = _a.value, props = index.__rest(_a, ["children", "value"]);
-    return (React.createElement(index$1.$69cb30bb0017df05$export$7c6e2c02157bb7d2, index.__assign({ className: "arc-Tab-content", value: value }, index.filterAttrs(props)), children));
-};
-
-var TabsList = function (_a) {
-    var children = _a.children, type = _a.type, isJustified = _a.isJustified, ariaLabel = _a.ariaLabel, props = index.__rest(_a, ["children", "type", "isJustified", "ariaLabel"]);
-    var _b = React.useState(false), rightOverflow = _b[0], setRightOverflow = _b[1];
-    var _c = React.useState(false), leftOverflow = _c[0], setLeftOverflow = _c[1];
-    var surface = React.useContext(Surface.Context).surface;
-    var tabsRef = React.useRef(null);
-    var checkOverflow = function () {
-        if (tabsRef.current) {
-            setRightOverflow(tabsRef.current.scrollLeft + tabsRef.current.clientWidth <
-                tabsRef.current.scrollWidth);
-            setLeftOverflow(tabsRef.current.scrollLeft > 0);
-        }
-    };
-    var handleScroll = function () {
-        checkOverflow();
-    };
-    React.useEffect(function () {
-        var list = tabsRef.current;
-        checkOverflow();
-        if (list) {
-            list.addEventListener("scroll", handleScroll);
-        }
-        return function () {
-            if (list) {
-                list.removeEventListener("scroll", handleScroll);
-            }
-        };
-    });
-    var state = "";
-    if (type === "standard") {
-        if (leftOverflow && rightOverflow) {
-            state = "both";
-        }
-        else if (leftOverflow) {
-            state = "left";
-        }
-        else {
-            state = "right";
-        }
-    }
-    return (React.createElement("span", { className: "arc-TabsList-wrapper" },
-        React.createElement(index$1.$69cb30bb0017df05$export$54c2e3dc7acea9f5, index.__assign({ className: index$2.classNames("arc-Tabs", index.suffixModifier("arc-TabsList--overflow", state), {
-                "arc-Tabs--contained": type === "contained",
-                "arc-Tabs--isJustified": isJustified,
-                "arc-Tabs--onDarkSurface": surface === "dark"
-            }), ref: tabsRef, "aria-label": ariaLabel }, index.filterAttrs(props)), children)));
-};
-
-/** Use `Tabs` to allow users to navigate between different sections of relevant content. */
-var Tabs = function (_a) {
-    var children = _a.children, defaultValue = _a.defaultValue, onValueChange = _a.onValueChange, activationMode = _a.activationMode, props = index.__rest(_a, ["children", "defaultValue", "onValueChange", "activationMode"]);
-    return (React.createElement(index$1.$69cb30bb0017df05$export$be92b6f5f03c0fe9, index.__assign({ className: "arc-Tabs-root", defaultValue: defaultValue, onValueChange: onValueChange, activationMode: activationMode }, index.filterAttrs(props)), children));
-};
-Tabs.Tab = Tab;
-Tabs.List = TabsList;
-Tabs.Content = TabContent;
-
-exports.Tabs = Tabs;

package/dist/_shared/cjs/TemplateBanner-BTbeT-Yz.js

@@ -1,65 +0,0 @@
-'use strict';
-
-var index = require('./index-D6hGsItk.js');
-var React = require('react');
-var index$1 = require('./index-CTlXMLug.js');
-var index_es = require('./index.es-y9hyGBEL.js');
-var useMediaQuery = require('./use-media-query-BsUfHjPZ.js');
-var Heading = require('./Heading-lzfM5f17.js');
-var Image = require('./Image-55IzIW6l.js');
-var Grid = require('./Grid-Bfnjhc5b.js');
-var VerticalSpace = require('./VerticalSpace-B-ZFqw2Y.js');
-var Text = require('./Text-DIA-MbS2.js');
-var Box = require('./Box-DHEgsHNm.js');
-
-var TemplateBanner = function (_a) {
-    var heading = _a.heading, label = _a.label, text = _a.text, img = _a.img, _b = _a.contentRatio, contentRatio = _b === void 0 ? "1/1" : _b, children = _a.children, _c = _a.alignment, alignment = _c === void 0 ? "center" : _c, additionalTopMargin = _a.additionalTopMargin, _d = _a.minHeight, minHeight = _d === void 0 ? 454 : _d, _e = _a.headingSize, headingSize = _e === void 0 ? "xl" : _e, _f = _a.isReversed, isReversed = _f === void 0 ? false : _f, _g = _a.isElevated, isElevated = _g === void 0 ? false : _g, _h = _a.headingLevel, headingLevel = _h === void 0 ? "2" : _h, _j = _a.type, type = _j === void 0 ? "light" : _j, props = index.__rest(_a, ["heading", "label", "text", "img", "contentRatio", "children", "alignment", "additionalTopMargin", "minHeight", "headingSize", "isReversed", "isElevated", "headingLevel", "type"]);
-    var isMinWidthArcBreakpointM = useMediaQuery.useMediaQuery("(min-width: ".concat(index_es.SemSizeBreakpointsM, ")"));
-    var backgrounds = {
-        dark: "dark-brand-02",
-        light: "light-white",
-        contained: "light-white"
-    };
-    var imageAlignment = {
-        bottom: "end",
-        top: "start",
-        center: "center"
-    };
-    var isContained = type === "contained";
-    var borderWidth = isContained && !isElevated ? "thin" : undefined;
-    var direction = isReversed && isMinWidthArcBreakpointM ? "row-reverse" : "row";
-    return (React.createElement("div", index.__assign({ style: { minHeight: minHeight }, className: index$1.classNames("arc-TemplateBanner arc-TemplateBanner-background--".concat(type), {
-            "arc-TemplateBanner--elevation": isElevated
-        }) }, index.filterAttrs(props)),
-        React.createElement(Box.Box, { "data-testid": "arc-TemplateBanner-box", isBorderRadius: true, borderWidth: borderWidth, surface: backgrounds[type], isSurfaceTransparent: true },
-            React.createElement(Grid.Grid, { isGutterless: true, isFluid: true },
-                React.createElement(Grid.Grid.Row, { "data-testid": "arc-TemplateBanner-gridRow", direction: direction },
-                    React.createElement(Grid.Grid.Col, { "data-testid": "arc-TemplateBanner-contentCol", align: {
-                            m: alignment === "start" ? "start" : "center",
-                            xs: !img || contentRatio === "1/0" ? "center" : "start"
-                        }, order: { xs: isContained && isReversed ? 2 : undefined, m: 0 }, xs: 12, m: contentRatio === "2/3" && img
-                            ? 8
-                            : contentRatio === "1/1" && img
-                                ? 6
-                                : 12 },
-                        React.createElement("div", { className: index$1.classNames("arc-TemplateBanner-content", {
-                                "arc-TemplateBanner-content--additionalTopMargin": additionalTopMargin && alignment === "start"
-                            }) },
-                            label && (React.createElement(React.Fragment, null,
-                                React.createElement(Heading.Heading, { size: "xxs" }, label.toUpperCase()),
-                                React.createElement(VerticalSpace.VerticalSpace, { size: "8" }))),
-                            React.createElement(Heading.Heading, { level: headingLevel, size: headingSize }, heading),
-                            text && (React.createElement(React.Fragment, null,
-                                React.createElement(VerticalSpace.VerticalSpace, { size: "16" }),
-                                React.createElement("p", { className: "arc-TemplateBanner-text" },
-                                    React.createElement(Text.Text, null, text)))),
-                            children && (React.createElement(React.Fragment, null,
-                                React.createElement(VerticalSpace.VerticalSpace, { size: "32" }),
-                                children)))),
-                    img && contentRatio !== "1/0" && (React.createElement(Grid.Grid.Col, index.__assign({ "data-testid": "arc-TemplateBanner-imageCol", align: img.fit !== "cover"
-                            ? { m: imageAlignment[img.alignment || "center"] }
-                            : undefined, xs: 12 }, (contentRatio === "2/3" && img ? { m: 4 } : { m: 6 })),
-                        React.createElement(Image.Image, index.__assign({}, img)))))))));
-};
-
-exports.TemplateBanner = TemplateBanner;

package/dist/_shared/cjs/Text-DIA-MbS2.js

@@ -1,28 +0,0 @@
-'use strict';
-
-var index = require('./index-D6hGsItk.js');
-var index$1 = require('./index-CTlXMLug.js');
-var React = require('react');
-var Surface = require('./Surface-BCplA5V_.js');
-
-/**
- * Use `Text` to display text.
- */
-var Text = function (_a) {
-    var _b;
-    var _c = _a.align, align = _c === void 0 ? "left" : _c, children = _a.children, id = _a.id, _d = _a.isInline, isInline = _d === void 0 ? false : _d, _e = _a.isMeasured, isMeasured = _e === void 0 ? false : _e, _f = _a.size, size = _f === void 0 ? "m" : _f, _g = _a.tone, tone = _g === void 0 ? "default" : _g, _h = _a.elementType, elementType = _h === void 0 ? "span" : _h, props = index.__rest(_a, ["align", "children", "id", "isInline", "isMeasured", "size", "tone", "elementType"]);
-    var surface = React.useContext(Surface.Context).surface;
-    var Element = elementType;
-    return (React.createElement(Element, index.__assign({ id: id, className: index$1.classNames((_b = {
-                "arc-Text": true
-            },
-            _b[index.suffixModifier("arc-Text--align", align)] = align !== "left",
-            _b["arc-Text--inline"] = isInline,
-            _b["arc-Text--measured"] = isMeasured,
-            _b["arc-Text--size".concat(size && size.toUpperCase())] = size && size !== "m",
-            _b["arc-Text--".concat(tone)] = tone !== "default",
-            _b["arc-Text--onDarkSurface"] = surface === "dark",
-            _b)) }, index.filterAttrs(props)), children));
-};
-
-exports.Text = Text;

package/dist/_shared/cjs/TextInput-DyZc-njK.js

@@ -1,107 +0,0 @@
-'use strict';
-
-var index = require('./index-D6hGsItk.js');
-var index$1 = require('./index-CTlXMLug.js');
-var React = require('react');
-var FormControl = require('./FormControl-x7kC-Srg.js');
-var Surface = require('./Surface-BCplA5V_.js');
-var VisuallyHidden = require('./VisuallyHidden-BItgxu3C.js');
-var ThemeIcon = require('./ThemeIcon-CHgtRxWu.js');
-var Spinner = require('./Spinner-DmTvG4x-.js');
-
-/**
- * Infer the correct inputMode, pattern and type if specifying a `number` type.
- */
-var useNumericInput = function (props) {
-    var type = props.type === "number" ? "text" : props.type;
-    var inputMode = props.inputMode;
-    if (!props.inputMode) {
-        if (props.type === "email") {
-            inputMode = "email";
-        }
-        else if (props.type === "number") {
-            inputMode = "numeric";
-        }
-        else if (props.type === "tel") {
-            inputMode = "tel";
-        }
-        else if (props.type === "url") {
-            inputMode = "url";
-        }
-    }
-    var pattern = props.pattern;
-    if (!props.pattern && props.type === "number") {
-        pattern = "[0-9]*";
-    }
-    return { inputMode: inputMode, pattern: pattern, type: type };
-};
-
-var TextInputComponent = React.forwardRef(function (_a, ref) {
-    var _b;
-    var _c = _a.defaultValue, defaultValue = _c === void 0 ? "" : _c, errorMessage = _a.errorMessage, helper = _a.helper, hideLabel = _a.hideLabel, id = _a.id, inputMode = _a.inputMode, _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, label = _a.label, _g = _a.labelSize, labelSize = _g === void 0 ? "l" : _g, maxLength = _a.maxLength, minLength = _a.minLength, name = _a.name, onBlur = _a.onBlur, onFocus = _a.onFocus, onChange = _a.onChange, placeholder = _a.placeholder, onClickDisclosure = _a.onClickDisclosure, pattern = _a.pattern, _h = _a.type, type = _h === void 0 ? "text" : _h, _j = _a.showPassword, showPassword = _j === void 0 ? false : _j, value = _a.value, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, _k = _a.inputSize, inputSize = _k === void 0 ? "m" : _k, iconButton = _a.iconButton, prefix = _a.prefix, suffix = _a.suffix, _l = _a.inputAlignment, inputAlignment = _l === void 0 ? "left" : _l, width = _a.width, autoComplete = _a.autoComplete, isLoading = _a.isLoading, props = index.__rest(_a, ["defaultValue", "errorMessage", "helper", "hideLabel", "id", "inputMode", "isDisabled", "isReadOnly", "isRequired", "label", "labelSize", "maxLength", "minLength", "name", "onBlur", "onFocus", "onChange", "placeholder", "onClickDisclosure", "pattern", "type", "showPassword", "value", "disclosureTitle", "disclosureText", "inputSize", "iconButton", "prefix", "suffix", "inputAlignment", "width", "autoComplete", "isLoading"]);
-    var surface = React.useContext(Surface.Context).surface;
-    var _m = React.useState(false), showPasswordToggle = _m[0], setShowPasswordToggle = _m[1];
-    var inferredInputProps = useNumericInput({
-        inputMode: inputMode,
-        pattern: pattern,
-        type: showPasswordToggle ? "text" : type
-    });
-    // Although this is used within FormControlWrapper, it's deterministic so we can call it here too
-    var ariaDescribedby = FormControl.useAriaDescribedby({
-        errorMessage: errorMessage,
-        id: id,
-        helper: helper,
-        disclosureText: disclosureText
-    }).ariaDescribedby;
-    var buttonIconSize = {
-        s: 24,
-        m: 32,
-        l: 40
-    };
-    var spinnerSize = {
-        s: 16,
-        m: 24,
-        l: 32
-    };
-    return (React.createElement("div", index.__assign({ className: index$1.classNames((_b = {
-                "arc-TextInput": true,
-                "arc-TextInput--withAdditionalControl": showPassword || iconButton,
-                "arc-TextInput--alignRight": inputAlignment === "right",
-                "arc-TextInput--withPasswordToggle": showPassword,
-                "arc-TextInput--isDisabled": isDisabled || isLoading,
-                "arc-TextInput--invalid": errorMessage,
-                "arc-TextInput--onDarkSurface": surface === "dark",
-                "arc-TextInput--withPrefix": prefix,
-                "arc-TextInput--withSuffix": suffix
-            },
-            _b["arc-TextInput--size".concat(inputSize && inputSize.toUpperCase())] = inputSize && inputSize !== "m",
-            _b)) }, index.filterAttrs(props)),
-        React.createElement(FormControl.FormControl, { errorMessage: errorMessage, helper: helper, htmlFor: id, isDisabled: isDisabled, label: label, hideLabel: hideLabel, labelSize: labelSize, requirementStatus: isRequired ? "required" : "optional", disclosureTitle: disclosureTitle, disclosureText: disclosureText, onClickDisclosure: onClickDisclosure },
-            React.createElement("div", { className: "arc-TextInput-inputWrapper", style: { width: width, marginTop: hideLabel ? 0 : undefined } },
-                prefix && (React.createElement("span", { className: "arc-TextInput-prefix", "aria-hidden": true }, prefix)),
-                React.createElement("input", index.__assign({ placeholder: placeholder, "aria-describedby": ariaDescribedby, "aria-invalid": errorMessage ? "true" : "false", className: "arc-TextInput-input", defaultValue: typeof value !== "undefined" ? undefined : defaultValue, disabled: isDisabled || isLoading, id: id, maxLength: maxLength, minLength: minLength, name: name, onChange: onChange, onBlur: onBlur, onFocus: onFocus, readOnly: isReadOnly, ref: ref, required: isRequired, value: typeof value !== "undefined" ? value : undefined, autoComplete: autoComplete }, inferredInputProps)),
-                iconButton && !showPassword && (React.createElement("div", { className: "arc-TextInput-additionalControl" },
-                    React.createElement("button", { ref: iconButton.ref, className: "arc-TextInput-iconButton", disabled: isReadOnly || isDisabled, "aria-label": iconButton.label, onFocus: iconButton.onFocus, onClick: function (e) {
-                            e.preventDefault();
-                            iconButton.onClick();
-                        } },
-                        React.createElement(ThemeIcon.ThemeIcon, { icon: iconButton.icon, size: buttonIconSize[inputSize] })))),
-                suffix && !showPassword ? (React.createElement("span", { className: "arc-TextInput-suffix", "aria-hidden": true }, suffix)) : null,
-                showPassword && (React.createElement("div", { className: "arc-TextInput-additionalControl" },
-                    React.createElement("button", { className: "arc-TextInput-passwordToggle", onClick: function () { return setShowPasswordToggle(function (p) { return !p; }); }, type: "button" }, showPasswordToggle ? "Hide" : "Show"),
-                    React.createElement(VisuallyHidden.VisuallyHidden, null,
-                        React.createElement("div", { "aria-live": "polite" },
-                            React.createElement("p", null, showPasswordToggle
-                                ? "Your password is shown"
-                                : "Your password is hidden"))))),
-                isLoading && (React.createElement("span", { className: "arc-TextInput-spinner" },
-                    React.createElement(Spinner.Spinner, { size: spinnerSize[inputSize] })))))));
-});
-/**
- * Use `TextInput` to allow users to enter short form text.
- */
-var TextInput = React.forwardRef(function (props, ref) { return React.createElement(TextInputComponent, index.__assign({ ref: ref }, props)); });
-var TextInputWithPlaceHolder = React.forwardRef(function (props, ref) { return React.createElement(TextInputComponent, index.__assign({ ref: ref }, props)); });
-
-exports.TextInput = TextInput;
-exports.TextInputWithPlaceHolder = TextInputWithPlaceHolder;

package/dist/_shared/cjs/ThemeIcon-CHgtRxWu.js

@@ -1,22 +0,0 @@
-'use strict';
-
-var index = require('./index-D6hGsItk.js');
-var index$1 = require('./index-CTlXMLug.js');
-var React = require('react');
-var Surface = require('./Surface-BCplA5V_.js');
-
-var ThemeIcon = function (_a) {
-    var _b;
-    var size = _a.size, icon = _a.icon, _c = _a.color, color = _c === void 0 ? "auto" : _c, props = index.__rest(_a, ["size", "icon", "color"]);
-    var surface = React.useContext(Surface.Context).surface;
-    return (React.createElement("span", index.__assign({ style: {
-            height: size,
-            width: size
-        }, className: index$1.classNames("arc-ThemeIcon", "arc-ThemeIcon--".concat(icon), (_b = {
-                "arc-ThemeIcon--onDarkSurface": surface === "dark"
-            },
-            _b[index.suffixModifier("arc-ThemeIcon--color", color)] = color !== "auto",
-            _b)) }, index.filterAttrs(props))));
-};
-
-exports.ThemeIcon = ThemeIcon;