@proteos/ui 0.77.0 → 0.78.0

package/dist/index.d.cts

@@ -4,7 +4,7 @@ import { VariantProps } from 'tailwind-variants';
 import { LucideIcon, LucideProps, icons } from 'lucide-react';
 import { CalendarDate } from '@internationalized/date';
 import * as react_aria_components from 'react-aria-components';
-import { CalendarProps, Key, BreadcrumbsProps as BreadcrumbsProps$1, ButtonProps as ButtonProps$1, CheckboxProps as CheckboxProps$1, CheckboxGroupProps as CheckboxGroupProps$1, ComboBoxProps, DateValue, DatePickerProps as DatePickerProps$1, TextFieldProps, InputProps as InputProps$1, MenuProps as MenuProps$1, MenuItemProps as MenuItemProps$1, PopoverProps, MenuTrigger as MenuTrigger$1, DialogTriggerProps, ModalOverlayProps, DialogProps, HeadingProps, DisclosureProps, ProgressBarProps as ProgressBarProps$1, RadioProps as RadioProps$1, RadioGroupProps as RadioGroupProps$1, SelectProps as SelectProps$1, SeparatorProps as SeparatorProps$1, SwitchProps as SwitchProps$1, TabsProps, TabListProps, TabProps, TabPanelProps, TextAreaProps, TimeValue, TimeFieldProps as TimeFieldProps$1, ToggleButtonGroupProps, ToastOptions as ToastOptions$1, UNSTABLE_ToastQueue, TooltipProps as TooltipProps$1, TooltipTriggerComponentProps } from 'react-aria-components';
+import { CalendarProps, Key, BreadcrumbsProps as BreadcrumbsProps$1, ButtonProps as ButtonProps$1, CheckboxProps as CheckboxProps$1, CheckboxGroupProps as CheckboxGroupProps$1, ComboBoxProps, DateValue, DatePickerProps as DatePickerProps$1, ToggleButtonGroupProps, TextFieldProps, InputProps as InputProps$1, MenuProps as MenuProps$1, MenuItemProps as MenuItemProps$1, PopoverProps, MenuTrigger as MenuTrigger$1, DialogTriggerProps, ModalOverlayProps, DialogProps, HeadingProps, DisclosureProps, ProgressBarProps as ProgressBarProps$1, RadioProps as RadioProps$1, RadioGroupProps as RadioGroupProps$1, SelectProps as SelectProps$1, SeparatorProps as SeparatorProps$1, SliderProps as SliderProps$1, SwitchProps as SwitchProps$1, TabsProps, TabListProps, TabProps, TabPanelProps, TextAreaProps, TimeValue, TimeFieldProps as TimeFieldProps$1, ToastOptions as ToastOptions$1, UNSTABLE_ToastQueue, TooltipProps as TooltipProps$1, TooltipTriggerComponentProps } from 'react-aria-components';
 import * as react from 'react';
 import { HTMLAttributes, ReactNode, AnchorHTMLAttributes, Ref, MouseEvent, KeyboardEvent as KeyboardEvent$1, RefObject, Key as Key$1 } from 'react';
 import * as tailwind_merge from 'tailwind-merge';
@@ -2011,6 +2011,78 @@ interface FileViewerProps {
 }
 declare function FileViewer({ name, contentType, src, sizeInBytes, heightPx, errorMessage, isOversized, onDownload, className, }: FileViewerProps): react_jsx_runtime.JSX.Element;
 
+declare const frameStripStyles: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            caption?: tailwind_merge.ClassNameValue;
+            label?: tailwind_merge.ClassNameValue;
+            time?: tailwind_merge.ClassNameValue;
+            root?: tailwind_merge.ClassNameValue;
+            item?: tailwind_merge.ClassNameValue;
+            thumbnail?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            caption?: tailwind_merge.ClassNameValue;
+            label?: tailwind_merge.ClassNameValue;
+            time?: tailwind_merge.ClassNameValue;
+            root?: tailwind_merge.ClassNameValue;
+            item?: tailwind_merge.ClassNameValue;
+            thumbnail?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string;
+    item: string[];
+    thumbnail: string[];
+    caption: string;
+    label: string[];
+    time: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            caption?: tailwind_merge.ClassNameValue;
+            label?: tailwind_merge.ClassNameValue;
+            time?: tailwind_merge.ClassNameValue;
+            root?: tailwind_merge.ClassNameValue;
+            item?: tailwind_merge.ClassNameValue;
+            thumbnail?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string;
+    item: string[];
+    thumbnail: string[];
+    caption: string;
+    label: string[];
+    time: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    root: string;
+    item: string[];
+    thumbnail: string[];
+    caption: string;
+    label: string[];
+    time: string;
+}, undefined, unknown, unknown, undefined>>;
+type FrameStripVariants = VariantProps<typeof frameStripStyles>;
+interface FrameStripItem {
+    key: string;
+    label: string;
+    /** Seconds into the recording. */
+    at: number;
+    thumbnail: ReactNode;
+}
+type FrameStripProps = Omit<ToggleButtonGroupProps, 'children' | 'selectionMode' | 'selectedKeys' | 'defaultSelectedKeys' | 'onSelectionChange' | 'disallowEmptySelection' | 'orientation' | 'className' | 'style'> & {
+    items: ReadonlyArray<FrameStripItem>;
+    /** The current frame; none when undefined. */
+    selectedKey?: string;
+    onSelect: (key: string) => void;
+    className?: string;
+};
+declare function FrameStrip({ items, selectedKey, onSelect, className, ...props }: FrameStripProps): react_jsx_runtime.JSX.Element | null;
+
 /** `room` spans the 4px of fading light round the box; `frame` is the box's
  *  own outline, the one the beams ride and the flash fills. The light itself
  *  is the `.glow-*` CSS in styles.css. */
@@ -2152,6 +2224,465 @@ declare function Input({ label, description, errorMessage, placeholder, size, ap
 type KbdProps = HTMLAttributes<HTMLElement>;
 declare function Kbd({ className, children, ...props }: KbdProps): react_jsx_runtime.JSX.Element;
 
+declare const mediaControlsStyles: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            end?: tailwind_merge.ClassNameValue;
+            center?: tailwind_merge.ClassNameValue;
+            text?: tailwind_merge.ClassNameValue;
+            root?: tailwind_merge.ClassNameValue;
+            seek?: tailwind_merge.ClassNameValue;
+            elapsed?: tailwind_merge.ClassNameValue;
+            total?: tailwind_merge.ClassNameValue;
+            transport?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            end?: tailwind_merge.ClassNameValue;
+            center?: tailwind_merge.ClassNameValue;
+            text?: tailwind_merge.ClassNameValue;
+            root?: tailwind_merge.ClassNameValue;
+            seek?: tailwind_merge.ClassNameValue;
+            elapsed?: tailwind_merge.ClassNameValue;
+            total?: tailwind_merge.ClassNameValue;
+            transport?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string;
+    seek: string;
+    elapsed: string;
+    total: string;
+    transport: string;
+    center: string;
+    end: string;
+    text: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            end?: tailwind_merge.ClassNameValue;
+            center?: tailwind_merge.ClassNameValue;
+            text?: tailwind_merge.ClassNameValue;
+            root?: tailwind_merge.ClassNameValue;
+            seek?: tailwind_merge.ClassNameValue;
+            elapsed?: tailwind_merge.ClassNameValue;
+            total?: tailwind_merge.ClassNameValue;
+            transport?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string;
+    seek: string;
+    elapsed: string;
+    total: string;
+    transport: string;
+    center: string;
+    end: string;
+    text: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    root: string;
+    seek: string;
+    elapsed: string;
+    total: string;
+    transport: string;
+    center: string;
+    end: string;
+    text: string;
+}, undefined, unknown, unknown, undefined>>;
+type MediaControlsVariants = VariantProps<typeof mediaControlsStyles>;
+interface MediaControlsProps {
+    /** Added to the slider's spoken position, e.g. who is speaking at that moment. */
+    describeTime?: (seconds: number) => string | null;
+    /** Render the seek row. Off when another scrubber (a `MediaTimeline` with
+     *  markers) already owns seeking, so the player shows ONE timeline. */
+    hasSeek?: boolean;
+    className?: string;
+}
+declare function MediaControls({ describeTime, hasSeek, className }: MediaControlsProps): react_jsx_runtime.JSX.Element;
+
+declare const mediaMarkersStyles: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            current?: tailwind_merge.ClassNameValue;
+            track?: tailwind_merge.ClassNameValue;
+            marker?: tailwind_merge.ClassNameValue;
+            heading?: tailwind_merge.ClassNameValue;
+            root?: tailwind_merge.ClassNameValue;
+            dot?: tailwind_merge.ClassNameValue;
+            count?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            current?: tailwind_merge.ClassNameValue;
+            track?: tailwind_merge.ClassNameValue;
+            marker?: tailwind_merge.ClassNameValue;
+            heading?: tailwind_merge.ClassNameValue;
+            root?: tailwind_merge.ClassNameValue;
+            dot?: tailwind_merge.ClassNameValue;
+            count?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string;
+    heading: string;
+    dot: string;
+    current: string;
+    count: string;
+    track: string;
+    marker: string[];
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            current?: tailwind_merge.ClassNameValue;
+            track?: tailwind_merge.ClassNameValue;
+            marker?: tailwind_merge.ClassNameValue;
+            heading?: tailwind_merge.ClassNameValue;
+            root?: tailwind_merge.ClassNameValue;
+            dot?: tailwind_merge.ClassNameValue;
+            count?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string;
+    heading: string;
+    dot: string;
+    current: string;
+    count: string;
+    track: string;
+    marker: string[];
+}, tailwind_variants.TVReturnType<unknown, {
+    root: string;
+    heading: string;
+    dot: string;
+    current: string;
+    count: string;
+    track: string;
+    marker: string[];
+}, undefined, unknown, unknown, undefined>>;
+type MediaMarkersVariants = VariantProps<typeof mediaMarkersStyles>;
+interface MediaMarker {
+    key: string;
+    label: string;
+    /** Seconds. A moment rather than a span has `end` equal to `start`. */
+    start: number;
+    end: number;
+}
+/** The markers whose span holds `time`. */
+declare function currentMediaMarkers(markers: ReadonlyArray<MediaMarker>, time: number): MediaMarker[];
+interface MediaMarkerTrackProps {
+    markers: ReadonlyArray<MediaMarker>;
+    /** Heading of the track. */
+    label?: string;
+    currentTime: number;
+    /** Seconds across the whole track; the bars hide until it is known. */
+    duration: number;
+    onSeek: (seconds: number) => void;
+    className?: string;
+}
+declare function MediaMarkerTrack({ markers, label, currentTime, duration, onSeek, className, }: MediaMarkerTrackProps): react_jsx_runtime.JSX.Element;
+
+/** Above this the browser would hold too much decoded audio: play without bars. */
+declare const MAX_DECODE_BYTES: number;
+interface DecodedPeaks {
+    peaks: Float32Array;
+    duration: number;
+}
+/** A time range in seconds. */
+type MediaSegment = readonly [start: number, end: number];
+/** RMS per bucket across all channels, scaled so the loudest bucket is 1. */
+declare function peaksFromChannels(channels: ReadonlyArray<Float32Array>, buckets?: number): Float32Array;
+/** The curve with everything outside `segments` silenced. */
+declare function maskPeaks(peaks: Float32Array, duration: number, segments: ReadonlyArray<MediaSegment>): Float32Array;
+/** Decodes without an output device, so it needs no user gesture. */
+declare function decodePeaks(blob: Blob): Promise<DecodedPeaks>;
+
+declare const mediaPlayerStyles: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            root?: tailwind_merge.ClassNameValue;
+            stage?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            root?: tailwind_merge.ClassNameValue;
+            stage?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string;
+    stage: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            root?: tailwind_merge.ClassNameValue;
+            stage?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string;
+    stage: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    root: string;
+    stage: string;
+}, undefined, unknown, unknown, undefined>>;
+type MediaPlayerVariants = VariantProps<typeof mediaPlayerStyles>;
+type MediaPlayerSource = {
+    blob: Blob;
+    duration?: number;
+} | {
+    url: string;
+    peaks?: Float32Array;
+    duration?: number;
+};
+type MediaPlayerKind = 'audio' | 'video';
+/** Whether bars can be drawn yet. `unavailable`: playable, but no waveform. */
+type MediaWaveformStatus = 'decoding' | 'ready' | 'unavailable';
+interface MediaPlayerContextValue {
+    media: HTMLMediaElement | null;
+    /** Callback ref for the element that plays. `MediaVideoStage` hands it its `<video>`. */
+    mediaRef: (element: HTMLMediaElement | null) => void;
+    /** What the element loads; null until a blob has its object URL. */
+    src: string | null;
+    isReady: boolean;
+    isPlaying: boolean;
+    currentTime: number;
+    duration: number;
+    playbackRate: number;
+    waveformStatus: MediaWaveformStatus;
+    decoded: DecodedPeaks | null;
+    toggle: () => void;
+    stop: () => void;
+    seek: (seconds: number) => void;
+    skip: (seconds: number) => void;
+    setPlaybackRate: (rate: number) => void;
+}
+declare function useMediaPlayer(): MediaPlayerContextValue;
+interface MediaPlayerProps {
+    source: MediaPlayerSource;
+    /** Names the player's region for assistive tech. */
+    label: string;
+    /** Which element plays; `video` expects a `MediaVideoStage` among the children. */
+    kind?: MediaPlayerKind;
+    /** The element can't play these bytes. */
+    onError?: () => void;
+    className?: string;
+    children: ReactNode;
+}
+declare function MediaPlayer({ source, label, kind, onError, className, children, }: MediaPlayerProps): react_jsx_runtime.JSX.Element;
+/** Where the picture goes: waveform lanes, or a `MediaVideoStage`. */
+declare function MediaStage({ ref, className, children, }: {
+    ref?: Ref<HTMLDivElement>;
+    className?: string;
+    children: ReactNode;
+}): react_jsx_runtime.JSX.Element;
+
+/** `02:36`, or `1:02:36` past the hour. */
+declare function formatMediaTime(seconds: number): string;
+/** `2 minutes 36 seconds`, for screen readers. */
+declare function spokenMediaTime(seconds: number): string;
+
+declare const mediaTimelineStyles: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            root?: tailwind_merge.ClassNameValue;
+            markers?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            root?: tailwind_merge.ClassNameValue;
+            markers?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string;
+    markers: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            root?: tailwind_merge.ClassNameValue;
+            markers?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string;
+    markers: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    root: string;
+    markers: string;
+}, undefined, unknown, unknown, undefined>>;
+type MediaTimelineVariants = VariantProps<typeof mediaTimelineStyles>;
+interface MediaTimelineProps {
+    markers?: ReadonlyArray<MediaMarker>;
+    /** Heading of the marker track. */
+    markersLabel?: string;
+    /** Spoken name of the seek bar. */
+    label?: string;
+    /** Seconds. Scales the axis in place of the player's duration. */
+    durationOverride?: number;
+    className?: string;
+}
+declare function MediaTimeline({ markers, markersLabel, label, durationOverride, className, }: MediaTimelineProps): react_jsx_runtime.JSX.Element;
+
+declare const mediaVideoStageStyles: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            video?: tailwind_merge.ClassNameValue;
+            root?: tailwind_merge.ClassNameValue;
+            box?: tailwind_merge.ClassNameValue;
+            overlay?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            video?: tailwind_merge.ClassNameValue;
+            root?: tailwind_merge.ClassNameValue;
+            box?: tailwind_merge.ClassNameValue;
+            overlay?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string;
+    box: string;
+    video: string;
+    overlay: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            video?: tailwind_merge.ClassNameValue;
+            root?: tailwind_merge.ClassNameValue;
+            box?: tailwind_merge.ClassNameValue;
+            overlay?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string;
+    box: string;
+    video: string;
+    overlay: string;
+}, tailwind_variants.TVReturnType<unknown, {
+    root: string;
+    box: string;
+    video: string;
+    overlay: string;
+}, undefined, unknown, unknown, undefined>>;
+type MediaVideoStageVariants = VariantProps<typeof mediaVideoStageStyles>;
+/** The largest `aspect` box inside `width` × `height`; width-bound when the height isn't known. */
+declare function fitMediaBox(width: number, height: number, aspect: number): {
+    width: number;
+    height: number;
+};
+interface MediaVideoStageProps {
+    /** Drawn over the picture, in a box the size of the frame. */
+    children?: ReactNode;
+    /** Applied to the stage; padding is fine, the box fits the content area. */
+    className?: string;
+}
+declare function MediaVideoStage({ children, className }: MediaVideoStageProps): react_jsx_runtime.JSX.Element;
+
+declare const mediaWaveformStyles: tailwind_variants.TVReturnType<{
+    isActive: {
+        true: {
+            laneName: string;
+            laneDot: string;
+        };
+    };
+    isSeekable: {
+        false: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    lane: string;
+    laneName: string;
+    laneDot: string;
+    laneMeta: string;
+    bars: string[];
+    canvas: string;
+    playhead: string;
+    hover: string;
+    chip: string[];
+    status: string;
+    markers: string;
+}, undefined, {
+    isActive: {
+        true: {
+            laneName: string;
+            laneDot: string;
+        };
+    };
+    isSeekable: {
+        false: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    lane: string;
+    laneName: string;
+    laneDot: string;
+    laneMeta: string;
+    bars: string[];
+    canvas: string;
+    playhead: string;
+    hover: string;
+    chip: string[];
+    status: string;
+    markers: string;
+}, tailwind_variants.TVReturnType<{
+    isActive: {
+        true: {
+            laneName: string;
+            laneDot: string;
+        };
+    };
+    isSeekable: {
+        false: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    lane: string;
+    laneName: string;
+    laneDot: string;
+    laneMeta: string;
+    bars: string[];
+    canvas: string;
+    playhead: string;
+    hover: string;
+    chip: string[];
+    status: string;
+    markers: string;
+}, undefined, unknown, unknown, undefined>>;
+type MediaWaveformVariants = VariantProps<typeof mediaWaveformStyles>;
+interface MediaLane {
+    key: string;
+    /** Null for the one unnamed lane holding the whole recording. */
+    label: string | null;
+    /** Quiet fact at the row's end. */
+    meta?: string;
+    /** Where this lane has sound; null means everywhere. */
+    segments: ReadonlyArray<MediaSegment> | null;
+}
+interface MediaWaveformProps {
+    lanes?: ReadonlyArray<MediaLane>;
+    markers?: ReadonlyArray<MediaMarker>;
+    /** Heading of the marker track. */
+    markersLabel?: string;
+    className?: string;
+}
+declare function MediaWaveform({ lanes: lanesProp, markers, markersLabel, className, }: MediaWaveformProps): react_jsx_runtime.JSX.Element;
+
 /** Stateful root (RAC). Wraps the trigger element + the MenuPopover. */
 declare const MenuTrigger: typeof MenuTrigger$1;
 /**
@@ -3318,6 +3849,65 @@ type SkeletonVariants = VariantProps<typeof skeletonStyles>;
 type SkeletonProps = HTMLAttributes<HTMLDivElement> & SkeletonVariants;
 declare function Skeleton({ shape, className, ...props }: SkeletonProps): react_jsx_runtime.JSX.Element;
 
+declare const sliderStyles: tailwind_variants.TVReturnType<{
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            fill?: tailwind_merge.ClassNameValue;
+            track?: tailwind_merge.ClassNameValue;
+            root?: tailwind_merge.ClassNameValue;
+            rail?: tailwind_merge.ClassNameValue;
+            thumb?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: tailwind_merge.ClassNameValue | {
+            fill?: tailwind_merge.ClassNameValue;
+            track?: tailwind_merge.ClassNameValue;
+            root?: tailwind_merge.ClassNameValue;
+            rail?: tailwind_merge.ClassNameValue;
+            thumb?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string;
+    track: string;
+    rail: string;
+    fill: string;
+    thumb: string[];
+}, undefined, {
+    [key: string]: {
+        [key: string]: tailwind_merge.ClassNameValue | {
+            fill?: tailwind_merge.ClassNameValue;
+            track?: tailwind_merge.ClassNameValue;
+            root?: tailwind_merge.ClassNameValue;
+            rail?: tailwind_merge.ClassNameValue;
+            thumb?: tailwind_merge.ClassNameValue;
+        };
+    };
+} | {}, {
+    root: string;
+    track: string;
+    rail: string;
+    fill: string;
+    thumb: string[];
+}, tailwind_variants.TVReturnType<unknown, {
+    root: string;
+    track: string;
+    rail: string;
+    fill: string;
+    thumb: string[];
+}, undefined, unknown, unknown, undefined>>;
+type SliderVariants = VariantProps<typeof sliderStyles>;
+type SliderProps = Omit<SliderProps$1<number>, 'children' | 'value' | 'defaultValue' | 'onChange' | 'onChangeEnd' | 'orientation'> & {
+    value: number;
+    onChange?: (value: number) => void;
+    onChangeEnd?: (value: number) => void;
+    /** Spoken in place of the number. */
+    valueText?: string;
+};
+declare function Slider({ value, onChange, onChangeEnd, valueText, className, ...props }: SliderProps): react_jsx_runtime.JSX.Element;
+
 declare const stepperStyles: tailwind_variants.TVReturnType<{
     orientation: {
         horizontal: {};
@@ -3779,4 +4369,4 @@ declare function Tooltip({ className, offset, ...props }: TooltipProps): react_j
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { ATTRIBUTE_TYPES, ATTRIBUTE_TYPE_ICONS, type ActionsColumnOptions, type ActiveCommand, AttachmentChip, type AttachmentChipProps, type AttachmentChipVariants, AttributePicker, type AttributePickerProps, AttributeType, AttributeTypeIcon, type AttributeTypeIconProps, AvailabilityCalendar, type AvailabilityCalendarProps, type AvailabilityCalendarVariants, Avatar, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, type AvatarGroupVariants, type AvatarProps, type AvatarVariants, Badge, BadgeAction, type BadgeActionProps, BadgeGroup, type BadgeGroupMetrics, type BadgeGroupProps, type BadgeGroupVariants, BadgeMultiSelect, type BadgeMultiSelectOption, type BadgeMultiSelectProps, type BadgeProps, type BadgeVariants, BooleanCell, type BooleanCellProps, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, type ButtonVariants, COLUMN_DRAG_KIND, CONVERSATION_BRIEF_OUTCOME_LABEL, Card, CardBody, CardContent, CardEyebrow, CardFeatureTitle, CardFooter, CardHeader, type CardProps, CardTitle, type CardVariants, ChannelIcon, type ChannelIconProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, ChipValue, type ChipValueItemRenderer, type ChipValueProps, ColorInput, type ColorInputProps, type ColumnDragData, Combobox, type ComboboxOption, type ComboboxProps, Command, CommandHint, type CommandHintProps, type CommandHintTone, type CommandLabel, type CommandProps, type ComparisonOperator, type ComposerAttachment, type ComposerConnectionPicker, type ComposerSendInput, type ComposerValue, ConversationBriefCard, type ConversationBriefCardProps, type ConversationBriefClient, type ConversationBriefOutcome, ConversationBriefPreview, type ConversationBriefPreviewProps, ConversationBriefReview, type ConversationBriefReviewProps, CurrencyInput, type CurrencyInputOption, type CurrencyInputProps, type CurrencyInputValue, DRAFT_OUTCOME_LABEL, DataTable, DataTableEmpty, type DataTableEmptyProps, DataTableError, type DataTableErrorProps, type DataTableProps, DataTableSkeleton, type DataTableSkeletonProps, DateCell, type DateCellProps, DatePicker, type DatePickerProps, DateTimeCell, type DateTimeCellProps, DateTimePicker, type DateTimePickerProps, type DraftMessageActions, DraftMessageCard, type DraftMessageCardProps, type DraftMessageClient, DraftMessageComposer, type DraftMessageComposerProps, type DraftMessageOutcome, DraftMessageReview, type DraftMessageReviewProps, type DraftReviewOutcome, EmptyState, type EmptyStateProps, type EmptyStateVariants, ErrorAnimation, type ErrorAnimationProps, FIELD_LABEL_SEPARATOR, type FieldAppearance, FieldCaret, type FieldControlVariants, type FieldSize, FileField, type FileFieldProps, type FileFieldValue, FileViewer, FileViewerFallbackCard, type FileViewerFallbackCardProps, type FileViewerFallbackCardVariants, type FileViewerKind, type FileViewerProps, type FileViewerVariants, type FilterElement, type FilterField, type FilterFieldOption, type FilterFieldRelation, type FilterFieldType, type FilterGroup, FilterRow, type FilterRowProps, type FilterValue, FilterValueInput, type FilterValueInputProps, type FilterValueInputRenderer, GlowFrame, type GlowFrameProps, type GlowFrameStatus, type GlowFrameVariants, IconPicker, type IconPickerProps, ImageAttachment, type ImageAttachmentProps, type ImageAttachmentVariants, ImageLightbox, type ImageLightboxProps, type ImageLightboxVariants, type InfiniteQueryLike, Input, type InputProps, Kbd, type KbdProps, type KeyCombo, LinkCell, type LinkCellProps, type LogicalOperator, type LucideIconName, MAX_COMPOSER_ATTACHMENT_BYTES, Menu, MenuItem, type MenuItemProps, MenuPopover, type MenuPopoverProps, type MenuProps, MenuTrigger, MessageComposer, type MessageComposerProps, Modal, ModalBody, ModalContent, type ModalContentProps, ModalDescription, ModalFooter, ModalHeader, ModalTitle, MultiSelect, type MultiSelectOption, type MultiSelectProps, NavGroup, type NavGroupProps, NavItem, type NavItemProps, type NavItemVariants, NavSection, type NavSectionProps, OPERATORS, type OperatorArity, type OperatorDescriptor, OperatorPicker, type OperatorPickerProps, Orb, type OrbProps, type OrbSizeToken, PROTECTED_COMBOS, type Platform, Popover, PopoverContent, type PopoverContentProps, PopoverPanelBody, PopoverPanelFooter, PopoverPanelHeader, PressableCard, type PressableCardProps, ProgressBar, type ProgressBarProps, type ProgressBarVariants, ProgressRing, type ProgressRingProps, type ProgressRingVariants, Radio, RadioGroup, type RadioGroupProps, type RadioProps, RecipientSelect, type RecipientSelectProps, RecordFilterBuilderPanel, type RecordFilterBuilderPanelProps, RecordFilterButton, type RecordFilterButtonProps, RecordFilterChips, type RecordFilterChipsProps, RecordFilterEditor, type RecordFilterEditorProps, RecordUpdate, RecordUpdateErrors, type RecordUpdateErrorsProps, RecordUpdateFooter, type RecordUpdateProps, RecordUpdateRow, type RecordUpdateRowProps, type RecordUpdateRowState, type RecordUpdateRowVariants, RecordUpdateRows, RecordUpdateSummary, RenderChipItemProvider, RenderValueInputProvider, SELECTION_COLUMN_ID, type SearchRecipients, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, type SegmentedControlVariants, Select, type SelectOption, type SelectProps, Separator, type SeparatorProps, Skeleton, type SkeletonProps, type SkeletonVariants, type SortDirection, type StepState, Stepper, type StepperOrientation, type StepperProps, StepperStep, type StepperStepProps, type StepperVariants, SubmenuTrigger, SuccessAnimation, type SuccessAnimationProps, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableHeader, TableHeaderCell, type TableHeaderCellProps, type TableHeaderProps, TableHeaderSpacer, type TableProps, TableRow, type TableRowProps, TableScroller, type TableVariants, Tabs, type TabsListProps, type TabsPanelProps, type TabsRootProps, type TabsTriggerProps, type TabsVariants, TagInput, type TagInputProps, type TerminalKind, TextShimmer, type TextShimmerProps, type TextShimmerVariants, Textarea, type TextareaProps, TimeField, type TimeFieldProps, TimeSlotList, type TimeSlotListItem, type TimeSlotListProps, type TimeSlotListVariants, type ToastContent, type ToastOptions, type ToastQueue, ToastRegion, type ToastRegionProps, type ToastVariant, type ToastVariants, Tooltip, type TooltipProps, TooltipTrigger, TruncateCell, type TruncateCellProps, type UseCommandOptions, type UseEscapeKeyOptions, type UseInfiniteScrollSentinelOptions, __resetDraftMessageActions, __resetDraftMessageOutcomes, addLeaf as addFilterLeaf, addPendingLeaf, addSubgroup, arityOf, attachmentChipStyles, availabilityCalendarStyles, avatarGroupStyles, avatarStyles, badgeGroupOverflowStyles, badgeGroupStyles, badgeStyles, buttonStyles, cardStyles, channelIcon, cn, contactPhoneNumbers, conversationBriefCardStyles, conversationBriefOutcomeFor, countLeaves, createConversationBriefClient, createDraftMessageClient, createToastQueue, defaultValueFor, draftMessageCardStyles, draftMessageComposerStyles, draftOutcomeFor, emptyStateStyles, fieldControlStyles, fieldErrorStyles, fieldHintStyles, fieldLabelStyles, fileViewerFallbackCardStyles, fileViewerStyles, fitBadgeCount, formatFileSize, formatValue, getPlatform, glowFrameStyles, iconForContentType, imageAttachmentStyles, imageLightboxStyles, isColumnDragData, isDialableConversationBrief, isDraftReviewOutcome, isEditableTarget, isPreviewableImageName, joinFieldLabel, makeActionsColumn, messageComposerStyles, namesOf, navItemStyles, normalizeHexColor, operatorById, operatorsForType, parseCombo, progressBarStyles, progressRingStyles, publishDraftMessageOutcome, rebaseRowOnFieldChange, rebaseRowOnOperatorChange, recordUpdateRowStyles, recordUpdateStyles, registerDraftMessageActions, removeLeaf, removeSubgroup, replaceLeaf, resolveLucideIcon, resolveLucideIconName, segmentedControlStyles, setJoiner, skeletonStyles, stepperStyles, subscribeDraftMessageOutcome, summaryFor, tableCellStyles, tableHeaderCellStyles, tabsStyles, terminalKindFor, textShimmerStyles, timeSlotListStyles, toastStyles, updateLeaf, updateSubgroup, useActiveCommands, useAttributeTypeIcon, useCommand, useDiscoveryActive, useDraftMessageActions, useDraftMessageOutcome, useEscapeKey, useInfiniteScrollSentinel, useRenderChipItem, useRenderValueInput, useShowDetails, viewerKindForContentType, wrapLeafInGroup };
+export { ATTRIBUTE_TYPES, ATTRIBUTE_TYPE_ICONS, type ActionsColumnOptions, type ActiveCommand, AttachmentChip, type AttachmentChipProps, type AttachmentChipVariants, AttributePicker, type AttributePickerProps, AttributeType, AttributeTypeIcon, type AttributeTypeIconProps, AvailabilityCalendar, type AvailabilityCalendarProps, type AvailabilityCalendarVariants, Avatar, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, type AvatarGroupVariants, type AvatarProps, type AvatarVariants, Badge, BadgeAction, type BadgeActionProps, BadgeGroup, type BadgeGroupMetrics, type BadgeGroupProps, type BadgeGroupVariants, BadgeMultiSelect, type BadgeMultiSelectOption, type BadgeMultiSelectProps, type BadgeProps, type BadgeVariants, BooleanCell, type BooleanCellProps, type BreadcrumbItem, Breadcrumbs, type BreadcrumbsProps, Button, type ButtonProps, type ButtonVariants, COLUMN_DRAG_KIND, CONVERSATION_BRIEF_OUTCOME_LABEL, Card, CardBody, CardContent, CardEyebrow, CardFeatureTitle, CardFooter, CardHeader, type CardProps, CardTitle, type CardVariants, ChannelIcon, type ChannelIconProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, ChipValue, type ChipValueItemRenderer, type ChipValueProps, ColorInput, type ColorInputProps, type ColumnDragData, Combobox, type ComboboxOption, type ComboboxProps, Command, CommandHint, type CommandHintProps, type CommandHintTone, type CommandLabel, type CommandProps, type ComparisonOperator, type ComposerAttachment, type ComposerConnectionPicker, type ComposerSendInput, type ComposerValue, ConversationBriefCard, type ConversationBriefCardProps, type ConversationBriefClient, type ConversationBriefOutcome, ConversationBriefPreview, type ConversationBriefPreviewProps, ConversationBriefReview, type ConversationBriefReviewProps, CurrencyInput, type CurrencyInputOption, type CurrencyInputProps, type CurrencyInputValue, DRAFT_OUTCOME_LABEL, DataTable, DataTableEmpty, type DataTableEmptyProps, DataTableError, type DataTableErrorProps, type DataTableProps, DataTableSkeleton, type DataTableSkeletonProps, DateCell, type DateCellProps, DatePicker, type DatePickerProps, DateTimeCell, type DateTimeCellProps, DateTimePicker, type DateTimePickerProps, type DecodedPeaks, type DraftMessageActions, DraftMessageCard, type DraftMessageCardProps, type DraftMessageClient, DraftMessageComposer, type DraftMessageComposerProps, type DraftMessageOutcome, DraftMessageReview, type DraftMessageReviewProps, type DraftReviewOutcome, EmptyState, type EmptyStateProps, type EmptyStateVariants, ErrorAnimation, type ErrorAnimationProps, FIELD_LABEL_SEPARATOR, type FieldAppearance, FieldCaret, type FieldControlVariants, type FieldSize, FileField, type FileFieldProps, type FileFieldValue, FileViewer, FileViewerFallbackCard, type FileViewerFallbackCardProps, type FileViewerFallbackCardVariants, type FileViewerKind, type FileViewerProps, type FileViewerVariants, type FilterElement, type FilterField, type FilterFieldOption, type FilterFieldRelation, type FilterFieldType, type FilterGroup, FilterRow, type FilterRowProps, type FilterValue, FilterValueInput, type FilterValueInputProps, type FilterValueInputRenderer, FrameStrip, type FrameStripItem, type FrameStripProps, type FrameStripVariants, GlowFrame, type GlowFrameProps, type GlowFrameStatus, type GlowFrameVariants, IconPicker, type IconPickerProps, ImageAttachment, type ImageAttachmentProps, type ImageAttachmentVariants, ImageLightbox, type ImageLightboxProps, type ImageLightboxVariants, type InfiniteQueryLike, Input, type InputProps, Kbd, type KbdProps, type KeyCombo, LinkCell, type LinkCellProps, type LogicalOperator, type LucideIconName, MAX_COMPOSER_ATTACHMENT_BYTES, MAX_DECODE_BYTES, MediaControls, type MediaControlsProps, type MediaControlsVariants, type MediaLane, type MediaMarker, MediaMarkerTrack, type MediaMarkerTrackProps, type MediaMarkersVariants, MediaPlayer, type MediaPlayerContextValue, type MediaPlayerKind, type MediaPlayerProps, type MediaPlayerSource, type MediaPlayerVariants, type MediaSegment, MediaStage, MediaTimeline, type MediaTimelineProps, type MediaTimelineVariants, MediaVideoStage, type MediaVideoStageProps, type MediaVideoStageVariants, MediaWaveform, type MediaWaveformProps, type MediaWaveformStatus, type MediaWaveformVariants, Menu, MenuItem, type MenuItemProps, MenuPopover, type MenuPopoverProps, type MenuProps, MenuTrigger, MessageComposer, type MessageComposerProps, Modal, ModalBody, ModalContent, type ModalContentProps, ModalDescription, ModalFooter, ModalHeader, ModalTitle, MultiSelect, type MultiSelectOption, type MultiSelectProps, NavGroup, type NavGroupProps, NavItem, type NavItemProps, type NavItemVariants, NavSection, type NavSectionProps, OPERATORS, type OperatorArity, type OperatorDescriptor, OperatorPicker, type OperatorPickerProps, Orb, type OrbProps, type OrbSizeToken, PROTECTED_COMBOS, type Platform, Popover, PopoverContent, type PopoverContentProps, PopoverPanelBody, PopoverPanelFooter, PopoverPanelHeader, PressableCard, type PressableCardProps, ProgressBar, type ProgressBarProps, type ProgressBarVariants, ProgressRing, type ProgressRingProps, type ProgressRingVariants, Radio, RadioGroup, type RadioGroupProps, type RadioProps, RecipientSelect, type RecipientSelectProps, RecordFilterBuilderPanel, type RecordFilterBuilderPanelProps, RecordFilterButton, type RecordFilterButtonProps, RecordFilterChips, type RecordFilterChipsProps, RecordFilterEditor, type RecordFilterEditorProps, RecordUpdate, RecordUpdateErrors, type RecordUpdateErrorsProps, RecordUpdateFooter, type RecordUpdateProps, RecordUpdateRow, type RecordUpdateRowProps, type RecordUpdateRowState, type RecordUpdateRowVariants, RecordUpdateRows, RecordUpdateSummary, RenderChipItemProvider, RenderValueInputProvider, SELECTION_COLUMN_ID, type SearchRecipients, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, type SegmentedControlVariants, Select, type SelectOption, type SelectProps, Separator, type SeparatorProps, Skeleton, type SkeletonProps, type SkeletonVariants, Slider, type SliderProps, type SliderVariants, type SortDirection, type StepState, Stepper, type StepperOrientation, type StepperProps, StepperStep, type StepperStepProps, type StepperVariants, SubmenuTrigger, SuccessAnimation, type SuccessAnimationProps, Switch, type SwitchProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableHeader, TableHeaderCell, type TableHeaderCellProps, type TableHeaderProps, TableHeaderSpacer, type TableProps, TableRow, type TableRowProps, TableScroller, type TableVariants, Tabs, type TabsListProps, type TabsPanelProps, type TabsRootProps, type TabsTriggerProps, type TabsVariants, TagInput, type TagInputProps, type TerminalKind, TextShimmer, type TextShimmerProps, type TextShimmerVariants, Textarea, type TextareaProps, TimeField, type TimeFieldProps, TimeSlotList, type TimeSlotListItem, type TimeSlotListProps, type TimeSlotListVariants, type ToastContent, type ToastOptions, type ToastQueue, ToastRegion, type ToastRegionProps, type ToastVariant, type ToastVariants, Tooltip, type TooltipProps, TooltipTrigger, TruncateCell, type TruncateCellProps, type UseCommandOptions, type UseEscapeKeyOptions, type UseInfiniteScrollSentinelOptions, __resetDraftMessageActions, __resetDraftMessageOutcomes, addLeaf as addFilterLeaf, addPendingLeaf, addSubgroup, arityOf, attachmentChipStyles, availabilityCalendarStyles, avatarGroupStyles, avatarStyles, badgeGroupOverflowStyles, badgeGroupStyles, badgeStyles, buttonStyles, cardStyles, channelIcon, cn, contactPhoneNumbers, conversationBriefCardStyles, conversationBriefOutcomeFor, countLeaves, createConversationBriefClient, createDraftMessageClient, createToastQueue, currentMediaMarkers, decodePeaks, defaultValueFor, draftMessageCardStyles, draftMessageComposerStyles, draftOutcomeFor, emptyStateStyles, fieldControlStyles, fieldErrorStyles, fieldHintStyles, fieldLabelStyles, fileViewerFallbackCardStyles, fileViewerStyles, fitBadgeCount, fitMediaBox, formatFileSize, formatMediaTime, formatValue, frameStripStyles, getPlatform, glowFrameStyles, iconForContentType, imageAttachmentStyles, imageLightboxStyles, isColumnDragData, isDialableConversationBrief, isDraftReviewOutcome, isEditableTarget, isPreviewableImageName, joinFieldLabel, makeActionsColumn, maskPeaks, mediaControlsStyles, mediaMarkersStyles, mediaPlayerStyles, mediaTimelineStyles, mediaVideoStageStyles, mediaWaveformStyles, messageComposerStyles, namesOf, navItemStyles, normalizeHexColor, operatorById, operatorsForType, parseCombo, peaksFromChannels, progressBarStyles, progressRingStyles, publishDraftMessageOutcome, rebaseRowOnFieldChange, rebaseRowOnOperatorChange, recordUpdateRowStyles, recordUpdateStyles, registerDraftMessageActions, removeLeaf, removeSubgroup, replaceLeaf, resolveLucideIcon, resolveLucideIconName, segmentedControlStyles, setJoiner, skeletonStyles, sliderStyles, spokenMediaTime, stepperStyles, subscribeDraftMessageOutcome, summaryFor, tableCellStyles, tableHeaderCellStyles, tabsStyles, terminalKindFor, textShimmerStyles, timeSlotListStyles, toastStyles, updateLeaf, updateSubgroup, useActiveCommands, useAttributeTypeIcon, useCommand, useDiscoveryActive, useDraftMessageActions, useDraftMessageOutcome, useEscapeKey, useInfiniteScrollSentinel, useMediaPlayer, useRenderChipItem, useRenderValueInput, useShowDetails, viewerKindForContentType, wrapLeafInGroup };