@hanzo/ui 3.8.19 → 3.8.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/ui",
-  "version": "3.8.19",
+  "version": "3.8.21",
   "description": "Library that contains shared UI primitives, support for a common design system, and other boilerplate support.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",

package/primitives/navigation-menu.tsx

@@ -20,7 +20,7 @@ const NavigationMenu = React.forwardRef<
     {...props}
   >
     {children}
-    <NavigationMenuViewport />
+    {/* <NavigationMenuViewport /> */}
   </NavigationMenuPrimitive.Root>
 ))
 NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName
@@ -40,12 +40,22 @@ const NavigationMenuList = React.forwardRef<
 ))
 NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName
 
-const NavigationMenuItem = NavigationMenuPrimitive.Item
+const NavigationMenuItem = React.forwardRef<
+  React.ElementRef<typeof NavigationMenuPrimitive.Item>,
+  React.ComponentPropsWithoutRef<typeof NavigationMenuPrimitive.Item>
+>(({ className, ...props }, ref) => (
+  <NavigationMenuPrimitive.Item
+    ref={ref}
+    className={cn("relative", className)}
+    {...props}
+  />
+))
+NavigationMenuItem.displayName = 'NavigationMenuItem'
 
 const navigationMenuTriggerStyle = cva(
   'group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 ' + 
   'text-sm font-medium transition-colors hover:bg-level-1 text-foreground hover:text-accent ' + 
-  'focus:bg-level-1 focus:text-accent focus:outline-none disabled:pointer-events-none disabled:opacity-50 ' + 
+  ' focus:text-accent focus:outline-none disabled:pointer-events-none disabled:opacity-50 ' + 
   'data-[active]:bg-level-1/50 data-[state=open]:bg-level-1/50'
 )
 
@@ -74,8 +84,9 @@ const NavigationMenuContent = React.forwardRef<
   <NavigationMenuPrimitive.Content
     ref={ref}
     className={cn(
-      'left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 ',
-      'data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto ',
+      "right-0  absolute",
+      "absolute top-full w-fit bg-popover mt-[5px]",
+      "data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 bg-background overflow-hidden rounded-md border",
       className
     )}
     {...props}

package/types/link-def.ts

@@ -50,6 +50,11 @@ interface LinkDef extends VariantProps<typeof buttonVariants> {
      * rendered as a disabled link, shows default cursor, and eats pointer events.
      */
   disabled?: boolean
+    /**
+     *contents for description link.
+     */
+  contents?: string
+
 }
 
 export {

package/util/index.ts

@@ -13,13 +13,6 @@ export const cn = (...inputs: ClassValue[]) => (
   twMerge(clsx(inputs))  
 ) 
 
-export const DEF_VIDEO_PROPS = {
-  autoPlay: true, 
-  loop: true, 
-  muted: true, 
-  playsInline: true
-}
-
 export const markdown = (s: string, options?: any): JSX.Element => (
   mdCompiler(s, {
     wrapper: null,