@bridge-ui/vue 0.7.0 → 0.8.0

package/dist/Components/Select/composables/useSelect.d.ts

@@ -437,7 +437,7 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
             onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-        }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showErrorIcon" | "startIcon">>>>;
+        }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showDescriptionOnError" | "showErrorIcon" | "startIcon">>>>;
         isNotched: import('vue').ComputedRef<boolean>;
         isStacked: import('vue').ComputedRef<boolean>;
         startBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
@@ -462,6 +462,8 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
         hasInsetLabelRow: import('vue').ComputedRef<boolean>;
         insetLabelRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         stackedInputRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;
+        showErrorMessageRow: import('vue').ComputedRef<boolean>;
+        showDescriptionContent: import('vue').ComputedRef<boolean>;
         showErrorMessageContent: import('vue').ComputedRef<boolean>;
         reservesErrorMessageSpace: import('vue').ComputedRef<boolean>;
     };
@@ -721,7 +723,7 @@ export declare function useSelect(props: SelectOwnProps, model: Ref<null | undef
         onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-    }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showErrorIcon" | "startIcon">>>>>;
+    }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showDescriptionOnError" | "showErrorIcon" | "startIcon">>>>>;
     handleApply: () => void;
     selectOption: (option: SelectOption) => void;
     handleCancel: () => void;

package/dist/Components/Sidebar/composables/useSidebarList.js

@@ -16,7 +16,7 @@ function c(c) {
 	return a(t, n(() => ({ iconOnly: f.value }))), {
 		iconOnly: f,
 		rootClassName: n(() => s({
-			"flex flex-col gap-1": !0,
+			"flex min-w-0 flex-col gap-1 p-0": !0,
 			"px-2": c.nested !== !0,
 			"ml-3.5 translate-x-px border-l border-dark-200 py-0.5 pl-2.5 dark:border-dark-700": c.nested === !0,
 			hidden: c.nested === !0 && f.value

package/dist/Components/Sidebar/composables/useSidebarShell.js

@@ -82,7 +82,7 @@ function C(C, w) {
 		"flex shrink-0 flex-col gap-2 px-2 py-2.5": !0,
 		[l(P.value, "header") ?? ""]: !0
 	}))), K = i(() => e(N.value?.content, {}, v({
-		"bridge-scroll-fade-y flex min-h-0 flex-1 flex-col overflow-y-auto": !0,
+		"bridge-scroll-fade-y flex min-h-0 min-w-0 flex-1 flex-col overflow-y-auto": !0,
 		[l(P.value, "content") ?? ""]: !0
 	}))), q = i(() => e(N.value?.footer, {}, v({
 		"flex shrink-0 flex-col gap-2 px-2 py-2.5": !0,

package/dist/Components/Slider/Slider.vue_vue_type_script_setup_true_lang.js

@@ -36,6 +36,7 @@ var D = /*@__PURE__*/ f({
 		label: {},
 		readonly: { type: Boolean },
 		required: { type: Boolean },
+		showDescriptionOnError: { type: Boolean },
 		size: {}
 	}, {
 		modelValue: { default: void 0 },

package/dist/Components/Slider/composables/useSlider.d.ts

@@ -2,7 +2,7 @@ import { MaybeRefOrGetter, Ref } from 'vue';
 import { SliderRangeValue, SliderStop } from '@bridge-ui/core/Domain';
 import { LibDefaultsShape, MergeLibDefaults } from '@bridge-ui/core/Utils';
 import { SliderOwnProps } from '../slider.types';
-export declare const sliderBridgeKeys: readonly ["size", "error", "label", "corner", "classes", "disabled", "readonly", "required", "controlId", "customProps", "description", "errorMessage", "hideErrorMessage", "max", "min", "step", "color", "range", "stops", "rounded", "showStops", "showTooltip", "defaultValue"];
+export declare const sliderBridgeKeys: readonly ["size", "error", "label", "corner", "classes", "disabled", "readonly", "required", "controlId", "customProps", "description", "errorMessage", "hideErrorMessage", "showDescriptionOnError", "max", "min", "step", "color", "range", "stops", "rounded", "showStops", "showTooltip", "defaultValue"];
 type SliderLibDefaults = LibDefaultsShape<SliderOwnProps, "max" | "min" | "size" | "step" | "color" | "rounded" | "showStops" | "showTooltip">;
 type SliderMerged = MergeLibDefaults<SliderOwnProps, SliderLibDefaults>;
 export type UseSliderOptions = {
@@ -60,6 +60,8 @@ export declare function useSlider(props: MaybeRefOrGetter<SliderOwnProps>, libDe
         fieldLabelProps: import('vue').ComputedRef<import('../../Label').LabelProps>;
         descriptionBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         fieldCornerProps: import('vue').ComputedRef<import('../../Label').LabelProps>;
+        showErrorMessageRow: import('vue').ComputedRef<boolean>;
+        showDescriptionContent: import('vue').ComputedRef<boolean>;
         showErrorMessageContent: import('vue').ComputedRef<boolean>;
     };
     trackBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {
@@ -479,7 +481,7 @@ export declare function useSlider(props: MaybeRefOrGetter<SliderOwnProps>, libDe
     getThumbKnobBind: (thumbIndex: 0 | 1) => import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {
         "aria-hidden": boolean;
     }>;
-    tooltipProps: import('vue').ComputedRef<Partial<Omit<import('../../Tooltip').TooltipOwnProps, "slots" | "modelValue" | "anchorEl" | "content">> | undefined>;
+    tooltipProps: import('vue').ComputedRef<Partial<Omit<import('../../Tooltip').TooltipOwnProps, "slots" | "modelValue" | "content" | "anchorEl">> | undefined>;
     readThumbValue: (thumbIndex: 0 | 1) => number;
 };
 export type UseSliderReturn = ReturnType<typeof useSlider>;

package/dist/Components/TextField/TextField.vue_vue_type_script_setup_true_lang.js

@@ -27,6 +27,7 @@ var C = /*@__PURE__*/ c({
 		readonly: { type: Boolean },
 		required: { type: Boolean },
 		rounded: {},
+		showDescriptionOnError: { type: Boolean },
 		showErrorIcon: {
 			type: Boolean,
 			default: !0

package/dist/Components/TextField/composables/useTextField.d.ts

@@ -427,7 +427,7 @@ export declare function useTextField(props: TextFieldOwnProps): {
             onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-        }, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showErrorIcon" | "startIcon">>>>;
+        }, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showDescriptionOnError" | "showErrorIcon" | "startIcon">>>>;
         isNotched: import('vue').ComputedRef<boolean>;
         isStacked: import('vue').ComputedRef<boolean>;
         startBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
@@ -452,6 +452,8 @@ export declare function useTextField(props: TextFieldOwnProps): {
         hasInsetLabelRow: import('vue').ComputedRef<boolean>;
         insetLabelRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         stackedInputRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;
+        showErrorMessageRow: import('vue').ComputedRef<boolean>;
+        showDescriptionContent: import('vue').ComputedRef<boolean>;
         showErrorMessageContent: import('vue').ComputedRef<boolean>;
         reservesErrorMessageSpace: import('vue').ComputedRef<boolean>;
     };
@@ -676,5 +678,5 @@ export declare function useTextField(props: TextFieldOwnProps): {
         onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-    }, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showErrorIcon" | "startIcon">>>>;
+    }, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showDescriptionOnError" | "showErrorIcon" | "startIcon">>>>;
 };

package/dist/Components/Textarea/Textarea.vue_vue_type_script_setup_true_lang.js

@@ -30,6 +30,7 @@ var T = /*@__PURE__*/ c({
 		readonly: { type: Boolean },
 		required: { type: Boolean },
 		rounded: {},
+		showDescriptionOnError: { type: Boolean },
 		showErrorIcon: {
 			type: Boolean,
 			default: !0

package/dist/Components/Textarea/composables/useTextarea.d.ts

@@ -428,7 +428,7 @@ export declare function useTextarea(props: TextareaOwnProps, textareaRef: Ref<nu
             onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-        }, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showErrorIcon" | "startIcon">>>>;
+        }, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showDescriptionOnError" | "showErrorIcon" | "startIcon">>>>;
         isNotched: import('vue').ComputedRef<boolean>;
         isStacked: import('vue').ComputedRef<boolean>;
         startBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
@@ -453,6 +453,8 @@ export declare function useTextarea(props: TextareaOwnProps, textareaRef: Ref<nu
         hasInsetLabelRow: import('vue').ComputedRef<boolean>;
         insetLabelRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         stackedInputRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;
+        showErrorMessageRow: import('vue').ComputedRef<boolean>;
+        showDescriptionContent: import('vue').ComputedRef<boolean>;
         showErrorMessageContent: import('vue').ComputedRef<boolean>;
         reservesErrorMessageSpace: import('vue').ComputedRef<boolean>;
     };
@@ -678,7 +680,7 @@ export declare function useTextarea(props: TextareaOwnProps, textareaRef: Ref<nu
         onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-    }, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showErrorIcon" | "startIcon">>>, {
+    }, Partial<Omit<Omit<import('../../FormField').FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showDescriptionOnError" | "showErrorIcon" | "startIcon">>>, {
         rows?: string | number | undefined;
         onInput?: ((event: Event) => void) | undefined;
     }>>;

package/dist/Components/TimeField/TimeField.vue_vue_type_script_setup_true_lang.js

@@ -52,6 +52,7 @@ var A = { class: "flex min-w-0 flex-1 items-center gap-1" }, j = ["aria-label"],
 		readonly: { type: Boolean },
 		required: { type: Boolean },
 		rounded: {},
+		showDescriptionOnError: { type: Boolean },
 		showErrorIcon: {
 			type: Boolean,
 			default: !0

package/dist/Components/TimeField/composables/useTimeField.d.ts

@@ -10,7 +10,7 @@ export declare function useTimeField(props: TimeFieldOwnProps, model: Ref<null |
     fill: import('vue').ComputedRef<boolean>;
     overlay: import('vue').ComputedRef<import('@bridge-ui/core/Domain').FieldOverlayMode | undefined>;
     hasValue: import('vue').ComputedRef<boolean>;
-    timeOnly: import('vue').ComputedRef<Pick<TimeFieldOwnProps & Record<string, unknown>, "fill" | "classes" | "overlay" | "showFooter" | "customProps" | "clearable" | "defaultValue" | "timeZone" | "editable" | "ampm" | "disableTimes" | "interval" | "maxTime" | "minTime" | "showSeconds">>;
+    timeOnly: import('vue').ComputedRef<Pick<TimeFieldOwnProps & Record<string, unknown>, "fill" | "classes" | "overlay" | "showFooter" | "customProps" | "editable" | "timeZone" | "ampm" | "interval" | "showSeconds" | "defaultValue" | "clearable" | "disableTimes" | "maxTime" | "minTime">>;
     formField: {
         slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;
@@ -438,7 +438,7 @@ export declare function useTimeField(props: TimeFieldOwnProps, model: Ref<null |
             onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-        }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showErrorIcon" | "startIcon">>>>;
+        }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showDescriptionOnError" | "showErrorIcon" | "startIcon">>>>;
         isNotched: import('vue').ComputedRef<boolean>;
         isStacked: import('vue').ComputedRef<boolean>;
         startBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
@@ -463,6 +463,8 @@ export declare function useTimeField(props: TimeFieldOwnProps, model: Ref<null |
         hasInsetLabelRow: import('vue').ComputedRef<boolean>;
         insetLabelRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         stackedInputRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;
+        showErrorMessageRow: import('vue').ComputedRef<boolean>;
+        showDescriptionContent: import('vue').ComputedRef<boolean>;
         showErrorMessageContent: import('vue').ComputedRef<boolean>;
         reservesErrorMessageSpace: import('vue').ComputedRef<boolean>;
     };
@@ -687,7 +689,7 @@ export declare function useTimeField(props: TimeFieldOwnProps, model: Ref<null |
         onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-    }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showErrorIcon" | "startIcon">>>, "class", {
+    }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showDescriptionOnError" | "showErrorIcon" | "startIcon">>>, "class", {
         value: string;
         readonly: boolean;
         onFocus: (event: FocusEvent) => void;

package/dist/Components/TimePanel/composables/useTimePanel.d.ts

@@ -22,7 +22,7 @@ export type TimePanelItem = {
  */
 export declare function useTimePanel(props: MaybeRefOrGetter<TimePanelOwnProps>, libDefaults: TimePanelLibDefaults, emit: (event: "change", value: Date | null) => void): {
     merged: import('vue').ComputedRef<TimePanelMerged>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<TimePanelOwnProps, "error" | "color" | "fill" | "value" | "classes" | "customProps" | "rounded" | "disabled" | "readOnly" | "timeZone" | "ampm" | "disableTimes" | "interval" | "maxTime" | "minTime" | "showSeconds">>>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<TimePanelOwnProps, "error" | "color" | "fill" | "value" | "classes" | "customProps" | "rounded" | "disabled" | "timeZone" | "ampm" | "interval" | "showSeconds" | "readOnly" | "disableTimes" | "maxTime" | "minTime">>>>;
     hourItems: import('vue').ComputedRef<TimePanelItem[]>;
     columnBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
     getHourBind: (item: TimePanelItem) => import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').ButtonHTMLAttributes | undefined, {

package/dist/Components/TimePicker/composables/useTimePicker.d.ts

@@ -9,7 +9,7 @@ type TimePickerMerged = MergeLibDefaults<TimePickerOwnProps, TimePickerLibDefaul
  */
 export declare function useTimePicker(props: MaybeRefOrGetter<TimePickerOwnProps>, libDefaults: TimePickerLibDefaults, emit: SetupContext<TimePickerEmits>["emit"]): {
     merged: import('vue').ComputedRef<TimePickerMerged>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<TimePickerOwnProps, "error" | "color" | "fill" | "value" | "classes" | "showFooter" | "customProps" | "rounded" | "disabled" | "defaultValue" | "readOnly" | "timeZone" | "ampm" | "disableTimes" | "interval" | "maxTime" | "minTime" | "showSeconds">>>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<TimePickerOwnProps, "error" | "color" | "fill" | "value" | "classes" | "showFooter" | "customProps" | "rounded" | "disabled" | "timeZone" | "ampm" | "interval" | "showSeconds" | "defaultValue" | "readOnly" | "disableTimes" | "maxTime" | "minTime">>>>;
     footerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
     showFooter: import('vue').ComputedRef<boolean>;
     contentBind: import('vue').ComputedRef<string>;

package/dist/Components/TimeRangeField/TimeRangeField.vue_vue_type_script_setup_true_lang.js

@@ -52,6 +52,7 @@ var A = { class: "flex min-w-0 flex-1 items-center gap-1" }, j = ["aria-label"],
 		readonly: { type: Boolean },
 		required: { type: Boolean },
 		rounded: {},
+		showDescriptionOnError: { type: Boolean },
 		showErrorIcon: {
 			type: Boolean,
 			default: !0

package/dist/Components/TimeRangeField/composables/useTimeRangeField.d.ts

@@ -10,7 +10,7 @@ export declare function useTimeRangeField(props: TimeRangeFieldOwnProps, model:
     fill: import('vue').ComputedRef<boolean>;
     overlay: import('vue').ComputedRef<import('@bridge-ui/core/Domain').FieldOverlayMode | undefined>;
     hasValue: import('vue').ComputedRef<boolean>;
-    timeOnly: import('vue').ComputedRef<Pick<TimeRangeFieldOwnProps & Record<string, unknown>, "fill" | "classes" | "overlay" | "showFooter" | "customProps" | "clearable" | "defaultValue" | "timeZone" | "editable" | "ampm" | "disableTimes" | "interval" | "maxTime" | "minTime" | "showSeconds">>;
+    timeOnly: import('vue').ComputedRef<Pick<TimeRangeFieldOwnProps & Record<string, unknown>, "fill" | "classes" | "overlay" | "showFooter" | "customProps" | "editable" | "timeZone" | "ampm" | "interval" | "showSeconds" | "defaultValue" | "clearable" | "disableTimes" | "maxTime" | "minTime">>;
     formField: {
         slots: Readonly<{
             [name: string]: import('vue').Slot<any> | undefined;
@@ -438,7 +438,7 @@ export declare function useTimeRangeField(props: TimeRangeFieldOwnProps, model:
             onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
             onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-        }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showErrorIcon" | "startIcon">>>>;
+        }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showDescriptionOnError" | "showErrorIcon" | "startIcon">>>>;
         isNotched: import('vue').ComputedRef<boolean>;
         isStacked: import('vue').ComputedRef<boolean>;
         startBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
@@ -463,6 +463,8 @@ export declare function useTimeRangeField(props: TimeRangeFieldOwnProps, model:
         hasInsetLabelRow: import('vue').ComputedRef<boolean>;
         insetLabelRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
         stackedInputRowBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", {}, {}>>;
+        showErrorMessageRow: import('vue').ComputedRef<boolean>;
+        showDescriptionContent: import('vue').ComputedRef<boolean>;
         showErrorMessageContent: import('vue').ComputedRef<boolean>;
         reservesErrorMessageSpace: import('vue').ComputedRef<boolean>;
     };
@@ -687,7 +689,7 @@ export declare function useTimeRangeField(props: TimeRangeFieldOwnProps, model:
         onTransitionend?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionrun?: ((payload: TransitionEvent) => void) | undefined;
         onTransitionstart?: ((payload: TransitionEvent) => void) | undefined;
-    }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showErrorIcon" | "startIcon">>>, "class", {
+    }, Partial<Omit<Omit<FormFieldOwnProps, "field">, "error" | "color" | "end" | "size" | "classes" | "customProps" | "rounded" | "variant" | "label" | "disabled" | "required" | "corner" | "description" | "errorMessage" | "start" | "endIcon" | "errorIcon" | "hideErrorMessage" | "readonly" | "showDescriptionOnError" | "showErrorIcon" | "startIcon">>>, "class", {
         value: string;
         readonly: boolean;
         onFocus: (event: FocusEvent) => void;

package/dist/Components/TimeRangePicker/composables/useTimeRangePicker.d.ts

@@ -10,7 +10,7 @@ type TimeRangePickerMerged = MergeLibDefaults<TimeRangePickerOwnProps, TimeRange
 export declare function useTimeRangePicker(props: MaybeRefOrGetter<TimeRangePickerOwnProps>, libDefaults: TimeRangePickerLibDefaults, emit: SetupContext<TimeRangePickerEmits>["emit"]): {
     merged: import('vue').ComputedRef<TimeRangePickerMerged>;
     endBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<TimeRangePickerOwnProps, "error" | "color" | "fill" | "value" | "classes" | "showFooter" | "customProps" | "rounded" | "disabled" | "defaultValue" | "readOnly" | "timeZone" | "ampm" | "disableTimes" | "interval" | "maxTime" | "minTime" | "showSeconds" | "endTitle" | "startTitle">>>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Partial<Omit<TimeRangePickerOwnProps, "error" | "color" | "fill" | "value" | "classes" | "showFooter" | "customProps" | "rounded" | "disabled" | "timeZone" | "ampm" | "interval" | "showSeconds" | "defaultValue" | "readOnly" | "disableTimes" | "maxTime" | "minTime" | "endTitle" | "startTitle">>>>;
     startBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
     footerBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, {}>>;
     titlesBind: import('vue').ComputedRef<string>;

package/dist/Components/Tooltip/composables/useTooltip.d.ts

@@ -19,7 +19,7 @@ export declare function useTooltip(props: TooltipOwnProps, libDefaults: TooltipL
     show: import('vue').ComputedRef<boolean>;
     merged: import('vue').ComputedRef<TooltipMerged>;
     mounted: Ref<boolean, boolean>;
-    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<Omit<TooltipProps, "color" | "offset" | "size" | "classes" | "customProps" | "rounded" | "disabled" | "placement" | "teleportTo" | "strategy" | "content" | "arrow" | "closeDelay" | "openDelay">, "anchorEl" | "onShowChange">>>;
+    rootBind: import('vue').ComputedRef<import('@bridge-ui/core/Utils').MergePartBind<object, "class", import('vue').HTMLAttributes | undefined, Omit<Omit<TooltipProps, "color" | "offset" | "size" | "classes" | "customProps" | "rounded" | "disabled" | "content" | "placement" | "teleportTo" | "strategy" | "arrow" | "closeDelay" | "openDelay">, "anchorEl" | "onShowChange">>>;
     tooltipId: string;
     arrowBind: import('vue').ComputedRef<({
         "aria-hidden": boolean;

package/dist/Utils/index.d.ts

@@ -4,8 +4,14 @@ import { ResolvedFieldOverlay } from '@bridge-ui/core/Domain';
 import { FormFieldSize, IconSize } from '@bridge-ui/core/Tokens';
 import { useBridgeUI } from '../Provider/useBridgeUI';
 type RegistryEntryFor<K extends keyof BridgeUIComponentsConfig> = NonNullable<BridgeUIComponentsConfig[K]>;
+type BridgeUIRegistryChromeEntry = {
+    classes?: object;
+    defaultProps?: object;
+    tokens?: object;
+};
 export type UseBridgeUIComponentReturn<P extends object, K extends keyof BridgeUIComponentsConfig = keyof BridgeUIComponentsConfig> = {
     bridge: ReturnType<typeof useBridgeUI>;
+    chromeEntry: ComputedRef<undefined | BridgeUIRegistryChromeEntry>;
     components: ComputedRef<null | BridgeUIComponentsConfig>;
     entry: ComputedRef<undefined | RegistryEntryFor<K>>;
     merged: ComputedRef<P>;
@@ -52,9 +58,12 @@ export declare function usePickerFill({ fill, overlay, componentName, }: {
     overlay?: MaybeRefOrGetter<undefined | ResolvedFieldOverlay>;
 }): ComputedRef<boolean>;
 /**
- * Merges `entry.classes` (Bridge provider) with `props.classes` (instance).
+ * Merges chrome `classes`, public registry `classes`, and instance `props.classes`.
  */
-export declare function useBridgeUIMergedRegistryClasses<C extends object>({ entry, props, }: {
+export declare function useBridgeUIMergedRegistryClasses<C extends object>({ entry, props, chromeEntry, }: {
+    chromeEntry?: ComputedRef<undefined | {
+        classes?: object;
+    }>;
     entry: ComputedRef<undefined | {
         classes?: object;
     }>;

package/dist/Utils/index.js

@@ -6,9 +6,9 @@ import { useOptionalModel as c } from "./useOptionalModel.js";
 import { computed as l, defineComponent as u, toValue as d, unref as f } from "vue";
 import { get as p, isNil as m } from "es-toolkit/compat";
 import { resolveFieldShowFooter as h, resolvePickerFill as g } from "@bridge-ui/core/Domain";
-import { createMergeNestedComponentProps as _, createMergePartBind as v, mergeBridgeUILayeredClasses as y, mergePropsWithBridgeUIDefaults as b } from "@bridge-ui/core/Utils";
+import { createMergeNestedComponentProps as _, createMergePartBind as v, getBridgeUIChromeComponentName as y, getBridgeUIRegistryDefaultProp as b, mergeBridgeUILayeredClasses as x, mergePropsWithBridgeUIDefaults as S } from "@bridge-ui/core/Utils";
 //#region src/Utils/index.ts
-function x(e) {
+function C(e) {
 	return u({
 		name: "HeadlessTestComponent",
 		setup() {
@@ -16,50 +16,54 @@ function x(e) {
 		}
 	});
 }
-var S = v("class"), C = _(S);
-function w({ props: t, libDefaults: n, componentName: r }) {
-	let i = e(), a = l(() => m(i) ? null : f(i.components));
+var w = v("class"), T = _(w);
+function E({ props: t, libDefaults: n, componentName: r }) {
+	let i = e(), a = l(() => m(i) ? null : f(i.components)), o = l(() => {
+		if (r) return p(a.value, r);
+	}), s = l(() => {
+		let e = y(r);
+		if (e) return p(a.value, e);
+	});
 	return {
-		entry: l(() => {
-			if (r) return p(a.value, r);
-		}),
+		entry: o,
 		bridge: i,
-		merged: l(() => b({
+		merged: l(() => S({
 			libDefaults: n,
 			componentName: r,
 			props: d(t),
 			components: a.value,
 			formDefaults: i?.global.value.formDefaults
 		})),
-		components: a
+		components: a,
+		chromeEntry: s
 	};
 }
-function T({ overlay: t, showFooter: n, componentName: r }) {
+function D({ overlay: t, showFooter: n, componentName: r }) {
 	let i = e();
 	return l(() => {
-		let e = r ? p(f(i?.components), [
-			r,
-			"defaultProps",
-			"showFooter"
-		]) : void 0;
+		let e = b({
+			componentName: r,
+			prop: "showFooter",
+			components: f(i?.components)
+		});
 		return h(d(n) ?? e, d(t));
 	});
 }
-function E({ fill: t, overlay: n, componentName: r }) {
+function O({ fill: t, overlay: n, componentName: r }) {
 	let i = e();
 	return l(() => {
-		let e = r ? p(f(i?.components), [
-			r,
-			"defaultProps",
-			"fill"
-		]) : void 0;
+		let e = b({
+			prop: "fill",
+			componentName: r,
+			components: f(i?.components)
+		});
 		return g(d(t) ?? e, d(n));
 	});
 }
-function D({ entry: e, props: t }) {
-	return l(() => y(p(e.value, "classes"), d(t).classes));
+function k({ entry: e, props: t, chromeEntry: n }) {
+	return l(() => x(p(n?.value, "classes"), p(e.value, "classes"), d(t).classes));
 }
-function O(e) {
+function A(e) {
 	return p({
 		xs: "xs",
 		sm: "sm",
@@ -70,7 +74,7 @@ function O(e) {
 		"2xl": "lg"
 	}, e ?? "md");
 }
-function k(e) {
+function j(e) {
 	if (e instanceof HTMLElement) return e;
 	if (e && "$el" in e) {
 		let t = e.$el;
@@ -79,4 +83,4 @@ function k(e) {
 	return null;
 }
 //#endregion
-export { t as RenderFn, x as defineHeadlessComponent, n as hasNamedSlot, r as hasSlotOrProp, i as isPropPresent, C as mergeNestedComponentProps, S as mergePartBind, a as presentSlotNames, O as resolveFieldAdornmentIconSize, k as resolveVnodeRefElement, o as useBreakpoint, w as useBridgeUIComponent, D as useBridgeUIMergedRegistryClasses, T as useFieldShowFooter, s as useHoldRepeat, c as useOptionalModel, E as usePickerFill };
+export { t as RenderFn, C as defineHeadlessComponent, n as hasNamedSlot, r as hasSlotOrProp, i as isPropPresent, T as mergeNestedComponentProps, w as mergePartBind, a as presentSlotNames, A as resolveFieldAdornmentIconSize, j as resolveVnodeRefElement, o as useBreakpoint, E as useBridgeUIComponent, k as useBridgeUIMergedRegistryClasses, D as useFieldShowFooter, s as useHoldRepeat, c as useOptionalModel, O as usePickerFill };

package/dist/augments.d.ts

@@ -38,7 +38,7 @@ declare module "@bridge-ui/core/Config" {
     }
     interface AutocompleteConfigOverrides {
         classes: AutocompleteClasses;
-        defaultProps: Partial<Pick<AutocompleteProps, "size" | "color" | "rounded" | "variant" | "showFooter" | "showErrorIcon" | "hideErrorMessage">>;
+        defaultProps: Partial<Pick<AutocompleteProps, "size" | "color" | "rounded" | "variant" | "showFooter" | "showErrorIcon" | "hideErrorMessage" | "showDescriptionOnError">>;
     }
     interface AvatarConfigOverrides {
         classes: AvatarClasses;
@@ -107,15 +107,15 @@ declare module "@bridge-ui/core/Config" {
     }
     interface NumberFieldConfigOverrides {
         classes: NumberFieldClasses;
-        defaultProps: Partial<Pick<NumberFieldProps, "size" | "color" | "rounded" | "variant" | "showErrorIcon" | "controlVariant" | "hideErrorMessage">>;
+        defaultProps: Partial<Pick<NumberFieldProps, "size" | "color" | "rounded" | "variant" | "showErrorIcon" | "controlVariant" | "hideErrorMessage" | "showDescriptionOnError">>;
     }
     interface OtpFieldConfigOverrides {
         classes: OtpFieldClasses;
-        defaultProps: Partial<Pick<OtpFieldProps, "size" | "type" | "color" | "length" | "rounded" | "variant" | "hideErrorMessage">>;
+        defaultProps: Partial<Pick<OtpFieldProps, "size" | "type" | "color" | "length" | "rounded" | "variant" | "hideErrorMessage" | "showDescriptionOnError">>;
     }
     interface PasswordFieldConfigOverrides {
         classes: PasswordFieldClasses;
-        defaultProps: Partial<Pick<PasswordFieldProps, "size" | "color" | "rounded" | "variant" | "showErrorIcon" | "hideErrorMessage">>;
+        defaultProps: Partial<Pick<PasswordFieldProps, "size" | "color" | "rounded" | "variant" | "showErrorIcon" | "hideErrorMessage" | "showDescriptionOnError">>;
     }
     interface ProgressConfigOverrides {
         classes: ProgressClasses;
@@ -131,7 +131,7 @@ declare module "@bridge-ui/core/Config" {
     }
     interface SelectConfigOverrides {
         classes: SelectClasses;
-        defaultProps: Partial<Pick<SelectProps, "size" | "color" | "rounded" | "variant" | "showFooter" | "showErrorIcon" | "hideErrorMessage">>;
+        defaultProps: Partial<Pick<SelectProps, "size" | "color" | "rounded" | "variant" | "showFooter" | "showErrorIcon" | "hideErrorMessage" | "showDescriptionOnError">>;
     }
     interface SidebarConfigOverrides {
         classes: SidebarClasses & SidebarInsetClasses & SidebarProviderClasses;
@@ -143,7 +143,7 @@ declare module "@bridge-ui/core/Config" {
     }
     interface SliderConfigOverrides {
         classes: SliderClasses;
-        defaultProps: Partial<Pick<SliderProps, "max" | "min" | "size" | "step" | "color" | "rounded" | "showStops" | "showTooltip" | "hideErrorMessage">>;
+        defaultProps: Partial<Pick<SliderProps, "max" | "min" | "size" | "step" | "color" | "rounded" | "showStops" | "showTooltip" | "hideErrorMessage" | "showDescriptionOnError">>;
     }
     interface SpinnerConfigOverrides {
         classes: SpinnerClasses;
@@ -155,10 +155,10 @@ declare module "@bridge-ui/core/Config" {
     }
     interface TextareaConfigOverrides {
         classes: TextareaClasses;
-        defaultProps: Partial<Pick<TextareaProps, "size" | "color" | "resize" | "rounded" | "variant" | "autosize" | "showErrorIcon" | "hideErrorMessage">>;
+        defaultProps: Partial<Pick<TextareaProps, "size" | "color" | "resize" | "rounded" | "variant" | "autosize" | "showErrorIcon" | "hideErrorMessage" | "showDescriptionOnError">>;
     }
     interface TextFieldConfigOverrides {
         classes: TextFieldClasses;
-        defaultProps: Partial<Pick<TextFieldProps, "size" | "color" | "rounded" | "variant" | "showErrorIcon" | "hideErrorMessage">>;
+        defaultProps: Partial<Pick<TextFieldProps, "size" | "color" | "rounded" | "variant" | "showErrorIcon" | "hideErrorMessage" | "showDescriptionOnError">>;
     }
 }

package/docs/components/Alert.md

@@ -15,6 +15,8 @@ import { Alert } from "@bridge-ui/vue/Components/Alert";
 ```vue
 <Alert color="primary" title="Heads up" />
 
+<Alert color="success">Saved successfully.</Alert>
+
 <Alert color="error" title="Something went wrong">
   Please try again in a few minutes.
 </Alert>
@@ -81,10 +83,10 @@ import { Alert } from "@bridge-ui/vue/Components/Alert";
 | `color`       | `AlertColor`         | "primary" | The color to apply to the alert.                                                                                      |
 | `customProps` | `AlertCustomProps`   | —         | Extra props for internal parts (`icon`, `title`, `body`, etc.). Root HTML attributes stay on the component top level. |
 | `icon`        | `LucideIcon \| null` | —         | The icon to apply to the alert. Use `null` to omit the prop icon.                                                     |
-| `padding`     | `AlertPadding`       | "medium"  | The padding to apply to the alert.                                                                                    |
+| `padding`     | `AlertPadding`       | "medium"  | Root padding scale. Each token also sets body indent under the title row.                                             |
 | `rounded`     | `AlertRounded`       | "sm"      | The roundedness of the alert.                                                                                         |
 | `shadow`      | `AlertShadow`        | "sm"      | The shadow to apply to the alert.                                                                                     |
-| `title`       | `string`             | —         | The title to apply to the alert.                                                                                      |
+| `title`       | `string`             | —         | Title in the heading row. When omitted, the default slot is used as the title.                                        |
 | `variant`     | `AlertVariant`       | "flat"    | The variant of the alert.                                                                                             |
 
 ## Accessibility

package/docs/components/BaseField.md

@@ -1,6 +1,6 @@
 # BaseField
 
-> Building block for composite field chrome. Prefer `OtpField` / `Slider` in apps; BaseField remains exported for advanced composition. Not a registry key — theme chrome via `tokens.baseField` on the public parent (e.g. `components.Slider.tokens.baseField`).
+> Building block for composite field chrome. Prefer `OtpField` / `Slider` in apps; BaseField remains exported for advanced composition. Theme shared chrome via `components.BaseField`.
 
 Shared vertical field chrome (label, corner, start/end slots, description,
 error message) for OtpField, Slider, and similar controls.
@@ -103,23 +103,24 @@ const field = useBaseField(() => ({
 
 ## Props
 
-| Prop               | Type                   | Default | Description                                                                                  |
-| ------------------ | ---------------------- | ------- | -------------------------------------------------------------------------------------------- |
-| `classes`          | `BaseFieldClasses`     | —       | Classes for the field chrome and control group layout.                                       |
-| `controlId`        | `string`               | auto    | Id for the control group and related labels.                                                 |
-| `corner`           | `string`               | —       | Secondary header text at the inline end.                                                     |
-| `customProps`      | `BaseFieldCustomProps` | —       | Extra props for internal parts (`root`, `group`, `label`, …).                                |
-| `description`      | `string`               | —       | Helper text below the control group (hidden when invalid).                                   |
-| `disabled`         | `boolean`              | `false` | Disables the field control group.                                                            |
-| `error`            | `boolean`              | `false` | Invalid styling on the label and control group.                                              |
-| `errorMessage`     | `string`               | —       | Error message below the control group.                                                       |
-| `field`            | `UseBaseFieldReturn`   | —       | Pre-composed field chrome API from `useBaseField`. Used by `<BaseField :field="…" />`.       |
-| `hideErrorMessage` | `boolean`              | `false` | Hides the error message row and reserved space.                                              |
-| `label`            | `string`               | —       | Primary label above the control group.                                                       |
-| `readonly`         | `boolean`              | `false` | Read-only field control group.                                                               |
-| `required`         | `boolean`              | `false` | Shows a required asterisk on the label.                                                      |
-| `size`             | `BaseFieldSize`        | `"md"`  | Label typography and control group gap scale.                                                |
-| `slots`            | `BaseFieldSlots`       | —       | `#label`, `#corner`, `#description`, `#errorMessage`, `#start`, `#end`, and default control. |
+| Prop                     | Type                   | Default | Description                                                                                                                        |
+| ------------------------ | ---------------------- | ------- | ---------------------------------------------------------------------------------------------------------------------------------- |
+| `classes`                | `BaseFieldClasses`     | —       | Classes for the field chrome and control group layout.                                                                             |
+| `controlId`              | `string`               | auto    | Id for the control group and related labels.                                                                                       |
+| `corner`                 | `string`               | —       | Secondary header text at the inline end.                                                                                           |
+| `customProps`            | `BaseFieldCustomProps` | —       | Extra props for internal parts (`root`, `group`, `label`, …).                                                                      |
+| `description`            | `string`               | —       | Helper text below the control group. Hidden when `error` and an error message are set, unless `showDescriptionOnError`.            |
+| `disabled`               | `boolean`              | `false` | Disables the field control group.                                                                                                  |
+| `error`                  | `boolean`              | `false` | Invalid styling on the label and control group. Hides description when an error message is shown, unless `showDescriptionOnError`. |
+| `errorMessage`           | `string`               | —       | Error message below the control group.                                                                                             |
+| `field`                  | `UseBaseFieldReturn`   | —       | Pre-composed field chrome API from `useBaseField`. Used by `<BaseField :field="…" />`.                                             |
+| `hideErrorMessage`       | `boolean`              | `false` | When `true`, does not reserve the error row. That row is also omitted while a description is shown.                                |
+| `label`                  | `string`               | —       | Primary label above the control group.                                                                                             |
+| `readonly`               | `boolean`              | `false` | Read-only field control group.                                                                                                     |
+| `required`               | `boolean`              | `false` | Shows a required asterisk on the label.                                                                                            |
+| `showDescriptionOnError` | `boolean`              | `false` | When `true`, keeps the description visible while the field is invalid.                                                             |
+| `size`                   | `BaseFieldSize`        | `"md"`  | Label typography and control group gap scale.                                                                                      |
+| `slots`                  | `BaseFieldSlots`       | —       | `#label`, `#corner`, `#description`, `#errorMessage`, `#start`, `#end`, and default control.                                       |
 
 ## Related components