@apple-pie/slice 0.1.60 → 0.2.0

package/dist/types/components/Video/_types.d.ts

@@ -1,10 +1,12 @@
 import type React from 'react';
+import type { ColorValue } from '../../theme/colors/resolveColor';
 export type CustomVideoControls = {
     play?: boolean;
     fullscreen?: boolean;
     progress?: boolean;
     volume?: boolean;
     quit?: boolean;
+    captions?: boolean;
 };
 export declare enum PlayState {
     Playing = "playing",
@@ -13,17 +15,34 @@ export declare enum PlayState {
     Ended = "ended"
 }
 export interface VideoElement {
-    play?: () => Promise<void>;
-    stop?: () => Promise<void>;
-    restart?: () => Promise<void>;
-    setVolume?: (volume: number) => void;
-    mute?: (mute: boolean) => void;
-    fullscreen?: (state: boolean) => void;
-    playbackRate?: (rate: number) => void;
+    play: () => Promise<void>;
+    stop: () => Promise<void>;
+    restart: () => Promise<void>;
+    setVolume: (volume: number) => void;
+    mute: (mute: boolean) => void;
+    fullscreen: (state: boolean) => Promise<void>;
+    playbackRate: (rate: number) => void;
     videoElement?: HTMLVideoElement;
 }
+/** Live state and actions provided to custom control render functions. */
+export type VideoControlsContext = {
+    playing: boolean;
+    muted: boolean;
+    progress: number;
+    volume: number;
+    duration: number;
+    fullscreen: boolean;
+    canSeek: boolean;
+    play: () => Promise<void>;
+    pause: () => void;
+    togglePlay: () => Promise<void>;
+    toggleMute: () => void;
+    setProgress: (progress: number) => void;
+    setVolume: (volume: number) => void;
+    toggleFullscreen: () => Promise<void>;
+};
 type VideoBaseProps = {
-    children?: React.ReactNode;
+    children?: React.ReactNode | ((controls: VideoControlsContext) => React.ReactNode);
     src?: string;
     playing?: boolean;
     loop?: boolean;
@@ -32,14 +51,15 @@ type VideoBaseProps = {
     playsInline?: boolean;
     playRate?: number;
     controls?: 'default' | 'simple' | 'custom' | 'none';
+    /** Complete control selection. Omitted flags are off; overrides controls and children. */
     customControls?: CustomVideoControls;
     poster?: string;
     width?: number | string;
     height?: number | string;
     borderRadius?: number | string;
-    borderSize?: number | string;
-    borderColor?: string;
-    backgroundColor?: string;
+    borderWidth?: number | string;
+    borderColor?: ColorValue;
+    backgroundColor?: ColorValue;
     objectFit?: 'fill' | 'contain' | 'cover' | 'none' | 'scale-down';
     showProgressIndicator?: boolean;
     onPlay?: () => void;
@@ -57,6 +77,12 @@ type VideoBaseProps = {
     onQuit?: () => void;
     onCanPlay?: () => void;
     captionsSrc?: string;
+    captionsLanguage?: string;
+    captionsLabel?: string;
+    captionsDefault?: boolean;
+    videoName?: string;
+    videoAttributes?: Omit<React.VideoHTMLAttributes<HTMLVideoElement>, keyof VideoBaseProps | keyof React.AriaAttributes | 'children' | 'dangerouslySetInnerHTML' | 'role' | 'autoPlay' | 'controls' | 'onTimeUpdate' | 'onRateChange' | 'onLoadedMetadata' | 'onLoadedData' | 'onEnded' | 'onLoadStart' | 'onEmptied' | 'onWaiting' | 'onPlaying' | 'onDurationChange' | 'onSeeked'>;
+    onError?: (error: MediaError | null) => void;
 };
 export type VideoProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof VideoBaseProps> & VideoBaseProps;
 export {};

package/dist/types/components/Video/getVideoControls.d.ts

@@ -0,0 +1,3 @@
+import type { CustomVideoControls } from './_types';
+/** An explicit configuration is a complete selection; simple is only a shortcut. */
+export declare function getVideoControls(controls?: CustomVideoControls): Required<CustomVideoControls>;

package/dist/types/components/Video/index.d.ts

@@ -1,2 +1,2 @@
 export { Video } from './Video';
-export type { CustomVideoControls, PlayState, VideoElement, VideoProps, } from './_types';
+export type { CustomVideoControls, PlayState, VideoControlsContext, VideoElement, VideoProps, } from './_types';

package/dist/types/components/VideoController/VideoController.d.ts

@@ -1,3 +1,3 @@
 import type React from 'react';
 import type { VideoControllerProps } from './_types';
-export declare function VideoController(props: Readonly<VideoControllerProps>): React.JSX.Element;
+export declare function VideoController(rawProps: Readonly<VideoControllerProps>): React.JSX.Element;

package/dist/types/components/VideoController/_types.d.ts

@@ -1,9 +1,12 @@
 import type { Transition, Variants } from 'motion/react';
 import type React from 'react';
+import type { ColorValue } from '../../theme';
+import type { SliceIcon } from '../Icon';
 import type { CustomVideoControls } from '../Video';
 export type VideoControllerProps = {
+    dialogName?: string;
     dragConstraintsRef?: React.RefObject<HTMLElement | null>;
-    overlayColor?: string;
+    overlayColor?: ColorValue;
     overlayOpacity?: number;
     transition?: Transition;
     variants?: Variants;
@@ -11,8 +14,10 @@ export type VideoControllerProps = {
     animate?: string;
     exit?: string;
     draggable?: boolean;
+    dragIcon?: SliceIcon;
     padding?: number | string;
     borderRadius?: number | string;
+    /** Replaces the descriptor selection. Omitted flags are off; quit is managed separately. */
     customControls?: CustomVideoControls;
     showProgressIndicator?: boolean;
     quit?: 'inside' | 'outside' | 'none';

package/dist/types/components/playHelpers.d.ts

@@ -24,116 +24,12 @@ export declare function runAvatarGroupNoAvatarsPlay({ canvasElement }: {
 }): Promise<void>;
 export declare function runBadgePlay<TArgs>({ canvasElement, args }: PlayContext<TArgs>): Promise<void>;
 export declare function runCheckBoxPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
-export declare function runDivInputPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
-export declare function runDivInputWithoutHandlersPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runDivInputCustomClassPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runDivInputEmptyPlaceholderPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runDivInputClearWithPlaceholderPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runDivInputAngleBracketBlockedPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runDivInputPasteGuardsPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runDivInputNullableStyleDefaultsPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runDivInputNullableBackgroundWhileFocusedPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runDivInputNumericWidthPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runDivInputNullableValuePlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
 export declare function runDotPlay<TArgs>({ canvasElement }: PlayContext<TArgs>): Promise<void>;
 export declare function runDraggablePanelPlay<TArgs>({ canvasElement, args }: PlayContext<TArgs>): Promise<void>;
-export declare function runDropDownPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
-export declare function runDropDownDisplayTextPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}, expectedText: string): Promise<void>;
-export declare function runDropDownRendersPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runDropDownDisabledMouseDownPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runErrorSummaryPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
-export declare function runFlexDivPlay<TArgs>({ canvasElement }: PlayContext<TArgs>): Promise<void>;
-export declare function runGrouperPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
-export declare function runGrouperWithoutHandlersPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runGrouperCustomClassPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runGrouperToggleDisabledPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
-export declare function runGrouperUnframedPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runGrouperNoBorderPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runGrouperFilterBadgePlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
+export declare function runFlexBoxPlay<TArgs>({ canvasElement }: PlayContext<TArgs>): Promise<void>;
 export declare function runIconPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
-export declare function runIconButtonPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
-export declare function runIconButtonWithoutHandlersPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runIconButtonCustomClassPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runIconButtonDisabledPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
-export declare function runIconButtonHoverLeaveWithTooltipPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
-export declare function runIconButtonHoverLeaveWithoutTooltipPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runIconButtonNoHoverEffectPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runIconButtonNullColorsPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runIconButtonNoRoundNoBorderRadiusPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runIconButtonBorderedPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runIconButtonInvalidSizePlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runIconButtonSmallSizePlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runIconButtonUnmatchedSizePlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runIconButtonLabelAndCountPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
 export declare function runLogosPlay<TArgs>({ canvasElement }: PlayContext<TArgs>): Promise<void>;
-export declare function runOverlayPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
 export declare function runPagerPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
-export declare function runProgressIndicatorPlay<TArgs>({ canvasElement }: PlayContext<TArgs>): Promise<void>;
-export declare function runRadioButtonPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
-export declare function runRadioButtonWithoutHandlerPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runRadioButtonNoDeselectPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
-export declare function runRadioButtonNoLabelPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
-export declare function runRadioButtonListPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
 export declare function runSliderPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
 export declare function runSliderWithoutHandlersPlay({ canvasElement }: {
     canvasElement: HTMLElement;
@@ -143,43 +39,6 @@ export declare function runSliderDisabledPlay<TArgs>({ args, canvasElement }: Pl
 export declare function runSliderEdgeDragPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
 export declare function runSliderCollapsedRangePlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
 export declare function runSpacerPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
-export declare function runSwitchPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
-export declare function runTabBarPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
-export declare function runTabBarRendersPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runTabBarSelectedValueNoMatchPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runTabBarTooltipAndCountPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
-export declare function runTabBarWithoutHandlersPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runTabBarCustomClassPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runTabBarNoBorderPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runTabBarCompactWidthPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runTabBarNumericWidthPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runTabBarNullIconGapPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runTabBarMemoComparatorFullPassPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runTextAreaPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
-export declare function runTextAreaWithoutHandlersPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runTextAreaSendButtonPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
-export declare function runTextAreaNoClearOnSubmitPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
-export declare function runTextFieldPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
 export declare function runButtonPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
 export declare function runButtonBarPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
 export declare function runButtonBarNoTogglePlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
@@ -194,7 +53,6 @@ export declare function runButtonBarMissingTipPlay<TArgs>({ args, canvasElement
 export declare function runCardPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
 export declare function runChipPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
 export declare function runUIFileIconPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
-export declare function runLabelPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
 export declare function runModalControllerPlay<TArgs>({ canvasElement }: PlayContext<TArgs>): Promise<void>;
 export declare function runModalControllerResolveViaPrimaryActionPlay<TArgs>({ canvasElement }: PlayContext<TArgs>): Promise<void>;
 export declare function runModalControllerRejectViaCloseButtonPlay<TArgs>({ canvasElement }: PlayContext<TArgs>): Promise<void>;
@@ -202,49 +60,9 @@ export declare function runModalControllerDismissViaBackdropPlay<TArgs>({ canvas
 export declare function runModalControllerNotDraggablePlay<TArgs>({ canvasElement }: PlayContext<TArgs>): Promise<void>;
 export declare function runModalControllerResolveWithoutCallbacksPlay<TArgs>({ canvasElement }: PlayContext<TArgs>): Promise<void>;
 export declare function runModalControllerRejectWithoutCallbacksPlay<TArgs>({ canvasElement }: PlayContext<TArgs>): Promise<void>;
-export declare function runToastInfoPlay<TArgs>({ canvasElement }: PlayContext<TArgs>): Promise<void>;
-export declare function runToastSuccessHoverPausePlay<TArgs>({ canvasElement }: PlayContext<TArgs>): Promise<void>;
-export declare function runToastWarningKeyboardDismissPlay<TArgs>({ canvasElement }: PlayContext<TArgs>): Promise<void>;
-export declare function runToastErrorInfiniteDurationPlay<TArgs>({ canvasElement }: PlayContext<TArgs>): Promise<void>;
-export declare function runToastCustomClassPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runToastWithoutDidHidePlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runToastNoBorderNoClosePlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runToastContainerParentPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runToastPositionTopPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runToastExplicitProgressPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runUploadAreaPlay<TArgs>({ canvasElement, args }: PlayContext<TArgs>): Promise<void>;
-export declare function runPromptInputPlay<TArgs>({ canvasElement, args }: PlayContext<TArgs>): Promise<void>;
-export declare function runPromptInputAttachmentsPlay<TArgs>({ canvasElement, args }: PlayContext<TArgs>): Promise<void>;
-export declare function runPromptInputWorkingPlay<TArgs>({ canvasElement, args }: PlayContext<TArgs>): Promise<void>;
-export declare function runPromptInputRendersPlay({ canvasElement, expectedCount, }: {
-    canvasElement: HTMLElement;
-    expectedCount?: number;
-}): Promise<void>;
-export declare function runPromptInputFocusedOnMountPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runPromptInputSubmitBlockedPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
-export declare function runPromptInputEmptySubmitNoopPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
-export declare function runPromptInputSubmitWithoutClearingPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
-export declare function runPromptInputClickToSubmitPlay<TArgs>({ args, canvasElement }: PlayContext<TArgs>): Promise<void>;
-export declare function runPromptInputAttachmentsDisabledPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runPromptInputHideToolbarPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
+export declare function createFakeCameraStream(options?: {
+    includeAudio?: boolean;
+}): MediaStream;
 export declare function runCameraDemoPlay<TArgs>({ canvasElement }: PlayContext<TArgs>): Promise<void>;
 export declare function runCameraKeyboardAndHoverPlay<TArgs>({ canvasElement }: PlayContext<TArgs>): Promise<void>;
 export declare function runCameraStreamLifecycleEdgeCasesPlay<TArgs>({ canvasElement }: PlayContext<TArgs>): Promise<void>;
@@ -281,25 +99,7 @@ export declare function runDataTableColumnResizeAndReorderPlay<TArgs>({ canvasEl
 export declare function runDataTablePlainAndCustomHeaderColumnPlay<TArgs>({ canvasElement }: PlayContext<TArgs>): Promise<void>;
 export declare function runDataTableScrollShadowsPlay<TArgs>({ canvasElement }: PlayContext<TArgs>): Promise<void>;
 export declare function runDataTableVirtualizedScrollPlay<TArgs>({ canvasElement }: PlayContext<TArgs>): Promise<void>;
-export declare function runFileIconInteractionsPlay<TArgs>({ canvasElement, args }: PlayContext<TArgs>): Promise<void>;
-export declare function runFileIconDisabledPlay<TArgs>({ canvasElement, args }: PlayContext<TArgs>): Promise<void>;
-export declare function runFileIconNonPointerPlay<TArgs>({ canvasElement, args }: PlayContext<TArgs>): Promise<void>;
-export declare function runFileIconUnknownNamePlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runLevelActiveBarsPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runLevelStreamLifecyclePlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runLabelBackgroundVariantsPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runUploadAreaKeyboardAndFileInputPlay<TArgs>({ canvasElement, args }: PlayContext<TArgs>): Promise<void>;
-export declare function runUploadAreaBusyGuardsPlay<TArgs>({ canvasElement, args }: PlayContext<TArgs>): Promise<void>;
-export declare function runUploadAreaDragWithoutFilesPlay<TArgs>({ canvasElement, args }: PlayContext<TArgs>): Promise<void>;
-export declare function runUploadAreaNestedDragDepthPlay({ canvasElement }: {
+export declare function runAudioLevelStreamLifecyclePlay({ canvasElement }: {
     canvasElement: HTMLElement;
 }): Promise<void>;
 export declare function runDoneCheckAnimatesAndFiresCallbacksPlay<TArgs>({ canvasElement, args }: PlayContext<TArgs>): Promise<void>;
@@ -317,21 +117,6 @@ export declare function runChipButtonVariantPlay({ canvasElement }: {
 export declare function runChipLayoutVariantsPlay({ canvasElement }: {
     canvasElement: HTMLElement;
 }): Promise<void>;
-export declare function runTipShowsAndHidesPlay({ canvasElement, args }: PlayContext): Promise<void>;
-export declare function runTipHiddenAtOriginPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runTipStyleVariantsPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runRadioButtonListDeselectPlay<TArgs>({ canvasElement, args }: PlayContext<TArgs>): Promise<void>;
-export declare function runRadioButtonListMultiSelectTogglePlay<TArgs>({ canvasElement, args }: PlayContext<TArgs>): Promise<void>;
-export declare function runRadioButtonListSelectedOptionsEffectPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runRadioButtonListLayoutVariantsPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
 export declare function runButtonDisabledInteractionsPlay<TArgs>({ canvasElement, args }: PlayContext<TArgs>): Promise<void>;
 export declare function runButtonOutlineDestructiveHoverPlay<TArgs>({ canvasElement, args }: PlayContext<TArgs>): Promise<void>;
 export declare function runButtonTextVariantChildrenPlay({ canvasElement }: {
@@ -348,19 +133,6 @@ export declare function runButtonFillAndCustomWidthPlay({ canvasElement }: {
 }): Promise<void>;
 export declare function runButtonLinkOpensWindowPlay<TArgs>({ canvasElement, args }: PlayContext<TArgs>): Promise<void>;
 export declare function runButtonProgressFlowPlay<TArgs>({ canvasElement, args }: PlayContext<TArgs>): Promise<void>;
-export declare function runOverlayOpacityVariantsPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runTextFieldDisabledGuardsPlay<TArgs>({ canvasElement, args }: PlayContext<TArgs>): Promise<void>;
-export declare function runTextFieldClearButtonRefocusPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runTextFieldPasswordTogglePlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
-export declare function runTextFieldStyleVariantsPlay({ canvasElement }: {
-    canvasElement: HTMLElement;
-}): Promise<void>;
 export declare function runDraggablePanelLeftDirectionPlay<TArgs>({ canvasElement, args }: PlayContext<TArgs>): Promise<void>;
 export declare function runDraggablePanelTouchPlay<TArgs>({ canvasElement, args }: PlayContext<TArgs>): Promise<void>;
 export declare function runDraggablePanelBlocksExcessiveGrowthPlay({ canvasElement }: {
@@ -385,4 +157,9 @@ export declare function runDraggablePanelCustomBackgroundColorPlay({ canvasEleme
 export declare function runDraggablePanelInstantInitialOpenPlay({ canvasElement }: {
     canvasElement: HTMLElement;
 }): Promise<void>;
+/** Story-only fixture for exercising live JS motion preferences; restored after each story. */
+export declare function installReducedMotionPreference(initial?: boolean): {
+    set(value: boolean): void;
+    restore(): void;
+};
 export {};

package/dist/types/components/sharedTypes.d.ts

@@ -1,4 +1,35 @@
 import type React from 'react';
+/** Shared named sizes. Components exclude tiers they do not support. */
+export type ComponentSize = 'xs' | 's' | 'm' | 'l' | 'xl' | 'auto';
+export type FixedSize = Exclude<ComponentSize, 'auto'>;
+export type ButtonSize = Exclude<ComponentSize, 'xs'> | number;
+export type PaddingProps = {
+    padding?: number | string;
+    paddingTop?: number | string;
+    paddingRight?: number | string;
+    paddingBottom?: number | string;
+    paddingLeft?: number | string;
+};
+export type ButtonStyleProps = PaddingProps & {
+    buttonSize?: ButtonSize;
+    gap?: number;
+};
+export declare const buttonStyleDefaults: {
+    readonly gap: 4;
+    readonly sizes: {
+        readonly s: 24;
+        readonly m: 36;
+        readonly l: 44;
+        readonly xl: 56;
+    };
+    readonly padding: {
+        readonly horizontal: "calc(var(--spacing-s) + var(--spacing-xs))";
+        readonly icon: "var(--spacing-s)";
+        readonly outside: "var(--spacing-xs)";
+        readonly childrenTop: 6;
+        readonly childrenBottom: 6;
+    };
+};
 export type ToolTip = {
     type?: ToolTipType;
     payload?: {

package/dist/types/hooks/index.d.ts

@@ -11,7 +11,7 @@ export { useBindWebRTC, type UseBindWebRTCOptions, type UseBindWebRTCReturn, } f
 export { useMicrophone } from './useMicrophone/useMicrophone';
 export type { MicOption, UseMicrophoneReturn, } from './useMicrophone/useMicrophone';
 export { useAudioRecorder } from './useAudioRecorder/useAudioRecorder';
-export { useWindow, FormFactor, type BreakPoints, type WindowGeolocation, type WindowGeolocationError, } from './useWindow/useWindow';
+export { useWindow, FormFactor, breakpoints, type BreakPoints, type WindowGeolocation, type WindowGeolocationError, } from './useWindow/useWindow';
 export { useObserveResize } from './useObserveResize/useObserveResize';
 export { useIntersecting, type IntersectContainer, type IntersectEntry, type IntersectMargin, type IntersectOptions, type IntersectResult, type IntersectResultList, type ResolvedEntries, defaultOptions as defaultIntersectingOptions, } from './useIntersecting/useIntersecting';
 export { useClipboard, type ClipboardPermissionState, type ClipboardPasteResult, type UseClipboardOptions, type UseClipboardReturn, type UseClipboardTarget, } from './useClipboard/useClipboard';

package/dist/types/hooks/useToolTip/useToolTip.d.ts

@@ -1,5 +1,6 @@
 import type React from 'react';
 import type { ToolTip } from '../../components/sharedTypes';
+/** Position one mounted app-wide Tip, following anchor movement without changing its request identity. */
 export declare function useToolTip(toolTip: ToolTip | null, tipElement: React.RefObject<HTMLDivElement | null>): {
     x: number;
     y: number;

package/dist/types/hooks/useWindow/useWindow.d.ts

@@ -1,17 +1,6 @@
-/**
- * Form factor names
- */
-export declare enum FormFactor {
-    Mobile = "mobile",
-    Tablet = "tablet",
-    Desktop = "desktop",
-    DesktopL = "desktopL",
-    DesktopXL = "desktopXL"
-}
-/**
- * Breakpoint type matching form factor to width value
- */
-export type BreakPoints = Record<FormFactor, number>;
+import { type BreakPoints, FormFactor } from '../../theme/breakpoints/breakpoints';
+export { FormFactor, breakpoints } from '../../theme/breakpoints/breakpoints';
+export type { BreakPoints } from '../../theme/breakpoints/breakpoints';
 export type WindowGeolocation = {
     latitude: number;
     longitude: number;
@@ -26,7 +15,7 @@ export type WindowGeolocationError = {
     code: number;
     message: string;
 };
-export declare function useWindow(breakpoints?: BreakPoints, top?: boolean): {
+export declare function useWindow(breakpoints?: Readonly<BreakPoints>, top?: boolean): {
     viewportWidth: number | null;
     viewportHeight: number | null;
     height: string;
@@ -34,7 +23,7 @@ export declare function useWindow(breakpoints?: BreakPoints, top?: boolean): {
     isElectron: boolean;
     isAppleDevice: boolean;
     formFactor: FormFactor;
-    dpr: 2 | 1 | 3;
+    dpr: 1 | 3 | 2;
     geolocationSupported: boolean;
     location: WindowGeolocation | null;
     locationError: Error | null;