@knymbus/voxel-ui 1.0.0

package/src/components/icons/CommentIcon.tsx

@@ -0,0 +1,9 @@
+import { IconProps } from "./types";
+
+export default function CommentIcon({ size = 16, className = '', ...props }: IconProps) {
+  return (
+    <svg xmlns="http://w3.org" width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round" className={`shrink-0 select-none ${className}`.trim()} {...props}>
+      <path d="M3 21l1.9-5.7a8.5 8.5 0 1 1 3.8 3.8z" />
+    </svg>
+  );
+}

package/src/components/icons/DeleteChatIcon.tsx

@@ -0,0 +1,10 @@
+import { IconProps } from "./types";
+
+export default function DeleteChatIcon({ size = 16, className = '', ...props }: IconProps) {
+  return (
+    <svg xmlns="http://w3.org" width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round" className={`shrink-0 select-none ${className}`.trim()} {...props}>
+      <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" />
+      <line x1="9" y1="10" x2="15" y2="10" />
+    </svg>
+  );
+}

package/src/components/icons/DocumentIcon.tsx

@@ -0,0 +1,13 @@
+import { IconProps } from "./types";
+
+export default function DocumentIcon({ size = 16, className = '', ...props }: IconProps) {
+  return (
+    <svg xmlns="http://w3.org" width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round" className={`shrink-0 select-none ${className}`.trim()} {...props}>
+      <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" />
+      <polyline points="14 2 14 8 20 8" />
+      <line x1="16" y1="13" x2="8" y2="13" />
+      <line x1="16" y1="17" x2="8" y2="17" />
+      <polyline points="10 9 9 9 8 9" />
+    </svg>
+  );
+}

package/src/components/icons/ExpandIcon.tsx

@@ -0,0 +1,12 @@
+import { IconProps } from "./types";
+
+export default function ExpandIcon({ size = 16, className = '', ...props }: IconProps) {
+    return (
+        <svg xmlns="http://w3.org" width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round" className={`shrink-0 select-none ${className}`.trim()} {...props}>
+            <polyline points="15 3 21 3 21 9" />
+            <polyline points="9 21 3 21 3 15" />
+            <line x1="21" y1="3" x2="14" y2="10" />
+            <line x1="3" y1="21" x2="10" y2="14" />
+        </svg>
+    );
+}

package/src/components/icons/FolderIcon.tsx

@@ -0,0 +1,9 @@
+import { IconProps } from "./types";
+
+export default function FolderIcon({ size = 16, className = '', ...props }: IconProps) {
+  return (
+    <svg xmlns="http://w3.org" width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round" className={`shrink-0 select-none ${className}`.trim()} {...props}>
+      <path d="M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z" />
+    </svg>
+  );
+}

package/src/components/icons/GroupIcon.tsx

@@ -0,0 +1,12 @@
+import { IconProps } from "./types";
+
+export default function GroupIcon({ size = 16, className = '', ...props }: IconProps) {
+  return (
+    <svg xmlns="http://w3.org" width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round" className={`shrink-0 select-none ${className}`.trim()} {...props}>
+      <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" />
+      <circle cx="9" cy="7" r="4" />
+      <path d="M23 21v-2a4 4 0 0 0-3-3.87" />
+      <path d="M16 3.13a4 4 0 0 1 0 7.75" />
+    </svg>
+  );
+}

package/src/components/icons/Icon.stories.tsx

@@ -0,0 +1,122 @@
+import React, { useState } from 'react';
+import type { Meta, StoryObj } from '@storybook/react';
+import * as Icons from './index';
+import { Search } from './index';
+
+const meta: Meta = {
+    title: 'Design Tokens/VoxelIconsSystem',
+    parameters: {
+        layout: 'padded',
+    },
+};
+export default meta;
+
+const IconsGalleryWrapper = () => {
+    const [searchTerm, setSearchTerm] = useState<string>('');
+    const [iconSize, setIconSize] = useState<number>(16);
+
+    // Extract all icon components dynamically from our barrel index export map
+    const allIcons = Object.entries(Icons);
+    console.log("[ALL ICONS] ", allIcons)
+
+    const filteredIcons = allIcons.filter(([name]) =>
+        name.toLowerCase().includes(searchTerm.toLowerCase())
+    );
+
+    const handleCopyToClipboard = (componentName: string) => {
+        const importString = `import { ${componentName} } from '@voxel-ui/icons';`;
+        navigator.clipboard.writeText(importString);
+        alert(`Copied path to clipboard:\n${importString}`);
+    };
+
+    return (
+        <div className="p-6 bg-vsc-bg border border-vsc-border rounded-md text-vsc-text font-sans max-w-4xl select-none mx-auto shadow-sm">
+
+            {/* Interactive Controls Header Bar */}
+            <div className="flex flex-col md:flex-row items-stretch md:items-center justify-between gap-4 border-b border-vsc-border pb-6 mb-6">
+                <div>
+                    <h2 className="text-base font-bold text-vsc-text">Voxel Iconography Workspace</h2>
+                    <p className="text-xs text-vsc-muted mt-0.5">Pixel-perfect, high-density SVG vectors for data layout frames.</p>
+                </div>
+
+                <div className="flex flex-wrap items-center gap-4">
+                    {/* Real-time Search Box */}
+                    <div className="relative w-48">
+                        <input
+                            type="text"
+                            value={searchTerm}
+                            onChange={(e) => setSearchTerm(e.target.value)}
+                            placeholder="Search icons..."
+                            className="w-full text-xs pl-8 pr-3 py-1.5 bg-vsc-bg-input text-vsc-text border border-vsc-border rounded focus:outline-none focus:border-vsc-accent placeholder-vsc-muted"
+                        />
+                        <Search size={12} className="absolute left-2.5 top-2.5 text-vsc-muted" />
+                    </div>
+
+                    {/* Dynamic Size Scaling Slider Selector */}
+                    <div className="flex items-center space-x-2 bg-vsc-sidebar px-3 py-1 border border-vsc-border rounded h-8">
+                        <span className="text-[10px] font-bold text-vsc-muted uppercase tracking-wider">Size:</span>
+                        <input
+                            type="range"
+                            min="12"
+                            max="48"
+                            value={iconSize}
+                            onChange={(e) => setIconSize(parseInt(e.target.value, 10))}
+                            className="w-24 accent-vsc-accent cursor-pointer h-1 bg-vsc-border rounded-lg appearance-none"
+                        />
+                        <span className="text-[10px] font-mono font-bold text-vsc-text w-8 text-right">
+                            {iconSize}px
+                        </span>
+                    </div>
+                </div>
+            </div>
+
+            {/* Grid Canvas Output Area */}
+            {filteredIcons.length === 0 ? (
+                <div className="text-center py-12 border border-dashed border-vsc-border rounded bg-vsc-sidebar">
+                    <p className="text-xs text-vsc-muted italic">No voxel icons found matching your filter criteria strings.</p>
+                </div>
+            ) : (
+                <div className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-3">
+                    {filteredIcons.map(([name, IconComponent]) => {
+                        // Explicitly cast to prevent TypeScript expression evaluation blocks
+                        const Component = IconComponent as React.ComponentType<{ size: number; className?: string }>;
+
+                        return (
+                            <div
+                                key={name}
+                                onClick={() => handleCopyToClipboard(name)}
+                                className="group p-4 border border-vsc-border bg-vsc-sidebar hover:bg-vsc-hover hover:border-vsc-accent rounded flex flex-col items-center justify-center text-center cursor-pointer transition-all duration-150 h-32 relative overflow-hidden"
+                                title="Click to copy library import code statement"
+                            >
+                                {/* Scalable Vector Asset Render Node Box */}
+                                <div className="flex-1 flex items-center justify-center text-vsc-text group-hover:text-vsc-accent transition-colors">
+                                    <Component size={iconSize} />
+                                </div>
+
+                                {/* Metadata Identifier Label */}
+                                <div className="w-full shrink-0 mt-2">
+                                    <p className="text-[11px] font-mono font-bold text-vsc-text truncate px-1">
+                                        {name}
+                                    </p>
+                                    <p className="text-[9px] text-vsc-muted opacity-0 group-hover:opacity-100 transition-opacity uppercase tracking-wider font-semibold mt-0.5">
+                                        Click to Copy
+                                    </p>
+                                </div>
+                            </div>
+                        );
+                    })}
+                </div>
+            )}
+
+            {/* Footer Diagnostic Bar */}
+            <div className="mt-6 pt-3 border-t border-vsc-border flex justify-between text-[10px] font-mono text-vsc-muted">
+                <span>Total Library Index: {allIcons.length}</span>
+                <span>Filtered View: {filteredIcons.length}</span>
+            </div>
+        </div>
+    );
+};
+
+export const IconsSystemAudit: StoryObj = {
+    render: () => <IconsGalleryWrapper />,
+};

package/src/components/icons/MinimizeIcon.tsx

@@ -0,0 +1,12 @@
+import { IconProps } from "./types";
+
+export default function MinimizeIcon({ size = 16, className = '', ...props }: IconProps) {
+  return (
+    <svg xmlns="http://w3.org" width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round" className={`shrink-0 select-none ${className}`.trim()} {...props}>
+      <polyline points="4 14 10 14 10 20" />
+      <polyline points="20 10 14 10 14 4" />
+      <line x1="14" y1="10" x2="21" y2="3" />
+      <line x1="10" y1="14" x2="3" y2="21" />
+    </svg>
+  );
+}

package/src/components/icons/MinusIcon.tsx

@@ -0,0 +1,9 @@
+import { IconProps } from "./types";
+
+export default function MinusIcon({ size = 16, className = '', ...props }: IconProps) {
+  return (
+    <svg xmlns="http://w3.org" width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" className={`shrink-0 select-none ${className}`.trim()} {...props}>
+      <line x1="5" y1="12" x2="19" y2="12" />
+    </svg>
+  );
+}

package/src/components/icons/MoreIcon.tsx

@@ -0,0 +1,11 @@
+import { IconProps } from "./types";
+
+export default function MoreIcon({ size = 16, className = '', ...props }: IconProps) {
+  return (
+    <svg xmlns="http://w3.org" width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" className={`shrink-0 select-none ${className}`.trim()} {...props}>
+      <circle cx="12" cy="12" r="1" />
+      <circle cx="19" cy="12" r="1" />
+      <circle cx="5" cy="12" r="1" />
+    </svg>
+  );
+}

package/src/components/icons/OpenFolderIcon.tsx

@@ -0,0 +1,37 @@
+import { IconProps } from './types';
+
+export default function OpenFolderIcon({ size = 16, className = '', ...props }: IconProps) {
+  return (
+    <svg 
+      xmlns="http://w3.org" 
+      width={size} 
+      height={size} 
+      viewBox="0 0 24 24" 
+      fill="none" 
+      stroke="currentColor" 
+      strokeWidth="2.5" /* Strong, clean line weight matching your design reference image */
+      strokeLinecap="round" 
+      strokeLinejoin="round" 
+      className={`shrink-0 select-none ${className}`.trim()} 
+      {...props}
+    >
+      {/* 
+        1. THE REAR PLATE BACKDROP:
+        Draws the rigid back wall, index tab corner curve, and the bottom bounding floor.
+      */}
+      <path d="M4 20h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-6.17a2 2 0 0 1-1.42-.59l-1.64-1.64A2 2 0 0 0 5.34 4H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2z" />
+      
+      {/* 
+        2. THE FRONT PERSPECTIVE OPEN FLAP:
+        Matches your image's unique structure: starts lower down on the left (y=11), 
+        extends horizontally, rounds the top-right corner smoothly, and slants cleanly 
+        downward into the front baseline floor.
+      */}
+      <path 
+        d="M2 11h15.26a2 2 0 0 1 1.9 1.37l2.48 7.44A1 1 0 0 1 20.7 21H5.34a2 2 0 0 1-1.9-1.37L2 11z" 
+        fill="currentColor"
+        fillOpacity="0.05" /* Gives a premium, subtle inner pocket depth contrast */
+      />
+    </svg>
+  );
+}

package/src/components/icons/PersonIcon.tsx

@@ -0,0 +1,10 @@
+import { IconProps } from "./types";
+
+export default function PersonIcon({ size = 16, className = '', ...props }: IconProps) {
+  return (
+    <svg xmlns="http://w3.org" width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round" className={`shrink-0 select-none ${className}`.trim()} {...props}>
+      <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2" />
+      <circle cx="12" cy="7" r="4" />
+    </svg>
+  );
+}

package/src/components/icons/PlusChatIcon.tsx

@@ -0,0 +1,11 @@
+import { IconProps } from "./types";
+
+export default function PlusChatIcon({ size = 16, className = '', ...props }: IconProps) {
+  return (
+    <svg xmlns="http://w3.org" width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round" className={`shrink-0 select-none ${className}`.trim()} {...props}>
+      <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" />
+      <line x1="12" y1="7" x2="12" y2="13" />
+      <line x1="9" y1="10" x2="15" y2="10" />
+    </svg>
+  );
+}

package/src/components/icons/PlusCommentIcon.tsx

@@ -0,0 +1,11 @@
+import { IconProps } from "./types";
+
+export default function PlusCommentIcon({ size = 16, className = '', ...props }: IconProps) {
+  return (
+    <svg xmlns="http://w3.org" width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round" className={`shrink-0 select-none ${className}`.trim()} {...props}>
+      <path d="M3 21l1.9-5.7a8.5 8.5 0 1 1 3.8 3.8z" />
+      <line x1="12" y1="8" x2="12" y2="14" />
+      <line x1="9" y1="11" x2="15" y2="11" />
+    </svg>
+  );
+}

package/src/components/icons/PlusDocBadgeIcon.tsx

@@ -0,0 +1,74 @@
+
+import { IconProps } from './types';
+
+interface PlusDocBadgeIconProps extends IconProps {
+    circleBg?: string; 
+    circleStroke?: string;
+    plusStroke?: string;
+}
+
+export default function PlusDocBadgeIcon({
+    size = 16,
+    className = '',
+    // ⚡ Defaults to your matte gray VSC hover token for a high-density feel
+    circleBg = 'var(--color-vsc-hover)', 
+    circleStroke = 'var(--color-vsc-border)',
+    plusStroke = 'var(--color-vsc-muted)',
+    ...props
+}: PlusDocBadgeIconProps) {
+    return (
+        <svg
+            xmlns="http://w3.org"
+            width={size}
+            height={size}
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            strokeWidth="2.2"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            /* 
+              ⚡ Declaring 'group' here lets children components listen 
+                 for hover events across the entire icon frame bounds.
+            */
+            className={`shrink-0 select-none group ${className}`.trim()}
+            {...props}
+        >
+            {/* Primary Blank Document Sheet Base */}
+            <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" />
+            <polyline points="14 2 14 8 20 8" />
+
+            {/* 
+              ⚡ Upgraded Badge Circle: Radius increased from 4.5 to 6.
+                 The hover modifier dynamically swaps borders to match your theme.
+            */}
+            <circle
+                cx="18"
+                cy="18"
+                r="6"
+                fill={circleBg}
+                stroke={circleStroke}
+                strokeWidth="1.5"
+                className="transition-colors duration-150 group-hover:stroke-vsc-accent/40"
+            />
+
+            {/* 
+              ⚡ Perfect centered Plus (+) vector stroke lines.
+                 Swaps from muted gray to rich VSC Accent blue on hover!
+            */}
+            <line 
+                x1="18" y1="15" x2="18" y2="21" 
+                stroke={plusStroke} 
+                strokeWidth="1.8" 
+                className="transition-colors duration-150 group-hover:stroke-vsc-accent"
+            />
+            <line 
+                x1="15" y1="18" x2="21" y2="18" 
+                stroke={plusStroke} 
+                strokeWidth="1.8" 
+                className="transition-colors duration-150 group-hover:stroke-vsc-accent"
+            />
+        </svg>
+    );
+}
+

package/src/components/icons/PlusDocIcon.tsx

@@ -0,0 +1,12 @@
+import { IconProps } from "./types";
+
+export default function PlusDocIcon({ size = 16, className = '', ...props }: IconProps) {
+  return (
+    <svg xmlns="http://w3.org" width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round" className={`shrink-0 select-none ${className}`.trim()} {...props}>
+      <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" />
+      <polyline points="14 2 14 8 20 8" />
+      <line x1="12" y1="11" x2="12" y2="17" />
+      <line x1="9" y1="14" x2="15" y2="14" />
+    </svg>
+  );
+}

package/src/components/icons/PlusPersonIcon.tsx

@@ -0,0 +1,12 @@
+import { IconProps } from "./types";
+
+export default function PlusPersonIcon({ size = 16, className = '', ...props }: IconProps) {
+  return (
+    <svg xmlns="http://w3.org" width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round" className={`shrink-0 select-none ${className}`.trim()} {...props}>
+      <path d="M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" />
+      <circle cx="8.5" cy="7" r="4" />
+      <line x1="20" y1="8" x2="20" y2="14" />
+      <line x1="17" y1="11" x2="23" y2="11" />
+    </svg>
+  );
+}

package/src/components/icons/RefreshIcon.tsx

@@ -0,0 +1,9 @@
+import { IconProps } from "./types";
+
+export default function RefreshIcon({ size = 16, className = '', ...props }: IconProps) {
+  return (
+    <svg xmlns="http://w3.org" width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" className={`shrink-0 select-none ${className}`.trim()} {...props}>
+      <path d="M21.5 2v6h-6M21.34 15.57a10 10 0 1 1-.57-8.38l5.67-5.67" />
+    </svg>
+  );
+}

package/src/components/icons/SearchIcon.tsx

@@ -0,0 +1,10 @@
+import { IconProps } from "./types";
+
+export default function SearchIcon({ size = 16, className = '', ...props }: IconProps) {
+  return (
+    <svg xmlns="http://w3.org" width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" className={`shrink-0 select-none ${className}`.trim()} {...props}>
+      <circle cx="11" cy="11" r="8" />
+      <line x1="21" y1="21" x2="16.65" y2="16.65" />
+    </svg>
+  );
+}

package/src/components/icons/TerminalIcon.tsx

@@ -0,0 +1,11 @@
+import { IconProps } from "./types";
+
+
+export default function TerminalIcon({ size = 16, className = '', ...props }: IconProps) {
+    return (
+        <svg xmlns="http://w3.org" width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round" className={`shrink-0 select-none ${className}`.trim()} {...props}>
+            <polyline points="4 17 10 11 4 5" />
+            <line x1="12" y1="19" x2="20" y2="19" />
+        </svg>
+    );
+}

package/src/components/icons/TrashIcon.tsx

@@ -0,0 +1,12 @@
+import { IconProps } from "./types";
+
+export default function TrashIcon({ size = 16, className = '', ...props }: IconProps) {
+    return (
+        <svg xmlns="http://w3.org" width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round" className={`shrink-0 select-none ${className}`.trim()} {...props}>
+            <polyline points="3 6 5 6 21 6" />
+            <path d="M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" />
+            <line x1="10" y1="11" x2="10" y2="17" />
+            <line x1="14" y1="11" x2="14" y2="17" />
+        </svg>
+    );
+}

package/src/components/icons/TruckIcon.tsx

@@ -0,0 +1,12 @@
+import { IconProps } from "./types";
+
+export default function TruckIcon({ size = 16, className = '', ...props }: IconProps) {
+  return (
+    <svg xmlns="http://w3.org" width={size} height={size} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round" className={`shrink-0 select-none ${className}`.trim()} {...props}>
+      <rect x="1" y="3" width="15" height="13" />
+      <polygon points="16 8 20 8 23 11 23 16 16 16 16 8" />
+      <circle cx="5.5" cy="18.5" r="2.5" />
+      <circle cx="18.5" cy="18.5" r="2.5" />
+    </svg>
+  );
+}

package/src/components/icons/index.ts

@@ -0,0 +1,26 @@
+export { default as Close } from './CloseIcon';
+export { default as Terminal } from './TerminalIcon';
+export { default as Document } from './DocumentIcon';
+export { default as Folder } from './FolderIcon';
+export { default as Search } from './SearchIcon';
+export { default as Refresh } from './RefreshIcon';
+export { default as Trash } from './TrashIcon';
+export { default as ChevronDown } from './ChevronDownIcon';
+export { default as Add } from './AddIcon'
+export { default as Minus } from './MinusIcon'
+export { default as Expand } from './ExpandIcon'
+export { default as Minimize } from './MinimizeIcon'
+export { default as BlankDoc } from './BlankDocIcon'
+export { default as PlusDoc } from './PlusDocIcon'
+export { default as Chat } from './ChatIcon'
+export { default as PlusChat } from './PlusChatIcon'
+export { default as DeleteChat } from './DeleteChatIcon'
+export { default as Comment } from './CommentIcon'
+export { default as PlusComment } from './PlusCommentIcon'
+export { default as OpenFolder } from './OpenFolderIcon'
+export { default as More } from './MoreIcon'
+export { default as Truck } from './TruckIcon'
+export { default as Person } from './PersonIcon'
+export { default as PlusPerson } from './PlusPersonIcon'
+export { default as Group } from './GroupIcon'
+export { default as PlusDocBadge } from './PlusDocBadgeIcon'

package/src/components/icons/types.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+
+export interface IconProps extends React.SVGProps<SVGSVGElement> {
+    size?: number | string;
+    className?: string;
+}