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

package/README.md

@@ -57,23 +57,16 @@ cp node_modules/@machinemetrics/mm-react-components/tailwind.config.export.js ta
 
 Note: The exported config is the main config (no preview-only utilities). The preview app in this repo uses a separate `tailwind.preview.config.js` that imports the main config and adds preview utilities.
 
-#### 3. Import Theme (Recommended: JS imports)
+#### 3. Import Styles
 
-Use app-level JavaScript/TypeScript imports so bundlers resolve package subpaths consistently and you can toggle themes at runtime:
+Import the complete styles including Tailwind CSS, base styles, and Carbide theme:
 
 ```ts
 // In your main entry (e.g., src/main.tsx)
 import '@machinemetrics/mm-react-components/styles';
-import '@machinemetrics/mm-react-components/themes/carbide';
 document.documentElement.classList.add('carbide');
 ```
 
-Alternatively, you can import the complete theme in CSS:
-
-```css
-@import '@machinemetrics/mm-react-components/themes/complete';
-```
-
 **What's included:**
 
 - ✅ Tailwind CSS reset
@@ -124,22 +117,13 @@ The component library includes a comprehensive theme system with two main themes
 
 ### Using Themes
 
-#### Option 1: JS Imports (Recommended)
+#### Option 1: JS Import (Recommended)
 
 ```ts
 import '@machinemetrics/mm-react-components/styles';
-import '@machinemetrics/mm-react-components/themes/carbide';
 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 3: Use Theme Utilities
 
 ```tsx
@@ -250,16 +234,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/README.md

@@ -57,23 +57,16 @@ cp node_modules/@machinemetrics/mm-react-components/tailwind.config.export.js ta
 
 Note: The exported config is the main config (no preview-only utilities). The preview app in this repo uses a separate `tailwind.preview.config.js` that imports the main config and adds preview utilities.
 
-#### 3. Import Theme (Recommended: JS imports)
+#### 3. Import Styles
 
-Use app-level JavaScript/TypeScript imports so bundlers resolve package subpaths consistently and you can toggle themes at runtime:
+Import the complete styles including Tailwind CSS, base styles, and Carbide theme:
 
 ```ts
 // In your main entry (e.g., src/main.tsx)
 import '@machinemetrics/mm-react-components/styles';
-import '@machinemetrics/mm-react-components/themes/carbide';
 document.documentElement.classList.add('carbide');
 ```
 
-Alternatively, you can import the complete theme in CSS:
-
-```css
-@import '@machinemetrics/mm-react-components/themes/complete';
-```
-
 **What's included:**
 
 - ✅ Tailwind CSS reset
@@ -124,22 +117,13 @@ The component library includes a comprehensive theme system with two main themes
 
 ### Using Themes
 
-#### Option 1: JS Imports (Recommended)
+#### Option 1: JS Import (Recommended)
 
 ```ts
 import '@machinemetrics/mm-react-components/styles';
-import '@machinemetrics/mm-react-components/themes/carbide';
 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 3: Use Theme Utilities
 
 ```tsx
@@ -250,16 +234,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/progress.d.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
 import * as ProgressPrimitive from '@radix-ui/react-progress';
+import './progress-animations.css';
 declare function Progress({ className, value, ...props }: React.ComponentProps<typeof ProgressPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 export { Progress };
 //# sourceMappingURL=progress.d.ts.map

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

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

package/dist/docs/GETTING_STARTED.md

@@ -50,11 +50,11 @@ export default {
 };
 ```
 
-### 4. Import Complete Theme
+### 4. Import Styles
 
 ```css
 /* src/index.css or your main CSS file */
-@import '@machinemetrics/mm-react-components/themes/complete';
+@import '@machinemetrics/mm-react-components/styles';
 ```
 
 ### 5. Use Components
@@ -170,9 +170,7 @@ import {
 } from '@machinemetrics/mm-react-components';
 
 // CSS imports
-import '@machinemetrics/mm-react-components/themes/complete';
-import '@machinemetrics/mm-react-components/themes/base';
-import '@machinemetrics/mm-react-components/themes/carbide';
+import '@machinemetrics/mm-react-components/styles';
 
 // Configuration
 import tailwindConfig from '@machinemetrics/mm-react-components/tailwind.config';

package/dist/main.d.ts

@@ -1,3 +1,2 @@
-import '@machinemetrics/mm-react-components/styles';
-import '@machinemetrics/mm-react-components/themes/carbide';
+import './index.css';
 //# sourceMappingURL=main.d.ts.map

package/dist/main.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../src/main.tsx"],"names":[],"mappings":"AAGA,OAAO,4CAA4C,CAAC;AACpD,OAAO,oDAAoD,CAAC"}
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../src/main.tsx"],"names":[],"mappings":"AAGA,OAAO,aAAa,CAAC"}