@machinemetrics/mm-react-components 0.2.3-3 → 0.2.3-31

package/agent-docs/setup-reference.md

@@ -0,0 +1,365 @@
+# Setup Reference for AI Agents
+
+## Overview
+
+This reference provides detailed setup instructions for the MachineMetrics React Components library. The library uses a **ZERO-CONFIG** approach - no build tools or configuration files required.
+
+## Setup Approach
+
+The library provides pre-compiled CSS with everything included:
+
+- Uses `/styles` import (pre-compiled CSS)
+- No build tools required
+- No configuration files needed
+- 118 KB CSS (18 KB gzipped)
+
+## Dependencies
+
+### Required
+
+| Package                               | Version | Purpose            |
+| ------------------------------------- | ------- | ------------------ |
+| `@machinemetrics/mm-react-components` | latest  | Component library  |
+| `react`                               | ^19.1.1 | React library      |
+| `react-dom`                           | ^19.1.1 | React DOM renderer |
+
+**That's it!** No build tools required.
+
+## Configuration
+
+### CSS Import
+
+**File**: `src/index.css` (or `src/main.css`)
+
+```css
+/* MM React Components - Pre-compiled CSS */
+@import '@machinemetrics/mm-react-components/styles';
+
+/* Your existing CSS here */
+```
+
+**That's it!** No other configuration files needed.
+
+**Alternative locations**:
+
+- `src/App.css`
+- `src/styles.css`
+- `src/global.css`
+
+### 4. Package.json Scripts
+
+**Recommended scripts**:
+
+```json
+{
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "lint": "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "type-check": "tsc --noEmit"
+  }
+}
+```
+
+## Framework-Specific Setup
+
+### React with Vite
+
+**Project creation**:
+
+```bash
+npm create vite@latest my-app -- --template react-ts
+cd my-app
+```
+
+**Setup**:
+
+```bash
+# Install the component library
+npm install @machinemetrics/mm-react-components
+
+# Add CSS import to src/index.css
+echo '@import "@machinemetrics/mm-react-components/styles";' | cat - src/index.css > temp && mv temp src/index.css
+
+# Add Carbide class to src/App.tsx root element
+```
+
+**No Vite configuration needed!** Just import and use components.
+
+### Next.js
+
+**Project creation**:
+
+```bash
+npx create-next-app@latest my-app --typescript
+cd my-app
+```
+
+**Required dependencies**:
+
+```bash
+npm install @machinemetrics/mm-react-components
+npm install class-variance-authority clsx tailwind-merge @radix-ui/react-slot lucide-react
+```
+
+**Next.js configuration**:
+
+```javascript
+// next.config.js
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  transpilePackages: ['@machinemetrics/mm-react-components'],
+};
+
+module.exports = nextConfig;
+```
+
+### Create React App
+
+**Project creation**:
+
+```bash
+npx create-react-app my-app --template typescript
+cd my-app
+```
+
+**Required dependencies**:
+
+```bash
+npm install @machinemetrics/mm-react-components
+npm install class-variance-authority clsx tailwind-merge @radix-ui/react-slot lucide-react
+npm install -D tailwindcss autoprefixer postcss
+```
+
+**CRA configuration**:
+
+```javascript
+// craco.config.js (if using CRACO)
+module.exports = {
+  style: {
+    postcss: {
+      plugins: [require('tailwindcss'), require('autoprefixer')],
+    },
+  },
+};
+```
+
+## Component Usage Patterns
+
+### Basic Component Import
+
+```tsx
+import { Button, Input, Card } from '@machinemetrics/mm-react-components';
+```
+
+### Component with Icons
+
+```tsx
+import { Button } from '@machinemetrics/mm-react-components';
+import { Plus, Trash2 } from 'lucide-react';
+
+function MyComponent() {
+  return (
+    <Button>
+      <Plus className="w-4 h-4" />
+      Add Item
+    </Button>
+  );
+}
+```
+
+### Custom Styling
+
+```tsx
+import { Button } from '@machinemetrics/mm-react-components';
+import { cn } from '@machinemetrics/mm-react-components';
+
+function CustomButton({ className, ...props }) {
+  return <Button className={cn('custom-styles', className)} {...props} />;
+}
+```
+
+### Theme Application
+
+```tsx
+// App.tsx
+import '@machinemetrics/mm-react-components/themes/carbide';
+
+function App() {
+  return (
+    <div className="carbide">
+      <YourApp />
+    </div>
+  );
+}
+```
+
+## Troubleshooting Reference
+
+### Common Error Messages
+
+| Error                                                                   | Cause                   | Solution                                          |
+| ----------------------------------------------------------------------- | ----------------------- | ------------------------------------------------- |
+| `Module not found: Can't resolve '@machinemetrics/mm-react-components'` | Package not installed   | `npm install @machinemetrics/mm-react-components` |
+| `Cannot find module 'tailwindcss'`                                      | Tailwind not installed  | `npm install -D tailwindcss`                      |
+| `PostCSS plugin tailwindcss requires Tailwind CSS`                      | Tailwind config missing | Create `tailwind.config.js`                       |
+| `Cannot resolve dependency 'lucide-react'`                              | Icons package missing   | `npm install lucide-react`                        |
+| `Cannot find module 'clsx'`                                             | Utility missing         | `npm install clsx`                                |
+
+### Build Issues
+
+| Issue                       | Cause                      | Solution                                      |
+| --------------------------- | -------------------------- | --------------------------------------------- |
+| Build fails with CSS errors | PostCSS not configured     | Create `postcss.config.js`                    |
+| Components not styled       | Theme not imported         | Import Carbide theme in CSS                   |
+| Icons not displaying        | Lucide React not installed | `npm install lucide-react`                    |
+| TypeScript errors           | Types not found            | Install `@types/react` and `@types/react-dom` |
+
+### Runtime Issues
+
+| Issue                      | Cause                     | Solution                                  |
+| -------------------------- | ------------------------- | ----------------------------------------- |
+| Components render unstyled | Carbide class not applied | Add `className="carbide"` to root         |
+| Icons not showing          | Import path incorrect     | Use `import { Icon } from 'lucide-react'` |
+| Styling conflicts          | CSS order issues          | Import theme CSS first                    |
+| Performance issues         | Bundle size               | Use tree shaking for imports              |
+
+## Validation Steps
+
+### 1. Dependency Check
+
+```bash
+# Check if all dependencies are installed
+npm list @machinemetrics/mm-react-components
+npm list tailwindcss
+npm list lucide-react
+```
+
+### 2. Configuration Check
+
+```bash
+# Verify configuration files exist
+ls -la tailwind.config.js
+ls -la postcss.config.js
+ls -la src/index.css
+```
+
+### 3. Import Test
+
+```tsx
+// Test component import
+import { Button } from '@machinemetrics/mm-react-components';
+
+function TestComponent() {
+  return <Button>Test</Button>;
+}
+```
+
+### 4. Theme Test
+
+```tsx
+// Test theme application
+function ThemeTest() {
+  return (
+    <div className="carbide">
+      <div className="bg-primary text-primary-foreground p-4">Theme Test</div>
+    </div>
+  );
+}
+```
+
+### 5. Build Test
+
+```bash
+# Test build process
+npm run build
+
+# Test development server
+npm run dev
+```
+
+## Performance Optimization
+
+### Bundle Size Optimization
+
+```tsx
+// Import only needed components
+import { Button } from '@machinemetrics/mm-react-components';
+
+// Instead of
+import * as Components from '@machinemetrics/mm-react-components';
+```
+
+### Tree Shaking
+
+```javascript
+// webpack.config.js
+module.exports = {
+  optimization: {
+    usedExports: true,
+    sideEffects: false,
+  },
+};
+```
+
+### CSS Optimization
+
+```css
+/* Use only needed theme parts */
+@import '@machinemetrics/mm-react-components/themes/carbide';
+
+/* Purge unused CSS */
+/* Tailwind will automatically purge unused styles */
+```
+
+## Security Considerations
+
+### Dependency Security
+
+```bash
+# Check for vulnerabilities
+npm audit
+
+# Fix vulnerabilities
+npm audit fix
+```
+
+### Content Security Policy
+
+```html
+<!-- Add CSP for external resources -->
+<meta
+  http-equiv="Content-Security-Policy"
+  content="default-src 'self'; style-src 'self' 'unsafe-inline';"
+/>
+```
+
+## Monitoring and Debugging
+
+### Development Tools
+
+```tsx
+// Add development helpers
+if (process.env.NODE_ENV === 'development') {
+  console.log('MM Components loaded');
+}
+```
+
+### Error Boundaries
+
+```tsx
+import { ErrorBoundary } from 'react-error-boundary';
+
+function App() {
+  return (
+    <ErrorBoundary fallback={<div>Something went wrong</div>}>
+      <YourApp />
+    </ErrorBoundary>
+  );
+}
+```
+
+## Conclusion
+
+This reference provides comprehensive setup instructions for the MachineMetrics React Components library. Use this as a guide for automated setup tools and manual configuration processes. Always test your setup thoroughly to ensure everything is working correctly.

package/dist/App.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"AAsEA,iBAAS,GAAG,4CAmPX;AAED,eAAe,GAAG,CAAC"}
+{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"AAsEA,iBAAS,GAAG,4CAuSX;AAED,eAAe,GAAG,CAAC"}

package/dist/README.md

@@ -1,5 +1,7 @@
 # @machinemetrics/mm-react-components
 
+> **🤖 FOR AI AGENTS:** This library has [extensive AI agent documentation](./agent-docs/agent-documentation-reference.md) for setup and Chakra UI migration. See the [`agent-docs/`](./agent-docs/) folder for comprehensive guides.
+
 A comprehensive React component library designed specifically for MachineMetrics industrial and manufacturing applications.
 
 ## Features
@@ -10,6 +12,7 @@ A comprehensive React component library designed specifically for MachineMetrics
 - 🔧 **TypeScript**: Full TypeScript support with comprehensive type definitions
 - ♿ **Accessible**: WCAG 2.1 AA compliant components
 - 🚀 **Performance**: Optimized for real-time data display and monitoring
+- 🤖 **AI-Agent Ready**: [Comprehensive AI agent documentation](./agent-docs/) with automated setup and migration tools
 
 ## Installation
 
@@ -17,6 +20,37 @@ A comprehensive React component library designed specifically for MachineMetrics
 npm install @machinemetrics/mm-react-components
 ```
 
+**Required Dependencies:**
+
+- React 19+
+- React DOM 19+
+
+**Optional Dependencies (only if using `/themes/carbide`):**
+
+- Tailwind CSS 4.0+
+- PostCSS 8.5+
+- Autoprefixer 10+
+
+> 💡 **Note:** When using `/styles` (recommended), no build tools are required! The CSS is fully compiled.
+
+## 🤖 For AI Agents
+
+**This library has comprehensive documentation for AI-assisted development!**
+
+- **New Project Setup:** [`agent-docs/ai-agent-init-guide.md`](./agent-docs/ai-agent-init-guide.md)
+- **Chakra UI Migration:** [`agent-docs/ai-agent-guide.md`](./agent-docs/ai-agent-guide.md)
+- **Component Mappings (83 components):** [`agent-docs/component-mapping-summary.md`](./agent-docs/component-mapping-summary.md)
+- **Full Documentation Index:** [`agent-docs/agent-documentation-reference.md`](./agent-docs/agent-documentation-reference.md)
+
+**Automated Tools:**
+
+- ✅ Init script: `npx @machinemetrics/mm-react-components init`
+- ✅ Migration script: `npx @machinemetrics/mm-react-components chakra-to-shadcn`
+- ✅ 98% automation rate for Chakra UI conversion
+- ✅ Zero-config setup option (no build tools needed!)
+
+---
+
 ## Quick Start
 
 ### 🚀 Automated Setup (Recommended)
@@ -43,13 +77,23 @@ This will automatically:
 
 If you prefer manual setup:
 
-#### 1. Install Dependencies
+#### 1. Install the Library
 
 ```bash
-npm install @machinemetrics/mm-react-components tailwindcss postcss autoprefixer
+npm install @machinemetrics/mm-react-components
 ```
 
-#### 2. Configure Tailwind CSS
+**Optional:** Only install Tailwind if you want to use `/themes/carbide` instead of `/styles`:
+
+```bash
+npm install -D tailwindcss postcss autoprefixer
+```
+
+#### 2. (Optional) Configure Tailwind CSS
+
+> 💡 Skip this step if using `/styles` - Tailwind configuration is not needed!
+
+**Only if using `/themes/carbide`:**
 
 ```bash
 cp node_modules/@machinemetrics/mm-react-components/tailwind.config.export.js tailwind.config.js
@@ -57,29 +101,22 @@ cp node_modules/@machinemetrics/mm-react-components/tailwind.config.export.js ta
 
 Note: The exported config is the main config (no preview-only utilities). The preview app in this repo uses a separate `tailwind.preview.config.js` that imports the main config and adds preview utilities.
 
-#### 3. Import Theme (Recommended: JS imports)
+#### 3. Import Styles
 
-Use app-level JavaScript/TypeScript imports so bundlers resolve package subpaths consistently and you can toggle themes at runtime:
+Import the complete styles including Tailwind CSS, base styles, and Carbide theme:
 
 ```ts
 // In your main entry (e.g., src/main.tsx)
 import '@machinemetrics/mm-react-components/styles';
-import '@machinemetrics/mm-react-components/themes/carbide';
 document.documentElement.classList.add('carbide');
 ```
 
-Alternatively, you can import the complete theme in CSS:
+**What's included in `/styles` (118 KB, 18 KB gzipped):**
 
-```css
-@import '@machinemetrics/mm-react-components/themes/complete';
-```
-
-**What's included:**
-
-- ✅ Tailwind CSS reset
+- ✅ Tailwind CSS reset and utilities (compiled)
 - ✅ Base theme variables (OKLCH color system)
 - ✅ Carbide industrial theme
-- ✅ All component styles
+- ✅ All component styles (focus states, rings, borders, etc.)
 - ✅ Dark mode support
 - ✅ Animations and utilities
 
@@ -100,9 +137,18 @@ function App() {
 
 ### 📚 Documentation
 
+**For AI Agents:**
+
+- [AI Agent Documentation Hub](./agent-docs/agent-documentation-reference.md) - Start here!
+- [Setup Guide for AI Agents](./agent-docs/ai-agent-init-guide.md)
+- [Chakra Migration for AI Agents](./agent-docs/ai-agent-guide.md)
+
+**For Developers:**
+
 - [Getting Started Guide](./docs/GETTING_STARTED.md) - Complete setup guide
 - [Tailwind Setup Guide](./docs/TAILWIND_SETUP.md) - Detailed configuration
-- [Quick Start Template](./templates/quick-start.html) - Live demo
+- [Chakra Migration Guide](./docs/CHAKRA_MIGRATION_GUIDE.md) - Detailed migration reference
+- [Component Mapping Summary](./docs/COMPONENT_MAPPING_SUMMARY.md) - All 83 component mappings
 
 ## Theme System
 
@@ -111,7 +157,7 @@ The component library includes a comprehensive theme system with two main themes
 ### Base Theme (OKLCH)
 
 - Modern OKLCH color space for better perceptual uniformity
-- Professional typography with Noto Sans and Inconsolata fonts
+- Professional typography with embedded Noto Sans and Inconsolata fonts (via @fontsource)
 - Complete dark mode support
 - Chart and sidebar color systems
 
@@ -122,24 +168,40 @@ The component library includes a comprehensive theme system with two main themes
 - Enhanced component styling for industrial applications
 - Complete dark mode support
 
-### Using Themes
+### Import Options
+
+#### Option 1: Complete Styles (Recommended - 118 KB gzipped)
 
-#### Option 1: JS Imports (Recommended)
+Import everything including Tailwind utilities, theme, and animations:
 
 ```ts
 import '@machinemetrics/mm-react-components/styles';
-import '@machinemetrics/mm-react-components/themes/carbide';
 document.documentElement.classList.add('carbide');
 ```
 
-#### Option 2: Manual Theme Import
+**Includes:**
 
-```css
-/* Import themes separately for more control */
-@import '@machinemetrics/mm-react-components/themes/base';
-@import '@machinemetrics/mm-react-components/themes/carbide';
+- ✅ All Tailwind utilities (compiled)
+- ✅ Carbide theme variables
+- ✅ Component styles with focus states
+- ✅ Dark mode support
+- ✅ Animations
+
+#### Option 2: Theme Only (41 KB - if you already have Tailwind)
+
+Import just the Carbide theme variables and component overrides:
+
+```ts
+import '@machinemetrics/mm-react-components/themes/carbide';
+document.documentElement.classList.add('carbide');
 ```
 
+**Use this if:**
+
+- You already have Tailwind CSS in your project
+- You want to minimize bundle size
+- You're using our components with your own Tailwind config
+
 #### Option 3: Use Theme Utilities
 
 ```tsx
@@ -250,16 +312,13 @@ This includes:
 ### Alternative Import Methods
 
 ```css
-/* Import base theme only */
-@import '@machinemetrics/mm-react-components/themes/base';
-
-/* Import Carbide theme for industrial styling */
-@import '@machinemetrics/mm-react-components/themes/carbide';
+/* Import complete styles including Carbide theme */
+@import '@machinemetrics/mm-react-components/styles';
 ```
 
 ```tsx
 // Import in JavaScript/TypeScript
-import '@machinemetrics/mm-react-components/themes/complete';
+import '@machinemetrics/mm-react-components/styles';
 ```
 
 ## TypeScript Support

package/dist/components/shadcn/accordion.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+declare function Accordion({ ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare function AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
+//# sourceMappingURL=accordion.d.ts.map

package/dist/components/shadcn/accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/components/shadcn/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAKhE,iBAAS,SAAS,CAAC,EACjB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CAEtD;AAED,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CAQtD;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,2CAgBzD;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,2CAUzD;AAED,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/shadcn/alert-dialog.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>): import("react/jsx-runtime").JSX.Element;
+export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };
+//# sourceMappingURL=alert-dialog.d.ts.map

package/dist/components/shadcn/alert-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/shadcn/alert-dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAKrE,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,2CAExD;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAI3D;AAED,iBAAS,iBAAiB,CAAC,EACzB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,2CAI1D;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAW3D;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,2CAc3D;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQ7B;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAW7B;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,KAAK,CAAC,2CAQzD;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,WAAW,CAAC,2CAQ/D;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,2CAO1D;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,2CAO1D;AAED,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,GAClB,CAAC"}

package/dist/components/shadcn/alert.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const alertVariants: (props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Alert({ className, variant, ...props }: React.ComponentProps<'div'> & VariantProps<typeof alertVariants>): import("react/jsx-runtime").JSX.Element;
+declare function AlertTitle({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function AlertDescription({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export { Alert, AlertTitle, AlertDescription };
+//# sourceMappingURL=alert.d.ts.map

package/dist/components/shadcn/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../src/components/shadcn/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,aAAa;;8EAclB,CAAC;AAEF,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,2CASlE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWvE;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAW7B;AAED,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/shadcn/avatar.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
+declare function Avatar({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): import("react/jsx-runtime").JSX.Element;
+declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): import("react/jsx-runtime").JSX.Element;
+export { Avatar, AvatarImage, AvatarFallback };
+//# sourceMappingURL=avatar.d.ts.map

package/dist/components/shadcn/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/components/shadcn/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAI1D,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAWnD;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,2CAQpD;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,QAAQ,CAAC,2CAWvD;AAED,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/shadcn/badge.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+declare const badgeVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<'span'> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export { Badge, badgeVariants };
+//# sourceMappingURL=badge.d.ts.map

package/dist/components/shadcn/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/shadcn/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,aAAa;;8EAmBlB,CAAC;AAEF,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAO,EACP,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,GAC7B,YAAY,CAAC,OAAO,aAAa,CAAC,GAAG;IAAE,OAAO,CAAC,EAAE,OAAO,CAAA;CAAE,2CAU3D;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}

package/dist/components/shadcn/breadcrumb.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+declare function Breadcrumb({ ...props }: React.ComponentProps<'nav'>): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbList({ className, ...props }: React.ComponentProps<'ol'>): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbItem({ className, ...props }: React.ComponentProps<'li'>): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbLink({ asChild, className, ...props }: React.ComponentProps<'a'> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbPage({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbSeparator({ children, className, ...props }: React.ComponentProps<'li'>): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbEllipsis({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
+export { Breadcrumb, BreadcrumbList, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, BreadcrumbSeparator, BreadcrumbEllipsis, };
+//# sourceMappingURL=breadcrumb.d.ts.map