bitboss-ui 2.1.113 → 2.1.115

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

@@ -0,0 +1,166 @@
+import { HTMLAttributes, InputHTMLAttributes } from 'vue';
+import { IconType } from '../../types/Icon';
+import { MaskInputOptions } from 'maska';
+/**
+ * Props for the base text input component with optional masking support.
+ */
+export type BaseTextInputProps = {
+    /**
+     * Name of the icon to render at the right hand side of the input.
+     */
+    'append:icon'?: IconType;
+    /**
+     * Id(s) of elements describing this input for assistive technologies.
+     */
+    ariaDescribedby?: InputHTMLAttributes['aria-describedby'];
+    /**
+     * Browser autocomplete hint for the input field.
+     */
+    autocomplete?: InputHTMLAttributes['autocomplete'];
+    /**
+     * Focus the input automatically on mount.
+     */
+    autofocus?: InputHTMLAttributes['autofocus'];
+    /**
+     * Show a clear button whenever a value is present and the control is interactive.
+     */
+    clearable?: boolean;
+    /**
+     * Apply the compact density variant.
+     */
+    compact?: boolean;
+    /**
+     * Disable all interactions with the input.
+     */
+    disabled?: boolean;
+    /**
+     * When using a mask, emit the formatted (masked) value instead of the raw input.
+     */
+    emitMasked?: boolean;
+    /**
+     * Apply error styling to the input and set `aria-invalid`.
+     */
+    hasErrors?: boolean;
+    /**
+     * Explicit id for the input element.
+     */
+    id?: HTMLAttributes['id'];
+    /**
+     * Input mode hint for mobile keyboards.
+     */
+    inputMode?: InputHTMLAttributes['inputmode'];
+    /**
+     * Label rendering mode, forwarded by wrapper components.
+     */
+    labelMode?: 'outside' | 'floating' | 'inside';
+    /**
+     * Display the loading state styles.
+     */
+    loading?: boolean;
+    /**
+     * Input mask configuration. When provided, enables formatted input with validation.
+     */
+    mask?: MaskInputOptions;
+    /**
+     * v-model value: the input text, or `null` when empty.
+     */
+    modelValue: string | null;
+    /**
+     * Name attribute forwarded to the input element.
+     */
+    name?: InputHTMLAttributes['name'];
+    /**
+     * Placeholder text when no value is present.
+     */
+    placeholder?: InputHTMLAttributes['placeholder'];
+    /**
+     * Name of the icon to render at the left hand side of the input.
+     */
+    'prepend:icon'?: IconType;
+    /**
+     * Make the input read-only while keeping it visible.
+     */
+    readonly?: boolean;
+    /**
+     * Mark the input as required for form validation.
+     */
+    required?: boolean;
+    /**
+     * HTML input type attribute.
+     * @defaultValue `'text'`
+     */
+    type?: HTMLInputElement['type'];
+};
+export type BaseTextInputEvents = {
+    /**
+     * Emitted when the native input loses focus.
+     * Forwards the original DOM `FocusEvent`.
+     */
+    (e: 'blur', event: FocusEvent): void;
+    /**
+     * Emitted when the native input fires a change event.
+     * Forwards the original DOM `Event`.
+     */
+    (e: 'change', event: Event): void;
+    /**
+     * Emitted when the input receives a click interaction.
+     * Forwards the original DOM `MouseEvent`.
+     */
+    (e: 'click', event: MouseEvent): void;
+    /**
+     * Emitted when the native 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 changes. Carries the new string or `null` when cleared.
+     * When `mask` is set, emits the masked or unmasked string depending on `emitMasked`.
+     */
+    (e: 'update:modelValue', value: string | null): void;
+};
+export type BaseTextInputSlots = {
+    /**
+     * Content rendered after the entire text input control, outside the input chrome.
+     */
+    'append-outer'?: (props: object) => any;
+    /**
+     * Content rendered after the text input, at the end of the inner container.
+     */
+    append?: (props: object) => any;
+    /**
+     * Inline content rendered at the start of the input field area, before the typed text.
+     */
+    prefix?: (props: object) => any;
+    /**
+     * Content rendered before the text input, at the start of the inner container.
+     */
+    prepend?: (props: object) => any;
+    /**
+     * Content rendered before the entire text input control, outside the input chrome.
+     */
+    'prepend-outer'?: (props: object) => any;
+    /**
+     * Inline content rendered at the end of the input field area, after the typed text.
+     */
+    suffix?: (props: object) => any;
+};

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

@@ -1,130 +1,4 @@
-import { HTMLAttributes, InputHTMLAttributes } from 'vue';
-import { IconType } from '../../types/Icon';
-/**
- * Props for the textarea input component with optional auto-grow functionality.
- */
-export type BaseTextareaProps = {
-    /**
-     * Name of the icon to render at the right hand side of the textarea.
-     */
-    'append:icon'?: IconType;
-    /**
-     * Id(s) of elements describing this textarea for assistive technologies.
-     */
-    ariaDescribedby?: InputHTMLAttributes['aria-describedby'];
-    /**
-     * Browser autocomplete hint for the textarea.
-     */
-    autocomplete?: InputHTMLAttributes['autocomplete'];
-    /**
-     * Automatically expand the textarea height to fit its content. Cannot be used with `rows`.
-     */
-    autoGrow?: boolean;
-    /**
-     * Focus the textarea automatically on mount.
-     */
-    autofocus?: InputHTMLAttributes['autofocus'];
-    /**
-     * Show a clear button whenever text is present and the control is interactive.
-     */
-    clearable?: boolean;
-    /**
-     * Apply the compact density variant.
-     */
-    compact?: boolean;
-    /**
-     * Disable all interactions with the textarea.
-     */
-    disabled?: boolean;
-    /**
-     * Apply error styling to the textarea.
-     */
-    hasErrors?: boolean;
-    /**
-     * Explicit id for the textarea element.
-     */
-    id?: HTMLAttributes['id'];
-    /**
-     * Display the loading state styles.
-     */
-    loading?: boolean;
-    /**
-     * v-model value: the text content, or `null` when empty.
-     */
-    modelValue: string | null;
-    /**
-     * Name attribute forwarded to the textarea element.
-     */
-    name?: InputHTMLAttributes['name'];
-    /**
-     * Placeholder text when no value is present.
-     */
-    placeholder?: InputHTMLAttributes['placeholder'];
-    /**
-     * Name of the icon to render at the left hand side of the textarea.
-     */
-    'prepend:icon'?: IconType;
-    /**
-     * Make the textarea read-only while keeping it visible.
-     */
-    readonly?: boolean;
-    /**
-     * Mark the textarea as required for form validation.
-     */
-    required?: boolean;
-    /**
-     * Fixed number of visible rows. Cannot be used with `autoGrow`.
-     */
-    rows?: string | number;
-};
-/**
- * Events emitted by `BaseTextarea`.
- * - Native events (`blur`, `change`, `click`, `focus`, `input`, `keydown`, `mousedown`, `mouseup`) are forwarded.
- * - `update:modelValue`: emitted with the new text value when it changes.
- */
-export type BaseTextareaEvents = {
-    (e: 'blur', event: FocusEvent): void;
-    (e: 'change', event: Event): void;
-    (e: 'click', event: MouseEvent): void;
-    (e: 'focus', event: FocusEvent): void;
-    (e: 'input', event: Event): void;
-    (e: 'keydown', event: KeyboardEvent): void;
-    (e: 'mousedown', event: MouseEvent): void;
-    (e: 'mouseup', event: MouseEvent): void;
-    (e: 'update:modelValue', value: string | null): void;
-};
-/**
- * Slots for customizing the textarea chrome.
- * - `prepend` / `append`: wrap the textarea element.
- * - `prepend-outer` / `append-outer`: wrap the entire control.
- * - `prefix` / `suffix`: add inline content within the input area.
- */
-export type BaseTextareaSlots = {
-    /**
-     * Content rendered before the entire textarea control, outside the input chrome.
-     */
-    'prepend-outer'?: (props: object) => any;
-    /**
-     * Content rendered before the textarea, at the start of the inner container.
-     */
-    prepend?: (props: object) => any;
-    /**
-     * Content rendered after the textarea, at the end of the inner container.
-     */
-    append?: (props: object) => any;
-    /**
-     * Content rendered after the entire textarea control, outside the input chrome.
-     */
-    'append-outer'?: (props: object) => any;
-    /**
-     * Inline content rendered at the start of the textarea field area, before the text.
-     */
-    prefix?: (props: object) => any;
-    /**
-     * Inline content rendered at the end of the textarea field area, after the text.
-     */
-    suffix?: (props: object) => any;
-};
+import { BaseTextareaProps, BaseTextareaSlots } from './types';
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<BaseTextareaSlots> & BaseTextareaSlots;
@@ -136,24 +10,24 @@ declare function __VLS_template(): {
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<BaseTextareaProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     input: (event: Event) => any;
-    "update:modelValue": (value: string | null) => any;
-    keydown: (event: KeyboardEvent) => any;
     blur: (event: FocusEvent) => any;
     change: (event: Event) => any;
     click: (event: MouseEvent) => any;
     focus: (event: FocusEvent) => any;
+    keydown: (event: KeyboardEvent) => any;
     mousedown: (event: MouseEvent) => any;
     mouseup: (event: MouseEvent) => any;
+    "update:modelValue": (value: string | null) => any;
 }, string, import('vue').PublicProps, Readonly<BaseTextareaProps> & Readonly<{
     onInput?: ((event: Event) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
-    onKeydown?: ((event: KeyboardEvent) => any) | undefined;
     onBlur?: ((event: FocusEvent) => any) | undefined;
     onChange?: ((event: Event) => any) | undefined;
     onClick?: ((event: MouseEvent) => any) | undefined;
     onFocus?: ((event: FocusEvent) => any) | undefined;
+    onKeydown?: ((event: KeyboardEvent) => any) | undefined;
     onMousedown?: ((event: MouseEvent) => any) | undefined;
     onMouseup?: ((event: MouseEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     textarea: HTMLTextAreaElement;
 }, HTMLSpanElement>;

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

@@ -0,0 +1,151 @@
+import { HTMLAttributes, InputHTMLAttributes } from 'vue';
+import { IconType } from '../../types/Icon';
+/**
+ * Props for the textarea input component with optional auto-grow functionality.
+ */
+export type BaseTextareaProps = {
+    /**
+     * Name of the icon to render at the right hand side of the textarea.
+     */
+    'append:icon'?: IconType;
+    /**
+     * Id(s) of elements describing this textarea for assistive technologies.
+     */
+    ariaDescribedby?: InputHTMLAttributes['aria-describedby'];
+    /**
+     * Browser autocomplete hint for the textarea.
+     */
+    autocomplete?: InputHTMLAttributes['autocomplete'];
+    /**
+     * Automatically expand the textarea height to fit its content. Cannot be used with `rows`.
+     */
+    autoGrow?: boolean;
+    /**
+     * Focus the textarea automatically on mount.
+     */
+    autofocus?: InputHTMLAttributes['autofocus'];
+    /**
+     * Show a clear button whenever text is present and the control is interactive.
+     */
+    clearable?: boolean;
+    /**
+     * Apply the compact density variant.
+     */
+    compact?: boolean;
+    /**
+     * Disable all interactions with the textarea.
+     */
+    disabled?: boolean;
+    /**
+     * Apply error styling to the textarea.
+     */
+    hasErrors?: boolean;
+    /**
+     * Explicit id for the textarea element.
+     */
+    id?: HTMLAttributes['id'];
+    /**
+     * Display the loading state styles.
+     */
+    loading?: boolean;
+    /**
+     * v-model value: the text content, or `null` when empty.
+     */
+    modelValue: string | null;
+    /**
+     * Name attribute forwarded to the textarea element.
+     */
+    name?: InputHTMLAttributes['name'];
+    /**
+     * Placeholder text when no value is present.
+     */
+    placeholder?: InputHTMLAttributes['placeholder'];
+    /**
+     * Name of the icon to render at the left hand side of the textarea.
+     */
+    'prepend:icon'?: IconType;
+    /**
+     * Make the textarea read-only while keeping it visible.
+     */
+    readonly?: boolean;
+    /**
+     * Mark the textarea as required for form validation.
+     */
+    required?: boolean;
+    /**
+     * Fixed number of visible rows. Cannot be used with `autoGrow`.
+     */
+    rows?: string | number;
+};
+export type BaseTextareaEvents = {
+    /**
+     * Emitted when the native textarea loses focus.
+     * Forwards the original DOM `FocusEvent`.
+     */
+    (e: 'blur', event: FocusEvent): void;
+    /**
+     * Emitted when the native textarea fires a change event.
+     * Forwards the original DOM `Event`.
+     */
+    (e: 'change', event: Event): void;
+    /**
+     * Emitted when the textarea receives a click interaction.
+     * Forwards the original DOM `MouseEvent`.
+     */
+    (e: 'click', event: MouseEvent): void;
+    /**
+     * Emitted when the native textarea gains focus.
+     * Forwards the original DOM `FocusEvent`.
+     */
+    (e: 'focus', event: FocusEvent): void;
+    /**
+     * Emitted on native input events from the textarea.
+     * Forwards the original DOM `Event`.
+     */
+    (e: 'input', event: Event): void;
+    /**
+     * Emitted for keyboard interaction on the textarea.
+     * Forwards the original DOM `KeyboardEvent`.
+     */
+    (e: 'keydown', event: KeyboardEvent): void;
+    /**
+     * Emitted when a pointing device button is pressed over the textarea.
+     * Forwards the original DOM `MouseEvent`.
+     */
+    (e: 'mousedown', event: MouseEvent): void;
+    /**
+     * Emitted when a pointing device button is released over the textarea.
+     * Forwards the original DOM `MouseEvent`.
+     */
+    (e: 'mouseup', event: MouseEvent): void;
+    /**
+     * Emitted when the value changes. Carries the new text or `null` when cleared.
+     */
+    (e: 'update:modelValue', value: string | null): void;
+};
+export type BaseTextareaSlots = {
+    /**
+     * Content rendered before the entire textarea control, outside the input chrome.
+     */
+    'prepend-outer'?: (props: object) => any;
+    /**
+     * Content rendered before the textarea, at the start of the inner container.
+     */
+    prepend?: (props: object) => any;
+    /**
+     * Content rendered after the textarea, at the end of the inner container.
+     */
+    append?: (props: object) => any;
+    /**
+     * Content rendered after the entire textarea control, outside the input chrome.
+     */
+    'append-outer'?: (props: object) => any;
+    /**
+     * Inline content rendered at the start of the textarea field area, before the text.
+     */
+    prefix?: (props: object) => any;
+    /**
+     * Inline content rendered at the end of the textarea field area, after the text.
+     */
+    suffix?: (props: object) => any;
+};

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

@@ -1,56 +1,8 @@
-import { BbCollapsibleProps } from '../BbCollapsible/BbCollapsible.vue';
-import { CommonProps } from '../../types/CommonProps';
-export type BbAccordionProps = Pick<BbCollapsibleProps, 'eager' | 'transitionDuration'> & {
-    /**
-     * Used by v-model to trigger opening / closing the collapsible
-     */
-    modelValue?: boolean;
-} & Pick<CommonProps, 'id'>;
-export type BbAccordionEvents = {
-    (e: 'update:modelValue', value: boolean): void;
-};
-declare const toggle: () => void;
+import { BbAccordionProps, BbAccordionEvents, BbAccordionSlots } from './types';
+export type { BbAccordionProps, BbAccordionEvents, BbAccordionSlots };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Readonly<{
-        /**
-         * Content rendered inside the accordion header button.
-         * @param value - Whether the accordion panel is currently open.
-         * @param toggle - Toggles the open/closed state.
-         */
-        header?: (props: {
-            value: BbAccordionProps["modelValue"];
-            toggle: typeof toggle;
-        }) => any;
-        /**
-         * The collapsible body content shown when the accordion is open.
-         * @param value - Whether the accordion panel is currently open.
-         * @param toggle - Toggles the open/closed state.
-         */
-        default?: (props: {
-            value: BbAccordionProps["modelValue"];
-            toggle: typeof toggle;
-        }) => any;
-    }> & {
-        /**
-         * Content rendered inside the accordion header button.
-         * @param value - Whether the accordion panel is currently open.
-         * @param toggle - Toggles the open/closed state.
-         */
-        header?: (props: {
-            value: BbAccordionProps["modelValue"];
-            toggle: typeof toggle;
-        }) => any;
-        /**
-         * The collapsible body content shown when the accordion is open.
-         * @param value - Whether the accordion panel is currently open.
-         * @param toggle - Toggles the open/closed state.
-         */
-        default?: (props: {
-            value: BbAccordionProps["modelValue"];
-            toggle: typeof toggle;
-        }) => any;
-    };
+    slots: Readonly<BbAccordionSlots> & BbAccordionSlots;
     refs: {};
     rootEl: HTMLDivElement;
 };

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

@@ -0,0 +1,32 @@
+import { BbCollapsibleProps } from '../BbCollapsible/BbCollapsible.vue';
+import { CommonProps } from '../../types/CommonProps';
+export type BbAccordionProps = Pick<BbCollapsibleProps, 'eager' | 'transitionDuration'> & {
+    /**
+     * Used by v-model to trigger opening / closing the collapsible.
+     * @defaultValue `undefined`
+     */
+    modelValue?: boolean;
+} & Pick<CommonProps, 'id'>;
+export type BbAccordionEvents = {
+    /**
+     * Emitted when the accordion open/closed state changes.
+     */
+    (e: 'update:modelValue', value: boolean): void;
+};
+/** Props exposed by the `header` and `default` slots. */
+export type BbAccordionToggleSlotProps = {
+    /** Whether the accordion panel is currently open. */
+    value: BbAccordionProps['modelValue'];
+    /** Toggles the open/closed state. */
+    toggle: () => void;
+};
+export type BbAccordionSlots = {
+    /**
+     * Content rendered inside the accordion header button.
+     */
+    header?: (props: BbAccordionToggleSlotProps) => any;
+    /**
+     * The collapsible body content shown when the accordion is open.
+     */
+    default?: (props: BbAccordionToggleSlotProps) => any;
+};

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

@@ -1,55 +1,8 @@
-import { BbIconProps } from '../BbIcon/BbIcon.vue';
-import { CommonProps } from '../../types/CommonProps';
-export type BbAlertProps = Pick<CommonProps, 'closeLabel' | 'showClose' | 'text' | 'theme' | 'title'> & {
-    /**
-     * Name of the icon to use
-     */
-    icon?: BbIconProps['type'];
-    /**
-     * Size of the icon to use
-     */
-    iconSize?: BbIconProps['size'];
-    /**
-     * Used by v-model, set type to any to avoid Vue casting it as false
-     */
-    modelValue?: any;
-};
-export type BbAlertEvents = {
-    (e: 'update:modelValue', value: boolean): void;
-};
+import { BbAlertProps, BbAlertEvents, BbAlertSlots } from './types';
+export type { BbAlertProps, BbAlertEvents, BbAlertSlots };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
-    slots: Readonly<{
-        /**
-         * Replaces the default alert title text.
-         * @param text - The `title` prop value.
-         */
-        title?: (props: {
-            text: BbAlertProps["title"];
-        }) => any;
-        /**
-         * Replaces the default alert body text.
-         * @param text - The `text` prop value.
-         */
-        text?: (props: {
-            text: BbAlertProps["title"];
-        }) => any;
-    }> & {
-        /**
-         * Replaces the default alert title text.
-         * @param text - The `title` prop value.
-         */
-        title?: (props: {
-            text: BbAlertProps["title"];
-        }) => any;
-        /**
-         * Replaces the default alert body text.
-         * @param text - The `text` prop value.
-         */
-        text?: (props: {
-            text: BbAlertProps["title"];
-        }) => any;
-    };
+    slots: Readonly<BbAlertSlots> & BbAlertSlots;
     refs: {};
     rootEl: any;
 };

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

@@ -0,0 +1,42 @@
+import { CommonProps } from '../../types/CommonProps';
+import { BbIconProps } from '../BbIcon/BbIcon.vue';
+export type BbAlertProps = Pick<CommonProps, 'closeLabel' | 'showClose' | 'text' | 'theme' | 'title'> & {
+    /**
+     * Name of the icon to use.
+     */
+    icon?: BbIconProps['type'];
+    /**
+     * Size of the icon to use.
+     */
+    iconSize?: BbIconProps['size'];
+    /**
+     * Used by v-model, set type to any to avoid Vue casting it as false.
+     */
+    modelValue?: any;
+};
+export type BbAlertEvents = {
+    /**
+     * Emitted when the alert is dismissed via the close button.
+     */
+    (e: 'update:modelValue', value: boolean): void;
+};
+/** Props exposed by the `title` slot. */
+export type BbAlertTitleSlotProps = {
+    /** The `title` prop value. */
+    text: BbAlertProps['title'];
+};
+/** Props exposed by the `text` slot. */
+export type BbAlertTextSlotProps = {
+    /** The `title` prop value passed to the text slot. */
+    text: BbAlertProps['title'];
+};
+export type BbAlertSlots = {
+    /**
+     * Replaces the default alert title text.
+     */
+    title?: (props: BbAlertTitleSlotProps) => any;
+    /**
+     * Replaces the default alert body text.
+     */
+    text?: (props: BbAlertTextSlotProps) => any;
+};