@baolq/ui 0.1.0

package/README.md

@@ -0,0 +1,295 @@
+# @baolq/ui — React Component Library
+
+> A rich, dark-gradient React component library for the baole.space ecosystem
+
+<div align="center">
+
+![Version](https://img.shields.io/badge/version-0.1.0-purple)
+![React](https://img.shields.io/badge/React-19+-blue)
+![TypeScript](https://img.shields.io/badge/TypeScript-5+-blue)
+![Tailwind](https://img.shields.io/badge/Tailwind-v4-cyan)
+![License](https://img.shields.io/badge/license-MIT-green)
+
+</div>
+
+---
+
+## ✨ Features
+
+- 🎨 **45+ Components** — Comprehensive library with Ant Design-level prop richness
+- 🌙 **Dark-First Design** — Optimized for dark mode with gradient accents
+- 🔮 **Glassmorphism** — Frosted glass surfaces with backdrop blur
+- ⚡ **Fully Typed** — TypeScript strict mode, zero `any` types
+- 🎯 **Radix UI Primitives** — Accessible components built on Radix
+- 🎭 **CVA Variants** — Flexible styling with class-variance-authority
+- 🎪 **Motion Ready** — Animation support via motion/react
+- 📦 **Tree-shakeable** — Only import what you need
+
+---
+
+## 🚀 Quick Start
+
+### Installation
+
+```bash
+npm install @baolq/ui lucide-react
+# or
+pnpm add @baolq/ui lucide-react
+# or
+yarn add @baolq/ui lucide-react
+```
+
+### Setup
+
+Import the stylesheet in your app entry point:
+
+```tsx
+// src/main.tsx or src/app/App.tsx
+import '@baolq/ui/style.css'
+```
+
+### Usage
+
+```tsx
+import { Button, Card, CardHeader, CardTitle, CardContent, Input } from '@baolq/ui'
+import { Plus } from 'lucide-react'
+
+function App() {
+  return (
+    <Card variant="glass">
+      <CardHeader>
+        <CardTitle>Welcome to @baolq/ui</CardTitle>
+      </CardHeader>
+      <CardContent className="space-y-4">
+        <Input placeholder="Enter your name" />
+        <Button variant="gradient" leftIcon={<Plus size={16} />}>
+          Get Started
+        </Button>
+      </CardContent>
+    </Card>
+  )
+}
+```
+
+---
+
+## 📚 Documentation
+
+Comprehensive guidelines are available in the `/guidelines/baole-ui/` directory:
+
+### Getting Started
+
+1. **[Guidelines.md](./guidelines/baole-ui/Guidelines.md)** — Master index and AI workflow
+2. **[overview-components.md](./guidelines/baole-ui/overview-components.md)** — Complete component reference
+3. **[overview-icons.md](./guidelines/baole-ui/overview-icons.md)** — Icon system documentation
+
+### Design Tokens
+
+- **[colors.md](./guidelines/baole-ui/design-tokens/colors.md)** — Color system and usage
+- **typography.md** — Font scales and text patterns *(coming soon)*
+- **spacing.md** — Layout and spacing conventions *(coming soon)*
+
+### Component Guides
+
+Detailed documentation for each component:
+
+- **[button.md](./guidelines/baole-ui/components/button.md)** — Button variants, sizes, and states
+- **[card.md](./guidelines/baole-ui/components/card.md)** — Card compositions and patterns
+- **[input.md](./guidelines/baole-ui/components/input.md)** — Form inputs with validation *(coming soon)*
+- ...and 40+ more component guides
+
+---
+
+## 🎨 Component Categories
+
+### Inputs & Forms
+Button, Input, Textarea, Select, Checkbox, RadioGroup, Switch, Slider, Form, Label, Toggle, ToggleGroup, InputOTP
+
+### Overlays
+Dialog, AlertDialog, Drawer, Sheet, Popover, HoverCard, Tooltip, DropdownMenu, ContextMenu
+
+### Feedback
+Alert, Toast (Sonner), Progress, Skeleton
+
+### Navigation
+Tabs, Breadcrumb, NavigationMenu, Menubar, Pagination, Sidebar
+
+### Data Display
+Table, Accordion, Collapsible, Calendar, Carousel, Chart, Command
+
+### Layout
+Card, Separator, AspectRatio, ScrollArea, Resizable
+
+### Utility
+Avatar, Badge
+
+---
+
+## 🎯 Design Philosophy
+
+@baolq/ui embodies the creative energy of a developer, photographer, and gamer:
+
+### Visual Language
+
+- **Dark backgrounds** — Base: `#0f0c29` with gradient overlays
+- **Glassmorphism** — Frosted glass surfaces with `backdrop-blur`
+- **Gradient accents** — Purple → Fuchsia → Pink spectrum
+- **Subtle glows** — Color-matched shadows for depth
+- **White text** — High contrast on dark backgrounds
+- **Minimal borders** — `rgba(255,255,255,0.1)` barely-visible dividers
+
+### Philosophy Quote
+
+> _"In code we trust, in games we clutch, in photos we overexpose (+0.3 EV)"_  
+> — Bao LE, baked into every pixel of this component library
+
+---
+
+## 🛠️ Tech Stack
+
+| Technology | Version | Purpose |
+|------------|---------|---------|
+| **React** | 19+ | UI framework |
+| **TypeScript** | 5+ | Type safety (strict mode) |
+| **Tailwind CSS** | v4 | Utility-first styling |
+| **Radix UI** | Latest | Accessible primitives |
+| **CVA** | Latest | Variant management |
+| **Lucide React** | Latest | Icon system |
+| **Motion** | Latest | Animations (optional) |
+| **react-hook-form** | Latest | Form handling |
+| **sonner** | Latest | Toast notifications |
+
+---
+
+## 📦 Project Structure
+
+```
+@baolq/ui/
+├── src/
+│   ├── components/
+│   │   ├── button.tsx
+│   │   ├── card.tsx
+│   │   ├── input.tsx
+│   │   └── ... (45+ components)
+│   ├── lib/
+│   │   └── utils.ts              # cn() helper
+│   ├── hooks/
+│   │   ├── use-mobile.ts
+│   │   └── ...
+│   ├── tokens/
+│   │   └── index.css             # Design tokens
+│   ├── index.ts                  # Barrel export
+│   └── index.css                 # Tailwind + utilities
+├── guidelines/
+│   ├── Guidelines.md             # Master documentation
+│   ├── overview-components.md
+│   ├── overview-icons.md
+│   ├── design-tokens/
+│   │   ├── colors.md
+│   │   ├── typography.md
+│   │   └── spacing.md
+│   └── components/
+│       ├── button.md
+│       ├── card.md
+│       └── ... (29+ guides)
+├── showcase/                     # Demo application
+├── tailwind-preset.ts            # Tailwind preset export
+└── README.md
+```
+
+---
+
+## 🎮 Showcase
+
+Run the showcase app to see all components in action:
+
+```bash
+cd showcase
+npm install
+npm run dev
+```
+
+Visit `http://localhost:5173` to explore:
+
+- All 45+ components with live examples
+- Multiple variants and states
+- Interactive demos
+- Code snippets
+
+---
+
+## 🤝 Contributing
+
+Contributions are welcome! Please read the [Guidelines.md](./guidelines/baole-ui/Guidelines.md) first.
+
+### Development Setup
+
+```bash
+# Clone the repository
+git clone https://github.com/unique01082/baole-ui.git
+
+# Install dependencies
+npm install
+
+# Build the library
+npm run build
+
+# Run showcase
+cd showcase
+npm install
+npm run dev
+```
+
+---
+
+## 📄 License
+
+MIT © Bao LE
+
+---
+
+## 🔗 Links
+
+- **GitHub**: https://github.com/unique01082/baole-ui
+- **Portfolio**: https://baole.space
+- **NPM**: *(coming soon)*
+- **Storybook**: *(coming soon)*
+
+---
+
+## 🙏 Acknowledgments
+
+Built with inspiration from:
+
+- **shadcn/ui** — Component architecture and patterns
+- **Ant Design** — Prop richness and completeness
+- **Radix UI** — Accessible primitives
+- **Tailwind CSS** — Utility-first styling philosophy
+
+---
+
+## 📊 Component Checklist
+
+**Implemented (Core):**
+- ✅ Button (7 variants, 6 sizes, loading, icons)
+- ✅ Card (4 variants, hoverable, composable)
+- ✅ Badge (8 variants, removable, dots)
+- ✅ Input (validation, icons, clearable)
+- ✅ Separator (gradient, labels)
+- ✅ Skeleton (animated, variants)
+
+**In Progress:**
+- 🚧 Dialog, Sheet, Drawer
+- 🚧 Select, Checkbox, RadioGroup
+- 🚧 Tabs, Accordion, Table
+- 🚧 Form (react-hook-form integration)
+- 🚧 Toast (Sonner wrapper)
+- 🚧 And 35+ more...
+
+---
+
+<div align="center">
+
+**Made with 💜 for the baole.space ecosystem**
+
+</div>

package/dist/components/baole-ui/accordion.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import * as AccordionPrimitive from "@radix-ui/react-accordion";
+declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };

package/dist/components/baole-ui/affix.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+export interface AffixProps {
+    offsetTop?: number;
+    offsetBottom?: number;
+    target?: () => HTMLElement | Window;
+    onChange?: (affixed: boolean) => void;
+    className?: string;
+    children: React.ReactNode;
+}
+declare const Affix: React.ForwardRefExoticComponent<AffixProps & React.RefAttributes<HTMLDivElement>>;
+export { Affix };

package/dist/components/baole-ui/alert-dialog.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+declare const AlertDialog: React.FC<AlertDialogPrimitive.AlertDialogProps>;
+declare const AlertDialogTrigger: React.ForwardRefExoticComponent<AlertDialogPrimitive.AlertDialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogPortal: React.FC<AlertDialogPrimitive.AlertDialogPortalProps>;
+declare const AlertDialogOverlay: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AlertDialogHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const AlertDialogFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const AlertDialogTitle: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const AlertDialogDescription: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogPrimitive.AlertDialogCancelProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };

package/dist/components/baole-ui/alert.d.ts

@@ -0,0 +1,15 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+declare const alertVariants: (props?: ({
+    variant?: "success" | "default" | "warning" | "info" | "error" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface AlertProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof alertVariants> {
+    title?: string;
+    icon?: React.ReactNode;
+    dismissible?: boolean;
+    onDismiss?: () => void;
+}
+declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+export { Alert, AlertTitle, AlertDescription };

package/dist/components/baole-ui/anchor.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+export interface AnchorLink {
+    key: string;
+    href: string;
+    title: string;
+    children?: AnchorLink[];
+}
+export interface AnchorProps {
+    links: AnchorLink[];
+    activeLink?: string;
+    onChange?: (currentActiveLink: string) => void;
+    offsetTop?: number;
+    targetOffset?: number;
+    className?: string;
+}
+declare const Anchor: React.ForwardRefExoticComponent<AnchorProps & React.RefAttributes<HTMLDivElement>>;
+export { Anchor };

package/dist/components/baole-ui/aspect-ratio.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
+declare const AspectRatio: React.ForwardRefExoticComponent<AspectRatioPrimitive.AspectRatioProps & React.RefAttributes<HTMLDivElement>>;
+export { AspectRatio };

package/dist/components/baole-ui/auto-complete.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+export interface AutoCompleteOption {
+    value: string;
+    label: string;
+}
+export interface AutoCompleteProps {
+    options: AutoCompleteOption[];
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    onSelect?: (value: string, option: AutoCompleteOption) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    className?: string;
+}
+declare const AutoComplete: React.ForwardRefExoticComponent<AutoCompleteProps & React.RefAttributes<HTMLInputElement>>;
+export { AutoComplete };

package/dist/components/baole-ui/avatar.d.ts

@@ -0,0 +1,13 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+declare const avatarVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface AvatarProps extends React.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root>, VariantProps<typeof avatarVariants> {
+    src?: string;
+    alt?: string;
+    fallback?: string;
+}
+declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLSpanElement>>;
+export { Avatar };

package/dist/components/baole-ui/back-top.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+export interface BackTopProps {
+    visibilityHeight?: number;
+    target?: () => HTMLElement | Window;
+    onClick?: () => void;
+    className?: string;
+}
+declare const BackTop: React.ForwardRefExoticComponent<BackTopProps & React.RefAttributes<HTMLDivElement>>;
+export { BackTop };

package/dist/components/baole-ui/badge.d.ts

@@ -0,0 +1,14 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+declare const badgeVariants: (props?: ({
+    variant?: "gradient" | "outline" | "destructive" | "success" | "secondary" | "default" | "warning" | "info" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
+    dot?: boolean;
+    removable?: boolean;
+    onRemove?: () => void;
+    asChild?: boolean;
+}
+declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
+export { Badge, badgeVariants };

package/dist/components/baole-ui/breadcrumb.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+declare const Breadcrumb: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
+    separator?: React.ReactNode;
+} & React.RefAttributes<HTMLElement>>;
+declare const BreadcrumbList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
+declare const BreadcrumbItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+declare const BreadcrumbLink: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & {
+    asChild?: boolean;
+} & React.RefAttributes<HTMLAnchorElement>>;
+declare const BreadcrumbPage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const BreadcrumbSeparator: {
+    ({ children, className, ...props }: React.ComponentProps<"li">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const BreadcrumbEllipsis: {
+    ({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };

package/dist/components/baole-ui/button.d.ts

@@ -0,0 +1,15 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+declare const buttonVariants: (props?: ({
+    variant?: "gradient" | "outline" | "ghost" | "destructive" | "success" | "secondary" | "link" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | "icon" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+    asChild?: boolean;
+    loading?: boolean;
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+    fullWidth?: boolean;
+}
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export { Button, buttonVariants };

package/dist/components/baole-ui/calendar.d.ts

@@ -0,0 +1,8 @@
+import { DayPicker } from 'react-day-picker';
+import * as React from "react";
+export type CalendarProps = React.ComponentProps<typeof DayPicker>;
+declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Calendar {
+    var displayName: string;
+}
+export { Calendar };

package/dist/components/baole-ui/card.d.ts

@@ -0,0 +1,19 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+declare const cardVariants: (props?: ({
+    variant?: "gradient" | "glass" | "solid" | "outlined" | null | undefined;
+    padding?: "sm" | "md" | "lg" | "none" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
+    hoverable?: boolean;
+    bordered?: boolean;
+    accentColor?: string;
+}
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardAction: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent, CardAction, };

package/dist/components/baole-ui/carousel.d.ts

@@ -0,0 +1,18 @@
+import { default as useEmblaCarousel, UseEmblaCarouselType } from 'embla-carousel-react';
+import * as React from "react";
+type CarouselApi = UseEmblaCarouselType[1];
+type UseCarouselParameters = Parameters<typeof useEmblaCarousel>;
+type CarouselOptions = UseCarouselParameters[0];
+type CarouselPlugin = UseCarouselParameters[1];
+type CarouselProps = {
+    opts?: CarouselOptions;
+    plugins?: CarouselPlugin;
+    orientation?: "horizontal" | "vertical";
+    setApi?: (api: CarouselApi) => void;
+};
+declare const Carousel: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & CarouselProps & React.RefAttributes<HTMLDivElement>>;
+declare const CarouselContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CarouselItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CarouselPrevious: React.ForwardRefExoticComponent<Omit<import('./button').ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const CarouselNext: React.ForwardRefExoticComponent<Omit<import('./button').ButtonProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { type CarouselApi, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, };

package/dist/components/baole-ui/cascader.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+export interface CascaderOption {
+    value: string;
+    label: string;
+    children?: CascaderOption[];
+    disabled?: boolean;
+}
+export interface CascaderProps {
+    options: CascaderOption[];
+    value?: string[];
+    defaultValue?: string[];
+    onChange?: (value: string[], selectedOptions: CascaderOption[]) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    changeOnSelect?: boolean;
+    className?: string;
+}
+declare const Cascader: React.ForwardRefExoticComponent<CascaderProps & React.RefAttributes<HTMLDivElement>>;
+export { Cascader };

package/dist/components/baole-ui/chart.d.ts

@@ -0,0 +1,59 @@
+import { TooltipProps } from 'recharts';
+import * as React from "react";
+declare const CustomTooltip: React.FC<TooltipProps<any, any>>;
+export interface LineChartProps {
+    data: any[];
+    xKey: string;
+    lines: {
+        dataKey: string;
+        name?: string;
+        color?: string;
+        strokeWidth?: number;
+    }[];
+    height?: number;
+    showGrid?: boolean;
+    showLegend?: boolean;
+    className?: string;
+}
+export declare const LineChart: React.FC<LineChartProps>;
+export interface BarChartProps {
+    data: any[];
+    xKey: string;
+    bars: {
+        dataKey: string;
+        name?: string;
+        color?: string;
+    }[];
+    height?: number;
+    showGrid?: boolean;
+    showLegend?: boolean;
+    className?: string;
+}
+export declare const BarChart: React.FC<BarChartProps>;
+export interface AreaChartProps {
+    data: any[];
+    xKey: string;
+    areas: {
+        dataKey: string;
+        name?: string;
+        color?: string;
+    }[];
+    height?: number;
+    showGrid?: boolean;
+    showLegend?: boolean;
+    className?: string;
+}
+export declare const AreaChart: React.FC<AreaChartProps>;
+export interface PieChartProps {
+    data: {
+        name: string;
+        value: number;
+        color?: string;
+    }[];
+    height?: number;
+    innerRadius?: number;
+    showLegend?: boolean;
+    className?: string;
+}
+export declare const PieChart: React.FC<PieChartProps>;
+export { CustomTooltip as ChartTooltip };

package/dist/components/baole-ui/checkbox.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+export interface CheckboxProps extends Omit<React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>, "asChild"> {
+    label?: string;
+    description?: string;
+}
+declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLButtonElement>>;
+export { Checkbox };

package/dist/components/baole-ui/chip.d.ts

@@ -0,0 +1,13 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+declare const chipVariants: (props?: ({
+    variant?: "gradient" | "default" | "solid" | null | undefined;
+    clickable?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface ChipProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof chipVariants> {
+    leftIcon?: React.ReactNode;
+    rightIcon?: React.ReactNode;
+    onRemove?: () => void;
+}
+declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLDivElement>>;
+export { Chip, chipVariants };

package/dist/components/baole-ui/code.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+export interface CodeProps extends React.HTMLAttributes<HTMLElement> {
+    block?: boolean;
+    language?: string;
+}
+declare const Code: React.ForwardRefExoticComponent<CodeProps & React.RefAttributes<HTMLElement>>;
+export { Code };

package/dist/components/baole-ui/collapsible.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+declare const Collapsible: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React.RefAttributes<HTMLDivElement>>;
+declare const CollapsibleTrigger: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const CollapsibleContent: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & React.RefAttributes<HTMLDivElement>>;
+export { Collapsible, CollapsibleTrigger, CollapsibleContent };

package/dist/components/baole-ui/color-picker.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+export interface ColorPickerProps {
+    value?: string;
+    onChange?: (color: string) => void;
+    presetColors?: string[];
+    showInput?: boolean;
+    disabled?: boolean;
+    className?: string;
+}
+declare const ColorPicker: React.ForwardRefExoticComponent<ColorPickerProps & React.RefAttributes<HTMLDivElement>>;
+export { ColorPicker };