@page-speed/forms 0.5.6 → 0.5.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,4 @@
1
- import { cn, INPUT_AUTOFILL_RESET_CLASSES, Field, FieldLabel, FieldDescription, LabelGroup, Button, buttonVariants } from './chunk-A7R6GEMA.js';
1
+ import { cn, INPUT_AUTOFILL_RESET_CLASSES, FieldLabel, FieldDescription, LabelGroup, Field, Button, buttonVariants } from './chunk-A7R6GEMA.js';
2
2
  import * as React21 from 'react';
3
3
  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';
4
4
  import { Command as Command$1 } from 'cmdk';
@@ -274,9 +274,9 @@ function Checkbox2({
274
274
  }
275
275
  ));
276
276
  if (!label) {
277
- return /* @__PURE__ */ React21.createElement(Field, { className }, checkbox);
277
+ return /* @__PURE__ */ React21.createElement("div", { className }, checkbox);
278
278
  }
279
- return /* @__PURE__ */ React21.createElement(Field, { className: "gap-0", invalid: Boolean(error) }, /* @__PURE__ */ React21.createElement(
279
+ return /* @__PURE__ */ React21.createElement("div", { className: "space-y-0", "data-invalid": error || void 0 }, /* @__PURE__ */ React21.createElement(
280
280
  FieldLabel,
281
281
  {
282
282
  htmlFor: checkboxId,
@@ -298,7 +298,7 @@ function Checkbox2({
298
298
  )
299
299
  },
300
300
  checkbox,
301
- /* @__PURE__ */ React21.createElement(Field, { className: "flex-1 gap-1" }, /* @__PURE__ */ React21.createElement("span", { className: "text-sm font-medium leading-none" }, label), description && /* @__PURE__ */ React21.createElement(
301
+ /* @__PURE__ */ React21.createElement("div", { className: "flex-1 space-y-1" }, /* @__PURE__ */ React21.createElement("span", { className: "text-sm font-medium leading-none" }, label), description && /* @__PURE__ */ React21.createElement(
302
302
  FieldDescription,
303
303
  {
304
304
  id: `${checkboxId}-description`,
@@ -527,7 +527,7 @@ function Radio({
527
527
  return options.some((option) => option.description);
528
528
  }, [options]);
529
529
  const groupDescriptionId = description ? `${name}-description` : void 0;
530
- return /* @__PURE__ */ React21.createElement(Field, { className: cn("w-full", className), invalid: Boolean(error) }, (label || description) && /* @__PURE__ */ React21.createElement(Field, { className: "mb-3 gap-1" }, label && /* @__PURE__ */ React21.createElement("div", { className: "text-base font-medium leading-none" }, label), description && /* @__PURE__ */ React21.createElement(
530
+ return /* @__PURE__ */ React21.createElement("div", { className: cn("w-full", className), "data-invalid": error || void 0 }, (label || description) && /* @__PURE__ */ React21.createElement("div", { className: "mb-3 space-y-1" }, label && /* @__PURE__ */ React21.createElement("div", { className: "text-base font-medium leading-none" }, label), description && /* @__PURE__ */ React21.createElement(
531
531
  FieldDescription,
532
532
  {
533
533
  id: groupDescriptionId,
@@ -571,9 +571,8 @@ function Radio({
571
571
  )
572
572
  },
573
573
  /* @__PURE__ */ React21.createElement(
574
- Field,
574
+ "div",
575
575
  {
576
- orientation: "horizontal",
577
576
  className: cn(
578
577
  "flex w-full gap-3",
579
578
  useChoiceCard ? "items-start" : "items-center"
@@ -589,7 +588,7 @@ function Radio({
589
588
  "aria-describedby": hasDescription ? `${radioId}-description` : void 0
590
589
  }
591
590
  ),
592
- /* @__PURE__ */ React21.createElement(Field, { className: "flex-1 gap-1" }, /* @__PURE__ */ React21.createElement("span", { className: "text-sm font-medium leading-none" }, option.label), option.description && /* @__PURE__ */ React21.createElement(
591
+ /* @__PURE__ */ React21.createElement("div", { className: "flex-1 space-y-1" }, /* @__PURE__ */ React21.createElement("span", { className: "text-sm font-medium leading-none" }, option.label), option.description && /* @__PURE__ */ React21.createElement(
593
592
  FieldDescription,
594
593
  {
595
594
  id: `${radioId}-description`,
@@ -4132,5 +4131,5 @@ function DateRangePicker({
4132
4131
  DateRangePicker.displayName = "DateRangePicker";
4133
4132
 
4134
4133
  export { Checkbox2 as Checkbox, CheckboxGroup, DatePicker, DateRangePicker, FileInput, MultiSelect, Radio, Select2 as Select, Switch2 as Switch, TextArea, TextInput, TimePicker };
4135
- //# sourceMappingURL=chunk-QZ4PK62A.js.map
4136
- //# sourceMappingURL=chunk-QZ4PK62A.js.map
4134
+ //# sourceMappingURL=chunk-5WWMVS2I.js.map
4135
+ //# sourceMappingURL=chunk-5WWMVS2I.js.map