asterui 0.10.2

package/LICENSE

@@ -0,0 +1,15 @@
+ISC License
+
+Copyright (c) 2025
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

package/README.md

@@ -0,0 +1,214 @@
+# BloomUI
+
+A comprehensive React component library built with [DaisyUI](https://daisyui.com) and [Tailwind CSS](https://tailwindcss.com).
+
+## Prerequisites
+
+BloomUI requires Tailwind CSS v4 and DaisyUI v5 to be configured in your project.
+
+Install Tailwind and DaisyUI:
+
+```bash
+npm install -D tailwindcss @tailwindcss/vite daisyui
+```
+
+Add the Tailwind plugin to your `vite.config.ts`:
+
+```ts
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+import tailwindcss from '@tailwindcss/vite'
+
+export default defineConfig({
+  plugins: [react(), tailwindcss()],
+})
+```
+
+Configure your CSS file (e.g., `src/index.css`):
+
+```css
+@import "tailwindcss";
+@plugin "daisyui";
+@source "../node_modules/@edadma/bloomui";
+```
+
+The `@source` directive tells Tailwind to scan the BloomUI package for classes to include in your build.
+
+## Installation
+
+```bash
+npm install bloomui
+# or
+pnpm add bloomui
+# or
+yarn add bloomui
+```
+
+## Usage
+
+```tsx
+import { Form, Input, Checkbox, Button, Modal, Card, Space, Flex, Typography } from '@edadma/bloomui'
+
+const { Link, Paragraph } = Typography
+
+export default function App() {
+  const handleSubmit = (values: { email: string; password: string; remember: boolean }) => {
+      Modal.success({
+        title: 'Login Successful',
+        content: <pre className="text-left">{JSON.stringify(values, null, 2)}</pre>,
+      })
+  }
+
+  return (
+    <Flex justify="center" align="center" minHeight="screen" className="bg-base-200 p-4">
+      <Card title="Sign In" className="w-full max-w-md">
+        <Form onFinish={handleSubmit} initialValues={{ remember: false }}>
+          <Form.Item name="email" label="Email" rules={[{ required: true }, { type: 'email' }]}>
+            <Input placeholder="you@example.com" />
+          </Form.Item>
+          <Form.Item
+            name="password"
+            label="Password"
+            rules={[
+              { required: true },
+              { min: 8, message: 'Password must be at least 8 characters' },
+              { pattern: /[A-Z]/, message: 'Must contain an uppercase letter' },
+              { pattern: /[a-z]/, message: 'Must contain a lowercase letter' },
+              { pattern: /[0-9]/, message: 'Must contain a number' },
+              { pattern: /[!@#$%^&*.?]/, message: 'Must contain a special character' },
+            ]}
+          >
+            <Input type="password" placeholder="Enter your password" />
+          </Form.Item>
+          <Space justify="between" align="center" className="mb-4">
+            <Form.Item name="remember" valuePropName="checked" inline>
+              <Checkbox>Remember me</Checkbox>
+            </Form.Item>
+            <Link size="sm">Forgot password?</Link>
+          </Space>
+          <Button type="primary" htmlType="submit" shape="block">
+            Sign In
+          </Button>
+          <Divider>or</Divider>
+          <Paragraph align="center" size="sm">
+            Don't have an account? <Link>Sign up</Link>
+          </Paragraph>
+        </Form>
+      </Card>
+    </Flex>
+  )
+}
+```
+
+## Components
+
+### General
+- **Typography** - Text, Title, Paragraph, and Link components with consistent styling
+
+### Actions
+- **Button** - Buttons with multiple types, sizes, and variants
+- **Dropdown** - Composable dropdown menu with trigger, items, and dividers
+- **FloatButton** - Floating action button with BackTop variant
+- **ThemeController** - Theme switcher with swap and dropdown modes
+
+### Data Entry
+- **Autocomplete** - Search and select with keyboard navigation and filtering
+- **Cascader** - Cascade selection for hierarchical data
+- **Checkbox** - Checkboxes with sizes, colors, and indeterminate state
+- **ColorPicker** - Color selection with presets and custom colors
+- **DatePicker** - Interactive calendar date picker with custom formatting
+- **Fieldset** - Fieldset container with legend
+- **FileInput** - File input with sizes and colors
+- **Form** - Form component with React Hook Form integration and validation
+- **Input** - Text inputs with types, sizes, colors, and input masking
+- **InputNumber** - Numeric input with increment/decrement controls
+- **Label** - Form labels with required indicator and floating labels
+- **Mention** - Input with @mention support for tagging users
+- **Radio** - Radio buttons with group support
+- **Range** - Range slider with min, max, and step support
+- **Rating** - Star rating component
+- **Select** - Select dropdown with sizes and colors
+- **Textarea** - Multiline text input
+- **TimePicker** - Time input with hour and minute selection
+- **Toggle** - Toggle switches with sizes and colors
+- **Transfer** - Double-column transfer for moving items between lists
+- **TreeSelect** - Tree selection dropdown for hierarchical data
+- **Upload** - File upload with drag and drop support
+
+### Data Display
+- **Avatar** - User avatars with sizes, shapes, and group support
+- **Badge** - Notification badges, status indicators, and ribbons
+- **Card** - Composable card component with body, title, actions, and figure
+- **Carousel** - Image carousel with navigation and indicators
+- **Chart** - Data visualization with ApexCharts and theme integration
+- **Chat** - Chat message bubbles with avatars and timestamps
+- **Collapse** - Collapsible content panels
+- **Descriptions** - Display multiple read-only fields in groups
+- **Empty** - Empty state placeholder with custom images and actions
+- **Image** - Image component with fallback and preview support
+- **List** - Vertical list layout with customizable rows
+- **Pagination** - Page navigation with multiple sizes
+- **QRCode** - QR code generator
+- **Stats** - Statistics display with figures and actions
+- **Steps** - Step progress indicator
+- **Table** - Feature-rich data table with sorting and pagination
+- **Tag** - Categorization labels with colors and close button
+- **Timeline** - Timeline component for displaying chronological events
+- **Tree** - Hierarchical tree view with expand/collapse and selection
+
+### Layout
+- **Affix** - Make elements stick to viewport when scrolling
+- **Divider** - Horizontal and vertical dividers with optional text
+- **Drawer** - Sidebar drawer with multiple placements
+- **Footer** - Footer component with title sections
+- **Grid** - Flexible grid system with Row and Col components
+- **Hero** - Hero section with overlay and content wrapping
+- **Indicator** - Position indicators on elements
+- **Join** - Join multiple elements together seamlessly
+- **Layout** - Page layout with Header, Sider, Content, and Footer
+- **Masonry** - Responsive masonry grid layout
+- **Space** - Layout component for consistent spacing between elements
+- **Splitter** - Resizable split panes for adjustable layouts
+
+### Responsive
+- **Show/Hide** - Conditionally render content based on breakpoint
+- **useBreakpoint** - Hook for detecting current breakpoint and screen width
+
+### Navigation
+- **Breadcrumb** - Breadcrumb navigation trail
+- **Menu** - Menu with vertical, horizontal, and inline modes
+- **Navbar** - Navigation bar with start, center, and end sections
+- **Tabs** - Tab navigation with multiple variants
+
+### Feedback
+- **Alert** - Alert messages with multiple types and dismissible option
+- **Loading** - Loading spinners with sizes and overlay support
+- **Modal** - Modal dialogs with imperative API
+- **Notification** - Toast notifications with auto-dismiss and stacking
+- **Popconfirm** - Confirmation popover for actions
+- **Popover** - Floating content triggered by hover or click
+- **Progress** - Progress bars with colors and indeterminate state
+- **RadialProgress** - Circular progress indicator
+- **Result** - Result pages for operation outcomes
+- **Skeleton** - Loading placeholder with animated shimmer effect
+- **Tooltip** - Tooltips with multiple placements
+
+### Mockup
+- **Browser** - Browser window mockup with URL bar
+- **Code** - Terminal-style code display with line highlighting
+- **Phone** - iPhone-style phone frame mockup
+- **Window** - OS-style window frame mockup
+
+## Demo
+
+View live examples and documentation at [https://bloomui.io](https://bloomui.io)
+
+## Requirements
+
+- React 18 or 19
+- Tailwind CSS 4+
+- DaisyUI 5+
+
+## License
+
+ISC

package/dist/components/Affix.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export interface AffixProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** Content to make sticky */
+    children: React.ReactNode;
+    /** Offset from top when fixed (pixels) */
+    offsetTop?: number;
+    /** Offset from bottom when fixed (pixels) */
+    offsetBottom?: number;
+    /** Scroll target (default: window) */
+    target?: () => HTMLElement | Window;
+    /** Callback when affix state changes */
+    onChange?: (affixed: boolean) => void;
+}
+export declare const Affix: React.FC<AffixProps>;

package/dist/components/Alert.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+export interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    type?: 'info' | 'success' | 'warning' | 'error';
+    outline?: boolean;
+    dash?: boolean;
+    soft?: boolean;
+    vertical?: boolean;
+}
+export declare const Alert: React.FC<AlertProps>;

package/dist/components/Autocomplete.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+export interface AutocompleteOption {
+    value: string;
+    label: string;
+}
+export interface AutocompleteProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    options: AutocompleteOption[] | string[];
+    placeholder?: string;
+    disabled?: boolean;
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    allowCustomValue?: boolean;
+    filterOption?: (option: AutocompleteOption, inputValue: string) => boolean;
+    notFoundContent?: React.ReactNode;
+}
+export declare const Autocomplete: React.FC<AutocompleteProps>;

package/dist/components/Avatar.d.ts

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type AvatarShape = 'circle' | 'square';
+export type AvatarStatus = 'online' | 'offline';
+export interface AvatarProps extends React.HTMLAttributes<HTMLDivElement> {
+    src?: string;
+    alt?: string;
+    icon?: React.ReactNode;
+    children?: React.ReactNode;
+    size?: AvatarSize;
+    shape?: AvatarShape;
+    status?: AvatarStatus;
+    online?: boolean;
+    offline?: boolean;
+    placeholder?: boolean;
+}
+export interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    max?: number;
+    size?: AvatarSize;
+}
+declare function AvatarRoot({ src, alt, icon, children, size, shape, status, className, style, online, offline, placeholder, ...rest }: AvatarProps): import("react/jsx-runtime").JSX.Element;
+declare function AvatarGroup({ children, max, size, className, style, ...rest }: AvatarGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare const Avatar: typeof AvatarRoot & {
+    Group: typeof AvatarGroup;
+};
+export { AvatarGroup };
+export default Avatar;

package/dist/components/Badge.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+export type BadgePosition = 'top-start' | 'top-center' | 'top-end' | 'middle-start' | 'middle-center' | 'middle-end' | 'bottom-start' | 'bottom-center' | 'bottom-end';
+export type BadgeStatus = 'success' | 'processing' | 'error' | 'default' | 'warning';
+export interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
+    count?: number;
+    showZero?: boolean;
+    overflowCount?: number;
+    position?: BadgePosition;
+    offset?: [number, number];
+    status?: BadgeStatus;
+    text?: string;
+    ribbon?: string;
+    ribbonPlacement?: 'start' | 'end';
+    type?: 'default' | 'primary' | 'secondary' | 'accent' | 'neutral' | 'info' | 'success' | 'warning' | 'error' | 'ghost';
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    dot?: boolean;
+    outline?: boolean;
+    children?: React.ReactNode;
+}
+export declare const Badge: React.FC<BadgeProps>;

package/dist/components/Breadcrumb.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+export interface BreadcrumbProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+export interface BreadcrumbItemProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'onClick'> {
+    children: React.ReactNode;
+    href?: string;
+    onClick?: () => void;
+}
+declare function BreadcrumbRoot({ children, className, ...rest }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbItem({ children, href, onClick, className, ...rest }: BreadcrumbItemProps): import("react/jsx-runtime").JSX.Element;
+export declare const Breadcrumb: typeof BreadcrumbRoot & {
+    Item: typeof BreadcrumbItem;
+};
+export {};

package/dist/components/Browser.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+export interface BrowserProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    url?: string;
+    contentClassName?: string;
+}
+export declare const Browser: React.FC<BrowserProps>;

package/dist/components/Button.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+type BaseButtonProps = {
+    type?: 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'neutral' | 'ghost' | 'link';
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    outline?: boolean;
+    dash?: boolean;
+    soft?: boolean;
+    active?: boolean;
+    loading?: boolean;
+    shape?: 'square' | 'circle' | 'wide' | 'block';
+    noAnimation?: boolean;
+};
+type ButtonAsButton = BaseButtonProps & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> & {
+    href?: undefined;
+    htmlType?: 'button' | 'submit' | 'reset';
+};
+type ButtonAsAnchor = BaseButtonProps & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'type'> & {
+    href: string;
+    htmlType?: undefined;
+};
+export type ButtonProps = ButtonAsButton | ButtonAsAnchor;
+export declare const Button: React.FC<ButtonProps>;
+export {};

package/dist/components/Card.d.ts

@@ -0,0 +1,26 @@
+import { default as React } from 'react';
+export interface CardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    children: React.ReactNode;
+    title?: React.ReactNode;
+    cover?: React.ReactNode;
+    actions?: React.ReactNode;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    bordered?: boolean;
+    side?: boolean;
+    imageFull?: boolean;
+    actionsJustify?: 'start' | 'center' | 'end';
+    loading?: boolean;
+    hoverable?: boolean;
+    avatar?: React.ReactNode;
+    description?: React.ReactNode;
+}
+export interface CardGridProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    hoverable?: boolean;
+}
+declare function CardGrid({ children, hoverable, className, style, ...rest }: CardGridProps): import("react/jsx-runtime").JSX.Element;
+declare function CardRoot({ children, title, cover, actions, className, style, size, bordered, side, imageFull, actionsJustify, loading, hoverable, avatar, description, ...rest }: CardProps): import("react/jsx-runtime").JSX.Element;
+export declare const Card: typeof CardRoot & {
+    Grid: typeof CardGrid;
+};
+export default Card;

package/dist/components/Carousel.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export interface CarouselItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    id?: string;
+    children: React.ReactNode;
+}
+export declare const CarouselItem: React.FC<CarouselItemProps>;
+export interface CarouselProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    snap?: 'start' | 'center' | 'end';
+    vertical?: boolean;
+}
+export declare const Carousel: React.FC<CarouselProps> & {
+    Item: typeof CarouselItem;
+};

package/dist/components/Cascader.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+export interface CascaderOption {
+    value: string | number;
+    label: React.ReactNode;
+    disabled?: boolean;
+    children?: CascaderOption[];
+}
+export interface CascaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    options: CascaderOption[];
+    value?: (string | number)[];
+    onChange?: (value: (string | number)[], selectedOptions: CascaderOption[]) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    allowClear?: boolean;
+    expandTrigger?: 'click' | 'hover';
+    displayRender?: (labels: React.ReactNode[], selectedOptions: CascaderOption[]) => React.ReactNode;
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+}
+export declare function Cascader({ options, value, onChange, placeholder, disabled, allowClear, expandTrigger, displayRender, size, className, ...rest }: CascaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Chart.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+import { ApexOptions } from 'apexcharts';
+export interface ChartProps {
+    /** Chart type */
+    type: 'line' | 'area' | 'bar' | 'pie' | 'donut' | 'radialBar' | 'scatter' | 'bubble' | 'heatmap' | 'candlestick' | 'boxPlot' | 'radar' | 'polarArea' | 'rangeBar' | 'rangeArea' | 'treemap';
+    /** Chart series data */
+    series: ApexAxisChartSeries | ApexNonAxisChartSeries;
+    /** Chart width */
+    width?: string | number;
+    /** Chart height */
+    height?: string | number;
+    /** ApexCharts options (merged with theme defaults) */
+    options?: ApexOptions;
+    /** Use daisyUI theme colors */
+    themed?: boolean;
+    /** Additional CSS classes */
+    className?: string;
+}
+export declare const Chart: React.FC<ChartProps>;

package/dist/components/Chat.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+export interface ChatProps extends React.HTMLAttributes<HTMLDivElement> {
+    message: React.ReactNode;
+    position?: 'start' | 'end';
+    avatar?: string;
+    avatarAlt?: string;
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+    color?: 'primary' | 'secondary' | 'accent' | 'neutral' | 'info' | 'success' | 'warning' | 'error';
+}
+export declare const Chat: React.FC<ChatProps>;

package/dist/components/Checkbox.d.ts

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
+    children?: React.ReactNode;
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    color?: 'primary' | 'secondary' | 'accent' | 'neutral' | 'success' | 'warning' | 'info' | 'error';
+    indeterminate?: boolean;
+    className?: string;
+}
+export interface CheckboxOptionType {
+    label: React.ReactNode;
+    value: string | number;
+    disabled?: boolean;
+}
+export interface CheckboxGroupProps {
+    children?: React.ReactNode;
+    value?: (string | number)[];
+    defaultValue?: (string | number)[];
+    onChange?: (values: (string | number)[]) => void;
+    disabled?: boolean;
+    options?: (string | number | CheckboxOptionType)[];
+    className?: string;
+}
+declare function CheckboxGroup({ children, value, defaultValue, onChange, disabled, options, className }: CheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>> & {
+    Group: typeof CheckboxGroup;
+};
+export {};

package/dist/components/Code.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export interface CodeLineProps extends React.HTMLAttributes<HTMLPreElement> {
+    children: React.ReactNode;
+    prefix?: string;
+    highlight?: boolean;
+}
+declare const Line: React.FC<CodeLineProps>;
+export interface CodeProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+export declare const Code: React.FC<CodeProps> & {
+    Line: typeof Line;
+};
+export {};

package/dist/components/Collapse.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+export interface CollapseProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'onChange'> {
+    children: React.ReactNode;
+    title?: React.ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onChange?: (open: boolean) => void;
+    icon?: 'arrow' | 'plus' | 'none';
+}
+export interface CollapseTitleProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export interface CollapseContentProps {
+    children: React.ReactNode;
+    className?: string;
+}
+declare function CollapseRoot({ children, title, open, defaultOpen, onChange, icon, className, ...rest }: CollapseProps): import("react/jsx-runtime").JSX.Element;
+declare function CollapseTitle({ children, className }: CollapseTitleProps): import("react/jsx-runtime").JSX.Element;
+declare function CollapseContent({ children, className }: CollapseContentProps): import("react/jsx-runtime").JSX.Element;
+export declare const Collapse: typeof CollapseRoot & {
+    Title: typeof CollapseTitle;
+    Content: typeof CollapseContent;
+};
+export {};

package/dist/components/ColorPicker.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+export interface ColorPickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    value?: string;
+    onChange?: (color: string) => void;
+    mode?: 'swatches' | 'picker' | 'both';
+    presets?: string[];
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+}
+export declare function ColorPicker({ value, onChange, mode, presets, size, disabled, className, ...rest }: ColorPickerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Container.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+export interface ContainerProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    size?: 'sm' | 'md' | 'lg' | 'xl' | 'full';
+}
+export declare const Container: React.FC<ContainerProps>;

package/dist/components/ContextMenu.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+export interface ContextMenuItem {
+    key: string;
+    label: React.ReactNode;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+    danger?: boolean;
+    divider?: boolean;
+    children?: ContextMenuItem[];
+}
+export interface ContextMenuProps {
+    /** Element that triggers the context menu on right-click */
+    children: React.ReactNode;
+    /** Menu items */
+    items: ContextMenuItem[];
+    /** Callback when an item is selected */
+    onSelect?: (key: string) => void;
+    /** Whether the context menu is disabled */
+    disabled?: boolean;
+    /** Additional CSS classes for the menu */
+    className?: string;
+}
+export declare const ContextMenu: React.FC<ContextMenuProps>;

package/dist/components/Countdown.d.ts

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+export interface CountdownProps {
+    /** Target timestamp in milliseconds or Date object */
+    value: number | Date;
+    /** Format string: 'D' days, 'H' hours, 'M' minutes, 'S' seconds */
+    format?: string;
+    /** Callback when countdown reaches zero */
+    onFinish?: () => void;
+    /** Callback on each tick with remaining time */
+    onChange?: (value: number) => void;
+    /** Additional CSS classes */
+    className?: string;
+    /** Size variant */
+    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /** Show labels under each unit */
+    showLabels?: boolean;
+    /** Custom labels */
+    labels?: {
+        days?: string;
+        hours?: string;
+        minutes?: string;
+        seconds?: string;
+    };
+    /** Show box style around each unit */
+    boxed?: boolean;
+}
+export declare const Countdown: React.FC<CountdownProps>;

package/dist/components/DatePicker.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+export interface DatePickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
+    value?: Date | null;
+    defaultValue?: Date | null;
+    onChange?: (date: Date | null) => void;
+    format?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    size?: 'xs' | 'sm' | 'md' | 'lg';
+}
+export declare const DatePicker: React.FC<DatePickerProps>;

package/dist/components/Descriptions.d.ts

@@ -0,0 +1,34 @@
+import { default as React } from 'react';
+export type DescriptionsSize = 'small' | 'default' | 'large';
+export type DescriptionsLayout = 'horizontal' | 'vertical';
+export interface DescriptionsItemProps {
+    label?: React.ReactNode;
+    span?: number;
+    children?: React.ReactNode;
+    labelStyle?: React.CSSProperties;
+    contentStyle?: React.CSSProperties;
+}
+export interface DescriptionsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title'> {
+    title?: React.ReactNode;
+    bordered?: boolean;
+    column?: number | {
+        xs?: number;
+        sm?: number;
+        md?: number;
+        lg?: number;
+        xl?: number;
+        '2xl'?: number;
+    };
+    size?: DescriptionsSize;
+    layout?: DescriptionsLayout;
+    colon?: boolean;
+    labelStyle?: React.CSSProperties;
+    contentStyle?: React.CSSProperties;
+    children?: React.ReactNode;
+}
+declare function DescriptionsItem(_props: DescriptionsItemProps): null;
+declare function DescriptionsRoot({ title, bordered, column, size, layout, colon, labelStyle, contentStyle, className, style, children, ...rest }: DescriptionsProps): import("react/jsx-runtime").JSX.Element;
+export declare const Descriptions: typeof DescriptionsRoot & {
+    Item: typeof DescriptionsItem;
+};
+export default Descriptions;