@ankhorage/surface 4.2.0 → 4.3.0

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { resolveButtonColors, resolveControlSize, resolveIconSize, } from '../../../../internal/resolvers';
+import { ButtonBase } from '../../../../primitives/button-base';
+import { useTheme } from '../../../../theme/ThemeContext';
+import { Icon } from '../../../icon/public';
+import { Box } from '../../../layout/public';
+/*** 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();
+    const controlSize = resolveControlSize(theme, size);
+    return (<ButtonBase {...props} accessibilityLabel={accessibilityLabel} disabled={disabled} onPress={onPress} testID={testID}>
+      {(state) => {
+            const colors = resolveButtonColors(theme, { color, state, variant });
+            return (<Box radius={controlSize.borderRadius} style={resolveIconButtonStyle(controlSize, colors, variant)}>
+            <Icon {...icon} color={colors.contentColor} size={resolveIconSize(theme, size)}/>
+          </Box>);
+        }}
+    </ButtonBase>);
+}
+/*** Resolves the visual container style for an IconButton interaction state. */
+function resolveIconButtonStyle(controlSize, colors, variant) {
+    return {
+        alignItems: 'center',
+        backgroundColor: colors.backgroundColor,
+        borderColor: colors.borderColor,
+        borderWidth: variant === 'solid' ? 0 : 1,
+        justifyContent: 'center',
+        minHeight: controlSize.minHeight,
+        minWidth: controlSize.minHeight,
+        opacity: colors.opacity,
+    };
+}
+//# sourceMappingURL=IconButton.js.map

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

@@ -0,0 +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,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE1D,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAE,MAAM,wBAAwB,CAAC;AAE7C,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,UAAU,CACT,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,GAAG,CACF,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,GAAG,CAAC,CACP,CAAC;QACJ,CAAC,CACH;IAAA,EAAE,UAAU,CAAC,CACd,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 { ButtonBase } from '../../../../primitives/button-base';\nimport { useTheme } from '../../../../theme/ThemeContext';\nimport type { IconButtonProps } from '../../../../types/button';\nimport { Icon } from '../../../icon/public';\nimport { Box } from '../../../layout/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    <ButtonBase\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          <Box\n            radius={controlSize.borderRadius}\n            style={resolveIconButtonStyle(controlSize, colors, variant)}\n          >\n            <Icon {...icon} color={colors.contentColor} size={resolveIconSize(theme, size)} />\n          </Box>\n        );\n      }}\n    </ButtonBase>\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/button/public.d.ts

@@ -0,0 +1,4 @@
+export type { ButtonIconSpec, ButtonProps, IconButtonProps } from '../../types/button';
+export { Button } from './adapters/inbound/Button';
+export { IconButton } from './adapters/inbound/IconButton';
+//# sourceMappingURL=public.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../src/features/button/public.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACvF,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/features/button/public.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"public.js","sourceRoot":"","sources":["../../../src/features/button/public.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC","sourcesContent":["export type { ButtonIconSpec, ButtonProps, IconButtonProps } from '../../types/button';\nexport { Button } from './adapters/inbound/Button';\nexport { IconButton } from './adapters/inbound/IconButton';\n"]}

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { CardProps } from '../../../../types/card';
+/*** Renders a themed content card with optional interactive press states. */
+export declare function Card({ children, variant, onPress, disabled, testID, style, ...props }: CardProps): React.JSX.Element;
+//# sourceMappingURL=Card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../../src/features/card/adapters/inbound/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAIxD,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

@@ -0,0 +1,44 @@
+import React from 'react';
+import { ButtonBase } from '../../../../primitives/button-base';
+import { useTheme } from '../../../../theme/ThemeContext';
+import { Surface } from '../../../surface/public';
+/*** 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();
+    if (!onPress) {
+        return (<Surface {...props} style={style} testID={testID} variant={variant}>
+        {children}
+      </Surface>);
+    }
+    return (<ButtonBase accessibilityRole="button" disabled={disabled} onPress={onPress} testID={testID}>
+      {(state) => (<Surface {...props} style={[
+                resolveInteractiveCardStyle(variant, state.pressed, state.hovered, state.disabled, {
+                    active: theme.semantics.neutral.surfaceActive,
+                    base: theme.semantics.surface.default,
+                    hover: theme.semantics.neutral.surfaceHover,
+                    subtle: theme.semantics.surface.subtle,
+                }),
+                style,
+            ]} variant={variant}>
+          {children}
+        </Surface>)}
+    </ButtonBase>);
+}
+/*** Resolves the complete interactive style for one Card state. */
+function resolveInteractiveCardStyle(variant, pressed, hovered, disabled, backgrounds) {
+    return {
+        backgroundColor: resolveCardStateBackground(variant, pressed, hovered, backgrounds),
+        opacity: disabled ? 0.72 : 1,
+    };
+}
+/*** Resolves the interactive background for one Card variant and state. */
+function resolveCardStateBackground(variant, pressed, hovered, backgrounds) {
+    if (variant === 'outline') {
+        return pressed ? backgrounds.active : hovered ? backgrounds.hover : 'transparent';
+    }
+    if (variant === 'subtle') {
+        return pressed ? backgrounds.active : hovered ? backgrounds.hover : backgrounds.subtle;
+    }
+    return pressed ? backgrounds.active : hovered ? backgrounds.hover : backgrounds.base;
+}
+//# sourceMappingURL=Card.js.map

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

@@ -0,0 +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 { ButtonBase } from '../../../../primitives/button-base';\nimport { useTheme } from '../../../../theme/ThemeContext';\nimport type { CardProps } from '../../../../types/card';\nimport type { SurfaceVariant } from '../../../../types/surface';\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    <ButtonBase 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    </ButtonBase>\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/card/public.d.ts

@@ -0,0 +1,3 @@
+export type { CardProps } from '../../types/card';
+export { Card } from './adapters/inbound/Card';
+//# sourceMappingURL=public.d.ts.map

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

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

package/dist/features/card/public.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"public.js","sourceRoot":"","sources":["../../../src/features/card/public.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC","sourcesContent":["export type { CardProps } from '../../types/card';\nexport { Card } from './adapters/inbound/Card';\n"]}

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { CheckboxProps } from '../../../../../types/checkbox';
+/*** Renders a controlled or uncontrolled accessible checkbox. */
+export declare function Checkbox({ accessibilityLabel, checked, children, color, defaultChecked, disabled, invalid, onCheckedChange, readOnly, size, testID, ...buttonProps }: CheckboxProps): React.JSX.Element;
+//# sourceMappingURL=Checkbox.d.ts.map

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

@@ -0,0 +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;AAe1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAInE,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

@@ -0,0 +1,88 @@
+import React from 'react';
+import { resolveFieldState, resolveIndicatorSize, resolveSelectionControlColors, resolveSelectionControlNextChecked, } from '../../../../../internal/resolvers';
+import { useControllableState } from '../../../../../internal/useControllableState';
+import { ButtonBase } from '../../../../../primitives/button-base';
+import { useTheme } from '../../../../../theme/ThemeContext';
+import { Box } from '../../../../layout/public';
+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 }) {
+    const { theme } = useTheme();
+    const [isChecked, setChecked] = useControllableState({
+        value: checked,
+        defaultValue: defaultChecked,
+        onChange: onCheckedChange,
+    });
+    return (<CheckboxControl accessibilityLabel={accessibilityLabel} buttonProps={buttonProps} color={color} disabled={disabled} invalid={invalid} isChecked={isChecked} readOnly={readOnly} setChecked={setChecked} size={size} testID={testID} theme={theme}>
+      {children}
+    </CheckboxControl>);
+}
+/*** Owns the checkbox interaction boundary around resolved selection content. */
+function CheckboxControl({ accessibilityLabel, buttonProps, children, color, disabled, invalid, isChecked, readOnly, setChecked, size, testID, theme, }) {
+    const nextChecked = resolveSelectionControlNextChecked({
+        checked: isChecked,
+        disabled,
+        kind: 'checkbox',
+        readOnly,
+    });
+    return (<ButtonBase {...buttonProps} accessibilityLabel={accessibilityLabel} accessibilityRole="checkbox" accessibilityState={{ checked: isChecked }} disabled={disabled} onPress={nextChecked === null ? undefined : () => setChecked(nextChecked)} testID={testID}>
+      {(interactionState) => renderCheckboxContent({
+            children,
+            color,
+            disabled,
+            interactionState,
+            invalid,
+            isChecked,
+            readOnly,
+            size,
+            theme,
+        })}
+    </ButtonBase>);
+}
+/*** Renders the checkbox indicator and optional label for one interaction state. */
+function renderCheckboxContent(input) {
+    const { interactionState, theme } = input;
+    const fieldState = resolveFieldState({
+        disabled: input.disabled,
+        focused: interactionState.focused,
+        invalid: input.invalid,
+        readOnly: input.readOnly,
+    });
+    const colors = resolveSelectionControlColors(theme, {
+        checked: input.isChecked,
+        fieldState,
+        hovered: interactionState.hovered,
+        pressed: interactionState.pressed,
+        color: input.color,
+    });
+    const indicatorSize = resolveIndicatorSize(input.size);
+    const labelEmphasis = colors.labelColor === theme.semantics.content.muted ? 'muted' : 'default';
+    const indicatorColor = fieldState.invalid ? 'error' : input.color;
+    return (<Box style={resolveSelectionRowStyle(colors.opacity)}>
+      <Box radius="s" style={resolveCheckboxIndicatorStyle(colors.backgroundColor, colors.borderColor, indicatorSize.checkbox)}>
+        {input.isChecked ? (<Text color={input.disabled ? undefined : indicatorColor} emphasis={input.disabled ? 'muted' : 'inverse'} variant="caption" weight="bold">
+            ✓
+          </Text>) : null}
+      </Box>
+      {input.children ? (<Box ml="s">
+          <Text emphasis={labelEmphasis}>{input.children}</Text>
+        </Box>) : null}
+    </Box>);
+}
+/*** Resolves the horizontal selection-control row style. */
+function resolveSelectionRowStyle(opacity) {
+    return { alignItems: 'center', flexDirection: 'row', opacity };
+}
+/*** Resolves checkbox indicator dimensions and interaction colors. */
+function resolveCheckboxIndicatorStyle(backgroundColor, borderColor, size) {
+    return {
+        alignItems: 'center',
+        backgroundColor,
+        borderColor,
+        borderWidth: 1.5,
+        height: size,
+        justifyContent: 'center',
+        width: size,
+    };
+}
+//# sourceMappingURL=Checkbox.js.map

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

@@ -0,0 +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 { ButtonBase } from '../../../../../primitives/button-base';\nimport type { ButtonBaseProps } from '../../../../../primitives/button-base/types';\nimport { useTheme } from '../../../../../theme/ThemeContext';\nimport type { SurfaceTheme } from '../../../../../theme/types';\nimport type { CheckboxProps } from '../../../../../types/checkbox';\nimport { Box } from '../../../../layout/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    <ButtonBase\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    </ButtonBase>\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    <Box style={resolveSelectionRowStyle(colors.opacity)}>\n      <Box\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      </Box>\n      {input.children ? (\n        <Box ml=\"s\">\n          <Text emphasis={labelEmphasis}>{input.children}</Text>\n        </Box>\n      ) : null}\n    </Box>\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: ButtonBaseProps;\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/checkbox/public.d.ts

@@ -0,0 +1,3 @@
+export type { CheckboxProps } from '../../../types/checkbox';
+export { Checkbox } from './adapters/inbound/Checkbox';
+//# sourceMappingURL=public.d.ts.map

package/dist/features/form/checkbox/public.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../../src/features/form/checkbox/public.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC"}

package/dist/features/form/checkbox/public.js

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

package/dist/features/form/checkbox/public.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.js","sourceRoot":"","sources":["../../../../src/features/form/checkbox/public.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC","sourcesContent":["export type { CheckboxProps } from '../../../types/checkbox';\nexport { Checkbox } from './adapters/inbound/Checkbox';\n"]}

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { RadioProps } from '../../../../../types/radio';
+/*** Renders one accessible radio control with text or structured label content. */
+export declare function Radio({ accessibilityLabel, checked, children, color, defaultChecked, disabled, invalid, onCheckedChange, readOnly, size, testID, ...buttonProps }: RadioProps): React.JSX.Element;
+//# sourceMappingURL=Radio.d.ts.map

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

@@ -0,0 +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;AAe1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAK7D,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

@@ -0,0 +1,91 @@
+import React from 'react';
+import { resolveFieldState, resolveIndicatorSize, resolveSelectionControlColors, resolveSelectionControlNextChecked, } from '../../../../../internal/resolvers';
+import { useControllableState } from '../../../../../internal/useControllableState';
+import { ButtonBase } from '../../../../../primitives/button-base';
+import { useTheme } from '../../../../../theme/ThemeContext';
+import { Box } from '../../../../layout/public';
+import { Text } from '../../../../typography/public';
+import { isRadioTextContent } from '../../utils/isRadioTextContent';
+/*** Renders one accessible radio control with text or structured label content. */
+export function Radio({ accessibilityLabel, checked, children, color = 'primary', defaultChecked = false, disabled = false, invalid = false, onCheckedChange, readOnly = false, size = 'm', testID, ...buttonProps }) {
+    const { theme } = useTheme();
+    const [isChecked, setChecked] = useControllableState({
+        value: checked,
+        defaultValue: defaultChecked,
+        onChange: onCheckedChange,
+    });
+    return (<RadioControl accessibilityLabel={accessibilityLabel} buttonProps={buttonProps} color={color} disabled={disabled} invalid={invalid} isChecked={isChecked} readOnly={readOnly} setChecked={setChecked} size={size} testID={testID} theme={theme}>
+      {children}
+    </RadioControl>);
+}
+/*** Owns the radio interaction boundary around resolved selection content. */
+function RadioControl({ accessibilityLabel, buttonProps, children, color, disabled, invalid, isChecked, readOnly, setChecked, size, testID, theme, }) {
+    const nextChecked = resolveSelectionControlNextChecked({
+        checked: isChecked,
+        disabled,
+        kind: 'radio',
+        readOnly,
+    });
+    return (<ButtonBase {...buttonProps} accessibilityLabel={accessibilityLabel} accessibilityRole="radio" accessibilityState={{ checked: isChecked }} disabled={disabled} onPress={nextChecked === null ? undefined : () => setChecked(nextChecked)} testID={testID}>
+      {(interactionState) => renderRadioContent({
+            children,
+            color,
+            disabled,
+            interactionState,
+            invalid,
+            isChecked,
+            readOnly,
+            size,
+            theme,
+        })}
+    </ButtonBase>);
+}
+/*** Renders the radio indicator and optional content for one interaction state. */
+function renderRadioContent(input) {
+    const { interactionState, theme } = input;
+    const fieldState = resolveFieldState({
+        disabled: input.disabled,
+        focused: interactionState.focused,
+        invalid: input.invalid,
+        readOnly: input.readOnly,
+    });
+    const colors = resolveSelectionControlColors(theme, {
+        checked: input.isChecked,
+        fieldState,
+        hovered: interactionState.hovered,
+        pressed: interactionState.pressed,
+        color: input.color,
+    });
+    const indicatorSize = resolveIndicatorSize(input.size);
+    const labelEmphasis = colors.labelColor === theme.semantics.content.muted ? 'muted' : 'default';
+    const hasContent = input.children !== undefined && input.children !== null && input.children !== false;
+    return (<Box style={resolveSelectionRowStyle(colors.opacity)}>
+      <Box radius="full" style={resolveRadioIndicatorStyle(colors.backgroundColor, colors.borderColor, indicatorSize.radio)}>
+        {input.isChecked ? (<Box radius="full" style={resolveRadioDotStyle(colors.indicatorColor, indicatorSize.radioDot)}/>) : null}
+      </Box>
+      {hasContent ? (<Box flex={1} ml="s">
+          {isRadioTextContent(input.children) ? (<Text emphasis={labelEmphasis}>{input.children}</Text>) : (input.children)}
+        </Box>) : null}
+    </Box>);
+}
+/*** Resolves the horizontal selection-control row style. */
+function resolveSelectionRowStyle(opacity) {
+    return { alignItems: 'center', flexDirection: 'row', opacity };
+}
+/*** Resolves radio indicator dimensions and interaction colors. */
+function resolveRadioIndicatorStyle(backgroundColor, borderColor, size) {
+    return {
+        alignItems: 'center',
+        backgroundColor,
+        borderColor,
+        borderWidth: 1.5,
+        height: size,
+        justifyContent: 'center',
+        width: size,
+    };
+}
+/*** Resolves the checked radio dot style. */
+function resolveRadioDotStyle(backgroundColor, size) {
+    return { backgroundColor, height: size, width: size };
+}
+//# sourceMappingURL=Radio.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../../../../src/features/form/radio/adapters/inbound/Radio.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 { ButtonBase } from '../../../../../primitives/button-base';\nimport type { ButtonBaseProps } from '../../../../../primitives/button-base/types';\nimport { useTheme } from '../../../../../theme/ThemeContext';\nimport type { SurfaceTheme } from '../../../../../theme/types';\nimport type { RadioProps } from '../../../../../types/radio';\nimport { Box } from '../../../../layout/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    <ButtonBase\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    </ButtonBase>\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    <Box style={resolveSelectionRowStyle(colors.opacity)}>\n      <Box\n        radius=\"full\"\n        style={resolveRadioIndicatorStyle(\n          colors.backgroundColor,\n          colors.borderColor,\n          indicatorSize.radio,\n        )}\n      >\n        {input.isChecked ? (\n          <Box\n            radius=\"full\"\n            style={resolveRadioDotStyle(colors.indicatorColor, indicatorSize.radioDot)}\n          />\n        ) : null}\n      </Box>\n      {hasContent ? (\n        <Box flex={1} ml=\"s\">\n          {isRadioTextContent(input.children) ? (\n            <Text emphasis={labelEmphasis}>{input.children}</Text>\n          ) : (\n            input.children\n          )}\n        </Box>\n      ) : null}\n    </Box>\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: ButtonBaseProps;\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/radio/public.d.ts

@@ -0,0 +1,3 @@
+export type { RadioProps } from '../../../types/radio';
+export { Radio } from './adapters/inbound/Radio';
+//# sourceMappingURL=public.d.ts.map

package/dist/features/form/radio/public.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../../src/features/form/radio/public.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/features/form/radio/public.js

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

package/dist/features/form/radio/public.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.js","sourceRoot":"","sources":["../../../../src/features/form/radio/public.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC","sourcesContent":["export type { RadioProps } from '../../../types/radio';\nexport { Radio } from './adapters/inbound/Radio';\n"]}

package/dist/features/form/radio/utils/isRadioTextContent.d.ts

@@ -0,0 +1,4 @@
+import type React from 'react';
+/*** Reports whether Radio content should use the built-in text-label presentation. */
+export declare function isRadioTextContent(children: React.ReactNode): children is string | number;
+//# sourceMappingURL=isRadioTextContent.d.ts.map

package/dist/features/form/radio/utils/isRadioTextContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isRadioTextContent.d.ts","sourceRoot":"","sources":["../../../../../src/features/form/radio/utils/isRadioTextContent.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,sFAAsF;AACtF,wBAAgB,kBAAkB,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,QAAQ,IAAI,MAAM,GAAG,MAAM,CAEzF"}

package/dist/features/form/radio/utils/isRadioTextContent.js

@@ -0,0 +1,5 @@
+/*** Reports whether Radio content should use the built-in text-label presentation. */
+export function isRadioTextContent(children) {
+    return typeof children === 'string' || typeof children === 'number';
+}
+//# sourceMappingURL=isRadioTextContent.js.map

package/dist/features/form/radio/utils/isRadioTextContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isRadioTextContent.js","sourceRoot":"","sources":["../../../../../src/features/form/radio/utils/isRadioTextContent.ts"],"names":[],"mappings":"AAEA,sFAAsF;AACtF,MAAM,UAAU,kBAAkB,CAAC,QAAyB;IAC1D,OAAO,OAAO,QAAQ,KAAK,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ,CAAC;AACtE,CAAC","sourcesContent":["import type React from 'react';\n\n/*** Reports whether Radio content should use the built-in text-label presentation. */\nexport function isRadioTextContent(children: React.ReactNode): children is string | number {\n  return typeof children === 'string' || typeof children === 'number';\n}\n"]}

package/dist/features/form/text-input/adapters/inbound/TextInput.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { TextInputProps } from '../../../../../types/text-input';
+/*** Renders a token-aware text input with controlled interaction policy. */
+export declare function TextInput(props: TextInputProps): React.JSX.Element;
+//# sourceMappingURL=TextInput.d.ts.map

package/dist/features/form/text-input/adapters/inbound/TextInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../../../src/features/form/text-input/adapters/inbound/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAGtE,4EAA4E;AAC5E,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,qBA+C9C"}

package/dist/features/form/text-input/adapters/inbound/TextInput.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import { Platform, TextInput as ReactNativeTextInput, View } from 'react-native';
+import { resolveFocusRingStyles } from '../../../../../internal/resolvers';
+import { useTheme } from '../../../../../theme/ThemeContext';
+import { resolveTextInputPresentation } from '../../utils/resolveTextInputPresentation';
+/*** Renders a token-aware text input with controlled interaction policy. */
+export function TextInput(props) {
+    const { theme } = useTheme();
+    const [focused, setFocused] = React.useState(false);
+    const { disabled: _disabled, interactionPolicy = 'enabled', invalid: _invalid, leadingAccessory, readOnly = false, size: _size, trailingAccessory, ...nativeProps } = props;
+    const presentation = resolveTextInputPresentation(theme, props, focused);
+    return (<View style={[
+            presentation.containerStyle,
+            resolveFocusRingStyles(theme.semantics.border.focus, focused, Platform.OS === 'web'),
+        ]}>
+      {renderAccessory(leadingAccessory, presentation.accessorySpacing, 'leading')}
+      <ReactNativeTextInput {...nativeProps} editable={presentation.editable} numberOfLines={presentation.numberOfLines} onBlur={(event) => {
+            setFocused(false);
+            nativeProps.onBlur?.(event);
+        }} onChangeText={(nextValue) => {
+            if (interactionPolicy !== 'passive') {
+                nativeProps.onChangeText?.(nextValue);
+            }
+        }} onFocus={(event) => {
+            setFocused(true);
+            nativeProps.onFocus?.(event);
+        }} placeholderTextColor={presentation.placeholderColor} readOnly={readOnly} style={[presentation.inputStyle, nativeProps.style]}/>
+      {renderAccessory(trailingAccessory, presentation.accessorySpacing, 'trailing')}
+    </View>);
+}
+/*** Renders one optional TextInput accessory with directional spacing. */
+function renderAccessory(accessory, spacing, position) {
+    if (!accessory)
+        return null;
+    return <View style={resolveAccessoryStyle(spacing, position)}>{accessory}</View>;
+}
+/*** Resolves spacing around a leading or trailing TextInput accessory. */
+function resolveAccessoryStyle(spacing, position) {
+    return position === 'leading' ? { marginRight: spacing } : { marginLeft: spacing };
+}
+//# sourceMappingURL=TextInput.js.map

package/dist/features/form/text-input/adapters/inbound/TextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../../../../src/features/form/text-input/adapters/inbound/TextInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Platform, TextInput as ReactNativeTextInput, View, type ViewStyle } from 'react-native';\n\nimport { resolveFocusRingStyles } from '../../../../../internal/resolvers';\nimport { useTheme } from '../../../../../theme/ThemeContext';\nimport type { TextInputProps } from '../../../../../types/text-input';\nimport { resolveTextInputPresentation } from '../../utils/resolveTextInputPresentation';\n\n/*** Renders a token-aware text input with controlled interaction policy. */\nexport function TextInput(props: TextInputProps) {\n  const { theme } = useTheme();\n  const [focused, setFocused] = React.useState(false);\n  const {\n    disabled: _disabled,\n    interactionPolicy = 'enabled',\n    invalid: _invalid,\n    leadingAccessory,\n    readOnly = false,\n    size: _size,\n    trailingAccessory,\n    ...nativeProps\n  } = props;\n  const presentation = resolveTextInputPresentation(theme, props, focused);\n\n  return (\n    <View\n      style={[\n        presentation.containerStyle,\n        resolveFocusRingStyles(theme.semantics.border.focus, focused, Platform.OS === 'web'),\n      ]}\n    >\n      {renderAccessory(leadingAccessory, presentation.accessorySpacing, 'leading')}\n      <ReactNativeTextInput\n        {...nativeProps}\n        editable={presentation.editable}\n        numberOfLines={presentation.numberOfLines}\n        onBlur={(event) => {\n          setFocused(false);\n          nativeProps.onBlur?.(event);\n        }}\n        onChangeText={(nextValue) => {\n          if (interactionPolicy !== 'passive') {\n            nativeProps.onChangeText?.(nextValue);\n          }\n        }}\n        onFocus={(event) => {\n          setFocused(true);\n          nativeProps.onFocus?.(event);\n        }}\n        placeholderTextColor={presentation.placeholderColor}\n        readOnly={readOnly}\n        style={[presentation.inputStyle, nativeProps.style]}\n      />\n      {renderAccessory(trailingAccessory, presentation.accessorySpacing, 'trailing')}\n    </View>\n  );\n}\n\n/*** Renders one optional TextInput accessory with directional spacing. */\nfunction renderAccessory(\n  accessory: React.ReactNode,\n  spacing: number,\n  position: 'leading' | 'trailing',\n) {\n  if (!accessory) return null;\n  return <View style={resolveAccessoryStyle(spacing, position)}>{accessory}</View>;\n}\n\n/*** Resolves spacing around a leading or trailing TextInput accessory. */\nfunction resolveAccessoryStyle(spacing: number, position: 'leading' | 'trailing'): ViewStyle {\n  return position === 'leading' ? { marginRight: spacing } : { marginLeft: spacing };\n}\n"]}

package/dist/features/form/text-input/public.d.ts

@@ -0,0 +1,3 @@
+export type { TextInputProps } from '../../../types/text-input';
+export { TextInput } from './adapters/inbound/TextInput';
+//# sourceMappingURL=public.d.ts.map

package/dist/features/form/text-input/public.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../../../src/features/form/text-input/public.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/features/form/text-input/public.js

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

package/dist/features/form/text-input/public.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.js","sourceRoot":"","sources":["../../../../src/features/form/text-input/public.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC","sourcesContent":["export type { TextInputProps } from '../../../types/text-input';\nexport { TextInput } from './adapters/inbound/TextInput';\n"]}

package/dist/features/form/text-input/utils/resolveTextInputPresentation.d.ts

@@ -0,0 +1,15 @@
+import type { TextStyle, ViewStyle } from 'react-native';
+import type { SurfaceTheme } from '../../../../theme/types';
+import type { TextInputProps } from '../../../../types/text-input';
+/*** Resolves layout, colors, and editability for one TextInput state. */
+export declare function resolveTextInputPresentation(theme: SurfaceTheme, props: TextInputProps, focused: boolean): TextInputPresentation;
+interface TextInputPresentation {
+    accessorySpacing: number;
+    containerStyle: ViewStyle;
+    editable: boolean;
+    inputStyle: TextStyle;
+    numberOfLines: number | undefined;
+    placeholderColor: string;
+}
+export {};
+//# sourceMappingURL=resolveTextInputPresentation.d.ts.map

package/dist/features/form/text-input/utils/resolveTextInputPresentation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolveTextInputPresentation.d.ts","sourceRoot":"","sources":["../../../../../src/features/form/text-input/utils/resolveTextInputPresentation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAQzD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAEnE,yEAAyE;AACzE,wBAAgB,4BAA4B,CAC1C,KAAK,EAAE,YAAY,EACnB,KAAK,EAAE,cAAc,EACrB,OAAO,EAAE,OAAO,GACf,qBAAqB,CA4CvB;AAuBD,UAAU,qBAAqB;IAC7B,gBAAgB,EAAE,MAAM,CAAC;IACzB,cAAc,EAAE,SAAS,CAAC;IAC1B,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,SAAS,CAAC;IACtB,aAAa,EAAE,MAAM,GAAG,SAAS,CAAC;IAClC,gBAAgB,EAAE,MAAM,CAAC;CAC1B"}