bitboss-ui 2.1.113 → 2.1.115

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

@@ -0,0 +1,123 @@
+import { HTMLAttributes, InputHTMLAttributes } from 'vue';
+import { IconType } from '../../types/Icon';
+import { BaseTextareaEvents, BaseTextareaSlots } from '../BaseTextarea/types';
+export type BbTextareaProps = {
+    /**
+     * Name of the icon to be added at the end of the input.
+     */
+    'append:icon'?: IconType;
+    /**
+     * Guides to the browser as to the type of information expected in the field.
+     */
+    autocomplete?: InputHTMLAttributes['autocomplete'];
+    /**
+     * Sets autofocus on page load.
+     */
+    autofocus?: InputHTMLAttributes['autofocus'];
+    /**
+     * Expands the textarea to match its content.
+     */
+    autoGrow?: boolean;
+    /**
+     * Displays a clear button when the input has a value and is being interacted with.
+     */
+    clearable?: boolean;
+    /**
+     * Sets the component in a compact state.
+     */
+    compact?: boolean;
+    /**
+     * Direction of the layout of the component. Can either be a predefined value or a
+     * pattern separated by a space like `xx xxxxx`.
+     */
+    direction?: 'horizontal' | 'vertical' | 'auto' | string;
+    /**
+     * Disables the component.
+     */
+    disabled?: boolean;
+    /**
+     * Can be a string or an array of string containing the messages to display.
+     */
+    errors?: string | string[];
+    /**
+     * Define if the component should be in an error state.
+     * It usually attaches a CSS class for styling purposes.
+     */
+    hasErrors?: boolean;
+    /**
+     * Visually hides the label of the input while maintaining accessibility.
+     */
+    hideLabel?: boolean;
+    /**
+     * Text box to be displayed near the input, usually to indicate instructions.
+     */
+    hint?: string;
+    /**
+     * The identifier of the component.
+     */
+    id?: HTMLAttributes['id'];
+    /**
+     * Text content of the label of the element.
+     */
+    label: string;
+    /**
+     * Sets the text alignment of the label.
+     */
+    labelPosition?: 'left' | 'center' | 'right';
+    /**
+     * Sets the component in a loading state, usually triggering some visual styles.
+     */
+    loading?: boolean;
+    /**
+     * Used by v-model.
+     */
+    modelValue: string | null;
+    /**
+     * Defines the name of the input.
+     */
+    name?: InputHTMLAttributes['name'];
+    /**
+     * Keeps the hint displayed.
+     */
+    persistentHint?: boolean;
+    /**
+     * String displayed when there's no data.
+     */
+    placeholder?: InputHTMLAttributes['placeholder'];
+    /**
+     * Name of the icon to be added at the start of the input.
+     */
+    'prepend:icon'?: IconType;
+    /**
+     * Sets the input in a readonly state.
+     */
+    readonly?: boolean;
+    /**
+     * Sets the input as required.
+     */
+    required?: boolean;
+    /**
+     * Reverses the layout. Applicable in every direction the order of the label and
+     * the input is swapped.
+     */
+    reverse?: boolean;
+    /**
+     * Sets the number of visible text lines for the control.
+     */
+    rows?: string | number;
+};
+/** Re-export for consumers importing events type from BbTextarea. */
+export type BbTextareaEvents = BaseTextareaEvents;
+/** Props exposed by the `label` slot. */
+export type BbTextareaLabelSlotProps = {
+    /** The `label` prop value. */
+    text: string;
+    /** Whether the textarea is in an error state. */
+    hasErrors: boolean;
+};
+export type BbTextareaSlots = BaseTextareaSlots & {
+    /**
+     * Replaces the default label text rendered above the textarea.
+     */
+    label?: (props: BbTextareaLabelSlotProps) => any;
+};

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

@@ -1,9 +1,5 @@
-export type BbToastProps = {
-    /**
-     * Placement of the messages on the screen.
-     */
-    placement?: 'bottom' | 'bottom-start' | 'bottom-end' | 'top' | 'top-start' | 'top-end';
-};
+import { BbToastProps } from './types';
+export type { BbToastProps };
 declare const _default: import('vue').DefineComponent<BbToastProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BbToastProps> & Readonly<{}>, {
     placement: "bottom" | "bottom-start" | "bottom-end" | "top" | "top-start" | "top-end";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;

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

@@ -0,0 +1,8 @@
+export type BbToastProps = {
+    /**
+     * Placement of the messages on the screen.
+     *
+     * @defaultValue `'bottom'`
+     */
+    placement?: 'bottom' | 'bottom-start' | 'bottom-end' | 'top' | 'top-start' | 'top-end';
+};

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

@@ -1,55 +1,6 @@
-import { CommonProps } from '../../types/CommonProps';
-import { Placement } from '@floating-ui/vue';
-export type BbTooltipProps = Pick<CommonProps, 'arrowPadding' | 'block' | 'disabled' | 'eager' | 'id' | 'padding' | 'placement' | 'showClose' | 'theme' | 'transitionDuration'> & {
-    /**
-     * External activator element or component ref.
-     * When provided, the activator slot is not rendered and event listeners
-     * are attached programmatically to the referenced element.
-     */
-    activator?: HTMLElement | Record<string, any> | null;
-    /**
-     * Constrains the tooltip within a bounding element.
-     * When provided, the tooltip will not overflow this container's bounds (e.g. a sidebar).
-     * Accepts an HTMLElement, a Vue component ref, or a CSS selector string.
-     */
-    boundary?: HTMLElement | Record<string, any> | string | null;
-    /**
-     * Name of the theme to apply to the component. It creates a CSS class with the name of the theme.
-     * @deprecated since the popover is local you should use a normal css class applied to the top level element
-     */
-    theme?: string;
-    /**
-     * The delay in milliseconds before the tooltip is shown.
-     * @default 0
-     */
-    timeout?: number;
-    /**
-     * Width of the dropdown in pixels or percentage.
-     */
-    width?: number | string;
-};
+import { BbTooltipProps, BbTooltipSlots } from './types';
+export type { BbTooltipProps, BbTooltipSlots };
 type __VLS_Props = BbTooltipProps;
-type BbTooltipSlots = {
-    /**
-     * Replaces the default trigger element that opens the tooltip.
-     * @param props - Bind these onto the activator element with `v-bind="props"` to wire up the popover reference.
-     * @param disabled - Whether the tooltip is disabled.
-     * @param open - Whether the tooltip is currently visible.
-     * @param placement - The current placement of the tooltip relative to the activator.
-     */
-    activator?: (props: {
-        props: {
-            ref: (reference: unknown) => void;
-        };
-        disabled?: boolean;
-        open: boolean;
-        placement: Placement;
-    }) => any;
-    /**
-     * Content rendered inside the tooltip bubble.
-     */
-    default?: (props: object) => any;
-};
 type __VLS_PublicProps = {
     modelValue?: boolean;
 } & __VLS_Props;
@@ -95,7 +46,7 @@ declare function __VLS_template(): {
             $el: any;
             $options: import('vue').ComponentOptionsBase<Readonly<{
                 modelValue?: boolean;
-            } & Pick<CommonProps, "eager" | "transitionDuration" | "arrowPadding" | "offset" | "padding" | "placement"> & {
+            } & Pick<import('../../types/CommonProps').CommonProps, "eager" | "transitionDuration" | "arrowPadding" | "offset" | "padding" | "placement"> & {
                 anchor?: any;
                 boundary?: HTMLElement | Record<string, any> | string | null;
                 dialog?: boolean;
@@ -138,7 +89,7 @@ declare function __VLS_template(): {
             flip: boolean;
         }> & Omit<Readonly<{
             modelValue?: boolean;
-        } & Pick<CommonProps, "eager" | "transitionDuration" | "arrowPadding" | "offset" | "padding" | "placement"> & {
+        } & Pick<import('../../types/CommonProps').CommonProps, "eager" | "transitionDuration" | "arrowPadding" | "offset" | "padding" | "placement"> & {
             anchor?: any;
             boundary?: HTMLElement | Record<string, any> | string | null;
             dialog?: boolean;
@@ -148,11 +99,7 @@ declare function __VLS_template(): {
         }> & Readonly<{
             "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         }>, "transitionDuration" | "padding" | "tag" | "flip"> & import('vue').ShallowUnwrapRef<{}> & {} & import('@vue/runtime-core').ComponentCustomProperties & {} & {
-            $slots: Readonly<{
-                default?: (props: object) => any;
-            }> & {
-                default?: (props: object) => any;
-            };
+            $slots: Readonly<import('../CommonPopover/types').CommonPopoverSlots> & import('../CommonPopover/types').CommonPopoverSlots;
         }) | null;
     };
     rootEl: any;
@@ -209,7 +156,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         $el: any;
         $options: import('vue').ComponentOptionsBase<Readonly<{
             modelValue?: boolean;
-        } & Pick<CommonProps, "eager" | "transitionDuration" | "arrowPadding" | "offset" | "padding" | "placement"> & {
+        } & Pick<import('../../types/CommonProps').CommonProps, "eager" | "transitionDuration" | "arrowPadding" | "offset" | "padding" | "placement"> & {
             anchor?: any;
             boundary?: HTMLElement | Record<string, any> | string | null;
             dialog?: boolean;
@@ -252,7 +199,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         flip: boolean;
     }> & Omit<Readonly<{
         modelValue?: boolean;
-    } & Pick<CommonProps, "eager" | "transitionDuration" | "arrowPadding" | "offset" | "padding" | "placement"> & {
+    } & Pick<import('../../types/CommonProps').CommonProps, "eager" | "transitionDuration" | "arrowPadding" | "offset" | "padding" | "placement"> & {
         anchor?: any;
         boundary?: HTMLElement | Record<string, any> | string | null;
         dialog?: boolean;
@@ -262,11 +209,7 @@ 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: Readonly<{
-            default?: (props: object) => any;
-        }> & {
-            default?: (props: object) => any;
-        };
+        $slots: Readonly<import('../CommonPopover/types').CommonPopoverSlots> & import('../CommonPopover/types').CommonPopoverSlots;
     }) | null;
 }, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

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

@@ -0,0 +1,55 @@
+import { CommonProps } from '../../types/CommonProps';
+import { Placement } from '@floating-ui/vue';
+export type BbTooltipProps = Pick<CommonProps, 'arrowPadding' | 'block' | 'disabled' | 'eager' | 'id' | 'padding' | 'placement' | 'showClose' | 'theme' | 'transitionDuration'> & {
+    /**
+     * External activator element or component ref.
+     * When provided, the activator slot is not rendered and event listeners
+     * are attached programmatically to the referenced element.
+     */
+    activator?: HTMLElement | Record<string, any> | null;
+    /**
+     * Constrains the tooltip within a bounding element.
+     * When provided, the tooltip will not overflow this container's bounds (e.g. a sidebar).
+     * Accepts an HTMLElement, a Vue component ref, or a CSS selector string.
+     */
+    boundary?: HTMLElement | Record<string, any> | string | null;
+    /**
+     * Name of the theme to apply to the component.
+     * @deprecated since the popover is local you should use a normal css class applied to
+     * the top level element.
+     */
+    theme?: string;
+    /**
+     * The delay in milliseconds before the tooltip is shown.
+     *
+     * @defaultValue `0`
+     */
+    timeout?: number;
+    /**
+     * Width of the dropdown in pixels or percentage.
+     */
+    width?: number | string;
+};
+/** Props exposed by the `activator` slot. */
+export type BbTooltipActivatorSlotProps = {
+    /** Bind onto the activator element with `v-bind="props"` to wire up the popover reference. */
+    props: {
+        ref: (reference: unknown) => void;
+    };
+    /** Whether the tooltip is disabled. */
+    disabled?: boolean;
+    /** Whether the tooltip is currently visible. */
+    open: boolean;
+    /** The current placement of the tooltip relative to the activator. */
+    placement: Placement;
+};
+export type BbTooltipSlots = {
+    /**
+     * Replaces the default trigger element that opens the tooltip.
+     */
+    activator?: (props: BbTooltipActivatorSlotProps) => any;
+    /**
+     * Content rendered inside the tooltip bubble.
+     */
+    default?: (props: object) => any;
+};

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

@@ -1,68 +1,5 @@
-export type TreeItem = {
-    /**
-     * Array of children of the current item. Is the key
-     * with which we can identify whther the node is nested or not.
-     */
-    children?: TreeItem[];
-    /**
-     * Status of the current node. When a node is open
-     * it's children are displayed. Otherwise its children
-     * are hidden.
-     */
-    open?: boolean;
-    [key: symbol | string]: any;
-} & Pick<BbTreeProps, 'expandable'>;
-export type BbTreeProps = {
-    /**
-     * Array containing the tree like structure of the items.
-     */
-    items: TreeItem[];
-    /**
-     * Parent of the current node. `undefined` for the first level.
-     */
-    parent?: TreeItem;
-    /**
-     * Identifier of the item.
-     */
-    identifier?: string | number;
-    /**
-     * Current depth of the tree. Starting at 0 for
-     * the first level increasing at every level down.
-     */
-    depth?: number;
-    /**
-     * Defines the item as expandable. It can be a
-     * global boolean defining all items as expandable.
-     * Or it can be a function that receives the item,
-     * depth, and parent of the current node and returns a boolean.
-     */
-    expandable?: boolean | ((item: TreeItem, depth: number, parent?: TreeItem) => boolean);
-};
-export type BbTreeSlots = {
-    /**
-     * Named slots for tree nodes, resolved in priority order: `{identifier}` (specific node),
-     * `{depth}` (all nodes at that depth), `{identifier}-children` (children container),
-     * `{depth}-children` (children container at that depth), or `default` (all remaining nodes).
-     * @param item - The raw item from the `items` prop for this node.
-     * @param parent - The parent item, or `undefined` for root-level nodes.
-     * @param index - Zero-based index of this node among its siblings.
-     * @param offset - Absolute position of this node in the flattened tree.
-     * @param open - Whether this node is currently expanded (children visible).
-     * @param depth - Nesting depth of this node, starting at `0` for the root level.
-     * @param identifier - The resolved identifier value for this node.
-     * @param expandable - Whether this node can be expanded.
-     */
-    [key: string]: (props: {
-        item: any;
-        parent?: any;
-        index: number;
-        offset: number;
-        open: boolean;
-        depth: number;
-        identifier?: string | number;
-        expandable: boolean;
-    }) => any;
-};
+import { BbTreeProps, TreeItem, BbTreeSlots } from './types';
+export type { BbTreeProps, TreeItem, BbTreeSlots };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: Readonly<BbTreeSlots> & BbTreeSlots;

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

@@ -0,0 +1,69 @@
+export type TreeItem = {
+    /**
+     * Array of children of the current item. Is the key
+     * with which we can identify whether the node is nested or not.
+     */
+    children?: TreeItem[];
+    /**
+     * Status of the current node. When a node is open
+     * its children are displayed. Otherwise its children are hidden.
+     */
+    open?: boolean;
+    [key: symbol | string]: any;
+} & Pick<BbTreeProps, 'expandable'>;
+export type BbTreeProps = {
+    /**
+     * Array containing the tree-like structure of the items.
+     */
+    items: TreeItem[];
+    /**
+     * Parent of the current node. `undefined` for the first level.
+     */
+    parent?: TreeItem;
+    /**
+     * Identifier of the item.
+     *
+     * @defaultValue `'id'`
+     */
+    identifier?: string | number;
+    /**
+     * Current depth of the tree. Starting at 0 for
+     * the first level, increasing at every level down.
+     *
+     * @defaultValue `0`
+     */
+    depth?: number;
+    /**
+     * Defines the item as expandable. It can be a global boolean defining all items as
+     * expandable, or a function that receives the item, depth, and parent of the current
+     * node and returns a boolean.
+     */
+    expandable?: boolean | ((item: TreeItem, depth: number, parent?: TreeItem) => boolean);
+};
+/** Props exposed by all tree node slots. */
+export type BbTreeNodeSlotProps = {
+    /** The raw item from the `items` prop for this node. */
+    item: any;
+    /** The parent item, or `undefined` for root-level nodes. */
+    parent?: any;
+    /** Zero-based index of this node among its siblings. */
+    index: number;
+    /** Absolute position of this node in the flattened tree. */
+    offset: number;
+    /** Whether this node is currently expanded (children visible). */
+    open: boolean;
+    /** Nesting depth of this node, starting at `0` for the root level. */
+    depth: number;
+    /** The resolved identifier value for this node. */
+    identifier?: string | number;
+    /** Whether this node can be expanded. */
+    expandable: boolean;
+};
+export type BbTreeSlots = {
+    /**
+     * Named slots for tree nodes, resolved in priority order: `{identifier}` (specific node),
+     * `{depth}` (all nodes at that depth), `{identifier}-children` (children container),
+     * `{depth}-children` (children container at that depth), or `default` (all remaining nodes).
+     */
+    [key: string]: (props: BbTreeNodeSlotProps) => any;
+};

package/dist/components/{ChipsBox.vue.d.ts → ChipsBox/ChipsBox.vue.d.ts}

@@ -1,8 +1,7 @@
-import { Option } from '../types/Option';
-type Props = {
-    options: Option[];
-};
-declare const _default: import('vue').DefineComponent<Props, {
+import { Option } from '../../types/Option';
+import { ChipsBoxProps, ChipsBoxEvents } from './types';
+export type { ChipsBoxProps, ChipsBoxEvents };
+declare const _default: import('vue').DefineComponent<ChipsBoxProps, {
     focusNext: () => void;
     focusPrevious: () => Promise<void>;
     focusFirst: () => void;
@@ -15,7 +14,7 @@ declare const _default: import('vue').DefineComponent<Props, {
     getHighlighted: () => Option | undefined;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "option:unselected": (option: Option) => any;
-}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<ChipsBoxProps> & Readonly<{
     "onOption:unselected"?: ((option: Option) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -0,0 +1,14 @@
+import { Option } from '../../types/Option';
+export type ChipsBoxProps = {
+    /**
+     * List of options to render as chips.
+     */
+    options: Option[];
+};
+export type ChipsBoxEvents = {
+    /**
+     * Emitted when the user clears (removes) an option chip.
+     * @param option - The option that was unselected.
+     */
+    (e: 'option:unselected', option: Option): void;
+};

package/dist/components/{ClearableButton.vue.d.ts → ClearableButton/ClearableButton.vue.d.ts}

@@ -1,2 +1,4 @@
+import { ClearableButtonProps, ClearableButtonEvents, ClearableButtonSlots } from './types';
+export type { ClearableButtonProps, ClearableButtonEvents, ClearableButtonSlots, };
 declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLButtonElement>;
 export default _default;

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

@@ -0,0 +1,3 @@
+export type ClearableButtonProps = Record<never, never>;
+export type ClearableButtonEvents = Record<never, never>;
+export type ClearableButtonSlots = Record<never, never>;

package/dist/components/{CommaBox.vue.d.ts → CommaBox/CommaBox.vue.d.ts}

@@ -1,8 +1,7 @@
-import { Option } from '../types/Option';
-type Props = {
-    options: Option[];
-};
-declare const _default: import('vue').DefineComponent<Props, {
+import { Option } from '../../types/Option';
+import { CommaBoxProps, CommaBoxEvents } from './types';
+export type { CommaBoxProps, CommaBoxEvents };
+declare const _default: import('vue').DefineComponent<CommaBoxProps, {
     focusNext: () => void;
     focusPrevious: () => Promise<void>;
     focusFirst: () => void;
@@ -15,7 +14,7 @@ declare const _default: import('vue').DefineComponent<Props, {
     getHighlighted: () => Option | undefined;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "option:unselected": (option: Option) => any;
-}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<CommaBoxProps> & Readonly<{
     "onOption:unselected"?: ((option: Option) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -0,0 +1,14 @@
+import { Option } from '../../types/Option';
+export type CommaBoxProps = {
+    /**
+     * List of options to render as comma-separated text items.
+     */
+    options: Option[];
+};
+export type CommaBoxEvents = {
+    /**
+     * Emitted when the user removes an option.
+     * @param option - The option that was unselected.
+     */
+    (e: 'option:unselected', option: Option): void;
+};

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

@@ -0,0 +1,25 @@
+import { CommonInputInnerContainerProps, CommonInputInnerContainerEvents, CommonInputInnerContainerSlots } from './types';
+export type { CommonInputInnerContainerProps, CommonInputInnerContainerEvents, CommonInputInnerContainerSlots, };
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<CommonInputInnerContainerSlots> & CommonInputInnerContainerSlots;
+    refs: {
+        container: HTMLSpanElement;
+    };
+    rootEl: HTMLSpanElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<CommonInputInnerContainerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "click:clear": () => any;
+}, string, import('vue').PublicProps, Readonly<CommonInputInnerContainerProps> & Readonly<{
+    "onClick:clear"?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    container: HTMLSpanElement;
+}, HTMLSpanElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,47 @@
+import { IconType } from '../../types/Icon';
+export type CommonInputInnerContainerProps = {
+    /**
+     * Name of the icon to be added at the end of the input.
+     */
+    'append:icon'?: IconType;
+    /**
+     * Whether the input is clearable.
+     */
+    clearable?: boolean;
+    /**
+     * Name of the icon to be added at the start of the input.
+     */
+    'prepend:icon'?: IconType;
+    /**
+     * Prevents the container from focusing the inner input on click.
+     */
+    preventFocus?: boolean;
+};
+export type CommonInputInnerContainerEvents = {
+    /**
+     * Emitted when the clear button is clicked.
+     */
+    (e: 'click:clear'): void;
+};
+export type CommonInputInnerContainerSlots = {
+    /**
+     * Wraps the leading prefix area. Renders a `<span>` containing the `prefix` sub-slot by default.
+     */
+    prepend?: (props: object) => any;
+    /**
+     * Content rendered as an inline text prefix inside the prepend span.
+     */
+    prefix?: (props: object) => any;
+    /**
+     * The main input element (e.g. `<input>` or `<textarea>`).
+     */
+    default?: (props: object) => any;
+    /**
+     * Wraps the trailing suffix area. Renders a `<span>` containing the `suffix` sub-slot by default.
+     */
+    append?: (props: object) => any;
+    /**
+     * Content rendered as an inline text suffix inside the append span.
+     */
+    suffix?: (props: object) => any;
+};

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

@@ -0,0 +1,17 @@
+import { CommonInputOuterContainerSlots } from './types';
+export type { CommonInputOuterContainerSlots };
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<CommonInputOuterContainerSlots> & CommonInputOuterContainerSlots;
+    refs: {};
+    rootEl: HTMLSpanElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLSpanElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,16 @@
+export type CommonInputOuterContainerProps = Record<never, never>;
+export type CommonInputOuterContainerEvents = Record<never, never>;
+export type CommonInputOuterContainerSlots = {
+    /**
+     * Content prepended outside the inner input container.
+     */
+    'prepend-outer'?: (props: object) => any;
+    /**
+     * The inner input container (default slot content).
+     */
+    default?: (props: object) => any;
+    /**
+     * Content appended outside the inner input container.
+     */
+    'append-outer'?: (props: object) => any;
+};