@ankhorage/surface 8.0.0 → 9.0.1

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @ankhorage/surface
 
+## 9.0.1
+
+### Patch Changes
+
+- 43bfcf9: Expose the canonical Surface color and emphasis catalogs through the React-free `@ankhorage/surface/color` subpath.
+
+## 9.0.0
+
+### Major Changes
+
+- c514433: Normalize theme, font, interaction-policy, and surface-color ownership. Add a nested ThemeScope boundary, remove raw theme/context internals and translation runtime from the public API, and consume deep object operations from @ankhorage/utility.
+
 ## 8.0.0
 
 ### Major Changes

package/dist/{surfaceColor.d.ts → constants/surfaceColor.d.ts}

@@ -2,8 +2,4 @@ export declare const SURFACE_PALETTE_COLORS: readonly ["primary", "secondary", "
 export declare const SURFACE_STATUS_COLORS: readonly ["success", "warning", "error", "info"];
 export declare const SURFACE_COLORS: readonly ["primary", "secondary", "tertiary", "quaternary", "neutral", "success", "warning", "error", "info", "danger"];
 export declare const SURFACE_EMPHASES: readonly ["default", "muted", "subtle", "inverse"];
-export type SurfacePaletteColor = (typeof SURFACE_PALETTE_COLORS)[number];
-export type SurfaceStatusColor = (typeof SURFACE_STATUS_COLORS)[number];
-export type SurfaceColor = (typeof SURFACE_COLORS)[number];
-export type SurfaceEmphasis = (typeof SURFACE_EMPHASES)[number];
 //# sourceMappingURL=surfaceColor.d.ts.map

package/dist/constants/surfaceColor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"surfaceColor.d.ts","sourceRoot":"","sources":["../../src/constants/surfaceColor.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,sBAAsB,wEAMzB,CAAC;AAEX,eAAO,MAAM,qBAAqB,kDAAmD,CAAC;AAEtF,eAAO,MAAM,cAAc,yHAIjB,CAAC;AAEX,eAAO,MAAM,gBAAgB,oDAAqD,CAAC"}

package/dist/constants/surfaceColor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"surfaceColor.js","sourceRoot":"","sources":["../../src/constants/surfaceColor.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,SAAS;IACT,WAAW;IACX,UAAU;IACV,YAAY;IACZ,SAAS;CACD,CAAC;AAEX,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,CAAU,CAAC;AAEtF,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,GAAG,sBAAsB;IACzB,GAAG,qBAAqB;IACxB,QAAQ;CACA,CAAC;AAEX,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,CAAU,CAAC","sourcesContent":["export const SURFACE_PALETTE_COLORS = [\n  'primary',\n  'secondary',\n  'tertiary',\n  'quaternary',\n  'neutral',\n] as const;\n\nexport const SURFACE_STATUS_COLORS = ['success', 'warning', 'error', 'info'] as const;\n\nexport const SURFACE_COLORS = [\n  ...SURFACE_PALETTE_COLORS,\n  ...SURFACE_STATUS_COLORS,\n  'danger',\n] as const;\n\nexport const SURFACE_EMPHASES = ['default', 'muted', 'subtle', 'inverse'] as const;\n"]}

package/dist/features/app-bar/adapters/inbound/AppBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppBar.d.ts","sourceRoot":"","sources":["../../../../../src/features/app-bar/adapters/inbound/AppBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAG7D,8FAA8F;AAC9F,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"}
+{"version":3,"file":"AppBar.d.ts","sourceRoot":"","sources":["../../../../../src/features/app-bar/adapters/inbound/AppBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAI7D,8FAA8F;AAC9F,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/features/app-bar/adapters/inbound/AppBar.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import { StyleSheet, View as ReactNativeView } from 'react-native';
 import { SafeAreaInsetsContext } from 'react-native-safe-area-context';
-import { useTheme } from '../../../../theme/ThemeContext';
 import { Divider, View } from '../../../layout/public';
+import { useTheme } from '../../../theme/runtime';
 /*** Renders application chrome with optional safe-area padding and leading/trailing slots. */
 export function AppBar({ leading, trailing, children, safeAreaTop = true, divider = false, contentStyle, bg, style, ...props }) {
     const { theme } = useTheme();

package/dist/features/app-bar/adapters/inbound/AppBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppBar.js","sourceRoot":"","sources":["../../../../../src/features/app-bar/adapters/inbound/AppBar.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { StyleSheet, View as ReactNativeView, type ViewStyle } from 'react-native';\nimport { SafeAreaInsetsContext } from 'react-native-safe-area-context';\n\nimport { useTheme } from '../../../../theme/ThemeContext';\nimport type { AppBarProps } from '../../../../types/app-bar';\nimport { Divider, View } from '../../../layout/public';\n\n/*** Renders application chrome with optional safe-area padding and leading/trailing slots. */\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    <View {...props} bg={bg ?? theme.semantics.surface.default} style={style}>\n      <ReactNativeView style={safeAreaStyle}>\n        <ReactNativeView\n          style={[styles.content, resolveHorizontalPadding(theme.spacing.m), contentStyle]}\n        >\n          {leading ? (\n            <ReactNativeView\n              style={[styles.accessory, resolveAccessoryMargin(theme.spacing.s, 'leading')]}\n            >\n              {leading}\n            </ReactNativeView>\n          ) : null}\n          <ReactNativeView style={styles.center}>{children}</ReactNativeView>\n          {trailing ? (\n            <ReactNativeView\n              style={[styles.accessory, resolveAccessoryMargin(theme.spacing.s, 'trailing')]}\n            >\n              {trailing}\n            </ReactNativeView>\n          ) : null}\n        </ReactNativeView>\n        {divider ? <Divider color={theme.semantics.neutral.divider} thickness={1} /> : null}\n      </ReactNativeView>\n    </View>\n  );\n}\n\n/*** Resolves dynamic horizontal padding for the AppBar content row. */\nfunction resolveHorizontalPadding(paddingHorizontal: number): ViewStyle {\n  return { paddingHorizontal };\n}\n\n/*** Resolves directional spacing for one AppBar accessory. */\nfunction resolveAccessoryMargin(spacing: number, position: 'leading' | 'trailing'): ViewStyle {\n  return position === 'leading' ? { marginRight: spacing } : { marginLeft: spacing };\n}\n\nconst styles = StyleSheet.create({\n  accessory: { flexShrink: 0 },\n  center: { flex: 1, minWidth: 0 },\n  content: { alignItems: 'center', flexDirection: 'row', minHeight: 56 },\n});\n"]}
+{"version":3,"file":"AppBar.js","sourceRoot":"","sources":["../../../../../src/features/app-bar/adapters/inbound/AppBar.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { StyleSheet, View as ReactNativeView, type ViewStyle } from 'react-native';\nimport { SafeAreaInsetsContext } from 'react-native-safe-area-context';\n\nimport type { AppBarProps } from '../../../../types/app-bar';\nimport { Divider, View } from '../../../layout/public';\nimport { useTheme } from '../../../theme/runtime';\n\n/*** Renders application chrome with optional safe-area padding and leading/trailing slots. */\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    <View {...props} bg={bg ?? theme.semantics.surface.default} style={style}>\n      <ReactNativeView style={safeAreaStyle}>\n        <ReactNativeView\n          style={[styles.content, resolveHorizontalPadding(theme.spacing.m), contentStyle]}\n        >\n          {leading ? (\n            <ReactNativeView\n              style={[styles.accessory, resolveAccessoryMargin(theme.spacing.s, 'leading')]}\n            >\n              {leading}\n            </ReactNativeView>\n          ) : null}\n          <ReactNativeView style={styles.center}>{children}</ReactNativeView>\n          {trailing ? (\n            <ReactNativeView\n              style={[styles.accessory, resolveAccessoryMargin(theme.spacing.s, 'trailing')]}\n            >\n              {trailing}\n            </ReactNativeView>\n          ) : null}\n        </ReactNativeView>\n        {divider ? <Divider color={theme.semantics.neutral.divider} thickness={1} /> : null}\n      </ReactNativeView>\n    </View>\n  );\n}\n\n/*** Resolves dynamic horizontal padding for the AppBar content row. */\nfunction resolveHorizontalPadding(paddingHorizontal: number): ViewStyle {\n  return { paddingHorizontal };\n}\n\n/*** Resolves directional spacing for one AppBar accessory. */\nfunction resolveAccessoryMargin(spacing: number, position: 'leading' | 'trailing'): ViewStyle {\n  return position === 'leading' ? { marginRight: spacing } : { marginLeft: spacing };\n}\n\nconst styles = StyleSheet.create({\n  accessory: { flexShrink: 0 },\n  center: { flex: 1, minWidth: 0 },\n  content: { alignItems: 'center', flexDirection: 'row', minHeight: 56 },\n});\n"]}

package/dist/features/badge/adapters/inbound/Badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../../src/features/badge/adapters/inbound/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAI1D,4DAA4D;AAC5D,wBAAgB,KAAK,CAAC,EACpB,OAAO,EACP,OAAgB,EAChB,KAAiB,EACjB,IAAU,EACV,MAAM,GACP,EAAE,UAAU,qBA2BZ"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../../src/features/badge/adapters/inbound/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAK1D,4DAA4D;AAC5D,wBAAgB,KAAK,CAAC,EACpB,OAAO,EACP,OAAgB,EAChB,KAAiB,EACjB,IAAU,EACV,MAAM,GACP,EAAE,UAAU,qBA2BZ"}

package/dist/features/badge/adapters/inbound/Badge.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { resolveButtonColors, resolveControlSize } from '../../../../internal/resolvers';
-import { useTheme } from '../../../../theme/ThemeContext';
 import { View } from '../../../layout/public';
+import { useTheme } from '../../../theme/runtime';
 import { Text } from '../../../typography/public';
 /*** Renders compact semantic status or metadata content. */
 export function Badge({ content, variant = 'soft', color = 'primary', size = 's', testID, }) {

package/dist/features/badge/adapters/inbound/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../../../src/features/badge/adapters/inbound/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACzF,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE1D,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAElD,4DAA4D;AAC5D,MAAM,UAAU,KAAK,CAAC,EACpB,OAAO,EACP,OAAO,GAAG,MAAM,EAChB,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,GAAG,EACV,MAAM,GACK;IACX,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,MAAM,WAAW,GAAG,kBAAkB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IACpD,MAAM,MAAM,GAAG,mBAAmB,CAAC,KAAK,EAAE;QACxC,OAAO;QACP,KAAK;QACL,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE;KAC3E,CAAC,CAAC;IAEH,OAAO,CACL,CAAC,IAAI,CACH,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,EAAE,WAAW,CAAC,iBAAiB,GAAG,CAAC,CAAC,CAAC,CAClE,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,WAAW,CAAC,eAAe,GAAG,CAAC,CAAC,CAAC,CACjD,MAAM,CAAC,CAAC,WAAW,CAAC,YAAY,CAAC,CACjC,KAAK,CAAC,CAAC,iBAAiB,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC,CAC9E,MAAM,CAAC,CAAC,MAAM,CAAC,CAEf;MAAA,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,QAAQ,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CACtD,OAAO,CAAC,WAAW,CACnB,MAAM,CAAC,QAAQ,CAEf;QAAA,CAAC,OAAO,CACV;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED,kEAAkE;AAClE,SAAS,iBAAiB,CACxB,eAAuB,EACvB,WAAmB,EACnB,OAA2C;IAE3C,OAAO;QACL,SAAS,EAAE,YAAY;QACvB,eAAe;QACf,WAAW;QACX,WAAW,EAAE,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;KACzC,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\nimport type { ViewStyle } from 'react-native';\n\nimport { resolveButtonColors, resolveControlSize } from '../../../../internal/resolvers';\nimport { useTheme } from '../../../../theme/ThemeContext';\nimport type { BadgeProps } from '../../../../types/badge';\nimport { View } from '../../../layout/public';\nimport { Text } from '../../../typography/public';\n\n/*** Renders compact semantic status or metadata content. */\nexport function Badge({\n  content,\n  variant = 'soft',\n  color = 'primary',\n  size = 's',\n  testID,\n}: BadgeProps) {\n  const { theme } = useTheme();\n  const controlSize = resolveControlSize(theme, size);\n  const colors = resolveButtonColors(theme, {\n    variant,\n    color,\n    state: { disabled: false, focused: false, hovered: false, pressed: false },\n  });\n\n  return (\n    <View\n      px={Math.max(theme.spacing.xs, controlSize.paddingHorizontal - 4)}\n      py={Math.max(4, controlSize.paddingVertical - 2)}\n      radius={controlSize.borderRadius}\n      style={resolveBadgeStyle(colors.backgroundColor, colors.borderColor, variant)}\n      testID={testID}\n    >\n      <Text\n        color={color}\n        emphasis={variant === 'solid' ? 'inverse' : 'default'}\n        variant=\"bodySmall\"\n        weight=\"medium\"\n      >\n        {content}\n      </Text>\n    </View>\n  );\n}\n\n/*** Resolves the visual container style for one badge variant. */\nfunction resolveBadgeStyle(\n  backgroundColor: string,\n  borderColor: string,\n  variant: NonNullable<BadgeProps['variant']>,\n): ViewStyle {\n  return {\n    alignSelf: 'flex-start',\n    backgroundColor,\n    borderColor,\n    borderWidth: variant === 'solid' ? 0 : 1,\n  };\n}\n"]}
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../../../src/features/badge/adapters/inbound/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEzF,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAElD,4DAA4D;AAC5D,MAAM,UAAU,KAAK,CAAC,EACpB,OAAO,EACP,OAAO,GAAG,MAAM,EAChB,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,GAAG,EACV,MAAM,GACK;IACX,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,MAAM,WAAW,GAAG,kBAAkB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IACpD,MAAM,MAAM,GAAG,mBAAmB,CAAC,KAAK,EAAE;QACxC,OAAO;QACP,KAAK;QACL,KAAK,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE;KAC3E,CAAC,CAAC;IAEH,OAAO,CACL,CAAC,IAAI,CACH,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,EAAE,WAAW,CAAC,iBAAiB,GAAG,CAAC,CAAC,CAAC,CAClE,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,WAAW,CAAC,eAAe,GAAG,CAAC,CAAC,CAAC,CACjD,MAAM,CAAC,CAAC,WAAW,CAAC,YAAY,CAAC,CACjC,KAAK,CAAC,CAAC,iBAAiB,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC,CAC9E,MAAM,CAAC,CAAC,MAAM,CAAC,CAEf;MAAA,CAAC,IAAI,CACH,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,QAAQ,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CACtD,OAAO,CAAC,WAAW,CACnB,MAAM,CAAC,QAAQ,CAEf;QAAA,CAAC,OAAO,CACV;MAAA,EAAE,IAAI,CACR;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED,kEAAkE;AAClE,SAAS,iBAAiB,CACxB,eAAuB,EACvB,WAAmB,EACnB,OAA2C;IAE3C,OAAO;QACL,SAAS,EAAE,YAAY;QACvB,eAAe;QACf,WAAW;QACX,WAAW,EAAE,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;KACzC,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\nimport type { ViewStyle } from 'react-native';\n\nimport { resolveButtonColors, resolveControlSize } from '../../../../internal/resolvers';\nimport type { BadgeProps } from '../../../../types/badge';\nimport { View } from '../../../layout/public';\nimport { useTheme } from '../../../theme/runtime';\nimport { Text } from '../../../typography/public';\n\n/*** Renders compact semantic status or metadata content. */\nexport function Badge({\n  content,\n  variant = 'soft',\n  color = 'primary',\n  size = 's',\n  testID,\n}: BadgeProps) {\n  const { theme } = useTheme();\n  const controlSize = resolveControlSize(theme, size);\n  const colors = resolveButtonColors(theme, {\n    variant,\n    color,\n    state: { disabled: false, focused: false, hovered: false, pressed: false },\n  });\n\n  return (\n    <View\n      px={Math.max(theme.spacing.xs, controlSize.paddingHorizontal - 4)}\n      py={Math.max(4, controlSize.paddingVertical - 2)}\n      radius={controlSize.borderRadius}\n      style={resolveBadgeStyle(colors.backgroundColor, colors.borderColor, variant)}\n      testID={testID}\n    >\n      <Text\n        color={color}\n        emphasis={variant === 'solid' ? 'inverse' : 'default'}\n        variant=\"bodySmall\"\n        weight=\"medium\"\n      >\n        {content}\n      </Text>\n    </View>\n  );\n}\n\n/*** Resolves the visual container style for one badge variant. */\nfunction resolveBadgeStyle(\n  backgroundColor: string,\n  borderColor: string,\n  variant: NonNullable<BadgeProps['variant']>,\n): ViewStyle {\n  return {\n    alignSelf: 'flex-start',\n    backgroundColor,\n    borderColor,\n    borderWidth: variant === 'solid' ? 0 : 1,\n  };\n}\n"]}

package/dist/features/button/adapters/inbound/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/features/button/adapters/inbound/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAM5D,+EAA+E;AAC/E,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,OAAiB,EACjB,KAAiB,EACjB,IAAU,EACV,QAAgB,EAChB,OAAe,EACf,WAAW,EACX,YAAY,EACZ,SAAiB,EACjB,OAAO,EACP,MAAM,EACN,GAAG,KAAK,EACT,EAAE,WAAW,qBA8Bb"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/features/button/adapters/inbound/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAQ5D,+EAA+E;AAC/E,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,OAAiB,EACjB,KAAiB,EACjB,IAAU,EACV,QAAgB,EAChB,OAAe,EACf,WAAW,EACX,YAAY,EACZ,SAAiB,EACjB,OAAO,EACP,MAAM,EACN,GAAG,KAAK,EACT,EAAE,WAAW,qBA8Bb"}

package/dist/features/button/adapters/inbound/Button.js

@@ -1,10 +1,10 @@
 import React from 'react';
 import { ActivityIndicator, View as ReactNativeView } from 'react-native';
 import { resolveButtonColors, resolveControlSize, resolveIconSize, } from '../../../../internal/resolvers';
-import { useTheme } from '../../../../theme/ThemeContext';
 import { Icon } from '../../../icon/public';
 import { View } from '../../../layout/public';
 import { Pressable } from '../../../pressable/public';
+import { useTheme } from '../../../theme/runtime';
 import { Text } from '../../../typography/public';
 /*** Renders the primary Surface action control with semantic visual states. */
 export function Button({ children, variant = 'solid', color = 'primary', size = 'm', disabled = false, loading = false, leadingIcon, trailingIcon, fullWidth = false, onPress, testID, ...props }) {

package/dist/features/button/adapters/inbound/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/features/button/adapters/inbound/Button.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { ActivityIndicator, View as ReactNativeView, type ViewStyle } from 'react-native';\n\nimport {\n  type InteractionState,\n  resolveButtonColors,\n  resolveControlSize,\n  resolveIconSize,\n} from '../../../../internal/resolvers';\nimport { useTheme } from '../../../../theme/ThemeContext';\nimport type { SurfaceTheme } from '../../../../theme/types';\nimport type { ButtonProps } from '../../../../types/button';\nimport { Icon } from '../../../icon/public';\nimport { View } from '../../../layout/public';\nimport { Pressable } from '../../../pressable/public';\nimport { Text } from '../../../typography/public';\n\n/*** Renders the primary Surface action control with semantic visual states. */\nexport function Button({\n  children,\n  variant = 'solid',\n  color = 'primary',\n  size = 'm',\n  disabled = false,\n  loading = false,\n  leadingIcon,\n  trailingIcon,\n  fullWidth = false,\n  onPress,\n  testID,\n  ...props\n}: ButtonProps) {\n  const { theme } = useTheme();\n  const controlSize = resolveControlSize(theme, size);\n\n  return (\n    <Pressable\n      {...props}\n      disabled={disabled || loading}\n      onPress={onPress}\n      style={resolvePressableStyle(fullWidth)}\n      testID={testID}\n    >\n      {(state) => (\n        <ButtonContent\n          color={color}\n          controlSize={controlSize}\n          fullWidth={fullWidth}\n          leadingIcon={leadingIcon}\n          loading={loading}\n          size={size}\n          state={state}\n          theme={theme}\n          trailingIcon={trailingIcon}\n          variant={variant}\n        >\n          {children}\n        </ButtonContent>\n      )}\n    </Pressable>\n  );\n}\n\n/*** Renders Button content after interaction colors have been resolved. */\nfunction ButtonContent({\n  children,\n  color,\n  controlSize,\n  fullWidth,\n  leadingIcon,\n  loading,\n  size,\n  state,\n  theme,\n  trailingIcon,\n  variant,\n}: ButtonContentProps) {\n  const colors = resolveButtonColors(theme, { variant, color, state });\n  const muted = colors.contentColor === theme.semantics.content.muted;\n  const iconSize = resolveIconSize(theme, size);\n\n  return (\n    <View\n      px={controlSize.paddingHorizontal}\n      py={controlSize.paddingVertical}\n      radius={controlSize.borderRadius}\n      style={resolveButtonContentStyle(controlSize, colors, fullWidth, variant)}\n    >\n      {loading ? (\n        <ActivityIndicator color={colors.contentColor} size=\"small\" />\n      ) : (\n        <>\n          {leadingIcon ? (\n            <ReactNativeView style={resolveAccessoryStyle(theme.spacing.s, 'leading')}>\n              <Icon {...leadingIcon} color={colors.contentColor} size={iconSize} />\n            </ReactNativeView>\n          ) : null}\n          <Text\n            color={muted ? undefined : color}\n            emphasis={muted ? 'muted' : variant === 'solid' ? 'inverse' : 'default'}\n            variant={controlSize.textVariant}\n            weight=\"semiBold\"\n          >\n            {children}\n          </Text>\n          {trailingIcon ? (\n            <ReactNativeView style={resolveAccessoryStyle(theme.spacing.s, 'trailing')}>\n              <Icon {...trailingIcon} color={colors.contentColor} size={iconSize} />\n            </ReactNativeView>\n          ) : null}\n        </>\n      )}\n    </View>\n  );\n}\n\n/*** Resolves the outer Pressable layout style. */\nfunction resolvePressableStyle(fullWidth: boolean): ViewStyle {\n  return { alignSelf: fullWidth ? 'stretch' : 'flex-start' };\n}\n\n/*** Resolves the themed Button content container style. */\nfunction resolveButtonContentStyle(\n  controlSize: ReturnType<typeof resolveControlSize>,\n  colors: ReturnType<typeof resolveButtonColors>,\n  fullWidth: boolean,\n  variant: NonNullable<ButtonProps['variant']>,\n): ViewStyle {\n  return {\n    alignItems: 'center',\n    backgroundColor: colors.backgroundColor,\n    borderColor: colors.borderColor,\n    borderWidth: variant === 'solid' ? 0 : 1,\n    flexDirection: 'row',\n    justifyContent: 'center',\n    minHeight: controlSize.minHeight,\n    opacity: colors.opacity,\n    width: fullWidth ? '100%' : undefined,\n  };\n}\n\n/*** Resolves spacing around a leading or trailing Button icon. */\nfunction resolveAccessoryStyle(spacing: number, position: 'leading' | 'trailing'): ViewStyle {\n  return position === 'leading' ? { marginRight: spacing } : { marginLeft: spacing };\n}\n\ninterface ButtonContentProps {\n  children: ButtonProps['children'];\n  color: NonNullable<ButtonProps['color']>;\n  controlSize: ReturnType<typeof resolveControlSize>;\n  fullWidth: boolean;\n  leadingIcon: ButtonProps['leadingIcon'];\n  loading: boolean;\n  size: NonNullable<ButtonProps['size']>;\n  state: InteractionState;\n  theme: SurfaceTheme;\n  trailingIcon: ButtonProps['trailingIcon'];\n  variant: NonNullable<ButtonProps['variant']>;\n}\n"]}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/features/button/adapters/inbound/Button.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { ActivityIndicator, View as ReactNativeView, type ViewStyle } from 'react-native';\n\nimport {\n  type InteractionState,\n  resolveButtonColors,\n  resolveControlSize,\n  resolveIconSize,\n} from '../../../../internal/resolvers';\nimport type { ButtonProps } from '../../../../types/button';\nimport type { SurfaceTheme } from '../../../../types/theme';\nimport { Icon } from '../../../icon/public';\nimport { View } from '../../../layout/public';\nimport { Pressable } from '../../../pressable/public';\nimport { useTheme } from '../../../theme/runtime';\nimport { Text } from '../../../typography/public';\n\n/*** Renders the primary Surface action control with semantic visual states. */\nexport function Button({\n  children,\n  variant = 'solid',\n  color = 'primary',\n  size = 'm',\n  disabled = false,\n  loading = false,\n  leadingIcon,\n  trailingIcon,\n  fullWidth = false,\n  onPress,\n  testID,\n  ...props\n}: ButtonProps) {\n  const { theme } = useTheme();\n  const controlSize = resolveControlSize(theme, size);\n\n  return (\n    <Pressable\n      {...props}\n      disabled={disabled || loading}\n      onPress={onPress}\n      style={resolvePressableStyle(fullWidth)}\n      testID={testID}\n    >\n      {(state) => (\n        <ButtonContent\n          color={color}\n          controlSize={controlSize}\n          fullWidth={fullWidth}\n          leadingIcon={leadingIcon}\n          loading={loading}\n          size={size}\n          state={state}\n          theme={theme}\n          trailingIcon={trailingIcon}\n          variant={variant}\n        >\n          {children}\n        </ButtonContent>\n      )}\n    </Pressable>\n  );\n}\n\n/*** Renders Button content after interaction colors have been resolved. */\nfunction ButtonContent({\n  children,\n  color,\n  controlSize,\n  fullWidth,\n  leadingIcon,\n  loading,\n  size,\n  state,\n  theme,\n  trailingIcon,\n  variant,\n}: ButtonContentProps) {\n  const colors = resolveButtonColors(theme, { variant, color, state });\n  const muted = colors.contentColor === theme.semantics.content.muted;\n  const iconSize = resolveIconSize(theme, size);\n\n  return (\n    <View\n      px={controlSize.paddingHorizontal}\n      py={controlSize.paddingVertical}\n      radius={controlSize.borderRadius}\n      style={resolveButtonContentStyle(controlSize, colors, fullWidth, variant)}\n    >\n      {loading ? (\n        <ActivityIndicator color={colors.contentColor} size=\"small\" />\n      ) : (\n        <>\n          {leadingIcon ? (\n            <ReactNativeView style={resolveAccessoryStyle(theme.spacing.s, 'leading')}>\n              <Icon {...leadingIcon} color={colors.contentColor} size={iconSize} />\n            </ReactNativeView>\n          ) : null}\n          <Text\n            color={muted ? undefined : color}\n            emphasis={muted ? 'muted' : variant === 'solid' ? 'inverse' : 'default'}\n            variant={controlSize.textVariant}\n            weight=\"semiBold\"\n          >\n            {children}\n          </Text>\n          {trailingIcon ? (\n            <ReactNativeView style={resolveAccessoryStyle(theme.spacing.s, 'trailing')}>\n              <Icon {...trailingIcon} color={colors.contentColor} size={iconSize} />\n            </ReactNativeView>\n          ) : null}\n        </>\n      )}\n    </View>\n  );\n}\n\n/*** Resolves the outer Pressable layout style. */\nfunction resolvePressableStyle(fullWidth: boolean): ViewStyle {\n  return { alignSelf: fullWidth ? 'stretch' : 'flex-start' };\n}\n\n/*** Resolves the themed Button content container style. */\nfunction resolveButtonContentStyle(\n  controlSize: ReturnType<typeof resolveControlSize>,\n  colors: ReturnType<typeof resolveButtonColors>,\n  fullWidth: boolean,\n  variant: NonNullable<ButtonProps['variant']>,\n): ViewStyle {\n  return {\n    alignItems: 'center',\n    backgroundColor: colors.backgroundColor,\n    borderColor: colors.borderColor,\n    borderWidth: variant === 'solid' ? 0 : 1,\n    flexDirection: 'row',\n    justifyContent: 'center',\n    minHeight: controlSize.minHeight,\n    opacity: colors.opacity,\n    width: fullWidth ? '100%' : undefined,\n  };\n}\n\n/*** Resolves spacing around a leading or trailing Button icon. */\nfunction resolveAccessoryStyle(spacing: number, position: 'leading' | 'trailing'): ViewStyle {\n  return position === 'leading' ? { marginRight: spacing } : { marginLeft: spacing };\n}\n\ninterface ButtonContentProps {\n  children: ButtonProps['children'];\n  color: NonNullable<ButtonProps['color']>;\n  controlSize: ReturnType<typeof resolveControlSize>;\n  fullWidth: boolean;\n  leadingIcon: ButtonProps['leadingIcon'];\n  loading: boolean;\n  size: NonNullable<ButtonProps['size']>;\n  state: InteractionState;\n  theme: SurfaceTheme;\n  trailingIcon: ButtonProps['trailingIcon'];\n  variant: NonNullable<ButtonProps['variant']>;\n}\n"]}

package/dist/features/button/adapters/inbound/IconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../../src/features/button/adapters/inbound/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAKhE,8DAA8D;AAC9D,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,kBAAkB,EAClB,OAAiB,EACjB,KAAiB,EACjB,IAAU,EACV,QAAgB,EAChB,OAAO,EACP,MAAM,EACN,GAAG,KAAK,EACT,EAAE,eAAe,qBAyBjB"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../../src/features/button/adapters/inbound/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAMhE,8DAA8D;AAC9D,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,kBAAkB,EAClB,OAAiB,EACjB,KAAiB,EACjB,IAAU,EACV,QAAgB,EAChB,OAAO,EACP,MAAM,EACN,GAAG,KAAK,EACT,EAAE,eAAe,qBAyBjB"}

package/dist/features/button/adapters/inbound/IconButton.js

@@ -1,9 +1,9 @@
 import React from 'react';
 import { resolveButtonColors, resolveControlSize, resolveIconSize, } from '../../../../internal/resolvers';
-import { useTheme } from '../../../../theme/ThemeContext';
 import { Icon } from '../../../icon/public';
 import { View } from '../../../layout/public';
 import { Pressable } from '../../../pressable/public';
+import { useTheme } from '../../../theme/runtime';
 /*** Renders a compact accessible icon-only action control. */
 export function IconButton({ icon, accessibilityLabel, variant = 'ghost', color = 'primary', size = 'm', disabled = false, onPress, testID, ...props }) {
     const { theme } = useTheme();

package/dist/features/button/adapters/inbound/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../../../src/features/button/adapters/inbound/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,eAAe,GAChB,MAAM,gCAAgC,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE1D,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,8DAA8D;AAC9D,MAAM,UAAU,UAAU,CAAC,EACzB,IAAI,EACJ,kBAAkB,EAClB,OAAO,GAAG,OAAO,EACjB,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,GAAG,EACV,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,MAAM,EACN,GAAG,KAAK,EACQ;IAChB,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,MAAM,WAAW,GAAG,kBAAkB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAEpD,OAAO,CACL,CAAC,SAAS,CACR,IAAI,KAAK,CAAC,CACV,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CACvC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,MAAM,CAAC,CAAC,MAAM,CAAC,CAEf;MAAA,CAAC,CAAC,KAAK,EAAE,EAAE;YACT,MAAM,MAAM,GAAG,mBAAmB,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC;YACrE,OAAO,CACL,CAAC,IAAI,CACH,MAAM,CAAC,CAAC,WAAW,CAAC,YAAY,CAAC,CACjC,KAAK,CAAC,CAAC,sBAAsB,CAAC,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAE5D;YAAA,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,EACjF;UAAA,EAAE,IAAI,CAAC,CACR,CAAC;QACJ,CAAC,CACH;IAAA,EAAE,SAAS,CAAC,CACb,CAAC;AACJ,CAAC;AAED,gFAAgF;AAChF,SAAS,sBAAsB,CAC7B,WAAkD,EAClD,MAA8C,EAC9C,OAAgD;IAEhD,OAAO;QACL,UAAU,EAAE,QAAQ;QACpB,eAAe,EAAE,MAAM,CAAC,eAAe;QACvC,WAAW,EAAE,MAAM,CAAC,WAAW;QAC/B,WAAW,EAAE,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACxC,cAAc,EAAE,QAAQ;QACxB,SAAS,EAAE,WAAW,CAAC,SAAS;QAChC,QAAQ,EAAE,WAAW,CAAC,SAAS;QAC/B,OAAO,EAAE,MAAM,CAAC,OAAO;KACxB,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\nimport type { ViewStyle } from 'react-native';\n\nimport {\n  resolveButtonColors,\n  resolveControlSize,\n  resolveIconSize,\n} from '../../../../internal/resolvers';\nimport { useTheme } from '../../../../theme/ThemeContext';\nimport type { IconButtonProps } from '../../../../types/button';\nimport { Icon } from '../../../icon/public';\nimport { View } from '../../../layout/public';\nimport { Pressable } from '../../../pressable/public';\n\n/*** Renders a compact accessible icon-only action control. */\nexport function IconButton({\n  icon,\n  accessibilityLabel,\n  variant = 'ghost',\n  color = 'primary',\n  size = 'm',\n  disabled = false,\n  onPress,\n  testID,\n  ...props\n}: IconButtonProps) {\n  const { theme } = useTheme();\n  const controlSize = resolveControlSize(theme, size);\n\n  return (\n    <Pressable\n      {...props}\n      accessibilityLabel={accessibilityLabel}\n      disabled={disabled}\n      onPress={onPress}\n      testID={testID}\n    >\n      {(state) => {\n        const colors = resolveButtonColors(theme, { color, state, variant });\n        return (\n          <View\n            radius={controlSize.borderRadius}\n            style={resolveIconButtonStyle(controlSize, colors, variant)}\n          >\n            <Icon {...icon} color={colors.contentColor} size={resolveIconSize(theme, size)} />\n          </View>\n        );\n      }}\n    </Pressable>\n  );\n}\n\n/*** Resolves the visual container style for an IconButton interaction state. */\nfunction resolveIconButtonStyle(\n  controlSize: ReturnType<typeof resolveControlSize>,\n  colors: ReturnType<typeof resolveButtonColors>,\n  variant: NonNullable<IconButtonProps['variant']>,\n): ViewStyle {\n  return {\n    alignItems: 'center',\n    backgroundColor: colors.backgroundColor,\n    borderColor: colors.borderColor,\n    borderWidth: variant === 'solid' ? 0 : 1,\n    justifyContent: 'center',\n    minHeight: controlSize.minHeight,\n    minWidth: controlSize.minHeight,\n    opacity: colors.opacity,\n  };\n}\n"]}
+{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../../../src/features/button/adapters/inbound/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,eAAe,GAChB,MAAM,gCAAgC,CAAC;AAExC,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAElD,8DAA8D;AAC9D,MAAM,UAAU,UAAU,CAAC,EACzB,IAAI,EACJ,kBAAkB,EAClB,OAAO,GAAG,OAAO,EACjB,KAAK,GAAG,SAAS,EACjB,IAAI,GAAG,GAAG,EACV,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,MAAM,EACN,GAAG,KAAK,EACQ;IAChB,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,MAAM,WAAW,GAAG,kBAAkB,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC;IAEpD,OAAO,CACL,CAAC,SAAS,CACR,IAAI,KAAK,CAAC,CACV,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CACvC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,MAAM,CAAC,CAAC,MAAM,CAAC,CAEf;MAAA,CAAC,CAAC,KAAK,EAAE,EAAE;YACT,MAAM,MAAM,GAAG,mBAAmB,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC;YACrE,OAAO,CACL,CAAC,IAAI,CACH,MAAM,CAAC,CAAC,WAAW,CAAC,YAAY,CAAC,CACjC,KAAK,CAAC,CAAC,sBAAsB,CAAC,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,CAAC,CAE5D;YAAA,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,CAAC,eAAe,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,EACjF;UAAA,EAAE,IAAI,CAAC,CACR,CAAC;QACJ,CAAC,CACH;IAAA,EAAE,SAAS,CAAC,CACb,CAAC;AACJ,CAAC;AAED,gFAAgF;AAChF,SAAS,sBAAsB,CAC7B,WAAkD,EAClD,MAA8C,EAC9C,OAAgD;IAEhD,OAAO;QACL,UAAU,EAAE,QAAQ;QACpB,eAAe,EAAE,MAAM,CAAC,eAAe;QACvC,WAAW,EAAE,MAAM,CAAC,WAAW;QAC/B,WAAW,EAAE,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACxC,cAAc,EAAE,QAAQ;QACxB,SAAS,EAAE,WAAW,CAAC,SAAS;QAChC,QAAQ,EAAE,WAAW,CAAC,SAAS;QAC/B,OAAO,EAAE,MAAM,CAAC,OAAO;KACxB,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\nimport type { ViewStyle } from 'react-native';\n\nimport {\n  resolveButtonColors,\n  resolveControlSize,\n  resolveIconSize,\n} from '../../../../internal/resolvers';\nimport type { IconButtonProps } from '../../../../types/button';\nimport { Icon } from '../../../icon/public';\nimport { View } from '../../../layout/public';\nimport { Pressable } from '../../../pressable/public';\nimport { useTheme } from '../../../theme/runtime';\n\n/*** Renders a compact accessible icon-only action control. */\nexport function IconButton({\n  icon,\n  accessibilityLabel,\n  variant = 'ghost',\n  color = 'primary',\n  size = 'm',\n  disabled = false,\n  onPress,\n  testID,\n  ...props\n}: IconButtonProps) {\n  const { theme } = useTheme();\n  const controlSize = resolveControlSize(theme, size);\n\n  return (\n    <Pressable\n      {...props}\n      accessibilityLabel={accessibilityLabel}\n      disabled={disabled}\n      onPress={onPress}\n      testID={testID}\n    >\n      {(state) => {\n        const colors = resolveButtonColors(theme, { color, state, variant });\n        return (\n          <View\n            radius={controlSize.borderRadius}\n            style={resolveIconButtonStyle(controlSize, colors, variant)}\n          >\n            <Icon {...icon} color={colors.contentColor} size={resolveIconSize(theme, size)} />\n          </View>\n        );\n      }}\n    </Pressable>\n  );\n}\n\n/*** Resolves the visual container style for an IconButton interaction state. */\nfunction resolveIconButtonStyle(\n  controlSize: ReturnType<typeof resolveControlSize>,\n  colors: ReturnType<typeof resolveButtonColors>,\n  variant: NonNullable<IconButtonProps['variant']>,\n): ViewStyle {\n  return {\n    alignItems: 'center',\n    backgroundColor: colors.backgroundColor,\n    borderColor: colors.borderColor,\n    borderWidth: variant === 'solid' ? 0 : 1,\n    justifyContent: 'center',\n    minHeight: controlSize.minHeight,\n    minWidth: controlSize.minHeight,\n    opacity: colors.opacity,\n  };\n}\n"]}

package/dist/features/card/adapters/inbound/Card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../../src/features/card/adapters/inbound/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAKxD,6EAA6E;AAC7E,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,OAAmB,EACnB,OAAO,EACP,QAAgB,EAChB,MAAM,EACN,KAAK,EACL,GAAG,KAAK,EACT,EAAE,SAAS,qBAgCX"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../../src/features/card/adapters/inbound/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAMxD,6EAA6E;AAC7E,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,OAAmB,EACnB,OAAO,EACP,QAAgB,EAChB,MAAM,EACN,KAAK,EACL,GAAG,KAAK,EACT,EAAE,SAAS,qBAgCX"}

package/dist/features/card/adapters/inbound/Card.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { useTheme } from '../../../../theme/ThemeContext';
 import { Pressable } from '../../../pressable/public';
 import { Surface } from '../../../surface/public';
+import { useTheme } from '../../../theme/runtime';
 /*** Renders a themed content card with optional interactive press states. */
 export function Card({ children, variant = 'default', onPress, disabled = false, testID, style, ...props }) {
     const { theme } = useTheme();

package/dist/features/card/adapters/inbound/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../../src/features/card/adapters/inbound/Card.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport type { ViewStyle } from 'react-native';\n\nimport { useTheme } from '../../../../theme/ThemeContext';\nimport type { CardProps } from '../../../../types/card';\nimport type { SurfaceVariant } from '../../../../types/surface';\nimport { Pressable } from '../../../pressable/public';\nimport { Surface } from '../../../surface/public';\n\n/*** Renders a themed content card with optional interactive press states. */\nexport function Card({\n  children,\n  variant = 'default',\n  onPress,\n  disabled = false,\n  testID,\n  style,\n  ...props\n}: CardProps) {\n  const { theme } = useTheme();\n\n  if (!onPress) {\n    return (\n      <Surface {...props} style={style} testID={testID} variant={variant}>\n        {children}\n      </Surface>\n    );\n  }\n\n  return (\n    <Pressable accessibilityRole=\"button\" disabled={disabled} onPress={onPress} testID={testID}>\n      {(state) => (\n        <Surface\n          {...props}\n          style={[\n            resolveInteractiveCardStyle(variant, state.pressed, state.hovered, state.disabled, {\n              active: theme.semantics.neutral.surfaceActive,\n              base: theme.semantics.surface.default,\n              hover: theme.semantics.neutral.surfaceHover,\n              subtle: theme.semantics.surface.subtle,\n            }),\n            style,\n          ]}\n          variant={variant}\n        >\n          {children}\n        </Surface>\n      )}\n    </Pressable>\n  );\n}\n\n/*** Resolves the complete interactive style for one Card state. */\nfunction resolveInteractiveCardStyle(\n  variant: SurfaceVariant,\n  pressed: boolean,\n  hovered: boolean,\n  disabled: boolean,\n  backgrounds: CardBackgrounds,\n): ViewStyle {\n  return {\n    backgroundColor: resolveCardStateBackground(variant, pressed, hovered, backgrounds),\n    opacity: disabled ? 0.72 : 1,\n  };\n}\n\n/*** Resolves the interactive background for one Card variant and state. */\nfunction resolveCardStateBackground(\n  variant: SurfaceVariant,\n  pressed: boolean,\n  hovered: boolean,\n  backgrounds: CardBackgrounds,\n) {\n  if (variant === 'outline') {\n    return pressed ? backgrounds.active : hovered ? backgrounds.hover : 'transparent';\n  }\n  if (variant === 'subtle') {\n    return pressed ? backgrounds.active : hovered ? backgrounds.hover : backgrounds.subtle;\n  }\n  return pressed ? backgrounds.active : hovered ? backgrounds.hover : backgrounds.base;\n}\n\ninterface CardBackgrounds {\n  active: string;\n  base: string;\n  hover: string;\n  subtle: string;\n}\n"]}
+{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../../src/features/card/adapters/inbound/Card.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport type { ViewStyle } from 'react-native';\n\nimport type { CardProps } from '../../../../types/card';\nimport type { SurfaceVariant } from '../../../../types/surface';\nimport { Pressable } from '../../../pressable/public';\nimport { Surface } from '../../../surface/public';\nimport { useTheme } from '../../../theme/runtime';\n\n/*** Renders a themed content card with optional interactive press states. */\nexport function Card({\n  children,\n  variant = 'default',\n  onPress,\n  disabled = false,\n  testID,\n  style,\n  ...props\n}: CardProps) {\n  const { theme } = useTheme();\n\n  if (!onPress) {\n    return (\n      <Surface {...props} style={style} testID={testID} variant={variant}>\n        {children}\n      </Surface>\n    );\n  }\n\n  return (\n    <Pressable accessibilityRole=\"button\" disabled={disabled} onPress={onPress} testID={testID}>\n      {(state) => (\n        <Surface\n          {...props}\n          style={[\n            resolveInteractiveCardStyle(variant, state.pressed, state.hovered, state.disabled, {\n              active: theme.semantics.neutral.surfaceActive,\n              base: theme.semantics.surface.default,\n              hover: theme.semantics.neutral.surfaceHover,\n              subtle: theme.semantics.surface.subtle,\n            }),\n            style,\n          ]}\n          variant={variant}\n        >\n          {children}\n        </Surface>\n      )}\n    </Pressable>\n  );\n}\n\n/*** Resolves the complete interactive style for one Card state. */\nfunction resolveInteractiveCardStyle(\n  variant: SurfaceVariant,\n  pressed: boolean,\n  hovered: boolean,\n  disabled: boolean,\n  backgrounds: CardBackgrounds,\n): ViewStyle {\n  return {\n    backgroundColor: resolveCardStateBackground(variant, pressed, hovered, backgrounds),\n    opacity: disabled ? 0.72 : 1,\n  };\n}\n\n/*** Resolves the interactive background for one Card variant and state. */\nfunction resolveCardStateBackground(\n  variant: SurfaceVariant,\n  pressed: boolean,\n  hovered: boolean,\n  backgrounds: CardBackgrounds,\n) {\n  if (variant === 'outline') {\n    return pressed ? backgrounds.active : hovered ? backgrounds.hover : 'transparent';\n  }\n  if (variant === 'subtle') {\n    return pressed ? backgrounds.active : hovered ? backgrounds.hover : backgrounds.subtle;\n  }\n  return pressed ? backgrounds.active : hovered ? backgrounds.hover : backgrounds.base;\n}\n\ninterface CardBackgrounds {\n  active: string;\n  base: string;\n  hover: string;\n  subtle: string;\n}\n"]}

package/dist/features/font/adapters/inbound/FontProvider.d.ts

@@ -0,0 +1,4 @@
+import type { FontProviderProps } from '../../../../types/font';
+/*** Provide loaded-font state and the active font id to Surface theme composition. */
+export declare function FontProvider({ fontsLoaded, activeFontId: initialActiveFontId, children, onActiveFontChange, }: FontProviderProps): import("react").JSX.Element;
+//# sourceMappingURL=FontProvider.d.ts.map

package/dist/features/font/adapters/inbound/FontProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FontProvider.d.ts","sourceRoot":"","sources":["../../../../../src/features/font/adapters/inbound/FontProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAe,MAAM,wBAAwB,CAAC;AAG7E,sFAAsF;AACtF,wBAAgB,YAAY,CAAC,EAC3B,WAAW,EACX,YAAY,EAAE,mBAA0B,EACxC,QAAQ,EACR,kBAAkB,GACnB,EAAE,iBAAiB,+BAenB"}

package/dist/features/font/adapters/inbound/FontProvider.js

@@ -0,0 +1,16 @@
+import { useMemo, useState } from 'react';
+import { FontRuntimeContext } from './FontRuntimeContext';
+/*** Provide loaded-font state and the active font id to Surface theme composition. */
+export function FontProvider({ fontsLoaded, activeFontId: initialActiveFontId = null, children, onActiveFontChange, }) {
+    const [activeFontId, setActiveFontIdState] = useState(initialActiveFontId);
+    const value = useMemo(() => ({
+        fontsLoaded,
+        activeFontId,
+        setActiveFontId: (id) => {
+            setActiveFontIdState(id);
+            onActiveFontChange?.(id);
+        },
+    }), [activeFontId, fontsLoaded, onActiveFontChange]);
+    return <FontRuntimeContext value={value}>{children}</FontRuntimeContext>;
+}
+//# sourceMappingURL=FontProvider.js.map

package/dist/features/font/adapters/inbound/FontProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FontProvider.js","sourceRoot":"","sources":["../../../../../src/features/font/adapters/inbound/FontProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,sFAAsF;AACtF,MAAM,UAAU,YAAY,CAAC,EAC3B,WAAW,EACX,YAAY,EAAE,mBAAmB,GAAG,IAAI,EACxC,QAAQ,EACR,kBAAkB,GACA;IAClB,MAAM,CAAC,YAAY,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,mBAAmB,CAAC,CAAC;IAC3E,MAAM,KAAK,GAAG,OAAO,CACnB,GAAG,EAAE,CAAC,CAAC;QACL,WAAW;QACX,YAAY;QACZ,eAAe,EAAE,CAAC,EAAU,EAAE,EAAE;YAC9B,oBAAoB,CAAC,EAAE,CAAC,CAAC;YACzB,kBAAkB,EAAE,CAAC,EAAE,CAAC,CAAC;QAC3B,CAAC;KACF,CAAC,EACF,CAAC,YAAY,EAAE,WAAW,EAAE,kBAAkB,CAAC,CAChD,CAAC;IAEF,OAAO,CAAC,kBAAkB,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,kBAAkB,CAAC,CAAC;AAC3E,CAAC","sourcesContent":["import { useMemo, useState } from 'react';\n\nimport type { FontProviderProps, FontRuntime } from '../../../../types/font';\nimport { FontRuntimeContext } from './FontRuntimeContext';\n\n/*** Provide loaded-font state and the active font id to Surface theme composition. */\nexport function FontProvider({\n  fontsLoaded,\n  activeFontId: initialActiveFontId = null,\n  children,\n  onActiveFontChange,\n}: FontProviderProps) {\n  const [activeFontId, setActiveFontIdState] = useState(initialActiveFontId);\n  const value = useMemo<FontRuntime>(\n    () => ({\n      fontsLoaded,\n      activeFontId,\n      setActiveFontId: (id: string) => {\n        setActiveFontIdState(id);\n        onActiveFontChange?.(id);\n      },\n    }),\n    [activeFontId, fontsLoaded, onActiveFontChange],\n  );\n\n  return <FontRuntimeContext value={value}>{children}</FontRuntimeContext>;\n}\n"]}

package/dist/features/font/adapters/inbound/FontRuntimeContext.d.ts

@@ -0,0 +1,4 @@
+import type { FontRuntime } from '../../../../types/font';
+/*** Holds Surface font runtime state for theme resolution. */
+export declare const FontRuntimeContext: import("react").Context<FontRuntime>;
+//# sourceMappingURL=FontRuntimeContext.d.ts.map

package/dist/features/font/adapters/inbound/FontRuntimeContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FontRuntimeContext.d.ts","sourceRoot":"","sources":["../../../../../src/features/font/adapters/inbound/FontRuntimeContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAQ1D,8DAA8D;AAC9D,eAAO,MAAM,kBAAkB,sCAA8C,CAAC"}

package/dist/features/font/adapters/inbound/FontRuntimeContext.js

@@ -0,0 +1,9 @@
+import { createContext } from 'react';
+const fallbackRuntime = {
+    fontsLoaded: true,
+    activeFontId: null,
+    setActiveFontId: () => undefined,
+};
+/*** Holds Surface font runtime state for theme resolution. */
+export const FontRuntimeContext = createContext(fallbackRuntime);
+//# sourceMappingURL=FontRuntimeContext.js.map

package/dist/features/font/adapters/inbound/FontRuntimeContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FontRuntimeContext.js","sourceRoot":"","sources":["../../../../../src/features/font/adapters/inbound/FontRuntimeContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAItC,MAAM,eAAe,GAAgB;IACnC,WAAW,EAAE,IAAI;IACjB,YAAY,EAAE,IAAI;IAClB,eAAe,EAAE,GAAG,EAAE,CAAC,SAAS;CACjC,CAAC;AAEF,8DAA8D;AAC9D,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAAc,eAAe,CAAC,CAAC","sourcesContent":["import { createContext } from 'react';\n\nimport type { FontRuntime } from '../../../../types/font';\n\nconst fallbackRuntime: FontRuntime = {\n  fontsLoaded: true,\n  activeFontId: null,\n  setActiveFontId: () => undefined,\n};\n\n/*** Holds Surface font runtime state for theme resolution. */\nexport const FontRuntimeContext = createContext<FontRuntime>(fallbackRuntime);\n"]}

package/dist/features/font/adapters/inbound/useFontRuntime.d.ts

@@ -0,0 +1,4 @@
+import type { FontRuntime } from '../../../../types/font';
+/*** Read the internal font runtime used by Surface theme composition. */
+export declare function useFontRuntime(): FontRuntime;
+//# sourceMappingURL=useFontRuntime.d.ts.map

package/dist/features/font/adapters/inbound/useFontRuntime.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFontRuntime.d.ts","sourceRoot":"","sources":["../../../../../src/features/font/adapters/inbound/useFontRuntime.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAG1D,yEAAyE;AACzE,wBAAgB,cAAc,IAAI,WAAW,CAE5C"}

package/dist/features/font/adapters/inbound/useFontRuntime.js

@@ -0,0 +1,7 @@
+import { use } from 'react';
+import { FontRuntimeContext } from './FontRuntimeContext';
+/*** Read the internal font runtime used by Surface theme composition. */
+export function useFontRuntime() {
+    return use(FontRuntimeContext);
+}
+//# sourceMappingURL=useFontRuntime.js.map

package/dist/features/font/adapters/inbound/useFontRuntime.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFontRuntime.js","sourceRoot":"","sources":["../../../../../src/features/font/adapters/inbound/useFontRuntime.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAG5B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,yEAAyE;AACzE,MAAM,UAAU,cAAc;IAC5B,OAAO,GAAG,CAAC,kBAAkB,CAAC,CAAC;AACjC,CAAC","sourcesContent":["import { use } from 'react';\n\nimport type { FontRuntime } from '../../../../types/font';\nimport { FontRuntimeContext } from './FontRuntimeContext';\n\n/*** Read the internal font runtime used by Surface theme composition. */\nexport function useFontRuntime(): FontRuntime {\n  return use(FontRuntimeContext);\n}\n"]}

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

@@ -0,0 +1,3 @@
+export type { FontProviderProps, FontRuntime } from '../../types/font';
+export { FontProvider } from './adapters/inbound/FontProvider';
+//# sourceMappingURL=public.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/features/font/public.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACvE,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC"}

package/dist/features/font/public.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"public.js","sourceRoot":"","sources":["../../../src/features/font/public.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC","sourcesContent":["export type { FontProviderProps, FontRuntime } from '../../types/font';\nexport { FontProvider } from './adapters/inbound/FontProvider';\n"]}

package/dist/features/form/checkbox/adapters/inbound/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../../src/features/form/checkbox/adapters/inbound/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAMnE,iEAAiE;AACjE,wBAAgB,QAAQ,CAAC,EACvB,kBAAkB,EAClB,OAAO,EACP,QAAQ,EACR,KAAiB,EACjB,cAAsB,EACtB,QAAgB,EAChB,OAAe,EACf,eAAe,EACf,QAAgB,EAChB,IAAU,EACV,MAAM,EACN,GAAG,WAAW,EACf,EAAE,aAAa,qBAyBf"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../../src/features/form/checkbox/adapters/inbound/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAQnE,iEAAiE;AACjE,wBAAgB,QAAQ,CAAC,EACvB,kBAAkB,EAClB,OAAO,EACP,QAAQ,EACR,KAAiB,EACjB,cAAsB,EACtB,QAAgB,EAChB,OAAe,EACf,eAAe,EACf,QAAgB,EAChB,IAAU,EACV,MAAM,EACN,GAAG,WAAW,EACf,EAAE,aAAa,qBAyBf"}

package/dist/features/form/checkbox/adapters/inbound/Checkbox.js

@@ -1,9 +1,9 @@
 import React from 'react';
 import { resolveFieldState, resolveIndicatorSize, resolveSelectionControlColors, resolveSelectionControlNextChecked, } from '../../../../../internal/resolvers';
 import { useControllableState } from '../../../../../internal/useControllableState';
-import { useTheme } from '../../../../../theme/ThemeContext';
 import { View } from '../../../../layout/public';
 import { Pressable } from '../../../../pressable/public';
+import { useTheme } from '../../../../theme/runtime';
 import { Text } from '../../../../typography/public';
 /*** Renders a controlled or uncontrolled accessible checkbox. */
 export function Checkbox({ accessibilityLabel, checked, children, color = 'primary', defaultChecked = false, disabled = false, invalid = false, onCheckedChange, readOnly = false, size = 'm', testID, ...buttonProps }) {

package/dist/features/form/checkbox/adapters/inbound/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../../../src/features/form/checkbox/adapters/inbound/Checkbox.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport type { ViewStyle } from 'react-native';\n\nimport {\n  type InteractionState,\n  resolveFieldState,\n  resolveIndicatorSize,\n  resolveSelectionControlColors,\n  resolveSelectionControlNextChecked,\n} from '../../../../../internal/resolvers';\nimport { useControllableState } from '../../../../../internal/useControllableState';\nimport { useTheme } from '../../../../../theme/ThemeContext';\nimport type { SurfaceTheme } from '../../../../../theme/types';\nimport type { CheckboxProps } from '../../../../../types/checkbox';\nimport { View } from '../../../../layout/public';\nimport type { PressableProps } from '../../../../pressable/public';\nimport { Pressable } from '../../../../pressable/public';\nimport { Text } from '../../../../typography/public';\n\n/*** Renders a controlled or uncontrolled accessible checkbox. */\nexport function Checkbox({\n  accessibilityLabel,\n  checked,\n  children,\n  color = 'primary',\n  defaultChecked = false,\n  disabled = false,\n  invalid = false,\n  onCheckedChange,\n  readOnly = false,\n  size = 'm',\n  testID,\n  ...buttonProps\n}: CheckboxProps) {\n  const { theme } = useTheme();\n  const [isChecked, setChecked] = useControllableState<boolean>({\n    value: checked,\n    defaultValue: defaultChecked,\n    onChange: onCheckedChange,\n  });\n\n  return (\n    <CheckboxControl\n      accessibilityLabel={accessibilityLabel}\n      buttonProps={buttonProps}\n      color={color}\n      disabled={disabled}\n      invalid={invalid}\n      isChecked={isChecked}\n      readOnly={readOnly}\n      setChecked={setChecked}\n      size={size}\n      testID={testID}\n      theme={theme}\n    >\n      {children}\n    </CheckboxControl>\n  );\n}\n\n/*** Owns the checkbox interaction boundary around resolved selection content. */\nfunction CheckboxControl({\n  accessibilityLabel,\n  buttonProps,\n  children,\n  color,\n  disabled,\n  invalid,\n  isChecked,\n  readOnly,\n  setChecked,\n  size,\n  testID,\n  theme,\n}: CheckboxControlProps) {\n  const nextChecked = resolveSelectionControlNextChecked({\n    checked: isChecked,\n    disabled,\n    kind: 'checkbox',\n    readOnly,\n  });\n\n  return (\n    <Pressable\n      {...buttonProps}\n      accessibilityLabel={accessibilityLabel}\n      accessibilityRole=\"checkbox\"\n      accessibilityState={{ checked: isChecked }}\n      disabled={disabled}\n      onPress={nextChecked === null ? undefined : () => setChecked(nextChecked)}\n      testID={testID}\n    >\n      {(interactionState) =>\n        renderCheckboxContent({\n          children,\n          color,\n          disabled,\n          interactionState,\n          invalid,\n          isChecked,\n          readOnly,\n          size,\n          theme,\n        })\n      }\n    </Pressable>\n  );\n}\n\n/*** Renders the checkbox indicator and optional label for one interaction state. */\nfunction renderCheckboxContent(input: CheckboxContentInput) {\n  const { interactionState, theme } = input;\n  const fieldState = resolveFieldState({\n    disabled: input.disabled,\n    focused: interactionState.focused,\n    invalid: input.invalid,\n    readOnly: input.readOnly,\n  });\n  const colors = resolveSelectionControlColors(theme, {\n    checked: input.isChecked,\n    fieldState,\n    hovered: interactionState.hovered,\n    pressed: interactionState.pressed,\n    color: input.color,\n  });\n  const indicatorSize = resolveIndicatorSize(input.size);\n  const labelEmphasis = colors.labelColor === theme.semantics.content.muted ? 'muted' : 'default';\n  const indicatorColor = fieldState.invalid ? 'error' : input.color;\n\n  return (\n    <View style={resolveSelectionRowStyle(colors.opacity)}>\n      <View\n        radius=\"s\"\n        style={resolveCheckboxIndicatorStyle(\n          colors.backgroundColor,\n          colors.borderColor,\n          indicatorSize.checkbox,\n        )}\n      >\n        {input.isChecked ? (\n          <Text\n            color={input.disabled ? undefined : indicatorColor}\n            emphasis={input.disabled ? 'muted' : 'inverse'}\n            variant=\"caption\"\n            weight=\"bold\"\n          >\n            ✓\n          </Text>\n        ) : null}\n      </View>\n      {input.children ? (\n        <View ml=\"s\">\n          <Text emphasis={labelEmphasis}>{input.children}</Text>\n        </View>\n      ) : null}\n    </View>\n  );\n}\n\n/*** Resolves the horizontal selection-control row style. */\nfunction resolveSelectionRowStyle(opacity: number | undefined): ViewStyle {\n  return { alignItems: 'center', flexDirection: 'row', opacity };\n}\n\n/*** Resolves checkbox indicator dimensions and interaction colors. */\nfunction resolveCheckboxIndicatorStyle(\n  backgroundColor: string,\n  borderColor: string,\n  size: number,\n): ViewStyle {\n  return {\n    alignItems: 'center',\n    backgroundColor,\n    borderColor,\n    borderWidth: 1.5,\n    height: size,\n    justifyContent: 'center',\n    width: size,\n  };\n}\n\ninterface CheckboxControlProps {\n  accessibilityLabel: CheckboxProps['accessibilityLabel'];\n  buttonProps: PressableProps;\n  children: CheckboxProps['children'];\n  color: NonNullable<CheckboxProps['color']>;\n  disabled: boolean;\n  invalid: boolean;\n  isChecked: boolean;\n  readOnly: boolean;\n  setChecked: (checked: boolean) => void;\n  size: NonNullable<CheckboxProps['size']>;\n  testID: CheckboxProps['testID'];\n  theme: SurfaceTheme;\n}\n\ninterface CheckboxContentInput {\n  children: CheckboxProps['children'];\n  color: NonNullable<CheckboxProps['color']>;\n  disabled: boolean;\n  interactionState: InteractionState;\n  invalid: boolean;\n  isChecked: boolean;\n  readOnly: boolean;\n  size: NonNullable<CheckboxProps['size']>;\n  theme: SurfaceTheme;\n}\n"]}
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../../../src/features/form/checkbox/adapters/inbound/Checkbox.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport type { ViewStyle } from 'react-native';\n\nimport {\n  type InteractionState,\n  resolveFieldState,\n  resolveIndicatorSize,\n  resolveSelectionControlColors,\n  resolveSelectionControlNextChecked,\n} from '../../../../../internal/resolvers';\nimport { useControllableState } from '../../../../../internal/useControllableState';\nimport type { CheckboxProps } from '../../../../../types/checkbox';\nimport type { SurfaceTheme } from '../../../../../types/theme';\nimport { View } from '../../../../layout/public';\nimport type { PressableProps } from '../../../../pressable/public';\nimport { Pressable } from '../../../../pressable/public';\nimport { useTheme } from '../../../../theme/runtime';\nimport { Text } from '../../../../typography/public';\n\n/*** Renders a controlled or uncontrolled accessible checkbox. */\nexport function Checkbox({\n  accessibilityLabel,\n  checked,\n  children,\n  color = 'primary',\n  defaultChecked = false,\n  disabled = false,\n  invalid = false,\n  onCheckedChange,\n  readOnly = false,\n  size = 'm',\n  testID,\n  ...buttonProps\n}: CheckboxProps) {\n  const { theme } = useTheme();\n  const [isChecked, setChecked] = useControllableState<boolean>({\n    value: checked,\n    defaultValue: defaultChecked,\n    onChange: onCheckedChange,\n  });\n\n  return (\n    <CheckboxControl\n      accessibilityLabel={accessibilityLabel}\n      buttonProps={buttonProps}\n      color={color}\n      disabled={disabled}\n      invalid={invalid}\n      isChecked={isChecked}\n      readOnly={readOnly}\n      setChecked={setChecked}\n      size={size}\n      testID={testID}\n      theme={theme}\n    >\n      {children}\n    </CheckboxControl>\n  );\n}\n\n/*** Owns the checkbox interaction boundary around resolved selection content. */\nfunction CheckboxControl({\n  accessibilityLabel,\n  buttonProps,\n  children,\n  color,\n  disabled,\n  invalid,\n  isChecked,\n  readOnly,\n  setChecked,\n  size,\n  testID,\n  theme,\n}: CheckboxControlProps) {\n  const nextChecked = resolveSelectionControlNextChecked({\n    checked: isChecked,\n    disabled,\n    kind: 'checkbox',\n    readOnly,\n  });\n\n  return (\n    <Pressable\n      {...buttonProps}\n      accessibilityLabel={accessibilityLabel}\n      accessibilityRole=\"checkbox\"\n      accessibilityState={{ checked: isChecked }}\n      disabled={disabled}\n      onPress={nextChecked === null ? undefined : () => setChecked(nextChecked)}\n      testID={testID}\n    >\n      {(interactionState) =>\n        renderCheckboxContent({\n          children,\n          color,\n          disabled,\n          interactionState,\n          invalid,\n          isChecked,\n          readOnly,\n          size,\n          theme,\n        })\n      }\n    </Pressable>\n  );\n}\n\n/*** Renders the checkbox indicator and optional label for one interaction state. */\nfunction renderCheckboxContent(input: CheckboxContentInput) {\n  const { interactionState, theme } = input;\n  const fieldState = resolveFieldState({\n    disabled: input.disabled,\n    focused: interactionState.focused,\n    invalid: input.invalid,\n    readOnly: input.readOnly,\n  });\n  const colors = resolveSelectionControlColors(theme, {\n    checked: input.isChecked,\n    fieldState,\n    hovered: interactionState.hovered,\n    pressed: interactionState.pressed,\n    color: input.color,\n  });\n  const indicatorSize = resolveIndicatorSize(input.size);\n  const labelEmphasis = colors.labelColor === theme.semantics.content.muted ? 'muted' : 'default';\n  const indicatorColor = fieldState.invalid ? 'error' : input.color;\n\n  return (\n    <View style={resolveSelectionRowStyle(colors.opacity)}>\n      <View\n        radius=\"s\"\n        style={resolveCheckboxIndicatorStyle(\n          colors.backgroundColor,\n          colors.borderColor,\n          indicatorSize.checkbox,\n        )}\n      >\n        {input.isChecked ? (\n          <Text\n            color={input.disabled ? undefined : indicatorColor}\n            emphasis={input.disabled ? 'muted' : 'inverse'}\n            variant=\"caption\"\n            weight=\"bold\"\n          >\n            ✓\n          </Text>\n        ) : null}\n      </View>\n      {input.children ? (\n        <View ml=\"s\">\n          <Text emphasis={labelEmphasis}>{input.children}</Text>\n        </View>\n      ) : null}\n    </View>\n  );\n}\n\n/*** Resolves the horizontal selection-control row style. */\nfunction resolveSelectionRowStyle(opacity: number | undefined): ViewStyle {\n  return { alignItems: 'center', flexDirection: 'row', opacity };\n}\n\n/*** Resolves checkbox indicator dimensions and interaction colors. */\nfunction resolveCheckboxIndicatorStyle(\n  backgroundColor: string,\n  borderColor: string,\n  size: number,\n): ViewStyle {\n  return {\n    alignItems: 'center',\n    backgroundColor,\n    borderColor,\n    borderWidth: 1.5,\n    height: size,\n    justifyContent: 'center',\n    width: size,\n  };\n}\n\ninterface CheckboxControlProps {\n  accessibilityLabel: CheckboxProps['accessibilityLabel'];\n  buttonProps: PressableProps;\n  children: CheckboxProps['children'];\n  color: NonNullable<CheckboxProps['color']>;\n  disabled: boolean;\n  invalid: boolean;\n  isChecked: boolean;\n  readOnly: boolean;\n  setChecked: (checked: boolean) => void;\n  size: NonNullable<CheckboxProps['size']>;\n  testID: CheckboxProps['testID'];\n  theme: SurfaceTheme;\n}\n\ninterface CheckboxContentInput {\n  children: CheckboxProps['children'];\n  color: NonNullable<CheckboxProps['color']>;\n  disabled: boolean;\n  interactionState: InteractionState;\n  invalid: boolean;\n  isChecked: boolean;\n  readOnly: boolean;\n  size: NonNullable<CheckboxProps['size']>;\n  theme: SurfaceTheme;\n}\n"]}

package/dist/features/form/radio/adapters/inbound/Radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../../../../src/features/form/radio/adapters/inbound/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAO7D,mFAAmF;AACnF,wBAAgB,KAAK,CAAC,EACpB,kBAAkB,EAClB,OAAO,EACP,QAAQ,EACR,KAAiB,EACjB,cAAsB,EACtB,QAAgB,EAChB,OAAe,EACf,eAAe,EACf,QAAgB,EAChB,IAAU,EACV,MAAM,EACN,GAAG,WAAW,EACf,EAAE,UAAU,qBAyBZ"}
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../../../../src/features/form/radio/adapters/inbound/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAS7D,mFAAmF;AACnF,wBAAgB,KAAK,CAAC,EACpB,kBAAkB,EAClB,OAAO,EACP,QAAQ,EACR,KAAiB,EACjB,cAAsB,EACtB,QAAgB,EAChB,OAAe,EACf,eAAe,EACf,QAAgB,EAChB,IAAU,EACV,MAAM,EACN,GAAG,WAAW,EACf,EAAE,UAAU,qBAyBZ"}

package/dist/features/form/radio/adapters/inbound/Radio.js

@@ -1,9 +1,9 @@
 import React from 'react';
 import { resolveFieldState, resolveIndicatorSize, resolveSelectionControlColors, resolveSelectionControlNextChecked, } from '../../../../../internal/resolvers';
 import { useControllableState } from '../../../../../internal/useControllableState';
-import { useTheme } from '../../../../../theme/ThemeContext';
 import { View } from '../../../../layout/public';
 import { Pressable } from '../../../../pressable/public';
+import { useTheme } from '../../../../theme/runtime';
 import { Text } from '../../../../typography/public';
 import { isRadioTextContent } from '../../utils/isRadioTextContent';
 /*** Renders one accessible radio control with text or structured label content. */

package/dist/features/form/radio/adapters/inbound/Radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../../../../src/features/form/radio/adapters/inbound/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAEL,iBAAiB,EACjB,oBAAoB,EACpB,6BAA6B,EAC7B,kCAAkC,GACnC,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,oBAAoB,EAAE,MAAM,8CAA8C,CAAC;AACpF,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAG7D,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AAEjD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEpE,mFAAmF;AACnF,MAAM,UAAU,KAAK,CAAC,EACpB,kBAAkB,EAClB,OAAO,EACP,QAAQ,EACR,KAAK,GAAG,SAAS,EACjB,cAAc,GAAG,KAAK,EACtB,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,eAAe,EACf,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,GAAG,EACV,MAAM,EACN,GAAG,WAAW,EACH;IACX,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,oBAAoB,CAAU;QAC5D,KAAK,EAAE,OAAO;QACd,YAAY,EAAE,cAAc;QAC5B,QAAQ,EAAE,eAAe;KAC1B,CAAC,CAAC;IAEH,OAAO,CACL,CAAC,YAAY,CACX,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CACvC,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC,KAAK,CAAC,CAEb;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,YAAY,CAAC,CAChB,CAAC;AACJ,CAAC;AAED,8EAA8E;AAC9E,SAAS,YAAY,CAAC,EACpB,kBAAkB,EAClB,WAAW,EACX,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,OAAO,EACP,SAAS,EACT,QAAQ,EACR,UAAU,EACV,IAAI,EACJ,MAAM,EACN,KAAK,GACa;IAClB,MAAM,WAAW,GAAG,kCAAkC,CAAC;QACrD,OAAO,EAAE,SAAS;QAClB,QAAQ;QACR,IAAI,EAAE,OAAO;QACb,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,CACL,CAAC,SAAS,CACR,IAAI,WAAW,CAAC,CAChB,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CACvC,iBAAiB,CAAC,OAAO,CACzB,kBAAkB,CAAC,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAC3C,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,OAAO,CAAC,CAAC,WAAW,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAC1E,MAAM,CAAC,CAAC,MAAM,CAAC,CAEf;MAAA,CAAC,CAAC,gBAAgB,EAAE,EAAE,CACpB,kBAAkB,CAAC;YACjB,QAAQ;YACR,KAAK;YACL,QAAQ;YACR,gBAAgB;YAChB,OAAO;YACP,SAAS;YACT,QAAQ;YACR,IAAI;YACJ,KAAK;SACN,CACH,CACF;IAAA,EAAE,SAAS,CAAC,CACb,CAAC;AACJ,CAAC;AAED,mFAAmF;AACnF,SAAS,kBAAkB,CAAC,KAAwB;IAClD,MAAM,EAAE,gBAAgB,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAC1C,MAAM,UAAU,GAAG,iBAAiB,CAAC;QACnC,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,OAAO,EAAE,gBAAgB,CAAC,OAAO;QACjC,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ;KACzB,CAAC,CAAC;IACH,MAAM,MAAM,GAAG,6BAA6B,CAAC,KAAK,EAAE;QAClD,OAAO,EAAE,KAAK,CAAC,SAAS;QACxB,UAAU;QACV,OAAO,EAAE,gBAAgB,CAAC,OAAO;QACjC,OAAO,EAAE,gBAAgB,CAAC,OAAO;QACjC,KAAK,EAAE,KAAK,CAAC,KAAK;KACnB,CAAC,CAAC;IACH,MAAM,aAAa,GAAG,oBAAoB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACvD,MAAM,aAAa,GAAG,MAAM,CAAC,UAAU,KAAK,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;IAChG,MAAM,UAAU,GACd,KAAK,CAAC,QAAQ,KAAK,SAAS,IAAI,KAAK,CAAC,QAAQ,KAAK,IAAI,IAAI,KAAK,CAAC,QAAQ,KAAK,KAAK,CAAC;IAEtF,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,wBAAwB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CACpD;MAAA,CAAC,IAAI,CACH,MAAM,CAAC,MAAM,CACb,KAAK,CAAC,CAAC,0BAA0B,CAC/B,MAAM,CAAC,eAAe,EACtB,MAAM,CAAC,WAAW,EAClB,aAAa,CAAC,KAAK,CACpB,CAAC,CAEF;QAAA,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CACjB,CAAC,IAAI,CACH,MAAM,CAAC,MAAM,CACb,KAAK,CAAC,CAAC,oBAAoB,CAAC,MAAM,CAAC,cAAc,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC,EAC3E,CACH,CAAC,CAAC,CAAC,IAAI,CACV;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,UAAU,CAAC,CAAC,CAAC,CACZ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CACnB;UAAA,CAAC,kBAAkB,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CACpC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,CACvD,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,QAAQ,CACf,CACH;QAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CACV;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED,4DAA4D;AAC5D,SAAS,wBAAwB,CAAC,OAA2B;IAC3D,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;AACjE,CAAC;AAED,mEAAmE;AACnE,SAAS,0BAA0B,CACjC,eAAuB,EACvB,WAAmB,EACnB,IAAY;IAEZ,OAAO;QACL,UAAU,EAAE,QAAQ;QACpB,eAAe;QACf,WAAW;QACX,WAAW,EAAE,GAAG;QAChB,MAAM,EAAE,IAAI;QACZ,cAAc,EAAE,QAAQ;QACxB,KAAK,EAAE,IAAI;KACZ,CAAC;AACJ,CAAC;AAED,6CAA6C;AAC7C,SAAS,oBAAoB,CAAC,eAAuB,EAAE,IAAY;IACjE,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;AACxD,CAAC","sourcesContent":["import React from 'react';\nimport type { ViewStyle } from 'react-native';\n\nimport {\n  type InteractionState,\n  resolveFieldState,\n  resolveIndicatorSize,\n  resolveSelectionControlColors,\n  resolveSelectionControlNextChecked,\n} from '../../../../../internal/resolvers';\nimport { useControllableState } from '../../../../../internal/useControllableState';\nimport { useTheme } from '../../../../../theme/ThemeContext';\nimport type { SurfaceTheme } from '../../../../../theme/types';\nimport type { RadioProps } from '../../../../../types/radio';\nimport { View } from '../../../../layout/public';\nimport type { PressableProps } from '../../../../pressable/public';\nimport { Pressable } from '../../../../pressable/public';\nimport { Text } from '../../../../typography/public';\nimport { isRadioTextContent } from '../../utils/isRadioTextContent';\n\n/*** Renders one accessible radio control with text or structured label content. */\nexport function Radio({\n  accessibilityLabel,\n  checked,\n  children,\n  color = 'primary',\n  defaultChecked = false,\n  disabled = false,\n  invalid = false,\n  onCheckedChange,\n  readOnly = false,\n  size = 'm',\n  testID,\n  ...buttonProps\n}: RadioProps) {\n  const { theme } = useTheme();\n  const [isChecked, setChecked] = useControllableState<boolean>({\n    value: checked,\n    defaultValue: defaultChecked,\n    onChange: onCheckedChange,\n  });\n\n  return (\n    <RadioControl\n      accessibilityLabel={accessibilityLabel}\n      buttonProps={buttonProps}\n      color={color}\n      disabled={disabled}\n      invalid={invalid}\n      isChecked={isChecked}\n      readOnly={readOnly}\n      setChecked={setChecked}\n      size={size}\n      testID={testID}\n      theme={theme}\n    >\n      {children}\n    </RadioControl>\n  );\n}\n\n/*** Owns the radio interaction boundary around resolved selection content. */\nfunction RadioControl({\n  accessibilityLabel,\n  buttonProps,\n  children,\n  color,\n  disabled,\n  invalid,\n  isChecked,\n  readOnly,\n  setChecked,\n  size,\n  testID,\n  theme,\n}: RadioControlProps) {\n  const nextChecked = resolveSelectionControlNextChecked({\n    checked: isChecked,\n    disabled,\n    kind: 'radio',\n    readOnly,\n  });\n\n  return (\n    <Pressable\n      {...buttonProps}\n      accessibilityLabel={accessibilityLabel}\n      accessibilityRole=\"radio\"\n      accessibilityState={{ checked: isChecked }}\n      disabled={disabled}\n      onPress={nextChecked === null ? undefined : () => setChecked(nextChecked)}\n      testID={testID}\n    >\n      {(interactionState) =>\n        renderRadioContent({\n          children,\n          color,\n          disabled,\n          interactionState,\n          invalid,\n          isChecked,\n          readOnly,\n          size,\n          theme,\n        })\n      }\n    </Pressable>\n  );\n}\n\n/*** Renders the radio indicator and optional content for one interaction state. */\nfunction renderRadioContent(input: RadioContentInput) {\n  const { interactionState, theme } = input;\n  const fieldState = resolveFieldState({\n    disabled: input.disabled,\n    focused: interactionState.focused,\n    invalid: input.invalid,\n    readOnly: input.readOnly,\n  });\n  const colors = resolveSelectionControlColors(theme, {\n    checked: input.isChecked,\n    fieldState,\n    hovered: interactionState.hovered,\n    pressed: interactionState.pressed,\n    color: input.color,\n  });\n  const indicatorSize = resolveIndicatorSize(input.size);\n  const labelEmphasis = colors.labelColor === theme.semantics.content.muted ? 'muted' : 'default';\n  const hasContent =\n    input.children !== undefined && input.children !== null && input.children !== false;\n\n  return (\n    <View style={resolveSelectionRowStyle(colors.opacity)}>\n      <View\n        radius=\"full\"\n        style={resolveRadioIndicatorStyle(\n          colors.backgroundColor,\n          colors.borderColor,\n          indicatorSize.radio,\n        )}\n      >\n        {input.isChecked ? (\n          <View\n            radius=\"full\"\n            style={resolveRadioDotStyle(colors.indicatorColor, indicatorSize.radioDot)}\n          />\n        ) : null}\n      </View>\n      {hasContent ? (\n        <View flex={1} ml=\"s\">\n          {isRadioTextContent(input.children) ? (\n            <Text emphasis={labelEmphasis}>{input.children}</Text>\n          ) : (\n            input.children\n          )}\n        </View>\n      ) : null}\n    </View>\n  );\n}\n\n/*** Resolves the horizontal selection-control row style. */\nfunction resolveSelectionRowStyle(opacity: number | undefined): ViewStyle {\n  return { alignItems: 'center', flexDirection: 'row', opacity };\n}\n\n/*** Resolves radio indicator dimensions and interaction colors. */\nfunction resolveRadioIndicatorStyle(\n  backgroundColor: string,\n  borderColor: string,\n  size: number,\n): ViewStyle {\n  return {\n    alignItems: 'center',\n    backgroundColor,\n    borderColor,\n    borderWidth: 1.5,\n    height: size,\n    justifyContent: 'center',\n    width: size,\n  };\n}\n\n/*** Resolves the checked radio dot style. */\nfunction resolveRadioDotStyle(backgroundColor: string, size: number): ViewStyle {\n  return { backgroundColor, height: size, width: size };\n}\n\ninterface RadioControlProps {\n  accessibilityLabel: RadioProps['accessibilityLabel'];\n  buttonProps: PressableProps;\n  children: RadioProps['children'];\n  color: NonNullable<RadioProps['color']>;\n  disabled: boolean;\n  invalid: boolean;\n  isChecked: boolean;\n  readOnly: boolean;\n  setChecked: (checked: boolean) => void;\n  size: NonNullable<RadioProps['size']>;\n  testID: RadioProps['testID'];\n  theme: SurfaceTheme;\n}\n\ninterface RadioContentInput {\n  children: RadioProps['children'];\n  color: NonNullable<RadioProps['color']>;\n  disabled: boolean;\n  interactionState: InteractionState;\n  invalid: boolean;\n  isChecked: boolean;\n  readOnly: boolean;\n  size: NonNullable<RadioProps['size']>;\n  theme: SurfaceTheme;\n}\n"]}
+{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../../../../src/features/form/radio/adapters/inbound/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAEL,iBAAiB,EACjB,oBAAoB,EACpB,6BAA6B,EAC7B,kCAAkC,GACnC,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,oBAAoB,EAAE,MAAM,8CAA8C,CAAC;AAGpF,OAAO,EAAE,IAAI,EAAE,MAAM,2BAA2B,CAAC;AAEjD,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,+BAA+B,CAAC;AACrD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEpE,mFAAmF;AACnF,MAAM,UAAU,KAAK,CAAC,EACpB,kBAAkB,EAClB,OAAO,EACP,QAAQ,EACR,KAAK,GAAG,SAAS,EACjB,cAAc,GAAG,KAAK,EACtB,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,eAAe,EACf,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,GAAG,EACV,MAAM,EACN,GAAG,WAAW,EACH;IACX,MAAM,EAAE,KAAK,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC7B,MAAM,CAAC,SAAS,EAAE,UAAU,CAAC,GAAG,oBAAoB,CAAU;QAC5D,KAAK,EAAE,OAAO;QACd,YAAY,EAAE,cAAc;QAC5B,QAAQ,EAAE,eAAe;KAC1B,CAAC,CAAC;IAEH,OAAO,CACL,CAAC,YAAY,CACX,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CACvC,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,OAAO,CAAC,CAAC,OAAO,CAAC,CACjB,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,UAAU,CAAC,CAAC,UAAU,CAAC,CACvB,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,MAAM,CAAC,CAAC,MAAM,CAAC,CACf,KAAK,CAAC,CAAC,KAAK,CAAC,CAEb;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,YAAY,CAAC,CAChB,CAAC;AACJ,CAAC;AAED,8EAA8E;AAC9E,SAAS,YAAY,CAAC,EACpB,kBAAkB,EAClB,WAAW,EACX,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,OAAO,EACP,SAAS,EACT,QAAQ,EACR,UAAU,EACV,IAAI,EACJ,MAAM,EACN,KAAK,GACa;IAClB,MAAM,WAAW,GAAG,kCAAkC,CAAC;QACrD,OAAO,EAAE,SAAS;QAClB,QAAQ;QACR,IAAI,EAAE,OAAO;QACb,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,CACL,CAAC,SAAS,CACR,IAAI,WAAW,CAAC,CAChB,kBAAkB,CAAC,CAAC,kBAAkB,CAAC,CACvC,iBAAiB,CAAC,OAAO,CACzB,kBAAkB,CAAC,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAC3C,QAAQ,CAAC,CAAC,QAAQ,CAAC,CACnB,OAAO,CAAC,CAAC,WAAW,KAAK,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,UAAU,CAAC,WAAW,CAAC,CAAC,CAC1E,MAAM,CAAC,CAAC,MAAM,CAAC,CAEf;MAAA,CAAC,CAAC,gBAAgB,EAAE,EAAE,CACpB,kBAAkB,CAAC;YACjB,QAAQ;YACR,KAAK;YACL,QAAQ;YACR,gBAAgB;YAChB,OAAO;YACP,SAAS;YACT,QAAQ;YACR,IAAI;YACJ,KAAK;SACN,CACH,CACF;IAAA,EAAE,SAAS,CAAC,CACb,CAAC;AACJ,CAAC;AAED,mFAAmF;AACnF,SAAS,kBAAkB,CAAC,KAAwB;IAClD,MAAM,EAAE,gBAAgB,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAC1C,MAAM,UAAU,GAAG,iBAAiB,CAAC;QACnC,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,OAAO,EAAE,gBAAgB,CAAC,OAAO;QACjC,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ;KACzB,CAAC,CAAC;IACH,MAAM,MAAM,GAAG,6BAA6B,CAAC,KAAK,EAAE;QAClD,OAAO,EAAE,KAAK,CAAC,SAAS;QACxB,UAAU;QACV,OAAO,EAAE,gBAAgB,CAAC,OAAO;QACjC,OAAO,EAAE,gBAAgB,CAAC,OAAO;QACjC,KAAK,EAAE,KAAK,CAAC,KAAK;KACnB,CAAC,CAAC;IACH,MAAM,aAAa,GAAG,oBAAoB,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACvD,MAAM,aAAa,GAAG,MAAM,CAAC,UAAU,KAAK,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;IAChG,MAAM,UAAU,GACd,KAAK,CAAC,QAAQ,KAAK,SAAS,IAAI,KAAK,CAAC,QAAQ,KAAK,IAAI,IAAI,KAAK,CAAC,QAAQ,KAAK,KAAK,CAAC;IAEtF,OAAO,CACL,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,wBAAwB,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CACpD;MAAA,CAAC,IAAI,CACH,MAAM,CAAC,MAAM,CACb,KAAK,CAAC,CAAC,0BAA0B,CAC/B,MAAM,CAAC,eAAe,EACtB,MAAM,CAAC,WAAW,EAClB,aAAa,CAAC,KAAK,CACpB,CAAC,CAEF;QAAA,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CACjB,CAAC,IAAI,CACH,MAAM,CAAC,MAAM,CACb,KAAK,CAAC,CAAC,oBAAoB,CAAC,MAAM,CAAC,cAAc,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC,EAC3E,CACH,CAAC,CAAC,CAAC,IAAI,CACV;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,UAAU,CAAC,CAAC,CAAC,CACZ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CACnB;UAAA,CAAC,kBAAkB,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CACpC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,IAAI,CAAC,CACvD,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,QAAQ,CACf,CACH;QAAA,EAAE,IAAI,CAAC,CACR,CAAC,CAAC,CAAC,IAAI,CACV;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC;AAED,4DAA4D;AAC5D,SAAS,wBAAwB,CAAC,OAA2B;IAC3D,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;AACjE,CAAC;AAED,mEAAmE;AACnE,SAAS,0BAA0B,CACjC,eAAuB,EACvB,WAAmB,EACnB,IAAY;IAEZ,OAAO;QACL,UAAU,EAAE,QAAQ;QACpB,eAAe;QACf,WAAW;QACX,WAAW,EAAE,GAAG;QAChB,MAAM,EAAE,IAAI;QACZ,cAAc,EAAE,QAAQ;QACxB,KAAK,EAAE,IAAI;KACZ,CAAC;AACJ,CAAC;AAED,6CAA6C;AAC7C,SAAS,oBAAoB,CAAC,eAAuB,EAAE,IAAY;IACjE,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;AACxD,CAAC","sourcesContent":["import React from 'react';\nimport type { ViewStyle } from 'react-native';\n\nimport {\n  type InteractionState,\n  resolveFieldState,\n  resolveIndicatorSize,\n  resolveSelectionControlColors,\n  resolveSelectionControlNextChecked,\n} from '../../../../../internal/resolvers';\nimport { useControllableState } from '../../../../../internal/useControllableState';\nimport type { RadioProps } from '../../../../../types/radio';\nimport type { SurfaceTheme } from '../../../../../types/theme';\nimport { View } from '../../../../layout/public';\nimport type { PressableProps } from '../../../../pressable/public';\nimport { Pressable } from '../../../../pressable/public';\nimport { useTheme } from '../../../../theme/runtime';\nimport { Text } from '../../../../typography/public';\nimport { isRadioTextContent } from '../../utils/isRadioTextContent';\n\n/*** Renders one accessible radio control with text or structured label content. */\nexport function Radio({\n  accessibilityLabel,\n  checked,\n  children,\n  color = 'primary',\n  defaultChecked = false,\n  disabled = false,\n  invalid = false,\n  onCheckedChange,\n  readOnly = false,\n  size = 'm',\n  testID,\n  ...buttonProps\n}: RadioProps) {\n  const { theme } = useTheme();\n  const [isChecked, setChecked] = useControllableState<boolean>({\n    value: checked,\n    defaultValue: defaultChecked,\n    onChange: onCheckedChange,\n  });\n\n  return (\n    <RadioControl\n      accessibilityLabel={accessibilityLabel}\n      buttonProps={buttonProps}\n      color={color}\n      disabled={disabled}\n      invalid={invalid}\n      isChecked={isChecked}\n      readOnly={readOnly}\n      setChecked={setChecked}\n      size={size}\n      testID={testID}\n      theme={theme}\n    >\n      {children}\n    </RadioControl>\n  );\n}\n\n/*** Owns the radio interaction boundary around resolved selection content. */\nfunction RadioControl({\n  accessibilityLabel,\n  buttonProps,\n  children,\n  color,\n  disabled,\n  invalid,\n  isChecked,\n  readOnly,\n  setChecked,\n  size,\n  testID,\n  theme,\n}: RadioControlProps) {\n  const nextChecked = resolveSelectionControlNextChecked({\n    checked: isChecked,\n    disabled,\n    kind: 'radio',\n    readOnly,\n  });\n\n  return (\n    <Pressable\n      {...buttonProps}\n      accessibilityLabel={accessibilityLabel}\n      accessibilityRole=\"radio\"\n      accessibilityState={{ checked: isChecked }}\n      disabled={disabled}\n      onPress={nextChecked === null ? undefined : () => setChecked(nextChecked)}\n      testID={testID}\n    >\n      {(interactionState) =>\n        renderRadioContent({\n          children,\n          color,\n          disabled,\n          interactionState,\n          invalid,\n          isChecked,\n          readOnly,\n          size,\n          theme,\n        })\n      }\n    </Pressable>\n  );\n}\n\n/*** Renders the radio indicator and optional content for one interaction state. */\nfunction renderRadioContent(input: RadioContentInput) {\n  const { interactionState, theme } = input;\n  const fieldState = resolveFieldState({\n    disabled: input.disabled,\n    focused: interactionState.focused,\n    invalid: input.invalid,\n    readOnly: input.readOnly,\n  });\n  const colors = resolveSelectionControlColors(theme, {\n    checked: input.isChecked,\n    fieldState,\n    hovered: interactionState.hovered,\n    pressed: interactionState.pressed,\n    color: input.color,\n  });\n  const indicatorSize = resolveIndicatorSize(input.size);\n  const labelEmphasis = colors.labelColor === theme.semantics.content.muted ? 'muted' : 'default';\n  const hasContent =\n    input.children !== undefined && input.children !== null && input.children !== false;\n\n  return (\n    <View style={resolveSelectionRowStyle(colors.opacity)}>\n      <View\n        radius=\"full\"\n        style={resolveRadioIndicatorStyle(\n          colors.backgroundColor,\n          colors.borderColor,\n          indicatorSize.radio,\n        )}\n      >\n        {input.isChecked ? (\n          <View\n            radius=\"full\"\n            style={resolveRadioDotStyle(colors.indicatorColor, indicatorSize.radioDot)}\n          />\n        ) : null}\n      </View>\n      {hasContent ? (\n        <View flex={1} ml=\"s\">\n          {isRadioTextContent(input.children) ? (\n            <Text emphasis={labelEmphasis}>{input.children}</Text>\n          ) : (\n            input.children\n          )}\n        </View>\n      ) : null}\n    </View>\n  );\n}\n\n/*** Resolves the horizontal selection-control row style. */\nfunction resolveSelectionRowStyle(opacity: number | undefined): ViewStyle {\n  return { alignItems: 'center', flexDirection: 'row', opacity };\n}\n\n/*** Resolves radio indicator dimensions and interaction colors. */\nfunction resolveRadioIndicatorStyle(\n  backgroundColor: string,\n  borderColor: string,\n  size: number,\n): ViewStyle {\n  return {\n    alignItems: 'center',\n    backgroundColor,\n    borderColor,\n    borderWidth: 1.5,\n    height: size,\n    justifyContent: 'center',\n    width: size,\n  };\n}\n\n/*** Resolves the checked radio dot style. */\nfunction resolveRadioDotStyle(backgroundColor: string, size: number): ViewStyle {\n  return { backgroundColor, height: size, width: size };\n}\n\ninterface RadioControlProps {\n  accessibilityLabel: RadioProps['accessibilityLabel'];\n  buttonProps: PressableProps;\n  children: RadioProps['children'];\n  color: NonNullable<RadioProps['color']>;\n  disabled: boolean;\n  invalid: boolean;\n  isChecked: boolean;\n  readOnly: boolean;\n  setChecked: (checked: boolean) => void;\n  size: NonNullable<RadioProps['size']>;\n  testID: RadioProps['testID'];\n  theme: SurfaceTheme;\n}\n\ninterface RadioContentInput {\n  children: RadioProps['children'];\n  color: NonNullable<RadioProps['color']>;\n  disabled: boolean;\n  interactionState: InteractionState;\n  invalid: boolean;\n  isChecked: boolean;\n  readOnly: boolean;\n  size: NonNullable<RadioProps['size']>;\n  theme: SurfaceTheme;\n}\n"]}

package/dist/features/form/switch/adapters/inbound/Switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../../../src/features/form/switch/adapters/inbound/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAK/D,+DAA+D;AAC/D,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,OAAO,EACP,cAAsB,EACtB,eAAe,EACf,KAAiB,EACjB,IAAU,EACV,QAAgB,EAChB,OAAe,EACf,QAAgB,EAChB,kBAAkB,EAClB,MAAM,EACN,GAAG,KAAK,EACT,EAAE,WAAW,qBAgCb"}
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../../../../src/features/form/switch/adapters/inbound/Switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAM/D,+DAA+D;AAC/D,wBAAgB,MAAM,CAAC,EACrB,QAAQ,EACR,OAAO,EACP,cAAsB,EACtB,eAAe,EACf,KAAiB,EACjB,IAAU,EACV,QAAgB,EAChB,OAAe,EACf,QAAgB,EAChB,kBAAkB,EAClB,MAAM,EACN,GAAG,KAAK,EACT,EAAE,WAAW,qBAgCb"}

package/dist/features/form/switch/adapters/inbound/Switch.js

@@ -1,9 +1,9 @@
 import React from 'react';
 import { resolveFieldState, resolveIndicatorSize, resolveSelectionControlColors, resolveSelectionControlNextChecked, } from '../../../../../internal/resolvers';
 import { useControllableState } from '../../../../../internal/useControllableState';
-import { useTheme } from '../../../../../theme/ThemeContext';
 import { View } from '../../../../layout/public';
 import { Pressable } from '../../../../pressable/public';
+import { useTheme } from '../../../../theme/runtime';
 import { Text } from '../../../../typography/public';
 /*** Renders a controlled or uncontrolled accessible switch. */
 export function Switch({ children, checked, defaultChecked = false, onCheckedChange, color = 'primary', size = 'm', disabled = false, invalid = false, readOnly = false, accessibilityLabel, testID, ...props }) {