@frequencyads/components 0.1.1 → 0.1.3

package/dist/index.d.mts

@@ -1,341 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { TextProps, MantineColor, MantineSize, BoxProps, MantineSpacing } from '@mantine/core';
-import * as react from 'react';
-import { gradients } from '@frequencyads/brand/colors';
-
-interface AnimatedCounterProps extends Omit<TextProps, 'children'> {
-    /** Target number to count up to */
-    value: number;
-    /** Text appended after the number (e.g. "%", "+", " users") */
-    suffix?: string;
-    /** Text prepended before the number (e.g. "$") */
-    prefix?: string;
-    /** Animation duration in ms */
-    duration?: number;
-    /** IntersectionObserver threshold (0-1) to trigger the animation */
-    threshold?: number;
-    /** Format large numbers with K suffix (e.g. 2500 → "2.5K") */
-    abbreviate?: boolean;
-    /** Number of decimal places for non-integer values */
-    decimals?: number;
-}
-declare function AnimatedCounter({ value, suffix, prefix, duration, threshold, abbreviate, decimals, ...textProps }: AnimatedCounterProps): react_jsx_runtime.JSX.Element;
-
-interface AnimatedWaveformProps {
-    /** Number of bars (default 140) */
-    barCount?: number;
-    /** Animation cycle duration in seconds (default 3) */
-    duration?: number;
-    /** Pause between animation cycles in seconds (default 3) */
-    repeatDelay?: number;
-}
-declare function AnimatedWaveform({ barCount, duration, repeatDelay, }: AnimatedWaveformProps): react_jsx_runtime.JSX.Element | null;
-
-interface AudioPlayerProps {
-    /** URL to the audio file */
-    src: string;
-    /** Optional filename for download */
-    filename?: string;
-    /** Color of the play button */
-    playButtonColor?: string;
-    /** Size of the play button in pixels */
-    playButtonSize?: number;
-    /** Color of inactive waveform bars */
-    waveColor?: string;
-    /** Color of active waveform bars */
-    progressColor?: string;
-    /** Height of the waveform in pixels */
-    waveHeight?: number;
-    /** Width of waveform bars */
-    barWidth?: number;
-    /** Gap between waveform bars */
-    barGap?: number;
-    /** Whether to show the volume control */
-    showVolume?: boolean;
-    /** Whether to show the download button */
-    showDownload?: boolean;
-}
-declare function AudioPlayer({ src, filename, playButtonColor, playButtonSize, waveColor, progressColor, waveHeight, barWidth, barGap, showVolume, showDownload, }: AudioPlayerProps): react_jsx_runtime.JSX.Element;
-
-interface AudioWaveformHandle {
-    seekTo: (time: number) => void;
-    getCurrentTime: () => number;
-    getDuration: () => number;
-}
-interface AudioWaveformProps {
-    /** Ref to the HTML audio element */
-    audioRef: React.RefObject<HTMLAudioElement | null>;
-    /** Current playback time in seconds */
-    currentTime?: number;
-    /** Callback when user seeks by clicking */
-    onSeek?: (time: number) => void;
-    /** Whether audio is loading */
-    loading?: boolean;
-    /** Color of inactive waveform bars */
-    waveColor?: string;
-    /** Color of active (played) waveform bars */
-    progressColor?: string;
-    /** Height in pixels */
-    height?: number;
-    /** Width of each bar in pixels */
-    barWidth?: number;
-    /** Gap between bars in pixels */
-    barGap?: number;
-}
-declare const AudioWaveform: react.ForwardRefExoticComponent<AudioWaveformProps & react.RefAttributes<AudioWaveformHandle>>;
-
-interface CodeBlockProps {
-    /** Code content to display */
-    code: string;
-    /** Optional filename label */
-    filename?: string;
-    /** Height of the code area (default 384px) */
-    height?: number | string;
-}
-declare function CodeBlock({ code, filename, height }: CodeBlockProps): react_jsx_runtime.JSX.Element;
-
-interface ColorPaletteProps {
-    /** Color name displayed as heading */
-    name: string;
-    /** Array of 10 hex shade values (index 0-9) */
-    shades: string[];
-    /** Index of the main shade (default 5) */
-    mainIndex?: number;
-}
-declare function ColorPalette({ name, shades, mainIndex }: ColorPaletteProps): react_jsx_runtime.JSX.Element;
-
-interface ColorSwatchProps {
-    /** Color name */
-    name: string;
-    /** Hex color value */
-    hex: string;
-    /** Optional label (e.g. shade index or semantic name) */
-    label?: string;
-}
-declare function ColorSwatch({ name, hex, label }: ColorSwatchProps): react_jsx_runtime.JSX.Element;
-
-interface CopyableProps {
-    /** Value to copy to clipboard */
-    value: string;
-    children: React.ReactNode;
-}
-declare function Copyable({ value, children }: CopyableProps): react_jsx_runtime.JSX.Element;
-
-interface DosDontsItem {
-    do: string;
-    dont: string;
-}
-interface DosDontsProps {
-    /** Pairs of do/don't examples */
-    items: DosDontsItem[];
-}
-declare function DosDonts({ items }: DosDontsProps): react_jsx_runtime.JSX.Element;
-
-interface ExpandableCardProps {
-    /** Card title */
-    title: string;
-    /** Short description shown in collapsed state */
-    description: string;
-    /** Additional content revealed on expand */
-    expandedContent: React.ReactNode;
-    /** Icon component from @tabler/icons-react */
-    icon: React.ComponentType<{
-        size?: number | string;
-        stroke?: number;
-    }>;
-    /** Mantine color for the icon badge */
-    color?: MantineColor;
-    /** Icon badge size */
-    iconSize?: MantineSize | number;
-    /** Collapsed height in px */
-    collapsedHeight?: number;
-    /** IntersectionObserver threshold to trigger expand */
-    threshold?: number;
-    /** Delay in ms before expanding after entering viewport */
-    delay?: number;
-    /** Controlled mode: override auto-expand */
-    expanded?: boolean;
-    /** Callback when expanded state changes */
-    onExpandedChange?: (expanded: boolean) => void;
-}
-declare function ExpandableCard({ title, description, expandedContent, icon: Icon, color, iconSize, collapsedHeight, threshold, delay, expanded: controlledExpanded, onExpandedChange, }: ExpandableCardProps): react_jsx_runtime.JSX.Element;
-
-interface FadeInSectionProps extends BoxProps {
-    children: React.ReactNode;
-    /** Delay in ms before the fade starts after entering viewport */
-    delay?: number;
-    /** IntersectionObserver threshold (0-1, default 0.1) */
-    threshold?: number;
-}
-declare function FadeInSection({ children, delay, threshold, className, ...props }: FadeInSectionProps): react_jsx_runtime.JSX.Element;
-
-interface FrequencyWaveProps {
-    /** Whether the wave is actively animated (e.g. AI processing) */
-    isActive?: boolean;
-    /** Height of the wave container in pixels */
-    height?: number;
-}
-/**
- * Canvas-based animated frequency wave decoration.
- * - Subtle idle animation by default
- * - Active state with equalizer bars when `isActive` is true
- * - Periodic aggressive pulses when idle (every 2-3 minutes)
- * - Uses Frequency brand gradient colors, adapts to light/dark
- */
-declare function FrequencyWave({ isActive, height }: FrequencyWaveProps): react_jsx_runtime.JSX.Element;
-
-interface GradientSwatchProps {
-    /** Gradient name */
-    name: string;
-    /** [from, to] hex color pair */
-    colors: [string, string];
-    /** Short description of usage */
-    description?: string;
-}
-declare function GradientSwatch({ name, colors, description }: GradientSwatchProps): react_jsx_runtime.JSX.Element;
-
-type GradientName = keyof typeof gradients;
-interface HeroAction {
-    label: string;
-    href: string;
-}
-interface HeroProps {
-    /** 'logo' centers the brand mark with waveform; 'text' shows a large gradient heading */
-    variant?: 'logo' | 'text';
-    /** Heading text shown large in 'text' variant, used as alt text in 'logo' variant */
-    heading?: string;
-    /** Subtitle shown below the logo or heading */
-    tagline?: string;
-    /** Image source for logo variant (defaults to Frequency mark) */
-    logoSrc?: string;
-    /** Brand gradient for text variant heading (default 'frequencyAlive') */
-    gradient?: GradientName;
-    /** Enable shimmer animation on gradient text (default true) */
-    shimmer?: boolean;
-    /** Primary call-to-action */
-    primaryAction?: HeroAction;
-    /** Secondary call-to-action */
-    secondaryAction?: HeroAction;
-    /** Background video source URL */
-    backgroundVideoSrc?: string;
-    /** Show animated waveform (default true) */
-    showWaveform?: boolean;
-}
-declare function Hero({ variant, heading, tagline, logoSrc, gradient: gradientName, shimmer, primaryAction, secondaryAction, backgroundVideoSrc, showWaveform, }: HeroProps): react_jsx_runtime.JSX.Element;
-
-interface HintBadgeProps {
-    /** Whether this is a "do" (positive) or "don't" (negative) hint */
-    variant: 'do' | 'dont';
-    /** The hint text (without the "Do:" / "Don't:" prefix — it's added automatically) */
-    children: React.ReactNode;
-}
-declare function HintBadge({ variant, children }: HintBadgeProps): react_jsx_runtime.JSX.Element;
-
-interface MiniAudioPlayerProps {
-    /** URL to the audio file */
-    audioUrl: string;
-    /** Size variant */
-    size?: 'mini' | 'small' | 'compact';
-    /** Color of inactive waveform bars */
-    waveColor?: string;
-    /** Color of active waveform bars */
-    progressColor?: string;
-    /** Callback when playback starts */
-    onPlay?: () => void;
-    /** Callback when playback pauses */
-    onPause?: () => void;
-    className?: string;
-    style?: React.CSSProperties;
-}
-declare const MiniAudioPlayer: react.ForwardRefExoticComponent<MiniAudioPlayerProps & react.RefAttributes<HTMLDivElement>>;
-
-interface PrincipleCardProps {
-    /** Accent color for the left border (any valid CSS color) */
-    accentColor: string;
-    /** Card heading */
-    title: string;
-    /** Card body text */
-    description: string;
-    /** "Do" hint text */
-    doHint?: string;
-    /** "Don't" hint text */
-    dontHint?: string;
-}
-declare function PrincipleCard({ accentColor, title, description, doHint, dontHint, }: PrincipleCardProps): react_jsx_runtime.JSX.Element;
-
-interface SpeedDialAction {
-    /** Icon component to render */
-    icon: React.ReactNode;
-    /** Tooltip label */
-    label: string;
-    /** Click handler */
-    onClick: () => void;
-}
-interface SpeedDialProps {
-    /** List of actions to show when expanded */
-    actions: SpeedDialAction[];
-    /** Icon when closed (defaults to plus icon) */
-    icon?: React.ReactNode;
-    /** Icon when open (defaults to rotated plus / X) */
-    openIcon?: React.ReactNode;
-    /** Direction actions expand toward */
-    direction?: 'up' | 'down' | 'left' | 'right';
-    /** Color of the main FAB */
-    color?: string;
-    /** Size of the main FAB */
-    size?: number;
-    /** Whether the dial is initially open */
-    defaultOpen?: boolean;
-    /** Controlled open state */
-    open?: boolean;
-    /** Called when open state changes */
-    onOpenChange?: (open: boolean) => void;
-    /** Position style overrides (e.g. for absolute/fixed positioning) */
-    style?: React.CSSProperties;
-    className?: string;
-}
-declare function SpeedDial({ actions, icon, openIcon, direction, color, size, defaultOpen, open: controlledOpen, onOpenChange, style, className, }: SpeedDialProps): react_jsx_runtime.JSX.Element;
-
-interface SplitSectionProps {
-    /** Small label badge above the heading (e.g. "New") */
-    badge?: string;
-    /** Badge color */
-    badgeColor?: MantineColor;
-    /** Small subtitle text above the main title */
-    subtitle?: string;
-    /** Main heading — large, bold text */
-    title?: string;
-    /** Color for the main title text */
-    titleColor?: MantineColor;
-    /** Additional heading line above the title (rendered smaller) */
-    preTitle?: string;
-    /** Description paragraph below the heading */
-    description?: string;
-    /** CTA buttons or additional content below the description */
-    actions?: React.ReactNode;
-    /** Fully custom heading area — replaces badge/subtitle/title/description when provided */
-    heading?: React.ReactNode;
-    /** Right-side content */
-    children: React.ReactNode;
-    /** Make the left heading area sticky on scroll */
-    stickyHeading?: boolean;
-    /** Vertical padding — defaults to "xl" */
-    py?: MantineSpacing;
-    /** Flip layout — content on left, heading on right */
-    reversed?: boolean;
-    /** HTML id for anchor linking */
-    id?: string;
-    /** Additional className for the root section */
-    className?: string;
-}
-declare function SplitSection({ badge, badgeColor, subtitle, title, titleColor, preTitle, description, actions, heading, children, stickyHeading, py, reversed, id, className, }: SplitSectionProps): react_jsx_runtime.JSX.Element;
-
-interface VideoBackgroundProps {
-    /** Video source URL */
-    src: string;
-    /** Overlay opacity (0-1, default 0.3) */
-    opacity?: number;
-}
-declare function VideoBackground({ src, opacity }: VideoBackgroundProps): react_jsx_runtime.JSX.Element;
-
-export { AnimatedCounter, type AnimatedCounterProps, AnimatedWaveform, type AnimatedWaveformProps, AudioPlayer, type AudioPlayerProps, AudioWaveform, type AudioWaveformHandle, type AudioWaveformProps, CodeBlock, type CodeBlockProps, ColorPalette, type ColorPaletteProps, ColorSwatch, type ColorSwatchProps, Copyable, type CopyableProps, DosDonts, type DosDontsItem, type DosDontsProps, ExpandableCard, type ExpandableCardProps, FadeInSection, type FadeInSectionProps, FrequencyWave, type FrequencyWaveProps, type GradientName, GradientSwatch, type GradientSwatchProps, Hero, type HeroAction, type HeroProps, HintBadge, type HintBadgeProps, MiniAudioPlayer, type MiniAudioPlayerProps, PrincipleCard, type PrincipleCardProps, SpeedDial, type SpeedDialAction, type SpeedDialProps, SplitSection, type SplitSectionProps, VideoBackground, type VideoBackgroundProps };