@machinemetrics/mm-react-components 0.1.1-1 → 0.2.3-0

package/CHANGELOG.md

@@ -0,0 +1,61 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## [Unreleased]
+
+### Added
+
+- Initial component library setup
+- Button component with multiple variants
+- Input component with validation states
+- TypeScript support with full type definitions
+- Tailwind CSS integration
+- ESLint and Prettier configuration
+- Playwright testing setup
+
+### Changed
+
+- N/A
+
+### Deprecated
+
+- N/A
+
+### Removed
+
+- N/A
+
+### Fixed
+
+- N/A
+
+### Security
+
+- N/A
+
+## [0.1.0] - 2025-01-27
+
+### Added
+
+- Initial release of @machinemetrics/mm-react-components
+- Button component with variants: default, primary, secondary, outline, destructive
+- Input component with type support
+- Utility functions for class name merging
+- Comprehensive TypeScript configuration
+- Modern build system with Vite
+- ESLint and Prettier for code quality
+- Playwright for end-to-end testing
+- NPM distribution configuration
+
+### Technical Details
+
+- Built on React 19.1.1
+- Uses shadcn/ui as component foundation
+- Tailwind CSS for styling
+- ES modules and UMD bundle support
+- Tree-shakable architecture
+- WCAG 2.1 AA accessibility compliance

package/README.md

@@ -0,0 +1,246 @@
+# @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 Theme CSS
+
+```css
+/* In your main CSS file */
+@import '@machinemetrics/mm-react-components/themes/base';
+@import '@machinemetrics/mm-react-components/themes/carbide';
+@import 'tailwindcss';
+```
+
+### 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, 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: Import CSS Files Directly
+
+```tsx
+// In your main.tsx or App.tsx
+import '@machinemetrics/mm-react-components/themes/base';
+import '@machinemetrics/mm-react-components/themes/carbide';
+
+// Add carbide class to activate Carbide theme
+document.documentElement.classList.add('carbide');
+```
+
+#### Option 2: 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();
+```
+
+#### 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:
+
+- **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. Make sure to include the styles in your application:
+
+```tsx
+import '@machinemetrics/mm-react-components/styles';
+```
+
+If you're using Tailwind CSS in your project, you can also import the component styles directly:
+
+```css
+@import '@machinemetrics/mm-react-components/styles';
+```
+
+## 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/App.d.ts

@@ -0,0 +1,3 @@
+declare function App(): import("react/jsx-runtime").JSX.Element;
+export default App;
+//# sourceMappingURL=App.d.ts.map

package/dist/App.d.ts.map

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

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

@@ -0,0 +1,11 @@
+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;
+    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> & {
+    asChild?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export { Button, buttonVariants };
+//# sourceMappingURL=button.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+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

@@ -0,0 +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,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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/data-table/columnTypes/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC"}

package/dist/components/ui/data-table/columnTypes/multiBadgeColumn.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 MultiBadgeConfig<TValue extends string> {
+    labelMap?: Record<TValue, string>;
+    variantMap?: Record<TValue, React.ComponentProps<typeof Badge>['variant']>;
+}
+interface MultiBadgeColumnOptions<TData, TValue extends string> extends Partial<ColumnDefaults>, MultiBadgeConfig<TValue> {
+    id: string;
+    accessorKey?: string;
+    header: ColumnDef<TData, TValue[]>['header'];
+}
+export declare function createMultiBadgeColumn<TData, TValue extends string = string>(options: MultiBadgeColumnOptions<TData, TValue>): ColumnDescriptor<TData, TValue[]>;
+export {};
+//# sourceMappingURL=multiBadgeColumn.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"multiBadgeColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/data-table/columnTypes/multiBadgeColumn.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,gBAAgB,CAAC,MAAM,SAAS,MAAM;IAC9C,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAClC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;CAC5E;AAED,UAAU,uBAAuB,CAAC,KAAK,EAAE,MAAM,SAAS,MAAM,CAC5D,SAAQ,OAAO,CAAC,cAAc,CAAC,EAC7B,gBAAgB,CAAC,MAAM,CAAC;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,SAAS,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC;CAC9C;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,MAAM,SAAS,MAAM,GAAG,MAAM,EAC1E,OAAO,EAAE,uBAAuB,CAAC,KAAK,EAAE,MAAM,CAAC,GAC9C,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,CAAC,CAsCnC"}

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

@@ -0,0 +1,15 @@
+import type { ColumnDef } from '@tanstack/react-table';
+import type { ColumnDefaults, ColumnDescriptor } from '../metadata/ColumnRegistry';
+interface NumericFormatOptions {
+    format?: 'integer' | 'decimal' | 'percent';
+    decimals?: number;
+}
+interface NumericColumnOptions<TData> extends NumericFormatOptions, Partial<ColumnDefaults> {
+    id: string;
+    accessorKey?: string;
+    header: ColumnDef<TData, number>['header'];
+    formatter?: (value: number) => string;
+}
+export declare function createNumericColumn<TData>(options: NumericColumnOptions<TData>): ColumnDescriptor<TData, number>;
+export {};
+//# sourceMappingURL=numericColumn.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"numericColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/data-table/columnTypes/numericColumn.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGvD,OAAO,KAAK,EACV,cAAc,EACd,gBAAgB,EACjB,MAAM,4BAA4B,CAAC;AAEpC,UAAU,oBAAoB;IAC5B,MAAM,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,UAAU,oBAAoB,CAAC,KAAK,CAClC,SAAQ,oBAAoB,EAC1B,OAAO,CAAC,cAAc,CAAC;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC3C,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACvC;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EACvC,OAAO,EAAE,oBAAoB,CAAC,KAAK,CAAC,GACnC,gBAAgB,CAAC,KAAK,EAAE,MAAM,CAAC,CA2CjC"}

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

@@ -0,0 +1,10 @@
+import type { ColumnDescriptor } from '../metadata/ColumnRegistry';
+export interface SelectionColumnOptions {
+    id?: string;
+    size?: number;
+    minSize?: number;
+    maxSize?: number;
+    order?: number;
+}
+export declare function createSelectionColumn<TData = unknown>(options?: SelectionColumnOptions): ColumnDescriptor<TData, unknown>;
+//# sourceMappingURL=selectionColumn.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"selectionColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/data-table/columnTypes/selectionColumn.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAEnE,MAAM,WAAW,sBAAsB;IACrC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wBAAgB,qBAAqB,CAAC,KAAK,GAAG,OAAO,EACnD,OAAO,GAAE,sBAA2B,GACnC,gBAAgB,CAAC,KAAK,EAAE,OAAO,CAAC,CAyClC"}

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

@@ -0,0 +1,13 @@
+import type { ColumnDef } from '@tanstack/react-table';
+import type { ColumnDefaults, ColumnDescriptor } from '../metadata/ColumnRegistry';
+interface BaseColumnOptions<TData, TValue> {
+    id: string;
+    header: ColumnDef<TData, TValue>['header'];
+    cell: ColumnDef<TData, TValue>['cell'];
+    accessorKey?: string;
+    column?: ColumnDef<TData, TValue>;
+    defaults?: Partial<ColumnDefaults>;
+}
+export declare function createTextColumn<TData, TValue = string>(options: BaseColumnOptions<TData, TValue>): ColumnDescriptor<TData, TValue>;
+export {};
+//# sourceMappingURL=textColumn.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"textColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/ui/data-table/columnTypes/textColumn.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAGvD,OAAO,KAAK,EACV,cAAc,EACd,gBAAgB,EACjB,MAAM,4BAA4B,CAAC;AAGpC,UAAU,iBAAiB,CAAC,KAAK,EAAE,MAAM;IACvC,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,CAAC;IAC3C,IAAI,EAAE,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;CACpC;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EACrD,OAAO,EAAE,iBAAiB,CAAC,KAAK,EAAE,MAAM,CAAC,GACxC,gBAAgB,CAAC,KAAK,EAAE,MAAM,CAAC,CAoBjC"}

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

@@ -0,0 +1,14 @@
+export { DataTable } from './TableView';
+export type { ColumnDefaults, ColumnDescriptor, ColumnRegistry, Align as TableColumnAlignment, MobileRole as TableMobileRole, } from './metadata/ColumnRegistry';
+export type { DataTableProps, DataTableInitialState } from './types';
+export { createColumnRegistry, resolveColumnOrder, resolveColumnVisibility, } from './metadata/ColumnRegistry';
+export { getPresetAlignment, determineTextAlignment, detectContentType, getAlignmentForContentType, } from './metadata/alignment';
+export { TABLE_TOKENS } from './tokens';
+export { createColumnDescriptor, createTextColumn, createNumericColumn, createBadgeColumn, createSelectionColumn, createMultiBadgeColumn, createDateColumn, } from './columnTypes';
+export { useDataTableState, useBreakpoint } from './state';
+export { useTableController } from './useTableController';
+export { DataTableToolbar } from './toolbar';
+export { ResponsiveTable } from './cards/ResponsiveTable';
+export { exportTableToCSV } from './utils';
+export { DataTablePagination } from './pagination';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/data-table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EACV,cAAc,EACd,gBAAgB,EAChB,cAAc,EACd,KAAK,IAAI,oBAAoB,EAC7B,UAAU,IAAI,eAAe,GAC9B,MAAM,2BAA2B,CAAC;AACnC,YAAY,EAAE,cAAc,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AACrE,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EAClB,uBAAuB,GACxB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EACL,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,0BAA0B,GAC3B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACxC,OAAO,EACL,sBAAsB,EACtB,gBAAgB,EAChB,mBAAmB,EACnB,iBAAiB,EACjB,qBAAqB,EACrB,sBAAsB,EACtB,gBAAgB,GACjB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC"}