@papernote/ui 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 kwhittenberger
+
+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,445 @@
+# @papernote/ui
+
+[![npm version](https://img.shields.io/npm/v/@papernote/ui.svg)](https://www.npmjs.com/package/@papernote/ui)
+[![License: MIT](https://img.shields.io/badge/License-MIT-blue.svg)](https://opensource.org/licenses/MIT)
+[![TypeScript](https://img.shields.io/badge/TypeScript-5.0-blue)](https://www.typescriptlang.org/)
+[![Storybook](https://img.shields.io/badge/Storybook-8.0-ff4785)](https://storybook.js.org/)
+
+A modern React component library with a paper notebook aesthetic - minimal, professional, and expressive. Built with TypeScript, Tailwind CSS, and designed for production use.
+
+**[📖 Live Demo (Storybook)](https://691fcf89b3393605ea470e93-ziadmszluo.chromatic.com/)** • **[📦 npm Package](https://www.npmjs.com/package/@papernote/ui)** • **[💬 GitHub](https://github.com/kwhittenberger/papernote-ui)**
+
+## ✨ Features
+
+- 🎨 **Paper Notebook Aesthetic** - Subtle grain textures, muted warm colors, inspired by quality paper notebooks
+- ⚡ **115+ Components** - Comprehensive set of production-ready React components
+- 📚 **45+ Storybook Stories** - Extensive documentation with 500+ interactive examples
+- 🎯 **TypeScript First** - Full TypeScript support with comprehensive type definitions
+- 🎨 **Tailwind CSS v3** - Built on Tailwind with custom design tokens
+- ♿ **Accessible** - WCAG AA compliant with ARIA attributes and keyboard navigation
+- 🚀 **Tree-shakeable** - Import only what you need
+- 📱 **Responsive** - Mobile-first design with responsive utilities
+- 🔧 **Virtual Scrolling** - High-performance rendering for large datasets (DataTable)
+- 🎯 **forwardRef Support** - All form components support ref forwarding
+
+## 📦 Installation
+
+```bash
+npm install @papernote/ui
+# or
+yarn add @papernote/ui
+# or
+pnpm add @papernote/ui
+```
+
+### Peer Dependencies
+
+```bash
+npm install react react-dom react-router-dom lucide-react tailwindcss
+```
+
+## 🚀 Quick Start
+
+### 1. Import Styles
+
+In your main entry file (e.g., `src/main.tsx`):
+
+```tsx
+import '@papernote/ui/styles';
+```
+
+### 2. Configure Tailwind
+
+In your `tailwind.config.js`:
+
+```javascript
+import notebookConfig from '@papernote/ui/tailwind-config';
+
+export default {
+  ...notebookConfig,
+  content: [
+    './src/**/*.{js,ts,jsx,tsx}',
+    './node_modules/@papernote/ui/src/**/*.{js,ts,jsx,tsx}',
+  ],
+};
+```
+
+### 3. Use Components
+
+```tsx
+import { Button, Card, CardHeader, CardTitle, CardContent } from '@papernote/ui';
+
+function App() {
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>Welcome to @papernote/ui</CardTitle>
+      </CardHeader>
+      <CardContent>
+        <p>A beautiful component library with paper notebook aesthetic</p>
+        <Button variant="primary">Get Started</Button>
+      </CardContent>
+    </Card>
+  );
+}
+```
+
+## 🧩 Component Categories
+
+### Form Components (15+)
+- **Button** - Primary, secondary, ghost, danger, outline variants with loading states
+- **Input** - Text input with prefix/suffix icons, clearable, validation states
+- **Select** - Searchable dropdown with clearable option
+- **MultiSelect** - Multiple selection dropdown
+- **Textarea** - Auto-expanding text area with resize control
+- **Checkbox** - Checkbox with icon support
+- **Radio** - Radio buttons with icon support
+- **Switch** - Toggle switch with loading state
+- **Slider** - Range input with value display
+- **DatePicker** - Calendar date picker with events and range mode
+- **TimePicker** - Time selection input
+- **ColorPicker** - Color selector with presets
+- **FileUpload** - Drag-and-drop file upload
+- **PasswordInput** - Password field with show/hide toggle
+- **NumberInput** - Numeric input with step controls
+
+### Layout Components (12+)
+- **Card** - Container with Header, Title, Content, Footer sections
+- **Stack** - Vertical/horizontal flex layout
+- **Grid** - Responsive grid system with GridItem
+- **Box** - Generic container with spacing utilities
+- **Text** - Typography component with size variants
+- **Page** - Notebook-style page background with ruled lines
+- **PageLayout** - Standard page layout with title and description
+- **Layout** - Complete app layout with sidebar and gutter navigation
+- **AppLayout** - Layout with expandable toolbar and status bar
+- **Dashboard** - Dashboard container with DashboardHeader and DashboardContent
+- **TwoColumnContent** - 1/3 sidebar + 2/3 main content layout
+- **Separator** - Horizontal/vertical divider
+
+### Navigation Components (10+)
+- **Sidebar** - Collapsible navigation sidebar with nested items
+- **Breadcrumbs** - Path navigation with custom separators
+- **Pagination** - Page navigation with size options
+- **Tabs** - Tab navigation (underline and pill variants, vertical/horizontal)
+- **StepIndicator** - Progress stepper
+- **TreeView** - Hierarchical tree navigation with expand/collapse
+- **CommandPalette** - Keyboard-driven command launcher (Cmd+K style)
+- **PageNavigation** - Scrollspy navigation dots for page sections
+- **Dropdown** - Action menu with icons and dividers
+- **Menu** - Context menu component
+
+### Data Display Components (10+)
+- **DataTable** - Feature-rich table with sorting, filtering, selection, row actions, expansion, virtual scrolling
+- **Table** - Basic table component
+- **Badge** - Status indicators with dot variant
+- **StatusBadge** - Status badges with color variants
+- **Avatar** - User avatars with fallback initials
+- **Timeline** - Vertical/horizontal event timeline
+- **KanbanBoard** - Drag-and-drop kanban board
+- **Calendar** - Full calendar with event markers
+- **CurrencyDisplay** - Formatted currency display
+- **DateDisplay** - Formatted date display
+- **StatCard** - Statistics card with trends
+
+### Feedback Components (8+)
+- **Toast** - Notification system (success, error, warning, info) with position control
+- **Alert** - Notification banners with action buttons
+- **Modal** - Dialog with multiple sizes and animation variants
+- **Drawer** - Side-sliding panel (left, right, top, bottom)
+- **Tooltip** - Hover tooltips with positioning
+- **EmptyState** - No data/empty states
+- **Loading** - Spinners, dots, pulse loaders
+- **Skeleton** - Loading placeholders (SkeletonCard, SkeletonTable)
+- **LoadingOverlay** - Full-screen loading overlay
+- **ConfirmDialog** - Confirmation dialogs
+
+### Advanced Components (15+)
+- **Accordion** - Collapsible panels with custom icons
+- **Transfer** - Dual-list item transfer with search
+- **Carousel** - Image/content carousel with auto-play
+- **Stepper** - Multi-step wizard (horizontal/vertical)
+- **Rating** - Star rating input with half-star support
+- **Progress** - Linear and circular progress indicators
+- **Popover** - Rich content popovers with positioning
+- **ButtonGroup** - Toggle button groups (single/multiple selection)
+- **Autocomplete** - Auto-suggest input
+- **Combobox** - Searchable select with custom options
+- **DateRangePicker** - Date range selection
+- **RichTextEditor** - WYSIWYG editor
+- **MarkdownEditor** - Markdown editing
+- **InfiniteScroll** - Infinite scroll loading
+- **ContextMenu** - Right-click context menus
+
+### Utility Components (5+)
+- **Show/Hide** - Responsive visibility utilities
+- **ErrorBoundary** - Error boundary wrapper
+- **ThemeToggle** - Dark/light mode toggle
+- **QueryTransparency** - SQL query explanation
+- **NotificationIndicator** - Badge notification dots
+
+## 🎨 Design System
+
+### Color Palette
+
+The library uses a muted, warm color palette inspired by paper and ink:
+
+```javascript
+{
+  paper: {
+    50: '#fafaf9',   // Off-white background
+    100: '#f5f5f4',  // Light gray
+    200: '#e7e5e4',  // Border gray
+    300: '#d6d3d1',  // Subtle border
+  },
+  ink: {
+    600: '#57534e',  // Body text
+    700: '#44403c',  // Headings
+    900: '#1c1917',  // High contrast
+  },
+  accent: '#8b8878',    // Warm gray accents
+  primary: '#64748b',   // Slate blue
+  success: '#10b981',   // Muted emerald
+  warning: '#f59e0b',   // Soft amber
+  error: '#ef4444',     // Muted red
+}
+```
+
+### Typography
+
+- **Font Family**: System font stack (ui-sans-serif, system-ui, sans-serif)
+- **Font Sizes**: 12px (xs) to 48px (4xl)
+- **Line Heights**: 1.5 (body), 1.2 (headings)
+- **Font Weights**: 400 (normal), 500 (medium), 600 (semibold), 700 (bold)
+
+### Shadows & Effects
+
+- Subtle paper-like box shadows
+- SVG noise texture for paper grain
+- Smooth transitions (150ms-300ms)
+- Border radius: 0.375rem (6px) standard
+
+## 📚 Component Examples
+
+### Button with Loading State
+
+```tsx
+import { Button } from '@papernote/ui';
+import { Save } from 'lucide-react';
+
+<Button 
+  variant="primary" 
+  size="md" 
+  loading={isSaving}
+  icon={<Save />}
+  onClick={handleSave}
+>
+  Save Changes
+</Button>
+```
+
+### Toast Notifications
+
+```tsx
+import { addSuccessMessage, addErrorMessage, ToastContainer } from '@papernote/ui';
+
+function App() {
+  const handleSuccess = () => {
+    addSuccessMessage('Changes saved successfully!');
+  };
+
+  const handleError = () => {
+    addErrorMessage('Failed to save changes', 'Please try again');
+  };
+
+  return (
+    <>
+      <Button onClick={handleSuccess}>Show Success</Button>
+      <Button onClick={handleError}>Show Error</Button>
+      <ToastContainer position="top-right" />
+    </>
+  );
+}
+```
+
+### DataTable with Advanced Features
+
+```tsx
+import { DataTable } from '@papernote/ui';
+import { Edit, Trash } from 'lucide-react';
+
+const columns = [
+  { key: 'name', header: 'Name', sortable: true, filterable: true },
+  { key: 'email', header: 'Email', sortable: true },
+  { 
+    key: 'status', 
+    header: 'Status',
+    render: (row) => <Badge variant={row.status === 'active' ? 'success' : 'default'}>{row.status}</Badge>
+  },
+];
+
+const actions = [
+  { 
+    label: 'Edit', 
+    icon: <Edit className="h-4 w-4" />, 
+    onClick: (row) => handleEdit(row) 
+  },
+  { 
+    label: 'Delete', 
+    icon: <Trash className="h-4 w-4" />, 
+    onClick: (row) => handleDelete(row), 
+    variant: 'danger' as const 
+  },
+];
+
+<DataTable
+  data={users}
+  columns={columns}
+  actions={actions}
+  loading={loading}
+  selectable
+  onRowSelect={(selectedRows) => console.log(selectedRows)}
+  expandable
+  renderExpandedRow={(row) => <UserDetails user={row} />}
+  virtualized // Enable for 10,000+ rows
+  virtualHeight="600px"
+/>
+```
+
+### Form with Validation
+
+```tsx
+import { Input, Textarea, Select, Button, Card } from '@papernote/ui';
+import { useState } from 'react';
+
+function ContactForm() {
+  const [formData, setFormData] = useState({
+    name: '',
+    email: '',
+    category: '',
+    message: ''
+  });
+
+  return (
+    <Card>
+      <CardHeader>
+        <CardTitle>Contact Us</CardTitle>
+      </CardHeader>
+      <CardContent>
+        <div style={{ display: 'flex', flexDirection: 'column', gap: '1rem' }}>
+          <Input
+            label="Name"
+            value={formData.name}
+            onChange={(e) => setFormData({ ...formData, name: e.target.value })}
+            required
+          />
+          <Input
+            label="Email"
+            type="email"
+            value={formData.email}
+            onChange={(e) => setFormData({ ...formData, email: e.target.value })}
+            required
+          />
+          <Select
+            label="Category"
+            options={[
+              { value: 'general', label: 'General Inquiry' },
+              { value: 'support', label: 'Support' },
+              { value: 'feedback', label: 'Feedback' }
+            ]}
+            value={formData.category}
+            onChange={setFormData({ ...formData, category: value })}
+          />
+          <Textarea
+            label="Message"
+            value={formData.message}
+            onChange={(e) => setFormData({ ...formData, message: e.target.value })}
+            rows={4}
+          />
+          <Button variant="primary" type="submit">
+            Send Message
+          </Button>
+        </div>
+      </CardContent>
+    </Card>
+  );
+}
+```
+
+### Layout with Sidebar
+
+```tsx
+import { Layout, Sidebar, Page, StatusBar } from '@papernote/ui';
+import { Home, Users, Settings } from 'lucide-react';
+
+const menuItems = [
+  { id: 'home', label: 'Home', icon: <Home />, href: '/' },
+  { id: 'users', label: 'Users', icon: <Users />, href: '/users' },
+  { id: 'settings', label: 'Settings', icon: <Settings />, href: '/settings' },
+];
+
+function App() {
+  return (
+    <Layout
+      sidebar={<Sidebar items={menuItems} />}
+      statusBar={<StatusBar />}
+    >
+      <Page>
+        {/* Your page content */}
+      </Page>
+    </Layout>
+  );
+}
+```
+
+## 🛠️ Development
+
+```bash
+# Install dependencies
+npm install
+
+# Build library
+npm run build
+
+# Build Storybook
+npm run build-storybook
+
+# Type check
+npm run typecheck
+
+# Lint
+npm run lint
+```
+
+## 📖 Documentation
+
+- **[Storybook Live Demo](https://691fcf89b3393605ea470e93-ziadmszluo.chromatic.com/)** - Interactive component playground with 500+ examples
+- **[npm Package](https://www.npmjs.com/package/@papernote/ui)** - Package registry
+- **[GitHub Repository](https://github.com/kwhittenberger/papernote-ui)** - Source code
+
+## 🤝 Contributing
+
+Contributions are welcome! Please feel free to submit a Pull Request. For major changes, please open an issue first to discuss what you would like to change.
+
+1. Fork the repository
+2. Create your feature branch (`git checkout -b feature/amazing-feature`)
+3. Commit your changes (`git commit -m 'Add some amazing feature'`)
+4. Push to the branch (`git push origin feature/amazing-feature`)
+5. Open a Pull Request
+
+## 📄 License
+
+MIT License - Copyright (c) 2025 kwhittenberger
+
+See [LICENSE](./LICENSE) for full details.
+
+## 🙏 Credits
+
+Inspired by the minimal, professional aesthetic of quality paper notebooks and Claude's interface design.
+
+## 🔗 Links
+
+- [npm Package](https://www.npmjs.com/package/@papernote/ui)
+- [Live Storybook](https://691fcf89b3393605ea470e93-ziadmszluo.chromatic.com/)
+- [GitHub Repository](https://github.com/kwhittenberger/papernote-ui)
+- [Report Issues](https://github.com/kwhittenberger/papernote-ui/issues)

package/dist/components/Accordion.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+export interface AccordionItem {
+    id: string;
+    title: string;
+    content: React.ReactNode;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+}
+export interface AccordionProps {
+    items: AccordionItem[];
+    allowMultiple?: boolean;
+    defaultOpen?: string[];
+    onChange?: (openItems: string[]) => void;
+    /** Custom icon for collapsed state (default: ChevronDown) */
+    expandIcon?: React.ReactNode;
+    /** Custom icon for expanded state (default: rotated ChevronDown) */
+    collapseIcon?: React.ReactNode;
+    /** Show step numbers (1, 2, 3...) instead of icons */
+    showStepNumbers?: boolean;
+}
+export default function Accordion({ items, allowMultiple, defaultOpen, onChange, expandIcon, collapseIcon, showStepNumbers, }: AccordionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Accordion.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../src/components/Accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACzC,6DAA6D;IAC7D,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,oEAAoE;IACpE,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,sDAAsD;IACtD,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,KAAK,EACL,aAAqB,EACrB,WAAgB,EAChB,QAAQ,EACR,UAAU,EACV,YAAY,EACZ,eAAuB,GACxB,EAAE,cAAc,2CAwFhB"}

package/dist/components/ActionButton.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { LucideIcon } from 'lucide-react';
+export interface ActionButtonProps {
+    icon?: React.ReactNode | LucideIcon;
+    label?: string;
+    onClick?: () => void;
+    variant?: 'primary' | 'secondary' | 'ghost' | 'danger';
+    size?: 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+    loading?: boolean;
+    tooltip?: string;
+    className?: string;
+}
+export default function ActionButton({ icon, label, onClick, variant, size, disabled, loading, tooltip, className, }: ActionButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ActionButton.d.ts.map

package/dist/components/ActionButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButton.d.ts","sourceRoot":"","sources":["../../src/components/ActionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,UAAU,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,CAAC;IACvD,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA2BD,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,IAAI,EACJ,KAAK,EACL,OAAO,EACP,OAAmB,EACnB,IAAW,EACX,QAAgB,EAChB,OAAe,EACf,OAAO,EACP,SAAc,GACf,EAAE,iBAAiB,2CA8EnB"}

package/dist/components/AdminModal.d.ts

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+export interface AdminModalTab {
+    id: string;
+    label: string;
+    content: ReactNode;
+}
+export interface AdminModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    title: string;
+    subtitle?: string;
+    onSubmit?: (formData: FormData) => void;
+    isSaving?: boolean;
+    tabs: AdminModalTab[];
+    activeTabId: string;
+    onTabChange: (tabId: string) => void;
+    size?: 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '4xl' | '6xl' | 'full';
+    height?: string;
+    formId?: string;
+    children?: ReactNode;
+    customFooterActions?: ReactNode;
+}
+export declare function AdminModal({ isOpen, onClose, title, subtitle, onSubmit, isSaving, tabs, activeTabId, onTabChange, size, height, formId, children, customFooterActions }: AdminModalProps): import("react/jsx-runtime").JSX.Element | null;
+export default AdminModal;
+//# sourceMappingURL=AdminModal.d.ts.map

package/dist/components/AdminModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminModal.d.ts","sourceRoot":"","sources":["../../src/components/AdminModal.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,aAAa,EAAE,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;IAClE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,mBAAmB,CAAC,EAAE,SAAS,CAAC;CACjC;AAaD,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAgB,EAChB,IAAI,EACJ,WAAW,EACX,WAAW,EACX,IAAY,EACZ,MAAe,EACf,MAA2B,EAC3B,QAAQ,EACR,mBAAmB,EACpB,EAAE,eAAe,kDAkGjB;AAED,eAAe,UAAU,CAAC"}

package/dist/components/Alert.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export interface AlertAction {
+    label: string;
+    onClick: () => void;
+    variant?: 'primary' | 'secondary';
+}
+export interface AlertProps {
+    variant?: 'success' | 'error' | 'warning' | 'info';
+    title?: string;
+    children: React.ReactNode;
+    onClose?: () => void;
+    className?: string;
+    /** Action buttons to display at the bottom of the alert */
+    actions?: AlertAction[];
+}
+export default function Alert({ variant, title, children, onClose, className, actions, }: AlertProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Alert.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../src/components/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;CACnC;AAED,MAAM,WAAW,UAAU;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;CACzB;AAED,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,OAAgB,EAChB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,SAAc,EACd,OAAY,GACb,EAAE,UAAU,2CAkFZ"}

package/dist/components/AlertDialog.d.ts

@@ -0,0 +1,23 @@
+import { ReactNode } from 'react';
+export interface AlertDialogAction {
+    label: string;
+    onClick: () => void;
+    variant?: 'primary' | 'secondary' | 'ghost' | 'danger';
+    loading?: boolean;
+    disabled?: boolean;
+}
+export interface AlertDialogProps {
+    isOpen: boolean;
+    onClose: () => void;
+    variant?: 'info' | 'success' | 'warning' | 'error';
+    icon?: ReactNode;
+    title: string;
+    description?: string;
+    actions?: AlertDialogAction[];
+    showCloseButton?: boolean;
+    closeOnOverlayClick?: boolean;
+    closeOnEscape?: boolean;
+    children?: ReactNode;
+}
+export default function AlertDialog({ isOpen, onClose, variant, icon, title, description, actions, showCloseButton, closeOnOverlayClick, closeOnEscape, children, }: AlertDialogProps): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=AlertDialog.d.ts.map

package/dist/components/AlertDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertDialog.d.ts","sourceRoot":"","sources":["../../src/components/AlertDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAI7C,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,GAAG,QAAQ,CAAC;IACvD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACnD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AA6BD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,MAAM,EACN,OAAO,EACP,OAAgB,EAChB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,OAAO,EACP,eAAsB,EACtB,mBAA0B,EAC1B,aAAoB,EACpB,QAAQ,GACT,EAAE,gBAAgB,kDAgIlB"}

package/dist/components/AppLayout.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { type ToolbarSection } from './ExpandableToolbar';
+export interface AppLayoutProps {
+    children: React.ReactNode;
+    toolbarSections?: ToolbarSection[];
+    className?: string;
+    showToolbar?: boolean;
+    showStatusBar?: boolean;
+    toolbarCollapsed?: boolean;
+    onToolbarCollapseChange?: (collapsed: boolean) => void;
+}
+export declare const AppLayout: React.FC<AppLayoutProps>;
+export default AppLayout;
+//# sourceMappingURL=AppLayout.d.ts.map

package/dist/components/AppLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppLayout.d.ts","sourceRoot":"","sources":["../../src/components/AppLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAqB,KAAK,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAG7E,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,uBAAuB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CACxD;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA6B9C,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/Autocomplete.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+export interface AutocompleteHandle {
+    focus: () => void;
+    blur: () => void;
+}
+export interface AutocompleteOption {
+    value: string;
+    label: string;
+    description?: string;
+    metadata?: Record<string, unknown>;
+}
+export interface AutocompleteProps {
+    value: string;
+    onChange: (value: string, option?: AutocompleteOption) => void;
+    options?: AutocompleteOption[];
+    onSearch?: (query: string) => Promise<AutocompleteOption[]>;
+    label?: string;
+    placeholder?: string;
+    required?: boolean;
+    disabled?: boolean;
+    error?: string;
+    helperText?: string;
+    minChars?: number;
+    debounceMs?: number;
+    maxResults?: number;
+    clearable?: boolean;
+    className?: string;
+}
+declare const Autocomplete: React.ForwardRefExoticComponent<AutocompleteProps & React.RefAttributes<AutocompleteHandle>>;
+export default Autocomplete;
+//# sourceMappingURL=Autocomplete.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../src/components/Autocomplete.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8E,MAAM,OAAO,CAAC;AAGnG,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;CAClB;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACpC;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC/D,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,kBAAkB,EAAE,CAAC,CAAC;IAC5D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,YAAY,8FAqShB,CAAC;AAGH,eAAe,YAAY,CAAC"}