@true-tech-team/react-components 0.0.3 → 0.0.5

package/lib/components/display/Carousel/Carousel.d.ts

@@ -0,0 +1,125 @@
+import { default as React, ReactNode } from 'react';
+import { BaseComponentProps } from '../../../types/component.types';
+import { IconName } from '../Icon';
+/**
+ * Props for the Carousel component
+ */
+export interface CarouselProps extends Omit<BaseComponentProps, 'children'> {
+    /**
+     * Slides to display
+     */
+    children: ReactNode;
+    /**
+     * Whether to auto-play the carousel
+     * @default false
+     */
+    autoPlay?: boolean;
+    /**
+     * Auto-play interval in milliseconds
+     * @default 5000
+     */
+    autoPlayInterval?: number;
+    /**
+     * Whether to pause auto-play on hover
+     * @default true
+     */
+    pauseOnHover?: boolean;
+    /**
+     * Whether to show navigation dots
+     * @default true
+     */
+    showDots?: boolean;
+    /**
+     * Whether to show navigation arrows
+     * @default true
+     */
+    showArrows?: boolean;
+    /**
+     * Whether to loop infinitely
+     * @default true
+     */
+    infinite?: boolean;
+    /**
+     * Number of slides to show at once
+     * @default 1
+     */
+    slidesToShow?: number;
+    /**
+     * Number of slides to scroll at once
+     * @default 1
+     */
+    slidesToScroll?: number;
+    /**
+     * Gap between slides
+     * @default '16px'
+     */
+    gap?: string;
+    /**
+     * Transition duration in milliseconds
+     * @default 300
+     */
+    transitionDuration?: number;
+    /**
+     * Active slide index (controlled mode)
+     */
+    activeIndex?: number;
+    /**
+     * Default active slide index (uncontrolled mode)
+     * @default 0
+     */
+    defaultIndex?: number;
+    /**
+     * Callback when slide changes
+     */
+    onChange?: (index: number) => void;
+    /**
+     * Icon for previous arrow
+     * @default 'chevron-left'
+     */
+    prevIcon?: ReactNode | IconName;
+    /**
+     * Icon for next arrow
+     * @default 'chevron-right'
+     */
+    nextIcon?: ReactNode | IconName;
+    /**
+     * Whether arrows should be outside the carousel
+     * @default false
+     */
+    arrowsOutside?: boolean;
+    /**
+     * Dot position
+     * @default 'bottom'
+     */
+    dotsPosition?: 'bottom' | 'top';
+}
+/**
+ * Carousel - A sliding carousel component for displaying multiple items
+ *
+ * @example
+ * ```tsx
+ * <Carousel>
+ *   <div>Slide 1</div>
+ *   <div>Slide 2</div>
+ *   <div>Slide 3</div>
+ * </Carousel>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <Carousel autoPlay autoPlayInterval={3000} showDots>
+ *   <img src="image1.jpg" alt="Slide 1" />
+ *   <img src="image2.jpg" alt="Slide 2" />
+ * </Carousel>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Multiple slides visible
+ * <Carousel slidesToShow={3} gap="24px">
+ *   {items.map(item => <Card key={item.id}>{item.content}</Card>)}
+ * </Carousel>
+ * ```
+ */
+export declare const Carousel: React.ForwardRefExoticComponent<CarouselProps & React.RefAttributes<HTMLDivElement>>;
+export default Carousel;

package/lib/components/display/Carousel/index.d.ts

@@ -0,0 +1,3 @@
+export { Carousel } from './Carousel';
+export type { CarouselProps } from './Carousel';
+export { default } from './Carousel';

package/lib/components/display/Collapse/Collapse.d.ts

@@ -0,0 +1,57 @@
+import { ReactNode } from 'react';
+import { BaseComponentProps } from '../../../types';
+export interface CollapseProps extends BaseComponentProps {
+    /**
+     * Whether the content is expanded
+     * @default false
+     */
+    isOpen?: boolean;
+    /**
+     * Content to show/hide
+     */
+    children: ReactNode;
+    /**
+     * Animation duration in milliseconds
+     * @default 250
+     */
+    duration?: number;
+    /**
+     * Easing function for animation
+     * @default 'ease-in-out'
+     */
+    easing?: 'linear' | 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out' | string;
+    /**
+     * Callback when expand animation starts
+     */
+    onExpandStart?: () => void;
+    /**
+     * Callback when expand animation ends
+     */
+    onExpandEnd?: () => void;
+    /**
+     * Callback when collapse animation starts
+     */
+    onCollapseStart?: () => void;
+    /**
+     * Callback when collapse animation ends
+     */
+    onCollapseEnd?: () => void;
+    /**
+     * Whether to unmount children when collapsed
+     * @default false
+     */
+    unmountOnCollapse?: boolean;
+}
+/**
+ * Collapse component
+ * A container that provides smooth expand/collapse animation for its children
+ *
+ * @example
+ * ```tsx
+ * <Collapse isOpen={isExpanded}>
+ *   <div>Content to show/hide</div>
+ * </Collapse>
+ * ```
+ */
+export declare const Collapse: import('react').ForwardRefExoticComponent<CollapseProps & import('react').RefAttributes<HTMLDivElement>>;
+export default Collapse;

package/lib/components/display/Collapse/index.d.ts

@@ -0,0 +1,2 @@
+export { Collapse, default } from './Collapse';
+export type { CollapseProps } from './Collapse';

package/lib/components/display/CountUp/CountUp.d.ts

@@ -0,0 +1,119 @@
+import { default as React } from 'react';
+import { BaseComponentProps, ComponentSize } from '../../../types/component.types';
+/**
+ * Easing functions for animation
+ */
+export type EasingFunction = 'linear' | 'easeOut' | 'easeIn' | 'easeInOut' | 'easeOutCubic' | 'easeInCubic' | 'easeOutExpo';
+/**
+ * Props for the CountUp component
+ */
+export interface CountUpProps extends Omit<BaseComponentProps, 'children'> {
+    /**
+     * Target value to count to
+     */
+    value: number;
+    /**
+     * Starting value
+     * @default 0
+     */
+    start?: number;
+    /**
+     * Animation duration in milliseconds
+     * @default 2000
+     */
+    duration?: number;
+    /**
+     * Easing function for animation
+     * @default 'easeOutCubic'
+     */
+    easing?: EasingFunction;
+    /**
+     * Prefix to display before the number
+     */
+    prefix?: string;
+    /**
+     * Suffix to display after the number
+     */
+    suffix?: string;
+    /**
+     * Number of decimal places
+     * @default 0
+     */
+    decimals?: number;
+    /**
+     * Thousands separator
+     * @default ','
+     */
+    separator?: string;
+    /**
+     * Decimal separator
+     * @default '.'
+     */
+    decimalSeparator?: string;
+    /**
+     * Whether to start animation when element becomes visible
+     * @default true
+     */
+    triggerOnVisible?: boolean;
+    /**
+     * Visibility threshold (0-1) for Intersection Observer
+     * @default 0.1
+     */
+    visibilityThreshold?: number;
+    /**
+     * Callback when animation starts
+     */
+    onStart?: () => void;
+    /**
+     * Callback when animation ends
+     */
+    onEnd?: () => void;
+    /**
+     * Custom format function
+     */
+    formatFn?: (value: number) => string;
+    /**
+     * Size of the component
+     * @default 'md'
+     */
+    size?: ComponentSize;
+    /**
+     * Whether to start animation immediately (if triggerOnVisible is false)
+     * @default true
+     */
+    autoStart?: boolean;
+    /**
+     * Delay before starting animation (ms)
+     * @default 0
+     */
+    delay?: number;
+}
+/**
+ * CountUp - Animated number counting component
+ *
+ * @example
+ * ```tsx
+ * <CountUp value={1000} />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <CountUp
+ *   value={1234.56}
+ *   prefix="$"
+ *   decimals={2}
+ *   duration={3000}
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <CountUp
+ *   value={99}
+ *   suffix="%"
+ *   easing="easeOutExpo"
+ * />
+ * ```
+ */
+export declare const CountUp: React.ForwardRefExoticComponent<CountUpProps & React.RefAttributes<HTMLSpanElement>>;
+export default CountUp;

package/lib/components/display/CountUp/index.d.ts

@@ -0,0 +1,3 @@
+export { CountUp } from './CountUp';
+export type { CountUpProps, EasingFunction } from './CountUp';
+export { default } from './CountUp';

package/lib/components/display/FlipCard/FlipCard.d.ts

@@ -0,0 +1,125 @@
+import { default as React, ReactNode } from 'react';
+import { BaseComponentProps } from '../../../types/component.types';
+/**
+ * Direction of the flip animation
+ */
+export type FlipDirection = 'horizontal' | 'vertical';
+/**
+ * How the flip is triggered
+ */
+export type FlipTrigger = 'click' | 'hover' | 'manual';
+/**
+ * Props for the FlipCard component
+ */
+export interface FlipCardProps extends Omit<BaseComponentProps, 'children'> {
+    /**
+     * Content for the front face of the card
+     */
+    front: ReactNode;
+    /**
+     * Content for the back face of the card
+     */
+    back: ReactNode;
+    /**
+     * Whether the card is flipped (controlled mode)
+     */
+    isFlipped?: boolean;
+    /**
+     * Default flipped state (uncontrolled mode)
+     * @default false
+     */
+    defaultFlipped?: boolean;
+    /**
+     * Callback when flip state changes
+     */
+    onFlipChange?: (isFlipped: boolean) => void;
+    /**
+     * How the flip is triggered
+     * @default 'click'
+     */
+    flipTrigger?: FlipTrigger;
+    /**
+     * Direction of the flip animation
+     * @default 'horizontal'
+     */
+    flipDirection?: FlipDirection;
+    /**
+     * Animation duration in milliseconds
+     * @default 600
+     */
+    duration?: number;
+    /**
+     * CSS easing function
+     * @default 'ease-in-out'
+     */
+    easing?: string;
+    /**
+     * Callback when flip animation starts
+     */
+    onFlipStart?: (toFlipped: boolean) => void;
+    /**
+     * Callback when flip animation ends
+     */
+    onFlipEnd?: (isFlipped: boolean) => void;
+    /**
+     * Whether the card is disabled (no flip interaction)
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Fixed height for the card (required for 3D perspective)
+     */
+    height?: string | number;
+    /**
+     * Fixed width for the card
+     */
+    width?: string | number;
+    /**
+     * Perspective distance for 3D effect
+     * @default 1000
+     */
+    perspective?: number;
+    /**
+     * ARIA label for the flip action (accessibility)
+     * @default 'Flip card'
+     */
+    flipButtonAriaLabel?: string;
+}
+/**
+ * FlipCard - An animated card component that flips to reveal back content
+ *
+ * @example
+ * ```tsx
+ * <FlipCard
+ *   front={<div>Front content</div>}
+ *   back={<div>Back content</div>}
+ *   height={200}
+ *   width={300}
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Controlled mode
+ * const [isFlipped, setIsFlipped] = useState(false);
+ * <FlipCard
+ *   front={<div>Front</div>}
+ *   back={<div>Back</div>}
+ *   isFlipped={isFlipped}
+ *   onFlipChange={setIsFlipped}
+ *   flipTrigger="manual"
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * // Hover to flip
+ * <FlipCard
+ *   front={<div>Hover me</div>}
+ *   back={<div>Back side</div>}
+ *   flipTrigger="hover"
+ * />
+ * ```
+ */
+export declare const FlipCard: React.ForwardRefExoticComponent<FlipCardProps & React.RefAttributes<HTMLDivElement>>;
+export default FlipCard;

package/lib/components/display/FlipCard/index.d.ts

@@ -0,0 +1,3 @@
+export { FlipCard } from './FlipCard';
+export type { FlipCardProps, FlipDirection, FlipTrigger } from './FlipCard';
+export { default } from './FlipCard';

package/lib/components/display/Icon/icons/BookmarkFilled.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const BookmarkFilled: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default BookmarkFilled;

package/lib/components/display/Icon/icons/ChevronsLeft.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const ChevronsLeft: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default ChevronsLeft;

package/lib/components/display/Icon/icons/ChevronsRight.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const ChevronsRight: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default ChevronsRight;

package/lib/components/display/Icon/icons/HeartFilled.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const HeartFilled: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default HeartFilled;

package/lib/components/display/Icon/icons/More.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const More: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default More;

package/lib/components/display/Icon/icons/StarFilled.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const StarFilled: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default StarFilled;

package/lib/components/display/Icon/icons/ThumbsUpFilled.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+declare const ThumbsUpFilled: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default ThumbsUpFilled;

package/lib/components/display/Icon/icons/index.d.ts

@@ -21,6 +21,7 @@ import { default as BellOff } from './BellOff';
 import { default as Bluetooth } from './Bluetooth';
 import { default as Bold } from './Bold';
 import { default as Bookmark } from './Bookmark';
+import { default as BookmarkFilled } from './BookmarkFilled';
 import { default as BookmarkPlus } from './BookmarkPlus';
 import { default as Building } from './Building';
 import { default as Calendar } from './Calendar';
@@ -31,6 +32,8 @@ import { default as Check } from './Check';
 import { default as ChevronDown } from './ChevronDown';
 import { default as ChevronLeft } from './ChevronLeft';
 import { default as ChevronRight } from './ChevronRight';
+import { default as ChevronsLeft } from './ChevronsLeft';
+import { default as ChevronsRight } from './ChevronsRight';
 import { default as ChevronUp } from './ChevronUp';
 import { default as Clock } from './Clock';
 import { default as Close } from './Close';
@@ -73,6 +76,7 @@ import { default as Grid } from './Grid';
 import { default as HardDrive } from './HardDrive';
 import { default as Hash } from './Hash';
 import { default as Heart } from './Heart';
+import { default as HeartFilled } from './HeartFilled';
 import { default as Help } from './Help';
 import { default as Home } from './Home';
 import { default as Hourglass } from './Hourglass';
@@ -103,6 +107,7 @@ import { default as MicOff } from './MicOff';
 import { default as Minimize } from './Minimize';
 import { default as Minus } from './Minus';
 import { default as Monitor } from './Monitor';
+import { default as More } from './More';
 import { default as Music } from './Music';
 import { default as Navigation } from './Navigation';
 import { default as Navigation2 } from './Navigation2';
@@ -148,6 +153,7 @@ import { default as SkipBack } from './SkipBack';
 import { default as SkipForward } from './SkipForward';
 import { default as Smartphone } from './Smartphone';
 import { default as Star } from './Star';
+import { default as StarFilled } from './StarFilled';
 import { default as Stop } from './Stop';
 import { default as Stopwatch } from './Stopwatch';
 import { default as Sunrise } from './Sunrise';
@@ -157,6 +163,7 @@ import { default as Tag } from './Tag';
 import { default as Target } from './Target';
 import { default as Terminal } from './Terminal';
 import { default as ThumbsUp } from './ThumbsUp';
+import { default as ThumbsUpFilled } from './ThumbsUpFilled';
 import { default as TrendingDown } from './TrendingDown';
 import { default as TrendingUp } from './TrendingUp';
 import { default as Type } from './Type';
@@ -208,6 +215,7 @@ export declare const iconRegistry: {
     readonly bluetooth: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     readonly bold: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     readonly bookmark: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'bookmark-filled': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     readonly 'bookmark-plus': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     readonly building: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     readonly calendar: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -218,6 +226,8 @@ export declare const iconRegistry: {
     readonly 'chevron-down': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     readonly 'chevron-left': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     readonly 'chevron-right': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'chevrons-left': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'chevrons-right': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     readonly 'chevron-up': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     readonly clock: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     readonly close: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -260,6 +270,7 @@ export declare const iconRegistry: {
     readonly 'hard-drive': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     readonly hash: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     readonly heart: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'heart-filled': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     readonly help: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     readonly home: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     readonly hourglass: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -290,6 +301,7 @@ export declare const iconRegistry: {
     readonly minimize: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     readonly minus: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     readonly monitor: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly more: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     readonly music: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     readonly navigation: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     readonly 'navigation-2': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -335,6 +347,7 @@ export declare const iconRegistry: {
     readonly 'skip-forward': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     readonly smartphone: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     readonly star: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'star-filled': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     readonly stop: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     readonly stopwatch: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     readonly sunrise: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -344,6 +357,7 @@ export declare const iconRegistry: {
     readonly target: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     readonly terminal: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     readonly 'thumbs-up': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'thumbs-up-filled': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     readonly 'trending-down': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     readonly 'trending-up': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
     readonly type: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
@@ -376,4 +390,4 @@ export type IconName = keyof typeof iconRegistry;
 /**
  * Named exports for direct import
  */
-export { Account, Activity, AlignCenter, AlignJustify, AlignLeft, AlignRight, ArrowDown, ArrowDownLeft, ArrowDownRight, ArrowLeft, ArrowRight, ArrowUp, ArrowUpLeft, ArrowUpRight, AtSign, BarChart2, Battery, BatteryCharging, Bell, BellOff, Bluetooth, Bold, Bookmark, BookmarkPlus, Building, Calendar, Camera, ChartBar, ChartLine, Check, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Clock, Close, Cloud, CloudDownload, CloudOff, CloudUpload, Code, Compass, Copy, CornerDownLeft, CornerDownRight, CornerUpLeft, CornerUpRight, Cpu, CreditCard, Crosshair, Database, Delete, Dollar, Download, Edit, Error, ExternalLink, Eye, EyeOff, File, FileCheck, FileMinus, FilePlus, FileText, Filter, Folder, FolderMinus, FolderOpen, FolderPlus, Gift, Globe, Grid, HardDrive, Hash, Heart, Help, Home, Hourglass, Image, Inbox, Info, Italic, Key, Laptop, Link, Link2, List, ListOrdered, ListUnordered, Lock, Logout, Mail, MailOpen, Map, MapPin, Maximize, Menu, MessageCircle, Messages, MessageSquare, Mic, MicOff, Minimize, Minus, Monitor, Music, Navigation, Navigation2, Outbox, Paperclip, Pause, Percent, PercentCircle, Phone, PhoneCall, PhoneIncoming, PhoneMissed, PhoneOutgoing, PieChart, Play, Plus, Power, Preferences, Printer, Profile, Redo, Refresh, Repeat, RotateCcw, RotateCw, Route, Rss, Save, Search, Send, Server, Settings, Share, Share2, Shield, ShieldAlert, ShieldCheck, ShieldOff, ShoppingBag, ShoppingCart, Shuffle, SkipBack, SkipForward, Smartphone, Star, Stop, Stopwatch, Sunrise, Sunset, Tablet, Tag, Target, Terminal, ThumbsUp, TrendingDown, TrendingUp, Type, Underline, Undo, Unlock, Unlink, Upload, User, UserCheck, UserMinus, UserPlus, Users, UserX, Video, Volume, Volume1, Volume2, VolumeX, Warning, Watch, Wifi, WifiOff, Zap, };
+export { Account, Activity, AlignCenter, AlignJustify, AlignLeft, AlignRight, ArrowDown, ArrowDownLeft, ArrowDownRight, ArrowLeft, ArrowRight, ArrowUp, ArrowUpLeft, ArrowUpRight, AtSign, BarChart2, Battery, BatteryCharging, Bell, BellOff, Bluetooth, Bold, Bookmark, BookmarkFilled, BookmarkPlus, Building, Calendar, Camera, ChartBar, ChartLine, Check, ChevronDown, ChevronLeft, ChevronRight, ChevronsLeft, ChevronsRight, ChevronUp, Clock, Close, Cloud, CloudDownload, CloudOff, CloudUpload, Code, Compass, Copy, CornerDownLeft, CornerDownRight, CornerUpLeft, CornerUpRight, Cpu, CreditCard, Crosshair, Database, Delete, Dollar, Download, Edit, Error, ExternalLink, Eye, EyeOff, File, FileCheck, FileMinus, FilePlus, FileText, Filter, Folder, FolderMinus, FolderOpen, FolderPlus, Gift, Globe, Grid, HardDrive, Hash, Heart, HeartFilled, Help, Home, Hourglass, Image, Inbox, Info, Italic, Key, Laptop, Link, Link2, List, ListOrdered, ListUnordered, Lock, Logout, Mail, MailOpen, Map, MapPin, Maximize, Menu, MessageCircle, Messages, MessageSquare, Mic, MicOff, Minimize, Minus, Monitor, More, Music, Navigation, Navigation2, Outbox, Paperclip, Pause, Percent, PercentCircle, Phone, PhoneCall, PhoneIncoming, PhoneMissed, PhoneOutgoing, PieChart, Play, Plus, Power, Preferences, Printer, Profile, Redo, Refresh, Repeat, RotateCcw, RotateCw, Route, Rss, Save, Search, Send, Server, Settings, Share, Share2, Shield, ShieldAlert, ShieldCheck, ShieldOff, ShoppingBag, ShoppingCart, Shuffle, SkipBack, SkipForward, Smartphone, Star, StarFilled, Stop, Stopwatch, Sunrise, Sunset, Tablet, Tag, Target, Terminal, ThumbsUp, ThumbsUpFilled, TrendingDown, TrendingUp, Type, Underline, Undo, Unlock, Unlink, Upload, User, UserCheck, UserMinus, UserPlus, Users, UserX, Video, Volume, Volume1, Volume2, VolumeX, Warning, Watch, Wifi, WifiOff, Zap, };

package/lib/components/display/Icon/index.d.ts

@@ -1,3 +1,4 @@
 export { Icon } from './Icon';
 export type { IconProps } from './Icon';
 export { default } from './Icon';
+export type { IconName } from './icons';

package/lib/components/display/OverflowText/OverflowText.d.ts

@@ -0,0 +1,81 @@
+import { default as React } from 'react';
+import { PopoverPosition } from '../../../utils/positioning';
+import { BaseComponentProps } from '../../../types';
+/**
+ * Props for the OverflowText component
+ */
+export interface OverflowTextProps extends Omit<BaseComponentProps, 'children'> {
+    /**
+     * Text content to display
+     */
+    children: string;
+    /**
+     * Maximum number of lines before truncation
+     * @default 1
+     */
+    lines?: number;
+    /**
+     * Position of the tooltip
+     * @default 'top'
+     */
+    tooltipPosition?: PopoverPosition;
+    /**
+     * Delay before showing tooltip (ms)
+     * @default 200
+     */
+    tooltipDelay?: number;
+    /**
+     * Whether to disable the tooltip (always truncate, never show full text)
+     * @default false
+     */
+    disableTooltip?: boolean;
+    /**
+     * Custom tooltip content (defaults to full text)
+     */
+    tooltipContent?: React.ReactNode;
+    /**
+     * Maximum width of the tooltip
+     * @default 300
+     */
+    tooltipMaxWidth?: number;
+    /**
+     * HTML element to render
+     * @default 'span'
+     */
+    as?: 'span' | 'p' | 'div';
+    /**
+     * Callback when text overflow state changes
+     * @param isOverflowing - Whether text is currently overflowing
+     */
+    onOverflowChange?: (isOverflowing: boolean) => void;
+}
+/**
+ * OverflowText - Text that truncates with ellipsis and shows full content in tooltip
+ *
+ * @example
+ * Single line truncation:
+ * ```tsx
+ * <OverflowText>
+ *   This is a very long text that will be truncated with ellipsis
+ * </OverflowText>
+ * ```
+ *
+ * @example
+ * Multi-line truncation:
+ * ```tsx
+ * <OverflowText lines={2}>
+ *   This is a very long text that spans multiple lines and will be
+ *   truncated after the second line with an ellipsis.
+ * </OverflowText>
+ * ```
+ *
+ * @example
+ * With custom tooltip position:
+ * ```tsx
+ * <OverflowText tooltipPosition="bottom" tooltipDelay={500}>
+ *   Hover to see the full text in a tooltip at the bottom
+ * </OverflowText>
+ * ```
+ */
+export declare const OverflowText: React.ForwardRefExoticComponent<OverflowTextProps & React.RefAttributes<HTMLElement>>;
+export default OverflowText;

package/lib/components/display/OverflowText/index.d.ts

@@ -0,0 +1,2 @@
+export { OverflowText } from './OverflowText';
+export type { OverflowTextProps } from './OverflowText';