@srcroot/ui 0.0.27 → 0.0.28

package/README.md

@@ -1,6 +1,6 @@
 # @srcroot/ui
 
-A **shadcn-like** React UI library for building accessible, polymorphic web applications.
+A UI library with polymorphic, accessible React components.
 This library provides a collection of re-usable components that you can copy and paste into your apps.
 
 ## Features

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@srcroot/ui",
-  "version": "0.0.27",
-  "description": "A shadcn-style CLI UI library with polymorphic, accessible React components",
+  "version": "0.0.28",
+  "description": "A UI library with polymorphic, accessible React components",
   "type": "module",
   "bin": {
     "srcroot-ui": "./dist/index.js"

package/registry/carousel.tsx

@@ -1,3 +1,4 @@
+'use client'
 import * as React from "react"
 import { cn } from "@/lib/utils"
 
@@ -80,7 +81,7 @@ const CarouselContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HT
         return (
             <div ref={ref} className={cn("overflow-hidden", className)} {...props}>
                 <div
-                    className="flex transition-transform duration-300 ease-in-out"
+                    className="w-full h-full flex transition-transform duration-300 ease-in-out"
                     style={{ transform: `translateX(-${context.currentIndex * 100}%)` }}
                 >
                     {children}
@@ -97,7 +98,7 @@ const CarouselItem = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLD
             ref={ref}
             role="group"
             aria-roledescription="slide"
-            className={cn("min-w-0 shrink-0 grow-0 basis-full", className)}
+            className={cn("min-w-0 h-full shrink-0 grow-0 basis-full", className)}
             {...props}
         />
     )
@@ -118,7 +119,7 @@ const CarouselPrevious = React.forwardRef<
             ref={ref}
             type="button"
             className={cn(
-                "absolute left-4 top-1/2 -translate-y-1/2 h-8 w-8 rounded-full border bg-background shadow-md flex items-center justify-center",
+                "absolute left-4 top-1/2 -translate-y-1/2 h-8 w-8 rounded-full border bg-background shadow-md flex items-center justify-center cursor-pointer",
                 "hover:bg-accent disabled:opacity-50",
                 className
             )}
@@ -149,7 +150,7 @@ const CarouselNext = React.forwardRef<
             ref={ref}
             type="button"
             className={cn(
-                "absolute right-4 top-1/2 -translate-y-1/2 h-8 w-8 rounded-full border bg-background shadow-md flex items-center justify-center",
+                "absolute right-4 top-1/2 -translate-y-1/2 h-8 w-8 rounded-full border bg-background shadow-md flex items-center justify-center cursor-pointer",
                 "hover:bg-accent disabled:opacity-50",
                 className
             )}

package/registry/sidebar.tsx

@@ -1,7 +1,7 @@
 "use client"
 
 import * as React from "react"
-import { LuPanelLeft } from "react-icons/lu"
+import { PanelLeft } from "lucide-react"
 import { cva, type VariantProps } from "class-variance-authority"
 
 import { cn } from "@/lib/utils"
@@ -168,7 +168,10 @@ const Sidebar = React.forwardRef<
         return (
             <div
                 ref={ref}
-                className="group peer hidden md:block text-sidebar-foreground"
+                className={cn(
+                    "group peer hidden md:block text-sidebar-foreground",
+                    className
+                )}
                 data-state={state}
                 data-collapsible={state === "collapsed" ? collapsible : ""}
                 data-variant={variant}
@@ -233,7 +236,7 @@ const SidebarTrigger = React.forwardRef<
             }}
             {...props}
         >
-            <LuPanelLeft />
+            <PanelLeft />
             <span className="sr-only">Toggle Sidebar</span>
         </Button>
     )