@gentleduck/registry-ui 0.2.6 → 0.2.8

package/src/slider/slider.tsx

@@ -4,15 +4,10 @@ import { cn } from '@gentleduck/libs/cn'
 import * as SliderPrimitive from '@gentleduck/primitives/slider'
 import * as React from 'react'
 
-function Slider({
-  className,
-  defaultValue,
-  orientation = 'horizontal',
-  value,
-  min = 0,
-  max = 100,
-  ...props
-}: React.ComponentProps<typeof SliderPrimitive.Root>) {
+const Slider = React.forwardRef<
+  React.ComponentRef<typeof SliderPrimitive.Root>,
+  React.ComponentProps<typeof SliderPrimitive.Root>
+>(({ className, defaultValue, orientation = 'horizontal', value, min = 0, max = 100, ...props }, ref) => {
   const _values = React.useMemo(
     () => (Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max]),
     [value, defaultValue, min, max],
@@ -20,6 +15,7 @@ function Slider({
 
   return (
     <SliderPrimitive.Root
+      ref={ref}
       data-slot="slider"
       data-orientation={orientation}
       defaultValue={defaultValue}
@@ -53,6 +49,7 @@ function Slider({
       ))}
     </SliderPrimitive.Root>
   )
-}
+})
+Slider.displayName = 'Slider'
 
 export { Slider }

package/src/sonner/sonner.chunks.tsx

@@ -78,4 +78,6 @@ const SonnerUpload = ({
   )
 }
 
+SonnerUpload.displayName = 'SonnerUpload'
+
 export { SonnerUpload }

package/src/sonner/sonner.tsx

@@ -3,29 +3,32 @@
 import { cn } from '@gentleduck/libs/cn'
 import { type Direction, useDirection } from '@gentleduck/primitives/direction'
 import { useTheme } from 'next-themes'
-import type * as React from 'react'
+import React from 'react'
 import { Toaster as Sonner, type ToasterProps } from 'sonner'
 
-const Toaster = ({ dir, className, ...props }: ToasterProps) => {
-  const { theme = 'system' } = useTheme()
-  const direction = useDirection(dir as Direction)
+const Toaster = React.forwardRef<React.ComponentRef<typeof Sonner>, ToasterProps>(
+  ({ dir, className, ...props }, ref) => {
+    const { theme = 'system' } = useTheme()
+    const direction = useDirection(dir as Direction)
 
-  return (
-    <Sonner
-      className={cn('toaster group [&_li>div]:w-full', className)}
-      dir={direction}
-      style={
-        {
-          '--normal-bg': 'var(--popover)',
-          '--normal-border': 'var(--border)',
-          '--normal-text': 'var(--popover-foreground)',
-        } as React.CSSProperties
-      }
-      theme={theme as ToasterProps['theme']}
-      {...props}
-    />
-  )
-}
+    return (
+      <Sonner
+        ref={ref}
+        className={cn('toaster group [&_li>div]:w-full', className)}
+        dir={direction}
+        style={
+          {
+            '--normal-bg': 'var(--popover)',
+            '--normal-border': 'var(--border)',
+            '--normal-text': 'var(--popover-foreground)',
+          } as React.CSSProperties
+        }
+        theme={theme as ToasterProps['theme']}
+        {...props}
+      />
+    )
+  },
+)
 Toaster.displayName = 'Toaster'
 
 export { Toaster }

package/src/toggle/toggle.constants.ts

@@ -10,8 +10,8 @@ export const toggleVariants = cva(
     variants: {
       size: {
         default: 'h-9 px-4 py-2 has-[>svg]:px-3',
-        lg: 'h-10 min-w-11 px-5 px-6 has-[>svg]:px-4',
-        sm: 'h-8 min-w-9 gap-1.5 px-2.5 px-3 has-[>svg]:px-2.5',
+        lg: 'h-10 min-w-11 px-6 has-[>svg]:px-4',
+        sm: 'h-8 min-w-9 gap-1.5 px-3 has-[>svg]:px-2.5',
       },
       variant: {
         default: 'bg-transparent',

package/src/tooltip/tooltip.tsx

@@ -5,10 +5,13 @@ import * as TooltipPrimitive from '@gentleduck/primitives/tooltip'
 import * as React from 'react'
 
 const TooltipProvider = TooltipPrimitive.Provider
+TooltipProvider.displayName = 'TooltipProvider'
 
 const Tooltip = TooltipPrimitive.Root
+Tooltip.displayName = 'Tooltip'
 
 const TooltipTrigger = TooltipPrimitive.Trigger
+TooltipTrigger.displayName = 'TooltipTrigger'
 
 const TooltipContent = React.forwardRef<
   React.ComponentRef<typeof TooltipPrimitive.Content>,

package/tsconfig.json

@@ -24,7 +24,6 @@
     "dist",
     "./src/_old",
     "**/__test__/**",
-    "**/__test__/**",
     "**/*.test.ts",
     "**/*.test.tsx",
     "**/*.tsbuildinfo",