@apple-pie/slice 0.1.60 → 0.2.0

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

@@ -1,2 +1,2 @@
 export { TextArea } from './TextArea';
-export type { TextAreaProps, Tip } from './_types';
+export type { TextAreaProps } from './_types';

package/dist/types/components/Textfield/TextField.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
-import { type TextFieldProps } from './_types';
-export declare const TextField: React.MemoExoticComponent<(props: TextFieldProps) => React.JSX.Element>;
+import type { TextFieldProps } from './_types';
+export declare const TextField: React.NamedExoticComponent<TextFieldProps>;

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

@@ -1,47 +1,63 @@
 import type { Transition } from 'motion/react';
 import type React from 'react';
+import type { ColorValue } from '../../theme/colors/resolveColor';
+import type { Type } from '../../theme/type/types';
+import type { SliceIcon } from '../Icon/_types';
+type NativeInputAttributes = Omit<React.InputHTMLAttributes<HTMLInputElement>, keyof React.AriaAttributes | 'children' | 'className' | 'style' | 'role' | 'id' | 'name' | 'type' | 'value' | 'defaultValue' | 'size' | 'disabled' | 'readOnly' | 'placeholder' | 'maxLength' | 'onChange' | 'onFocus' | 'onBlur' | 'onKeyDown' | 'onPaste' | 'onSubmit'>;
 type TextFieldBaseProps = {
     value?: string;
+    defaultValue?: string;
     name?: string;
+    inputName?: string;
+    inputId?: string;
+    inputAttributes?: NativeInputAttributes;
     label?: string;
+    variant?: 'simple' | 'stacked' | 'outlined';
+    behavior?: 'persistent' | 'appear';
+    stackedGap?: number;
+    labelBackgroundColor?: ColorValue;
+    stackedLabelTextSize?: keyof Type;
     labelSize?: 'xs' | 's' | 'm' | 'l' | 'xl';
     textSize?: 'xs' | 's' | 'm' | 'l' | 'xl';
     placeholder?: string;
     focused?: boolean;
-    editable?: boolean;
+    readOnly?: boolean;
     onChange?: (value: string) => void;
     onBlur?: (value: string) => void;
     onFocus?: (value: string) => void;
-    onKeydown?: (key: string, event: React.KeyboardEvent) => void;
+    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
     onSubmit?: (value: string) => void;
-    onPaste?: (value: React.ClipboardEvent<HTMLInputElement>) => void;
+    onPaste?: (event: React.ClipboardEvent<HTMLInputElement>) => void;
     onClear?: () => void;
     onAction?: () => void;
     error?: boolean;
+    errorMessage?: string;
+    tip?: string;
     inline?: boolean;
     maxLength?: number;
-    size?: {
-        width?: number | string;
-        height?: number | string;
-    };
+    width?: number | string;
+    height?: number | string;
     padding?: string | number;
+    /** Defaults to 0 for underline borders, otherwise 8px. */
     borderRadius?: number | string;
     textAlign?: 'left' | 'center';
-    borderColorFocused?: string;
-    borderColorBlurred?: string;
-    borderColorError?: string;
-    backgroundColorFocused?: string;
-    backgroundColorBlurred?: string;
-    textColorFocused?: string;
-    textColorBlurred?: string;
-    textColorError?: string;
-    textColorPlaceholder?: string;
-    textColorDisabled?: string;
-    labelColor?: string;
+    borderColorFocused?: ColorValue;
+    borderColorBlurred?: ColorValue;
+    borderColorError?: ColorValue;
+    /** Defaults to transparent for underline borders, otherwise core-surface-secondary. */
+    backgroundColorFocused?: ColorValue;
+    /** Defaults to transparent for underline borders, otherwise core-surface-secondary. */
+    backgroundColorBlurred?: ColorValue;
+    textColorFocused?: ColorValue;
+    textColorBlurred?: ColorValue;
+    textColorError?: ColorValue;
+    textColorPlaceholder?: ColorValue;
+    textColorDisabled?: ColorValue;
+    labelColor?: ColorValue;
     iconLeft?: {
-        name?: string;
+        name?: SliceIcon;
         size?: number;
-        color?: string;
+        color?: ColorValue;
     };
     clearButton?: {
         size?: number;
@@ -49,23 +65,11 @@ type TextFieldBaseProps = {
     clearBlurs?: boolean;
     disabled?: boolean;
     actionButton?: boolean;
-    borderType?: 'box' | 'underline' | 'none';
+    actionLabel?: string;
+    borderStyle?: 'box' | 'underline' | 'none';
     inputType?: 'text' | 'password';
-    noShow?: boolean;
-};
-export type TextFieldProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof TextFieldBaseProps> & TextFieldBaseProps;
-export declare const MOTION_CONFIG: {
-    variants: {
-        initial: {
-            opacity: number;
-        };
-        animate: {
-            opacity: number;
-        };
-        exit: {
-            opacity: number;
-        };
-    };
-    transition: Transition;
+    showPasswordToggle?: boolean;
+    transition?: Transition;
 };
+export type TextFieldProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof TextFieldBaseProps | keyof React.AriaAttributes | 'role'> & TextFieldBaseProps;
 export {};

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

@@ -1,3 +1,2 @@
 import React from 'react';
-import { type ToolTipProps } from './_types';
-export declare const Tip: React.NamedExoticComponent<Omit<ToolTipProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Tip: React.NamedExoticComponent<import("./_types").ToolTipBaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "color" | "role" | "dangerouslySetInnerHTML" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | keyof React.AriaAttributes | keyof import("./_types").ToolTipBaseProps> & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,30 +1,23 @@
-import type { HTMLMotionProps } from 'motion/react';
+import type { Transition, Variants } from 'motion/react';
+import type React from 'react';
+import type { ColorValue } from '../../theme/colors/resolveColor';
 import type { ToolTip } from '../sharedTypes';
-export declare const tipBasePos: {
-    left: number;
-    top: number;
-};
-export type PosCoords = {
-    left: number;
-    top: number;
-};
-type ToolTipBaseProps = {
+export interface ToolTipBaseProps {
     tip?: ToolTip | null;
     textSize?: 'xs' | 's' | 'm' | 'l' | 'xl';
-    backgroundColor?: string;
-    textColor?: string;
-    color?: string;
+    backgroundColor?: ColorValue;
+    textColor?: ColorValue;
     border?: boolean;
-    borderColor?: string;
+    borderColor?: ColorValue;
     padding?: number | string;
     borderRadius?: number | string;
-    radius?: number | string;
     coords?: {
         x: number;
         y: number;
     };
     showDelay?: number;
     hideDelay?: number;
-};
-export type ToolTipProps = Omit<HTMLMotionProps<'div'>, keyof ToolTipBaseProps> & ToolTipBaseProps;
-export {};
+    motionValues?: Variants;
+    transition?: Transition;
+}
+export type ToolTipProps = ToolTipBaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, keyof ToolTipBaseProps | keyof React.AriaAttributes | 'color' | 'role' | 'children' | 'dangerouslySetInnerHTML' | 'onDrag' | 'onDragStart' | 'onDragEnd' | 'onAnimationStart'>;

package/dist/types/components/Tip/useTipVisibility.d.ts

@@ -0,0 +1,6 @@
+import type { ToolTip } from '../sharedTypes';
+/** Coordinate updates do not restart a request's show delay or visible lifetime. */
+export declare function useTipVisibility(tip: ToolTip | null | undefined, enabled: boolean, showDelay: number, hideDelay: number): {
+    visible: boolean;
+    dismiss: () => void;
+};

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

@@ -1,3 +1,3 @@
 import React from 'react';
-import { type ToastProps } from './_types';
-export declare const Toast: React.NamedExoticComponent<Omit<ToastProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+import type { ToastProps } from './_types';
+export declare const Toast: <T = unknown>(props: ToastProps<T> & React.RefAttributes<HTMLDivElement>) => React.JSX.Element;

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

@@ -1,28 +1,41 @@
-import type { HTMLMotionProps } from 'motion/react';
+import type { Transition, Variants } from 'motion/react';
+import type React from 'react';
 export declare enum ToastType {
     Success = "success",
     Error = "error",
     Warning = "warning",
     Info = "info"
 }
-type ToastBaseProps = {
-    notifId?: string;
+export type ToastHideReason = 'timeout' | 'dismiss' | 'cleared' | 'replaced';
+export interface ToastInfo {
+    notificationId?: string;
+    message: string;
+}
+export interface ToastHideInfo extends ToastInfo {
+    reason: ToastHideReason;
+}
+export interface ToastBaseProps<T = unknown> {
+    data?: T;
+    onClick?: (event: React.MouseEvent<HTMLDivElement>, data: T | undefined) => void;
+    notificationId?: string;
     message?: string | null;
     textSize?: 'xs' | 's' | 'm' | 'l' | 'xl';
     border?: boolean;
     padding?: number | string;
-    radius?: number | string;
+    borderRadius?: number | string;
     position?: 'top' | 'bottom';
     container?: 'window' | 'parent';
     offset?: number;
     showDelay?: number;
-    duration?: number | 'Infinite';
+    duration?: number | 'infinite';
     close?: boolean;
-    type?: ToastType;
+    closeLabel?: string;
+    type?: ToastType | `${ToastType}`;
     progress?: boolean;
-    onShow?: () => void;
-    didHide?: () => void;
-};
-type ReservedToastEvents = 'onMouseEnter' | 'onMouseLeave' | 'onFocus' | 'onBlur';
-export type ToastProps = Omit<HTMLMotionProps<'div'>, keyof ToastBaseProps | ReservedToastEvents> & ToastBaseProps;
-export {};
+    urgency?: 'polite' | 'assertive';
+    motionValues?: Variants;
+    transition?: Transition;
+    onShow?: (notification: ToastInfo) => void;
+    onHide?: (notification: ToastHideInfo) => void;
+}
+export type ToastProps<T = unknown> = ToastBaseProps<T> & Omit<React.HTMLAttributes<HTMLDivElement>, keyof ToastBaseProps<T> | keyof React.AriaAttributes | 'role' | 'children' | 'dangerouslySetInnerHTML' | 'onDrag' | 'onDragStart' | 'onDragEnd' | 'onAnimationStart'>;

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

@@ -1,2 +1,2 @@
 export { Toast } from './Toast';
-export { type ToastProps, ToastType } from './_types';
+export { type ToastProps, type ToastInfo, type ToastHideInfo, type ToastHideReason, ToastType } from './_types';

package/dist/types/components/Toast/useToastLifecycle.d.ts

@@ -0,0 +1,15 @@
+import type { ToastHideReason, ToastInfo, ToastProps } from './_types';
+interface Notification {
+    token: number;
+    info: ToastInfo;
+    onShow: ToastProps['onShow'];
+    onHide: ToastProps['onHide'];
+}
+/** Own notification identity, visibility timing, and remaining-time pause/resume independently of animation. */
+export declare function useToastLifecycle<T>({ message, notificationId, showDelay, duration, onShow, onHide, }: ToastProps<T>): {
+    notification: Notification | undefined;
+    dismiss: (reason: ToastHideReason) => void;
+    interaction: (kind: "hover" | "focus", value: boolean) => void;
+    finishExits: () => void;
+};
+export {};

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

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

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

@@ -1,32 +1,20 @@
 import type React from 'react';
-import type { AnimationPreset, ButtonAnimation } from '../IconButton';
-import type { ToolTip } from '../sharedTypes';
-export interface ToggleButtonProps {
-    children?: React.ReactNode;
+import type { ColorValue } from '../../theme/colors/resolveColor';
+import type { SliceIcon } from '../Icon/_types';
+import type { IconButtonProps } from '../IconButton';
+import type { ButtonStyleProps, FixedSize } from '../sharedTypes';
+type ToggleButtonBaseProps = ButtonStyleProps & {
+    actionName?: string;
     label?: string;
-    textSize?: 'xs' | 's' | 'm' | 'l' | 'xl';
-    buttonSize?: 's' | 'm' | 'l' | 'xl';
-    frameSize?: number;
-    icon?: string;
-    iconOn?: string;
-    iconTwo?: string;
-    selected?: boolean;
-    iconColor?: string;
-    iconColorOn?: string;
-    iconColorHover?: string;
-    backgroundColor?: string;
-    backgroundColorHover?: string;
-    backgroundColorOn?: string;
-    onChange?: (state: boolean) => void;
-    onSelect?: () => void;
-    onToolTip?: (tip: ToolTip | null) => void;
-    gap?: number;
-    border?: boolean;
-    iconSize?: number;
-    tooltip?: string;
-    fill?: boolean;
-    unselect?: boolean;
-    disabled?: boolean;
-    presetAnimations?: AnimationPreset;
-    customAnimations?: ButtonAnimation;
-}
+    labelOutside?: boolean;
+    labelPosition?: 'right' | 'bottom';
+    children?: React.ReactNode;
+    textSize?: FixedSize;
+    textColor?: ColorValue;
+    textColorHover?: ColorValue;
+    textColorSelected?: ColorValue;
+    iconSelected?: SliceIcon;
+    deselect?: boolean;
+};
+export type ToggleButtonProps = Omit<IconButtonProps, 'toggle' | 'count' | 'showDot' | 'onSelect' | 'buttonSize'> & ToggleButtonBaseProps;
+export {};

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

@@ -1,58 +1,66 @@
 import React from 'react';
-export declare const UploadArea: React.NamedExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, keyof {
-    icon?: string;
+export declare const UploadArea: React.NamedExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "role" | "aria-disabled" | "dangerouslySetInnerHTML" | "aria-busy" | keyof {
+    icon?: import("../Icon").SliceIcon;
     iconSize?: number;
-    iconColor?: string;
-    iconColorHover?: string;
+    iconColor?: import("../..").ColorValue;
+    iconColorHover?: import("../..").ColorValue;
     width?: number | string;
     height?: number | string;
+    actionName?: string;
     title?: string;
     message?: string;
     busyMessage?: string;
-    backgroundColor?: string;
-    backgroundColorHover?: string;
+    backgroundColor?: import("../..").ColorValue;
+    backgroundColorHover?: import("../..").ColorValue;
     borderWidth?: number;
-    border?: number;
-    borderColor?: string | null;
-    borderColorHover?: string | null;
+    borderColor?: import("../..").ColorValue | null;
+    borderColorHover?: import("../..").ColorValue | null;
     borderStyle?: string;
     textSize?: "xs" | "s" | "m" | "l" | "xl";
     padding?: number | string;
     borderRadius?: number | string;
-    radius?: number | string;
     acceptedTypes?: string[];
     multiple?: boolean;
+    disabled?: boolean;
     busy?: boolean;
     showProgress?: boolean;
     files?: import("../FileList").FileItem[];
+    fileListProps?: Omit<import("../FileList").FileListProps, "files" | "onChange" | "canRemove" | "onToolTip">;
     canRemove?: boolean;
+    onReject?: (files: import("./_types").UploadFileRejection[]) => void;
+    onToolTip?: (tip: import("../sharedTypes").ToolTip | null) => void;
+    onFilesChange?: (files: import("../FileList").FileItem[]) => void;
     onUpload?: (files: File[]) => void;
 }> & {
-    icon?: string;
+    icon?: import("../Icon").SliceIcon;
     iconSize?: number;
-    iconColor?: string;
-    iconColorHover?: string;
+    iconColor?: import("../..").ColorValue;
+    iconColorHover?: import("../..").ColorValue;
     width?: number | string;
     height?: number | string;
+    actionName?: string;
     title?: string;
     message?: string;
     busyMessage?: string;
-    backgroundColor?: string;
-    backgroundColorHover?: string;
+    backgroundColor?: import("../..").ColorValue;
+    backgroundColorHover?: import("../..").ColorValue;
     borderWidth?: number;
-    border?: number;
-    borderColor?: string | null;
-    borderColorHover?: string | null;
+    borderColor?: import("../..").ColorValue | null;
+    borderColorHover?: import("../..").ColorValue | null;
     borderStyle?: string;
     textSize?: "xs" | "s" | "m" | "l" | "xl";
     padding?: number | string;
     borderRadius?: number | string;
-    radius?: number | string;
     acceptedTypes?: string[];
     multiple?: boolean;
+    disabled?: boolean;
     busy?: boolean;
     showProgress?: boolean;
     files?: import("../FileList").FileItem[];
+    fileListProps?: Omit<import("../FileList").FileListProps, "files" | "onChange" | "canRemove" | "onToolTip">;
     canRemove?: boolean;
+    onReject?: (files: import("./_types").UploadFileRejection[]) => void;
+    onToolTip?: (tip: import("../sharedTypes").ToolTip | null) => void;
+    onFilesChange?: (files: import("../FileList").FileItem[]) => void;
     onUpload?: (files: File[]) => void;
 } & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,48 +1,51 @@
 import type React from 'react';
-import type { FileItem } from '../FileList';
+import type { ColorValue } from '../../theme/colors/resolveColor';
+import type { FileItem, FileListProps } from '../FileList';
+import type { SliceIcon } from '../Icon/_types';
+import type { ToolTip } from '../sharedTypes';
 export declare const imageTypes: string[];
 export declare const videoTypes: string[];
 export declare const documentTypes: string[];
 export declare const audioTypes: string[];
 export declare const textTypes: string[];
 export declare const allTypes: string[];
-export declare enum FileTypes {
-    images = "images",
-    videos = "videos",
-    documents = "documents",
-    audio = "audio",
-    text = "text",
-    all = "all",
-    custom = "custom"
-}
+export type UploadFileRejection = {
+    file: File;
+    reason: 'type' | 'multiple';
+};
 type UploadAreaBaseProps = {
-    icon?: string;
+    icon?: SliceIcon;
     iconSize?: number;
-    iconColor?: string;
-    iconColorHover?: string;
+    iconColor?: ColorValue;
+    iconColorHover?: ColorValue;
     width?: number | string;
     height?: number | string;
+    actionName?: string;
     title?: string;
     message?: string;
     busyMessage?: string;
-    backgroundColor?: string;
-    backgroundColorHover?: string;
+    backgroundColor?: ColorValue;
+    backgroundColorHover?: ColorValue;
     borderWidth?: number;
-    border?: number;
-    borderColor?: string | null;
-    borderColorHover?: string | null;
+    borderColor?: ColorValue | null;
+    borderColorHover?: ColorValue | null;
     borderStyle?: string;
     textSize?: 'xs' | 's' | 'm' | 'l' | 'xl';
     padding?: number | string;
     borderRadius?: number | string;
-    radius?: number | string;
     acceptedTypes?: string[];
     multiple?: boolean;
+    disabled?: boolean;
     busy?: boolean;
     showProgress?: boolean;
     files?: FileItem[];
+    /** Presentation options for the embedded list; UploadArea owns data and interaction callbacks. */
+    fileListProps?: Omit<FileListProps, 'files' | 'onChange' | 'canRemove' | 'onToolTip'>;
     canRemove?: boolean;
+    onReject?: (files: UploadFileRejection[]) => void;
+    onToolTip?: (tip: ToolTip | null) => void;
+    onFilesChange?: (files: FileItem[]) => void;
     onUpload?: (files: File[]) => void;
 };
-export type UploadAreaProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof UploadAreaBaseProps> & UploadAreaBaseProps;
+export type UploadAreaProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof UploadAreaBaseProps | 'children' | 'dangerouslySetInnerHTML' | 'role' | 'aria-disabled' | 'aria-busy'> & UploadAreaBaseProps;
 export {};

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

@@ -1,3 +1,3 @@
 export { UploadArea } from './UploadArea';
-export type { UploadAreaProps } from './_types';
+export type { UploadAreaProps, UploadFileRejection } from './_types';
 export { imageTypes, videoTypes, documentTypes, audioTypes, textTypes, allTypes, } from './_types';

package/dist/types/components/UploadArea/selection.d.ts

@@ -0,0 +1,7 @@
+import type { UploadFileRejection } from './_types';
+/** Picker hints and runtime validation share one normalized, deduplicated token list. */
+export declare function normalizeAcceptedTypes(types: readonly string[]): string[];
+export declare function selectUploadFiles(files: readonly File[], types: readonly string[], multiple: boolean): {
+    accepted: File[];
+    rejected: UploadFileRejection[];
+};

package/dist/types/components/UploadArea/useFileSelection.d.ts

@@ -0,0 +1,30 @@
+import type React from 'react';
+import type { FileItem } from '../FileList';
+import type { UploadFileRejection } from './_types';
+type Options = {
+    files: FileItem[];
+    acceptedTypes: string[];
+    multiple: boolean;
+    disabled: boolean;
+    onFilesChange?: (files: FileItem[]) => void;
+    onUpload?: (files: File[]) => void;
+    onReject?: (files: UploadFileRejection[]) => void;
+};
+/** Shared nonvisual picker/validation contract for UploadArea and composed editors. */
+export declare function useFileSelection({ files, acceptedTypes, multiple, disabled, onFilesChange, onUpload, onReject, }: Options): {
+    inputRef: React.RefObject<HTMLInputElement | null>;
+    inputProps: {
+        ref: React.RefObject<HTMLInputElement | null>;
+        type: "file";
+        hidden: boolean;
+        disabled: boolean;
+        multiple: boolean;
+        accept: string | undefined;
+        onClick: (event: React.MouseEvent<HTMLInputElement>) => void;
+        onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    };
+    openPicker: () => void;
+    selectFiles: (selected: File[]) => boolean;
+    rejection: string;
+};
+export {};

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

@@ -1,73 +1,3 @@
 import React from 'react';
-import { PlayState, type VideoElement } from './_types';
-export declare const Video: React.NamedExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, keyof {
-    children?: React.ReactNode;
-    src?: string;
-    playing?: boolean;
-    loop?: boolean;
-    muted?: boolean;
-    volume?: number;
-    playsInline?: boolean;
-    playRate?: number;
-    controls?: "default" | "simple" | "custom" | "none";
-    customControls?: import("./_types").CustomVideoControls;
-    poster?: string;
-    width?: number | string;
-    height?: number | string;
-    borderRadius?: number | string;
-    borderSize?: number | string;
-    borderColor?: string;
-    backgroundColor?: string;
-    objectFit?: "fill" | "contain" | "cover" | "none" | "scale-down";
-    showProgressIndicator?: boolean;
-    onPlay?: () => void;
-    onPause?: () => void;
-    onEnd?: () => void;
-    onProgress?: (progress: number) => void;
-    onLoadProgress?: (progress: number) => void;
-    onPlaybackRateChange?: (rate: number) => void;
-    onCanPlayThrough?: () => void;
-    onPlayStateChange?: (state: PlayState) => void;
-    onLoadMetaData?: (duration: number) => void;
-    onFullScreenChange?: (fullScreen: boolean) => void;
-    onVolumeChange?: (volume: number) => void;
-    onLoadedFrameData?: () => void;
-    onQuit?: () => void;
-    onCanPlay?: () => void;
-    captionsSrc?: string;
-}> & {
-    children?: React.ReactNode;
-    src?: string;
-    playing?: boolean;
-    loop?: boolean;
-    muted?: boolean;
-    volume?: number;
-    playsInline?: boolean;
-    playRate?: number;
-    controls?: "default" | "simple" | "custom" | "none";
-    customControls?: import("./_types").CustomVideoControls;
-    poster?: string;
-    width?: number | string;
-    height?: number | string;
-    borderRadius?: number | string;
-    borderSize?: number | string;
-    borderColor?: string;
-    backgroundColor?: string;
-    objectFit?: "fill" | "contain" | "cover" | "none" | "scale-down";
-    showProgressIndicator?: boolean;
-    onPlay?: () => void;
-    onPause?: () => void;
-    onEnd?: () => void;
-    onProgress?: (progress: number) => void;
-    onLoadProgress?: (progress: number) => void;
-    onPlaybackRateChange?: (rate: number) => void;
-    onCanPlayThrough?: () => void;
-    onPlayStateChange?: (state: PlayState) => void;
-    onLoadMetaData?: (duration: number) => void;
-    onFullScreenChange?: (fullScreen: boolean) => void;
-    onVolumeChange?: (volume: number) => void;
-    onLoadedFrameData?: () => void;
-    onQuit?: () => void;
-    onCanPlay?: () => void;
-    captionsSrc?: string;
-} & React.RefAttributes<VideoElement>>;
+import { type VideoElement, type VideoProps } from './_types';
+export declare const Video: React.ForwardRefExoticComponent<VideoProps & React.RefAttributes<VideoElement>>;