@ankhorage/surface 4.2.0 → 4.3.0

package/dist/{layout → features/keyboard-avoiding-view/adapters/inbound}/KeyboardAvoidingView.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { KeyboardAvoidingView as ReactNativeKeyboardAvoidingView, } from 'react-native';
-/*** Preserve React Native keyboard avoidance behind the stable Surface layout boundary. */
+import { KeyboardAvoidingView as ReactNativeKeyboardAvoidingView } from 'react-native';
+/*** Preserves React Native keyboard avoidance behind the stable Surface feature boundary. */
 export function KeyboardAvoidingView(props) {
     return <ReactNativeKeyboardAvoidingView {...props}/>;
 }

package/dist/features/keyboard-avoiding-view/adapters/inbound/KeyboardAvoidingView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyboardAvoidingView.js","sourceRoot":"","sources":["../../../../../src/features/keyboard-avoiding-view/adapters/inbound/KeyboardAvoidingView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,oBAAoB,IAAI,+BAA+B,EAAE,MAAM,cAAc,CAAC;AAIvF,6FAA6F;AAC7F,MAAM,UAAU,oBAAoB,CAAC,KAAgC;IACnE,OAAO,CAAC,+BAA+B,CAAC,IAAI,KAAK,CAAC,EAAG,CAAC;AACxD,CAAC","sourcesContent":["import React from 'react';\nimport { KeyboardAvoidingView as ReactNativeKeyboardAvoidingView } from 'react-native';\n\nimport type { KeyboardAvoidingViewProps } from '../../../../types/keyboard-avoiding-view';\n\n/*** Preserves React Native keyboard avoidance behind the stable Surface feature boundary. */\nexport function KeyboardAvoidingView(props: KeyboardAvoidingViewProps) {\n  return <ReactNativeKeyboardAvoidingView {...props} />;\n}\n"]}

package/dist/features/keyboard-avoiding-view/public.d.ts

@@ -0,0 +1,3 @@
+export type { KeyboardAvoidingViewBehavior, KeyboardAvoidingViewProps, } from '../../types/keyboard-avoiding-view';
+export { KeyboardAvoidingView } from './adapters/inbound/KeyboardAvoidingView';
+//# sourceMappingURL=public.d.ts.map

package/dist/features/keyboard-avoiding-view/public.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/features/keyboard-avoiding-view/public.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,4BAA4B,EAC5B,yBAAyB,GAC1B,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC"}

package/dist/features/keyboard-avoiding-view/public.js

@@ -0,0 +1,2 @@
+export { KeyboardAvoidingView } from './adapters/inbound/KeyboardAvoidingView';
+//# sourceMappingURL=public.js.map

package/dist/features/keyboard-avoiding-view/public.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.js","sourceRoot":"","sources":["../../../src/features/keyboard-avoiding-view/public.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,oBAAoB,EAAE,MAAM,yCAAyC,CAAC","sourcesContent":["export type {\n  KeyboardAvoidingViewBehavior,\n  KeyboardAvoidingViewProps,\n} from '../../types/keyboard-avoiding-view';\nexport { KeyboardAvoidingView } from './adapters/inbound/KeyboardAvoidingView';\n"]}

package/dist/features/layout/adapters/inbound/Box.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { BoxProps } from '../../../../types/layout';
+/*** Renders the responsive foundational layout box. */
+export declare function Box({ accessible, accessibilityLabel, accessibilityRole, accessibilityState, children, pointerEvents, style, testID, ...props }: BoxProps): React.JSX.Element;
+//# sourceMappingURL=Box.d.ts.map

package/dist/features/layout/adapters/inbound/Box.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAGzD,uDAAuD;AACvD,wBAAgB,GAAG,CAAC,EAClB,UAAU,EACV,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,QAAQ,EACR,aAAa,EACb,KAAK,EACL,MAAM,EACN,GAAG,KAAK,EACT,EAAE,QAAQ,qBAmBV"}

package/dist/{layout → features/layout/adapters/inbound}/Box.js

@@ -1,9 +1,10 @@
 import React from 'react';
 import { View } from 'react-native';
-import { useResponsiveRuntime } from '../core/responsive';
-import { resolvePointerEvents } from '../internal/resolvePointerEvents';
-import { useTheme } from '../theme/ThemeContext';
-import { resolveBoxStyles } from './helpers';
+import { useResponsiveRuntime } from '../../../../core/responsive';
+import { resolvePointerEvents } from '../../../../internal/resolvePointerEvents';
+import { useTheme } from '../../../../theme/ThemeContext';
+import { resolveBoxStyles } from '../../../../utils/resolveBoxStyles';
+/*** Renders the responsive foundational layout box. */
 export function Box({ accessible, accessibilityLabel, accessibilityRole, accessibilityState, children, pointerEvents, style, testID, ...props }) {
     const { theme } = useTheme();
     const { breakpoint } = useResponsiveRuntime();

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

@@ -0,0 +1 @@
+{"version":3,"file":"Box.js","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/Box.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAEpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AACjF,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AAEtE,uDAAuD;AACvD,MAAM,UAAU,GAAG,CAAC,EAClB,UAAU,EACV,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,QAAQ,EACR,aAAa,EACb,KAAK,EACL,MAAM,EACN,GAAG,KAAK,EACC;IACT,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,KAAK,CAAC,CAAC;IAC5D,MAAM,qBAAqB,GAAG,aAAa,CAAC,CAAC,CAAC,oBAAoB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAEzF,OAAO,CACL,CAAC,IAAI,CACH,IAAI,qBAAqB,EAAE,KAAK,CAAC,CACjC,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CACvC,iBAAiB,CAAC,CAAC,iBAAiB,CAAC,CACrC,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CACvC,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC,CAAC,QAAQ,EAAE,qBAAqB,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAEvD;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport { useResponsiveRuntime } from '../../../../core/responsive';\nimport { resolvePointerEvents } from '../../../../internal/resolvePointerEvents';\nimport { useTheme } from '../../../../theme/ThemeContext';\nimport type { BoxProps } from '../../../../types/layout';\nimport { resolveBoxStyles } from '../../../../utils/resolveBoxStyles';\n\n/*** Renders the responsive foundational layout box. */\nexport function Box({\n  accessible,\n  accessibilityLabel,\n  accessibilityRole,\n  accessibilityState,\n  children,\n  pointerEvents,\n  style,\n  testID,\n  ...props\n}: BoxProps) {\n  const { theme } = useTheme();\n  const { breakpoint } = useResponsiveRuntime();\n  const resolved = resolveBoxStyles(theme, breakpoint, props);\n  const resolvedPointerEvents = pointerEvents ? resolvePointerEvents(pointerEvents) : null;\n\n  return (\n    <View\n      {...resolvedPointerEvents?.props}\n      accessible={accessible}\n      accessibilityLabel={accessibilityLabel}\n      accessibilityRole={accessibilityRole}\n      accessibilityState={accessibilityState}\n      testID={testID}\n      style={[resolved, resolvedPointerEvents?.style, style]}\n    >\n      {children}\n    </View>\n  );\n}\n"]}

package/dist/features/layout/adapters/inbound/Container.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { ContainerProps } from '../../../../types/layout';
+/*** Centers responsive content inside a configurable maximum width. */
+export declare function Container({ children, maxWidth, px, ...props }: ContainerProps): React.JSX.Element;
+//# sourceMappingURL=Container.d.ts.map

package/dist/features/layout/adapters/inbound/Container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAI/D,uEAAuE;AACvE,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,QAAsD,EACtD,EAAiC,EACjC,GAAG,KAAK,EACT,EAAE,cAAc,qBAWhB"}

package/dist/features/layout/adapters/inbound/Container.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { resolveResponsive, useResponsiveRuntime } from '../../../../core/responsive';
+import { useTheme } from '../../../../theme/ThemeContext';
+import { resolveSpacing } from '../../../../utils/resolveSpacing';
+import { Box } from './Box';
+/*** Centers responsive content inside a configurable maximum width. */
+export function Container({ children, maxWidth = { base: Number.MAX_SAFE_INTEGER, lg: 1120 }, px = { base: 16, md: 24, lg: 32 }, ...props }) {
+    const { theme } = useTheme();
+    const { breakpoint } = useResponsiveRuntime();
+    const activeMaxWidth = resolveResponsive(maxWidth, breakpoint);
+    const activePx = resolveSpacing(theme, resolveResponsive(px, breakpoint));
+    return (<Box {...props} width="100%" style={[styles.fullWidth, props.style]}>
+      <View style={resolveContainerStyle(activeMaxWidth, activePx)}>{children}</View>
+    </Box>);
+}
+/*** Resolves centered responsive Container dimensions and padding. */
+function resolveContainerStyle(maxWidth, horizontalPadding) {
+    return {
+        alignSelf: 'center',
+        maxWidth,
+        paddingLeft: horizontalPadding,
+        paddingRight: horizontalPadding,
+        width: '100%',
+    };
+}
+const styles = StyleSheet.create({ fullWidth: { width: '100%' } });
+//# sourceMappingURL=Container.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Container.js","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/Container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AAEhE,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,uEAAuE;AACvE,MAAM,UAAU,SAAS,CAAC,EACxB,QAAQ,EACR,QAAQ,GAAG,EAAE,IAAI,EAAE,MAAM,CAAC,gBAAgB,EAAE,EAAE,EAAE,IAAI,EAAE,EACtD,EAAE,GAAG,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EACjC,GAAG,KAAK,EACO;IACf,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,MAAM,EAAE,UAAU,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAC9C,MAAM,cAAc,GAAG,iBAAiB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;IAC/D,MAAM,QAAQ,GAAG,cAAc,CAAC,KAAK,EAAE,iBAAiB,CAAC,EAAE,EAAE,UAAU,CAAC,CAAC,CAAC;IAE1E,OAAO,CACL,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAClE;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,qBAAqB,CAAC,cAAc,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,CAChF;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC;AAED,sEAAsE;AACtE,SAAS,qBAAqB,CAC5B,QAA4B,EAC5B,iBAAqC;IAErC,OAAO;QACL,SAAS,EAAE,QAAQ;QACnB,QAAQ;QACR,WAAW,EAAE,iBAAiB;QAC9B,YAAY,EAAE,iBAAiB;QAC/B,KAAK,EAAE,MAAM;KACd,CAAC;AACJ,CAAC;AAED,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport { StyleSheet, View, type ViewStyle } from 'react-native';\n\nimport { resolveResponsive, useResponsiveRuntime } from '../../../../core/responsive';\nimport { useTheme } from '../../../../theme/ThemeContext';\nimport type { ContainerProps } from '../../../../types/layout';\nimport { resolveSpacing } from '../../../../utils/resolveSpacing';\nimport { Box } from './Box';\n\n/*** Centers responsive content inside a configurable maximum width. */\nexport function Container({\n  children,\n  maxWidth = { base: Number.MAX_SAFE_INTEGER, lg: 1120 },\n  px = { base: 16, md: 24, lg: 32 },\n  ...props\n}: ContainerProps) {\n  const { theme } = useTheme();\n  const { breakpoint } = useResponsiveRuntime();\n  const activeMaxWidth = resolveResponsive(maxWidth, breakpoint);\n  const activePx = resolveSpacing(theme, resolveResponsive(px, breakpoint));\n\n  return (\n    <Box {...props} width=\"100%\" style={[styles.fullWidth, props.style]}>\n      <View style={resolveContainerStyle(activeMaxWidth, activePx)}>{children}</View>\n    </Box>\n  );\n}\n\n/*** Resolves centered responsive Container dimensions and padding. */\nfunction resolveContainerStyle(\n  maxWidth: number | undefined,\n  horizontalPadding: number | undefined,\n): ViewStyle {\n  return {\n    alignSelf: 'center',\n    maxWidth,\n    paddingLeft: horizontalPadding,\n    paddingRight: horizontalPadding,\n    width: '100%',\n  };\n}\n\nconst styles = StyleSheet.create({ fullWidth: { width: '100%' } });\n"]}

package/dist/features/layout/adapters/inbound/Divider.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { DividerProps } from '../../../../types/layout';
+/*** Renders a horizontal or vertical separator using layout tokens. */
+export declare function Divider({ orientation, color, thickness, ...props }: DividerProps): React.JSX.Element;
+//# sourceMappingURL=Divider.d.ts.map

package/dist/features/layout/adapters/inbound/Divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAG7D,uEAAuE;AACvE,wBAAgB,OAAO,CAAC,EACtB,WAA0B,EAC1B,KAAgB,EAChB,SAAa,EACb,GAAG,KAAK,EACT,EAAE,YAAY,qBASd"}

package/dist/{layout → features/layout/adapters/inbound}/Divider.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import { Box } from './Box';
+/*** Renders a horizontal or vertical separator using layout tokens. */
 export function Divider({ orientation = 'horizontal', color = 'border', thickness = 1, ...props }) {
     return (<Box {...props} bg={color} height={orientation === 'horizontal' ? thickness : '100%'} width={orientation === 'vertical' ? thickness : '100%'}/>);
 }

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

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,uEAAuE;AACvE,MAAM,UAAU,OAAO,CAAC,EACtB,WAAW,GAAG,YAAY,EAC1B,KAAK,GAAG,QAAQ,EAChB,SAAS,GAAG,CAAC,EACb,GAAG,KAAK,EACK;IACb,OAAO,CACL,CAAC,GAAG,CACF,IAAI,KAAK,CAAC,CACV,EAAE,CAAC,CAAC,KAAK,CAAC,CACV,MAAM,CAAC,CAAC,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAC1D,KAAK,CAAC,CAAC,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,EACvD,CACH,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\n\nimport type { DividerProps } from '../../../../types/layout';\nimport { Box } from './Box';\n\n/*** Renders a horizontal or vertical separator using layout tokens. */\nexport function Divider({\n  orientation = 'horizontal',\n  color = 'border',\n  thickness = 1,\n  ...props\n}: DividerProps) {\n  return (\n    <Box\n      {...props}\n      bg={color}\n      height={orientation === 'horizontal' ? thickness : '100%'}\n      width={orientation === 'vertical' ? thickness : '100%'}\n    />\n  );\n}\n"]}

package/dist/features/layout/adapters/inbound/Grid.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { GridProps } from '../../../../types/layout';
+/*** Lays out children in a responsive wrapping grid. */
+export declare function Grid({ children, cols, gap, rowGap, colGap, minItemWidth, ...props }: GridProps): React.JSX.Element;
+//# sourceMappingURL=Grid.d.ts.map

package/dist/features/layout/adapters/inbound/Grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAI1D,wDAAwD;AACxD,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,IAAI,EACJ,GAAO,EACP,MAAM,EACN,MAAM,EACN,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,SAAS,qBA4BX"}

package/dist/features/layout/adapters/inbound/Grid.js

@@ -0,0 +1,48 @@
+import React from 'react';
+import { View } from 'react-native';
+import { resolveResponsive, useResponsiveRuntime } from '../../../../core/responsive';
+import { useTheme } from '../../../../theme/ThemeContext';
+import { resolveSpacing } from '../../../../utils/resolveSpacing';
+import { Box } from './Box';
+/*** Lays out children in a responsive wrapping grid. */
+export function Grid({ children, cols, gap = 0, rowGap, colGap, minItemWidth, ...props }) {
+    const { theme } = useTheme();
+    const { breakpoint } = useResponsiveRuntime();
+    const activeCols = Math.max(1, Math.floor(resolveResponsive(cols, breakpoint) ?? 1));
+    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);
+    const activeMinItemWidth = resolveResponsive(minItemWidth, breakpoint);
+    const basisPercent = `${100 / activeCols}%`;
+    return (<Box {...props}>
+      <View style={resolveGridStyle(rowSpacing, colSpacing)}>
+        {React.Children.toArray(children).map((node, index) => (<View key={String(index)} style={resolveGridItemStyle(activeMinItemWidth, basisPercent, rowSpacing, colSpacing)}>
+            {node}
+          </View>))}
+      </View>
+    </Box>);
+}
+/*** Resolves the wrapping Grid container style. */
+function resolveGridStyle(rowSpacing, colSpacing) {
+    return {
+        flexDirection: 'row',
+        flexWrap: 'wrap',
+        marginLeft: -colSpacing / 2,
+        marginRight: -colSpacing / 2,
+        marginTop: -rowSpacing / 2,
+    };
+}
+/*** Resolves a fixed-column or minimum-width grid item style. */
+function resolveGridItemStyle(minItemWidth, basisPercent, rowSpacing, colSpacing) {
+    const sizing = minItemWidth === undefined
+        ? { width: basisPercent, flexBasis: basisPercent }
+        : { minWidth: minItemWidth, flexBasis: minItemWidth, flexGrow: 1 };
+    return {
+        ...sizing,
+        paddingBottom: rowSpacing / 2,
+        paddingLeft: colSpacing / 2,
+        paddingRight: colSpacing / 2,
+        paddingTop: rowSpacing / 2,
+    };
+}
+//# sourceMappingURL=Grid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAkB,MAAM,cAAc,CAAC;AAEpD,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,wDAAwD;AACxD,MAAM,UAAU,IAAI,CAAC,EACnB,QAAQ,EACR,IAAI,EACJ,GAAG,GAAG,CAAC,EACP,MAAM,EACN,MAAM,EACN,YAAY,EACZ,GAAG,KAAK,EACE;IACV,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,MAAM,EAAE,UAAU,EAAE,GAAG,oBAAoB,EAAE,CAAC;IAC9C,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,iBAAiB,CAAC,IAAI,EAAE,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;IACrF,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;IACF,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;IACvE,MAAM,YAAY,GAAiB,GAAG,GAAG,GAAG,UAAU,GAAG,CAAC;IAE1D,OAAO,CACL,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,CACb;MAAA,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,gBAAgB,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC,CACpD;QAAA,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACrD,CAAC,IAAI,CACH,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CACnB,KAAK,CAAC,CAAC,oBAAoB,CAAC,kBAAkB,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,CAAC,CAAC,CAEtF;YAAA,CAAC,IAAI,CACP;UAAA,EAAE,IAAI,CAAC,CACR,CAAC,CACJ;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,GAAG,CAAC,CACP,CAAC;AACJ,CAAC;AAED,mDAAmD;AACnD,SAAS,gBAAgB,CAAC,UAAkB,EAAE,UAAkB;IAC9D,OAAO;QACL,aAAa,EAAE,KAAK;QACpB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,CAAC,UAAU,GAAG,CAAC;QAC3B,WAAW,EAAE,CAAC,UAAU,GAAG,CAAC;QAC5B,SAAS,EAAE,CAAC,UAAU,GAAG,CAAC;KAC3B,CAAC;AACJ,CAAC;AAED,iEAAiE;AACjE,SAAS,oBAAoB,CAC3B,YAAgC,EAChC,YAA0B,EAC1B,UAAkB,EAClB,UAAkB;IAElB,MAAM,MAAM,GACV,YAAY,KAAK,SAAS;QACxB,CAAC,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE;QAClD,CAAC,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC,EAAE,CAAC;IACvE,OAAO;QACL,GAAG,MAAM;QACT,aAAa,EAAE,UAAU,GAAG,CAAC;QAC7B,WAAW,EAAE,UAAU,GAAG,CAAC;QAC3B,YAAY,EAAE,UAAU,GAAG,CAAC;QAC5B,UAAU,EAAE,UAAU,GAAG,CAAC;KAC3B,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\nimport { View, type ViewStyle } from 'react-native';\n\nimport { resolveResponsive, useResponsiveRuntime } from '../../../../core/responsive';\nimport { useTheme } from '../../../../theme/ThemeContext';\nimport type { GridProps } from '../../../../types/layout';\nimport { resolveSpacing } from '../../../../utils/resolveSpacing';\nimport { Box } from './Box';\n\n/*** Lays out children in a responsive wrapping grid. */\nexport function Grid({\n  children,\n  cols,\n  gap = 0,\n  rowGap,\n  colGap,\n  minItemWidth,\n  ...props\n}: GridProps) {\n  const { theme } = useTheme();\n  const { breakpoint } = useResponsiveRuntime();\n  const activeCols = Math.max(1, Math.floor(resolveResponsive(cols, breakpoint) ?? 1));\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  const activeMinItemWidth = resolveResponsive(minItemWidth, breakpoint);\n  const basisPercent: `${number}%` = `${100 / activeCols}%`;\n\n  return (\n    <Box {...props}>\n      <View style={resolveGridStyle(rowSpacing, colSpacing)}>\n        {React.Children.toArray(children).map((node, index) => (\n          <View\n            key={String(index)}\n            style={resolveGridItemStyle(activeMinItemWidth, basisPercent, rowSpacing, colSpacing)}\n          >\n            {node}\n          </View>\n        ))}\n      </View>\n    </Box>\n  );\n}\n\n/*** Resolves the wrapping Grid container style. */\nfunction resolveGridStyle(rowSpacing: number, colSpacing: number): ViewStyle {\n  return {\n    flexDirection: 'row',\n    flexWrap: 'wrap',\n    marginLeft: -colSpacing / 2,\n    marginRight: -colSpacing / 2,\n    marginTop: -rowSpacing / 2,\n  };\n}\n\n/*** Resolves a fixed-column or minimum-width grid item style. */\nfunction resolveGridItemStyle(\n  minItemWidth: number | undefined,\n  basisPercent: `${number}%`,\n  rowSpacing: number,\n  colSpacing: number,\n): ViewStyle {\n  const sizing =\n    minItemWidth === undefined\n      ? { width: basisPercent, flexBasis: basisPercent }\n      : { minWidth: minItemWidth, flexBasis: minItemWidth, flexGrow: 1 };\n  return {\n    ...sizing,\n    paddingBottom: rowSpacing / 2,\n    paddingLeft: colSpacing / 2,\n    paddingRight: colSpacing / 2,\n    paddingTop: rowSpacing / 2,\n  };\n}\n"]}

package/dist/features/layout/adapters/inbound/Stack.d.ts

@@ -0,0 +1,5 @@
+import type React from 'react';
+import type { StackProps } from '../../../../types/layout';
+/*** Stacks authored children directly along a responsive flex direction. */
+export declare function Stack({ children, direction, gap, align, justify, wrap, ...props }: StackProps): React.JSX.Element;
+//# sourceMappingURL=Stack.d.ts.map

package/dist/features/layout/adapters/inbound/Stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../../../src/features/layout/adapters/inbound/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAI3D,4EAA4E;AAC5E,wBAAgB,KAAK,CAAC,EACpB,QAAQ,EACR,SAAoB,EACpB,GAAO,EACP,KAAK,EACL,OAAO,EACP,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,UAAU,qBA0BZ"}

package/dist/{layout → features/layout/adapters/inbound}/Stack.js

@@ -1,7 +1,8 @@
-import { resolveResponsive, useResponsiveRuntime } from '../core/responsive';
-import { useTheme } from '../theme/ThemeContext';
+import { resolveResponsive, useResponsiveRuntime } from '../../../../core/responsive';
+import { useTheme } from '../../../../theme/ThemeContext';
+import { resolveSpacing } from '../../../../utils/resolveSpacing';
 import { Box } from './Box';
-import { resolveSpacing } from './helpers';
+/*** Stacks authored children directly along a responsive flex direction. */
 export function Stack({ children, direction = 'column', gap = 0, align, justify, wrap, ...props }) {
     const { theme } = useTheme();
     const { breakpoint } = useResponsiveRuntime();

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

@@ -0,0 +1 @@
+{"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/features/layout/public.d.ts

@@ -0,0 +1,7 @@
+export type { BoxProps, ContainerProps, DividerProps, GridProps, StackProps, } from '../../types/layout';
+export { Box } from './adapters/inbound/Box';
+export { Container } from './adapters/inbound/Container';
+export { Divider } from './adapters/inbound/Divider';
+export { Grid } from './adapters/inbound/Grid';
+export { Stack } from './adapters/inbound/Stack';
+//# sourceMappingURL=public.d.ts.map

package/dist/features/layout/public.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/features/layout/public.ts"],"names":[],"mappings":"AAAA,YAAY,EACV,QAAQ,EACR,cAAc,EACd,YAAY,EACZ,SAAS,EACT,UAAU,GACX,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/features/layout/public.js

@@ -0,0 +1,6 @@
+export { Box } from './adapters/inbound/Box';
+export { Container } from './adapters/inbound/Container';
+export { Divider } from './adapters/inbound/Divider';
+export { Grid } from './adapters/inbound/Grid';
+export { Stack } from './adapters/inbound/Stack';
+//# sourceMappingURL=public.js.map

package/dist/features/layout/public.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.js","sourceRoot":"","sources":["../../../src/features/layout/public.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC","sourcesContent":["export type {\n  BoxProps,\n  ContainerProps,\n  DividerProps,\n  GridProps,\n  StackProps,\n} from '../../types/layout';\nexport { Box } from './adapters/inbound/Box';\nexport { Container } from './adapters/inbound/Container';\nexport { Divider } from './adapters/inbound/Divider';\nexport { Grid } from './adapters/inbound/Grid';\nexport { Stack } from './adapters/inbound/Stack';\n"]}

package/dist/features/surface/adapters/inbound/Surface.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { SurfaceProps } from '../../../../types/surface';
+/*** Renders a themed container surface with semantic elevation and border variants. */
+export declare function Surface({ variant, radius, style, ...props }: SurfaceProps): React.JSX.Element;
+//# sourceMappingURL=Surface.d.ts.map

package/dist/features/surface/adapters/inbound/Surface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Surface.d.ts","sourceRoot":"","sources":["../../../../../src/features/surface/adapters/inbound/Surface.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,YAAY,EAAkB,MAAM,2BAA2B,CAAC;AAG9E,uFAAuF;AACvF,wBAAgB,OAAO,CAAC,EAAE,OAAmB,EAAE,MAAY,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,qBAiB3F"}

package/dist/{layout → features/surface/adapters/inbound}/Surface.js

@@ -1,14 +1,22 @@
 import React from 'react';
-import { useTheme } from '../theme/ThemeContext';
-import { Box } from './Box';
+import { useTheme } from '../../../../theme/ThemeContext';
+import { Box } from '../../../layout/public';
+/*** Renders a themed container surface with semantic elevation and border variants. */
+export function Surface({ variant = 'default', radius = 'm', style, ...props }) {
+    const { theme } = useTheme();
+    const backgroundColor = variant === 'subtle'
+        ? theme.semantics.surface.subtle
+        : variant === 'raised'
+            ? theme.semantics.surface.raised
+            : theme.semantics.surface.default;
+    const borderColor = theme.semantics.border.default;
+    return (<Box {...props} radius={radius} style={[resolveSurfaceVariantStyles(variant, borderColor, backgroundColor), style]}/>);
+}
+/*** Resolves the semantic visual treatment for one Surface variant. */
 function resolveSurfaceVariantStyles(variant, borderColor, backgroundColor) {
     switch (variant) {
         case 'subtle':
-            return {
-                backgroundColor,
-                borderColor: 'transparent',
-                borderWidth: 0,
-            };
+            return { backgroundColor, borderColor: 'transparent', borderWidth: 0 };
         case 'raised':
             return {
                 backgroundColor,
@@ -21,28 +29,9 @@ function resolveSurfaceVariantStyles(variant, borderColor, backgroundColor) {
                 shadowRadius: 8,
             };
         case 'outline':
-            return {
-                backgroundColor: 'transparent',
-                borderColor,
-                borderWidth: 1,
-            };
+            return { backgroundColor: 'transparent', borderColor, borderWidth: 1 };
         case 'default':
-        default:
-            return {
-                backgroundColor,
-                borderColor,
-                borderWidth: 1,
-            };
+            return { backgroundColor, borderColor, borderWidth: 1 };
     }
 }
-export function Surface({ variant = 'default', radius = 'm', style, ...props }) {
-    const { theme } = useTheme();
-    const backgroundColor = variant === 'subtle'
-        ? theme.semantics.surface.subtle
-        : variant === 'raised'
-            ? theme.semantics.surface.raised
-            : theme.semantics.surface.default;
-    const borderColor = theme.semantics.border.default;
-    return (<Box {...props} radius={radius} style={[resolveSurfaceVariantStyles(variant, borderColor, backgroundColor), style]}/>);
-}
 //# sourceMappingURL=Surface.js.map

package/dist/features/surface/adapters/inbound/Surface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Surface.js","sourceRoot":"","sources":["../../../../../src/features/surface/adapters/inbound/Surface.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE1D,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAC;AAE7C,uFAAuF;AACvF,MAAM,UAAU,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,EAAE,MAAM,GAAG,GAAG,EAAE,KAAK,EAAE,GAAG,KAAK,EAAgB;IAC1F,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,MAAM,eAAe,GACnB,OAAO,KAAK,QAAQ;QAClB,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM;QAChC,CAAC,CAAC,OAAO,KAAK,QAAQ;YACpB,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,MAAM;YAChC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC;IACxC,MAAM,WAAW,GAAG,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,OAAO,CAAC;IAEnD,OAAO,CACL,CAAC,GAAG,CACF,IAAI,KAAK,CAAC,CACV,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC,CAAC,2BAA2B,CAAC,OAAO,EAAE,WAAW,EAAE,eAAe,CAAC,EAAE,KAAK,CAAC,CAAC,EACnF,CACH,CAAC;AACJ,CAAC;AAED,uEAAuE;AACvE,SAAS,2BAA2B,CAClC,OAAuB,EACvB,WAAmB,EACnB,eAAuB;IAEvB,QAAQ,OAAO,EAAE,CAAC;QAChB,KAAK,QAAQ;YACX,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,aAAa,EAAE,WAAW,EAAE,CAAC,EAAE,CAAC;QACzE,KAAK,QAAQ;YACX,OAAO;gBACL,eAAe;gBACf,WAAW,EAAE,aAAa;gBAC1B,WAAW,EAAE,CAAC;gBACd,SAAS,EAAE,CAAC;gBACZ,WAAW,EAAE,SAAS;gBACtB,aAAa,EAAE,IAAI;gBACnB,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE;gBACrC,YAAY,EAAE,CAAC;aAChB,CAAC;QACJ,KAAK,SAAS;YACZ,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC,EAAE,CAAC;QACzE,KAAK,SAAS;YACZ,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC,EAAE,CAAC;IAC5D,CAAC;AACH,CAAC","sourcesContent":["import React from 'react';\nimport type { ViewStyle } from 'react-native';\n\nimport { useTheme } from '../../../../theme/ThemeContext';\nimport type { SurfaceProps, SurfaceVariant } from '../../../../types/surface';\nimport { Box } from '../../../layout/public';\n\n/*** Renders a themed container surface with semantic elevation and border variants. */\nexport function Surface({ variant = 'default', radius = 'm', style, ...props }: SurfaceProps) {\n  const { theme } = useTheme();\n  const backgroundColor =\n    variant === 'subtle'\n      ? theme.semantics.surface.subtle\n      : variant === 'raised'\n        ? theme.semantics.surface.raised\n        : theme.semantics.surface.default;\n  const borderColor = theme.semantics.border.default;\n\n  return (\n    <Box\n      {...props}\n      radius={radius}\n      style={[resolveSurfaceVariantStyles(variant, borderColor, backgroundColor), style]}\n    />\n  );\n}\n\n/*** Resolves the semantic visual treatment for one Surface variant. */\nfunction resolveSurfaceVariantStyles(\n  variant: SurfaceVariant,\n  borderColor: string,\n  backgroundColor: string,\n): ViewStyle {\n  switch (variant) {\n    case 'subtle':\n      return { backgroundColor, borderColor: 'transparent', borderWidth: 0 };\n    case 'raised':\n      return {\n        backgroundColor,\n        borderColor: 'transparent',\n        borderWidth: 0,\n        elevation: 2,\n        shadowColor: '#000000',\n        shadowOpacity: 0.08,\n        shadowOffset: { width: 0, height: 2 },\n        shadowRadius: 8,\n      };\n    case 'outline':\n      return { backgroundColor: 'transparent', borderColor, borderWidth: 1 };\n    case 'default':\n      return { backgroundColor, borderColor, borderWidth: 1 };\n  }\n}\n"]}

package/dist/features/surface/public.d.ts

@@ -0,0 +1,3 @@
+export type { SurfaceProps, SurfaceVariant } from '../../types/surface';
+export { Surface } from './adapters/inbound/Surface';
+//# sourceMappingURL=public.d.ts.map

package/dist/features/surface/public.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/features/surface/public.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACxE,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/features/surface/public.js

@@ -0,0 +1,2 @@
+export { Surface } from './adapters/inbound/Surface';
+//# sourceMappingURL=public.js.map

package/dist/features/surface/public.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.js","sourceRoot":"","sources":["../../../src/features/surface/public.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC","sourcesContent":["export type { SurfaceProps, SurfaceVariant } from '../../types/surface';\nexport { Surface } from './adapters/inbound/Surface';\n"]}

package/dist/features/typography/adapters/inbound/Heading.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { HeadingProps } from '../../../../types/typography';
+/*** Renders a semantic, translatable heading using Surface typography tokens. */
+export declare function Heading({ text, children, level, align, color, emphasis, numberOfLines, i18nKey, testID, }: HeadingProps): React.JSX.Element;
+//# sourceMappingURL=Heading.d.ts.map

package/dist/features/typography/adapters/inbound/Heading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.d.ts","sourceRoot":"","sources":["../../../../../src/features/typography/adapters/inbound/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAGjE,iFAAiF;AACjF,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,QAAQ,EACR,KAAS,EACT,KAAK,EACL,KAAK,EACL,QAAoB,EACpB,aAAa,EACb,OAAO,EACP,MAAM,GACP,EAAE,YAAY,qBAed"}

package/dist/features/typography/adapters/inbound/Heading.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import { Text as ReactNativeText } from 'react-native';
+import { useTranslationContext } from '../../../../context/TranslationContext';
+import { useTheme } from '../../../../theme/ThemeContext';
+import { resolveHeadingTextStyle } from '../../utils/resolveHeadingTextStyle';
+/*** Renders a semantic, translatable heading using Surface typography tokens. */
+export function Heading({ text, children, level = 2, align, color, emphasis = 'default', numberOfLines, i18nKey, testID, }) {
+    const { theme } = useTheme();
+    const { t } = useTranslationContext();
+    const content = resolveHeadingContent({ text, children, i18nKey, translate: t });
+    return (<ReactNativeText accessibilityRole="header" testID={testID} numberOfLines={numberOfLines} style={resolveHeadingTextStyle(theme, level, align, emphasis, color)}>
+      {content}
+    </ReactNativeText>);
+}
+/*** Resolves authored or translated heading content without mutating source input. */
+function resolveHeadingContent({ text, children, i18nKey, translate, }) {
+    const content = text ?? children;
+    if (!i18nKey)
+        return content;
+    try {
+        const translated = translate(i18nKey);
+        return translated && translated !== i18nKey ? translated : content;
+    }
+    catch (error) {
+        console.warn('[Heading] Translation error:', error);
+        return content;
+    }
+}
+//# sourceMappingURL=Heading.js.map

package/dist/features/typography/adapters/inbound/Heading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../../../src/features/typography/adapters/inbound/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,IAAI,eAAe,EAAE,MAAM,cAAc,CAAC;AAEvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAC/E,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAE9E,iFAAiF;AACjF,MAAM,UAAU,OAAO,CAAC,EACtB,IAAI,EACJ,QAAQ,EACR,KAAK,GAAG,CAAC,EACT,KAAK,EACL,KAAK,EACL,QAAQ,GAAG,SAAS,EACpB,aAAa,EACb,OAAO,EACP,MAAM,GACO;IACb,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,eAAe,CACd,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,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAErE;MAAA,CAAC,OAAO,CACV;IAAA,EAAE,eAAe,CAAC,CACnB,CAAC;AACJ,CAAC;AAED,sFAAsF;AACtF,SAAS,qBAAqB,CAAC,EAC7B,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,SAAS,GAMV;IACC,MAAM,OAAO,GAAG,IAAI,IAAI,QAAQ,CAAC;IACjC,IAAI,CAAC,OAAO;QAAE,OAAO,OAAO,CAAC;IAE7B,IAAI,CAAC;QACH,MAAM,UAAU,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;QACtC,OAAO,UAAU,IAAI,UAAU,KAAK,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC;IACrE,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CAAC,IAAI,CAAC,8BAA8B,EAAE,KAAK,CAAC,CAAC;QACpD,OAAO,OAAO,CAAC;IACjB,CAAC;AACH,CAAC","sourcesContent":["import React from 'react';\nimport { Text as ReactNativeText } from 'react-native';\n\nimport { useTranslationContext } from '../../../../context/TranslationContext';\nimport { useTheme } from '../../../../theme/ThemeContext';\nimport type { HeadingProps } from '../../../../types/typography';\nimport { resolveHeadingTextStyle } from '../../utils/resolveHeadingTextStyle';\n\n/*** Renders a semantic, translatable heading using Surface typography tokens. */\nexport function Heading({\n  text,\n  children,\n  level = 2,\n  align,\n  color,\n  emphasis = 'default',\n  numberOfLines,\n  i18nKey,\n  testID,\n}: HeadingProps) {\n  const { theme } = useTheme();\n  const { t } = useTranslationContext();\n  const content = resolveHeadingContent({ text, children, i18nKey, translate: t });\n\n  return (\n    <ReactNativeText\n      accessibilityRole=\"header\"\n      testID={testID}\n      numberOfLines={numberOfLines}\n      style={resolveHeadingTextStyle(theme, level, align, emphasis, color)}\n    >\n      {content}\n    </ReactNativeText>\n  );\n}\n\n/*** Resolves authored or translated heading content without mutating source input. */\nfunction resolveHeadingContent({\n  text,\n  children,\n  i18nKey,\n  translate,\n}: {\n  text: HeadingProps['text'];\n  children: HeadingProps['children'];\n  i18nKey: HeadingProps['i18nKey'];\n  translate: (key: string) => string;\n}) {\n  const content = text ?? children;\n  if (!i18nKey) return content;\n\n  try {\n    const translated = translate(i18nKey);\n    return translated && translated !== i18nKey ? translated : content;\n  } catch (error) {\n    console.warn('[Heading] Translation error:', error);\n    return content;\n  }\n}\n"]}

package/dist/{primitives/text → features/typography/adapters/inbound}/Text.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
-import type { TextProps } from './types';
+import type { TextProps } from '../../../../types/typography';
+/*** Renders translatable body text using Surface semantic typography. */
 export declare function Text({ children, i18nKey, variant, emphasis, color, align, weight, italic, numberOfLines, testID, }: TextProps): React.JSX.Element;
 //# sourceMappingURL=Text.d.ts.map

package/dist/features/typography/adapters/inbound/Text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../../src/features/typography/adapters/inbound/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAE9D,yEAAyE;AACzE,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,OAAO,EACP,OAAgB,EAChB,QAAoB,EACpB,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAc,EACd,aAAa,EACb,MAAM,GACP,EAAE,SAAS,qBAiBX"}

package/dist/{primitives/text → features/typography/adapters/inbound}/Text.js

@@ -1,15 +1,26 @@
 import React from 'react';
 import { Text as ReactNativeText } from 'react-native';
-import { useTranslationContext } from '../../context/TranslationContext';
-import { resolveTextColor, resolveTextStyles } from '../../internal/resolvers';
-import { useTheme } from '../../theme/ThemeContext';
+import { useTranslationContext } from '../../../../context/TranslationContext';
+import { resolveTextColor, resolveTextStyles } from '../../../../internal/resolvers';
+import { useTheme } from '../../../../theme/ThemeContext';
+/*** Renders translatable body text using Surface semantic typography. */
+export function Text({ children, i18nKey, variant = 'body', emphasis = 'default', color, align, weight, italic = false, numberOfLines, testID, }) {
+    const { theme } = useTheme();
+    const { t } = useTranslationContext();
+    const content = resolveTextContent(children, i18nKey, t);
+    return (<ReactNativeText numberOfLines={numberOfLines} testID={testID} style={[
+            resolveTextStyles(theme, { align, italic, variant, weight }),
+            { color: resolveTextColor(theme, emphasis, color) },
+        ]}>
+      {content}
+    </ReactNativeText>);
+}
+/*** Resolves authored or translated Text content with a stable fallback. */
 function resolveTextContent(children, i18nKey, translate) {
-    if (children !== undefined) {
+    if (children !== undefined)
         return children;
-    }
-    if (!i18nKey) {
+    if (!i18nKey)
         return null;
-    }
     try {
         const translated = translate(i18nKey);
         return translated && translated !== i18nKey ? translated : i18nKey;
@@ -19,22 +30,4 @@ function resolveTextContent(children, i18nKey, translate) {
         return i18nKey;
     }
 }
-export function Text({ children, i18nKey, variant = 'body', emphasis = 'default', color, align, weight, italic = false, numberOfLines, testID, }) {
-    const { theme } = useTheme();
-    const { t } = useTranslationContext();
-    const content = resolveTextContent(children, i18nKey, t);
-    return (<ReactNativeText numberOfLines={numberOfLines} testID={testID} style={[
-            resolveTextStyles(theme, {
-                align,
-                italic,
-                variant,
-                weight,
-            }),
-            {
-                color: resolveTextColor(theme, emphasis, color),
-            },
-        ]}>
-      {content}
-    </ReactNativeText>);
-}
 //# sourceMappingURL=Text.js.map

package/dist/features/typography/adapters/inbound/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../../../src/features/typography/adapters/inbound/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,IAAI,eAAe,EAAE,MAAM,cAAc,CAAC;AAEvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAC/E,OAAO,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACrF,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAG1D,yEAAyE;AACzE,MAAM,UAAU,IAAI,CAAC,EACnB,QAAQ,EACR,OAAO,EACP,OAAO,GAAG,MAAM,EAChB,QAAQ,GAAG,SAAS,EACpB,KAAK,EACL,KAAK,EACL,MAAM,EACN,MAAM,GAAG,KAAK,EACd,aAAa,EACb,MAAM,GACI;IACV,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,MAAM,EAAE,CAAC,EAAE,GAAG,qBAAqB,EAAE,CAAC;IACtC,MAAM,OAAO,GAAG,kBAAkB,CAAC,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC;IAEzD,OAAO,CACL,CAAC,eAAe,CACd,aAAa,CAAC,CAAC,aAAa,CAAC,CAC7B,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC;YACL,iBAAiB,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC;YAC5D,EAAE,KAAK,EAAE,gBAAgB,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC,EAAE;SACpD,CAAC,CAEF;MAAA,CAAC,OAAO,CACV;IAAA,EAAE,eAAe,CAAC,CACnB,CAAC;AACJ,CAAC;AAED,4EAA4E;AAC5E,SAAS,kBAAkB,CACzB,QAA+B,EAC/B,OAA6B,EAC7B,SAAkC;IAElC,IAAI,QAAQ,KAAK,SAAS;QAAE,OAAO,QAAQ,CAAC;IAC5C,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,IAAI,CAAC;QACH,MAAM,UAAU,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC;QACtC,OAAO,UAAU,IAAI,UAAU,KAAK,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC;IACrE,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CAAC,IAAI,CAAC,2BAA2B,EAAE,KAAK,CAAC,CAAC;QACjD,OAAO,OAAO,CAAC;IACjB,CAAC;AACH,CAAC","sourcesContent":["import React from 'react';\nimport { Text as ReactNativeText } from 'react-native';\n\nimport { useTranslationContext } from '../../../../context/TranslationContext';\nimport { resolveTextColor, resolveTextStyles } from '../../../../internal/resolvers';\nimport { useTheme } from '../../../../theme/ThemeContext';\nimport type { TextProps } from '../../../../types/typography';\n\n/*** Renders translatable body text using Surface semantic typography. */\nexport function Text({\n  children,\n  i18nKey,\n  variant = 'body',\n  emphasis = 'default',\n  color,\n  align,\n  weight,\n  italic = false,\n  numberOfLines,\n  testID,\n}: TextProps) {\n  const { theme } = useTheme();\n  const { t } = useTranslationContext();\n  const content = resolveTextContent(children, i18nKey, t);\n\n  return (\n    <ReactNativeText\n      numberOfLines={numberOfLines}\n      testID={testID}\n      style={[\n        resolveTextStyles(theme, { align, italic, variant, weight }),\n        { color: resolveTextColor(theme, emphasis, color) },\n      ]}\n    >\n      {content}\n    </ReactNativeText>\n  );\n}\n\n/*** Resolves authored or translated Text content with a stable fallback. */\nfunction resolveTextContent(\n  children: TextProps['children'],\n  i18nKey: TextProps['i18nKey'],\n  translate: (key: string) => string,\n) {\n  if (children !== undefined) return children;\n  if (!i18nKey) return null;\n\n  try {\n    const translated = translate(i18nKey);\n    return translated && translated !== i18nKey ? translated : i18nKey;\n  } catch (error) {\n    console.warn('[Text] Translation error:', error);\n    return i18nKey;\n  }\n}\n"]}

package/dist/features/typography/public.d.ts

@@ -0,0 +1,4 @@
+export type { HeadingLevel, HeadingProps, TextProps } from '../../types/typography';
+export { Heading } from './adapters/inbound/Heading';
+export { Text } from './adapters/inbound/Text';
+//# sourceMappingURL=public.d.ts.map

package/dist/features/typography/public.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/features/typography/public.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACpF,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/features/typography/public.js

@@ -0,0 +1,3 @@
+export { Heading } from './adapters/inbound/Heading';
+export { Text } from './adapters/inbound/Text';
+//# sourceMappingURL=public.js.map

package/dist/features/typography/public.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.js","sourceRoot":"","sources":["../../../src/features/typography/public.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC","sourcesContent":["export type { HeadingLevel, HeadingProps, TextProps } from '../../types/typography';\nexport { Heading } from './adapters/inbound/Heading';\nexport { Text } from './adapters/inbound/Text';\n"]}

package/dist/features/typography/utils/resolveHeadingTextStyle.d.ts

@@ -0,0 +1,7 @@
+import type { TextStyle } from 'react-native';
+import type { SurfaceColor, SurfaceEmphasis } from '../../../surfaceColor';
+import type { SurfaceTheme } from '../../../theme/types';
+import type { HeadingLevel, HeadingProps } from '../../../types/typography';
+/*** Resolves theme-driven typography styles for one heading level. */
+export declare function resolveHeadingTextStyle(theme: SurfaceTheme, level: HeadingLevel, align?: HeadingProps['align'], emphasis?: SurfaceEmphasis, color?: SurfaceColor): TextStyle;
+//# sourceMappingURL=resolveHeadingTextStyle.d.ts.map

package/dist/features/typography/utils/resolveHeadingTextStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveHeadingTextStyle.d.ts","sourceRoot":"","sources":["../../../../src/features/typography/utils/resolveHeadingTextStyle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAI9C,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAC3E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACzD,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAE5E,sEAAsE;AACtE,wBAAgB,uBAAuB,CACrC,KAAK,EAAE,YAAY,EACnB,KAAK,EAAE,YAAY,EACnB,KAAK,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,EAC7B,QAAQ,GAAE,eAA2B,EACrC,KAAK,CAAC,EAAE,YAAY,GACnB,SAAS,CAKX"}

package/dist/features/typography/utils/resolveHeadingTextStyle.js

@@ -0,0 +1,10 @@
+import { resolveTextColor } from '../../../internal/resolvers/resolveTextColor';
+import { resolveTextStyles } from '../../../internal/resolvers/resolveTextStyles';
+/*** Resolves theme-driven typography styles for one heading level. */
+export function resolveHeadingTextStyle(theme, level, align, emphasis = 'default', color) {
+    return {
+        ...resolveTextStyles(theme, { align, level }),
+        color: resolveTextColor(theme, emphasis, color),
+    };
+}
+//# sourceMappingURL=resolveHeadingTextStyle.js.map

package/dist/features/typography/utils/resolveHeadingTextStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveHeadingTextStyle.js","sourceRoot":"","sources":["../../../../src/features/typography/utils/resolveHeadingTextStyle.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,8CAA8C,CAAC;AAChF,OAAO,EAAE,iBAAiB,EAAE,MAAM,+CAA+C,CAAC;AAKlF,sEAAsE;AACtE,MAAM,UAAU,uBAAuB,CACrC,KAAmB,EACnB,KAAmB,EACnB,KAA6B,EAC7B,WAA4B,SAAS,EACrC,KAAoB;IAEpB,OAAO;QACL,GAAG,iBAAiB,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;QAC7C,KAAK,EAAE,gBAAgB,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,CAAC;KAChD,CAAC;AACJ,CAAC","sourcesContent":["import type { TextStyle } from 'react-native';\n\nimport { resolveTextColor } from '../../../internal/resolvers/resolveTextColor';\nimport { resolveTextStyles } from '../../../internal/resolvers/resolveTextStyles';\nimport type { SurfaceColor, SurfaceEmphasis } from '../../../surfaceColor';\nimport type { SurfaceTheme } from '../../../theme/types';\nimport type { HeadingLevel, HeadingProps } from '../../../types/typography';\n\n/*** Resolves theme-driven typography styles for one heading level. */\nexport function resolveHeadingTextStyle(\n  theme: SurfaceTheme,\n  level: HeadingLevel,\n  align?: HeadingProps['align'],\n  emphasis: SurfaceEmphasis = 'default',\n  color?: SurfaceColor,\n): TextStyle {\n  return {\n    ...resolveTextStyles(theme, { align, level }),\n    color: resolveTextColor(theme, emphasis, color),\n  };\n}\n"]}