@ankhorage/surface 5.0.1 → 7.0.0

package/dist/features/layout/adapters/inbound/Stack.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Stack.js","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/Stack.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACtF,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE1D,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,4EAA4E;AAC5E,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,OAAO,CACL,CAAC,GAAG,CACF,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC;YACL;gBACE,aAAa,EAAE,eAAe;gBAC9B,GAAG,EAAE,SAAS;gBACd,UAAU,EAAE,WAAW;gBACvB,cAAc,EAAE,aAAa;gBAC7B,QAAQ,EAAE,UAAU;aACrB;YACD,KAAK,CAAC,KAAK;SACZ,CAAC,CAEF;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC","sourcesContent":["import type React from 'react';\n\nimport { resolveResponsive, useResponsiveRuntime } from '../../../../core/responsive';\nimport { useTheme } from '../../../../theme/ThemeContext';\nimport type { StackProps } from '../../../../types/layout';\nimport { resolveSpacing } from '../../../../utils/resolveSpacing';\nimport { Box } from './Box';\n\n/*** Stacks authored children directly along a responsive flex direction. */\nexport function Stack({\n  children,\n  direction = 'column',\n  gap = 0,\n  align,\n  justify,\n  wrap,\n  ...props\n}: StackProps) {\n  const { theme } = useTheme();\n  const { breakpoint } = useResponsiveRuntime();\n  const activeDirection = resolveResponsive(direction, breakpoint) ?? 'column';\n  const activeGap = resolveSpacing(theme, resolveResponsive(gap, breakpoint)) ?? 0;\n  const activeAlign = resolveResponsive(align, breakpoint);\n  const activeJustify = resolveResponsive(justify, breakpoint);\n  const activeWrap = resolveResponsive(wrap, breakpoint);\n\n  return (\n    <Box\n      {...props}\n      style={[\n        {\n          flexDirection: activeDirection,\n          gap: activeGap,\n          alignItems: activeAlign,\n          justifyContent: activeJustify,\n          flexWrap: activeWrap,\n        },\n        props.style,\n      ]}\n    >\n      {children}\n    </Box>\n  );\n}\n"]}

package/dist/layout/AppBar.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { type StyleProp, type ViewStyle } from 'react-native';
-import { type BoxProps } from '../features/layout/public';
-export interface AppBarProps extends Omit<BoxProps, 'children'> {
-    leading?: React.ReactNode;
-    trailing?: React.ReactNode;
-    children?: React.ReactNode;
-    safeAreaTop?: boolean;
-    divider?: boolean;
-    contentStyle?: StyleProp<ViewStyle>;
-}
-export declare function AppBar({ leading, trailing, children, safeAreaTop, divider, contentStyle, bg, style, ...props }: AppBarProps): React.JSX.Element;
-//# sourceMappingURL=AppBar.d.ts.map

package/dist/layout/AppBar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppBar.d.ts","sourceRoot":"","sources":["../../src/layout/AppBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,SAAS,EAAQ,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAGpE,OAAO,EAAO,KAAK,QAAQ,EAAW,MAAM,2BAA2B,CAAC;AAGxE,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC;IAC7D,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CACrC;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,WAAkB,EAClB,OAAe,EACf,YAAY,EACZ,EAAE,EACF,KAAK,EACL,GAAG,KAAK,EACT,EAAE,WAAW,qBAiCb"}

package/dist/layout/AppBar.js

@@ -1,30 +0,0 @@
-import React from 'react';
-import { View } from 'react-native';
-import { SafeAreaInsetsContext } from 'react-native-safe-area-context';
-import { Box, Divider } from '../features/layout/public';
-import { useTheme } from '../theme/ThemeContext';
-export function AppBar({ leading, trailing, children, safeAreaTop = true, divider = false, contentStyle, bg, style, ...props }) {
-    const { theme } = useTheme();
-    const insets = React.use(SafeAreaInsetsContext);
-    const topInset = safeAreaTop ? (insets?.top ?? 0) : 0;
-    const safeAreaStyle = topInset === 0 ? undefined : { paddingTop: topInset };
-    return (<Box {...props} bg={bg ?? theme.semantics.surface.default} style={style}>
-      <View style={safeAreaStyle}>
-        <View style={[
-            {
-                minHeight: 56,
-                flexDirection: 'row',
-                alignItems: 'center',
-                paddingHorizontal: theme.spacing.m,
-            },
-            contentStyle,
-        ]}>
-          {leading ? (<View style={{ marginRight: theme.spacing.s, flexShrink: 0 }}>{leading}</View>) : null}
-          <View style={{ flex: 1, minWidth: 0 }}>{children}</View>
-          {trailing ? (<View style={{ marginLeft: theme.spacing.s, flexShrink: 0 }}>{trailing}</View>) : null}
-        </View>
-        {divider ? <Divider color={theme.semantics.neutral.divider} thickness={1}/> : null}
-      </View>
-    </Box>);
-}
-//# sourceMappingURL=AppBar.js.map

package/dist/layout/AppBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppBar.js","sourceRoot":"","sources":["../../src/layout/AppBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAkB,IAAI,EAAkB,MAAM,cAAc,CAAC;AACpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,OAAO,EAAE,GAAG,EAAiB,OAAO,EAAE,MAAM,2BAA2B,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAWjD,MAAM,UAAU,MAAM,CAAC,EACrB,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,WAAW,GAAG,IAAI,EAClB,OAAO,GAAG,KAAK,EACf,YAAY,EACZ,EAAE,EACF,KAAK,EACL,GAAG,KAAK,EACI;IACZ,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,MAAM,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,qBAAqB,CAAC,CAAC;IAChD,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IACtD,MAAM,aAAa,GACjB,QAAQ,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC;IAExD,OAAO,CACL,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CACtE;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,CACzB;QAAA,CAAC,IAAI,CACH,KAAK,CAAC,CAAC;YACL;gBACE,SAAS,EAAE,EAAE;gBACb,aAAa,EAAE,KAAK;gBACpB,UAAU,EAAE,QAAQ;gBACpB,iBAAiB,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC;aACnC;YACD,YAAY;SACb,CAAC,CAEF;UAAA,CAAC,OAAO,CAAC,CAAC,CAAC,CACT,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,IAAI,CAAC,CAC/E,CAAC,CAAC,CAAC,IAAI,CACR;UAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,CACvD;UAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,CACV,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,CAC/E,CAAC,CAAC,CAAC,IAAI,CACV;QAAA,EAAE,IAAI,CACN;QAAA,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAG,CAAC,CAAC,CAAC,IAAI,CACrF;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\nimport { type StyleProp, View, type ViewStyle } from 'react-native';\nimport { SafeAreaInsetsContext } from 'react-native-safe-area-context';\n\nimport { Box, type BoxProps, Divider } from '../features/layout/public';\nimport { useTheme } from '../theme/ThemeContext';\n\nexport interface AppBarProps extends Omit<BoxProps, 'children'> {\n  leading?: React.ReactNode;\n  trailing?: React.ReactNode;\n  children?: React.ReactNode;\n  safeAreaTop?: boolean;\n  divider?: boolean;\n  contentStyle?: StyleProp<ViewStyle>;\n}\n\nexport function AppBar({\n  leading,\n  trailing,\n  children,\n  safeAreaTop = true,\n  divider = false,\n  contentStyle,\n  bg,\n  style,\n  ...props\n}: AppBarProps) {\n  const { theme } = useTheme();\n  const insets = React.use(SafeAreaInsetsContext);\n  const topInset = safeAreaTop ? (insets?.top ?? 0) : 0;\n  const safeAreaStyle: ViewStyle | undefined =\n    topInset === 0 ? undefined : { paddingTop: topInset };\n\n  return (\n    <Box {...props} bg={bg ?? theme.semantics.surface.default} style={style}>\n      <View style={safeAreaStyle}>\n        <View\n          style={[\n            {\n              minHeight: 56,\n              flexDirection: 'row',\n              alignItems: 'center',\n              paddingHorizontal: theme.spacing.m,\n            },\n            contentStyle,\n          ]}\n        >\n          {leading ? (\n            <View style={{ marginRight: theme.spacing.s, flexShrink: 0 }}>{leading}</View>\n          ) : null}\n          <View style={{ flex: 1, minWidth: 0 }}>{children}</View>\n          {trailing ? (\n            <View style={{ marginLeft: theme.spacing.s, flexShrink: 0 }}>{trailing}</View>\n          ) : null}\n        </View>\n        {divider ? <Divider color={theme.semantics.neutral.divider} thickness={1} /> : null}\n      </View>\n    </Box>\n  );\n}\n"]}

package/dist/layout/Center.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { type BoxProps } from '../features/layout/public';
-export interface CenterProps extends BoxProps {
-    axis?: 'horizontal' | 'vertical' | 'both';
-}
-export declare function Center({ axis, style, ...props }: CenterProps): React.JSX.Element;
-//# sourceMappingURL=Center.d.ts.map

package/dist/layout/Center.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Center.d.ts","sourceRoot":"","sources":["../../src/layout/Center.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAE/D,MAAM,WAAW,WAAY,SAAQ,QAAQ;IAC3C,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;CAC3C;AAED,wBAAgB,MAAM,CAAC,EAAE,IAAa,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,qBAarE"}

package/dist/layout/Center.js

@@ -1,12 +0,0 @@
-import React from 'react';
-import { Box } from '../features/layout/public';
-export function Center({ axis = 'both', style, ...props }) {
-    return (<Box {...props} style={[
-            {
-                alignItems: axis === 'both' || axis === 'horizontal' ? 'center' : undefined,
-                justifyContent: axis === 'both' || axis === 'vertical' ? 'center' : undefined,
-            },
-            style,
-        ]}/>);
-}
-//# sourceMappingURL=Center.js.map

package/dist/layout/Center.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Center.js","sourceRoot":"","sources":["../../src/layout/Center.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,GAAG,EAAiB,MAAM,2BAA2B,CAAC;AAM/D,MAAM,UAAU,MAAM,CAAC,EAAE,IAAI,GAAG,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,EAAe;IACpE,OAAO,CACL,CAAC,GAAG,CACF,IAAI,KAAK,CAAC,CACV,KAAK,CAAC,CAAC;YACL;gBACE,UAAU,EAAE,IAAI,KAAK,MAAM,IAAI,IAAI,KAAK,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;gBAC3E,cAAc,EAAE,IAAI,KAAK,MAAM,IAAI,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;aAC9E;YACD,KAAK;SACN,CAAC,EACF,CACH,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\n\nimport { Box, type BoxProps } from '../features/layout/public';\n\nexport interface CenterProps extends BoxProps {\n  axis?: 'horizontal' | 'vertical' | 'both';\n}\n\nexport function Center({ axis = 'both', style, ...props }: CenterProps) {\n  return (\n    <Box\n      {...props}\n      style={[\n        {\n          alignItems: axis === 'both' || axis === 'horizontal' ? 'center' : undefined,\n          justifyContent: axis === 'both' || axis === 'vertical' ? 'center' : undefined,\n        },\n        style,\n      ]}\n    />\n  );\n}\n"]}

package/dist/layout/Inline.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { type StackProps } from '../features/layout/public';
-export type InlineProps = Omit<StackProps, 'direction'>;
-export declare function Inline({ wrap, align, ...props }: InlineProps): React.JSX.Element;
-//# sourceMappingURL=Inline.d.ts.map

package/dist/layout/Inline.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Inline.d.ts","sourceRoot":"","sources":["../../src/layout/Inline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEnE,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,WAAW,CAAC,CAAC;AAExD,wBAAgB,MAAM,CAAC,EAAE,IAAa,EAAE,KAAgB,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,qBAEhF"}

package/dist/layout/Inline.js

@@ -1,6 +0,0 @@
-import React from 'react';
-import { Stack } from '../features/layout/public';
-export function Inline({ wrap = 'wrap', align = 'center', ...props }) {
-    return <Stack {...props} align={align} direction="row" wrap={wrap}/>;
-}
-//# sourceMappingURL=Inline.js.map

package/dist/layout/Inline.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Inline.js","sourceRoot":"","sources":["../../src/layout/Inline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,EAAmB,MAAM,2BAA2B,CAAC;AAInE,MAAM,UAAU,MAAM,CAAC,EAAE,IAAI,GAAG,MAAM,EAAE,KAAK,GAAG,QAAQ,EAAE,GAAG,KAAK,EAAe;IAC/E,OAAO,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,EAAG,CAAC;AACxE,CAAC","sourcesContent":["import React from 'react';\n\nimport { Stack, type StackProps } from '../features/layout/public';\n\nexport type InlineProps = Omit<StackProps, 'direction'>;\n\nexport function Inline({ wrap = 'wrap', align = 'center', ...props }: InlineProps) {\n  return <Stack {...props} align={align} direction=\"row\" wrap={wrap} />;\n}\n"]}

package/dist/layout/ScrollArea.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { type ScrollViewProps as ReactNativeScrollViewProps, type StyleProp, type ViewStyle } from 'react-native';
-import type { BoxStyleProps } from '../types/layout';
-export interface ScrollAreaProps extends BoxStyleProps, Omit<ReactNativeScrollViewProps, 'children' | 'contentContainerStyle' | 'style'> {
-    children?: React.ReactNode;
-    contentContainerStyle?: StyleProp<ViewStyle>;
-}
-export declare function ScrollArea({ children, contentContainerStyle, p, px, py, pt, pb, pl, pr, m, mx, my, mt, mb, ml, mr, bg, radius, borderWidth, borderColor, width, height, minWidth, maxWidth, minHeight, maxHeight, flex, flexGrow, flexShrink, flexBasis, alignSelf, position, top, bottom, left, right, overflow, zIndex, opacity, style, ...scrollProps }: ScrollAreaProps): React.JSX.Element;
-//# sourceMappingURL=ScrollArea.d.ts.map

package/dist/layout/ScrollArea.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScrollArea.d.ts","sourceRoot":"","sources":["../../src/layout/ScrollArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAEL,KAAK,eAAe,IAAI,0BAA0B,EAClD,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAItB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAGrD,MAAM,WAAW,eACf,SACE,aAAa,EACb,IAAI,CAAC,0BAA0B,EAAE,UAAU,GAAG,uBAAuB,GAAG,OAAO,CAAC;IAClF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9C;AAED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,qBAAqB,EACrB,CAAC,EACD,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,CAAC,EACD,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,MAAM,EACN,WAAW,EACX,WAAW,EACX,KAAK,EACL,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,SAAS,EACT,SAAS,EACT,QAAQ,EACR,GAAG,EACH,MAAM,EACN,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,MAAM,EACN,OAAO,EACP,KAAK,EACL,GAAG,WAAW,EACf,EAAE,eAAe,qBAoDjB"}

package/dist/layout/ScrollArea.js

@@ -1,52 +0,0 @@
-import React from 'react';
-import { ScrollView, } from 'react-native';
-import { useResponsiveRuntime } from '../core/responsive';
-import { useTheme } from '../theme/ThemeContext';
-import { resolveBoxStyles } from '../utils/resolveBoxStyles';
-export function ScrollArea({ children, contentContainerStyle, p, px, py, pt, pb, pl, pr, m, mx, my, mt, mb, ml, mr, bg, radius, borderWidth, borderColor, width, height, minWidth, maxWidth, minHeight, maxHeight, flex, flexGrow, flexShrink, flexBasis, alignSelf, position, top, bottom, left, right, overflow, zIndex, opacity, style, ...scrollProps }) {
-    const { theme } = useTheme();
-    const { breakpoint } = useResponsiveRuntime();
-    const resolved = resolveBoxStyles(theme, breakpoint, {
-        p,
-        px,
-        py,
-        pt,
-        pb,
-        pl,
-        pr,
-        m,
-        mx,
-        my,
-        mt,
-        mb,
-        ml,
-        mr,
-        bg,
-        radius,
-        borderWidth,
-        borderColor,
-        width,
-        height,
-        minWidth,
-        maxWidth,
-        minHeight,
-        maxHeight,
-        flex,
-        flexGrow,
-        flexShrink,
-        flexBasis,
-        alignSelf,
-        position,
-        top,
-        bottom,
-        left,
-        right,
-        overflow,
-        zIndex,
-        opacity,
-    });
-    return (<ScrollView {...scrollProps} contentContainerStyle={contentContainerStyle} style={[resolved, style]}>
-      {children}
-    </ScrollView>);
-}
-//# sourceMappingURL=ScrollArea.js.map

package/dist/layout/ScrollArea.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScrollArea.js","sourceRoot":"","sources":["../../src/layout/ScrollArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,UAAU,GAIX,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAU7D,MAAM,UAAU,UAAU,CAAC,EACzB,QAAQ,EACR,qBAAqB,EACrB,CAAC,EACD,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,CAAC,EACD,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,EAAE,EACF,MAAM,EACN,WAAW,EACX,WAAW,EACX,KAAK,EACL,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,SAAS,EACT,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,SAAS,EACT,SAAS,EACT,QAAQ,EACR,GAAG,EACH,MAAM,EACN,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,MAAM,EACN,OAAO,EACP,KAAK,EACL,GAAG,WAAW,EACE;IAChB,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,MAAM,EAAE,UAAU,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAC9C,MAAM,QAAQ,GAAG,gBAAgB,CAAC,KAAK,EAAE,UAAU,EAAE;QACnD,CAAC;QACD,EAAE;QACF,EAAE;QACF,EAAE;QACF,EAAE;QACF,EAAE;QACF,EAAE;QACF,CAAC;QACD,EAAE;QACF,EAAE;QACF,EAAE;QACF,EAAE;QACF,EAAE;QACF,EAAE;QACF,EAAE;QACF,MAAM;QACN,WAAW;QACX,WAAW;QACX,KAAK;QACL,MAAM;QACN,QAAQ;QACR,QAAQ;QACR,SAAS;QACT,SAAS;QACT,IAAI;QACJ,QAAQ;QACR,UAAU;QACV,SAAS;QACT,SAAS;QACT,QAAQ;QACR,GAAG;QACH,MAAM;QACN,IAAI;QACJ,KAAK;QACL,QAAQ;QACR,MAAM;QACN,OAAO;KACR,CAAC,CAAC;IAEH,OAAO,CACL,CAAC,UAAU,CACT,IAAI,WAAW,CAAC,CAChB,qBAAqB,CAAC,CAAC,qBAAqB,CAAC,CAC7C,KAAK,CAAC,CAAC,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAEzB;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\nimport {\n  ScrollView,\n  type ScrollViewProps as ReactNativeScrollViewProps,\n  type StyleProp,\n  type ViewStyle,\n} from 'react-native';\n\nimport { useResponsiveRuntime } from '../core/responsive';\nimport { useTheme } from '../theme/ThemeContext';\nimport type { BoxStyleProps } from '../types/layout';\nimport { resolveBoxStyles } from '../utils/resolveBoxStyles';\n\nexport interface ScrollAreaProps\n  extends\n    BoxStyleProps,\n    Omit<ReactNativeScrollViewProps, 'children' | 'contentContainerStyle' | 'style'> {\n  children?: React.ReactNode;\n  contentContainerStyle?: StyleProp<ViewStyle>;\n}\n\nexport function ScrollArea({\n  children,\n  contentContainerStyle,\n  p,\n  px,\n  py,\n  pt,\n  pb,\n  pl,\n  pr,\n  m,\n  mx,\n  my,\n  mt,\n  mb,\n  ml,\n  mr,\n  bg,\n  radius,\n  borderWidth,\n  borderColor,\n  width,\n  height,\n  minWidth,\n  maxWidth,\n  minHeight,\n  maxHeight,\n  flex,\n  flexGrow,\n  flexShrink,\n  flexBasis,\n  alignSelf,\n  position,\n  top,\n  bottom,\n  left,\n  right,\n  overflow,\n  zIndex,\n  opacity,\n  style,\n  ...scrollProps\n}: ScrollAreaProps) {\n  const { theme } = useTheme();\n  const { breakpoint } = useResponsiveRuntime();\n  const resolved = resolveBoxStyles(theme, breakpoint, {\n    p,\n    px,\n    py,\n    pt,\n    pb,\n    pl,\n    pr,\n    m,\n    mx,\n    my,\n    mt,\n    mb,\n    ml,\n    mr,\n    bg,\n    radius,\n    borderWidth,\n    borderColor,\n    width,\n    height,\n    minWidth,\n    maxWidth,\n    minHeight,\n    maxHeight,\n    flex,\n    flexGrow,\n    flexShrink,\n    flexBasis,\n    alignSelf,\n    position,\n    top,\n    bottom,\n    left,\n    right,\n    overflow,\n    zIndex,\n    opacity,\n  });\n\n  return (\n    <ScrollView\n      {...scrollProps}\n      contentContainerStyle={contentContainerStyle}\n      style={[resolved, style]}\n    >\n      {children}\n    </ScrollView>\n  );\n}\n"]}

package/dist/layout/Show.d.ts.map

@@ -1 +0,0 @@
-{"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"}

package/dist/layout/Show.js.map

@@ -1 +0,0 @@
-{"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","sourcesContent":["import React from 'react';\n\nimport { resolveResponsive, type Responsive, useResponsiveRuntime } from '../core/responsive';\n\nexport interface ShowProps {\n  when: Responsive<boolean>;\n  children: React.ReactNode;\n  fallback?: React.ReactNode;\n}\n\nexport function Show({ when, children, fallback = null }: ShowProps) {\n  const { breakpoint } = useResponsiveRuntime();\n  const visible = resolveResponsive(when, breakpoint) ?? false;\n  return <>{visible ? children : fallback}</>;\n}\n"]}

package/dist/layout/Spacer.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import type { SpaceValue } from '../types/layout';
-export interface SpacerProps {
-    size?: SpaceValue;
-    axis?: 'horizontal' | 'vertical' | 'both';
-    testID?: string;
-}
-export declare function Spacer({ size, axis, testID }: SpacerProps): React.JSX.Element;
-//# sourceMappingURL=Spacer.d.ts.map

package/dist/layout/Spacer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Spacer.d.ts","sourceRoot":"","sources":["../../src/layout/Spacer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,WAAW,WAAW;IAC1B,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,MAAM,CAAC,EAAE,IAAU,EAAE,IAAiB,EAAE,MAAM,EAAE,EAAE,WAAW,qBAU5E"}

package/dist/layout/Spacer.js

@@ -1,12 +0,0 @@
-import React from 'react';
-import { Box } from '../features/layout/public';
-export function Spacer({ size = 'm', axis = 'vertical', testID }) {
-    if (axis === 'horizontal') {
-        return <Box testID={testID} width={size}/>;
-    }
-    if (axis === 'both') {
-        return <Box testID={testID} height={size} width={size}/>;
-    }
-    return <Box testID={testID} height={size}/>;
-}
-//# sourceMappingURL=Spacer.js.map

package/dist/layout/Spacer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Spacer.js","sourceRoot":"","sources":["../../src/layout/Spacer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,GAAG,EAAE,MAAM,2BAA2B,CAAC;AAShD,MAAM,UAAU,MAAM,CAAC,EAAE,IAAI,GAAG,GAAG,EAAE,IAAI,GAAG,UAAU,EAAE,MAAM,EAAe;IAC3E,IAAI,IAAI,KAAK,YAAY,EAAE,CAAC;QAC1B,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,EAAG,CAAC;IAC9C,CAAC;IAED,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;QACpB,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,EAAG,CAAC;IAC5D,CAAC;IAED,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,EAAG,CAAC;AAC/C,CAAC","sourcesContent":["import React from 'react';\n\nimport { Box } from '../features/layout/public';\nimport type { SpaceValue } from '../types/layout';\n\nexport interface SpacerProps {\n  size?: SpaceValue;\n  axis?: 'horizontal' | 'vertical' | 'both';\n  testID?: string;\n}\n\nexport function Spacer({ size = 'm', axis = 'vertical', testID }: SpacerProps) {\n  if (axis === 'horizontal') {\n    return <Box testID={testID} width={size} />;\n  }\n\n  if (axis === 'both') {\n    return <Box testID={testID} height={size} width={size} />;\n  }\n\n  return <Box testID={testID} height={size} />;\n}\n"]}

package/dist/layout/Template.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-import { type Breakpoint, type Responsive } from '../core/responsive';
-import { type BoxProps } from '../features/layout/public';
-import type { SpaceValue } from '../types/layout';
-type SlotMap = Record<string, React.ReactNode>;
-type TemplateMap = Partial<Record<Breakpoint, string[][]>>;
-type ColumnsMap = Partial<Record<Breakpoint, number[]>>;
-export interface TemplateProps extends Omit<BoxProps, 'children'> {
-    slots: SlotMap;
-    templates: TemplateMap;
-    columns?: ColumnsMap;
-    gap?: Responsive<SpaceValue>;
-    rowGap?: Responsive<SpaceValue>;
-    colGap?: Responsive<SpaceValue>;
-}
-export declare function Template({ slots, templates, columns, gap, rowGap, colGap, ...props }: TemplateProps): React.JSX.Element;
-export {};
-//# sourceMappingURL=Template.d.ts.map

package/dist/layout/Template.d.ts.map

@@ -1 +0,0 @@
-{"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;AAC5B,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAE/D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAGlD,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"}

package/dist/layout/Template.js

@@ -1,36 +0,0 @@
-import React from 'react';
-import { View } from 'react-native';
-import { resolveResponsive, useResponsiveRuntime, } from '../core/responsive';
-import { Box } from '../features/layout/public';
-import { useTheme } from '../theme/ThemeContext';
-import { resolveSpacing } from '../utils/resolveSpacing';
-function resolveByBreakpointMap(map, breakpoint) {
-    return resolveResponsive(map, breakpoint);
-}
-export function Template({ slots, templates, columns, gap = 0, rowGap, colGap, ...props }) {
-    const { theme } = useTheme();
-    const { breakpoint } = useResponsiveRuntime();
-    const resolvedTemplate = resolveByBreakpointMap(templates, breakpoint) ?? [];
-    const resolvedColumns = resolveByBreakpointMap(columns, breakpoint);
-    const defaultGap = resolveResponsive(gap, breakpoint) ?? 0;
-    const rowSpacing = Number(resolveSpacing(theme, resolveResponsive(rowGap, breakpoint) ?? defaultGap) ?? 0);
-    const colSpacing = Number(resolveSpacing(theme, resolveResponsive(colGap, breakpoint) ?? defaultGap) ?? 0);
-    return (<Box {...props}>
-      {resolvedTemplate.map((row, rowIndex) => (<View key={`row-${String(rowIndex)}`} style={{
-                flexDirection: 'row',
-                marginTop: rowIndex === 0 ? 0 : rowSpacing,
-            }}>
-          {row.map((slotId, cellIndex) => {
-                const weight = resolvedColumns?.[cellIndex] ?? 1;
-                const node = slots[slotId];
-                return (<View key={`${slotId}-${String(rowIndex)}-${String(cellIndex)}`} style={{
-                        flex: weight,
-                        marginLeft: cellIndex === 0 ? 0 : colSpacing,
-                    }}>
-                {node}
-              </View>);
-            })}
-        </View>))}
-    </Box>);
-}
-//# sourceMappingURL=Template.js.map

package/dist/layout/Template.js.map

@@ -1 +0,0 @@
-{"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,GAAG,EAAiB,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAEjD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAezD,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","sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport {\n  type Breakpoint,\n  resolveResponsive,\n  type Responsive,\n  useResponsiveRuntime,\n} from '../core/responsive';\nimport { Box, type BoxProps } from '../features/layout/public';\nimport { useTheme } from '../theme/ThemeContext';\nimport type { SpaceValue } from '../types/layout';\nimport { resolveSpacing } from '../utils/resolveSpacing';\n\ntype SlotMap = Record<string, React.ReactNode>;\ntype TemplateMap = Partial<Record<Breakpoint, string[][]>>;\ntype ColumnsMap = Partial<Record<Breakpoint, number[]>>;\n\nexport interface TemplateProps extends Omit<BoxProps, 'children'> {\n  slots: SlotMap;\n  templates: TemplateMap;\n  columns?: ColumnsMap;\n  gap?: Responsive<SpaceValue>;\n  rowGap?: Responsive<SpaceValue>;\n  colGap?: Responsive<SpaceValue>;\n}\n\nfunction resolveByBreakpointMap<T>(\n  map: Partial<Record<Breakpoint, T>> | undefined,\n  breakpoint: Breakpoint,\n): T | undefined {\n  return resolveResponsive(map, breakpoint);\n}\n\nexport function Template({\n  slots,\n  templates,\n  columns,\n  gap = 0,\n  rowGap,\n  colGap,\n  ...props\n}: TemplateProps) {\n  const { theme } = useTheme();\n  const { breakpoint } = useResponsiveRuntime();\n\n  const resolvedTemplate = resolveByBreakpointMap(templates, breakpoint) ?? [];\n  const resolvedColumns = resolveByBreakpointMap(columns, breakpoint);\n  const defaultGap = resolveResponsive(gap, breakpoint) ?? 0;\n  const rowSpacing = Number(\n    resolveSpacing(theme, resolveResponsive(rowGap, breakpoint) ?? defaultGap) ?? 0,\n  );\n  const colSpacing = Number(\n    resolveSpacing(theme, resolveResponsive(colGap, breakpoint) ?? defaultGap) ?? 0,\n  );\n\n  return (\n    <Box {...props}>\n      {resolvedTemplate.map((row, rowIndex) => (\n        <View\n          key={`row-${String(rowIndex)}`}\n          style={{\n            flexDirection: 'row',\n            marginTop: rowIndex === 0 ? 0 : rowSpacing,\n          }}\n        >\n          {row.map((slotId, cellIndex) => {\n            const weight = resolvedColumns?.[cellIndex] ?? 1;\n            const node = slots[slotId];\n            return (\n              <View\n                key={`${slotId}-${String(rowIndex)}-${String(cellIndex)}`}\n                style={{\n                  flex: weight,\n                  marginLeft: cellIndex === 0 ? 0 : colSpacing,\n                }}\n              >\n                {node}\n              </View>\n            );\n          })}\n        </View>\n      ))}\n    </Box>\n  );\n}\n"]}

package/dist/layout/index.d.ts

@@ -1,15 +0,0 @@
-export type { AppBarProps } from './AppBar';
-export { AppBar } from './AppBar';
-export type { CenterProps } from './Center';
-export { Center } from './Center';
-export type { InlineProps } from './Inline';
-export { Inline } from './Inline';
-export type { ScrollAreaProps } from './ScrollArea';
-export { ScrollArea } from './ScrollArea';
-export type { ShowProps } from './Show';
-export { Show } from './Show';
-export type { SpacerProps } from './Spacer';
-export { Spacer } from './Spacer';
-export type { TemplateProps } from './Template';
-export { Template } from './Template';
-//# sourceMappingURL=index.d.ts.map

package/dist/layout/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dist/layout/index.js

@@ -1,8 +0,0 @@
-export { AppBar } from './AppBar';
-export { Center } from './Center';
-export { Inline } from './Inline';
-export { ScrollArea } from './ScrollArea';
-export { Show } from './Show';
-export { Spacer } from './Spacer';
-export { Template } from './Template';
-//# sourceMappingURL=index.js.map

package/dist/layout/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/layout/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAE9B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC","sourcesContent":["export type { AppBarProps } from './AppBar';\nexport { AppBar } from './AppBar';\nexport type { CenterProps } from './Center';\nexport { Center } from './Center';\nexport type { InlineProps } from './Inline';\nexport { Inline } from './Inline';\nexport type { ScrollAreaProps } from './ScrollArea';\nexport { ScrollArea } from './ScrollArea';\nexport type { ShowProps } from './Show';\nexport { Show } from './Show';\nexport type { SpacerProps } from './Spacer';\nexport { Spacer } from './Spacer';\nexport type { TemplateProps } from './Template';\nexport { Template } from './Template';\n"]}

package/dist/utils/resolveBoxStyles.d.ts

@@ -1,7 +0,0 @@
-import type { ViewStyle } from 'react-native';
-import type { Breakpoint } from '../core/responsive/types';
-import type { SurfaceTheme } from '../theme/types';
-import type { BoxStyleProps } from '../types/layout';
-/*** Resolves responsive Box style props into one React Native view style. */
-export declare function resolveBoxStyles(theme: SurfaceTheme, breakpoint: Breakpoint, props: BoxStyleProps): ViewStyle;
-//# sourceMappingURL=resolveBoxStyles.d.ts.map

package/dist/utils/resolveBoxStyles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"resolveBoxStyles.d.ts","sourceRoot":"","sources":["../../src/utils/resolveBoxStyles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAE3D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,KAAK,EAAE,aAAa,EAAc,MAAM,iBAAiB,CAAC;AAGjE,6EAA6E;AAC7E,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,YAAY,EACnB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,aAAa,GACnB,SAAS,CAQX"}

package/dist/utils/resolveBoxStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"resolveBoxStyles.js","sourceRoot":"","sources":["../../src/utils/resolveBoxStyles.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ViewStyle } from 'react-native';\n\nimport { resolveResponsive } from '../core/responsive/resolve';\nimport type { Breakpoint } from '../core/responsive/types';\nimport { resolveToken } from '../theme/resolveToken';\nimport type { SurfaceTheme } from '../theme/types';\nimport type { BoxStyleProps, ColorValue } from '../types/layout';\nimport { resolveSpacing } from './resolveSpacing';\n\n/*** Resolves responsive Box style props into one React Native view style. */\nexport function resolveBoxStyles(\n  theme: SurfaceTheme,\n  breakpoint: Breakpoint,\n  props: BoxStyleProps,\n): ViewStyle {\n  return {\n    elevation: 0,\n    ...resolveSpacingStyles(theme, breakpoint, props),\n    ...resolveVisualStyles(theme, breakpoint, props),\n    ...resolveDimensionStyles(theme, breakpoint, props),\n    ...resolveLayoutStyles(breakpoint, props),\n  };\n}\n\n/*** Resolves padding and margin styles from responsive spacing props. */\nfunction resolveSpacingStyles(\n  theme: SurfaceTheme,\n  breakpoint: Breakpoint,\n  props: BoxStyleProps,\n): ViewStyle {\n  return {\n    padding: resolveSpacing(theme, resolveResponsive(props.p, breakpoint)),\n    paddingHorizontal: resolveSpacing(theme, resolveResponsive(props.px, breakpoint)),\n    paddingVertical: resolveSpacing(theme, resolveResponsive(props.py, breakpoint)),\n    paddingTop: resolveSpacing(theme, resolveResponsive(props.pt, breakpoint)),\n    paddingBottom: resolveSpacing(theme, resolveResponsive(props.pb, breakpoint)),\n    paddingLeft: resolveSpacing(theme, resolveResponsive(props.pl, breakpoint)),\n    paddingRight: resolveSpacing(theme, resolveResponsive(props.pr, breakpoint)),\n    margin: resolveSpacing(theme, resolveResponsive(props.m, breakpoint)),\n    marginHorizontal: resolveSpacing(theme, resolveResponsive(props.mx, breakpoint)),\n    marginVertical: resolveSpacing(theme, resolveResponsive(props.my, breakpoint)),\n    marginTop: resolveSpacing(theme, resolveResponsive(props.mt, breakpoint)),\n    marginBottom: resolveSpacing(theme, resolveResponsive(props.mb, breakpoint)),\n    marginLeft: resolveSpacing(theme, resolveResponsive(props.ml, breakpoint)),\n    marginRight: resolveSpacing(theme, resolveResponsive(props.mr, breakpoint)),\n  };\n}\n\n/*** Resolves background, radius, and border styles. */\nfunction resolveVisualStyles(\n  theme: SurfaceTheme,\n  breakpoint: Breakpoint,\n  props: BoxStyleProps,\n): ViewStyle {\n  return {\n    backgroundColor: resolveColor(theme, resolveResponsive(props.bg, breakpoint)),\n    borderRadius: resolveRadius(theme, resolveResponsive(props.radius, breakpoint)),\n    borderWidth: resolveResponsive(props.borderWidth, breakpoint),\n    borderColor: resolveColor(theme, resolveResponsive(props.borderColor, breakpoint)),\n  };\n}\n\n/*** Resolves responsive dimension props through spacing tokens. */\nfunction resolveDimensionStyles(\n  theme: SurfaceTheme,\n  breakpoint: Breakpoint,\n  props: BoxStyleProps,\n): ViewStyle {\n  return {\n    width: resolveDimension(\n      theme,\n      resolveResponsive(props.width, breakpoint),\n    ) as ViewStyle['width'],\n    height: resolveDimension(\n      theme,\n      resolveResponsive(props.height, breakpoint),\n    ) as ViewStyle['height'],\n    minWidth: resolveDimension(\n      theme,\n      resolveResponsive(props.minWidth, breakpoint),\n    ) as ViewStyle['minWidth'],\n    maxWidth: resolveDimension(\n      theme,\n      resolveResponsive(props.maxWidth, breakpoint),\n    ) as ViewStyle['maxWidth'],\n    minHeight: resolveDimension(\n      theme,\n      resolveResponsive(props.minHeight, breakpoint),\n    ) as ViewStyle['minHeight'],\n    maxHeight: resolveDimension(\n      theme,\n      resolveResponsive(props.maxHeight, breakpoint),\n    ) as ViewStyle['maxHeight'],\n  };\n}\n\n/*** Resolves responsive flex, positioning, and visibility styles. */\nfunction resolveLayoutStyles(breakpoint: Breakpoint, props: BoxStyleProps): ViewStyle {\n  return {\n    flex: resolveResponsive(props.flex, breakpoint),\n    flexGrow: resolveResponsive(props.flexGrow, breakpoint),\n    flexShrink: resolveResponsive(props.flexShrink, breakpoint),\n    flexBasis: resolveResponsive(props.flexBasis, breakpoint) as ViewStyle['flexBasis'],\n    alignSelf: resolveResponsive(props.alignSelf, breakpoint),\n    position: resolveResponsive(props.position, breakpoint),\n    top: resolveResponsive(props.top, breakpoint),\n    bottom: resolveResponsive(props.bottom, breakpoint),\n    left: resolveResponsive(props.left, breakpoint),\n    right: resolveResponsive(props.right, breakpoint),\n    overflow: resolveResponsive(props.overflow, breakpoint),\n    zIndex: resolveResponsive(props.zIndex, breakpoint),\n    opacity: resolveResponsive(props.opacity, breakpoint),\n  };\n}\n\n/*** Resolves a Surface radius token or raw number. */\nfunction resolveRadius(\n  theme: SurfaceTheme,\n  value: number | keyof SurfaceTheme['radii'] | undefined,\n): number | undefined {\n  return resolveToken(theme.radii, value);\n}\n\n/*** Resolves a Surface color token while preserving arbitrary color strings. */\nfunction resolveColor(theme: SurfaceTheme, value: ColorValue | undefined): string | undefined {\n  return resolveToken(theme.colors, value);\n}\n\n/*** Resolves spacing-token dimensions while preserving raw dimension strings. */\nfunction resolveDimension(\n  theme: SurfaceTheme,\n  value: number | string | undefined,\n): number | string | undefined {\n  return resolveToken(theme.spacing, value);\n}\n"]}

package/src/components/field/Field.tsx

@@ -1,51 +0,0 @@
-import React from 'react';
-
-import { Box, Stack } from '../../features/layout/public';
-import { resolveFieldPresentation, resolveFieldState } from '../../internal/resolvers';
-import { HelperText } from '../helper-text';
-import { Label } from '../label';
-import type { FieldProps } from './types';
-
-export function Field({
-  children,
-  label,
-  helperText,
-  errorText,
-  required = false,
-  disabled = false,
-  invalid = false,
-  readOnly = false,
-  testID,
-}: FieldProps) {
-  const hasErrorText = Boolean(errorText);
-  const fieldState = resolveFieldState({
-    disabled,
-    invalid: invalid || hasErrorText,
-    readOnly,
-  });
-  const presentation = resolveFieldPresentation(fieldState);
-
-  return (
-    <Stack gap="xs" testID={testID}>
-      {label ? (
-        <Label
-          color={presentation.labelColor}
-          emphasis={presentation.labelEmphasis}
-          required={required}
-        >
-          {label}
-        </Label>
-      ) : null}
-      <Box>{children}</Box>
-      {hasErrorText ? (
-        <HelperText color={presentation.helperColor} emphasis={presentation.helperEmphasis}>
-          {errorText}
-        </HelperText>
-      ) : helperText ? (
-        <HelperText color={presentation.helperColor} emphasis={presentation.helperEmphasis}>
-          {helperText}
-        </HelperText>
-      ) : null}
-    </Stack>
-  );
-}

package/src/components/field/index.ts

@@ -1,2 +0,0 @@
-export { Field } from './Field';
-export type { FieldProps } from './types';

package/src/components/helper-text/HelperText.tsx

@@ -1,12 +0,0 @@
-import React from 'react';
-
-import { Text } from '../../features/typography/public';
-import type { HelperTextProps } from './types';
-
-export function HelperText({ children, emphasis = 'muted', color, testID }: HelperTextProps) {
-  return (
-    <Text color={color} emphasis={emphasis} testID={testID} variant="caption">
-      {children}
-    </Text>
-  );
-}

package/src/components/helper-text/index.ts

@@ -1,2 +0,0 @@
-export { HelperText } from './HelperText';
-export type { HelperTextProps } from './types';

package/src/components/helper-text/types.ts

@@ -1,10 +0,0 @@
-import type React from 'react';
-
-import type { SurfaceColor, SurfaceEmphasis } from '../../surfaceColor';
-
-export interface HelperTextProps {
-  children?: React.ReactNode;
-  emphasis?: Extract<SurfaceEmphasis, 'default' | 'muted'>;
-  color?: Extract<SurfaceColor, 'error'>;
-  testID?: string;
-}

package/src/components/label/Label.tsx

@@ -1,23 +0,0 @@
-import React from 'react';
-
-import { Text } from '../../features/typography/public';
-import type { LabelProps } from './types';
-
-export function Label({
-  children,
-  required = false,
-  emphasis = 'default',
-  color,
-  testID,
-}: LabelProps) {
-  return (
-    <Text color={color} emphasis={emphasis} testID={testID} variant="label" weight="medium">
-      {children}
-      {required ? (
-        <Text color="error" variant="label" weight="medium">
-          {' *'}
-        </Text>
-      ) : null}
-    </Text>
-  );
-}

package/src/components/label/index.ts

@@ -1,2 +0,0 @@
-export { Label } from './Label';
-export type { LabelProps } from './types';

package/src/components/label/types.ts

@@ -1,11 +0,0 @@
-import type React from 'react';
-
-import type { SurfaceColor, SurfaceEmphasis } from '../../surfaceColor';
-
-export interface LabelProps {
-  children?: React.ReactNode;
-  required?: boolean;
-  emphasis?: Extract<SurfaceEmphasis, 'default' | 'muted'>;
-  color?: Extract<SurfaceColor, 'error'>;
-  testID?: string;
-}

package/src/components/list-item/ListItem.tsx

@@ -1,72 +0,0 @@
-import React from 'react';
-import { View } from 'react-native';
-
-import { Box } from '../../features/layout/public';
-import { Text } from '../../features/typography/public';
-import { ButtonBase } from '../../primitives/button-base';
-import { useTheme } from '../../theme/ThemeContext';
-import type { ListItemProps } from './types';
-
-function ListItemContent({
-  title,
-  description,
-  leading,
-  trailing,
-  testID,
-}: Omit<ListItemProps, 'disabled' | 'onPress'>) {
-  const { theme } = useTheme();
-
-  return (
-    <Box
-      px="m"
-      py="m"
-      testID={testID}
-      style={{
-        flexDirection: 'row',
-        alignItems: 'center',
-      }}
-    >
-      {leading ? <View style={{ marginRight: theme.spacing.m }}>{leading}</View> : null}
-      <Box flex={1}>
-        {title ? (
-          <Text numberOfLines={1} variant="body" weight="medium">
-            {title}
-          </Text>
-        ) : null}
-        {description ? (
-          <Text emphasis="muted" numberOfLines={2} variant="bodySmall">
-            {description}
-          </Text>
-        ) : null}
-      </Box>
-      {trailing ? <View style={{ marginLeft: theme.spacing.m }}>{trailing}</View> : null}
-    </Box>
-  );
-}
-
-export function ListItem({ onPress, disabled = false, testID, ...content }: ListItemProps) {
-  const { theme } = useTheme();
-
-  if (!onPress) {
-    return <ListItemContent {...content} testID={testID} />;
-  }
-
-  return (
-    <ButtonBase accessibilityRole="button" disabled={disabled} onPress={onPress} testID={testID}>
-      {(state) => (
-        <Box
-          style={{
-            backgroundColor: state.pressed
-              ? theme.semantics.neutral.surfaceActive
-              : state.hovered
-                ? theme.semantics.neutral.surfaceHover
-                : 'transparent',
-            opacity: state.disabled ? 0.72 : 1,
-          }}
-        >
-          <ListItemContent {...content} />
-        </Box>
-      )}
-    </ButtonBase>
-  );
-}

package/src/components/list-item/index.ts

@@ -1,2 +0,0 @@
-export { ListItem } from './ListItem';
-export type { ListItemProps } from './types';

package/src/components/list-item/types.ts

@@ -1,11 +0,0 @@
-import type React from 'react';
-
-export interface ListItemProps {
-  title?: React.ReactNode;
-  description?: React.ReactNode;
-  leading?: React.ReactNode;
-  trailing?: React.ReactNode;
-  onPress?: (() => void) | undefined;
-  disabled?: boolean;
-  testID?: string;
-}