@gentleduck/registry-ui 0.2.5 → 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}
@@ -46,12 +42,14 @@ function Slider({
         <SliderPrimitive.Thumb
           data-orientation={orientation}
           data-slot="slider-thumb"
+          // biome-ignore lint/suspicious/noArrayIndexKey: thumbs are positional, index is the stable key
           key={index}
           className="relative block size-4 shrink-0 select-none rounded-full border border-ring bg-white ring-ring/50 transition-[color,box-shadow] after:absolute after:-inset-2 hover:ring-3 focus-visible:outline-hidden focus-visible:ring-3 active:ring-3 disabled:pointer-events-none disabled:opacity-50"
         />
       ))}
     </SliderPrimitive.Root>
   )
-}
+})
+Slider.displayName = 'Slider'
 
 export { Slider }

package/src/sonner/sonner.chunks.tsx

@@ -31,6 +31,7 @@ const SonnerUpload = ({
         )}
       />
       <div className="flex w-full flex-col gap-2">
+        {/* biome-ignore lint/a11y/useSemanticElements: status role on div is intentional for live region announcements */}
         <div className="flex w-full justify-between" role="status">
           <p className="text-foreground text-sm">
             {progress >= 100
@@ -77,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/switch/switch.tsx

@@ -46,6 +46,7 @@ const Switch = React.forwardRef<
           onChange?.(e)
           onCheckedChange?.(e.target.checked)
         }}
+        aria-checked={props.checked}
         ref={ref}
         role="switch"
         dir={direction}

package/src/tabs/tabs.tsx

@@ -35,7 +35,7 @@ const Tabs = React.forwardRef<HTMLDivElement, TabsProps>(
 
     React.useEffect(() => {
       if (onValueChange) onValueChange(activeItem)
-    }, [activeItem])
+    }, [activeItem, onValueChange])
 
     return (
       <TabsContext.Provider value={{ activeItem, setActiveItem, tabsId }}>
@@ -74,7 +74,7 @@ const TabsTrigger = React.forwardRef<HTMLButtonElement, TabsTriggerProps>(
 
     React.useEffect(() => {
       if (defaultChecked) setActiveItem(value)
-    }, [defaultChecked])
+    }, [defaultChecked, setActiveItem, value])
 
     return (
       <button

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

@@ -19,7 +19,16 @@
     ],
     "rootDir": "./"
   },
-  "exclude": ["node_modules", "dist", "./src/_old", "**/*.tsbuildinfo", "tsconfig.tsbuildinfo"],
+  "exclude": [
+    "node_modules",
+    "dist",
+    "./src/_old",
+    "**/__test__/**",
+    "**/*.test.ts",
+    "**/*.test.tsx",
+    "**/*.tsbuildinfo",
+    "tsconfig.tsbuildinfo"
+  ],
   "extends": "@gentleduck/typescript-config/base.json",
   "include": ["./**/*.ts", "./**/*.tsx"]
 }