@machinemetrics/mm-react-components 0.2.3-1 → 0.2.3-11

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":"AAwEA,iBAAS,GAAG,4CAmPX;AAED,eAAe,GAAG,CAAC"}
+{"version":3,"file":"App.d.ts","sourceRoot":"","sources":["../src/App.tsx"],"names":[],"mappings":"AAsEA,iBAAS,GAAG,4CAmPX;AAED,eAAe,GAAG,CAAC"}

package/dist/README.md

@@ -17,39 +17,89 @@ 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.
+
 ## Quick Start
 
-### 1. Install Dependencies
+### 🚀 Automated Setup (Recommended)
+
+The fastest way to get started:
 
 ```bash
-npm install @machinemetrics/mm-react-components tailwindcss postcss autoprefixer
+# Install the package
+npm install @machinemetrics/mm-react-components
+
+# Run the automated setup
+npx @machinemetrics/mm-react-components/setup
 ```
 
-### 2. Configure Tailwind CSS
+This will automatically:
+
+- ✅ Copy Tailwind configuration
+- ✅ Create PostCSS configuration
+- ✅ Set up the complete theme
+- ✅ Create an example component
+- ✅ Generate all necessary files
+
+### 📋 Manual Setup
 
-Copy the Tailwind configuration to your project:
+If you prefer manual setup:
+
+#### 1. Install the Library
+
+```bash
+npm install @machinemetrics/mm-react-components
+```
+
+**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
 ```
 
-### 3. Import Complete Theme (Recommended)
+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.
 
-```css
-/* In your main CSS file - one import gets everything! */
-@import '@machinemetrics/mm-react-components/themes/complete';
+#### 3. Import Styles
+
+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';
+document.documentElement.classList.add('carbide');
 ```
 
-**That's it!** This single import includes:
+**What's included in `/styles` (118 KB, 18 KB gzipped):**
 
-- ✅ 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
 
-### 4. Use Components
+#### 4. Use Components
 
 ```tsx
 import { Button, Input } from '@machinemetrics/mm-react-components';
@@ -64,9 +114,11 @@ function App() {
 }
 ```
 
-### 5. Complete Setup Guide
+### 📚 Documentation
 
-For detailed setup instructions and alternative import methods, see the [Tailwind Setup Guide](./docs/TAILWIND_SETUP.md).
+- [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
 
 ## Theme System
 
@@ -86,23 +138,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 Theme (Recommended)
+#### Option 1: Complete Styles (Recommended - 118 KB gzipped)
 
-```css
-/* One import gets everything - easiest setup */
-@import '@machinemetrics/mm-react-components/themes/complete';
+Import everything including Tailwind utilities, theme, and animations:
+
+```ts
+import '@machinemetrics/mm-react-components/styles';
+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
@@ -213,16 +282,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/ui/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/ui/alert-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/ui/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/ui/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/ui/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../src/components/ui/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/ui/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/ui/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/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/ui/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

package/dist/components/ui/breadcrumb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.d.ts","sourceRoot":"","sources":["../../../src/components/ui/breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,iBAAS,UAAU,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAE5D;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAW1E;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAQ1E;AAED,iBAAS,cAAc,CAAC,EACtB,OAAO,EACP,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,GAAG;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,2CAUA;AAED,iBAAS,cAAc,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAW5E;AAED,iBAAS,mBAAmB,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,2CAY5B;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,2CAa9B;AAED,OAAO,EACL,UAAU,EACV,cAAc,EACd,cAAc,EACd,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,kBAAkB,GACnB,CAAC"}

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {

package/dist/components/ui/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,cAAc;;;8EAgCnB,CAAC;AAEF,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAC/B,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,2CAYF;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,cAAc;;;8EA8BnB,CAAC;AAEF,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,OAAO,EACP,IAAI,EACJ,OAAe,EACf,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,GAC/B,YAAY,CAAC,OAAO,cAAc,CAAC,GAAG;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,2CAUF;AAED,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+declare function Card({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function CardHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function CardTitle({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function CardDescription({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function CardAction({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function CardContent({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function CardFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent, };
+//# sourceMappingURL=card.d.ts.map

package/dist/components/ui/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,iBAAS,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWjE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWvE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQtE;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQ5E;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAWvE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQxE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAQvE;AAED,OAAO,EACL,IAAI,EACJ,UAAU,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACV,eAAe,EACf,WAAW,GACZ,CAAC"}