taibul-ui 1.0.0

package/README.md

@@ -0,0 +1,48 @@
+# taibul-ui
+
+A modern, simple design system and UI library.
+
+![Screenshot](./preview.png)
+
+## Getting Started
+
+### Installation
+
+```bash
+(npm|yarn|pnpm|bun) install taibul-ui
+```
+
+### Development
+
+Start the local dev server:
+
+```bash
+bun dev
+```
+
+Build for production:
+
+```bash
+bun run build
+```
+
+Preview build:
+
+```bash
+bun run preview
+```
+
+## Structure
+
+- `/src` - Core components, styles, and logic
+- `/public` - Static assets
+
+## Deployment
+
+To deploy the example style guide to Vercel:
+
+1. Connect your repository to Vercel.
+2. In the "Build & Development Settings", override the settings with:
+   - **Build Command**: `npm run build:example`
+   - **Output Directory**: `dist-example`
+3. Deploy!

package/dist/example/App.d.ts

@@ -0,0 +1 @@
+export default function StyleGuide(): import("react/jsx-runtime").JSX.Element;

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './src/index'
+export {}

package/dist/src/components/Avatar.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+interface AvatarProps {
+    /** The image source URL */
+    src?: string;
+    /** The name of the user, used for the initial if no image is provided */
+    name?: string;
+    /** The size of the avatar */
+    size?: 'sm' | 'md' | 'lg';
+    /** Alt text for the image */
+    alt?: string;
+    /** Custom class name */
+    className?: string;
+}
+export declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { LucideIcon } from 'lucide-react';
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: "primary" | "secondary" | "outline" | "ghost";
+    size?: "sm" | "md" | "lg";
+    leftIcon?: LucideIcon;
+    rightIcon?: LucideIcon;
+    isLoading?: boolean;
+}
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/src/components/Calendar.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+interface CalendarProps {
+    selected?: Date | {
+        from: Date;
+        to?: Date;
+    };
+    onSelect?: (date: Date) => void;
+    className?: string;
+    range?: boolean;
+}
+export declare const Calendar: React.ForwardRefExoticComponent<CalendarProps & Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect"> & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/src/components/Card.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+interface CardProps {
+    children: React.ReactNode;
+    className?: string;
+}
+declare const Header: ({ children, className }: {
+    children: React.ReactNode;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const Content: ({ children, className }: {
+    children: React.ReactNode;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const Footer: ({ children, className }: {
+    children: React.ReactNode;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const CardCompound: React.ForwardRefExoticComponent<CardProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>> & {
+    Header: typeof Header;
+    Content: typeof Content;
+    Footer: typeof Footer;
+};
+export { CardCompound as Card };

package/dist/src/components/Checkbox.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onChange?: (checked: boolean, e: React.ChangeEvent<HTMLInputElement>) => void;
+    label?: string;
+    className?: string;
+    [key: string]: any;
+}
+export declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export {};

package/dist/src/components/CodeReveal.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+interface CodeRevealProps {
+    code: string;
+    language?: string;
+    title?: string;
+    className?: string;
+}
+export declare const CodeReveal: React.ForwardRefExoticComponent<CodeRevealProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/src/components/Collapse.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+interface CollapseProps {
+    accordion?: boolean;
+    defaultActiveKey?: string | string[];
+    children: React.ReactNode;
+    className?: string;
+    bordered?: boolean;
+}
+interface PanelProps {
+    id: string;
+    header: React.ReactNode;
+    children: React.ReactNode;
+    className?: string;
+    disabled?: boolean;
+}
+declare const Panel: ({ id, header, children, className, disabled }: PanelProps) => import("react/jsx-runtime").JSX.Element;
+declare const CollapseCompound: React.ForwardRefExoticComponent<CollapseProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>> & {
+    Panel: typeof Panel;
+};
+export { CollapseCompound as Collapse };

package/dist/src/components/ColorPicker.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+interface ColorPickerProps {
+    value: string;
+    onChange: (color: string) => void;
+    className?: string;
+    label?: string;
+}
+export declare const ColorPicker: React.FC<ColorPickerProps>;
+export {};

package/dist/src/components/Combobox.d.ts

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+interface Option {
+    label: string;
+    value: string;
+}
+interface ComboboxProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
+    options: Option[];
+    value?: string | string[];
+    defaultValue?: string | string[];
+    onChange?: (value: string | string[], e?: React.SyntheticEvent) => void;
+    label?: string;
+    placeholder?: string;
+    error?: string;
+    className?: string;
+    required?: boolean;
+    multi?: boolean;
+}
+export declare const Combobox: React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/src/components/Confirm.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+interface ConfirmProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'title' | 'onCancel'> {
+    isOpen: boolean;
+    title: string;
+    prompt: string;
+    okText?: string;
+    cancelText?: string;
+    onConfirm: () => void;
+    onCancel: () => void;
+    width?: string | number;
+    confirmTextInput?: string;
+}
+export declare const Confirm: React.ForwardRefExoticComponent<ConfirmProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/src/components/ContentEditable.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+interface ContentEditableProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    value: string;
+    onChange: (value: string) => void;
+    className?: string;
+    placeholder?: string;
+    disabled?: boolean;
+}
+export declare const ContentEditable: React.ForwardRefExoticComponent<ContentEditableProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/src/components/CopyToClipboard.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+interface CopyToClipboardProps extends React.HTMLAttributes<HTMLDivElement | HTMLButtonElement> {
+    text: string;
+    duration?: number;
+    children?: React.ReactNode;
+    showTooltip?: boolean;
+}
+export declare const CopyToClipboard: React.ForwardRefExoticComponent<CopyToClipboardProps & React.RefAttributes<HTMLDivElement | HTMLButtonElement>>;
+export {};

package/dist/src/components/DatePicker.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+export type DateValue = Date | {
+    from: Date;
+    to?: Date;
+} | undefined;
+interface DatePickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
+    mode?: 'date' | 'time' | 'datetime' | 'range';
+    value?: DateValue;
+    defaultValue?: DateValue;
+    onChange?: (value: DateValue, e?: React.SyntheticEvent) => void;
+    label?: string;
+    placeholder?: string;
+    error?: string;
+    className?: string;
+    required?: boolean;
+}
+export declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/src/components/Divider.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+interface DividerProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The visual style of the divider line.
+     * @default 'solid'
+     */
+    variant?: 'solid' | 'dashed' | 'dotted';
+    /**
+     * The orientation of the divider.
+     * @default 'horizontal'
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * Optional text to display in the middle of a horizontal divider.
+     */
+    children?: React.ReactNode;
+    /**
+     * Additional CSS classes.
+     */
+    className?: string;
+}
+export declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/src/components/FileUploader.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+interface FileUploaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    variant?: 'button' | 'dropzone';
+    multiple?: boolean;
+    accept?: string;
+    label?: string;
+    description?: string;
+    onChange?: (files: File[]) => void;
+    maxSize?: number;
+    className?: string;
+}
+export declare const FileUploader: React.ForwardRefExoticComponent<FileUploaderProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/src/components/FontPicker.d.ts

@@ -0,0 +1 @@
+export declare const FontPicker: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/FontProvider.d.ts

@@ -0,0 +1,19 @@
+import { default as React, ReactNode } from 'react';
+export interface FontOption {
+    name: string;
+    value: string;
+    category: 'sans-serif' | 'serif' | 'monospace';
+}
+export declare const FONT_OPTIONS: FontOption[];
+interface FontContextType {
+    headingFont: string;
+    setHeadingFont: (font: string) => void;
+    bodyFont: string;
+    setBodyFont: (font: string) => void;
+    availableFonts: FontOption[];
+}
+export declare const FontProvider: React.FC<{
+    children: ReactNode;
+}>;
+export declare const useFont: () => FontContextType;
+export {};

package/dist/src/components/Grid.d.ts

@@ -0,0 +1,29 @@
+import { default as React } from 'react';
+type Justify = 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly';
+type Align = 'top' | 'middle' | 'bottom' | 'stretch';
+type Gutter = number;
+type ColSpan = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 'auto';
+interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
+    fluid?: boolean;
+}
+interface RowProps extends React.HTMLAttributes<HTMLDivElement> {
+    justify?: Justify;
+    align?: Align;
+    gutter?: Gutter | [Gutter, Gutter];
+}
+interface ColProps extends React.HTMLAttributes<HTMLDivElement> {
+    span?: ColSpan;
+    offset?: ColSpan;
+    xs?: ColSpan;
+    sm?: ColSpan;
+    md?: ColSpan;
+    lg?: ColSpan;
+    xl?: ColSpan;
+    "2xl"?: ColSpan;
+    flex?: string | number;
+}
+export declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>> & {
+    Row: React.ForwardRefExoticComponent<RowProps & React.RefAttributes<HTMLDivElement>>;
+    Col: React.ForwardRefExoticComponent<ColProps & React.RefAttributes<HTMLDivElement>>;
+};
+export {};

package/dist/src/components/Icon.d.ts

@@ -0,0 +1,103 @@
+import { default as React } from 'react';
+import { LucideProps } from 'lucide-react';
+export declare const StandardIcons: {
+    readonly user: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly settings: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly bell: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly search: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly mail: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly 'check-circle': React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly 'alert-circle': React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly info: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly plus: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly minus: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly close: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly menu: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly maximize: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly 'chevron-right': React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly 'chevron-left': React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly 'chevron-down': React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly 'chevron-up': React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly home: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly trash: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly edit: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly save: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly download: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly upload: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly 'external-link': React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly lock: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly unlock: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly eye: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly 'eye-off': React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly calendar: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly clock: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly 'map-pin': React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly phone: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly layout: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly type: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly palette: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly cursor: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly input: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly 'credit-card': React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly split: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly text: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly 'check-square': React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly table: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly code: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly activity: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly message: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly 'message-square': React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly filter: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly sun: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly moon: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly tag: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly dashboard: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly analytics: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly users: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly file: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly folder: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly image: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly video: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly cloud: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly database: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly server: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly wifi: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly bluetooth: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly battery: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly power: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly bookmark: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly star: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly heart: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly 'thumbs-up': React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly 'thumbs-down': React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly share: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly link: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly globe: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly cart: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly dollar: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly percent: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly list: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly grid: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly 'more-horizontal': React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly 'more-vertical': React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly 'arrow-right': React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly 'arrow-left': React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly 'arrow-up': React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly 'arrow-down': React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly refresh: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly login: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly shapes: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly layers: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly 'rectangle-horizontal': React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly 'picture-in-picture-2': React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly 'panel-top-dashed': React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly 'clock-fading': React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+    readonly command: React.ForwardRefExoticComponent<Omit<LucideProps, "ref"> & React.RefAttributes<SVGSVGElement>>;
+};
+export type IconName = keyof typeof StandardIcons;
+interface IconProps extends Omit<LucideProps, 'ref'> {
+    name?: IconName;
+    customIcon?: React.ElementType;
+}
+export declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<SVGSVGElement>>;
+export {};

package/dist/src/components/Input.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onChange'> {
+    label?: string;
+    error?: string;
+    format?: string;
+    defaultValue?: string;
+    value?: string;
+    onChange?: (value: string, e: React.ChangeEvent<HTMLInputElement>) => void;
+    [key: string]: any;
+}
+export declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export {};

package/dist/src/components/KeyboardShortcut.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface KeyboardShortcutProps extends React.HTMLAttributes<HTMLDivElement> {
+    keys: string[];
+    className?: string;
+}
+export declare const KeyboardShortcut: React.ForwardRefExoticComponent<KeyboardShortcutProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/src/components/Layout.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { NavigationItem } from './Menu';
+interface LayoutProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+interface SiderProps extends React.HTMLAttributes<HTMLDivElement> {
+    width?: string;
+    collapsed?: boolean;
+    collapsedWidth?: string;
+    navigation?: NavigationItem[];
+    onCollapse?: (collapsed: boolean) => void;
+}
+export declare const Layout: React.ForwardRefExoticComponent<LayoutProps & React.RefAttributes<HTMLDivElement>> & {
+    Header: React.ForwardRefExoticComponent<LayoutProps & React.RefAttributes<HTMLDivElement>>;
+    Footer: React.ForwardRefExoticComponent<LayoutProps & React.RefAttributes<HTMLDivElement>>;
+    Sider: React.ForwardRefExoticComponent<SiderProps & React.RefAttributes<HTMLDivElement>>;
+    Content: React.ForwardRefExoticComponent<LayoutProps & React.RefAttributes<HTMLDivElement>>;
+};
+export {};

package/dist/src/components/MarkdownRenderer.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface MarkdownRendererProps extends React.HTMLAttributes<HTMLDivElement> {
+    content: string;
+    className?: string;
+}
+export declare const MarkdownRenderer: React.ForwardRefExoticComponent<MarkdownRendererProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/src/components/Menu.d.ts

@@ -0,0 +1,23 @@
+import { default as React } from 'react';
+import { LucideIcon } from 'lucide-react';
+import { IconName } from './Icon';
+export type NavigationItem = {
+    header: string;
+} | {
+    divider: true;
+} | {
+    label: string;
+    icon?: LucideIcon;
+    iconName?: IconName;
+    iconColor?: string;
+    href?: string;
+    onClick?: () => void;
+    isActive?: boolean;
+    id?: string;
+};
+export interface MenuProps extends React.HTMLAttributes<HTMLDivElement> {
+    items: NavigationItem[];
+    collapsed?: boolean;
+    className?: string;
+}
+export declare const Menu: React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<HTMLDivElement>>;

package/dist/src/components/Modal.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+interface ModalProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'width' | 'children'> {
+    isOpen: boolean;
+    onClose: () => void;
+    children: React.ReactNode;
+    width?: string | number;
+}
+export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>> & {
+    Header: ({ children, onClose }: {
+        children: React.ReactNode;
+        onClose?: () => void;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Content: ({ children }: {
+        children: React.ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Footer: ({ children, onClose }: {
+        children: React.ReactNode;
+        onClose?: () => void;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export {};

package/dist/src/components/Progress.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+interface ProgressProps extends React.HTMLAttributes<HTMLDivElement> {
+    value: number;
+    max?: number;
+    className?: string;
+    variant?: 'primary' | 'success' | 'warning' | 'error';
+    size?: 'sm' | 'md' | 'lg';
+    showValue?: boolean;
+}
+export declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/src/components/RadioGroup.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+export interface RadioGroupProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
+    name: string;
+    options: {
+        label: string;
+        value: string;
+    }[];
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string, e?: React.ChangeEvent<HTMLInputElement>) => void;
+    className?: string;
+}
+export declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;

package/dist/src/components/Select.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+interface SelectProps extends React.SelectHTMLAttributes<HTMLSelectElement> {
+    label?: string;
+    options: {
+        label: string;
+        value: string;
+    }[];
+    error?: string;
+}
+export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLSelectElement>>;
+export {};

package/dist/src/components/Slider.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+interface SliderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {
+    label?: string;
+    min?: number;
+    max?: number;
+    step?: number;
+    value?: number | [number, number];
+    defaultValue?: number | [number, number];
+    onChange?: (value: number | [number, number], e?: React.ChangeEvent<HTMLInputElement>) => void;
+    className?: string;
+    showValue?: boolean;
+    unit?: string;
+}
+export declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/src/components/Space.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+interface SpaceProps extends React.HTMLAttributes<HTMLDivElement> {
+    gap?: number;
+    direction?: 'horizontal' | 'vertical';
+    align?: 'start' | 'end' | 'center' | 'baseline' | 'stretch';
+    justify?: 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly';
+    wrap?: boolean;
+}
+declare const Space: React.ForwardRefExoticComponent<SpaceProps & React.RefAttributes<HTMLDivElement>>;
+export { Space };

package/dist/src/components/Spinner.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+interface SpinnerProps extends React.HTMLAttributes<HTMLDivElement> {
+    size?: 'sm' | 'md' | 'lg' | number;
+    className?: string;
+    variant?: 'primary' | 'muted' | 'white';
+}
+export declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<HTMLDivElement>>;
+export {};