@hanzo/ui 3.5.0 → 3.5.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/ui",
-  "version": "3.5.0",
+  "version": "3.5.2",
   "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/image.tsx

@@ -62,10 +62,10 @@ const Image: React.FC<{
 
   return (fullWidth) ? (
     <div className='relative flex flex-col items-center w-full'>
-      <NextImage src={src} alt={alt} {...toSpread} priority={preload} loading={preload ? 'eager' : 'lazy'} className={cn(svgFillClass, className)}/>
+      <NextImage src={src} alt={alt} data-vaul-no-drag {...toSpread} priority={preload} loading={preload ? 'eager' : 'lazy'} className={cn(svgFillClass, className)}/>
     </div>
   ) : (
-    <NextImage src={src} alt={alt} {...toSpread} priority={preload} loading={preload ? 'eager' : 'lazy'} className={cn(svgFillClass, className)}/>   
+    <NextImage src={src} alt={alt} data-vaul-no-drag {...toSpread} priority={preload} loading={preload ? 'eager' : 'lazy'} className={cn(svgFillClass, className)}/>   
   )
 }
 

package/primitives/main.tsx

@@ -2,7 +2,7 @@ import React, { type PropsWithChildren } from 'react'
 import { cn } from '../util'
 
 const c = 'max-w-screen-2xl 2xl:w-[1500px] lg:mx-auto ' + 
-  'flex flex-col justify-start items-stretch ' +
+  'flex flex-col justify-start items-center ' +
   'p-4 md:px-6 lg:px-8 '
 
 const Main: React.FC<PropsWithChildren & { 

package/primitives/media-stack.tsx

@@ -27,6 +27,7 @@ const MediaStack: React.FC<{
       <Spline
         scene={animation}
         className={cn(clx, 'pointer-events-none')} 
+        data-vaul-no-drag 
         style={{
             // // !aspect-[12/10] 
           width: (6/5 * (typeof cnst.h === 'number' ? cnst.h as number : parseInt(cnst.h as string)) ),

package/primitives/video-player.tsx

@@ -12,7 +12,7 @@ const VideoPlayer = React.forwardRef<HTMLVideoElement, VideoProps>(
 }, ref) => {
   
   return (
-    <video ref={ref} {...rest}>
+    <video ref={ref} {...rest}  data-vaul-no-drag >
     {sources.map((source, index) => (  
       <source key={index} src={source} />
     ))}