bitboss-ui 2.1.111 → 2.1.113

package/dist/components/BaseColorInput/types.d.ts

@@ -0,0 +1,233 @@
+import { IconType } from '../../types/Icon';
+import { HTMLAttributes, InputHTMLAttributes } from 'vue';
+/**
+ * Color input with hex value masking and an optional palette popover.
+ * Accepts and emits `#RRGGBB` (or `#RRGGBBAA` when `alpha` is enabled) values via v-model
+ * and supports full input chrome slots.
+ */
+export type BaseColorInputProps = {
+    /**
+     * Enable the alpha channel. When true the picker shows an opacity slider and
+     * emits / accepts `#RRGGBBAA` hex8 values.
+     */
+    alpha?: boolean;
+    /**
+     * Name of the icon to render at the right hand side of the input.
+     */
+    'append:icon'?: IconType;
+    /**
+     * Id(s) of element(s) describing this input for assistive tech (space-separated).
+     * Typically includes the container hint id if used within a BaseInputContainer.
+     */
+    ariaDescribedby?: InputHTMLAttributes['aria-describedby'];
+    /**
+     * Autocomplete hint for the browser.
+     * @default 'off'
+     */
+    autocomplete?: InputHTMLAttributes['autocomplete'];
+    /**
+     * Focus the input on mount.
+     */
+    autofocus?: InputHTMLAttributes['autofocus'];
+    /**
+     * Show a clear button when the input has a value.
+     */
+    clearable?: boolean;
+    /**
+     * Display the component in a compact layout.
+     */
+    compact?: boolean;
+    /**
+     * Disable all interactions.
+     */
+    disabled?: boolean;
+    /**
+     * Visually mark the component as invalid (also sets aria-invalid on the input).
+     */
+    hasErrors?: boolean;
+    /**
+     * The id attribute for the input element. Defaults to a generated `bb_<unique>` id when omitted.
+     */
+    id?: HTMLAttributes['id'];
+    /**
+     * Display the loading state.
+     */
+    loading?: boolean;
+    /**
+     * v-model value: `#RRGGBB` hex string or `null` when empty.
+     * Example: `#1A2B3C`
+     */
+    modelValue: string | null;
+    /**
+     * Name attribute of the input.
+     */
+    name?: InputHTMLAttributes['name'];
+    /**
+     * Placeholder text when there is no value.
+     */
+    placeholder?: InputHTMLAttributes['placeholder'];
+    /**
+     * Name of the icon to render at the start of the input.
+     */
+    'prepend:icon'?: IconType;
+    /**
+     * Make the input read-only.
+     */
+    readonly?: boolean;
+    /**
+     * Mark the input as required.
+     */
+    required?: boolean;
+    /**
+     * Show an eyedropper button to sample any color on screen.
+     * Uses the native EyeDropper API — hidden automatically on unsupported browsers.
+     * @default false
+     */
+    picker?: boolean;
+    /**
+     * Controls swatches display in the picker:
+     * - `true`       — show the built-in Material-palette swatches
+     * - `string[][]` — show custom swatches (each inner array = a column of shades)
+     * - `false` / omitted — no swatches section
+     */
+    swatches?: boolean | string[][];
+    /**
+     * Transition duration (ms) of the palette popover.
+     * @default 250
+     */
+    transitionDuration?: number;
+};
+/**
+ * Events emitted by the color input.
+ * - blur/change/click/focus/input/keydown/mousedown/mouseup: native input events (payload: original event)
+ * - update:modelValue: emits `#RRGGBB` when valid, `null` when cleared/invalid
+ */
+export type BaseColorInputEvents = {
+    /**
+     * Emitted when the native text input loses focus.
+     * Forwards the original DOM `FocusEvent`.
+     */
+    (e: 'blur', event: FocusEvent): void;
+    /**
+     * Emitted when the native text input fires a change event.
+     * Forwards the original DOM `Event`.
+     */
+    (e: 'change', event: Event): void;
+    /**
+     * Emitted when the input area receives a click.
+     * Forwards the original DOM `MouseEvent`.
+     */
+    (e: 'click', event: MouseEvent): void;
+    /**
+     * Emitted when the native text input gains focus.
+     * Forwards the original DOM `FocusEvent`.
+     */
+    (e: 'focus', event: FocusEvent): void;
+    /**
+     * Emitted on native input events from the text field.
+     * Forwards the original DOM `Event`.
+     */
+    (e: 'input', event: Event): void;
+    /**
+     * Emitted for keyboard interaction on the input.
+     * Forwards the original DOM `KeyboardEvent`.
+     */
+    (e: 'keydown', event: KeyboardEvent): void;
+    /**
+     * Emitted when a pointing device button is pressed over the input.
+     * Forwards the original DOM `MouseEvent`.
+     */
+    (e: 'mousedown', event: MouseEvent): void;
+    /**
+     * Emitted when a pointing device button is released over the input.
+     * Forwards the original DOM `MouseEvent`.
+     */
+    (e: 'mouseup', event: MouseEvent): void;
+    /**
+     * Emitted when the value becomes a valid hex color via typing/masking,
+     * when the field is cleared, or when the palette selects a color.
+     * Emits:
+     * - `#RRGGBB` (or `#RRGGBBAA` when `alpha` is enabled) for valid values
+     * - `null` when cleared
+     */
+    (e: 'update:modelValue', value: string | null): void;
+};
+/**
+ * Slots to customize the input chrome.
+ * Use `prepend`/`append` for inline adornments; `prepend-outer`/`append-outer` for the outer container areas.
+ */
+export type BaseColorInputSlots = {
+    /**
+     * Content rendered after the color picker indicator button, at the end of the inner container.
+     * When provided, replaces the default suffix wrapper (use the `suffix` slot if you only need inline trailing text).
+     * This slot receives no scoped props.
+     */
+    append?: (props: Record<string, never>) => any;
+    /**
+     * Content rendered after the entire input control, outside the input chrome.
+     * This slot receives no scoped props.
+     */
+    'append-outer'?: (props: Record<string, never>) => any;
+    /**
+     * Inline content rendered at the start of the input field area, before the typed text.
+     * This slot receives no scoped props.
+     */
+    prefix?: (props: Record<string, never>) => any;
+    /**
+     * Content rendered before the text input, at the start of the inner container.
+     * This slot receives no scoped props.
+     */
+    prepend?: (props: Record<string, never>) => any;
+    /**
+     * Content rendered before the entire input control, outside the input chrome.
+     * This slot receives no scoped props.
+     */
+    'prepend-outer'?: (props: Record<string, never>) => any;
+    /**
+     * Inline content rendered at the end of the input field area, after the typed text.
+     * Renders inside the default `append` area's suffix wrapper.
+     * This slot receives no scoped props.
+     */
+    suffix?: (props: Record<string, never>) => any;
+};
+export type ColorPaletteProps = {
+    /**
+     * Current color value bound via `v-model`.
+     * Accepts `#RRGGBB` and `#RRGGBBAA` (alpha) formats, or `null` for no value.
+     */
+    modelValue: string | null;
+    /**
+     * Enable alpha channel support.
+     * When true, an alpha slider is shown and emitted values include alpha as hex8.
+     * @default false
+     */
+    alpha?: boolean;
+    /**
+     * Show an eyedropper button that lets the user sample any color on screen.
+     * Uses the native EyeDropper API — hidden automatically on unsupported browsers.
+     * @default false
+     */
+    picker?: boolean;
+    /**
+     * Controls swatches display:
+     * - `true`      — show the built-in Material-palette swatches
+     * - `string[][]` — show custom swatches (each inner array = a column of shades)
+     * - `false` / omitted — no swatches section
+     */
+    swatches?: boolean | string[][];
+};
+export type ColorPaletteEvents = {
+    /**
+     * Emitted whenever the user changes color through:
+     * - SV canvas dragging/keyboard
+     * - hue slider dragging/keyboard
+     * - alpha slider dragging/keyboard (when enabled)
+     * - swatch selection
+     * - eyedropper pick
+     *
+     * Payload format:
+     * - `#RRGGBB` when `alpha` is disabled
+     * - `#RRGGBBAA` when `alpha` is enabled
+     */
+    (e: 'update:modelValue', value: string): void;
+};

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

@@ -53,7 +53,27 @@ export type BaseDatePickerProps = {
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: any;
+    slots: Readonly<{
+        [key: string]: (props: {
+            first: boolean;
+            highlighted: boolean;
+            item: any;
+            label: string;
+            last: boolean;
+            middle: boolean;
+            selected: boolean;
+        }) => any;
+    }> & {
+        [key: string]: (props: {
+            first: boolean;
+            highlighted: boolean;
+            item: any;
+            label: string;
+            last: boolean;
+            middle: boolean;
+            selected: boolean;
+        }) => any;
+    };
     refs: {};
     rootEl: HTMLDivElement;
 };

package/dist/components/BaseDatePicker/BaseDatePickerInputDaySelector.vue.d.ts

@@ -21,23 +21,27 @@ type Props = {
 type DateValue = string | string[] | null;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Partial<Record<"day", (_: {
-        first: boolean;
-        highlighted: boolean;
-        item: dayjs.Dayjs;
-        label: string;
-        last: boolean;
-        middle: boolean;
-        selected: boolean;
-    }) => any>> & Partial<Record<string, (_: {
-        first: boolean;
-        highlighted: boolean;
-        item: dayjs.Dayjs;
-        label: string;
-        last: boolean;
-        middle: boolean;
-        selected: boolean;
-    }) => any>>;
+    slots: Readonly<{
+        [key: string]: (props: {
+            first: boolean;
+            highlighted: boolean;
+            item: any;
+            label: string;
+            last: boolean;
+            middle: boolean;
+            selected: boolean;
+        }) => any;
+    }> & {
+        [key: string]: (props: {
+            first: boolean;
+            highlighted: boolean;
+            item: any;
+            label: string;
+            last: boolean;
+            middle: boolean;
+            selected: boolean;
+        }) => any;
+    };
     refs: {
         calendar: HTMLDivElement;
     };

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

@@ -169,18 +169,54 @@ export type BaseDatePickerInputEvents = {
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<{
+        /**
+         * Content rendered before the entire input control, outside the input chrome.
+         */
         'prepend-outer'?: (props: object) => any;
+        /**
+         * Content rendered before the date fields, at the start of the inner container.
+         */
         prepend?: (props: object) => any;
+        /**
+         * Inline content rendered at the start of the input field area, before the date fields.
+         */
         prefix?: (props: object) => any;
+        /**
+         * Content rendered after the date fields, at the end of the inner container (before the calendar toggle button).
+         */
         append?: (props: object) => any;
+        /**
+         * Content rendered after the entire input control, outside the input chrome.
+         */
         'append-outer'?: (props: object) => any;
+        /**
+         * Inline content rendered at the end of the input field area, after the date fields.
+         */
         suffix?: (props: object) => any;
     }> & {
+        /**
+         * Content rendered before the entire input control, outside the input chrome.
+         */
         'prepend-outer'?: (props: object) => any;
+        /**
+         * Content rendered before the date fields, at the start of the inner container.
+         */
         prepend?: (props: object) => any;
+        /**
+         * Inline content rendered at the start of the input field area, before the date fields.
+         */
         prefix?: (props: object) => any;
+        /**
+         * Content rendered after the date fields, at the end of the inner container (before the calendar toggle button).
+         */
         append?: (props: object) => any;
+        /**
+         * Content rendered after the entire input control, outside the input chrome.
+         */
         'append-outer'?: (props: object) => any;
+        /**
+         * Inline content rendered at the end of the input field area, after the date fields.
+         */
         suffix?: (props: object) => any;
     };
     refs: {
@@ -223,10 +259,14 @@ declare function __VLS_template(): {
             $nextTick: typeof import('vue').nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
         } & Readonly<{}> & Omit<Readonly<{}> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
-            $slots: {
-                'prepend-outer'?(_: {}): any;
-                default?(_: {}): any;
-                'append-outer'?(_: {}): any;
+            $slots: Readonly<{
+                'prepend-outer'?: (props: object) => any;
+                default?: (props: object) => any;
+                'append-outer'?: (props: object) => any;
+            }> & {
+                'prepend-outer'?: (props: object) => any;
+                default?: (props: object) => any;
+                'append-outer'?: (props: object) => any;
             };
         }) | null;
         innerContainer: ({
@@ -282,12 +322,18 @@ declare function __VLS_template(): {
         } & Readonly<{}> & Omit<Readonly<import('../CommonInputInnerContainer.vue').CommonInputInnerContainerProps> & Readonly<{
             "onClick:clear"?: (() => any) | undefined;
         }>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
-            $slots: {
-                prepend?(_: {}): any;
-                prefix?(_: {}): any;
-                default?(_: {}): any;
-                append?(_: {}): any;
-                suffix?(_: {}): any;
+            $slots: Readonly<{
+                prepend?: (props: object) => any;
+                prefix?: (props: object) => any;
+                default?: (props: object) => any;
+                append?: (props: object) => any;
+                suffix?: (props: object) => any;
+            }> & {
+                prepend?: (props: object) => any;
+                prefix?: (props: object) => any;
+                default?: (props: object) => any;
+                append?: (props: object) => any;
+                suffix?: (props: object) => any;
             };
         }) | null;
         calendar: HTMLDivElement;
@@ -358,7 +404,27 @@ declare function __VLS_template(): {
         }>, "firstDayOfWeek" | "resetStatus"> & import('vue').ShallowUnwrapRef<{
             resetStatus: () => void;
         }> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
-            $slots: any;
+            $slots: Readonly<{
+                [key: string]: (props: {
+                    first: boolean;
+                    highlighted: boolean;
+                    item: any;
+                    label: string;
+                    last: boolean;
+                    middle: boolean;
+                    selected: boolean;
+                }) => any;
+            }> & {
+                [key: string]: (props: {
+                    first: boolean;
+                    highlighted: boolean;
+                    item: any;
+                    label: string;
+                    last: boolean;
+                    middle: boolean;
+                    selected: boolean;
+                }) => any;
+            };
         }) | null;
     };
     rootEl: HTMLSpanElement;
@@ -419,10 +485,14 @@ declare const __VLS_component: import('vue').DefineComponent<BaseDatePickerInput
         $nextTick: typeof import('vue').nextTick;
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
     } & Readonly<{}> & Omit<Readonly<{}> & Readonly<{}>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
-        $slots: {
-            'prepend-outer'?(_: {}): any;
-            default?(_: {}): any;
-            'append-outer'?(_: {}): any;
+        $slots: Readonly<{
+            'prepend-outer'?: (props: object) => any;
+            default?: (props: object) => any;
+            'append-outer'?: (props: object) => any;
+        }> & {
+            'prepend-outer'?: (props: object) => any;
+            default?: (props: object) => any;
+            'append-outer'?: (props: object) => any;
         };
     }) | null;
     innerContainer: ({
@@ -478,12 +548,18 @@ declare const __VLS_component: import('vue').DefineComponent<BaseDatePickerInput
     } & Readonly<{}> & Omit<Readonly<import('../CommonInputInnerContainer.vue').CommonInputInnerContainerProps> & Readonly<{
         "onClick:clear"?: (() => any) | undefined;
     }>, never> & import('vue').ShallowUnwrapRef<{}> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
-        $slots: {
-            prepend?(_: {}): any;
-            prefix?(_: {}): any;
-            default?(_: {}): any;
-            append?(_: {}): any;
-            suffix?(_: {}): any;
+        $slots: Readonly<{
+            prepend?: (props: object) => any;
+            prefix?: (props: object) => any;
+            default?: (props: object) => any;
+            append?: (props: object) => any;
+            suffix?: (props: object) => any;
+        }> & {
+            prepend?: (props: object) => any;
+            prefix?: (props: object) => any;
+            default?: (props: object) => any;
+            append?: (props: object) => any;
+            suffix?: (props: object) => any;
         };
     }) | null;
     calendar: HTMLDivElement;
@@ -554,7 +630,27 @@ declare const __VLS_component: import('vue').DefineComponent<BaseDatePickerInput
     }>, "firstDayOfWeek" | "resetStatus"> & import('vue').ShallowUnwrapRef<{
         resetStatus: () => void;
     }> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
-        $slots: any;
+        $slots: Readonly<{
+            [key: string]: (props: {
+                first: boolean;
+                highlighted: boolean;
+                item: any;
+                label: string;
+                last: boolean;
+                middle: boolean;
+                selected: boolean;
+            }) => any;
+        }> & {
+            [key: string]: (props: {
+                first: boolean;
+                highlighted: boolean;
+                item: any;
+                label: string;
+                last: boolean;
+                middle: boolean;
+                selected: boolean;
+            }) => any;
+        };
     }) | null;
 }, HTMLSpanElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

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

@@ -102,21 +102,47 @@ export type BaseDialogEvents = {
  * - Default slot renders the body content; `footer` renders controls below the body.
  */
 export type BaseDialogSlots = {
+    /**
+     * Replaces the default close icon rendered inside the header's close button.
+     */
     close?: (props: object) => any;
+    /**
+     * Primary body content of the dialog, rendered in the scrollable body area.
+     * @param close - Programmatically closes the dialog.
+     * @param titleId - The `id` of the title element; useful for custom `aria-labelledby` wiring.
+     */
     default?: (props: {
         close: typeof close;
         titleId: typeof titleId;
     }) => any;
+    /**
+     * Replaces the default accessible description block. The provided content is linked to the dialog 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: BaseDialogProps['description'];
     }) => any;
+    /**
+     * Content rendered in the dialog footer, below the body area. Typically used for action buttons.
+     */
     footer?: (props: object) => any;
+    /**
+     * Replaces the entire dialog 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 the dialog's `aria-labelledby`.
+     * @param close - Programmatically closes the dialog.
+     * @param title - The `title` prop value.
+     */
     header?: (props: {
         titleId: typeof titleId;
         close: typeof close;
         title: BaseDialogProps['title'];
     }) => any;
+    /**
+     * Replaces the default title text inside the header. Remains linked to the dialog through `aria-labelledby`.
+     * @param text - The `title` prop value.
+     */
     title?: (props: {
         text: BaseDialogProps['title'];
     }) => any;

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

@@ -81,12 +81,25 @@ export type BaseInputContainerProps = {
  * - `label` allows custom label content while receiving the computed text and error state.
  */
 export type BaseInputContainerSlots = {
+    /**
+     * The form control to render, positioned in the input column. Receives pre-computed
+     * wiring attributes so the inner input can be correctly associated with the label and hint.
+     * @param id - The resolved `id` for the input element; matches the `for` attribute on the label.
+     * @param name - The resolved `name` for the input, derived from the `label` prop when not set explicitly.
+     * @param hasErrors - Whether the container is in an error state (from `errors` or `hasErrors` props).
+     * @param ariaDescribedby - The `id` of the hint element when a `hint` is configured; pass as `aria-describedby` to the inner input.
+     */
     input?: (props: {
         id: string;
         name: string;
         hasErrors: boolean;
         ariaDescribedby: string | undefined;
     }) => any;
+    /**
+     * Replaces the default label text. The outer label element and its `for` association are always rendered.
+     * @param text - The `label` prop value.
+     * @param hasErrors - Whether the container is in an error state.
+     */
     label?: (props: {
         text: string;
         hasErrors: boolean;

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

@@ -114,23 +114,50 @@ export type BaseNumberInputEvents = {
  * Slots for decorating the input. Helpers `{ increase, decrease }` are provided where relevant.
  */
 export type BaseNumberInputSlots = {
+    /**
+     * Inline content rendered at the start of the input field area, before the typed number.
+     */
     prefix?: (props: object) => any;
+    /**
+     * Content rendered after the number input, at the end of the inner container.
+     * Typically used to place increment/decrement buttons next to the input.
+     * @param increase - Increments the value by one `step`.
+     * @param decrease - Decrements the value by one `step`.
+     */
     append?: (props: {
         increase: typeof increase;
         decrease: typeof decrease;
     }) => any;
+    /**
+     * Content rendered after the entire input control, outside the input chrome.
+     * @param increase - Increments the value by one `step`.
+     * @param decrease - Decrements the value by one `step`.
+     */
     'append-outer'?: (props: {
         increase: typeof increase;
         decrease: typeof decrease;
     }) => any;
+    /**
+     * Content rendered before the number input, at the start of the inner container.
+     * @param increase - Increments the value by one `step`.
+     * @param decrease - Decrements the value by one `step`.
+     */
     prepend?: (props: {
         increase: typeof increase;
         decrease: typeof decrease;
     }) => any;
+    /**
+     * Content rendered before the entire input control, outside the input chrome.
+     * @param increase - Increments the value by one `step`.
+     * @param decrease - Decrements the value by one `step`.
+     */
     'prepend-outer'?: (props: {
         increase: typeof increase;
         decrease: typeof decrease;
     }) => any;
+    /**
+     * Inline content rendered at the end of the input field area, after the typed number.
+     */
     suffix?: (props: object) => any;
 };
 declare const decrease: () => void;

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

@@ -85,8 +85,34 @@ export type SlotAttributes = {
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<{
+        /**
+         * Replaces the default radio dot visual rendered inside the radio container.
+         * @param checked - Whether the radio is currently selected.
+         * @param disabled - Whether the radio is disabled.
+         * @param focused - Whether the radio 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 to a string for form submission.
+         * @param readonly - Whether the radio is read-only.
+         * @param value - The current effective value of this radio option.
+         */
         icon?: (props: SlotAttributes) => any;
     }> & {
+        /**
+         * Replaces the default radio dot visual rendered inside the radio container.
+         * @param checked - Whether the radio is currently selected.
+         * @param disabled - Whether the radio is disabled.
+         * @param focused - Whether the radio 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 to a string for form submission.
+         * @param readonly - Whether the radio is read-only.
+         * @param value - The current effective value of this radio option.
+         */
         icon?: (props: SlotAttributes) => any;
     };
     refs: {};