@sakoa/ui 0.1.0

package/dist/components/DemoSection.d.ts

@@ -0,0 +1,30 @@
+interface Props {
+    title: string;
+    description?: string;
+    code: string;
+    language?: string;
+    customBackground?: string;
+    codeOnly?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    description: string;
+    language: string;
+    customBackground: string;
+    codeOnly: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+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/SApiKeyboard.d.ts

@@ -0,0 +1,22 @@
+export interface KeyboardShortcut {
+    /** Key or keys to display (e.g., "Enter", "Ctrl+C", ["Enter", "Space"]) */
+    keys: string | string[];
+    /** Description of what the shortcut does */
+    action: string;
+}
+interface Props {
+    /** Title of the keyboard section */
+    title?: string;
+    /** Array of keyboard shortcuts */
+    shortcuts: KeyboardShortcut[];
+    /** Display as a table instead of grid */
+    variant?: 'grid' | 'table';
+    /** Maximum number of columns for grid layout */
+    columns?: 2 | 3 | 4;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    title: string;
+    variant: "grid" | "table";
+    columns: 2 | 3 | 4;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/SApiSection.d.ts

@@ -0,0 +1,21 @@
+interface Props {
+    /** Optional heading for the section */
+    title?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+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/SApiTable.d.ts

@@ -0,0 +1,46 @@
+export interface ApiProp {
+    name: string;
+    type: string;
+    default?: string;
+    description: string;
+    category?: string;
+}
+export interface ApiEvent {
+    name: string;
+    payload?: string;
+    description: string;
+}
+export interface ApiSlot {
+    name: string;
+    props?: string;
+    description: string;
+}
+export interface ApiMethod {
+    name: string;
+    description: string;
+}
+export type TableType = 'props' | 'events' | 'slots' | 'methods';
+interface Props {
+    /** Title of the table section (e.g., "SButton Props") */
+    title: string;
+    /** Type of table to render */
+    type: TableType;
+    /** Props data (when type="props") */
+    props?: ApiProp[];
+    /** Events data (when type="events") */
+    events?: ApiEvent[];
+    /** Slots data (when type="slots") */
+    slots?: ApiSlot[];
+    /** Methods data (when type="methods") */
+    methods?: ApiMethod[];
+}
+declare function __VLS_template(): void;
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+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/STableOfContents.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/ui/SAlert.d.ts

@@ -0,0 +1,76 @@
+import { VariantProps } from 'class-variance-authority';
+declare const alertVariants: (props?: ({
+    variant?: "custom" | "error" | "success" | "warning" | "info" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type AlertVariants = VariantProps<typeof alertVariants>;
+export interface Props {
+    variant?: 'success' | 'warning' | 'error' | 'info' | 'custom';
+    size?: 'small' | 'medium' | 'large';
+    title?: string;
+    description?: string;
+    icon?: string | boolean;
+    closable?: boolean;
+    autoDismiss?: boolean;
+    duration?: number;
+    showProgress?: boolean;
+    color?: string;
+    position?: 'static' | 'top' | 'bottom' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+    elevation?: boolean;
+    border?: 'none' | 'left' | 'top' | 'all';
+    rounded?: boolean;
+    dismissible?: boolean;
+    contentClass?: string;
+    iconClass?: string;
+}
+declare function close(): void;
+declare function pause(): void;
+declare function resume(): void;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {}): any;
+        title?(_: {}): any;
+        default?(_: {}): any;
+        actions?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {
+    close: typeof close;
+    pause: typeof pause;
+    resume: typeof resume;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => any;
+    dismiss: () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onDismiss?: (() => any) | undefined;
+}>, {
+    size: "small" | "medium" | "large";
+    closable: boolean;
+    icon: string | boolean;
+    title: string;
+    position: "static" | "top" | "bottom" | "top-left" | "top-right" | "bottom-left" | "bottom-right";
+    duration: number;
+    color: string;
+    variant: "success" | "warning" | "error" | "info" | "custom";
+    contentClass: string;
+    border: "none" | "left" | "top" | "all";
+    rounded: boolean;
+    iconClass: string;
+    description: string;
+    autoDismiss: boolean;
+    showProgress: boolean;
+    elevation: boolean;
+    dismissible: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+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/ui/SBadge.d.ts

@@ -0,0 +1,56 @@
+import { VariantProps } from 'class-variance-authority';
+declare const badgeVariants: (props?: ({
+    variant?: "filled" | "outlined" | "light" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type BadgeVariants = VariantProps<typeof badgeVariants>;
+export interface Props {
+    variant?: 'filled' | 'outlined' | 'light';
+    size?: 'small' | 'medium' | 'large';
+    color?: string;
+    content?: string | number;
+    max?: number;
+    showZero?: boolean;
+    dot?: boolean;
+    bordered?: boolean;
+    position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+    offset?: [number, number];
+    standalone?: boolean;
+    pulse?: boolean;
+    badgeClass?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        content?(_: {}): any;
+        content?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    size: "small" | "medium" | "large";
+    position: "top-right" | "top-left" | "bottom-right" | "bottom-left";
+    color: string;
+    variant: "filled" | "outlined" | "light";
+    offset: [number, number];
+    max: number;
+    showZero: boolean;
+    dot: boolean;
+    bordered: boolean;
+    standalone: boolean;
+    pulse: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+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/ui/SButton.d.ts

@@ -0,0 +1,67 @@
+import { VariantProps } from 'class-variance-authority';
+export declare const buttonVariants: (props?: ({
+    variant?: "link" | "filled" | "outlined" | "light" | "ghost" | null | undefined;
+    size?: "small" | "medium" | "large" | "xs" | "xl" | null | undefined;
+    rounded?: "none" | "sm" | "md" | "lg" | "full" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type ButtonVariants = VariantProps<typeof buttonVariants>;
+export interface Props {
+    variant?: 'filled' | 'outlined' | 'light' | 'ghost' | 'link';
+    size?: 'xs' | 'small' | 'medium' | 'large' | 'xl';
+    color?: string;
+    disabled?: boolean;
+    loading?: boolean;
+    preserveSize?: boolean;
+    block?: boolean;
+    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';
+    iconLeft?: string;
+    iconRight?: string;
+    iconOnly?: boolean;
+    tag?: string;
+    href?: string;
+    to?: string | object;
+    type?: 'button' | 'submit' | 'reset';
+    ripple?: boolean;
+    animationType?: 'slide' | 'vertical' | 'scale' | 'rotate';
+    animateInactive?: boolean;
+    contentClass?: string;
+    iconClass?: string;
+}
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    type: "button" | "submit" | "reset";
+    size: "xs" | "small" | "medium" | "large" | "xl";
+    disabled: boolean;
+    color: string;
+    variant: "filled" | "outlined" | "light" | "ghost" | "link";
+    contentClass: string;
+    loading: boolean;
+    rounded: "none" | "sm" | "md" | "lg" | "full";
+    preserveSize: boolean;
+    block: boolean;
+    iconLeft: string;
+    iconRight: string;
+    iconOnly: boolean;
+    tag: string;
+    href: string;
+    to: string | object;
+    ripple: boolean;
+    animationType: "slide" | "vertical" | "scale" | "rotate";
+    animateInactive: boolean;
+    iconClass: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+    'icon-left'?(_: {}): any;
+    default?(_: {}): any;
+    default?(_: {}): any;
+    'icon-right'?(_: {}): any;
+    animate?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ui/SCheckbox.d.ts

@@ -0,0 +1,64 @@
+import { VariantProps } from 'class-variance-authority';
+declare const checkboxVariants: (props?: ({
+    size?: "small" | "medium" | "large" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type CheckboxVariants = VariantProps<typeof checkboxVariants>;
+export interface Props {
+    modelValue?: boolean | string | number | any[];
+    value?: any;
+    size?: 'small' | 'medium' | 'large';
+    color?: string;
+    disabled?: boolean;
+    loading?: boolean;
+    indeterminate?: boolean;
+    label?: string;
+    labelPosition?: 'left' | 'right';
+    rounded?: boolean;
+    icon?: string;
+    required?: boolean;
+    name?: string;
+    error?: string;
+    checkboxClass?: string;
+    labelClass?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {}): any;
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number | boolean | any[]) => any;
+    change: (value: string | number | boolean | any[], event: Event) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number | boolean | any[]) => any) | undefined;
+    onChange?: ((value: string | number | boolean | any[], event: Event) => any) | undefined;
+}>, {
+    modelValue: boolean | string | number | any[];
+    size: "small" | "medium" | "large";
+    name: string;
+    icon: string;
+    disabled: boolean;
+    label: string;
+    value: any;
+    required: boolean;
+    color: string;
+    loading: boolean;
+    labelClass: string;
+    rounded: boolean;
+    error: string;
+    indeterminate: boolean;
+    labelPosition: "left" | "right";
+    checkboxClass: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+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/ui/SChip.d.ts

@@ -0,0 +1,43 @@
+import { VariantProps } from 'class-variance-authority';
+declare const chipVariants: (props?: ({
+    variant?: "filled" | "outlined" | "light" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type ChipVariants = VariantProps<typeof chipVariants>;
+export interface Props {
+    variant?: 'filled' | 'outlined' | 'light';
+    size?: 'small' | 'medium' | 'large';
+    color?: string;
+    closable?: boolean;
+    disabled?: boolean;
+    contentClass?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: () => any;
+    close: () => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onClick?: (() => any) | undefined;
+    onClose?: (() => any) | undefined;
+}>, {
+    size: "small" | "medium" | "large";
+    closable: boolean;
+    disabled: boolean;
+    color: string;
+    variant: "filled" | "outlined" | "light";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+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/ui/SDatePicker.d.ts

@@ -0,0 +1,77 @@
+export interface Props {
+    modelValue?: Date | Date[] | [Date, Date] | null;
+    mode?: 'single' | 'range' | 'multiple';
+    variant?: 'outlined' | 'filled' | 'ghost';
+    size?: 'small' | 'medium' | 'large';
+    color?: string;
+    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';
+    format?: string;
+    placeholder?: string;
+    minDate?: Date;
+    maxDate?: Date;
+    disabledDates?: Date[] | ((date: Date) => boolean);
+    disabledWeekdays?: number[];
+    disabled?: boolean;
+    loading?: boolean;
+    readonly?: boolean;
+    clearable?: boolean;
+    closeOnSelect?: boolean;
+    teleport?: boolean | string;
+    showWeekNumbers?: boolean;
+    firstDayOfWeek?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    monthsToShow?: 1 | 2;
+    showToday?: boolean;
+    enableTime?: boolean;
+    timeFormat?: '12h' | '24h';
+    minuteStep?: number;
+    label?: string;
+    labelPlacement?: 'top' | 'left';
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: Date | [Date, Date] | Date[] | null) => any;
+    close: () => any;
+    clear: () => any;
+    open: () => any;
+    monthChange: (month: number, year: number) => any;
+    yearChange: (year: number) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Date | [Date, Date] | Date[] | null) => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onClear?: (() => any) | undefined;
+    onOpen?: (() => any) | undefined;
+    onMonthChange?: ((month: number, year: number) => any) | undefined;
+    onYearChange?: ((year: number) => any) | undefined;
+}>, {
+    modelValue: Date | Date[] | [Date, Date] | null;
+    size: "small" | "medium" | "large";
+    disabled: boolean;
+    label: string;
+    mode: "single" | "range" | "multiple";
+    placeholder: string;
+    color: string;
+    variant: "outlined" | "filled" | "ghost";
+    loading: boolean;
+    rounded: "none" | "sm" | "md" | "lg" | "full";
+    teleport: boolean | string;
+    clearable: boolean;
+    closeOnSelect: boolean;
+    labelPlacement: "top" | "left";
+    format: string;
+    minDate: Date;
+    maxDate: Date;
+    disabledDates: Date[] | ((date: Date) => boolean);
+    disabledWeekdays: number[];
+    readonly: boolean;
+    showWeekNumbers: boolean;
+    firstDayOfWeek: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    monthsToShow: 1 | 2;
+    showToday: boolean;
+    enableTime: boolean;
+    timeFormat: "12h" | "24h";
+    minuteStep: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    triggerRef: HTMLDivElement;
+    calendarRef: HTMLDivElement;
+    yearPickerRef: HTMLDivElement;
+}, any>;
+export default _default;

package/dist/components/ui/SGlassButton.d.ts

@@ -0,0 +1,70 @@
+export interface Props {
+    size?: 'xs' | 'small' | 'medium' | 'large' | 'xl';
+    disabled?: boolean;
+    loading?: boolean;
+    preserveSize?: boolean;
+    block?: boolean;
+    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';
+    iconLeft?: string;
+    iconRight?: string;
+    iconOnly?: boolean;
+    tag?: string;
+    href?: string;
+    to?: string | object;
+    type?: 'button' | 'submit' | 'reset';
+    ripple?: boolean;
+    animationType?: 'slide' | 'vertical' | 'scale' | 'rotate';
+    animateInactive?: boolean;
+    tint?: 'auto' | 'light' | 'dark';
+    blur?: number;
+    saturation?: number;
+    highlightIntensity?: number;
+    color?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        'icon-left'?(_: {}): any;
+        default?(_: {}): any;
+        default?(_: {}): any;
+        'icon-right'?(_: {}): any;
+        animate?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    type: "button" | "submit" | "reset";
+    size: "xs" | "small" | "medium" | "large" | "xl";
+    disabled: boolean;
+    color: string;
+    loading: boolean;
+    rounded: "none" | "sm" | "md" | "lg" | "full";
+    preserveSize: boolean;
+    block: boolean;
+    iconLeft: string;
+    iconRight: string;
+    iconOnly: boolean;
+    tag: string;
+    href: string;
+    to: string | object;
+    ripple: boolean;
+    animationType: "slide" | "vertical" | "scale" | "rotate";
+    animateInactive: boolean;
+    tint: "auto" | "light" | "dark";
+    blur: number;
+    saturation: number;
+    highlightIntensity: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+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/ui/SIcon.d.ts

@@ -0,0 +1,29 @@
+import { Component } from 'vue';
+export interface Props {
+    component?: Component;
+    size?: number | string;
+    color?: string;
+    depth?: 1 | 2 | 3 | 4 | 5;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    size: number | string;
+    component: Component;
+    color: string;
+    depth: 1 | 2 | 3 | 4 | 5;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};