@arc-ui/components 11.7.0 → 11.9.0

package/dist/Switch/Switch.esm.js

@@ -1,20 +1,205 @@
-import React__default, { useState, forwardRef, useRef, createElement, useEffect, useContext } from 'react';
+import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-afdb7d32.js';
+import React__default, { useCallback, createContext, useMemo, createElement, useContext, useRef, useEffect, useState, forwardRef } from 'react';
 import { c as classNames } from '../_shared/esm/index-2ae58626.js';
-import { a as $9f79659886946c16$export$e5c5a5f917a5871c, b as $c512c27ab02ef895$export$50c7b4e9d9f19c1, $ as $6ed0406888f73fc4$export$c7b2cbe3552a0d05, c as $71cd76cc60e0454e$export$6f32135080cb4c3, e as $8927f6f2acc4f386$export$250ffa63cdc0d034, _ as _extends, f as $e42e1063c40fb3ef$export$b9ecd428b558ff10 } from '../_shared/esm/index.module-216016b5.js';
-import { $ as $010c2913dbd2fe3d$export$5cae361ad82dce8b } from '../_shared/esm/index.module-88179159.js';
+import { _ as _extends } from '../_shared/esm/extends-4575346e.js';
+import { a as $9f79659886946c16$export$e5c5a5f917a5871c, $ as $5e63c961fc1ce211$export$8c6ed5c666ac1360, b as $010c2913dbd2fe3d$export$5cae361ad82dce8b } from '../_shared/esm/index.module-5ed90b21.js';
+import 'react-dom';
 import { I as Icon } from '../_shared/esm/Icon-c1af47bc.js';
 import { B as BtIconTickAlt2Px_2 } from '../_shared/esm/BtIconTickAlt2Px-da97e9ae.js';
 import { C as Context } from '../_shared/esm/Surface-dde51789.js';
-import { F as FormControl } from '../_shared/esm/FormControl-2fa7aae5.js';
+import { F as FormControl } from '../_shared/esm/FormControl-f18e2f59.js';
 import { V as VerticalSpace } from '../_shared/esm/VerticalSpace-93980c9c.js';
-import { T as Text } from '../_shared/esm/Text-14deb70e.js';
-import 'react-dom';
-import '../_shared/esm/filter-data-attrs-afdb7d32.js';
+import { T as Text } from '../_shared/esm/Text-40457811.js';
 import '../_shared/esm/suffix-modifier-7e640670.js';
 import '../_shared/esm/BtIconAlert-55a6ed5c.js';
-import '../_shared/esm/DisclosureMini-78a8f392.js';
+import '../_shared/esm/DisclosureMini-9b819941.js';
 import '../_shared/esm/BtIconChevronDown2Px-782876e2.js';
 
+function $e42e1063c40fb3ef$export$b9ecd428b558ff10(originalEventHandler, ourEventHandler, { checkForDefaultPrevented: checkForDefaultPrevented = true  } = {}) {
+    return function handleEvent(event) {
+        originalEventHandler === null || originalEventHandler === void 0 || originalEventHandler(event);
+        if (checkForDefaultPrevented === false || !event.defaultPrevented) return ourEventHandler === null || ourEventHandler === void 0 ? void 0 : ourEventHandler(event);
+    };
+}
+
+/**
+ * Set a given ref to a given value
+ * This utility takes care of different types of refs: callback refs and RefObject(s)
+ */ function $6ed0406888f73fc4$var$setRef(ref, value) {
+    if (typeof ref === 'function') ref(value);
+    else if (ref !== null && ref !== undefined) ref.current = value;
+}
+/**
+ * A utility to compose multiple refs together
+ * Accepts callback refs and RefObject(s)
+ */ function $6ed0406888f73fc4$export$43e446d32b3d21af(...refs) {
+    return (node)=>refs.forEach((ref)=>$6ed0406888f73fc4$var$setRef(ref, node)
+        )
+    ;
+}
+/**
+ * A custom hook that composes multiple refs
+ * Accepts callback refs and RefObject(s)
+ */ function $6ed0406888f73fc4$export$c7b2cbe3552a0d05(...refs) {
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    return useCallback($6ed0406888f73fc4$export$43e446d32b3d21af(...refs), refs);
+}
+
+/* -------------------------------------------------------------------------------------------------
+ * createContextScope
+ * -----------------------------------------------------------------------------------------------*/ function $c512c27ab02ef895$export$50c7b4e9d9f19c1(scopeName, createContextScopeDeps = []) {
+    let defaultContexts = [];
+    /* -----------------------------------------------------------------------------------------------
+   * createContext
+   * ---------------------------------------------------------------------------------------------*/ function $c512c27ab02ef895$export$fd42f52fd3ae1109(rootComponentName, defaultContext) {
+        const BaseContext = /*#__PURE__*/ createContext(defaultContext);
+        const index = defaultContexts.length;
+        defaultContexts = [
+            ...defaultContexts,
+            defaultContext
+        ];
+        function Provider(props) {
+            const { scope: scope , children: children , ...context } = props;
+            const Context = (scope === null || scope === void 0 ? void 0 : scope[scopeName][index]) || BaseContext; // Only re-memoize when prop values change
+            // eslint-disable-next-line react-hooks/exhaustive-deps
+            const value = useMemo(()=>context
+            , Object.values(context));
+            return /*#__PURE__*/ createElement(Context.Provider, {
+                value: value
+            }, children);
+        }
+        function useContext$1(consumerName, scope) {
+            const Context = (scope === null || scope === void 0 ? void 0 : scope[scopeName][index]) || BaseContext;
+            const context = useContext(Context);
+            if (context) return context;
+            if (defaultContext !== undefined) return defaultContext; // if a defaultContext wasn't specified, it's a required context.
+            throw new Error(`\`${consumerName}\` must be used within \`${rootComponentName}\``);
+        }
+        Provider.displayName = rootComponentName + 'Provider';
+        return [
+            Provider,
+            useContext$1
+        ];
+    }
+    /* -----------------------------------------------------------------------------------------------
+   * createScope
+   * ---------------------------------------------------------------------------------------------*/ const createScope = ()=>{
+        const scopeContexts = defaultContexts.map((defaultContext)=>{
+            return /*#__PURE__*/ createContext(defaultContext);
+        });
+        return function useScope(scope) {
+            const contexts = (scope === null || scope === void 0 ? void 0 : scope[scopeName]) || scopeContexts;
+            return useMemo(()=>({
+                    [`__scope${scopeName}`]: {
+                        ...scope,
+                        [scopeName]: contexts
+                    }
+                })
+            , [
+                scope,
+                contexts
+            ]);
+        };
+    };
+    createScope.scopeName = scopeName;
+    return [
+        $c512c27ab02ef895$export$fd42f52fd3ae1109,
+        $c512c27ab02ef895$var$composeContextScopes(createScope, ...createContextScopeDeps)
+    ];
+}
+/* -------------------------------------------------------------------------------------------------
+ * composeContextScopes
+ * -----------------------------------------------------------------------------------------------*/ function $c512c27ab02ef895$var$composeContextScopes(...scopes) {
+    const baseScope = scopes[0];
+    if (scopes.length === 1) return baseScope;
+    const createScope1 = ()=>{
+        const scopeHooks = scopes.map((createScope)=>({
+                useScope: createScope(),
+                scopeName: createScope.scopeName
+            })
+        );
+        return function useComposedScopes(overrideScopes) {
+            const nextScopes1 = scopeHooks.reduce((nextScopes, { useScope: useScope , scopeName: scopeName  })=>{
+                // We are calling a hook inside a callback which React warns against to avoid inconsistent
+                // renders, however, scoping doesn't have render side effects so we ignore the rule.
+                // eslint-disable-next-line react-hooks/rules-of-hooks
+                const scopeProps = useScope(overrideScopes);
+                const currentScope = scopeProps[`__scope${scopeName}`];
+                return {
+                    ...nextScopes,
+                    ...currentScope
+                };
+            }, {});
+            return useMemo(()=>({
+                    [`__scope${baseScope.scopeName}`]: nextScopes1
+                })
+            , [
+                nextScopes1
+            ]);
+        };
+    };
+    createScope1.scopeName = baseScope.scopeName;
+    return createScope1;
+}
+
+/**
+ * A custom hook that converts a callback to a ref to avoid triggering re-renders when passed as a
+ * prop or avoid re-executing effects when passed as a dependency
+ */ function $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(callback) {
+    const callbackRef = useRef(callback);
+    useEffect(()=>{
+        callbackRef.current = callback;
+    }); // https://github.com/facebook/react/issues/19240
+    return useMemo(()=>(...args)=>{
+            var _callbackRef$current;
+            return (_callbackRef$current = callbackRef.current) === null || _callbackRef$current === void 0 ? void 0 : _callbackRef$current.call(callbackRef, ...args);
+        }
+    , []);
+}
+
+function $71cd76cc60e0454e$export$6f32135080cb4c3({ prop: prop , defaultProp: defaultProp , onChange: onChange = ()=>{}  }) {
+    const [uncontrolledProp, setUncontrolledProp] = $71cd76cc60e0454e$var$useUncontrolledState({
+        defaultProp: defaultProp,
+        onChange: onChange
+    });
+    const isControlled = prop !== undefined;
+    const value1 = isControlled ? prop : uncontrolledProp;
+    const handleChange = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onChange);
+    const setValue = useCallback((nextValue)=>{
+        if (isControlled) {
+            const setter = nextValue;
+            const value = typeof nextValue === 'function' ? setter(prop) : nextValue;
+            if (value !== prop) handleChange(value);
+        } else setUncontrolledProp(nextValue);
+    }, [
+        isControlled,
+        prop,
+        setUncontrolledProp,
+        handleChange
+    ]);
+    return [
+        value1,
+        setValue
+    ];
+}
+function $71cd76cc60e0454e$var$useUncontrolledState({ defaultProp: defaultProp , onChange: onChange  }) {
+    const uncontrolledState = useState(defaultProp);
+    const [value] = uncontrolledState;
+    const prevValueRef = useRef(value);
+    const handleChange = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onChange);
+    useEffect(()=>{
+        if (prevValueRef.current !== value) {
+            handleChange(value);
+            prevValueRef.current = value;
+        }
+    }, [
+        value,
+        prevValueRef,
+        handleChange
+    ]);
+    return uncontrolledState;
+}
+
 function $db6c3485150b8e66$export$1ab7ae714698c4b8(element) {
     const [size, setSize] = useState(undefined);
     $9f79659886946c16$export$e5c5a5f917a5871c(()=>{
@@ -62,6 +247,44 @@ function $db6c3485150b8e66$export$1ab7ae714698c4b8(element) {
     return size;
 }
 
+const $8927f6f2acc4f386$var$NODES = [
+    'a',
+    'button',
+    'div',
+    'h2',
+    'h3',
+    'img',
+    'label',
+    'li',
+    'nav',
+    'ol',
+    'p',
+    'span',
+    'svg',
+    'ul'
+]; // Temporary while we await merge of this fix:
+// https://github.com/DefinitelyTyped/DefinitelyTyped/pull/55396
+// prettier-ignore
+/* -------------------------------------------------------------------------------------------------
+ * Primitive
+ * -----------------------------------------------------------------------------------------------*/ const $8927f6f2acc4f386$export$250ffa63cdc0d034 = $8927f6f2acc4f386$var$NODES.reduce((primitive, node)=>{
+    const Node = /*#__PURE__*/ forwardRef((props, forwardedRef)=>{
+        const { asChild: asChild , ...primitiveProps } = props;
+        const Comp = asChild ? $5e63c961fc1ce211$export$8c6ed5c666ac1360 : node;
+        useEffect(()=>{
+            window[Symbol.for('radix-ui')] = true;
+        }, []);
+        return /*#__PURE__*/ createElement(Comp, _extends({}, primitiveProps, {
+            ref: forwardedRef
+        }));
+    });
+    Node.displayName = `Primitive.${node}`;
+    return {
+        ...primitive,
+        [node]: Node
+    };
+}, {});
+
 /* -------------------------------------------------------------------------------------------------
  * Switch
  * -----------------------------------------------------------------------------------------------*/ const $6be4966fd9bbc698$var$SWITCH_NAME = 'Switch';
@@ -178,16 +401,16 @@ const $6be4966fd9bbc698$export$6521433ed15a34db = $6be4966fd9bbc698$export$4d07b
 
 /** Use `Switch` to toggle between checked and not checked. */
 var Switch = function (_a) {
-    var defaultChecked = _a.defaultChecked, onCheckedChange = _a.onCheckedChange, label = _a.label, name = _a.name, onBlur = _a.onBlur, value = _a.value, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, errorMessage = _a.errorMessage, id = _a.id, _c = _a.labelSize, labelSize = _c === void 0 ? "s" : _c, statusText = _a.statusText, _d = _a.hideLabel, hideLabel = _d === void 0 ? false : _d;
+    var defaultChecked = _a.defaultChecked, onCheckedChange = _a.onCheckedChange, label = _a.label, name = _a.name, onBlur = _a.onBlur, value = _a.value, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, errorMessage = _a.errorMessage, id = _a.id, _c = _a.labelSize, labelSize = _c === void 0 ? "s" : _c, statusText = _a.statusText, _d = _a.hideLabel, hideLabel = _d === void 0 ? false : _d, props = __rest(_a, ["defaultChecked", "onCheckedChange", "label", "name", "onBlur", "value", "isDisabled", "errorMessage", "id", "labelSize", "statusText", "hideLabel"]);
     var surface = useContext(Context).surface;
     return (React__default.createElement(FormControl, { errorMessage: errorMessage, htmlFor: id, isDisabled: isDisabled, label: hideLabel ? "" : label, labelSize: labelSize, requirementStatus: "not-applicable" },
         !hideLabel && React__default.createElement(VerticalSpace, { size: "8" }),
         React__default.createElement("div", { className: "arc-Switch-container" },
-            React__default.createElement($6be4966fd9bbc698$export$be92b6f5f03c0fe9, { id: id, "aria-label": label, defaultChecked: defaultChecked, name: name, value: value, onBlur: onBlur, onCheckedChange: onCheckedChange, disabled: isDisabled, className: classNames("arc-Switch", {
+            React__default.createElement($6be4966fd9bbc698$export$be92b6f5f03c0fe9, __assign({ id: id, "aria-label": label, defaultChecked: defaultChecked, name: name, value: value, onBlur: onBlur, onCheckedChange: onCheckedChange, disabled: isDisabled, className: classNames("arc-Switch", {
                     "arc-Switch--large": labelSize === "l",
                     "arc-Switch--isDisabled": isDisabled,
                     "arc-Switch--onDarkSurface": surface === "dark"
-                }) },
+                }) }, filterDataAttrs(props)),
                 React__default.createElement("div", { className: "arc-Switch-wrapper" },
                     React__default.createElement($6be4966fd9bbc698$export$6521433ed15a34db, { className: "arc-Switch-thumb" },
                         React__default.createElement("div", { className: "arc-Switch-thumbIcon" },

package/dist/Tabs/Tabs.cjs.d.ts

@@ -0,0 +1 @@
+export { Tabs } from "../_shared/cjs/Tabs-fda49692";

package/dist/Tabs/Tabs.cjs.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Tabs = require('../_shared/cjs/Tabs-fda49692.js');
+require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
+require('react');
+require('../_shared/cjs/extends-bb8ffacd.js');
+require('../_shared/cjs/index-952918c9.js');
+require('react-dom');
+require('../_shared/cjs/index-27b53d49.js');
+require('../_shared/cjs/index-fb4b8fda.js');
+require('../_shared/cjs/Icon-e1dd45eb.js');
+require('../_shared/cjs/index-45bfb67b.js');
+require('../_shared/cjs/suffix-modifier-1ee2da04.js');
+require('../_shared/cjs/Surface-b7c51b2b.js');
+
+
+
+exports.Tabs = Tabs.Tabs;

package/dist/Tabs/Tabs.esm.d.ts

@@ -0,0 +1 @@
+export { Tabs } from "../_shared/esm/Tabs-5af0b940";

package/dist/Tabs/Tabs.esm.js

@@ -0,0 +1,12 @@
+export { T as Tabs } from '../_shared/esm/Tabs-5af0b940.js';
+import '../_shared/esm/filter-data-attrs-afdb7d32.js';
+import 'react';
+import '../_shared/esm/extends-4575346e.js';
+import '../_shared/esm/index-22aad354.js';
+import 'react-dom';
+import '../_shared/esm/index-8000d9e3.js';
+import '../_shared/esm/index-bed18a88.js';
+import '../_shared/esm/Icon-c1af47bc.js';
+import '../_shared/esm/index-2ae58626.js';
+import '../_shared/esm/suffix-modifier-7e640670.js';
+import '../_shared/esm/Surface-dde51789.js';

package/dist/Tabs/package.json

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

package/dist/Text/Text.cjs.d.ts

@@ -1 +1 @@
-export { Text } from "../_shared/cjs/Text-555a29a4";
+export { Text } from "../_shared/cjs/Text-fa447e2d";

package/dist/Text/Text.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Text = require('../_shared/cjs/Text-555a29a4.js');
+var Text = require('../_shared/cjs/Text-fa447e2d.js');
 require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
 require('../_shared/cjs/index-45bfb67b.js');
 require('react');

package/dist/Text/Text.esm.d.ts

@@ -1 +1 @@
-export { Text } from "../_shared/esm/Text-14deb70e";
+export { Text } from "../_shared/esm/Text-40457811";

package/dist/Text/Text.esm.js

@@ -1,4 +1,4 @@
-export { T as Text } from '../_shared/esm/Text-14deb70e.js';
+export { T as Text } from '../_shared/esm/Text-40457811.js';
 import '../_shared/esm/filter-data-attrs-afdb7d32.js';
 import '../_shared/esm/index-2ae58626.js';
 import 'react';

package/dist/TextArea/TextArea.cjs.d.ts

@@ -1,12 +1,15 @@
 /// <reference types="react" />
 import React from "react";
-import { FormControlProps } from "../_shared/cjs/FormControl-78b007b7";
+import { FormControlProps } from "../_shared/cjs/FormControl-1e1bf2bf";
 type EventType = React.ChangeEvent<HTMLTextAreaElement>;
+/** Use `TextArea` to allow custom user text entry via keyboard, for long-form and multi-line descriptions */
 declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
 interface TextAreaProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "helperUnderLabel"> {
     /**
      * Uncontrolled default value of the TextArea. If the TextArea is controlled
      * via `value`/`onChange`, `defaultValue` will be ignored.
+     *
+     * `defaultValue` is not to be used instead of helper text.
      */
     defaultValue?: string;
     /**

package/dist/TextArea/TextArea.cjs.js

@@ -5,46 +5,59 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
 var React = require('react');
 var index = require('../_shared/cjs/index-45bfb67b.js');
-require('../_shared/cjs/Base-569e4334.js');
-require('../_shared/cjs/Breadcrumbs-9f580f69.js');
 var Surface = require('../_shared/cjs/Surface-b7c51b2b.js');
-require('../_shared/cjs/Button-b4d6ccc8.js');
-require('../_shared/cjs/Card-f1108bfe.js');
-require('../_shared/cjs/Checkbox-c927b62f.js');
+require('../_shared/cjs/Heading-e3332dcf.js');
+var Text = require('../_shared/cjs/Text-fa447e2d.js');
+require('../_shared/cjs/Base-569e4334.js');
+require('../_shared/cjs/Breadcrumbs-0906dd10.js');
+require('../_shared/cjs/Button-5aaa6776.js');
+require('../_shared/cjs/Card-fd189ba8.js');
+require('../_shared/cjs/Checkbox-02c546ca.js');
 require('../_shared/cjs/Columns-e90798f8.js');
-require('../_shared/cjs/Heading-ed1cb455.js');
-var FormControl = require('../_shared/cjs/FormControl-78b007b7.js');
 require('../_shared/cjs/Filter-a7574fe7.js');
+var FormControl = require('../_shared/cjs/FormControl-1e1bf2bf.js');
 require('../_shared/cjs/Group-f85dd4c0.js');
 require('../_shared/cjs/Image-0e393cbf.js');
-require('../_shared/cjs/UniversalHeader-da622e1a.js');
 require('../_shared/cjs/Poster-faea1ad3.js');
-require('../_shared/cjs/RadioGroup-8e17de70.js');
-require('../_shared/cjs/SiteFooter-9f7f9c2d.js');
-require('../_shared/cjs/SiteHeader.rehydrator-ccbebde6.js');
-var Text = require('../_shared/cjs/Text-555a29a4.js');
-require('../_shared/cjs/TextInput-b768e346.js');
+require('../_shared/cjs/ProgressStepper-f740d7bb.js');
+require('../_shared/cjs/RadioGroup-d7664b0c.js');
 require('../_shared/cjs/debounce-506538c5.js');
+require('../_shared/cjs/SiteFooter-5da774e1.js');
+require('../_shared/cjs/SiteHeader.rehydrator-acc9d8c4.js');
+require('../_shared/cjs/Tabs-fda49692.js');
+require('../_shared/cjs/TextInput-f4549637.js');
+require('../_shared/cjs/Toast-0cb23cae.js');
+require('../_shared/cjs/UniversalHeader-da622e1a.js');
+require('../_shared/cjs/suffix-modifier-1ee2da04.js');
 require('../_shared/cjs/BtIconChevronRight2Px-a8e40136.js');
 require('../_shared/cjs/Icon-e1dd45eb.js');
-require('../_shared/cjs/suffix-modifier-1ee2da04.js');
 require('../_shared/cjs/handle-link-click-17a44cf4.js');
 require('../_shared/cjs/BtIconChevronLeftMid-df952a3e.js');
 require('../_shared/cjs/BtIconChevronRightMid-5a38d855.js');
 require('../_shared/cjs/BtIconTickAlt2Px-bdf06f8c.js');
 require('../_shared/cjs/BtIconAlert-637db790.js');
-require('../_shared/cjs/DisclosureMini-2a10006e.js');
+require('../_shared/cjs/DisclosureMini-52706ee6.js');
 require('../_shared/cjs/BtIconChevronDown2Px-8fb4e2eb.js');
+require('../_shared/cjs/VerticalSpace-86f697e7.js');
+require('../_shared/cjs/VisuallyHidden-e2c8b291.js');
 require('../_shared/cjs/index.es-77def0c9.js');
 require('../_shared/cjs/BrandLogo-8107d59f.js');
-require('../_shared/cjs/Curve-b05589d8.js');
+require('../_shared/cjs/Curve-781ef633.js');
 require('../_shared/cjs/Section-48aca5f5.js');
-require('../_shared/cjs/VisuallyHidden-e2c8b291.js');
+require('../_shared/cjs/extends-bb8ffacd.js');
+require('../_shared/cjs/index-952918c9.js');
+require('react-dom');
+require('../_shared/cjs/index-27b53d49.js');
+require('../_shared/cjs/index-fb4b8fda.js');
+require('../_shared/cjs/index-96c4d581.js');
+require('../_shared/cjs/BtIconCrossAlt2Px-30dc2688.js');
+require('../_shared/cjs/BtIconTick-42fcc5ec.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+/** 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, 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, onChange = _a.onChange, onClickDisclosure = _a.onClickDisclosure, value = _a.value, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, props = filterDataAttrs.__rest(_a, ["defaultValue", "errorMessage", "helper", "id", "resize", "isDisabled", "isReadOnly", "isRequired", "showCharacterCount", "label", "labelSize", "maxLength", "name", "onBlur", "onChange", "onClickDisclosure", "value", "disclosureTitle", "disclosureText"]);
     var surface = React.useContext(Surface.Context).surface;

package/dist/TextArea/TextArea.esm.d.ts

@@ -1,12 +1,15 @@
 /// <reference types="react" />
 import React from "react";
-import { FormControlProps } from "../_shared/esm/FormControl-2fa7aae5";
+import { FormControlProps } from "../_shared/esm/FormControl-f18e2f59";
 type EventType = React.ChangeEvent<HTMLTextAreaElement>;
+/** Use `TextArea` to allow custom user text entry via keyboard, for long-form and multi-line descriptions */
 declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
 interface TextAreaProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "helperUnderLabel"> {
     /**
      * Uncontrolled default value of the TextArea. If the TextArea is controlled
      * via `value`/`onChange`, `defaultValue` will be ignored.
+     *
+     * `defaultValue` is not to be used instead of helper text.
      */
     defaultValue?: string;
     /**

package/dist/TextArea/TextArea.esm.js

@@ -1,42 +1,55 @@
 import { _ as __rest, a as __assign, f as filterDataAttrs } from '../_shared/esm/filter-data-attrs-afdb7d32.js';
 import React__default, { forwardRef, useContext, useRef, useState } from 'react';
 import { c as classNames } from '../_shared/esm/index-2ae58626.js';
-import '../_shared/esm/Base-6c01e0ec.js';
-import '../_shared/esm/Breadcrumbs-5dc0afa7.js';
 import { C as Context } from '../_shared/esm/Surface-dde51789.js';
-import '../_shared/esm/Button-9c3b0b11.js';
-import '../_shared/esm/Card-79b6eae0.js';
-import '../_shared/esm/Checkbox-2d144384.js';
+import '../_shared/esm/Heading-0f629151.js';
+import { T as Text } from '../_shared/esm/Text-40457811.js';
+import '../_shared/esm/Base-6c01e0ec.js';
+import '../_shared/esm/Breadcrumbs-dafa8dde.js';
+import '../_shared/esm/Button-d1dbcf79.js';
+import '../_shared/esm/Card-e62c3ff6.js';
+import '../_shared/esm/Checkbox-d8891198.js';
 import '../_shared/esm/Columns-8704515b.js';
-import '../_shared/esm/Heading-ee6bec51.js';
-import { F as FormControl } from '../_shared/esm/FormControl-2fa7aae5.js';
 import '../_shared/esm/Filter-a01aed11.js';
+import { F as FormControl } from '../_shared/esm/FormControl-f18e2f59.js';
 import '../_shared/esm/Group-fb26fd32.js';
 import '../_shared/esm/Image-3ed3863c.js';
-import '../_shared/esm/UniversalHeader-1c5a886d.js';
 import '../_shared/esm/Poster-a83ae770.js';
-import '../_shared/esm/RadioGroup-65b8c8bf.js';
-import '../_shared/esm/SiteFooter-51bdc7df.js';
-import '../_shared/esm/SiteHeader.rehydrator-382d1c03.js';
-import { T as Text } from '../_shared/esm/Text-14deb70e.js';
-import '../_shared/esm/TextInput-62bb7dee.js';
+import '../_shared/esm/ProgressStepper-7ab88f4c.js';
+import '../_shared/esm/RadioGroup-be16d5d3.js';
 import '../_shared/esm/debounce-e228705f.js';
+import '../_shared/esm/SiteFooter-a182cb18.js';
+import '../_shared/esm/SiteHeader.rehydrator-023b7b76.js';
+import '../_shared/esm/Tabs-5af0b940.js';
+import '../_shared/esm/TextInput-4424c195.js';
+import '../_shared/esm/Toast-43795e91.js';
+import '../_shared/esm/UniversalHeader-1c5a886d.js';
+import '../_shared/esm/suffix-modifier-7e640670.js';
 import '../_shared/esm/BtIconChevronRight2Px-b8e7b4ad.js';
 import '../_shared/esm/Icon-c1af47bc.js';
-import '../_shared/esm/suffix-modifier-7e640670.js';
 import '../_shared/esm/handle-link-click-f64f55a2.js';
 import '../_shared/esm/BtIconChevronLeftMid-9f4f3a3d.js';
 import '../_shared/esm/BtIconChevronRightMid-d9b11761.js';
 import '../_shared/esm/BtIconTickAlt2Px-da97e9ae.js';
 import '../_shared/esm/BtIconAlert-55a6ed5c.js';
-import '../_shared/esm/DisclosureMini-78a8f392.js';
+import '../_shared/esm/DisclosureMini-9b819941.js';
 import '../_shared/esm/BtIconChevronDown2Px-782876e2.js';
+import '../_shared/esm/VerticalSpace-93980c9c.js';
+import '../_shared/esm/VisuallyHidden-b9eebf71.js';
 import '../_shared/esm/index.es-00cb3bcb.js';
 import '../_shared/esm/BrandLogo-9ec620e8.js';
-import '../_shared/esm/Curve-3e87b1bc.js';
+import '../_shared/esm/Curve-bbc5589c.js';
 import '../_shared/esm/Section-b8038d66.js';
-import '../_shared/esm/VisuallyHidden-b9eebf71.js';
+import '../_shared/esm/extends-4575346e.js';
+import '../_shared/esm/index-22aad354.js';
+import 'react-dom';
+import '../_shared/esm/index-8000d9e3.js';
+import '../_shared/esm/index-bed18a88.js';
+import '../_shared/esm/index-94ecc5f8.js';
+import '../_shared/esm/BtIconCrossAlt2Px-a6a9f431.js';
+import '../_shared/esm/BtIconTick-5fe50cc7.js';
 
+/** 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, 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, onChange = _a.onChange, onClickDisclosure = _a.onClickDisclosure, value = _a.value, disclosureTitle = _a.disclosureTitle, disclosureText = _a.disclosureText, props = __rest(_a, ["defaultValue", "errorMessage", "helper", "id", "resize", "isDisabled", "isReadOnly", "isRequired", "showCharacterCount", "label", "labelSize", "maxLength", "name", "onBlur", "onChange", "onClickDisclosure", "value", "disclosureTitle", "disclosureText"]);
     var surface = useContext(Context).surface;

package/dist/TextInput/TextInput.cjs.d.ts

@@ -1 +1 @@
-export { TextInput } from "../_shared/cjs/TextInput-7ed03a48";
+export { TextInput } from "../_shared/cjs/TextInput-13050538";

package/dist/TextInput/TextInput.cjs.js

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var TextInput = require('../_shared/cjs/TextInput-b768e346.js');
+var TextInput = require('../_shared/cjs/TextInput-f4549637.js');
 require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
 require('../_shared/cjs/index-45bfb67b.js');
 require('react');
-require('../_shared/cjs/FormControl-78b007b7.js');
+require('../_shared/cjs/FormControl-1e1bf2bf.js');
 require('../_shared/cjs/BtIconAlert-637db790.js');
 require('../_shared/cjs/Surface-b7c51b2b.js');
-require('../_shared/cjs/DisclosureMini-2a10006e.js');
+require('../_shared/cjs/DisclosureMini-52706ee6.js');
 require('../_shared/cjs/BtIconChevronDown2Px-8fb4e2eb.js');
-require('../_shared/cjs/Text-555a29a4.js');
+require('../_shared/cjs/Text-fa447e2d.js');
 require('../_shared/cjs/suffix-modifier-1ee2da04.js');
 require('../_shared/cjs/VisuallyHidden-e2c8b291.js');
 

package/dist/TextInput/TextInput.esm.d.ts

@@ -1 +1 @@
-export { TextInput } from "../_shared/esm/TextInput-7ed03a48";
+export { TextInput } from "../_shared/esm/TextInput-13050538";

package/dist/TextInput/TextInput.esm.js

@@ -1,12 +1,12 @@
-export { T as TextInput } from '../_shared/esm/TextInput-62bb7dee.js';
+export { T as TextInput } from '../_shared/esm/TextInput-4424c195.js';
 import '../_shared/esm/filter-data-attrs-afdb7d32.js';
 import '../_shared/esm/index-2ae58626.js';
 import 'react';
-import '../_shared/esm/FormControl-2fa7aae5.js';
+import '../_shared/esm/FormControl-f18e2f59.js';
 import '../_shared/esm/BtIconAlert-55a6ed5c.js';
 import '../_shared/esm/Surface-dde51789.js';
-import '../_shared/esm/DisclosureMini-78a8f392.js';
+import '../_shared/esm/DisclosureMini-9b819941.js';
 import '../_shared/esm/BtIconChevronDown2Px-782876e2.js';
-import '../_shared/esm/Text-14deb70e.js';
+import '../_shared/esm/Text-40457811.js';
 import '../_shared/esm/suffix-modifier-7e640670.js';
 import '../_shared/esm/VisuallyHidden-b9eebf71.js';

package/dist/Toast/Toast.cjs.d.ts

@@ -0,0 +1 @@
+export { Toast } from "../_shared/cjs/Toast-0cb23cae";

package/dist/Toast/Toast.cjs.js

@@ -0,0 +1,23 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Toast = require('../_shared/cjs/Toast-0cb23cae.js');
+require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
+require('react');
+require('../_shared/cjs/extends-bb8ffacd.js');
+require('react-dom');
+require('../_shared/cjs/index-952918c9.js');
+require('../_shared/cjs/index-27b53d49.js');
+require('../_shared/cjs/index-96c4d581.js');
+require('../_shared/cjs/index-45bfb67b.js');
+require('../_shared/cjs/BtIconCrossAlt2Px-30dc2688.js');
+require('../_shared/cjs/BtIconTick-42fcc5ec.js');
+require('../_shared/cjs/BtIconAlert-637db790.js');
+require('../_shared/cjs/Icon-e1dd45eb.js');
+require('../_shared/cjs/suffix-modifier-1ee2da04.js');
+require('../_shared/cjs/Surface-b7c51b2b.js');
+
+
+
+exports.Toast = Toast.Toast;

package/dist/Toast/Toast.esm.d.ts

@@ -0,0 +1 @@
+export { Toast } from "../_shared/esm/Toast-43795e91";