@page-speed/forms 0.3.7 → 0.4.2

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.
Files changed (15) hide show
  1. package/dist/core.cjs +2 -2
  2. package/dist/core.cjs.map +1 -1
  3. package/dist/core.js +2 -2
  4. package/dist/core.js.map +1 -1
  5. package/dist/index.cjs +2 -2
  6. package/dist/index.cjs.map +1 -1
  7. package/dist/index.js +2 -2
  8. package/dist/index.js.map +1 -1
  9. package/dist/inputs.cjs +335 -237
  10. package/dist/inputs.cjs.map +1 -1
  11. package/dist/inputs.d.cts +13 -2
  12. package/dist/inputs.d.ts +13 -2
  13. package/dist/inputs.js +335 -237
  14. package/dist/inputs.js.map +1 -1
  15. package/package.json +4 -2
package/dist/inputs.d.cts CHANGED
@@ -131,6 +131,10 @@ interface CheckboxProps extends Omit<InputProps<boolean>, "onChange" | "placehol
131
131
  * Optional description text below the label (secondary text)
132
132
  */
133
133
  description?: React.ReactNode;
134
+ /**
135
+ * Layout variant
136
+ */
137
+ checkboxVariant?: "boxed" | "inline";
134
138
  /**
135
139
  * Additional native input attributes
136
140
  */
@@ -178,7 +182,7 @@ interface CheckboxProps extends Omit<InputProps<boolean>, "onChange" | "placehol
178
182
  *
179
183
  * @see https://opensite.ai/developers/page-speed/forms/checkbox
180
184
  */
181
- declare function Checkbox({ name, value, onChange, onBlur, disabled, required, error, className, indeterminate, label, description, ...props }: CheckboxProps): React.JSX.Element;
185
+ declare function Checkbox({ name, value, onChange, onBlur, disabled, required, error, className, indeterminate, label, description, checkboxVariant, ...props }: CheckboxProps): React.JSX.Element;
182
186
  declare namespace Checkbox {
183
187
  var displayName: string;
184
188
  }
@@ -363,6 +367,13 @@ interface RadioProps extends Omit<InputProps<string>, "onChange" | "placeholder"
363
367
  * @default "stacked"
364
368
  */
365
369
  layout?: "inline" | "stacked";
370
+ /**
371
+ * Visual variant for radio options
372
+ * - "boxed": bordered card with ring on hover/selected, radio circle on right
373
+ * - "inline": minimal style, radio circle on left
374
+ * @default "inline"
375
+ */
376
+ radioVariant?: "boxed" | "inline";
366
377
  /**
367
378
  * Group-level label
368
379
  */
@@ -424,7 +435,7 @@ interface RadioProps extends Omit<InputProps<string>, "onChange" | "placeholder"
424
435
  *
425
436
  * @see https://opensite.ai/developers/page-speed/forms/radio
426
437
  */
427
- declare function Radio({ name, value, onChange, onBlur, disabled, required, error, className, layout, label, options, ...props }: RadioProps): React.JSX.Element;
438
+ declare function Radio({ name, value, onChange, onBlur, disabled, required, error, className, layout, radioVariant, label, options, ...props }: RadioProps): React.JSX.Element;
428
439
  declare namespace Radio {
429
440
  var displayName: string;
430
441
  }
package/dist/inputs.d.ts CHANGED
@@ -131,6 +131,10 @@ interface CheckboxProps extends Omit<InputProps<boolean>, "onChange" | "placehol
131
131
  * Optional description text below the label (secondary text)
132
132
  */
133
133
  description?: React.ReactNode;
134
+ /**
135
+ * Layout variant
136
+ */
137
+ checkboxVariant?: "boxed" | "inline";
134
138
  /**
135
139
  * Additional native input attributes
136
140
  */
@@ -178,7 +182,7 @@ interface CheckboxProps extends Omit<InputProps<boolean>, "onChange" | "placehol
178
182
  *
179
183
  * @see https://opensite.ai/developers/page-speed/forms/checkbox
180
184
  */
181
- declare function Checkbox({ name, value, onChange, onBlur, disabled, required, error, className, indeterminate, label, description, ...props }: CheckboxProps): React.JSX.Element;
185
+ declare function Checkbox({ name, value, onChange, onBlur, disabled, required, error, className, indeterminate, label, description, checkboxVariant, ...props }: CheckboxProps): React.JSX.Element;
182
186
  declare namespace Checkbox {
183
187
  var displayName: string;
184
188
  }
@@ -363,6 +367,13 @@ interface RadioProps extends Omit<InputProps<string>, "onChange" | "placeholder"
363
367
  * @default "stacked"
364
368
  */
365
369
  layout?: "inline" | "stacked";
370
+ /**
371
+ * Visual variant for radio options
372
+ * - "boxed": bordered card with ring on hover/selected, radio circle on right
373
+ * - "inline": minimal style, radio circle on left
374
+ * @default "inline"
375
+ */
376
+ radioVariant?: "boxed" | "inline";
366
377
  /**
367
378
  * Group-level label
368
379
  */
@@ -424,7 +435,7 @@ interface RadioProps extends Omit<InputProps<string>, "onChange" | "placeholder"
424
435
  *
425
436
  * @see https://opensite.ai/developers/page-speed/forms/radio
426
437
  */
427
- declare function Radio({ name, value, onChange, onBlur, disabled, required, error, className, layout, label, options, ...props }: RadioProps): React.JSX.Element;
438
+ declare function Radio({ name, value, onChange, onBlur, disabled, required, error, className, layout, radioVariant, label, options, ...props }: RadioProps): React.JSX.Element;
428
439
  declare namespace Radio {
429
440
  var displayName: string;
430
441
  }