@zhama/a2ui 0.10.4 → 0.11.0

package/dist/index-CLn74O53.d.cts

@@ -1,67 +0,0 @@
-import { j as Theme } from './types-CtrG7MJe.cjs';
-
-/**
- * A2UI Style Utilities
- */
-/**
- * 合并多个 class 映射，后面的会覆盖前面的相同前缀的类
- */
-declare function merge(...classes: Array<Record<string, boolean>>): Record<string, boolean>;
-/**
- * 将类追加到目标对象的所有属性
- */
-declare function appendToAll(target: Record<string, string[]>, exclusions: string[], ...classes: Array<Record<string, boolean>>): Record<string, string[]>;
-/**
- * 将类名映射转换为 className 字符串
- */
-declare function classesToString(classes: Record<string, boolean>): string;
-/**
- * 将样式对象转换为 React CSSProperties
- */
-declare function stylesToCSS(styles: Record<string, string>): React.CSSProperties;
-
-/**
- * A2UI Default Theme
- *
- * 完全匹配 packages/ui 设计系统
- * 基于 shadcn + Tailwind + Radix UI
- */
-
-/**
- * 默认主题配置
- * 现代化、专业的 UI 视觉风格
- */
-declare const defaultTheme: Theme;
-/**
- * 创建自定义主题
- */
-declare function createTheme(customTheme: Partial<Theme>): Theme;
-
-/**
- * A2UI Styles Module
- *
- * 导出：
- * - 主题配置 (defaultTheme, createTheme)
- * - 样式工具函数 (merge, classesToString, etc.)
- *
- * CSS 变量和基础样式：
- * @import '@zhama/a2ui/styles/a2ui.css';
- *
- * 仅变量：
- * @import '@zhama/a2ui/styles/a2ui-variables.css';
- *
- * Tailwind 预设：
- * import a2uiPreset from '@zhama/a2ui/tailwind.preset';
- */
-
-declare const index_appendToAll: typeof appendToAll;
-declare const index_classesToString: typeof classesToString;
-declare const index_createTheme: typeof createTheme;
-declare const index_defaultTheme: typeof defaultTheme;
-declare const index_merge: typeof merge;
-declare const index_stylesToCSS: typeof stylesToCSS;
-declare namespace index {
-  export { index_appendToAll as appendToAll, index_classesToString as classesToString, index_createTheme as createTheme, index_defaultTheme as defaultTheme, index_merge as merge, index_stylesToCSS as stylesToCSS };
-}
-
-export { appendToAll as a, createTheme as b, classesToString as c, defaultTheme as d, index as i, merge as m, stylesToCSS as s };

package/dist/styles/a2ui-variables.css

@@ -1,106 +0,0 @@
-/**
- * A2UI Default CSS Variables
- *
- * 基于 shadcn/ui 的设计系统，提供完整的 CSS 变量定义
- *
- * 使用方式：
- * 1. 直接导入：@import '@zhama/a2ui/styles/a2ui-variables.css';
- * 2. 可选覆盖：在导入后重新定义 :root 中的变量
- */
-
-/* ============ 亮色主题 ============ */
-:root {
-  /* 基础颜色 */
-  --background: 0 0% 100%;
-  --foreground: 222.2 84% 4.9%;
-
-  /* 卡片颜色 */
-  --card: 0 0% 100%;
-  --card-foreground: 222.2 84% 4.9%;
-
-  /* 弹出层颜色 */
-  --popover: 0 0% 100%;
-  --popover-foreground: 222.2 84% 4.9%;
-
-  /* 主色调 - 蓝色系 */
-  --primary: 221.2 83.2% 53.3%;
-  --primary-foreground: 210 40% 98%;
-
-  /* 次要色 */
-  --secondary: 210 40% 96.1%;
-  --secondary-foreground: 222.2 47.4% 11.2%;
-
-  /* 柔和色 - 用于背景 */
-  --muted: 210 40% 96.1%;
-  --muted-foreground: 215.4 16.3% 46.9%;
-
-  /* 强调色 */
-  --accent: 210 40% 96.1%;
-  --accent-foreground: 222.2 47.4% 11.2%;
-
-  /* 危险色 - 红色系 */
-  --destructive: 0 84.2% 60.2%;
-  --destructive-foreground: 210 40% 98%;
-
-  /* 边框和输入框 */
-  --border: 214.3 31.8% 91.4%;
-  --input: 214.3 31.8% 91.4%;
-  --ring: 221.2 83.2% 53.3%;
-
-  /* 圆角 */
-  --radius: 0.5rem;
-
-  /* 字体 */
-  --font-sans:
-    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
-    'Helvetica Neue', sans-serif;
-  --font-mono:
-    'Fira Code', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New',
-    monospace;
-}
-
-/* ============ 深色主题 ============ */
-.dark {
-  --background: 222.2 84% 4.9%;
-  --foreground: 210 40% 98%;
-
-  --card: 222.2 84% 4.9%;
-  --card-foreground: 210 40% 98%;
-
-  --popover: 222.2 84% 4.9%;
-  --popover-foreground: 210 40% 98%;
-
-  --primary: 217.2 91.2% 59.8%;
-  --primary-foreground: 222.2 47.4% 11.2%;
-
-  --secondary: 217.2 32.6% 17.5%;
-  --secondary-foreground: 210 40% 98%;
-
-  --muted: 217.2 32.6% 17.5%;
-  --muted-foreground: 215 20.2% 65.1%;
-
-  --accent: 217.2 32.6% 17.5%;
-  --accent-foreground: 210 40% 98%;
-
-  --destructive: 0 62.8% 30.6%;
-  --destructive-foreground: 210 40% 98%;
-
-  --border: 217.2 32.6% 17.5%;
-  --input: 217.2 32.6% 17.5%;
-  --ring: 224.3 76.3% 48%;
-}
-
-/*
- * ============ 注意 ============
- *
- * 此文件只包含 CSS 变量定义，不包含全局样式。
- * 全局样式（如 html/body 高度、字体、滚动条等）应由使用方自行定义。
- *
- * 使用方可参考以下样式添加到自己的 globals.css：
- *
- * html, body, #root { height: 100%; width: 100%; }
- * body {
- *   background-color: hsl(var(--background));
- *   color: hsl(var(--foreground));
- * }
- */

package/dist/styles/a2ui.css

@@ -1,143 +0,0 @@
-/**
- * A2UI Unified CSS
- *
- * 包含：
- * 1. 完整的 CSS 变量定义 (Design Tokens)
- * 2. 基础元素样式重置 (Base/Reset)
- * 3. A2UI 核心布局类 (.a2ui-root)
- */
-
-@import './a2ui-variables.css';
-
-/* ============ 核心容器样式 ============ */
-.a2ui-root {
-  /* 基础文字样式 */
-  font-family: var(--font-sans);
-  background-color: hsl(var(--background));
-  background-image:
-    radial-gradient(at 0% 0%, hsla(var(--primary), 0.08) 0px, transparent 50%),
-    radial-gradient(at 100% 0%, hsla(var(--accent), 0.05) 0px, transparent 50%),
-    radial-gradient(
-      at 50% 100%,
-      hsla(var(--primary), 0.03) 0px,
-      transparent 50%
-    );
-  color: hsl(var(--foreground));
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-
-  /* 容器布局 */
-  width: 100%;
-  height: 100%;
-  overflow: auto;
-  box-sizing: border-box;
-  padding-top: 2rem;
-}
-
-/* ============ 列表微调 ============ */
-.a2ui-list {
-  max-width: 900px;
-  margin-left: auto;
-  margin-right: auto;
-}
-
-/* ============ 装饰性背景 ============ */
-.a2ui-bg-dot {
-  background-image: radial-gradient(
-    hsl(var(--foreground) / 0.1) 1px,
-    transparent 1px
-  );
-  background-size: 20px 20px;
-}
-
-.a2ui-bg-grid {
-  background-image:
-    linear-gradient(hsl(var(--foreground) / 0.05) 1px, transparent 1px),
-    linear-gradient(90deg, hsl(var(--foreground) / 0.05) 1px, transparent 1px);
-  background-size: 20px 20px;
-}
-
-/* ============ 玻璃拟态 ============ */
-.a2ui-glass {
-  background: hsla(var(--background), 0.8);
-  backdrop-filter: blur(8px);
-  -webkit-backdrop-filter: blur(8px);
-  border: 1px solid hsla(var(--border), 0.5);
-}
-
-/* ============ 卡片装饰 ============ */
-.a2ui-card-gradient {
-  background: linear-gradient(
-    135deg,
-    hsl(var(--card)),
-    hsl(var(--muted) / 0.3)
-  );
-}
-
-/* ============ 渐变文字 ============ */
-.a2ui-text-gradient {
-  background: linear-gradient(
-    to bottom right,
-    hsl(var(--foreground)),
-    hsl(var(--primary))
-  );
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  background-clip: text;
-}
-
-/* 确保内部所有元素使用 border-box */
-.a2ui-root *,
-.a2ui-root *::before,
-.a2ui-root *::after {
-  box-sizing: border-box;
-}
-
-/* ============ 基础元素 Reset (仅在 .a2ui-root 内生效) ============ */
-.a2ui-root h1,
-.a2ui-root h2,
-.a2ui-root h3,
-.a2ui-root h4,
-.a2ui-root h5,
-.a2ui-root h6 {
-  margin: 0;
-  font-weight: 600;
-  line-height: 1.25;
-}
-
-.a2ui-root p {
-  margin: 0;
-}
-
-.a2ui-root ul,
-.a2ui-root ol {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-
-/* ============ 滚动条样式 ============ */
-.a2ui-root::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
-}
-
-.a2ui-root::-webkit-scrollbar-track {
-  background: transparent;
-}
-
-.a2ui-root::-webkit-scrollbar-thumb {
-  background: hsl(var(--muted-foreground) / 0.3);
-  border-radius: 3px;
-}
-
-.a2ui-root::-webkit-scrollbar-thumb:hover {
-  background: hsl(var(--muted-foreground) / 0.5);
-}
-
-/* ============ 辅助类 ============ */
-.a2ui-full-screen {
-  position: fixed;
-  inset: 0;
-  z-index: 50;
-}

package/tailwind.preset.js

@@ -1,326 +0,0 @@
-/**
- * A2UI Tailwind CSS Preset
- *
- * 提供 A2UI 组件所需的完整 Tailwind 配置
- *
- * 使用方式：
- * // tailwind.config.js
- * import a2uiPreset from '@zhama/a2ui/tailwind.preset'
- *
- * export default {
- *   presets: [a2uiPreset],
- *   content: [
- *     './src/**\/*.{js,ts,jsx,tsx}',
- *     './node_modules/@zhama/a2ui/**\/*.{js,ts,jsx,tsx}',
- *   ],
- * }
- */
-
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-  darkMode: ['class'],
-  theme: {
-    container: {
-      center: true,
-      padding: '2rem',
-      screens: {
-        '2xl': '1400px',
-      },
-    },
-    extend: {
-      // shadcn 颜色系统 - 基于 CSS 变量
-      colors: {
-        border: 'hsl(var(--border))',
-        input: 'hsl(var(--input))',
-        ring: 'hsl(var(--ring))',
-        background: 'hsl(var(--background))',
-        foreground: 'hsl(var(--foreground))',
-        primary: {
-          DEFAULT: 'hsl(var(--primary))',
-          foreground: 'hsl(var(--primary-foreground))',
-        },
-        secondary: {
-          DEFAULT: 'hsl(var(--secondary))',
-          foreground: 'hsl(var(--secondary-foreground))',
-        },
-        destructive: {
-          DEFAULT: 'hsl(var(--destructive))',
-          foreground: 'hsl(var(--destructive-foreground))',
-        },
-        muted: {
-          DEFAULT: 'hsl(var(--muted))',
-          foreground: 'hsl(var(--muted-foreground))',
-        },
-        accent: {
-          DEFAULT: 'hsl(var(--accent))',
-          foreground: 'hsl(var(--accent-foreground))',
-        },
-        popover: {
-          DEFAULT: 'hsl(var(--popover))',
-          foreground: 'hsl(var(--popover-foreground))',
-        },
-        card: {
-          DEFAULT: 'hsl(var(--card))',
-          foreground: 'hsl(var(--card-foreground))',
-        },
-      },
-      borderRadius: {
-        lg: 'var(--radius)',
-        md: 'calc(var(--radius) - 2px)',
-        sm: 'calc(var(--radius) - 4px)',
-      },
-      fontFamily: {
-        sans: [
-          'var(--font-sans)',
-          'Inter',
-          '-apple-system',
-          'BlinkMacSystemFont',
-          'Segoe UI',
-          'Roboto',
-          'sans-serif',
-        ],
-        mono: ['var(--font-mono)', 'Fira Code', 'Monaco', 'Consolas', 'monospace'],
-      },
-      keyframes: {
-        'accordion-down': {
-          from: { height: '0' },
-          to: { height: 'var(--radix-accordion-content-height)' },
-        },
-        'accordion-up': {
-          from: { height: 'var(--radix-accordion-content-height)' },
-          to: { height: '0' },
-        },
-        fadeIn: {
-          '0%': { opacity: '0' },
-          '100%': { opacity: '1' },
-        },
-        slideUp: {
-          '0%': { opacity: '0', transform: 'translateY(10px)' },
-          '100%': { opacity: '1', transform: 'translateY(0)' },
-        },
-      },
-      animation: {
-        'accordion-down': 'accordion-down 0.2s ease-out',
-        'accordion-up': 'accordion-up 0.2s ease-out',
-        'fade-in': 'fadeIn 0.3s ease-out',
-        'slide-up': 'slideUp 0.3s ease-out',
-      },
-    },
-  },
-
-  // 安全列表：强制生成 A2UI 主题中使用的所有样式类
-  safelist: [
-    // ============ 布局 ============
-    'flex',
-    'inline-flex',
-    'grid',
-    'block',
-    'hidden',
-    'items-center',
-    'items-start',
-    'items-end',
-    'items-stretch',
-    'justify-center',
-    'justify-between',
-    'justify-start',
-    'justify-end',
-    'justify-around',
-    'justify-evenly',
-    'flex-col',
-    'flex-row',
-    'flex-wrap',
-    'space-y-1',
-    'space-y-2',
-    'space-y-3',
-    'space-y-4',
-    'space-x-1',
-    'space-x-2',
-    'space-x-3',
-    'space-x-4',
-    'gap-1',
-    'gap-1.5',
-    'gap-2',
-    'gap-3',
-    'gap-4',
-    'gap-6',
-    'w-full',
-    'w-4',
-    'w-5',
-    'w-6',
-    'w-10',
-    'w-24',
-    'w-48',
-    'h-10',
-    'h-4',
-    'h-5',
-    'h-6',
-    'h-auto',
-    'h-32',
-    'max-w-full',
-    'max-w-lg',
-    'max-h-96',
-    'relative',
-    'absolute',
-    'fixed',
-    'inset-0',
-    'group',
-
-    // ============ 响应式网格 ============
-    'grid-cols-1',
-    'md:grid-cols-2',
-    'lg:grid-cols-3',
-
-    // ============ 边框 ============
-    'border',
-    'border-0',
-    'border-2',
-    'border-t',
-    'border-b',
-    'border-l-4',
-    'border-border',
-    'border-input',
-    'border-primary',
-    'rounded-sm',
-    'rounded-md',
-    'rounded-lg',
-    'rounded-xl',
-    'rounded-full',
-    'rounded-t-md',
-
-    // ============ 背景颜色 ============
-    'bg-card',
-    'bg-background',
-    'bg-primary',
-    'bg-muted',
-    'bg-secondary',
-    'bg-accent',
-    'bg-black/50',
-    'bg-transparent',
-
-    // ============ 文字颜色 ============
-    'text-card-foreground',
-    'text-foreground',
-    'text-primary-foreground',
-    'text-muted-foreground',
-    'text-primary',
-    'text-secondary-foreground',
-    'text-destructive-foreground',
-    'text-accent-foreground',
-    'text-primary-foreground/70',
-    'text-white',
-
-    // ============ 文字大小和样式 ============
-    'text-xs',
-    'text-sm',
-    'text-base',
-    'text-lg',
-    'text-xl',
-    'text-2xl',
-    'font-medium',
-    'font-semibold',
-    'font-bold',
-    'font-mono',
-    'tracking-tight',
-    'leading-none',
-    'leading-tight',
-    'leading-snug',
-    'leading-normal',
-    'leading-relaxed',
-    'whitespace-nowrap',
-    'italic',
-
-    // ============ 间距 ============
-    'p-1',
-    'p-2',
-    'p-3',
-    'p-4',
-    'p-5',
-    'p-6',
-    'p-8',
-    'px-1',
-    'px-1.5',
-    'px-2',
-    'px-3',
-    'px-4',
-    'px-5',
-    'px-6',
-    'py-0.5',
-    'py-1',
-    'py-2',
-    'py-2.5',
-    'py-3',
-    'py-4',
-    'mx-4',
-    'my-4',
-    'mb-2',
-    'mb-3',
-    'mb-4',
-    'mt-2',
-    'pl-4',
-    '-mb-px',
-
-    // ============ 阴影 ============
-    'shadow-sm',
-    'shadow-md',
-    'shadow-lg',
-    'shadow-xl',
-
-    // ============ 过渡和动画 ============
-    'transition-all',
-    'transition-colors',
-    'transition-shadow',
-    'transition-transform',
-    'duration-150',
-    'duration-200',
-    'duration-300',
-    'backdrop-blur-sm',
-
-    // ============ 悬停效果 ============
-    'hover:bg-primary/90',
-    'hover:bg-muted/80',
-    'hover:bg-secondary/80',
-    'hover:shadow-md',
-    'hover:shadow-lg',
-    'hover:shadow-xl',
-    'hover:-translate-y-0.5',
-    'hover:underline',
-    'hover:border-primary',
-    'hover:scale-105',
-
-    // ============ 焦点效果 ============
-    'focus-visible:outline-none',
-    'focus-visible:ring-2',
-    'focus-visible:ring-ring',
-    'focus-visible:ring-offset-2',
-    'ring-offset-background',
-
-    // ============ 激活/禁用状态 ============
-    'active:scale-95',
-    'active:scale-[0.98]',
-    'disabled:pointer-events-none',
-    'disabled:opacity-50',
-    'disabled:cursor-not-allowed',
-    'cursor-pointer',
-    'cursor-default',
-    'cursor-wait',
-
-    // ============ 占位符 ============
-    'placeholder:text-muted-foreground',
-
-    // ============ 列表和文本 ============
-    'list-disc',
-    'list-decimal',
-    'list-inside',
-    'overflow-x-auto',
-    'overflow-hidden',
-    'underline-offset-4',
-
-    // ============ 定位 ============
-    'z-50',
-
-    // ============ 图片 ============
-    'object-cover',
-  ],
-
-  plugins: [],
-};