@mastra/playground-ui 60.1.0 → 60.2.0-alpha.0

package/dist/src/ds/new/settings/settings-row.stories.d.ts

@@ -0,0 +1,321 @@
+import { StoryObj } from '@storybook/react-vite';
+import { SettingsRow } from './index';
+declare const meta: {
+    title: string;
+    component: typeof SettingsRow;
+    parameters: {
+        layout: string;
+    };
+    args: {
+        label: string;
+        description: string;
+    };
+    decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react-vite').ReactRenderer, {
+        title?: string | undefined | undefined;
+        ref?: import('react').Ref<HTMLDivElement> | undefined;
+        suppressContentEditableWarning?: boolean | undefined | undefined;
+        suppressHydrationWarning?: boolean | undefined | undefined;
+        accessKey?: string | undefined | undefined;
+        autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
+        autoFocus?: boolean | undefined | undefined;
+        className?: string | undefined;
+        contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+        contextMenu?: string | undefined | undefined;
+        dir?: string | undefined | undefined;
+        draggable?: (boolean | "true" | "false") | undefined;
+        enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+        hidden?: boolean | undefined | undefined;
+        id?: string | undefined | undefined;
+        lang?: string | undefined | undefined;
+        nonce?: string | undefined | undefined;
+        slot?: string | undefined | undefined;
+        spellCheck?: (boolean | "true" | "false") | undefined;
+        style?: import('react').CSSProperties | ((state: import('@base-ui/react').FieldRootState) => React.CSSProperties | undefined) | undefined;
+        tabIndex?: number | undefined | undefined;
+        translate?: "yes" | "no" | undefined | undefined;
+        radioGroup?: string | undefined | undefined;
+        role?: import('react').AriaRole | undefined;
+        about?: string | undefined | undefined;
+        content?: string | undefined | undefined;
+        datatype?: string | undefined | undefined;
+        inlist?: any;
+        prefix?: string | undefined | undefined;
+        property?: string | undefined | undefined;
+        rel?: string | undefined | undefined;
+        resource?: string | undefined | undefined;
+        rev?: string | undefined | undefined;
+        typeof?: string | undefined | undefined;
+        vocab?: string | undefined | undefined;
+        autoCorrect?: string | undefined | undefined;
+        autoSave?: string | undefined | undefined;
+        itemProp?: string | undefined | undefined;
+        itemScope?: boolean | undefined | undefined;
+        itemType?: string | undefined | undefined;
+        itemID?: string | undefined | undefined;
+        itemRef?: string | undefined | undefined;
+        results?: number | undefined | undefined;
+        security?: string | undefined | undefined;
+        unselectable?: "on" | "off" | undefined | undefined;
+        popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
+        popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+        popoverTarget?: string | undefined | undefined;
+        inert?: boolean | undefined | undefined;
+        inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+        is?: string | undefined | undefined;
+        exportparts?: string | undefined | undefined;
+        part?: string | undefined | undefined;
+        "aria-activedescendant"?: string | undefined | undefined;
+        "aria-atomic"?: (boolean | "true" | "false") | undefined;
+        "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
+        "aria-braillelabel"?: string | undefined | undefined;
+        "aria-brailleroledescription"?: string | undefined | undefined;
+        "aria-busy"?: (boolean | "true" | "false") | undefined;
+        "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+        "aria-colcount"?: number | undefined | undefined;
+        "aria-colindex"?: number | undefined | undefined;
+        "aria-colindextext"?: string | undefined | undefined;
+        "aria-colspan"?: number | undefined | undefined;
+        "aria-controls"?: string | undefined | undefined;
+        "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+        "aria-describedby"?: string | undefined | undefined;
+        "aria-description"?: string | undefined | undefined;
+        "aria-details"?: string | undefined | undefined;
+        "aria-disabled"?: (boolean | "true" | "false") | undefined;
+        "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+        "aria-errormessage"?: string | undefined | undefined;
+        "aria-expanded"?: (boolean | "true" | "false") | undefined;
+        "aria-flowto"?: string | undefined | undefined;
+        "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+        "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
+        "aria-hidden"?: (boolean | "true" | "false") | undefined;
+        "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
+        "aria-keyshortcuts"?: string | undefined | undefined;
+        "aria-label"?: string | undefined | undefined;
+        "aria-labelledby"?: string | undefined | undefined;
+        "aria-level"?: number | undefined | undefined;
+        "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
+        "aria-modal"?: (boolean | "true" | "false") | undefined;
+        "aria-multiline"?: (boolean | "true" | "false") | undefined;
+        "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+        "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
+        "aria-owns"?: string | undefined | undefined;
+        "aria-placeholder"?: string | undefined | undefined;
+        "aria-posinset"?: number | undefined | undefined;
+        "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+        "aria-readonly"?: (boolean | "true" | "false") | undefined;
+        "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
+        "aria-required"?: (boolean | "true" | "false") | undefined;
+        "aria-roledescription"?: string | undefined | undefined;
+        "aria-rowcount"?: number | undefined | undefined;
+        "aria-rowindex"?: number | undefined | undefined;
+        "aria-rowindextext"?: string | undefined | undefined;
+        "aria-rowspan"?: number | undefined | undefined;
+        "aria-selected"?: (boolean | "true" | "false") | undefined;
+        "aria-setsize"?: number | undefined | undefined;
+        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+        "aria-valuemax"?: number | undefined | undefined;
+        "aria-valuemin"?: number | undefined | undefined;
+        "aria-valuenow"?: number | undefined | undefined;
+        "aria-valuetext"?: string | undefined | undefined;
+        dangerouslySetInnerHTML?: {
+            __html: string | TrustedHTML;
+        } | undefined | undefined;
+        onCopy?: ((event: import('@base-ui/react').BaseUIEvent<import('react').ClipboardEvent<HTMLDivElement>>) => void) | undefined;
+        onCopyCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').ClipboardEvent<HTMLDivElement>>) => void) | undefined;
+        onCut?: ((event: import('@base-ui/react').BaseUIEvent<import('react').ClipboardEvent<HTMLDivElement>>) => void) | undefined;
+        onCutCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').ClipboardEvent<HTMLDivElement>>) => void) | undefined;
+        onPaste?: ((event: import('@base-ui/react').BaseUIEvent<import('react').ClipboardEvent<HTMLDivElement>>) => void) | undefined;
+        onPasteCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').ClipboardEvent<HTMLDivElement>>) => void) | undefined;
+        onCompositionEnd?: ((event: import('@base-ui/react').BaseUIEvent<import('react').CompositionEvent<HTMLDivElement>>) => void) | undefined;
+        onCompositionEndCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').CompositionEvent<HTMLDivElement>>) => void) | undefined;
+        onCompositionStart?: ((event: import('@base-ui/react').BaseUIEvent<import('react').CompositionEvent<HTMLDivElement>>) => void) | undefined;
+        onCompositionStartCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').CompositionEvent<HTMLDivElement>>) => void) | undefined;
+        onCompositionUpdate?: ((event: import('@base-ui/react').BaseUIEvent<import('react').CompositionEvent<HTMLDivElement>>) => void) | undefined;
+        onCompositionUpdateCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').CompositionEvent<HTMLDivElement>>) => void) | undefined;
+        onFocus?: ((event: import('@base-ui/react').BaseUIEvent<import('react').FocusEvent<HTMLDivElement, Element>>) => void) | undefined;
+        onFocusCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').FocusEvent<HTMLDivElement, Element>>) => void) | undefined;
+        onBlur?: ((event: import('@base-ui/react').BaseUIEvent<import('react').FocusEvent<HTMLDivElement, Element>>) => void) | undefined;
+        onBlurCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').FocusEvent<HTMLDivElement, Element>>) => void) | undefined;
+        onChange?: ((event: import('@base-ui/react').BaseUIEvent<import('react').ChangeEvent<HTMLDivElement, Element>>) => void) | undefined;
+        onChangeCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').ChangeEvent<HTMLDivElement, Element>>) => void) | undefined;
+        onBeforeInput?: ((event: import('@base-ui/react').BaseUIEvent<import('react').InputEvent<HTMLDivElement>>) => void) | undefined;
+        onBeforeInputCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').InputEvent<HTMLDivElement>>) => void) | undefined;
+        onInput?: ((event: import('@base-ui/react').BaseUIEvent<import('react').InputEvent<HTMLDivElement>>) => void) | undefined;
+        onInputCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').InputEvent<HTMLDivElement>>) => void) | undefined;
+        onReset?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onResetCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onSubmit?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SubmitEvent<HTMLDivElement>>) => void) | undefined;
+        onSubmitCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SubmitEvent<HTMLDivElement>>) => void) | undefined;
+        onInvalid?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onInvalidCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onLoad?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onLoadCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onError?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onErrorCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onKeyDown?: ((event: import('@base-ui/react').BaseUIEvent<import('react').KeyboardEvent<HTMLDivElement>>) => void) | undefined;
+        onKeyDownCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').KeyboardEvent<HTMLDivElement>>) => void) | undefined;
+        onKeyPress?: ((event: import('@base-ui/react').BaseUIEvent<import('react').KeyboardEvent<HTMLDivElement>>) => void) | undefined;
+        onKeyPressCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').KeyboardEvent<HTMLDivElement>>) => void) | undefined;
+        onKeyUp?: ((event: import('@base-ui/react').BaseUIEvent<import('react').KeyboardEvent<HTMLDivElement>>) => void) | undefined;
+        onKeyUpCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').KeyboardEvent<HTMLDivElement>>) => void) | undefined;
+        onAbort?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onAbortCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onCanPlay?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onCanPlayCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onCanPlayThrough?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onCanPlayThroughCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onDurationChange?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onDurationChangeCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onEmptied?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onEmptiedCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onEncrypted?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onEncryptedCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onEnded?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onEndedCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onLoadedData?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onLoadedDataCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onLoadedMetadata?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onLoadedMetadataCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onLoadStart?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onLoadStartCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onPause?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onPauseCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onPlay?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onPlayCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onPlaying?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onPlayingCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onProgress?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onProgressCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onRateChange?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onRateChangeCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onSeeked?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onSeekedCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onSeeking?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onSeekingCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onStalled?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onStalledCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onSuspend?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onSuspendCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onTimeUpdate?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onTimeUpdateCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onVolumeChange?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onVolumeChangeCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onWaiting?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onWaitingCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onAuxClick?: ((event: import('@base-ui/react').BaseUIEvent<import('react').MouseEvent<HTMLDivElement, MouseEvent>>) => void) | undefined;
+        onAuxClickCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').MouseEvent<HTMLDivElement, MouseEvent>>) => void) | undefined;
+        onClick?: ((event: import('@base-ui/react').BaseUIEvent<import('react').MouseEvent<HTMLDivElement, MouseEvent>>) => void) | undefined;
+        onClickCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').MouseEvent<HTMLDivElement, MouseEvent>>) => void) | undefined;
+        onContextMenu?: ((event: import('@base-ui/react').BaseUIEvent<import('react').MouseEvent<HTMLDivElement, MouseEvent>>) => void) | undefined;
+        onContextMenuCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').MouseEvent<HTMLDivElement, MouseEvent>>) => void) | undefined;
+        onDoubleClick?: ((event: import('@base-ui/react').BaseUIEvent<import('react').MouseEvent<HTMLDivElement, MouseEvent>>) => void) | undefined;
+        onDoubleClickCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').MouseEvent<HTMLDivElement, MouseEvent>>) => void) | undefined;
+        onDrag?: ((event: import('@base-ui/react').BaseUIEvent<import('react').DragEvent<HTMLDivElement>>) => void) | undefined;
+        onDragCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').DragEvent<HTMLDivElement>>) => void) | undefined;
+        onDragEnd?: ((event: import('@base-ui/react').BaseUIEvent<import('react').DragEvent<HTMLDivElement>>) => void) | undefined;
+        onDragEndCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').DragEvent<HTMLDivElement>>) => void) | undefined;
+        onDragEnter?: ((event: import('@base-ui/react').BaseUIEvent<import('react').DragEvent<HTMLDivElement>>) => void) | undefined;
+        onDragEnterCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').DragEvent<HTMLDivElement>>) => void) | undefined;
+        onDragExit?: ((event: import('@base-ui/react').BaseUIEvent<import('react').DragEvent<HTMLDivElement>>) => void) | undefined;
+        onDragExitCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').DragEvent<HTMLDivElement>>) => void) | undefined;
+        onDragLeave?: ((event: import('@base-ui/react').BaseUIEvent<import('react').DragEvent<HTMLDivElement>>) => void) | undefined;
+        onDragLeaveCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').DragEvent<HTMLDivElement>>) => void) | undefined;
+        onDragOver?: ((event: import('@base-ui/react').BaseUIEvent<import('react').DragEvent<HTMLDivElement>>) => void) | undefined;
+        onDragOverCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').DragEvent<HTMLDivElement>>) => void) | undefined;
+        onDragStart?: ((event: import('@base-ui/react').BaseUIEvent<import('react').DragEvent<HTMLDivElement>>) => void) | undefined;
+        onDragStartCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').DragEvent<HTMLDivElement>>) => void) | undefined;
+        onDrop?: ((event: import('@base-ui/react').BaseUIEvent<import('react').DragEvent<HTMLDivElement>>) => void) | undefined;
+        onDropCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').DragEvent<HTMLDivElement>>) => void) | undefined;
+        onMouseDown?: ((event: import('@base-ui/react').BaseUIEvent<import('react').MouseEvent<HTMLDivElement, MouseEvent>>) => void) | undefined;
+        onMouseDownCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').MouseEvent<HTMLDivElement, MouseEvent>>) => void) | undefined;
+        onMouseEnter?: ((event: import('@base-ui/react').BaseUIEvent<import('react').MouseEvent<HTMLDivElement, MouseEvent>>) => void) | undefined;
+        onMouseLeave?: ((event: import('@base-ui/react').BaseUIEvent<import('react').MouseEvent<HTMLDivElement, MouseEvent>>) => void) | undefined;
+        onMouseMove?: ((event: import('@base-ui/react').BaseUIEvent<import('react').MouseEvent<HTMLDivElement, MouseEvent>>) => void) | undefined;
+        onMouseMoveCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').MouseEvent<HTMLDivElement, MouseEvent>>) => void) | undefined;
+        onMouseOut?: ((event: import('@base-ui/react').BaseUIEvent<import('react').MouseEvent<HTMLDivElement, MouseEvent>>) => void) | undefined;
+        onMouseOutCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').MouseEvent<HTMLDivElement, MouseEvent>>) => void) | undefined;
+        onMouseOver?: ((event: import('@base-ui/react').BaseUIEvent<import('react').MouseEvent<HTMLDivElement, MouseEvent>>) => void) | undefined;
+        onMouseOverCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').MouseEvent<HTMLDivElement, MouseEvent>>) => void) | undefined;
+        onMouseUp?: ((event: import('@base-ui/react').BaseUIEvent<import('react').MouseEvent<HTMLDivElement, MouseEvent>>) => void) | undefined;
+        onMouseUpCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').MouseEvent<HTMLDivElement, MouseEvent>>) => void) | undefined;
+        onSelect?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onSelectCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').SyntheticEvent<HTMLDivElement, Event>>) => void) | undefined;
+        onTouchCancel?: ((event: import('@base-ui/react').BaseUIEvent<import('react').TouchEvent<HTMLDivElement>>) => void) | undefined;
+        onTouchCancelCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').TouchEvent<HTMLDivElement>>) => void) | undefined;
+        onTouchEnd?: ((event: import('@base-ui/react').BaseUIEvent<import('react').TouchEvent<HTMLDivElement>>) => void) | undefined;
+        onTouchEndCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').TouchEvent<HTMLDivElement>>) => void) | undefined;
+        onTouchMove?: ((event: import('@base-ui/react').BaseUIEvent<import('react').TouchEvent<HTMLDivElement>>) => void) | undefined;
+        onTouchMoveCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').TouchEvent<HTMLDivElement>>) => void) | undefined;
+        onTouchStart?: ((event: import('@base-ui/react').BaseUIEvent<import('react').TouchEvent<HTMLDivElement>>) => void) | undefined;
+        onTouchStartCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').TouchEvent<HTMLDivElement>>) => void) | undefined;
+        onPointerDown?: ((event: import('@base-ui/react').BaseUIEvent<import('react').PointerEvent<HTMLDivElement>>) => void) | undefined;
+        onPointerDownCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').PointerEvent<HTMLDivElement>>) => void) | undefined;
+        onPointerMove?: ((event: import('@base-ui/react').BaseUIEvent<import('react').PointerEvent<HTMLDivElement>>) => void) | undefined;
+        onPointerMoveCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').PointerEvent<HTMLDivElement>>) => void) | undefined;
+        onPointerUp?: ((event: import('@base-ui/react').BaseUIEvent<import('react').PointerEvent<HTMLDivElement>>) => void) | undefined;
+        onPointerUpCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').PointerEvent<HTMLDivElement>>) => void) | undefined;
+        onPointerCancel?: ((event: import('@base-ui/react').BaseUIEvent<import('react').PointerEvent<HTMLDivElement>>) => void) | undefined;
+        onPointerCancelCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').PointerEvent<HTMLDivElement>>) => void) | undefined;
+        onPointerEnter?: ((event: import('@base-ui/react').BaseUIEvent<import('react').PointerEvent<HTMLDivElement>>) => void) | undefined;
+        onPointerLeave?: ((event: import('@base-ui/react').BaseUIEvent<import('react').PointerEvent<HTMLDivElement>>) => void) | undefined;
+        onPointerOver?: ((event: import('@base-ui/react').BaseUIEvent<import('react').PointerEvent<HTMLDivElement>>) => void) | undefined;
+        onPointerOverCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').PointerEvent<HTMLDivElement>>) => void) | undefined;
+        onPointerOut?: ((event: import('@base-ui/react').BaseUIEvent<import('react').PointerEvent<HTMLDivElement>>) => void) | undefined;
+        onPointerOutCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').PointerEvent<HTMLDivElement>>) => void) | undefined;
+        onGotPointerCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').PointerEvent<HTMLDivElement>>) => void) | undefined;
+        onGotPointerCaptureCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').PointerEvent<HTMLDivElement>>) => void) | undefined;
+        onLostPointerCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').PointerEvent<HTMLDivElement>>) => void) | undefined;
+        onLostPointerCaptureCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').PointerEvent<HTMLDivElement>>) => void) | undefined;
+        onScroll?: ((event: import('@base-ui/react').BaseUIEvent<import('react').UIEvent<HTMLDivElement, UIEvent>>) => void) | undefined;
+        onScrollCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').UIEvent<HTMLDivElement, UIEvent>>) => void) | undefined;
+        onScrollEnd?: ((event: import('@base-ui/react').BaseUIEvent<import('react').UIEvent<HTMLDivElement, UIEvent>>) => void) | undefined;
+        onScrollEndCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').UIEvent<HTMLDivElement, UIEvent>>) => void) | undefined;
+        onWheel?: ((event: import('@base-ui/react').BaseUIEvent<import('react').WheelEvent<HTMLDivElement>>) => void) | undefined;
+        onWheelCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').WheelEvent<HTMLDivElement>>) => void) | undefined;
+        onAnimationStart?: ((event: import('@base-ui/react').BaseUIEvent<import('react').AnimationEvent<HTMLDivElement>>) => void) | undefined;
+        onAnimationStartCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').AnimationEvent<HTMLDivElement>>) => void) | undefined;
+        onAnimationEnd?: ((event: import('@base-ui/react').BaseUIEvent<import('react').AnimationEvent<HTMLDivElement>>) => void) | undefined;
+        onAnimationEndCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').AnimationEvent<HTMLDivElement>>) => void) | undefined;
+        onAnimationIteration?: ((event: import('@base-ui/react').BaseUIEvent<import('react').AnimationEvent<HTMLDivElement>>) => void) | undefined;
+        onAnimationIterationCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').AnimationEvent<HTMLDivElement>>) => void) | undefined;
+        onToggle?: ((event: import('@base-ui/react').BaseUIEvent<import('react').ToggleEvent<HTMLDivElement>>) => void) | undefined;
+        onBeforeToggle?: ((event: import('@base-ui/react').BaseUIEvent<import('react').ToggleEvent<HTMLDivElement>>) => void) | undefined;
+        onTransitionCancel?: ((event: import('@base-ui/react').BaseUIEvent<import('react').TransitionEvent<HTMLDivElement>>) => void) | undefined;
+        onTransitionCancelCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').TransitionEvent<HTMLDivElement>>) => void) | undefined;
+        onTransitionEnd?: ((event: import('@base-ui/react').BaseUIEvent<import('react').TransitionEvent<HTMLDivElement>>) => void) | undefined;
+        onTransitionEndCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').TransitionEvent<HTMLDivElement>>) => void) | undefined;
+        onTransitionRun?: ((event: import('@base-ui/react').BaseUIEvent<import('react').TransitionEvent<HTMLDivElement>>) => void) | undefined;
+        onTransitionRunCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').TransitionEvent<HTMLDivElement>>) => void) | undefined;
+        onTransitionStart?: ((event: import('@base-ui/react').BaseUIEvent<import('react').TransitionEvent<HTMLDivElement>>) => void) | undefined;
+        onTransitionStartCapture?: ((event: import('@base-ui/react').BaseUIEvent<import('react').TransitionEvent<HTMLDivElement>>) => void) | undefined;
+        key?: import('react').Key | null | undefined;
+        disabled?: boolean | undefined | undefined;
+        name?: string | undefined | undefined;
+        render?: import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | import('@base-ui/react').ComponentRenderFn<import('@base-ui/react').HTMLProps, import('@base-ui/react').FieldRootState> | undefined;
+        actionsRef?: import('react').RefObject<import('@base-ui/react').FieldRootActions | null> | undefined;
+        validate?: ((value: unknown, formValues: import("@base-ui/react").Form.Values) => string | string[] | null | Promise<string | string[] | null>) | undefined | undefined;
+        validationMode?: import('@base-ui/react').FormValidationMode | undefined;
+        validationDebounceTime?: number | undefined | undefined;
+        dirty?: boolean | undefined | undefined;
+        touched?: boolean | undefined | undefined;
+        label: import('react').ReactNode;
+        description?: import('react').ReactNode;
+        htmlFor?: string | undefined;
+        children?: import('react').ReactNode;
+        tone?: "default" | "destructive" | undefined;
+        viewOnly?: boolean | undefined;
+        required?: boolean | undefined;
+        errorMsg?: import('react').ReactNode;
+    }>) => import("react").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+/** Selects and comboboxes beside the label share one width set by the row; other controls keep their own. */
+export declare const Controls: Story;
+/** A width class on the trigger overrides the row, e.g. a compact picker next to an action. */
+export declare const CompactOverride: Story;
+export declare const LongDescription: Story;
+export declare const ViewOnly: Story;
+export declare const Destructive: Story;
+export declare const Validation: Story;

package/dist/src/ds/primitives/form-element.d.ts

@@ -3,9 +3,14 @@ export declare const inputFocusBorderVisible = "focus-visible:border-border-focu
 export declare const inputFocusBorderWithin = "focus-within:border-border-focus";
 export declare const controlFocusBorderVisible = "outline-hidden focus-visible:outline-hidden focus-visible:border-border-focus";
 export declare const surfaceRimFocus = "focus-visible:outline-hidden focus-visible:[--surface-rim:var(--border-focus)]";
-export declare const fieldErrorRim = "[--field-rim:var(--destructive-indicator)] [--field-rim-focus:var(--destructive-indicator)]";
+export declare const fieldErrorRim = "aria-invalid:[--field-rim:var(--destructive-indicator)] aria-invalid:[--field-rim-focus:var(--destructive-indicator)]";
 export declare const fieldErrorRimWithin = "has-[[aria-invalid=true]]:[--field-rim:var(--destructive-indicator)] has-[[aria-invalid=true]]:[--field-rim-focus:var(--destructive-indicator)]";
+export declare function deprecatedErrorAria(error: boolean | undefined): {
+    'aria-invalid'?: true;
+};
+export declare const fieldTriggerErrorBorder = "aria-invalid:border-destructive-indicator aria-invalid:hover:border-destructive-indicator aria-invalid:focus-visible:border-destructive-indicator";
 export declare const fieldTriggerStyle: string;
+export declare const fieldTriggerWidthStyle = "w-(--field-width,100%) shrink-(--field-shrink,1)";
 export declare const inputSurfaceAndFocusStyle: string;
 export declare const inputSurfaceAndFocusWithinStyle: string;
 export declare const raisedControlSurfaceStyle: string;

package/dist/src/ds/primitives/textarea-control.d.ts

@@ -0,0 +1,3 @@
+import type * as React from 'react';
+export type TextareaControlProps = React.ComponentProps<'textarea'>;
+export declare function TextareaControl({ id, name, disabled, ref, ...props }: TextareaControlProps): React.JSX.Element;

package/dist/src/lib/form/components/form.d.ts

@@ -1,2 +1,2 @@
 import { default as React } from 'react';
-export declare const Form: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "ref"> & React.RefAttributes<HTMLFormElement>>;
+export declare function Form({ className, ...props }: React.ComponentProps<'form'>): React.JSX.Element;

package/dist/src/lib/keyboard/keyboard-dispatcher.d.ts

@@ -36,6 +36,8 @@ export type KeyboardLayer = {
     depth: number;
     bindings: UseKeydownArgs;
     shouldHandle?: (event: KeyboardEvent) => boolean;
+    /** When `false`, auto-repeated keydowns from a held key don't fire handlers. */
+    repeat?: boolean;
 };
 export type KeyboardDispatcher = {
     /** Registers a layer and returns its unregister function. */

package/dist/src/lib/keyboard/use-keydown.d.ts

@@ -14,6 +14,12 @@ export type UseKeydownOptions = {
      * unless the listener targets that field directly.
      */
     shouldHandle?: (event: KeyboardEvent) => boolean;
+    /**
+     * When `false`, holding a key runs its handler once instead of on every
+     * auto-repeat (repeats are still default-prevented). Use it for toggles.
+     * Defaults to `true`.
+     */
+    repeat?: boolean;
 };
 /**
  * Binds keyboard shortcuts (see `UseKeydownArgs` for the syntax).

package/dist/style.css

@@ -1565,6 +1565,10 @@
     margin-top: calc(var(--spacing) * -.5);
   }
 
+  .-mt-1 {
+    margin-top: calc(var(--spacing) * -1);
+  }
+
   .-mt-5 {
     margin-top: calc(var(--spacing) * -5);
   }
@@ -2569,6 +2573,10 @@
     width: var(--bar-width);
   }
 
+  .w-\(--field-width\,100\%\) {
+    width: var(--field-width, 100%);
+  }
+
   .w-\(--sidebar-width\) {
     width: var(--sidebar-width);
   }
@@ -3421,6 +3429,10 @@
     flex-shrink: 1;
   }
 
+  .shrink-\(--field-shrink\,1\) {
+    flex-shrink: var(--field-shrink, 1);
+  }
+
   .shrink-0 {
     flex-shrink: 0;
   }
@@ -7338,14 +7350,6 @@
     --field-disabled: var(--fill-subtle);
   }
 
-  .\[--field-rim-focus\:var\(--destructive-indicator\)\] {
-    --field-rim-focus: var(--destructive-indicator);
-  }
-
-  .\[--field-rim\:var\(--destructive-indicator\)\] {
-    --field-rim: var(--destructive-indicator);
-  }
-
   .\[--field-rim\:var\(--field-rim-on-surface\)\] {
     --field-rim: var(--field-rim-on-surface);
   }
@@ -7414,6 +7418,10 @@
     content-visibility: auto;
   }
 
+  .\[content-visibility\:visible\] {
+    content-visibility: visible;
+  }
+
   .\[overflow-clip-margin\:0\.75rem\] {
     overflow-clip-margin: .75rem;
   }
@@ -8565,10 +8573,6 @@
       border-color: var(--border-strong);
     }
 
-    .hover\:border-destructive-indicator:hover {
-      border-color: var(--destructive-indicator);
-    }
-
     .hover\:bg-badge-amber-strong:hover {
       background-color: var(--badge-amber-strong);
     }
@@ -8819,10 +8823,6 @@
     border-color: var(--border-focus);
   }
 
-  .focus-visible\:border-destructive-indicator:focus-visible {
-    border-color: var(--destructive-indicator);
-  }
-
   .focus-visible\:border-transparent:focus-visible {
     border-color: #0000;
   }
@@ -9054,6 +9054,10 @@
     }
   }
 
+  :where([data-disabled]) .in-data-disabled\:text-muted-foreground {
+    color: var(--muted-foreground);
+  }
+
   :where([data-sidebar-gesture="active"]) .in-data-\[sidebar-gesture\=active\]\:via-foreground\/45 {
     --tw-gradient-via: var(--foreground);
   }
@@ -9168,6 +9172,10 @@
     background-color: var(--fill);
   }
 
+  .not-data-disabled\:has-\[\[role\=checkbox\]\,\[role\=switch\]\,\[role\=radio\]\]\:cursor-pointer:not([data-disabled]):has(:is([role="checkbox"], [role="switch"], [role="radio"])) {
+    cursor: pointer;
+  }
+
   .has-\[textarea\]\:h-auto:has(:is(textarea)) {
     height: auto;
   }
@@ -9200,6 +9208,10 @@
     border-radius: var(--radius-xl);
   }
 
+  .has-\[\>\[data-slot\=field-label\]\:first-child\]\:justify-between:has( > [data-slot="field-label"]:first-child) {
+    justify-content: space-between;
+  }
+
   .has-\[\>button\]\:pr-1:has( > button) {
     padding-right: var(--spacing);
   }
@@ -9288,6 +9300,12 @@
     --field-rim: var(--destructive-indicator);
   }
 
+  @media (hover: hover) {
+    .aria-invalid\:hover\:border-destructive-indicator[aria-invalid="true"]:hover {
+      border-color: var(--destructive-indicator);
+    }
+  }
+
   .aria-invalid\:focus-visible\:border-destructive-indicator[aria-invalid="true"]:focus-visible {
     border-color: var(--destructive-indicator);
   }
@@ -9339,6 +9357,10 @@
     cursor: not-allowed;
   }
 
+  .data-disabled\:text-muted-foreground[data-disabled] {
+    color: var(--muted-foreground);
+  }
+
   .data-disabled\:opacity-50[data-disabled] {
     opacity: .5;
   }
@@ -10389,6 +10411,14 @@
       padding-bottom: calc(var(--spacing) * 3);
     }
 
+    .sm\:\[--field-shrink\:0\] {
+      --field-shrink: 0;
+    }
+
+    .sm\:\[--field-width\:16rem\] {
+      --field-width: 16rem;
+    }
+
     .sm\:group-data-\[variant\=default\]\/section\:gap-4:is(:where(.group\/section)[data-variant="default"] *) {
       gap: calc(var(--spacing) * 4);
     }
@@ -11855,6 +11885,10 @@
     appearance: textfield;
   }
 
+  :is([data-slot="field"], [data-slot="field-item"]):has( > [role="checkbox"],  > [role="switch"],  > [role="radio"]) .not-data-disabled\:\[\:is\(\[data-slot\=field\]\,\[data-slot\=field-item\]\)\:has\(\>\[role\=checkbox\]\,\>\[role\=switch\]\,\>\[role\=radio\]\)_\&\]\:cursor-pointer:not([data-disabled]) {
+    cursor: pointer;
+  }
+
   [data-sidebar-mobile-present="true"] .\[\[data-sidebar-mobile-present\=\'true\'\]_\&\]\:invisible {
     visibility: hidden;
   }

package/dist/{switch-Swt75_Sb.cjs → switch-BlE5ReVZ.cjs}

@@ -3,6 +3,7 @@
 require('./switch.css');const jsxRuntime = require('react/jsx-runtime');
 const _switch = require('@base-ui/react/switch');
 const React = require('react');
+const fieldControlAria = require('./field-control-aria-WzMGs0A4.cjs');
 const primitives_transitions = require('./primitives/transitions.cjs.js');
 const utils_cn = require('./cn-DG0X1KEP.cjs');
 
@@ -32,7 +33,7 @@ const Switch = React__namespace.forwardRef(
     const singleIcon = shouldRenderStateIcons ? void 0 : icon;
     const onIcon = checkedIcon ?? icon;
     const offIcon = uncheckedIcon ?? icon;
-    const renderProps = asChild && React__namespace.isValidElement(children) ? { render: children } : { render: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button" }), nativeButton: true };
+    const renderProps = asChild && React__namespace.isValidElement(children) ? { render: children } : { render: /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", ...fieldControlAria.keepOwnAccessibleName(props) }), nativeButton: true };
     return /* @__PURE__ */ jsxRuntime.jsxs(
       _switch.Switch.Root,
       {
@@ -122,4 +123,4 @@ function SwitchThumbIcon({
 }
 
 exports.Switch = Switch;
-//# sourceMappingURL=switch-Swt75_Sb.cjs.map
+//# sourceMappingURL=switch-BlE5ReVZ.cjs.map

package/dist/switch-BlE5ReVZ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch-BlE5ReVZ.cjs","sources":["../src/ds/components/Switch/switch.tsx"],"sourcesContent":["import { Switch as SwitchPrimitive } from '@base-ui/react/switch';\nimport * as React from 'react';\n\nimport { keepOwnAccessibleName } from '@/ds/components/Field/field-control-aria';\nimport { focusRingOffset } from '@/ds/primitives/transitions';\nimport { cn } from '@/lib/utils';\nimport './switch.css';\n\ntype SwitchProps = Omit<SwitchPrimitive.Root.Props, 'className'> & {\n  className?: string;\n  /** @deprecated Use Base UI's native `render` prop instead for stronger composition typing. */\n  asChild?: boolean;\n  icon?: React.ReactNode;\n  checkedIcon?: React.ReactNode;\n  uncheckedIcon?: React.ReactNode;\n};\n\nconst Switch = React.forwardRef<HTMLButtonElement, SwitchProps>(\n  ({ className, asChild, children, icon, checkedIcon, uncheckedIcon, ...props }, ref) => {\n    const shouldRenderStateIcons = checkedIcon !== undefined || uncheckedIcon !== undefined;\n    const shouldRenderIcon = icon !== undefined || shouldRenderStateIcons;\n\n    const singleIcon = shouldRenderStateIcons ? undefined : icon;\n    const onIcon = checkedIcon ?? icon;\n    const offIcon = uncheckedIcon ?? icon;\n\n    // Base UI's Switch.Root defaults to a `<span>` and forwards `id` to its\n    // hidden checkbox input. Render a native `<button>` (with `nativeButton`) so\n    // the consumer's `id` — and the click target — lands on the visible control,\n    // matching the previous Radix behavior.\n    const renderProps =\n      asChild && React.isValidElement(children)\n        ? { render: children as React.ReactElement }\n        : { render: <button type=\"button\" {...keepOwnAccessibleName(props)} />, nativeButton: true };\n\n    return (\n      <SwitchPrimitive.Root\n        ref={ref}\n        data-slot=\"switch\"\n        className={cn(\n          'peer group/switch inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-0 bg-fill-hover p-0.5',\n          'transition-colors duration-normal ease-out-custom motion-reduce:transition-none',\n          'hover:bg-fill-active',\n          'active:bg-fill-strong',\n          focusRingOffset,\n          'data-[checked]:bg-foreground/90',\n          'data-[checked]:hover:bg-foreground',\n          'data-[checked]:active:bg-foreground/75',\n          'data-[disabled]:cursor-not-allowed data-[disabled]:bg-fill-hover data-[disabled]:hover:bg-fill-hover',\n          'data-[disabled]:data-[checked]:bg-foreground/30 data-[disabled]:data-[checked]:hover:bg-foreground/30',\n          className,\n        )}\n        {...renderProps}\n        {...props}\n      >\n        {asChild ? undefined : children}\n        <SwitchPrimitive.Thumb\n          data-slot=\"switch-thumb\"\n          className={cn(\n            'switch-thumb-motion pointer-events-none relative block h-4 w-5 rounded-full bg-foreground',\n            'transition-[background-color,translate,width,transform] duration-normal ease-out-custom motion-reduce:transition-none',\n            'group-active/switch:w-6 group-data-[disabled]/switch:w-5',\n            'data-[checked]:translate-x-3 data-[checked]:bg-background data-[unchecked]:translate-x-0',\n            'group-active/switch:data-[checked]:translate-x-2',\n            'data-[disabled]:data-[checked]:bg-background/75 data-[disabled]:data-[unchecked]:bg-foreground/45',\n          )}\n        >\n          {shouldRenderIcon ? <SwitchThumbIcon checkedIcon={onIcon} icon={singleIcon} uncheckedIcon={offIcon} /> : null}\n        </SwitchPrimitive.Thumb>\n      </SwitchPrimitive.Root>\n    );\n  },\n);\nSwitch.displayName = 'Switch';\n\nfunction SwitchThumbIcon({\n  checkedIcon,\n  icon,\n  uncheckedIcon,\n}: {\n  checkedIcon?: React.ReactNode;\n  icon?: React.ReactNode;\n  uncheckedIcon?: React.ReactNode;\n}) {\n  const iconClassName = cn(\n    'absolute inset-0 flex items-center justify-center text-background',\n    'transition-[color,opacity] duration-normal ease-out-custom motion-reduce:transition-none',\n    '[&_svg]:stroke-2.5 [&_svg]:size-2.5',\n  );\n\n  if (icon !== undefined) {\n    return (\n      <span\n        aria-hidden\n        data-slot=\"switch-thumb-icon\"\n        className={cn(iconClassName, 'group-data-[checked]/switch:text-foreground')}\n      >\n        {icon}\n      </span>\n    );\n  }\n\n  return (\n    <>\n      {uncheckedIcon !== undefined ? (\n        <span\n          aria-hidden\n          data-slot=\"switch-thumb-icon\"\n          data-switch-icon=\"unchecked\"\n          className={cn(iconClassName, 'opacity-100 group-data-[checked]/switch:opacity-0')}\n        >\n          {uncheckedIcon}\n        </span>\n      ) : null}\n      {checkedIcon !== undefined ? (\n        <span\n          aria-hidden\n          data-slot=\"switch-thumb-icon\"\n          data-switch-icon=\"checked\"\n          className={cn(iconClassName, 'text-foreground opacity-0 group-data-[checked]/switch:opacity-100')}\n        >\n          {checkedIcon}\n        </span>\n      ) : null}\n    </>\n  );\n}\n\nexport { Switch };\nexport type { SwitchProps };\n"],"names":["React","jsx","keepOwnAccessibleName","jsxs","SwitchPrimitive","cn","focusRingOffset","Fragment"],"mappings":"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"}

package/dist/{switch-88fWFfVz.js → switch-MZ1oHrmp.js}

@@ -1,6 +1,7 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Switch as Switch$1 } from '@base-ui/react/switch';
 import * as React from 'react';
+import { k as keepOwnAccessibleName } from './field-control-aria-DB6y41tQ.js';
 import { focusRingOffset } from './primitives/transitions.es.js';
 import { c as cn } from './cn-65Adrsfj.js';
 
@@ -11,7 +12,7 @@ import './switch.css';const Switch = React.forwardRef(
     const singleIcon = shouldRenderStateIcons ? void 0 : icon;
     const onIcon = checkedIcon ?? icon;
     const offIcon = uncheckedIcon ?? icon;
-    const renderProps = asChild && React.isValidElement(children) ? { render: children } : { render: /* @__PURE__ */ jsx("button", { type: "button" }), nativeButton: true };
+    const renderProps = asChild && React.isValidElement(children) ? { render: children } : { render: /* @__PURE__ */ jsx("button", { type: "button", ...keepOwnAccessibleName(props) }), nativeButton: true };
     return /* @__PURE__ */ jsxs(
       Switch$1.Root,
       {
@@ -101,4 +102,4 @@ function SwitchThumbIcon({
 }
 
 export { Switch as S };
-//# sourceMappingURL=switch-88fWFfVz.js.map
+//# sourceMappingURL=switch-MZ1oHrmp.js.map