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

package/README.md

@@ -33,15 +33,22 @@ Copy the Tailwind configuration to your project:
 cp node_modules/@machinemetrics/mm-react-components/tailwind.config.export.js tailwind.config.js
 ```
 
-### 3. Import Theme CSS
+### 3. Import Complete Theme (Recommended)
 
 ```css
-/* In your main CSS file */
-@import '@machinemetrics/mm-react-components/themes/base';
-@import '@machinemetrics/mm-react-components/themes/carbide';
-@import 'tailwindcss';
+/* 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
@@ -59,7 +66,7 @@ function App() {
 
 ### 5. Complete Setup Guide
 
-For detailed setup instructions, see the [Tailwind Setup Guide](./docs/TAILWIND_SETUP.md).
+For detailed setup instructions and alternative import methods, see the [Tailwind Setup Guide](./docs/TAILWIND_SETUP.md).
 
 ## Theme System
 
@@ -81,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 {
@@ -111,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:
@@ -193,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

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/docs/TAILWIND_SETUP.md

@@ -20,7 +20,14 @@ cp node_modules/@machinemetrics/mm-react-components/tailwind.config.export.js ta
 
 ### 3. Import Theme CSS
 
-Add the theme imports to your main CSS file:
+**Option A: Complete All-in-One (Recommended)**
+
+```css
+/* Import everything in one go - includes Tailwind reset, base theme, and Carbide theme */
+@import '@machinemetrics/mm-react-components/themes/complete';
+```
+
+**Option B: Manual Setup**
 
 ```css
 /* Import base theme */

package/dist/index.d.ts

@@ -2,7 +2,7 @@ export { cn } from './lib/utils';
 export { Button, buttonVariants } from './components/ui/button';
 export { Input } from './components/ui/input';
 export { SearchInput } from './components/ui/search-input';
-export { activateCarbideTheme } from './lib/theme-utils';
+export { activateCarbideTheme, deactivateCarbideTheme, toggleCarbideTheme, isCarbideThemeActive, activateDarkMode, deactivateDarkMode, toggleDarkMode, isDarkModeActive, } from './lib/theme-utils';
 export { Label } from './components/ui/label';
 export { Checkbox } from './components/ui/checkbox';
 export { RadioGroup, RadioGroupItem } from './components/ui/radio-group';
@@ -27,4 +27,7 @@ export { DataTable } from './components/ui/data-table';
 export { DataTablePagination } from './components/ui/data-table';
 export { Progress } from './components/ui/progress';
 export { Dropzone, DropzoneContent, DropzoneEmptyState, } from './components/ui/dropzone';
+export { Accordion, AccordionItem, AccordionTrigger, AccordionContent, } from './components/ui/accordion';
+export { Popover, PopoverTrigger, PopoverContent, } from './components/ui/popover';
+export { DateRangePicker } from './components/ui/date-range-picker';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/mm-react-components.es.js

@@ -3916,6 +3916,43 @@ function activateCarbideTheme() {
     document.documentElement.classList.add("carbide");
   }
 }
+function deactivateCarbideTheme() {
+  if (typeof document !== "undefined") {
+    document.documentElement.classList.remove("carbide");
+  }
+}
+function toggleCarbideTheme() {
+  if (typeof document !== "undefined") {
+    document.documentElement.classList.toggle("carbide");
+  }
+}
+function isCarbideThemeActive() {
+  if (typeof document !== "undefined") {
+    return document.documentElement.classList.contains("carbide");
+  }
+  return false;
+}
+function activateDarkMode() {
+  if (typeof document !== "undefined") {
+    document.documentElement.classList.add("dark");
+  }
+}
+function deactivateDarkMode() {
+  if (typeof document !== "undefined") {
+    document.documentElement.classList.remove("dark");
+  }
+}
+function toggleDarkMode() {
+  if (typeof document !== "undefined") {
+    document.documentElement.classList.toggle("dark");
+  }
+}
+function isDarkModeActive() {
+  if (typeof document !== "undefined") {
+    return document.documentElement.classList.contains("dark");
+  }
+  return false;
+}
 var NODES = [
   "a",
   "button",
@@ -33610,6 +33647,10 @@ const DropzoneEmptyState = ({
   ] });
 };
 export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
   Badge,
   Button$1 as Button,
   Calendar,
@@ -33619,6 +33660,7 @@ export {
   CollapsibleTrigger,
   DataTable,
   DataTablePagination,
+  DateRangePicker,
   Dialog,
   DialogClose,
   DialogContent,
@@ -33662,6 +33704,9 @@ export {
   Label$2 as Label,
   LabeledSlider,
   PageHeader,
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
   Progress,
   RadioGroup$1 as RadioGroup,
   RadioGroupItem,
@@ -33705,8 +33750,15 @@ export {
   TooltipProvider,
   TooltipTrigger,
   activateCarbideTheme,
+  activateDarkMode,
   badgeVariants,
   buttonVariants,
-  cn
+  cn,
+  deactivateCarbideTheme,
+  deactivateDarkMode,
+  isCarbideThemeActive,
+  isDarkModeActive,
+  toggleCarbideTheme,
+  toggleDarkMode
 };
 //# sourceMappingURL=mm-react-components.es.js.map