@page-speed/forms 0.7.6 → 0.7.8

package/dist/{chunk-DSK3VLIV.js → chunk-RNVK2DOS.js}

@@ -293,7 +293,7 @@ function CheckboxGroup({
       "w-full grid grid-cols-1 border-0 m-0 p-0 min-w-0",
       layout === "grid" && "grid grid-cols-1 md:grid-cols-2 ",
       layout === "inline" && "flex flex-wrap",
-      useChoiceCard ? "gap-x-6 space-y-4" : "gap-0",
+      useChoiceCard ? "gap-x-6 gap-y-4" : "gap-0",
       className
     );
   }, [layout, className, useChoiceCard]);
@@ -472,7 +472,7 @@ function Radio({
       className: cn(
         layout === "grid" && "grid grid-cols-1 md:grid-cols-2 ",
         layout === "inline" && "flex flex-wrap",
-        useChoiceCard ? "gap-x-6 space-y-4" : "gap-0"
+        useChoiceCard ? "gap-x-6 gap-y-4" : "gap-0"
       ),
       "aria-invalid": error || props["aria-invalid"],
       "aria-describedby": groupDescriptionId || props["aria-describedby"],
@@ -492,7 +492,7 @@ function Radio({
             "flex gap-3 duration-200",
             "select-auto font-normal leading-normal",
             useChoiceCard && "hover:ring-2 hover:ring-primary",
-            useChoiceCard && "border rounded-lg p-3",
+            useChoiceCard && "border rounded-lg py-3 pl-3 pr-2",
             !useChoiceCard && "p-1",
             useChoiceCard && isSelected && "ring-2 ring-primary",
             useChoiceCard && error && "border-destructive",
@@ -521,7 +521,7 @@ function Radio({
             FieldDescription,
             {
               id: `${radioId}-description`,
-              className: "leading-snug"
+              className: "leading-snug tracking-tight"
             },
             option.description
           ))
@@ -671,18 +671,20 @@ function SelectTrigger({
       "data-slot": "select-trigger",
       "data-size": size,
       className: cn(
-        // Core structure - uses CSS variables
+        // Core structure - uses CSS variables (matched to Input component)
         "flex w-full items-center justify-between gap-2 rounded-md border border-input",
-        "bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs",
-        "transition-[color,box-shadow] outline-none",
-        // Focus state
-        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
-        // Error state
-        "aria-invalid:border-destructive aria-invalid:ring-destructive/20",
+        "bg-transparent px-3 py-1 text-base whitespace-nowrap shadow-sm",
+        "transition-colors outline-none md:text-sm",
+        // Focus state (matched to Input component)
+        "focus-visible:ring-1 focus-visible:ring-ring",
+        // Error state (matched to Input component)
+        "aria-invalid:border-destructive aria-invalid:ring-1 aria-invalid:ring-destructive",
         // Disabled state
         "disabled:cursor-not-allowed disabled:opacity-50",
         // Size variants
         "data-[size=default]:h-9 data-[size=sm]:h-8",
+        // Placeholder styling (match native input ::placeholder appearance)
+        "data-[placeholder]:text-muted-foreground data-[placeholder]:font-normal",
         // Value styling
         "*:data-[slot=select-value]:line-clamp-1",
         "*:data-[slot=select-value]:flex",
@@ -3216,12 +3218,20 @@ function Calendar({
         ),
         button_previous: cn(
           buttonVariants({ variant: buttonVariant }),
-          "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
+          "size-(--cell-size) aria-disabled:opacity-50 select-none",
+          "rounded-full text-sm font-medium transition-all",
+          "hover:ring-2 hover:ring-primary",
+          "text-primary-foreground bg-primary",
+          "p-0 size-6",
           defaultClassNames.button_previous
         ),
         button_next: cn(
           buttonVariants({ variant: buttonVariant }),
-          "size-(--cell-size) aria-disabled:opacity-50 p-0 select-none",
+          "size-(--cell-size) aria-disabled:opacity-50 select-none",
+          "rounded-full text-sm font-medium transition-all",
+          "hover:ring-2 hover:ring-ring",
+          "text-primary-foreground bg-primary",
+          "p-0 size-6",
           defaultClassNames.button_next
         ),
         month_caption: cn(
@@ -3266,23 +3276,21 @@ function Calendar({
           defaultClassNames.day
         ),
         range_start: cn(
-          "rounded-l-md bg-accent",
+          "rounded-l-md bg-primary text-primary-foreground",
           defaultClassNames.range_start
         ),
         range_middle: cn("rounded-none", defaultClassNames.range_middle),
-        range_end: cn("rounded-r-md bg-accent", defaultClassNames.range_end),
+        range_end: cn(
+          "rounded-r-md bg-primary text-primary-foreground",
+          defaultClassNames.range_end
+        ),
         today: cn(
-          "bg-accent text-accent-foreground rounded-md data-[selected=true]:rounded-none",
+          "bg-muted text-muted-foreground",
+          "rounded-md",
           defaultClassNames.today
         ),
-        outside: cn(
-          "opacity-50",
-          defaultClassNames.outside
-        ),
-        disabled: cn(
-          "opacity-50",
-          defaultClassNames.disabled
-        ),
+        outside: cn("opacity-50", defaultClassNames.outside),
+        disabled: cn("opacity-50", defaultClassNames.disabled),
         hidden: cn("invisible", defaultClassNames.hidden),
         ...classNames
       },
@@ -3628,7 +3636,7 @@ function DatePicker({
           DayButton: DatePickerDayButton
         },
         classNames: {
-          today: "border border-primary rounded-md bg-transparent"
+          today: "ring-2 ring-primary rounded-md bg-transparent"
         }
       }
     )
@@ -4114,5 +4122,5 @@ function DateRangePicker({
 DateRangePicker.displayName = "DateRangePicker";
 
 export { Checkbox2 as Checkbox, CheckboxGroup, DatePicker, DateRangePicker, FileInput, MultiSelect, Radio, Select2 as Select, Switch2 as Switch, TextArea, TimePicker };
-//# sourceMappingURL=chunk-DSK3VLIV.js.map
-//# sourceMappingURL=chunk-DSK3VLIV.js.map
+//# sourceMappingURL=chunk-RNVK2DOS.js.map
+//# sourceMappingURL=chunk-RNVK2DOS.js.map