bitboss-ui 2.1.111 → 2.1.112

package/dist/components/BbDropdownButton/BbDropdownButton.vue.d.ts

@@ -34,17 +34,39 @@ export type BbDropdownButtonProps = Pick<BbDropdownProps, 'arrowPadding' | 'disa
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<{
+        /**
+         * The left-side trigger button content. Spread `props` onto your element to wire the anchor reference.
+         * @param props - Spread onto the activator element to register the floating-UI anchor.
+         * @param disabled - Whether the button is globally disabled.
+         * @param open - Whether the dropdown panel is currently open.
+         * @param placement - The current placement of the dropdown panel.
+         */
         activator?: (props: {
             props: {};
             disabled?: boolean;
             open: boolean;
             placement: BbDropdownProps["placement"];
         }) => any;
+        /**
+         * Content rendered before the first item in the dropdown panel.
+         * @param disabled - Whether the button is globally disabled.
+         * @param open - Whether the dropdown panel is currently open.
+         * @param placement - The current placement of the dropdown panel.
+         */
         prepend?: (props: {
             disabled?: boolean;
             open: boolean;
             placement: BbDropdownProps["placement"];
         }) => any;
+        /**
+         * Content rendered before each dropdown item's default content.
+         * @param disabled - Whether this item is disabled.
+         * @param index - The zero-based index of this item.
+         * @param item - The raw item object from the `items` prop.
+         * @param open - Whether the dropdown panel is currently open.
+         * @param placement - The current placement of the dropdown panel.
+         * @param text - The resolved display text for this item.
+         */
         'item:prepend'?: (props: {
             disabled?: MappedItem["disabled"];
             index: number;
@@ -53,6 +75,15 @@ declare function __VLS_template(): {
             placement: BbDropdownProps["placement"];
             text: MappedItem["text"];
         }) => any;
+        /**
+         * Content rendered after each dropdown item's default content.
+         * @param disabled - Whether this item is disabled.
+         * @param index - The zero-based index of this item.
+         * @param item - The raw item object from the `items` prop.
+         * @param open - Whether the dropdown panel is currently open.
+         * @param placement - The current placement of the dropdown panel.
+         * @param text - The resolved display text for this item.
+         */
         'item:append'?: (props: {
             disabled?: MappedItem["disabled"];
             index: number;
@@ -61,11 +92,23 @@ declare function __VLS_template(): {
             placement: BbDropdownProps["placement"];
             text: MappedItem["text"];
         }) => any;
+        /**
+         * Content rendered after the last item in the dropdown panel.
+         * @param disabled - Whether the button is globally disabled.
+         * @param open - Whether the dropdown panel is currently open.
+         * @param placement - The current placement of the dropdown panel.
+         */
         append?: (props: {
             disabled?: boolean;
             open: boolean;
             placement: BbDropdownProps["placement"];
         }) => any;
+        /**
+         * Replaces the right-side split button that toggles the dropdown. Renders as a separate button segment.
+         * @param disabled - Whether the button is globally disabled.
+         * @param open - Whether the dropdown panel is currently open.
+         * @param placement - The current placement of the dropdown panel.
+         */
         'right-btn'?: (props: {
             disabled?: boolean;
             open: boolean;
@@ -81,17 +124,39 @@ declare function __VLS_template(): {
             text: MappedItem["text"];
         }) => any;
     }> & {
+        /**
+         * The left-side trigger button content. Spread `props` onto your element to wire the anchor reference.
+         * @param props - Spread onto the activator element to register the floating-UI anchor.
+         * @param disabled - Whether the button is globally disabled.
+         * @param open - Whether the dropdown panel is currently open.
+         * @param placement - The current placement of the dropdown panel.
+         */
         activator?: (props: {
             props: {};
             disabled?: boolean;
             open: boolean;
             placement: BbDropdownProps["placement"];
         }) => any;
+        /**
+         * Content rendered before the first item in the dropdown panel.
+         * @param disabled - Whether the button is globally disabled.
+         * @param open - Whether the dropdown panel is currently open.
+         * @param placement - The current placement of the dropdown panel.
+         */
         prepend?: (props: {
             disabled?: boolean;
             open: boolean;
             placement: BbDropdownProps["placement"];
         }) => any;
+        /**
+         * Content rendered before each dropdown item's default content.
+         * @param disabled - Whether this item is disabled.
+         * @param index - The zero-based index of this item.
+         * @param item - The raw item object from the `items` prop.
+         * @param open - Whether the dropdown panel is currently open.
+         * @param placement - The current placement of the dropdown panel.
+         * @param text - The resolved display text for this item.
+         */
         'item:prepend'?: (props: {
             disabled?: MappedItem["disabled"];
             index: number;
@@ -100,6 +165,15 @@ declare function __VLS_template(): {
             placement: BbDropdownProps["placement"];
             text: MappedItem["text"];
         }) => any;
+        /**
+         * Content rendered after each dropdown item's default content.
+         * @param disabled - Whether this item is disabled.
+         * @param index - The zero-based index of this item.
+         * @param item - The raw item object from the `items` prop.
+         * @param open - Whether the dropdown panel is currently open.
+         * @param placement - The current placement of the dropdown panel.
+         * @param text - The resolved display text for this item.
+         */
         'item:append'?: (props: {
             disabled?: MappedItem["disabled"];
             index: number;
@@ -108,11 +182,23 @@ declare function __VLS_template(): {
             placement: BbDropdownProps["placement"];
             text: MappedItem["text"];
         }) => any;
+        /**
+         * Content rendered after the last item in the dropdown panel.
+         * @param disabled - Whether the button is globally disabled.
+         * @param open - Whether the dropdown panel is currently open.
+         * @param placement - The current placement of the dropdown panel.
+         */
         append?: (props: {
             disabled?: boolean;
             open: boolean;
             placement: BbDropdownProps["placement"];
         }) => any;
+        /**
+         * Replaces the right-side split button that toggles the dropdown. Renders as a separate button segment.
+         * @param disabled - Whether the button is globally disabled.
+         * @param open - Whether the dropdown panel is currently open.
+         * @param placement - The current placement of the dropdown panel.
+         */
         'right-btn'?: (props: {
             disabled?: boolean;
             open: boolean;

package/dist/components/BbDropzone/BbDropzone.vue.d.ts

@@ -58,12 +58,24 @@ declare const createError: {
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<{
+        /**
+         * The drop zone area content. Renders inside the `<label>` that captures drag and file input events.
+         * @param dragging - Whether a file is currently being dragged over the drop zone.
+         * @param focused - Whether the file input currently has keyboard focus.
+         * @param id - The `id` of the underlying file input, useful for custom label association.
+         */
         default?: (props: {
             dragging: boolean;
             focused: boolean;
             id: string;
         }) => any;
     }> & {
+        /**
+         * The drop zone area content. Renders inside the `<label>` that captures drag and file input events.
+         * @param dragging - Whether a file is currently being dragged over the drop zone.
+         * @param focused - Whether the file input currently has keyboard focus.
+         * @param id - The `id` of the underlying file input, useful for custom label association.
+         */
         default?: (props: {
             dragging: boolean;
             focused: boolean;

package/dist/components/BbIntersection/BbIntersection.vue.d.ts

@@ -17,12 +17,24 @@ export type BbIntersectionEvents = {
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<{
+        /**
+         * Content rendered inside the observed element. Receives live intersection state.
+         * @param hidden - Whether the component is currently fully out of the viewport.
+         * @param percentage - The current intersection ratio as a percentage (0–100).
+         * @param shown - Whether the component is currently at least partially visible.
+         */
         default?: (props: {
             hidden: boolean;
             percentage: number;
             shown: boolean;
         }) => any;
     }> & {
+        /**
+         * Content rendered inside the observed element. Receives live intersection state.
+         * @param hidden - Whether the component is currently fully out of the viewport.
+         * @param percentage - The current intersection ratio as a percentage (0–100).
+         * @param shown - Whether the component is currently at least partially visible.
+         */
         default?: (props: {
             hidden: boolean;
             percentage: number;

package/dist/components/BbNumberInput/BbNumberInput.vue.d.ts

@@ -118,11 +118,21 @@ export type BbNumberInputEvents = BaseNumberInputEvents;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<BaseNumberInputSlots & {
+        /**
+         * Replaces the default label text rendered above the number input.
+         * @param text - The `label` prop value.
+         * @param hasErrors - Whether the input is in an error state.
+         */
         label?: (props: {
             text: string;
             hasErrors: boolean;
         }) => any;
     }> & BaseNumberInputSlots & {
+        /**
+         * Replaces the default label text rendered above the number input.
+         * @param text - The `label` prop value.
+         * @param hasErrors - Whether the input is in an error state.
+         */
         label?: (props: {
             text: string;
             hasErrors: boolean;

package/dist/components/BbOffCanvas/BbOffCanvas.vue.d.ts

@@ -46,20 +46,44 @@ export type BbOffCanvasEvents = {
     (e: 'show' | 'hide' | 'shown' | 'hidden'): void;
 };
 export type BbOffCanvasSlots = {
+    /**
+     * Replaces the entire off-canvas header section (title + close button). Maintains accessibility wiring via the provided props.
+     * @param titleId - The `id` to assign to your custom title element, wired to `aria-labelledby`.
+     * @param close - Programmatically closes the off-canvas panel.
+     * @param title - The `title` prop value.
+     */
     header?: (props: {
         titleId: typeof titleId;
         close: typeof close;
         title: BbOffCanvasProps['title'];
     }) => any;
+    /**
+     * Replaces the default title text inside the header. Remains linked to the panel through `aria-labelledby`.
+     * @param text - The `title` prop value.
+     */
     title?: (props: {
         text: BbOffCanvasProps['title'];
     }) => any;
+    /**
+     * Replaces the default close icon rendered inside the header's close button.
+     */
     close?: (props: object) => any;
+    /**
+     * Replaces the default accessible description block. The provided content is linked to the panel via `aria-describedby`.
+     * @param descriptionId - The `id` to assign to your custom description element for `aria-describedby` wiring.
+     * @param text - The `description` prop value.
+     */
     description?: (props: {
         descriptionId: typeof descriptionId;
         text: BbOffCanvasProps['description'];
     }) => any;
+    /**
+     * Primary body content of the off-canvas panel, rendered in the scrollable body area.
+     */
     default?: (props: object) => any;
+    /**
+     * Content rendered in the panel footer, below the body area. Typically used for action buttons.
+     */
     footer?: (props: object) => any;
 };
 declare const titleId: string;

package/dist/components/BbPagination/BbPagination.vue.d.ts

@@ -42,22 +42,52 @@ type __VLS_PublicProps = {
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<{
+        /**
+         * Replaces the default "previous page" button content.
+         */
         previous?: (props: object) => any;
+        /**
+         * Replaces the default "next page" button content.
+         */
         next?: (props: object) => any;
+        /**
+         * Replaces the default page number button content for each individual page.
+         * @param active - Whether this is the currently active page.
+         * @param disabled - Whether this page button is disabled.
+         * @param item - The page number this button represents.
+         */
         item?: (props: {
             active: boolean;
             disabled: boolean;
             item: number;
         }) => any;
+        /**
+         * Replaces the default `…` ellipsis shown when pages overflow the visible range.
+         */
         ellipsis?: (props: object) => any;
     }> & {
+        /**
+         * Replaces the default "previous page" button content.
+         */
         previous?: (props: object) => any;
+        /**
+         * Replaces the default "next page" button content.
+         */
         next?: (props: object) => any;
+        /**
+         * Replaces the default page number button content for each individual page.
+         * @param active - Whether this is the currently active page.
+         * @param disabled - Whether this page button is disabled.
+         * @param item - The page number this button represents.
+         */
         item?: (props: {
             active: boolean;
             disabled: boolean;
             item: number;
         }) => any;
+        /**
+         * Replaces the default `…` ellipsis shown when pages overflow the visible range.
+         */
         ellipsis?: (props: object) => any;
     };
     refs: {

package/dist/components/BbPopover/BbPopover.vue.d.ts

@@ -72,12 +72,26 @@ type __VLS_PublicProps = {
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<{
+        /**
+         * The element that triggers the popover to open. Spread `props` onto your trigger element.
+         * @param props - Accessibility and positioning attributes to spread onto the activator element.
+         * @param disabled - Whether the popover is globally disabled.
+         * @param isOpen - Whether the popover is currently open.
+         * @param placement - The current placement of the popover panel.
+         */
         activator?: (props: {
             props: typeof activatorProps.value;
             disabled: boolean;
             isOpen: boolean;
             placement: BbPopoverProps["placement"];
         }) => any;
+        /**
+         * The popover body content rendered inside the floating panel.
+         * @param close - Programmatically closes the popover.
+         * @param disabled - Whether the popover is globally disabled.
+         * @param open - Whether the popover is currently open.
+         * @param placement - The current placement of the popover panel.
+         */
         default?: (props: {
             close: typeof close;
             disabled: boolean;
@@ -85,12 +99,26 @@ declare function __VLS_template(): {
             placement: BbPopoverProps["placement"];
         }) => any;
     }> & {
+        /**
+         * The element that triggers the popover to open. Spread `props` onto your trigger element.
+         * @param props - Accessibility and positioning attributes to spread onto the activator element.
+         * @param disabled - Whether the popover is globally disabled.
+         * @param isOpen - Whether the popover is currently open.
+         * @param placement - The current placement of the popover panel.
+         */
         activator?: (props: {
             props: typeof activatorProps.value;
             disabled: boolean;
             isOpen: boolean;
             placement: BbPopoverProps["placement"];
         }) => any;
+        /**
+         * The popover body content rendered inside the floating panel.
+         * @param close - Programmatically closes the popover.
+         * @param disabled - Whether the popover is globally disabled.
+         * @param open - Whether the popover is currently open.
+         * @param placement - The current placement of the popover panel.
+         */
         default?: (props: {
             close: typeof close;
             disabled: boolean;
@@ -190,8 +218,10 @@ declare function __VLS_template(): {
         }> & Readonly<{
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         }>, "transitionDuration" | "padding" | "tag" | "flip"> & import('vue').ShallowUnwrapRef<{}> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
-            $slots: {
-                default?(_: {}): any;
+            $slots: Readonly<{
+                default?: (props: object) => any;
+            }> & {
+                default?: (props: object) => any;
             };
         }) | null;
     };
@@ -316,8 +346,10 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
     }> & Readonly<{
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     }>, "transitionDuration" | "padding" | "tag" | "flip"> & import('vue').ShallowUnwrapRef<{}> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
-        $slots: {
-            default?(_: {}): any;
+        $slots: Readonly<{
+            default?: (props: object) => any;
+        }> & {
+            default?: (props: object) => any;
         };
     }) | null;
 }, any>;

package/dist/components/BbRadio/BbRadio.vue.d.ts

@@ -90,18 +90,58 @@ export type BbRadioEvents = BaseRadioEvents;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<{
+        /**
+         * Replaces the default label text rendered next to the radio button.
+         * @param text - The `label` prop value.
+         * @param hasErrors - Whether the radio is in an error state.
+         */
         label?: (props: {
             text: string;
             hasErrors: boolean;
         }) => any;
+        /**
+         * Replaces the default radio dot visual inside the radio container. Receives `BaseRadio`
+         * slot attributes plus the label text.
+         * @param checked - Whether this radio is currently selected.
+         * @param disabled - Whether this radio is disabled.
+         * @param focused - Whether the input currently has focus.
+         * @param focusVisible - Whether focus is keyboard-visible (`:focus-visible`).
+         * @param hasErrors - Whether the radio is in an error state.
+         * @param id - The `id` attribute of the underlying input.
+         * @param name - The `name` attribute of the underlying input.
+         * @param parsedValue - The radio value serialized for form submission.
+         * @param readonly - Whether the radio is read-only.
+         * @param value - The current effective value of this radio option.
+         * @param text - The `label` prop value.
+         */
         icon?: (props: SlotAttributes & {
             text: string;
         }) => any;
     }> & {
+        /**
+         * Replaces the default label text rendered next to the radio button.
+         * @param text - The `label` prop value.
+         * @param hasErrors - Whether the radio is in an error state.
+         */
         label?: (props: {
             text: string;
             hasErrors: boolean;
         }) => any;
+        /**
+         * Replaces the default radio dot visual inside the radio container. Receives `BaseRadio`
+         * slot attributes plus the label text.
+         * @param checked - Whether this radio is currently selected.
+         * @param disabled - Whether this radio is disabled.
+         * @param focused - Whether the input currently has focus.
+         * @param focusVisible - Whether focus is keyboard-visible (`:focus-visible`).
+         * @param hasErrors - Whether the radio is in an error state.
+         * @param id - The `id` attribute of the underlying input.
+         * @param name - The `name` attribute of the underlying input.
+         * @param parsedValue - The radio value serialized for form submission.
+         * @param readonly - Whether the radio is read-only.
+         * @param value - The current effective value of this radio option.
+         * @param text - The `label` prop value.
+         */
         icon?: (props: SlotAttributes & {
             text: string;
         }) => any;

package/dist/components/BbRadioGroup/BbRadioGroup.vue.d.ts

@@ -148,9 +148,26 @@ declare const _default: <T = any>(__VLS_props: NonNullable<Awaited<typeof __VLS_
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: Readonly<{
+        /**
+         * Content rendered before the first option, inside the options container.
+         */
         prepend?: (props: object) => any;
+        /**
+         * Content shown while options are loading (replaces the default loading text).
+         */
         loading?: (props: object) => any;
+        /**
+         * Content shown when no options are available (replaces the default "no data" text).
+         */
         'no-data'?: (props: object) => any;
+        /**
+         * Content rendered before each option's radio button.
+         * @param checked - Whether this option is currently selected.
+         * @param disabled - Whether this option is disabled.
+         * @param id - The `id` of this option's input, if set.
+         * @param item - The raw item from the `items` prop.
+         * @param text - The display text for this option.
+         */
         'option:prepend'?: (props: {
             checked: boolean;
             disabled: boolean;
@@ -158,15 +175,45 @@ declare const _default: <T = any>(__VLS_props: NonNullable<Awaited<typeof __VLS_
             item: T;
             text: string;
         }) => any;
+        /**
+         * Replaces the default radio dot icon for each option. Receives all `BaseRadio`
+         * slot attributes plus the source item and its display text.
+         * @param checked - Whether this option is currently selected.
+         * @param disabled - Whether this option is disabled.
+         * @param focused - Whether this option's input currently has focus.
+         * @param focusVisible - Whether focus is keyboard-visible (`:focus-visible`).
+         * @param hasErrors - Whether the group is in an error state.
+         * @param id - The `id` of this option's input.
+         * @param name - The `name` of this option's input.
+         * @param parsedValue - The option value serialized for form submission.
+         * @param readonly - Whether this option is read-only.
+         * @param value - The current effective value for this option.
+         * @param item - The raw item from the `items` prop.
+         * @param text - The display text resolved for this option.
+         */
         icon?: (props: SlotAttributes & {
             item: any;
             text: string;
         }) => any;
+        /**
+         * Replaces the default label text for each option.
+         * @param item - The raw item from the `items` prop.
+         * @param text - The resolved display text for this option.
+         * @param checked - Whether this option is currently selected.
+         */
         label?: (props: {
             item: any;
             text: string;
             checked: boolean;
         }) => any;
+        /**
+         * Content rendered after each option's radio button and label.
+         * @param checked - Whether this option is currently selected.
+         * @param disabled - Whether this option is disabled.
+         * @param id - The `id` of this option's input, if set.
+         * @param item - The raw item from the `items` prop.
+         * @param text - The display text for this option.
+         */
         'option:append'?: (props: {
             checked: boolean;
             disabled: boolean;
@@ -174,15 +221,40 @@ declare const _default: <T = any>(__VLS_props: NonNullable<Awaited<typeof __VLS_
             item: T;
             text: string;
         }) => any;
+        /**
+         * Content rendered after the last option, inside the options container.
+         */
         append?: (props: object) => any;
+        /**
+         * Replaces the default fieldset legend text for the group.
+         * @param text - The `legend` prop value.
+         * @param hasErrors - Whether the group is in an error state.
+         */
         legend?: (props: {
             text: string;
             hasErrors: boolean;
         }) => any;
     }> & {
+        /**
+         * Content rendered before the first option, inside the options container.
+         */
         prepend?: (props: object) => any;
+        /**
+         * Content shown while options are loading (replaces the default loading text).
+         */
         loading?: (props: object) => any;
+        /**
+         * Content shown when no options are available (replaces the default "no data" text).
+         */
         'no-data'?: (props: object) => any;
+        /**
+         * Content rendered before each option's radio button.
+         * @param checked - Whether this option is currently selected.
+         * @param disabled - Whether this option is disabled.
+         * @param id - The `id` of this option's input, if set.
+         * @param item - The raw item from the `items` prop.
+         * @param text - The display text for this option.
+         */
         'option:prepend'?: (props: {
             checked: boolean;
             disabled: boolean;
@@ -190,15 +262,45 @@ declare const _default: <T = any>(__VLS_props: NonNullable<Awaited<typeof __VLS_
             item: T;
             text: string;
         }) => any;
+        /**
+         * Replaces the default radio dot icon for each option. Receives all `BaseRadio`
+         * slot attributes plus the source item and its display text.
+         * @param checked - Whether this option is currently selected.
+         * @param disabled - Whether this option is disabled.
+         * @param focused - Whether this option's input currently has focus.
+         * @param focusVisible - Whether focus is keyboard-visible (`:focus-visible`).
+         * @param hasErrors - Whether the group is in an error state.
+         * @param id - The `id` of this option's input.
+         * @param name - The `name` of this option's input.
+         * @param parsedValue - The option value serialized for form submission.
+         * @param readonly - Whether this option is read-only.
+         * @param value - The current effective value for this option.
+         * @param item - The raw item from the `items` prop.
+         * @param text - The display text resolved for this option.
+         */
         icon?: (props: SlotAttributes & {
             item: any;
             text: string;
         }) => any;
+        /**
+         * Replaces the default label text for each option.
+         * @param item - The raw item from the `items` prop.
+         * @param text - The resolved display text for this option.
+         * @param checked - Whether this option is currently selected.
+         */
         label?: (props: {
             item: any;
             text: string;
             checked: boolean;
         }) => any;
+        /**
+         * Content rendered after each option's radio button and label.
+         * @param checked - Whether this option is currently selected.
+         * @param disabled - Whether this option is disabled.
+         * @param id - The `id` of this option's input, if set.
+         * @param item - The raw item from the `items` prop.
+         * @param text - The display text for this option.
+         */
         'option:append'?: (props: {
             checked: boolean;
             disabled: boolean;
@@ -206,7 +308,15 @@ declare const _default: <T = any>(__VLS_props: NonNullable<Awaited<typeof __VLS_
             item: T;
             text: string;
         }) => any;
+        /**
+         * Content rendered after the last option, inside the options container.
+         */
         append?: (props: object) => any;
+        /**
+         * Replaces the default fieldset legend text for the group.
+         * @param text - The `legend` prop value.
+         * @param hasErrors - Whether the group is in an error state.
+         */
         legend?: (props: {
             text: string;
             hasErrors: boolean;

package/dist/components/BbRating/BbRating.vue.d.ts

@@ -90,11 +90,21 @@ export type BbRatingEvents = BaseRatingEvents;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<BaseRatingSlots & {
+        /**
+         * Replaces the default fieldset legend text rendered above the rating stars.
+         * @param text - The `legend` prop value.
+         * @param hasErrors - Whether the rating is in an error state.
+         */
         legend?: (props: {
             text: string;
             hasErrors: boolean;
         }) => any;
     }> & BaseRatingSlots & {
+        /**
+         * Replaces the default fieldset legend text rendered above the rating stars.
+         * @param text - The `legend` prop value.
+         * @param hasErrors - Whether the rating is in an error state.
+         */
         legend?: (props: {
             text: string;
             hasErrors: boolean;