@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.
- package/LICENSE +21 -0
- package/README.md +76 -0
- package/dist/context/FontContext.d.ts +20 -0
- package/dist/context/FontContext.d.ts.map +1 -0
- package/dist/context/FontContext.js +25 -0
- package/dist/context/FontContext.js.map +1 -0
- package/dist/context/TranslationContext.d.ts +22 -0
- package/dist/context/TranslationContext.d.ts.map +1 -0
- package/dist/context/TranslationContext.js +26 -0
- package/dist/context/TranslationContext.js.map +1 -0
- package/dist/core/responsive/ResponsiveProvider.d.ts +7 -0
- package/dist/core/responsive/ResponsiveProvider.d.ts.map +1 -0
- package/dist/core/responsive/ResponsiveProvider.js +20 -0
- package/dist/core/responsive/ResponsiveProvider.js.map +1 -0
- package/dist/core/responsive/breakpoints.d.ts +9 -0
- package/dist/core/responsive/breakpoints.d.ts.map +1 -0
- package/dist/core/responsive/breakpoints.js +9 -0
- package/dist/core/responsive/breakpoints.js.map +1 -0
- package/dist/core/responsive/getBreakpointFromWidth.d.ts +3 -0
- package/dist/core/responsive/getBreakpointFromWidth.d.ts.map +1 -0
- package/dist/core/responsive/getBreakpointFromWidth.js +10 -0
- package/dist/core/responsive/getBreakpointFromWidth.js.map +1 -0
- package/dist/core/responsive/index.d.ts +7 -0
- package/dist/core/responsive/index.d.ts.map +1 -0
- package/dist/core/responsive/index.js +6 -0
- package/dist/core/responsive/index.js.map +1 -0
- package/dist/core/responsive/resolve.d.ts +3 -0
- package/dist/core/responsive/resolve.d.ts.map +1 -0
- package/dist/core/responsive/resolve.js +21 -0
- package/dist/core/responsive/resolve.js.map +1 -0
- package/dist/core/responsive/types.d.ts +8 -0
- package/dist/core/responsive/types.d.ts.map +1 -0
- package/dist/core/responsive/types.js +2 -0
- package/dist/core/responsive/types.js.map +1 -0
- package/dist/core/responsive/useBreakpoint.d.ts +3 -0
- package/dist/core/responsive/useBreakpoint.d.ts.map +1 -0
- package/dist/core/responsive/useBreakpoint.js +7 -0
- package/dist/core/responsive/useBreakpoint.js.map +1 -0
- package/dist/index.d.ts +14 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +10 -0
- package/dist/index.js.map +1 -0
- package/dist/layout/Box.d.ts +10 -0
- package/dist/layout/Box.d.ts.map +1 -0
- package/dist/layout/Box.js +34 -0
- package/dist/layout/Box.js.map +1 -0
- package/dist/layout/Container.d.ts +11 -0
- package/dist/layout/Container.d.ts.map +1 -0
- package/dist/layout/Container.js +24 -0
- package/dist/layout/Container.js.map +1 -0
- package/dist/layout/Grid.d.ts +14 -0
- package/dist/layout/Grid.d.ts.map +1 -0
- package/dist/layout/Grid.js +51 -0
- package/dist/layout/Grid.js.map +1 -0
- package/dist/layout/Show.d.ts +9 -0
- package/dist/layout/Show.d.ts.map +1 -0
- package/dist/layout/Show.js +8 -0
- package/dist/layout/Show.js.map +1 -0
- package/dist/layout/Stack.d.ts +14 -0
- package/dist/layout/Stack.d.ts.map +1 -0
- package/dist/layout/Stack.js +37 -0
- package/dist/layout/Stack.js.map +1 -0
- package/dist/layout/Template.d.ts +18 -0
- package/dist/layout/Template.d.ts.map +1 -0
- package/dist/layout/Template.js +36 -0
- package/dist/layout/Template.js.map +1 -0
- package/dist/layout/helpers.d.ts +56 -0
- package/dist/layout/helpers.d.ts.map +1 -0
- package/dist/layout/helpers.js +91 -0
- package/dist/layout/helpers.js.map +1 -0
- package/dist/layout/index.d.ts +13 -0
- package/dist/layout/index.d.ts.map +1 -0
- package/dist/layout/index.js +7 -0
- package/dist/layout/index.js.map +1 -0
- package/dist/primitives/heading/Heading.d.ts +4 -0
- package/dist/primitives/heading/Heading.d.ts.map +1 -0
- package/dist/primitives/heading/Heading.js +30 -0
- package/dist/primitives/heading/Heading.js.map +1 -0
- package/dist/primitives/heading/index.d.ts +3 -0
- package/dist/primitives/heading/index.d.ts.map +1 -0
- package/dist/primitives/heading/index.js +2 -0
- package/dist/primitives/heading/index.js.map +1 -0
- package/dist/primitives/heading/resolveHeadingStyle.d.ts +5 -0
- package/dist/primitives/heading/resolveHeadingStyle.d.ts.map +1 -0
- package/dist/primitives/heading/resolveHeadingStyle.js +20 -0
- package/dist/primitives/heading/resolveHeadingStyle.js.map +1 -0
- package/dist/primitives/heading/types.d.ts +12 -0
- package/dist/primitives/heading/types.d.ts.map +1 -0
- package/dist/primitives/heading/types.js +2 -0
- package/dist/primitives/heading/types.js.map +1 -0
- package/dist/primitives/icon/Icon.d.ts +20 -0
- package/dist/primitives/icon/Icon.d.ts.map +1 -0
- package/dist/primitives/icon/Icon.js +19 -0
- package/dist/primitives/icon/Icon.js.map +1 -0
- package/dist/primitives/icon/index.d.ts +3 -0
- package/dist/primitives/icon/index.d.ts.map +1 -0
- package/dist/primitives/icon/index.js +2 -0
- package/dist/primitives/icon/index.js.map +1 -0
- package/dist/primitives/icon/resolveExpoIconComponent.d.ts +11 -0
- package/dist/primitives/icon/resolveExpoIconComponent.d.ts.map +1 -0
- package/dist/primitives/icon/resolveExpoIconComponent.js +24 -0
- package/dist/primitives/icon/resolveExpoIconComponent.js.map +1 -0
- package/dist/theme/ThemeContext.d.ts +27 -0
- package/dist/theme/ThemeContext.d.ts.map +1 -0
- package/dist/theme/ThemeContext.js +53 -0
- package/dist/theme/ThemeContext.js.map +1 -0
- package/dist/theme/colorEngine.d.ts +22 -0
- package/dist/theme/colorEngine.d.ts.map +1 -0
- package/dist/theme/colorEngine.js +348 -0
- package/dist/theme/colorEngine.js.map +1 -0
- package/dist/theme/createTheme.d.ts +5 -0
- package/dist/theme/createTheme.d.ts.map +1 -0
- package/dist/theme/createTheme.js +109 -0
- package/dist/theme/createTheme.js.map +1 -0
- package/dist/theme/index.d.ts +6 -0
- package/dist/theme/index.d.ts.map +1 -0
- package/dist/theme/index.js +6 -0
- package/dist/theme/index.js.map +1 -0
- package/dist/theme/resolveToken.d.ts +12 -0
- package/dist/theme/resolveToken.d.ts.map +1 -0
- package/dist/theme/resolveToken.js +19 -0
- package/dist/theme/resolveToken.js.map +1 -0
- package/dist/theme/types.d.ts +133 -0
- package/dist/theme/types.d.ts.map +1 -0
- package/dist/theme/types.js +2 -0
- package/dist/theme/types.js.map +1 -0
- package/dist/utils/deepEqual.d.ts +6 -0
- package/dist/utils/deepEqual.d.ts.map +1 -0
- package/dist/utils/deepEqual.js +36 -0
- package/dist/utils/deepEqual.js.map +1 -0
- package/dist/utils/deepMerge.d.ts +6 -0
- package/dist/utils/deepMerge.d.ts.map +1 -0
- package/dist/utils/deepMerge.js +26 -0
- package/dist/utils/deepMerge.js.map +1 -0
- 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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
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"}
|