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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,379 @@
+import { default as Account } from './Account';
+import { default as Activity } from './Activity';
+import { default as AlignCenter } from './AlignCenter';
+import { default as AlignJustify } from './AlignJustify';
+import { default as AlignLeft } from './AlignLeft';
+import { default as AlignRight } from './AlignRight';
+import { default as ArrowDown } from './ArrowDown';
+import { default as ArrowDownLeft } from './ArrowDownLeft';
+import { default as ArrowDownRight } from './ArrowDownRight';
+import { default as ArrowLeft } from './ArrowLeft';
+import { default as ArrowRight } from './ArrowRight';
+import { default as ArrowUp } from './ArrowUp';
+import { default as ArrowUpLeft } from './ArrowUpLeft';
+import { default as ArrowUpRight } from './ArrowUpRight';
+import { default as AtSign } from './AtSign';
+import { default as BarChart2 } from './BarChart2';
+import { default as Battery } from './Battery';
+import { default as BatteryCharging } from './BatteryCharging';
+import { default as Bell } from './Bell';
+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 BookmarkPlus } from './BookmarkPlus';
+import { default as Building } from './Building';
+import { default as Calendar } from './Calendar';
+import { default as Camera } from './Camera';
+import { default as ChartBar } from './ChartBar';
+import { default as ChartLine } from './ChartLine';
+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 ChevronUp } from './ChevronUp';
+import { default as Clock } from './Clock';
+import { default as Close } from './Close';
+import { default as Cloud } from './Cloud';
+import { default as CloudDownload } from './CloudDownload';
+import { default as CloudOff } from './CloudOff';
+import { default as CloudUpload } from './CloudUpload';
+import { default as Code } from './Code';
+import { default as Compass } from './Compass';
+import { default as Copy } from './Copy';
+import { default as CornerDownLeft } from './CornerDownLeft';
+import { default as CornerDownRight } from './CornerDownRight';
+import { default as CornerUpLeft } from './CornerUpLeft';
+import { default as CornerUpRight } from './CornerUpRight';
+import { default as Cpu } from './Cpu';
+import { default as CreditCard } from './CreditCard';
+import { default as Crosshair } from './Crosshair';
+import { default as Database } from './Database';
+import { default as Delete } from './Delete';
+import { default as Dollar } from './Dollar';
+import { default as Download } from './Download';
+import { default as Edit } from './Edit';
+import { default as Error } from './Error';
+import { default as ExternalLink } from './ExternalLink';
+import { default as Eye } from './Eye';
+import { default as EyeOff } from './EyeOff';
+import { default as File } from './File';
+import { default as FileCheck } from './FileCheck';
+import { default as FileMinus } from './FileMinus';
+import { default as FilePlus } from './FilePlus';
+import { default as FileText } from './FileText';
+import { default as Filter } from './Filter';
+import { default as Folder } from './Folder';
+import { default as FolderMinus } from './FolderMinus';
+import { default as FolderOpen } from './FolderOpen';
+import { default as FolderPlus } from './FolderPlus';
+import { default as Gift } from './Gift';
+import { default as Globe } from './Globe';
+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 Help } from './Help';
+import { default as Home } from './Home';
+import { default as Hourglass } from './Hourglass';
+import { default as Image } from './Image';
+import { default as Inbox } from './Inbox';
+import { default as Info } from './Info';
+import { default as Italic } from './Italic';
+import { default as Key } from './Key';
+import { default as Laptop } from './Laptop';
+import { default as Link } from './Link';
+import { default as Link2 } from './Link2';
+import { default as List } from './List';
+import { default as ListOrdered } from './ListOrdered';
+import { default as ListUnordered } from './ListUnordered';
+import { default as Lock } from './Lock';
+import { default as Logout } from './Logout';
+import { default as Mail } from './Mail';
+import { default as MailOpen } from './MailOpen';
+import { default as Map } from './Map';
+import { default as MapPin } from './MapPin';
+import { default as Maximize } from './Maximize';
+import { default as Menu } from './Menu';
+import { default as MessageCircle } from './MessageCircle';
+import { default as Messages } from './Messages';
+import { default as MessageSquare } from './MessageSquare';
+import { default as Mic } from './Mic';
+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 Music } from './Music';
+import { default as Navigation } from './Navigation';
+import { default as Navigation2 } from './Navigation2';
+import { default as Outbox } from './Outbox';
+import { default as Paperclip } from './Paperclip';
+import { default as Pause } from './Pause';
+import { default as Percent } from './Percent';
+import { default as PercentCircle } from './PercentCircle';
+import { default as Phone } from './Phone';
+import { default as PhoneCall } from './PhoneCall';
+import { default as PhoneIncoming } from './PhoneIncoming';
+import { default as PhoneMissed } from './PhoneMissed';
+import { default as PhoneOutgoing } from './PhoneOutgoing';
+import { default as PieChart } from './PieChart';
+import { default as Play } from './Play';
+import { default as Plus } from './Plus';
+import { default as Power } from './Power';
+import { default as Preferences } from './Preferences';
+import { default as Printer } from './Printer';
+import { default as Profile } from './Profile';
+import { default as Redo } from './Redo';
+import { default as Refresh } from './Refresh';
+import { default as Repeat } from './Repeat';
+import { default as RotateCcw } from './RotateCcw';
+import { default as RotateCw } from './RotateCw';
+import { default as Route } from './Route';
+import { default as Rss } from './Rss';
+import { default as Save } from './Save';
+import { default as Search } from './Search';
+import { default as Send } from './Send';
+import { default as Server } from './Server';
+import { default as Settings } from './Settings';
+import { default as Share } from './Share';
+import { default as Share2 } from './Share2';
+import { default as Shield } from './Shield';
+import { default as ShieldAlert } from './ShieldAlert';
+import { default as ShieldCheck } from './ShieldCheck';
+import { default as ShieldOff } from './ShieldOff';
+import { default as ShoppingBag } from './ShoppingBag';
+import { default as ShoppingCart } from './ShoppingCart';
+import { default as Shuffle } from './Shuffle';
+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 Stop } from './Stop';
+import { default as Stopwatch } from './Stopwatch';
+import { default as Sunrise } from './Sunrise';
+import { default as Sunset } from './Sunset';
+import { default as Tablet } from './Tablet';
+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 TrendingDown } from './TrendingDown';
+import { default as TrendingUp } from './TrendingUp';
+import { default as Type } from './Type';
+import { default as Underline } from './Underline';
+import { default as Undo } from './Undo';
+import { default as Unlock } from './Unlock';
+import { default as Unlink } from './Unlink';
+import { default as Upload } from './Upload';
+import { default as User } from './User';
+import { default as UserCheck } from './UserCheck';
+import { default as UserMinus } from './UserMinus';
+import { default as UserPlus } from './UserPlus';
+import { default as Users } from './Users';
+import { default as UserX } from './UserX';
+import { default as Video } from './Video';
+import { default as Volume } from './Volume';
+import { default as Volume1 } from './Volume1';
+import { default as Volume2 } from './Volume2';
+import { default as VolumeX } from './VolumeX';
+import { default as Warning } from './Warning';
+import { default as Watch } from './Watch';
+import { default as Wifi } from './Wifi';
+import { default as WifiOff } from './WifiOff';
+import { default as Zap } from './Zap';
+/**
+ * Icon registry mapping icon names to SVG components
+ */
+export declare const iconRegistry: {
+    readonly account: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly activity: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'align-center': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'align-justify': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'align-left': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'align-right': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'arrow-down': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'arrow-down-left': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'arrow-down-right': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'arrow-left': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'arrow-right': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'arrow-up': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'arrow-up-left': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'arrow-up-right': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'at-sign': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'bar-chart-2': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly battery: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'battery-charging': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly bell: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'bell-off': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    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-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;
+    readonly camera: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'chart-bar': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'chart-line': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly check: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    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 '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;
+    readonly cloud: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'cloud-download': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'cloud-off': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'cloud-upload': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly code: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly compass: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly copy: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'corner-down-left': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'corner-down-right': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'corner-up-left': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'corner-up-right': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly cpu: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'credit-card': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly crosshair: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly database: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly delete: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly dollar: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly download: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly edit: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly error: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'external-link': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly eye: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'eye-off': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly file: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-check': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-minus': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-plus': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'file-text': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly filter: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly folder: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'folder-minus': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'folder-open': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'folder-plus': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly gift: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly globe: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly grid: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    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 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;
+    readonly image: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly inbox: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly info: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly italic: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly key: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly laptop: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly link: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'link-2': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly list: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'list-ordered': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'list-unordered': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly lock: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly logout: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly mail: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'mail-open': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly map: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'map-pin': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly maximize: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly menu: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'message-circle': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly messages: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'message-square': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly mic: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'mic-off': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    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 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;
+    readonly outbox: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly paperclip: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly pause: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly percent: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'percent-circle': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly phone: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'phone-call': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'phone-incoming': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'phone-missed': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'phone-outgoing': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'pie-chart': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly play: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly plus: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly power: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly preferences: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly printer: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly profile: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly redo: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly refresh: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly repeat: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'rotate-ccw': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'rotate-cw': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly route: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly rss: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly save: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly search: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly send: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly server: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly settings: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly share: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'share-2': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly shield: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shield-alert': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shield-check': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shield-off': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shopping-bag': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'shopping-cart': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly shuffle: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'skip-back': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    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 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;
+    readonly sunset: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly tablet: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly tag: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    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 '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;
+    readonly underline: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly undo: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly unlock: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly unlink: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly upload: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly user: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'user-check': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'user-minus': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'user-plus': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly users: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'user-x': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly video: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly volume: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'volume-1': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'volume-2': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'volume-x': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly warning: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly watch: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly wifi: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly 'wifi-off': (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+    readonly zap: (props: React.SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+};
+/**
+ * Available icon names
+ */
+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, };

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

@@ -0,0 +1,85 @@
+import { default as React } from 'react';
+import { BaseComponentProps } from '../../../types/component.types';
+/**
+ * Props for the KPI component
+ */
+export interface KPIProps extends BaseComponentProps {
+    /**
+     * Visual variant of the component
+     * @default 'primary'
+     */
+    variant?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';
+    /**
+     * Size of the component
+     * @default 'md'
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * Title of the KPI
+     */
+    title: string;
+    /**
+     * The main metric value
+     */
+    value: string | number;
+    /**
+     * Optional subtitle or category
+     */
+    subtitle?: string;
+    /**
+     * Optional description text
+     */
+    description?: string;
+    /**
+     * Optional change indicator (e.g., "+12%", "-5%")
+     */
+    change?: string;
+    /**
+     * Direction of change
+     */
+    changeType?: 'increase' | 'decrease' | 'neutral';
+    /**
+     * Optional icon component
+     */
+    icon?: React.ReactNode;
+    /**
+     * Optional trend data or chart
+     */
+    trend?: React.ReactNode;
+    /**
+     * Optional footer content
+     */
+    footer?: React.ReactNode;
+}
+/**
+ * KPI - Key Performance Indicator card for displaying important metrics with context
+ *
+ * @example
+ * ```tsx
+ * <KPI title="Total Revenue" value="$54,239" />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <KPI
+ *   title="Active Users"
+ *   value="1,428"
+ *   change="+12%"
+ *   changeType="increase"
+ *   description="Monthly active users"
+ * />
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <KPI
+ *   title="Conversion Rate"
+ *   value="3.24%"
+ *   subtitle="E-commerce"
+ *   variant="success"
+ *   trend={<TrendChart data={data} />}
+ * />
+ * ```
+ */
+export declare const KPI: React.ForwardRefExoticComponent<KPIProps & React.RefAttributes<HTMLDivElement>>;
+export default KPI;

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

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

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

@@ -0,0 +1,83 @@
+import { default as React } from 'react';
+import { BaseComponentProps } from '../../../types/component.types';
+/**
+ * Props for the Pill component
+ */
+export interface PillProps extends BaseComponentProps {
+    /**
+     * Visual variant of the component
+     * @default 'filled'
+     */
+    variant?: 'filled' | 'outlined' | 'subtle';
+    /**
+     * Color theme of the component
+     * @default 'primary'
+     */
+    color?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';
+    /**
+     * Size of the component
+     * @default 'md'
+     */
+    size?: 'sm' | 'md' | 'lg';
+    /**
+     * Whether the component is disabled
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Click handler - makes the pill clickable (renders as button)
+     */
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Remove handler - adds a remove button
+     */
+    onRemove?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Icon to display at the start of the pill
+     */
+    startIcon?: React.ReactNode;
+    /**
+     * Icon to display at the end of the pill
+     */
+    endIcon?: React.ReactNode;
+}
+/**
+ * Pill - Fully rounded tag-like element for status, categories, or filter pills
+ *
+ * @example
+ * ```tsx
+ * <Pill color="primary" variant="filled">
+ *   Active
+ * </Pill>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <Pill color="success" variant="outlined" size="sm">
+ *   Available
+ * </Pill>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <Pill
+ *   color="info"
+ *   onClick={() => console.log('clicked')}
+ *   startIcon={<Icon name="tag" />}
+ * >
+ *   Clickable
+ * </Pill>
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <Pill
+ *   color="danger"
+ *   onRemove={() => console.log('removed')}
+ * >
+ *   Removable
+ * </Pill>
+ * ```
+ */
+export declare const Pill: React.ForwardRefExoticComponent<PillProps & React.RefAttributes<HTMLElement>>;
+export default Pill;

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

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