@atipicus/mrs-ui 1.0.2 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/lazy.d.ts CHANGED
@@ -10,7 +10,7 @@
10
10
  * @example
11
11
  * ```tsx
12
12
  * import { Suspense } from 'react';
13
- * import { LazyTable, LazyTimeline } from '@atipicus/mrs-ui/lazy';
13
+ * import { LazyTable } from '@atipicus/mrs-ui/lazy';
14
14
  * import { CircularProgress } from '@atipicus/mrs-ui';
15
15
  *
16
16
  * function MyApp() {
@@ -114,46 +114,6 @@ export declare const LazyTableBody: import('react').LazyExoticComponent<import('
114
114
  export declare const LazyTableFooter: import('react').LazyExoticComponent<import('react').ForwardRefExoticComponent<Omit<import('./components').TableFooterProps, "ref"> & import('react').RefAttributes<HTMLTableSectionElement>>>;
115
115
  export declare const LazyTableRow: import('react').LazyExoticComponent<import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<Omit<import('./components').TableRowProps, "ref"> & import('react').RefAttributes<HTMLTableRowElement>>>>;
116
116
  export declare const LazyTableCell: import('react').LazyExoticComponent<import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<Omit<import('./components').TableCellProps, "ref"> & import('react').RefAttributes<HTMLTableCellElement>>>>;
117
- /**
118
- * Lazy-loaded Timeline component
119
- *
120
- * Part of the data-display chunk (~70 KB gzipped).
121
- *
122
- * Includes: Timeline, TimelineItem, TimelineSeparator, TimelineDot,
123
- * TimelineConnector, TimelineContent, TimelineOppositeContent
124
- *
125
- * @example
126
- * ```tsx
127
- * import { Suspense } from 'react';
128
- * import {
129
- * LazyTimeline,
130
- * LazyTimelineItem,
131
- * LazyTimelineSeparator,
132
- * LazyTimelineDot,
133
- * LazyTimelineConnector,
134
- * LazyTimelineContent
135
- * } from '@atipicus/mrs-ui/lazy';
136
- *
137
- * <Suspense fallback={<CircularProgress />}>
138
- * <LazyTimeline>
139
- * <LazyTimelineItem>
140
- * <LazyTimelineSeparator>
141
- * <LazyTimelineDot />
142
- * <LazyTimelineConnector />
143
- * </LazyTimelineSeparator>
144
- * <LazyTimelineContent>Event 1</LazyTimelineContent>
145
- * </LazyTimelineItem>
146
- * </LazyTimeline>
147
- * </Suspense>
148
- * ```
149
- */
150
- export declare const LazyTimeline: import('react').LazyExoticComponent<import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<Omit<import('./components').TimelineProps, "ref"> & import('react').RefAttributes<HTMLUListElement>>>>;
151
- export declare const LazyTimelineItem: import('react').LazyExoticComponent<import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<Omit<import('./components').TimelineItemProps, "ref"> & import('react').RefAttributes<HTMLLIElement>>>>;
152
- export declare const LazyTimelineSeparator: import('react').LazyExoticComponent<import('react').ForwardRefExoticComponent<Omit<import('./components').TimelineSeparatorProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>>;
153
- export declare const LazyTimelineDot: import('react').LazyExoticComponent<import('react').ForwardRefExoticComponent<Omit<import('./components').TimelineDotProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>>;
154
- export declare const LazyTimelineConnector: import('react').LazyExoticComponent<import('react').ForwardRefExoticComponent<Omit<import('./components').TimelineConnectorProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>>>;
155
- export declare const LazyTimelineContent: import('react').LazyExoticComponent<import('react').ForwardRefExoticComponent<Omit<import('./components').TimelineContentProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>>;
156
- export declare const LazyTimelineOppositeContent: import('react').LazyExoticComponent<import('react').ForwardRefExoticComponent<Omit<import('./components').TimelineOppositeContentProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>>;
157
117
  /**
158
118
  * Lazy-loaded Drawer component
159
119
  *
@@ -1 +1 @@
1
- {"version":3,"file":"lazy.d.ts","sourceRoot":"","sources":["../src/lazy.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAQH;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,cAAc,wKAE1B,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,cAAc,wKAE1B,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,kBAAkB,4KAE9B,CAAC;AAMF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,SAAS,uNAErB,CAAC;AAEF,eAAO,MAAM,kBAAkB,yLAE9B,CAAC;AAEF,eAAO,MAAM,aAAa,6LAEzB,CAAC;AAEF,eAAO,MAAM,aAAa,6LAEzB,CAAC;AAEF,eAAO,MAAM,eAAe,+LAE3B,CAAC;AAEF,eAAO,MAAM,YAAY,6NAExB,CAAC;AAEF,eAAO,MAAM,aAAa,+NAEzB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,YAAY,0NAExB,CAAC;AAEF,eAAO,MAAM,gBAAgB,2NAE5B,CAAC;AAEF,eAAO,MAAM,qBAAqB,4LAEjC,CAAC;AAEF,eAAO,MAAM,eAAe,uLAE3B,CAAC;AAEF,eAAO,MAAM,qBAAqB,6LAEjC,CAAC;AAEF,eAAO,MAAM,mBAAmB,0LAE/B,CAAC;AAEF,eAAO,MAAM,2BAA2B,kMAIvC,CAAC;AAMF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,UAAU,iLAEtB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,eAAO,MAAM,UAAU,iLAEtB,CAAC;AAEF,eAAO,MAAM,eAAe,gKAE3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,mFAE7B,CAAC;AAEF,eAAO,MAAM,qBAAqB,sKAEjC,CAAC;AAEF,eAAO,MAAM,iBAAiB,mFAE7B,CAAC;AAMF;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;AAE7F;;;;;;;;;;;;;GAaG;AACH,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,OAAO,CAAC"}
1
+ {"version":3,"file":"lazy.d.ts","sourceRoot":"","sources":["../src/lazy.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AAQH;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,cAAc,wKAE1B,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,cAAc,wKAE1B,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,kBAAkB,4KAE9B,CAAC;AAMF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,eAAO,MAAM,SAAS,uNAErB,CAAC;AAEF,eAAO,MAAM,kBAAkB,yLAE9B,CAAC;AAEF,eAAO,MAAM,aAAa,6LAEzB,CAAC;AAEF,eAAO,MAAM,aAAa,6LAEzB,CAAC;AAEF,eAAO,MAAM,eAAe,+LAE3B,CAAC;AAEF,eAAO,MAAM,YAAY,6NAExB,CAAC;AAEF,eAAO,MAAM,aAAa,+NAEzB,CAAC;AAMF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,eAAO,MAAM,UAAU,iLAEtB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,eAAO,MAAM,UAAU,iLAEtB,CAAC;AAEF,eAAO,MAAM,eAAe,gKAE3B,CAAC;AAEF,eAAO,MAAM,iBAAiB,mFAE7B,CAAC;AAEF,eAAO,MAAM,qBAAqB,sKAEjC,CAAC;AAEF,eAAO,MAAM,iBAAiB,mFAE7B,CAAC;AAMF;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,mBAAmB,CAAC,CAAC,CAAC,CAAC;AAE7F;;;;;;;;;;;;;GAaG;AACH,OAAO,EAAE,QAAQ,IAAI,YAAY,EAAE,MAAM,OAAO,CAAC"}
package/dist/lazy.js CHANGED
@@ -31,29 +31,6 @@ const LazyTableRow = React.lazy(
31
31
  const LazyTableCell = React.lazy(
32
32
  () => Promise.resolve().then(() => require("./index-Bp_39Kmf.js")).then((mod) => ({ default: mod.TableCell }))
33
33
  );
34
- const LazyTimeline = React.lazy(
35
- () => Promise.resolve().then(() => require("./index--v2dNPpd.js")).then((mod) => ({ default: mod.Timeline }))
36
- );
37
- const LazyTimelineItem = React.lazy(
38
- () => Promise.resolve().then(() => require("./index--v2dNPpd.js")).then((mod) => ({ default: mod.TimelineItem }))
39
- );
40
- const LazyTimelineSeparator = React.lazy(
41
- () => Promise.resolve().then(() => require("./index--v2dNPpd.js")).then((mod) => ({ default: mod.TimelineSeparator }))
42
- );
43
- const LazyTimelineDot = React.lazy(
44
- () => Promise.resolve().then(() => require("./index--v2dNPpd.js")).then((mod) => ({ default: mod.TimelineDot }))
45
- );
46
- const LazyTimelineConnector = React.lazy(
47
- () => Promise.resolve().then(() => require("./index--v2dNPpd.js")).then((mod) => ({ default: mod.TimelineConnector }))
48
- );
49
- const LazyTimelineContent = React.lazy(
50
- () => Promise.resolve().then(() => require("./index--v2dNPpd.js")).then((mod) => ({ default: mod.TimelineContent }))
51
- );
52
- const LazyTimelineOppositeContent = React.lazy(
53
- () => Promise.resolve().then(() => require("./index--v2dNPpd.js")).then((mod) => ({
54
- default: mod.TimelineOppositeContent
55
- }))
56
- );
57
34
  const LazyDrawer = React.lazy(
58
35
  () => Promise.resolve().then(() => require("./index-DrHcCXwi.js")).then((mod) => ({ default: mod.Drawer }))
59
36
  );
@@ -92,11 +69,4 @@ exports.LazyTableFooter = LazyTableFooter;
92
69
  exports.LazyTableHead = LazyTableHead;
93
70
  exports.LazyTableRow = LazyTableRow;
94
71
  exports.LazyTimePicker = LazyTimePicker;
95
- exports.LazyTimeline = LazyTimeline;
96
- exports.LazyTimelineConnector = LazyTimelineConnector;
97
- exports.LazyTimelineContent = LazyTimelineContent;
98
- exports.LazyTimelineDot = LazyTimelineDot;
99
- exports.LazyTimelineItem = LazyTimelineItem;
100
- exports.LazyTimelineOppositeContent = LazyTimelineOppositeContent;
101
- exports.LazyTimelineSeparator = LazyTimelineSeparator;
102
72
  //# sourceMappingURL=lazy.js.map
package/dist/lazy.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"lazy.js","sources":["../src/lazy.ts"],"sourcesContent":["/**\n * Lazy Loaded Components\n * \n * This file provides lazy-loaded versions of heavy components\n * to optimize initial bundle size and improve application performance.\n * \n * Use these exports when you want to load components on-demand\n * with React.lazy() and Suspense.\n * \n * @example\n * ```tsx\n * import { Suspense } from 'react';\n * import { LazyTable, LazyTimeline } from '@atipicus/mrs-ui/lazy';\n * import { CircularProgress } from '@atipicus/mrs-ui';\n * \n * function MyApp() {\n * return (\n * <Suspense fallback={<CircularProgress />}>\n * <LazyTable>\n * // ... table content\n * </LazyTable>\n * </Suspense>\n * );\n * }\n * ```\n * \n * @package @atipicus/mrs-ui\n * @version 0.12.0\n */\n\nimport { lazy } from 'react';\n\n// ============================================================================\n// DATE PICKERS (~196 KB gzipped)\n// ============================================================================\n\n/**\n * Lazy-loaded DatePicker component\n * \n * Saves ~196 KB from initial bundle if date pickers are not immediately needed.\n * \n * @example\n * ```tsx\n * import { Suspense } from 'react';\n * import { LazyDatePicker } from '@atipicus/mrs-ui/lazy';\n * \n * <Suspense fallback={<CircularProgress />}>\n * <LazyDatePicker label=\"Select Date\" />\n * </Suspense>\n * ```\n */\nexport const LazyDatePicker = lazy(() =>\n import('./components/molecules/DatePicker').then((mod) => ({ default: mod.DatePicker }))\n);\n\n/**\n * Lazy-loaded TimePicker component\n * \n * Part of the date-pickers chunk (~196 KB gzipped).\n * \n * @example\n * ```tsx\n * import { Suspense } from 'react';\n * import { LazyTimePicker } from '@atipicus/mrs-ui/lazy';\n * \n * <Suspense fallback={<CircularProgress />}>\n * <LazyTimePicker label=\"Select Time\" />\n * </Suspense>\n * ```\n */\nexport const LazyTimePicker = lazy(() =>\n import('./components/molecules/TimePicker').then((mod) => ({ default: mod.TimePicker }))\n);\n\n/**\n * Lazy-loaded DateTimePicker component\n * \n * Part of the date-pickers chunk (~196 KB gzipped).\n * \n * @example\n * ```tsx\n * import { Suspense } from 'react';\n * import { LazyDateTimePicker } from '@atipicus/mrs-ui/lazy';\n * \n * <Suspense fallback={<CircularProgress />}>\n * <LazyDateTimePicker label=\"Select Date & Time\" />\n * </Suspense>\n * ```\n */\nexport const LazyDateTimePicker = lazy(() =>\n import('./components/molecules/DateTimePicker').then((mod) => ({ default: mod.DateTimePicker }))\n);\n\n// ============================================================================\n// DATA DISPLAY (~70 KB gzipped)\n// ============================================================================\n\n/**\n * Lazy-loaded Table component\n * \n * Saves ~70 KB from initial bundle. Use for tables that are not immediately visible.\n * \n * Includes: Table, TableContainer, TableHead, TableBody, TableFooter, TableRow, TableCell\n * \n * @example\n * ```tsx\n * import { Suspense } from 'react';\n * import { \n * LazyTable, \n * LazyTableContainer,\n * LazyTableHead,\n * LazyTableBody,\n * LazyTableRow,\n * LazyTableCell\n * } from '@atipicus/mrs-ui/lazy';\n * \n * <Suspense fallback={<CircularProgress />}>\n * <LazyTableContainer>\n * <LazyTable>\n * <LazyTableHead>\n * <LazyTableRow>\n * <LazyTableCell>Name</LazyTableCell>\n * </LazyTableRow>\n * </LazyTableHead>\n * </LazyTable>\n * </LazyTableContainer>\n * </Suspense>\n * ```\n */\nexport const LazyTable = lazy(() =>\n import('./components/molecules/Table').then((mod) => ({ default: mod.Table }))\n);\n\nexport const LazyTableContainer = lazy(() =>\n import('./components/molecules/Table').then((mod) => ({ default: mod.TableContainer }))\n);\n\nexport const LazyTableHead = lazy(() =>\n import('./components/molecules/Table').then((mod) => ({ default: mod.TableHead }))\n);\n\nexport const LazyTableBody = lazy(() =>\n import('./components/molecules/Table').then((mod) => ({ default: mod.TableBody }))\n);\n\nexport const LazyTableFooter = lazy(() =>\n import('./components/molecules/Table').then((mod) => ({ default: mod.TableFooter }))\n);\n\nexport const LazyTableRow = lazy(() =>\n import('./components/molecules/Table').then((mod) => ({ default: mod.TableRow }))\n);\n\nexport const LazyTableCell = lazy(() =>\n import('./components/molecules/Table').then((mod) => ({ default: mod.TableCell }))\n);\n\n/**\n * Lazy-loaded Timeline component\n * \n * Part of the data-display chunk (~70 KB gzipped).\n * \n * Includes: Timeline, TimelineItem, TimelineSeparator, TimelineDot, \n * TimelineConnector, TimelineContent, TimelineOppositeContent\n * \n * @example\n * ```tsx\n * import { Suspense } from 'react';\n * import { \n * LazyTimeline,\n * LazyTimelineItem,\n * LazyTimelineSeparator,\n * LazyTimelineDot,\n * LazyTimelineConnector,\n * LazyTimelineContent\n * } from '@atipicus/mrs-ui/lazy';\n * \n * <Suspense fallback={<CircularProgress />}>\n * <LazyTimeline>\n * <LazyTimelineItem>\n * <LazyTimelineSeparator>\n * <LazyTimelineDot />\n * <LazyTimelineConnector />\n * </LazyTimelineSeparator>\n * <LazyTimelineContent>Event 1</LazyTimelineContent>\n * </LazyTimelineItem>\n * </LazyTimeline>\n * </Suspense>\n * ```\n */\nexport const LazyTimeline = lazy(() =>\n import('./components/molecules/Timeline').then((mod) => ({ default: mod.Timeline }))\n);\n\nexport const LazyTimelineItem = lazy(() =>\n import('./components/molecules/Timeline').then((mod) => ({ default: mod.TimelineItem }))\n);\n\nexport const LazyTimelineSeparator = lazy(() =>\n import('./components/molecules/Timeline').then((mod) => ({ default: mod.TimelineSeparator }))\n);\n\nexport const LazyTimelineDot = lazy(() =>\n import('./components/molecules/Timeline').then((mod) => ({ default: mod.TimelineDot }))\n);\n\nexport const LazyTimelineConnector = lazy(() =>\n import('./components/molecules/Timeline').then((mod) => ({ default: mod.TimelineConnector }))\n);\n\nexport const LazyTimelineContent = lazy(() =>\n import('./components/molecules/Timeline').then((mod) => ({ default: mod.TimelineContent }))\n);\n\nexport const LazyTimelineOppositeContent = lazy(() =>\n import('./components/molecules/Timeline').then((mod) => ({\n default: mod.TimelineOppositeContent,\n }))\n);\n\n// ============================================================================\n// OVERLAYS (~14 KB gzipped)\n// ============================================================================\n\n/**\n * Lazy-loaded Drawer component\n * \n * Saves ~14 KB from initial bundle. Use for drawers that are conditionally rendered.\n * \n * @example\n * ```tsx\n * import { Suspense, useState } from 'react';\n * import { LazyDrawer } from '@atipicus/mrs-ui/lazy';\n * import { Button } from '@atipicus/mrs-ui';\n * \n * function MyApp() {\n * const [open, setOpen] = useState(false);\n * \n * return (\n * <>\n * <Button onClick={() => setOpen(true)}>Open Drawer</Button>\n * \n * {open && (\n * <Suspense fallback={null}>\n * <LazyDrawer open={open} onClose={() => setOpen(false)}>\n * Drawer content\n * </LazyDrawer>\n * </Suspense>\n * )}\n * </>\n * );\n * }\n * ```\n */\nexport const LazyDrawer = lazy(() =>\n import('./components/molecules/Drawer').then((mod) => ({ default: mod.Drawer }))\n);\n\n/**\n * Lazy-loaded Dialog component\n * \n * Part of the overlays chunk (~14 KB gzipped).\n * \n * Includes: Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions\n * \n * @example\n * ```tsx\n * import { Suspense, useState } from 'react';\n * import { \n * LazyDialog,\n * LazyDialogTitle,\n * LazyDialogContent,\n * LazyDialogActions\n * } from '@atipicus/mrs-ui/lazy';\n * import { Button } from '@atipicus/mrs-ui';\n * \n * function MyApp() {\n * const [open, setOpen] = useState(false);\n * \n * return (\n * <>\n * <Button onClick={() => setOpen(true)}>Open Dialog</Button>\n * \n * {open && (\n * <Suspense fallback={null}>\n * <LazyDialog open={open} onClose={() => setOpen(false)}>\n * <LazyDialogTitle>Dialog Title</LazyDialogTitle>\n * <LazyDialogContent>Dialog content</LazyDialogContent>\n * <LazyDialogActions>\n * <Button onClick={() => setOpen(false)}>Close</Button>\n * </LazyDialogActions>\n * </LazyDialog>\n * </Suspense>\n * )}\n * </>\n * );\n * }\n * ```\n */\nexport const LazyDialog = lazy(() =>\n import('./components/molecules/Dialog').then((mod) => ({ default: mod.Dialog }))\n);\n\nexport const LazyDialogTitle = lazy(() =>\n import('./components/molecules/Dialog').then((mod) => ({ default: mod.DialogTitle }))\n);\n\nexport const LazyDialogContent = lazy(() =>\n import('./components/molecules/Dialog').then((mod) => ({ default: mod.DialogContent }))\n);\n\nexport const LazyDialogContentText = lazy(() =>\n import('./components/molecules/Dialog').then((mod) => ({ default: mod.DialogContentText }))\n);\n\nexport const LazyDialogActions = lazy(() =>\n import('./components/molecules/Dialog').then((mod) => ({ default: mod.DialogActions }))\n);\n\n// ============================================================================\n// UTILITIES\n// ============================================================================\n\n/**\n * Helper type for lazy-loaded components with proper typing\n * \n * @example\n * ```tsx\n * import type { LazyComponent } from '@atipicus/mrs-ui/lazy';\n * \n * const MyLazyComponent: LazyComponent<typeof MyComponent> = lazy(() =>\n * import('./MyComponent').then(mod => ({ default: mod.MyComponent }))\n * );\n * ```\n */\nexport type LazyComponent<T extends React.ComponentType<any>> = React.LazyExoticComponent<T>;\n\n/**\n * Pre-configured Suspense component with fallback\n * \n * @example\n * ```tsx\n * import { LazySuspense, LazyTable } from '@atipicus/mrs-ui/lazy';\n * \n * <LazySuspense>\n * <LazyTable>\n * // table content\n * </LazyTable>\n * </LazySuspense>\n * ```\n */\nexport { Suspense as LazySuspense } from 'react';\n"],"names":["lazy"],"mappings":";;;AAmDO,MAAM,iBAAiBA,MAAAA;AAAAA,EAAK,MACjC,QAAA,QAAA,EAAA,KAAA,MAAA,QAAO,qBAAmC,CAAA,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,aAAa;AACzF;AAiBO,MAAM,iBAAiBA,MAAAA;AAAAA,EAAK,MACjC,QAAA,QAAA,EAAA,KAAA,MAAA,QAAO,qBAAmC,CAAA,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,aAAa;AACzF;AAiBO,MAAM,qBAAqBA,MAAAA;AAAAA,EAAK,MACrC,QAAA,QAAA,EAAA,KAAA,MAAA,QAAO,qBAAuC,CAAA,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,iBAAiB;AACjG;AAsCO,MAAM,YAAYA,MAAAA;AAAAA,EAAK,MAC5B,QAAA,QAAA,EAAA,KAAA,MAAA,QAAO,qBAA8B,CAAA,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,QAAQ;AAC/E;AAEO,MAAM,qBAAqBA,MAAAA;AAAAA,EAAK,MACrC,QAAA,QAAA,EAAA,KAAA,MAAA,QAAO,qBAA8B,CAAA,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,iBAAiB;AACxF;AAEO,MAAM,gBAAgBA,MAAAA;AAAAA,EAAK,MAChC,QAAA,QAAA,EAAA,KAAA,MAAA,QAAO,qBAA8B,CAAA,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,YAAY;AACnF;AAEO,MAAM,gBAAgBA,MAAAA;AAAAA,EAAK,MAChC,QAAA,QAAA,EAAA,KAAA,MAAA,QAAO,qBAA8B,CAAA,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,YAAY;AACnF;AAEO,MAAM,kBAAkBA,MAAAA;AAAAA,EAAK,MAClC,QAAA,QAAA,EAAA,KAAA,MAAA,QAAO,qBAA8B,CAAA,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,cAAc;AACrF;AAEO,MAAM,eAAeA,MAAAA;AAAAA,EAAK,MAC/B,QAAA,QAAA,EAAA,KAAA,MAAA,QAAO,qBAA8B,CAAA,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,WAAW;AAClF;AAEO,MAAM,gBAAgBA,MAAAA;AAAAA,EAAK,MAChC,QAAA,QAAA,EAAA,KAAA,MAAA,QAAO,qBAA8B,CAAA,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,YAAY;AACnF;AAmCO,MAAM,eAAeA,MAAAA;AAAAA,EAAK,MAC/B,QAAA,QAAA,EAAA,KAAA,MAAA,QAAO,qBAAiC,CAAA,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,WAAW;AACrF;AAEO,MAAM,mBAAmBA,MAAAA;AAAAA,EAAK,MACnC,QAAA,QAAA,EAAA,KAAA,MAAA,QAAO,qBAAiC,CAAA,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,eAAe;AACzF;AAEO,MAAM,wBAAwBA,MAAAA;AAAAA,EAAK,MACxC,QAAA,QAAA,EAAA,KAAA,MAAA,QAAO,qBAAiC,CAAA,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,oBAAoB;AAC9F;AAEO,MAAM,kBAAkBA,MAAAA;AAAAA,EAAK,MAClC,QAAA,QAAA,EAAA,KAAA,MAAA,QAAO,qBAAiC,CAAA,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,cAAc;AACxF;AAEO,MAAM,wBAAwBA,MAAAA;AAAAA,EAAK,MACxC,QAAA,QAAA,EAAA,KAAA,MAAA,QAAO,qBAAiC,CAAA,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,oBAAoB;AAC9F;AAEO,MAAM,sBAAsBA,MAAAA;AAAAA,EAAK,MACtC,QAAA,QAAA,EAAA,KAAA,MAAA,QAAO,qBAAiC,CAAA,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,kBAAkB;AAC5F;AAEO,MAAM,8BAA8BA,MAAAA;AAAAA,EAAK,MAC9C,qCAAO,qBAAiC,CAAA,EAAE,KAAK,CAAC,SAAS;AAAA,IACvD,SAAS,IAAI;AAAA,EAAA,EACb;AACJ;AAoCO,MAAM,aAAaA,MAAAA;AAAAA,EAAK,MAC7B,QAAA,QAAA,EAAA,KAAA,MAAA,QAAO,qBAA+B,CAAA,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,SAAS;AACjF;AA2CO,MAAM,aAAaA,MAAAA;AAAAA,EAAK,MAC7B,QAAA,QAAA,EAAA,KAAA,MAAA,QAAO,qBAA+B,CAAA,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,SAAS;AACjF;AAEO,MAAM,kBAAkBA,MAAAA;AAAAA,EAAK,MAClC,QAAA,QAAA,EAAA,KAAA,MAAA,QAAO,qBAA+B,CAAA,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,cAAc;AACtF;AAEO,MAAM,oBAAoBA,MAAAA;AAAAA,EAAK,MACpC,QAAA,QAAA,EAAA,KAAA,MAAA,QAAO,qBAA+B,CAAA,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,gBAAgB;AACxF;AAEO,MAAM,wBAAwBA,MAAAA;AAAAA,EAAK,MACxC,QAAA,QAAA,EAAA,KAAA,MAAA,QAAO,qBAA+B,CAAA,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,oBAAoB;AAC5F;AAEO,MAAM,oBAAoBA,MAAAA;AAAAA,EAAK,MACpC,QAAA,QAAA,EAAA,KAAA,MAAA,QAAO,qBAA+B,CAAA,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,gBAAgB;AACxF;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"lazy.js","sources":["../src/lazy.ts"],"sourcesContent":["/**\n * Lazy Loaded Components\n * \n * This file provides lazy-loaded versions of heavy components\n * to optimize initial bundle size and improve application performance.\n * \n * Use these exports when you want to load components on-demand\n * with React.lazy() and Suspense.\n * \n * @example\n * ```tsx\n * import { Suspense } from 'react';\n * import { LazyTable } from '@atipicus/mrs-ui/lazy';\n * import { CircularProgress } from '@atipicus/mrs-ui';\n * \n * function MyApp() {\n * return (\n * <Suspense fallback={<CircularProgress />}>\n * <LazyTable>\n * // ... table content\n * </LazyTable>\n * </Suspense>\n * );\n * }\n * ```\n * \n * @package @atipicus/mrs-ui\n * @version 0.12.0\n */\n\nimport { lazy } from 'react';\n\n// ============================================================================\n// DATE PICKERS (~196 KB gzipped)\n// ============================================================================\n\n/**\n * Lazy-loaded DatePicker component\n * \n * Saves ~196 KB from initial bundle if date pickers are not immediately needed.\n * \n * @example\n * ```tsx\n * import { Suspense } from 'react';\n * import { LazyDatePicker } from '@atipicus/mrs-ui/lazy';\n * \n * <Suspense fallback={<CircularProgress />}>\n * <LazyDatePicker label=\"Select Date\" />\n * </Suspense>\n * ```\n */\nexport const LazyDatePicker = lazy(() =>\n import('./components/molecules/DatePicker').then((mod) => ({ default: mod.DatePicker }))\n);\n\n/**\n * Lazy-loaded TimePicker component\n * \n * Part of the date-pickers chunk (~196 KB gzipped).\n * \n * @example\n * ```tsx\n * import { Suspense } from 'react';\n * import { LazyTimePicker } from '@atipicus/mrs-ui/lazy';\n * \n * <Suspense fallback={<CircularProgress />}>\n * <LazyTimePicker label=\"Select Time\" />\n * </Suspense>\n * ```\n */\nexport const LazyTimePicker = lazy(() =>\n import('./components/molecules/TimePicker').then((mod) => ({ default: mod.TimePicker }))\n);\n\n/**\n * Lazy-loaded DateTimePicker component\n * \n * Part of the date-pickers chunk (~196 KB gzipped).\n * \n * @example\n * ```tsx\n * import { Suspense } from 'react';\n * import { LazyDateTimePicker } from '@atipicus/mrs-ui/lazy';\n * \n * <Suspense fallback={<CircularProgress />}>\n * <LazyDateTimePicker label=\"Select Date & Time\" />\n * </Suspense>\n * ```\n */\nexport const LazyDateTimePicker = lazy(() =>\n import('./components/molecules/DateTimePicker').then((mod) => ({ default: mod.DateTimePicker }))\n);\n\n// ============================================================================\n// DATA DISPLAY (~70 KB gzipped)\n// ============================================================================\n\n/**\n * Lazy-loaded Table component\n * \n * Saves ~70 KB from initial bundle. Use for tables that are not immediately visible.\n * \n * Includes: Table, TableContainer, TableHead, TableBody, TableFooter, TableRow, TableCell\n * \n * @example\n * ```tsx\n * import { Suspense } from 'react';\n * import { \n * LazyTable, \n * LazyTableContainer,\n * LazyTableHead,\n * LazyTableBody,\n * LazyTableRow,\n * LazyTableCell\n * } from '@atipicus/mrs-ui/lazy';\n * \n * <Suspense fallback={<CircularProgress />}>\n * <LazyTableContainer>\n * <LazyTable>\n * <LazyTableHead>\n * <LazyTableRow>\n * <LazyTableCell>Name</LazyTableCell>\n * </LazyTableRow>\n * </LazyTableHead>\n * </LazyTable>\n * </LazyTableContainer>\n * </Suspense>\n * ```\n */\nexport const LazyTable = lazy(() =>\n import('./components/molecules/Table').then((mod) => ({ default: mod.Table }))\n);\n\nexport const LazyTableContainer = lazy(() =>\n import('./components/molecules/Table').then((mod) => ({ default: mod.TableContainer }))\n);\n\nexport const LazyTableHead = lazy(() =>\n import('./components/molecules/Table').then((mod) => ({ default: mod.TableHead }))\n);\n\nexport const LazyTableBody = lazy(() =>\n import('./components/molecules/Table').then((mod) => ({ default: mod.TableBody }))\n);\n\nexport const LazyTableFooter = lazy(() =>\n import('./components/molecules/Table').then((mod) => ({ default: mod.TableFooter }))\n);\n\nexport const LazyTableRow = lazy(() =>\n import('./components/molecules/Table').then((mod) => ({ default: mod.TableRow }))\n);\n\nexport const LazyTableCell = lazy(() =>\n import('./components/molecules/Table').then((mod) => ({ default: mod.TableCell }))\n);\n\n// ============================================================================\n// OVERLAYS (~14 KB gzipped)\n// ============================================================================\n\n/**\n * Lazy-loaded Drawer component\n * \n * Saves ~14 KB from initial bundle. Use for drawers that are conditionally rendered.\n * \n * @example\n * ```tsx\n * import { Suspense, useState } from 'react';\n * import { LazyDrawer } from '@atipicus/mrs-ui/lazy';\n * import { Button } from '@atipicus/mrs-ui';\n * \n * function MyApp() {\n * const [open, setOpen] = useState(false);\n * \n * return (\n * <>\n * <Button onClick={() => setOpen(true)}>Open Drawer</Button>\n * \n * {open && (\n * <Suspense fallback={null}>\n * <LazyDrawer open={open} onClose={() => setOpen(false)}>\n * Drawer content\n * </LazyDrawer>\n * </Suspense>\n * )}\n * </>\n * );\n * }\n * ```\n */\nexport const LazyDrawer = lazy(() =>\n import('./components/molecules/Drawer').then((mod) => ({ default: mod.Drawer }))\n);\n\n/**\n * Lazy-loaded Dialog component\n * \n * Part of the overlays chunk (~14 KB gzipped).\n * \n * Includes: Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions\n * \n * @example\n * ```tsx\n * import { Suspense, useState } from 'react';\n * import { \n * LazyDialog,\n * LazyDialogTitle,\n * LazyDialogContent,\n * LazyDialogActions\n * } from '@atipicus/mrs-ui/lazy';\n * import { Button } from '@atipicus/mrs-ui';\n * \n * function MyApp() {\n * const [open, setOpen] = useState(false);\n * \n * return (\n * <>\n * <Button onClick={() => setOpen(true)}>Open Dialog</Button>\n * \n * {open && (\n * <Suspense fallback={null}>\n * <LazyDialog open={open} onClose={() => setOpen(false)}>\n * <LazyDialogTitle>Dialog Title</LazyDialogTitle>\n * <LazyDialogContent>Dialog content</LazyDialogContent>\n * <LazyDialogActions>\n * <Button onClick={() => setOpen(false)}>Close</Button>\n * </LazyDialogActions>\n * </LazyDialog>\n * </Suspense>\n * )}\n * </>\n * );\n * }\n * ```\n */\nexport const LazyDialog = lazy(() =>\n import('./components/molecules/Dialog').then((mod) => ({ default: mod.Dialog }))\n);\n\nexport const LazyDialogTitle = lazy(() =>\n import('./components/molecules/Dialog').then((mod) => ({ default: mod.DialogTitle }))\n);\n\nexport const LazyDialogContent = lazy(() =>\n import('./components/molecules/Dialog').then((mod) => ({ default: mod.DialogContent }))\n);\n\nexport const LazyDialogContentText = lazy(() =>\n import('./components/molecules/Dialog').then((mod) => ({ default: mod.DialogContentText }))\n);\n\nexport const LazyDialogActions = lazy(() =>\n import('./components/molecules/Dialog').then((mod) => ({ default: mod.DialogActions }))\n);\n\n// ============================================================================\n// UTILITIES\n// ============================================================================\n\n/**\n * Helper type for lazy-loaded components with proper typing\n * \n * @example\n * ```tsx\n * import type { LazyComponent } from '@atipicus/mrs-ui/lazy';\n * \n * const MyLazyComponent: LazyComponent<typeof MyComponent> = lazy(() =>\n * import('./MyComponent').then(mod => ({ default: mod.MyComponent }))\n * );\n * ```\n */\nexport type LazyComponent<T extends React.ComponentType<any>> = React.LazyExoticComponent<T>;\n\n/**\n * Pre-configured Suspense component with fallback\n * \n * @example\n * ```tsx\n * import { LazySuspense, LazyTable } from '@atipicus/mrs-ui/lazy';\n * \n * <LazySuspense>\n * <LazyTable>\n * // table content\n * </LazyTable>\n * </LazySuspense>\n * ```\n */\nexport { Suspense as LazySuspense } from 'react';\n"],"names":["lazy"],"mappings":"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"}
package/dist/lazy.mjs CHANGED
@@ -30,29 +30,6 @@ const LazyTableRow = lazy(
30
30
  const LazyTableCell = lazy(
31
31
  () => import("./index-CLLVDdFI.mjs").then((mod) => ({ default: mod.TableCell }))
32
32
  );
33
- const LazyTimeline = lazy(
34
- () => import("./index-CBDmTLHS.mjs").then((mod) => ({ default: mod.Timeline }))
35
- );
36
- const LazyTimelineItem = lazy(
37
- () => import("./index-CBDmTLHS.mjs").then((mod) => ({ default: mod.TimelineItem }))
38
- );
39
- const LazyTimelineSeparator = lazy(
40
- () => import("./index-CBDmTLHS.mjs").then((mod) => ({ default: mod.TimelineSeparator }))
41
- );
42
- const LazyTimelineDot = lazy(
43
- () => import("./index-CBDmTLHS.mjs").then((mod) => ({ default: mod.TimelineDot }))
44
- );
45
- const LazyTimelineConnector = lazy(
46
- () => import("./index-CBDmTLHS.mjs").then((mod) => ({ default: mod.TimelineConnector }))
47
- );
48
- const LazyTimelineContent = lazy(
49
- () => import("./index-CBDmTLHS.mjs").then((mod) => ({ default: mod.TimelineContent }))
50
- );
51
- const LazyTimelineOppositeContent = lazy(
52
- () => import("./index-CBDmTLHS.mjs").then((mod) => ({
53
- default: mod.TimelineOppositeContent
54
- }))
55
- );
56
33
  const LazyDrawer = lazy(
57
34
  () => import("./index-DGbzI3ul.mjs").then((mod) => ({ default: mod.Drawer }))
58
35
  );
@@ -88,13 +65,6 @@ export {
88
65
  LazyTableFooter,
89
66
  LazyTableHead,
90
67
  LazyTableRow,
91
- LazyTimePicker,
92
- LazyTimeline,
93
- LazyTimelineConnector,
94
- LazyTimelineContent,
95
- LazyTimelineDot,
96
- LazyTimelineItem,
97
- LazyTimelineOppositeContent,
98
- LazyTimelineSeparator
68
+ LazyTimePicker
99
69
  };
100
70
  //# sourceMappingURL=lazy.mjs.map
package/dist/lazy.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"lazy.mjs","sources":["../src/lazy.ts"],"sourcesContent":["/**\n * Lazy Loaded Components\n * \n * This file provides lazy-loaded versions of heavy components\n * to optimize initial bundle size and improve application performance.\n * \n * Use these exports when you want to load components on-demand\n * with React.lazy() and Suspense.\n * \n * @example\n * ```tsx\n * import { Suspense } from 'react';\n * import { LazyTable, LazyTimeline } from '@atipicus/mrs-ui/lazy';\n * import { CircularProgress } from '@atipicus/mrs-ui';\n * \n * function MyApp() {\n * return (\n * <Suspense fallback={<CircularProgress />}>\n * <LazyTable>\n * // ... table content\n * </LazyTable>\n * </Suspense>\n * );\n * }\n * ```\n * \n * @package @atipicus/mrs-ui\n * @version 0.12.0\n */\n\nimport { lazy } from 'react';\n\n// ============================================================================\n// DATE PICKERS (~196 KB gzipped)\n// ============================================================================\n\n/**\n * Lazy-loaded DatePicker component\n * \n * Saves ~196 KB from initial bundle if date pickers are not immediately needed.\n * \n * @example\n * ```tsx\n * import { Suspense } from 'react';\n * import { LazyDatePicker } from '@atipicus/mrs-ui/lazy';\n * \n * <Suspense fallback={<CircularProgress />}>\n * <LazyDatePicker label=\"Select Date\" />\n * </Suspense>\n * ```\n */\nexport const LazyDatePicker = lazy(() =>\n import('./components/molecules/DatePicker').then((mod) => ({ default: mod.DatePicker }))\n);\n\n/**\n * Lazy-loaded TimePicker component\n * \n * Part of the date-pickers chunk (~196 KB gzipped).\n * \n * @example\n * ```tsx\n * import { Suspense } from 'react';\n * import { LazyTimePicker } from '@atipicus/mrs-ui/lazy';\n * \n * <Suspense fallback={<CircularProgress />}>\n * <LazyTimePicker label=\"Select Time\" />\n * </Suspense>\n * ```\n */\nexport const LazyTimePicker = lazy(() =>\n import('./components/molecules/TimePicker').then((mod) => ({ default: mod.TimePicker }))\n);\n\n/**\n * Lazy-loaded DateTimePicker component\n * \n * Part of the date-pickers chunk (~196 KB gzipped).\n * \n * @example\n * ```tsx\n * import { Suspense } from 'react';\n * import { LazyDateTimePicker } from '@atipicus/mrs-ui/lazy';\n * \n * <Suspense fallback={<CircularProgress />}>\n * <LazyDateTimePicker label=\"Select Date & Time\" />\n * </Suspense>\n * ```\n */\nexport const LazyDateTimePicker = lazy(() =>\n import('./components/molecules/DateTimePicker').then((mod) => ({ default: mod.DateTimePicker }))\n);\n\n// ============================================================================\n// DATA DISPLAY (~70 KB gzipped)\n// ============================================================================\n\n/**\n * Lazy-loaded Table component\n * \n * Saves ~70 KB from initial bundle. Use for tables that are not immediately visible.\n * \n * Includes: Table, TableContainer, TableHead, TableBody, TableFooter, TableRow, TableCell\n * \n * @example\n * ```tsx\n * import { Suspense } from 'react';\n * import { \n * LazyTable, \n * LazyTableContainer,\n * LazyTableHead,\n * LazyTableBody,\n * LazyTableRow,\n * LazyTableCell\n * } from '@atipicus/mrs-ui/lazy';\n * \n * <Suspense fallback={<CircularProgress />}>\n * <LazyTableContainer>\n * <LazyTable>\n * <LazyTableHead>\n * <LazyTableRow>\n * <LazyTableCell>Name</LazyTableCell>\n * </LazyTableRow>\n * </LazyTableHead>\n * </LazyTable>\n * </LazyTableContainer>\n * </Suspense>\n * ```\n */\nexport const LazyTable = lazy(() =>\n import('./components/molecules/Table').then((mod) => ({ default: mod.Table }))\n);\n\nexport const LazyTableContainer = lazy(() =>\n import('./components/molecules/Table').then((mod) => ({ default: mod.TableContainer }))\n);\n\nexport const LazyTableHead = lazy(() =>\n import('./components/molecules/Table').then((mod) => ({ default: mod.TableHead }))\n);\n\nexport const LazyTableBody = lazy(() =>\n import('./components/molecules/Table').then((mod) => ({ default: mod.TableBody }))\n);\n\nexport const LazyTableFooter = lazy(() =>\n import('./components/molecules/Table').then((mod) => ({ default: mod.TableFooter }))\n);\n\nexport const LazyTableRow = lazy(() =>\n import('./components/molecules/Table').then((mod) => ({ default: mod.TableRow }))\n);\n\nexport const LazyTableCell = lazy(() =>\n import('./components/molecules/Table').then((mod) => ({ default: mod.TableCell }))\n);\n\n/**\n * Lazy-loaded Timeline component\n * \n * Part of the data-display chunk (~70 KB gzipped).\n * \n * Includes: Timeline, TimelineItem, TimelineSeparator, TimelineDot, \n * TimelineConnector, TimelineContent, TimelineOppositeContent\n * \n * @example\n * ```tsx\n * import { Suspense } from 'react';\n * import { \n * LazyTimeline,\n * LazyTimelineItem,\n * LazyTimelineSeparator,\n * LazyTimelineDot,\n * LazyTimelineConnector,\n * LazyTimelineContent\n * } from '@atipicus/mrs-ui/lazy';\n * \n * <Suspense fallback={<CircularProgress />}>\n * <LazyTimeline>\n * <LazyTimelineItem>\n * <LazyTimelineSeparator>\n * <LazyTimelineDot />\n * <LazyTimelineConnector />\n * </LazyTimelineSeparator>\n * <LazyTimelineContent>Event 1</LazyTimelineContent>\n * </LazyTimelineItem>\n * </LazyTimeline>\n * </Suspense>\n * ```\n */\nexport const LazyTimeline = lazy(() =>\n import('./components/molecules/Timeline').then((mod) => ({ default: mod.Timeline }))\n);\n\nexport const LazyTimelineItem = lazy(() =>\n import('./components/molecules/Timeline').then((mod) => ({ default: mod.TimelineItem }))\n);\n\nexport const LazyTimelineSeparator = lazy(() =>\n import('./components/molecules/Timeline').then((mod) => ({ default: mod.TimelineSeparator }))\n);\n\nexport const LazyTimelineDot = lazy(() =>\n import('./components/molecules/Timeline').then((mod) => ({ default: mod.TimelineDot }))\n);\n\nexport const LazyTimelineConnector = lazy(() =>\n import('./components/molecules/Timeline').then((mod) => ({ default: mod.TimelineConnector }))\n);\n\nexport const LazyTimelineContent = lazy(() =>\n import('./components/molecules/Timeline').then((mod) => ({ default: mod.TimelineContent }))\n);\n\nexport const LazyTimelineOppositeContent = lazy(() =>\n import('./components/molecules/Timeline').then((mod) => ({\n default: mod.TimelineOppositeContent,\n }))\n);\n\n// ============================================================================\n// OVERLAYS (~14 KB gzipped)\n// ============================================================================\n\n/**\n * Lazy-loaded Drawer component\n * \n * Saves ~14 KB from initial bundle. Use for drawers that are conditionally rendered.\n * \n * @example\n * ```tsx\n * import { Suspense, useState } from 'react';\n * import { LazyDrawer } from '@atipicus/mrs-ui/lazy';\n * import { Button } from '@atipicus/mrs-ui';\n * \n * function MyApp() {\n * const [open, setOpen] = useState(false);\n * \n * return (\n * <>\n * <Button onClick={() => setOpen(true)}>Open Drawer</Button>\n * \n * {open && (\n * <Suspense fallback={null}>\n * <LazyDrawer open={open} onClose={() => setOpen(false)}>\n * Drawer content\n * </LazyDrawer>\n * </Suspense>\n * )}\n * </>\n * );\n * }\n * ```\n */\nexport const LazyDrawer = lazy(() =>\n import('./components/molecules/Drawer').then((mod) => ({ default: mod.Drawer }))\n);\n\n/**\n * Lazy-loaded Dialog component\n * \n * Part of the overlays chunk (~14 KB gzipped).\n * \n * Includes: Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions\n * \n * @example\n * ```tsx\n * import { Suspense, useState } from 'react';\n * import { \n * LazyDialog,\n * LazyDialogTitle,\n * LazyDialogContent,\n * LazyDialogActions\n * } from '@atipicus/mrs-ui/lazy';\n * import { Button } from '@atipicus/mrs-ui';\n * \n * function MyApp() {\n * const [open, setOpen] = useState(false);\n * \n * return (\n * <>\n * <Button onClick={() => setOpen(true)}>Open Dialog</Button>\n * \n * {open && (\n * <Suspense fallback={null}>\n * <LazyDialog open={open} onClose={() => setOpen(false)}>\n * <LazyDialogTitle>Dialog Title</LazyDialogTitle>\n * <LazyDialogContent>Dialog content</LazyDialogContent>\n * <LazyDialogActions>\n * <Button onClick={() => setOpen(false)}>Close</Button>\n * </LazyDialogActions>\n * </LazyDialog>\n * </Suspense>\n * )}\n * </>\n * );\n * }\n * ```\n */\nexport const LazyDialog = lazy(() =>\n import('./components/molecules/Dialog').then((mod) => ({ default: mod.Dialog }))\n);\n\nexport const LazyDialogTitle = lazy(() =>\n import('./components/molecules/Dialog').then((mod) => ({ default: mod.DialogTitle }))\n);\n\nexport const LazyDialogContent = lazy(() =>\n import('./components/molecules/Dialog').then((mod) => ({ default: mod.DialogContent }))\n);\n\nexport const LazyDialogContentText = lazy(() =>\n import('./components/molecules/Dialog').then((mod) => ({ default: mod.DialogContentText }))\n);\n\nexport const LazyDialogActions = lazy(() =>\n import('./components/molecules/Dialog').then((mod) => ({ default: mod.DialogActions }))\n);\n\n// ============================================================================\n// UTILITIES\n// ============================================================================\n\n/**\n * Helper type for lazy-loaded components with proper typing\n * \n * @example\n * ```tsx\n * import type { LazyComponent } from '@atipicus/mrs-ui/lazy';\n * \n * const MyLazyComponent: LazyComponent<typeof MyComponent> = lazy(() =>\n * import('./MyComponent').then(mod => ({ default: mod.MyComponent }))\n * );\n * ```\n */\nexport type LazyComponent<T extends React.ComponentType<any>> = React.LazyExoticComponent<T>;\n\n/**\n * Pre-configured Suspense component with fallback\n * \n * @example\n * ```tsx\n * import { LazySuspense, LazyTable } from '@atipicus/mrs-ui/lazy';\n * \n * <LazySuspense>\n * <LazyTable>\n * // table content\n * </LazyTable>\n * </LazySuspense>\n * ```\n */\nexport { Suspense as LazySuspense } from 'react';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"lazy.mjs","sources":["../src/lazy.ts"],"sourcesContent":["/**\n * Lazy Loaded Components\n * \n * This file provides lazy-loaded versions of heavy components\n * to optimize initial bundle size and improve application performance.\n * \n * Use these exports when you want to load components on-demand\n * with React.lazy() and Suspense.\n * \n * @example\n * ```tsx\n * import { Suspense } from 'react';\n * import { LazyTable } from '@atipicus/mrs-ui/lazy';\n * import { CircularProgress } from '@atipicus/mrs-ui';\n * \n * function MyApp() {\n * return (\n * <Suspense fallback={<CircularProgress />}>\n * <LazyTable>\n * // ... table content\n * </LazyTable>\n * </Suspense>\n * );\n * }\n * ```\n * \n * @package @atipicus/mrs-ui\n * @version 0.12.0\n */\n\nimport { lazy } from 'react';\n\n// ============================================================================\n// DATE PICKERS (~196 KB gzipped)\n// ============================================================================\n\n/**\n * Lazy-loaded DatePicker component\n * \n * Saves ~196 KB from initial bundle if date pickers are not immediately needed.\n * \n * @example\n * ```tsx\n * import { Suspense } from 'react';\n * import { LazyDatePicker } from '@atipicus/mrs-ui/lazy';\n * \n * <Suspense fallback={<CircularProgress />}>\n * <LazyDatePicker label=\"Select Date\" />\n * </Suspense>\n * ```\n */\nexport const LazyDatePicker = lazy(() =>\n import('./components/molecules/DatePicker').then((mod) => ({ default: mod.DatePicker }))\n);\n\n/**\n * Lazy-loaded TimePicker component\n * \n * Part of the date-pickers chunk (~196 KB gzipped).\n * \n * @example\n * ```tsx\n * import { Suspense } from 'react';\n * import { LazyTimePicker } from '@atipicus/mrs-ui/lazy';\n * \n * <Suspense fallback={<CircularProgress />}>\n * <LazyTimePicker label=\"Select Time\" />\n * </Suspense>\n * ```\n */\nexport const LazyTimePicker = lazy(() =>\n import('./components/molecules/TimePicker').then((mod) => ({ default: mod.TimePicker }))\n);\n\n/**\n * Lazy-loaded DateTimePicker component\n * \n * Part of the date-pickers chunk (~196 KB gzipped).\n * \n * @example\n * ```tsx\n * import { Suspense } from 'react';\n * import { LazyDateTimePicker } from '@atipicus/mrs-ui/lazy';\n * \n * <Suspense fallback={<CircularProgress />}>\n * <LazyDateTimePicker label=\"Select Date & Time\" />\n * </Suspense>\n * ```\n */\nexport const LazyDateTimePicker = lazy(() =>\n import('./components/molecules/DateTimePicker').then((mod) => ({ default: mod.DateTimePicker }))\n);\n\n// ============================================================================\n// DATA DISPLAY (~70 KB gzipped)\n// ============================================================================\n\n/**\n * Lazy-loaded Table component\n * \n * Saves ~70 KB from initial bundle. Use for tables that are not immediately visible.\n * \n * Includes: Table, TableContainer, TableHead, TableBody, TableFooter, TableRow, TableCell\n * \n * @example\n * ```tsx\n * import { Suspense } from 'react';\n * import { \n * LazyTable, \n * LazyTableContainer,\n * LazyTableHead,\n * LazyTableBody,\n * LazyTableRow,\n * LazyTableCell\n * } from '@atipicus/mrs-ui/lazy';\n * \n * <Suspense fallback={<CircularProgress />}>\n * <LazyTableContainer>\n * <LazyTable>\n * <LazyTableHead>\n * <LazyTableRow>\n * <LazyTableCell>Name</LazyTableCell>\n * </LazyTableRow>\n * </LazyTableHead>\n * </LazyTable>\n * </LazyTableContainer>\n * </Suspense>\n * ```\n */\nexport const LazyTable = lazy(() =>\n import('./components/molecules/Table').then((mod) => ({ default: mod.Table }))\n);\n\nexport const LazyTableContainer = lazy(() =>\n import('./components/molecules/Table').then((mod) => ({ default: mod.TableContainer }))\n);\n\nexport const LazyTableHead = lazy(() =>\n import('./components/molecules/Table').then((mod) => ({ default: mod.TableHead }))\n);\n\nexport const LazyTableBody = lazy(() =>\n import('./components/molecules/Table').then((mod) => ({ default: mod.TableBody }))\n);\n\nexport const LazyTableFooter = lazy(() =>\n import('./components/molecules/Table').then((mod) => ({ default: mod.TableFooter }))\n);\n\nexport const LazyTableRow = lazy(() =>\n import('./components/molecules/Table').then((mod) => ({ default: mod.TableRow }))\n);\n\nexport const LazyTableCell = lazy(() =>\n import('./components/molecules/Table').then((mod) => ({ default: mod.TableCell }))\n);\n\n// ============================================================================\n// OVERLAYS (~14 KB gzipped)\n// ============================================================================\n\n/**\n * Lazy-loaded Drawer component\n * \n * Saves ~14 KB from initial bundle. Use for drawers that are conditionally rendered.\n * \n * @example\n * ```tsx\n * import { Suspense, useState } from 'react';\n * import { LazyDrawer } from '@atipicus/mrs-ui/lazy';\n * import { Button } from '@atipicus/mrs-ui';\n * \n * function MyApp() {\n * const [open, setOpen] = useState(false);\n * \n * return (\n * <>\n * <Button onClick={() => setOpen(true)}>Open Drawer</Button>\n * \n * {open && (\n * <Suspense fallback={null}>\n * <LazyDrawer open={open} onClose={() => setOpen(false)}>\n * Drawer content\n * </LazyDrawer>\n * </Suspense>\n * )}\n * </>\n * );\n * }\n * ```\n */\nexport const LazyDrawer = lazy(() =>\n import('./components/molecules/Drawer').then((mod) => ({ default: mod.Drawer }))\n);\n\n/**\n * Lazy-loaded Dialog component\n * \n * Part of the overlays chunk (~14 KB gzipped).\n * \n * Includes: Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions\n * \n * @example\n * ```tsx\n * import { Suspense, useState } from 'react';\n * import { \n * LazyDialog,\n * LazyDialogTitle,\n * LazyDialogContent,\n * LazyDialogActions\n * } from '@atipicus/mrs-ui/lazy';\n * import { Button } from '@atipicus/mrs-ui';\n * \n * function MyApp() {\n * const [open, setOpen] = useState(false);\n * \n * return (\n * <>\n * <Button onClick={() => setOpen(true)}>Open Dialog</Button>\n * \n * {open && (\n * <Suspense fallback={null}>\n * <LazyDialog open={open} onClose={() => setOpen(false)}>\n * <LazyDialogTitle>Dialog Title</LazyDialogTitle>\n * <LazyDialogContent>Dialog content</LazyDialogContent>\n * <LazyDialogActions>\n * <Button onClick={() => setOpen(false)}>Close</Button>\n * </LazyDialogActions>\n * </LazyDialog>\n * </Suspense>\n * )}\n * </>\n * );\n * }\n * ```\n */\nexport const LazyDialog = lazy(() =>\n import('./components/molecules/Dialog').then((mod) => ({ default: mod.Dialog }))\n);\n\nexport const LazyDialogTitle = lazy(() =>\n import('./components/molecules/Dialog').then((mod) => ({ default: mod.DialogTitle }))\n);\n\nexport const LazyDialogContent = lazy(() =>\n import('./components/molecules/Dialog').then((mod) => ({ default: mod.DialogContent }))\n);\n\nexport const LazyDialogContentText = lazy(() =>\n import('./components/molecules/Dialog').then((mod) => ({ default: mod.DialogContentText }))\n);\n\nexport const LazyDialogActions = lazy(() =>\n import('./components/molecules/Dialog').then((mod) => ({ default: mod.DialogActions }))\n);\n\n// ============================================================================\n// UTILITIES\n// ============================================================================\n\n/**\n * Helper type for lazy-loaded components with proper typing\n * \n * @example\n * ```tsx\n * import type { LazyComponent } from '@atipicus/mrs-ui/lazy';\n * \n * const MyLazyComponent: LazyComponent<typeof MyComponent> = lazy(() =>\n * import('./MyComponent').then(mod => ({ default: mod.MyComponent }))\n * );\n * ```\n */\nexport type LazyComponent<T extends React.ComponentType<any>> = React.LazyExoticComponent<T>;\n\n/**\n * Pre-configured Suspense component with fallback\n * \n * @example\n * ```tsx\n * import { LazySuspense, LazyTable } from '@atipicus/mrs-ui/lazy';\n * \n * <LazySuspense>\n * <LazyTable>\n * // table content\n * </LazyTable>\n * </LazySuspense>\n * ```\n */\nexport { Suspense as LazySuspense } from 'react';\n"],"names":[],"mappings":";;AAmDO,MAAM,iBAAiB;AAAA,EAAK,MACjC,OAAO,sBAAmC,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,aAAa;AACzF;AAiBO,MAAM,iBAAiB;AAAA,EAAK,MACjC,OAAO,sBAAmC,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,aAAa;AACzF;AAiBO,MAAM,qBAAqB;AAAA,EAAK,MACrC,OAAO,sBAAuC,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,iBAAiB;AACjG;AAsCO,MAAM,YAAY;AAAA,EAAK,MAC5B,OAAO,sBAA8B,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,QAAQ;AAC/E;AAEO,MAAM,qBAAqB;AAAA,EAAK,MACrC,OAAO,sBAA8B,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,iBAAiB;AACxF;AAEO,MAAM,gBAAgB;AAAA,EAAK,MAChC,OAAO,sBAA8B,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,YAAY;AACnF;AAEO,MAAM,gBAAgB;AAAA,EAAK,MAChC,OAAO,sBAA8B,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,YAAY;AACnF;AAEO,MAAM,kBAAkB;AAAA,EAAK,MAClC,OAAO,sBAA8B,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,cAAc;AACrF;AAEO,MAAM,eAAe;AAAA,EAAK,MAC/B,OAAO,sBAA8B,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,WAAW;AAClF;AAEO,MAAM,gBAAgB;AAAA,EAAK,MAChC,OAAO,sBAA8B,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,YAAY;AACnF;AAoCO,MAAM,aAAa;AAAA,EAAK,MAC7B,OAAO,sBAA+B,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,SAAS;AACjF;AA2CO,MAAM,aAAa;AAAA,EAAK,MAC7B,OAAO,sBAA+B,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,SAAS;AACjF;AAEO,MAAM,kBAAkB;AAAA,EAAK,MAClC,OAAO,sBAA+B,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,cAAc;AACtF;AAEO,MAAM,oBAAoB;AAAA,EAAK,MACpC,OAAO,sBAA+B,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,gBAAgB;AACxF;AAEO,MAAM,wBAAwB;AAAA,EAAK,MACxC,OAAO,sBAA+B,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,oBAAoB;AAC5F;AAEO,MAAM,oBAAoB;AAAA,EAAK,MACpC,OAAO,sBAA+B,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,gBAAgB;AACxF;"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@atipicus/mrs-ui",
3
- "version": "1.0.2",
4
- "description": "Material-UI v6.5 based design system with 54 production-ready React components, TypeScript support, and comprehensive testing",
3
+ "version": "1.1.0",
4
+ "description": "A cromprehensive design system Based on Material UI, with 53 production ready React components and TypeScript support...",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.mjs",
7
7
  "types": "./dist/index.d.ts",
@@ -97,51 +97,55 @@
97
97
  "react-dom": "^18.3.1"
98
98
  },
99
99
  "devDependencies": {
100
- "@chromatic-com/storybook": "^1.5.0",
100
+ "@chromatic-com/storybook": "^4.1.3",
101
101
  "@emotion/react": "^11.14.0",
102
102
  "@emotion/styled": "^11.14.1",
103
- "@figma/code-connect": "^1.3.12",
104
103
  "@mui/icons-material": "^6.5.0",
105
104
  "@mui/material": "^6.5.0",
106
- "@storybook/addon-a11y": "^8.1.10",
107
- "@storybook/addon-docs": "^8.1.10",
108
- "@storybook/addon-themes": "^8.1.10",
109
- "@storybook/addon-vitest": "^1.0.4",
110
- "@storybook/react-vite": "^8.1.10",
105
+ "@storybook/addon-a11y": "^10.1.10",
106
+ "@storybook/addon-docs": "^10.1.10",
107
+ "@storybook/addon-themes": "^10.1.10",
108
+ "@storybook/addon-vitest": "^10.1.10",
109
+ "@storybook/react-vite": "^10.1.10",
111
110
  "@testing-library/dom": "^10.4.1",
112
111
  "@testing-library/jest-dom": "^6.0.0",
113
- "@testing-library/react": "^14.3.1",
112
+ "@testing-library/react": "^16.3.1",
114
113
  "@testing-library/user-event": "^14.0.0",
115
- "@types/jest": "^29.5.0",
116
- "@types/react": "^18.3.3",
114
+ "@types/jest": "^30.0.0",
115
+ "@types/react": "^18.3.0",
117
116
  "@types/react-dom": "^18.3.0",
118
- "@typescript-eslint/eslint-plugin": "^7.13.0",
119
- "@typescript-eslint/parser": "^7.13.0",
117
+ "@typescript-eslint/eslint-plugin": "^8.50.0",
118
+ "@typescript-eslint/parser": "^8.50.0",
120
119
  "@vitejs/plugin-react": "^4.2.0",
121
- "@vitest/browser-playwright": "^1.6.0",
122
- "@vitest/coverage-v8": "^1.6.0",
120
+ "@vitest/browser-playwright": "^4.0.16",
121
+ "@vitest/coverage-v8": "^4.0.16",
123
122
  "chromatic": "^13.3.4",
124
- "eslint": "^8.57.0",
125
- "eslint-plugin-react": "^7.34.2",
126
- "eslint-plugin-react-hooks": "^4.6.2",
123
+ "eslint": "^9.39.2",
124
+ "eslint-plugin-react": "^7.37.5",
125
+ "eslint-plugin-react-hooks": "^7.0.1",
127
126
  "gh-pages": "^6.3.0",
128
- "jest": "^29.7.0",
129
- "jest-environment-jsdom": "^29.7.0",
127
+ "jest": "^30.2.0",
128
+ "jest-environment-jsdom": "^30.2.0",
130
129
  "nodemon": "^3.1.0",
131
130
  "playwright": "^1.57.0",
132
131
  "prettier": "^3.7.4",
133
132
  "rimraf": "^6.0.1",
134
- "storybook": "^8.1.10",
135
- "style-dictionary": "^3.9.2",
136
- "ts-jest": "^29.1.0",
137
- "typescript": "^5.4.5",
138
- "vite": "^5.2.13",
139
- "vite-plugin-dts": "^3.9.1",
140
- "vitest": "^1.6.0"
133
+ "storybook": "^10.1.10",
134
+ "style-dictionary": "^4.4.0",
135
+ "@swc/core": "^1.13.5",
136
+ "@swc/jest": "^0.2.38",
137
+ "typescript": "^5.3.0",
138
+ "vite": "^7.3.0",
139
+ "vite-plugin-dts": "^4.5.4",
140
+ "vitest": "^4.0.16"
141
+ },
142
+ "overrides": {
143
+ "undici": "^6.23.0",
144
+ "lodash": "^4.17.21",
145
+ "test-exclude": "^7.0.1"
141
146
  },
142
147
  "dependencies": {
143
- "@mui/lab": "^6.0.1-beta.36",
144
- "@mui/x-date-pickers": "^7.8.0",
148
+ "@mui/x-date-pickers": "^8.23.0",
145
149
  "dayjs": "^1.11.19"
146
150
  }
147
151
  }
@@ -1,59 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import React from "react";
3
- import MuiTimeline from "@mui/lab/Timeline";
4
- import MuiTimelineItem from "@mui/lab/TimelineItem";
5
- import MuiTimelineSeparator from "@mui/lab/TimelineSeparator";
6
- import MuiTimelineDot from "@mui/lab/TimelineDot";
7
- import MuiTimelineConnector from "@mui/lab/TimelineConnector";
8
- import MuiTimelineContent from "@mui/lab/TimelineContent";
9
- import MuiTimelineOppositeContent from "@mui/lab/TimelineOppositeContent";
10
- const TimelineBase = React.forwardRef(
11
- ({ position = "left", ...props }, ref) => {
12
- return /* @__PURE__ */ jsx(MuiTimeline, { ref, position, ...props });
13
- }
14
- );
15
- const Timeline = React.memo(TimelineBase);
16
- Timeline.displayName = "Timeline";
17
- const TimelineItemBase = React.forwardRef((props, ref) => {
18
- return /* @__PURE__ */ jsx(MuiTimelineItem, { ref, ...props });
19
- });
20
- const TimelineItem = React.memo(TimelineItemBase);
21
- TimelineItem.displayName = "TimelineItem";
22
- const TimelineSeparator = React.forwardRef(
23
- (props, ref) => {
24
- return /* @__PURE__ */ jsx(MuiTimelineSeparator, { ref, ...props });
25
- }
26
- );
27
- TimelineSeparator.displayName = "TimelineSeparator";
28
- const TimelineDot = React.forwardRef(
29
- ({ variant = "filled", color = "primary", ...props }, ref) => {
30
- return /* @__PURE__ */ jsx(MuiTimelineDot, { ref, variant, color, ...props });
31
- }
32
- );
33
- TimelineDot.displayName = "TimelineDot";
34
- const TimelineConnector = React.forwardRef(
35
- (props, ref) => {
36
- return /* @__PURE__ */ jsx(MuiTimelineConnector, { ref, ...props });
37
- }
38
- );
39
- TimelineConnector.displayName = "TimelineConnector";
40
- const TimelineContent = React.forwardRef(
41
- (props, ref) => {
42
- return /* @__PURE__ */ jsx(MuiTimelineContent, { ref, ...props });
43
- }
44
- );
45
- TimelineContent.displayName = "TimelineContent";
46
- const TimelineOppositeContent = React.forwardRef((props, ref) => {
47
- return /* @__PURE__ */ jsx(MuiTimelineOppositeContent, { ref, ...props });
48
- });
49
- TimelineOppositeContent.displayName = "TimelineOppositeContent";
50
- export {
51
- Timeline as T,
52
- TimelineItem as a,
53
- TimelineSeparator as b,
54
- TimelineDot as c,
55
- TimelineConnector as d,
56
- TimelineContent as e,
57
- TimelineOppositeContent as f
58
- };
59
- //# sourceMappingURL=Timeline-BPdic0I4.mjs.map
@@ -1 +0,0 @@
1
- {"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;"}
@@ -1,58 +0,0 @@
1
- "use strict";
2
- const jsxRuntime = require("react/jsx-runtime");
3
- const React = require("react");
4
- const MuiTimeline = require("@mui/lab/Timeline");
5
- const MuiTimelineItem = require("@mui/lab/TimelineItem");
6
- const MuiTimelineSeparator = require("@mui/lab/TimelineSeparator");
7
- const MuiTimelineDot = require("@mui/lab/TimelineDot");
8
- const MuiTimelineConnector = require("@mui/lab/TimelineConnector");
9
- const MuiTimelineContent = require("@mui/lab/TimelineContent");
10
- const MuiTimelineOppositeContent = require("@mui/lab/TimelineOppositeContent");
11
- const TimelineBase = React.forwardRef(
12
- ({ position = "left", ...props }, ref) => {
13
- return /* @__PURE__ */ jsxRuntime.jsx(MuiTimeline, { ref, position, ...props });
14
- }
15
- );
16
- const Timeline = React.memo(TimelineBase);
17
- Timeline.displayName = "Timeline";
18
- const TimelineItemBase = React.forwardRef((props, ref) => {
19
- return /* @__PURE__ */ jsxRuntime.jsx(MuiTimelineItem, { ref, ...props });
20
- });
21
- const TimelineItem = React.memo(TimelineItemBase);
22
- TimelineItem.displayName = "TimelineItem";
23
- const TimelineSeparator = React.forwardRef(
24
- (props, ref) => {
25
- return /* @__PURE__ */ jsxRuntime.jsx(MuiTimelineSeparator, { ref, ...props });
26
- }
27
- );
28
- TimelineSeparator.displayName = "TimelineSeparator";
29
- const TimelineDot = React.forwardRef(
30
- ({ variant = "filled", color = "primary", ...props }, ref) => {
31
- return /* @__PURE__ */ jsxRuntime.jsx(MuiTimelineDot, { ref, variant, color, ...props });
32
- }
33
- );
34
- TimelineDot.displayName = "TimelineDot";
35
- const TimelineConnector = React.forwardRef(
36
- (props, ref) => {
37
- return /* @__PURE__ */ jsxRuntime.jsx(MuiTimelineConnector, { ref, ...props });
38
- }
39
- );
40
- TimelineConnector.displayName = "TimelineConnector";
41
- const TimelineContent = React.forwardRef(
42
- (props, ref) => {
43
- return /* @__PURE__ */ jsxRuntime.jsx(MuiTimelineContent, { ref, ...props });
44
- }
45
- );
46
- TimelineContent.displayName = "TimelineContent";
47
- const TimelineOppositeContent = React.forwardRef((props, ref) => {
48
- return /* @__PURE__ */ jsxRuntime.jsx(MuiTimelineOppositeContent, { ref, ...props });
49
- });
50
- TimelineOppositeContent.displayName = "TimelineOppositeContent";
51
- exports.Timeline = Timeline;
52
- exports.TimelineConnector = TimelineConnector;
53
- exports.TimelineContent = TimelineContent;
54
- exports.TimelineDot = TimelineDot;
55
- exports.TimelineItem = TimelineItem;
56
- exports.TimelineOppositeContent = TimelineOppositeContent;
57
- exports.TimelineSeparator = TimelineSeparator;
58
- //# sourceMappingURL=Timeline-BzDR_6ve.js.map
@@ -1 +0,0 @@
1
- {"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;;;;;;;;"}
@@ -1,50 +0,0 @@
1
- import { default as React } from 'react';
2
- import { TimelineProps, TimelineItemProps, TimelineSeparatorProps, TimelineDotProps, TimelineConnectorProps, TimelineContentProps, TimelineOppositeContentProps } from './Timeline.types';
3
- export declare const Timeline: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<TimelineProps, "ref"> & React.RefAttributes<HTMLUListElement>>>;
4
- export declare const TimelineItem: React.MemoExoticComponent<React.ForwardRefExoticComponent<Omit<TimelineItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>>;
5
- /**
6
- * TimelineSeparator component
7
- *
8
- * Separator between timeline content, containing the dot and connector.
9
- *
10
- * @param props - TimelineSeparator component props
11
- * @returns TimelineSeparator component
12
- */
13
- export declare const TimelineSeparator: React.ForwardRefExoticComponent<Omit<TimelineSeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
14
- /**
15
- * TimelineDot component
16
- *
17
- * The dot indicating an event in the timeline.
18
- *
19
- * @param props - TimelineDot component props
20
- * @returns TimelineDot component
21
- */
22
- export declare const TimelineDot: React.ForwardRefExoticComponent<Omit<TimelineDotProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
23
- /**
24
- * TimelineConnector component
25
- *
26
- * The line connecting timeline dots.
27
- *
28
- * @param props - TimelineConnector component props
29
- * @returns TimelineConnector component
30
- */
31
- export declare const TimelineConnector: React.ForwardRefExoticComponent<Omit<TimelineConnectorProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
32
- /**
33
- * TimelineContent component
34
- *
35
- * The main content area of a timeline item.
36
- *
37
- * @param props - TimelineContent component props
38
- * @returns TimelineContent component
39
- */
40
- export declare const TimelineContent: React.ForwardRefExoticComponent<Omit<TimelineContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
41
- /**
42
- * TimelineOppositeContent component
43
- *
44
- * Optional content displayed opposite to the main timeline content.
45
- *
46
- * @param props - TimelineOppositeContent component props
47
- * @returns TimelineOppositeContent component
48
- */
49
- export declare const TimelineOppositeContent: React.ForwardRefExoticComponent<Omit<TimelineOppositeContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
50
- //# sourceMappingURL=Timeline.d.ts.map
@@ -1 +0,0 @@
1
- {"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"}