@hanzo/ui 4.4.3 → 4.5.2

package/registry.json

@@ -0,0 +1,184 @@
+{
+  "$schema": "https://ui.shadcn.com/schema/registry.json",
+  "name": "hanzo",
+  "homepage": "https://ui.hanzo.ai",
+  "items": [
+    {
+      "name": "default",
+      "type": "registry:style",
+      "description": "The default style for Hanzo UI components.",
+      "files": []
+    },
+    {
+      "name": "new-york",
+      "type": "registry:style",
+      "description": "The new-york style for Hanzo UI components.",
+      "files": []
+    },
+    {
+      "name": "accordion",
+      "type": "registry:component",
+      "description": "A accordion component for your UI.",
+      "files": [
+        {
+          "path": "default/ui/accordion/accordion.tsx",
+          "type": "registry:component"
+        }
+      ]
+    },
+    {
+      "name": "alert",
+      "type": "registry:component",
+      "description": "A alert component for your UI.",
+      "files": [
+        {
+          "path": "default/ui/alert/alert.tsx",
+          "type": "registry:component"
+        }
+      ]
+    },
+    {
+      "name": "avatar",
+      "type": "registry:component",
+      "description": "A avatar component for your UI.",
+      "files": [
+        {
+          "path": "default/ui/avatar/avatar.tsx",
+          "type": "registry:component"
+        }
+      ]
+    },
+    {
+      "name": "badge",
+      "type": "registry:component",
+      "description": "A badge component for your UI.",
+      "files": [
+        {
+          "path": "default/ui/badge/badge.tsx",
+          "type": "registry:component"
+        }
+      ]
+    },
+    {
+      "name": "button",
+      "type": "registry:component",
+      "description": "A button component for your UI.",
+      "files": [
+        {
+          "path": "default/ui/button/button.tsx",
+          "type": "registry:component"
+        }
+      ]
+    },
+    {
+      "name": "card",
+      "type": "registry:component",
+      "description": "A card component for your UI.",
+      "files": [
+        {
+          "path": "default/ui/card/card.tsx",
+          "type": "registry:component"
+        }
+      ]
+    },
+    {
+      "name": "checkbox",
+      "type": "registry:component",
+      "description": "A checkbox component for your UI.",
+      "files": [
+        {
+          "path": "default/ui/checkbox/checkbox.tsx",
+          "type": "registry:component"
+        }
+      ]
+    },
+    {
+      "name": "dialog",
+      "type": "registry:component",
+      "description": "A dialog component for your UI.",
+      "files": [
+        {
+          "path": "default/ui/dialog/dialog.tsx",
+          "type": "registry:component"
+        }
+      ]
+    },
+    {
+      "name": "input",
+      "type": "registry:component",
+      "description": "A input component for your UI.",
+      "files": [
+        {
+          "path": "default/ui/input/input.tsx",
+          "type": "registry:component"
+        }
+      ]
+    },
+    {
+      "name": "label",
+      "type": "registry:component",
+      "description": "A label component for your UI.",
+      "files": [
+        {
+          "path": "default/ui/label/label.tsx",
+          "type": "registry:component"
+        }
+      ]
+    },
+    {
+      "name": "popover",
+      "type": "registry:component",
+      "description": "A popover component for your UI.",
+      "files": [
+        {
+          "path": "default/ui/popover/popover.tsx",
+          "type": "registry:component"
+        }
+      ]
+    },
+    {
+      "name": "select",
+      "type": "registry:component",
+      "description": "A select component for your UI.",
+      "files": [
+        {
+          "path": "default/ui/select/select.tsx",
+          "type": "registry:component"
+        }
+      ]
+    },
+    {
+      "name": "table",
+      "type": "registry:component",
+      "description": "A table component for your UI.",
+      "files": [
+        {
+          "path": "default/ui/table/table.tsx",
+          "type": "registry:component"
+        }
+      ]
+    },
+    {
+      "name": "tabs",
+      "type": "registry:component",
+      "description": "A tabs component for your UI.",
+      "files": [
+        {
+          "path": "default/ui/tabs/tabs.tsx",
+          "type": "registry:component"
+        }
+      ]
+    },
+    {
+      "name": "toast",
+      "type": "registry:component",
+      "description": "A toast component for your UI.",
+      "files": [
+        {
+          "path": "default/ui/toast/toast.tsx",
+          "type": "registry:component"
+        }
+      ]
+    }
+  ]
+}

package/tailwind/typography-test.mdx

@@ -29,7 +29,6 @@ Lorem ipsum dolor sit [amet]('/'), adipiscing elit, sed do eiusmod tempor incidi
   def={{
     title: 'Enter App',
     href: 'https://app.lux.market',
-    external: 'true',
     variant: 'primary',
   }}
   size='lg'

package/test/test-registry.js

@@ -0,0 +1,73 @@
+// Small test for the registry functionality
+// This script checks if the registry is accessible
+const https = require('https');
+
+function fetchJson(url) {
+  return new Promise((resolve, reject) => {
+    https.get(url, (res) => {
+      let data = '';
+      
+      // Handle HTTP errors
+      if (res.statusCode !== 200) {
+        reject(new Error(`HTTP error: ${res.statusCode} ${res.statusMessage}`));
+        return;
+      }
+      
+      // Collect data chunks
+      res.on('data', (chunk) => {
+        data += chunk;
+      });
+      
+      // Process complete response
+      res.on('end', () => {
+        try {
+          const parsed = JSON.parse(data);
+          resolve(parsed);
+        } catch (error) {
+          reject(new Error(`Invalid JSON: ${error.message}`));
+        }
+      });
+      
+    }).on('error', (err) => {
+      reject(err);
+    });
+  });
+}
+
+async function main() {
+  try {
+    // Define registry URL
+    const registryUrl = "https://ui.hanzo.ai/registry/registry.json";
+    
+    // Fetch the registry
+    console.log(`Fetching registry from ${registryUrl}...`);
+    const registry = await fetchJson(registryUrl);
+    
+    console.log(`Successfully fetched registry with ${registry.items.length} items`);
+    
+    // Display some basic information
+    console.log(`Registry name: ${registry.name}`);
+    console.log(`Homepage: ${registry.homepage || 'Not specified'}`);
+    
+    // Count items by type
+    const typeCount = {};
+    registry.items.forEach(item => {
+      const type = item.type;
+      typeCount[type] = (typeCount[type] || 0) + 1;
+    });
+    
+    console.log("Items by type:");
+    Object.entries(typeCount).forEach(([type, count]) => {
+      console.log(`  ${type}: ${count} items`);
+    });
+    
+    // Test complete
+    console.log("Registry test completed successfully!");
+  } catch (error) {
+    console.error("Error testing registry:", error);
+    process.exit(1);
+  }
+}
+
+// Run the test
+main();

package/tsconfig.json

@@ -6,5 +6,12 @@
   ],
   "exclude": [
     "node_modules",
-  ]
+    "dist",
+    "registry/index.d.ts"
+  ],
+  "compilerOptions": {
+    "noEmit": false,
+    "declaration": true,
+    "outDir": "./dist"
+  }
 }

package/types/bullet-item.ts

@@ -1,8 +1,8 @@
-import type Icon from './icon'
+import React from 'react'
 
 interface BulletItem {
   text: string,
-  icon?: Icon | string // Icon = ReactNode; ReactNode can be a string
+  icon?: React.ReactNode // Icon = ReactNode; ReactNode can be a string
 }
 
 export {

package/types/index.ts

@@ -20,7 +20,6 @@ export {
   COMMON_GRID_4_COL 
 } from './grid-def'
 
-export type { default as Icon } from './icon'
 export type { default as ImageDef } from './image-def'
 export type { default as LinkDef } from './link-def'
 export type { default as TShirtDimensions } from './tshirt-dimensions' 

package/types/link-def.ts

@@ -1,12 +1,10 @@
 import type { VariantProps } from 'class-variance-authority'
 import type { buttonVariants } from '../primitives/button'
-import type Icon  from './icon'
 
-/**
- * A Conf object for the LinkElement primitive.
- * 
- * 
- */
+
+  /**
+   * A Conf object for the LinkElement primitive.
+   */
 interface LinkDef extends VariantProps<typeof buttonVariants> {
     /**
      * If the LinkElement is rendered directly and has children, 
@@ -20,7 +18,7 @@ interface LinkDef extends VariantProps<typeof buttonVariants> {
      * the title, icon, iconAfter fields in the supplied LinkDef 
      * will be ignored. 
      */ 
-  icon?: Icon
+  icon?: React.ReactNode
 
     /**
      * If the LinkElement is rendered directly and has children, 
@@ -31,13 +29,6 @@ interface LinkDef extends VariantProps<typeof buttonVariants> {
 
   href: string
 
-    /**
-     * @deprecated This field no longer has an effect as
-     * the related logic just checks for the presence of 'http' 
-     * at the start of the URL string
-     */
-  external?: boolean 
-
     /**
      * External links will open in a new tab (via target='_blank') by default, 
      * while internal ones will open in the same tab.
@@ -55,8 +46,11 @@ interface LinkDef extends VariantProps<typeof buttonVariants> {
      */
   contents?: string
 
+  childMenu?: LinkDef[]
+  groupName?: string
 }
 
+
 export {
   type LinkDef as default
 }

package/types/icon.ts

@@ -1,10 +0,0 @@
-import type { ReactNode } from 'react'
-
-//import type { LucideIcon} from 'lucide-react'
-//import type { SocialIconProps } from '@/components/icons/social-icon'
-
-type Icon =  ReactNode
-
-export {
-  type Icon as default 
-}