@apple-pie/slice 0.1.59 → 0.2.0

package/dist/types/components/Icon/iconRegistry.d.ts

@@ -1,9 +1,10 @@
 import type { JSX } from 'react';
+import type { ColorValue } from '../../theme/colors/resolveColor';
 export interface IconRenderProps {
     stroke: number;
-    strokeColor: string;
+    strokeColor: ColorValue;
     fillColor: number;
-    coverUp: string;
+    coverUp: ColorValue;
 }
 export type IconLineRenderer = (props: IconRenderProps) => JSX.Element;
 export interface IconDefinition {

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

@@ -1,2 +1,3 @@
 export { Icon } from './Icon';
 export { SliceIcons } from './_types';
+export type { SliceIcon } from './_types';

package/dist/types/components/IconButton/ActionButton.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import type { ColorValue } from '../../theme';
+import type { SliceIcon } from '../Icon';
+import { type ButtonSize } from '../sharedTypes';
+import type { IconButtonProps } from './_types';
+type ActionButtonProps = Omit<IconButtonProps, 'icon' | 'buttonSize'> & {
+    buttonSize?: ButtonSize;
+    icon?: SliceIcon | null;
+    iconSelected?: SliceIcon;
+    iconFrame?: boolean;
+    labelContent?: React.ReactNode;
+    contentClassName?: string;
+    textColor?: ColorValue;
+    textColorHover?: ColorValue;
+    textColorSelected?: ColorValue;
+    deselect?: boolean;
+};
+export declare const ActionButton: React.NamedExoticComponent<ActionButtonProps>;
+export {};

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

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

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

@@ -1,86 +1,38 @@
 import type { Transition, Variants } from 'motion/react';
 import type React from 'react';
-import type { ToolTip } from '../sharedTypes';
-/**
- * Helper for quick popular animation effects
- */
-export declare enum AnimationPreset {
-    Rotate = "rotate",
-    Fade = "fade",
-    Scale = "scale"
-}
-/**
- * Popular types
- */
-export declare enum AnimationType {
-    Rotate = "rotate",
-    Fade = "opacity",
-    Scale = "scale"
-}
-/**
- * Motion value for initial, animate
- */
-export type MotionValue = {
-    off: number | string;
-    on: number | string;
-};
-/**
- * Animation type and motion value
- */
-export type AnimationValue = {
-    type: AnimationType | string;
-    value: MotionValue;
-};
-/**
- * Transition values for on and optionally off
- */
-export type TransitionValue = {
-    on: Transition;
-    off?: Transition;
-};
-/**
- * Overall button animation definition
- */
-export type ButtonAnimation = {
-    animation: AnimationValue[] | AnimationValue;
-    transition?: TransitionValue;
-};
+import type { ColorValue } from '../../theme/colors/resolveColor';
+import type { SliceIcon } from '../Icon/_types';
+import type { ButtonSize, ToolTip } from '../sharedTypes';
 type IconButtonBaseProps = {
-    round?: boolean;
-    frameSize?: number;
+    actionName?: string;
+    buttonSize?: Exclude<ButtonSize, 'auto'>;
     iconSize?: number;
+    /** Icon stroke width in the 20-unit viewBox. Omit to use Icon’s default. */
+    iconStrokeWidth?: number;
+    icon?: SliceIcon;
     iconFill?: boolean;
-    icon?: string;
-    iconColor?: string;
-    iconColorOn?: string;
-    iconColorHover?: string;
-    tooltip?: string;
-    color?: string;
-    colorOn?: string;
-    fillColor?: number;
+    iconColor?: ColorValue;
+    iconColorHover?: ColorValue;
+    iconColorSelected?: ColorValue;
+    backgroundColor?: ColorValue;
+    backgroundColorHover?: ColorValue;
+    backgroundColorSelected?: ColorValue;
+    borderWidth?: number;
+    borderColor?: ColorValue;
+    borderRadius?: number | string;
     disabled?: boolean;
-    backgroundColor?: string;
-    backgroundColorOn?: string;
-    backgroundColorHover?: string;
-    toggle?: boolean;
     hover?: boolean;
+    toggle?: boolean;
+    selected?: boolean;
+    defaultSelected?: boolean;
     toggleIcon?: boolean;
-    isToggled?: boolean;
     showDot?: boolean;
     count?: number;
+    tooltip?: string;
+    motionValues?: Variants;
     transition?: Transition;
-    label?: string;
-    border?: boolean;
-    variants?: Variants;
-    initial?: string;
-    animate?: string;
-    exit?: string;
-    borderRadius?: number | string;
-    onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    onChange?: (selected: boolean) => void;
     onToolTip?: (tip: ToolTip | null) => void;
-    buttonSize?: 's' | 'm' | 'l' | 'xl';
-    presetAnimations?: AnimationPreset;
-    customAnimations?: ButtonAnimation;
 };
-export type IconButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof IconButtonBaseProps> & IconButtonBaseProps;
+export type IconButtonProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof IconButtonBaseProps | 'color' | 'children' | 'aria-label' | 'aria-labelledby' | 'aria-pressed'> & IconButtonBaseProps;
 export {};

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

@@ -1,3 +1,2 @@
 export { IconButton } from './IconButton';
-export type { IconButtonProps, AnimationValue, MotionValue, TransitionValue, ButtonAnimation, } from './_types';
-export { AnimationPreset, AnimationType } from './_types';
+export type { IconButtonProps } from './_types';

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

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

package/dist/types/components/ModalController/ModalHostContext.d.ts

@@ -0,0 +1 @@
+export declare const ModalHostContext: import("react").Context<boolean>;

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

@@ -1,13 +1,11 @@
 import type { Transition, Variants } from 'motion/react';
 import type React from 'react';
+import type { ColorValue } from '../../theme/colors/resolveColor';
 export type ModalControllerProps = {
     dragConstraintsRef?: React.RefObject<HTMLElement | null>;
-    overlayColor?: string;
+    overlayColor?: ColorValue;
     overlayOpacity?: number;
     transition?: Transition;
-    variants?: Variants;
-    initial?: string;
-    animate?: string;
-    exit?: string;
+    motionValues?: Variants;
     draggable?: boolean;
 };

package/dist/types/components/ModalController/useModalHost.d.ts

@@ -0,0 +1,3 @@
+import { type RefObject } from 'react';
+/** The host owns modality; DialogBox only supplies the named dialog panel. */
+export declare function useModalHost(ref: RefObject<HTMLDivElement | null>, dismiss: () => void, opener: RefObject<HTMLElement | null>, active?: boolean): void;

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

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

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

@@ -1,16 +1,15 @@
-import type { Transition } from 'motion/react';
+import type { Transition, Variants } from 'motion/react';
 import type React from 'react';
+import type { ColorValue } from '../../theme/colors/resolveColor';
 type OverlayBaseProps = {
     children?: React.ReactNode;
     show?: boolean;
+    backgroundColor?: ColorValue;
     opacity?: number;
-    color?: string;
-    type?: 'clear' | 'dark';
-    global?: boolean;
-    overlay?: any;
-    onClick?: () => void;
+    position?: 'fixed' | 'absolute';
+    pointerEvents?: 'auto' | 'none';
     transition?: Transition;
-    toggleOverlay?: (state: boolean) => void;
+    motionValues?: Variants;
 };
-export type OverlayProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof OverlayBaseProps> & OverlayBaseProps;
+export type OverlayProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof OverlayBaseProps | keyof React.AriaAttributes | 'role' | 'color' | 'dangerouslySetInnerHTML'> & OverlayBaseProps;
 export {};

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

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

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

@@ -1,13 +1,29 @@
+import type { Transition } from 'motion/react';
 import type React from 'react';
+import type { ColorValue } from '../../theme/colors/resolveColor';
 type PagerBaseProps = {
     size?: number;
-    index?: number;
-    color?: string;
-    colorOn?: string;
-    colorHover?: string;
+    selectedIndex?: number;
+    defaultSelectedIndex?: number;
+    color?: ColorValue;
+    colorOn?: ColorValue;
+    colorHover?: ColorValue;
     pages?: number;
     gap?: number;
+    /** Scale of the selected dot. */
+    scale?: number;
+    /** Multiplier applied for each page away from the selection. */
+    scaleFactor?: number;
+    minScale?: number;
+    /** Fade opacity by scaleFactor for each page away from the selection. */
+    opacityScales?: boolean;
+    maxVisiblePages?: number;
+    /** One-based visible-dot trigger, mirrored backward. Reaching it centers selection when possible. Must be less than the visible count. */
+    showMoreOn?: number;
+    /** Settings merged with Water for sliding, scaling, opacity, and color changes. */
+    transition?: Transition;
     onChange?: (index: number) => void;
 };
-export type PagerProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof PagerBaseProps> & PagerBaseProps;
+/** A group of native page buttons. Motion gestures are not a public API. */
+export type PagerProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof PagerBaseProps | 'children' | 'dangerouslySetInnerHTML'> & PagerBaseProps;
 export {};

package/dist/types/components/Pager/pagerLogic.d.ts

@@ -0,0 +1,9 @@
+/** Invalid counts produce an empty pager; fractional counts use whole pages. */
+export declare function normalizePageCount(pages: number): number;
+export declare function clampPageIndex(index: number, pages: number): number;
+export declare function getDotScale(index: number, selectedIndex: number, scale: number, factor: number, minimum: number): number;
+export declare function getVisiblePageCount(pages: number, maximum?: number): number;
+/** Center selection after a trigger; endpoints limit how many pages can be revealed. */
+export declare function getPageWindowStart(previousStart: number, previousIndex: number, index: number, pages: number, visible: number, showMoreOn?: number): number;
+/** Opacity keeps fading independently of the minimum visual dot size. */
+export declare function getDotOpacity(index: number, selectedIndex: number, factor: number): number;

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

@@ -0,0 +1,3 @@
+import type React from 'react';
+import type { PopMenuProps } from './_types';
+export declare function PopMenu<T = unknown>(props: Readonly<PopMenuProps<T>>): React.JSX.Element | null;

package/dist/types/components/PopMenu/PopMenuContext.d.ts

@@ -0,0 +1,10 @@
+import type { PopMenuItemProps } from './_types';
+export interface PopMenuActions<T = unknown> {
+    dismissAll: () => void;
+    onClickItem?: PopMenuItemProps<T>['onClick'];
+    onHoverItem?: PopMenuItemProps<T>['onHover'];
+}
+export declare const PopMenuContext: import("react").Context<PopMenuActions<never> | undefined>;
+export declare const PopMenuActiveSubMenuContext: import("react").Context<string | undefined>;
+export declare const noopDismiss: () => void;
+export declare function usePopMenuActions<T>(): PopMenuActions<T> | undefined;

package/dist/types/components/PopMenu/PopMenuGroup.d.ts

@@ -0,0 +1,2 @@
+import type { PopMenuItemGroupProps } from './_types';
+export declare function PopMenuGroup<T = unknown>(rawProps: Readonly<PopMenuItemGroupProps<T>>): import("react").JSX.Element;

package/dist/types/components/PopMenu/PopMenuItem.d.ts

@@ -0,0 +1,3 @@
+import type React from 'react';
+import type { PopMenuItemProps } from './_types';
+export declare function PopMenuItem<T = unknown>(props: PopMenuItemProps<T>): React.JSX.Element;

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

@@ -0,0 +1,110 @@
+import type { HTMLMotionProps, Transition, Variants } from 'motion/react';
+import type React from 'react';
+import type { KeyboardShortcut } from '../../hooks/useKeyboardShortcuts/useKeyboardShortcuts';
+import type { ColorValue } from '../../theme';
+import type { SliceIcon } from '../Icon';
+import type { FixedSize } from '../sharedTypes';
+export type PopCoords = {
+    x: number;
+    y: number;
+};
+export type PopSizeConstraints = {
+    maxHeight: number;
+    maxWidth: number;
+};
+export type PopOffset = 'top' | 'bottom' | 'right' | 'left';
+export type PopCaller = HTMLElement;
+export type PopMenuSubMenuProps = {
+    caller: PopCaller;
+    level: number;
+    dismissAll: () => void;
+};
+/** Click details. For toggle items, toggled is the requested next state. */
+export type PopMenuItemClickInfo<T = unknown> = Pick<PopMenuItemBase<T>, 'id' | 'label' | 'data' | 'toggle' | 'toggled' | 'subMenu' | 'autoDismiss'> & {
+    dismissAll: () => void;
+};
+export interface PopMenuBase<T = unknown> {
+    /** Defaults to auto; submenus inherit their parent's resolved host. */
+    portalContainer?: 'auto' | HTMLElement | false;
+    /** Nesting level used to stack submenus above their parent. */
+    level?: number;
+    name?: string;
+    id?: string;
+    options?: PropMenuEntry<T>[];
+    children?: React.ReactNode;
+    padding?: number | string;
+    backgroundColor?: ColorValue;
+    borderRadius?: number | string;
+    borderWidth?: number;
+    borderColor?: ColorValue;
+    /** Enter/exit overrides; bypassed when the user prefers reduced motion. */
+    motionValues?: Variants;
+    /** Merged with Water; timing and delays are bypassed for reduced motion. */
+    transition?: Transition;
+    caller?: PopCaller;
+    offset?: PopOffset;
+    gap?: number;
+    minWidth?: number;
+    onClickItem?: (e: React.MouseEvent<HTMLButtonElement>, item: PopMenuItemClickInfo<T>) => void;
+    onHoverItem?: (e: React.MouseEvent<HTMLButtonElement>, item: Pick<PopMenuItemBase<T>, 'id' | 'label'>) => void;
+    onDismiss?: () => void;
+    dismissAll?: () => void;
+}
+export interface PopMenuItemBase<T = unknown> {
+    /** Application payload included in click details at item, group, and menu levels. */
+    data?: T;
+    disabled?: boolean;
+    /** Defaults to true for actions, false for toggles and submenu openers. */
+    autoDismiss?: boolean;
+    dismissAll?: () => void;
+    /** Level of the containing menu; its submenu receives level + 1. */
+    level?: number;
+    id?: string;
+    name?: string;
+    children?: React.ReactNode;
+    icon?: SliceIcon;
+    toggleIcon?: SliceIcon;
+    subMenuIcon?: SliceIcon;
+    iconSize?: number;
+    iconColor?: ColorValue;
+    iconColorHover?: ColorValue;
+    iconColorDisabled?: ColorValue;
+    iconGap?: number;
+    backgroundColor?: ColorValue;
+    backgroundColorHover?: ColorValue;
+    label?: string;
+    textColor?: ColorValue;
+    textColorHover?: ColorValue;
+    textColorDisabled?: ColorValue;
+    textSize?: FixedSize;
+    subMenu?: (props: PopMenuSubMenuProps) => React.ReactNode;
+    padding?: number | string;
+    gap?: number | string;
+    /** Display a custom string or automatically format a shared shortcut definition. Does not register a binding. */
+    shortcut?: string | KeyboardShortcut;
+    toggle?: boolean;
+    toggled?: boolean;
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>, item: PopMenuItemClickInfo<T>) => void;
+    onHover?: (e: React.MouseEvent<HTMLButtonElement>, item: Pick<PopMenuItemBase<T>, 'id' | 'label'>) => void;
+}
+export interface PopMenuItemGroupBase<T = unknown> {
+    name?: string;
+    id?: string;
+    title?: string;
+    textColor?: ColorValue;
+    textColorHover?: ColorValue;
+    textSize?: FixedSize;
+    padding?: number | string;
+    items?: PopMenuItemBase<T>[];
+    children?: React.ReactNode;
+    borderWidth?: number | string;
+    borderColor?: ColorValue;
+    onClickItem?: (e: React.MouseEvent<HTMLButtonElement>, item: PopMenuItemClickInfo<T>) => void;
+    onHoverItem?: (e: React.MouseEvent<HTMLButtonElement>, item: Pick<PopMenuItemBase<T>, 'id' | 'label'>) => void;
+    dismissAll?: () => void;
+    gap?: number | string;
+}
+export type PropMenuEntry<T = unknown> = Omit<PopMenuItemBase<T>, 'children'> | Omit<PopMenuItemGroupBase<T>, 'children'>;
+export type PopMenuProps<T = unknown> = PopMenuBase<T> & Omit<React.HTMLProps<HTMLDivElement>, keyof PopMenuBase<T>> & Omit<HTMLMotionProps<'div'>, keyof PopMenuBase<T>>;
+export type PopMenuItemProps<T = unknown> = PopMenuItemBase<T> & Omit<React.HTMLProps<HTMLButtonElement>, keyof PopMenuItemBase<T>>;
+export type PopMenuItemGroupProps<T = unknown> = PopMenuItemGroupBase<T> & Omit<React.HTMLProps<HTMLDivElement>, keyof PopMenuItemGroupBase<T>>;

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

@@ -0,0 +1,4 @@
+export { PopMenu } from './PopMenu';
+export { PopMenuGroup } from './PopMenuGroup';
+export { PopMenuItem } from './PopMenuItem';
+export type { PopMenuProps, PopMenuItemProps, PopMenuItemGroupProps, PopMenuItemBase, PopMenuItemGroupBase, PopMenuItemClickInfo, PopMenuSubMenuProps, PropMenuEntry, PopOffset, } from './_types';

package/dist/types/components/PopMenu/usePopMenu.d.ts

@@ -0,0 +1,17 @@
+import { type RefObject } from 'react';
+import type { PopCaller, PopCoords, PopOffset, PopSizeConstraints } from './_types';
+export declare function usePopMenu(options: {
+    menuRef?: RefObject<HTMLDivElement | null>;
+    caller?: PopCaller | null;
+    offset?: PopOffset | null;
+    gap?: number | null;
+    container?: HTMLElement | false;
+    enabled?: boolean;
+}): {
+    coords: PopCoords | undefined;
+    constraints: PopSizeConstraints | undefined;
+    resolved: boolean;
+    visible: boolean;
+    resetMenu: () => void;
+    dismissMenu: () => void;
+};

package/dist/types/components/PopMenu/usePopMenuPortal.d.ts

@@ -0,0 +1,3 @@
+export type PopMenuPortalContainer = 'auto' | HTMLElement | false;
+export type PopMenuPortalTarget = HTMLElement | false;
+export declare function usePopMenuPortal(caller: HTMLElement | undefined, preference: PopMenuPortalContainer | undefined, inherited: PopMenuPortalTarget | undefined): PopMenuPortalTarget | undefined;

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

@@ -0,0 +1,2 @@
+/** Mount once to render the store's single active menu. Composed controls must forward dismissal props. */
+export declare function PopMenuController(): import("react").JSX.Element | null;

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

@@ -0,0 +1 @@
+export { PopMenuController } from './PopMenuController';

package/dist/types/components/Progress/DoneCheck/DoneCheck.d.ts

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

package/dist/types/components/Progress/DoneCheck/_types.d.ts

@@ -1,7 +1,10 @@
 import type React from 'react';
+import type { ColorValue } from '../../../theme/colors/resolveColor';
 type DoneCheckBaseProps = {
+    statusLabel?: string;
+    decorative?: boolean;
     size?: number;
-    color?: string;
+    color?: ColorValue;
     stroke?: number;
     duration?: number;
     delay?: number;
@@ -9,5 +12,5 @@ type DoneCheckBaseProps = {
     didStart?: () => void;
     didEnd?: () => void;
 };
-export type DoneCheckProps = Omit<React.SVGAttributes<SVGSVGElement>, keyof DoneCheckBaseProps> & DoneCheckBaseProps;
+export type DoneCheckProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof DoneCheckBaseProps | keyof React.AriaAttributes | 'role' | 'children'> & DoneCheckBaseProps;
 export {};

package/dist/types/components/Progress/ProgressIndicator/ProgressIndicator.d.ts

@@ -1,4 +1,2 @@
-import type React from 'react';
-import type { ProgressIndicatorProps } from './_types';
-export declare function ProgressIndicator(props: Readonly<ProgressIndicatorProps>): React.JSX.Element;
-export declare const OpenCircle: (size: number | string, secondsPerSpin: number, color: string, stroke?: number, playing?: boolean, inset?: boolean, gradientId?: string) => React.JSX.Element;
+import React from 'react';
+export declare const ProgressIndicator: React.NamedExoticComponent<import("./_types").ProgressIndicatorBaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "role" | "tabIndex" | "dangerouslySetInnerHTML" | "onDrag" | "onDragEnd" | "onDragStart" | "onAnimationStart" | keyof React.AriaAttributes | keyof import("./_types").ProgressIndicatorBaseProps> & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/Progress/ProgressIndicator/_types.d.ts

@@ -1,15 +1,27 @@
+import type { Transition, Variants } from 'motion/react';
 import type React from 'react';
-type ProgressIndicatorBaseProps = {
+import type { ColorValue } from '../../../theme/colors/resolveColor';
+export interface ProgressIndicatorBaseProps {
     size?: number | string;
     secondsPerSpin?: number;
     show?: boolean;
-    color?: string;
+    color?: ColorValue;
     stroke?: number;
+    /** Playback limit in seconds. Zero stops immediately; omitted/invalid values have no limit. */
     duration?: number;
     inline?: boolean;
     inset?: boolean;
-    didStart?: () => void;
-    didStop?: () => void;
-};
-export type ProgressIndicatorProps = Omit<React.HTMLAttributes<HTMLDivElement>, keyof ProgressIndicatorBaseProps> & ProgressIndicatorBaseProps;
-export {};
+    /** Task text for the status announcement and optional visible label. */
+    label?: string;
+    /** Opt into visible label text; defaults to false. */
+    displayLabel?: boolean;
+    labelPosition?: 'left' | 'right' | 'top' | 'bottom';
+    textSize?: 'xs' | 's' | 'm' | 'l' | 'xl';
+    textColor?: ColorValue;
+    decorative?: boolean;
+    motionValues?: Variants;
+    transition?: Transition;
+    onStart?: () => void;
+    onStop?: () => void;
+}
+export type ProgressIndicatorProps = ProgressIndicatorBaseProps & Omit<React.HTMLAttributes<HTMLDivElement>, keyof ProgressIndicatorBaseProps | keyof React.AriaAttributes | 'role' | 'children' | 'dangerouslySetInnerHTML' | 'onDrag' | 'onDragStart' | 'onDragEnd' | 'onAnimationStart' | 'tabIndex'>;

package/dist/types/components/Progress/ProgressIndicator/useSpinnerPlayback.d.ts

@@ -0,0 +1,3 @@
+import type { ProgressIndicatorProps } from './_types';
+/** Show starts a playback cycle; changing callbacks or expiring its timer cannot restart it. */
+export declare function useSpinnerPlayback({ show, duration, onStart, onStop }: ProgressIndicatorProps): boolean;