@tarsis/toolkit 0.7.3 → 0.7.4

package/dist/index.d.ts

@@ -1,2588 +1 @@
-import { ButtonHTMLAttributes } from 'react';
-import { ComponentProps } from 'react';
-import { ComponentPropsWithRef } from 'react';
-import { CSSProperties } from 'react';
-import { default as default_2 } from 'react';
-import { DependencyList } from 'react';
-import { ElementType } from 'react';
-import { HTMLAttributes } from 'react';
-import { IconType } from 'react-icons';
-import { InputHTMLAttributes } from 'react';
-import { JSX } from 'react/jsx-runtime';
-import { JSX as JSX_2 } from 'react';
-import { JSXElementConstructor } from 'react';
-import { MotionValue } from 'motion-dom';
-import { MotionValue as MotionValue_2 } from 'motion/react';
-import { MouseEvent as MouseEvent_2 } from 'react';
-import { OffsetOptions } from '@floating-ui/react';
-import { Placement } from '@floating-ui/react';
-import { ReactElement } from 'react';
-import { ReactNode } from 'react';
-import { ReactPortal } from 'react';
-import { Ref } from 'react';
-import { RefCallback } from 'react';
-import { RefObject } from 'react';
-
-export declare const AccentShardCard: () => JSX.Element;
-
-export declare const AcrobaticPreloader: () => JSX.Element;
-
-export declare const ActivateButton: () => JSX.Element;
-
-export declare const AdjoinedFilters: () => JSX.Element;
-
-export declare const AirplaneAnimation: () => JSX.Element;
-
-export declare const AlienSkeuomorphicLoaders: () => JSX.Element;
-
-declare type AnchorControlProps = ComponentPropsWithRef<'a'>;
-
-export declare const AnimatedBlendedCard: () => JSX.Element;
-
-export declare const AnimatedHeroTitle: () => JSX.Element;
-
-export declare const AnimatedHoverButton: ({ children, className, ...rest }: Props_17) => JSX.Element;
-
-export declare const AnimatedHoverGlowButton: () => JSX.Element;
-
-export declare const AnimatedIconsNav: () => JSX.Element;
-
-export declare const AnimatedShareMenu: () => JSX.Element;
-
-/**
- * JS-accessible animation duration values (in seconds)
- * for use with GSAP, framer-motion, and Web Animations API.
- * Source of truth for the CSS var equivalents in global.css.
- */
-export declare const animationDuration: {
-    readonly fastest: 0.1;
-    readonly fast: 0.15;
-    readonly short: 0.2;
-    readonly medium: 0.3;
-    readonly long: 0.4;
-    readonly slow: 0.5;
-    readonly slowest: 0.8;
-};
-
-export declare type AnimationDurationName = keyof typeof animationDuration;
-
-export declare const animationLogger: BaseLogger;
-
-export declare const ApertureVideo: () => JSX.Element;
-
-export declare const apiLogger: BaseLogger;
-
-export declare const Appearance: ({ type }: Props_7) => JSX.Element;
-
-export declare const AreaLight: () => JSX.Element;
-
-export declare const AuroraButton: () => JSX.Element;
-
-export declare const AutoMasonryGrid: () => JSX.Element;
-
-export declare const AvatarHover: () => JSX.Element;
-
-export declare const BackgroundCircles: () => JSX.Element;
-
-export declare const BackgroundSlider: () => JSX.Element;
-
-export declare class BaseLogger {
-    protected prefix: string;
-    protected emoji: string;
-    constructor(prefix: string, emoji: string);
-    private log;
-    info(msg: string, data?: unknown): void;
-    debug(msg: string, data?: unknown): void;
-    success(msg: string, data?: unknown): void;
-    warn(msg: string, data?: unknown): void;
-    error(msg: string, detail?: unknown): void;
-    scope(msg: string, data?: unknown): void;
-    dir<T>(data: T): void;
-    time(label: string): {
-        end: (data?: unknown) => void;
-    };
-}
-
-declare type BaseProps = HTMLAttributes<HTMLElement> & {
-    children: ReactNode;
-    tooltip?: ReactNode;
-    tooltipOptions?: TooltipOptions;
-    mouseX: MotionValue_2<number | null>;
-    mute?: boolean;
-    variant?: 'default' | 'glass';
-    onClick?: (e: MouseEvent_2<HTMLElement>) => void;
-};
-
-export declare const BlurredBackground: () => JSX.Element;
-
-export declare const BlurVignette: ({ radius, inset, transitionLength, blur, className, url, }: Props_11) => JSX.Element;
-
-export declare const BoldHamburger: () => JSX.Element;
-
-export declare const BorderGradient: () => JSX.Element;
-
-export declare const BorderLink: ({ children, className, ...rest }: Props_50) => JSX.Element;
-
-export declare const BouncyClock: () => JSX.Element;
-
-export declare type BoundedMap<K, V> = ReturnType<typeof createBoundedMap<K, V>>;
-
-export declare type BoundedMapOptions = {
-    maxSize: number;
-    ttlMs?: number;
-};
-
-export declare const BrandCard: ({ children, label, hoverColor, className, contentClassName, }: Props_32) => JSX.Element;
-
-export declare const BreakingProgress: ({ loop }: Props_8) => JSX.Element;
-
-export declare const BubblyParticlesButton: () => JSX.Element;
-
-export declare function BugsPage({ text, description, className }: BugsPageProps): JSX.Element;
-
-declare interface BugsPageProps {
-    text: string;
-    description?: string;
-    className?: string;
-}
-
-export declare const BulletsCarousel: () => JSX.Element;
-
-export declare const BurningButton: () => JSX.Element;
-
-export declare const ButtonBase: (props: ButtonBaseRenderProps) => JSX.Element;
-
-export declare type ButtonBaseAsChildProps = ButtonBaseOwnProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof ButtonBaseOwnProps> & {
-    children: ReactNode;
-    ref?: Ref<HTMLElement>;
-};
-
-declare type ButtonBaseOwnProps = {
-    variant?: ButtonVariant;
-    size?: ButtonSize;
-    pending?: boolean;
-    disabled?: boolean;
-    style?: CSSProperties;
-    className?: string;
-    asChild?: boolean;
-};
-
-export declare type ButtonBaseProps<E extends ElementType = 'button'> = ButtonBaseOwnProps & Omit<PolymorphicProps<E>, keyof ButtonBaseOwnProps>;
-
-declare type ButtonBaseRenderProps = (ButtonBaseProps<ElementType> | ButtonBaseAsChildProps) & {
-    as?: ElementType;
-    ref?: Ref<HTMLElement>;
-};
-
-export declare const ButtonHoverFill: () => JSX.Element;
-
-export declare const ButtonShimmer: () => JSX.Element;
-
-export declare type ButtonSize = 'sm' | 'md' | 'lg';
-
-export declare type ButtonVariant = 'primary' | 'secondary' | 'ghost' | 'danger' | 'success' | 'unstyled';
-
-export declare const ButtonWithDot: () => JSX.Element;
-
-export declare const CanOfDigits: ({ className, controls, initialValue, }: Props_54) => JSX.Element;
-
-export declare const CaptionCard: ({ imageSrc, thumbSrc, title, description, className, }: Props_33) => JSX.Element;
-
-export declare const CardCarousel: ({ items }: Props_39) => JSX.Element;
-
-export declare const CardDetails: () => JSX.Element;
-
-export declare const CardGlow: () => JSX.Element;
-
-export declare const CardMarquee: () => JSX.Element;
-
-export declare const CardTile: ({ children, onClick, className, }: Props_34) => JSX.Element;
-
-declare interface CarouselItem {
-    id: string;
-    image: string;
-    title: string;
-    subtitle: string;
-    description: string;
-    href: string;
-    hrefTitle: string;
-}
-
-export declare const chain: (...elements: ReactNode[]) => JSX.Element[];
-
-export declare const ChaseLoader: () => JSX.Element;
-
-export declare const Checkbox: ({ rootClassName, className, inputClassName, ref, }: Props_41) => JSX.Element;
-
-export declare const CheckboxBase: ({ checked: controlledChecked, defaultChecked, indeterminate, onChange, disabled, name, value, className, style, children, ref, inputRef: externalInputRef, inputProps, asChild, ...ariaProps }: CheckboxBaseProps) => JSX.Element;
-
-export declare type CheckboxBaseProps = {
-    checked?: boolean;
-    defaultChecked?: boolean;
-    indeterminate?: boolean;
-    onChange?: (checked: boolean) => void;
-    disabled?: boolean;
-    name?: string;
-    value?: string;
-    className?: string;
-    style?: CSSProperties;
-    children?: ReactNode;
-    'aria-label'?: string;
-    'aria-labelledby'?: string;
-    ref?: Ref<HTMLLabelElement>;
-    inputRef?: Ref<HTMLInputElement>;
-    inputProps?: Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'checked' | 'disabled' | 'name' | 'value'>;
-    /** Render the root as the provided child element instead of `<label>`. */
-    asChild?: boolean;
-};
-
-export declare const ChequeredCard: () => JSX.Element;
-
-export declare const Chips: () => JSX.Element;
-
-export declare const ChromaticAberration: () => JSX.Element;
-
-export declare const CircleDotsLoader: ({ type }: Props_55) => JSX.Element;
-
-export declare const CircleLinesAnimation: () => JSX.Element;
-
-export declare const CircleLink: ({ children, className, ...rest }: Props_51) => JSX.Element;
-
-export declare const CircleParticles: () => JSX.Element;
-
-export declare const CircleTextHover: () => JSX.Element;
-
-export declare const ClaymorphicHeart: ({ className }: Props_18) => JSX.Element;
-
-export declare const ClearInput: () => JSX.Element;
-
-export declare const clearSession: () => void;
-
-export declare const ClickButtonParticles: () => JSX.Element;
-
-export declare const ClickSpark: () => JSX.Element;
-
-export declare const Cluster: ({ gap, justify, align, asChild, className, style, children, ref, ...rest }: ClusterProps) => JSX.Element;
-
-export declare type ClusterProps = {
-    gap?: string;
-    justify?: 'start' | 'center' | 'end' | 'between';
-    align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
-    asChild?: boolean;
-    className?: string;
-    style?: CSSProperties;
-    children?: ReactNode;
-    ref?: Ref<HTMLElement>;
-} & Omit<HTMLAttributes<HTMLDivElement>, 'className' | 'style'>;
-
-export declare const CollapseAnimation: () => JSX.Element;
-
-export declare const ColorfulButtons: () => JSX.Element;
-
-export declare type ColorValidationResult = {
-    valid: boolean;
-    missing: SemanticVar[];
-    present: SemanticVar[];
-};
-
-export declare const ComingSoonBadge: () => JSX.Element;
-
-export declare const ComplexGradient: () => JSX.Element;
-
-export declare const componentLogger: BaseLogger;
-
-export declare const ConfettiButton: ({ className, onClick, children, ...props }: Props_19) => JSX.Element;
-
-declare type Constructor<T> = new (...args: any[]) => T;
-
-export declare const Container: ({ maxWidth, padding, asChild, className, style, children, ref, ...rest }: ContainerProps) => JSX.Element;
-
-export declare type ContainerProps = {
-    maxWidth?: string;
-    padding?: string;
-    asChild?: boolean;
-    className?: string;
-    style?: CSSProperties;
-    children?: ReactNode;
-    ref?: Ref<HTMLElement>;
-} & Omit<HTMLAttributes<HTMLDivElement>, 'className' | 'style'>;
-
-export declare const ContrastBackgroundText: () => JSX.Element;
-
-export declare const Counter: () => JSX.Element;
-
-export declare const CoverFlowGallery: () => JSX.Element;
-
-/**
- * LRU map with optional TTL. Evicts least-recently-used entries
- * when maxSize is exceeded, and expired entries on access.
- */
-export declare function createBoundedMap<K, V>(options: BoundedMapOptions): {
-    get(key: K): V | undefined;
-    has(key: K): boolean;
-    set(key: K, value: V): void;
-    delete(key: K): boolean;
-    clear(): void;
-    readonly size: number;
-};
-
-/**
- * Create standardized enter/exit motion variants using toolkit tokens.
- * Returns `{ initial, animate, exit }` for framer-motion / motion.
- */
-export declare const createPresenceVariants: (enter: Record<string, unknown>, exit: Record<string, unknown>, duration?: number, easingCurve?: readonly [number, number, number, number]) => PresenceVariants;
-
-export declare type CssVarRef = `var(--${string})`;
-
-export declare const CubeLoader: () => JSX.Element;
-
-export declare const CurtainRevealMenu: () => JSX.Element;
-
-export declare const DailClock: () => JSX.Element;
-
-export declare const DarkMatterButton: () => JSX.Element;
-
-export declare const DarkMatterMouseEffect: () => JSX.Element;
-
-export declare const DaySwitch: () => JSX.Element;
-
-export declare const DDDButton: ({ children, onClick, className, }: Props_20) => JSX.Element;
-
-export declare const DDDHoverCard: () => JSX.Element;
-
-export declare const DDDRangeSlider: () => JSX.Element;
-
-export declare function delay(ms: number): Promise<unknown>;
-
-export declare const DenseGrid: () => JSX.Element;
-
-export declare const DetachedMenu: () => JSX.Element;
-
-export declare const DialControl: ({ limit }: Props_45) => JSX.Element;
-
-export declare const DialFuturistic: () => JSX.Element;
-
-export declare const DialogBase: ({ open, onClose, children, className, overlayClassName, style, ref: externalRef, closeOnOverlayClick, closeOnEscape, ...ariaProps }: DialogBaseProps) => JSX.Element;
-
-export declare type DialogBaseProps = {
-    open: boolean;
-    onClose: () => void;
-    children: ReactNode;
-    className?: string;
-    overlayClassName?: string;
-    style?: CSSProperties;
-    ref?: Ref<HTMLDialogElement>;
-    closeOnOverlayClick?: boolean;
-    closeOnEscape?: boolean;
-    'aria-label'?: string;
-    'aria-labelledby'?: string;
-    'aria-describedby'?: string;
-};
-
-export declare const DissolveElementEffect: ({ children, duration, maxScale, className, onTrigger, trigger, }: Props_13) => JSX.Element;
-
-/**
- * Math utility functions for animations and interactions
- */
-export declare function distance(x1: number, x2: number, y1: number, y2: number): number;
-
-export declare const Dock: () => JSX.Element;
-
-export declare const DockButton: ({ children, className, ref, ...rest }: Props_21) => JSX.Element;
-
-export declare const DockHas: () => JSX.Element;
-
-export declare const DockMotion: (({ children, onMouseEnter, onMouseLeave, className, variant, }: {
-    children: (ReactElement<(HTMLAttributes<HTMLElement> & {
-    children: ReactNode;
-    tooltip?: ReactNode;
-    tooltipOptions?: {
-    delay?: number;
-    animate?: boolean;
-    };
-    mouseX: MotionValue<number | null>;
-    mute?: boolean;
-    variant?: "default" | "glass";
-    onClick?: (e: MouseEvent_2<HTMLElement>) => void;
-    } & {
-    use?: "div";
-    interaction?: never;
-    expansion?: never;
-    }) | ((HTMLAttributes<HTMLElement> & {
-    children: ReactNode;
-    tooltip?: ReactNode;
-    tooltipOptions?: {
-    delay?: number;
-    animate?: boolean;
-    };
-    mouseX: MotionValue<number | null>;
-    mute?: boolean;
-    variant?: "default" | "glass";
-    onClick?: (e: MouseEvent_2<HTMLElement>) => void;
-    } & ({
-    use: "a";
-    href: string;
-    rel?: "noopener";
-    target?: "_blank";
-    } | {
-    use: "button";
-    } | {
-    use: ElementType;
-    })) & {
-    interaction?: "possible" | "impossible";
-    expansion?: never;
-    }) | ((HTMLAttributes<HTMLElement> & {
-    children: ReactNode;
-    tooltip?: ReactNode;
-    tooltipOptions?: {
-    delay?: number;
-    animate?: boolean;
-    };
-    mouseX: MotionValue<number | null>;
-    mute?: boolean;
-    variant?: "default" | "glass";
-    onClick?: (e: MouseEvent_2<HTMLElement>) => void;
-    } & ({
-    use: "a";
-    href: string;
-    rel?: "noopener";
-    target?: "_blank";
-    } | {
-    use: "button";
-    } | {
-    use: ElementType;
-    })) & {
-    expansion: "expanded" | "collapsed";
-    interaction?: "possible" | "impossible";
-    }), string | JSXElementConstructor<any>> | ReactElement<unknown, string | JSXElementConstructor<any>> | ReactElement<    {
-    children: ReactNode;
-    }, string | JSXElementConstructor<any>> | null) | (ReactElement<(HTMLAttributes<HTMLElement> & {
-    children: ReactNode;
-    tooltip?: ReactNode;
-    tooltipOptions?: {
-    delay?: number;
-    animate?: boolean;
-    };
-    mouseX: MotionValue<number | null>;
-    mute?: boolean;
-    variant?: "default" | "glass";
-    onClick?: (e: MouseEvent_2<HTMLElement>) => void;
-    } & {
-    use?: "div";
-    interaction?: never;
-    expansion?: never;
-    }) | ((HTMLAttributes<HTMLElement> & {
-    children: ReactNode;
-    tooltip?: ReactNode;
-    tooltipOptions?: {
-    delay?: number;
-    animate?: boolean;
-    };
-    mouseX: MotionValue<number | null>;
-    mute?: boolean;
-    variant?: "default" | "glass";
-    onClick?: (e: MouseEvent_2<HTMLElement>) => void;
-    } & ({
-    use: "a";
-    href: string;
-    rel?: "noopener";
-    target?: "_blank";
-    } | {
-    use: "button";
-    } | {
-    use: ElementType;
-    })) & {
-    interaction?: "possible" | "impossible";
-    expansion?: never;
-    }) | ((HTMLAttributes<HTMLElement> & {
-    children: ReactNode;
-    tooltip?: ReactNode;
-    tooltipOptions?: {
-    delay?: number;
-    animate?: boolean;
-    };
-    mouseX: MotionValue<number | null>;
-    mute?: boolean;
-    variant?: "default" | "glass";
-    onClick?: (e: MouseEvent_2<HTMLElement>) => void;
-    } & ({
-    use: "a";
-    href: string;
-    rel?: "noopener";
-    target?: "_blank";
-    } | {
-    use: "button";
-    } | {
-    use: ElementType;
-    })) & {
-    expansion: "expanded" | "collapsed";
-    interaction?: "possible" | "impossible";
-    }), string | JSXElementConstructor<any>> | ReactElement<unknown, string | JSXElementConstructor<any>> | ReactElement<    {
-    children: ReactNode;
-    }, string | JSXElementConstructor<any>> | null)[];
-    className?: string;
-    variant?: "default" | "glass";
-    onMouseEnter?: VoidFunction;
-    onMouseLeave?: VoidFunction;
-}) => JSX.Element) & {
-    Item: ExternalDockMotionItemSignature;
-    Divider: () => JSX.Element;
-    Embedded: ({ children }: {
-        children: ReactNode;
-    }) => JSX.Element;
-};
-
-export declare const DoubleArrowButton: () => JSX.Element;
-
-export declare const DoubleArrowCollabButton: ({ onClick, children }: Props_22) => JSX.Element;
-
-export declare const DoubleStateButton: ({ children, alternativeChildren, className, ref, ...rest }: Props_23) => JSX.Element;
-
-export declare const DropdownMenu: ({ value, items }: Props_59) => JSX.Element;
-
-export declare const Duck: () => JSX.Element;
-
-export declare const DynamicIconButton: () => JSX.Element;
-
-export declare const DynamicIsland: ({ position }: Props_2) => JSX.Element;
-
-/**
- * Cubic-bezier tuples for programmatic use.
- * CSS equivalents live in global.css --ease-* vars.
- */
-export declare const easing: {
-    readonly linear: readonly [0, 0, 1, 1];
-    readonly ease: readonly [0.25, 0.1, 0.25, 1];
-    readonly easeIn: readonly [0.42, 0, 1, 1];
-    readonly easeOut: readonly [0, 0, 0.58, 1];
-    readonly easeInOut: readonly [0.42, 0, 0.58, 1];
-    readonly easeInOutCubic: readonly [0.4, 0, 0.2, 1];
-    readonly easeOutCubic: readonly [0.215, 0.61, 0.355, 1];
-    readonly easeOutQuad: readonly [0.25, 0.46, 0.45, 0.94];
-    readonly easeInOutQuad: readonly [0.455, 0.03, 0.515, 0.955];
-    readonly easeInQuart: readonly [0.5, 0, 0.75, 0];
-    readonly easeOutQuart: readonly [0.25, 1, 0.5, 1];
-    readonly easeInOutQuart: readonly [0.76, 0, 0.24, 1];
-    readonly easeOutExpo: readonly [0.16, 1, 0.3, 1];
-};
-
-export declare type EasingName = keyof typeof easing;
-
-export declare const EchoClickButton: () => JSX.Element;
-
-export declare const ElasticCursor: () => JSX.Element;
-
-export declare const ElectrifiedButton: () => JSX.Element;
-
-export declare const ElectrifiedButtonGS: () => JSX.Element;
-
-export declare const EmailInput: () => JSX.Element;
-
-export declare const EmojiLayer: ({ className, depth }: Props_61) => JSX.Element;
-
-export declare const EndlessLoader: ({ container }: EndlessLoaderProps) => null;
-
-declare type EndlessLoaderProps = {
-    container?: HTMLElement;
-};
-
-export declare const EnlightenedText: ({ children }: Props_66) => JSX.Element;
-
-export declare const EnvelopeTile: ({ className, header, children }: Props_35) => JSX.Element;
-
-export declare const eventLogger: BaseLogger;
-
-export declare const Expand: ({ isExpanded, children, className }: Props_14) => JSX.Element;
-
-declare type ExpansionProps = InteractiveElementProps & {
-    expansion: 'expanded' | 'collapsed';
-    interaction?: Interaction;
-};
-
-declare type ExternalDockMotionItemSignature = (props: Omit<Props_46, 'mouseX'> & Use) => JSX_2.Element;
-
-export declare const fadePresence: PresenceVariants;
-
-export declare const FadeUp: ({ children, delay, duration, once, }: {
-    children: ReactNode;
-    delay?: number;
-    duration?: number;
-    once?: boolean;
-}) => JSX.Element;
-
-export declare const FailedDownloadButton: () => JSX.Element;
-
-export declare const FeedbackReactions: () => JSX.Element;
-
-export declare const FigmaLogo: () => JSX.Element;
-
-export declare const FileIcons: () => JSX.Element;
-
-export declare const Fingerprint: ({ className }: Props_3) => JSX.Element;
-
-export declare const FlipChips: () => JSX.Element;
-
-export declare const FloatingLabelInput: () => JSX.Element;
-
-export declare const FluidGooeyTextBackground: () => JSX.Element;
-
-export declare const FootprintButton: () => JSX.Element;
-
-/**
- * Formats seconds into MM:SS display string.
- */
-export declare function formatDuration(totalSeconds: number): string;
-
-/**
- * Formats milliseconds into MM:SS.ms display string.
- * Useful for timers and stopwatches.
- */
-export declare function formatTime(totalMs: number): string;
-
-export declare const FormField: (({ children, className, style, id, hasError, hasHint, }: FormFieldProps) => JSX.Element) & {
-    Label: ({ children, className }: FormFieldLabelProps) => JSX.Element;
-    Control: ({ children }: FormFieldControlProps) => JSX.Element;
-    Error: ({ children, className }: FormFieldErrorProps) => JSX.Element | null;
-    Hint: ({ children, className }: FormFieldHintProps) => JSX.Element | null;
-};
-
-declare type FormFieldAria = {
-    'aria-describedby'?: string;
-    'aria-invalid'?: boolean;
-    'aria-errormessage'?: string;
-    id: string;
-};
-
-declare type FormFieldControlProps = {
-    children: (props: UseFormFieldReturn['fieldProps']) => ReactNode;
-};
-
-declare type FormFieldErrorProps = {
-    children: ReactNode;
-    className?: string;
-};
-
-declare type FormFieldHintProps = {
-    children: ReactNode;
-    className?: string;
-};
-
-export declare type FormFieldIds = {
-    fieldId: string;
-    labelId: string;
-    errorId: string;
-    hintId: string;
-    descriptionId: string;
-};
-
-declare type FormFieldLabelProps = {
-    children: ReactNode;
-    className?: string;
-};
-
-export declare type FormFieldProps = {
-    children: ReactNode;
-    className?: string;
-    style?: CSSProperties;
-    id?: string;
-    hasError?: boolean;
-    hasHint?: boolean;
-};
-
-export declare const ForwardArrowLink: () => JSX.Element;
-
-export declare const FullScreenImageCarousel: () => JSX.Element;
-
-export declare const Futuristic3DHoverMenu: () => JSX.Element;
-
-export declare const GalaxyButton: () => JSX.Element;
-
-export declare const GalleryReverseScroll: () => JSX.Element;
-
-export declare const getCurrentLogLevel: () => LogLevel;
-
-export declare function getPath(x: number, smoothing: number): string;
-
-/**
- * Extract the CSS custom property name from a var() reference.
- * `'var(--space-4)'` -> `'--space-4'`
- */
-export declare const getVarName: (token: CssVarRef) => string;
-
-export declare const GlassIcon: () => JSX.Element;
-
-export declare const GlassMusicPlayer: ({ title, artist, imageUrl, variant, onPlay, onFastForward, className, children, }: Props_62) => JSX.Element;
-
-export declare const GlassSwitch: () => JSX.Element;
-
-export declare const GlassToolbar: ({ groupedButtons, floatingButton, }?: GlassToolbarProps) => JSX.Element;
-
-declare type GlassToolbarProps = {
-    groupedButtons?: ToolbarButton[];
-    floatingButton?: ToolbarButton;
-};
-
-export declare const GlideImageGallery: () => JSX.Element;
-
-export declare const GlidingReveal: () => JSX.Element;
-
-export declare const GlitterCard: () => JSX.Element;
-
-export declare const GlowButton: ({ children, className, ref, ...rest }: Props_24) => JSX.Element;
-
-export declare const GlowingDropdown: () => JSX.Element;
-
-export declare const GlowingInput: () => JSX.Element;
-
-export declare const GlowingShadows: () => JSX.Element;
-
-export declare const GlowingTabs: () => JSX.Element;
-
-export declare const GlowingTabs2: () => JSX.Element;
-
-export declare const GlowingText: () => JSX.Element;
-
-export declare const GlowingTile: () => JSX.Element;
-
-export declare const GlowSlider: () => JSX.Element;
-
-export declare const GodRaysButton: () => JSX.Element;
-
-export declare const GoHoverButton: () => JSX.Element;
-
-export declare const GooeyButton: () => JSX.Element;
-
-export declare const GradientBorder: () => JSX.Element;
-
-export declare const GradientGlowingTile: () => JSX.Element;
-
-export declare const GrainyGradientText: () => JSX.Element;
-
-export declare const GravityButton: () => JSX.Element;
-
-export declare const Grid3DCards: () => JSX.Element;
-
-export declare const GridAccordion: () => JSX.Element;
-
-export declare const GridHover: () => JSX.Element;
-
-export declare const GridViewTransition: () => JSX.Element;
-
-declare type GsapCallable = (...args: unknown[]) => unknown;
-
-declare type GsapCleanup = () => void;
-
-export declare type GsapContextLike = {
-    add(methodName: string, func: GsapCallable, scope?: Element | string | object): GsapCallable;
-    add<T extends GsapCallable>(func: T, scope?: Element | string | object): ReturnType<T>;
-    ignore(func: GsapCallable): void;
-    kill(revert?: boolean): void;
-    revert(config?: object): void;
-    clear(): void;
-    isReverted: boolean;
-};
-
-export declare const HamburgerMusic: () => JSX.Element;
-
-export declare const HamburgerX: ({ isOpen, onClick }: Props_47) => JSX.Element;
-
-export declare const Header: ({ children, className, contentClassName, }: Props_48) => JSX.Element;
-
-export declare const HeartFoldButton: () => JSX.Element;
-
-export declare const HoldSubmitButton: () => JSX.Element;
-
-export declare const hookLogger: BaseLogger;
-
-export declare const Hoverable3DCard: () => JSX.Element;
-
-export declare const HoverGlowButton: ({ children, className, ...props }: Props_25) => JSX.Element;
-
-export declare const HoverTile: ({ color, global, children }: Props_36) => JSX.Element;
-
-export declare const Illumination: () => JSX.Element;
-
-declare type IllustrativeProps = BaseProps & {
-    use?: 'div';
-    interaction?: never;
-    expansion?: never;
-};
-
-export declare const ImageCard: () => JSX.Element;
-
-export declare const ImageClipping: () => JSX.Element;
-
-export declare const IndeterminateCheckboxes: () => JSX.Element;
-
-export declare const InfiniteLoader: () => JSX.Element;
-
-export declare const InputBase: ({ label, error, hint, prefix, suffix, disabled, className, wrapperClassName, style, ref, id: externalId, asChild, children, ...inputProps }: InputBaseProps & {
-    children?: ReactNode;
-}) => JSX.Element;
-
-export declare type InputBaseProps = {
-    label?: ReactNode;
-    error?: ReactNode;
-    hint?: ReactNode;
-    prefix?: ReactNode;
-    suffix?: ReactNode;
-    disabled?: boolean;
-    className?: string;
-    wrapperClassName?: string;
-    style?: CSSProperties;
-    ref?: Ref<HTMLInputElement>;
-    id?: string;
-    /** Render the control slot as the provided child element instead of `<input>`. */
-    asChild?: boolean;
-} & Omit<InputHTMLAttributes<HTMLInputElement>, 'prefix'>;
-
-declare type InputControlProps = ComponentPropsWithRef<'input'>;
-
-export declare const InputFirework: () => JSX.Element;
-
-declare type Interaction = 'possible' | 'impossible';
-
-declare type InteractiveElementProps = BaseProps & ({
-    use: 'a';
-    href: string;
-    rel?: 'noopener';
-    target?: '_blank';
-} | {
-    use: 'button';
-} | {
-    use: ElementType;
-});
-
-declare type InteractiveProps = InteractiveElementProps & {
-    interaction?: Interaction;
-    expansion?: never;
-};
-
-export declare const InvertedRadius: ({ imageSrc, alt, caption, variant, className, }: Props_37) => JSX.Element;
-
-export declare const Ios15Button: () => JSX.Element;
-
-export declare const IosSwitch: ({ className, ...props }: Props_63) => JSX.Element;
-
-export declare const is: <T>(type: Constructor<T>) => (x: T) => boolean;
-
-export declare const isDebugEnabled: () => boolean;
-
-export declare const isNonNullable: <T>(value: T) => value is NonNullable<T>;
-
-declare interface Item {
-    id: string;
-    title: string;
-    icon?: string;
-}
-
-declare type Item_2 = {
-    id: string;
-    title: string;
-    subtitle?: string;
-    icon: string;
-    static?: boolean;
-};
-
-export declare const ITEMS: {
-    title: string;
-    url: string;
-}[];
-
-export declare const JellyText: ({ children, className }: Props_67) => JSX.Element;
-
-export declare const keys: <T extends Record<string | number | symbol, any>>(value: T) => Array<`${keyof T & (string | number | boolean)}` | (keyof T & symbol)>;
-
-export declare const LandingXYScroll: () => JSX.Element;
-
-export declare const LayeredComponents: () => JSX.Element;
-
-export declare const LeaningCards: () => JSX.Element;
-
-export declare function lerp(a: number, b: number, n: number): number;
-
-export declare function lineEq(y2: number, y1: number, x2: number, x1: number, currentVal: number): number;
-
-export declare const ListItemHover: () => JSX.Element;
-
-export declare const LoaderGenerator: () => JSX.Element;
-
-export declare const LoadingBook: () => JSX.Element;
-
-export declare const LoadingWave: () => JSX.Element;
-
-declare const Lock_2: () => JSX.Element;
-export { Lock_2 as Lock }
-
-export declare const logger: BaseLogger;
-
-/**
- * Advanced logger utility for the toolkit
- * Provides consistent logging interface across components with emojis, session tracking, and performance timing
- */
-export declare type LogLevel = 'silent' | 'error' | 'warn' | 'info' | 'debug';
-
-export declare const LoveGlow: () => JSX.Element;
-
-export declare const MagicalText: ({ children }: Props_68) => JSX.Element;
-
-export declare const MagicMouseEffect: () => null;
-
-export declare const MagneticButton: () => JSX.Element;
-
-export declare const MagnifiedNavItems: () => JSX.Element;
-
-export declare function mergeRefs<T>(...refs: PossibleRef<T>[]): RefCallback<T>;
-
-export declare const MetalCircleController: () => JSX.Element;
-
-export declare const MinimalisticAccordion: ({ summary, children, defaultOpen, onToggle, className, }: Props_15) => JSX.Element;
-
-export declare const MinimalisticGlassButton: () => JSX.Element;
-
-export declare const MobileNavBar: () => JSX.Element;
-
-export declare const MorphingSubmitButton: () => JSX.Element;
-
-export declare const MotionClock: () => JSX.Element;
-
-export declare const MotionDigits: () => JSX.Element;
-
-export declare const MouseMoveGallery: () => JSX.Element;
-
-export declare const move: <T>(source: T[], start: number, end: number) => T[];
-
-export declare const MultiGradientBackground: () => JSX.Element;
-
-export declare const MultipathSvgAnimation: () => JSX.Element;
-
-export declare const MultiStageButton: () => JSX.Element;
-
-export declare const NamedPointer: ({ children }: Props_4) => JSX.Element;
-
-export declare const NavigationMenu: () => JSX.Element;
-
-export declare const NeonButton: ({ className, ...rest }: Props_26) => JSX.Element;
-
-export declare const NeonToggleSwitch: () => JSX.Element;
-
-export declare const NeumorphicAnalogClock: ({ className }: Props_43) => JSX.Element;
-
-export declare const NeumorphicLogo: () => JSX.Element;
-
-export declare const NeumorphicSlider: () => JSX.Element;
-
-export declare const NeuromorphicToggle: ({ dark }: Props_64) => JSX.Element;
-
-export declare const NewsletterInput: () => JSX.Element;
-
-export declare const NoisyButton: () => JSX.Element;
-
-export declare const noop: (..._args: unknown[]) => void;
-
-/**
- * Normalises unknown thrown values into proper Error instances.
- * Preserves original Error objects; wraps strings and unknowns.
- */
-export declare function normalizeError(err: unknown): Error;
-
-export declare const NotificationBell: () => JSX.Element;
-
-export declare const notReachable: (arg: never) => never;
-
-export declare const OffTrackPreloader: () => JSX.Element;
-
-export declare const OrbitalSubmitButton: () => JSX.Element;
-
-export declare const PaintedLink: () => JSX.Element;
-
-export declare const PaperPlanButton: () => JSX.Element;
-
-export declare const ParallaxEmoji: () => JSX.Element;
-
-export declare const ParallaxMenu: () => JSX.Element;
-
-export declare const PasswordInput: () => JSX.Element;
-
-export declare const PhotoCard: () => JSX.Element;
-
-export declare const PhotoZoom: () => JSX.Element;
-
-export declare const PianoNav: () => JSX.Element;
-
-export declare const PieLoader: () => JSX.Element;
-
-export declare const PinDropdown: () => JSX.Element;
-
-declare type Placement_2 = 'top' | 'bottom' | 'left' | 'right';
-
-export declare const PlayPauseButton: () => JSX.Element;
-
-export declare const PlayPauseMusicButton: () => JSX.Element;
-
-export declare const PolaroidStack: () => JSX.Element;
-
-declare type PolymorphicOwnProps<E extends ElementType> = {
-    as?: E;
-};
-
-declare type PolymorphicProps<E extends ElementType> = PolymorphicOwnProps<E> & Omit<ComponentPropsWithRef<E>, keyof PolymorphicOwnProps<E>>;
-
-export declare const PopoverBase: ({ open, onOpenChange, trigger, children, placement, offsetValue, className, style, triggerRef: externalTriggerRef, ...ariaProps }: PopoverBaseProps) => JSX.Element;
-
-export declare type PopoverBaseProps = {
-    open: boolean;
-    onOpenChange: (open: boolean) => void;
-    trigger: ReactNode;
-    children: ReactNode;
-    placement?: Placement;
-    offsetValue?: OffsetOptions;
-    className?: string;
-    style?: CSSProperties;
-    triggerRef?: Ref<HTMLElement>;
-    'aria-label'?: string;
-    'aria-labelledby'?: string;
-};
-
-export declare const Portal: ({ children, container }: PortalProps) => ReactPortal | null;
-
-export declare type PortalProps = {
-    children: ReactNode;
-    container?: HTMLElement | null;
-};
-
-export declare const PositionHover: () => JSX.Element;
-
-declare type PossibleRef<T> = Ref<T> | undefined | null;
-
-export declare const PredictionButton: () => JSX.Element;
-
-export declare type PresenceVariants = {
-    initial: Record<string, unknown>;
-    animate: Record<string, unknown>;
-    exit: Record<string, unknown>;
-};
-
-export declare const ProductTile: ({ children, onClick, className, }: Props_38) => JSX.Element;
-
-export declare const ProfileCard: () => JSX.Element;
-
-export declare const ProgressButton: ({ children, className, onClick, ...props }: Props_27) => JSX.Element;
-
-export declare type Props = {
-    children?: ReactNode;
-    className?: string;
-    style?: CSSProperties;
-};
-
-declare type Props_10 = {
-    children: string;
-};
-
-declare type Props_11 = {
-    radius?: number;
-    inset?: number;
-    transitionLength?: number;
-    blur?: number;
-    url?: string;
-    className?: string;
-};
-
-declare type Props_12 = {
-    images?: string[];
-    duration?: number;
-    maxScale?: number;
-    className?: string;
-    onDelete?: VoidFunction;
-};
-
-declare type Props_13 = {
-    children: ReactNode;
-    duration?: number;
-    maxScale?: number;
-    className?: string;
-    onTrigger?: VoidFunction;
-    trigger?: boolean;
-};
-
-declare type Props_14 = {
-    isExpanded: boolean;
-    children: ReactNode;
-    className?: string;
-};
-
-declare type Props_15 = {
-    summary: ReactNode;
-    children: ReactNode;
-    defaultOpen?: boolean;
-    onToggle?: (open: boolean) => void;
-    className?: string;
-};
-
-declare type Props_16 = {
-    className?: string;
-};
-
-declare type Props_17 = ButtonBaseProps<ElementType> & {
-    ref?: Ref<HTMLElement>;
-};
-
-declare type Props_18 = {
-    className?: string;
-};
-
-declare type Props_19 = Omit<ButtonBaseProps<ElementType>, 'variant'> & {
-    ref?: Ref<HTMLElement>;
-};
-
-declare type Props_2 = {
-    position?: 'static' | 'fixed';
-};
-
-declare type Props_20 = {
-    className?: string;
-    onClick?: VoidFunction;
-    children?: ReactNode;
-};
-
-declare type Props_21 = ButtonBaseProps<ElementType> & {
-    children?: ReactNode;
-    ref?: Ref<HTMLElement>;
-};
-
-declare type Props_22 = {
-    onClick?: VoidFunction;
-    children?: ReactNode;
-};
-
-declare type Props_23 = ButtonBaseProps<ElementType> & {
-    alternativeChildren?: ReactNode;
-    ref?: Ref<HTMLElement>;
-};
-
-declare type Props_24 = ButtonBaseProps<ElementType> & {
-    ref?: Ref<HTMLElement>;
-};
-
-declare type Props_25 = ButtonBaseProps<ElementType> & {
-    ref?: Ref<HTMLElement>;
-};
-
-declare type Props_26 = ButtonBaseProps<ElementType> & {
-    ref?: Ref<HTMLElement>;
-};
-
-declare type Props_27 = ButtonBaseProps<ElementType> & {
-    ref?: Ref<HTMLElement>;
-};
-
-declare type Props_28 = {
-    variant: 'wavy' | 'linear' | 'glance';
-};
-
-declare type Props_29 = {
-    children?: ReactNode;
-    className?: string;
-} & ButtonHTMLAttributes<HTMLButtonElement>;
-
-declare type Props_3 = {
-    className?: string;
-};
-
-declare type Props_30 = ButtonBaseProps<ElementType> & {
-    ref?: Ref<HTMLElement>;
-};
-
-declare type Props_31 = {
-    onClick?: (e: MouseEvent_2<HTMLButtonElement>) => void;
-    disabled?: boolean;
-    onSuccess?: VoidFunction;
-    children?: ReactNode;
-    className?: string;
-};
-
-declare type Props_32 = {
-    children?: ReactNode;
-    className?: string;
-    contentClassName?: string;
-    hoverColor?: string;
-    label?: ReactNode;
-};
-
-declare type Props_33 = {
-    imageSrc?: string;
-    title?: string;
-    thumbSrc?: string;
-    description?: ReactNode;
-    className?: string;
-};
-
-declare type Props_34 = {
-    children: ReactNode;
-    className?: string;
-    onClick?: VoidFunction;
-};
-
-declare type Props_35 = {
-    header: ReactNode;
-    children: ReactNode;
-    className?: string;
-};
-
-declare type Props_36 = {
-    children?: ReactNode;
-    global?: boolean;
-    color?: string;
-};
-
-declare type Props_37 = {
-    imageSrc?: string;
-    alt?: string;
-    caption?: string;
-    variant?: 'default' | 'alt';
-    className?: string;
-};
-
-declare type Props_38 = {
-    children: ReactNode;
-    className?: string;
-    onClick?: VoidFunction;
-};
-
-declare type Props_39 = {
-    items?: CarouselItem[];
-};
-
-declare type Props_4 = {
-    children: ReactNode;
-};
-
-declare type Props_40 = {
-    headline?: ReactNode;
-    description?: string;
-    withArrows?: boolean;
-    children?: ReactElement<any> | ReactElement<any>[];
-};
-
-declare type Props_41 = InputControlProps & {
-    rootClassName?: string;
-    className?: string;
-    inputClassName?: string;
-    ref?: Ref<HTMLSpanElement>;
-};
-
-declare type Props_42 = {
-    children: ReactNode;
-    defaultChecked?: boolean;
-    onChange?: (checked: boolean) => void;
-};
-
-declare type Props_43 = {
-    className?: string;
-};
-
-declare type Props_44 = {
-    onClick?: VoidFunction;
-};
-
-declare type Props_45 = {
-    limit?: boolean;
-};
-
-declare type Props_46 = IllustrativeProps | InteractiveProps | ExpansionProps;
-
-declare type Props_47 = {
-    isOpen: boolean;
-    onClick?: VoidFunction;
-    className?: string;
-};
-
-declare type Props_48 = {
-    className?: string;
-    contentClassName?: string;
-    children: ReactNode;
-};
-
-declare type Props_49 = {
-    className?: string;
-    onChange?: (name: string) => void;
-};
-
-declare type Props_5 = {
-    options: {
-        id: string;
-        title: ReactNode;
-    }[];
-    activeId: string;
-    onChange: (value: string) => void;
-    isVertical?: boolean;
-};
-
-declare type Props_50 = AnchorControlProps;
-
-declare type Props_51 = AnchorControlProps;
-
-declare interface Props_52 extends AnchorControlProps {
-    href: string;
-}
-
-declare interface Props_53 extends AnchorControlProps {
-    href: string;
-}
-
-declare type Props_54 = {
-    className?: string;
-    controls?: boolean;
-    initialValue?: number;
-};
-
-declare type Props_55 = {
-    type?: 'fade' | 'scale';
-};
-
-declare type Props_56 = {
-    className?: string;
-    children?: string;
-};
-
-declare type Props_57 = {
-    className?: string;
-    onClick?: VoidFunction;
-    children?: ReactNode;
-};
-
-declare type Props_58 = {
-    status: 'success' | 'loading' | 'pending';
-};
-
-declare type Props_59 = {
-    items: Item[];
-    value?: Item['id'];
-};
-
-declare type Props_6 = {
-    children: ReactNode;
-};
-
-declare type Props_60 = {
-    items: Item_2[];
-    onClick?: (id: string) => void;
-    direction?: 'left' | 'right';
-    className?: string;
-    isMobile?: boolean;
-    position?: 'static' | 'fixed';
-    activeId?: string | null;
-};
-
-declare type Props_61 = {
-    className: string;
-    depth: number;
-};
-
-declare type Props_62 = {
-    title?: string;
-    artist?: string;
-    imageUrl?: string;
-    variant?: 'default' | 'large' | 'inline';
-    onPlay?: VoidFunction;
-    onFastForward?: VoidFunction;
-    className?: string;
-    children?: ReactNode;
-};
-
-declare type Props_63 = InputControlProps & {
-    className?: string;
-};
-
-declare type Props_64 = {
-    dark?: boolean;
-};
-
-declare type Props_65 = {
-    withText?: boolean;
-};
-
-declare type Props_66 = {
-    children: ReactNode;
-};
-
-declare type Props_67 = {
-    children: string;
-    className?: string;
-};
-
-declare type Props_68 = {
-    children: string;
-};
-
-declare type Props_69 = {
-    children: string;
-    reveal?: boolean;
-};
-
-declare type Props_7 = {
-    type?: 'reveal' | 'fade-in' | 'glow';
-};
-
-declare type Props_70 = {
-    children: string;
-};
-
-declare type Props_71 = {
-    children: string;
-    className?: string;
-};
-
-declare type Props_72 = {
-    text?: string;
-    className?: string;
-};
-
-declare type Props_73 = {
-    children: string;
-};
-
-declare type Props_8 = {
-    loop?: boolean;
-};
-
-declare type Props_9 = {
-    direction: SlideDirection;
-    delay?: number;
-    children: ReactNode;
-};
-
-export declare const PsychedelicButton: ({ variant }: Props_28) => JSX.Element;
-
-export declare const PulseInLoader: () => JSX.Element;
-
-export declare const PulseOutLoader: () => JSX.Element;
-
-export declare const QuickTimeClock: () => JSX.Element;
-
-export declare const RadialMenu: () => JSX.Element;
-
-export declare const RadialNavigation: ({ onClick, items, direction, className, isMobile, position, activeId, }: Props_60) => JSX.Element;
-
-export declare const RadioHopping: () => JSX.Element;
-
-declare type RadioOption = {
-    value: string;
-    label: string;
-};
-
-export declare const RadioParticles: () => JSX.Element;
-
-export declare const RadioRolling: () => JSX.Element;
-
-export declare const RadioSlidingFocus: ({ options, name, defaultValue, value: controlledValue, onChange, }?: RadioSlidingFocusProps) => JSX.Element;
-
-declare type RadioSlidingFocusProps = {
-    options?: RadioOption[];
-    name?: string;
-    defaultValue?: string;
-    value?: string;
-    onChange?: (value: string) => void;
-};
-
-export declare const RaysBackground: () => JSX.Element;
-
-export declare const RealisticSmoke: () => JSX.Element;
-
-export declare const RedirectPage: () => JSX.Element;
-
-export declare function ReflectiveButton({ children, className, style, disabled, roughness, offset, camera, features: featuresProp, videoConstraints, onCameraError, onCameraStateChange, cameraHandleRef, onPointerDown, onClick, onFocus, onBlur, ref, ...rest }: ReflectiveButtonProps): JSX.Element;
-
-export declare type ReflectiveButtonFeatures = {
-    fingerprints?: boolean;
-    macCursor?: boolean;
-};
-
-export declare type ReflectiveButtonHandle = {
-    requestCamera: () => void;
-    stopCamera: () => void;
-};
-
-export declare type ReflectiveButtonProps = Omit<ComponentProps<'button'>, 'type' | 'children'> & {
-    children: ReactNode;
-    roughness?: number;
-    offset?: number;
-    camera?: 'on-mount' | 'on-interaction' | 'manual';
-    features?: ReflectiveButtonFeatures;
-    videoConstraints?: MediaTrackConstraints;
-    onCameraError?: (error: DOMException | Error) => void;
-    onCameraStateChange?: (state: UserMediaVideoStatus) => void;
-    cameraHandleRef?: Ref<ReflectiveButtonHandle | null>;
-};
-
-export declare const RegularLink: ({ children, href, className, target, rel, ref, ...rest }: Props_52) => JSX.Element;
-
-export declare const RepostButton: () => JSX.Element;
-
-/**
- * All semantic CSS custom property names that must be defined per theme.
- * Used for CI/test validation to assert theme completeness.
- */
-export declare const REQUIRED_SEMANTIC_VARS: readonly ["--color-surface-canvas", "--color-surface-raised", "--color-surface-elevated", "--color-surface-overlay", "--color-surface-inverse", "--color-surface-disabled", "--color-text-primary", "--color-text-secondary", "--color-text-tertiary", "--color-text-inverse", "--color-text-disabled", "--color-border-muted", "--color-border-subtle", "--color-border-strong", "--color-accent-primary", "--color-accent-primary-muted", "--color-accent-primary-emphasis", "--color-accent-success", "--color-accent-success-emphasis", "--color-accent-warning", "--color-accent-warning-emphasis", "--color-accent-danger", "--color-accent-danger-emphasis", "--color-accent-highlight", "--color-accent-highlight-emphasis", "--color-focus-ring", "--color-bg"];
-
-export declare type ResolvedTheme = 'light' | 'dark';
-
-/**
- * Resolve the computed value of a CSS variable token at runtime.
- * Checks `document.body` first so semantic theme tokens resolve from the
- * same element they are defined on, then falls back to `document.documentElement`.
- */
-export declare const resolveToken: (token: CssVarRef, element?: Element) => string;
-
-export declare const RevealImageAnimation: () => JSX.Element;
-
-export declare const RhombusGallery: () => JSX.Element;
-
-export declare const RingLoader: ({ className, children, }: Props_56) => JSX.Element;
-
-export declare const RotatedCardsCarousel: () => JSX.Element;
-
-export declare const RoundScaleLoader: () => JSX.Element;
-
-export declare const RubberButton: () => JSX.Element;
-
-export declare const RunningButton: () => JSX.Element;
-
-export declare const scalePresence: PresenceVariants;
-
-export declare const SchrodingerFormControls: () => JSX.Element;
-
-export declare const ScrambledText: ({ children, reveal }: Props_69) => JSX.Element;
-
-export declare const ScramblingLetters: () => JSX.Element;
-
-export declare const ScrollCountdown: () => JSX.Element;
-
-export declare const ScrollDrivenTextBlowOut: () => JSX.Element;
-
-export declare const Scroller: ({ headline, description, withArrows, children, }: Props_40) => JSX.Element;
-
-export declare const ScrollingTextReveal: () => JSX.Element;
-
-export declare const ScrollTextHighlight: () => JSX.Element;
-
-export declare const ScrollTimeline: () => JSX.Element;
-
-export declare const ScrollWithLight: () => JSX.Element;
-
-export declare const SearchInput: () => JSX.Element;
-
-export declare const SegmentedControls: ({ activeId, options, onChange, isVertical, }: Props_5) => JSX.Element;
-
-export declare const SegmentedToggle: () => JSX.Element;
-
-export declare const SelectBase: <V extends string = string>({ options, value: controlledValue, defaultValue, onChange, placeholder, disabled, name, className, style, ref, ...ariaProps }: SelectBaseProps<V>) => JSX.Element;
-
-export declare type SelectBaseProps<V extends string = string> = {
-    options: SelectOption<V>[];
-    value?: V;
-    defaultValue?: V;
-    onChange?: (value: V) => void;
-    placeholder?: ReactNode;
-    disabled?: boolean;
-    name?: string;
-    className?: string;
-    style?: CSSProperties;
-    ref?: Ref<HTMLDivElement>;
-    'aria-label'?: string;
-    'aria-labelledby'?: string;
-};
-
-export declare type SelectOption<V extends string = string> = {
-    value: V;
-    label: ReactNode;
-    disabled?: boolean;
-};
-
-export declare type SemanticVar = (typeof REQUIRED_SEMANTIC_VARS)[number];
-
-export declare const setLogLevel: (level: LogLevel) => void;
-
-export declare const setRequestId: (id: string) => void;
-
-export declare const setSessionId: (id: string) => void;
-
-export declare const ShadowedCardsList: () => JSX.Element;
-
-export declare const ShadowedClick: () => JSX.Element;
-
-export declare const ShakingText: ({ children }: Props_70) => JSX.Element;
-
-export declare const ShakyLine: () => JSX.Element;
-
-export declare const ShapeSelection: ({ children }: Props_6) => JSX.Element;
-
-export declare const ShimmerButton: () => JSX.Element;
-
-export declare const ShimmeringBorderGradient: () => JSX.Element;
-
-export declare const ShineAnimation: () => JSX.Element;
-
-/**
- * A card component with scroll-timeline shine effects that animate based on scroll position.
- *
- * The component uses CSS `animation-timeline: view()` to create smooth animations that respond
- * to the card's visibility in the viewport. It's completely agnostic - whatever content you
- * put inside will be rendered with the shine animation effects.
- *
- * @param props - The component props
- * @returns A React functional component
- */
-export declare const ShineCard: ({ children, className, style, ...props }: Props) => JSX.Element;
-
-export declare const ShiningText: ({ children, className }: Props_71) => JSX.Element;
-
-export declare const ShinyCtaButton: ({ children, className, ...props }: Props_29) => JSX.Element;
-
-export declare const SignatureAnimation: ({ className, onChange }: Props_49) => JSX.Element;
-
-export declare const SinglePopoverMenu: () => JSX.Element;
-
-export declare const SkateboardPreloader: () => JSX.Element;
-
-export declare const SkeuomorphicLikeButton: () => JSX.Element;
-
-declare enum SlideDirection {
-    TOP = "top",
-    TOP_LEFT = "top-left",
-    TOP_RIGHT = "top-right",
-    BOTTOM = "bottom",
-    BOTTOM_LEFT = "bottom-left",
-    BOTTOM_RIGHT = "bottom-right",
-    LEFT = "left",
-    RIGHT = "right"
-}
-
-export declare const slideDownPresence: PresenceVariants;
-
-export declare const SlideIn: ({ children, direction, delay }: Props_9) => JSX.Element;
-
-export declare const slideUpPresence: PresenceVariants;
-
-export declare const SlidingButton: () => JSX.Element;
-
-export declare const SlidingIcon: () => JSX.Element;
-
-export declare const SlidingImages: () => JSX.Element;
-
-export declare const SlidingStepper: () => JSX.Element;
-
-export declare const Slot: ({ children, ref, ...slotProps }: SlotProps) => ReactElement<unknown, string | JSXElementConstructor<any>> | null;
-
-export declare type SlotProps = HTMLAttributes<HTMLElement> & {
-    children?: ReactNode;
-    ref?: Ref<HTMLElement>;
-};
-
-declare const Slottable_2: ({ children }: SlottableProps) => JSX.Element;
-export { Slottable_2 as Slottable }
-
-export declare type SlottableProps = {
-    children: ReactNode;
-};
-
-export declare const SmileyPreloader: () => JSX.Element;
-
-export declare const SmokeTextDisappearance: ({ children }: Props_10) => JSX.Element;
-
-export declare const SmoothScroll: () => JSX.Element;
-
-export declare const SnowballPreloader: () => JSX.Element;
-
-export declare const SolarEclipse: () => JSX.Element;
-
-export declare const SparkleButton: () => JSX.Element;
-
-export declare const SparklyButton: () => JSX.Element;
-
-export declare const SpeechToText: () => JSX.Element;
-
-export declare const SpinningClickAnimation: ({ children, onClick, className, }: Props_57) => JSX.Element;
-
-export declare const SpiralLoadingText: ({ text, className }: Props_72) => JSX.Element;
-
-export declare const SplashCursor: ({ onClick }: Props_44) => JSX.Element;
-
-/**
- * Standardised spring presets for framer-motion / react-spring.
- * Usage: <motion.div transition={springPreset.bouncy} />
- */
-export declare const springPreset: {
-    readonly stiff: {
-        readonly type: "spring";
-        readonly stiffness: 400;
-        readonly damping: 30;
-        readonly mass: 1;
-    };
-    readonly bouncy: {
-        readonly type: "spring";
-        readonly stiffness: 300;
-        readonly damping: 15;
-        readonly mass: 1;
-    };
-    readonly gentle: {
-        readonly type: "spring";
-        readonly stiffness: 150;
-        readonly damping: 20;
-        readonly mass: 1;
-    };
-    readonly snappy: {
-        readonly type: "spring";
-        readonly stiffness: 500;
-        readonly damping: 35;
-        readonly mass: 0.8;
-    };
-    readonly slow: {
-        readonly type: "spring";
-        readonly stiffness: 100;
-        readonly damping: 20;
-        readonly mass: 1.5;
-    };
-};
-
-export declare type SpringPresetName = keyof typeof springPreset;
-
-export declare const SquircleAvatar: () => JSX.Element;
-
-export declare const SquishButton: ({ children, className, ...rest }: Props_30) => JSX.Element;
-
-export declare const Stack: ({ gap, align, divider, asChild, className, style, children, ref, ...rest }: StackProps) => JSX.Element;
-
-export declare const StackingCards: () => JSX.Element;
-
-export declare type StackProps = {
-    gap?: string;
-    align?: 'start' | 'center' | 'end' | 'stretch';
-    divider?: ReactNode;
-    asChild?: boolean;
-    className?: string;
-    style?: CSSProperties;
-    children?: ReactNode;
-    ref?: Ref<HTMLElement>;
-} & Omit<HTMLAttributes<HTMLDivElement>, 'className' | 'style'>;
-
-export declare const staggerDelay = 0.03;
-
-/**
- * Wrapper around the View Transitions API.
- * Uses `document.startViewTransition` when available (Chrome 111+, Safari 18+),
- * falls back to calling the callback directly on unsupported browsers.
- */
-export declare const startViewTransition: (callback: () => void | Promise<void>) => ViewTransitionReturn;
-
-export declare const StaticSolarEclipse: () => JSX.Element;
-
-export declare const StickyHeader: () => JSX.Element;
-
-export declare const StickyList: () => JSX.Element;
-
-export declare const storageLogger: BaseLogger;
-
-export declare const StretchToggle: () => JSX.Element;
-
-export declare const StretchyLoader: () => JSX.Element;
-
-export declare const StrikethroughCheckbox: ({ defaultChecked, children, onChange, }: Props_42) => JSX.Element;
-
-export declare const StrikethroughCheckboxes: () => JSX.Element;
-
-export declare const StuntPreloader: () => JSX.Element;
-
-export declare const SubtleBorderAnimation: () => JSX.Element;
-
-export declare const SuccessLoader: ({ status }: Props_58) => JSX.Element;
-
-export declare const SuccessLoadingButton: ({ onClick, onSuccess, children, className, disabled, }: Props_31) => JSX.Element;
-
-/**
- * Check if the View Transitions API is supported in the current browser.
- */
-export declare const supportsViewTransitions: () => boolean;
-
-export declare const SwitchBase: ({ checked: controlledChecked, defaultChecked, onChange, disabled, name, value, className, style, children, ref, inputProps, asChild, ...ariaProps }: SwitchBaseProps) => JSX.Element;
-
-export declare type SwitchBaseProps = {
-    checked?: boolean;
-    defaultChecked?: boolean;
-    onChange?: (checked: boolean) => void;
-    disabled?: boolean;
-    name?: string;
-    value?: string;
-    className?: string;
-    style?: CSSProperties;
-    children?: ReactNode;
-    'aria-label'?: string;
-    'aria-labelledby'?: string;
-    ref?: Ref<HTMLLabelElement>;
-    inputProps?: Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'role' | 'checked' | 'disabled' | 'name' | 'value'>;
-    /** Render the root as the provided child element instead of `<label>`. */
-    asChild?: boolean;
-};
-
-/**
- * TabBarAnimation Component
- *
- * An animated tab bar with a sliding indicator that creates SVG beam and strike effects
- * when switching between tabs. Uses GSAP for animations.
- *
- * Status: WIP - Functional but may need refinement:
- * - Cleanup of commented code
- * - Potential optimization of animation timing
- * - Consider accessibility improvements
- *
- * The component creates dynamic SVG elements for visual effects during tab transitions.
- */
-export declare const TabBarAnimation: () => JSX.Element;
-
-export declare const TextImageHover: () => JSX.Element;
-
-export declare const TextMorphing: () => JSX.Element;
-
-export declare const TextOutline: () => JSX.Element;
-
-export declare const TextShadow: () => JSX.Element;
-
-export declare const Texture: ({ className }: Props_16) => JSX.Element;
-
-export declare const ThanosDisappearEffect: () => JSX.Element;
-
-export declare const ThanosDisappearEffectList: () => JSX.Element;
-
-export declare const ThanosDissolve: ({ images, duration, maxScale, className, onDelete, }: Props_12) => JSX.Element;
-
-declare type ThemeColorSpace = 'p3' | 'srgb';
-
-declare type ThemeContextValue = {
-    mode: ThemeMode;
-    resolvedTheme: ResolvedTheme;
-    setMode: (mode: ThemeMode) => void;
-    toggleTheme: () => void;
-};
-
-export declare type ThemeMode = 'light' | 'dark' | 'system';
-
-export declare const ThemeProvider: ({ children, defaultMode, mode: controlledMode, onModeChange, storageKey, syncDomExtras, }: ThemeProviderProps) => JSX.Element;
-
-export declare type ThemeProviderProps = {
-    children: ReactNode;
-    defaultMode?: ThemeMode;
-    mode?: ThemeMode;
-    onModeChange?: (mode: ThemeMode) => void;
-    storageKey?: string;
-    /** Passed to syncThemeToDom with resolvedTheme (e.g. Storybook ThemeBridge). */
-    syncDomExtras?: {
-        backgroundColor?: string;
-        colorSpace?: ThemeColorSpace;
-    };
-};
-
-export declare const ThreadsLikeButton: () => JSX.Element;
-
-export declare const ThreeDotsLoader: () => JSX.Element;
-
-export declare const ThumbsUpButton: () => JSX.Element;
-
-export declare const Ticker: () => JSX.Element;
-
-export declare const TicklishButton: () => JSX.Element;
-
-export declare const TimeCirclesLoader: () => JSX.Element;
-
-export declare const times: <T>(fn: (index: number) => T, size: number) => T[];
-
-export declare const TippingSwitch: ({ withText }: Props_65) => JSX.Element;
-
-export declare const Toasts: ({ container, maxQueue }: ToastsProps) => ReactPortal | null;
-
-declare type ToastsProps = {
-    container?: HTMLElement;
-    maxQueue?: number;
-};
-
-export declare const ToggleBubble: () => JSX.Element;
-
-export declare const ToggleClipPath: () => JSX.Element;
-
-export declare const Token: {
-    readonly color: {
-        readonly black: "var(--color-black)";
-        readonly white: "var(--color-white)";
-        readonly accent1: "var(--color-accent1)";
-        readonly accent2: "var(--color-accent2)";
-        readonly accent3: "var(--color-accent3)";
-        readonly accentGreen: "var(--color-accent-green)";
-        readonly accentGreen1: "var(--color-accent-green1)";
-        readonly surfaceCanvas: "var(--color-surface-canvas)";
-        readonly surfaceRaised: "var(--color-surface-raised)";
-        readonly surfaceElevated: "var(--color-surface-elevated)";
-        readonly surfaceOverlay: "var(--color-surface-overlay)";
-        readonly surfaceInverse: "var(--color-surface-inverse)";
-        readonly surfaceDisabled: "var(--color-surface-disabled)";
-        readonly textPrimary: "var(--color-text-primary)";
-        readonly textSecondary: "var(--color-text-secondary)";
-        readonly textTertiary: "var(--color-text-tertiary)";
-        readonly textInverse: "var(--color-text-inverse)";
-        readonly textDisabled: "var(--color-text-disabled)";
-        readonly borderMuted: "var(--color-border-muted)";
-        readonly borderSubtle: "var(--color-border-subtle)";
-        readonly borderStrong: "var(--color-border-strong)";
-        readonly accentPrimary: "var(--color-accent-primary)";
-        readonly accentPrimaryMuted: "var(--color-accent-primary-muted)";
-        readonly accentPrimaryEmphasis: "var(--color-accent-primary-emphasis)";
-        readonly accentSuccess: "var(--color-accent-success)";
-        readonly accentSuccessEmphasis: "var(--color-accent-success-emphasis)";
-        readonly accentWarning: "var(--color-accent-warning)";
-        readonly accentWarningEmphasis: "var(--color-accent-warning-emphasis)";
-        readonly accentDanger: "var(--color-accent-danger)";
-        readonly accentDangerEmphasis: "var(--color-accent-danger-emphasis)";
-        readonly accentHighlight: "var(--color-accent-highlight)";
-        readonly accentHighlightEmphasis: "var(--color-accent-highlight-emphasis)";
-        readonly focusRing: "var(--color-focus-ring)";
-        readonly bg: "var(--color-bg)";
-        readonly gray1: "var(--color-gray1)";
-        readonly gray2: "var(--color-gray2)";
-        readonly gray3: "var(--color-gray3)";
-        readonly gray4: "var(--color-gray4)";
-        readonly gray5: "var(--color-gray5)";
-        readonly gray6: "var(--color-gray6)";
-        readonly gray7: "var(--color-gray7)";
-        readonly gray8: "var(--color-gray8)";
-        readonly gray9: "var(--color-gray9)";
-        readonly gray10: "var(--color-gray10)";
-        readonly gray11: "var(--color-gray11)";
-        readonly gray12: "var(--color-gray12)";
-        readonly grayA1: "var(--color-grayA1)";
-        readonly grayA2: "var(--color-grayA2)";
-        readonly grayA3: "var(--color-grayA3)";
-        readonly grayA4: "var(--color-grayA4)";
-        readonly grayA5: "var(--color-grayA5)";
-        readonly grayA6: "var(--color-grayA6)";
-        readonly grayA7: "var(--color-grayA7)";
-        readonly grayA8: "var(--color-grayA8)";
-        readonly grayA9: "var(--color-grayA9)";
-        readonly grayA10: "var(--color-grayA10)";
-        readonly grayA11: "var(--color-grayA11)";
-        readonly grayA12: "var(--color-grayA12)";
-        readonly blue1: "var(--color-blue1)";
-        readonly blue2: "var(--color-blue2)";
-        readonly blue3: "var(--color-blue3)";
-        readonly blue4: "var(--color-blue4)";
-        readonly blue5: "var(--color-blue5)";
-        readonly blue6: "var(--color-blue6)";
-        readonly blue7: "var(--color-blue7)";
-        readonly blue8: "var(--color-blue8)";
-        readonly blue9: "var(--color-blue9)";
-        readonly blue10: "var(--color-blue10)";
-        readonly blue11: "var(--color-blue11)";
-        readonly blue12: "var(--color-blue12)";
-        readonly green1: "var(--color-green1)";
-        readonly green2: "var(--color-green2)";
-        readonly green3: "var(--color-green3)";
-        readonly green4: "var(--color-green4)";
-        readonly green5: "var(--color-green5)";
-        readonly green6: "var(--color-green6)";
-        readonly green7: "var(--color-green7)";
-        readonly green8: "var(--color-green8)";
-        readonly green9: "var(--color-green9)";
-        readonly green10: "var(--color-green10)";
-        readonly green11: "var(--color-green11)";
-        readonly green12: "var(--color-green12)";
-        readonly amber1: "var(--color-amber1)";
-        readonly amber2: "var(--color-amber2)";
-        readonly amber3: "var(--color-amber3)";
-        readonly amber4: "var(--color-amber4)";
-        readonly amber5: "var(--color-amber5)";
-        readonly amber6: "var(--color-amber6)";
-        readonly amber7: "var(--color-amber7)";
-        readonly amber8: "var(--color-amber8)";
-        readonly amber9: "var(--color-amber9)";
-        readonly amber10: "var(--color-amber10)";
-        readonly amber11: "var(--color-amber11)";
-        readonly amber12: "var(--color-amber12)";
-        readonly purple1: "var(--color-purple1)";
-        readonly purple2: "var(--color-purple2)";
-        readonly purple3: "var(--color-purple3)";
-        readonly purple4: "var(--color-purple4)";
-        readonly purple5: "var(--color-purple5)";
-        readonly purple6: "var(--color-purple6)";
-        readonly purple7: "var(--color-purple7)";
-        readonly purple8: "var(--color-purple8)";
-        readonly purple9: "var(--color-purple9)";
-        readonly purple10: "var(--color-purple10)";
-        readonly purple11: "var(--color-purple11)";
-        readonly purple12: "var(--color-purple12)";
-        readonly red1: "var(--color-red1)";
-        readonly red2: "var(--color-red2)";
-        readonly red3: "var(--color-red3)";
-        readonly red4: "var(--color-red4)";
-        readonly red5: "var(--color-red5)";
-        readonly red6: "var(--color-red6)";
-        readonly red7: "var(--color-red7)";
-        readonly red8: "var(--color-red8)";
-        readonly red9: "var(--color-red9)";
-        readonly red10: "var(--color-red10)";
-        readonly red11: "var(--color-red11)";
-        readonly red12: "var(--color-red12)";
-    };
-    readonly space: {
-        readonly none: "var(--space-0)";
-        readonly s1: "var(--space-1)";
-        readonly s2: "var(--space-2)";
-        readonly s3: "var(--space-3)";
-        readonly s4: "var(--space-4)";
-        readonly s5: "var(--space-5)";
-        readonly s6: "var(--space-6)";
-        readonly s7: "var(--space-7)";
-        readonly s8: "var(--space-8)";
-        readonly s9: "var(--space-9)";
-        readonly s10: "var(--space-10)";
-        readonly s11: "var(--space-11)";
-        readonly s12: "var(--space-12)";
-        readonly s13: "var(--space-13)";
-        readonly s14: "var(--space-14)";
-        readonly s15: "var(--space-15)";
-        readonly xs: "var(--space-xs)";
-        readonly sm: "var(--space-sm)";
-        readonly md: "var(--space-md)";
-        readonly lg: "var(--space-lg)";
-        readonly xl: "var(--space-xl)";
-        readonly '2xl': "var(--space-2xl)";
-        readonly '3xl': "var(--space-3xl)";
-    };
-    readonly radius: {
-        readonly r1: "var(--radius-1)";
-        readonly r2: "var(--radius-2)";
-        readonly r3: "var(--radius-3)";
-        readonly r4: "var(--radius-4)";
-        readonly r5: "var(--radius-5)";
-        readonly r6: "var(--radius-6)";
-        readonly r7: "var(--radius-7)";
-        readonly xs: "var(--radius-xs)";
-        readonly sm: "var(--radius-sm)";
-        readonly md: "var(--radius-md)";
-        readonly lg: "var(--radius-lg)";
-        readonly xl: "var(--radius-xl)";
-        readonly round: "var(--radius-round)";
-        readonly pill: "var(--radius-pill)";
-    };
-    readonly shadow: {
-        readonly sm: "var(--shadow-sm)";
-        readonly md: "var(--shadow-md)";
-        readonly lg: "var(--shadow-lg)";
-        readonly raised: "var(--shadow-raised)";
-        readonly overlay: "var(--shadow-overlay)";
-    };
-    readonly font: {
-        readonly fancy: "var(--font-fancy)";
-        readonly body: "var(--font-body)";
-        readonly numeric: "var(--font-numeric)";
-    };
-    readonly fontSize: {
-        readonly f1: "var(--font-size-1)";
-        readonly f2: "var(--font-size-2)";
-        readonly f3: "var(--font-size-3)";
-        readonly f4: "var(--font-size-4)";
-        readonly f5: "var(--font-size-5)";
-        readonly f6: "var(--font-size-6)";
-        readonly f7: "var(--font-size-7)";
-    };
-    readonly fontWeight: {
-        readonly regular: "var(--font-weight-regular)";
-        readonly medium: "var(--font-weight-medium)";
-        readonly semibold: "var(--font-weight-semibold)";
-        readonly bold: "var(--font-weight-bold)";
-    };
-    readonly lineHeight: {
-        readonly tight: "var(--line-height-tight)";
-        readonly snug: "var(--line-height-snug)";
-        readonly body: "var(--line-height-body)";
-        readonly loose: "var(--line-height-loose)";
-    };
-    readonly letterSpacing: {
-        readonly tight: "var(--letter-spacing-tight)";
-        readonly normal: "var(--letter-spacing-normal)";
-        readonly wide: "var(--letter-spacing-wide)";
-    };
-    readonly duration: {
-        readonly fastest: "var(--duration-fastest)";
-        readonly fast: "var(--duration-fast)";
-        readonly normal: "var(--duration-normal)";
-        readonly slow: "var(--duration-slow)";
-        readonly slowest: "var(--duration-slowest)";
-    };
-    readonly easing: {
-        readonly snappy: "var(--easing-snappy)";
-        readonly inQuad: "var(--ease-in-quad)";
-        readonly inCubic: "var(--ease-in-cubic)";
-        readonly inQuart: "var(--ease-in-quart)";
-        readonly inQuint: "var(--ease-in-quint)";
-        readonly inExpo: "var(--ease-in-expo)";
-        readonly inCirc: "var(--ease-in-circ)";
-        readonly outQuad: "var(--ease-out-quad)";
-        readonly outCubic: "var(--ease-out-cubic)";
-        readonly outQuart: "var(--ease-out-quart)";
-        readonly outQuint: "var(--ease-out-quint)";
-        readonly outExpo: "var(--ease-out-expo)";
-        readonly outCirc: "var(--ease-out-circ)";
-        readonly inOutQuad: "var(--ease-in-out-quad)";
-        readonly inOutCubic: "var(--ease-in-out-cubic)";
-        readonly inOutQuart: "var(--ease-in-out-quart)";
-        readonly inOutQuint: "var(--ease-in-out-quint)";
-        readonly inOutExpo: "var(--ease-in-out-expo)";
-        readonly inOutCirc: "var(--ease-in-out-circ)";
-    };
-    readonly transition: {
-        readonly all: "var(--transition-all)";
-        readonly shadow: "var(--transition-shadow)";
-        readonly colors: "var(--transition-colors)";
-        readonly background: "var(--transition-background)";
-        readonly border: "var(--transition-border)";
-        readonly opacity: "var(--transition-opacity)";
-        readonly transform: "var(--transition-transform)";
-    };
-    readonly colorChannel: {
-        readonly accent: "var(--color-channel-accent)";
-        readonly success: "var(--color-channel-success)";
-        readonly danger: "var(--color-channel-danger)";
-        readonly warning: "var(--color-channel-warning)";
-        readonly highlight: "var(--color-channel-highlight)";
-        readonly white: "var(--color-channel-white)";
-        readonly black: "var(--color-channel-black)";
-    };
-    readonly effectChannel: {
-        readonly accent: "var(--effect-channel-accent)";
-        readonly danger: "var(--effect-channel-danger)";
-        readonly focusOutline: "var(--effect-channel-focus-outline)";
-        readonly glass: "var(--effect-channel-glass)";
-        readonly highlight: "var(--effect-channel-highlight)";
-        readonly shadow: "var(--effect-channel-shadow)";
-    };
-    readonly effect: {
-        readonly accentRingSoft: "var(--effect-accent-ring-soft)";
-        readonly focusOutline: "var(--effect-focus-outline)";
-        readonly focusOutlineHighlight: "var(--effect-focus-outline-highlight)";
-        readonly focusShadowAccent: "var(--effect-focus-shadow-accent)";
-        readonly focusShadowHighlight: "var(--effect-focus-shadow-highlight)";
-        readonly glassBorder: "var(--effect-glass-border)";
-        readonly glassBorderSoft: "var(--effect-glass-border-soft)";
-        readonly glassRing: "var(--effect-glass-ring)";
-        readonly glassShadowDepth: "var(--effect-glass-shadow-depth)";
-        readonly glassShadowSoft: "var(--effect-glass-shadow-soft)";
-        readonly glassShell: "var(--effect-glass-shell)";
-        readonly glassSurface: "var(--effect-glass-surface)";
-        readonly glowBorder: "var(--effect-glow-border)";
-        readonly glowCool: "var(--effect-glow-cool)";
-        readonly glowOutline: "var(--effect-glow-outline)";
-        readonly glowSheenEnd: "var(--effect-glow-sheen-end)";
-        readonly glowSheenStart: "var(--effect-glow-sheen-start)";
-        readonly glowVeil: "var(--effect-glow-veil)";
-        readonly glowWarm: "var(--effect-glow-warm)";
-        readonly glossLineFaint: "var(--effect-gloss-line-faint)";
-        readonly glossLineMedium: "var(--effect-gloss-line-medium)";
-        readonly glossLineSoft: "var(--effect-gloss-line-soft)";
-        readonly glossLineStrong: "var(--effect-gloss-line-strong)";
-        readonly highlightTrail: "var(--effect-highlight-trail)";
-        readonly overlayScrim: "var(--effect-overlay-scrim)";
-        readonly selectionAccent: "var(--effect-selection-accent)";
-        readonly shadowFaint: "var(--effect-shadow-faint)";
-        readonly shadowInteractive: "var(--effect-shadow-interactive)";
-        readonly shadowMuted: "var(--effect-shadow-muted)";
-        readonly shadowSoft: "var(--effect-shadow-soft)";
-        readonly shadowStrong: "var(--effect-shadow-strong)";
-        readonly thumbShadow: "var(--effect-thumb-shadow)";
-        readonly tooltipSurface: "var(--effect-tooltip-surface)";
-    };
-    readonly utils: {
-        readonly opacity: (channel: string, value: number | string) => string;
-    };
-    readonly textStyle: {
-        readonly heading1: "var(--text-heading-1)";
-        readonly heading2: "var(--text-heading-2)";
-        readonly heading3: "var(--text-heading-3)";
-        readonly body: "var(--text-body)";
-        readonly bodyEmphasis: "var(--text-body-emphasis)";
-        readonly small: "var(--text-small)";
-        readonly caption: "var(--text-caption)";
-    };
-    readonly zIndex: {
-        readonly n1: "var(--z-index-n1)";
-        readonly z0: "var(--z-index-0)";
-        readonly z1: "var(--z-index-1)";
-        readonly z2: "var(--z-index-2)";
-        readonly z3: "var(--z-index-3)";
-        readonly z4: "var(--z-index-4)";
-        readonly z5: "var(--z-index-5)";
-        readonly max: "var(--z-index-max)";
-    };
-    readonly breakpoint: {
-        readonly sm: "var(--breakpoint-sm)";
-        readonly md: "var(--breakpoint-md)";
-        readonly lg: "var(--breakpoint-lg)";
-        readonly xl: "var(--breakpoint-xl)";
-    };
-    readonly focusRingWidth: "var(--focus-ring-width)";
-};
-
-declare type ToolbarButton = {
-    icon: IconType;
-    onClick?: VoidFunction;
-};
-
-export declare const Tooltip: ({ children, label, delay, className, placement, offset: offsetValue, animate, disableOnClick, variant, }: TooltipProps) => JSX.Element;
-
-export declare const TooltipBase: ({ content, children, placement, delayMs, closeDelayMs, open: controlledOpen, onOpenChange: controlledOnOpenChange, className, style, triggerRef: externalTriggerRef, }: TooltipBaseProps) => JSX.Element;
-
-export declare type TooltipBaseProps = {
-    content: ReactNode;
-    children: ReactNode;
-    placement?: Placement;
-    delayMs?: number;
-    closeDelayMs?: number;
-    open?: boolean;
-    onOpenChange?: (open: boolean) => void;
-    className?: string;
-    style?: CSSProperties;
-    triggerRef?: Ref<HTMLElement>;
-};
-
-declare type TooltipOptions = {
-    delay?: number;
-    animate?: boolean;
-};
-
-export declare interface TooltipProps {
-    children: ReactNode;
-    label: ReactNode;
-    delay?: number;
-    className?: string;
-    placement?: Placement_2;
-    offset?: number;
-    animate?: boolean;
-    disableOnClick?: boolean;
-    variant?: 'default' | 'glass';
-}
-
-export declare const TooltipRangeSlider: () => JSX.Element;
-
-export declare const TranslucentBackdrop: () => JSX.Element;
-
-export declare const TrickButton: () => JSX.Element;
-
-export declare const TurbulenceFilter: () => JSX.Element | null;
-
-export declare const UnderlinedLink: ({ children, href, className, target, rel, ref, ...rest }: Props_53) => JSX.Element;
-
-export declare const UnderlinedLink2: () => JSX.Element;
-
-declare type Use = {
-    use?: 'div';
-} | {
-    use: 'a';
-    href: string;
-    rel?: 'noopener';
-    target?: '_blank';
-} | {
-    use: 'button';
-} | {
-    use: ElementType;
-};
-
-export declare function useAnimatedText(text: string, delimiter?: 'letter' | 'word'): string;
-
-export declare const useBowser: () => UseBowserResult | null;
-
-declare interface UseBowserResult {
-    isMobile: boolean;
-    isDesktop: boolean;
-    isMacOS: boolean;
-    isIOS: boolean;
-    isSafari: boolean;
-    isFirefox: boolean;
-    isChrome: boolean;
-}
-
-export declare function useControllableState<T>(controlledValue: T | undefined, defaultValue: T, onChange?: (value: T) => void): [T, (next: T | ((prev: T) => T)) => void];
-
-/**
- * Custom hook that debounces a callback function to delay its execution until after
- * a specified wait time has elapsed since the last time it was invoked.
- *
- * Debouncing ensures that the callback is only executed once after a series of rapid calls,
- * waiting for a pause in the calls before executing.
- *
- * @param callback - The function to debounce
- * @param delay - The delay time (in milliseconds) to wait before executing the callback
- * @param options - Optional configuration object
- * @param options.maxWait - Maximum time before function must be invoked
- * @param options.leading - If true, invoke on the leading edge
- * @returns A debounced version of the callback function with a `cancel` method
- *
- * @example
- * ```tsx
- * const debouncedSearch = useDebounce((query: string) => {
- *   console.log('Searching for:', query)
- * }, 300)
- *
- * return <input onChange={(e) => debouncedSearch(e.target.value)} />
- * ```
- *
- * @example
- * ```tsx
- * // With maxWait and leading options
- * const debouncedSearch = useDebounce(
- *   (query: string) => console.log('Searching for:', query),
- *   300,
- *   { maxWait: 1000, leading: true }
- * )
- * ```
- *
- * @example
- * ```tsx
- * // Cancel pending debounced call
- * const debouncedSearch = useDebounce((query: string) => {
- *   console.log('Searching for:', query)
- * }, 300)
- *
- * debouncedSearch('test')
- * debouncedSearch.cancel() // Cancels the pending call
- * ```
- */
-export declare const useDebounce: <T extends (...args: any[]) => any>(callback: T, delay: number, { maxWait, leading }?: {
-    maxWait?: number;
-    leading?: boolean;
-}) => T & {
-    cancel: VoidFunction;
-};
-
-/**
- * A React hook that implements the useEffectEvent pattern from React RFC.
- * This hook allows you to define an event handler that can access the latest props/state
- * without triggering effect dependency lists when the handler changes.
- * @see https://github.com/reactjs/rfcs/blob/useevent/text/0000-useevent.md#internal-implementation
- * @react https://react.dev/learn/separating-events-from-effects
- */
-export declare function useEffectEvent<TArgs extends any[], TReturn extends undefined>(callback: undefined): (...args: TArgs) => TReturn;
-
-export declare function useEffectEvent<TArgs extends any[], TReturn>(callback: (...args: TArgs) => TReturn): (...args: TArgs) => TReturn;
-
-export declare function useEffectEvent<TArgs extends any[], TReturn>(callback: ((...args: TArgs) => TReturn) | undefined): (...args: TArgs) => TReturn | undefined;
-
-export declare function useFormField(options?: UseFormFieldOptions): UseFormFieldReturn;
-
-export declare function useFormFieldContext(): UseFormFieldReturn;
-
-export declare type UseFormFieldOptions = {
-    id?: string;
-    hasError?: boolean;
-    hasHint?: boolean;
-};
-
-export declare type UseFormFieldReturn = {
-    ids: FormFieldIds;
-    labelProps: {
-        htmlFor: string;
-        id: string;
-    };
-    fieldProps: FormFieldAria;
-    errorProps: {
-        id: string;
-        role: 'alert';
-    };
-    hintProps: {
-        id: string;
-    };
-};
-
-/**
- * Creates a GSAP context scoped to the given ref.
- * All animations created inside the callback are automatically
- * reverted on unmount — preventing DOM leak bugs.
- */
-export declare function useGsapContext(scope: RefObject<HTMLElement | null>, callback: (ctx: GsapContextLike) => void | GsapCleanup, deps?: unknown[]): RefObject<GsapContextLike | null>;
-
-/**
- * Custom hook that manages an interval with automatic cleanup.
- * Provides a reliable way to handle intervals that are properly cleaned up
- * on component unmount or when dependencies change.
- *
- * @param callback - The function to execute on each interval
- * @param delay - The delay in milliseconds (null to clear the interval)
- * @param deps - Optional dependency array. If provided, interval restarts when deps change.
- *               If not provided, callback updates via ref without restarting interval.
- *
- * @example
- * ```tsx
- * // Runs continuously, callback updates via ref
- * useInterval(() => {
- *   console.log('This runs every second')
- * }, 1000)
- *
- * // Restarts interval when count changes
- * useInterval(() => {
- *   console.log('Count:', count)
- * }, 1000, [count])
- * ```
- */
-export declare const useInterval: (callback: VoidFunction, delay?: number | null, deps?: DependencyList) => void;
-
-export declare const useLiveRef: <T>(value: T) => RefObject<T>;
-
-export declare const useMatchMedia: (query: string) => boolean | null;
-
-export declare function useMergeRefs<T>(...refs: PossibleRef<T>[]): RefCallback<T>;
-
-export declare const useOklch: () => void;
-
-/**
- * Custom hook that detects clicks outside of a specified element and triggers a callback.
- *
- * Useful for implementing dropdown menus, modals, or any component that should close
- * when the user clicks outside of it.
- *
- * @param ref - React ref object pointing to the element to monitor
- * @param callback - Function to call when a click occurs outside the element
- * @param isActive - Whether the outside click detection should be active (default: true)
- *
- * @example
- * ```tsx
- * const ref = useRef<HTMLDivElement>(null)
- * const [isOpen, setIsOpen] = useState(false)
- *
- * useOutsideClick(ref, () => setIsOpen(false), isOpen)
- *
- * return <div ref={ref}>...</div>
- * ```
- */
-export declare const useOutsideClick: <T extends HTMLElement = HTMLElement>(ref: RefObject<T | null>, callback: VoidFunction, isActive?: boolean) => void;
-
-export declare const usePreviousRender: <T>(value: T) => T | undefined;
-
-export declare const usePreviousState: <T>(value: T) => T | undefined;
-
-/**
- * Custom hook that provides a requestAnimationFrame-based callback execution.
- * Useful for performance-critical animations and continuous updates that should
- * be synchronized with the browser's refresh rate.
- *
- * The callback will be executed on the next animation frame, and can be
- * controlled with an enabled flag for conditional execution.
- *
- * @param callback - The function to execute on each animation frame
- * @param enabled - Whether the animation loop should be active (default: true)
- * @returns A function to manually trigger the animation frame callback
- *
- * @example
- * ```tsx
- * const animate = useRaf(() => {
- *   // Animation logic here
- *   console.log('Animation frame')
- * }, isAnimating)
- *
- * // Manually trigger
- * animate()
- * ```
- */
-export declare const useRaf: (callback: VoidFunction, enabled?: boolean) => VoidFunction;
-
-export declare function useReducedMotion(): boolean;
-
-export declare type UserMediaVideoStatus = 'idle' | 'pending' | 'live' | 'denied' | 'unavailable';
-
-export declare function useTheme(): ThemeContextValue;
-
-/**
- * Custom hook that throttles a callback function to limit how often it can be invoked.
- *
- * Throttling ensures that the callback is executed at most once per specified time interval,
- * regardless of how many times the throttled function is called.
- *
- * @param callback - The function to throttle
- * @param delay - The minimum time interval (in milliseconds) between executions
- * @returns A throttled version of the callback function
- *
- * @example
- * ```tsx
- * const throttledClick = useThrottle(() => {
- *   console.log('Button clicked')
- * }, 500)
- *
- * return <button onClick={throttledClick}>Click me</button>
- * ```
- */
-export declare const useThrottle: <T extends (...args: any[]) => any>(callback: T, delay: number) => T;
-
-/**
- * Custom hook that manages a timeout with automatic cleanup.
- * Provides a reliable way to handle timeouts that are properly cleaned up
- * on component unmount or when dependencies change.
- *
- * @param callback - The function to execute after the delay
- * @param delay - The delay in milliseconds (null to clear the timeout)
- * @param deps - Optional dependency array. If provided, timeout restarts when deps change.
- *               If not provided, callback updates via ref without restarting timeout.
- *
- * @example
- * ```tsx
- * // Runs once, callback updates via ref
- * useTimeout(() => {
- *   console.log('This runs after 1 second')
- * }, 1000)
- *
- * // Restarts timeout when count changes
- * useTimeout(() => {
- *   console.log('Count:', count)
- * }, 1000, [count])
- * ```
- */
-export declare const useTimeout: (callback: VoidFunction, delay?: number | null, deps?: DependencyList) => void;
-
-/**
- * Universal layout effect that uses useLayoutEffect in browser environments
- * and falls back to useEffect in SSR environments
- */
-export declare const useUniversalLayoutEffect: typeof default_2.useEffect;
-
-export declare const useWindowReady: () => boolean;
-
-export declare const utilsLogger: BaseLogger;
-
-/**
- * Validate that all required semantic CSS variables are defined
- * on the given element (defaults to `document.body`).
- */
-export declare const validateColorScheme: (element?: Element) => ColorValidationResult;
-
-export declare const values: <T extends Record<string | number | symbol, any>>(input: T) => Array<T[keyof T]>;
-
-export declare const ViewTransitionAddToCard: () => JSX.Element;
-
-export declare const ViewTransitionImageGallery: () => JSX.Element;
-
-export declare type ViewTransitionReturn = {
-    finished: Promise<void>;
-    ready: Promise<void>;
-    updateCallbackDone: Promise<void>;
-};
-
-export declare const VisuallyHidden: ({ children, style, ...props }: VisuallyHiddenProps) => JSX.Element;
-
-export declare type VisuallyHiddenProps = HTMLAttributes<HTMLSpanElement> & {
-    children: ReactNode;
-};
-
-export declare const VoiceAnimation: () => JSX.Element;
-
-export declare const wait: (ms: number) => Promise<unknown>;
-
-export declare const WavyMenu: () => JSX.Element;
-
-export declare const WebGLSmoke: () => JSX.Element;
-
-export declare const WeightText: ({ children }: Props_73) => JSX.Element;
-
 export { }