@vodafone_de/brix-components 17.1.2 → 18.0.0

package/dist/components/RichTextContentful/index.js

@@ -1,6 +1,6 @@
 "use client";
 import "react/jsx-runtime";
-import { a, r } from "../../index-XoIBkRyI.js";
+import { a, r } from "../../index-BLp5wi_X.js";
 export {
   a as default,
   r as richTextContentfulTags

package/dist/components/RichTextContentful/props.d.ts

@@ -34,7 +34,8 @@ export interface RichTextContentfulProps extends BrixComponentProps, Omit<HTMLAt
      */
     html: Document;
     /**
-     * Overrides the bottom spacing for all parsed block-level elements.
+     * Spacing between the parsed content blocks, applied as a CSS gap on the
+     * wrapper. Defaults to `md`. Has no effect when the root renders as `span`.
      */
     paragraphSpacing?: Spacing;
     /**

package/dist/components/RichTextContentful/styled.d.ts

@@ -1,2 +1,6 @@
 import { RichTextContentfulProps } from './props';
-export declare const RichTextContentfulStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "hidden" | "color" | "content" | "layout" | "style" | "translate" | "key" | "component" | "uid" | "bottomSpacing" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "title" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture"> & Omit<RichTextContentfulProps, "html" | "paragraphSpacing" | "tagProps">, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "hidden" | "color" | "content" | "layout" | "style" | "translate" | "key" | "component" | "uid" | "bottomSpacing" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "title" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture"> & Omit<RichTextContentfulProps, "html" | "paragraphSpacing" | "tagProps">, never>>> & string;
+export declare const RichTextContentfulStyled: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "hidden" | "color" | "content" | "layout" | "style" | "translate" | "key" | "component" | "uid" | "bottomSpacing" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "title" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "as" | "paragraphSpacing"> & Omit<RichTextContentfulProps, "html" | "tagProps"> & {
+    as?: string;
+}, never> & Partial<Pick<import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "hidden" | "color" | "content" | "layout" | "style" | "translate" | "key" | "component" | "uid" | "bottomSpacing" | "children" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "title" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "as" | "paragraphSpacing"> & Omit<RichTextContentfulProps, "html" | "tagProps"> & {
+    as?: string;
+}, never>>> & string;

package/dist/components/SearchInput/index.js

@@ -9,7 +9,7 @@ import { s as spacingMd, b as spacingNone } from "../../Spacing-Dj-qX3Z5.js";
 import { bn as CloseIcon } from "../../_5gPlusIcon-Bv-RNXxR.js";
 import styled from "styled-components";
 import IconButton from "../IconButton/index.js";
-import { I as InputWrapperStyled, a as InputStyled } from "../../styled-DYgC4qQm.js";
+import { I as InputWrapperStyled, a as InputStyled } from "../../styled-ldBsCamo.js";
 import { translateLayoutPropsToCss } from "../../foundations/layout/index.js";
 import forcedColors from "../../foundations/media-query/forcedColors/index.js";
 import { getBorderColor } from "../../foundations/token/getBorderColor/index.js";
@@ -17,7 +17,7 @@ import { getBorderWidth } from "../../foundations/token/getBorderWidth/index.js"
 import { getBottomSpacing } from "../../foundations/token/getBottomSpacing/index.js";
 import { g as getSpacing } from "../../index-l-i-mIeP.js";
 import { c as colorBorderFocus } from "../../BorderColor-BACbvI20.js";
-import { a as borderWidthFocus } from "../../BorderWidth-OZWeXaq_.js";
+import { b as borderWidthFocus } from "../../BorderWidth-CwrNKc0Q.js";
 import { s as shouldForwardProp } from "../../shouldForwardProp-CONMmlMa.js";
 const SearchInputButtonWrapperStyled = styled.div.withConfig({
   shouldForwardProp,

package/dist/components/SelectInput/index.js

@@ -18,7 +18,7 @@ import { g as getSpacing, c as capitalize } from "../../index-l-i-mIeP.js";
 import { getTextColor } from "../../foundations/token/getTextColor/index.js";
 import { a as colorBackgroundNeutral } from "../../BackgroundColor-Ba4D10TC.js";
 import { c as colorBorderFocus, a as colorBorderNeutral, b as colorBorderUnselected, d as colorBorderSuccess, e as colorBorderCritical } from "../../BorderColor-BACbvI20.js";
-import { b as borderRadiusMd } from "../../BorderRadius-Co-IV3fn.js";
+import { b as borderRadiusMd } from "../../BorderRadius-0jhn76gB.js";
 import { a as colorTextNeutral } from "../../TextColor-DsntmDNw.js";
 import { g as getCssVar } from "../../getCssVar-BP6T9pFM.js";
 import { s as shouldForwardProp } from "../../shouldForwardProp-CONMmlMa.js";

package/dist/components/SuggestInput/components/SuggestInputList/index.d.ts

@@ -1,3 +1,3 @@
 import { SuggestInputListProps } from './props';
-declare const SuggestInputList: ({ listItems, showList, filterItems, sortItems, selectedOption, listItemsRef, pickOption, uid, query, }: SuggestInputListProps) => import("react/jsx-runtime").JSX.Element;
+declare const SuggestInputList: ({ listItems, showList, selectedOption, listItemsRef, pickOption, uid, query, }: SuggestInputListProps) => import("react/jsx-runtime").JSX.Element;
 export default SuggestInputList;

package/dist/components/SuggestInput/components/SuggestInputList/props.d.ts

@@ -7,10 +7,8 @@ export interface SuggestInputListProps {
     listItems: SuggestInputProps['options'];
     listItemsRef: MutableRefObject<HTMLLIElement[]>;
     query: string;
-    filterItems: (item: string) => void;
     pickOption: (value: string) => void;
     showList: boolean;
     selectedOption: number;
     uid: string;
-    sortItems(query: string, a: string, b: string): number;
 }

package/dist/components/SuggestInput/index.js

@@ -1,11 +1,11 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useState, useEffect, useRef, useImperativeHandle } from "react";
+import { useState, useRef, useImperativeHandle, useEffect } from "react";
 import FormHelperLabel from "../FormHelperLabel/index.js";
 import FormHelperMessage from "../FormHelperMessage/index.js";
 import IconLoader from "../IconLoader/index.js";
 import { i as inputStateError } from "../../props-Czq9XX2J.js";
-import { I as InputWrapperStyled, a as InputStyled } from "../../styled-DYgC4qQm.js";
+import { I as InputWrapperStyled, a as InputStyled } from "../../styled-ldBsCamo.js";
 import { i as iconSizeSm } from "../../IconSize-Da9zhR76.js";
 import { c as spacingSm, a as spacingXs, s as spacingMd } from "../../Spacing-Dj-qX3Z5.js";
 import Body from "../Body/index.js";
@@ -115,21 +115,13 @@ const highlightQuery = (label, query) => {
 const SuggestInputList = ({
   listItems,
   showList,
-  filterItems,
-  sortItems,
   selectedOption,
   listItemsRef,
   pickOption,
   uid,
   query
 }) => {
-  const [options, setOptions] = useState(listItems);
-  useEffect(() => {
-    setOptions(listItems);
-  }, [listItems]);
-  return /* @__PURE__ */ jsx(SuggestInputListWrapperStyled, { showList, children: /* @__PURE__ */ jsx(SuggestInputListStyled, { role: "listbox", id: "listbox", tabIndex: -1, children: options == null ? void 0 : options.filter((listItem) => filterItems(listItem.label)).sort((a, b) => {
-    return sortItems(query, a.label, b.label);
-  }).map((listItem, index) => {
+  return /* @__PURE__ */ jsx(SuggestInputListWrapperStyled, { showList, children: /* @__PURE__ */ jsx(SuggestInputListStyled, { role: "listbox", id: `${uid}-listbox`, tabIndex: -1, children: listItems == null ? void 0 : listItems.map((listItem, index) => {
     const isSelected = index === selectedOption;
     return /* @__PURE__ */ jsx(SuggestInputListItemStyled, { ref: (el) => {
       listItemsRef.current[index] = el;
@@ -296,6 +288,7 @@ const SuggestInput = ({
     }
     return -1;
   };
+  const visibleOptions = (options ?? []).filter((listItem) => filterItems(listItem.label)).sort((a, b) => sortItems(value, a.label, b.label));
   const handleChange = (userInput) => {
     if (!showList && !loading) setShowList(true);
     setValue(userInput);
@@ -331,7 +324,7 @@ const SuggestInput = ({
     switch (event.key) {
       case "ArrowDown":
         if (!showList) setShowList(true);
-        if (options && options.length > 0 && listItemsRef.current[selectedOption + 1]) {
+        if (visibleOptions.length > 0 && listItemsRef.current[selectedOption + 1]) {
           moveToOption(listItemsRef.current[selectedOption + 1]);
           setSelectedOption(selectedOption + 1);
         } else {
@@ -341,20 +334,25 @@ const SuggestInput = ({
         break;
       case "ArrowUp":
         if (!showList) setShowList(true);
-        if (options && options.length > 0 && listItemsRef.current[selectedOption - 1]) {
+        if (visibleOptions.length > 0 && listItemsRef.current[selectedOption - 1]) {
           moveToOption(listItemsRef.current[selectedOption - 1]);
           setSelectedOption(selectedOption - 1);
-        } else if (options == null ? void 0 : options.length) {
-          moveToOption(listItemsRef.current[(options == null ? void 0 : options.length) - 1]);
-          setSelectedOption((options == null ? void 0 : options.length) - 1);
+        } else if (visibleOptions.length) {
+          moveToOption(listItemsRef.current[visibleOptions.length - 1]);
+          setSelectedOption(visibleOptions.length - 1);
         }
         break;
-      case "Enter":
-        if (showList) {
-          pickOption(listItemsRef.current[selectedOption].dataset.value);
-          (_a2 = inputRef.current) == null ? void 0 : _a2.setSelectionRange(value.length, value.length);
+      case "Enter": {
+        if (!showList) break;
+        const selectedItem = selectedOption > -1 ? listItemsRef.current[selectedOption] : void 0;
+        if (!(selectedItem == null ? void 0 : selectedItem.dataset.value)) {
+          closeList();
+          break;
         }
+        pickOption(selectedItem.dataset.value);
+        (_a2 = inputRef.current) == null ? void 0 : _a2.setSelectionRange(value.length, value.length);
         break;
+      }
       case "Escape":
         if (showList) {
           closeList();
@@ -374,7 +372,7 @@ const SuggestInput = ({
         setShowList(false);
       }, role: "combobox", value: ((_a = options == null ? void 0 : options.find((listItem) => listItem.value === value)) == null ? void 0 : _a.label) || value, ...{
         "aria-expanded": showList,
-        "aria-controls": "listbox",
+        "aria-controls": `${uid}-listbox`,
         "aria-activedescendant": selectedOption > -1 ? `${uid}-item-${selectedOption}` : void 0,
         "aria-busy": loading ? loading : void 0,
         "aria-autocomplete": "list"
@@ -387,7 +385,7 @@ const SuggestInput = ({
         }, tabIndex: -1, disabled, children: /* @__PURE__ */ jsx(IconLoader, { size: iconSizeSm, name: buttonIcon }) })
       ] })
     ] }),
-    /* @__PURE__ */ jsx(SuggestInputList, { listItems: options, listItemsRef, filterItems, sortItems, pickOption, query: value, showList, selectedOption, uid, ...{
+    /* @__PURE__ */ jsx(SuggestInputList, { listItems: visibleOptions, listItemsRef, pickOption, query: value, showList, selectedOption, uid, ...{
       "aria-label": label
     } }),
     /* @__PURE__ */ jsx(FormHelperMessage, { id: messageId, status, message: inputStateError === status ? errorMessage : helperText })

package/dist/components/Switch/index.js

@@ -16,8 +16,8 @@ import { getObjectColor } from "../../foundations/token/getObjectColor/index.js"
 import { getOpacity } from "../../foundations/token/getOpacity/index.js";
 import { g as getSpacing } from "../../index-l-i-mIeP.js";
 import { c as colorBorderFocus } from "../../BorderColor-BACbvI20.js";
-import { d as borderRadiusFull } from "../../BorderRadius-Co-IV3fn.js";
-import { a as borderWidthFocus, d as borderWidthSm } from "../../BorderWidth-OZWeXaq_.js";
+import { d as borderRadiusFull } from "../../BorderRadius-0jhn76gB.js";
+import { b as borderWidthFocus, d as borderWidthSm } from "../../BorderWidth-CwrNKc0Q.js";
 import { e as colorObjectInverse, f as colorObjectSelected, g as colorObjectUnselected } from "../../ObjectColor-CSHEae46.js";
 import { a as opacityDisabled } from "../../Opacity-smkGiwsf.js";
 import { s as spacingMd, a as spacingXs } from "../../Spacing-Dj-qX3Z5.js";

package/dist/components/TabGroup/index.js

@@ -21,8 +21,8 @@ import { getObjectColor } from "../../foundations/token/getObjectColor/index.js"
 import { g as getSpacing } from "../../index-l-i-mIeP.js";
 import { a as colorBackgroundNeutral } from "../../BackgroundColor-Ba4D10TC.js";
 import { f as colorBorderSubtle, c as colorBorderFocus } from "../../BorderColor-BACbvI20.js";
-import { a as borderRadiusSm } from "../../BorderRadius-Co-IV3fn.js";
-import { a as borderWidthFocus } from "../../BorderWidth-OZWeXaq_.js";
+import { c as borderRadiusSm } from "../../BorderRadius-0jhn76gB.js";
+import { b as borderWidthFocus } from "../../BorderWidth-CwrNKc0Q.js";
 import { a as fontWeightBold } from "../../FontWeight-C8c-UnWu.js";
 import { d as colorObjectBrand } from "../../ObjectColor-CSHEae46.js";
 import { s as spacingMd, c as spacingSm, a as spacingXs, f as spacing2Xs } from "../../Spacing-Dj-qX3Z5.js";
@@ -165,16 +165,17 @@ const TabGroup = ({
   onTabChange,
   ...props
 }) => {
-  if (!(tabs == null ? void 0 : tabs.length)) return null;
   const getValueFromUrl = () => {
     if (typeof window === "undefined") return null;
+    if (!(tabs == null ? void 0 : tabs.length)) return null;
     const hash = window.location.hash;
     if (!hash.startsWith("#tab-")) return null;
     const tabValueFromHash = hash.replace("#tab-", "");
     return tabs.some((tab) => tab.value === tabValueFromHash) ? tabValueFromHash : null;
   };
   const [activeTab, setActiveTab] = useState(() => {
-    return activeValue || tabs[0].value || "";
+    var _a;
+    return activeValue || ((_a = tabs == null ? void 0 : tabs[0]) == null ? void 0 : _a.value) || "";
   });
   const [indicatorStyle, setIndicatorStyle] = useState({
     left: 0,
@@ -200,6 +201,11 @@ const TabGroup = ({
       setActiveTab(activeValue);
     }
   }, [activeValue]);
+  useEffect(() => {
+    if (!activeTab && (tabs == null ? void 0 : tabs.length)) {
+      setActiveTab(tabs[0].value || "");
+    }
+  }, [tabs]);
   useEffect(() => {
     const valueFromUrl = getValueFromUrl();
     if (valueFromUrl) {
@@ -238,6 +244,7 @@ const TabGroup = ({
       });
     }
   }, [activeTab, width]);
+  if (!(tabs == null ? void 0 : tabs.length)) return null;
   const scrollTabIntoView = (tabEl) => {
     if (width !== "auto") return;
     const containerEl = tabsContainerRef.current;

package/dist/components/TabGroup/validate.d.ts

@@ -80,6 +80,7 @@ export declare const tabGroupSchema: z.ZodUnion<readonly [z.ZodObject<{
             Filter: "Filter";
             Grid: "Grid";
             Notification: "Notification";
+            Video: "Video";
             Focus: "Focus";
             AbTest: "AbTest";
             Above28: "Above28";
@@ -634,7 +635,6 @@ export declare const tabGroupSchema: z.ZodUnion<readonly [z.ZodObject<{
             VfHappyHelpful: "VfHappyHelpful";
             VfHappy: "VfHappy";
             VideoFrame: "VideoFrame";
-            Video: "Video";
             Virtuoso: "Virtuoso";
             VirusProtection: "VirusProtection";
             VocSensor: "VocSensor";
@@ -745,6 +745,7 @@ export declare const tabGroupSchema: z.ZodUnion<readonly [z.ZodObject<{
             Filter: "Filter";
             Grid: "Grid";
             Notification: "Notification";
+            Video: "Video";
             Focus: "Focus";
             AbTest: "AbTest";
             Above28: "Above28";
@@ -1299,7 +1300,6 @@ export declare const tabGroupSchema: z.ZodUnion<readonly [z.ZodObject<{
             VfHappyHelpful: "VfHappyHelpful";
             VfHappy: "VfHappy";
             VideoFrame: "VideoFrame";
-            Video: "Video";
             Virtuoso: "Virtuoso";
             VirusProtection: "VirusProtection";
             VocSensor: "VocSensor";

package/dist/components/Table/index.js

@@ -1,6 +1,6 @@
 "use client";
-import { T as TableWrapper } from "../../index-XoIBkRyI.js";
-import { b, c, d, e, t, h, i } from "../../index-XoIBkRyI.js";
+import { T as TableWrapper } from "../../index-BLp5wi_X.js";
+import { b, c, d, e, t, h, i } from "../../index-BLp5wi_X.js";
 export {
   b as TableBody,
   c as TableCell,

package/dist/components/TabularPrice/index.js

@@ -1,8 +1,9 @@
 "use client";
 import "react/jsx-runtime";
 import "react";
-import { T } from "../../index-B7QEcUdq.js";
-import { t } from "../../props-P3bM0HEk.js";
+import { T } from "../../index-BXTweg2t.js";
+import "../../index-Dgu9iIhb.js";
+import { t } from "../../props-n71pckjd.js";
 export {
   T as default,
   t as tabularPricePrefixWeights

package/dist/components/TextList/components/TextListItem/index.js

@@ -1,6 +1,6 @@
 "use client";
 import "react/jsx-runtime";
-import { g } from "../../../../index-XoIBkRyI.js";
+import { g } from "../../../../index-BLp5wi_X.js";
 import "../../../../props-B5OwQmNC.js";
 export {
   g as default

package/dist/components/TextList/index.js

@@ -3,7 +3,7 @@ import "react/jsx-runtime";
 import "react";
 import "../../tags-BeNegJAK.js";
 import "../../Spacing-Dj-qX3Z5.js";
-import { f } from "../../index-XoIBkRyI.js";
+import { f } from "../../index-BLp5wi_X.js";
 import { t } from "../../props-B5OwQmNC.js";
 export {
   f as default,

package/dist/components/Textarea/index.js

@@ -18,7 +18,7 @@ import { g as getSpacing } from "../../index-l-i-mIeP.js";
 import { getTextColor } from "../../foundations/token/getTextColor/index.js";
 import { a as colorBackgroundNeutral, d as colorBackgroundSubtle } from "../../BackgroundColor-Ba4D10TC.js";
 import { a as colorBorderNeutral, c as colorBorderFocus, b as colorBorderUnselected, d as colorBorderSuccess, e as colorBorderCritical } from "../../BorderColor-BACbvI20.js";
-import { b as borderRadiusMd } from "../../BorderRadius-Co-IV3fn.js";
+import { b as borderRadiusMd } from "../../BorderRadius-0jhn76gB.js";
 import { t as textHeadingXs } from "../../HeadingSize-O__w72MO.js";
 import { c as colorTextPlaceholder, a as colorTextNeutral } from "../../TextColor-DsntmDNw.js";
 import { g as getCssVar } from "../../getCssVar-BP6T9pFM.js";

package/dist/components/TimeInput/index.js

@@ -6,14 +6,14 @@ import FormHelperLabel from "../FormHelperLabel/index.js";
 import FormHelperMessage from "../FormHelperMessage/index.js";
 import { s as spacingMd, a as spacingXs } from "../../Spacing-Dj-qX3Z5.js";
 import { i as inputStateError } from "../../props-Czq9XX2J.js";
-import { a as InputStyled, I as InputWrapperStyled } from "../../styled-DYgC4qQm.js";
+import { a as InputStyled, I as InputWrapperStyled } from "../../styled-ldBsCamo.js";
 import { i as iconSizeSm } from "../../IconSize-Da9zhR76.js";
 import { bm as ClockIcon } from "../../_5gPlusIcon-Bv-RNXxR.js";
 import styled from "styled-components";
 import { getBorderColor } from "../../foundations/token/getBorderColor/index.js";
 import { getBorderWidth } from "../../foundations/token/getBorderWidth/index.js";
 import { c as colorBorderFocus } from "../../BorderColor-BACbvI20.js";
-import { a as borderWidthFocus } from "../../BorderWidth-OZWeXaq_.js";
+import { b as borderWidthFocus } from "../../BorderWidth-CwrNKc0Q.js";
 const ClockIconStyled = styled(ClockIcon).withConfig({
   displayName: "ClockIconStyled",
   componentId: "sc-1odlw8-0"

package/dist/components/ToggleButtonProvider/validate.d.ts

@@ -72,6 +72,7 @@ export declare const toggleButtonProviderExclusiveSchema: z.ZodObject<{
         Filter: "Filter";
         Grid: "Grid";
         Notification: "Notification";
+        Video: "Video";
         Focus: "Focus";
         AbTest: "AbTest";
         Above28: "Above28";
@@ -626,7 +627,6 @@ export declare const toggleButtonProviderExclusiveSchema: z.ZodObject<{
         VfHappyHelpful: "VfHappyHelpful";
         VfHappy: "VfHappy";
         VideoFrame: "VideoFrame";
-        Video: "Video";
         Virtuoso: "Virtuoso";
         VirusProtection: "VirusProtection";
         VocSensor: "VocSensor";
@@ -662,6 +662,7 @@ export declare const toggleButtonProviderExclusiveSchema: z.ZodObject<{
         Filter: "Filter";
         Grid: "Grid";
         Notification: "Notification";
+        Video: "Video";
         Focus: "Focus";
         AbTest: "AbTest";
         Above28: "Above28";
@@ -1216,7 +1217,6 @@ export declare const toggleButtonProviderExclusiveSchema: z.ZodObject<{
         VfHappyHelpful: "VfHappyHelpful";
         VfHappy: "VfHappy";
         VideoFrame: "VideoFrame";
-        Video: "Video";
         Virtuoso: "Virtuoso";
         VirusProtection: "VirusProtection";
         VocSensor: "VocSensor";
@@ -1325,6 +1325,7 @@ export declare const toggleButtonProviderMultiSchema: z.ZodObject<{
         Filter: "Filter";
         Grid: "Grid";
         Notification: "Notification";
+        Video: "Video";
         Focus: "Focus";
         AbTest: "AbTest";
         Above28: "Above28";
@@ -1879,7 +1880,6 @@ export declare const toggleButtonProviderMultiSchema: z.ZodObject<{
         VfHappyHelpful: "VfHappyHelpful";
         VfHappy: "VfHappy";
         VideoFrame: "VideoFrame";
-        Video: "Video";
         Virtuoso: "Virtuoso";
         VirusProtection: "VirusProtection";
         VocSensor: "VocSensor";
@@ -1915,6 +1915,7 @@ export declare const toggleButtonProviderMultiSchema: z.ZodObject<{
         Filter: "Filter";
         Grid: "Grid";
         Notification: "Notification";
+        Video: "Video";
         Focus: "Focus";
         AbTest: "AbTest";
         Above28: "Above28";
@@ -2469,7 +2470,6 @@ export declare const toggleButtonProviderMultiSchema: z.ZodObject<{
         VfHappyHelpful: "VfHappyHelpful";
         VfHappy: "VfHappy";
         VideoFrame: "VideoFrame";
-        Video: "Video";
         Virtuoso: "Virtuoso";
         VirusProtection: "VirusProtection";
         VocSensor: "VocSensor";
@@ -2578,6 +2578,7 @@ export declare const toggleButtonProviderSchema: z.ZodUnion<readonly [z.ZodObjec
         Filter: "Filter";
         Grid: "Grid";
         Notification: "Notification";
+        Video: "Video";
         Focus: "Focus";
         AbTest: "AbTest";
         Above28: "Above28";
@@ -3132,7 +3133,6 @@ export declare const toggleButtonProviderSchema: z.ZodUnion<readonly [z.ZodObjec
         VfHappyHelpful: "VfHappyHelpful";
         VfHappy: "VfHappy";
         VideoFrame: "VideoFrame";
-        Video: "Video";
         Virtuoso: "Virtuoso";
         VirusProtection: "VirusProtection";
         VocSensor: "VocSensor";
@@ -3168,6 +3168,7 @@ export declare const toggleButtonProviderSchema: z.ZodUnion<readonly [z.ZodObjec
         Filter: "Filter";
         Grid: "Grid";
         Notification: "Notification";
+        Video: "Video";
         Focus: "Focus";
         AbTest: "AbTest";
         Above28: "Above28";
@@ -3722,7 +3723,6 @@ export declare const toggleButtonProviderSchema: z.ZodUnion<readonly [z.ZodObjec
         VfHappyHelpful: "VfHappyHelpful";
         VfHappy: "VfHappy";
         VideoFrame: "VideoFrame";
-        Video: "Video";
         Virtuoso: "Virtuoso";
         VirusProtection: "VirusProtection";
         VocSensor: "VocSensor";
@@ -3830,6 +3830,7 @@ export declare const toggleButtonProviderSchema: z.ZodUnion<readonly [z.ZodObjec
         Filter: "Filter";
         Grid: "Grid";
         Notification: "Notification";
+        Video: "Video";
         Focus: "Focus";
         AbTest: "AbTest";
         Above28: "Above28";
@@ -4384,7 +4385,6 @@ export declare const toggleButtonProviderSchema: z.ZodUnion<readonly [z.ZodObjec
         VfHappyHelpful: "VfHappyHelpful";
         VfHappy: "VfHappy";
         VideoFrame: "VideoFrame";
-        Video: "Video";
         Virtuoso: "Virtuoso";
         VirusProtection: "VirusProtection";
         VocSensor: "VocSensor";
@@ -4420,6 +4420,7 @@ export declare const toggleButtonProviderSchema: z.ZodUnion<readonly [z.ZodObjec
         Filter: "Filter";
         Grid: "Grid";
         Notification: "Notification";
+        Video: "Video";
         Focus: "Focus";
         AbTest: "AbTest";
         Above28: "Above28";
@@ -4974,7 +4975,6 @@ export declare const toggleButtonProviderSchema: z.ZodUnion<readonly [z.ZodObjec
         VfHappyHelpful: "VfHappyHelpful";
         VfHappy: "VfHappy";
         VideoFrame: "VideoFrame";
-        Video: "Video";
         Virtuoso: "Virtuoso";
         VirusProtection: "VirusProtection";
         VocSensor: "VocSensor";

package/dist/components/Tray/index.d.ts

@@ -1,4 +1,4 @@
 import { TrayProps } from './props';
-declare const Tray: ({ heading, contentElements, uid, focusElementOnOpen, focusElementOnClose, children, buttons, zIndex, ...props }: TrayProps) => import("react/jsx-runtime").JSX.Element;
+declare const Tray: ({ heading, contentElements, uid: uidProp, focusElementOnOpen, focusElementOnClose, children, buttons, zIndex, ...props }: TrayProps) => import("react/jsx-runtime").JSX.Element;
 export default Tray;
 export * from './props';

package/dist/components/Tray/index.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useState, useRef, useEffect, useId } from "react";
+import { useId, useState, useRef, useEffect } from "react";
 import { createPortal } from "react-dom";
 import ButtonGroup from "../ButtonGroup/index.js";
 import { k as flexOrientationVertical } from "../../props-BhXFN7yR.js";
@@ -16,7 +16,7 @@ import { getBackgroundColor } from "../../foundations/token/getBackgroundColor/i
 import { getBorderWidth } from "../../foundations/token/getBorderWidth/index.js";
 import { g as getSpacing } from "../../index-l-i-mIeP.js";
 import { f as colorBackgroundOverlayStatic } from "../../BackgroundColor-Ba4D10TC.js";
-import { a as borderWidthFocus } from "../../BorderWidth-OZWeXaq_.js";
+import { b as borderWidthFocus } from "../../BorderWidth-CwrNKc0Q.js";
 import { g as getCssVar } from "../../getCssVar-BP6T9pFM.js";
 const TrayOverlayStyled = styled("div").withConfig({
   displayName: "TrayOverlayStyled",
@@ -110,7 +110,7 @@ const TrayButtonContainerStyled = styled("div").withConfig({
 const Tray = ({
   heading,
   contentElements = "body>*:not([id^='overlay'])",
-  uid = useId(),
+  uid: uidProp,
   focusElementOnOpen,
   focusElementOnClose,
   children,
@@ -118,9 +118,12 @@ const Tray = ({
   zIndex,
   ...props
 }) => {
+  const generatedUid = useId();
+  const uid = uidProp ?? generatedUid;
   const [open, setOpen] = useState(props.open === true);
   const [mounted, setMounted] = useState(false);
   const invokingElement = useRef(null);
+  const prevOpenRef = useRef(void 0);
   const headingId = `tray-heading-${uid}`;
   const overlay = useRef(null);
   useEffect(() => {
@@ -176,9 +179,19 @@ const Tray = ({
     };
   }, []);
   useEffect(() => {
-    var _a;
-    if (!open) return;
-    (_a = props.onToggle) == null ? void 0 : _a.call(props, true);
+    var _a, _b;
+    const wasOpen = prevOpenRef.current;
+    const isNowOpen = open;
+    prevOpenRef.current = open;
+    if (!isNowOpen) {
+      if (wasOpen === true) {
+        mounted && ((_a = props.onToggle) == null ? void 0 : _a.call(props, false));
+        const elementToFocus2 = focusElementOnClose ? document.getElementById(focusElementOnClose) : invokingElement.current;
+        elementToFocus2 == null ? void 0 : elementToFocus2.focus();
+      }
+      return;
+    }
+    (_b = props.onToggle) == null ? void 0 : _b.call(props, true);
     updateElements(true);
     document.addEventListener("keydown", closeWithEscape);
     const elementToFocus = focusElementOnOpen ? document.getElementById(focusElementOnOpen) : document.getElementById(headingId);
@@ -187,16 +200,9 @@ const Tray = ({
     });
     return () => {
       document.removeEventListener("keydown", closeWithEscape);
+      updateElements(false);
     };
   }, [open]);
-  useEffect(() => {
-    var _a;
-    if (open) return;
-    mounted && ((_a = props.onToggle) == null ? void 0 : _a.call(props, false));
-    updateElements(false);
-    const elementToFocus = focusElementOnClose ? document.getElementById(focusElementOnClose) : invokingElement.current;
-    elementToFocus == null ? void 0 : elementToFocus.focus();
-  }, [open]);
   useEffect(() => {
     overlay.current = document.getElementById(`overlay-${uid}`);
   }, []);