@gentleduck/registry-ui 0.2.8 → 0.2.10

package/.turbo/turbo-test.log

@@ -2,17 +2,17 @@ $ bun test
 bun test v1.3.5 (1e86cebd)
 
 ::group::src/chart/__test__/chart.test.tsx:
-(pass) registry-ui chart > ChartContainer server render does not emit invalid size warnings [53.00ms]
+(pass) registry-ui chart > ChartContainer server render does not emit invalid size warnings [25.00ms]
 
 ::endgroup::
 
 ::group::src/button/__test__/button.test.tsx:
-(pass) registry-ui button > buttonVariants returns the shared base styles and defaults [1.00ms]
+(pass) registry-ui button > buttonVariants returns the shared base styles and defaults
 (pass) registry-ui button > buttonVariants applies explicit variant and size overrides
 (pass) registry-ui button > button exports keep stable display names
 (pass) registry-ui button > Button renders loading state as a busy disabled native button [3.00ms]
-(pass) registry-ui button > Button preserves explicit disabled state even when loading is false [1.00ms]
-(pass) registry-ui button > Button collapses into icon-only mode and hides secondary content
+(pass) registry-ui button > Button preserves explicit disabled state even when loading is false
+(pass) registry-ui button > Button collapses into icon-only mode and hides secondary content [1.00ms]
 (pass) registry-ui button > AnimationIcon renders left and right placements around children [1.00ms]
 
 ::endgroup::
@@ -20,4 +20,4 @@ bun test v1.3.5 (1e86cebd)
  8 pass
  0 fail
  25 expect() calls
-Ran 8 tests across 2 files. [574.00ms]
+Ran 8 tests across 2 files. [371.00ms]

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @gentleduck/registry-ui
 
+## 0.2.10
+
+### Patch Changes
+
+- 74f5628: Remove whitespace-nowrap from accordion trigger to allow text wrapping on smaller screens.
+
+## 0.2.9
+
+### Patch Changes
+
+- 80f8c4c: Fix declaration output for shared docs and registry UI components so consumer apps keep valid props during production typechecking.
+
 ## 0.2.8
 
 ### Patch Changes

package/package.json

@@ -11,7 +11,7 @@
     "@gentleduck/variants": "^0.1.20",
     "@gentleduck/vim": "^0.1.16",
     "embla-carousel-react": "8.6.0",
-    "lucide-react": "0.576.0",
+    "lucide-react": "0.577.0",
     "next-themes": "^0.4.6",
     "react": "^19.2.4",
     "react-day-picker": "^9.8.1",
@@ -56,5 +56,5 @@
     "test": "bun test"
   },
   "type": "module",
-  "version": "0.2.8"
+  "version": "0.2.10"
 }

package/src/accordion/accordion.tsx

@@ -204,7 +204,7 @@ const AccordionTrigger = React.forwardRef<
   return (
     <summary
       className={cn(
-        'flex flex-1 cursor-pointer select-none items-center justify-between whitespace-nowrap py-4 font-medium text-base ring-offset-background transition-all hover:underline focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',
+        'flex flex-1 cursor-pointer items-center justify-between py-4 font-medium text-base ring-offset-background transition-all hover:underline focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',
         className,
       )}
       ref={ref as React.Ref<HTMLElement>}

package/src/button/button.constants.ts

@@ -1,6 +1,30 @@
 import { cva } from '@gentleduck/variants'
 
-export const buttonVariants = cva(
+type ButtonClassValue = string | number | boolean | Record<string, boolean | undefined> | ButtonClassValue[]
+
+export type ButtonBorder = 'default' | 'destructive' | 'primary' | 'secondary' | 'warning'
+export type ButtonSize = 'default' | 'icon' | 'icon-lg' | 'icon-sm' | 'lg' | 'sm'
+export type ButtonVariant =
+  | 'dashed'
+  | 'default'
+  | 'destructive'
+  | 'expand_icon'
+  | 'ghost'
+  | 'link'
+  | 'nothing'
+  | 'outline'
+  | 'secondary'
+  | 'warning'
+
+export interface ButtonVariantOptions {
+  border?: ButtonBorder | ButtonBorder[]
+  class?: ButtonClassValue
+  className?: ButtonClassValue
+  size?: ButtonSize | ButtonSize[]
+  variant?: ButtonVariant | ButtonVariant[]
+}
+
+export const buttonVariants: (props?: ButtonVariantOptions) => string = cva(
   "relative inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium text-sm outline-none transition-all focus-visible:border-ring focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
 
   {

package/src/select/select.tsx

@@ -1,6 +1,7 @@
 'use client'
 
 import { cn } from '@gentleduck/libs/cn'
+import type { SelectTriggerProps as PrimitiveSelectTriggerProps } from '@gentleduck/primitives/select'
 import * as SelectPrimitive from '@gentleduck/primitives/select'
 import { Check, ChevronDown, ChevronUp } from 'lucide-react'
 import * as React from 'react'
@@ -14,24 +15,25 @@ SelectGroup.displayName = 'SelectGroup'
 const SelectValue = SelectPrimitive.Value
 SelectValue.displayName = 'SelectValue'
 
-const SelectTrigger = React.forwardRef<
-  React.ComponentRef<typeof SelectPrimitive.Trigger>,
-  React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>
->(({ className, children, ...props }, ref) => (
-  <SelectPrimitive.Trigger
-    ref={ref}
-    data-slot="select-trigger"
-    className={cn(
-      'flex h-9 min-w-32 items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-placeholder:text-muted-foreground [&>span]:line-clamp-1',
-      className,
-    )}
-    {...props}>
-    {children}
-    <SelectPrimitive.Icon asChild>
-      <ChevronDown aria-hidden="true" className="size-4 opacity-50" />
-    </SelectPrimitive.Icon>
-  </SelectPrimitive.Trigger>
-))
+export interface SelectTriggerProps extends PrimitiveSelectTriggerProps {}
+
+const SelectTrigger = React.forwardRef<React.ComponentRef<typeof SelectPrimitive.Trigger>, SelectTriggerProps>(
+  ({ className, children, ...props }, ref) => (
+    <SelectPrimitive.Trigger
+      ref={ref}
+      data-slot="select-trigger"
+      className={cn(
+        'flex h-9 min-w-32 items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-placeholder:text-muted-foreground [&>span]:line-clamp-1',
+        className,
+      )}
+      {...props}>
+      {children}
+      <SelectPrimitive.Icon asChild>
+        <ChevronDown aria-hidden="true" className="size-4 opacity-50" />
+      </SelectPrimitive.Icon>
+    </SelectPrimitive.Trigger>
+  ),
+)
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName
 
 const SelectScrollUpButton = React.forwardRef<