@ieu-ui/core 0.2.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.
Files changed (69) hide show
  1. package/dist/config/types.d.ts +8 -0
  2. package/dist/config/types.d.ts.map +1 -0
  3. package/dist/config/types.js +3 -0
  4. package/dist/config/types.js.map +1 -0
  5. package/dist/context/IeuProvider.d.ts +11 -0
  6. package/dist/context/IeuProvider.d.ts.map +1 -0
  7. package/dist/context/IeuProvider.js +77 -0
  8. package/dist/context/IeuProvider.js.map +1 -0
  9. package/dist/context/ThemeContext.d.ts +12 -0
  10. package/dist/context/ThemeContext.d.ts.map +1 -0
  11. package/dist/context/ThemeContext.js +17 -0
  12. package/dist/context/ThemeContext.js.map +1 -0
  13. package/dist/hooks/index.d.ts +4 -0
  14. package/dist/hooks/index.d.ts.map +1 -0
  15. package/dist/hooks/index.js +16 -0
  16. package/dist/hooks/index.js.map +1 -0
  17. package/dist/hooks/useColorMode.d.ts +10 -0
  18. package/dist/hooks/useColorMode.d.ts.map +1 -0
  19. package/dist/hooks/useColorMode.js +38 -0
  20. package/dist/hooks/useColorMode.js.map +1 -0
  21. package/dist/hooks/useResponsive.d.ts +23 -0
  22. package/dist/hooks/useResponsive.d.ts.map +1 -0
  23. package/dist/hooks/useResponsive.js +71 -0
  24. package/dist/hooks/useResponsive.js.map +1 -0
  25. package/dist/hooks/useTheme.d.ts +49 -0
  26. package/dist/hooks/useTheme.d.ts.map +1 -0
  27. package/dist/hooks/useTheme.js +42 -0
  28. package/dist/hooks/useTheme.js.map +1 -0
  29. package/dist/index.d.ts +8 -0
  30. package/dist/index.d.ts.map +1 -0
  31. package/dist/index.js +25 -0
  32. package/dist/index.js.map +1 -0
  33. package/dist/theme/animations.d.ts +69 -0
  34. package/dist/theme/animations.d.ts.map +1 -0
  35. package/dist/theme/animations.js +63 -0
  36. package/dist/theme/animations.js.map +1 -0
  37. package/dist/theme/borderRadius.d.ts +13 -0
  38. package/dist/theme/borderRadius.d.ts.map +1 -0
  39. package/dist/theme/borderRadius.js +15 -0
  40. package/dist/theme/borderRadius.js.map +1 -0
  41. package/dist/theme/breakpoints.d.ts +23 -0
  42. package/dist/theme/breakpoints.d.ts.map +1 -0
  43. package/dist/theme/breakpoints.js +24 -0
  44. package/dist/theme/breakpoints.js.map +1 -0
  45. package/dist/theme/colors.d.ts +41 -0
  46. package/dist/theme/colors.d.ts.map +1 -0
  47. package/dist/theme/colors.js +206 -0
  48. package/dist/theme/colors.js.map +1 -0
  49. package/dist/theme/index.d.ts +32 -0
  50. package/dist/theme/index.d.ts.map +1 -0
  51. package/dist/theme/index.js +60 -0
  52. package/dist/theme/index.js.map +1 -0
  53. package/dist/theme/shadows.d.ts +13 -0
  54. package/dist/theme/shadows.d.ts.map +1 -0
  55. package/dist/theme/shadows.js +55 -0
  56. package/dist/theme/shadows.js.map +1 -0
  57. package/dist/theme/spacing.d.ts +49 -0
  58. package/dist/theme/spacing.d.ts.map +1 -0
  59. package/dist/theme/spacing.js +50 -0
  60. package/dist/theme/spacing.js.map +1 -0
  61. package/dist/theme/typography.d.ts +57 -0
  62. package/dist/theme/typography.d.ts.map +1 -0
  63. package/dist/theme/typography.js +151 -0
  64. package/dist/theme/typography.js.map +1 -0
  65. package/dist/utils/platform.d.ts +20 -0
  66. package/dist/utils/platform.d.ts.map +1 -0
  67. package/dist/utils/platform.js +31 -0
  68. package/dist/utils/platform.js.map +1 -0
  69. package/package.json +44 -0
@@ -0,0 +1,8 @@
1
+ import { Theme } from '../theme';
2
+ export type ColorMode = 'light' | 'dark' | 'system';
3
+ export interface IeuConfig {
4
+ theme: Theme;
5
+ colorMode: ColorMode;
6
+ resetColorMode?: boolean;
7
+ }
8
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/config/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEpD,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,KAAK,CAAC;IACb,SAAS,EAAE,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B"}
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/config/types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,11 @@
1
+ import React, { ReactNode } from 'react';
2
+ import { Theme } from '../theme';
3
+ import { ColorMode } from '../config/types';
4
+ export interface IeuProviderProps {
5
+ children: ReactNode;
6
+ theme?: Theme;
7
+ colorMode?: ColorMode;
8
+ onColorModeChange?: (mode: ColorMode) => void;
9
+ }
10
+ export declare const IeuProvider: React.FC<IeuProviderProps>;
11
+ //# sourceMappingURL=IeuProvider.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"IeuProvider.d.ts","sourceRoot":"","sources":["../../src/context/IeuProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgC,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvE,OAAO,EAAyB,KAAK,EAAE,MAAM,UAAU,CAAC;AACxD,OAAO,EAAa,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;CAC/C;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAoDlD,CAAC"}
@@ -0,0 +1,77 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || (function () {
19
+ var ownKeys = function(o) {
20
+ ownKeys = Object.getOwnPropertyNames || function (o) {
21
+ var ar = [];
22
+ for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
23
+ return ar;
24
+ };
25
+ return ownKeys(o);
26
+ };
27
+ return function (mod) {
28
+ if (mod && mod.__esModule) return mod;
29
+ var result = {};
30
+ if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
31
+ __setModuleDefault(result, mod);
32
+ return result;
33
+ };
34
+ })();
35
+ Object.defineProperty(exports, "__esModule", { value: true });
36
+ exports.IeuProvider = void 0;
37
+ const react_1 = __importStar(require("react"));
38
+ const react_native_1 = require("react-native");
39
+ const ThemeContext_1 = require("./ThemeContext");
40
+ const theme_1 = require("../theme");
41
+ const IeuProvider = ({ children, theme, colorMode = 'system', }) => {
42
+ const systemColorScheme = (0, react_native_1.useColorScheme)();
43
+ const [currentColorMode, setCurrentColorMode] = (0, react_1.useState)(colorMode);
44
+ const isDark = (0, react_1.useMemo)(() => {
45
+ if (currentColorMode === 'system') {
46
+ return systemColorScheme === 'dark';
47
+ }
48
+ return currentColorMode === 'dark';
49
+ }, [currentColorMode, systemColorScheme]);
50
+ const resolvedTheme = (0, react_1.useMemo)(() => {
51
+ if (theme)
52
+ return theme;
53
+ return isDark ? theme_1.darkTheme : theme_1.lightTheme;
54
+ }, [theme, isDark]);
55
+ const setColorMode = (mode) => {
56
+ setCurrentColorMode(mode);
57
+ };
58
+ const toggleColorMode = () => {
59
+ setCurrentColorMode((prev) => (prev === 'light' ? 'dark' : 'light'));
60
+ };
61
+ const config = (0, react_1.useMemo)(() => ({
62
+ theme: resolvedTheme,
63
+ colorMode: currentColorMode,
64
+ }), [resolvedTheme, currentColorMode]);
65
+ const contextValue = (0, react_1.useMemo)(() => ({
66
+ theme: resolvedTheme,
67
+ colorMode: currentColorMode,
68
+ setColorMode,
69
+ toggleColorMode,
70
+ isDark,
71
+ }), [resolvedTheme, currentColorMode, isDark]);
72
+ return (<ThemeContext_1.IeuConfigContext.Provider value={config}>
73
+ <ThemeContext_1.ThemeContext.Provider value={contextValue}>{children}</ThemeContext_1.ThemeContext.Provider>
74
+ </ThemeContext_1.IeuConfigContext.Provider>);
75
+ };
76
+ exports.IeuProvider = IeuProvider;
77
+ //# sourceMappingURL=IeuProvider.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"IeuProvider.js","sourceRoot":"","sources":["../../src/context/IeuProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuE;AACvE,+CAA8C;AAC9C,iDAAgE;AAChE,oCAAwD;AAUjD,MAAM,WAAW,GAA+B,CAAC,EACtD,QAAQ,EACR,KAAK,EACL,SAAS,GAAG,QAAQ,GACrB,EAAE,EAAE;IACH,MAAM,iBAAiB,GAAG,IAAA,6BAAc,GAAE,CAAC;IAC3C,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,IAAA,gBAAQ,EAAY,SAAS,CAAC,CAAC;IAE/E,MAAM,MAAM,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC1B,IAAI,gBAAgB,KAAK,QAAQ,EAAE,CAAC;YAClC,OAAO,iBAAiB,KAAK,MAAM,CAAC;QACtC,CAAC;QACD,OAAO,gBAAgB,KAAK,MAAM,CAAC;IACrC,CAAC,EAAE,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAE1C,MAAM,aAAa,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACjC,IAAI,KAAK;YAAE,OAAO,KAAK,CAAC;QACxB,OAAO,MAAM,CAAC,CAAC,CAAC,iBAAS,CAAC,CAAC,CAAC,kBAAU,CAAC;IACzC,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;IAEpB,MAAM,YAAY,GAAG,CAAC,IAAe,EAAE,EAAE;QACvC,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,mBAAmB,CAAC,CAAC,IAAe,EAAE,EAAE,CAAC,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC;IAClF,CAAC,CAAC;IAEF,MAAM,MAAM,GAAc,IAAA,eAAO,EAC/B,GAAG,EAAE,CAAC,CAAC;QACL,KAAK,EAAE,aAAa;QACpB,SAAS,EAAE,gBAAgB;KAC5B,CAAC,EACF,CAAC,aAAa,EAAE,gBAAgB,CAAC,CAClC,CAAC;IAEF,MAAM,YAAY,GAAG,IAAA,eAAO,EAC1B,GAAG,EAAE,CAAC,CAAC;QACL,KAAK,EAAE,aAAa;QACpB,SAAS,EAAE,gBAAgB;QAC3B,YAAY;QACZ,eAAe;QACf,MAAM;KACP,CAAC,EACF,CAAC,aAAa,EAAE,gBAAgB,EAAE,MAAM,CAAC,CAC1C,CAAC;IAEF,OAAO,CACL,CAAC,+BAAgB,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CACvC;MAAA,CAAC,2BAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,2BAAY,CAAC,QAAQ,CAC/E;IAAA,EAAE,+BAAgB,CAAC,QAAQ,CAAC,CAC7B,CAAC;AACJ,CAAC,CAAC;AApDW,QAAA,WAAW,eAoDtB"}
@@ -0,0 +1,12 @@
1
+ import { Theme } from '../theme';
2
+ import { IeuConfig, ColorMode } from '../config/types';
3
+ export interface ThemeContextValue {
4
+ theme: Theme;
5
+ colorMode: ColorMode;
6
+ setColorMode: (mode: ColorMode) => void;
7
+ toggleColorMode: () => void;
8
+ isDark: boolean;
9
+ }
10
+ export declare const ThemeContext: import("react").Context<ThemeContextValue>;
11
+ export declare const IeuConfigContext: import("react").Context<IeuConfig>;
12
+ //# sourceMappingURL=ThemeContext.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../src/context/ThemeContext.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAyB,MAAM,UAAU,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,KAAK,CAAC;IACb,SAAS,EAAE,SAAS,CAAC;IACrB,YAAY,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACxC,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,MAAM,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,YAAY,4CAMvB,CAAC;AAEH,eAAO,MAAM,gBAAgB,oCAG3B,CAAC"}
@@ -0,0 +1,17 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.IeuConfigContext = exports.ThemeContext = void 0;
4
+ const react_1 = require("react");
5
+ const theme_1 = require("../theme");
6
+ exports.ThemeContext = (0, react_1.createContext)({
7
+ theme: theme_1.lightTheme,
8
+ colorMode: 'light',
9
+ setColorMode: () => { },
10
+ toggleColorMode: () => { },
11
+ isDark: false,
12
+ });
13
+ exports.IeuConfigContext = (0, react_1.createContext)({
14
+ theme: theme_1.lightTheme,
15
+ colorMode: 'system',
16
+ });
17
+ //# sourceMappingURL=ThemeContext.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ThemeContext.js","sourceRoot":"","sources":["../../src/context/ThemeContext.tsx"],"names":[],"mappings":";;;AAAA,iCAAsC;AACtC,oCAAwD;AAW3C,QAAA,YAAY,GAAG,IAAA,qBAAa,EAAoB;IAC3D,KAAK,EAAE,kBAAU;IACjB,SAAS,EAAE,OAAO;IAClB,YAAY,EAAE,GAAG,EAAE,GAAE,CAAC;IACtB,eAAe,EAAE,GAAG,EAAE,GAAE,CAAC;IACzB,MAAM,EAAE,KAAK;CACd,CAAC,CAAC;AAEU,QAAA,gBAAgB,GAAG,IAAA,qBAAa,EAAY;IACvD,KAAK,EAAE,kBAAU;IACjB,SAAS,EAAE,QAAQ;CACpB,CAAC,CAAC"}
@@ -0,0 +1,4 @@
1
+ export { useTheme, useColors, useTypography, useSpacing, useShadows, useComponentSize, } from './useTheme';
2
+ export { useColorMode } from './useColorMode';
3
+ export { useResponsive, useBreakpoint } from './useResponsive';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,QAAQ,EACR,SAAS,EACT,aAAa,EACb,UAAU,EACV,UAAU,EACV,gBAAgB,GACjB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}
@@ -0,0 +1,16 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.useBreakpoint = exports.useResponsive = exports.useColorMode = exports.useComponentSize = exports.useShadows = exports.useSpacing = exports.useTypography = exports.useColors = exports.useTheme = void 0;
4
+ var useTheme_1 = require("./useTheme");
5
+ Object.defineProperty(exports, "useTheme", { enumerable: true, get: function () { return useTheme_1.useTheme; } });
6
+ Object.defineProperty(exports, "useColors", { enumerable: true, get: function () { return useTheme_1.useColors; } });
7
+ Object.defineProperty(exports, "useTypography", { enumerable: true, get: function () { return useTheme_1.useTypography; } });
8
+ Object.defineProperty(exports, "useSpacing", { enumerable: true, get: function () { return useTheme_1.useSpacing; } });
9
+ Object.defineProperty(exports, "useShadows", { enumerable: true, get: function () { return useTheme_1.useShadows; } });
10
+ Object.defineProperty(exports, "useComponentSize", { enumerable: true, get: function () { return useTheme_1.useComponentSize; } });
11
+ var useColorMode_1 = require("./useColorMode");
12
+ Object.defineProperty(exports, "useColorMode", { enumerable: true, get: function () { return useColorMode_1.useColorMode; } });
13
+ var useResponsive_1 = require("./useResponsive");
14
+ Object.defineProperty(exports, "useResponsive", { enumerable: true, get: function () { return useResponsive_1.useResponsive; } });
15
+ Object.defineProperty(exports, "useBreakpoint", { enumerable: true, get: function () { return useResponsive_1.useBreakpoint; } });
16
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":";;;AAAA,uCAOoB;AANlB,oGAAA,QAAQ,OAAA;AACR,qGAAA,SAAS,OAAA;AACT,yGAAA,aAAa,OAAA;AACb,sGAAA,UAAU,OAAA;AACV,sGAAA,UAAU,OAAA;AACV,4GAAA,gBAAgB,OAAA;AAElB,+CAA8C;AAArC,4GAAA,YAAY,OAAA;AACrB,iDAA+D;AAAtD,8GAAA,aAAa,OAAA;AAAE,8GAAA,aAAa,OAAA"}
@@ -0,0 +1,10 @@
1
+ export type ColorMode = 'light' | 'dark' | 'system';
2
+ export declare const useColorMode: () => {
3
+ colorMode: import("..").ColorMode;
4
+ activeColorMode: import("react-native").ColorSchemeName;
5
+ setColorMode: (newMode: ColorMode) => void;
6
+ toggleColorMode: () => void;
7
+ isDark: boolean;
8
+ };
9
+ export default useColorMode;
10
+ //# sourceMappingURL=useColorMode.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useColorMode.d.ts","sourceRoot":"","sources":["../../src/hooks/useColorMode.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAEpD,eAAO,MAAM,YAAY;;;4BAaQ,SAAS;;;CAoBzC,CAAC;AAEF,eAAe,YAAY,CAAC"}
@@ -0,0 +1,38 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.useColorMode = void 0;
4
+ const react_1 = require("react");
5
+ const react_native_1 = require("react-native");
6
+ const ThemeContext_1 = require("../context/ThemeContext");
7
+ const useColorMode = () => {
8
+ const context = (0, react_1.useContext)(ThemeContext_1.ThemeContext);
9
+ const systemColorScheme = (0, react_native_1.useColorScheme)();
10
+ const [internalMode, setInternalMode] = (0, react_1.useState)('system');
11
+ if (!context) {
12
+ throw new Error('useColorMode must be used within an IeuProvider');
13
+ }
14
+ const { colorMode: currentMode, setColorMode: contextSetMode, isDark } = context;
15
+ const activeColorMode = currentMode === 'system' ? systemColorScheme || 'light' : currentMode;
16
+ const setColorMode = (newMode) => {
17
+ setInternalMode(newMode);
18
+ contextSetMode(newMode);
19
+ };
20
+ const toggleColorMode = () => {
21
+ if (activeColorMode === 'light') {
22
+ setColorMode('dark');
23
+ }
24
+ else {
25
+ setColorMode('light');
26
+ }
27
+ };
28
+ return {
29
+ colorMode: currentMode,
30
+ activeColorMode,
31
+ setColorMode,
32
+ toggleColorMode,
33
+ isDark,
34
+ };
35
+ };
36
+ exports.useColorMode = useColorMode;
37
+ exports.default = exports.useColorMode;
38
+ //# sourceMappingURL=useColorMode.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useColorMode.js","sourceRoot":"","sources":["../../src/hooks/useColorMode.ts"],"names":[],"mappings":";;;AAAA,iCAAwD;AACxD,+CAA8C;AAC9C,0DAAuD;AAIhD,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,2BAAY,CAAC,CAAC;IACzC,MAAM,iBAAiB,GAAG,IAAA,6BAAc,GAAE,CAAC;IAC3C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAY,QAAQ,CAAC,CAAC;IAEtE,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,iDAAiD,CAAC,CAAC;IACrE,CAAC;IAED,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC;IAEjF,MAAM,eAAe,GAAG,WAAW,KAAK,QAAQ,CAAC,CAAC,CAAC,iBAAiB,IAAI,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC;IAE9F,MAAM,YAAY,GAAG,CAAC,OAAkB,EAAE,EAAE;QAC1C,eAAe,CAAC,OAAO,CAAC,CAAC;QACzB,cAAc,CAAC,OAAO,CAAC,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,IAAI,eAAe,KAAK,OAAO,EAAE,CAAC;YAChC,YAAY,CAAC,MAAM,CAAC,CAAC;QACvB,CAAC;aAAM,CAAC;YACN,YAAY,CAAC,OAAO,CAAC,CAAC;QACxB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO;QACL,SAAS,EAAE,WAAW;QACtB,eAAe;QACf,YAAY;QACZ,eAAe;QACf,MAAM;KACP,CAAC;AACJ,CAAC,CAAC;AAjCW,QAAA,YAAY,gBAiCvB;AAEF,kBAAe,oBAAY,CAAC"}
@@ -0,0 +1,23 @@
1
+ import { Breakpoint } from '../theme';
2
+ export declare const useWindowDimensions: () => {
3
+ width: number;
4
+ height: number;
5
+ };
6
+ export declare const useBreakpoint: () => {
7
+ breakpoint: string;
8
+ isBase: boolean;
9
+ isXs: boolean;
10
+ isSm: boolean;
11
+ isMd: boolean;
12
+ isLg: boolean;
13
+ isXl: boolean;
14
+ is2Xl: boolean;
15
+ };
16
+ export declare const useResponsive: <T>(values: Partial<Record<Breakpoint | "base", T>>) => {
17
+ value: T;
18
+ isMobile: boolean;
19
+ isTablet: boolean;
20
+ isDesktop: boolean;
21
+ };
22
+ export type ResponsiveValue<T> = Partial<Record<Breakpoint | 'base', T>>;
23
+ //# sourceMappingURL=useResponsive.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useResponsive.d.ts","sourceRoot":"","sources":["../../src/hooks/useResponsive.ts"],"names":[],"mappings":"AAEA,OAAO,EAAe,UAAU,EAAE,MAAM,UAAU,CAAC;AAInD,eAAO,MAAM,mBAAmB;;;CAY/B,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;CAsBzB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,CAAC,EAAE,QAAQ,OAAO,CAAC,MAAM,CAAC,UAAU,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC;;;;;CAmB/E,CAAC;AAEF,MAAM,MAAM,eAAe,CAAC,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,UAAU,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC,CAAC"}
@@ -0,0 +1,71 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.useResponsive = exports.useBreakpoint = exports.useWindowDimensions = void 0;
4
+ const react_1 = require("react");
5
+ const react_native_1 = require("react-native");
6
+ const theme_1 = require("../theme");
7
+ const { width, height } = react_native_1.Dimensions.get('window');
8
+ const useWindowDimensions = () => {
9
+ const [dimensions, setDimensions] = (0, react_1.useState)({ width, height });
10
+ (0, react_1.useEffect)(() => {
11
+ const subscription = react_native_1.Dimensions.addEventListener('change', ({ window }) => {
12
+ setDimensions({ width: window.width, height: window.height });
13
+ });
14
+ return () => subscription.remove();
15
+ }, []);
16
+ return dimensions;
17
+ };
18
+ exports.useWindowDimensions = useWindowDimensions;
19
+ const useBreakpoint = () => {
20
+ const { width } = (0, exports.useWindowDimensions)();
21
+ const breakpoint = (() => {
22
+ if (width >= theme_1.breakpoints['2xl'])
23
+ return '2xl';
24
+ if (width >= theme_1.breakpoints.xl)
25
+ return 'xl';
26
+ if (width >= theme_1.breakpoints.lg)
27
+ return 'lg';
28
+ if (width >= theme_1.breakpoints.md)
29
+ return 'md';
30
+ if (width >= theme_1.breakpoints.sm)
31
+ return 'sm';
32
+ return 'base';
33
+ })();
34
+ return {
35
+ breakpoint,
36
+ isBase: breakpoint === 'base',
37
+ isXs: breakpoint === 'base',
38
+ isSm: breakpoint === 'sm',
39
+ isMd: breakpoint === 'md',
40
+ isLg: breakpoint === 'lg',
41
+ isXl: breakpoint === 'xl',
42
+ is2Xl: breakpoint === '2xl',
43
+ };
44
+ };
45
+ exports.useBreakpoint = useBreakpoint;
46
+ const useResponsive = (values) => {
47
+ const { width } = (0, exports.useWindowDimensions)();
48
+ const getValue = () => {
49
+ if (width >= theme_1.breakpoints['2xl'] && values['2xl'] !== undefined)
50
+ return values['2xl'];
51
+ if (width >= theme_1.breakpoints.xl && values.xl !== undefined)
52
+ return values.xl;
53
+ if (width >= theme_1.breakpoints.lg && values.lg !== undefined)
54
+ return values.lg;
55
+ if (width >= theme_1.breakpoints.md && values.md !== undefined)
56
+ return values.md;
57
+ if (width >= theme_1.breakpoints.sm && values.sm !== undefined)
58
+ return values.sm;
59
+ if (values.base !== undefined)
60
+ return values.base;
61
+ return Object.values(values)[0];
62
+ };
63
+ return {
64
+ value: getValue(),
65
+ isMobile: width < theme_1.breakpoints.md,
66
+ isTablet: width >= theme_1.breakpoints.md && width < theme_1.breakpoints.lg,
67
+ isDesktop: width >= theme_1.breakpoints.lg,
68
+ };
69
+ };
70
+ exports.useResponsive = useResponsive;
71
+ //# sourceMappingURL=useResponsive.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useResponsive.js","sourceRoot":"","sources":["../../src/hooks/useResponsive.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,49 @@
1
+ import { ThemeContextValue } from '../context/ThemeContext';
2
+ export declare const useTheme: () => ThemeContextValue;
3
+ export declare const useColors: () => import("..").ColorSystem;
4
+ export declare const useTypography: () => {
5
+ textVariants: Record<string, import("..").TextVariant>;
6
+ fontSize: import("..").FontSize;
7
+ fontWeight: import("..").FontWeight;
8
+ lineHeight: import("..").LineHeight;
9
+ letterSpacing: import("..").LetterSpacing;
10
+ };
11
+ export declare const useSpacing: () => {
12
+ readonly 0: 0;
13
+ readonly 0.5: 2;
14
+ readonly 1: 4;
15
+ readonly 1.5: 6;
16
+ readonly 2: 8;
17
+ readonly 2.5: 10;
18
+ readonly 3: 12;
19
+ readonly 3.5: 14;
20
+ readonly 4: 16;
21
+ readonly 5: 20;
22
+ readonly 6: 24;
23
+ readonly 7: 28;
24
+ readonly 8: 32;
25
+ readonly 9: 36;
26
+ readonly 10: 40;
27
+ readonly 11: 44;
28
+ readonly 12: 48;
29
+ readonly 14: 56;
30
+ readonly 16: 64;
31
+ readonly 20: 80;
32
+ readonly 24: 96;
33
+ readonly 28: 112;
34
+ readonly 32: 128;
35
+ readonly 36: 144;
36
+ readonly 40: 160;
37
+ readonly 44: 176;
38
+ readonly 48: 192;
39
+ readonly 52: 208;
40
+ readonly 56: 224;
41
+ readonly 60: 240;
42
+ readonly 64: 256;
43
+ readonly 72: 288;
44
+ readonly 80: 320;
45
+ readonly 96: 384;
46
+ };
47
+ export declare const useShadows: () => Record<string, import("..").Shadow>;
48
+ export declare const useComponentSize: () => Record<"xs" | "sm" | "md" | "lg" | "xl", import("..").ComponentSizeValue>;
49
+ //# sourceMappingURL=useTheme.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useTheme.ts"],"names":[],"mappings":"AACA,OAAO,EAAgB,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE1E,eAAO,MAAM,QAAQ,QAAO,iBAM3B,CAAC;AAEF,eAAO,MAAM,SAAS,gCAGrB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;CAMzB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGtB,CAAC;AAEF,eAAO,MAAM,UAAU,2CAGtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,iFAG5B,CAAC"}
@@ -0,0 +1,42 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.useComponentSize = exports.useShadows = exports.useSpacing = exports.useTypography = exports.useColors = exports.useTheme = void 0;
4
+ const react_1 = require("react");
5
+ const ThemeContext_1 = require("../context/ThemeContext");
6
+ const useTheme = () => {
7
+ const context = (0, react_1.useContext)(ThemeContext_1.ThemeContext);
8
+ if (!context) {
9
+ throw new Error('useTheme must be used within an IeuProvider');
10
+ }
11
+ return context;
12
+ };
13
+ exports.useTheme = useTheme;
14
+ const useColors = () => {
15
+ const { theme } = (0, exports.useTheme)();
16
+ return theme.colors;
17
+ };
18
+ exports.useColors = useColors;
19
+ const useTypography = () => {
20
+ const { theme } = (0, exports.useTheme)();
21
+ return {
22
+ ...theme.typography,
23
+ textVariants: theme.textVariants,
24
+ };
25
+ };
26
+ exports.useTypography = useTypography;
27
+ const useSpacing = () => {
28
+ const { theme } = (0, exports.useTheme)();
29
+ return theme.spacing;
30
+ };
31
+ exports.useSpacing = useSpacing;
32
+ const useShadows = () => {
33
+ const { theme } = (0, exports.useTheme)();
34
+ return theme.shadows;
35
+ };
36
+ exports.useShadows = useShadows;
37
+ const useComponentSize = () => {
38
+ const { theme } = (0, exports.useTheme)();
39
+ return theme.componentSizes;
40
+ };
41
+ exports.useComponentSize = useComponentSize;
42
+ //# sourceMappingURL=useTheme.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useTheme.js","sourceRoot":"","sources":["../../src/hooks/useTheme.ts"],"names":[],"mappings":";;;AAAA,iCAAmC;AACnC,0DAA0E;AAEnE,MAAM,QAAQ,GAAG,GAAsB,EAAE;IAC9C,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,2BAAY,CAAC,CAAC;IACzC,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,6CAA6C,CAAC,CAAC;IACjE,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC;AANW,QAAA,QAAQ,YAMnB;AAEK,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAC7B,OAAO,KAAK,CAAC,MAAM,CAAC;AACtB,CAAC,CAAC;AAHW,QAAA,SAAS,aAGpB;AAEK,MAAM,aAAa,GAAG,GAAG,EAAE;IAChC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAC7B,OAAO;QACL,GAAG,KAAK,CAAC,UAAU;QACnB,YAAY,EAAE,KAAK,CAAC,YAAY;KACjC,CAAC;AACJ,CAAC,CAAC;AANW,QAAA,aAAa,iBAMxB;AAEK,MAAM,UAAU,GAAG,GAAG,EAAE;IAC7B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAC7B,OAAO,KAAK,CAAC,OAAO,CAAC;AACvB,CAAC,CAAC;AAHW,QAAA,UAAU,cAGrB;AAEK,MAAM,UAAU,GAAG,GAAG,EAAE;IAC7B,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAC7B,OAAO,KAAK,CAAC,OAAO,CAAC;AACvB,CAAC,CAAC;AAHW,QAAA,UAAU,cAGrB;AAEK,MAAM,gBAAgB,GAAG,GAAG,EAAE;IACnC,MAAM,EAAE,KAAK,EAAE,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAC7B,OAAO,KAAK,CAAC,cAAc,CAAC;AAC9B,CAAC,CAAC;AAHW,QAAA,gBAAgB,oBAG3B"}
@@ -0,0 +1,8 @@
1
+ export * from './theme';
2
+ export * from './config/types';
3
+ export * from './context/ThemeContext';
4
+ export * from './context/IeuProvider';
5
+ export * from './hooks';
6
+ export { IeuProvider } from './context/IeuProvider';
7
+ export type { IeuProviderProps } from './context/IeuProvider';
8
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACpD,YAAY,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC"}
package/dist/index.js ADDED
@@ -0,0 +1,25 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ exports.IeuProvider = void 0;
18
+ __exportStar(require("./theme"), exports);
19
+ __exportStar(require("./config/types"), exports);
20
+ __exportStar(require("./context/ThemeContext"), exports);
21
+ __exportStar(require("./context/IeuProvider"), exports);
22
+ __exportStar(require("./hooks"), exports);
23
+ var IeuProvider_1 = require("./context/IeuProvider");
24
+ Object.defineProperty(exports, "IeuProvider", { enumerable: true, get: function () { return IeuProvider_1.IeuProvider; } });
25
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,0CAAwB;AACxB,iDAA+B;AAC/B,yDAAuC;AACvC,wDAAsC;AACtC,0CAAwB;AAExB,qDAAoD;AAA3C,0GAAA,WAAW,OAAA"}
@@ -0,0 +1,69 @@
1
+ export declare const animations: {
2
+ duration: {
3
+ instant: number;
4
+ fast: number;
5
+ normal: number;
6
+ slow: number;
7
+ slower: number;
8
+ };
9
+ easing: {
10
+ linear: number[];
11
+ ease: number[];
12
+ easeIn: number[];
13
+ easeOut: number[];
14
+ easeInOut: number[];
15
+ spring: number[];
16
+ };
17
+ };
18
+ export declare const componentSizes: {
19
+ xs: {
20
+ height: number;
21
+ paddingHorizontal: number;
22
+ paddingVertical: number;
23
+ fontSize: number;
24
+ iconSize: number;
25
+ borderRadius: number;
26
+ };
27
+ sm: {
28
+ height: number;
29
+ paddingHorizontal: number;
30
+ paddingVertical: number;
31
+ fontSize: number;
32
+ iconSize: number;
33
+ borderRadius: number;
34
+ };
35
+ md: {
36
+ height: number;
37
+ paddingHorizontal: number;
38
+ paddingVertical: number;
39
+ fontSize: number;
40
+ iconSize: number;
41
+ borderRadius: number;
42
+ };
43
+ lg: {
44
+ height: number;
45
+ paddingHorizontal: number;
46
+ paddingVertical: number;
47
+ fontSize: number;
48
+ iconSize: number;
49
+ borderRadius: number;
50
+ };
51
+ xl: {
52
+ height: number;
53
+ paddingHorizontal: number;
54
+ paddingVertical: number;
55
+ fontSize: number;
56
+ iconSize: number;
57
+ borderRadius: number;
58
+ };
59
+ };
60
+ export type ComponentSize = keyof typeof componentSizes;
61
+ export interface ComponentSizeValue {
62
+ height: number;
63
+ paddingHorizontal: number;
64
+ paddingVertical: number;
65
+ fontSize: number;
66
+ iconSize: number;
67
+ borderRadius: number;
68
+ }
69
+ //# sourceMappingURL=animations.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../src/theme/animations.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;CAgBtB,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyC1B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,cAAc,CAAC;AAExD,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,MAAM,CAAC;IACf,iBAAiB,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;CACtB"}
@@ -0,0 +1,63 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.componentSizes = exports.animations = void 0;
4
+ exports.animations = {
5
+ duration: {
6
+ instant: 0,
7
+ fast: 150,
8
+ normal: 250,
9
+ slow: 350,
10
+ slower: 500,
11
+ },
12
+ easing: {
13
+ linear: [0, 0, 1, 1],
14
+ ease: [0.25, 0.1, 0.25, 1],
15
+ easeIn: [0.42, 0, 1, 1],
16
+ easeOut: [0, 0, 0.58, 1],
17
+ easeInOut: [0.42, 0, 0.58, 1],
18
+ spring: [0.5, 1.5, 0.5, 1],
19
+ },
20
+ };
21
+ exports.componentSizes = {
22
+ xs: {
23
+ height: 24,
24
+ paddingHorizontal: 8,
25
+ paddingVertical: 4,
26
+ fontSize: 12,
27
+ iconSize: 12,
28
+ borderRadius: 4,
29
+ },
30
+ sm: {
31
+ height: 32,
32
+ paddingHorizontal: 12,
33
+ paddingVertical: 6,
34
+ fontSize: 14,
35
+ iconSize: 16,
36
+ borderRadius: 6,
37
+ },
38
+ md: {
39
+ height: 40,
40
+ paddingHorizontal: 16,
41
+ paddingVertical: 8,
42
+ fontSize: 16,
43
+ iconSize: 20,
44
+ borderRadius: 8,
45
+ },
46
+ lg: {
47
+ height: 48,
48
+ paddingHorizontal: 20,
49
+ paddingVertical: 10,
50
+ fontSize: 18,
51
+ iconSize: 24,
52
+ borderRadius: 10,
53
+ },
54
+ xl: {
55
+ height: 56,
56
+ paddingHorizontal: 24,
57
+ paddingVertical: 12,
58
+ fontSize: 20,
59
+ iconSize: 28,
60
+ borderRadius: 12,
61
+ },
62
+ };
63
+ //# sourceMappingURL=animations.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"animations.js","sourceRoot":"","sources":["../../src/theme/animations.ts"],"names":[],"mappings":";;;AAAa,QAAA,UAAU,GAAG;IACxB,QAAQ,EAAE;QACR,OAAO,EAAE,CAAC;QACV,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,GAAG;QACX,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,GAAG;KACZ;IACD,MAAM,EAAE;QACN,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QACpB,IAAI,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,CAAC;QAC1B,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QACvB,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;QACxB,SAAS,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;QAC7B,MAAM,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;KAC3B;CACF,CAAC;AAEW,QAAA,cAAc,GAAG;IAC5B,EAAE,EAAE;QACF,MAAM,EAAE,EAAE;QACV,iBAAiB,EAAE,CAAC;QACpB,eAAe,EAAE,CAAC;QAClB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,YAAY,EAAE,CAAC;KAChB;IACD,EAAE,EAAE;QACF,MAAM,EAAE,EAAE;QACV,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAE,CAAC;QAClB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,YAAY,EAAE,CAAC;KAChB;IACD,EAAE,EAAE;QACF,MAAM,EAAE,EAAE;QACV,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAE,CAAC;QAClB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,YAAY,EAAE,CAAC;KAChB;IACD,EAAE,EAAE;QACF,MAAM,EAAE,EAAE;QACV,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAE,EAAE;QACnB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,YAAY,EAAE,EAAE;KACjB;IACD,EAAE,EAAE;QACF,MAAM,EAAE,EAAE;QACV,iBAAiB,EAAE,EAAE;QACrB,eAAe,EAAE,EAAE;QACnB,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,EAAE;QACZ,YAAY,EAAE,EAAE;KACjB;CACF,CAAC"}