flikkui 0.2.0-beta.2 → 0.2.0-beta.4

package/dist/components/ai/PresenceProvider/adapters/index.d.ts

@@ -1,11 +0,0 @@
-/**
- * Presence Adapters
- *
- * Backend implementations for real-time presence tracking.
- *
- * @module collaboration/adapters
- */
-export type { PresenceAdapter, PresenceAdapterConfig, } from './PresenceAdapter';
-export { MockPresenceAdapter } from './MockAdapter';
-export { WebSocketPresenceAdapter, type WebSocketAdapterOptions, } from './WebSocketAdapter';
-export { SupabasePresenceAdapter } from './SupabaseAdapter';

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

@@ -1,10 +0,0 @@
-/**
- * PresenceProvider - Real-time collaboration provider
- *
- * @module collaboration/PresenceProvider
- */
-export { PresenceProvider } from './PresenceProvider';
-export { PresenceContext, usePresenceContext } from './PresenceContext';
-export type { PresenceUser, TypingUser, ConnectionStatus, PresenceEvent, PresenceContextValue, PresenceProviderProps, PresenceProviderTheme, } from './PresenceProvider.types';
-export type { PresenceAdapter, PresenceAdapterConfig, } from './adapters/PresenceAdapter';
-export { MockPresenceAdapter } from './adapters/MockAdapter';

package/dist/components/ai/PromptSuggestions/PromptSuggestions.d.ts

@@ -1,27 +0,0 @@
-import React from "react";
-import { PromptSuggestionsProps } from "./PromptSuggestions.types";
-/**
- * PromptSuggestions - Smart prompt starter chips
- *
- * Displays a list of clickable Pill components that users can select
- * to quickly populate the prompt input.
- *
- * @example
- * ```tsx
- * <PromptSuggestions
- *   suggestions={["Summarize this document", "Write a poem"]}
- *   onSelect={(text) => setPrompt(text)}
- * />
- *
- * <PromptSuggestions
- *   suggestions={[
- *     { text: "Help me write", icon: <PencilIcon className="size-4" /> },
- *     { text: "Explain this code", icon: <CodeIcon className="size-4" /> },
- *   ]}
- *   onSelect={handleSelect}
- *   layout="grid"
- *   color="primary"
- * />
- * ```
- */
-export declare const PromptSuggestions: React.ForwardRefExoticComponent<PromptSuggestionsProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ai/PromptSuggestions/PromptSuggestions.js

@@ -1,61 +0,0 @@
-import React__default, { useMemo, useCallback } from 'react';
-import { Pill } from '../../core/Pill/Pill.js';
-import { cn } from '../../../utils/cn.js';
-
-/**
- * Layout styles for suggestion container
- */
-const layoutStyles = {
-    horizontal: "flex flex-wrap gap-2",
-    vertical: "flex flex-col gap-2",
-    grid: "grid grid-cols-2 gap-2",
-};
-/**
- * PromptSuggestions - Smart prompt starter chips
- *
- * Displays a list of clickable Pill components that users can select
- * to quickly populate the prompt input.
- *
- * @example
- * ```tsx
- * <PromptSuggestions
- *   suggestions={["Summarize this document", "Write a poem"]}
- *   onSelect={(text) => setPrompt(text)}
- * />
- *
- * <PromptSuggestions
- *   suggestions={[
- *     { text: "Help me write", icon: <PencilIcon className="size-4" /> },
- *     { text: "Explain this code", icon: <CodeIcon className="size-4" /> },
- *   ]}
- *   onSelect={handleSelect}
- *   layout="grid"
- *   color="primary"
- * />
- * ```
- */
-const PromptSuggestions = React__default.forwardRef(({ suggestions, onSelect, variant = "outline", color = "neutral", layout = "horizontal", maxVisible, disabled = false, className, pillClassName, ...props }, ref) => {
-    // Normalize suggestions to objects
-    const normalizedSuggestions = useMemo(() => {
-        const mapped = suggestions.map((s, index) => {
-            if (typeof s === "string") {
-                return { key: `suggestion-${index}`, text: s };
-            }
-            return { key: s.key || `suggestion-${index}`, ...s };
-        });
-        return maxVisible ? mapped.slice(0, maxVisible) : mapped;
-    }, [suggestions, maxVisible]);
-    // Handle suggestion click
-    const handleClick = useCallback((suggestion) => {
-        if (disabled)
-            return;
-        onSelect === null || onSelect === void 0 ? void 0 : onSelect(suggestion.text);
-    }, [disabled, onSelect]);
-    if (normalizedSuggestions.length === 0) {
-        return null;
-    }
-    return (React__default.createElement("div", { ref: ref, className: cn(layoutStyles[layout], className), role: "group", "aria-label": "Prompt suggestions", ...props }, normalizedSuggestions.map((suggestion) => (React__default.createElement(Pill, { key: suggestion.key, variant: variant, color: color, size: "md", iconStart: suggestion.icon, onClick: () => handleClick(suggestion), readOnly: disabled, className: cn(`py-2 px-3.5 font-normal gap-2`, `${disabled ? "cursor-not-allowed opacity-70" : ""}`, pillClassName), "aria-label": `Use suggestion: ${suggestion.text}` }, suggestion.text)))));
-});
-PromptSuggestions.displayName = "PromptSuggestions";
-
-export { PromptSuggestions };

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

@@ -1,65 +0,0 @@
-import { ReactNode } from "react";
-import { PillVariant, PillColor } from "../../core/Pill/Pill.types";
-/**
- * Suggestion item
- */
-export interface PromptSuggestion {
-    /**
-     * Unique key for the suggestion
-     */
-    key?: string;
-    /**
-     * Display text for the suggestion
-     */
-    text: string;
-    /**
-     * Optional icon
-     */
-    icon?: ReactNode;
-}
-/**
- * PromptSuggestions component props
- */
-export interface PromptSuggestionsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect"> {
-    /**
-     * Array of suggestions to display
-     */
-    suggestions: (string | PromptSuggestion)[];
-    /**
-     * Callback when a suggestion is clicked
-     */
-    onSelect?: (suggestion: string) => void;
-    /**
-     * Pill variant
-     * @default "outline"
-     */
-    variant?: PillVariant;
-    /**
-     * Pill color
-     * @default "neutral"
-     */
-    color?: PillColor;
-    /**
-     * Layout variant
-     * @default "horizontal"
-     */
-    layout?: "horizontal" | "vertical" | "grid";
-    /**
-     * Maximum number of suggestions to show
-     */
-    maxVisible?: number;
-    /**
-     * Whether suggestions are disabled
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Additional className for container
-     */
-    className?: string;
-    /**
-     * Additional className applied to each Pill
-     */
-    pillClassName?: string;
-}
-export type { PillVariant, PillColor };

package/dist/components/ai/VersionSlider/VersionSlider.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import { VersionSliderProps } from "./VersionSlider.types";
-export declare const VersionSlider: React.FC<VersionSliderProps>;

package/dist/components/ai/VersionSlider/VersionSlider.js

@@ -1,97 +0,0 @@
-import React__default, { useCallback, useMemo } from 'react';
-import { ChevronLeftIcon, ChevronRightIcon } from '@heroicons/react/24/outline';
-import { cn } from '../../../utils/cn.js';
-import { versionSliderTheme } from './VersionSlider.theme.js';
-
-/**
- * Format a timestamp for display
- */
-const formatTimestamp = (date) => {
-    const now = new Date();
-    const diff = now.getTime() - date.getTime();
-    const minutes = Math.floor(diff / 60000);
-    const hours = Math.floor(diff / 3600000);
-    const days = Math.floor(diff / 86400000);
-    if (minutes < 1)
-        return "Just now";
-    if (minutes < 60)
-        return `${minutes}m ago`;
-    if (hours < 24)
-        return `${hours}h ago`;
-    if (days < 7)
-        return `${days}d ago`;
-    return date.toLocaleDateString("en-US", {
-        month: "short",
-        day: "numeric",
-    });
-};
-const VersionSlider = ({ versions, currentIndex, onChange, showLabels = false, showTimestamps = true, size = "md", className, ...props }) => {
-    var _a, _b;
-    const theme = versionSliderTheme;
-    const sizeStyles = ((_a = theme.sizes) === null || _a === void 0 ? void 0 : _a[size]) || ((_b = theme.sizes) === null || _b === void 0 ? void 0 : _b.md);
-    // Navigation handlers
-    const handlePrevious = useCallback(() => {
-        if (currentIndex > 0) {
-            onChange(currentIndex - 1);
-        }
-    }, [currentIndex, onChange]);
-    const handleNext = useCallback(() => {
-        if (currentIndex < versions.length - 1) {
-            onChange(currentIndex + 1);
-        }
-    }, [currentIndex, versions.length, onChange]);
-    // Keyboard navigation
-    const handleKeyDown = useCallback((e) => {
-        switch (e.key) {
-            case "ArrowLeft":
-            case "ArrowUp":
-                e.preventDefault();
-                handlePrevious();
-                break;
-            case "ArrowRight":
-            case "ArrowDown":
-                e.preventDefault();
-                handleNext();
-                break;
-            case "Home":
-                e.preventDefault();
-                onChange(0);
-                break;
-            case "End":
-                e.preventDefault();
-                onChange(versions.length - 1);
-                break;
-        }
-    }, [handlePrevious, handleNext, onChange, versions.length]);
-    // Progress bar width calculation
-    const progressWidth = useMemo(() => {
-        if (versions.length <= 1)
-            return 0;
-        return (currentIndex / (versions.length - 1)) * 100;
-    }, [currentIndex, versions.length]);
-    if (versions.length === 0) {
-        return null;
-    }
-    return (React__default.createElement("div", { className: cn(theme.containerStyle, className), onKeyDown: handleKeyDown, role: "slider", "aria-label": "Version history", "aria-valuenow": currentIndex + 1, "aria-valuemin": 1, "aria-valuemax": versions.length, tabIndex: 0, ...props },
-        React__default.createElement("button", { type: "button", onClick: handlePrevious, disabled: currentIndex === 0, className: cn(theme.buttonStyle, sizeStyles === null || sizeStyles === void 0 ? void 0 : sizeStyles.button), "aria-label": "Previous version" },
-            React__default.createElement(ChevronLeftIcon, { className: "size-4" })),
-        React__default.createElement("div", { className: theme.trackStyle },
-            React__default.createElement("div", { className: "absolute top-1/2 -translate-y-1/2 left-0 right-0 h-0.5 bg-[var(--color-border)] rounded-full", "aria-hidden": "true" }),
-            React__default.createElement("div", { className: theme.progressStyle, style: { width: `${progressWidth}%` }, "aria-hidden": "true" }),
-            React__default.createElement("div", { className: "relative flex items-center justify-between w-full" }, versions.map((version, index) => {
-                const isActive = index === currentIndex;
-                const isCompleted = index < currentIndex;
-                return (React__default.createElement("button", { key: version.id, type: "button", onClick: () => onChange(index), className: cn("group relative", theme.dotStyle, sizeStyles === null || sizeStyles === void 0 ? void 0 : sizeStyles.dot, isActive && theme.dotActiveStyle, isCompleted && !isActive && theme.dotCompletedStyle), "aria-label": `Version ${version.label || index + 1}${version.description ? `: ${version.description}` : ""}`, "aria-current": isActive ? "step" : undefined },
-                    showTimestamps && version.timestamp && (React__default.createElement("span", { className: theme.timestampStyle }, formatTimestamp(version.timestamp))),
-                    showLabels && version.label && (React__default.createElement("span", { className: theme.labelStyle }, version.label))));
-            }))),
-        React__default.createElement("button", { type: "button", onClick: handleNext, disabled: currentIndex === versions.length - 1, className: cn(theme.buttonStyle, sizeStyles === null || sizeStyles === void 0 ? void 0 : sizeStyles.button), "aria-label": "Next version" },
-            React__default.createElement(ChevronRightIcon, { className: "size-4" })),
-        React__default.createElement("span", { className: "text-sm text-[var(--color-text-muted)] tabular-nums min-w-[4ch] text-right" },
-            currentIndex + 1,
-            "/",
-            versions.length)));
-};
-VersionSlider.displayName = "VersionSlider";
-
-export { VersionSlider };

package/dist/components/ai/VersionSlider/VersionSlider.theme.d.ts

@@ -1,2 +0,0 @@
-import { VersionSliderTheme } from "./VersionSlider.types";
-export declare const versionSliderTheme: VersionSliderTheme;

package/dist/components/ai/VersionSlider/VersionSlider.theme.js

@@ -1,18 +0,0 @@
-const versionSliderTheme = {
-    containerStyle: "flex items-center gap-3 select-none",
-    trackStyle: "relative flex items-center gap-2 flex-1",
-    progressStyle: "absolute top-1/2 -translate-y-1/2 h-0.5 bg-[var(--color-primary)] transition-all duration-300 rounded-full",
-    dotStyle: "relative flex-shrink-0 rounded-full bg-[var(--color-border)] hover:bg-[var(--color-primary-300)] transition-colors cursor-pointer ring-2 ring-transparent hover:ring-[var(--color-primary-100)]",
-    dotActiveStyle: "bg-[var(--color-primary)] ring-[var(--color-primary-200)] shadow-md",
-    dotCompletedStyle: "bg-[var(--color-primary-400)]",
-    buttonStyle: "flex-shrink-0 p-1.5 rounded-md bg-[var(--color-background-secondary)] hover:bg-[var(--color-background-tertiary)] text-[var(--color-text-secondary)] hover:text-[var(--color-text-primary)] transition-colors disabled:opacity-40 disabled:cursor-not-allowed focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-primary)]",
-    labelStyle: "absolute -bottom-5 left-1/2 -translate-x-1/2 text-xs text-[var(--color-text-muted)] whitespace-nowrap",
-    timestampStyle: "absolute -top-8 left-1/2 -translate-x-1/2 px-2 py-1 rounded bg-[var(--color-text-primary)] text-white text-xs whitespace-nowrap opacity-0 group-hover:opacity-100 transition-opacity pointer-events-none",
-    sizes: {
-        sm: { dot: "size-2", button: "size-6" },
-        md: { dot: "size-3", button: "size-8" },
-        lg: { dot: "size-4", button: "size-10" },
-    },
-};
-
-export { versionSliderTheme };

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

@@ -1,77 +0,0 @@
-import React from "react";
-export interface Version {
-    /**
-     * Unique identifier for the version
-     */
-    id: string;
-    /**
-     * Display label for the version (e.g., "v1", "Draft 2")
-     */
-    label?: string;
-    /**
-     * Timestamp when this version was created
-     */
-    timestamp?: Date;
-    /**
-     * Optional description of changes
-     */
-    description?: string;
-}
-export interface VersionSliderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
-    /**
-     * Array of versions to display
-     */
-    versions: Version[];
-    /**
-     * Current active version index
-     */
-    currentIndex: number;
-    /**
-     * Callback when version changes
-     */
-    onChange: (index: number) => void;
-    /**
-     * Show version labels below dots
-     * @default false
-     */
-    showLabels?: boolean;
-    /**
-     * Show timestamps on hover
-     * @default true
-     */
-    showTimestamps?: boolean;
-    /**
-     * Additional className
-     */
-    className?: string;
-    /**
-     * Size variant
-     * @default "md"
-     */
-    size?: "sm" | "md" | "lg";
-}
-export interface VersionSliderTheme {
-    containerStyle?: string;
-    trackStyle?: string;
-    progressStyle?: string;
-    dotStyle?: string;
-    dotActiveStyle?: string;
-    dotCompletedStyle?: string;
-    buttonStyle?: string;
-    labelStyle?: string;
-    timestampStyle?: string;
-    sizes?: {
-        sm: {
-            dot: string;
-            button: string;
-        };
-        md: {
-            dot: string;
-            button: string;
-        };
-        lg: {
-            dot: string;
-            button: string;
-        };
-    };
-}

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

@@ -1,3 +0,0 @@
-export { VersionSlider } from "./VersionSlider";
-export type { VersionSliderProps, VersionSliderTheme, Version, } from "./VersionSlider.types";
-export { versionSliderTheme } from "./VersionSlider.theme";

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/Pill/Pill.js

@@ -1,145 +0,0 @@
-import React__default, { useState, useEffect, useCallback } from 'react';
-import { useReducedMotion, motion } from 'motion/react';
-import { CheckIcon } from '@heroicons/react/16/solid';
-import { pillTheme } from './Pill.theme.js';
-import { pillTapVariant } from './Pill.animations.js';
-import { cn } from '../../../utils/cn.js';
-
-/**
- * Pill component - Simplified selectable chip for filters and tags
- *
- * A focused alternative to Badge without icons, avatars, or dismissible functionality.
- * Perfect for filter chips, tag selection, and simple category pills.
- *
- * @example Basic usage
- * ```tsx
- * <Pill variant="primary">Design</Pill>
- * ```
- *
- * @example Selectable filter
- * ```tsx
- * const [selected, setSelected] = useState(false);
- * <Pill
- *   variant="primary"
- *   selected={selected}
- *   onSelect={setSelected}
- * >
- *   Frontend
- * </Pill>
- * ```
- *
- * @example Multi-select filters
- * ```tsx
- * const [filters, setFilters] = useState(['design']);
- * <Pill
- *   variant="primary"
- *   selected={filters.includes('design')}
- *   onSelect={(selected) => {
- *     setFilters(selected
- *       ? [...filters, 'design']
- *       : filters.filter(f => f !== 'design')
- *     );
- *   }}
- * >
- *   Design
- * </Pill>
- * ```
- */
-const Pill = React__default.forwardRef(({ children, variant = 'filled', color = 'primary', size = 'md', iconStart, selected = false, onSelect, readOnly = false, className, theme = {}, onClick, ...props }, ref) => {
-    // ========== State Management ==========
-    var _a, _b, _c, _d;
-    // Internal selected state (synced with controlled prop)
-    const [isSelected, setIsSelected] = useState(selected);
-    // Sync internal state with controlled prop
-    useEffect(() => {
-        setIsSelected(selected);
-    }, [selected]);
-    // Check for reduced motion preference
-    const shouldReduceMotion = useReducedMotion();
-    // ========== Derived State ==========
-    const isSelectable = Boolean(onSelect);
-    const isClickable = Boolean(onClick);
-    const isInteractive = (isSelectable || isClickable) && !readOnly;
-    // ========== Development Warnings ==========
-    useEffect(() => {
-        if (process.env.NODE_ENV !== 'production') {
-            if (selected !== undefined && !onSelect) {
-                // eslint-disable-next-line no-console
-                console.warn('[Pill] Component has "selected" prop but missing "onSelect" handler. The pill will not be interactive.');
-            }
-        }
-    }, [selected, onSelect]);
-    // ========== Event Handlers ==========
-    /**
-     * Handle pill click - toggles selection if selectable
-     */
-    const handleClick = useCallback((e) => {
-        // Don't do anything if read-only
-        if (readOnly) {
-            e.preventDefault();
-            return;
-        }
-        // Toggle selection if selectable
-        if (onSelect) {
-            const newSelected = !isSelected;
-            setIsSelected(newSelected);
-            onSelect(newSelected);
-        }
-        // Call user's onClick handler if provided
-        onClick === null || onClick === void 0 ? void 0 : onClick(e);
-    }, [readOnly, onSelect, isSelected, onClick]);
-    /**
-     * Handle keyboard interactions (Enter/Space to toggle)
-     */
-    const handleKeyDown = useCallback((e) => {
-        if (readOnly || !isSelectable)
-            return;
-        // Toggle on Enter or Space
-        if (e.key === 'Enter' || e.key === ' ') {
-            e.preventDefault();
-            const newSelected = !isSelected;
-            setIsSelected(newSelected);
-            onSelect === null || onSelect === void 0 ? void 0 : onSelect(newSelected);
-        }
-    }, [readOnly, isSelectable, isSelected, onSelect]);
-    // ========== Theme Merging ==========
-    const mergedTheme = {
-        baseStyle: theme.baseStyle || pillTheme.baseStyle,
-        variantStyle: ((_a = theme.variants) === null || _a === void 0 ? void 0 : _a[variant]) || pillTheme.variants[variant],
-        colorStyle: ((_b = theme.colors) === null || _b === void 0 ? void 0 : _b[color]) || pillTheme.colors[color],
-        sizeStyle: ((_c = theme.sizes) === null || _c === void 0 ? void 0 : _c[size]) || pillTheme.sizes[size],
-        iconSizeStyle: ((_d = theme.iconSizes) === null || _d === void 0 ? void 0 : _d[size]) || pillTheme.iconSizes[size],
-    };
-    // ========== Icon Rendering ==========
-    /**
-     * Renders the start icon or check icon based on selection state
-     * - When selected: Shows CheckIcon (replaces iconStart)
-     * - When not selected: Shows iconStart if provided
-     * - Otherwise: null
-     */
-    const renderStartIcon = useCallback(() => {
-        // Selected state: show check icon
-        if (isSelected && isSelectable) {
-            return (React__default.createElement(CheckIcon, { className: cn('flex-shrink-0 -ml-0.5', mergedTheme.iconSizeStyle), "aria-hidden": "true" }));
-        }
-        // Unselected state: show iconStart if provided
-        if (iconStart) {
-            return (React__default.createElement("span", { className: cn('flex-shrink-0', mergedTheme.iconSizeStyle), "aria-hidden": "true" }, iconStart));
-        }
-        return null;
-    }, [isSelected, isSelectable, iconStart, mergedTheme.iconSizeStyle]);
-    // ========== Render ==========
-    return (React__default.createElement(motion.span, { ref: ref, className: cn(mergedTheme.baseStyle, mergedTheme.variantStyle, mergedTheme.colorStyle, mergedTheme.sizeStyle, 
-        // Conditional cursor styling - only show pointer for interactive pills
-        isInteractive ? 'cursor-pointer' : 'cursor-default', className // User overrides (highest priority)
-        ), onClick: handleClick, onKeyDown: handleKeyDown, "data-variant": variant, "data-color": color, "data-size": size, "data-selected": isSelected ? 'true' : 'false', "data-readonly": !isInteractive ? 'true' : 'false', "data-selectable": isSelectable ? 'true' : 'false', 
-        // Accessibility attributes
-        role: isSelectable && !readOnly ? 'button' : undefined, tabIndex: isInteractive ? 0 : undefined, "aria-pressed": isSelectable && !readOnly ? isSelected : undefined, "aria-readonly": readOnly || undefined, 
-        // Animation
-        whileTap: isInteractive && !shouldReduceMotion ? pillTapVariant : undefined, ...props },
-        renderStartIcon(),
-        children));
-});
-Pill.displayName = 'Pill';
-
-export { Pill };

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

@@ -1,65 +0,0 @@
-/**
- * Default theme for Pill component
- *
- * Separates visual variants from semantic colors following new convention.
- * All styles can be overridden via className prop (shadcn approach).
- */
-const pillTheme = {
-    /**
-     * Base pill container style
-     * - Always rounded-full (pill shape)
-     * - Flexbox for centering content
-     * - Smooth transitions for interactions
-     * - Non-selectable text
-     * - Cursor styling is conditionally applied in component based on interactivity
-     */
-    baseStyle: "inline-flex items-center justify-center font-medium rounded-full select-none whitespace-nowrap  transition-all duration-300 focus:outline-none focus-visible:ring focus-visible:ring-[var(--color-primary)] focus-visible:ring-offset-2",
-    /**
-     * Visual style variants (appearance treatment)
-     */
-    variants: {
-        filled: "ring-1",
-        outline: "bg-transparent ring-2",
-        soft: "ring-1 ring-transparent",
-    },
-    /**
-     * Semantic colors with selection states
-     * Uses data-attributes for state styling:
-     * - data-[selected=true]: Lighter fill background with check icon
-     * - data-[readonly=false]:hover: Hover state (only applies when not read-only)
-     */
-    colors: {
-        neutral: "bg-[var(--color-background)] text-[var(--color-text-primary)] ring-[var(--color-border)] data-[readonly=false]:hover:bg-neutral-100 data-[selected=true]:bg-neutral-100 data-[selected=true]:ring-[var(--color-border)]",
-        primary: "bg-[var(--color-primary-50)] text-[var(--color-primary)] ring-[var(--color-primary)]/30 data-[readonly=false]:hover:bg-[var(--color-primary-100)] data-[selected=true]:bg-[var(--color-primary-300)] data-[selected=true]:ring-[var(--color-primary)]/30",
-        success: "bg-[var(--color-success-50)] text-[var(--color-success-700)] ring-[var(--color-success)]/20 data-[readonly=false]:hover:bg-[var(--color-success-100)] data-[selected=true]:bg-[var(--color-success-200)] data-[selected=true]:ring-[var(--color-success)]/30",
-        warning: "bg-[var(--color-warning-50)] text-[var(--color-warning-700)] ring-[var(--color-warning)]/20 data-[readonly=false]:hover:bg-[var(--color-warning-100)] data-[selected=true]:bg-[var(--color-warning-200)] data-[selected=true]:ring-[var(--color-warning)]/30",
-        danger: "bg-[var(--color-danger-50)] text-[var(--color-danger-700)] ring-[var(--color-danger)]/20 data-[readonly=false]:hover:bg-[var(--color-danger-100)] data-[selected=true]:bg-[var(--color-danger-200)] data-[selected=true]:ring-[var(--color-danger)]/30",
-    },
-    /**
-     * Size variants
-     * Defines padding, text size, and spacing for different pill sizes
-     * Matches Badge pill variant sizing for consistency
-     */
-    sizes: {
-        /** Small pill - matches Badge sm with pill=true */
-        sm: "text-xs px-2 py-0.5 gap-0.5",
-        /** Medium pill (default) - matches Badge md with pill=true */
-        md: "text-sm px-2.5 py-0.5 gap-1",
-        /** Large pill - matches Badge lg with pill=true */
-        lg: "text-sm px-3 py-1 gap-1.5",
-    },
-    /**
-     * Icon sizes for iconStart and CheckIcon
-     * Matches Badge icon sizing pattern
-     */
-    iconSizes: {
-        /** Small icon size */
-        sm: "size-3",
-        /** Medium icon size (default) */
-        md: "size-3.5",
-        /** Large icon size */
-        lg: "size-4",
-    },
-};
-
-export { pillTheme };

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

@@ -1,35 +0,0 @@
-/**
- * RetryBoundary Component
- * Error boundary with exponential backoff retry
- */
-import React, { Component } from "react";
-import type { RetryBoundaryProps } from "./RetryBoundary.types";
-/**
- * Error boundary state
- */
-interface RetryBoundaryState {
-    error: Error | null;
-    attempt: number;
-    retryDelay: number;
-}
-/**
- * RetryBoundary - Error boundary with exponential backoff retry
- *
- * @example
- * <RetryBoundary
- *   retry={{ maxAttempts: 3, initialDelay: 1000 }}
- *   onMaxRetriesReached={(error) => logError(error)}
- * >
- *   <AsyncComponent />
- * </RetryBoundary>
- */
-export declare class RetryBoundary extends Component<RetryBoundaryProps, RetryBoundaryState> {
-    private retryConfig;
-    constructor(props: RetryBoundaryProps);
-    static getDerivedStateFromError(error: Error): Partial<RetryBoundaryState>;
-    componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
-    handleRetry: () => void;
-    handleReset: () => void;
-    render(): React.ReactNode;
-}
-export {};