@ankhorage/surface 0.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.
Files changed (135) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +76 -0
  3. package/dist/context/FontContext.d.ts +20 -0
  4. package/dist/context/FontContext.d.ts.map +1 -0
  5. package/dist/context/FontContext.js +25 -0
  6. package/dist/context/FontContext.js.map +1 -0
  7. package/dist/context/TranslationContext.d.ts +22 -0
  8. package/dist/context/TranslationContext.d.ts.map +1 -0
  9. package/dist/context/TranslationContext.js +26 -0
  10. package/dist/context/TranslationContext.js.map +1 -0
  11. package/dist/core/responsive/ResponsiveProvider.d.ts +7 -0
  12. package/dist/core/responsive/ResponsiveProvider.d.ts.map +1 -0
  13. package/dist/core/responsive/ResponsiveProvider.js +20 -0
  14. package/dist/core/responsive/ResponsiveProvider.js.map +1 -0
  15. package/dist/core/responsive/breakpoints.d.ts +9 -0
  16. package/dist/core/responsive/breakpoints.d.ts.map +1 -0
  17. package/dist/core/responsive/breakpoints.js +9 -0
  18. package/dist/core/responsive/breakpoints.js.map +1 -0
  19. package/dist/core/responsive/getBreakpointFromWidth.d.ts +3 -0
  20. package/dist/core/responsive/getBreakpointFromWidth.d.ts.map +1 -0
  21. package/dist/core/responsive/getBreakpointFromWidth.js +10 -0
  22. package/dist/core/responsive/getBreakpointFromWidth.js.map +1 -0
  23. package/dist/core/responsive/index.d.ts +7 -0
  24. package/dist/core/responsive/index.d.ts.map +1 -0
  25. package/dist/core/responsive/index.js +6 -0
  26. package/dist/core/responsive/index.js.map +1 -0
  27. package/dist/core/responsive/resolve.d.ts +3 -0
  28. package/dist/core/responsive/resolve.d.ts.map +1 -0
  29. package/dist/core/responsive/resolve.js +21 -0
  30. package/dist/core/responsive/resolve.js.map +1 -0
  31. package/dist/core/responsive/types.d.ts +8 -0
  32. package/dist/core/responsive/types.d.ts.map +1 -0
  33. package/dist/core/responsive/types.js +2 -0
  34. package/dist/core/responsive/types.js.map +1 -0
  35. package/dist/core/responsive/useBreakpoint.d.ts +3 -0
  36. package/dist/core/responsive/useBreakpoint.d.ts.map +1 -0
  37. package/dist/core/responsive/useBreakpoint.js +7 -0
  38. package/dist/core/responsive/useBreakpoint.js.map +1 -0
  39. package/dist/index.d.ts +14 -0
  40. package/dist/index.d.ts.map +1 -0
  41. package/dist/index.js +10 -0
  42. package/dist/index.js.map +1 -0
  43. package/dist/layout/Box.d.ts +10 -0
  44. package/dist/layout/Box.d.ts.map +1 -0
  45. package/dist/layout/Box.js +34 -0
  46. package/dist/layout/Box.js.map +1 -0
  47. package/dist/layout/Container.d.ts +11 -0
  48. package/dist/layout/Container.d.ts.map +1 -0
  49. package/dist/layout/Container.js +24 -0
  50. package/dist/layout/Container.js.map +1 -0
  51. package/dist/layout/Grid.d.ts +14 -0
  52. package/dist/layout/Grid.d.ts.map +1 -0
  53. package/dist/layout/Grid.js +51 -0
  54. package/dist/layout/Grid.js.map +1 -0
  55. package/dist/layout/Show.d.ts +9 -0
  56. package/dist/layout/Show.d.ts.map +1 -0
  57. package/dist/layout/Show.js +8 -0
  58. package/dist/layout/Show.js.map +1 -0
  59. package/dist/layout/Stack.d.ts +14 -0
  60. package/dist/layout/Stack.d.ts.map +1 -0
  61. package/dist/layout/Stack.js +37 -0
  62. package/dist/layout/Stack.js.map +1 -0
  63. package/dist/layout/Template.d.ts +18 -0
  64. package/dist/layout/Template.d.ts.map +1 -0
  65. package/dist/layout/Template.js +36 -0
  66. package/dist/layout/Template.js.map +1 -0
  67. package/dist/layout/helpers.d.ts +56 -0
  68. package/dist/layout/helpers.d.ts.map +1 -0
  69. package/dist/layout/helpers.js +91 -0
  70. package/dist/layout/helpers.js.map +1 -0
  71. package/dist/layout/index.d.ts +13 -0
  72. package/dist/layout/index.d.ts.map +1 -0
  73. package/dist/layout/index.js +7 -0
  74. package/dist/layout/index.js.map +1 -0
  75. package/dist/primitives/heading/Heading.d.ts +4 -0
  76. package/dist/primitives/heading/Heading.d.ts.map +1 -0
  77. package/dist/primitives/heading/Heading.js +30 -0
  78. package/dist/primitives/heading/Heading.js.map +1 -0
  79. package/dist/primitives/heading/index.d.ts +3 -0
  80. package/dist/primitives/heading/index.d.ts.map +1 -0
  81. package/dist/primitives/heading/index.js +2 -0
  82. package/dist/primitives/heading/index.js.map +1 -0
  83. package/dist/primitives/heading/resolveHeadingStyle.d.ts +5 -0
  84. package/dist/primitives/heading/resolveHeadingStyle.d.ts.map +1 -0
  85. package/dist/primitives/heading/resolveHeadingStyle.js +20 -0
  86. package/dist/primitives/heading/resolveHeadingStyle.js.map +1 -0
  87. package/dist/primitives/heading/types.d.ts +12 -0
  88. package/dist/primitives/heading/types.d.ts.map +1 -0
  89. package/dist/primitives/heading/types.js +2 -0
  90. package/dist/primitives/heading/types.js.map +1 -0
  91. package/dist/primitives/icon/Icon.d.ts +20 -0
  92. package/dist/primitives/icon/Icon.d.ts.map +1 -0
  93. package/dist/primitives/icon/Icon.js +19 -0
  94. package/dist/primitives/icon/Icon.js.map +1 -0
  95. package/dist/primitives/icon/index.d.ts +3 -0
  96. package/dist/primitives/icon/index.d.ts.map +1 -0
  97. package/dist/primitives/icon/index.js +2 -0
  98. package/dist/primitives/icon/index.js.map +1 -0
  99. package/dist/primitives/icon/resolveExpoIconComponent.d.ts +11 -0
  100. package/dist/primitives/icon/resolveExpoIconComponent.d.ts.map +1 -0
  101. package/dist/primitives/icon/resolveExpoIconComponent.js +24 -0
  102. package/dist/primitives/icon/resolveExpoIconComponent.js.map +1 -0
  103. package/dist/theme/ThemeContext.d.ts +27 -0
  104. package/dist/theme/ThemeContext.d.ts.map +1 -0
  105. package/dist/theme/ThemeContext.js +53 -0
  106. package/dist/theme/ThemeContext.js.map +1 -0
  107. package/dist/theme/colorEngine.d.ts +22 -0
  108. package/dist/theme/colorEngine.d.ts.map +1 -0
  109. package/dist/theme/colorEngine.js +348 -0
  110. package/dist/theme/colorEngine.js.map +1 -0
  111. package/dist/theme/createTheme.d.ts +5 -0
  112. package/dist/theme/createTheme.d.ts.map +1 -0
  113. package/dist/theme/createTheme.js +109 -0
  114. package/dist/theme/createTheme.js.map +1 -0
  115. package/dist/theme/index.d.ts +6 -0
  116. package/dist/theme/index.d.ts.map +1 -0
  117. package/dist/theme/index.js +6 -0
  118. package/dist/theme/index.js.map +1 -0
  119. package/dist/theme/resolveToken.d.ts +12 -0
  120. package/dist/theme/resolveToken.d.ts.map +1 -0
  121. package/dist/theme/resolveToken.js +19 -0
  122. package/dist/theme/resolveToken.js.map +1 -0
  123. package/dist/theme/types.d.ts +133 -0
  124. package/dist/theme/types.d.ts.map +1 -0
  125. package/dist/theme/types.js +2 -0
  126. package/dist/theme/types.js.map +1 -0
  127. package/dist/utils/deepEqual.d.ts +6 -0
  128. package/dist/utils/deepEqual.d.ts.map +1 -0
  129. package/dist/utils/deepEqual.js +36 -0
  130. package/dist/utils/deepEqual.js.map +1 -0
  131. package/dist/utils/deepMerge.d.ts +6 -0
  132. package/dist/utils/deepMerge.d.ts.map +1 -0
  133. package/dist/utils/deepMerge.js +26 -0
  134. package/dist/utils/deepMerge.js.map +1 -0
  135. package/package.json +62 -0
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../src/layout/Grid.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ import { type Responsive } from '../core/responsive';
3
+ export interface ShowProps {
4
+ when: Responsive<boolean>;
5
+ children: React.ReactNode;
6
+ fallback?: React.ReactNode;
7
+ }
8
+ export declare function Show({ when, children, fallback }: ShowProps): React.JSX.Element;
9
+ //# sourceMappingURL=Show.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Show.d.ts","sourceRoot":"","sources":["../../src/layout/Show.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAqB,KAAK,UAAU,EAAwB,MAAM,oBAAoB,CAAC;AAE9F,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAe,EAAE,EAAE,SAAS,qBAIlE"}
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import { resolveResponsive, useResponsiveRuntime } from '../core/responsive';
3
+ export function Show({ when, children, fallback = null }) {
4
+ const { breakpoint } = useResponsiveRuntime();
5
+ const visible = resolveResponsive(when, breakpoint) ?? false;
6
+ return <>{visible ? children : fallback}</>;
7
+ }
8
+ //# sourceMappingURL=Show.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Show.js","sourceRoot":"","sources":["../../src/layout/Show.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,iBAAiB,EAAmB,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAQ9F,MAAM,UAAU,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,GAAG,IAAI,EAAa;IACjE,MAAM,EAAE,UAAU,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAC9C,MAAM,OAAO,GAAG,iBAAiB,CAAC,IAAI,EAAE,UAAU,CAAC,IAAI,KAAK,CAAC;IAC7D,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC;AAC9C,CAAC"}
@@ -0,0 +1,14 @@
1
+ import React from 'react';
2
+ import { type Responsive } from '../core/responsive';
3
+ import { type BoxProps } from './Box';
4
+ import { type SpaceValue } from './helpers';
5
+ export interface StackProps extends Omit<BoxProps, 'children'> {
6
+ children?: React.ReactNode;
7
+ direction?: Responsive<'row' | 'column'>;
8
+ gap?: Responsive<SpaceValue>;
9
+ align?: Responsive<'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline'>;
10
+ justify?: Responsive<'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly'>;
11
+ wrap?: Responsive<'nowrap' | 'wrap'>;
12
+ }
13
+ export declare function Stack({ children, direction, gap, align, justify, wrap, ...props }: StackProps): React.JSX.Element;
14
+ //# sourceMappingURL=Stack.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../src/layout/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAqB,KAAK,UAAU,EAAwB,MAAM,oBAAoB,CAAC;AAE9F,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,WAAW,CAAC;AAE5D,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC;IAC5D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,UAAU,CAAC,KAAK,GAAG,QAAQ,CAAC,CAAC;IACzC,GAAG,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;IAC7B,KAAK,CAAC,EAAE,UAAU,CAAC,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,UAAU,CAAC,CAAC;IAClF,OAAO,CAAC,EAAE,UAAU,CAClB,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,eAAe,GAAG,cAAc,GAAG,cAAc,CACzF,CAAC;IACF,IAAI,CAAC,EAAE,UAAU,CAAC,QAAQ,GAAG,MAAM,CAAC,CAAC;CACtC;AAED,wBAAgB,KAAK,CAAC,EACpB,QAAQ,EACR,SAAoB,EACpB,GAAO,EACP,KAAK,EACL,OAAO,EACP,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,UAAU,qBAuCZ"}
@@ -0,0 +1,37 @@
1
+ import React from 'react';
2
+ import { View } from 'react-native';
3
+ import { resolveResponsive, useResponsiveRuntime } from '../core/responsive';
4
+ import { useTheme } from '../theme/ThemeContext';
5
+ import { Box } from './Box';
6
+ import { resolveSpacing } from './helpers';
7
+ export function Stack({ children, direction = 'column', gap = 0, align, justify, wrap, ...props }) {
8
+ const { theme } = useTheme();
9
+ const { breakpoint } = useResponsiveRuntime();
10
+ const activeDirection = resolveResponsive(direction, breakpoint) ?? 'column';
11
+ const activeGap = resolveSpacing(theme, resolveResponsive(gap, breakpoint)) ?? 0;
12
+ const activeAlign = resolveResponsive(align, breakpoint);
13
+ const activeJustify = resolveResponsive(justify, breakpoint);
14
+ const activeWrap = resolveResponsive(wrap, breakpoint);
15
+ const nodes = React.Children.toArray(children);
16
+ return (<Box {...props} style={[
17
+ {
18
+ flexDirection: activeDirection,
19
+ alignItems: activeAlign,
20
+ justifyContent: activeJustify,
21
+ flexWrap: activeWrap,
22
+ },
23
+ props.style,
24
+ ]}>
25
+ {nodes.map((node, index) => {
26
+ const spacing = index === 0
27
+ ? undefined
28
+ : activeDirection === 'row'
29
+ ? { marginLeft: activeGap }
30
+ : { marginTop: activeGap };
31
+ return (<View key={String(index)} style={spacing}>
32
+ {node}
33
+ </View>);
34
+ })}
35
+ </Box>);
36
+ }
37
+ //# sourceMappingURL=Stack.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Stack.js","sourceRoot":"","sources":["../../src/layout/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,iBAAiB,EAAmB,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC9F,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,GAAG,EAAiB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAmB,MAAM,WAAW,CAAC;AAa5D,MAAM,UAAU,KAAK,CAAC,EACpB,QAAQ,EACR,SAAS,GAAG,QAAQ,EACpB,GAAG,GAAG,CAAC,EACP,KAAK,EACL,OAAO,EACP,IAAI,EACJ,GAAG,KAAK,EACG;IACX,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,MAAM,EAAE,UAAU,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAC9C,MAAM,eAAe,GAAG,iBAAiB,CAAC,SAAS,EAAE,UAAU,CAAC,IAAI,QAAQ,CAAC;IAC7E,MAAM,SAAS,GAAG,cAAc,CAAC,KAAK,EAAE,iBAAiB,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC,IAAI,CAAC,CAAC;IACjF,MAAM,WAAW,GAAG,iBAAiB,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;IACzD,MAAM,aAAa,GAAG,iBAAiB,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;IAC7D,MAAM,UAAU,GAAG,iBAAiB,CAAC,IAAI,EAAE,UAAU,CAAC,CAAC;IAEvD,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IAE/C,OAAO,CACL,CAAC,GAAG,CACF,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC;YACL;gBACE,aAAa,EAAE,eAAe;gBAC9B,UAAU,EAAE,WAAW;gBACvB,cAAc,EAAE,aAAa;gBAC7B,QAAQ,EAAE,UAAU;aACrB;YACD,KAAK,CAAC,KAAK;SACZ,CAAC,CAEF;MAAA,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACzB,MAAM,OAAO,GACX,KAAK,KAAK,CAAC;gBACT,CAAC,CAAC,SAAS;gBACX,CAAC,CAAC,eAAe,KAAK,KAAK;oBACzB,CAAC,CAAC,EAAE,UAAU,EAAE,SAAS,EAAE;oBAC3B,CAAC,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC;YACjC,OAAO,CACL,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CACvC;YAAA,CAAC,IAAI,CACP;UAAA,EAAE,IAAI,CAAC,CACR,CAAC;QACJ,CAAC,CAAC,CACJ;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC"}
@@ -0,0 +1,18 @@
1
+ import React from 'react';
2
+ import { type Breakpoint, type Responsive } from '../core/responsive';
3
+ import { type BoxProps } from './Box';
4
+ import { type SpaceValue } from './helpers';
5
+ type SlotMap = Record<string, React.ReactNode>;
6
+ type TemplateMap = Partial<Record<Breakpoint, string[][]>>;
7
+ type ColumnsMap = Partial<Record<Breakpoint, number[]>>;
8
+ export interface TemplateProps extends Omit<BoxProps, 'children'> {
9
+ slots: SlotMap;
10
+ templates: TemplateMap;
11
+ columns?: ColumnsMap;
12
+ gap?: Responsive<SpaceValue>;
13
+ rowGap?: Responsive<SpaceValue>;
14
+ colGap?: Responsive<SpaceValue>;
15
+ }
16
+ export declare function Template({ slots, templates, columns, gap, rowGap, colGap, ...props }: TemplateProps): React.JSX.Element;
17
+ export {};
18
+ //# sourceMappingURL=Template.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Template.d.ts","sourceRoot":"","sources":["../../src/layout/Template.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EACL,KAAK,UAAU,EAEf,KAAK,UAAU,EAEhB,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAkB,KAAK,UAAU,EAAE,MAAM,WAAW,CAAC;AAE5D,KAAK,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;AAC/C,KAAK,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC,CAAC;AAC3D,KAAK,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;AAExD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC;IAC/D,KAAK,EAAE,OAAO,CAAC;IACf,SAAS,EAAE,WAAW,CAAC;IACvB,OAAO,CAAC,EAAE,UAAU,CAAC;IACrB,GAAG,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;IAChC,MAAM,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC;CACjC;AASD,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,SAAS,EACT,OAAO,EACP,GAAO,EACP,MAAM,EACN,MAAM,EACN,GAAG,KAAK,EACT,EAAE,aAAa,qBA2Cf"}
@@ -0,0 +1,36 @@
1
+ import React from 'react';
2
+ import { View } from 'react-native';
3
+ import { resolveResponsive, useResponsiveRuntime, } from '../core/responsive';
4
+ import { useTheme } from '../theme/ThemeContext';
5
+ import { Box } from './Box';
6
+ import { resolveSpacing } from './helpers';
7
+ function resolveByBreakpointMap(map, breakpoint) {
8
+ return resolveResponsive(map, breakpoint);
9
+ }
10
+ export function Template({ slots, templates, columns, gap = 0, rowGap, colGap, ...props }) {
11
+ const { theme } = useTheme();
12
+ const { breakpoint } = useResponsiveRuntime();
13
+ const resolvedTemplate = resolveByBreakpointMap(templates, breakpoint) ?? [];
14
+ const resolvedColumns = resolveByBreakpointMap(columns, breakpoint);
15
+ const defaultGap = resolveResponsive(gap, breakpoint) ?? 0;
16
+ const rowSpacing = Number(resolveSpacing(theme, resolveResponsive(rowGap, breakpoint) ?? defaultGap) ?? 0);
17
+ const colSpacing = Number(resolveSpacing(theme, resolveResponsive(colGap, breakpoint) ?? defaultGap) ?? 0);
18
+ return (<Box {...props}>
19
+ {resolvedTemplate.map((row, rowIndex) => (<View key={`row-${String(rowIndex)}`} style={{
20
+ flexDirection: 'row',
21
+ marginTop: rowIndex === 0 ? 0 : rowSpacing,
22
+ }}>
23
+ {row.map((slotId, cellIndex) => {
24
+ const weight = resolvedColumns?.[cellIndex] ?? 1;
25
+ const node = slots[slotId];
26
+ return (<View key={`${slotId}-${String(rowIndex)}-${String(cellIndex)}`} style={{
27
+ flex: weight,
28
+ marginLeft: cellIndex === 0 ? 0 : colSpacing,
29
+ }}>
30
+ {node}
31
+ </View>);
32
+ })}
33
+ </View>))}
34
+ </Box>);
35
+ }
36
+ //# sourceMappingURL=Template.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Template.js","sourceRoot":"","sources":["../../src/layout/Template.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAEL,iBAAiB,EAEjB,oBAAoB,GACrB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,GAAG,EAAiB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAmB,MAAM,WAAW,CAAC;AAe5D,SAAS,sBAAsB,CAC7B,GAA+C,EAC/C,UAAsB;IAEtB,OAAO,iBAAiB,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC;AAC5C,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,EACvB,KAAK,EACL,SAAS,EACT,OAAO,EACP,GAAG,GAAG,CAAC,EACP,MAAM,EACN,MAAM,EACN,GAAG,KAAK,EACM;IACd,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,MAAM,EAAE,UAAU,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAE9C,MAAM,gBAAgB,GAAG,sBAAsB,CAAC,SAAS,EAAE,UAAU,CAAC,IAAI,EAAE,CAAC;IAC7E,MAAM,eAAe,GAAG,sBAAsB,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;IACpE,MAAM,UAAU,GAAG,iBAAiB,CAAC,GAAG,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC;IAC3D,MAAM,UAAU,GAAG,MAAM,CACvB,cAAc,CAAC,KAAK,EAAE,iBAAiB,CAAC,MAAM,EAAE,UAAU,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,CAChF,CAAC;IACF,MAAM,UAAU,GAAG,MAAM,CACvB,cAAc,CAAC,KAAK,EAAE,iBAAiB,CAAC,MAAM,EAAE,UAAU,CAAC,IAAI,UAAU,CAAC,IAAI,CAAC,CAChF,CAAC;IAEF,OAAO,CACL,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,CACb;MAAA,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,EAAE,EAAE,CAAC,CACvC,CAAC,IAAI,CACH,GAAG,CAAC,CAAC,OAAO,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,CAC/B,KAAK,CAAC,CAAC;gBACL,aAAa,EAAE,KAAK;gBACpB,SAAS,EAAE,QAAQ,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU;aAC3C,CAAC,CAEF;UAAA,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,SAAS,EAAE,EAAE;gBAC7B,MAAM,MAAM,GAAG,eAAe,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;gBACjD,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;gBAC3B,OAAO,CACL,CAAC,IAAI,CACH,GAAG,CAAC,CAAC,GAAG,MAAM,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC,CAC1D,KAAK,CAAC,CAAC;wBACL,IAAI,EAAE,MAAM;wBACZ,UAAU,EAAE,SAAS,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU;qBAC7C,CAAC,CAEF;gBAAA,CAAC,IAAI,CACP;cAAA,EAAE,IAAI,CAAC,CACR,CAAC;YACJ,CAAC,CAAC,CACJ;QAAA,EAAE,IAAI,CAAC,CACR,CAAC,CACJ;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC"}
@@ -0,0 +1,56 @@
1
+ import type { StyleProp, ViewStyle } from 'react-native';
2
+ import type { Breakpoint, Responsive } from '../core/responsive/types';
3
+ import type { AnkhTheme } from '../theme/types';
4
+ type SpaceToken = keyof AnkhTheme['spacing'];
5
+ type RadiusToken = keyof AnkhTheme['radii'];
6
+ type ColorToken = keyof AnkhTheme['colors'];
7
+ export type SpaceValue = number | SpaceToken;
8
+ export type RadiusValue = number | RadiusToken;
9
+ export type ColorValue = string | ColorToken;
10
+ export interface BoxStyleProps {
11
+ p?: Responsive<SpaceValue>;
12
+ px?: Responsive<SpaceValue>;
13
+ py?: Responsive<SpaceValue>;
14
+ pt?: Responsive<SpaceValue>;
15
+ pb?: Responsive<SpaceValue>;
16
+ pl?: Responsive<SpaceValue>;
17
+ pr?: Responsive<SpaceValue>;
18
+ m?: Responsive<SpaceValue>;
19
+ mx?: Responsive<SpaceValue>;
20
+ my?: Responsive<SpaceValue>;
21
+ mt?: Responsive<SpaceValue>;
22
+ mb?: Responsive<SpaceValue>;
23
+ ml?: Responsive<SpaceValue>;
24
+ mr?: Responsive<SpaceValue>;
25
+ bg?: Responsive<ColorValue>;
26
+ radius?: Responsive<RadiusValue>;
27
+ borderWidth?: Responsive<number>;
28
+ borderColor?: Responsive<ColorValue>;
29
+ width?: Responsive<number | string>;
30
+ height?: Responsive<number | string>;
31
+ minWidth?: Responsive<number | string>;
32
+ maxWidth?: Responsive<number | string>;
33
+ minHeight?: Responsive<number | string>;
34
+ maxHeight?: Responsive<number | string>;
35
+ flex?: Responsive<number>;
36
+ flexGrow?: Responsive<number>;
37
+ flexShrink?: Responsive<number>;
38
+ flexBasis?: Responsive<number | string>;
39
+ alignSelf?: Responsive<ViewStyle['alignSelf']>;
40
+ position?: Responsive<ViewStyle['position']>;
41
+ top?: Responsive<number>;
42
+ bottom?: Responsive<number>;
43
+ left?: Responsive<number>;
44
+ right?: Responsive<number>;
45
+ overflow?: Responsive<ViewStyle['overflow']>;
46
+ zIndex?: Responsive<number>;
47
+ opacity?: Responsive<number>;
48
+ style?: StyleProp<ViewStyle>;
49
+ }
50
+ export declare function resolveSpacing(theme: AnkhTheme, value: SpaceValue | undefined): number | undefined;
51
+ export declare function resolveRadius(theme: AnkhTheme, value: RadiusValue | undefined): number | undefined;
52
+ export declare function resolveColor(theme: AnkhTheme, value: ColorValue | undefined): string | undefined;
53
+ export declare function resolveDimension(theme: AnkhTheme, value: number | string | undefined): number | string | undefined;
54
+ export declare function resolveBoxStyles(theme: AnkhTheme, breakpoint: Breakpoint, props: BoxStyleProps): ViewStyle;
55
+ export {};
56
+ //# sourceMappingURL=helpers.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../src/layout/helpers.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,91 @@
1
+ import { resolveResponsive } from '../core/responsive/resolve';
2
+ import { resolveToken } from '../theme/resolveToken';
3
+ export function resolveSpacing(theme, value) {
4
+ if (value === undefined)
5
+ return undefined;
6
+ if (typeof value === 'number')
7
+ return value;
8
+ return theme.spacing[value];
9
+ }
10
+ export function resolveRadius(theme, value) {
11
+ if (value === undefined)
12
+ return undefined;
13
+ if (typeof value === 'number')
14
+ return value;
15
+ return theme.radii[value];
16
+ }
17
+ export function resolveColor(theme, value) {
18
+ if (value === undefined)
19
+ return undefined;
20
+ if (Object.prototype.hasOwnProperty.call(theme.colors, value)) {
21
+ return theme.colors[value];
22
+ }
23
+ return value;
24
+ }
25
+ export function resolveDimension(theme, value) {
26
+ if (value === undefined || typeof value === 'number')
27
+ return value;
28
+ return resolveToken(theme.spacing, value);
29
+ }
30
+ function assignIfDefined(target, key, value) {
31
+ if (value !== undefined)
32
+ target[key] = value;
33
+ }
34
+ export function resolveBoxStyles(theme, breakpoint, props) {
35
+ const styles = {
36
+ elevation: 0,
37
+ };
38
+ const p = resolveSpacing(theme, resolveResponsive(props.p, breakpoint));
39
+ const px = resolveSpacing(theme, resolveResponsive(props.px, breakpoint));
40
+ const py = resolveSpacing(theme, resolveResponsive(props.py, breakpoint));
41
+ const pt = resolveSpacing(theme, resolveResponsive(props.pt, breakpoint));
42
+ const pb = resolveSpacing(theme, resolveResponsive(props.pb, breakpoint));
43
+ const pl = resolveSpacing(theme, resolveResponsive(props.pl, breakpoint));
44
+ const pr = resolveSpacing(theme, resolveResponsive(props.pr, breakpoint));
45
+ const m = resolveSpacing(theme, resolveResponsive(props.m, breakpoint));
46
+ const mx = resolveSpacing(theme, resolveResponsive(props.mx, breakpoint));
47
+ const my = resolveSpacing(theme, resolveResponsive(props.my, breakpoint));
48
+ const mt = resolveSpacing(theme, resolveResponsive(props.mt, breakpoint));
49
+ const mb = resolveSpacing(theme, resolveResponsive(props.mb, breakpoint));
50
+ const ml = resolveSpacing(theme, resolveResponsive(props.ml, breakpoint));
51
+ const mr = resolveSpacing(theme, resolveResponsive(props.mr, breakpoint));
52
+ assignIfDefined(styles, 'padding', p);
53
+ assignIfDefined(styles, 'paddingHorizontal', px);
54
+ assignIfDefined(styles, 'paddingVertical', py);
55
+ assignIfDefined(styles, 'paddingTop', pt);
56
+ assignIfDefined(styles, 'paddingBottom', pb);
57
+ assignIfDefined(styles, 'paddingLeft', pl);
58
+ assignIfDefined(styles, 'paddingRight', pr);
59
+ assignIfDefined(styles, 'margin', m);
60
+ assignIfDefined(styles, 'marginHorizontal', mx);
61
+ assignIfDefined(styles, 'marginVertical', my);
62
+ assignIfDefined(styles, 'marginTop', mt);
63
+ assignIfDefined(styles, 'marginBottom', mb);
64
+ assignIfDefined(styles, 'marginLeft', ml);
65
+ assignIfDefined(styles, 'marginRight', mr);
66
+ assignIfDefined(styles, 'backgroundColor', resolveColor(theme, resolveResponsive(props.bg, breakpoint)));
67
+ assignIfDefined(styles, 'borderRadius', resolveRadius(theme, resolveResponsive(props.radius, breakpoint)));
68
+ assignIfDefined(styles, 'borderWidth', resolveResponsive(props.borderWidth, breakpoint));
69
+ assignIfDefined(styles, 'borderColor', resolveColor(theme, resolveResponsive(props.borderColor, breakpoint)));
70
+ assignIfDefined(styles, 'width', resolveDimension(theme, resolveResponsive(props.width, breakpoint)));
71
+ assignIfDefined(styles, 'height', resolveDimension(theme, resolveResponsive(props.height, breakpoint)));
72
+ assignIfDefined(styles, 'minWidth', resolveDimension(theme, resolveResponsive(props.minWidth, breakpoint)));
73
+ assignIfDefined(styles, 'maxWidth', resolveDimension(theme, resolveResponsive(props.maxWidth, breakpoint)));
74
+ assignIfDefined(styles, 'minHeight', resolveDimension(theme, resolveResponsive(props.minHeight, breakpoint)));
75
+ assignIfDefined(styles, 'maxHeight', resolveDimension(theme, resolveResponsive(props.maxHeight, breakpoint)));
76
+ assignIfDefined(styles, 'flex', resolveResponsive(props.flex, breakpoint));
77
+ assignIfDefined(styles, 'flexGrow', resolveResponsive(props.flexGrow, breakpoint));
78
+ assignIfDefined(styles, 'flexShrink', resolveResponsive(props.flexShrink, breakpoint));
79
+ assignIfDefined(styles, 'flexBasis', resolveResponsive(props.flexBasis, breakpoint));
80
+ assignIfDefined(styles, 'alignSelf', resolveResponsive(props.alignSelf, breakpoint));
81
+ assignIfDefined(styles, 'position', resolveResponsive(props.position, breakpoint));
82
+ assignIfDefined(styles, 'top', resolveResponsive(props.top, breakpoint));
83
+ assignIfDefined(styles, 'bottom', resolveResponsive(props.bottom, breakpoint));
84
+ assignIfDefined(styles, 'left', resolveResponsive(props.left, breakpoint));
85
+ assignIfDefined(styles, 'right', resolveResponsive(props.right, breakpoint));
86
+ assignIfDefined(styles, 'overflow', resolveResponsive(props.overflow, breakpoint));
87
+ assignIfDefined(styles, 'zIndex', resolveResponsive(props.zIndex, breakpoint));
88
+ assignIfDefined(styles, 'opacity', resolveResponsive(props.opacity, breakpoint));
89
+ return styles;
90
+ }
91
+ //# sourceMappingURL=helpers.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../src/layout/helpers.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,13 @@
1
+ export type { BoxProps } from './Box';
2
+ export { Box } from './Box';
3
+ export type { ContainerProps } from './Container';
4
+ export { Container } from './Container';
5
+ export type { GridProps } from './Grid';
6
+ export { Grid } from './Grid';
7
+ export type { ShowProps } from './Show';
8
+ export { Show } from './Show';
9
+ export type { StackProps } from './Stack';
10
+ export { Stack } from './Stack';
11
+ export type { TemplateProps } from './Template';
12
+ export { Template } from './Template';
13
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}
@@ -0,0 +1,7 @@
1
+ export { Box } from './Box';
2
+ export { Container } from './Container';
3
+ export { Grid } from './Grid';
4
+ export { Show } from './Show';
5
+ export { Stack } from './Stack';
6
+ export { Template } from './Template';
7
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import type { HeadingProps } from './types';
3
+ export declare const Heading: React.FC<HeadingProps>;
4
+ //# sourceMappingURL=Heading.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../src/primitives/heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AA8B5C,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAuB1C,CAAC"}
@@ -0,0 +1,30 @@
1
+ import React from 'react';
2
+ import { Text } from 'react-native';
3
+ import { useTranslationContext } from '../../context/TranslationContext';
4
+ import { useTheme } from '../../theme/ThemeContext';
5
+ import { resolveHeadingTextStyle } from './resolveHeadingStyle';
6
+ function resolveHeadingContent({ text, children, i18nKey, translate, }) {
7
+ let content = text ?? children;
8
+ if (!i18nKey) {
9
+ return content;
10
+ }
11
+ try {
12
+ const translated = translate(i18nKey);
13
+ if (translated && translated !== i18nKey) {
14
+ content = translated;
15
+ }
16
+ }
17
+ catch (error) {
18
+ console.warn('[Heading] Translation error:', error);
19
+ }
20
+ return content;
21
+ }
22
+ export const Heading = ({ text, children, level = 2, align, numberOfLines, i18nKey, testID, }) => {
23
+ const { theme } = useTheme();
24
+ const { t } = useTranslationContext();
25
+ const content = resolveHeadingContent({ text, children, i18nKey, translate: t });
26
+ return (<Text accessibilityRole="header" testID={testID} numberOfLines={numberOfLines} style={resolveHeadingTextStyle(theme, level, align)}>
27
+ {content}
28
+ </Text>);
29
+ };
30
+ //# sourceMappingURL=Heading.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../src/primitives/heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,qBAAqB,EAAE,MAAM,kCAAkC,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,uBAAuB,EAAE,MAAM,uBAAuB,CAAC;AAGhE,SAAS,qBAAqB,CAAC,EAC7B,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,SAAS,GAMV;IACC,IAAI,OAAO,GAAG,IAAI,IAAI,QAAQ,CAAC;IAC/B,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,IAAI,CAAC;QACH,MAAM,UAAU,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;QACtC,IAAI,UAAU,IAAI,UAAU,KAAK,OAAO,EAAE,CAAC;YACzC,OAAO,GAAG,UAAU,CAAC;QACvB,CAAC;IACH,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CAAC,IAAI,CAAC,8BAA8B,EAAE,KAAK,CAAC,CAAC;IACtD,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAC9C,IAAI,EACJ,QAAQ,EACR,KAAK,GAAG,CAAC,EACT,KAAK,EACL,aAAa,EACb,OAAO,EACP,MAAM,GACP,EAAE,EAAE;IACH,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,MAAM,EAAE,CAAC,EAAE,GAAG,qBAAqB,EAAE,CAAC;IACtC,MAAM,OAAO,GAAG,qBAAqB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC,CAAC;IAEjF,OAAO,CACL,CAAC,IAAI,CACH,iBAAiB,CAAC,QAAQ,CAC1B,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,aAAa,CAAC,CAAC,aAAa,CAAC,CAC7B,KAAK,CAAC,CAAC,uBAAuB,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAEpD;MAAA,CAAC,OAAO,CACV;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { Heading } from './Heading';
2
+ export type { HeadingLevel, HeadingProps } from './types';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/heading/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { Heading } from './Heading';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/primitives/heading/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}
@@ -0,0 +1,5 @@
1
+ import type { TextStyle } from 'react-native';
2
+ import type { AnkhTheme } from '../../theme/types';
3
+ import type { HeadingLevel, HeadingProps } from './types';
4
+ export declare function resolveHeadingTextStyle(theme: AnkhTheme, level: HeadingLevel, align?: HeadingProps['align']): TextStyle;
5
+ //# sourceMappingURL=resolveHeadingStyle.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"resolveHeadingStyle.d.ts","sourceRoot":"","sources":["../../../src/primitives/heading/resolveHeadingStyle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE1D,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,SAAS,EAChB,KAAK,EAAE,YAAY,EACnB,KAAK,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,GAC5B,SAAS,CAqBX"}
@@ -0,0 +1,20 @@
1
+ export function resolveHeadingTextStyle(theme, level, align) {
2
+ const typography = theme.typography.headings[level];
3
+ const resolvedWeight = theme.typography.weights[typography.weight];
4
+ const textStyle = {
5
+ fontSize: typography.size,
6
+ lineHeight: typography.lineHeight,
7
+ fontWeight: resolvedWeight,
8
+ color: theme.colors.text,
9
+ elevation: 0,
10
+ };
11
+ if (align) {
12
+ textStyle.textAlign = align;
13
+ }
14
+ const fontFamily = theme.typography.fonts.normal[resolvedWeight];
15
+ if (fontFamily) {
16
+ textStyle.fontFamily = fontFamily;
17
+ }
18
+ return textStyle;
19
+ }
20
+ //# sourceMappingURL=resolveHeadingStyle.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"resolveHeadingStyle.js","sourceRoot":"","sources":["../../../src/primitives/heading/resolveHeadingStyle.ts"],"names":[],"mappings":"AAKA,MAAM,UAAU,uBAAuB,CACrC,KAAgB,EAChB,KAAmB,EACnB,KAA6B;IAE7B,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;IACnE,MAAM,SAAS,GAAc;QAC3B,QAAQ,EAAE,UAAU,CAAC,IAAI;QACzB,UAAU,EAAE,UAAU,CAAC,UAAU;QACjC,UAAU,EAAE,cAAc;QAC1B,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI;QACxB,SAAS,EAAE,CAAC;KACb,CAAC;IAEF,IAAI,KAAK,EAAE,CAAC;QACV,SAAS,CAAC,SAAS,GAAG,KAAK,CAAC;IAC9B,CAAC;IAED,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;IACjE,IAAI,UAAU,EAAE,CAAC;QACf,SAAS,CAAC,UAAU,GAAG,UAAU,CAAC;IACpC,CAAC;IAED,OAAO,SAAS,CAAC;AACnB,CAAC"}
@@ -0,0 +1,12 @@
1
+ import type React from 'react';
2
+ export type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
3
+ export interface HeadingProps {
4
+ text?: string;
5
+ children?: React.ReactNode;
6
+ level?: HeadingLevel;
7
+ align?: 'auto' | 'left' | 'right' | 'center' | 'justify';
8
+ numberOfLines?: number;
9
+ i18nKey?: string;
10
+ testID?: string;
11
+ }
12
+ //# sourceMappingURL=types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/primitives/heading/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,MAAM,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEjD,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;IACzD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/primitives/heading/types.ts"],"names":[],"mappings":""}
@@ -0,0 +1,20 @@
1
+ import React from 'react';
2
+ import { type StyleProp, type TextStyle } from 'react-native';
3
+ import type { AnkhTheme } from '../../theme/types';
4
+ export type IconProvider = string;
5
+ export interface IconProps {
6
+ name: string;
7
+ provider?: IconProvider;
8
+ size?: keyof AnkhTheme['spacing'] | number;
9
+ color?: keyof AnkhTheme['colors'] | string;
10
+ style?: StyleProp<TextStyle>;
11
+ testID?: string;
12
+ }
13
+ export declare function Icon({ name, provider, size, color, style, testID, }: IconProps): React.ReactElement<{
14
+ color?: string;
15
+ name?: string;
16
+ size?: number;
17
+ style?: StyleProp<TextStyle>;
18
+ testID?: string;
19
+ }, string | React.JSXElementConstructor<any>>;
20
+ //# sourceMappingURL=Icon.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/primitives/icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAGnD,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC;AAElC,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,IAAI,CAAC,EAAE,MAAM,SAAS,CAAC,SAAS,CAAC,GAAG,MAAM,CAAC;IAC3C,KAAK,CAAC,EAAE,MAAM,SAAS,CAAC,QAAQ,CAAC,GAAG,MAAM,CAAC;IAC3C,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,QAAqB,EACrB,IAAU,EACV,KAAc,EACd,KAAK,EACL,MAAM,GACP,EAAE,SAAS;;;;;;8CAaX"}
@@ -0,0 +1,19 @@
1
+ import React from 'react';
2
+ import {} from 'react-native';
3
+ import { resolveToken } from '../../theme/resolveToken';
4
+ import { useTheme } from '../../theme/ThemeContext';
5
+ import { resolveExpoIconComponent } from './resolveExpoIconComponent';
6
+ export function Icon({ name, provider = 'Ionicons', size = 'm', color = 'text', style, testID, }) {
7
+ const { theme } = useTheme();
8
+ const IconComponent = resolveExpoIconComponent(provider);
9
+ const resolvedSize = typeof size === 'number' ? size : resolveToken(theme.spacing, size);
10
+ const resolvedColor = resolveToken(theme.colors, color);
11
+ return React.createElement(IconComponent, {
12
+ color: resolvedColor,
13
+ name,
14
+ size: resolvedSize,
15
+ style,
16
+ testID,
17
+ });
18
+ }
19
+ //# sourceMappingURL=Icon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../../src/primitives/icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAkC,MAAM,cAAc,CAAC;AAE9D,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAEpD,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAatE,MAAM,UAAU,IAAI,CAAC,EACnB,IAAI,EACJ,QAAQ,GAAG,UAAU,EACrB,IAAI,GAAG,GAAG,EACV,KAAK,GAAG,MAAM,EACd,KAAK,EACL,MAAM,GACI;IACV,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,MAAM,aAAa,GAAG,wBAAwB,CAAC,QAAQ,CAAC,CAAC;IACzD,MAAM,YAAY,GAAG,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,CAAC;IACzF,MAAM,aAAa,GAAG,YAAY,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAExD,OAAO,KAAK,CAAC,aAAa,CAAC,aAAa,EAAE;QACxC,KAAK,EAAE,aAAa;QACpB,IAAI;QACJ,IAAI,EAAE,YAAY;QAClB,KAAK;QACL,MAAM;KACP,CAAC,CAAC;AACL,CAAC"}
@@ -0,0 +1,3 @@
1
+ export type { IconProps, IconProvider } from './Icon';
2
+ export { Icon } from './Icon';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/icon/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { Icon } from './Icon';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/primitives/icon/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC"}
@@ -0,0 +1,11 @@
1
+ import type React from 'react';
2
+ import { type StyleProp, type TextStyle } from 'react-native';
3
+ export type ExpoIconComponent = React.ElementType<{
4
+ color?: string;
5
+ name?: string;
6
+ size?: number;
7
+ style?: StyleProp<TextStyle>;
8
+ testID?: string;
9
+ }>;
10
+ export declare function resolveExpoIconComponent(provider: string): ExpoIconComponent;
11
+ //# sourceMappingURL=resolveExpoIconComponent.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"resolveExpoIconComponent.d.ts","sourceRoot":"","sources":["../../../src/primitives/icon/resolveExpoIconComponent.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9D,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CAAC;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC,CAAC;AAoBH,wBAAgB,wBAAwB,CAAC,QAAQ,EAAE,MAAM,GAAG,iBAAiB,CAQ5E"}
@@ -0,0 +1,24 @@
1
+ import {} from 'react-native';
2
+ let cachedIcons = null;
3
+ function loadExpoIcons() {
4
+ if (cachedIcons) {
5
+ return cachedIcons;
6
+ }
7
+ try {
8
+ // Load Expo icons only when Icon is rendered so non-Expo consumers can install Surface cleanly.
9
+ cachedIcons = require('@expo/vector-icons');
10
+ return cachedIcons;
11
+ }
12
+ catch {
13
+ throw new Error('Surface Icon requires `@expo/vector-icons` and `expo-font` in the host app. Install them to use the Icon primitive.');
14
+ }
15
+ }
16
+ export function resolveExpoIconComponent(provider) {
17
+ const Icons = loadExpoIcons();
18
+ const candidate = Reflect.get(Icons, provider);
19
+ if (typeof candidate === 'function') {
20
+ return candidate;
21
+ }
22
+ return Icons.Ionicons;
23
+ }
24
+ //# sourceMappingURL=resolveExpoIconComponent.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"resolveExpoIconComponent.js","sourceRoot":"","sources":["../../../src/primitives/icon/resolveExpoIconComponent.ts"],"names":[],"mappings":"AAEA,OAAO,EAAkC,MAAM,cAAc,CAAC;AAY9D,IAAI,WAAW,GAA2B,IAAI,CAAC;AAE/C,SAAS,aAAa;IACpB,IAAI,WAAW,EAAE,CAAC;QAChB,OAAO,WAAW,CAAC;IACrB,CAAC;IAED,IAAI,CAAC;QACH,gGAAgG;QAChG,WAAW,GAAG,OAAO,CAAC,oBAAoB,CAAoB,CAAC;QAC/D,OAAO,WAAW,CAAC;IACrB,CAAC;IAAC,MAAM,CAAC;QACP,MAAM,IAAI,KAAK,CACb,qHAAqH,CACtH,CAAC;IACJ,CAAC;AACH,CAAC;AAED,MAAM,UAAU,wBAAwB,CAAC,QAAgB;IACvD,MAAM,KAAK,GAAG,aAAa,EAAE,CAAC;IAC9B,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;IAC/C,IAAI,OAAO,SAAS,KAAK,UAAU,EAAE,CAAC;QACpC,OAAO,SAA8B,CAAC;IACxC,CAAC;IAED,OAAO,KAAK,CAAC,QAA6B,CAAC;AAC7C,CAAC"}