@page-speed/forms 0.7.8 → 0.8.0

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

@@ -1,4 +1,4 @@
-import { cn, FieldLabel, FieldDescription, LabelGroup, Field, INPUT_AUTOFILL_RESET_CLASSES, Button, Input, buttonVariants } from './chunk-EQKN2OPX.js';
+import { cn, FieldLabel, FieldDescription, LabelGroup, Field, INPUT_AUTOFILL_RESET_CLASSES, Button, Input, buttonVariants } from './chunk-ZBRU7R6C.js';
 import * as React19 from 'react';
 import { Dialog as Dialog$1, Checkbox as Checkbox$1, RadioGroup as RadioGroup$1, Switch as Switch$1, Select as Select$1, Popover as Popover$1 } from 'radix-ui';
 import { Command as Command$1 } from 'cmdk';
@@ -202,7 +202,9 @@ function Checkbox2({
     {
       htmlFor: checkboxId,
       className: cn(
-        "flex gap-3 p-3 duration-200 select-auto font-normal leading-normal",
+        "flex duration-200 select-auto font-normal",
+        "tracking-tight leading-snug",
+        showChoiceCard ? "py-3 pl-3 pr-2" : "p1",
         showChoiceCard && "border rounded-lg hover:ring-2 hover:ring-primary",
         showChoiceCard && value && "ring-2 ring-primary",
         showChoiceCard && error && "ring-2 ring-destructive",
@@ -489,11 +491,11 @@ function Radio({
           key: option.value,
           htmlFor: radioId,
           className: cn(
-            "flex gap-3 duration-200",
-            "select-auto font-normal leading-normal",
+            "flex duration-200 select-auto font-normal",
+            "tracking-tight leading-snug",
+            useChoiceCard ? "py-3 pl-3 pr-2" : "p1",
             useChoiceCard && "hover:ring-2 hover:ring-primary",
             useChoiceCard && "border rounded-lg py-3 pl-3 pr-2",
-            !useChoiceCard && "p-1",
             useChoiceCard && isSelected && "ring-2 ring-primary",
             useChoiceCard && error && "border-destructive",
             isDisabled ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
@@ -671,9 +673,10 @@ function SelectTrigger({
       "data-slot": "select-trigger",
       "data-size": size,
       className: cn(
-        // 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-1 text-base whitespace-nowrap shadow-sm",
+        // Core structure - matched to Input component
+        "flex h-9 w-full min-w-0 items-center justify-between gap-2",
+        "rounded-md border border-input 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",
@@ -681,8 +684,8 @@ function SelectTrigger({
         "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",
+        // Size variant override
+        "data-[size=sm]:h-8",
         // Placeholder styling (match native input ::placeholder appearance)
         "data-[placeholder]:text-muted-foreground data-[placeholder]:font-normal",
         // Value styling
@@ -4122,5 +4125,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-RNVK2DOS.js.map
-//# sourceMappingURL=chunk-RNVK2DOS.js.map
+//# sourceMappingURL=chunk-EVBK5TLG.js.map
+//# sourceMappingURL=chunk-EVBK5TLG.js.map