@atipicus/mrs-ui 1.1.0 → 2.0.2

package/dist/theme-editor/index.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Theme Editor Application
+ * Interactive visual editor for theme.ts
+ *
+ * Allows users to:
+ * - Visualize and edit theme tokens
+ * - See changes in real-time
+ * - Sync changes back to theme.ts
+ * - Save with automatic backups
+ * - Commit to git and undo within 5 minutes
+ */
+export { ThemeEditorApp } from './ThemeEditorApp';
+export { useThemeParser } from './hooks/useThemeParser';
+export { useThemeSync } from './hooks/useThemeSync';
+export { useThemeSave } from './hooks/useThemeSave';
+export { useGitIntegration } from './hooks/useGitIntegration';
+export { useFileSystem } from './hooks/useFileSystem';
+//# sourceMappingURL=index.d.ts.map

package/dist/theme-editor/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme-editor/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atipicus/mrs-ui",
-  "version": "1.1.0",
+  "version": "2.0.2",
   "description": "A cromprehensive design system Based on Material UI, with 53 production ready React components and TypeScript support...",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -44,7 +44,7 @@
     "test": "jest",
     "test:clean": "jest --clearCache && jest",
     "test:watch": "jest --watch",
-    "type-check": "tsc --noEmit",
+    "type-check": "npm run tokens:build && tsc --noEmit",
     "lint": "eslint src --ext .ts,.tsx --ignore-pattern 'src/tokens/scripts/**' --ignore-pattern '**/*.mdx'",
     "lint:fix": "eslint src --ext .ts,.tsx --ignore-pattern 'src/tokens/scripts/**' --ignore-pattern '**/*.mdx' --fix",
     "format": "prettier --write \"src/**/*.{ts,tsx,json,md}\"",
@@ -97,16 +97,18 @@
     "react-dom": "^18.3.1"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^4.1.3",
+    "@chromatic-com/storybook": "^5.0.1",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
     "@mui/icons-material": "^6.5.0",
     "@mui/material": "^6.5.0",
-    "@storybook/addon-a11y": "^10.1.10",
-    "@storybook/addon-docs": "^10.1.10",
-    "@storybook/addon-themes": "^10.1.10",
-    "@storybook/addon-vitest": "^10.1.10",
-    "@storybook/react-vite": "^10.1.10",
+    "@storybook/addon-a11y": "^10.2.3",
+    "@storybook/addon-docs": "^10.2.3",
+    "@storybook/addon-themes": "^10.2.3",
+    "@storybook/addon-vitest": "^10.2.3",
+    "@storybook/react-vite": "^10.2.3",
+    "@swc/core": "^1.13.5",
+    "@swc/jest": "^0.2.38",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.0.0",
     "@testing-library/react": "^16.3.1",
@@ -119,7 +121,8 @@
     "@vitejs/plugin-react": "^4.2.0",
     "@vitest/browser-playwright": "^4.0.16",
     "@vitest/coverage-v8": "^4.0.16",
-    "chromatic": "^13.3.4",
+    "chromatic": "^15.2.0",
+    "dotenv-cli": "^11.0.0",
     "eslint": "^9.39.2",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.0.1",
@@ -130,16 +133,15 @@
     "playwright": "^1.57.0",
     "prettier": "^3.7.4",
     "rimraf": "^6.0.1",
-    "storybook": "^10.1.10",
+    "storybook": "^10.2.3",
     "style-dictionary": "^4.4.0",
-    "@swc/core": "^1.13.5",
-    "@swc/jest": "^0.2.38",
     "typescript": "^5.3.0",
     "vite": "^7.3.0",
     "vite-plugin-dts": "^4.5.4",
     "vitest": "^4.0.16"
   },
   "overrides": {
+    "minimatch": "^10.2.3",
     "undici": "^6.23.0",
     "lodash": "^4.17.21",
     "test-exclude": "^7.0.1"

package/README.npm.md

@@ -1,132 +0,0 @@
-# MRS UI Design System
-
-A cromprehensive design system Based on Material UI, with 53 production ready React components and TypeScript support...
-
-**📚 [View Component Documentation →](https://atipicus.github.io/mrs-ui/)**
-
-## 🚀 Features
-
-- ✅ **53 Production Components** (31 atoms + 22 molecules)
-- ✅ **TypeScript Support** - Full type safety with strict mode
-- ✅ **Material-UI v6.5** - Latest Material-UI features
-- ✅ **Tree-shakeable** - Import only what you need
-- ✅ **Comprehensive Testing** - 1,213 tests passing
-- ✅ **80%+ Test Coverage** - High quality enforced
-- ✅ **Code Splitting** - Optimized for performance
-- ✅ **Lazy Loading** - Load components on-demand (70% smaller bundles)
-- ✅ **Design Tokens** - Multi-format exports (CSS, SCSS, TypeScript, JSON)
-- ✅ **Dual Module Support** - ESM and CommonJS
-- ✅ **Responsive** - Mobile-first design
-- ✅ **Accessible** - WCAG compliant
-
-## 📦 Installation
-
-```bash
-npm install @atipicus/mrs-ui
-```
-
-### Peer Dependencies
-
-```bash
-npm install @mui/material @emotion/react @emotion/styled react react-dom
-```
-
-### Required Fonts
-
-Add Nunito font to your HTML `<head>`:
-
-```html
-<link rel="preconnect" href="https://fonts.googleapis.com" />
-<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-<link
-  href="https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;600;700&display=swap"
-  rel="stylesheet"
-/>
-```
-
-## 🎯 Quick Start
-
-```tsx
-import { Button, TextField, Container, Stack, ThemeProvider, theme } from '@atipicus/mrs-ui';
-import CssBaseline from '@mui/material/CssBaseline';
-
-function App() {
-  return (
-    <ThemeProvider theme={theme}>
-      <CssBaseline />
-      <Container maxWidth="lg">
-        <Stack spacing={2}>
-          <TextField label="Email" variant="outlined" />
-          <Button variant="contained" color="primary">
-            Sign In
-          </Button>
-        </Stack>
-      </Container>
-    </ThemeProvider>
-  );
-}
-```
-
-## ⚡ Lazy Loading (NEW in v0.12.0)
-
-Optimize bundle size by loading heavy components on-demand:
-
-```tsx
-import { Suspense } from 'react';
-import { CircularProgress } from '@atipicus/mrs-ui';
-import { LazyTable, LazyDatePicker } from '@atipicus/mrs-ui/lazy';
-
-<Suspense fallback={<CircularProgress />}>
-  <LazyTable /> {/* Saves 70 KB */}
-  <LazyDatePicker /> {/* Saves 195 KB */}
-</Suspense>
-```
-
-## 📚 Components
-
-### Atoms (31 components)
-Avatar, Badge, Box, Button, Checkbox, Chip, CircularProgress, Container, Divider, FormControlLabel, FormGroup, Grid, Icon, IconButton, LinearProgress, Link, MaterialSymbol, MenuItem, Paper, Radio, RadioGroup, Select, Skeleton, Slider, Stack, Switch, TextField, Toolbar, Tooltip, Typography, and more.
-
-### Molecules (22 components)
-Accordion, Alert, AppBar, Autocomplete, BottomNavigation, ButtonGroup, Card, DatePicker, DateTimePicker, Dialog, Drawer, List, ListItem, Menu, Pagination, Rating, Snackbar, SpeedDial, Stepper, Table, Tabs, TimePicker.
-
-## 🎨 Design Tokens
-
-Access 470+ design tokens in multiple formats:
-
-```tsx
-// TypeScript
-import { colors, shape, typography } from '@atipicus/mrs-ui/theme';
-
-// CSS Variables
-@import '@atipicus/mrs-ui/tokens/generated/css/tokens.css';
-
-// SCSS Variables
-@import '@atipicus/mrs-ui/tokens/generated/scss/tokens';
-```
-
-## 📖 Documentation
-
-- **[Component Documentation](https://atipicus.github.io/mrs-ui/)** - Interactive Storybook
-- **[API Reference](https://github.com/Atipicus/mrs-ui/blob/main/docs/API-REFERENCE.md)** - Complete API
-- **[Lazy Loading Guide](https://github.com/Atipicus/mrs-ui/blob/main/docs/guides/LazyLoading.md)** - Bundle optimization
-- **[Best Practices](https://github.com/Atipicus/mrs-ui/blob/main/docs/BEST-PRACTICES.md)** - Development patterns
-
-## 🤝 Contributing
-
-We welcome contributions! See our [Contributing Guide](https://github.com/Atipicus/mrs-ui/blob/main/CONTRIBUTING.md).
-
-## 📝 License
-
-UNLICENSED - This project is proprietary software.
-
-## 🔗 Links
-
-- [npm Package](https://www.npmjs.com/package/@atipicus/mrs-ui)
-- [Storybook Documentation](https://atipicus.github.io/mrs-ui/)
-- [GitHub Repository](https://github.com/Atipicus/mrs-ui)
-
----
-
-**Version**: 0.12.0  
-**Last Updated**: January 23, 2026

package/dist/index-B4_KKxHQ.mjs

@@ -1,6 +0,0 @@
-import { T, T as T2 } from "./TimePicker-Bt5plyjC.mjs";
-export {
-  T as TimePicker,
-  T2 as default
-};
-//# sourceMappingURL=index-B4_KKxHQ.mjs.map

package/dist/index-B4_KKxHQ.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-B4_KKxHQ.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/index-Bp_39Kmf.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-Bp_39Kmf.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/index-C4N6hqG7.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-C4N6hqG7.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/index-C4a5SkEO.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-C4a5SkEO.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/index-CLLVDdFI.mjs

@@ -1,12 +0,0 @@
-import { T, c, f, a, d, b, e, T as T2 } from "./Table-BrEk_oGh.mjs";
-export {
-  T as Table,
-  c as TableBody,
-  f as TableCell,
-  a as TableContainer,
-  d as TableFooter,
-  b as TableHead,
-  e as TableRow,
-  T2 as default
-};
-//# sourceMappingURL=index-CLLVDdFI.mjs.map

package/dist/index-CLLVDdFI.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-CLLVDdFI.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/index-CxB9Lb7L.mjs

@@ -1,6 +0,0 @@
-import { D, D as D2 } from "./DateTimePicker-Xho8h3ww.mjs";
-export {
-  D as DateTimePicker,
-  D2 as default
-};
-//# sourceMappingURL=index-CxB9Lb7L.mjs.map

package/dist/index-CxB9Lb7L.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-CxB9Lb7L.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/index-DGbzI3ul.mjs

@@ -1,6 +0,0 @@
-import { D, D as D2 } from "./Drawer-9nL7gecl.mjs";
-export {
-  D as Drawer,
-  D2 as default
-};
-//# sourceMappingURL=index-DGbzI3ul.mjs.map

package/dist/index-DGbzI3ul.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-DGbzI3ul.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/index-DQLiGYRv.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-DQLiGYRv.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/index-DgpKiomn.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-DgpKiomn.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/index-DrHcCXwi.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-DrHcCXwi.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/index-xewrdUFS.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-xewrdUFS.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/dist/index-zqX2ktfd.mjs

@@ -1,6 +0,0 @@
-import { D, D as D2 } from "./DatePicker-BKPeAHBW.mjs";
-export {
-  D as DatePicker,
-  D2 as default
-};
-//# sourceMappingURL=index-zqX2ktfd.mjs.map

package/dist/index-zqX2ktfd.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-zqX2ktfd.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}