@wix/site-ui 1.105.0 → 1.107.0

package/dist/index.d.ts

@@ -89,10 +89,15 @@ import { DrawerSwipeAreaProps as DrawerSwipeAreaProps_2 } from '@base-ui/react/d
 import { DrawerViewportProps as DrawerViewportProps_2 } from '@base-ui/react/drawer';
 import { FieldControlProps as FieldControlProps_2 } from '@base-ui/react/field';
 import { FieldDescriptionProps as FieldDescriptionProps_2 } from '@base-ui/react/field';
+import { FieldDescriptionProps as FieldDescriptionProps_3 } from '../Field';
 import { FieldErrorProps as FieldErrorProps_2 } from '@base-ui/react/field';
+import { FieldErrorProps as FieldErrorProps_3 } from '../Field';
 import { FieldItemProps as FieldItemProps_2 } from '@base-ui/react/field';
+import { FieldItemProps as FieldItemProps_3 } from '../Field';
 import { FieldLabelProps as FieldLabelProps_2 } from '@base-ui/react/field';
+import { FieldLabelProps as FieldLabelProps_3 } from '../Field';
 import { FieldRootProps as FieldRootProps_2 } from '@base-ui/react/field';
+import { FieldRootProps as FieldRootProps_3 } from '../Field';
 import { FieldsetLegendProps as FieldsetLegendProps_2 } from '@base-ui/react/fieldset';
 import { FieldsetRootProps as FieldsetRootProps_2 } from '@base-ui/react/fieldset';
 import { FieldValidityProps as FieldValidityProps_2 } from '@base-ui/react/field';
@@ -102,6 +107,7 @@ import { HTMLProps as HTMLProps_2 } from '../../index.js';
 import { InputProps as InputProps_2 } from '@base-ui/react/input';
 import { InteractionType } from '@base-ui/utils/useEnhancedClickHandler';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { LabelVariant as LabelVariant_2 } from '../Field/Field';
 import { MenuArrowProps as MenuArrowProps_2 } from '@base-ui/react/menu';
 import { MenuBackdropProps as MenuBackdropProps_2 } from '@base-ui/react/menu';
 import { MenubarProps as MenubarProps_2 } from '@base-ui/react/menubar';
@@ -163,6 +169,8 @@ import { ProgressLabelProps as ProgressLabelProps_2 } from '@base-ui/react/progr
 import { ProgressRootProps as ProgressRootProps_2 } from '@base-ui/react/progress';
 import { ProgressTrackProps as ProgressTrackProps_2 } from '@base-ui/react/progress';
 import { ProgressValueProps as ProgressValueProps_2 } from '@base-ui/react/progress';
+import { RadioGroup as RadioGroup_3 } from '@base-ui/react';
+import { RadioGroupOrientation as RadioGroupOrientation_2 } from '../RadioGroup/RadioGroup';
 import { RadioIndicatorProps as RadioIndicatorProps_2 } from '@base-ui/react/radio';
 import * as React_2 from 'react';
 import { ReactStore } from '@base-ui/utils/store';
@@ -4263,6 +4271,8 @@ export declare namespace FieldDescription {
 
 export declare interface FieldDescriptionProps extends BaseUIComponentProps<'p', FieldDescriptionState> {}
 
+declare type FieldDescriptionProps_4 = React_2.ComponentPropsWithoutRef<typeof Field.Description>;
+
 export declare interface FieldDescriptionState extends FieldRootState {}
 
 /**
@@ -4288,6 +4298,8 @@ export declare interface FieldErrorProps extends BaseUIComponentProps<'div', Fie
     match?: boolean | keyof ValidityState | undefined;
 }
 
+declare type FieldErrorProps_4 = React_2.ComponentPropsWithoutRef<typeof Field.Error>;
+
 export declare interface FieldErrorState extends FieldRootState {
     /**
      * The transition status of the component.
@@ -4317,6 +4329,8 @@ export declare interface FieldItemProps extends BaseUIComponentProps<'div', Fiel
     disabled?: boolean | undefined;
 }
 
+declare type FieldItemProps_4 = React_2.ComponentPropsWithoutRef<typeof Field.Item>;
+
 export declare interface FieldItemState extends FieldRootState {}
 
 /**
@@ -4343,6 +4357,8 @@ export declare interface FieldLabelProps extends BaseUIComponentProps<'label', F
     nativeLabel?: boolean | undefined;
 }
 
+declare type FieldLabelProps_4 = React_2.ComponentPropsWithoutRef<typeof Field.Label>;
+
 export declare interface FieldLabelState extends FieldRootState {}
 
 /**
@@ -4421,6 +4437,8 @@ export declare interface FieldRootProps extends BaseUIComponentProps<'div', Fiel
     actionsRef?: React_2.RefObject<FieldRoot.Actions | null> | undefined;
 }
 
+declare type FieldRootProps_4 = React_2.ComponentPropsWithoutRef<typeof Field.Root>;
+
 export declare interface FieldRootState {
     /**
      * Whether the component should ignore user interaction.
@@ -4829,6 +4847,8 @@ declare const imperativeAction: "imperative-action";
 
 declare const incrementPress: "increment-press";
 
+declare type IndicatorProps = WithStringClassName<React_2.ComponentPropsWithoutRef<typeof Radio.Indicator>>;
+
 declare const initial: "initial";
 
 declare interface InlineRectCoords {
@@ -8283,10 +8303,10 @@ export declare interface ProgressValueProps extends Omit<BaseUIComponentProps<'s
 export declare interface ProgressValueState extends ProgressRootState {}
 
 export declare const Radio: {
+    Root: typeof Root_4;
     Indicator: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<RadioIndicatorProps_2, "ref"> & React_2.RefAttributes<HTMLSpanElement>, "ref">, "className"> & {
         className?: string | undefined;
     } & React_2.RefAttributes<HTMLSpanElement>>;
-    Root: typeof Root_4;
 };
 
 export declare namespace Radio_2 {
@@ -8296,8 +8316,90 @@ export declare namespace Radio_2 {
     }
 }
 
+export declare const RadioField: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<FieldRootProps_3, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
+    className?: string | undefined;
+} & React_2.RefAttributes<HTMLDivElement>, "ref">, "children"> & {
+    /** The unique value this option contributes to its `RadioGroup`. */
+    value: string;
+    /** Visible label rendered beside the radio. */
+    label: React_2.ReactNode;
+    /** Visual style: a plain radio row or a selectable `box` tile. */
+    variant?: RadioFieldVariant | undefined;
+    /** Renders the option selected (for standalone, controlled usage). */
+    checked?: boolean | undefined;
+    /** Supporting text rendered below the label. */
+    description?: React_2.ReactNode;
+    /** Error message rendered below the option; also marks the field invalid. */
+    error?: React_2.ReactNode;
+    /** Called with `value` when the option is chosen via click. */
+    onSelect?: ((value: string) => void) | undefined;
+    /** Size of the radio control in pixels. */
+    size?: number | undefined;
+    /** Extra inline content rendered after the label. */
+    suffix?: React_2.ReactNode;
+    /** Props forwarded to the `Field.Item` wrapping the radio and label. */
+    itemProps?: Omit<Omit<Omit<Omit<Omit<FieldItemProps_3, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
+        className?: string | undefined;
+    } & React_2.RefAttributes<HTMLDivElement>, "ref">, "children"> | undefined;
+    /** Props forwarded to the `Field.Label`. */
+    labelProps?: Omit<Omit<Omit<Omit<Omit<FieldLabelProps_3, "ref"> & React_2.RefAttributes<HTMLElement>, "ref">, "className"> & {
+        className?: string | undefined;
+    } & {
+        variant?: LabelVariant_2 | undefined;
+    } & React_2.RefAttributes<HTMLElement>, "ref">, "children"> | undefined;
+    /** Props forwarded to the `Field.Description`. */
+    descriptionProps?: Omit<Omit<Omit<Omit<Omit<FieldDescriptionProps_3, "ref"> & React_2.RefAttributes<HTMLParagraphElement>, "ref">, "className"> & {
+        className?: string | undefined;
+    } & React_2.RefAttributes<HTMLParagraphElement>, "ref">, "children"> | undefined;
+    /** Props forwarded to the `Field.Error`. */
+    errorProps?: Omit<Omit<Omit<Omit<Omit<FieldErrorProps_3, "ref"> & React_2.RefAttributes<HTMLDivElement>, "ref">, "className"> & {
+        className?: string | undefined;
+    } & React_2.RefAttributes<HTMLDivElement>, "ref">, "children"> | undefined;
+    /** Props forwarded to the underlying `Radio.Root`. */
+    radioProps?: RadioRootProps_2 | undefined;
+    /** Props forwarded to the `Radio.Indicator`. */
+    indicatorProps?: IndicatorProps | undefined;
+} & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare type RadioFieldProps = Omit<FieldRootProps_4, 'children'> & {
+    /** The unique value this option contributes to its `RadioGroup`. */
+    value: string;
+    /** Visible label rendered beside the radio. */
+    label: React_2.ReactNode;
+    /** Visual style: a plain radio row or a selectable `box` tile. */
+    variant?: RadioFieldVariant;
+    /** Renders the option selected (for standalone, controlled usage). */
+    checked?: boolean;
+    /** Supporting text rendered below the label. */
+    description?: React_2.ReactNode;
+    /** Error message rendered below the option; also marks the field invalid. */
+    error?: React_2.ReactNode;
+    /** Called with `value` when the option is chosen via click. */
+    onSelect?: (value: string) => void;
+    /** Size of the radio control in pixels. */
+    size?: number;
+    /** Extra inline content rendered after the label. */
+    suffix?: React_2.ReactNode;
+    /** Props forwarded to the `Field.Item` wrapping the radio and label. */
+    itemProps?: Omit<FieldItemProps_4, 'children'>;
+    /** Props forwarded to the `Field.Label`. */
+    labelProps?: Omit<FieldLabelProps_4, 'children'>;
+    /** Props forwarded to the `Field.Description`. */
+    descriptionProps?: Omit<FieldDescriptionProps_4, 'children'>;
+    /** Props forwarded to the `Field.Error`. */
+    errorProps?: Omit<FieldErrorProps_4, 'children'>;
+    /** Props forwarded to the underlying `Radio.Root`. */
+    radioProps?: RadioRootProps_2;
+    /** Props forwarded to the `Radio.Indicator`. */
+    indicatorProps?: IndicatorProps;
+};
+
+export declare type RadioFieldVariant = 'default' | 'box';
+
 export declare const RadioGroup: React_2.ForwardRefExoticComponent<Omit<Omit<RadioGroup_2.Props<unknown>, "ref">, "className"> & {
     className?: string | undefined;
+} & {
+    orientation?: RadioGroupOrientation | undefined;
 } & React_2.RefAttributes<HTMLDivElement>>;
 
 /**
@@ -8321,6 +8423,52 @@ export declare type RadioGroupChangeEventDetails = BaseUIChangeEventDetails<Radi
 
 export declare type RadioGroupChangeEventReason = typeof REASONS.none;
 
+export declare const RadioGroupField: React_2.ForwardRefExoticComponent<Omit<Omit<Omit<RadioGroup_3.Props<unknown>, "ref">, "className"> & {
+    className?: string | undefined;
+} & {
+    orientation?: RadioGroupOrientation_2 | undefined;
+} & React_2.RefAttributes<HTMLDivElement>, "ref"> & {
+    /** Accessible label rendered above the group. */
+    label?: React_2.ReactNode;
+    /** Error message rendered below the group when invalid. */
+    error?: React_2.ReactNode;
+    /** Always-visible helper text rendered below the group. */
+    description?: React_2.ReactNode;
+    /** Visual style applied to every radio in the group. */
+    variant?: RadioGroupFieldVariant | undefined;
+    /** Separates `box` tiles instead of collapsing their borders. */
+    withSpacing?: boolean | undefined;
+    /** Stretches `box` tiles to the available width. */
+    fluid?: boolean | undefined;
+    /** Marks the group invalid, styling every radio and revealing `error`. */
+    invalid?: boolean | undefined;
+    /** Size in pixels applied to every radio in the group. */
+    size?: number | undefined;
+} & React_2.RefAttributes<HTMLDivElement>>;
+
+export declare type RadioGroupFieldProps = RadioGroupProps_2 & {
+    /** Accessible label rendered above the group. */
+    label?: React_2.ReactNode;
+    /** Error message rendered below the group when invalid. */
+    error?: React_2.ReactNode;
+    /** Always-visible helper text rendered below the group. */
+    description?: React_2.ReactNode;
+    /** Visual style applied to every radio in the group. */
+    variant?: RadioGroupFieldVariant;
+    /** Separates `box` tiles instead of collapsing their borders. */
+    withSpacing?: boolean;
+    /** Stretches `box` tiles to the available width. */
+    fluid?: boolean;
+    /** Marks the group invalid, styling every radio and revealing `error`. */
+    invalid?: boolean;
+    /** Size in pixels applied to every radio in the group. */
+    size?: number;
+};
+
+export declare type RadioGroupFieldVariant = 'default' | 'box';
+
+declare type RadioGroupOrientation = 'vertical' | 'horizontal';
+
 export declare interface RadioGroupProps<Value = any> extends Omit<BaseUIComponentProps<'div', RadioGroupState>, 'value'> {
     /**
      * Whether the component should ignore user interaction.
@@ -8368,6 +8516,8 @@ export declare interface RadioGroupProps<Value = any> extends Omit<BaseUICompone
     inputRef?: React_2.Ref<HTMLInputElement> | undefined;
 }
 
+declare type RadioGroupProps_2 = React_2.ComponentPropsWithoutRef<typeof RadioGroup>;
+
 export declare interface RadioGroupState extends FieldRootState {
     /**
      * Whether the user should be unable to select a different radio button in the group.
@@ -8449,6 +8599,10 @@ export declare interface RadioRootProps<Value = any> extends NonNativeButtonProp
     inputRef?: React_2.Ref<HTMLInputElement> | undefined;
 }
 
+declare type RadioRootProps_2 = Omit<WithStringClassName<Radio_2.Root.Props<string>> & {
+    size?: number;
+}, 'children' | 'size' | 'value'>;
+
 export declare interface RadioRootState extends FieldRootState {
     /**
      * Whether the radio button is currently selected.

package/dist/index.js

@@ -26,7 +26,9 @@ export { Popover } from "./Popover/index.js";
 export { PreviewCard } from "./PreviewCard/index.js";
 export { Progress, ProgressSize } from "./Progress/index.js";
 export { Radio, RadioSize } from "./Radio/index.js";
+export { RadioField } from "./RadioField/index.js";
 export { RadioGroup } from "./RadioGroup/index.js";
+export { RadioGroupField } from "./RadioGroupField/index.js";
 export { ScrollArea } from "./ScrollArea/index.js";
 export { Select } from "./Select/index.js";
 export { SelectField } from "./SelectField/index.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/site-ui",
-  "version": "1.105.0",
+  "version": "1.107.0",
   "description": "Pure UI components for the Wix site builder",
   "license": "MIT",
   "type": "module",
@@ -95,5 +95,5 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "falconPackageHash": "04dbfc8fad3ed8dba5ecc2545594688558382cb49a23985d1fb81735"
+  "falconPackageHash": "65a32ebe441a030aa575584abf914e7d8ab9707c45d7485eda73b47d"
 }