@moving-walls/design-system 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Vivekanand Design
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,221 @@
+# 🎨 MW Design System
+
+A comprehensive React component library and design system built with TypeScript, providing modern UI components, design tokens, and a complete icon system.
+
+## 📦 Installation
+
+```bash
+npm install @mw-design/system
+# or
+yarn add @mw-design/system
+# or
+pnpm add @mw-design/system
+```
+
+## 🚀 Quick Start
+
+```tsx
+import { Button, Card, DynamicIcon } from '@mw-design/system'
+import '@mw-design/system/dist/styles/globals.css'
+
+function App() {
+  return (
+    <Card>
+      <Button variant="primary">
+        <DynamicIcon name="heart" size={16} />
+        Get Started
+      </Button>
+    </Card>
+  )
+}
+```
+
+## 📖 Documentation
+
+Visit our [live documentation](https://mwdesignsystem.netlify.app) for complete guides, examples, and API references.
+
+## 🧩 Features
+
+### ✨ **50+ React Components**
+- **Buttons**: Primary, secondary, ghost, destructive variants
+- **Forms**: Input, textarea, select, checkbox, switch, radio
+- **Data Display**: Tables, cards, badges, avatars, tooltips
+- **Navigation**: Tabs, breadcrumbs, pagination, steppers
+- **Feedback**: Alerts, toasts, modals, progress indicators
+- **Layout**: Containers, grids, panels, sidebars
+
+### 🎯 **Icon System**
+- **1000+ Lucide Icons**: Complete icon library with dynamic loading
+- **DynamicIcon Component**: Smart icon loading with fallbacks
+- **Multiple Formats**: SVG, React components, and sprite sheets
+
+### 🎨 **Design Tokens**
+- **CSS Custom Properties**: Dark/light theme support
+- **SCSS Variables**: For Sass-based projects  
+- **JavaScript Objects**: For dynamic styling
+- **JSON Format**: For design tools integration
+
+### 🔧 **Developer Experience**
+- **TypeScript**: Full type safety and IntelliSense
+- **Tree Shaking**: Import only what you need
+- **SSR Ready**: Next.js, Remix, and other frameworks
+- **Customizable**: CSS variables and component props
+
+## 📱 Component Categories
+
+### Core Components
+```tsx
+import { 
+  Button, Card, Input, Modal, Badge, 
+  Alert, Avatar, Checkbox, Switch 
+} from '@mw-design/system'
+```
+
+### Advanced Components  
+```tsx
+import { 
+  DataGrid, Calendar, FileUpload, 
+  RichTextEditor, Carousel, TreeView 
+} from '@mw-design/system'
+```
+
+### Layout & Navigation
+```tsx
+import { 
+  Navigation, Sidebar, Tabs, Breadcrumb,
+  Pagination, Stepper 
+} from '@mw-design/system'
+```
+
+## 🎨 Design Tokens Usage
+
+### CSS Custom Properties
+```css
+/* Automatically available when importing styles */
+.my-component {
+  background: var(--color-primary);
+  padding: var(--spacing-4);
+  border-radius: var(--radius-md);
+}
+```
+
+### JavaScript/TypeScript
+```tsx
+import { tokens } from '@mw-design/system'
+
+const styles = {
+  background: tokens.colors.primary[500],
+  padding: tokens.spacing[4]
+}
+```
+
+### SCSS Variables
+```scss
+@import '@mw-design/system/dist/tokens/tokens.scss';
+
+.button {
+  background: $primary-500;
+  padding: $spacing-4;
+}
+```
+
+## 🎭 Theming
+
+### Automatic Dark Mode
+```tsx
+// Dark mode activated via system preference or class
+<html className="dark">
+  <body>
+    <App />
+  </body>
+</html>
+```
+
+### Custom Theme Variables
+```css
+:root {
+  --color-primary: #your-brand-color;
+  --color-secondary: #your-secondary-color;
+}
+```
+
+## 📁 Bundle Formats
+
+The package provides multiple formats for different use cases:
+
+- **ESM**: `@mw-design/system` (recommended)
+- **CommonJS**: `@mw-design/system/dist/index.js`
+- **UMD**: `@mw-design/system/dist/index.umd.js`
+
+## 🔗 CDN Usage
+
+```html
+<!-- Include via CDN -->
+<link rel="stylesheet" href="https://unpkg.com/@mw-design/system/dist/styles/globals.css">
+<script src="https://unpkg.com/@mw-design/system/dist/index.umd.js"></script>
+
+<script>
+  const { Button, Card } = MWDesignSystem;
+</script>
+```
+
+## 🛠️ Build Integration
+
+### Next.js
+```tsx
+// pages/_app.tsx
+import '@mw-design/system/dist/styles/globals.css'
+import type { AppProps } from 'next/app'
+
+export default function App({ Component, pageProps }: AppProps) {
+  return <Component {...pageProps} />
+}
+```
+
+### Vite/React
+```tsx
+// main.tsx
+import '@mw-design/system/dist/styles/globals.css'
+import { createRoot } from 'react-dom/client'
+import App from './App'
+
+createRoot(document.getElementById('root')!).render(<App />)
+```
+
+## 🔧 Advanced Usage
+
+### Tree Shaking
+```tsx
+// Import only what you need
+import { Button } from '@mw-design/system/dist/components/ui/Button'
+import { Card } from '@mw-design/system/dist/components/ui/Card'
+```
+
+### Custom Icon Loading
+```tsx
+import { DynamicIcon } from '@mw-design/system'
+
+// Icons are loaded dynamically based on name
+<DynamicIcon name="shopping-cart" size={24} />
+<DynamicIcon name="user-plus" size={16} />
+```
+
+## 🤝 Contributing
+
+We welcome contributions! Please see our [Contributing Guide](https://github.com/your-repo/contributing) for details.
+
+## 📄 License
+
+MIT License - see [LICENSE](LICENSE) file for details.
+
+## 🔗 Links
+
+- [📚 Documentation](https://mwdesignsystem.netlify.app)
+- [🎨 Design System](https://mwdesignsystem.netlify.app/design-process)
+- [🧩 Components](https://mwdesignsystem.netlify.app/components)
+- [🎯 Icons](https://mwdesignsystem.netlify.app/icons)
+- [🎨 Tokens](https://mwdesignsystem.netlify.app/tokens)
+
+---
+
+Built with ❤️ for modern React applications

package/dist/components/AnimationComponents.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+interface AnimatedElementProps {
+    children: React.ReactNode;
+    delay?: number;
+    direction?: 'up' | 'down' | 'left' | 'right' | 'fade';
+    className?: string;
+}
+export declare const AnimatedElement: React.FC<AnimatedElementProps>;
+interface ProcessFlowAnimationProps {
+    steps: Array<{
+        id: string;
+        title: string;
+        icon: React.ComponentType<any>;
+        color: string;
+    }>;
+    activeStep: number;
+    onStepClick: (index: number) => void;
+}
+export declare const ProcessFlowAnimation: React.FC<ProcessFlowAnimationProps>;
+interface CounterAnimationProps {
+    end: number;
+    duration?: number;
+    suffix?: string;
+    className?: string;
+}
+export declare const CounterAnimation: React.FC<CounterAnimationProps>;
+interface FloatingElementProps {
+    children: React.ReactNode;
+    delay?: number;
+    amplitude?: number;
+    duration?: number;
+    className?: string;
+}
+export declare const FloatingElement: React.FC<FloatingElementProps>;
+export {};

package/dist/components/CodeSnippet.d.ts

@@ -0,0 +1,8 @@
+interface CodeSnippetProps {
+    code: string;
+    language?: string;
+    title?: string;
+    defaultExpanded?: boolean;
+}
+export declare function CodeSnippet({ code, language, title, defaultExpanded }: CodeSnippetProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/DynamicIcon.clean.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { LucideProps } from 'lucide-react';
+export interface IconComponentProps extends LucideProps {
+    name: string;
+    size?: number;
+    className?: string;
+}
+export declare const DynamicIcon: React.FC<IconComponentProps>;

package/dist/components/DynamicIcon.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { LucideProps } from 'lucide-react';
+export interface IconComponentProps extends LucideProps {
+    name: string;
+    size?: number;
+    className?: string;
+}
+export declare const DynamicIcon: React.FC<IconComponentProps>;

package/dist/components/Footer.d.ts

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

package/dist/components/Navigation.d.ts

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

package/dist/components/PageHero.d.ts

@@ -0,0 +1,15 @@
+interface PageHeroProps {
+    title: string;
+    description: string;
+    badge?: {
+        text: string;
+        variant?: 'primary' | 'secondary' | 'success' | 'warning' | 'info';
+    };
+    stats?: {
+        label: string;
+        value: string;
+    }[];
+    className?: string;
+}
+export declare function PageHero({ title, description, badge, stats, className }: PageHeroProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ThemeToggle.d.ts

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

package/dist/components/Toast.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { CopyType } from '@/utils/svgExtractor';
+interface ToastProps {
+    message: string;
+    type?: 'success' | 'error' | 'info';
+    copyType?: CopyType;
+    iconName?: string;
+    duration?: number;
+    onClose?: () => void;
+}
+export declare const Toast: React.FC<ToastProps>;
+/**
+ * Toast Container for managing multiple toasts
+ */
+interface ToastContainerProps {
+    toasts: Array<ToastProps & {
+        id: string;
+    }>;
+    onRemove: (id: string) => void;
+}
+export declare const ToastContainer: React.FC<ToastContainerProps>;
+/**
+ * Hook for managing toasts
+ */
+export declare const useToast: () => {
+    toasts: (ToastProps & {
+        id: string;
+    })[];
+    addToast: (toast: ToastProps) => string;
+    removeToast: (id: string) => void;
+    clearToasts: () => void;
+};
+export {};

package/dist/components/index.d.ts

@@ -0,0 +1,9 @@
+export * from './ui';
+export { Navigation } from './Navigation';
+export { Footer } from './Footer';
+export { PageHero } from './PageHero';
+export { ThemeToggle } from './ThemeToggle';
+export { DynamicIcon } from './DynamicIcon';
+export { CodeSnippet } from './CodeSnippet';
+export { AnimatedElement, ProcessFlowAnimation, CounterAnimation, FloatingElement } from './AnimationComponents';
+export type * from '../types';

package/dist/components/ui/Accordion.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+export interface AccordionProps {
+    type?: 'single' | 'multiple';
+    defaultValue?: string | string[];
+    value?: string | string[];
+    onValueChange?: (value: string | string[]) => void;
+    children: React.ReactNode;
+    className?: string;
+}
+export interface AccordionItemProps {
+    value: string;
+    children: React.ReactNode;
+    className?: string;
+}
+export interface AccordionTriggerProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export interface AccordionContentProps {
+    children: React.ReactNode;
+    className?: string;
+}
+export declare function Accordion({ type, defaultValue, value, onValueChange, children, className }: AccordionProps): import("react/jsx-runtime").JSX.Element;
+export declare function AccordionItem({ value, children, className }: AccordionItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function AccordionTrigger({ children, className }: AccordionTriggerProps): import("react/jsx-runtime").JSX.Element;
+export declare function AccordionContent({ children, className }: AccordionContentProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/AdvancedTable.d.ts

@@ -0,0 +1,149 @@
+import React from 'react';
+export type AdvancedTableColumnType = 'text' | 'number' | 'date' | 'boolean' | 'badge' | 'progress' | 'image' | 'link' | 'custom';
+export type AdvancedTableSortDirection = 'asc' | 'desc' | null;
+export type AdvancedTableFilterOperator = 'equals' | 'contains' | 'startsWith' | 'endsWith' | 'gt' | 'lt' | 'gte' | 'lte' | 'between' | 'in' | 'notIn';
+export type AdvancedTableSelectionMode = 'none' | 'single' | 'multiple';
+export type AdvancedTableDensity = 'compact' | 'normal' | 'comfortable';
+export interface AdvancedTableColumn<T = any> {
+    id: string;
+    header: string | React.ReactNode;
+    accessorKey?: keyof T | string;
+    accessorFn?: (row: T) => any;
+    cell?: (value: any, row: T, column: AdvancedTableColumn<T>) => React.ReactNode;
+    sortable?: boolean;
+    filterable?: boolean;
+    searchable?: boolean;
+    type?: AdvancedTableColumnType;
+    width?: number | string;
+    minWidth?: number;
+    maxWidth?: number;
+    align?: 'left' | 'center' | 'right';
+    sticky?: 'left' | 'right';
+    resizable?: boolean;
+    hidden?: boolean;
+    pinned?: boolean;
+    freezable?: boolean;
+    aggregate?: 'sum' | 'avg' | 'count' | 'min' | 'max' | 'custom';
+    aggregateFn?: (values: any[]) => any;
+    footer?: React.ReactNode | ((values: any[]) => React.ReactNode);
+    meta?: Record<string, any>;
+}
+export interface AdvancedTableSort {
+    columnId: string;
+    direction: AdvancedTableSortDirection;
+}
+export interface AdvancedTableFilter {
+    columnId: string;
+    value: any;
+    operator?: AdvancedTableFilterOperator;
+}
+export interface AdvancedTableSelection<T = any> {
+    mode: AdvancedTableSelectionMode;
+    selectedRows: Set<string | number>;
+    onSelectionChange?: (selectedRows: Set<string | number>, selectedData: T[]) => void;
+    preserveSelection?: boolean;
+}
+export interface AdvancedTablePagination {
+    pageIndex: number;
+    pageSize: number;
+    total: number;
+    onPageChange: (pageIndex: number) => void;
+    onPageSizeChange: (pageSize: number) => void;
+    showQuickJumper?: boolean;
+    showSizeChanger?: boolean;
+    showTotal?: boolean | ((total: number, range: [number, number]) => React.ReactNode);
+    pageSizeOptions?: number[];
+}
+export interface AdvancedTableRowAction<T = any> {
+    label: string;
+    icon?: React.ReactNode;
+    onClick: (row: T, rowIndex: number) => void;
+    variant?: 'primary' | 'secondary' | 'destructive' | 'outline' | 'ghost' | 'flow';
+    disabled?: (row: T) => boolean;
+    hidden?: (row: T) => boolean;
+    tooltip?: string;
+}
+export interface AdvancedTableBulkAction<T = any> {
+    label: string;
+    icon?: React.ReactNode;
+    onClick: (selectedRows: T[]) => void;
+    variant?: 'primary' | 'secondary' | 'destructive' | 'outline' | 'ghost' | 'flow';
+    disabled?: (selectedRows: T[]) => boolean;
+    tooltip?: string;
+}
+export interface AdvancedTableToolbarAction {
+    label: string;
+    icon?: React.ReactNode;
+    onClick: () => void;
+    variant?: 'primary' | 'secondary' | 'destructive' | 'outline' | 'ghost' | 'flow';
+    tooltip?: string;
+}
+export interface AdvancedTableState {
+    sorting: AdvancedTableSort[];
+    filters: AdvancedTableFilter[];
+    globalFilter: string;
+    columnVisibility: Record<string, boolean>;
+    columnOrder: string[];
+    columnSizing: Record<string, number>;
+    density: AdvancedTableDensity;
+    frozenColumns: {
+        left: string[];
+        right: string[];
+    };
+}
+interface AdvancedTableProps<T = any> {
+    data: T[];
+    columns: AdvancedTableColumn<T>[];
+    getRowId?: (row: T, index: number) => string | number;
+    state?: Partial<AdvancedTableState>;
+    onStateChange?: (state: AdvancedTableState) => void;
+    enableSorting?: boolean;
+    enableFiltering?: boolean;
+    enableGlobalFilter?: boolean;
+    enableColumnResizing?: boolean;
+    enableColumnReordering?: boolean;
+    enableColumnVisibility?: boolean;
+    enableRowSelection?: boolean;
+    enableBulkActions?: boolean;
+    enableVirtualization?: boolean;
+    enableExport?: boolean;
+    enableFullscreen?: boolean;
+    selection?: AdvancedTableSelection<T>;
+    pagination?: AdvancedTablePagination;
+    rowActions?: AdvancedTableRowAction<T>[];
+    bulkActions?: AdvancedTableBulkAction<T>[];
+    toolbarActions?: AdvancedTableToolbarAction[];
+    loading?: boolean;
+    loadingMessage?: string;
+    emptyMessage?: string | React.ReactNode;
+    errorMessage?: string | React.ReactNode;
+    striped?: boolean;
+    bordered?: boolean;
+    hoverable?: boolean;
+    stickyHeader?: boolean;
+    maxHeight?: string;
+    className?: string;
+    size?: 'sm' | 'md' | 'lg';
+    onRowClick?: (row: T, rowIndex: number) => void;
+    onRowDoubleClick?: (row: T, rowIndex: number) => void;
+    onRowHover?: (row: T, rowIndex: number) => void;
+    onCellClick?: (value: any, row: T, column: AdvancedTableColumn<T>) => void;
+    expandableRows?: {
+        enabled: boolean;
+        expandedRows: Set<string | number>;
+        onExpandedChange: (expandedRows: Set<string | number>) => void;
+        renderExpandedRow: (row: T) => React.ReactNode;
+    };
+    grouping?: {
+        enabled: boolean;
+        groupBy: string[];
+        onGroupByChange: (groupBy: string[]) => void;
+    };
+    virtualization?: {
+        enabled: boolean;
+        estimatedRowHeight: number;
+        overscan?: number;
+    };
+}
+export declare function AdvancedTable<T extends Record<string, any>>({ data, columns, getRowId, state, onStateChange, enableSorting, enableFiltering, enableGlobalFilter, enableColumnResizing, enableColumnReordering, enableColumnVisibility, enableRowSelection, enableBulkActions, enableVirtualization, enableExport, enableFullscreen, selection, pagination, rowActions, bulkActions, toolbarActions, loading, loadingMessage, emptyMessage, errorMessage, striped, bordered, hoverable, stickyHeader, maxHeight, className, size, onRowClick, onRowDoubleClick, onRowHover, onCellClick, expandableRows, grouping, virtualization }: AdvancedTableProps<T>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ui/Alert.d.ts

@@ -0,0 +1,8 @@
+export interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
+    variant?: 'default' | 'success' | 'warning' | 'error' | 'info';
+    title?: string;
+    dismissible?: boolean;
+    onDismiss?: () => void;
+    children: React.ReactNode;
+}
+export declare const Alert: import("react").ForwardRefExoticComponent<AlertProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/ui/AppHeader.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export interface AppHeaderProps {
+    logo?: React.ReactNode;
+    appName?: string;
+    showSidebarToggle?: boolean;
+    actions?: React.ReactNode;
+    className?: string;
+    children?: React.ReactNode;
+}
+export declare const AppHeader: React.FC<AppHeaderProps>;
+interface SidebarToggleButtonProps {
+    isCollapsed: boolean;
+    onClick: () => void;
+    className?: string;
+}
+export declare const SidebarToggleButton: React.FC<SidebarToggleButtonProps>;
+export default AppHeader;

package/dist/components/ui/Autocomplete.d.ts

@@ -0,0 +1,30 @@
+interface AutocompleteOption {
+    value: string;
+    label: string;
+    description?: string;
+    disabled?: boolean;
+    group?: string;
+}
+interface AutocompleteProps {
+    options: AutocompleteOption[];
+    value?: string | string[];
+    onChange?: (value: string | string[]) => void;
+    onSearch?: (query: string) => void;
+    placeholder?: string;
+    multiple?: boolean;
+    disabled?: boolean;
+    loading?: boolean;
+    label?: string;
+    error?: string;
+    helpText?: string;
+    size?: 'sm' | 'md' | 'lg';
+    clearable?: boolean;
+    creatable?: boolean;
+    onCreate?: (value: string) => void;
+    maxSelections?: number;
+    className?: string;
+    noOptionsText?: string;
+    filterOptions?: (options: AutocompleteOption[], query: string) => AutocompleteOption[];
+}
+export declare function Autocomplete({ options, value: controlledValue, onChange, onSearch, placeholder, multiple, disabled, loading, label, error, helpText, size, clearable, creatable, onCreate, maxSelections, className, noOptionsText, filterOptions }: AutocompleteProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,22 @@
+import React from 'react';
+export interface AvatarProps extends React.HTMLAttributes<HTMLDivElement> {
+    src?: string;
+    alt?: string;
+    fallback?: string;
+    size?: 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+    variant?: 'circle' | 'square';
+}
+export declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>>;
+export interface AvatarGroupProps extends React.HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+    max?: number;
+    size?: 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+    spacing?: 'tight' | 'normal' | 'loose';
+}
+export declare const AvatarGroup: React.ForwardRefExoticComponent<AvatarGroupProps & React.RefAttributes<HTMLDivElement>>;
+export interface AvatarImageProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+}
+export declare const AvatarImage: React.ForwardRefExoticComponent<AvatarImageProps & React.RefAttributes<HTMLImageElement>>;
+export interface AvatarFallbackProps extends React.HTMLAttributes<HTMLSpanElement> {
+}
+export declare const AvatarFallback: React.ForwardRefExoticComponent<AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/components/ui/Badge.d.ts

@@ -0,0 +1,6 @@
+export interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
+    variant?: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'outline';
+    size?: 'sm' | 'md' | 'lg';
+    children: React.ReactNode;
+}
+export declare const Badge: import("react").ForwardRefExoticComponent<BadgeProps & import("react").RefAttributes<HTMLSpanElement>>;

package/dist/components/ui/Breadcrumb.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+export interface BreadcrumbProps {
+    children: ReactNode;
+    className?: string;
+    separator?: ReactNode;
+}
+export declare const Breadcrumb: ({ children, className, separator }: BreadcrumbProps) => import("react/jsx-runtime").JSX.Element;
+export interface BreadcrumbItemProps {
+    children: ReactNode;
+    href?: string;
+    isLast?: boolean;
+    className?: string;
+}
+export declare const BreadcrumbItem: ({ children, href, isLast, className }: BreadcrumbItemProps) => import("react/jsx-runtime").JSX.Element;
+export interface BreadcrumbSeparatorProps {
+    className?: string;
+    children?: ReactNode;
+}
+export declare const BreadcrumbSeparator: ({ className, children }: BreadcrumbSeparatorProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,9 @@
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: 'primary' | 'secondary' | 'ghost' | 'outline' | 'destructive' | 'flow';
+    size?: 'sm' | 'md' | 'lg';
+    children: React.ReactNode;
+    icon?: React.ReactNode;
+    iconPosition?: 'left' | 'right';
+    isIconOnly?: boolean;
+}
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;