@mdigital_ui/ui 0.2.0 → 0.2.1

package/README.md

@@ -19,45 +19,42 @@ Modern React component library built with Tailwind CSS v4, designed for multi-br
 npm install @mdigital_ui/ui
 ```
 
-**That's it!** All dependencies are included. Tree-shaking ensures only the components you import end up in your production bundle.
+**That's it!** All dependencies and styles are included. Tree-shaking ensures only the components you import end up in your production bundle.
 
 ### Peer Dependencies
 
 You need to have these in your project:
 
 ```bash
-npm install react react-dom tailwindcss
+npm install react react-dom
 ```
 
 ## Quick Start
 
-### 1. Configure Tailwind
+### 1. Import Styles
 
-Add the package path to your `tailwind.config.js`:
+In your main application entry point (e.g., `app/layout.tsx` or `src/main.tsx`):
 
-```javascript
-export default {
-  content: [
-    './src/**/*.{js,ts,jsx,tsx}',
-    './node_modules/@mdigital/ui/dist/**/*.{js,ts,jsx,tsx}',
-  ],
-}
+```tsx
+// Import the base styles
+import '@mdigital_ui/ui/styles/base.css'
+// Import light theme (default)
+import '@mdigital_ui/ui/styles/themes/light.css'
+// Optional: Import dark theme for dark mode support
+import '@mdigital_ui/ui/styles/themes/dark.css'
 ```
 
-### 2. Import Styles
-
-In your main CSS file or layout:
+**Or** import in your CSS file:
 
 ```css
 /* app/globals.css or src/index.css */
-@import '@mdigital/ui/styles/base.css';
-@import '@mdigital/ui/styles/themes/light.css';
-
+@import '@mdigital_ui/ui/styles/base.css';
+@import '@mdigital_ui/ui/styles/themes/light.css';
 /* Optional: Dark mode */
-@import '@mdigital/ui/styles/themes/dark.css';
+@import '@mdigital_ui/ui/styles/themes/dark.css';
 ```
 
-### 3. Use Components
+### 2. Use Components
 
 ```tsx
 import { Button, Input, Card } from '@mdigital/ui'

package/dist/index.js

@@ -1,16 +1,16 @@
-export { tooltip_default as Tooltip } from './chunk-D3JWPGCA.js';
 export { Transfer } from './chunk-EYTOKUBM.js';
+export { tooltip_default as Tooltip } from './chunk-D3JWPGCA.js';
 export { tree_select_default as TreeSelect } from './chunk-JZCHZ4B3.js';
 export { tree_default as Tree } from './chunk-SAVE5ACL.js';
 export { upload_default as Upload } from './chunk-I5ANSIDK.js';
 export { slider_default as Slider } from './chunk-NNSS366W.js';
 export { stepper_default as Stepper } from './chunk-MLDX3Z67.js';
 export { switch_default as Switch } from './chunk-AOITJRSV.js';
-export { table_default as Table } from './chunk-L3SP7GHC.js';
-export { toggle_group_default as ToggleGroup } from './chunk-SK5ECBBK.js';
-export { tabs_default as Tabs } from './chunk-OW5A5IIF.js';
 export { textarea_default as Textarea } from './chunk-FPOXTCYV.js';
+export { tabs_default as Tabs } from './chunk-OW5A5IIF.js';
 export { toggle_default as Toggle } from './chunk-DPOSWW22.js';
+export { table_default as Table } from './chunk-L3SP7GHC.js';
+export { toggle_group_default as ToggleGroup } from './chunk-SK5ECBBK.js';
 export { progress_default as Progress } from './chunk-RQBXZKTH.js';
 export { radio_default as Radio } from './chunk-KTBPIEP2.js';
 export { radio_group_default as RadioGroup } from './chunk-DOKTHDG3.js';
@@ -29,8 +29,8 @@ export { descriptions_default as Descriptions } from './chunk-S5XJXU52.js';
 export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from './chunk-AWPKZYHT.js';
 export { empty_default as Empty } from './chunk-ROR4E6IE.js';
 export { fetching_overlay_default as FetchingOverlay } from './chunk-BNILRB4T.js';
-export { grid_default as Grid } from './chunk-7PKVBUGL.js';
 export { image_default as Image } from './chunk-XMAH5PDW.js';
+export { grid_default as Grid } from './chunk-7PKVBUGL.js';
 export { input_default as Input } from './chunk-2JGAYDZR.js';
 export { cascader_default as Cascader } from './chunk-SERJ3TZE.js';
 export { AreaChart, BarChart, ComposedChart, LineChart, PieChart } from './chunk-BP434VYV.js';