vue-sxo 0.0.0

package/README.md

@@ -0,0 +1,52 @@
+# vue-sxo
+
+SXO 设计系统的 Vue 3 适配器。
+
+## 安装
+
+```bash
+pnpm add vue-sxo @sxo/ui @sxo/engine @sxo/design
+```
+
+## 快速开始
+
+### 1. 注册插件
+
+在 `main.ts` 中引入并使用 `createSxo` 插件：
+
+```typescript
+import { createApp } from 'vue';
+import { createSxo } from 'vue-sxo';
+import App from './App.vue';
+
+const app = createApp(App);
+
+// 可以传入自定义 tokens
+app.use(createSxo({
+    mode: 'light'
+}));
+
+app.mount('#app');
+```
+
+### 2. 使用组件
+
+```vue
+<template>
+  <SxoButton variant="primary" @click="handleClick">
+    Click Me
+  </SxoButton>
+</template>
+
+<script setup>
+import { Button as SxoButton } from 'vue-sxo';
+
+const handleClick = () => console.log('Hello SXO!');
+</script>
+```
+
+## 功能
+
+- **Vue 3 原生支持**: 基于 Composition API 构建。
+- **自动样式注入**: 组件渲染时自动通过样式引擎注入所需 CSS。
+- **类型安全**: 完善的 TypeScript 支持。

package/dist/components/Accordion.d.ts

@@ -0,0 +1,58 @@
+import { AccordionOptions } from '../../../../packages/ui/src';
+import { PropType } from 'vue';
+export declare const Accordion: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    allowMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    variant: {
+        type: PropType<AccordionOptions["variant"]>;
+        default: string;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    allowMultiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    variant: {
+        type: PropType<AccordionOptions["variant"]>;
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    variant: "ghost" | "bordered" | "splitted" | undefined;
+    modelValue: string[];
+    allowMultiple: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const AccordionItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+        required: true;
+    };
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+        required: true;
+    };
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/Admin.d.ts

@@ -0,0 +1,246 @@
+import { PropType } from 'vue';
+import { StatCardOptions, KanbanColumn } from '../../../../packages/component-admin/src';
+export declare const StatCard: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    value: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: true;
+    };
+    trend: StringConstructor;
+    trendDirection: {
+        type: PropType<"up" | "down">;
+        default: string;
+    };
+    variant: {
+        type: PropType<StatCardOptions["variant"]>;
+        default: string;
+    };
+    color: {
+        type: PropType<StatCardOptions["color"]>;
+        default: string;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        required: true;
+    };
+    value: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: true;
+    };
+    trend: StringConstructor;
+    trendDirection: {
+        type: PropType<"up" | "down">;
+        default: string;
+    };
+    variant: {
+        type: PropType<StatCardOptions["variant"]>;
+        default: string;
+    };
+    color: {
+        type: PropType<StatCardOptions["color"]>;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    color: "error" | "primary" | "success" | "warning" | "info" | undefined;
+    variant: "bordered" | "solid" | "simple" | undefined;
+    trendDirection: "up" | "down";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const AdminShell: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    logo: {
+        type: StringConstructor;
+        default: string;
+    };
+    menuItems: {
+        type: PropType<{
+            id: string;
+            label: string;
+            icon?: string;
+            active?: boolean;
+        }[]>;
+        default: () => never[];
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    logo: {
+        type: StringConstructor;
+        default: string;
+    };
+    menuItems: {
+        type: PropType<{
+            id: string;
+            label: string;
+            icon?: string;
+            active?: boolean;
+        }[]>;
+        default: () => never[];
+    };
+}>> & Readonly<{}>, {
+    logo: string;
+    menuItems: {
+        id: string;
+        label: string;
+        icon?: string;
+        active?: boolean;
+    }[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const LoginScreen: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    subtitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    variant: {
+        type: PropType<"centered" | "split">;
+        default: string;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "submit"[], "submit", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    subtitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    variant: {
+        type: PropType<"centered" | "split">;
+        default: string;
+    };
+}>> & Readonly<{
+    onSubmit?: ((...args: any[]) => any) | undefined;
+}>, {
+    title: string;
+    variant: "split" | "centered";
+    subtitle: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const Result: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    status: {
+        type: PropType<"success" | "error" | "info" | "warning" | "404" | "500">;
+        default: string;
+    };
+    title: StringConstructor;
+    subtitle: StringConstructor;
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    status: {
+        type: PropType<"success" | "error" | "info" | "warning" | "404" | "500">;
+        default: string;
+    };
+    title: StringConstructor;
+    subtitle: StringConstructor;
+}>> & Readonly<{}>, {
+    status: "error" | "success" | "warning" | "info" | "404" | "500";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const PageHeader: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    title: StringConstructor;
+    subtitle: StringConstructor;
+    breadcrumb: {
+        type: PropType<{
+            label: string;
+            link?: string;
+        }[]>;
+        default: () => never[];
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    title: StringConstructor;
+    subtitle: StringConstructor;
+    breadcrumb: {
+        type: PropType<{
+            label: string;
+            link?: string;
+        }[]>;
+        default: () => never[];
+    };
+}>> & Readonly<{}>, {
+    breadcrumb: {
+        label: string;
+        link?: string;
+    }[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const QueryFilter: import('vue').DefineComponent<{}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("reset" | "search")[], "reset" | "search", import('vue').PublicProps, Readonly<{}> & Readonly<{
+    onReset?: ((...args: any[]) => any) | undefined;
+    onSearch?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const StepForm: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    steps: {
+        type: PropType<{
+            title: string;
+            description?: string;
+        }[]>;
+        required: true;
+    };
+    current: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("submit" | "update:current")[], "submit" | "update:current", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    steps: {
+        type: PropType<{
+            title: string;
+            description?: string;
+        }[]>;
+        required: true;
+    };
+    current: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & Readonly<{
+    onSubmit?: ((...args: any[]) => any) | undefined;
+    "onUpdate:current"?: ((...args: any[]) => any) | undefined;
+}>, {
+    current: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const Kanban: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    columns: {
+        type: PropType<KanbanColumn[]>;
+        required: true;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    columns: {
+        type: PropType<KanbanColumn[]>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const DescriptionList: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    title: StringConstructor;
+    items: {
+        type: PropType<{
+            label: string;
+            content: any;
+        }[]>;
+        required: true;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    title: StringConstructor;
+    items: {
+        type: PropType<{
+            label: string;
+            content: any;
+        }[]>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/Alert.d.ts

@@ -0,0 +1,64 @@
+import { PropType } from 'vue';
+import { AlertOptions } from '../../../../packages/ui/src';
+export declare const Alert: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    type: {
+        type: PropType<AlertOptions["type"]>;
+        default: string;
+    };
+    variant: {
+        type: PropType<AlertOptions["variant"]>;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "close"[], "close", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    type: {
+        type: PropType<AlertOptions["type"]>;
+        default: string;
+    };
+    variant: {
+        type: PropType<AlertOptions["variant"]>;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+    description: {
+        type: StringConstructor;
+        default: string;
+    };
+    closable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    showIcon: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+}>, {
+    type: "error" | "success" | "warning" | "info" | undefined;
+    title: string;
+    variant: "subtle" | "solid" | "outline" | undefined;
+    description: string;
+    closable: boolean;
+    showIcon: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/Avatar.d.ts

@@ -0,0 +1,32 @@
+import { AvatarOptions } from '../../../../packages/ui/src';
+import { PropType } from 'vue';
+export declare const Avatar: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    src: StringConstructor;
+    alt: StringConstructor;
+    fallback: StringConstructor;
+    size: {
+        type: PropType<AvatarOptions["size"]>;
+        default: string;
+    };
+    shape: {
+        type: PropType<AvatarOptions["shape"]>;
+        default: string;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    src: StringConstructor;
+    alt: StringConstructor;
+    fallback: StringConstructor;
+    size: {
+        type: PropType<AvatarOptions["size"]>;
+        default: string;
+    };
+    shape: {
+        type: PropType<AvatarOptions["shape"]>;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    size: "sm" | "md" | "lg" | "xl" | undefined;
+    shape: "circle" | "square" | undefined;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/BackTop.d.ts

@@ -0,0 +1,42 @@
+export declare const BackTop: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    visibilityHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    right: {
+        type: NumberConstructor;
+        default: number;
+    };
+    bottom: {
+        type: NumberConstructor;
+        default: number;
+    };
+    target: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> | null, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    visibilityHeight: {
+        type: NumberConstructor;
+        default: number;
+    };
+    right: {
+        type: NumberConstructor;
+        default: number;
+    };
+    bottom: {
+        type: NumberConstructor;
+        default: number;
+    };
+    target: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    visibilityHeight: number;
+    right: number;
+    bottom: number;
+    target: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/Badge.d.ts

@@ -0,0 +1,17 @@
+import { PropType } from 'vue';
+import { BadgeOptions } from '../../../../packages/ui/src';
+export declare const Badge: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    variant: {
+        type: PropType<BadgeOptions["variant"]>;
+        default: string;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    variant: {
+        type: PropType<BadgeOptions["variant"]>;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    variant: "primary" | "secondary" | "accent" | "neon" | "outline" | undefined;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/Box.d.ts

@@ -0,0 +1,15 @@
+export declare const Box: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    as: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    as: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    as: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/Breadcrumb.d.ts

@@ -0,0 +1,39 @@
+export declare const BreadcrumbItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    href: {
+        type: StringConstructor;
+        default: string;
+    };
+    current: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    href: {
+        type: StringConstructor;
+        default: string;
+    };
+    current: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    href: string;
+    current: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const Breadcrumb: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    separator: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    separator: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    separator: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/Button.d.ts

@@ -0,0 +1,35 @@
+import { ButtonOptions } from '../../../../packages/ui/src';
+import { PropType } from 'vue';
+export declare const Button: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    variant: {
+        type: PropType<ButtonOptions["variant"]>;
+        default: string;
+    };
+    size: {
+        type: PropType<ButtonOptions["size"]>;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    variant: {
+        type: PropType<ButtonOptions["variant"]>;
+        default: string;
+    };
+    size: {
+        type: PropType<ButtonOptions["size"]>;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    variant: "primary" | "secondary" | "accent" | "ghost" | "outline" | undefined;
+    size: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/Calendar.d.ts

@@ -0,0 +1,18 @@
+export declare const Calendar: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: DateConstructor;
+        default: () => Date;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: DateConstructor;
+        default: () => Date;
+    };
+}>> & Readonly<{
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    modelValue: Date;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/Card.d.ts

@@ -0,0 +1,35 @@
+import { CardOptions } from '../../../../packages/ui/src';
+import { PropType } from 'vue';
+export declare const Card: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    variant: {
+        type: PropType<CardOptions["variant"]>;
+        default: string;
+    };
+    padding: {
+        type: PropType<CardOptions["padding"]>;
+        default: string;
+    };
+    interactive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    variant: {
+        type: PropType<CardOptions["variant"]>;
+        default: string;
+    };
+    padding: {
+        type: PropType<CardOptions["padding"]>;
+        default: string;
+    };
+    interactive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    variant: "accent" | "ghost" | "outline" | "elevated" | undefined;
+    padding: "none" | "sm" | "md" | "lg" | "xl" | undefined;
+    interactive: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;