@xyhp915/slack-base-ui 0.0.1

package/README.md

@@ -0,0 +1,368 @@
+# Slack Base UI
+
+> 一个基于 [@base-ui/react](https://base-ui.com/) 的 Slack 风格 UI 组件库和演示项目
+
+## 📖 项目简介
+
+这是一个完整的 UI 组件库项目，使用 Base UI React 无样式组件库作为底层，实现了 Slack 的设计风格。项目包含：
+
+- **可重用的组件库**：Button、Avatar、Badge、Input、IconButton、Tooltip 等
+- **完整的 Slack 克隆演示**：展示如何使用这些组件构建真实应用
+- **响应式设计**：支持亮色/暗色主题切换
+- **现代技术栈**：React 19 + TypeScript + Vite + TailwindCSS
+
+## ✨ 特性
+
+- 🎨 **Slack 设计风格**：完全复刻 Slack 的视觉设计和交互体验
+- 🧩 **无样式组件基础**：使用 Base UI 提供的可访问性和行为，完全自定义样式
+- 🌓 **主题支持**：内置亮色/暗色主题，支持 CSS 变量动态切换
+- ♿️ **无障碍访问**：继承 Base UI 的完整 ARIA 支持
+- 🚀 **开箱即用**：组件即装即用，支持按需引入
+- 📦 **TypeScript**：完整的类型定义和代码提示
+- 🎯 **可扩展**：易于定制和扩展的架构设计
+
+## 🏗️ 项目结构
+
+```
+slack-base-ui/
+├── src/
+│   ├── components/          # 可重用的 UI 组件
+│   │   ├── Button.tsx       # 按钮组件
+│   │   ├── Avatar.tsx       # 头像组件
+│   │   ├── Badge.tsx        # 徽章组件
+│   │   ├── Input.tsx        # 输入框组件
+│   │   ├── IconButton.tsx   # 图标按钮组件
+│   │   └── Tooltip.tsx      # 工具提示组件
+│   ├── pages/               # 页面
+│   │   ├── Dashboard.tsx    # 首页
+│   │   └── ComponentShowcase.tsx  # 组件展示页
+│   ├── examples/            # 示例应用
+│   │   └── slack-clone/     # Slack 克隆完整演示
+│   │       ├── SlackApp.tsx
+│   │       ├── components/  # 消息、编辑器等组件
+│   │       └── layout/      # 侧边栏、布局组件
+│   ├── context/             # React Context
+│   │   └── ThemeContext.tsx # 主题切换上下文
+│   ├── App.tsx              # 根组件和路由
+│   ├── main.tsx             # 入口文件
+│   └── index.css            # 全局样式和 CSS 变量
+├── public/                  # 静态资源
+├── index.html               # HTML 模板
+└── package.json             # 项目配置
+```
+
+## 🚀 快速开始
+
+### 安装依赖
+
+```bash
+npm install
+```
+
+### 启动开发服务器
+
+```bash
+npm run dev
+```
+
+访问 `http://localhost:5173` 查看项目。
+
+### 构建生产版本
+
+```bash
+npm run build
+```
+
+### 预览生产构建
+
+```bash
+npm run preview
+```
+
+## 📦 核心依赖
+
+- **@base-ui/react** ^1.1.0 - 无样式组件库基础
+- **React** ^19.2.0 - UI 框架
+- **react-router-dom** ^7.13.0 - 路由管理
+- **TailwindCSS** ^4.1.17 - CSS 工具类
+- **lucide-react** ^0.563.0 - 图标库
+- **TypeScript** ~5.9.3 - 类型系统
+- **Vite** ^7.2.4 - 构建工具
+
+## 🧩 组件列表
+
+### Button - 按钮
+- 支持 `primary`、`secondary`、`danger`、`ghost` 四种变体
+- 三种尺寸：`sm`、`md`、`lg`
+- 支持禁用状态和全宽模式
+- 基于 Base UI 的 `Button` 组件
+
+### Avatar - 头像
+- 五种尺寸：`xs`、`sm`、`md`、`lg`、`xl`
+- 状态指示器：`online`、`away`、`dnd`、`offline`
+- 支持图片或文字回退
+- 可选圆角或圆形
+
+### Badge - 徽章
+- 数字徽章和圆点徽章
+- `neutral` 和 `danger` 两种风格
+- 用于未读消息计数等场景
+
+### Input - 输入框
+- 支持标签和错误提示
+- 全宽和标准宽度模式
+- 完整的表单控制支持
+
+### IconButton - 图标按钮
+- 紧凑的图标操作按钮
+- 支持激活状态
+- 适用于工具栏
+
+### Dialog - 对话框
+- 基于 Base UI 的 `Dialog` 组件
+- 四种尺寸：`sm`、`md`、`lg`、`xl`
+- 支持标题、描述和自定义内容
+- 带有遮罩层和优雅的进入/退出动画
+- 支持子组件：`DialogBody`、`DialogFooter`、`DialogClose`
+- 完整的键盘导航和焦点管理
+
+### AlertDialog - 警告对话框
+- 基于 Base UI 的 `Dialog` 组件
+- 四种语义化变体：`info`、`success`、`warning`、`danger`
+- 每种变体配有对应的图标和配色
+- 支持异步确认操作（带加载状态）
+- 可自定义确认/取消按钮文本
+- 专注于重要的确认和警告场景
+
+### Form - 表单系统
+- 完整的表单状态管理（values、errors、touched）
+- 内置验证系统
+- 支持多种表单控件：
+  - `FormInput` - 文本输入框
+  - `FormTextarea` - 多行文本框
+  - `FormSelect` - 下拉选择框
+  - `FormCheckbox` - 复选框
+  - `FormField` - 自定义表单字段（render props）
+  - `FormActions` - 表单操作按钮容器
+- 自动错误提示和验证反馈
+- 支持必填字段标记
+
+### Tooltip - 工具提示
+- 基于 Base UI 的 `Tooltip` 组件
+- 支持四个方向：`top`、`bottom`、`left`、`right`
+- 悬停显示上下文信息
+
+### Popover - 浮层
+- 基于 Base UI 的 `Popover` 组件
+- 用于显示临时内容和交互
+- 支持四个方向和对齐方式配置
+- 提供便捷组件：`PopoverHeader`、`PopoverBody`、`PopoverFooter`
+- 支持受控和非受控模式
+- [详细文档](./docs/POPOVER_MENU_CONTEXTMENU.md#popover-组件)
+
+### Menu - 下拉菜单
+- 基于 Base UI 的 `Menu` 组件
+- 支持多种菜单项类型：普通项、复选框、单选组
+- 支持子菜单和菜单分组
+- 带图标和快捷键显示的 `MenuItemWithIcon` 组件
+- 支持危险操作标记（红色高亮）
+- 完整的键盘导航支持
+- [详细文档](./docs/POPOVER_MENU_CONTEXTMENU.md#menu-组件)
+
+### ContextMenu - 右键菜单
+- 基于 Base UI 的 `Menu` 组件（右键触发）
+- API 与 Menu 一致，支持所有菜单项类型
+- 自动右键触发，无需手动处理事件
+- 适用于上下文操作场景
+- [详细文档](./docs/POPOVER_MENU_CONTEXTMENU.md#context-menu-组件)
+
+## 🎨 主题系统
+
+项目使用 CSS 变量实现主题切换，所有颜色都定义在 `src/index.css` 中：
+
+```css
+:root {
+  --slack-aubergine: #3F0E40;
+  --slack-blue: #1164A3;
+  --slack-green: #007a5a;
+  --bg-primary: #ffffff;
+  --text-primary: #1d1c1d;
+  /* ... 更多变量 */
+}
+
+:root.dark {
+  --bg-primary: #1A1D21;
+  --text-primary: #D1D2D3;
+  /* ... 暗色主题变量 */
+}
+```
+
+主题切换通过 `ThemeContext` 管理，在根元素添加/移除 `.dark` 类实现。
+
+## 🎯 使用示例
+
+### 基础按钮
+
+```tsx
+import { Button } from './components/Button';
+
+function MyComponent() {
+  return (
+    <div>
+      <Button variant="primary">Primary Button</Button>
+      <Button variant="secondary">Secondary Button</Button>
+      <Button variant="danger" size="lg">Delete</Button>
+    </div>
+  );
+}
+```
+
+### 带状态的头像
+
+```tsx
+import { Avatar } from './components/Avatar';
+
+function UserList() {
+  return (
+    <div className="flex gap-2">
+      <Avatar 
+        src="https://i.pravatar.cc/150?u=1" 
+        status="online" 
+        size="md" 
+      />
+      <Avatar fallback="JD" status="away" />
+    </div>
+  );
+}
+```
+
+### 工具提示
+
+```tsx
+import { Tooltip } from './components/Tooltip';
+import { Button } from './components/Button';
+
+function Toolbar() {
+  return (
+    <Tooltip content="Click to send message">
+      <Button variant="primary">Send</Button>
+    </Tooltip>
+  );
+}
+```
+
+### 对话框
+
+```tsx
+import { useState } from 'react';
+import { Dialog, DialogBody, DialogFooter } from './components/Dialog';
+import { Button } from './components/Button';
+
+function ConfirmDialog() {
+  const [open, setOpen] = useState(false);
+
+  return (
+    <>
+      <Button onClick={() => setOpen(true)}>
+        Delete Channel
+      </Button>
+
+      <Dialog
+        open={open}
+        onOpenChange={setOpen}
+        title="Delete channel?"
+        description="This action cannot be undone."
+        size="sm"
+      >
+        <DialogBody>
+          <p>Are you sure you want to delete this channel?</p>
+        </DialogBody>
+        <DialogFooter>
+          <Button variant="secondary" onClick={() => setOpen(false)}>
+            Cancel
+          </Button>
+          <Button variant="danger" onClick={() => setOpen(false)}>
+            Delete
+          </Button>
+        </DialogFooter>
+      </Dialog>
+    </>
+  );
+}
+```
+
+  return (
+    <Tooltip content="Click to send message">
+      <Button variant="primary">Send</Button>
+    </Tooltip>
+  );
+}
+```
+
+## 🎬 演示页面
+
+项目包含三个主要页面：
+
+1. **Dashboard** (`/`) - 项目首页，展示项目介绍和快速导航
+2. **Component Showcase** (`/components`) - 组件展示页，演示所有组件的用法
+3. **Slack Clone** (`/examples/slack`) - 完整的 Slack 应用克隆，包括：
+   - 侧边栏导航
+   - 频道列表
+   - 消息列表
+   - 富文本编辑器
+   - 用户状态
+
+## 🛠️ 开发建议
+
+### 添加新组件
+
+1. 在 `src/components/` 创建新组件文件
+2. 使用 Base UI 的对应组件作为基础（如果有）
+3. 使用 TailwindCSS 和 CSS 变量实现 Slack 风格
+4. 在 `ComponentShowcase.tsx` 中添加展示示例
+5. 确保组件支持暗色主题
+
+### 自定义主题
+
+修改 `src/index.css` 中的 CSS 变量即可：
+
+```css
+:root {
+  --slack-blue: #1164A3;  /* 修改为你的品牌色 */
+  --slack-green: #007a5a;
+}
+```
+
+### 扩展组件
+
+所有组件都使用 `React.forwardRef`，支持传递 ref 和额外的 props：
+
+```tsx
+<Button 
+  ref={buttonRef} 
+  onClick={handleClick}
+  className="custom-class"
+  data-testid="my-button"
+>
+  Click me
+</Button>
+```
+
+## 📚 学习资源
+
+- [Base UI 文档](https://base-ui.com/)
+- [Slack 设计指南](https://slack.design/)
+- [TailwindCSS 文档](https://tailwindcss.com/)
+- [React Router 文档](https://reactrouter.com/)
+
+## 🤝 贡献
+
+欢迎提交 Issue 和 Pull Request！
+
+## 📄 许可证
+
+MIT
+
+---
+
+**注意**：这是一个教育和演示项目，不隶属于 Slack Technologies, LLC。Slack 是 Slack Technologies, LLC 的注册商标。

package/eslint.config.js

@@ -0,0 +1,23 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import tseslint from 'typescript-eslint'
+import { defineConfig, globalIgnores } from 'eslint/config'
+
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      js.configs.recommended,
+      tseslint.configs.recommended,
+      reactHooks.configs.flat.recommended,
+      reactRefresh.configs.vite,
+    ],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+    },
+  },
+])

package/index.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>slack-base-ui</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

package/libs/AlertDialog.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+export type AlertDialogVariant = 'info' | 'success' | 'warning' | 'danger';
+export interface AlertDialogProps {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    title: string;
+    description?: string;
+    children?: React.ReactNode;
+    variant?: AlertDialogVariant;
+    confirmText?: string;
+    cancelText?: string;
+    onConfirm?: () => void | Promise<void>;
+    onCancel?: () => void;
+    showCancel?: boolean;
+    confirmButtonVariant?: 'primary' | 'secondary' | 'danger' | 'ghost';
+    className?: string;
+}
+export declare const AlertDialog: {
+    ({ open, onOpenChange, title, description, children, variant, confirmText, cancelText, onConfirm, onCancel, showCancel, confirmButtonVariant, className, }: AlertDialogProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export interface AlertDialogTriggerProps extends React.ComponentPropsWithoutRef<'button'> {
+    asChild?: boolean;
+}
+export declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=AlertDialog.d.ts.map

package/libs/AlertDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../src/components/AlertDialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAE3E,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACvC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,oBAAoB,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAyBD,eAAO,MAAM,WAAW;gKAcrB,gBAAgB;;CAkGlB,CAAA;AAKD,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC;IACvF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,kBAAkB,mGAY9B,CAAA"}

package/libs/AutoComplete.d.ts

@@ -0,0 +1,32 @@
+import React from 'react';
+export interface AutoCompleteOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface AutoCompleteProps {
+    options: AutoCompleteOption[];
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    /** Called when the raw input text changes */
+    onInputChange?: (input: string) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    required?: boolean;
+    /** Label shown above the input */
+    label?: string;
+    /** Error message shown below the input */
+    error?: string;
+    fullWidth?: boolean;
+    /** Show a clear button when a value is selected */
+    clearable?: boolean;
+    /** Maximum dropdown height (Tailwind class) */
+    maxHeight?: string;
+    /** No-results message */
+    emptyMessage?: string;
+    className?: string;
+    id?: string;
+}
+export declare const AutoComplete: React.ForwardRefExoticComponent<AutoCompleteProps & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=AutoComplete.d.ts.map

package/libs/AutoComplete.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AutoComplete.d.ts","sourceRoot":"","sources":["../src/components/AutoComplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,kBAAkB,EAAE,CAAA;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,6CAA6C;IAC7C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,0CAA0C;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,mDAAmD;IACnD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,yBAAyB;IACzB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ;AAED,eAAO,MAAM,YAAY,4FAgRxB,CAAA"}

package/libs/Avatar.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export type AvatarStatus = 'online' | 'away' | 'dnd' | 'offline';
+export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export interface AvatarProps extends React.ComponentPropsWithoutRef<'div'> {
+    src?: string;
+    alt?: string;
+    fallback?: string;
+    size?: AvatarSize;
+    status?: AvatarStatus;
+    rounded?: boolean;
+}
+export declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Avatar.d.ts.map

package/libs/Avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../src/components/Avatar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,MAAM,GAAG,KAAK,GAAG,SAAS,CAAC;AACjE,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1D,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACxE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,MAAM,oFAoDlB,CAAA"}

package/libs/Badge.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
+    count?: number;
+    dot?: boolean;
+    variant?: 'danger' | 'neutral';
+}
+export declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=Badge.d.ts.map

package/libs/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../src/components/Badge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CAChC;AAED,eAAO,MAAM,KAAK,oFAoCjB,CAAA"}

package/libs/Button.d.ts

@@ -0,0 +1,12 @@
+import type { ButtonProps as BaseButtonProps } from '@base-ui/react';
+import React from 'react';
+type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'ghost';
+type ButtonSize = 'sm' | 'md' | 'lg';
+export interface ButtonProps extends BaseButtonProps {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    fullWidth?: boolean;
+}
+export declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export {};
+//# sourceMappingURL=Button.d.ts.map

package/libs/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../src/components/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,IAAI,eAAe,EAAE,MAAM,gBAAgB,CAAA;AACpE,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,KAAK,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,OAAO,CAAC;AAClE,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAErC,MAAM,WAAW,WAAY,SAAQ,eAAe;IAClD,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,MAAM,oGAmClB,CAAA"}

package/libs/Checkbox.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+export interface CheckboxProps {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    indeterminate?: boolean;
+    disabled?: boolean;
+    required?: boolean;
+    /** Label text shown next to the checkbox */
+    label?: string;
+    /** Helper text shown below the label */
+    description?: string;
+    /** Error message */
+    error?: string;
+    name?: string;
+    value?: string;
+    id?: string;
+    className?: string;
+}
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Checkbox.d.ts.map

package/libs/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../src/components/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,MAAM,WAAW,aAAa;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAA;IAC5C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wCAAwC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,QAAQ,yFAkFpB,CAAA"}

package/libs/ContextMenu.d.ts

@@ -0,0 +1,85 @@
+import React from 'react';
+export interface ContextMenuProps {
+    children: React.ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+export interface ContextMenuTriggerProps {
+    children: React.ReactNode;
+    className?: string;
+    disabled?: boolean;
+}
+export interface ContextMenuContentProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export interface ContextMenuItemProps {
+    children: React.ReactNode;
+    className?: string;
+    disabled?: boolean;
+    onSelect?: () => void;
+    destructive?: boolean;
+}
+export interface ContextMenuCheckboxItemProps {
+    children: React.ReactNode;
+    className?: string;
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+    disabled?: boolean;
+}
+export interface ContextMenuRadioGroupProps {
+    children: React.ReactNode;
+    value?: string;
+    onValueChange?: (value: string) => void;
+}
+export interface ContextMenuRadioItemProps {
+    children: React.ReactNode;
+    value: string;
+    className?: string;
+    disabled?: boolean;
+}
+export interface ContextMenuLabelProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export interface ContextMenuSeparatorProps {
+    className?: string;
+}
+export interface ContextMenuSubProps {
+    children: React.ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+export interface ContextMenuSubTriggerProps {
+    children: React.ReactNode;
+    className?: string;
+    disabled?: boolean;
+}
+export interface ContextMenuSubContentProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export declare const ContextMenu: React.FC<ContextMenuProps>;
+export declare const ContextMenuTrigger: React.ForwardRefExoticComponent<ContextMenuTriggerProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ContextMenuContent: React.ForwardRefExoticComponent<ContextMenuContentProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ContextMenuItem: React.ForwardRefExoticComponent<ContextMenuItemProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ContextMenuCheckboxItem: React.ForwardRefExoticComponent<ContextMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ContextMenuRadioGroup: React.FC<ContextMenuRadioGroupProps>;
+export declare const ContextMenuRadioItem: React.ForwardRefExoticComponent<ContextMenuRadioItemProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ContextMenuLabel: React.FC<ContextMenuLabelProps>;
+export declare const ContextMenuSeparator: React.FC<ContextMenuSeparatorProps>;
+export declare const ContextMenuSub: React.FC<ContextMenuSubProps>;
+export declare const ContextMenuSubTrigger: React.ForwardRefExoticComponent<ContextMenuSubTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const ContextMenuSubContent: React.ForwardRefExoticComponent<ContextMenuSubContentProps & React.RefAttributes<HTMLDivElement>>;
+export declare const ContextMenuItemWithIcon: React.FC<{
+    icon?: React.ReactNode;
+    children: React.ReactNode;
+    shortcut?: string;
+    className?: string;
+    disabled?: boolean;
+    onSelect?: () => void;
+    destructive?: boolean;
+}>;
+//# sourceMappingURL=ContextMenu.d.ts.map

package/libs/ContextMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../src/components/ContextMenu.tsx"],"names":[],"mappings":"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"}

package/libs/Dialog.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+export type DialogSize = 'sm' | 'md' | 'lg' | 'xl';
+export interface DialogProps {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    title?: string;
+    description?: string;
+    children?: React.ReactNode;
+    size?: DialogSize;
+    showCloseButton?: boolean;
+    className?: string;
+}
+export declare const Dialog: {
+    ({ open, onOpenChange, title, description, children, size, showCloseButton, className, }: DialogProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export declare const DialogHeader: ({ children, className }: {
+    children: React.ReactNode;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogBody: ({ children, className }: {
+    children: React.ReactNode;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogFooter: ({ children, className }: {
+    children: React.ReactNode;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export interface DialogTriggerProps extends React.ComponentPropsWithoutRef<'button'> {
+    asChild?: boolean;
+}
+export declare const DialogTrigger: React.ForwardRefExoticComponent<DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const DialogClose: React.ForwardRefExoticComponent<Omit<import("@base-ui/react").DialogCloseProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=Dialog.d.ts.map