@hanzo/ui 3.4.2 → 3.4.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/ui",
-  "version": "3.4.2",
+  "version": "3.4.4",
   "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/accordion.tsx

@@ -3,7 +3,7 @@
 
 import * as React from "react"
 import * as AccordionPrimitive from "@radix-ui/react-accordion"
-import { ChevronDown } from "lucide-react"
+import { ChevronUp } from "lucide-react"
 
 import { cn } from "../util"
 
@@ -21,20 +21,25 @@ const AccordionItem = React.forwardRef<
 ))
 AccordionItem.displayName = "AccordionItem"
 
+type AccordionTriggerProps = React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger> & {
+  showChevron?: boolean;
+}
+
 const AccordionTrigger = React.forwardRef<
   React.ElementRef<typeof AccordionPrimitive.Trigger>,
-  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>
->(({ className, children, ...props }, ref) => (
+  AccordionTriggerProps
+>(({ showChevron, className, children, ...props }, ref) => (
   <AccordionPrimitive.Header className="flex">
     <AccordionPrimitive.Trigger
       ref={ref}
       className={cn(
-        "flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline ",
+        "flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:-rotate-180",
         className
       )}
       {...props}
     >
       {children}
+      {showChevron && <ChevronUp className="shrink-0 transition-transform duration-200" />}
     </AccordionPrimitive.Trigger>
   </AccordionPrimitive.Header>
 ))

package/primitives/carousel.tsx

@@ -18,7 +18,7 @@ type CarouselProps = {
   plugins?: CarouselPlugins
   orientation?: 'horizontal' | 'vertical'
   setApi?: (api: CarouselApi) => void
-  onSelect?: (api: CarouselApi) => void 
+  onCarouselSelect?: (api: CarouselApi) => void 
 }
 
 type CarouselContextProps = {
@@ -57,7 +57,7 @@ const Carousel = React.forwardRef<
       plugins,
       className,
       children,
-      onSelect: _onSelect,
+      onCarouselSelect,
       ...props
     },
     ref
@@ -79,8 +79,8 @@ const Carousel = React.forwardRef<
 
       setCanScrollPrev(api.canScrollPrev())
       setCanScrollNext(api.canScrollNext())
-      if (_onSelect) {
-        _onSelect(api)
+      if (onCarouselSelect) {
+        onCarouselSelect(api)
       }
     }, [])