@flikk/ui 1.0.0-beta.3 → 1.0.0-beta.31

package/dist/components/ai/ThinkingIndicator/ThinkingIndicator.types.d.ts

@@ -1,67 +0,0 @@
-import { ReactNode } from "react";
-/**
- * ThinkingIndicator component props
- */
-export interface ThinkingIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Whether the indicator is visible
-     * @default true
-     */
-    visible?: boolean;
-    /**
-     * Custom label text
-     * @default "AI is thinking"
-     */
-    label?: string;
-    /**
-     * Whether to show the label text
-     * @default true
-     */
-    showLabel?: boolean;
-    /**
-     * Size variant
-     * @default "md"
-     */
-    size?: ThinkingIndicatorSize;
-    /**
-     * Custom icon to display instead of dots
-     */
-    icon?: ReactNode;
-    /**
-     * Additional className for the container
-     */
-    className?: string;
-    /**
-     * Theme overrides
-     */
-    theme?: ThinkingIndicatorThemeOverrides;
-}
-/**
- * Size variants
- */
-export type ThinkingIndicatorSize = "sm" | "md";
-/**
- * Theme configuration
- */
-export interface ThinkingIndicatorTheme {
-    baseStyle: string;
-    labelStyle: string;
-    dotsContainerStyle: string;
-    dotStyle: string;
-    sizes: Record<ThinkingIndicatorSize, ThinkingIndicatorSizeConfig>;
-}
-export interface ThinkingIndicatorSizeConfig {
-    container: string;
-    dot: string;
-    label: string;
-}
-/**
- * Theme overrides
- */
-export interface ThinkingIndicatorThemeOverrides {
-    baseStyle?: string;
-    labelStyle?: string;
-    dotsContainerStyle?: string;
-    dotStyle?: string;
-    sizes?: Partial<Record<ThinkingIndicatorSize, Partial<ThinkingIndicatorSizeConfig>>>;
-}

package/dist/components/ai/ThinkingIndicator/index.d.ts

@@ -1,3 +0,0 @@
-export { ThinkingIndicator } from "./ThinkingIndicator";
-export { thinkingIndicatorTheme } from "./ThinkingIndicator.theme";
-export type { ThinkingIndicatorProps, ThinkingIndicatorSize, ThinkingIndicatorTheme, ThinkingIndicatorThemeOverrides, ThinkingIndicatorSizeConfig, } from "./ThinkingIndicator.types";

package/dist/components/charts/shared/BarRenderer/index.d.ts

@@ -1,3 +0,0 @@
-export { BarRenderer } from './BarRenderer';
-export type { BarRendererProps } from './BarRenderer.types';
-export { BAR_ANIMATION_TIMING } from './BarRenderer.types';

package/dist/components/charts/shared/ChartContainer/ChartContainer.d.ts

@@ -1,85 +0,0 @@
-import React from "react";
-import { useTooltipPosition } from "../../hooks/useTooltipPosition";
-import type { ChartContainerProps, ChartDimensions, ChartMargins } from "./ChartContainer.types";
-import type { ChartScales } from "../../hooks/useChartScales";
-import type { ChartDataPoint, ChartConfig } from "../../types/chart.types";
-/**
- * Chart context for sharing state between ChartContainer and Renderers
- */
-export interface ChartContextValue {
-    /**
-     * Chart data
-     */
-    data: ChartDataPoint[];
-    /**
-     * Chart config
-     */
-    config: ChartConfig;
-    /**
-     * Calculated scales
-     */
-    scales: ChartScales;
-    /**
-     * Chart dimensions
-     */
-    dimensions: ChartDimensions;
-    /**
-     * Chart margins
-     */
-    margin: ChartMargins;
-    /**
-     * Inner width (width - margins)
-     */
-    innerWidth: number;
-    /**
-     * Inner height (height - margins)
-     */
-    innerHeight: number;
-    /**
-     * Hovered category index
-     */
-    hoveredCategory: number | null;
-    /**
-     * Set hovered category
-     */
-    setHoveredCategory: (index: number | null) => void;
-    /**
-     * Hovered point (for line charts)
-     */
-    hoveredPoint: {
-        index: number;
-        key: string;
-    } | null;
-    /**
-     * Set hovered point
-     */
-    setHoveredPoint: (point: {
-        index: number;
-        key: string;
-    } | null) => void;
-    /**
-     * Tooltip handlers
-     */
-    handleMouseEnter: ReturnType<typeof useTooltipPosition>['handleMouseEnter'];
-    handleMouseMove: ReturnType<typeof useTooltipPosition>['handleMouseMove'];
-    handleMouseLeave: ReturnType<typeof useTooltipPosition>['handleMouseLeave'];
-    /**
-     * Keyboard focus index
-     */
-    focusedElementIndex: number;
-    /**
-     * Whether in keyboard navigation mode
-     */
-    isKeyboardMode: boolean;
-}
-/**
- * Hook to access chart context from renderers
- */
-export declare const useChartContext: () => ChartContextValue;
-/**
- * ChartContainer Component
- *
- * Manages SVG container, axes, grid, tooltip, dimensions, and provides
- * context to child rendering components (BarRenderer, LineRenderer, etc.)
- */
-export declare const ChartContainer: React.FC<ChartContainerProps>;

package/dist/components/charts/shared/ChartContainer/index.d.ts

@@ -1,3 +0,0 @@
-export { ChartContainer, useChartContext } from './ChartContainer';
-export type { ChartContainerProps, ChartDimensions, ChartMargins, } from './ChartContainer.types';
-export type { ChartContextValue } from './ChartContainer';

package/dist/components/charts/shared/ChartLegend/ChartLegendContent.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { ChartLegendContentProps } from './ChartLegend.types';
-/**
- * Basic ChartLegendContent component - minimal implementation
- * TODO: Enhance with full legend content functionality when needed
- */
-export declare const ChartLegendContent: React.FC<ChartLegendContentProps>;

package/dist/components/charts/shared/ChartLegend/ChartLegendContent.js

@@ -1,18 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-/**
- * Basic ChartLegendContent component - minimal implementation
- * TODO: Enhance with full legend content functionality when needed
- */
-const ChartLegendContent = ({ payload = [], nameKey = 'name', className, ...props }) => {
-    if (!payload || payload.length === 0) {
-        return null;
-    }
-    return (jsx("div", { className: `flex flex-wrap gap-4 ${className || ''}`, ...props, children: payload.map((entry, index) => {
-            const name = entry[nameKey] || entry.dataKey || `Series ${index + 1}`;
-            const color = entry.color || '#8884d8';
-            return (jsxs("div", { className: "flex items-center gap-2", children: [jsx("div", { className: "w-3 h-3 rounded", style: { backgroundColor: color } }), jsx("span", { className: "text-sm text-gray-600", children: name })] }, index));
-        }) }));
-};
-
-export { ChartLegendContent };

package/dist/components/charts/shared/LineRenderer/index.d.ts

@@ -1,2 +0,0 @@
-export { LineRenderer } from './LineRenderer';
-export type { LineRendererProps } from './LineRenderer.types';

package/dist/components/core/Accordion/AccordionContent.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import { AccordionContentProps } from "./Accordion.types";
-export declare const AccordionContent: React.ForwardRefExoticComponent<AccordionContentProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/core/Button/Button.animations.d.ts

@@ -1,5 +0,0 @@
-import { Variants } from "motion/react";
-/**
- * Get button animation variants based on reduced motion preference
- */
-export declare const getButtonVariants: (shouldReduceMotion: boolean | null) => Variants | undefined;

package/dist/components/core/Card/CardContent.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { CardContentProps } from './Card.types';
-export declare const CardContent: React.ForwardRefExoticComponent<CardContentProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/core/Card/CardContent.js

@@ -1,11 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import React__default from 'react';
-import { cn } from '../../../utils/cn.js';
-import { cardTheme } from './Card.theme.js';
-
-const CardContent = React__default.forwardRef(({ children, className, ...props }, ref) => {
-    return (jsx("div", { ref: ref, className: cn(cardTheme.contentStyle, className), ...props, children: children }));
-});
-CardContent.displayName = 'CardContent';
-
-export { CardContent };

package/dist/components/core/Carousel/CarouselContent.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { CarouselContentProps } from './Carousel.types';
-declare const CarouselContent: React.ForwardRefExoticComponent<CarouselContentProps & React.RefAttributes<HTMLDivElement>>;
-export { CarouselContent };

package/dist/components/core/ContextMenu/ContextMenuContent.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-import { ContextMenuContentProps } from "./ContextMenu.types";
-/**
- * ContextMenuContent - Renders the menu at cursor position with keyboard navigation
- */
-export declare const ContextMenuContent: React.ForwardRefExoticComponent<ContextMenuContentProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/core/ContextMenu/ContextMenuSubContent.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-import { ContextMenuSubContentProps } from "./ContextMenu.types";
-/**
- * ContextMenuSubContent - Submenu content positioned to the right of trigger
- */
-export declare const ContextMenuSubContent: React.ForwardRefExoticComponent<ContextMenuSubContentProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/core/Drawer/DrawerContent.d.ts

@@ -1,5 +0,0 @@
-import { DrawerContentProps } from "./Drawer.types";
-export declare const DrawerContent: {
-    ({ children, className, ...props }: DrawerContentProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};

package/dist/components/core/Loader/Loader.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-import { LoaderProps } from './Loader.types';
-/**
- * Loader component - Supports both circular (spinner) and linear (progress bar) variants
- *
- * Features:
- * - Circular variant: Spinning loader for indeterminate loading
- * - Linear variant: Progress bar with determinate (value) or indeterminate modes
- * - Multiple sizes and semantic colors
- * - Optional percentage/label display for linear variant
- * - Full theme customization
- *
- * @example
- * // Circular loader
- * <Loader variant="circular" size="md" />
- *
- * // Linear progress bar (determinate)
- * <Loader variant="linear" value={60} showLabel />
- *
- * // Linear loading bar (indeterminate)
- * <Loader variant="linear" />
- */
-declare const Loader: React.ForwardRefExoticComponent<LoaderProps & React.RefAttributes<HTMLDivElement>>;
-export { Loader };

package/dist/components/core/Loader/Loader.js

@@ -1,57 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import React__default, { useMemo } from 'react';
-import { loaderTheme } from './Loader.theme.js';
-import { cn } from '../../../utils/cn.js';
-
-/**
- * Loader component - Supports both circular (spinner) and linear (progress bar) variants
- *
- * Features:
- * - Circular variant: Spinning loader for indeterminate loading
- * - Linear variant: Progress bar with determinate (value) or indeterminate modes
- * - Multiple sizes and semantic colors
- * - Optional percentage/label display for linear variant
- * - Full theme customization
- *
- * @example
- * // Circular loader
- * <Loader variant="circular" size="md" />
- *
- * // Linear progress bar (determinate)
- * <Loader variant="linear" value={60} showLabel />
- *
- * // Linear loading bar (indeterminate)
- * <Loader variant="linear" />
- */
-const Loader = React__default.forwardRef(({ variant = 'circular', size = 'md', color = 'primary', value, max = 100, showLabel = false, label, className, theme: customTheme, ...props }, ref) => {
-    var _a, _b;
-    // Merge custom theme with default theme
-    const theme = useMemo(() => customTheme ? { ...loaderTheme, ...customTheme } : loaderTheme, [customTheme]);
-    // Calculate percentage for linear variant
-    const percentage = useMemo(() => {
-        if (value === undefined || value === null)
-            return 0;
-        const pct = Math.min(Math.max((value / max) * 100, 0), 100);
-        return Math.round(pct);
-    }, [value, max]);
-    // Determine if this is indeterminate mode (no value provided)
-    const isIndeterminate = value === undefined || value === null;
-    // Get theme values for current size and color
-    const sizeStyles = ((_a = theme.sizes) === null || _a === void 0 ? void 0 : _a[size]) || theme.sizes['md'];
-    const colorStyles = ((_b = theme.colors) === null || _b === void 0 ? void 0 : _b[color]) || theme.colors['primary'];
-    // Render circular variant (spinner)
-    if (variant === 'circular') {
-        return (jsx("div", { ref: ref, className: cn(theme.baseStyle, className), role: "status", "aria-label": "loading", ...props, children: jsx("div", { className: cn(theme.circularStyle, theme.animation, sizeStyles === null || sizeStyles === void 0 ? void 0 : sizeStyles.circular, colorStyles === null || colorStyles === void 0 ? void 0 : colorStyles.circular) }) }));
-    }
-    // Render linear variant (progress bar)
-    return (jsxs("div", { ref: ref, className: cn(theme.linearContainerStyle, className), role: "progressbar", "aria-valuemin": 0, "aria-valuemax": max, "aria-valuenow": isIndeterminate ? undefined : value, "aria-label": isIndeterminate ? "loading" : `${percentage}% complete`, ...props, children: [jsx("div", { className: cn(theme.linearTrackStyle, sizeStyles === null || sizeStyles === void 0 ? void 0 : sizeStyles.linear), children: isIndeterminate ? (
-                // Indeterminate loading animation
-                jsx("div", { className: cn(theme.linearBarStyle, colorStyles === null || colorStyles === void 0 ? void 0 : colorStyles.linear, "w-1/3 animate-[shimmer_2s_ease-in-out_infinite]"), style: {
-                        backgroundImage: `linear-gradient(90deg, transparent, currentColor, transparent)`,
-                    } })) : (
-                // Determinate progress bar
-                jsx("div", { className: cn(theme.linearBarStyle, colorStyles === null || colorStyles === void 0 ? void 0 : colorStyles.linear), style: { width: `${percentage}%` } })) }), showLabel && !isIndeterminate && (jsx("span", { className: theme.linearLabelStyle, children: label || `${percentage}%` }))] }));
-});
-Loader.displayName = 'Loader';
-
-export { Loader };

package/dist/components/core/Loader/Loader.theme.d.ts

@@ -1,27 +0,0 @@
-import { LoaderSize, LoaderColor } from "./Loader.types";
-/**
- * Internal theme structure for the Loader component
- */
-interface LoaderTheme {
-    baseStyle: string;
-    circularStyle: string;
-    linearContainerStyle: string;
-    linearTrackStyle: string;
-    linearBarStyle: string;
-    linearLabelStyle: string;
-    sizes: Record<LoaderSize, {
-        circular: string;
-        linear: string;
-    }>;
-    colors: Record<LoaderColor, {
-        circular: string;
-        linear: string;
-    }>;
-    animation: string;
-}
-/**
- * Default theme for the Loader component
- * Uses production-ready CSS variables from global.scss
- */
-export declare const loaderTheme: LoaderTheme;
-export {};

package/dist/components/core/Loader/Loader.theme.js

@@ -1,60 +0,0 @@
-/**
- * Default theme for the Loader component
- * Uses production-ready CSS variables from global.scss
- */
-const loaderTheme = {
-    // Base styles for the loader container
-    baseStyle: "inline-flex items-center justify-center",
-    // Circular variant (spinner) styles
-    circularStyle: "rounded-full",
-    // Linear variant container
-    linearContainerStyle: "w-full flex items-center gap-3",
-    // Linear track (background)
-    linearTrackStyle: "flex-1 h-2 rounded-full bg-[var(--color-background-tertiary)] overflow-hidden",
-    // Linear bar (foreground)
-    linearBarStyle: "h-full rounded-full transition-all duration-300 ease-out",
-    // Label text for linear variant
-    linearLabelStyle: "text-sm font-medium text-[var(--color-text-secondary)] min-w-[3ch] tabular-nums",
-    // Size variants for both circular and linear
-    sizes: {
-        sm: {
-            circular: "size-4 border-2",
-            linear: "h-1.5",
-        },
-        md: {
-            circular: "size-5 border-[3px]",
-            linear: "h-2",
-        },
-        lg: {
-            circular: "size-6 border-[3px]",
-            linear: "h-3",
-        },
-    },
-    // Color variants using correct CSS variables
-    colors: {
-        primary: {
-            circular: "border-[var(--color-primary)] border-t-transparent",
-            linear: "bg-[var(--color-primary)]",
-        },
-        success: {
-            circular: "border-[var(--color-success)] border-t-transparent",
-            linear: "bg-[var(--color-success)]",
-        },
-        warning: {
-            circular: "border-[var(--color-warning)] border-t-transparent",
-            linear: "bg-[var(--color-warning)]",
-        },
-        danger: {
-            circular: "border-[var(--color-danger)] border-t-transparent",
-            linear: "bg-[var(--color-danger)]",
-        },
-        muted: {
-            circular: "border-[var(--color-text-muted)] border-t-transparent",
-            linear: "bg-[var(--color-text-muted)]",
-        },
-    },
-    // Animation class for circular spinner
-    animation: "animate-[spin_1s_linear_infinite]",
-};
-
-export { loaderTheme };

package/dist/components/core/Loader/Loader.types.d.ts

@@ -1,71 +0,0 @@
-/**
- * Loader component props
- * Supports both circular (spinner) and linear (progress bar) variants
- */
-export interface LoaderProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * The variant of the loader
-     * @default "circular"
-     */
-    variant?: LoaderVariant;
-    /**
-     * The size of the loader
-     * @default "md"
-     */
-    size?: LoaderSize;
-    /**
-     * The color of the loader
-     * @default "primary"
-     */
-    color?: LoaderColor;
-    /**
-     * Current progress value (0-100)
-     * Only applies to linear variant
-     * If not provided, shows indeterminate loading animation
-     */
-    value?: number;
-    /**
-     * Maximum value for progress
-     * @default 100
-     */
-    max?: number;
-    /**
-     * Show percentage label
-     * Only applies to linear variant with value prop
-     * @default false
-     */
-    showLabel?: boolean;
-    /**
-     * Custom label text (overrides percentage)
-     * Only applies to linear variant
-     */
-    label?: string;
-    /**
-     * Custom CSS class to apply to the loader
-     */
-    className?: string;
-    /**
-     * Theme overrides for the loader
-     */
-    theme?: LoaderThemeOverrides;
-}
-export type LoaderVariant = "circular" | "linear";
-export type LoaderSize = "sm" | "md" | "lg";
-export type LoaderColor = "primary" | "success" | "warning" | "danger" | "muted";
-export interface LoaderThemeOverrides {
-    baseStyle?: string;
-    circularStyle?: string;
-    linearContainerStyle?: string;
-    linearTrackStyle?: string;
-    linearBarStyle?: string;
-    linearLabelStyle?: string;
-    sizes?: Partial<Record<LoaderSize, {
-        circular: string;
-        linear: string;
-    }>>;
-    colors?: Partial<Record<LoaderColor, {
-        circular: string;
-        linear: string;
-    }>>;
-    animation?: string;
-}

package/dist/components/core/Loader/index.d.ts

@@ -1,2 +0,0 @@
-export { Loader } from './Loader';
-export type { LoaderProps, LoaderVariant, LoaderSize, LoaderColor } from './Loader.types';

package/dist/components/core/Message/MessageContent.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-export interface MessageContentProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * The message content
-     */
-    children: React.ReactNode;
-}
-export declare const MessageContent: React.ForwardRefExoticComponent<MessageContentProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/core/Pill/Pill.animations.d.ts

@@ -1,32 +0,0 @@
-import { Variants } from 'motion/react';
-/**
- * Animation variants for Pill component
- *
- * Reuses Badge's proven animation patterns with spring physics
- * for natural, responsive interactions.
- */
-/**
- * Main pill animation variants
- * Uses spring physics for smooth, natural motion
- */
-export declare const pillVariants: Variants;
-/**
- * Tap/click animation variant
- * Subtle scale down on press for tactile feedback
- */
-export declare const pillTapVariant: {
-    scale: number;
-    transition: {
-        duration: number;
-        type: "spring";
-        stiffness: number;
-        damping: number;
-    };
-};
-/**
- * Utility to check if animations should be enabled
- * Respects user's reduced-motion preference and Storybook environment
- *
- * @returns {boolean} True if animations should be enabled
- */
-export declare const getShouldAnimate: () => boolean;

package/dist/components/core/Pill/Pill.animations.js

@@ -1,25 +0,0 @@
-/**
- * Animation variants for Pill component
- *
- * Reuses Badge's proven animation patterns with spring physics
- * for natural, responsive interactions.
- */
-/**
- * Main pill animation variants
- * Uses spring physics for smooth, natural motion
- */
-/**
- * Tap/click animation variant
- * Subtle scale down on press for tactile feedback
- */
-const pillTapVariant = {
-    scale: 0.98,
-    transition: {
-        duration: 0.1,
-        type: 'spring',
-        stiffness: 400,
-        damping: 10,
-    },
-};
-
-export { pillTapVariant };

package/dist/components/core/Popover/Popover.animations.js

@@ -1,13 +0,0 @@
-/**
- * Animation variants for Popover component
- */
-const popoverContentVariants = {
-    hidden: { opacity: 0, scale: 0.95 },
-    visible: { opacity: 1, scale: 1 },
-    exit: { opacity: 0, scale: 0.95 }
-};
-const popoverTransitions = {
-    content: { duration: 0.2 },
-};
-
-export { popoverContentVariants, popoverTransitions };

package/dist/components/core/Popover/PopoverContent.d.ts

@@ -1,7 +0,0 @@
-import React from "react";
-import { PopoverContentProps } from "./Popover.types";
-/**
- * PopoverContent component displays the content of the popover
- */
-declare const PopoverContent: React.ForwardRefExoticComponent<PopoverContentProps & React.RefAttributes<HTMLDivElement>>;
-export { PopoverContent };