@liiift-studio/mac-os9-ui 0.1.4 → 0.1.6

package/ATTRIBUTION.md

@@ -28,7 +28,7 @@ Under the following terms:
 
 ## Implementation
 
-This React/TypeScript component library (`mac-os9-ui`) implements Michael Feeney's designs as functional web components with:
+This React/TypeScript component library (`@liiift-studio/mac-os9-ui`) implements Michael Feeney's designs as functional web components with:
 
 - Pixel-accurate visual fidelity to the original designs
 - Modern accessibility features (ARIA, keyboard navigation)
@@ -51,10 +51,10 @@ All visual design decisions remain faithful to Michael Feeney's original Mac OS
 
 When using this library in your projects, please include attribution to both:
 
-### 1. This Library (mac-os9-ui)
+### 1. This Library (@liiift-studio/mac-os9-ui)
 
 ```
-Built with mac-os9-ui component library
+Built with @liiift-studio/mac-os9-ui component library
 https://github.com/Liiift-Studio/Mac-OS-9-React
 Licensed under MIT License
 ```
@@ -76,7 +76,7 @@ For websites or applications:
 <!-- Footer or About section -->
 <p>
   UI components powered by 
-  <a href="https://github.com/Liiift-Studio/Mac-OS-9-React">mac-os9-ui</a>.
+  <a href="https://github.com/Liiift-Studio/Mac-OS-9-React">@liiift-studio/mac-os9-ui</a>.
   Original designs by 
   <a href="https://swallowmygraphicdesign.com/project/macostalgia">Michael Feeney</a>
   licensed under 
@@ -89,7 +89,7 @@ For documentation or README:
 ```markdown
 ## Credits
 
-- UI Components: [mac-os9-ui](https://github.com/Liiift-Studio/Mac-OS-9-React) (MIT License)
+- UI Components: [@liiift-studio/mac-os9-ui](https://github.com/Liiift-Studio/Mac-OS-9-React) (MIT License)
 - Original Designs: [Michael Feeney - Mac OS 9 UI Kit](https://swallowmygraphicdesign.com/project/macostalgia) (CC BY 4.0)
 ```
 
@@ -97,4 +97,4 @@ For documentation or README:
 
 Special thanks to Michael Feeney for creating and sharing this beautiful Mac OS 9 UI Kit with the design community. His work preserves an important piece of computing history and enables developers to bring that nostalgic aesthetic to modern web applications.
 
-Visit his website to see more of his excellent work: https://swallowmygraphicdesign.com/
+Visit his website to see more of his excellent work: https://swallowmygraphicdesign.com/

package/README.md

@@ -23,7 +23,6 @@ npm install @liiift-studio/mac-os9-ui
 
 ```tsx
 import { Button, Window } from '@liiift-studio/mac-os9-ui';
-import '@liiift-studio/mac-os9-ui/styles';
 
 function App() {
 	return (
@@ -66,7 +65,6 @@ function App() {
 
 ```tsx
 import { Window, MenuBar } from '@liiift-studio/mac-os9-ui';
-import '@liiift-studio/mac-os9-ui/styles';
 
 function MyApp() {
 	const menuItems = [
@@ -175,13 +173,16 @@ function MyComponent() {
 
 ## Styling
 
-The library includes CSS files that need to be imported in your application:
+**Styles are automatically included** when you import any component from the library. No separate CSS import is required!
 
 ```tsx
-import '@liiift-studio/mac-os9-ui/styles';
+import { Button, Window } from '@liiift-studio/mac-os9-ui';
+// Styles are automatically included ✓
 ```
 
-This imports the theme variables and base styles. All components use CSS Modules internally, so styles are scoped and won't conflict with your application's CSS.
+All components use CSS Modules internally, so styles are scoped and won't conflict with your application's CSS. The theme variables and base styles are bundled with the component imports for maximum convenience.
+
+> **Note:** For backwards compatibility, you can still explicitly import styles via `import '@liiift-studio/mac-os9-ui/styles'` if needed, but it's no longer necessary.
 
 ## TypeScript Support
 

package/dist/index.cjs

@@ -165,7 +165,7 @@ var IconButton = React4.forwardRef(
       IconButton_default.iconButton,
       IconButton_default[`iconButton--${variant}`],
       IconButton_default[`iconButton--${size}`],
-      label && IconButton_default[`iconButton--with-label`],
+      label && IconButton_default["iconButton--with-label"],
       label && IconButton_default[`iconButton--label-${labelPosition}`],
       disabled && IconButton_default["iconButton--disabled"],
       className