@hanzo/ui 5.0.2 → 5.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/ui",
-  "version": "5.0.2",
+  "version": "5.1.0",
   "description": "Multi-framework UI library with React, Vue, Svelte, and React Native support. Based on shadcn/ui with comprehensive framework coverage.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
@@ -17,16 +17,6 @@
     "dist",
     "style",
     "bin",
-    "primitives",
-    "blocks",
-    "components",
-    "assets",
-    "frameworks",
-    "helpers",
-    "types",
-    "util",
-    "src",
-    "tailwind",
     "README.md",
     "LICENSE"
   ],
@@ -53,9 +43,8 @@
     "lat": "npm show @hanzo/ui version",
     "pub": "npm publish",
     "tc": "tsc --project tsconfig.build.json",
-    "build": "npm run clean && npm run build:tsup && npm run postbuild",
+    "build": "npm run clean && npm run build:tsup",
     "build:tsup": "tsup --config tsup.config.minimal.ts",
-    "postbuild": "node scripts/add-use-client.js",
     "build:full": "tsup --config tsup.config.production.ts",
     "build:frameworks": "npm run build",
     "build:watch": "tsup --watch",
@@ -74,35 +63,61 @@
     "hanzo-ui": "./bin/cli.js"
   },
   "exports": {
+    "./package.json": "./package.json",
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
       "require": "./dist/index.js"
     },
-    "./utils": {
-      "types": "./dist/utils.d.ts",
-      "import": "./dist/utils.mjs",
-      "require": "./dist/utils.js"
+    "./calendar": {
+      "types": "./dist/calendar.d.ts",
+      "import": "./dist/calendar.mjs",
+      "require": "./dist/calendar.js"
     },
-    "./types": {
-      "types": "./dist/types.d.ts",
-      "import": "./dist/types.mjs",
-      "require": "./dist/types.js"
+    "./command": {
+      "types": "./dist/command.d.ts",
+      "import": "./dist/command.mjs",
+      "require": "./dist/command.js"
     },
-    "./tailwind": {
-      "types": "./dist/tailwind.d.ts",
-      "import": "./dist/tailwind.mjs",
-      "require": "./dist/tailwind.js"
+    "./carousel": {
+      "types": "./dist/carousel.d.ts",
+      "import": "./dist/carousel.mjs",
+      "require": "./dist/carousel.js"
+    },
+    "./form": {
+      "types": "./dist/form.d.ts",
+      "import": "./dist/form.mjs",
+      "require": "./dist/form.js"
+    },
+    "./drawer": {
+      "types": "./dist/drawer.d.ts",
+      "import": "./dist/drawer.mjs",
+      "require": "./dist/drawer.js"
+    },
+    "./sonner": {
+      "types": "./dist/sonner.d.ts",
+      "import": "./dist/sonner.mjs",
+      "require": "./dist/sonner.js"
+    },
+    "./input-otp": {
+      "types": "./dist/input-otp.d.ts",
+      "import": "./dist/input-otp.mjs",
+      "require": "./dist/input-otp.js"
+    },
+    "./resizable": {
+      "types": "./dist/resizable.d.ts",
+      "import": "./dist/resizable.mjs",
+      "require": "./dist/resizable.js"
     },
     "./assets": {
-      "types": "./assets/index.ts",
-      "import": "./assets/index.ts",
-      "require": "./assets/index.ts"
+      "types": "./dist/assets/index.d.ts",
+      "import": "./dist/assets/index.mjs",
+      "require": "./dist/assets/index.js"
     },
-    "./helpers": {
-      "types": "./helpers/index.ts",
-      "import": "./helpers/index.ts",
-      "require": "./helpers/index.ts"
+    "./assets/*": {
+      "types": "./dist/assets/*.d.ts",
+      "import": "./dist/assets/*.mjs",
+      "require": "./dist/assets/*.js"
     },
     "./blocks": {
       "types": "./dist/blocks/index.d.ts",
@@ -144,22 +159,21 @@
       "import": "./dist/src/registry/index.mjs",
       "require": "./dist/src/registry/index.js"
     },
-    "./hooks": {
-      "types": "./dist/src/hooks/index.d.ts",
-      "import": "./dist/src/hooks/index.mjs",
-      "require": "./dist/src/hooks/index.js"
-    },
-    "./style": "./style",
     "./style/*": "./style/*",
+    "./tailwind": {
+      "types": "./dist/tailwind/index.d.ts",
+      "import": "./dist/tailwind/index.mjs",
+      "require": "./dist/tailwind/index.js"
+    },
     "./tailwind/*": {
       "types": "./dist/tailwind/*.d.ts",
       "import": "./dist/tailwind/*.mjs",
       "require": "./dist/tailwind/*.js"
     },
-    "./tailwind/config": {
-      "types": "./dist/tailwind/tailwind.config.hanzo-preset.d.ts",
-      "import": "./tailwind/tailwind.config.hanzo-preset.js",
-      "require": "./tailwind/tailwind.config.hanzo-preset.js"
+    "./types": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/types/index.mjs",
+      "require": "./dist/types/index.js"
     },
     "./types/*": {
       "types": "./dist/types/*.d.ts",
@@ -176,17 +190,16 @@
       "import": "./dist/util/*.mjs",
       "require": "./dist/util/*.js"
     },
-    "./util/format-text": {
-      "types": "./dist/util/format-text.d.ts",
-      "import": "./dist/util/format-text.mjs",
-      "require": "./dist/util/format-text.js"
-    },
     "./util-client": {
       "types": "./dist/util/index-client.d.ts",
       "import": "./dist/util/index-client.mjs",
       "require": "./dist/util/index-client.js"
     },
-
+    "./utils": {
+      "types": "./dist/src/utils.d.ts",
+      "import": "./dist/src/utils.mjs",
+      "require": "./dist/src/utils.js"
+    },
     "./lib/utils": {
       "types": "./dist/src/utils.d.ts",
       "import": "./dist/src/utils.mjs",
@@ -197,11 +210,6 @@
       "import": "./dist/src/mcp/index.mjs",
       "require": "./dist/src/mcp/index.js"
     },
-    "./theme-provider": {
-      "types": "./dist/style/theme-provider.d.ts",
-      "import": "./dist/style/theme-provider.mjs",
-      "require": "./dist/style/theme-provider.js"
-    },
     "./react": {
       "types": "./dist/frameworks/react/index.d.ts",
       "import": "./dist/frameworks/react/index.mjs",
@@ -222,21 +230,20 @@
       "types": "./dist/frameworks/react-native/index.d.ts",
       "import": "./dist/frameworks/react-native/index.mjs",
       "require": "./dist/frameworks/react-native/index.js"
-    },
-    "./package.json": "./package.json"
+    }
   },
   "dependencies": {
     "@hanzo/react-drawer": "^0.1.8",
     "@modelcontextprotocol/sdk": "^1.10.2",
     "@next/third-parties": "^15.0.1",
-    "@radix-ui/react-accordion": "^1.1.2",
+    "@radix-ui/react-accordion": "^1.2.11",
     "@radix-ui/react-alert-dialog": "^1.1.15",
     "@radix-ui/react-aspect-ratio": "^1.0.3",
     "@radix-ui/react-avatar": "^1.0.3",
     "@radix-ui/react-checkbox": "^1.0.4",
     "@radix-ui/react-collapsible": "^1.1.12",
     "@radix-ui/react-context-menu": "^2.2.2",
-    "@radix-ui/react-dialog": "^1.0.5",
+    "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-dropdown-menu": "^2.1.16",
     "@radix-ui/react-hover-card": "^1.1.15",
     "@radix-ui/react-icons": "^1.3.0",
@@ -249,7 +256,7 @@
     "@radix-ui/react-select": "^2.0.0",
     "@radix-ui/react-separator": "^1.0.3",
     "@radix-ui/react-slider": "^1.1.2",
-    "@radix-ui/react-slot": "^1.0.2",
+    "@radix-ui/react-slot": "^1.2.3",
     "@radix-ui/react-switch": "^1.0.3",
     "@radix-ui/react-tabs": "^1.0.4",
     "@radix-ui/react-toast": "^1.1.5",
@@ -262,50 +269,72 @@
     "clsx": "^2.1.1",
     "cmdk": "^0.2.0",
     "commander": "^12.1.0",
-    "date-fns": "^3.6.0",
-    "embla-carousel-react": "8.5.1",
-    "filesize": "^11.0.2",
-    "framer-motion": "^11.15.0",
-    "input-otp": "^1.0.1",
+    "date-fns": "^3.0.0",
+    "embla-carousel-react": "^8.0.0",
+    "input-otp": "^1.2.4",
     "lodash.castarray": "^4.4.0",
     "lodash.isplainobject": "^4.0.6",
     "lodash.merge": "^4.6.2",
-    "lucide-react": "0.456.0",
-    "markdown-to-jsx": "^7.7.13",
-    "mermaid": "^11.12.0",
     "postcss-selector-parser": "^6.0.16",
-    "qrcode.react": "^4.2.0",
-    "react-day-picker": "^8.10.1",
-    "react-dropzone": "^14.3.5",
+    "react-day-picker": "^9.0.0",
+    "react-hook-form": "^7.49.0",
     "react-intersection-observer": "^9.8.2",
-    "react-markdown": "^9.0.3",
-    "react-resizable-panels": "^3.0.6",
-    "react-syntax-highlighter": "^15.6.1",
-    "rehype-katex": "^7.0.1",
-    "remark-gfm": "^4.0.0",
-    "remark-math": "^6.0.0",
-    "sonner": "^1.4.41",
-    "sql.js": "^1.13.0",
+    "react-resizable-panels": "^1.0.5",
+    "recharts": "^2.10.0",
+    "sonner": "^1.3.1",
     "svg-pan-zoom": "^3.6.2",
     "tailwind-merge": "^2.6.0",
     "tailwindcss-animate": "^1.0.7",
     "tailwindcss-interaction-media": "^0.1.0",
-    "vaul": "^1.1.2",
-    "zod": "^3.23.8",
+    "vaul": "^0.9.0",
+    "zod": "^3.25.76",
     "zod-to-json-schema": "^3.23.2"
   },
   "peerDependencies": {
     "@hookform/resolvers": "^3.3.2",
-    "embla-carousel": "^8.1.6",
     "lucide-react": "0.456.0",
     "mobx": "^6.12.3",
     "next": "14.2.16",
     "next-themes": "^0.2.1",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "react-hook-form": "7.51.4",
     "validator": "^13.11.0"
   },
+  "peerDependenciesMeta": {
+    "cmdk": {
+      "optional": true
+    },
+    "date-fns": {
+      "optional": true
+    },
+    "embla-carousel": {
+      "optional": true
+    },
+    "embla-carousel-react": {
+      "optional": true
+    },
+    "input-otp": {
+      "optional": true
+    },
+    "react-day-picker": {
+      "optional": true
+    },
+    "react-hook-form": {
+      "optional": true
+    },
+    "react-resizable-panels": {
+      "optional": true
+    },
+    "recharts": {
+      "optional": true
+    },
+    "sonner": {
+      "optional": true
+    },
+    "vaul": {
+      "optional": true
+    }
+  },
   "devDependencies": {
     "@mdx-js/loader": "^3.0.0",
     "@mdx-js/react": "^3.0.0",

package/assets/ai-icons.tsx

@@ -1,207 +0,0 @@
-// AI provider icon implementations
-import React from 'react';
-import { cn } from '../src/utils';
-import { BrainIcon, ServerIcon, BotIcon, SparklesIcon, CpuIcon, ZapIcon, RocketIcon, ActivityIcon, NetworkIcon } from 'lucide-react';
-
-// Simple placeholder icons for AI providers - replace with actual brand icons when available
-export const AnthropicIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <BrainIcon ref={ref} className={cn("h-4 w-4", className)} {...props} />
-  )
-);
-AnthropicIcon.displayName = 'AnthropicIcon';
-
-export const AyaCohereIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <SparklesIcon ref={ref} className={cn("h-4 w-4", className)} {...props} />
-  )
-);
-AyaCohereIcon.displayName = 'AyaCohereIcon';
-
-export const DeepSeekIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <CpuIcon ref={ref} className={cn("h-4 w-4", className)} {...props} />
-  )
-);
-DeepSeekIcon.displayName = 'DeepSeekIcon';
-
-export const ExoIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <ServerIcon ref={ref} className={cn("h-4 w-4", className)} {...props} />
-  )
-);
-ExoIcon.displayName = 'ExoIcon';
-
-export const GeminiIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <SparklesIcon ref={ref} className={cn("h-4 w-4", className)} {...props} />
-  )
-);
-GeminiIcon.displayName = 'GeminiIcon';
-
-export const GoogleIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <svg ref={ref} className={cn("h-4 w-4", className)} viewBox="0 0 24 24" fill="currentColor" {...props}>
-      <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/>
-    </svg>
-  )
-);
-GoogleIcon.displayName = 'GoogleIcon';
-
-export const GrokIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <ZapIcon ref={ref} className={cn("h-4 w-4", className)} {...props} />
-  )
-);
-GrokIcon.displayName = 'GrokIcon';
-
-export const GroqIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <RocketIcon ref={ref} className={cn("h-4 w-4", className)} {...props} />
-  )
-);
-GroqIcon.displayName = 'GroqIcon';
-
-export const LmStudioIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <ServerIcon ref={ref} className={cn("h-4 w-4", className)} {...props} />
-  )
-);
-LmStudioIcon.displayName = 'LmStudioIcon';
-
-export const MetaIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <svg ref={ref} className={cn("h-4 w-4", className)} viewBox="0 0 24 24" fill="currentColor" {...props}>
-      <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 2c4.41 0 8 3.59 8 8s-3.59 8-8 8-8-3.59-8-8 3.59-8 8-8z"/>
-    </svg>
-  )
-);
-MetaIcon.displayName = 'MetaIcon';
-
-export const MistralIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <ActivityIcon ref={ref} className={cn("h-4 w-4", className)} {...props} />
-  )
-);
-MistralIcon.displayName = 'MistralIcon';
-
-export const OllamaIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <ServerIcon ref={ref} className={cn("h-4 w-4", className)} {...props} />
-  )
-);
-OllamaIcon.displayName = 'OllamaIcon';
-
-export const OpenAIIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <BotIcon ref={ref} className={cn("h-4 w-4", className)} {...props} />
-  )
-);
-OpenAIIcon.displayName = 'OpenAIIcon';
-
-export const OpenRouterIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <NetworkIcon ref={ref} className={cn("h-4 w-4", className)} {...props} />
-  )
-);
-OpenRouterIcon.displayName = 'OpenRouterIcon';
-
-export const PerplexityIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <SparklesIcon ref={ref} className={cn("h-4 w-4", className)} {...props} />
-  )
-);
-PerplexityIcon.displayName = 'PerplexityIcon';
-
-export const QwenIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <CpuIcon ref={ref} className={cn("h-4 w-4", className)} {...props} />
-  )
-);
-QwenIcon.displayName = 'QwenIcon';
-
-export const HanzoIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <svg ref={ref} className={cn("h-4 w-4", className)} viewBox="0 0 24 24" fill="currentColor" {...props}>
-      <path d="M12 2L2 7v10c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V7l-10-5z"/>
-    </svg>
-  )
-);
-HanzoIcon.displayName = 'HanzoIcon';
-
-export const TogetherAI = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <NetworkIcon ref={ref} className={cn("h-4 w-4", className)} {...props} />
-  )
-);
-TogetherAI.displayName = 'TogetherAI';
-
-// Generic AI icon for providers without specific icons
-export const AisIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <BrainIcon ref={ref} className={cn("h-4 w-4", className)} {...props} />
-  )
-);
-AisIcon.displayName = 'AisIcon';
-
-// Also export the ScheduledTasksIcon and SendIcon that might be needed
-export const ScheduledTasksIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <ActivityIcon ref={ref} className={cn("h-4 w-4", className)} {...props} />
-  )
-);
-ScheduledTasksIcon.displayName = 'ScheduledTasksIcon';
-
-export const SendIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <svg ref={ref} className={cn("h-4 w-4", className)} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" {...props}>
-      <line x1="22" y1="2" x2="11" y2="13"></line>
-      <polygon points="22 2 15 22 11 13 2 9 22 2"></polygon>
-    </svg>
-  )
-);
-SendIcon.displayName = 'SendIcon';
-
-export const ReactJsIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <svg ref={ref} className={cn("h-4 w-4", className)} viewBox="0 0 24 24" fill="currentColor" {...props}>
-      <circle cx="12" cy="12" r="10" fill="none" stroke="currentColor" strokeWidth="2"/>
-      <circle cx="12" cy="12" r="3" fill="currentColor"/>
-      <circle cx="12" cy="6" r="2" fill="currentColor"/>
-      <circle cx="18" cy="15" r="2" fill="currentColor"/>
-      <circle cx="6" cy="15" r="2" fill="currentColor"/>
-      <path d="M12 12 L12 6 M12 12 L18 15 M12 12 L6 15" stroke="currentColor" strokeWidth="1.5"/>
-    </svg>
-  )
-);
-ReactJsIcon.displayName = 'ReactJsIcon';
-
-export const ReasoningIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <BrainIcon ref={ref} className={cn("h-4 w-4", className)} {...props} />
-  )
-);
-ReasoningIcon.displayName = 'ReasoningIcon';
-
-export const ToolsIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <svg ref={ref} className={cn("h-4 w-4", className)} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" {...props}>
-      <path d="M14 2l1.5 1.5v5.5L21 9v6l-5.5-.5V21L14 22l-2-7-2 7-1.5-1V14.5L3 15V9l5.5.5V4L10 2h4z"/>
-    </svg>
-  )
-);
-ToolsIcon.displayName = 'ToolsIcon';
-
-export const AIAgentIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <BotIcon ref={ref} className={cn("h-4 w-4", className)} {...props} />
-  )
-);
-AIAgentIcon.displayName = 'AIAgentIcon';
-
-export const TracingIcon = React.forwardRef<SVGSVGElement, React.SVGProps<SVGSVGElement>>(
-  ({ className, ...props }, ref) => (
-    <ActivityIcon ref={ref} className={cn("h-4 w-4", className)} {...props} />
-  )
-);
-TracingIcon.displayName = 'TracingIcon';

package/assets/crypto.tsx

@@ -1,33 +0,0 @@
-import { cn } from '../src/utils';
-
-export const EthereumIcon = ({ className }: { className?: string }) => (
-  <svg
-    className={cn('shrink-0', className)}
-    width="16"
-    height="16"
-    fill="none"
-    viewBox="0 0 24 24"
-  >
-    <path
-      fill="#fff"
-      d="M12 3v6.65l5.625 2.516zm0 0-5.625 9.166L12 9.651zm0 13.477v4.522l5.625-7.784zM12 21v-4.523l-5.625-3.262z"
-    />
-  </svg>
-);
-
-export const USDCIcon = ({ className }: { className?: string }) => (
-  <svg
-    width="16"
-    className={cn('shrink-0', className)}
-    height="16"
-    fill="none"
-    viewBox="0 0 24 24"
-  >
-    <path
-      fill="#fff"
-      fillRule="evenodd"
-      d="M12 21c4.99 0 9-4.01 9-9s-4.01-9-9-9-9 4.01-9 9 4.01 9 9 9m2.475-7.578c0-1.31-.787-1.76-2.362-1.946-1.125-.152-1.35-.45-1.35-.978 0-.523.377-.86 1.125-.86.675 0 1.052.224 1.237.787.04.112.152.185.265.185h.596a.256.256 0 0 0 .264-.259v-.039c-.152-.827-.827-1.614-1.687-1.687v-.827c0-.152-.113-.265-.298-.298h-.495c-.152 0-.293.112-.332.298v.827c-1.125.151-1.873 1.012-1.873 1.951 0 1.238.748 1.722 2.323 1.913 1.052.185 1.39.41 1.39 1.012 0 .597-.53 1.013-1.238 1.013-.98 0-1.316-.416-1.429-.979-.034-.146-.146-.225-.259-.225h-.641a.256.256 0 0 0-.259.264v.04c.146.934.748 1.575 1.986 1.76v.833c0 .152.112.253.298.293h.54c.146 0 .248-.102.287-.293v-.833c1.125-.185 1.912-.939 1.912-1.952"
-      clipRule="evenodd"
-    />
-  </svg>
-);

package/assets/file-type-icon.tsx

@@ -1,66 +0,0 @@
-// FileTypeIcon component
-import React from 'react';
-import { cn } from '../src/utils';
-import { FileIcon, FolderIcon, ImageIcon, FileTextIcon, FileCodeIcon, FileArchiveIcon } from 'lucide-react';
-
-export interface FileTypeIconProps extends React.SVGProps<SVGSVGElement> {
-  type?: string;
-}
-
-const getIconForType = (type?: string) => {
-  if (!type) return FileIcon;
-
-  const lowerType = type.toLowerCase();
-
-  // Image files
-  if (['png', 'jpg', 'jpeg', 'gif', 'svg', 'webp', 'ico', 'bmp'].includes(lowerType)) {
-    return ImageIcon;
-  }
-
-  // Document files
-  if (['pdf', 'doc', 'docx', 'txt', 'md', 'rtf'].includes(lowerType)) {
-    return FileTextIcon;
-  }
-
-  // Code files
-  if (['js', 'jsx', 'ts', 'tsx', 'html', 'css', 'scss', 'json', 'xml', 'py', 'java', 'c', 'cpp', 'rs', 'go'].includes(lowerType)) {
-    return FileCodeIcon;
-  }
-
-  // Archive files
-  if (['zip', 'rar', '7z', 'tar', 'gz', 'bz2', 'xz'].includes(lowerType)) {
-    return FileArchiveIcon;
-  }
-
-  return FileIcon;
-};
-
-export const FileTypeIcon = React.forwardRef<SVGSVGElement, FileTypeIconProps>(
-  ({ type, className, ...props }, ref) => {
-    const Icon = getIconForType(type);
-
-    return (
-      <Icon
-        ref={ref}
-        className={cn("h-4 w-4", className)}
-        {...props}
-      />
-    );
-  }
-);
-
-FileTypeIcon.displayName = 'FileTypeIcon';
-
-export const DirectoryTypeIcon = React.forwardRef<SVGSVGElement, Omit<FileTypeIconProps, 'type'>>(
-  ({ className, ...props }, ref) => {
-    return (
-      <FolderIcon
-        ref={ref}
-        className={cn("h-4 w-4", className)}
-        {...props}
-      />
-    );
-  }
-);
-
-DirectoryTypeIcon.displayName = 'DirectoryTypeIcon';

package/assets/file.tsx

@@ -1,45 +0,0 @@
-// File icon map - placeholder for now
-// TODO: Add actual file icons when SVG assets are available
-
-export const fileIconMap: Record<string, string> = {
-  aep: '',
-  ai: '',
-  avi: '',
-  css: '',
-  csv: '',
-  dmg: '',
-  doc: '',
-  docx: '',
-  gif: '',
-  html: '',
-  jpeg: '',
-  jpg: '',
-  js: '',
-  json: '',
-  pdf: '',
-  png: '',
-  ppt: '',
-  pptx: '',
-  psd: '',
-  svg: '',
-  xls: '',
-  xlsx: '',
-  xml: '',
-};
-
-export const PaperClipIcon = ({ className }: { className?: string }) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    fill="none"
-    viewBox="0 0 24 24"
-    strokeWidth={1.5}
-    stroke="currentColor"
-    className={className}
-  >
-    <path
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      d="m18.375 12.739-7.693 7.693a4.5 4.5 0 0 1-6.364-6.364l10.94-10.94A3 3 0 1 1 19.5 7.372L8.552 18.32m.009-.01-.01.01m5.699-9.941-7.81 7.81a1.5 1.5 0 0 0 2.112 2.13"
-    />
-  </svg>
-);