@atipicus/mrs-ui 1.0.2 → 2.0.1

package/dist/theme-editor/hooks/useGitIntegration.d.ts

@@ -0,0 +1,41 @@
+/**
+ * useGitIntegration Hook
+ * Handles Git operations: commit, revert (undo)
+ *
+ * Features:
+ * - Creates commits with theme change summaries
+ * - Supports undo via git revert (5-minute window)
+ * - Provides status feedback for UI
+ * - Tracks commit hashes and undo deadlines
+ */
+export type GitStatus = 'idle' | 'committing' | 'reverting' | 'success' | 'error';
+export interface GitCommitOptions {
+    message: string;
+    filepaths?: string[];
+    author?: string;
+}
+export interface GitResult {
+    success: boolean;
+    commitHash: string;
+    message: string;
+    canUndo: boolean;
+    undoUntil: Date;
+    timestamp: Date;
+}
+export interface RevertResult {
+    success: boolean;
+    message: string;
+    revertHash?: string;
+    timestamp: Date;
+}
+export declare function useGitIntegration(): {
+    status: GitStatus;
+    lastCommit: GitResult | null;
+    lastRevert: RevertResult | null;
+    commit: (options: GitCommitOptions) => Promise<GitResult>;
+    undo: (commitHash: string) => Promise<RevertResult>;
+    canUndo: () => boolean;
+    getUndoTimeRemaining: () => number;
+    reset: () => void;
+};
+//# sourceMappingURL=useGitIntegration.d.ts.map

package/dist/theme-editor/hooks/useGitIntegration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGitIntegration.d.ts","sourceRoot":"","sources":["../../../src/theme-editor/hooks/useGitIntegration.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAIH,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,YAAY,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,CAAC;AAElF,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,IAAI,CAAC;IAChB,SAAS,EAAE,IAAI,CAAC;CACjB;AAED,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,IAAI,CAAC;CACjB;AASD,wBAAgB,iBAAiB;;;;sBAUb,gBAAgB,KAAG,OAAO,CAAC,SAAS,CAAC;uBA8DlC,MAAM,KAAG,OAAO,CAAC,YAAY,CAAC;mBAgEnB,OAAO;gCAQM,MAAM;;EA6BpD"}

package/dist/theme-editor/hooks/useThemeParser.d.ts

@@ -0,0 +1,65 @@
+/**
+ * useThemeParser Hook
+ * Parses and extracts theme data from theme configuration
+ *
+ * This hook provides structured access to theme tokens and allows
+ * tracking changes for real-time preview
+ */
+export interface ColorToken {
+    name: string;
+    light: string;
+    dark: string;
+    description?: string;
+}
+export interface TypographyToken {
+    variant: string;
+    fontSize?: string | number;
+    fontWeight?: string | number;
+    lineHeight?: string | number;
+    letterSpacing?: string | number;
+}
+export interface SpacingToken {
+    name: string;
+    value: number | string;
+}
+export interface ShapeToken {
+    name: string;
+    value: number;
+}
+export interface ThemeParsed {
+    colors: {
+        light: Record<string, string>;
+        dark: Record<string, string>;
+    };
+    typography: TypographyToken[];
+    spacing: SpacingToken[];
+    shape: ShapeToken[];
+    mode: 'light' | 'dark';
+}
+export declare function useThemeParser(): {
+    parsedTheme: {
+        colors: {
+            light: {
+                [x: string]: string;
+            };
+            dark: {
+                [x: string]: string;
+            };
+        };
+        typography: TypographyToken[];
+        spacing: SpacingToken[];
+        shape: ShapeToken[];
+        mode: "light" | "dark";
+    };
+    mode: "light" | "dark";
+    setMode: import('react').Dispatch<import('react').SetStateAction<"light" | "dark">>;
+    edits: Partial<ThemeParsed>;
+    updateColor: (colorKey: string, newValue: string) => void;
+    updateTypography: (variant: string, property: string, value: any) => void;
+    updateSpacing: (spacingName: string, newValue: number) => void;
+    updateShape: (shapeName: string, newValue: number) => void;
+    getColorValue: (colorKey: string) => string;
+    getTypographyValue: (variant: string, property: string) => any;
+    resetEdits: () => void;
+};
+//# sourceMappingURL=useThemeParser.d.ts.map

package/dist/theme-editor/hooks/useThemeParser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useThemeParser.d.ts","sourceRoot":"","sources":["../../../src/theme-editor/hooks/useThemeParser.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAKH,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACjC;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC9B,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;KAC9B,CAAC;IACF,UAAU,EAAE,eAAe,EAAE,CAAC;IAC9B,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,IAAI,EAAE,OAAO,GAAG,MAAM,CAAC;CACxB;AA+HD,wBAAgB,cAAc;;;;;;;;;;;;;cAhItB,OAAO,GAAG,MAAM;;;;;4BAuJqB,MAAM,YAAY,MAAM;gCAiBpB,MAAM,YAAY,MAAM,SAAS,GAAG;iCAYnC,MAAM,YAAY,MAAM;6BAY5B,MAAM,YAAY,MAAM;8BAYvB,MAAM,KAAG,MAAM;kCAIX,MAAM,YAAY,MAAM,KAAG,GAAG;;EAqChF"}

package/dist/theme-editor/hooks/useThemeSave.d.ts

@@ -0,0 +1,21 @@
+import { ThemeParsed } from './useThemeParser';
+export type SaveStatus = 'idle' | 'saving' | 'success' | 'error';
+export interface SaveOptions {
+    filePath?: string;
+    createBackup?: boolean;
+    backupDir?: string;
+}
+export interface SaveResult {
+    success: boolean;
+    filePath: string;
+    backupPath?: string;
+    message: string;
+    timestamp: Date;
+}
+export declare function useThemeSave(): {
+    status: SaveStatus;
+    lastSave: SaveResult | null;
+    save: (edits: Partial<ThemeParsed>, mode: "light" | "dark", options?: SaveOptions) => Promise<SaveResult>;
+    reset: () => void;
+};
+//# sourceMappingURL=useThemeSave.d.ts.map

package/dist/theme-editor/hooks/useThemeSave.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useThemeSave.d.ts","sourceRoot":"","sources":["../../../src/theme-editor/hooks/useThemeSave.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAGH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;AAEjE,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,IAAI,CAAC;CACjB;AA2FD,wBAAgB,YAAY;;;kBAWf,OAAO,CAAC,WAAW,CAAC,QACrB,OAAO,GAAG,MAAM,YACb,WAAW,KACnB,OAAO,CAAC,UAAU,CAAC;;EAyEzB"}

package/dist/theme-editor/hooks/useThemeSync.d.ts

@@ -0,0 +1,20 @@
+import { ThemeParsed } from './useThemeParser';
+export type SyncStatus = 'idle' | 'syncing' | 'success' | 'error';
+export interface SyncOptions {
+    commitToGit?: boolean;
+    commitMessage?: string;
+}
+export interface SyncResult {
+    success: boolean;
+    message: string;
+    timestamp: Date;
+}
+export declare function useThemeSync(): {
+    status: SyncStatus;
+    lastSync: SyncResult | null;
+    sync: (edits: Partial<ThemeParsed>, mode: "light" | "dark", _options?: SyncOptions) => Promise<SyncResult>;
+    getSerializedEdits: (edits: Partial<ThemeParsed>, mode: "light" | "dark") => string;
+    getDiff: (before: ThemeParsed, after: Partial<ThemeParsed>) => string;
+    reset: () => void;
+};
+//# sourceMappingURL=useThemeSync.d.ts.map

package/dist/theme-editor/hooks/useThemeSync.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useThemeSync.d.ts","sourceRoot":"","sources":["../../../src/theme-editor/hooks/useThemeSync.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAGH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAElE,MAAM,WAAW,WAAW;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,IAAI,CAAC;CACjB;AA2ED,wBAAgB,YAAY;;;kBAajB,OAAO,CAAC,WAAW,CAAC,QACrB,OAAO,GAAG,MAAM,aACZ,WAAW,KACpB,OAAO,CAAC,UAAU,CAAC;gCA+Cb,OAAO,CAAC,WAAW,CAAC,QACrB,OAAO,GAAG,MAAM,KACrB,MAAM;sBAQC,WAAW,SACZ,OAAO,CAAC,WAAW,CAAC,KAC1B,MAAM;;EAsBV"}

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,7 +1,7 @@
 {
   "name": "@atipicus/mrs-ui",
-  "version": "1.0.2",
-  "description": "Material-UI v6.5 based design system with 54 production-ready React components, TypeScript support, and comprehensive testing",
+  "version": "2.0.1",
+  "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",
   "types": "./dist/index.d.ts",
@@ -97,51 +97,55 @@
     "react-dom": "^18.3.1"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^1.5.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
-    "@figma/code-connect": "^1.3.12",
     "@mui/icons-material": "^6.5.0",
     "@mui/material": "^6.5.0",
-    "@storybook/addon-a11y": "^8.1.10",
-    "@storybook/addon-docs": "^8.1.10",
-    "@storybook/addon-themes": "^8.1.10",
-    "@storybook/addon-vitest": "^1.0.4",
-    "@storybook/react-vite": "^8.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": "^14.3.1",
+    "@testing-library/react": "^16.3.1",
     "@testing-library/user-event": "^14.0.0",
-    "@types/jest": "^29.5.0",
-    "@types/react": "^18.3.3",
+    "@types/jest": "^30.0.0",
+    "@types/react": "^18.3.0",
     "@types/react-dom": "^18.3.0",
-    "@typescript-eslint/eslint-plugin": "^7.13.0",
-    "@typescript-eslint/parser": "^7.13.0",
+    "@typescript-eslint/eslint-plugin": "^8.50.0",
+    "@typescript-eslint/parser": "^8.50.0",
     "@vitejs/plugin-react": "^4.2.0",
-    "@vitest/browser-playwright": "^1.6.0",
-    "@vitest/coverage-v8": "^1.6.0",
-    "chromatic": "^13.3.4",
-    "eslint": "^8.57.0",
-    "eslint-plugin-react": "^7.34.2",
-    "eslint-plugin-react-hooks": "^4.6.2",
+    "@vitest/browser-playwright": "^4.0.16",
+    "@vitest/coverage-v8": "^4.0.16",
+    "dotenv-cli": "^11.0.0",
+    "eslint": "^9.39.2",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^7.0.1",
     "gh-pages": "^6.3.0",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0",
+    "jest": "^30.2.0",
+    "jest-environment-jsdom": "^30.2.0",
     "nodemon": "^3.1.0",
     "playwright": "^1.57.0",
     "prettier": "^3.7.4",
     "rimraf": "^6.0.1",
-    "storybook": "^8.1.10",
-    "style-dictionary": "^3.9.2",
-    "ts-jest": "^29.1.0",
-    "typescript": "^5.4.5",
-    "vite": "^5.2.13",
-    "vite-plugin-dts": "^3.9.1",
-    "vitest": "^1.6.0"
+    "storybook": "^10.2.3",
+    "style-dictionary": "^4.4.0",
+    "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"
   },
   "dependencies": {
-    "@mui/lab": "^6.0.1-beta.36",
-    "@mui/x-date-pickers": "^7.8.0",
+    "@mui/x-date-pickers": "^8.23.0",
     "dayjs": "^1.11.19"
   }
 }

package/README.npm.md

@@ -1,132 +0,0 @@
-# MRS UI Design System
-
-A comprehensive Material-UI v6.5 based design system with 54 production-ready components built with React, TypeScript, and modern best practices.
-
-**📚 [View Component Documentation →](https://atipicus.github.io/mrs-ui/)**
-
-## 🚀 Features
-
-- ✅ **54 Production Components** (31 atoms + 23 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 (23 components)
-Accordion, Alert, AppBar, Autocomplete, BottomNavigation, ButtonGroup, Card, DatePicker, DateTimePicker, Dialog, Drawer, List, ListItem, Menu, Pagination, Rating, Snackbar, SpeedDial, Stepper, Table, Tabs, Timeline, 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/Timeline-BPdic0I4.mjs

@@ -1,59 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import React from "react";
-import MuiTimeline from "@mui/lab/Timeline";
-import MuiTimelineItem from "@mui/lab/TimelineItem";
-import MuiTimelineSeparator from "@mui/lab/TimelineSeparator";
-import MuiTimelineDot from "@mui/lab/TimelineDot";
-import MuiTimelineConnector from "@mui/lab/TimelineConnector";
-import MuiTimelineContent from "@mui/lab/TimelineContent";
-import MuiTimelineOppositeContent from "@mui/lab/TimelineOppositeContent";
-const TimelineBase = React.forwardRef(
-  ({ position = "left", ...props }, ref) => {
-    return /* @__PURE__ */ jsx(MuiTimeline, { ref, position, ...props });
-  }
-);
-const Timeline = React.memo(TimelineBase);
-Timeline.displayName = "Timeline";
-const TimelineItemBase = React.forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsx(MuiTimelineItem, { ref, ...props });
-});
-const TimelineItem = React.memo(TimelineItemBase);
-TimelineItem.displayName = "TimelineItem";
-const TimelineSeparator = React.forwardRef(
-  (props, ref) => {
-    return /* @__PURE__ */ jsx(MuiTimelineSeparator, { ref, ...props });
-  }
-);
-TimelineSeparator.displayName = "TimelineSeparator";
-const TimelineDot = React.forwardRef(
-  ({ variant = "filled", color = "primary", ...props }, ref) => {
-    return /* @__PURE__ */ jsx(MuiTimelineDot, { ref, variant, color, ...props });
-  }
-);
-TimelineDot.displayName = "TimelineDot";
-const TimelineConnector = React.forwardRef(
-  (props, ref) => {
-    return /* @__PURE__ */ jsx(MuiTimelineConnector, { ref, ...props });
-  }
-);
-TimelineConnector.displayName = "TimelineConnector";
-const TimelineContent = React.forwardRef(
-  (props, ref) => {
-    return /* @__PURE__ */ jsx(MuiTimelineContent, { ref, ...props });
-  }
-);
-TimelineContent.displayName = "TimelineContent";
-const TimelineOppositeContent = React.forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsx(MuiTimelineOppositeContent, { ref, ...props });
-});
-TimelineOppositeContent.displayName = "TimelineOppositeContent";
-export {
-  Timeline as T,
-  TimelineItem as a,
-  TimelineSeparator as b,
-  TimelineDot as c,
-  TimelineConnector as d,
-  TimelineContent as e,
-  TimelineOppositeContent as f
-};
-//# sourceMappingURL=Timeline-BPdic0I4.mjs.map

package/dist/Timeline-BPdic0I4.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Timeline-BPdic0I4.mjs","sources":["../src/components/molecules/Timeline/Timeline.tsx"],"sourcesContent":["/**\n * Timeline Component\n *\n * Timeline component for the MRS Design System.\n * Wraps Material-UI Lab Timeline with custom theme tokens.\n *\n * @see {@link https://mui.com/material-ui/react-timeline/}\n */\n\nimport React from 'react';\nimport MuiTimeline from '@mui/lab/Timeline';\nimport MuiTimelineItem from '@mui/lab/TimelineItem';\nimport MuiTimelineSeparator from '@mui/lab/TimelineSeparator';\nimport MuiTimelineDot from '@mui/lab/TimelineDot';\nimport MuiTimelineConnector from '@mui/lab/TimelineConnector';\nimport MuiTimelineContent from '@mui/lab/TimelineContent';\nimport MuiTimelineOppositeContent from '@mui/lab/TimelineOppositeContent';\nimport type {\n  TimelineProps,\n  TimelineItemProps,\n  TimelineSeparatorProps,\n  TimelineDotProps,\n  TimelineConnectorProps,\n  TimelineContentProps,\n  TimelineOppositeContentProps,\n} from './Timeline.types';\n\n/**\n * Timeline component\n *\n * The Timeline displays a list of events in chronological order.\n * \n * Memoized for performance with long timelines.\n * Re-renders only when props change.\n *\n * @param props - Timeline component props\n * @returns Timeline component\n */\nconst TimelineBase = React.forwardRef<HTMLUListElement, TimelineProps>(\n  ({ position = 'left', ...props }, ref) => {\n    return <MuiTimeline ref={ref} position={position} {...props} />;\n  }\n);\n\nexport const Timeline = React.memo(TimelineBase);\nTimeline.displayName = 'Timeline';\n\n/**\n * TimelineItem component\n *\n * A single item in the timeline.\n * \n * Memoized to prevent unnecessary re-renders when timeline has many items.\n *\n * @param props - TimelineItem component props\n * @returns TimelineItem component\n */\nconst TimelineItemBase = React.forwardRef<HTMLLIElement, TimelineItemProps>((props, ref) => {\n  return <MuiTimelineItem ref={ref} {...props} />;\n});\n\nexport const TimelineItem = React.memo(TimelineItemBase);\nTimelineItem.displayName = 'TimelineItem';\n\n/**\n * TimelineSeparator component\n *\n * Separator between timeline content, containing the dot and connector.\n *\n * @param props - TimelineSeparator component props\n * @returns TimelineSeparator component\n */\nexport const TimelineSeparator = React.forwardRef<HTMLDivElement, TimelineSeparatorProps>(\n  (props, ref) => {\n    return <MuiTimelineSeparator ref={ref} {...props} />;\n  }\n);\n\nTimelineSeparator.displayName = 'TimelineSeparator';\n\n/**\n * TimelineDot component\n *\n * The dot indicating an event in the timeline.\n *\n * @param props - TimelineDot component props\n * @returns TimelineDot component\n */\nexport const TimelineDot = React.forwardRef<HTMLSpanElement, TimelineDotProps>(\n  ({ variant = 'filled', color = 'primary', ...props }, ref) => {\n    return <MuiTimelineDot ref={ref} variant={variant} color={color} {...props} />;\n  }\n);\n\nTimelineDot.displayName = 'TimelineDot';\n\n/**\n * TimelineConnector component\n *\n * The line connecting timeline dots.\n *\n * @param props - TimelineConnector component props\n * @returns TimelineConnector component\n */\nexport const TimelineConnector = React.forwardRef<HTMLSpanElement, TimelineConnectorProps>(\n  (props, ref) => {\n    return <MuiTimelineConnector ref={ref} {...props} />;\n  }\n);\n\nTimelineConnector.displayName = 'TimelineConnector';\n\n/**\n * TimelineContent component\n *\n * The main content area of a timeline item.\n *\n * @param props - TimelineContent component props\n * @returns TimelineContent component\n */\nexport const TimelineContent = React.forwardRef<HTMLDivElement, TimelineContentProps>(\n  (props, ref) => {\n    return <MuiTimelineContent ref={ref} {...props} />;\n  }\n);\n\nTimelineContent.displayName = 'TimelineContent';\n\n/**\n * TimelineOppositeContent component\n *\n * Optional content displayed opposite to the main timeline content.\n *\n * @param props - TimelineOppositeContent component props\n * @returns TimelineOppositeContent component\n */\nexport const TimelineOppositeContent = React.forwardRef<\n  HTMLDivElement,\n  TimelineOppositeContentProps\n>((props, ref) => {\n  return <MuiTimelineOppositeContent ref={ref} {...props} />;\n});\n\nTimelineOppositeContent.displayName = 'TimelineOppositeContent';\n"],"names":[],"mappings":";;;;;;;;;AAsCA,MAAM,eAAe,MAAM;AAAA,EACzB,CAAC,EAAE,WAAW,QAAQ,GAAG,MAAA,GAAS,QAAQ;AACxC,WAAO,oBAAC,aAAA,EAAY,KAAU,UAAqB,GAAG,OAAO;AAAA,EAC/D;AACF;AAEO,MAAM,WAAW,MAAM,KAAK,YAAY;AAC/C,SAAS,cAAc;AAYvB,MAAM,mBAAmB,MAAM,WAA6C,CAAC,OAAO,QAAQ;AAC1F,SAAO,oBAAC,iBAAA,EAAgB,KAAW,GAAG,MAAA,CAAO;AAC/C,CAAC;AAEM,MAAM,eAAe,MAAM,KAAK,gBAAgB;AACvD,aAAa,cAAc;AAUpB,MAAM,oBAAoB,MAAM;AAAA,EACrC,CAAC,OAAO,QAAQ;AACd,WAAO,oBAAC,sBAAA,EAAqB,KAAW,GAAG,MAAA,CAAO;AAAA,EACpD;AACF;AAEA,kBAAkB,cAAc;AAUzB,MAAM,cAAc,MAAM;AAAA,EAC/B,CAAC,EAAE,UAAU,UAAU,QAAQ,WAAW,GAAG,MAAA,GAAS,QAAQ;AAC5D,+BAAQ,gBAAA,EAAe,KAAU,SAAkB,OAAe,GAAG,OAAO;AAAA,EAC9E;AACF;AAEA,YAAY,cAAc;AAUnB,MAAM,oBAAoB,MAAM;AAAA,EACrC,CAAC,OAAO,QAAQ;AACd,WAAO,oBAAC,sBAAA,EAAqB,KAAW,GAAG,MAAA,CAAO;AAAA,EACpD;AACF;AAEA,kBAAkB,cAAc;AAUzB,MAAM,kBAAkB,MAAM;AAAA,EACnC,CAAC,OAAO,QAAQ;AACd,WAAO,oBAAC,oBAAA,EAAmB,KAAW,GAAG,MAAA,CAAO;AAAA,EAClD;AACF;AAEA,gBAAgB,cAAc;AAUvB,MAAM,0BAA0B,MAAM,WAG3C,CAAC,OAAO,QAAQ;AAChB,SAAO,oBAAC,4BAAA,EAA2B,KAAW,GAAG,MAAA,CAAO;AAC1D,CAAC;AAED,wBAAwB,cAAc;"}

package/dist/Timeline-BzDR_6ve.js

@@ -1,58 +0,0 @@
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const MuiTimeline = require("@mui/lab/Timeline");
-const MuiTimelineItem = require("@mui/lab/TimelineItem");
-const MuiTimelineSeparator = require("@mui/lab/TimelineSeparator");
-const MuiTimelineDot = require("@mui/lab/TimelineDot");
-const MuiTimelineConnector = require("@mui/lab/TimelineConnector");
-const MuiTimelineContent = require("@mui/lab/TimelineContent");
-const MuiTimelineOppositeContent = require("@mui/lab/TimelineOppositeContent");
-const TimelineBase = React.forwardRef(
-  ({ position = "left", ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(MuiTimeline, { ref, position, ...props });
-  }
-);
-const Timeline = React.memo(TimelineBase);
-Timeline.displayName = "Timeline";
-const TimelineItemBase = React.forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(MuiTimelineItem, { ref, ...props });
-});
-const TimelineItem = React.memo(TimelineItemBase);
-TimelineItem.displayName = "TimelineItem";
-const TimelineSeparator = React.forwardRef(
-  (props, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(MuiTimelineSeparator, { ref, ...props });
-  }
-);
-TimelineSeparator.displayName = "TimelineSeparator";
-const TimelineDot = React.forwardRef(
-  ({ variant = "filled", color = "primary", ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(MuiTimelineDot, { ref, variant, color, ...props });
-  }
-);
-TimelineDot.displayName = "TimelineDot";
-const TimelineConnector = React.forwardRef(
-  (props, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(MuiTimelineConnector, { ref, ...props });
-  }
-);
-TimelineConnector.displayName = "TimelineConnector";
-const TimelineContent = React.forwardRef(
-  (props, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(MuiTimelineContent, { ref, ...props });
-  }
-);
-TimelineContent.displayName = "TimelineContent";
-const TimelineOppositeContent = React.forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(MuiTimelineOppositeContent, { ref, ...props });
-});
-TimelineOppositeContent.displayName = "TimelineOppositeContent";
-exports.Timeline = Timeline;
-exports.TimelineConnector = TimelineConnector;
-exports.TimelineContent = TimelineContent;
-exports.TimelineDot = TimelineDot;
-exports.TimelineItem = TimelineItem;
-exports.TimelineOppositeContent = TimelineOppositeContent;
-exports.TimelineSeparator = TimelineSeparator;
-//# sourceMappingURL=Timeline-BzDR_6ve.js.map

package/dist/Timeline-BzDR_6ve.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Timeline-BzDR_6ve.js","sources":["../src/components/molecules/Timeline/Timeline.tsx"],"sourcesContent":["/**\n * Timeline Component\n *\n * Timeline component for the MRS Design System.\n * Wraps Material-UI Lab Timeline with custom theme tokens.\n *\n * @see {@link https://mui.com/material-ui/react-timeline/}\n */\n\nimport React from 'react';\nimport MuiTimeline from '@mui/lab/Timeline';\nimport MuiTimelineItem from '@mui/lab/TimelineItem';\nimport MuiTimelineSeparator from '@mui/lab/TimelineSeparator';\nimport MuiTimelineDot from '@mui/lab/TimelineDot';\nimport MuiTimelineConnector from '@mui/lab/TimelineConnector';\nimport MuiTimelineContent from '@mui/lab/TimelineContent';\nimport MuiTimelineOppositeContent from '@mui/lab/TimelineOppositeContent';\nimport type {\n  TimelineProps,\n  TimelineItemProps,\n  TimelineSeparatorProps,\n  TimelineDotProps,\n  TimelineConnectorProps,\n  TimelineContentProps,\n  TimelineOppositeContentProps,\n} from './Timeline.types';\n\n/**\n * Timeline component\n *\n * The Timeline displays a list of events in chronological order.\n * \n * Memoized for performance with long timelines.\n * Re-renders only when props change.\n *\n * @param props - Timeline component props\n * @returns Timeline component\n */\nconst TimelineBase = React.forwardRef<HTMLUListElement, TimelineProps>(\n  ({ position = 'left', ...props }, ref) => {\n    return <MuiTimeline ref={ref} position={position} {...props} />;\n  }\n);\n\nexport const Timeline = React.memo(TimelineBase);\nTimeline.displayName = 'Timeline';\n\n/**\n * TimelineItem component\n *\n * A single item in the timeline.\n * \n * Memoized to prevent unnecessary re-renders when timeline has many items.\n *\n * @param props - TimelineItem component props\n * @returns TimelineItem component\n */\nconst TimelineItemBase = React.forwardRef<HTMLLIElement, TimelineItemProps>((props, ref) => {\n  return <MuiTimelineItem ref={ref} {...props} />;\n});\n\nexport const TimelineItem = React.memo(TimelineItemBase);\nTimelineItem.displayName = 'TimelineItem';\n\n/**\n * TimelineSeparator component\n *\n * Separator between timeline content, containing the dot and connector.\n *\n * @param props - TimelineSeparator component props\n * @returns TimelineSeparator component\n */\nexport const TimelineSeparator = React.forwardRef<HTMLDivElement, TimelineSeparatorProps>(\n  (props, ref) => {\n    return <MuiTimelineSeparator ref={ref} {...props} />;\n  }\n);\n\nTimelineSeparator.displayName = 'TimelineSeparator';\n\n/**\n * TimelineDot component\n *\n * The dot indicating an event in the timeline.\n *\n * @param props - TimelineDot component props\n * @returns TimelineDot component\n */\nexport const TimelineDot = React.forwardRef<HTMLSpanElement, TimelineDotProps>(\n  ({ variant = 'filled', color = 'primary', ...props }, ref) => {\n    return <MuiTimelineDot ref={ref} variant={variant} color={color} {...props} />;\n  }\n);\n\nTimelineDot.displayName = 'TimelineDot';\n\n/**\n * TimelineConnector component\n *\n * The line connecting timeline dots.\n *\n * @param props - TimelineConnector component props\n * @returns TimelineConnector component\n */\nexport const TimelineConnector = React.forwardRef<HTMLSpanElement, TimelineConnectorProps>(\n  (props, ref) => {\n    return <MuiTimelineConnector ref={ref} {...props} />;\n  }\n);\n\nTimelineConnector.displayName = 'TimelineConnector';\n\n/**\n * TimelineContent component\n *\n * The main content area of a timeline item.\n *\n * @param props - TimelineContent component props\n * @returns TimelineContent component\n */\nexport const TimelineContent = React.forwardRef<HTMLDivElement, TimelineContentProps>(\n  (props, ref) => {\n    return <MuiTimelineContent ref={ref} {...props} />;\n  }\n);\n\nTimelineContent.displayName = 'TimelineContent';\n\n/**\n * TimelineOppositeContent component\n *\n * Optional content displayed opposite to the main timeline content.\n *\n * @param props - TimelineOppositeContent component props\n * @returns TimelineOppositeContent component\n */\nexport const TimelineOppositeContent = React.forwardRef<\n  HTMLDivElement,\n  TimelineOppositeContentProps\n>((props, ref) => {\n  return <MuiTimelineOppositeContent ref={ref} {...props} />;\n});\n\nTimelineOppositeContent.displayName = 'TimelineOppositeContent';\n"],"names":["jsx"],"mappings":";;;;;;;;;;AAsCA,MAAM,eAAe,MAAM;AAAA,EACzB,CAAC,EAAE,WAAW,QAAQ,GAAG,MAAA,GAAS,QAAQ;AACxC,WAAOA,2BAAAA,IAAC,aAAA,EAAY,KAAU,UAAqB,GAAG,OAAO;AAAA,EAC/D;AACF;AAEO,MAAM,WAAW,MAAM,KAAK,YAAY;AAC/C,SAAS,cAAc;AAYvB,MAAM,mBAAmB,MAAM,WAA6C,CAAC,OAAO,QAAQ;AAC1F,SAAOA,2BAAAA,IAAC,iBAAA,EAAgB,KAAW,GAAG,MAAA,CAAO;AAC/C,CAAC;AAEM,MAAM,eAAe,MAAM,KAAK,gBAAgB;AACvD,aAAa,cAAc;AAUpB,MAAM,oBAAoB,MAAM;AAAA,EACrC,CAAC,OAAO,QAAQ;AACd,WAAOA,2BAAAA,IAAC,sBAAA,EAAqB,KAAW,GAAG,MAAA,CAAO;AAAA,EACpD;AACF;AAEA,kBAAkB,cAAc;AAUzB,MAAM,cAAc,MAAM;AAAA,EAC/B,CAAC,EAAE,UAAU,UAAU,QAAQ,WAAW,GAAG,MAAA,GAAS,QAAQ;AAC5D,0CAAQ,gBAAA,EAAe,KAAU,SAAkB,OAAe,GAAG,OAAO;AAAA,EAC9E;AACF;AAEA,YAAY,cAAc;AAUnB,MAAM,oBAAoB,MAAM;AAAA,EACrC,CAAC,OAAO,QAAQ;AACd,WAAOA,2BAAAA,IAAC,sBAAA,EAAqB,KAAW,GAAG,MAAA,CAAO;AAAA,EACpD;AACF;AAEA,kBAAkB,cAAc;AAUzB,MAAM,kBAAkB,MAAM;AAAA,EACnC,CAAC,OAAO,QAAQ;AACd,WAAOA,2BAAAA,IAAC,oBAAA,EAAmB,KAAW,GAAG,MAAA,CAAO;AAAA,EAClD;AACF;AAEA,gBAAgB,cAAc;AAUvB,MAAM,0BAA0B,MAAM,WAG3C,CAAC,OAAO,QAAQ;AAChB,SAAOA,2BAAAA,IAAC,4BAAA,EAA2B,KAAW,GAAG,MAAA,CAAO;AAC1D,CAAC;AAED,wBAAwB,cAAc;;;;;;;;"}

package/dist/components/molecules/Timeline/Timeline.d.ts

@@ -1,50 +0,0 @@
-import { default as React } from 'react';
-import { TimelineProps, TimelineItemProps, TimelineSeparatorProps, TimelineDotProps, TimelineConnectorProps, TimelineContentProps, TimelineOppositeContentProps } from './Timeline.types';
-export declare const Timeline: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<TimelineProps, "ref"> & React.RefAttributes<HTMLUListElement>>>;
-export declare const TimelineItem: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<TimelineItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>>;
-/**
- * TimelineSeparator component
- *
- * Separator between timeline content, containing the dot and connector.
- *
- * @param props - TimelineSeparator component props
- * @returns TimelineSeparator component
- */
-export declare const TimelineSeparator: React.ForwardRefExoticComponent<Omit<TimelineSeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-/**
- * TimelineDot component
- *
- * The dot indicating an event in the timeline.
- *
- * @param props - TimelineDot component props
- * @returns TimelineDot component
- */
-export declare const TimelineDot: React.ForwardRefExoticComponent<Omit<TimelineDotProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-/**
- * TimelineConnector component
- *
- * The line connecting timeline dots.
- *
- * @param props - TimelineConnector component props
- * @returns TimelineConnector component
- */
-export declare const TimelineConnector: React.ForwardRefExoticComponent<Omit<TimelineConnectorProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-/**
- * TimelineContent component
- *
- * The main content area of a timeline item.
- *
- * @param props - TimelineContent component props
- * @returns TimelineContent component
- */
-export declare const TimelineContent: React.ForwardRefExoticComponent<Omit<TimelineContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-/**
- * TimelineOppositeContent component
- *
- * Optional content displayed opposite to the main timeline content.
- *
- * @param props - TimelineOppositeContent component props
- * @returns TimelineOppositeContent component
- */
-export declare const TimelineOppositeContent: React.ForwardRefExoticComponent<Omit<TimelineOppositeContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=Timeline.d.ts.map

package/dist/components/molecules/Timeline/Timeline.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Timeline.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/Timeline/Timeline.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EACjB,sBAAsB,EACtB,gBAAgB,EAChB,sBAAsB,EACtB,oBAAoB,EACpB,4BAA4B,EAC7B,MAAM,kBAAkB,CAAC;AAmB1B,eAAO,MAAM,QAAQ,gIAA2B,CAAC;AAiBjD,eAAO,MAAM,YAAY,iIAA+B,CAAC;AAGzD;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,4GAI7B,CAAC;AAIF;;;;;;;GAOG;AACH,eAAO,MAAM,WAAW,uGAIvB,CAAC;AAIF;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,6GAI7B,CAAC;AAIF;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,0GAI3B,CAAC;AAIF;;;;;;;GAOG;AACH,eAAO,MAAM,uBAAuB,kHAKlC,CAAC"}