@ankhorage/surface 6.0.0 → 7.0.0

package/dist/{components/switch/types.d.ts → types/switch.d.ts}

@@ -1,7 +1,7 @@
 import type React from 'react';
-import type { ControlSize } from '../../internal/resolvers/resolveControlSize';
-import type { ButtonBaseProps } from '../../primitives/button-base';
-import type { SurfaceColor } from '../../surfaceColor';
+import type { ControlSize } from '../internal/resolvers/resolveControlSize';
+import type { ButtonBaseProps } from '../primitives/button-base';
+import type { SurfaceColor } from '../surfaceColor';
 export interface SwitchProps extends Omit<ButtonBaseProps, 'accessibilityRole' | 'accessibilityState' | 'children' | 'onPress' | 'style'> {
     children?: React.ReactNode;
     checked?: boolean;
@@ -12,4 +12,4 @@ export interface SwitchProps extends Omit<ButtonBaseProps, 'accessibilityRole' |
     invalid?: boolean;
     readOnly?: boolean;
 }
-//# sourceMappingURL=types.d.ts.map
+//# sourceMappingURL=switch.d.ts.map

package/dist/types/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../src/types/switch.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpD,MAAM,WAAW,WAAY,SAAQ,IAAI,CACvC,eAAe,EACf,mBAAmB,GAAG,oBAAoB,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,CAC9E;IACC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC3D,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}

package/dist/types/switch.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=switch.js.map

package/dist/types/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../src/types/switch.ts"],"names":[],"mappings":"","sourcesContent":["import type React from 'react';\n\nimport type { ControlSize } from '../internal/resolvers/resolveControlSize';\nimport type { ButtonBaseProps } from '../primitives/button-base';\nimport type { SurfaceColor } from '../surfaceColor';\n\nexport interface SwitchProps extends Omit<\n  ButtonBaseProps,\n  'accessibilityRole' | 'accessibilityState' | 'children' | 'onPress' | 'style'\n> {\n  children?: React.ReactNode;\n  checked?: boolean;\n  defaultChecked?: boolean;\n  onCheckedChange?: ((checked: boolean) => void) | undefined;\n  color?: SurfaceColor;\n  size?: ControlSize;\n  invalid?: boolean;\n  readOnly?: boolean;\n}\n"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ankhorage/surface",
   "type": "module",
-  "version": "6.0.0",
+  "version": "7.0.0",
   "description": "Stable UI foundation for React Native and React Native Web.",
   "homepage": "https://github.com/ankhorage/surface#readme",
   "bugs": {

package/src/features/form/field/adapters/inbound/Field.tsx

@@ -0,0 +1,82 @@
+import React from 'react';
+
+import {
+  type ResolvedFieldPresentation,
+  resolveFieldPresentation,
+  resolveFieldState,
+} from '../../../../../internal/resolvers';
+import type { FieldProps } from '../../../../../types/field';
+import { View } from '../../../../layout/public';
+import { Text } from '../../../../typography/public';
+
+/*** Composes a control with its label and helper or error message. */
+export function Field({
+  children,
+  label,
+  helperText,
+  errorText,
+  required = false,
+  disabled = false,
+  invalid = false,
+  readOnly = false,
+  testID,
+}: FieldProps) {
+  const hasErrorText = Boolean(errorText);
+  const presentation = resolveFieldPresentation(
+    resolveFieldState({ disabled, invalid: invalid || hasErrorText, readOnly }),
+  );
+  const message = hasErrorText ? errorText : helperText;
+
+  return (
+    <View gap="xs" testID={testID}>
+      {renderFieldLabel(label, required, presentation)}
+      <View>{children}</View>
+      {renderFieldMessage(message, presentation)}
+    </View>
+  );
+}
+
+/*** Renders an optional field label and required indicator. */
+function renderFieldLabel(
+  label: React.ReactNode,
+  required: boolean,
+  presentation: ResolvedFieldPresentation,
+) {
+  if (label === undefined || label === null) return null;
+  const labelContent =
+    typeof label === 'string' || typeof label === 'number' ? (
+      <Text
+        color={presentation.labelColor}
+        emphasis={presentation.labelEmphasis}
+        variant="label"
+        weight="medium"
+      >
+        {label}
+      </Text>
+    ) : (
+      label
+    );
+
+  return (
+    <View align="center" direction="row" gap="xs">
+      <View flex={1}>{labelContent}</View>
+      {required ? (
+        <Text color="error" variant="label" weight="medium">
+          *
+        </Text>
+      ) : null}
+    </View>
+  );
+}
+
+/*** Renders an optional helper or error message using field presentation semantics. */
+function renderFieldMessage(message: React.ReactNode, presentation: ResolvedFieldPresentation) {
+  if (message === undefined || message === null || message === '') return null;
+  if (typeof message !== 'string' && typeof message !== 'number') return message;
+
+  return (
+    <Text color={presentation.helperColor} emphasis={presentation.helperEmphasis} variant="caption">
+      {message}
+    </Text>
+  );
+}

package/src/features/form/field/public.ts

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

package/src/features/form/switch/adapters/inbound/Switch.tsx

@@ -0,0 +1,123 @@
+import React from 'react';
+
+import {
+  type InteractionState,
+  resolveFieldState,
+  resolveIndicatorSize,
+  resolveSelectionControlColors,
+  resolveSelectionControlNextChecked,
+} from '../../../../../internal/resolvers';
+import { useControllableState } from '../../../../../internal/useControllableState';
+import { ButtonBase } from '../../../../../primitives/button-base';
+import { useTheme } from '../../../../../theme/ThemeContext';
+import type { SwitchProps } from '../../../../../types/switch';
+import { View } from '../../../../layout/public';
+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
+}: SwitchProps) {
+  const { theme } = useTheme();
+  const [isChecked, setChecked] = useControllableState<boolean>({
+    value: checked,
+    defaultValue: defaultChecked,
+    onChange: onCheckedChange,
+  });
+  const nextChecked = resolveSelectionControlNextChecked({
+    checked: isChecked,
+    disabled,
+    kind: 'switch',
+    readOnly,
+  });
+
+  return (
+    <ButtonBase
+      {...props}
+      accessibilityLabel={accessibilityLabel}
+      accessibilityRole="switch"
+      accessibilityState={{ checked: isChecked }}
+      disabled={disabled}
+      onPress={nextChecked === null ? undefined : () => setChecked(nextChecked)}
+      testID={testID}
+    >
+      {(interactionState) =>
+        renderSwitchContent(
+          { children, color, disabled, invalid, isChecked, readOnly, size, theme },
+          interactionState,
+        )
+      }
+    </ButtonBase>
+  );
+}
+
+interface SwitchContentInput {
+  children: React.ReactNode;
+  color: NonNullable<SwitchProps['color']>;
+  disabled: boolean;
+  invalid: boolean;
+  isChecked: boolean;
+  readOnly: boolean;
+  size: NonNullable<SwitchProps['size']>;
+  theme: ReturnType<typeof useTheme>['theme'];
+}
+
+/*** Resolves switch presentation for one interaction state and renders the visual control. */
+function renderSwitchContent(input: SwitchContentInput, interactionState: InteractionState) {
+  const fieldState = resolveFieldState({
+    disabled: input.disabled,
+    focused: interactionState.focused,
+    invalid: input.invalid,
+    readOnly: input.readOnly,
+  });
+  const colors = resolveSelectionControlColors(input.theme, {
+    checked: input.isChecked,
+    fieldState,
+    hovered: interactionState.hovered,
+    pressed: interactionState.pressed,
+    color: input.color,
+  });
+  const indicatorSize = resolveIndicatorSize(input.size);
+  const labelEmphasis =
+    colors.labelColor === input.theme.semantics.content.muted ? 'muted' : 'default';
+
+  return (
+    <View align="center" direction="row" opacity={colors.opacity}>
+      <View
+        bg={colors.trackColor}
+        borderColor={colors.borderColor}
+        borderWidth={1}
+        height={indicatorSize.switchHeight}
+        justify="center"
+        minWidth={indicatorSize.switchWidth}
+        px={2}
+        radius="full"
+        width={indicatorSize.switchWidth}
+      >
+        <View
+          alignSelf={input.isChecked ? 'flex-end' : 'flex-start'}
+          bg={colors.thumbColor}
+          height={indicatorSize.switchThumb}
+          radius="full"
+          width={indicatorSize.switchThumb}
+        />
+      </View>
+      {input.children ? (
+        <View ml="s">
+          <Text emphasis={labelEmphasis}>{input.children}</Text>
+        </View>
+      ) : null}
+    </View>
+  );
+}

package/src/features/form/switch/public.ts

@@ -0,0 +1,2 @@
+export type { SwitchProps } from '../../../types/switch';
+export { Switch } from './adapters/inbound/Switch';

package/src/features/form/text-input/adapters/inbound/TextInput.tsx

@@ -1,5 +1,12 @@
 import React from 'react';
-import { Platform, TextInput as ReactNativeTextInput, View, type ViewStyle } from 'react-native';
+import {
+  Platform,
+  type StyleProp,
+  TextInput as ReactNativeTextInput,
+  type TextStyle,
+  View,
+  type ViewStyle,
+} from 'react-native';
 
 import { resolveFocusRingStyles } from '../../../../../internal/resolvers';
 import { useTheme } from '../../../../../theme/ThemeContext';
@@ -39,9 +46,7 @@ export function TextInput(props: TextInputProps) {
           nativeProps.onBlur?.(event);
         }}
         onChangeText={(nextValue) => {
-          if (interactionPolicy !== 'passive') {
-            nativeProps.onChangeText?.(nextValue);
-          }
+          if (interactionPolicy !== 'passive') nativeProps.onChangeText?.(nextValue);
         }}
         onFocus={(event) => {
           setFocused(true);
@@ -49,13 +54,24 @@ export function TextInput(props: TextInputProps) {
         }}
         placeholderTextColor={presentation.placeholderColor}
         readOnly={readOnly}
-        style={[presentation.inputStyle, nativeProps.style]}
+        style={resolveInputStyle(presentation.inputStyle, nativeProps.multiline, nativeProps.style)}
       />
       {renderAccessory(trailingAccessory, presentation.accessorySpacing, 'trailing')}
     </View>
   );
 }
 
+const multilineInputStyle: TextStyle = { textAlignVertical: 'top' };
+
+/*** Resolves TextInput style composition including canonical multiline alignment. */
+function resolveInputStyle(
+  presentationStyle: StyleProp<TextStyle>,
+  multiline: boolean | undefined,
+  style: StyleProp<TextStyle>,
+): StyleProp<TextStyle> {
+  return [presentationStyle, multiline ? multilineInputStyle : undefined, style];
+}
+
 /*** Renders one optional TextInput accessory with directional spacing. */
 function renderAccessory(
   accessory: React.ReactNode,

package/src/features/list/adapters/inbound/List.tsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+import type { ListProps } from '../../../../types/list';
+import { View } from '../../../layout/public';
+
+/*** Groups list items under one neutral Surface list boundary. */
+export function List({ children, testID }: ListProps) {
+  return <View testID={testID}>{children}</View>;
+}

package/src/features/list/adapters/inbound/ListItem.tsx

@@ -0,0 +1,128 @@
+import React from 'react';
+
+import { ButtonBase } from '../../../../primitives/button-base';
+import { useTheme } from '../../../../theme/ThemeContext';
+import type { SurfaceTheme } from '../../../../theme/types';
+import type { ListItemProps } from '../../../../types/list';
+import { View } from '../../../layout/public';
+import { Text } from '../../../typography/public';
+
+/*** Renders a static or interactive list item with shared row geometry and interaction states. */
+export function ListItem(props: ListItemProps) {
+  const { theme } = useTheme();
+  if (!props.onPress) return renderStaticListItem(props, theme);
+  return renderInteractiveListItem({ ...props, onPress: props.onPress }, theme);
+}
+
+/*** Renders a non-pressable list item. */
+function renderStaticListItem(props: ListItemProps, theme: SurfaceTheme) {
+  return (
+    <ListItemContent
+      {...props}
+      backgroundColor={props.selected ? theme.semantics.selection.background : 'transparent'}
+    />
+  );
+}
+
+/*** Renders a pressable list item with shared interaction-state presentation. */
+function renderInteractiveListItem(
+  props: ListItemProps & { onPress: NonNullable<ListItemProps['onPress']> },
+  theme: SurfaceTheme,
+) {
+  return (
+    <ButtonBase
+      accessibilityLabel={props.accessibilityLabel}
+      accessibilityRole="button"
+      accessibilityState={{ disabled: props.disabled ?? false, selected: props.selected ?? false }}
+      disabled={props.disabled ?? false}
+      interactionPolicy={props.interactionPolicy}
+      onPress={props.onPress}
+      testID={props.testID}
+    >
+      {(state) => (
+        <ListItemContent
+          {...props}
+          backgroundColor={resolveListItemBackground(theme, {
+            hovered: state.hovered,
+            pressed: state.pressed,
+            selected: props.selected ?? false,
+          })}
+          disabled={state.disabled}
+          testID={undefined}
+        />
+      )}
+    </ButtonBase>
+  );
+}
+
+interface ListItemBackgroundState {
+  hovered: boolean;
+  pressed: boolean;
+  selected: boolean;
+}
+
+type ListItemContentProps = Omit<
+  ListItemProps,
+  'accessibilityLabel' | 'interactionPolicy' | 'onPress' | 'selected'
+> & {
+  backgroundColor: string;
+};
+
+/*** Resolves the neutral list-item background for one interaction state. */
+function resolveListItemBackground(theme: SurfaceTheme, state: ListItemBackgroundState) {
+  if (state.pressed) return theme.semantics.neutral.surfaceActive;
+  if (state.hovered) return theme.semantics.neutral.surfaceHover;
+  if (state.selected) return theme.semantics.selection.background;
+  return 'transparent';
+}
+
+/*** Renders the shared visual row content for static and interactive list items. */
+function ListItemContent({
+  backgroundColor,
+  children,
+  compact = false,
+  description,
+  disabled = false,
+  leading,
+  testID,
+  title,
+  trailing,
+}: ListItemContentProps) {
+  const content = children ?? renderDefaultContent(title, description);
+
+  return (
+    <View
+      align="center"
+      bg={backgroundColor}
+      direction="row"
+      gap="m"
+      opacity={disabled ? 0.72 : 1}
+      px="m"
+      py={compact ? 's' : 'm'}
+      testID={testID}
+    >
+      {leading !== undefined ? <View>{leading}</View> : null}
+      <View flex={1}>{content}</View>
+      {trailing !== undefined ? <View>{trailing}</View> : null}
+    </View>
+  );
+}
+
+/*** Renders the default title and description content when custom children are absent. */
+function renderDefaultContent(title: React.ReactNode, description: React.ReactNode) {
+  if (title === undefined && description === undefined) return null;
+  return (
+    <View flex={1} gap="xs">
+      {title !== undefined ? (
+        <Text numberOfLines={1} variant="body" weight="medium">
+          {title}
+        </Text>
+      ) : null}
+      {description !== undefined ? (
+        <Text emphasis="muted" numberOfLines={2} variant="bodySmall">
+          {description}
+        </Text>
+      ) : null}
+    </View>
+  );
+}

package/src/features/list/public.test.ts

@@ -0,0 +1,13 @@
+import { expect, test } from 'bun:test';
+
+test('list capability owns List and ListItem under one feature boundary', async () => {
+  const listSource = await Bun.file('src/features/list/adapters/inbound/List.tsx').text();
+  const listItemSource = await Bun.file('src/features/list/adapters/inbound/ListItem.tsx').text();
+
+  expect(listSource).toContain('export function List');
+  expect(listItemSource).toContain('export function ListItem');
+  expect(listItemSource).toContain('interactionPolicy={props.interactionPolicy}');
+  expect(listItemSource).toContain('selected');
+  expect(listItemSource).toContain('compact');
+  expect(listItemSource).not.toContain('components/list-item');
+});

package/src/features/list/public.ts

@@ -0,0 +1,3 @@
+export type { ListItemProps, ListProps } from '../../types/list';
+export { List } from './adapters/inbound/List';
+export { ListItem } from './adapters/inbound/ListItem';

package/src/index.test.ts

@@ -22,12 +22,15 @@ const expectedFeatureRootExports = [
   "export { Button, IconButton } from './features/button/public';",
   "export { Card } from './features/card/public';",
   "export { Checkbox } from './features/form/checkbox/public';",
+  "export { Field } from './features/form/field/public';",
   "export { Radio } from './features/form/radio/public';",
+  "export { Switch } from './features/form/switch/public';",
   "export { TextInput } from './features/form/text-input/public';",
   "export { Icon, SUPPORTED_ICON_PROVIDERS } from './features/icon/public';",
   "export { Image } from './features/image/public';",
   "export { KeyboardAvoidingView } from './features/keyboard-avoiding-view/public';",
   "export { Divider, Grid, ScrollView, View } from './features/layout/public';",
+  "export { List, ListItem } from './features/list/public';",
   "export { Modal } from './features/modal/public';",
   "export { PopoverMenu } from './features/popover-menu/public';",
   "export { Popover } from './features/popover/public';",
@@ -38,38 +41,39 @@ const expectedFeatureRootExports = [
   "export { Heading, Text } from './features/typography/public';",
 ] as const;
 
-const expectedLegacyRootExports = [
-  "export { Field } from './components/field';",
-  "export { HelperText } from './components/helper-text';",
-  "export { Label } from './components/label';",
-  "export { ListItem } from './components/list-item';",
-  "export { Switch } from './components/switch';",
-  "export { Textarea } from './components/textarea';",
+const expectedCrossCuttingRootExports = [
   "export type { InteractionPolicy, InteractionPolicyProps } from './interactionPolicy';",
   "export * from './core/responsive';",
 ] as const;
 
 describe('feature-owned root barrel contract', () => {
-  it('routes migrated UI through feature-owned public facades', () => {
+  it('routes UI through feature-owned public facades', () => {
     expectedFeatureRootExports.forEach((line) => expect(indexSource).toContain(line));
   });
 
-  it('does not retain removed layout aliases or a legacy layout facade', () => {
+  it('does not retain removed component or layout facades and aliases', () => {
+    expect(indexSource).not.toContain("'./components/");
     expect(indexSource).not.toContain("'./layout");
     expect(indexSource).not.toMatch(/\bBoxProps\b/u);
     expect(indexSource).not.toMatch(/\bContainerProps\b/u);
     expect(indexSource).not.toMatch(/\bStackProps\b/u);
     expect(indexSource).not.toMatch(/\bScrollAreaProps\b/u);
+    expect(indexSource).not.toMatch(/\bTextareaProps\b/u);
+    expect(indexSource).not.toMatch(/\bHelperTextProps\b/u);
+    expect(indexSource).not.toMatch(/\bLabelProps\b/u);
     expect(indexSource).not.toMatch(/export\s*\{[^}]*\bBox\b/u);
     expect(indexSource).not.toMatch(/export\s*\{[^}]*\bContainer\b/u);
     expect(indexSource).not.toMatch(/export\s*\{[^}]*\bStack\b/u);
     expect(indexSource).not.toMatch(/export\s*\{[^}]*\bScrollArea\b/u);
+    expect(indexSource).not.toMatch(/export\s*\{[^}]*\bTextarea\b/u);
+    expect(indexSource).not.toMatch(/export\s*\{[^}]*\bHelperText\b/u);
+    expect(indexSource).not.toMatch(/export\s*\{[^}]*\bLabel\b/u);
   });
 });
 
 describe('remaining root barrel contract', () => {
-  it('keeps still-unmigrated UI on its current public API until its feature migration', () => {
-    expectedLegacyRootExports.forEach((line) => expect(indexSource).toContain(line));
+  it('keeps deliberate cross-cutting public APIs', () => {
+    expectedCrossCuttingRootExports.forEach((line) => expect(indexSource).toContain(line));
   });
 
   it('does not retain obsolete action-sheet, drawer, menu aliases, or navigation chrome', () => {

package/src/index.ts

@@ -1,15 +1,3 @@
-export type { FieldProps } from './components/field';
-export { Field } from './components/field';
-export type { HelperTextProps } from './components/helper-text';
-export { HelperText } from './components/helper-text';
-export type { LabelProps } from './components/label';
-export { Label } from './components/label';
-export type { ListItemProps } from './components/list-item';
-export { ListItem } from './components/list-item';
-export type { SwitchProps } from './components/switch';
-export { Switch } from './components/switch';
-export type { TextareaProps } from './components/textarea';
-export { Textarea } from './components/textarea';
 export type { FontRuntime } from './context/FontContext';
 export { FontProvider, useFontContext } from './context/FontContext';
 export type { I18nInstance, TranslationRuntime, Translator } from './context/TranslationContext';
@@ -40,8 +28,12 @@ export type { CardProps } from './features/card/public';
 export { Card } from './features/card/public';
 export type { CheckboxProps } from './features/form/checkbox/public';
 export { Checkbox } from './features/form/checkbox/public';
+export type { FieldProps } from './features/form/field/public';
+export { Field } from './features/form/field/public';
 export type { RadioProps } from './features/form/radio/public';
 export { Radio } from './features/form/radio/public';
+export type { SwitchProps } from './features/form/switch/public';
+export { Switch } from './features/form/switch/public';
 export type { TextInputProps } from './features/form/text-input/public';
 export { TextInput } from './features/form/text-input/public';
 export type {
@@ -62,6 +54,8 @@ export type {
 export { KeyboardAvoidingView } from './features/keyboard-avoiding-view/public';
 export type { DividerProps, GridProps, ScrollViewProps, ViewProps } from './features/layout/public';
 export { Divider, Grid, ScrollView, View } from './features/layout/public';
+export type { ListItemProps, ListProps } from './features/list/public';
+export { List, ListItem } from './features/list/public';
 export type { ModalProps } from './features/modal/public';
 export { Modal } from './features/modal/public';
 export type {

package/src/types/list.ts

@@ -0,0 +1,22 @@
+import type React from 'react';
+
+import type { InteractionPolicyProps } from '../interactionPolicy';
+
+export interface ListProps {
+  children?: React.ReactNode;
+  testID?: string;
+}
+
+export interface ListItemProps extends InteractionPolicyProps {
+  children?: React.ReactNode;
+  title?: React.ReactNode;
+  description?: React.ReactNode;
+  leading?: React.ReactNode;
+  trailing?: React.ReactNode;
+  onPress?: (() => void) | undefined;
+  disabled?: boolean;
+  selected?: boolean;
+  compact?: boolean;
+  accessibilityLabel?: string;
+  testID?: string;
+}

package/src/{components/switch/types.ts → types/switch.ts}

@@ -1,8 +1,8 @@
 import type React from 'react';
 
-import type { ControlSize } from '../../internal/resolvers/resolveControlSize';
-import type { ButtonBaseProps } from '../../primitives/button-base';
-import type { SurfaceColor } from '../../surfaceColor';
+import type { ControlSize } from '../internal/resolvers/resolveControlSize';
+import type { ButtonBaseProps } from '../primitives/button-base';
+import type { SurfaceColor } from '../surfaceColor';
 
 export interface SwitchProps extends Omit<
   ButtonBaseProps,

package/dist/components/field/Field.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../src/components/field/Field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,8EAA8E;AAC9E,wBAAgB,KAAK,CAAC,EACpB,QAAQ,EACR,KAAK,EACL,UAAU,EACV,SAAS,EACT,QAAgB,EAChB,QAAgB,EAChB,OAAe,EACf,QAAgB,EAChB,MAAM,GACP,EAAE,UAAU,qBAgCZ"}

package/dist/components/field/Field.js

@@ -1,27 +0,0 @@
-import React from 'react';
-import { View } from '../../features/layout/public';
-import { resolveFieldPresentation, resolveFieldState } from '../../internal/resolvers';
-import { HelperText } from '../helper-text';
-import { Label } from '../label';
-/*** Composes a label, control, and helper or error message into one field. */
-export function Field({ children, label, helperText, errorText, required = false, disabled = false, invalid = false, readOnly = false, testID, }) {
-    const hasErrorText = Boolean(errorText);
-    const fieldState = resolveFieldState({
-        disabled,
-        invalid: invalid || hasErrorText,
-        readOnly,
-    });
-    const presentation = resolveFieldPresentation(fieldState);
-    return (<View gap="xs" testID={testID}>
-      {label ? (<Label color={presentation.labelColor} emphasis={presentation.labelEmphasis} required={required}>
-          {label}
-        </Label>) : null}
-      <View>{children}</View>
-      {hasErrorText ? (<HelperText color={presentation.helperColor} emphasis={presentation.helperEmphasis}>
-          {errorText}
-        </HelperText>) : helperText ? (<HelperText color={presentation.helperColor} emphasis={presentation.helperEmphasis}>
-          {helperText}
-        </HelperText>) : null}
-    </View>);
-}
-//# sourceMappingURL=Field.js.map

package/dist/components/field/Field.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../src/components/field/Field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,MAAM,8BAA8B,CAAC;AACpD,OAAO,EAAE,wBAAwB,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AACvF,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAGjC,8EAA8E;AAC9E,MAAM,UAAU,KAAK,CAAC,EACpB,QAAQ,EACR,KAAK,EACL,UAAU,EACV,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,KAAK,EAChB,MAAM,GACK;IACX,MAAM,YAAY,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IACxC,MAAM,UAAU,GAAG,iBAAiB,CAAC;QACnC,QAAQ;QACR,OAAO,EAAE,OAAO,IAAI,YAAY;QAChC,QAAQ;KACT,CAAC,CAAC;IACH,MAAM,YAAY,GAAG,wBAAwB,CAAC,UAAU,CAAC,CAAC;IAE1D,OAAO,CACL,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAC5B;MAAA,CAAC,KAAK,CAAC,CAAC,CAAC,CACP,CAAC,KAAK,CACJ,KAAK,CAAC,CAAC,YAAY,CAAC,UAAU,CAAC,CAC/B,QAAQ,CAAC,CAAC,YAAY,CAAC,aAAa,CAAC,CACrC,QAAQ,CAAC,CAAC,QAAQ,CAAC,CAEnB;UAAA,CAAC,KAAK,CACR;QAAA,EAAE,KAAK,CAAC,CACT,CAAC,CAAC,CAAC,IAAI,CACR;MAAA,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,CACtB;MAAA,CAAC,YAAY,CAAC,CAAC,CAAC,CACd,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC,YAAY,CAAC,cAAc,CAAC,CACjF;UAAA,CAAC,SAAS,CACZ;QAAA,EAAE,UAAU,CAAC,CACd,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CACf,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC,YAAY,CAAC,cAAc,CAAC,CACjF;UAAA,CAAC,UAAU,CACb;QAAA,EAAE,UAAU,CAAC,CACd,CAAC,CAAC,CAAC,IAAI,CACV;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC","sourcesContent":["import React from 'react';\n\nimport { View } from '../../features/layout/public';\nimport { resolveFieldPresentation, resolveFieldState } from '../../internal/resolvers';\nimport { HelperText } from '../helper-text';\nimport { Label } from '../label';\nimport type { FieldProps } from './types';\n\n/*** Composes a label, control, and helper or error message into one field. */\nexport function Field({\n  children,\n  label,\n  helperText,\n  errorText,\n  required = false,\n  disabled = false,\n  invalid = false,\n  readOnly = false,\n  testID,\n}: FieldProps) {\n  const hasErrorText = Boolean(errorText);\n  const fieldState = resolveFieldState({\n    disabled,\n    invalid: invalid || hasErrorText,\n    readOnly,\n  });\n  const presentation = resolveFieldPresentation(fieldState);\n\n  return (\n    <View gap=\"xs\" testID={testID}>\n      {label ? (\n        <Label\n          color={presentation.labelColor}\n          emphasis={presentation.labelEmphasis}\n          required={required}\n        >\n          {label}\n        </Label>\n      ) : null}\n      <View>{children}</View>\n      {hasErrorText ? (\n        <HelperText color={presentation.helperColor} emphasis={presentation.helperEmphasis}>\n          {errorText}\n        </HelperText>\n      ) : helperText ? (\n        <HelperText color={presentation.helperColor} emphasis={presentation.helperEmphasis}>\n          {helperText}\n        </HelperText>\n      ) : null}\n    </View>\n  );\n}\n"]}

package/dist/components/field/index.d.ts

@@ -1,3 +0,0 @@
-export { Field } from './Field';
-export type { FieldProps } from './types';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/field/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/field/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/field/index.js

@@ -1,2 +0,0 @@
-export { Field } from './Field';
-//# sourceMappingURL=index.js.map