@catalystsoftware/ui 1.0.4 → 1.0.5

package/dist/data/charts-data.tsx

@@ -0,0 +1,102 @@
+export const chartComps = [
+    {
+        name: "chart-display",
+        value: "chart-display",
+        importPath: "~/components/catalyst-ui/charts/chart-display",
+        multiImport: "EnhancedChart, EnhancedChartDemo",
+        path: "/components/catalyst-ui/charts/chart-display.tsx",
+        premium: true,
+        source: null,
+        category: "Charts: Blocks",
+        tags: ["ui", "components", "interactive"],
+        features: ["Responsive", "TypeScript", "Accessible"],
+        dependencies: ["react", "recharts", "lucide-react"],
+        usage: null,
+        usagePath: "/components/catalyst-ui/charts/chart-display.tsx",
+        props: {},
+        desc: null,
+        status: null,
+        lastUpdated: null
+    },
+    {
+        name: "chart-toolbar",
+        value: "chart-toolbar",
+        importPath: "~/components/catalyst-ui/charts/chart-toolbar",
+        multiImport: "EnhancedChart, EnhancedChartDemo",
+        path: "/components/catalyst-ui/charts/chart-toolbar.tsx",
+        premium: true,
+        source: null,
+        category: "Charts: Blocks",
+        tags: ["ui", "components", "interactive"],
+        features: ["Responsive", "TypeScript", "Accessible"],
+        dependencies: ["react", "recharts", "lucide-react"],
+        usage: null,
+        usagePath: "/components/catalyst-ui/charts/chart-toolbar.tsx",
+        props: {},
+        desc: null,
+        status: null,
+        lastUpdated: null
+    },
+    {
+        name: "Enhanced Chart",
+        value: "enhanced-chart",
+        importPath: "~/components/catalyst-ui/charts/enhanced-chart",
+        multiImport: "EnhancedChart, EnhancedChartDemo",
+        path: "/components/catalyst-ui/charts/enhanced-chart.tsx",
+        premium: true,
+        source: null,
+        category: "Charts: Blocks",
+        tags: ["ui", "components", "interactive"],
+        features: ["Responsive", "TypeScript", "Accessible"],
+        dependencies: ["react", "recharts", "lucide-react"],
+        usage: null,
+        usagePath: "/components/catalyst-ui/charts/enhanced-chart.tsx",
+        props: {
+            "MetricCard": [
+                { name: "metric", type: "string", default: null }
+            ],
+            "ChartControls": [
+                { name: "type", type: "string", default: null },
+                { name: "onTypeChange", type: "string", default: null },
+                { name: "exportable", type: "string", default: null },
+                { name: "onExport", type: "string", default: null },
+                { name: "filterable", type: "string", default: null },
+                { name: "onFilter", type: "string", default: null },
+                { name: "searchable", type: "string", default: null },
+                { name: "onSearch", type: "string", default: null },
+                { name: "fullscreen", type: "string", default: null },
+                { name: "onFullscreen", type: "string", default: null }
+            ],
+            "EnhancedChart": [
+                { name: "data", type: "string", default: null },
+                { name: "config", type: "string", default: null },
+                { name: "title", type: "string", default: null },
+                { name: "description", type: "string", default: null },
+                { name: "type", type: "string", default: "bar" },
+                { name: "variant", type: "string", default: "default" },
+                { name: "metrics", type: "string", default: null },
+                { name: "exportable", type: "boolean", default: false },
+                { name: "filterable", type: "boolean", default: false },
+                { name: "searchable", type: "boolean", default: false },
+                { name: "dateRange", type: "boolean", default: false },
+                { name: "fullscreen", type: "boolean", default: false },
+                { name: "className", type: "string", default: null },
+                { name: "height", type: "number", default: 400 },
+                { name: "showGrid", type: "boolean", default: true },
+                { name: "showXAxis", type: "boolean", default: true },
+                { name: "showYAxis", type: "boolean", default: true },
+                { name: "showTooltip", type: "boolean", default: true },
+                { name: "showLegend", type: "boolean", default: true },
+                { name: "colorScheme", type: "string", default: "default" },
+                { name: "animation", type: "boolean", default: true },
+                { name: "responsive", type: "boolean", default: true },
+                { name: "dataKey", type: "string", default: "date" },
+                { name: "onDataPointClick", type: "string", default: null },
+                { name: "onExport", type: "string", default: null }
+            ],
+        },
+        desc: null,
+        status: null,
+        lastUpdated: null
+    },
+];

package/dist/data/chat-data.tsx

@@ -0,0 +1,83 @@
+// @dev app/components/catalyst-ui/data/chat-data.tsx:12
+export const chatData = [
+    {
+        name: "message dock",
+        value: "message-dock",
+        importPath: "~/components/catalyst-ui/chat/message-dock",
+        multiImport: null,
+        basicusage: `
+const customCharacters: Character[] = [
+  { emoji: "✨", name: "Sparkle", online: false },
+  {
+    emoji: "🧙‍♂️",
+    name: "Wizard",
+    online: true,
+    backgroundColor: "bg-emerald-200 dark:bg-emerald-300",
+    gradientColors: "#a7f3d0, #ecfdf5",
+  },
+  {
+    emoji: "🦄",
+    name: "Unicorn",
+    online: true,
+    backgroundColor: "bg-violet-200 dark:bg-violet-300",
+    gradientColors: "#c4b5fd, #f5f3ff",
+  },
+  {
+    emoji: "🐵",
+    name: "Monkey",
+    online: true,
+    backgroundColor: "bg-amber-200 dark:bg-amber-300",
+    gradientColors: "#fde68a, #fffbeb",
+  },
+  {
+    emoji: "🤖",
+    name: "Robot",
+    online: false,
+    backgroundColor: "bg-rose-200 dark:bg-rose-300",
+    gradientColors: "#fecaca, #fef2f2",
+  },
+];
+export default function MessageDockDemo() {
+  const handleMessageSend = (message: string, character: Character, index: number) => {
+    console.log("Message sent:", { message, character: character.name, index });
+  };
+  const handleCharacterSelect = (character: Character) => {
+    console.log("Character selected:", character.name);
+  };
+  const handleDockToggle = (isExpanded: boolean) => {
+    console.log("Dock expanded:", isExpanded);
+  };
+  return (
+    <div className="flex items-center justify-center min-h-[120px] w-full p-6">
+      <MessageDock 
+        characters={customCharacters}
+        onMessageSend={handleMessageSend}
+        onCharacterSelect={handleCharacterSelect}
+        onDockToggle={handleDockToggle}
+        expandedWidth={400}
+        placeholder={(name) => \`Message \${name}...\`}
+        enableAnimations={true}
+        closeOnSend={true}
+        autoFocus={true}
+        className="relative"
+      />
+    </div>
+  );
+}`,
+        path: "/components/catalyst-ui/chat/message-dock.tsx",
+        source: null,
+        usagePath: "/components/catalyst-ui/chat/message-dock.tsx",
+        usage: null,
+        premium: true,
+        category: "Chat",
+        tags: ["backgrounds", "particles", "animated", "canvas", "interactive", "mouse"],
+        features: ["Responsive", "TypeScript", "Accessible", "Canvas Rendering", "Mouse Interaction", "Magnetic Effect", "Customizable Colors", "Velocity Control"],
+        dependencies: ["react"],
+        props: {
+            "message-dock": [],
+        },
+        desc: null,
+        status: null,
+        lastUpdated: null
+    },
+];