@arc-ui/components 11.7.0 → 11.9.0

package/dist/SiteFooter/SiteFooter.cjs.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 declare const _default: (el: HTMLDivElement, rehydrateChildren: any) => Promise<JSX.Element>;
-export { SiteFooter } from "../_shared/cjs/SiteFooter-9f7f9c2d";
+export { SiteFooter } from "../_shared/cjs/SiteFooter-5da774e1";
 export { _default as SiteFooterRehydrator };

package/dist/SiteFooter/SiteFooter.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var SiteFooter = require('../_shared/cjs/SiteFooter-9f7f9c2d.js');
+var SiteFooter = require('../_shared/cjs/SiteFooter-5da774e1.js');
 var filterDataAttrs = require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
 var React = require('react');
 require('../_shared/cjs/index.es-77def0c9.js');
@@ -11,7 +11,7 @@ require('../_shared/cjs/BrandLogo-8107d59f.js');
 require('../_shared/cjs/index-45bfb67b.js');
 require('../_shared/cjs/suffix-modifier-1ee2da04.js');
 require('../_shared/cjs/Surface-b7c51b2b.js');
-require('../_shared/cjs/Curve-b05589d8.js');
+require('../_shared/cjs/Curve-781ef633.js');
 require('../_shared/cjs/Section-48aca5f5.js');
 require('../_shared/cjs/handle-link-click-17a44cf4.js');
 

package/dist/SiteFooter/SiteFooter.esm.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 declare const _default: (el: HTMLDivElement, rehydrateChildren: any) => Promise<JSX.Element>;
-export { SiteFooter } from "../_shared/esm/SiteFooter-51bdc7df";
+export { SiteFooter } from "../_shared/esm/SiteFooter-a182cb18";
 export { _default as SiteFooterRehydrator };

package/dist/SiteFooter/SiteFooter.esm.js

@@ -1,5 +1,5 @@
-import { S as SiteFooter } from '../_shared/esm/SiteFooter-51bdc7df.js';
-export { S as SiteFooter } from '../_shared/esm/SiteFooter-51bdc7df.js';
+import { S as SiteFooter } from '../_shared/esm/SiteFooter-a182cb18.js';
+export { S as SiteFooter } from '../_shared/esm/SiteFooter-a182cb18.js';
 import { d as __awaiter, e as __generator, a as __assign } from '../_shared/esm/filter-data-attrs-afdb7d32.js';
 import React__default from 'react';
 import '../_shared/esm/index.es-00cb3bcb.js';
@@ -8,7 +8,7 @@ import '../_shared/esm/BrandLogo-9ec620e8.js';
 import '../_shared/esm/index-2ae58626.js';
 import '../_shared/esm/suffix-modifier-7e640670.js';
 import '../_shared/esm/Surface-dde51789.js';
-import '../_shared/esm/Curve-3e87b1bc.js';
+import '../_shared/esm/Curve-bbc5589c.js';
 import '../_shared/esm/Section-b8038d66.js';
 import '../_shared/esm/handle-link-click-f64f55a2.js';
 

package/dist/SiteHeader/SiteHeader.cjs.d.ts

@@ -1,2 +1,2 @@
 export { SiteHeader } from "../_shared/cjs/SiteHeader-c25ee36e";
-export { default as SiteHeaderRehydrator } from "../_shared/cjs/SiteHeader.rehydrator-ccbebde6";
+export { default as SiteHeaderRehydrator } from "../_shared/cjs/SiteHeader.rehydrator-acc9d8c4";

package/dist/SiteHeader/SiteHeader.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var SiteHeader_rehydrator = require('../_shared/cjs/SiteHeader.rehydrator-ccbebde6.js');
+var SiteHeader_rehydrator = require('../_shared/cjs/SiteHeader.rehydrator-acc9d8c4.js');
 require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
 require('react');
 require('../_shared/cjs/index-45bfb67b.js');
@@ -13,11 +13,11 @@ require('../_shared/cjs/BtIconChevronRight2Px-a8e40136.js');
 require('../_shared/cjs/Surface-b7c51b2b.js');
 require('../_shared/cjs/BrandLogo-8107d59f.js');
 require('../_shared/cjs/suffix-modifier-1ee2da04.js');
-require('../_shared/cjs/Button-b4d6ccc8.js');
+require('../_shared/cjs/Button-5aaa6776.js');
 require('../_shared/cjs/BtIconChevronLeftMid-df952a3e.js');
 require('../_shared/cjs/BtIconChevronRightMid-5a38d855.js');
 require('../_shared/cjs/Icon-e1dd45eb.js');
-require('../_shared/cjs/Text-555a29a4.js');
+require('../_shared/cjs/Text-fa447e2d.js');
 
 
 

package/dist/SiteHeader/SiteHeader.esm.d.ts

@@ -1,2 +1,2 @@
 export { SiteHeader } from "../_shared/esm/SiteHeader-c25ee36e";
-export { default as SiteHeaderRehydrator } from "../_shared/esm/SiteHeader.rehydrator-382d1c03";
+export { default as SiteHeaderRehydrator } from "../_shared/esm/SiteHeader.rehydrator-023b7b76";

package/dist/SiteHeader/SiteHeader.esm.js

@@ -1,4 +1,4 @@
-export { S as SiteHeader, a as SiteHeaderRehydrator } from '../_shared/esm/SiteHeader.rehydrator-382d1c03.js';
+export { S as SiteHeader, a as SiteHeaderRehydrator } from '../_shared/esm/SiteHeader.rehydrator-023b7b76.js';
 import '../_shared/esm/filter-data-attrs-afdb7d32.js';
 import 'react';
 import '../_shared/esm/index-2ae58626.js';
@@ -9,8 +9,8 @@ import '../_shared/esm/BtIconChevronRight2Px-b8e7b4ad.js';
 import '../_shared/esm/Surface-dde51789.js';
 import '../_shared/esm/BrandLogo-9ec620e8.js';
 import '../_shared/esm/suffix-modifier-7e640670.js';
-import '../_shared/esm/Button-9c3b0b11.js';
+import '../_shared/esm/Button-d1dbcf79.js';
 import '../_shared/esm/BtIconChevronLeftMid-9f4f3a3d.js';
 import '../_shared/esm/BtIconChevronRightMid-d9b11761.js';
 import '../_shared/esm/Icon-c1af47bc.js';
-import '../_shared/esm/Text-14deb70e.js';
+import '../_shared/esm/Text-40457811.js';

package/dist/Switch/Switch.cjs.d.ts

@@ -1,6 +1,6 @@
 import { FC } from "react";
 import { SwitchProps as RadixSwitchProps } from "@radix-ui/react-switch";
-import { FormControlProps } from "../_shared/cjs/FormControl-78b007b7";
+import { FormControlProps } from "../_shared/cjs/FormControl-1e1bf2bf";
 /** Use `Switch` to toggle between checked and not checked. */
 declare const Switch: FC<SwitchProps>;
 interface SwitchProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "disclosureText" | "disclosureTitle" | "onClickDisclosure" | "helper" | "supplementaryInfo"> {

package/dist/Switch/Switch.cjs.js

@@ -2,27 +2,212 @@
 
 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');
-var index_module = require('../_shared/cjs/index.module-9b87a34d.js');
-var index_module$1 = require('../_shared/cjs/index.module-5ea728f4.js');
+var _extends = require('../_shared/cjs/extends-bb8ffacd.js');
+var index_module = require('../_shared/cjs/index.module-bbcc4e18.js');
+require('react-dom');
 var Icon = require('../_shared/cjs/Icon-e1dd45eb.js');
 var BtIconTickAlt2Px = require('../_shared/cjs/BtIconTickAlt2Px-bdf06f8c.js');
 var Surface = require('../_shared/cjs/Surface-b7c51b2b.js');
-var FormControl = require('../_shared/cjs/FormControl-78b007b7.js');
+var FormControl = require('../_shared/cjs/FormControl-1e1bf2bf.js');
 var VerticalSpace = require('../_shared/cjs/VerticalSpace-86f697e7.js');
-var Text = require('../_shared/cjs/Text-555a29a4.js');
-require('react-dom');
-require('../_shared/cjs/filter-data-attrs-a30dcf5f.js');
+var Text = require('../_shared/cjs/Text-fa447e2d.js');
 require('../_shared/cjs/suffix-modifier-1ee2da04.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');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+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 React.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__*/ React.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 = React.useMemo(()=>context
+            , Object.values(context));
+            return /*#__PURE__*/ React.createElement(Context.Provider, {
+                value: value
+            }, children);
+        }
+        function useContext(consumerName, scope) {
+            const Context = (scope === null || scope === void 0 ? void 0 : scope[scopeName][index]) || BaseContext;
+            const context = React.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
+        ];
+    }
+    /* -----------------------------------------------------------------------------------------------
+   * createScope
+   * ---------------------------------------------------------------------------------------------*/ const createScope = ()=>{
+        const scopeContexts = defaultContexts.map((defaultContext)=>{
+            return /*#__PURE__*/ React.createContext(defaultContext);
+        });
+        return function useScope(scope) {
+            const contexts = (scope === null || scope === void 0 ? void 0 : scope[scopeName]) || scopeContexts;
+            return React.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 React.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 = React.useRef(callback);
+    React.useEffect(()=>{
+        callbackRef.current = callback;
+    }); // https://github.com/facebook/react/issues/19240
+    return React.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 = React.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 = React.useState(defaultProp);
+    const [value] = uncontrolledState;
+    const prevValueRef = React.useRef(value);
+    const handleChange = $b1b2314f5f9a1d84$export$25bec8c6f54ee79a(onChange);
+    React.useEffect(()=>{
+        if (prevValueRef.current !== value) {
+            handleChange(value);
+            prevValueRef.current = value;
+        }
+    }, [
+        value,
+        prevValueRef,
+        handleChange
+    ]);
+    return uncontrolledState;
+}
+
 function $db6c3485150b8e66$export$1ab7ae714698c4b8(element) {
     const [size, setSize] = React.useState(undefined);
     index_module.$9f79659886946c16$export$e5c5a5f917a5871c(()=>{
@@ -70,19 +255,57 @@ 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__*/ React.forwardRef((props, forwardedRef)=>{
+        const { asChild: asChild , ...primitiveProps } = props;
+        const Comp = asChild ? index_module.$5e63c961fc1ce211$export$8c6ed5c666ac1360 : node;
+        React.useEffect(()=>{
+            window[Symbol.for('radix-ui')] = true;
+        }, []);
+        return /*#__PURE__*/ React.createElement(Comp, _extends._extends({}, primitiveProps, {
+            ref: forwardedRef
+        }));
+    });
+    Node.displayName = `Primitive.${node}`;
+    return {
+        ...primitive,
+        [node]: Node
+    };
+}, {});
+
 /* -------------------------------------------------------------------------------------------------
  * Switch
  * -----------------------------------------------------------------------------------------------*/ const $6be4966fd9bbc698$var$SWITCH_NAME = 'Switch';
-const [$6be4966fd9bbc698$var$createSwitchContext, $6be4966fd9bbc698$export$cf7f5f17f69cbd43] = index_module.$c512c27ab02ef895$export$50c7b4e9d9f19c1($6be4966fd9bbc698$var$SWITCH_NAME);
+const [$6be4966fd9bbc698$var$createSwitchContext, $6be4966fd9bbc698$export$cf7f5f17f69cbd43] = $c512c27ab02ef895$export$50c7b4e9d9f19c1($6be4966fd9bbc698$var$SWITCH_NAME);
 const [$6be4966fd9bbc698$var$SwitchProvider, $6be4966fd9bbc698$var$useSwitchContext] = $6be4966fd9bbc698$var$createSwitchContext($6be4966fd9bbc698$var$SWITCH_NAME);
 const $6be4966fd9bbc698$export$b5d5cf8927ab7262 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
     const { __scopeSwitch: __scopeSwitch , name: name , checked: checkedProp , defaultChecked: defaultChecked , required: required , disabled: disabled , value: value = 'on' , onCheckedChange: onCheckedChange , ...switchProps } = props;
     const [button, setButton] = React.useState(null);
-    const composedRefs = index_module.$6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, (node)=>setButton(node)
+    const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(forwardedRef, (node)=>setButton(node)
     );
     const hasConsumerStoppedPropagationRef = React.useRef(false); // We set this to true by default so that events bubble to forms without JS (SSR)
     const isFormControl = button ? Boolean(button.closest('form')) : true;
-    const [checked = false, setChecked] = index_module.$71cd76cc60e0454e$export$6f32135080cb4c3({
+    const [checked = false, setChecked] = $71cd76cc60e0454e$export$6f32135080cb4c3({
         prop: checkedProp,
         defaultProp: defaultChecked,
         onChange: onCheckedChange
@@ -91,7 +314,7 @@ const $6be4966fd9bbc698$export$b5d5cf8927ab7262 = /*#__PURE__*/ React.forwardRef
         scope: __scopeSwitch,
         checked: checked,
         disabled: disabled
-    }, /*#__PURE__*/ React.createElement(index_module.$8927f6f2acc4f386$export$250ffa63cdc0d034.button, index_module._extends({
+    }, /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends._extends({
         type: "button",
         role: "switch",
         "aria-checked": checked,
@@ -102,7 +325,7 @@ const $6be4966fd9bbc698$export$b5d5cf8927ab7262 = /*#__PURE__*/ React.forwardRef
         value: value
     }, switchProps, {
         ref: composedRefs,
-        onClick: index_module.$e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onClick, (event)=>{
+        onClick: $e42e1063c40fb3ef$export$b9ecd428b558ff10(props.onClick, (event)=>{
             setChecked((prevChecked)=>!prevChecked
             );
             if (isFormControl) {
@@ -132,7 +355,7 @@ const $6be4966fd9bbc698$export$b5d5cf8927ab7262 = /*#__PURE__*/ React.forwardRef
 const $6be4966fd9bbc698$export$4d07bf653ea69106 = /*#__PURE__*/ React.forwardRef((props, forwardedRef)=>{
     const { __scopeSwitch: __scopeSwitch , ...thumbProps } = props;
     const context = $6be4966fd9bbc698$var$useSwitchContext($6be4966fd9bbc698$var$THUMB_NAME, __scopeSwitch);
-    return /*#__PURE__*/ React.createElement(index_module.$8927f6f2acc4f386$export$250ffa63cdc0d034.span, index_module._extends({
+    return /*#__PURE__*/ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.span, _extends._extends({
         "data-state": $6be4966fd9bbc698$var$getState(context.checked),
         "data-disabled": context.disabled ? '' : undefined
     }, thumbProps, {
@@ -142,7 +365,7 @@ const $6be4966fd9bbc698$export$4d07bf653ea69106 = /*#__PURE__*/ React.forwardRef
 /* ---------------------------------------------------------------------------------------------- */ const $6be4966fd9bbc698$var$BubbleInput = (props)=>{
     const { control: control , checked: checked , bubbles: bubbles = true , ...inputProps } = props;
     const ref = React.useRef(null);
-    const prevChecked = index_module$1.$010c2913dbd2fe3d$export$5cae361ad82dce8b(checked);
+    const prevChecked = index_module.$010c2913dbd2fe3d$export$5cae361ad82dce8b(checked);
     const controlSize = $db6c3485150b8e66$export$1ab7ae714698c4b8(control); // Bubble checked change to parents (e.g form change event)
     React.useEffect(()=>{
         const input = ref.current;
@@ -161,7 +384,7 @@ const $6be4966fd9bbc698$export$4d07bf653ea69106 = /*#__PURE__*/ React.forwardRef
         checked,
         bubbles
     ]);
-    return /*#__PURE__*/ React.createElement("input", index_module._extends({
+    return /*#__PURE__*/ React.createElement("input", _extends._extends({
         type: "checkbox",
         "aria-hidden": true,
         defaultChecked: checked
@@ -186,16 +409,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 = filterDataAttrs.__rest(_a, ["defaultChecked", "onCheckedChange", "label", "name", "onBlur", "value", "isDisabled", "errorMessage", "id", "labelSize", "statusText", "hideLabel"]);
     var surface = React.useContext(Surface.Context).surface;
     return (React__default["default"].createElement(FormControl.FormControl, { errorMessage: errorMessage, htmlFor: id, isDisabled: isDisabled, label: hideLabel ? "" : label, labelSize: labelSize, requirementStatus: "not-applicable" },
         !hideLabel && React__default["default"].createElement(VerticalSpace.VerticalSpace, { size: "8" }),
         React__default["default"].createElement("div", { className: "arc-Switch-container" },
-            React__default["default"].createElement($6be4966fd9bbc698$export$be92b6f5f03c0fe9, { id: id, "aria-label": label, defaultChecked: defaultChecked, name: name, value: value, onBlur: onBlur, onCheckedChange: onCheckedChange, disabled: isDisabled, className: index.classNames("arc-Switch", {
+            React__default["default"].createElement($6be4966fd9bbc698$export$be92b6f5f03c0fe9, filterDataAttrs.__assign({ id: id, "aria-label": label, defaultChecked: defaultChecked, name: name, value: value, onBlur: onBlur, onCheckedChange: onCheckedChange, disabled: isDisabled, className: index.classNames("arc-Switch", {
                     "arc-Switch--large": labelSize === "l",
                     "arc-Switch--isDisabled": isDisabled,
                     "arc-Switch--onDarkSurface": surface === "dark"
-                }) },
+                }) }, filterDataAttrs.filterDataAttrs(props)),
                 React__default["default"].createElement("div", { className: "arc-Switch-wrapper" },
                     React__default["default"].createElement($6be4966fd9bbc698$export$6521433ed15a34db, { className: "arc-Switch-thumb" },
                         React__default["default"].createElement("div", { className: "arc-Switch-thumbIcon" },

package/dist/Switch/Switch.esm.d.ts

@@ -1,6 +1,6 @@
 import { FC } from "react";
 import { SwitchProps as RadixSwitchProps } from "@radix-ui/react-switch";
-import { FormControlProps } from "../_shared/esm/FormControl-2fa7aae5";
+import { FormControlProps } from "../_shared/esm/FormControl-f18e2f59";
 /** Use `Switch` to toggle between checked and not checked. */
 declare const Switch: FC<SwitchProps>;
 interface SwitchProps extends Omit<FormControlProps, "children" | "elementType" | "htmlFor" | "requirementStatus" | "disclosureText" | "disclosureTitle" | "onClickDisclosure" | "helper" | "supplementaryInfo"> {