@hanzo/ui 3.0.17 → 3.0.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/ui",
-  "version": "3.0.17",
+  "version": "3.0.19",
   "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/carousel.tsx

@@ -1,8 +1,8 @@
 'use client'
 
 import * as React from 'react'
-import useEmblaCarousel, { type UseEmblaCarouselType } from 'embla-carousel-react'
-import Autoplay from "embla-carousel-autoplay"
+import useEmblaCarousel, { type UseEmblaCarouselType, type EmblaOptionsType } from 'embla-carousel-react'
+import Autoplay from 'embla-carousel-autoplay'
 import { ArrowLeft, ArrowRight } from 'lucide-react'
 
 import { cn } from '../util'
@@ -254,6 +254,7 @@ CarouselNext.displayName = 'CarouselNext'
 
 export {
   type CarouselApi,
+  type EmblaOptionsType as CarouselOptionsType,
   Carousel,
   CarouselContent,
   CarouselItem,

package/primitives/drawer.tsx

@@ -26,7 +26,7 @@ const DrawerOverlay = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <DrawerPrimitive.Overlay
     ref={ref}
-    className={cn('fixed inset-0 bg-[#ffaaaa]', className)}
+    className={cn('fixed inset-0 bg-background opacity-50', className)}
     {...props}
   />
 ))
@@ -42,12 +42,12 @@ const DrawerContent = React.forwardRef<
     <DrawerPrimitive.Content
       ref={ref}
       className={cn('fixed left-0 right-0 bottom-0 ',
-        'mt-24 flex h-[80%] flex-col rounded-t-[10px] border bg-background',
+        'mt-24 flex flex-col h-[80%] rounded-t-[10px] pt-6 border bg-background',
         className
       )}
       {...props}
     >
-      <div className='mx-auto mt-4 h-2 w-[100px] rounded-full bg-level-1' />
+      <div className='absolute left-0 right-0 mx-auto top-2 h-2 w-[100px] rounded-full bg-level-2 shrink-0' />
       {children}
     </DrawerPrimitive.Content>
   </DrawerPortal>

package/primitives/index.ts

@@ -137,6 +137,7 @@ export {
 
 export {
   type CarouselApi,
+  type CarouselOptionsType,
   Carousel,
   CarouselContent,
   CarouselItem,

package/tailwind/tailwind.config.hanzo-preset.js

@@ -112,13 +112,13 @@ export default {
         sm: "calc(var(--radius) - 4px)",
       */ 
       none: '0px',
-      sm: '0.125rem',
-      DEFAULT: '0.25rem',
-      md: '0.375rem',
-      lg: '0.5rem',
-      xl: '0.75rem',
-      '2xl': '1rem',
-      '3xl': '1.5rem',
+      sm: '0.25rem',
+      DEFAULT: '0.5rem',
+      md: '0.5rem',
+      lg: '0.75rem',
+      xl: '1rem',
+      '2xl': '1.5rem',
+      '3xl': '2rem',
       full: '9999px',
     },
     borderSpacing: spacing,