@hanzo/ui 4.4.2 → 4.5.0

package/blocks/components/enh-heading-block.tsx

@@ -1,6 +1,5 @@
 import React, {type ElementType} from 'react'
 
-import type { Icon } from '../../types'
 import type { EnhHeadingBlock } from '../def'
 import { ApplyTypography } from '../../primitives/index-common'
 import { cn, containsToken } from '../../util'
@@ -50,7 +49,7 @@ const tagFromLevel = (level: number): ElementType => {
 const Element: React.FC<{
   asTag: ElementType 
   text: string
-  icon?: Icon
+  icon?: React.ReactNode
   iconLeft?: boolean
   className?: string
 }> = ({

package/blocks/def/card-block.ts

@@ -1,7 +1,5 @@
 import React from 'react'
 
-import { type Icon } from '../../types'
-
 import type CTABlock from './cta-block'
 import type Block from './block'
 import type ImageBlock from './image-block'
@@ -12,7 +10,7 @@ interface CardBlock extends Block {
   specifiers?: string // 'media-left' or 'appear-disabled' or 'no-borders', etc... can be combined
   title?: string
   byline?: string
-  icon?: Icon // for title area
+  icon?: React.ReactNode // for title area
   iconAfter?: boolean
   media?: ImageBlock | VideoBlock // TODO: Media Stack
   content?: React.ReactNode

package/blocks/def/enh-heading-block.ts

@@ -1,4 +1,3 @@
-import type Icon from '../../types/icon'
 import type Block from './block'
 
   // level is heading tag level. 1 renders as <h1>, etc... 0 renders as <p>
@@ -22,7 +21,7 @@ interface EnhHeadingBlock extends Block {
   specifiers?: string  
     // By default, appears inline to left of first element (preheading or heading) 
     // unless indicated otherwise in specifiers 
-  icon?: Icon | string  // ReactNode or url string to asset
+  icon?: React.ReactNode  // ReactNode or url string to asset
   iconSize?: number     // if url string, this sets the size
   preheading?: {
     text: string

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/ui",
-  "version": "4.4.2",
+  "version": "4.5.0",
   "description": "Library that contains shared UI primitives, support for a common design system, and other boilerplate support.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
@@ -92,13 +92,13 @@
   "peerDependencies": {
     "@hookform/resolvers": "^3.3.2",
     "embla-carousel": "^8.1.6",
-    "lucide-react": "0.456.0",
+    "lucide-react": "catalog:",
     "mobx": "^6.12.3",
-    "next": "14.2.16",
+    "next": "catalog:",
     "next-themes": "^0.2.1",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
-    "react-hook-form": "7.51.4",
+    "react": "catalog:",
+    "react-dom": "catalog:",
+    "react-hook-form": "catalog:",
     "validator": "^13.11.0",
     "zod": "3.23.8"
   },

package/primitives/next/inline-icon.tsx

@@ -1,14 +1,13 @@
 import React from 'react'
 import Image from 'next/image'
 
-import type { Icon } from '../../types'
 
 const InlineIcon: React.FC<{
     /**
      * If a ReactNode is passed in, it should be set to 'w-full h-auto' so that it can be sized
      * according to width of parent. 
      */
-  icon: Icon | string
+  icon: React.ReactNode
     /** default should be handled by calling code. */
   size?: number
 
@@ -29,7 +28,7 @@ const InlineIcon: React.FC<{
   }
   return (
     <div className={className}>
-      {icon as Icon}
+      {icon}
     </div>
   )
 }

package/primitives/next/link-element.tsx

@@ -1,7 +1,7 @@
 import React, { type PropsWithChildren } from 'react'
 import Link from 'next/link'
 
-import type { LinkDef, Icon }  from '../../types'
+import type { LinkDef }  from '../../types'
 import { buttonVariants } from '../button'
 import { cn, type VariantProps } from '../../util'
 
@@ -23,7 +23,7 @@ const LinkElement: React.FC<
   onClick?: () => void  
 
     /** overrides def (eg, for title area)*/
-  icon?: Icon          
+  icon?: React.ReactNode          
     /** overrides def */
   iconAfter?: boolean   
   className?: string,

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/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 
-}