bitboss-ui 0.1.0 → 0.1.2

package/README.md

@@ -1 +1,18 @@
-# BitBoss UI kit
+# Vue 3 + TypeScript + Vite
+
+This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.
+
+## Recommended IDE Setup
+
+- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).
+
+## Type Support For `.vue` Imports in TS
+
+TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) to make the TypeScript language service aware of `.vue` types.
+
+If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a [Take Over Mode](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. You can enable it by the following steps:
+
+1. Disable the built-in TypeScript Extension
+   1. Run `Extensions: Show Built-in Extensions` from VSCode's command palette
+   2. Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)`
+2. Reload the VSCode window by running `Developer: Reload Window` from the command palette.

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

@@ -0,0 +1,205 @@
+import type { RouterLinkProps } from "vue-router";
+import type { InertiaLinkProps } from "@inertiajs/vue3";
+type VoidHTMLElements = "area" | "base" | "br" | "col" | "command" | "embed" | "hr" | "img" | "input" | "keygen" | "link" | "meta" | "param" | "source" | "track" | "wbr";
+export interface BaseButtonProps {
+    activeClass?: RouterLinkProps["activeClass"];
+    ariaCurrentValue?: RouterLinkProps["ariaCurrentValue"];
+    block?: boolean;
+    custom?: RouterLinkProps["custom"];
+    data?: InertiaLinkProps["data"];
+    disabled?: boolean;
+    exactActiveClass?: RouterLinkProps["exactActiveClass"];
+    headers?: InertiaLinkProps["headers"];
+    href?: string | InertiaLinkProps["href"];
+    method?: InertiaLinkProps["method"];
+    onBefore?: InertiaLinkProps["onBefore"];
+    onCancel?: InertiaLinkProps["onCancel"];
+    onCancelToken?: InertiaLinkProps["onCancelToken"];
+    onFinish?: InertiaLinkProps["onFinish"];
+    only?: InertiaLinkProps["only"];
+    onProgress?: InertiaLinkProps["onProgress"];
+    onStart?: InertiaLinkProps["onStart"];
+    onSuccess?: InertiaLinkProps["onSuccess"];
+    preserveScroll?: InertiaLinkProps["preserveScroll"];
+    preserveState?: InertiaLinkProps["preserveState"];
+    queryStringArrayFormat?: InertiaLinkProps["queryStringArrayFormat"];
+    replace?: RouterLinkProps["replace"];
+    tag?: keyof Omit<HTMLElementTagNameMap, VoidHTMLElements> | "";
+    target?: string;
+    to?: RouterLinkProps["to"];
+    type?: "button" | "submit" | "reset";
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    activeClass: {
+        type: import("vue").PropType<string>;
+    };
+    ariaCurrentValue: {
+        type: import("vue").PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
+    };
+    custom: {
+        type: import("vue").PropType<boolean>;
+    };
+    data: {
+        type: import("vue").PropType<object>;
+    };
+    exactActiveClass: {
+        type: import("vue").PropType<string>;
+    };
+    headers: {
+        type: import("vue").PropType<object>;
+    };
+    href: {
+        type: import("vue").PropType<string>;
+    };
+    method: {
+        type: import("vue").PropType<import("@inertiajs/core").Method>;
+    };
+    onBefore: {
+        type: import("vue").PropType<() => void>;
+    };
+    onCancel: {
+        type: import("vue").PropType<() => void>;
+    };
+    onCancelToken: {
+        type: import("vue").PropType<(cancelToken: import("axios").CancelTokenSource) => void>;
+    };
+    onFinish: {
+        type: import("vue").PropType<() => void>;
+    };
+    only: {
+        type: import("vue").PropType<string[]>;
+    };
+    onProgress: {
+        type: import("vue").PropType<(progress: import("axios").AxiosProgressEvent) => void>;
+    };
+    onStart: {
+        type: import("vue").PropType<() => void>;
+    };
+    onSuccess: {
+        type: import("vue").PropType<() => void>;
+    };
+    preserveScroll: {
+        type: import("vue").PropType<boolean | ((props: import("@inertiajs/core").PageProps) => boolean)>;
+    };
+    preserveState: {
+        type: import("vue").PropType<boolean | ((props: import("@inertiajs/core").PageProps) => boolean) | null>;
+    };
+    queryStringArrayFormat: {
+        type: import("vue").PropType<"brackets" | "indices">;
+    };
+    replace: {
+        type: import("vue").PropType<boolean>;
+    };
+    to: {
+        type: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+    };
+    block: {
+        type: import("vue").PropType<boolean>;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    tag: {
+        type: import("vue").PropType<"" | "object" | "time" | "data" | "a" | "abbr" | "address" | "article" | "aside" | "audio" | "b" | "bdi" | "bdo" | "blockquote" | "body" | "button" | "canvas" | "caption" | "cite" | "code" | "colgroup" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "html" | "i" | "iframe" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "mark" | "menu" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "search" | "section" | "select" | "slot" | "small" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "title" | "tr" | "u" | "ul" | "var" | "video">;
+        default: string;
+    };
+    target: {
+        type: import("vue").PropType<string>;
+    };
+    type: {
+        type: import("vue").PropType<"button" | "submit" | "reset">;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    activeClass: {
+        type: import("vue").PropType<string>;
+    };
+    ariaCurrentValue: {
+        type: import("vue").PropType<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
+    };
+    custom: {
+        type: import("vue").PropType<boolean>;
+    };
+    data: {
+        type: import("vue").PropType<object>;
+    };
+    exactActiveClass: {
+        type: import("vue").PropType<string>;
+    };
+    headers: {
+        type: import("vue").PropType<object>;
+    };
+    href: {
+        type: import("vue").PropType<string>;
+    };
+    method: {
+        type: import("vue").PropType<import("@inertiajs/core").Method>;
+    };
+    onBefore: {
+        type: import("vue").PropType<() => void>;
+    };
+    onCancel: {
+        type: import("vue").PropType<() => void>;
+    };
+    onCancelToken: {
+        type: import("vue").PropType<(cancelToken: import("axios").CancelTokenSource) => void>;
+    };
+    onFinish: {
+        type: import("vue").PropType<() => void>;
+    };
+    only: {
+        type: import("vue").PropType<string[]>;
+    };
+    onProgress: {
+        type: import("vue").PropType<(progress: import("axios").AxiosProgressEvent) => void>;
+    };
+    onStart: {
+        type: import("vue").PropType<() => void>;
+    };
+    onSuccess: {
+        type: import("vue").PropType<() => void>;
+    };
+    preserveScroll: {
+        type: import("vue").PropType<boolean | ((props: import("@inertiajs/core").PageProps) => boolean)>;
+    };
+    preserveState: {
+        type: import("vue").PropType<boolean | ((props: import("@inertiajs/core").PageProps) => boolean) | null>;
+    };
+    queryStringArrayFormat: {
+        type: import("vue").PropType<"brackets" | "indices">;
+    };
+    replace: {
+        type: import("vue").PropType<boolean>;
+    };
+    to: {
+        type: import("vue").PropType<import("vue-router").RouteLocationRaw>;
+    };
+    block: {
+        type: import("vue").PropType<boolean>;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    tag: {
+        type: import("vue").PropType<"" | "object" | "time" | "data" | "a" | "abbr" | "address" | "article" | "aside" | "audio" | "b" | "bdi" | "bdo" | "blockquote" | "body" | "button" | "canvas" | "caption" | "cite" | "code" | "colgroup" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "html" | "i" | "iframe" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "mark" | "menu" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "search" | "section" | "select" | "slot" | "small" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "title" | "tr" | "u" | "ul" | "var" | "video">;
+        default: string;
+    };
+    target: {
+        type: import("vue").PropType<string>;
+    };
+    type: {
+        type: import("vue").PropType<"button" | "submit" | "reset">;
+        default: string;
+    };
+}>>, {
+    tag: "" | "object" | "time" | "data" | "a" | "abbr" | "address" | "article" | "aside" | "audio" | "b" | "bdi" | "bdo" | "blockquote" | "body" | "button" | "canvas" | "caption" | "cite" | "code" | "colgroup" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "html" | "i" | "iframe" | "ins" | "kbd" | "label" | "legend" | "li" | "main" | "map" | "mark" | "menu" | "meter" | "nav" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "search" | "section" | "select" | "slot" | "small" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "tbody" | "td" | "template" | "textarea" | "tfoot" | "th" | "thead" | "title" | "tr" | "u" | "ul" | "var" | "video";
+    type: "button" | "submit" | "reset";
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,152 @@
+export interface BaseCheckboxProps {
+    autofocus?: boolean;
+    checked?: boolean;
+    color?: string;
+    disabled?: boolean;
+    hasErrors?: boolean;
+    id?: string;
+    indeterminate?: boolean;
+    modelValue?: any;
+    name?: string;
+    readonly?: boolean;
+    submitWhenFalse?: boolean;
+    trueValue?: any;
+    falseValue?: any;
+}
+export type BaseCheckboxEvents = {
+    (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: any): void;
+};
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    name: {
+        type: import("vue").PropType<string>;
+    };
+    autofocus: {
+        type: import("vue").PropType<boolean>;
+    };
+    checked: {
+        type: import("vue").PropType<boolean>;
+    };
+    color: {
+        type: import("vue").PropType<string>;
+    };
+    hasErrors: {
+        type: import("vue").PropType<boolean>;
+    };
+    id: {
+        type: import("vue").PropType<string>;
+    };
+    indeterminate: {
+        type: import("vue").PropType<boolean>;
+    };
+    modelValue: {
+        type: import("vue").PropType<any>;
+    };
+    readonly: {
+        type: import("vue").PropType<boolean>;
+    };
+    submitWhenFalse: {
+        type: import("vue").PropType<boolean>;
+    };
+    trueValue: {
+        type: import("vue").PropType<any>;
+        default: boolean;
+    };
+    falseValue: {
+        type: import("vue").PropType<any>;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (event: Event) => void;
+    click: (event: MouseEvent) => void;
+    focus: (event: FocusEvent) => void;
+    input: (event: Event) => void;
+    keydown: (event: KeyboardEvent) => void;
+    mousedown: (event: MouseEvent) => void;
+    mouseup: (event: MouseEvent) => void;
+    "update:modelValue": (value: any) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    name: {
+        type: import("vue").PropType<string>;
+    };
+    autofocus: {
+        type: import("vue").PropType<boolean>;
+    };
+    checked: {
+        type: import("vue").PropType<boolean>;
+    };
+    color: {
+        type: import("vue").PropType<string>;
+    };
+    hasErrors: {
+        type: import("vue").PropType<boolean>;
+    };
+    id: {
+        type: import("vue").PropType<string>;
+    };
+    indeterminate: {
+        type: import("vue").PropType<boolean>;
+    };
+    modelValue: {
+        type: import("vue").PropType<any>;
+    };
+    readonly: {
+        type: import("vue").PropType<boolean>;
+    };
+    submitWhenFalse: {
+        type: import("vue").PropType<boolean>;
+    };
+    trueValue: {
+        type: import("vue").PropType<any>;
+        default: boolean;
+    };
+    falseValue: {
+        type: import("vue").PropType<any>;
+        default: boolean;
+    };
+}>> & {
+    onInput?: ((event: Event) => 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: any) => any) | undefined;
+}, {
+    trueValue: any;
+    falseValue: any;
+}, {}>, {
+    icon?(_: {
+        checked: boolean;
+        disabled: boolean;
+        falseValue: any;
+        focused: boolean;
+        hasErrors: boolean;
+        id: string | undefined;
+        name: string | undefined;
+        parsedValue: any;
+        readonly: boolean;
+        trueValue: any;
+        value: any;
+    }): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,229 @@
+export interface BaseCheckboxGroupProps {
+    autofocus?: boolean;
+    color?: string;
+    dependencies?: any[];
+    depsDebounceTime?: number;
+    direction?: "horizontal" | "vertical";
+    disabled?: boolean;
+    enforceCoherence?: boolean;
+    hasErrors?: boolean;
+    hideLabel?: boolean;
+    id?: string;
+    items: any[] | ((prefill: boolean, modelValue?: any[]) => Promise<any[]>) | ((prefill: boolean, modelValue?: any[]) => any[]);
+    itemText?: string | ((item: any) => string);
+    itemValue?: string | ((item: any) => any);
+    loadingText?: string;
+    modelValue?: any;
+    modelValueDebounceTime?: number;
+    name?: string;
+    noDataText?: string;
+    readonly?: boolean;
+}
+export type BaseOption = {
+    color?: string;
+    disabled?: boolean;
+    hasErrors?: boolean;
+    hideLabel?: boolean;
+    id?: string;
+    jsonValue: string;
+    name?: string;
+    original: any;
+    readonly?: boolean;
+    text: string;
+    value: any;
+};
+export type Option = BaseOption & {
+    index: number;
+    selected: boolean;
+    selectedIndex: number;
+};
+export type BaseCheckboxGroupEvents = {
+    (e: "blur", event: FocusEvent): void;
+    (e: "change", event: Event): void;
+    (e: "click", event: MouseEvent): void;
+    (e: "focus", event: FocusEvent): void;
+    (e: "inactive"): 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: any): void;
+};
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    name: {
+        type: import("vue").PropType<string>;
+    };
+    autofocus: {
+        type: import("vue").PropType<boolean>;
+    };
+    color: {
+        type: import("vue").PropType<string>;
+    };
+    hasErrors: {
+        type: import("vue").PropType<boolean>;
+    };
+    id: {
+        type: import("vue").PropType<string>;
+    };
+    modelValue: {
+        type: import("vue").PropType<any>;
+    };
+    readonly: {
+        type: import("vue").PropType<boolean>;
+    };
+    direction: {
+        type: import("vue").PropType<"horizontal" | "vertical">;
+        default: string;
+    };
+    dependencies: {
+        type: import("vue").PropType<any[]>;
+    };
+    depsDebounceTime: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    enforceCoherence: {
+        type: import("vue").PropType<boolean>;
+    };
+    hideLabel: {
+        type: import("vue").PropType<boolean>;
+    };
+    items: {
+        type: import("vue").PropType<any[] | ((prefill: boolean, modelValue?: any[] | undefined) => Promise<any[]>) | ((prefill: boolean, modelValue?: any[] | undefined) => any[])>;
+        required: true;
+        default: () => never[];
+    };
+    itemText: {
+        type: import("vue").PropType<string | ((item: any) => string)>;
+    };
+    itemValue: {
+        type: import("vue").PropType<string | ((item: any) => any)>;
+    };
+    loadingText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    modelValueDebounceTime: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    noDataText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (event: MouseEvent) => void;
+    focus: (event: FocusEvent) => void;
+    inactive: () => void;
+    input: (event: Event) => void;
+    keydown: (event: KeyboardEvent) => void;
+    mousedown: (event: MouseEvent) => void;
+    mouseup: (event: MouseEvent) => void;
+    "update:modelValue": (value: any) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    name: {
+        type: import("vue").PropType<string>;
+    };
+    autofocus: {
+        type: import("vue").PropType<boolean>;
+    };
+    color: {
+        type: import("vue").PropType<string>;
+    };
+    hasErrors: {
+        type: import("vue").PropType<boolean>;
+    };
+    id: {
+        type: import("vue").PropType<string>;
+    };
+    modelValue: {
+        type: import("vue").PropType<any>;
+    };
+    readonly: {
+        type: import("vue").PropType<boolean>;
+    };
+    direction: {
+        type: import("vue").PropType<"horizontal" | "vertical">;
+        default: string;
+    };
+    dependencies: {
+        type: import("vue").PropType<any[]>;
+    };
+    depsDebounceTime: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    enforceCoherence: {
+        type: import("vue").PropType<boolean>;
+    };
+    hideLabel: {
+        type: import("vue").PropType<boolean>;
+    };
+    items: {
+        type: import("vue").PropType<any[] | ((prefill: boolean, modelValue?: any[] | undefined) => Promise<any[]>) | ((prefill: boolean, modelValue?: any[] | undefined) => any[])>;
+        required: true;
+        default: () => never[];
+    };
+    itemText: {
+        type: import("vue").PropType<string | ((item: any) => string)>;
+    };
+    itemValue: {
+        type: import("vue").PropType<string | ((item: any) => any)>;
+    };
+    loadingText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    modelValueDebounceTime: {
+        type: import("vue").PropType<number>;
+        default: number;
+    };
+    noDataText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>> & {
+    onInput?: ((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: any) => any) | undefined;
+    onInactive?: (() => any) | undefined;
+}, {
+    direction: "horizontal" | "vertical";
+    depsDebounceTime: number;
+    items: any[] | ((prefill: boolean, modelValue?: any[] | undefined) => Promise<any[]>) | ((prefill: boolean, modelValue?: any[] | undefined) => any[]);
+    loadingText: string;
+    modelValueDebounceTime: number;
+    noDataText: string;
+}, {}>, Partial<Record<string, (_: {
+    loading: boolean;
+}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: any) => any>> & {
+    prepend?(_: {}): any;
+    "option:prepend"?(_: {
+        item: any;
+    }): any;
+    label?(_: {
+        text: string;
+        item: any;
+        checked: boolean;
+    }): any;
+    "option:append"?(_: {
+        item: any;
+    }): any;
+    append?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};