@sakoa/ui 0.1.0

package/dist/components/ui/avatar/SAvatarFallback.d.ts

@@ -0,0 +1,26 @@
+interface Props {
+    delayMs?: number;
+    color?: string;
+    bgColor?: 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, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    color: string;
+    delayMs: number;
+    bgColor: 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/avatar/SAvatarGroup.d.ts

@@ -0,0 +1,30 @@
+interface Props {
+    max?: number;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | number;
+    spacing?: 'tight' | 'normal' | 'loose' | number;
+    bordered?: boolean;
+    borderColor?: 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, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    size: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | number;
+    borderColor: string;
+    max: number;
+    bordered: boolean;
+    spacing: "tight" | "normal" | "loose" | 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/avatar/SAvatarImage.d.ts

@@ -0,0 +1,23 @@
+interface Props {
+    src?: string;
+    alt?: string;
+    loading?: 'eager' | 'lazy';
+    crossorigin?: 'anonymous' | 'use-credentials' | '';
+    referrerpolicy?: 'no-referrer' | 'no-referrer-when-downgrade' | 'origin' | 'origin-when-cross-origin' | 'same-origin' | 'strict-origin' | 'strict-origin-when-cross-origin' | 'unsafe-url';
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    error: (event: Event) => any;
+    load: (event: Event) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onError?: ((event: Event) => any) | undefined;
+    onLoad?: ((event: Event) => any) | undefined;
+}>, {
+    loading: "eager" | "lazy";
+    src: string;
+    alt: string;
+    crossorigin: "anonymous" | "use-credentials" | "";
+    referrerpolicy: "no-referrer" | "no-referrer-when-downgrade" | "origin" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    imageRef: HTMLImageElement;
+}, any>;
+export default _default;

package/dist/components/ui/avatar/index.d.ts

@@ -0,0 +1,4 @@
+export { default as SAvatar } from './SAvatar';
+export { default as SAvatarFallback } from './SAvatarFallback';
+export { default as SAvatarGroup } from './SAvatarGroup';
+export { default as SAvatarImage } from './SAvatarImage';

package/dist/components/ui/breadcrumb/SBreadcrumb.d.ts

@@ -0,0 +1,22 @@
+export interface Props {
+    label?: 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, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    label: 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/breadcrumb/SBreadcrumbEllipsis.d.ts

@@ -0,0 +1,17 @@
+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<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, 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/breadcrumb/SBreadcrumbItem.d.ts

@@ -0,0 +1,17 @@
+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<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, 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/breadcrumb/SBreadcrumbLink.d.ts

@@ -0,0 +1,26 @@
+export interface Props {
+    tag?: string;
+    href?: string;
+    to?: string | object;
+}
+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<{}>, {
+    tag: string;
+    href: string;
+    to: string | object;
+}, {}, {}, {}, 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/breadcrumb/SBreadcrumbList.d.ts

@@ -0,0 +1,17 @@
+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<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, 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/breadcrumb/SBreadcrumbPage.d.ts

@@ -0,0 +1,17 @@
+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<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, 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/breadcrumb/SBreadcrumbSeparator.d.ts

@@ -0,0 +1,17 @@
+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<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, 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/breadcrumb/index.d.ts

@@ -0,0 +1,7 @@
+export { default as SBreadcrumb } from './SBreadcrumb';
+export { default as SBreadcrumbList } from './SBreadcrumbList';
+export { default as SBreadcrumbItem } from './SBreadcrumbItem';
+export { default as SBreadcrumbLink } from './SBreadcrumbLink';
+export { default as SBreadcrumbPage } from './SBreadcrumbPage';
+export { default as SBreadcrumbSeparator } from './SBreadcrumbSeparator';
+export { default as SBreadcrumbEllipsis } from './SBreadcrumbEllipsis';

package/dist/components/ui/card/SCard.d.ts

@@ -0,0 +1,103 @@
+interface Props {
+    /** Visual style variant */
+    variant?: 'elevated' | 'outlined' | 'filled' | 'ghost' | 'glass';
+    /** Size preset affecting padding and spacing */
+    size?: 'compact' | 'default' | 'comfortable';
+    /** Border radius */
+    rounded?: 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'full';
+    /** Enable hover animation effects */
+    hoverable?: boolean;
+    /** Enable press/click effect */
+    pressable?: boolean;
+    /** Make entire card clickable */
+    clickable?: boolean;
+    /** Show loading skeleton state */
+    loading?: boolean;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Custom background color */
+    bgColor?: string;
+    /** Custom border color */
+    borderColor?: string;
+    /** Gradient border (CSS gradient string) */
+    gradientBorder?: string;
+    /** Gradient background (CSS gradient string) */
+    gradientBg?: string;
+    /** Enable spotlight/glow effect on hover */
+    spotlight?: boolean;
+    /** Spotlight color */
+    spotlightColor?: string;
+    /** Horizontal layout (media on side) */
+    horizontal?: boolean;
+    /** Flip media to right side in horizontal layout */
+    mediaRight?: boolean;
+    /** Card width */
+    width?: string;
+    /** Card height */
+    height?: string;
+    /** Card max-width */
+    maxWidth?: string;
+    /** Custom padding override */
+    padding?: string;
+    /** Enable 3D tilt effect on hover */
+    tilt?: boolean;
+    /** Tag element to render */
+    tag?: string;
+    /** href for link cards */
+    href?: string;
+    /** router-link to */
+    to?: string | object;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        cardRef: unknown;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<Props, {
+    isHovered: import('vue').Ref<boolean, boolean>;
+    isPressed: import('vue').Ref<boolean, boolean>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: (event: MouseEvent) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onClick?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    size: "compact" | "default" | "comfortable";
+    disabled: boolean;
+    width: string;
+    height: string;
+    variant: "elevated" | "outlined" | "filled" | "ghost" | "glass";
+    loading: boolean;
+    rounded: "none" | "sm" | "md" | "lg" | "xl" | "2xl" | "full";
+    tag: string;
+    href: string;
+    to: string | object;
+    borderColor: string;
+    maxWidth: string;
+    horizontal: boolean;
+    padding: string;
+    bgColor: string;
+    hoverable: boolean;
+    pressable: boolean;
+    clickable: boolean;
+    spotlight: boolean;
+    spotlightColor: string;
+    mediaRight: boolean;
+    tilt: boolean;
+    gradientBorder: string;
+    gradientBg: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    cardRef: unknown;
+}, 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/card/SCardActions.d.ts

@@ -0,0 +1,44 @@
+export interface Props {
+    /** Justify content */
+    justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+    /** Alignment */
+    align?: 'start' | 'center' | 'end' | 'stretch';
+    /** Gap between items */
+    gap?: 'none' | 'xs' | 'sm' | 'md' | 'lg';
+    /** Direction */
+    direction?: 'row' | 'column';
+    /** Custom padding */
+    padding?: string;
+    /** Full width buttons */
+    fullWidth?: boolean;
+    /** Stack vertically on mobile */
+    stackOnMobile?: boolean;
+    /** Reversed order */
+    reverse?: 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<{}>, {
+    reverse: boolean;
+    justify: "start" | "center" | "end" | "between" | "around" | "evenly";
+    padding: string;
+    direction: "row" | "column";
+    gap: "none" | "xs" | "sm" | "md" | "lg";
+    align: "start" | "center" | "end" | "stretch";
+    stackOnMobile: boolean;
+    fullWidth: 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/card/SCardContent.d.ts

@@ -0,0 +1,35 @@
+export interface Props {
+    /** Custom padding */
+    padding?: string;
+    /** Text alignment */
+    align?: 'left' | 'center' | 'right' | 'justify';
+    /** Make content scrollable with max height */
+    maxHeight?: string;
+    /** Show skeleton loading state */
+    skeleton?: boolean;
+    /** Number of skeleton lines */
+    skeletonLines?: number;
+}
+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<{}>, {
+    padding: string;
+    maxHeight: string;
+    align: "left" | "center" | "right" | "justify";
+    skeleton: boolean;
+    skeletonLines: 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/card/SCardFooter.d.ts

@@ -0,0 +1,38 @@
+export interface Props {
+    /** Show divider above footer */
+    divider?: boolean;
+    /** Justify content */
+    justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+    /** Alignment */
+    align?: 'start' | 'center' | 'end' | 'stretch';
+    /** Gap between items */
+    gap?: 'none' | 'sm' | 'md' | 'lg';
+    /** Custom padding */
+    padding?: string;
+    /** Stack items vertically on mobile */
+    stackOnMobile?: 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<{}>, {
+    justify: "start" | "center" | "end" | "between" | "around" | "evenly";
+    padding: string;
+    gap: "none" | "sm" | "md" | "lg";
+    align: "start" | "center" | "end" | "stretch";
+    divider: boolean;
+    stackOnMobile: 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/card/SCardHeader.d.ts

@@ -0,0 +1,53 @@
+export interface Props {
+    /** Title text */
+    title?: string;
+    /** Subtitle text */
+    subtitle?: string;
+    /** Avatar image URL */
+    avatar?: string;
+    /** Avatar fallback text (initials) */
+    avatarFallback?: string;
+    /** Icon name (MDI) */
+    icon?: string;
+    /** Icon color */
+    iconColor?: string;
+    /** Show divider below header */
+    divider?: boolean;
+    /** Layout direction */
+    layout?: 'horizontal' | 'vertical';
+    /** Alignment */
+    align?: 'start' | 'center' | 'end';
+    /** Custom padding */
+    padding?: string;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        avatar?(_: {}): any;
+        title?(_: {}): any;
+        subtitle?(_: {}): any;
+        actions?(_: {}): 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, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
+    icon: string;
+    title: string;
+    layout: "horizontal" | "vertical";
+    align: "start" | "center" | "end";
+    divider: boolean;
+    subtitle: string;
+    iconColor: string;
+    avatar: string;
+    avatarFallback: 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/card/SCardMedia.d.ts

@@ -0,0 +1,83 @@
+export interface Props {
+    /** Image source URL */
+    src?: string;
+    /** Video source URL */
+    video?: string;
+    /** Alt text for image */
+    alt?: string;
+    /** Aspect ratio */
+    ratio?: 'auto' | '1/1' | '4/3' | '16/9' | '21/9' | '3/4' | '9/16';
+    /** Height override */
+    height?: string;
+    /** Object fit */
+    fit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
+    /** Enable zoom on hover */
+    zoom?: boolean;
+    /** Zoom scale factor */
+    zoomScale?: number;
+    /** Overlay color (gradient or solid) */
+    overlay?: string;
+    /** Overlay opacity (0-1) */
+    overlayOpacity?: number;
+    /** Show overlay content always or on hover */
+    overlayMode?: 'always' | 'hover';
+    /** Position in card layout */
+    position?: 'top' | 'bottom' | 'left' | 'right' | 'background';
+    /** Border radius override */
+    rounded?: 'none' | 'inherit' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Video autoplay */
+    autoplay?: boolean;
+    /** Video loop */
+    loop?: boolean;
+    /** Video muted */
+    muted?: boolean;
+    /** Video controls */
+    controls?: boolean;
+    /** Lazy load image */
+    lazy?: boolean;
+    /** Placeholder blur */
+    placeholder?: string;
+    /** Skeleton loading */
+    skeleton?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        overlay?(_: {}): any;
+        default?(_: {}): any;
+        badge?(_: {}): any;
+        actions?(_: {}): 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<{}>, {
+    video: string;
+    position: "top" | "bottom" | "left" | "right" | "background";
+    height: string;
+    placeholder: string;
+    rounded: "none" | "inherit" | "sm" | "md" | "lg" | "xl";
+    overlay: string;
+    zoom: boolean;
+    lazy: boolean;
+    src: string;
+    alt: string;
+    loop: boolean;
+    autoplay: boolean;
+    skeleton: boolean;
+    ratio: "auto" | "1/1" | "4/3" | "16/9" | "21/9" | "3/4" | "9/16";
+    fit: "cover" | "contain" | "fill" | "none" | "scale-down";
+    zoomScale: number;
+    overlayOpacity: number;
+    overlayMode: "always" | "hover";
+    muted: boolean;
+    controls: 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;
+    };
+};