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

package/README.md

@@ -19,20 +19,55 @@ npm install @machinemetrics/mm-react-components
 
 ## Quick Start
 
+### 1. Install Dependencies
+
+```bash
+npm install @machinemetrics/mm-react-components tailwindcss postcss autoprefixer
+```
+
+### 2. Configure Tailwind CSS
+
+Copy the Tailwind configuration to your project:
+
+```bash
+cp node_modules/@machinemetrics/mm-react-components/tailwind.config.export.js tailwind.config.js
+```
+
+### 3. Import Complete Theme (Recommended)
+
+```css
+/* In your main CSS file - one import gets everything! */
+@import '@machinemetrics/mm-react-components/themes/complete';
+```
+
+**That's it!** This single import includes:
+
+- ✅ Tailwind CSS reset
+- ✅ Base theme variables (OKLCH color system)
+- ✅ Carbide industrial theme
+- ✅ All component styles
+- ✅ Dark mode support
+- ✅ Animations and utilities
+
+### 4. Use Components
+
 ```tsx
 import { Button, Input } from '@machinemetrics/mm-react-components';
-import '@machinemetrics/mm-react-components/styles';
 
 function App() {
   return (
     <div>
-      <Button variant='primary'>Start Monitoring</Button>
-      <Input placeholder='Enter machine ID...' />
+      <Button variant="primary">Start Monitoring</Button>
+      <Input placeholder="Enter machine ID..." />
     </div>
   );
 }
 ```
 
+### 5. Complete Setup Guide
+
+For detailed setup instructions and alternative import methods, see the [Tailwind Setup Guide](./docs/TAILWIND_SETUP.md).
+
 ## Theme System
 
 The component library includes a comprehensive theme system with two main themes:
@@ -53,18 +88,22 @@ The component library includes a comprehensive theme system with two main themes
 
 ### Using Themes
 
-#### Option 1: Import CSS Files Directly
+#### Option 1: Complete Theme (Recommended)
 
-```tsx
-// In your main.tsx or App.tsx
-import '@machinemetrics/mm-react-components/themes/base';
-import '@machinemetrics/mm-react-components/themes/carbide';
+```css
+/* One import gets everything - easiest setup */
+@import '@machinemetrics/mm-react-components/themes/complete';
+```
 
-// Add carbide class to activate Carbide theme
-document.documentElement.classList.add('carbide');
+#### Option 2: Manual Theme Import
+
+```css
+/* Import themes separately for more control */
+@import '@machinemetrics/mm-react-components/themes/base';
+@import '@machinemetrics/mm-react-components/themes/carbide';
 ```
 
-#### Option 2: Use Theme Utilities
+#### Option 3: Use Theme Utilities
 
 ```tsx
 import {
@@ -83,14 +122,6 @@ toggleDarkMode();
 const isCarbideActive = isCarbideThemeActive();
 ```
 
-#### Option 3: Manual CSS Import
-
-```css
-/* In your CSS file */
-@import '@machinemetrics/mm-react-components/themes/base';
-@import '@machinemetrics/mm-react-components/themes/carbide';
-```
-
 ### Theme Classes
 
 The theme system uses CSS classes for activation:
@@ -165,16 +196,33 @@ import { Input } from '@machinemetrics/mm-react-components';
 
 ## Styling
 
-The component library uses Tailwind CSS. Make sure to include the styles in your application:
+The component library uses Tailwind CSS with a complete theme system. The easiest way to get started is with the complete theme:
 
-```tsx
-import '@machinemetrics/mm-react-components/styles';
+```css
+/* Recommended: One import gets everything */
+@import '@machinemetrics/mm-react-components/themes/complete';
 ```
 
-If you're using Tailwind CSS in your project, you can also import the component styles directly:
+This includes:
+
+- Tailwind CSS reset and base styles
+- OKLCH color system with dark mode support
+- Carbide industrial theme
+- All component styles and animations
+
+### Alternative Import Methods
 
 ```css
-@import '@machinemetrics/mm-react-components/styles';
+/* Import base theme only */
+@import '@machinemetrics/mm-react-components/themes/base';
+
+/* Import Carbide theme for industrial styling */
+@import '@machinemetrics/mm-react-components/themes/carbide';
+```
+
+```tsx
+// Import in JavaScript/TypeScript
+import '@machinemetrics/mm-react-components/themes/complete';
 ```
 
 ## TypeScript Support
@@ -184,7 +232,7 @@ This library is built with TypeScript and provides full type definitions:
 ```tsx
 import { Button, type ButtonProps } from '@machinemetrics/mm-react-components';
 
-const CustomButton: React.FC<ButtonProps> = props => {
+const CustomButton: React.FC<ButtonProps> = (props) => {
   return <Button {...props} />;
 };
 ```

package/dist/App.d.ts.map

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

package/dist/README.md

@@ -0,0 +1,266 @@
+# @machinemetrics/mm-react-components
+
+A comprehensive React component library designed specifically for MachineMetrics industrial and manufacturing applications.
+
+## Features
+
+- 🏭 **Industrial-Focused**: Components designed for manufacturing and industrial environments
+- 🎨 **Modern Design**: Built on shadcn/ui with Tailwind CSS for consistent, accessible UI
+- 📦 **Tree-Shakable**: ES modules with full tree-shaking support
+- 🔧 **TypeScript**: Full TypeScript support with comprehensive type definitions
+- ♿ **Accessible**: WCAG 2.1 AA compliant components
+- 🚀 **Performance**: Optimized for real-time data display and monitoring
+
+## Installation
+
+```bash
+npm install @machinemetrics/mm-react-components
+```
+
+## Quick Start
+
+### 1. Install Dependencies
+
+```bash
+npm install @machinemetrics/mm-react-components tailwindcss postcss autoprefixer
+```
+
+### 2. Configure Tailwind CSS
+
+Copy the Tailwind configuration to your project:
+
+```bash
+cp node_modules/@machinemetrics/mm-react-components/tailwind.config.export.js tailwind.config.js
+```
+
+### 3. Import Complete Theme (Recommended)
+
+```css
+/* In your main CSS file - one import gets everything! */
+@import '@machinemetrics/mm-react-components/themes/complete';
+```
+
+**That's it!** This single import includes:
+
+- ✅ Tailwind CSS reset
+- ✅ Base theme variables (OKLCH color system)
+- ✅ Carbide industrial theme
+- ✅ All component styles
+- ✅ Dark mode support
+- ✅ Animations and utilities
+
+### 4. Use Components
+
+```tsx
+import { Button, Input } from '@machinemetrics/mm-react-components';
+
+function App() {
+  return (
+    <div>
+      <Button variant="primary">Start Monitoring</Button>
+      <Input placeholder="Enter machine ID..." />
+    </div>
+  );
+}
+```
+
+### 5. Complete Setup Guide
+
+For detailed setup instructions and alternative import methods, see the [Tailwind Setup Guide](./docs/TAILWIND_SETUP.md).
+
+## Theme System
+
+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
+- Complete dark mode support
+- Chart and sidebar color systems
+
+### Carbide Theme (Industrial)
+
+- Manufacturing-appropriate color palette
+- MachineMetrics brand colors (green, grey)
+- Enhanced component styling for industrial applications
+- Complete dark mode support
+
+### Using Themes
+
+#### Option 1: Complete Theme (Recommended)
+
+```css
+/* One import gets everything - easiest setup */
+@import '@machinemetrics/mm-react-components/themes/complete';
+```
+
+#### Option 2: Manual Theme Import
+
+```css
+/* Import themes separately for more control */
+@import '@machinemetrics/mm-react-components/themes/base';
+@import '@machinemetrics/mm-react-components/themes/carbide';
+```
+
+#### Option 3: Use Theme Utilities
+
+```tsx
+import {
+  activateCarbideTheme,
+  toggleDarkMode,
+  isCarbideThemeActive,
+} from '@machinemetrics/mm-react-components';
+
+// Activate Carbide theme
+activateCarbideTheme();
+
+// Toggle dark mode
+toggleDarkMode();
+
+// Check theme status
+const isCarbideActive = isCarbideThemeActive();
+```
+
+### Theme Classes
+
+The theme system uses CSS classes for activation:
+
+- **Base theme**: Active by default
+- **Carbide theme**: Add `carbide` class to `<html>` element
+- **Dark mode**: Add `dark` class to `<html>` element
+
+```html
+<!-- Base theme -->
+<html>
+  <!-- Carbide theme -->
+  <html class="carbide">
+    <!-- Carbide theme + dark mode -->
+    <html class="carbide dark"></html>
+  </html>
+</html>
+```
+
+### Available Theme Utilities
+
+```tsx
+import {
+  // Carbide theme utilities
+  activateCarbideTheme,
+  deactivateCarbideTheme,
+  toggleCarbideTheme,
+  isCarbideThemeActive,
+
+  // Dark mode utilities
+  activateDarkMode,
+  deactivateDarkMode,
+  toggleDarkMode,
+  isDarkModeActive,
+} from '@machinemetrics/mm-react-components';
+```
+
+## Components
+
+### Button
+
+A versatile button component with multiple variants for different use cases.
+
+```tsx
+import { Button } from '@machinemetrics/mm-react-components';
+
+// Basic usage
+<Button>Default</Button>
+
+// Variants
+<Button variant="primary">Primary</Button>
+<Button variant="secondary">Secondary</Button>
+<Button variant="outline">Outline</Button>
+<Button variant="destructive">Destructive</Button>
+
+// Sizes
+<Button size="sm">Small</Button>
+<Button size="lg">Large</Button>
+```
+
+### Input
+
+Form input component with built-in validation states.
+
+```tsx
+import { Input } from '@machinemetrics/mm-react-components';
+
+<Input placeholder="Enter value..." />
+<Input type="email" placeholder="Email address" />
+<Input type="password" placeholder="Password" />
+```
+
+## Styling
+
+The component library uses Tailwind CSS with a complete theme system. The easiest way to get started is with the complete theme:
+
+```css
+/* Recommended: One import gets everything */
+@import '@machinemetrics/mm-react-components/themes/complete';
+```
+
+This includes:
+
+- Tailwind CSS reset and base styles
+- OKLCH color system with dark mode support
+- Carbide industrial theme
+- All component styles and animations
+
+### 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';
+```
+
+```tsx
+// Import in JavaScript/TypeScript
+import '@machinemetrics/mm-react-components/themes/complete';
+```
+
+## TypeScript Support
+
+This library is built with TypeScript and provides full type definitions:
+
+```tsx
+import { Button, type ButtonProps } from '@machinemetrics/mm-react-components';
+
+const CustomButton: React.FC<ButtonProps> = (props) => {
+  return <Button {...props} />;
+};
+```
+
+## Requirements
+
+- React 18.0.0 or higher
+- Node.js 20.0.0 or higher
+
+## Browser Support
+
+- Chrome (latest)
+- Firefox (latest)
+- Safari (latest)
+- Edge (latest)
+
+## Contributing
+
+We welcome contributions! Please see our [Contributing Guide](CONTRIBUTING.md) for details.
+
+## License
+
+MIT License - see [LICENSE](LICENSE) file for details.
+
+## Support
+
+For support and questions, please contact the MachineMetrics development team.
+
+---
+
+Built with ❤️ by the MachineMetrics team for industrial applications.

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

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+declare function Accordion({ className, ...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, indicatorClassName, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger> & {
+    indicatorClassName?: string;
+}): 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/ui/accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/components/ui/accordion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAKhE,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CAQtD;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,kBAAkB,EAClB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,GAAG;IAC3D,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,2CAqBA;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/ui/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/ui/badge.d.ts.map

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

@@ -1,23 +1,11 @@
 import * as React from 'react';
 import { type VariantProps } from 'class-variance-authority';
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "link" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-/**
- * Button component with multiple variants and sizes
- *
- * @example
- * ```tsx
- * <Button variant="default" size="lg" onClick={() => console.log('clicked')}>
- *   Click me
- * </Button>
- * ```
- */
-export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
-    /** Render as a different element using Radix Slot */
+declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
     asChild?: boolean;
-}
-declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+}): import("react/jsx-runtime").JSX.Element;
 export { Button, buttonVariants };
 //# sourceMappingURL=button.d.ts.map

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;;;8EA2BnB,CAAC;AAEF;;;;;;;;;GASG;AACH,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,qDAAqD;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,MAAM,uFAWX,CAAC;AAGF,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;;;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"}

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { DayButton, DayPicker } from 'react-day-picker';
+import { Button } from '@/components/ui/button';
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
+    buttonVariant?: React.ComponentProps<typeof Button>['variant'];
+}): import("react/jsx-runtime").JSX.Element;
+declare function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>): import("react/jsx-runtime").JSX.Element;
+export { Calendar, CalendarDayButton };
+//# sourceMappingURL=calendar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,EAAE,SAAS,EAAE,SAAS,EAAwB,MAAM,kBAAkB,CAAC;AAG9E,OAAO,EAAE,MAAM,EAAkB,MAAM,wBAAwB,CAAC;AAEhE,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,UAAU,EACV,eAAsB,EACtB,aAAuB,EACvB,aAAuB,EACvB,UAAU,EACV,UAAU,EACV,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IAC1C,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;CAChE,2CA2IA;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,2CA4BxC;AAED,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,CAAC"}

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

@@ -1,17 +1,5 @@
 import * as React from 'react';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-/**
- * Checkbox component with checked, unchecked, and indeterminate states
- *
- * @example
- * ```tsx
- * <Checkbox
- *   id="terms"
- *   checked={checked}
- *   onCheckedChange={(value) => setChecked(value)}
- * />
- * ```
- */
 declare function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 export { Checkbox };
 //# sourceMappingURL=checkbox.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/ui/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAK9D;;;;;;;;;;;GAWG;AACH,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,2CAkBrD;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/ui/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAK9D,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,2CAkBrD;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): import("react/jsx-runtime").JSX.Element;
+declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): import("react/jsx-runtime").JSX.Element;
+export { Collapsible, CollapsibleTrigger, CollapsibleContent };
+//# sourceMappingURL=collapsible.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../../src/components/ui/collapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,oBAAoB,MAAM,6BAA6B,CAAC;AAEpE,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,kBAAkB,CAAC,2CAOtE;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,kBAAkB,CAAC,2CAOtE;AAED,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/ui/data-table/TableView.d.ts

@@ -0,0 +1,3 @@
+import type { DataTableProps } from './types';
+export declare function DataTable<TData, TValue>({ columns, data, loading, columnRegistry, initialState, tableId, toolbar, emptyState, forceEmptyState, }: DataTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TableView.d.ts.map

package/dist/components/ui/data-table/TableView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableView.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/data-table/TableView.tsx"],"names":[],"mappings":"AAoCA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAkH9C,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,EACvC,OAAO,EACP,IAAI,EACJ,OAAe,EACf,cAAc,EACd,YAAY,EACZ,OAAO,EACP,OAAO,EACP,UAAU,EACV,eAAe,GAChB,EAAE,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,2CAmkB/B"}

package/dist/components/ui/data-table/cards/ResponsiveTable.d.ts

@@ -0,0 +1,10 @@
+import type { DataTableProps, DataTableToolbarOptions } from '../types';
+export interface ResponsiveTableProps<TData, TValue> extends DataTableProps<TData, TValue> {
+    breakpoint?: string;
+    enableMobileVirtualization?: boolean;
+    virtualizeAt?: number;
+    overscan?: number;
+    toolbarOptions?: DataTableToolbarOptions;
+}
+export declare function ResponsiveTable<TData, TValue>({ columns, data, loading, columnRegistry, initialState, breakpoint, enableMobileVirtualization, virtualizeAt, overscan, tableId, toolbarOptions, emptyState, forceEmptyState, }: ResponsiveTableProps<TData, TValue>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ResponsiveTable.d.ts.map

package/dist/components/ui/data-table/cards/ResponsiveTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponsiveTable.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/data-table/cards/ResponsiveTable.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AASxE,MAAM,WAAW,oBAAoB,CAAC,KAAK,EAAE,MAAM,CACjD,SAAQ,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,uBAAuB,CAAC;CAC1C;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,EAC7C,OAAO,EACP,IAAI,EACJ,OAAO,EACP,cAAc,EACd,YAAY,EACZ,UAAiC,EACjC,0BAAiC,EACjC,YAAkB,EAClB,QAAY,EACZ,OAAO,EACP,cAAc,EACd,UAAU,EACV,eAAe,GAChB,EAAE,oBAAoB,CAAC,KAAK,EAAE,MAAM,CAAC,2CAqCrC"}

package/dist/components/ui/data-table/cards/RowCard.d.ts

@@ -0,0 +1,9 @@
+import { type Row } from '@tanstack/react-table';
+import type { ColumnRegistry } from '../metadata/ColumnRegistry';
+export interface RowCardProps<TData> {
+    row: Row<TData>;
+    columnRegistry?: ColumnRegistry<TData, unknown>;
+    className?: string;
+}
+export declare function RowCard<TData>({ row, columnRegistry, className, }: RowCardProps<TData>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RowCard.d.ts.map

package/dist/components/ui/data-table/cards/RowCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowCard.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/data-table/cards/RowCard.tsx"],"names":[],"mappings":"AACA,OAAO,EAAyB,KAAK,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAExE,OAAO,KAAK,EAEV,cAAc,EACf,MAAM,4BAA4B,CAAC;AAEpC,MAAM,WAAW,YAAY,CAAC,KAAK;IACjC,GAAG,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC;IAChB,cAAc,CAAC,EAAE,cAAc,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAiCD,wBAAgB,OAAO,CAAC,KAAK,EAAE,EAC7B,GAAG,EACH,cAAc,EACd,SAAS,GACV,EAAE,YAAY,CAAC,KAAK,CAAC,2CAmLrB"}

package/dist/components/ui/data-table/cards/index.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ui/data-table/cards/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/data-table/cards/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,CAAC"}

package/dist/components/ui/data-table/columnTypes/badgeColumn.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import type { ColumnDef } from '@tanstack/react-table';
+import { Badge } from '@/components/ui/badge';
+import type { ColumnDefaults, ColumnDescriptor } from '../metadata/ColumnRegistry';
+interface BadgeConfig<TValue extends string> {
+    labelMap: Record<TValue, string>;
+    variantMap?: Record<TValue, React.ComponentProps<typeof Badge>['variant']>;
+}
+interface BadgeColumnOptions<TData, TValue extends string> extends Partial<ColumnDefaults>, BadgeConfig<TValue> {
+    id: string;
+    accessorKey?: string;
+    header: ColumnDef<TData, TValue>['header'];
+}
+export declare function createBadgeColumn<TData, TValue extends string>(options: BadgeColumnOptions<TData, TValue>): ColumnDescriptor<TData, TValue>;
+export {};
+//# sourceMappingURL=badgeColumn.d.ts.map

package/dist/components/ui/data-table/columnTypes/badgeColumn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badgeColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/data-table/columnTypes/badgeColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAE9C,OAAO,KAAK,EACV,cAAc,EACd,gBAAgB,EACjB,MAAM,4BAA4B,CAAC;AAEpC,UAAU,WAAW,CAAC,MAAM,SAAS,MAAM;IACzC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;CAC5E;AAED,UAAU,kBAAkB,CAAC,KAAK,EAAE,MAAM,SAAS,MAAM,CACvD,SAAQ,OAAO,CAAC,cAAc,CAAC,EAC7B,WAAW,CAAC,MAAM,CAAC;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC;CAC5C;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,SAAS,MAAM,EAC5D,OAAO,EAAE,kBAAkB,CAAC,KAAK,EAAE,MAAM,CAAC,GACzC,gBAAgB,CAAC,KAAK,EAAE,MAAM,CAAC,CA8BjC"}

package/dist/components/ui/data-table/columnTypes/createColumn.d.ts

@@ -0,0 +1,8 @@
+import type { ColumnDef } from '@tanstack/react-table';
+import type { ColumnDefaults, ColumnDescriptor } from '../metadata/ColumnRegistry';
+export interface ColumnOptions<TData, TValue> extends Partial<ColumnDefaults> {
+    id: string;
+    column: ColumnDef<TData, TValue>;
+}
+export declare function createColumnDescriptor<TData, TValue>(options: ColumnOptions<TData, TValue>): ColumnDescriptor<TData, TValue>;
+//# sourceMappingURL=createColumn.d.ts.map

package/dist/components/ui/data-table/columnTypes/createColumn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/data-table/columnTypes/createColumn.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAY,MAAM,uBAAuB,CAAC;AACjE,OAAO,KAAK,EACV,cAAc,EACd,gBAAgB,EAEjB,MAAM,4BAA4B,CAAC;AAuHpC,MAAM,WAAW,aAAa,CAAC,KAAK,EAAE,MAAM,CAAE,SAAQ,OAAO,CAAC,cAAc,CAAC;IAC3E,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;CAClC;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,EAClD,OAAO,EAAE,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,GACpC,gBAAgB,CAAC,KAAK,EAAE,MAAM,CAAC,CA8CjC"}

package/dist/components/ui/data-table/columnTypes/dateColumn.d.ts

@@ -0,0 +1,13 @@
+import type { ColumnDef } from '@tanstack/react-table';
+import type { ColumnDefaults, ColumnDescriptor } from '../metadata/ColumnRegistry';
+export interface DateColumnOptions<TData> extends Partial<ColumnDefaults> {
+    id: string;
+    accessorKey?: string;
+    header: ColumnDef<TData, string | Date>['header'];
+    /** Optional Intl.DateTimeFormat; defaults to en-US short date */
+    formatter?: Intl.DateTimeFormat;
+    /** Optional custom formatter override for full control */
+    format?: (date: Date) => string;
+}
+export declare function createDateColumn<TData>(options: DateColumnOptions<TData>): ColumnDescriptor<TData, string | Date>;
+//# sourceMappingURL=dateColumn.d.ts.map

package/dist/components/ui/data-table/columnTypes/dateColumn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/data-table/columnTypes/dateColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAEvD,OAAO,KAAK,EACV,cAAc,EACd,gBAAgB,EACjB,MAAM,4BAA4B,CAAC;AAEpC,MAAM,WAAW,iBAAiB,CAAC,KAAK,CAAE,SAAQ,OAAO,CAAC,cAAc,CAAC;IACvE,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC;IAClD,iEAAiE;IACjE,SAAS,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC;IAChC,0DAA0D;IAC1D,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC;CACjC;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EACpC,OAAO,EAAE,iBAAiB,CAAC,KAAK,CAAC,GAChC,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC,CAkDxC"}

package/dist/components/ui/data-table/columnTypes/index.d.ts

@@ -0,0 +1,8 @@
+export * from './createColumn';
+export * from './textColumn';
+export * from './numericColumn';
+export * from './badgeColumn';
+export * from './selectionColumn';
+export * from './multiBadgeColumn';
+export * from './dateColumn';
+//# sourceMappingURL=index.d.ts.map