@atipicus/mrs-ui 1.0.2 → 2.0.1
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/LICENSE +63 -3
- package/README.md +15 -3
- package/dist/Table-BWJUQgDY.js.map +1 -1
- package/dist/Table-BrEk_oGh.mjs.map +1 -1
- package/dist/components/atoms/Avatar/Avatar.d.ts.map +1 -1
- package/dist/components/atoms/Avatar/Avatar.types.d.ts +1 -1
- package/dist/components/atoms/Avatar/Avatar.types.d.ts.map +1 -1
- package/dist/components/atoms/Select/Select.d.ts.map +1 -1
- package/dist/components/molecules/Sidenav/Sidenav.d.ts.map +1 -1
- package/dist/components/molecules/index.d.ts +0 -1
- package/dist/components/molecules/index.d.ts.map +1 -1
- package/dist/index-9xINu3Y6.mjs +11 -0
- package/dist/index-9xINu3Y6.mjs.map +1 -0
- package/dist/{index-C4a5SkEO.js → index-B3fSNHE_.js} +1 -2
- package/dist/index-B3fSNHE_.js.map +1 -0
- package/dist/{index-DgpKiomn.js → index-B6HAPXbT.js} +1 -2
- package/dist/index-B6HAPXbT.js.map +1 -0
- package/dist/{index-DQLiGYRv.js → index-CrukcVHf.js} +1 -2
- package/dist/index-CrukcVHf.js.map +1 -0
- package/dist/index-CzgRXVhq.mjs +5 -0
- package/dist/index-CzgRXVhq.mjs.map +1 -0
- package/dist/{index-Bp_39Kmf.js → index-D19iZMBT.js} +1 -2
- package/dist/index-D19iZMBT.js.map +1 -0
- package/dist/{index-xewrdUFS.js → index-D2dZ1ELl.js} +1 -2
- package/dist/index-D2dZ1ELl.js.map +1 -0
- package/dist/index-DpuDQuvl.mjs +5 -0
- package/dist/index-DpuDQuvl.mjs.map +1 -0
- package/dist/index-DzuUedva.mjs +5 -0
- package/dist/index-DzuUedva.mjs.map +1 -0
- package/dist/{index-C4N6hqG7.mjs → index-MEnqUL_H.mjs} +8 -5
- package/dist/index-MEnqUL_H.mjs.map +1 -0
- package/dist/{index-DrHcCXwi.js → index-ZqM4dIOj.js} +1 -2
- package/dist/index-ZqM4dIOj.js.map +1 -0
- package/dist/index-mOLOagan.mjs +5 -0
- package/dist/index-mOLOagan.mjs.map +1 -0
- package/dist/index.js +394 -151
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +396 -153
- package/dist/index.mjs.map +1 -1
- package/dist/lazy.d.ts +1 -41
- package/dist/lazy.d.ts.map +1 -1
- package/dist/lazy.js +16 -46
- package/dist/lazy.js.map +1 -1
- package/dist/lazy.mjs +17 -47
- package/dist/lazy.mjs.map +1 -1
- package/dist/theme/styleCompositions.d.ts +281 -0
- package/dist/theme/styleCompositions.d.ts.map +1 -0
- package/dist/theme/theme.d.ts.map +1 -1
- package/dist/theme/tokens-import.d.ts +164 -0
- package/dist/theme/tokens-import.d.ts.map +1 -1
- package/dist/theme/tokens.d.ts +292 -0
- package/dist/theme/tokens.d.ts.map +1 -1
- package/dist/theme/types.d.ts +146 -0
- package/dist/theme/types.d.ts.map +1 -1
- package/dist/theme-editor/ThemeEditorApp.d.ts +14 -0
- package/dist/theme-editor/ThemeEditorApp.d.ts.map +1 -0
- package/dist/theme-editor/components/ColorEditor.d.ts +10 -0
- package/dist/theme-editor/components/ColorEditor.d.ts.map +1 -0
- package/dist/theme-editor/components/ComponentPreview.d.ts +8 -0
- package/dist/theme-editor/components/ComponentPreview.d.ts.map +1 -0
- package/dist/theme-editor/components/SaveDialog.d.ts +13 -0
- package/dist/theme-editor/components/SaveDialog.d.ts.map +1 -0
- package/dist/theme-editor/components/SpacingEditor.d.ts +11 -0
- package/dist/theme-editor/components/SpacingEditor.d.ts.map +1 -0
- package/dist/theme-editor/components/SyncDialog.d.ts +12 -0
- package/dist/theme-editor/components/SyncDialog.d.ts.map +1 -0
- package/dist/theme-editor/components/TypographyEditor.d.ts +10 -0
- package/dist/theme-editor/components/TypographyEditor.d.ts.map +1 -0
- package/dist/theme-editor/components/UndoButton.d.ts +9 -0
- package/dist/theme-editor/components/UndoButton.d.ts.map +1 -0
- package/dist/theme-editor/hooks/useFileSystem.d.ts +18 -0
- package/dist/theme-editor/hooks/useFileSystem.d.ts.map +1 -0
- package/dist/theme-editor/hooks/useGitIntegration.d.ts +41 -0
- package/dist/theme-editor/hooks/useGitIntegration.d.ts.map +1 -0
- package/dist/theme-editor/hooks/useThemeParser.d.ts +65 -0
- package/dist/theme-editor/hooks/useThemeParser.d.ts.map +1 -0
- package/dist/theme-editor/hooks/useThemeSave.d.ts +21 -0
- package/dist/theme-editor/hooks/useThemeSave.d.ts.map +1 -0
- package/dist/theme-editor/hooks/useThemeSync.d.ts +20 -0
- package/dist/theme-editor/hooks/useThemeSync.d.ts.map +1 -0
- package/dist/theme-editor/index.d.ts +18 -0
- package/dist/theme-editor/index.d.ts.map +1 -0
- package/package.json +35 -31
- package/README.npm.md +0 -132
- package/dist/Timeline-BPdic0I4.mjs +0 -59
- package/dist/Timeline-BPdic0I4.mjs.map +0 -1
- package/dist/Timeline-BzDR_6ve.js +0 -58
- package/dist/Timeline-BzDR_6ve.js.map +0 -1
- package/dist/components/molecules/Timeline/Timeline.d.ts +0 -50
- package/dist/components/molecules/Timeline/Timeline.d.ts.map +0 -1
- package/dist/components/molecules/Timeline/Timeline.types.d.ts +0 -75
- package/dist/components/molecules/Timeline/Timeline.types.d.ts.map +0 -1
- package/dist/components/molecules/Timeline/index.d.ts +0 -6
- package/dist/components/molecules/Timeline/index.d.ts.map +0 -1
- package/dist/index--v2dNPpd.js +0 -11
- package/dist/index--v2dNPpd.js.map +0 -1
- package/dist/index-B4_KKxHQ.mjs +0 -6
- package/dist/index-B4_KKxHQ.mjs.map +0 -1
- package/dist/index-Bp_39Kmf.js.map +0 -1
- package/dist/index-C4N6hqG7.mjs.map +0 -1
- package/dist/index-C4a5SkEO.js.map +0 -1
- package/dist/index-CBDmTLHS.mjs +0 -11
- package/dist/index-CBDmTLHS.mjs.map +0 -1
- package/dist/index-CLLVDdFI.mjs +0 -12
- package/dist/index-CLLVDdFI.mjs.map +0 -1
- package/dist/index-CxB9Lb7L.mjs +0 -6
- package/dist/index-CxB9Lb7L.mjs.map +0 -1
- package/dist/index-DGbzI3ul.mjs +0 -6
- package/dist/index-DGbzI3ul.mjs.map +0 -1
- package/dist/index-DQLiGYRv.js.map +0 -1
- package/dist/index-DgpKiomn.js.map +0 -1
- package/dist/index-DrHcCXwi.js.map +0 -1
- package/dist/index-xewrdUFS.js.map +0 -1
- package/dist/index-zqX2ktfd.mjs +0 -6
- package/dist/index-zqX2ktfd.mjs.map +0 -1
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
|
|
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
|
*
|
package/dist/lazy.d.ts.map
CHANGED
|
@@ -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;
|
|
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
|
@@ -2,75 +2,52 @@
|
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
3
|
const React = require("react");
|
|
4
4
|
const LazyDatePicker = React.lazy(
|
|
5
|
-
() => Promise.resolve().then(() => require("./index-
|
|
5
|
+
() => Promise.resolve().then(() => require("./index-B3fSNHE_.js")).then((mod) => ({ default: mod.DatePicker }))
|
|
6
6
|
);
|
|
7
7
|
const LazyTimePicker = React.lazy(
|
|
8
|
-
() => Promise.resolve().then(() => require("./index-
|
|
8
|
+
() => Promise.resolve().then(() => require("./index-B6HAPXbT.js")).then((mod) => ({ default: mod.TimePicker }))
|
|
9
9
|
);
|
|
10
10
|
const LazyDateTimePicker = React.lazy(
|
|
11
|
-
() => Promise.resolve().then(() => require("./index-
|
|
11
|
+
() => Promise.resolve().then(() => require("./index-CrukcVHf.js")).then((mod) => ({ default: mod.DateTimePicker }))
|
|
12
12
|
);
|
|
13
13
|
const LazyTable = React.lazy(
|
|
14
|
-
() => Promise.resolve().then(() => require("./index-
|
|
14
|
+
() => Promise.resolve().then(() => require("./index-D19iZMBT.js")).then((mod) => ({ default: mod.Table }))
|
|
15
15
|
);
|
|
16
16
|
const LazyTableContainer = React.lazy(
|
|
17
|
-
() => Promise.resolve().then(() => require("./index-
|
|
17
|
+
() => Promise.resolve().then(() => require("./index-D19iZMBT.js")).then((mod) => ({ default: mod.TableContainer }))
|
|
18
18
|
);
|
|
19
19
|
const LazyTableHead = React.lazy(
|
|
20
|
-
() => Promise.resolve().then(() => require("./index-
|
|
20
|
+
() => Promise.resolve().then(() => require("./index-D19iZMBT.js")).then((mod) => ({ default: mod.TableHead }))
|
|
21
21
|
);
|
|
22
22
|
const LazyTableBody = React.lazy(
|
|
23
|
-
() => Promise.resolve().then(() => require("./index-
|
|
23
|
+
() => Promise.resolve().then(() => require("./index-D19iZMBT.js")).then((mod) => ({ default: mod.TableBody }))
|
|
24
24
|
);
|
|
25
25
|
const LazyTableFooter = React.lazy(
|
|
26
|
-
() => Promise.resolve().then(() => require("./index-
|
|
26
|
+
() => Promise.resolve().then(() => require("./index-D19iZMBT.js")).then((mod) => ({ default: mod.TableFooter }))
|
|
27
27
|
);
|
|
28
28
|
const LazyTableRow = React.lazy(
|
|
29
|
-
() => Promise.resolve().then(() => require("./index-
|
|
29
|
+
() => Promise.resolve().then(() => require("./index-D19iZMBT.js")).then((mod) => ({ default: mod.TableRow }))
|
|
30
30
|
);
|
|
31
31
|
const LazyTableCell = React.lazy(
|
|
32
|
-
() => Promise.resolve().then(() => require("./index-
|
|
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
|
-
}))
|
|
32
|
+
() => Promise.resolve().then(() => require("./index-D19iZMBT.js")).then((mod) => ({ default: mod.TableCell }))
|
|
56
33
|
);
|
|
57
34
|
const LazyDrawer = React.lazy(
|
|
58
|
-
() => Promise.resolve().then(() => require("./index-
|
|
35
|
+
() => Promise.resolve().then(() => require("./index-ZqM4dIOj.js")).then((mod) => ({ default: mod.Drawer }))
|
|
59
36
|
);
|
|
60
37
|
const LazyDialog = React.lazy(
|
|
61
|
-
() => Promise.resolve().then(() => require("./index-
|
|
38
|
+
() => Promise.resolve().then(() => require("./index-D2dZ1ELl.js")).then((mod) => ({ default: mod.Dialog }))
|
|
62
39
|
);
|
|
63
40
|
const LazyDialogTitle = React.lazy(
|
|
64
|
-
() => Promise.resolve().then(() => require("./index-
|
|
41
|
+
() => Promise.resolve().then(() => require("./index-D2dZ1ELl.js")).then((mod) => ({ default: mod.DialogTitle }))
|
|
65
42
|
);
|
|
66
43
|
const LazyDialogContent = React.lazy(
|
|
67
|
-
() => Promise.resolve().then(() => require("./index-
|
|
44
|
+
() => Promise.resolve().then(() => require("./index-D2dZ1ELl.js")).then((mod) => ({ default: mod.DialogContent }))
|
|
68
45
|
);
|
|
69
46
|
const LazyDialogContentText = React.lazy(
|
|
70
|
-
() => Promise.resolve().then(() => require("./index-
|
|
47
|
+
() => Promise.resolve().then(() => require("./index-D2dZ1ELl.js")).then((mod) => ({ default: mod.DialogContentText }))
|
|
71
48
|
);
|
|
72
49
|
const LazyDialogActions = React.lazy(
|
|
73
|
-
() => Promise.resolve().then(() => require("./index-
|
|
50
|
+
() => Promise.resolve().then(() => require("./index-D2dZ1ELl.js")).then((mod) => ({ default: mod.DialogActions }))
|
|
74
51
|
);
|
|
75
52
|
Object.defineProperty(exports, "LazySuspense", {
|
|
76
53
|
enumerable: true,
|
|
@@ -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":"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"}
|
|
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
|
@@ -1,75 +1,52 @@
|
|
|
1
1
|
import { lazy } from "react";
|
|
2
2
|
import { Suspense } from "react";
|
|
3
3
|
const LazyDatePicker = lazy(
|
|
4
|
-
() => import("./index-
|
|
4
|
+
() => import("./index-DzuUedva.mjs").then((mod) => ({ default: mod.DatePicker }))
|
|
5
5
|
);
|
|
6
6
|
const LazyTimePicker = lazy(
|
|
7
|
-
() => import("./index-
|
|
7
|
+
() => import("./index-DpuDQuvl.mjs").then((mod) => ({ default: mod.TimePicker }))
|
|
8
8
|
);
|
|
9
9
|
const LazyDateTimePicker = lazy(
|
|
10
|
-
() => import("./index-
|
|
10
|
+
() => import("./index-mOLOagan.mjs").then((mod) => ({ default: mod.DateTimePicker }))
|
|
11
11
|
);
|
|
12
12
|
const LazyTable = lazy(
|
|
13
|
-
() => import("./index-
|
|
13
|
+
() => import("./index-9xINu3Y6.mjs").then((mod) => ({ default: mod.Table }))
|
|
14
14
|
);
|
|
15
15
|
const LazyTableContainer = lazy(
|
|
16
|
-
() => import("./index-
|
|
16
|
+
() => import("./index-9xINu3Y6.mjs").then((mod) => ({ default: mod.TableContainer }))
|
|
17
17
|
);
|
|
18
18
|
const LazyTableHead = lazy(
|
|
19
|
-
() => import("./index-
|
|
19
|
+
() => import("./index-9xINu3Y6.mjs").then((mod) => ({ default: mod.TableHead }))
|
|
20
20
|
);
|
|
21
21
|
const LazyTableBody = lazy(
|
|
22
|
-
() => import("./index-
|
|
22
|
+
() => import("./index-9xINu3Y6.mjs").then((mod) => ({ default: mod.TableBody }))
|
|
23
23
|
);
|
|
24
24
|
const LazyTableFooter = lazy(
|
|
25
|
-
() => import("./index-
|
|
25
|
+
() => import("./index-9xINu3Y6.mjs").then((mod) => ({ default: mod.TableFooter }))
|
|
26
26
|
);
|
|
27
27
|
const LazyTableRow = lazy(
|
|
28
|
-
() => import("./index-
|
|
28
|
+
() => import("./index-9xINu3Y6.mjs").then((mod) => ({ default: mod.TableRow }))
|
|
29
29
|
);
|
|
30
30
|
const LazyTableCell = lazy(
|
|
31
|
-
() => import("./index-
|
|
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
|
-
}))
|
|
31
|
+
() => import("./index-9xINu3Y6.mjs").then((mod) => ({ default: mod.TableCell }))
|
|
55
32
|
);
|
|
56
33
|
const LazyDrawer = lazy(
|
|
57
|
-
() => import("./index-
|
|
34
|
+
() => import("./index-CzgRXVhq.mjs").then((mod) => ({ default: mod.Drawer }))
|
|
58
35
|
);
|
|
59
36
|
const LazyDialog = lazy(
|
|
60
|
-
() => import("./index-
|
|
37
|
+
() => import("./index-MEnqUL_H.mjs").then((mod) => ({ default: mod.Dialog }))
|
|
61
38
|
);
|
|
62
39
|
const LazyDialogTitle = lazy(
|
|
63
|
-
() => import("./index-
|
|
40
|
+
() => import("./index-MEnqUL_H.mjs").then((mod) => ({ default: mod.DialogTitle }))
|
|
64
41
|
);
|
|
65
42
|
const LazyDialogContent = lazy(
|
|
66
|
-
() => import("./index-
|
|
43
|
+
() => import("./index-MEnqUL_H.mjs").then((mod) => ({ default: mod.DialogContent }))
|
|
67
44
|
);
|
|
68
45
|
const LazyDialogContentText = lazy(
|
|
69
|
-
() => import("./index-
|
|
46
|
+
() => import("./index-MEnqUL_H.mjs").then((mod) => ({ default: mod.DialogContentText }))
|
|
70
47
|
);
|
|
71
48
|
const LazyDialogActions = lazy(
|
|
72
|
-
() => import("./index-
|
|
49
|
+
() => import("./index-MEnqUL_H.mjs").then((mod) => ({ default: mod.DialogActions }))
|
|
73
50
|
);
|
|
74
51
|
export {
|
|
75
52
|
LazyDatePicker,
|
|
@@ -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":";;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;AAmCO,MAAM,eAAe;AAAA,EAAK,MAC/B,OAAO,sBAAiC,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,WAAW;AACrF;AAEO,MAAM,mBAAmB;AAAA,EAAK,MACnC,OAAO,sBAAiC,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,eAAe;AACzF;AAEO,MAAM,wBAAwB;AAAA,EAAK,MACxC,OAAO,sBAAiC,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,oBAAoB;AAC9F;AAEO,MAAM,kBAAkB;AAAA,EAAK,MAClC,OAAO,sBAAiC,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,cAAc;AACxF;AAEO,MAAM,wBAAwB;AAAA,EAAK,MACxC,OAAO,sBAAiC,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,oBAAoB;AAC9F;AAEO,MAAM,sBAAsB;AAAA,EAAK,MACtC,OAAO,sBAAiC,EAAE,KAAK,CAAC,SAAS,EAAE,SAAS,IAAI,kBAAkB;AAC5F;AAEO,MAAM,8BAA8B;AAAA,EAAK,MAC9C,OAAO,sBAAiC,EAAE,KAAK,CAAC,SAAS;AAAA,IACvD,SAAS,IAAI;AAAA,EAAA,EACb;AACJ;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;"}
|
|
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;"}
|