@srcroot/ui 0.0.54 → 0.0.56

package/src/registry/ui/separator.tsx

@@ -1,47 +1,46 @@
-"use client"
-
-import * as React from "react"
-import { cn } from "@/lib/utils"
-
-interface SeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Orientation of the separator
-     * @default "horizontal"
-     */
-    orientation?: "horizontal" | "vertical"
-    /**
-     * Whether the separator is decorative (no semantic meaning)
-     * @default true
-     */
-    decorative?: boolean
-}
-
-/**
- * Separator component for visual division
- * 
- * @example
- * // Horizontal separator
- * <Separator />
- * 
- * // Vertical separator
- * <Separator orientation="vertical" className="h-4" />
- */
-const Separator = React.forwardRef<HTMLDivElement, SeparatorProps>(
-    ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => (
-        <div
-            ref={ref}
-            role={decorative ? "none" : "separator"}
-            aria-orientation={decorative ? undefined : orientation}
-            className={cn(
-                "shrink-0 bg-border",
-                orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
-                className
-            )}
-            {...props}
-        />
-    )
-)
-Separator.displayName = "Separator"
-
-export { Separator }
-
+"use client"
+
+import * as React from "react"
+import { cn } from "@/lib/utils"
+
+interface SeparatorProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Orientation of the separator
+     * @default "horizontal"
+     */
+    orientation?: "horizontal" | "vertical"
+    /**
+     * Whether the separator is decorative (no semantic meaning)
+     * @default true
+     */
+    decorative?: boolean
+}
+
+/**
+ * Separator component for visual division
+ * 
+ * @example
+ * // Horizontal separator
+ * <Separator />
+ * 
+ * // Vertical separator
+ * <Separator orientation="vertical" className="h-4" />
+ */
+const Separator = React.forwardRef<HTMLDivElement, SeparatorProps>(
+    ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => (
+        <div
+            ref={ref}
+            role={decorative ? "none" : "separator"}
+            aria-orientation={decorative ? undefined : orientation}
+            className={cn(
+                "shrink-0 bg-border",
+                orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+                className
+            )}
+            {...props}
+        />
+    )
+)
+Separator.displayName = "Separator"
+
+export { Separator }

package/src/registry/ui/sheet.tsx

@@ -8,6 +8,7 @@ import { Slot } from "@/components/ui/slot"
 interface SheetContextValue {
     open: boolean
     onOpenChange: (open: boolean) => void
+    className?: string
 }
 
 const SheetContext = React.createContext<SheetContextValue | null>(null)
@@ -17,6 +18,7 @@ interface SheetProps {
     open?: boolean
     onOpenChange?: (open: boolean) => void
     defaultOpen?: boolean
+    className?: string
 }
 
 /**
@@ -34,14 +36,14 @@ interface SheetProps {
  *   </SheetContent>
  * </Sheet>
  */
-function Sheet({ children, open: controlledOpen, onOpenChange, defaultOpen = false }: SheetProps) {
+function Sheet({ children, open: controlledOpen, onOpenChange, defaultOpen = false, className }: SheetProps) {
     const [uncontrolledOpen, setUncontrolledOpen] = React.useState(defaultOpen)
 
     const open = controlledOpen !== undefined ? controlledOpen : uncontrolledOpen
     const setOpen = onOpenChange || setUncontrolledOpen
 
     return (
-        <SheetContext.Provider value={{ open, onOpenChange: setOpen }}>
+        <SheetContext.Provider value={{ open, onOpenChange: setOpen, className }}>
             {children}
         </SheetContext.Provider>
     )
@@ -191,7 +193,8 @@ const SheetContent = React.forwardRef<HTMLDivElement, SheetContentProps>(
                         isAnimating
                             ? animationClasses[sideKey].open
                             : animationClasses[sideKey].closed,
-                        className
+                        className,
+                        context.className
                     )}
                     {...props}
                 >