@vtable-guild/vtable-guild 2.0.4 → 2.0.6

package/css/index.css

@@ -0,0 +1,97 @@
+/* @vtable-guild/theme/css — 默认入口 */
+
+/*
+ * 引入顺序：
+ * 1. tokens.css — 注册 Tailwind 主题色（@theme），不含值定义
+ * 2. presets/*.css — 所有主题预设（antdv 为默认回退，其余通过 data-vtg-preset 属性激活）
+ *
+ * 使用方只需 `@import '@vtable-guild/theme/css'`，
+ * 然后在 JS 侧通过 createVTableGuild({ themePreset: 'element-plus' }) 切换预设。
+ * 新增主题只需在此添加一行 @import 即可。
+ */
+@import './tokens.css';
+@import './presets/antdv.css';
+@import './presets/element-plus.css';
+@import './transitions.css';
+
+/* Hide native scrollbar — used by Scrollbar component */
+.scrollbar-none {
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+
+.scrollbar-none::-webkit-scrollbar {
+  display: none;
+}
+
+/* ---- antdv Spin Dot indicator ---- */
+@keyframes vtg-spin-rotate {
+  to {
+    transform: rotate(405deg);
+  }
+}
+
+@keyframes vtg-spin-move {
+  to {
+    opacity: 1;
+  }
+}
+
+.vtg-spin-dot {
+  position: relative;
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  transform: rotate(45deg);
+  animation: vtg-spin-rotate 1.2s infinite linear;
+}
+
+.vtg-spin-dot-item {
+  position: absolute;
+  display: block;
+  width: 9px;
+  height: 9px;
+  background-color: currentcolor;
+  border-radius: 100%;
+  transform: scale(0.75);
+  transform-origin: 50% 50%;
+  opacity: 0.3;
+  animation: vtg-spin-move 1s infinite linear alternate;
+}
+
+.vtg-spin-dot-item:nth-child(1) {
+  top: 0;
+  left: 0;
+}
+
+.vtg-spin-dot-item:nth-child(2) {
+  top: 0;
+  right: 0;
+  animation-delay: 0.4s;
+}
+
+.vtg-spin-dot-item:nth-child(3) {
+  right: 0;
+  bottom: 0;
+  animation-delay: 0.8s;
+}
+
+.vtg-spin-dot-item:nth-child(4) {
+  bottom: 0;
+  left: 0;
+  animation-delay: 1.2s;
+}
+
+/* Tooltip transition */
+.vtg-tooltip-enter-active,
+.vtg-tooltip-leave-active {
+  transition:
+    opacity 0.15s ease,
+    transform 0.15s ease;
+}
+
+.vtg-tooltip-enter-from,
+.vtg-tooltip-leave-to {
+  opacity: 0;
+  transform: scale(0.8);
+}

package/css/presets/antdv.css

@@ -0,0 +1,179 @@
+/* @vtable-guild/theme/css/presets — Ant Design Vue 预设 */
+
+/*
+ * antdv preset 自包含：
+ * 1. 语义 token — antdv 设计体系的精确值
+ * 2. 组件 token — 100% 引用语义 token，无硬编码颜色
+ * 3. .dark — 只覆盖语义 token，组件 token 自动跟随
+ */
+
+:where(:root),
+[data-vtg-preset='antdv'] {
+  /* ===== 语义 token — antdv 设计体系值 ===== */
+
+  /* 排版 */
+  --font-family-base:
+    -apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial',
+    'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
+    'Noto Color Emoji';
+
+  /* 表面/背景 */
+  --color-surface: #ffffff;
+  --color-surface-hover: #fafafa;
+  --color-elevated: #f5f5f5;
+
+  /* 文本 */
+  --color-on-surface: rgb(0 0 0 / 88%);
+  --color-muted: rgb(0 0 0 / 45%);
+
+  /* 边框 */
+  --color-default: #f0f0f0;
+  --color-border: #d9d9d9;
+
+  /* 主题色 */
+  --color-primary: #1677ff;
+  --color-primary-hover: #4096ff;
+  --color-primary-active: #0958d9;
+
+  /* ===== 组件 token — 100% 引用语义 token ===== */
+  --vtg-table-font-family: var(--font-family-base);
+  --vtg-table-bg: var(--color-surface);
+  --vtg-table-header-bg: var(--color-surface-hover);
+  --vtg-table-header-color: var(--color-on-surface);
+  --vtg-table-text-color: var(--color-on-surface);
+  --vtg-table-border-color: var(--color-default);
+  --vtg-table-row-hover-bg: var(--color-surface-hover);
+  --vtg-table-row-selected-bg: #e6f4ff;
+  --vtg-table-row-selected-hover-bg: #bae0ff;
+  --vtg-table-loading-overlay-bg: rgb(255 255 255 / 40%);
+  --vtg-table-empty-margin-block: 32px;
+  --vtg-table-empty-image-height: 40px;
+  --vtg-table-empty-image-margin-bottom: 8px;
+  --vtg-table-empty-image-opacity: 1;
+  --vtg-table-empty-border-color: #d9d9d9;
+  --vtg-table-empty-shadow-color: #f0f0f0;
+  --vtg-table-empty-content-color: #f5f5f5;
+
+  /* 尺寸类 token（亮暗一致，不映射语义 token） */
+  --vtg-table-font-size: 14px;
+  --vtg-table-line-height: 1.5715;
+
+  /* 三档 size 对应 antdv 的 large/middle/small */
+  --vtg-table-cell-padding-inline-lg: 16px;
+  --vtg-table-cell-padding-block-lg: 16px;
+  --vtg-table-cell-padding-inline-md: 8px;
+  --vtg-table-cell-padding-block-md: 12px;
+  --vtg-table-cell-padding-inline-sm: 8px;
+  --vtg-table-cell-padding-block-sm: 8px;
+
+  /* 排序 hover 背景 */
+  --vtg-table-header-sort-hover-bg: rgb(0 0 0 / 4%);
+
+  /* 排序图标不活跃色 */
+  --color-sorter-icon: rgb(0 0 0 / 29%);
+
+  /* 筛选图标不活跃色（antdv 中与排序同色） */
+  --color-filter-icon: var(--color-sorter-icon);
+
+  /* 表头 cell 间分割线 */
+  --vtg-table-header-split-color: rgb(0 0 0 / 6%);
+
+  /* 禁用态文字色 */
+  --color-text-disabled: rgb(0 0 0 / 25%);
+
+  /* 禁用态背景 */
+  --color-bg-disabled: rgb(0 0 0 / 4%);
+
+  /* placeholder 色 */
+  --color-text-placeholder: rgb(0 0 0 / 25%);
+
+  /* 筛选下拉选项 hover 背景 */
+  --color-control-item-hover-bg: rgb(0 0 0 / 4%);
+
+  /* 筛选下拉选项选中态背景 */
+  --color-control-item-active-bg: #e6f4ff;
+  --color-control-item-active-hover-bg: #bae0ff;
+
+  /* ===== 基础组件 token — Button / Checkbox / Tooltip ===== */
+  --vtg-btn-border-radius: 6px;
+  --vtg-btn-border-radius-sm: 4px;
+  --vtg-btn-height-sm: 24px;
+  --vtg-btn-height-md: 32px;
+  --vtg-btn-padding-sm: 7px;
+  --vtg-btn-padding-md: 15px;
+  --vtg-checkbox-size: 16px;
+  --vtg-checkbox-border-radius: 4px;
+  --vtg-checkbox-check-color: #ffffff;
+  --vtg-checkbox-indeterminate-color: var(--color-primary);
+  --vtg-radio-size: 16px;
+  --vtg-radio-dot-size: 8px;
+  --vtg-radio-border-width: 1px;
+  --vtg-tooltip-bg: rgb(0 0 0 / 85%);
+  --vtg-tooltip-arrow-outer-color: rgb(0 0 0 / 85%);
+  --vtg-tooltip-border-radius: 6px;
+  --vtg-tooltip-padding: 6px 8px;
+  --vtg-tooltip-font-size: 14px;
+
+  /* Input */
+  --vtg-input-border-radius: 6px;
+  --vtg-input-height: 24px;
+  --vtg-input-padding-inline: 7px;
+  --vtg-input-font-size: 14px;
+
+  /* Scrollbar */
+  --vtg-scrollbar-thumb-bg: rgb(0 0 0 / 15%);
+  --vtg-scrollbar-thumb-hover-bg: rgb(0 0 0 / 25%);
+  --vtg-scrollbar-thumb-width: 6px;
+  --vtg-scrollbar-thumb-radius: 3px;
+}
+
+:where(.dark),
+.dark [data-vtg-preset='antdv'],
+[data-vtg-preset='antdv'].dark {
+  /* ===== 语义 token 暗色值 — 只改语义 token，组件 token 自动跟随 ===== */
+  --color-surface: #141414;
+  --color-surface-hover: #1d1d1d;
+  --color-elevated: #262626;
+  --color-on-surface: rgb(255 255 255 / 85%);
+  --color-muted: rgb(255 255 255 / 45%);
+  --color-default: #303030;
+  --color-border: #424242;
+  --color-primary: #1668dc;
+  --color-primary-hover: #15417e;
+  --color-primary-active: #1554ad;
+
+  /* 排序 hover 背景 */
+  --vtg-table-header-sort-hover-bg: rgb(255 255 255 / 4%);
+
+  /* 排序图标不活跃色 */
+  --color-sorter-icon: rgb(255 255 255 / 29%);
+
+  /* 筛选图标不活跃色 */
+  --color-filter-icon: var(--color-sorter-icon);
+
+  /* 表头 cell 间分割线 */
+  --vtg-table-header-split-color: rgb(255 255 255 / 6%);
+
+  /* 禁用态文字色 */
+  --color-text-disabled: rgb(255 255 255 / 25%);
+
+  /* 禁用态背景 */
+  --color-bg-disabled: rgb(255 255 255 / 8%);
+
+  /* placeholder 色 */
+  --color-text-placeholder: rgb(255 255 255 / 25%);
+
+  /* 筛选下拉选项 hover 背景 */
+  --color-control-item-hover-bg: rgb(255 255 255 / 8%);
+
+  /* 筛选下拉选项选中态背景 */
+  --color-control-item-active-bg: #111a2c;
+  --color-control-item-active-hover-bg: #112545;
+  --vtg-table-row-selected-bg: #111a2c;
+  --vtg-table-row-selected-hover-bg: #112545;
+  --vtg-table-loading-overlay-bg: rgb(20 20 20 / 40%);
+  --vtg-table-empty-image-opacity: 0.65;
+  --vtg-table-empty-border-color: #434343;
+  --vtg-table-empty-shadow-color: #303030;
+  --vtg-table-empty-content-color: #262626;
+}

package/css/presets/element-plus.css

@@ -0,0 +1,191 @@
+/* @vtable-guild/theme/css/presets — Element Plus 预设 */
+
+/*
+ * element-plus preset 自包含：
+ * 1. 语义 token — element-plus 设计体系的精确值
+ * 2. 组件 token — 100% 引用语义 token，无硬编码颜色
+ * 3. .dark — 只覆盖语义 token，组件 token 自动跟随
+ *
+ * 注意：不使用 :where(:root) 兜底选择器，
+ * 仅通过 [data-vtg-preset='element-plus'] 属性激活。
+ * antdv 是唯一的默认回退预设。
+ */
+
+[data-vtg-preset='element-plus'] {
+  /* ===== 语义 token — element-plus 设计体系值 ===== */
+
+  /* 排版 */
+  --font-family-base:
+    'Helvetica Neue', helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑',
+    arial, sans-serif;
+
+  /* 表面/背景 */
+  --color-surface: #ffffff;
+  --color-surface-hover: #f5f7fa;
+  --color-elevated: #f5f7fa;
+
+  /* 文本 */
+  --color-on-surface: #303133;
+  --color-text-regular: #606266;
+  --color-muted: #909399;
+
+  /* 边框 */
+  --color-default: #ebeef5;
+  --color-border: #dcdfe6;
+  --color-border-hover: #c0c4cc;
+
+  /* 主题色 */
+  --color-primary: #409eff;
+  --color-primary-hover: #66b1ff;
+  --color-primary-active: #337ecc;
+  --color-primary-light-3: #79bbff;
+  --color-primary-light-7: #c6e2ff;
+  --color-primary-light-9: #ecf5ff;
+
+  /* ===== 组件 token — 100% 引用语义 token ===== */
+  --vtg-table-font-family: var(--font-family-base);
+  --vtg-table-bg: var(--color-surface);
+  --vtg-table-header-bg: var(--color-surface);
+  --vtg-table-header-color: var(--color-muted);
+  --vtg-table-text-color: var(--color-text-regular);
+  --vtg-table-border-color: var(--color-default);
+  --vtg-table-row-hover-bg: var(--color-surface-hover);
+  --vtg-table-row-selected-bg: #ecf5ff;
+  --vtg-table-row-selected-hover-bg: #d9ecff;
+
+  /* 尺寸类 token */
+  --vtg-table-font-size: 14px;
+  --vtg-table-line-height: 23px;
+
+  /* 三档 size 对应 element-plus 的 large/default/small */
+  --vtg-table-cell-padding-inline-lg: 12px;
+  --vtg-table-cell-padding-block-lg: 12px;
+  --vtg-table-cell-padding-inline-md: 12px;
+  --vtg-table-cell-padding-block-md: 8px;
+  --vtg-table-cell-padding-inline-sm: 12px;
+  --vtg-table-cell-padding-block-sm: 4px;
+
+  /* 排序 hover 背景 */
+  --vtg-table-header-sort-hover-bg: var(--color-surface-hover);
+
+  /* 排序图标不活跃色（--el-text-color-placeholder） */
+  --color-sorter-icon: #a8abb2;
+
+  /* 筛选图标不活跃色（--el-color-info） */
+  --color-filter-icon: #909399;
+
+  /* 表头 cell 间分割线 — element-plus 无分割线 */
+  --vtg-table-header-split-color: transparent;
+
+  /* 禁用态文字色 */
+  --color-text-disabled: #c0c4cc;
+
+  /* 禁用态背景 */
+  --color-bg-disabled: #f5f7fa;
+
+  /* placeholder 色 */
+  --color-text-placeholder: #a8abb2;
+
+  /* 筛选下拉选项 hover 背景 */
+  --color-control-item-hover-bg: #f5f7fa;
+
+  /* 筛选下拉选项选中态背景 — element-plus 用文字高亮而非背景 */
+  --color-control-item-active-bg: #ecf5ff;
+  --color-control-item-active-hover-bg: #f5f7fa;
+
+  /* ===== 基础组件 token — Button / Checkbox / Tooltip ===== */
+  --vtg-btn-border-radius: 4px;
+  --vtg-btn-border-radius-sm: 3px;
+  --vtg-btn-height-sm: 24px;
+  --vtg-btn-height-md: 32px;
+  --vtg-btn-padding-sm: 7px;
+  --vtg-btn-padding-md: 15px;
+  --vtg-checkbox-size: 14px;
+  --vtg-checkbox-border-radius: 2px;
+  --vtg-checkbox-check-color: #ffffff;
+  --vtg-checkbox-indeterminate-color: #ffffff;
+  --vtg-radio-size: 14px;
+  --vtg-radio-dot-size: 6px;
+  --vtg-radio-border-width: 1px;
+  --vtg-tooltip-bg: #303133;
+  --vtg-tooltip-arrow-outer-color: #414243;
+  --vtg-tooltip-border-radius: 4px;
+  --vtg-tooltip-padding: 5px 11px;
+  --vtg-tooltip-font-size: 12px;
+  --vtg-tooltip-shadow: 0 0 12px rgb(0 0 0 / 12%);
+
+  /* Input */
+  --vtg-input-border-radius: 4px;
+  --vtg-input-height: 24px;
+  --vtg-input-padding-inline: 8px;
+  --vtg-input-font-size: 12px;
+
+  /* Loading overlay */
+  --vtg-table-loading-overlay-bg: rgb(255 255 255 / 90%);
+
+  /* Striped 行背景（区别于 hover） */
+  --vtg-table-row-striped-bg: #fafafa;
+
+  /* Scrollbar */
+  --vtg-scrollbar-thumb-bg: rgb(144 147 153 / 30%);
+  --vtg-scrollbar-thumb-hover-bg: rgb(144 147 153 / 50%);
+  --vtg-scrollbar-thumb-width: 6px;
+  --vtg-scrollbar-thumb-radius: 4px;
+}
+
+.dark [data-vtg-preset='element-plus'],
+[data-vtg-preset='element-plus'].dark {
+  /* ===== 语义 token 暗色值 ===== */
+  --color-surface: #141414;
+  --color-surface-hover: #1a1a1a;
+  --color-elevated: #262626;
+  --color-on-surface: #e5eaf3;
+  --color-text-regular: #cfd3dc;
+  --color-muted: #a3a6ad;
+  --color-default: #363637;
+  --color-border: #4c4d4f;
+  --color-border-hover: #636466;
+  --color-primary: #409eff;
+  --color-primary-hover: #66b1ff;
+  --color-primary-active: #337ecc;
+  --color-primary-light-3: #3375b9;
+  --color-primary-light-7: #1d3043;
+  --color-primary-light-9: #18222c;
+
+  /* 排序 hover 背景 */
+  --vtg-table-header-sort-hover-bg: rgb(255 255 255 / 4%);
+
+  /* 排序图标不活跃色 */
+  --color-sorter-icon: #636466;
+
+  /* 筛选图标不活跃色 */
+  --color-filter-icon: #a3a6ad;
+
+  /* 禁用态文字色 */
+  --color-text-disabled: #636466;
+
+  /* 禁用态背景 */
+  --color-bg-disabled: rgb(255 255 255 / 4%);
+
+  /* placeholder 色 */
+  --color-text-placeholder: #636466;
+
+  /* 筛选下拉选项 hover 背景 */
+  --color-control-item-hover-bg: rgb(255 255 255 / 6%);
+
+  /* 筛选下拉选项选中态 */
+  --color-control-item-active-bg: rgb(64 158 255 / 14%);
+  --color-control-item-active-hover-bg: rgb(255 255 255 / 6%);
+
+  /* tooltip */
+  --vtg-tooltip-bg: #303133;
+  --vtg-tooltip-arrow-outer-color: #4c4d4f;
+  --vtg-table-row-selected-bg: #18222c;
+  --vtg-table-row-selected-hover-bg: #1d3043;
+
+  /* Loading overlay */
+  --vtg-table-loading-overlay-bg: rgb(20 20 20 / 90%);
+
+  /* Striped 行背景 */
+  --vtg-table-row-striped-bg: #1d1d1d;
+}

package/css/tokens.css

@@ -0,0 +1,34 @@
+@source '../dist/index.d.ts';
+@source '../dist/index.mjs';
+@source '../src';
+@source '../../table/src';
+
+
+/* @vtable-guild/theme/css — tokens.css */
+
+/*
+ * 仅负责 Tailwind CSS 4 主题注册。
+ *
+ * ⚠️ 不在此文件定义任何 CSS 变量值！
+ * 所有值由 preset CSS 提供（如 presets/antdv.css）。
+ *
+ * 职责：
+ * 1. @source — 扫描 dist 目录中的 class 名
+ * 2. @theme — 将语义 token 注册为 Tailwind 主题色
+ *    使得 bg-surface、text-on-surface 等 utility class 可用
+ */
+
+@theme {
+  --color-surface: var(--color-surface);
+  --color-surface-hover: var(--color-surface-hover);
+  --color-elevated: var(--color-elevated);
+  --color-on-surface: var(--color-on-surface);
+  --color-muted: var(--color-muted);
+  --color-default: var(--color-default);
+  --color-primary: var(--color-primary);
+  --color-primary-hover: var(--color-primary-hover);
+  --color-text-disabled: var(--color-text-disabled);
+  --color-control-item-hover-bg: var(--color-control-item-hover-bg);
+  --color-control-item-active-bg: var(--color-control-item-active-bg);
+  --color-control-item-active-hover-bg: var(--color-control-item-active-hover-bg);
+}

package/css/transitions.css

@@ -0,0 +1,21 @@
+/* ===== 下拉菜单过渡（FilterDropdown / SelectionDropdown） ===== */
+
+.vtg-dropdown-enter-active,
+.vtg-dropdown-leave-active {
+  transition:
+    opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1),
+    transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
+  transform-origin: top center;
+}
+
+.vtg-dropdown-enter-from,
+.vtg-dropdown-leave-to {
+  opacity: 0;
+  transform: scaleY(0.8);
+}
+
+.vtg-dropdown-enter-to,
+.vtg-dropdown-leave-from {
+  opacity: 1;
+  transform: scaleY(1);
+}

package/dist/core/src/components/Button.d.ts

@@ -0,0 +1,127 @@
+import { PropType } from 'vue';
+import { SlotProps } from '../utils/types';
+/**
+ * 默认 Button 主题（antdv 预设）。
+ *
+ * 与 packages/theme/src/presets/antdv/button.ts 保持一致。
+ */
+declare const defaultButtonTheme: {
+    readonly slots: {
+        readonly root: "inline-flex items-center justify-center border font-normal transition-all duration-200 ease-[cubic-bezier(0.645,0.045,0.355,1)] leading-[1.5714] cursor-pointer";
+        readonly inner: "";
+    };
+    readonly variants: {
+        readonly type: {
+            readonly default: {
+                readonly root: "bg-[color:var(--color-surface)] text-[color:var(--color-on-surface)] border-[color:var(--color-border,#d9d9d9)] shadow-[0_2px_0_rgba(0,0,0,0.02)] hover:text-[color:var(--color-primary-hover)] hover:border-[color:var(--color-primary-hover)]";
+            };
+            readonly primary: {
+                readonly root: "bg-[color:var(--color-primary)] text-white border-transparent shadow-[0_2px_0_rgba(5,145,255,0.1)] hover:bg-[color:var(--color-primary-hover)] active:bg-[color:var(--color-primary-active,#0958d9)]";
+            };
+            readonly link: {
+                readonly root: "bg-transparent text-[color:var(--color-primary)] border-transparent shadow-none hover:text-[color:var(--color-primary-hover)] active:text-[color:var(--color-primary-active,#0958d9)]";
+            };
+        };
+        readonly size: {
+            readonly sm: {
+                readonly root: "h-[var(--vtg-btn-height-sm)] px-[var(--vtg-btn-padding-sm)] rounded-[var(--vtg-btn-border-radius-sm,4px)] text-[length:var(--vtg-table-font-size)]";
+            };
+            readonly md: {
+                readonly root: "h-[var(--vtg-btn-height-md)] px-[var(--vtg-btn-padding-md)] rounded-[var(--vtg-btn-border-radius)] text-[length:var(--vtg-table-font-size)]";
+            };
+        };
+        readonly disabled: {
+            readonly true: {
+                readonly root: "cursor-not-allowed";
+            };
+        };
+    };
+    readonly compoundVariants: [{
+        readonly type: "default";
+        readonly disabled: true;
+        readonly class: {
+            readonly root: "bg-[color:var(--color-bg-disabled,rgba(0,0,0,0.04))] text-[color:var(--color-text-disabled)] border-[color:var(--color-border,#d9d9d9)] shadow-none hover:bg-[color:var(--color-bg-disabled,rgba(0,0,0,0.04))] hover:text-[color:var(--color-text-disabled)] hover:border-[color:var(--color-border,#d9d9d9)]";
+        };
+    }, {
+        readonly type: "primary";
+        readonly disabled: true;
+        readonly class: {
+            readonly root: "bg-[color:var(--color-bg-disabled,rgba(0,0,0,0.04))] text-[color:var(--color-text-disabled)] border-[color:var(--color-border,#d9d9d9)] shadow-none hover:bg-[color:var(--color-bg-disabled,rgba(0,0,0,0.04))] hover:text-[color:var(--color-text-disabled)] hover:border-[color:var(--color-border,#d9d9d9)]";
+        };
+    }, {
+        readonly type: "link";
+        readonly disabled: true;
+        readonly class: {
+            readonly root: "text-[color:var(--color-text-disabled)] hover:text-[color:var(--color-text-disabled)]";
+        };
+    }, {
+        readonly type: "link";
+        readonly size: "sm";
+        readonly class: {
+            readonly root: "px-1";
+        };
+    }];
+    readonly defaultVariants: {
+        readonly type: "default";
+        readonly size: "md";
+        readonly disabled: false;
+    };
+};
+type ButtonSlots = keyof typeof defaultButtonTheme.slots;
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    type: {
+        type: PropType<"default" | "primary" | "link">;
+        default: string;
+    };
+    size: {
+        type: PropType<"sm" | "md">;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ui: {
+        type: PropType<SlotProps<{
+            slots: Record<ButtonSlots, string>;
+        }>>;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    type: {
+        type: PropType<"default" | "primary" | "link">;
+        default: string;
+    };
+    size: {
+        type: PropType<"sm" | "md">;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    ui: {
+        type: PropType<SlotProps<{
+            slots: Record<ButtonSlots, string>;
+        }>>;
+        default: undefined;
+    };
+    class: {
+        type: StringConstructor;
+        default: undefined;
+    };
+}>> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    size: "md" | "sm";
+    class: string;
+    type: "link" | "default" | "primary";
+    disabled: boolean;
+    ui: Partial<Record<"root" | "inner", string>>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=Button.d.ts.map

package/dist/core/src/components/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../core/src/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAA;AAEpD,OAAO,KAAK,EAAe,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE5D;;;;GAIG;AACH,QAAA,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkEQ,CAAA;AAEhC,KAAK,WAAW,GAAG,MAAM,OAAO,kBAAkB,CAAC,KAAK,CAAA;;;cAMlC,QAAQ,CAAC,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;;;;cAIxC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC;;;;;;;;cAKrB,QAAQ,CAAC,SAAS,CAAC;YAAE,KAAK,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAAA;SAAE,CAAC,CAAC;;;;;;;;;cAT3D,QAAQ,CAAC,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;;;;cAIxC,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC;;;;;;;;cAKrB,QAAQ,CAAC,SAAS,CAAC;YAAE,KAAK,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAAA;SAAE,CAAC,CAAC;;;;;;;;;;;;;;;;AAbjF,wBAiCE"}