@12min/ds 0.1.0 → 1.0.0

package/dist/index.native.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../index.native.ts","../src/tokens/colors.ts","../src/themes/lightTheme.ts","../src/themes/darkTheme.ts"],"sourcesContent":["export * from './src/tokens'\nexport * from './src/themes'\n","export const colors = {\n  brand: {\n    primary:   '#FF6B35',\n    secondary: '#1A1A2E',\n  },\n\n  neutral: {\n    0:   '#FFFFFF',\n    50:  '#FAFAFA',\n    100: '#F5F5F5',\n    200: '#E5E5E5',\n    300: '#D4D4D4',\n    400: '#A3A3A3',\n    500: '#737373',\n    600: '#525252',\n    700: '#404040',\n    800: '#262626',\n    900: '#121212',\n  },\n\n  success: {\n    light:   '#4ADE80',\n    default: '#22C55E',\n    dark:    '#16A34A',\n  },\n\n  error: {\n    light:   '#F87171',\n    default: '#EF4444',\n    dark:    '#DC2626',\n  },\n\n  warning: {\n    light:   '#FCD34D',\n    default: '#F59E0B',\n    dark:    '#D97706',\n  },\n\n  info: {\n    light:   '#60A5FA',\n    default: '#3B82F6',\n    dark:    '#2563EB',\n  },\n} as const\n\nexport type Colors = typeof colors\n","import { colors } from '../tokens/colors'\nimport type { Theme } from './types'\n\nexport const lightTheme: Theme = {\n  background:   colors.neutral[0],\n  surface:      colors.neutral[100],\n  border:       colors.neutral[200],\n  onBackground: colors.neutral[900],\n  onSurface:    colors.neutral[800],\n  muted:        colors.neutral[500],\n  primary:      colors.brand.primary,\n  secondary:    colors.brand.secondary,\n  success:      colors.success.default,\n  error:        colors.error.default,\n  warning:      colors.warning.default,\n  info:         colors.info.default,\n}\n","import { colors } from '../tokens/colors'\nimport type { Theme } from './types'\n\nexport const darkTheme: Theme = {\n  background:    colors.neutral[900],\n  surface:       colors.neutral[800],\n  border:        colors.neutral[700],\n  onBackground:  colors.neutral[0],\n  onSurface:     colors.neutral[100],\n  muted:         colors.neutral[400],\n  primary:       colors.brand.primary,\n  secondary:     colors.brand.secondary,\n  success:       colors.success.light,\n  error:         colors.error.light,\n  warning:       colors.warning.light,\n  info:          colors.info.light,\n} as const\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAO,IAAM,SAAS;AAAA,EACpB,OAAO;AAAA,IACL,SAAW;AAAA,IACX,WAAW;AAAA,EACb;AAAA,EAEA,SAAS;AAAA,IACP,GAAK;AAAA,IACL,IAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,EACP;AAAA,EAEA,SAAS;AAAA,IACP,OAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAS;AAAA,EACX;AAAA,EAEA,OAAO;AAAA,IACL,OAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAS;AAAA,EACX;AAAA,EAEA,SAAS;AAAA,IACP,OAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAS;AAAA,EACX;AAAA,EAEA,MAAM;AAAA,IACJ,OAAS;AAAA,IACT,SAAS;AAAA,IACT,MAAS;AAAA,EACX;AACF;;;ACxCO,IAAM,aAAoB;AAAA,EAC/B,YAAc,OAAO,QAAQ,CAAC;AAAA,EAC9B,SAAc,OAAO,QAAQ,GAAG;AAAA,EAChC,QAAc,OAAO,QAAQ,GAAG;AAAA,EAChC,cAAc,OAAO,QAAQ,GAAG;AAAA,EAChC,WAAc,OAAO,QAAQ,GAAG;AAAA,EAChC,OAAc,OAAO,QAAQ,GAAG;AAAA,EAChC,SAAc,OAAO,MAAM;AAAA,EAC3B,WAAc,OAAO,MAAM;AAAA,EAC3B,SAAc,OAAO,QAAQ;AAAA,EAC7B,OAAc,OAAO,MAAM;AAAA,EAC3B,SAAc,OAAO,QAAQ;AAAA,EAC7B,MAAc,OAAO,KAAK;AAC5B;;;ACbO,IAAM,YAAmB;AAAA,EAC9B,YAAe,OAAO,QAAQ,GAAG;AAAA,EACjC,SAAe,OAAO,QAAQ,GAAG;AAAA,EACjC,QAAe,OAAO,QAAQ,GAAG;AAAA,EACjC,cAAe,OAAO,QAAQ,CAAC;AAAA,EAC/B,WAAe,OAAO,QAAQ,GAAG;AAAA,EACjC,OAAe,OAAO,QAAQ,GAAG;AAAA,EACjC,SAAe,OAAO,MAAM;AAAA,EAC5B,WAAe,OAAO,MAAM;AAAA,EAC5B,SAAe,OAAO,QAAQ;AAAA,EAC9B,OAAe,OAAO,MAAM;AAAA,EAC5B,SAAe,OAAO,QAAQ;AAAA,EAC9B,MAAe,OAAO,KAAK;AAC7B;","names":[]}
+{"version":3,"sources":["../index.native.ts","../src/tokens/colors.ts","../src/tokens/typography.ts","../src/themes/lightTheme.ts","../src/themes/darkTheme.ts","../src/context/ThemeProvider.tsx","../src/components/Button/Button.native.tsx","../src/components/Button/Button.styles.ts","../src/components/Chip/Chip.native.tsx","../src/components/Chip/Chip.styles.ts","../src/components/Alert/Alert.native.tsx","../src/components/Alert/Alert.styles.ts","../src/components/ProgressBar/ProgressBar.native.tsx","../src/components/ProgressBar/ProgressBar.styles.ts","../src/components/Input/Input.native.tsx","../src/components/Input/Input.styles.ts","../src/components/Checkbox/Checkbox.native.tsx","../src/components/Checkbox/Checkbox.styles.ts","../src/components/RadioItem/RadioItem.native.tsx","../src/components/RadioItem/RadioItem.styles.ts","../src/components/RadioGroup/RadioGroup.native.tsx","../src/components/ActionItem/ActionItem.native.tsx","../src/components/ActionItem/ActionItem.styles.ts","../src/components/Stepper/Stepper.native.tsx","../src/components/Stepper/Stepper.styles.ts","../src/components/RatingScale/RatingScale.native.tsx","../src/components/RatingScale/RatingScale.styles.ts"],"sourcesContent":["export * from './src/tokens'\nexport * from './src/themes'\nexport { DSThemeProvider, useTheme } from './src/context/ThemeProvider'\nexport { Button } from './src/components/Button/Button.native'\nexport { Chip } from './src/components/Chip/Chip.native'\nexport { Alert } from './src/components/Alert/Alert.native'\nexport { ProgressBar } from './src/components/ProgressBar/ProgressBar.native'\nexport { Input } from './src/components/Input/Input.native'\nexport { Checkbox } from './src/components/Checkbox/Checkbox.native'\nexport { RadioItem } from './src/components/RadioItem/RadioItem.native'\nexport { RadioGroup } from './src/components/RadioGroup/RadioGroup.native'\nexport { ActionItem } from './src/components/ActionItem/ActionItem.native'\nexport { Stepper } from './src/components/Stepper/Stepper.native'\nexport { RatingScale } from './src/components/RatingScale/RatingScale.native'\n","export const colors = {\n  marianBlue: {\n    50:  '#FAFBFF',\n    100: '#F1F4FE',\n    200: '#E1E7FF',\n    300: '#C3CCF7',\n    400: '#94A5F2',\n    500: '#697DD6',\n    600: '#475CBB',\n    700: '#31428B',\n    800: '#25326A',\n    900: '#131937',\n  },\n\n  midnight: {\n    50:  '#707070',\n    100: '#5C5C5C',\n    200: '#525252',\n    300: '#474747',\n    400: '#3D3D3D',\n    500: '#333333',\n    600: '#1E1E1E',\n    700: '#161616',\n    800: '#141414',\n    900: '#0A0A0A',\n  },\n\n  gray: {\n    50:  '#B1B5BE',\n    100: '#A6ABB5',\n    200: '#9BA0AB',\n    300: '#9095A2',\n    400: '#858B99',\n    500: '#7A8190',\n    600: '#6F7685',\n    700: '#5E6471',\n    800: '#5D636F',\n    900: '#545964',\n  },\n\n  mustard: {\n    50:  '#FFF2D6',\n    100: '#FFECC2',\n    200: '#FFE5AD',\n    300: '#FFDF99',\n    400: '#FFD885',\n    500: '#FFD270',\n    600: '#FFCB5C',\n    700: '#FFC140',\n    800: '#FFBE33',\n    900: '#FFB81F',\n  },\n\n  ketchup: {\n    50:  '#FFD6D6',\n    100: '#FFC2C2',\n    200: '#FFADAD',\n    300: '#FF9999',\n    400: '#FF8585',\n    500: '#FF7070',\n    600: '#FF5C5C',\n    700: '#FF4040',\n    800: '#FF3333',\n    900: '#FF1F1F',\n  },\n\n  mint: {\n    50:  '#A7F1B7',\n    100: '#96EEA9',\n    200: '#84EB9A',\n    300: '#73E88C',\n    400: '#61E57E',\n    500: '#50E26F',\n    600: '#3EE061',\n    700: '#24DC4C',\n    800: '#22D348',\n    900: '#1FC142',\n  },\n\n  white: '#FFFFFF',\n  successBg: '#E5FBE9',\n} as const\n\nexport type Colors = typeof colors\n","export const typography = {\n  display:       { fontSize: 32, fontWeight: '700', lineHeight: 1.2, fontFamily: 'Poppins' },\n  h1:            { fontSize: 24, fontWeight: '700', lineHeight: 1.3, fontFamily: 'Poppins' },\n  h2:            { fontSize: 20, fontWeight: '600', lineHeight: 1.3, fontFamily: 'Poppins' },\n  h3:            { fontSize: 18, fontWeight: '600', lineHeight: 1.4, fontFamily: 'Poppins' },\n  bodyLarge:     { fontSize: 16, fontWeight: '400', lineHeight: 1.5, fontFamily: 'Inter' },\n  bodyDefault:   { fontSize: 14, fontWeight: '400', lineHeight: 1.5, fontFamily: 'Inter' },\n  bodySmall:     { fontSize: 12, fontWeight: '400', lineHeight: 1.5, fontFamily: 'Inter' },\n  labelLarge:    { fontSize: 16, fontWeight: '500', lineHeight: 1.5, fontFamily: 'Inter' },\n  labelDefault:  { fontSize: 14, fontWeight: '500', lineHeight: 1.5, fontFamily: 'Inter' },\n  labelSmall:    { fontSize: 12, fontWeight: '500', lineHeight: 1.5, fontFamily: 'Inter' },\n  caption:       { fontSize: 12, fontWeight: '500', lineHeight: 1.5, fontFamily: 'Inter' },\n  overline:      { fontSize: 10, fontWeight: '600', lineHeight: 1.0, fontFamily: 'Inter' },\n  buttonLarge:   { fontSize: 16, fontWeight: '600', lineHeight: 1.5, fontFamily: 'Inter' },\n  buttonDefault: { fontSize: 14, fontWeight: '600', lineHeight: 1.5, fontFamily: 'Inter' },\n} as const\n\nexport type Typography = typeof typography\n","import { colors } from '../tokens/colors'\nimport type { Theme } from './types'\n\nexport const lightTheme: Theme = {\n  background:   colors.marianBlue[50],\n  surface:      colors.marianBlue[100],\n  border:       colors.marianBlue[200],\n  onBackground: colors.midnight[900],\n  onSurface:    colors.midnight[700],\n  muted:        colors.gray[500],\n  primary:      colors.marianBlue[600],\n  secondary:    colors.midnight[900],\n  success:      colors.mint[800],\n  error:        colors.ketchup[600],\n  warning:      colors.mustard[500],\n  info:         colors.marianBlue[500],\n\n  surfaceDisabled:    colors.gray[50],\n  successBg:          colors.successBg,\n  textSecondary:      colors.gray[700],\n  textTertiary:       colors.gray[500],\n  textInverse:        colors.white,\n  borderStrong:       colors.marianBlue[600],\n  borderSubtle:       colors.marianBlue[200],\n  interactivePressed: colors.marianBlue[800],\n}\n","import { colors } from '../tokens/colors'\nimport type { Theme } from './types'\n\nexport const darkTheme: Theme = {\n  background:   colors.midnight[900],\n  surface:      colors.midnight[700],\n  border:       colors.midnight[500],\n  onBackground: colors.marianBlue[50],\n  onSurface:    colors.gray[50],\n  muted:        colors.gray[600],\n  primary:      colors.marianBlue[400],\n  secondary:    colors.marianBlue[50],\n  success:      colors.mint[400],\n  error:        colors.ketchup[400],\n  warning:      colors.mustard[400],\n  info:         colors.marianBlue[300],\n\n  surfaceDisabled:    colors.midnight[600],\n  successBg:          colors.midnight[800],\n  textSecondary:      colors.gray[400],\n  textTertiary:       colors.gray[500],\n  textInverse:        colors.midnight[900],\n  borderStrong:       colors.marianBlue[400],\n  borderSubtle:       colors.midnight[600],\n  interactivePressed: colors.marianBlue[300],\n} as const\n","import { createContext, useContext, useMemo } from 'react'\nimport { lightTheme } from '../themes/lightTheme'\nimport { darkTheme } from '../themes/darkTheme'\nimport type { Theme } from '../themes/types'\n\ntype DSThemeCtx = { theme: Theme; colorScheme: 'light' | 'dark' }\n\nconst DSThemeContext = createContext<DSThemeCtx>({ theme: lightTheme, colorScheme: 'light' })\n\nexport function DSThemeProvider({\n  colorScheme = 'light',\n  children,\n}: {\n  colorScheme?: 'light' | 'dark'\n  children: React.ReactNode\n}) {\n  const value = useMemo<DSThemeCtx>(\n    () => ({ theme: colorScheme === 'dark' ? darkTheme : lightTheme, colorScheme }),\n    [colorScheme]\n  )\n  return <DSThemeContext.Provider value={value}>{children}</DSThemeContext.Provider>\n}\n\nexport function useTheme(): DSThemeCtx {\n  return useContext(DSThemeContext)\n}\n","import { Pressable, Text, StyleSheet, type PressableProps } from 'react-native'\nimport { useTheme } from '../../context/ThemeProvider'\nimport { buttonTokens } from './Button.styles'\n\ntype ButtonVariant = 'primary' | 'secondary' | 'ghost'\ntype ButtonSize = 'sm' | 'md' | 'lg'\n\ntype ButtonProps = {\n  variant?: ButtonVariant\n  size?: ButtonSize\n  disabled?: boolean\n  children: React.ReactNode\n  onPress?: PressableProps['onPress']\n}\n\nexport function Button({ variant = 'primary', size = 'md', disabled = false, children, onPress }: ButtonProps) {\n  const { theme } = useTheme()\n  const { sizes, borderRadius } = buttonTokens\n\n  const sizeStyle = sizes[size]\n\n  const bgColor =\n    disabled\n      ? theme.surfaceDisabled\n      : variant === 'primary'\n        ? theme.primary\n        : variant === 'secondary'\n          ? theme.surface\n          : 'transparent'\n\n  const textColor =\n    variant === 'primary'\n      ? theme.textInverse\n      : variant === 'secondary'\n        ? theme.onBackground\n        : theme.primary\n\n  return (\n    <Pressable\n      onPress={disabled ? undefined : onPress}\n      style={({ pressed }) => [\n        styles.base,\n        {\n          height: sizeStyle.height,\n          paddingHorizontal: sizeStyle.paddingHorizontal,\n          borderRadius,\n          backgroundColor: bgColor,\n          opacity: disabled ? 0.5 : pressed ? 0.85 : 1,\n        },\n      ]}\n      accessibilityRole=\"button\"\n      accessibilityState={{ disabled }}\n    >\n      <Text style={[styles.label, { fontSize: sizeStyle.fontSize, color: textColor }]}>\n        {children}\n      </Text>\n    </Pressable>\n  )\n}\n\nconst styles = StyleSheet.create({\n  base: { flexDirection: 'row', alignItems: 'center', justifyContent: 'center' },\n  label: { fontWeight: '600' },\n})\n","export const buttonTokens = {\n  sizes: {\n    sm: { height: 36, paddingHorizontal: 14, fontSize: 14 },\n    md: { height: 48, paddingHorizontal: 16, fontSize: 16 },\n    lg: { height: 56, paddingHorizontal: 24, fontSize: 18 },\n  },\n  borderRadius: 9999,\n}\n","import { Pressable, Text, StyleSheet, type StyleProp, type ViewStyle } from 'react-native'\nimport { useTheme } from '../../context/ThemeProvider'\nimport { chipTokens } from './Chip.styles'\n\ntype ChipProps = {\n  children: React.ReactNode\n  checked?: boolean\n  onPress?: () => void\n  style?: StyleProp<ViewStyle>\n}\n\nexport function Chip({ children, checked = false, onPress, style }: ChipProps) {\n  const { theme } = useTheme()\n  const { size, borderRadius } = chipTokens\n\n  const bg = checked ? theme.primary : theme.surface\n  const textColor = checked ? theme.textInverse : theme.onBackground\n\n  return (\n    <Pressable\n      onPress={onPress}\n      style={({ pressed }) => [\n        styles.base,\n        { height: size.height, paddingHorizontal: size.paddingHorizontal, borderRadius, backgroundColor: bg, opacity: pressed ? 0.85 : 1 },\n        style,\n      ]}\n      accessibilityRole=\"button\"\n    >\n      <Text style={{ fontSize: size.fontSize, color: textColor, fontWeight: checked ? '600' : '500' }}>\n        {children}\n      </Text>\n    </Pressable>\n  )\n}\n\nconst styles = StyleSheet.create({\n  base: { flexDirection: 'row', alignItems: 'center', justifyContent: 'center' },\n})\n","export const chipTokens = {\n  size: { height: 48, paddingHorizontal: 16, fontSize: 14 },\n  borderRadius: 56,\n}\n","import { View, Text, StyleSheet } from 'react-native'\nimport { useTheme } from '../../context/ThemeProvider'\nimport { alertTokens } from './Alert.styles'\n\ntype AlertVariant = 'success' | 'info'\n\ntype AlertProps = {\n  variant?: AlertVariant\n  title: string\n  description?: string\n}\n\nexport function Alert({ variant = 'info', title, description }: AlertProps) {\n  const { theme } = useTheme()\n  const { padding, borderRadius } = alertTokens\n\n  const bg = variant === 'success' ? theme.successBg : theme.surface\n\n  return (\n    <View style={[styles.container, { backgroundColor: bg, padding, borderColor: theme.border }]}>\n      <Text style={[styles.title, { color: theme.onBackground }]}>{title}</Text>\n      {description && (\n        <Text style={[styles.description, { color: theme.muted }]}>{description}</Text>\n      )}\n    </View>\n  )\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    width: '100%',\n    borderWidth: 1,\n    borderTopLeftRadius: 32,\n    borderTopRightRadius: 32,\n    borderBottomRightRadius: 32,\n    borderBottomLeftRadius: 0,\n  },\n  title: { fontWeight: '600', fontSize: 16, lineHeight: 22 },\n  description: { fontWeight: '500', fontSize: 14, lineHeight: 21, marginTop: 12 },\n})\n","export const alertTokens = {\n  padding: 20,\n  borderRadius: 32,\n}\n","import { View, StyleSheet } from 'react-native'\nimport { useTheme } from '../../context/ThemeProvider'\nimport { progressBarTokens } from './ProgressBar.styles'\n\ntype ProgressBarProps = {\n  value: number\n}\n\nexport function ProgressBar({ value }: ProgressBarProps) {\n  const { theme } = useTheme()\n  const { height, borderRadius, fillBorderRadius } = progressBarTokens\n  const pct = Math.min(100, Math.max(0, value))\n\n  return (\n    <View\n      style={[styles.track, { height, borderRadius, backgroundColor: theme.border }]}\n      accessibilityRole=\"progressbar\"\n      accessibilityValue={{ min: 0, max: 100, now: pct }}\n    >\n      <View style={{ height, width: `${pct}%`, borderRadius: fillBorderRadius, backgroundColor: theme.primary }} />\n    </View>\n  )\n}\n\nconst styles = StyleSheet.create({\n  track: { width: '100%', overflow: 'hidden' },\n})\n","export const progressBarTokens = {\n  height: 8,\n  borderRadius: 999,\n  fillBorderRadius: 24,\n}\n","import { useState } from 'react'\nimport { View, TextInput, StyleSheet, type StyleProp, type ViewStyle } from 'react-native'\nimport { useTheme } from '../../context/ThemeProvider'\nimport { inputTokens } from './Input.styles'\n\ntype InputState = 'default' | 'filled' | 'error' | 'disabled'\n\ntype InputProps = {\n  value?: string\n  placeholder?: string\n  state?: InputState\n  leadingIcon?: React.ReactNode\n  onChangeText?: (text: string) => void\n  onFocus?: () => void\n  onBlur?: () => void\n  style?: StyleProp<ViewStyle>\n}\n\nexport function Input({ value, placeholder = 'exemplo@email.com', state = 'default', leadingIcon, onChangeText, onFocus, onBlur, style }: InputProps) {\n  const { theme } = useTheme()\n  const { height, padding, gap, borderRadius, fontSize } = inputTokens\n  const [isFocused, setIsFocused] = useState(false)\n\n  const isDisabled = state === 'disabled'\n  const isError = state === 'error'\n  const isFilled = state === 'filled'\n\n  const bg = isDisabled ? theme.background : theme.surface\n  const borderColor = isDisabled\n    ? theme.muted\n    : isError\n      ? theme.error\n      : isFocused\n        ? theme.primary\n        : theme.border\n  const borderWidth = isFocused ? 2 : 1\n  const textColor = isDisabled\n    ? theme.muted\n    : isError\n      ? theme.error\n      : isFilled || isFocused\n        ? theme.onBackground\n        : theme.muted\n\n  return (\n    <View style={[styles.container, { height, padding, gap, borderRadius, backgroundColor: bg, borderColor, borderWidth }, style]}>\n      {leadingIcon}\n      <TextInput\n        value={value}\n        placeholder={placeholder}\n        placeholderTextColor={textColor}\n        editable={!isDisabled}\n        onChangeText={onChangeText}\n        onFocus={() => { setIsFocused(true); onFocus?.() }}\n        onBlur={() => { setIsFocused(false); onBlur?.() }}\n        style={[styles.input, { fontSize, color: textColor }]}\n      />\n    </View>\n  )\n}\n\nconst styles = StyleSheet.create({\n  container: { flexDirection: 'row', alignItems: 'center', borderStyle: 'solid' },\n  input: { flex: 1, fontWeight: '500', padding: 0 },\n})\n","export const inputTokens = {\n  height: 48,\n  padding: 12,\n  gap: 8,\n  borderRadius: 12,\n  fontSize: 14,\n}\n","import { Pressable, View, StyleSheet } from 'react-native'\nimport { useTheme } from '../../context/ThemeProvider'\nimport { checkboxTokens } from './Checkbox.styles'\n\ntype CheckboxProps = {\n  checked?: boolean\n  onChange?: (checked: boolean) => void\n  disabled?: boolean\n}\n\nexport function Checkbox({ checked = false, onChange, disabled = false }: CheckboxProps) {\n  const { theme } = useTheme()\n  const { size, borderRadius } = checkboxTokens\n\n  return (\n    <Pressable\n      onPress={disabled ? undefined : () => onChange?.(!checked)}\n      style={({ pressed }) => [\n        styles.base,\n        {\n          width: size,\n          height: size,\n          borderRadius,\n          backgroundColor: checked ? theme.primary : 'transparent',\n          borderWidth: checked ? 0 : 1,\n          borderColor: theme.primary,\n          opacity: disabled ? 0.5 : pressed ? 0.85 : 1,\n        },\n      ]}\n      accessibilityRole=\"checkbox\"\n      accessibilityState={{ checked, disabled }}\n    >\n      {checked && (\n        <View style={styles.checkmark}>\n          <View style={[styles.checkLine, { borderColor: theme.textInverse }]} />\n        </View>\n      )}\n    </Pressable>\n  )\n}\n\nconst styles = StyleSheet.create({\n  base: { alignItems: 'center', justifyContent: 'center' },\n  checkmark: { width: 10, height: 8, alignItems: 'center', justifyContent: 'center' },\n  checkLine: { width: 10, height: 8, borderLeftWidth: 1.5, borderBottomWidth: 1.5, transform: [{ rotate: '-45deg' }, { translateY: -2 }] },\n})\n","export const checkboxTokens = {\n  size: 20,\n  borderRadius: 6,\n}\n","import { Pressable, View, Text, StyleSheet, type StyleProp, type ViewStyle } from 'react-native'\nimport { useTheme } from '../../context/ThemeProvider'\nimport { radioItemTokens } from './RadioItem.styles'\n\ntype RadioItemProps = {\n  label: string\n  description?: string\n  selected?: boolean\n  icon?: React.ReactNode\n  onPress?: () => void\n  style?: StyleProp<ViewStyle>\n}\n\nexport function RadioItem({ label, description, selected = false, icon, onPress, style }: RadioItemProps) {\n  const { theme } = useTheme()\n  const { height, padding, gap, borderRadius, radioSize, fontSize } = radioItemTokens\n\n  const bg = selected ? theme.primary : theme.surface\n  const textColor = selected ? theme.textInverse : theme.onBackground\n  const descColor = selected ? theme.textInverse : theme.textSecondary\n  const descOpacity = selected ? 0.8 : 1\n  const radioBorderColor = selected ? theme.textInverse : theme.onBackground\n\n  return (\n    <Pressable\n      onPress={onPress}\n      style={({ pressed }) => [\n        styles.container,\n        { height, paddingHorizontal: padding, gap, borderRadius, backgroundColor: bg, opacity: pressed ? 0.9 : 1 },\n        style,\n      ]}\n      accessibilityRole=\"radio\"\n      accessibilityState={{ selected }}\n    >\n      <View style={styles.left}>\n        {icon && <View style={styles.icon}>{icon}</View>}\n        <View style={styles.textContainer}>\n          <Text style={[styles.label, { fontSize, color: textColor, fontWeight: selected ? '700' : '500' }]}>\n            {label}\n          </Text>\n          {description && (\n            <Text style={[styles.description, { color: descColor, opacity: descOpacity }]}>{description}</Text>\n          )}\n        </View>\n      </View>\n      <View style={[styles.radio, { width: radioSize, height: radioSize, borderRadius: radioSize / 2, borderColor: radioBorderColor }]} />\n    </Pressable>\n  )\n}\n\nconst styles = StyleSheet.create({\n  container: { flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between' },\n  left: { flexDirection: 'row', alignItems: 'center', gap: 12 },\n  icon: { width: 20, height: 20 },\n  textContainer: { flexDirection: 'column', gap: 2 },\n  label: { lineHeight: 21 },\n  description: { fontSize: 12, fontWeight: '400', lineHeight: 18, letterSpacing: 0.024 },\n  radio: { borderWidth: 1 },\n})\n","export const radioItemTokens = {\n  height: 48,\n  padding: 16,\n  gap: 12,\n  borderRadius: 16,\n  radioSize: 20,\n  fontSize: 14,\n}\n","import { View, type StyleProp, type ViewStyle } from 'react-native'\n\ntype RadioGroupProps = {\n  children: React.ReactNode\n  label?: string\n  style?: StyleProp<ViewStyle>\n}\n\nexport function RadioGroup({ children, label, style }: RadioGroupProps) {\n  return (\n    <View accessibilityRole=\"radiogroup\" accessibilityLabel={label} style={[{ gap: 8 }, style]}>\n      {children}\n    </View>\n  )\n}\n","import { Pressable, View, Text, StyleSheet, type StyleProp, type ViewStyle } from 'react-native'\nimport { useTheme } from '../../context/ThemeProvider'\nimport { actionItemTokens } from './ActionItem.styles'\n\ntype ActionItemProps = {\n  label: string\n  description?: string\n  selected?: boolean\n  icon?: React.ReactNode\n  onPress?: () => void\n  style?: StyleProp<ViewStyle>\n}\n\nexport function ActionItem({ label, description, selected = false, icon, onPress, style }: ActionItemProps) {\n  const { theme } = useTheme()\n  const { height, padding, gap, innerGap, borderRadius, fontSize } = actionItemTokens\n\n  const bg = selected ? theme.border : theme.surface\n\n  return (\n    <Pressable\n      onPress={onPress}\n      style={({ pressed }) => [\n        styles.container,\n        {\n          height,\n          paddingHorizontal: padding,\n          gap,\n          borderRadius,\n          backgroundColor: bg,\n          borderWidth: selected ? 2 : 0,\n          borderColor: selected ? theme.primary : 'transparent',\n          opacity: pressed ? 0.9 : 1,\n        },\n        style,\n      ]}\n      accessibilityRole=\"button\"\n    >\n      <View style={[styles.content, { gap: innerGap }]}>\n        {icon && <View style={styles.icon}>{icon}</View>}\n        <View style={styles.textContainer}>\n          <Text style={[styles.label, { fontSize, color: theme.onBackground }]} numberOfLines={1}>\n            {label}\n          </Text>\n          {description && (\n            <Text style={[styles.description, { color: theme.textSecondary }]} numberOfLines={1}>\n              {description}\n            </Text>\n          )}\n        </View>\n      </View>\n      <View style={styles.chevron}>\n        <Text style={[styles.chevronText, { color: theme.onBackground }]}>›</Text>\n      </View>\n    </Pressable>\n  )\n}\n\nconst styles = StyleSheet.create({\n  container: { flexDirection: 'row', alignItems: 'center', justifyContent: 'space-between' },\n  content: { flex: 1, flexDirection: 'row', alignItems: 'center', minWidth: 0 },\n  icon: { width: 24, height: 24, overflow: 'hidden', flexShrink: 0 },\n  textContainer: { flex: 1, flexDirection: 'column', gap: 4, minWidth: 0 },\n  label: { fontWeight: '500', lineHeight: 21 },\n  description: { fontSize: 12, fontWeight: '400', lineHeight: 18, letterSpacing: 0.024 },\n  chevron: { width: 24, height: 24, alignItems: 'center', justifyContent: 'center', flexShrink: 0 },\n  chevronText: { fontSize: 20 },\n})\n","export const actionItemTokens = {\n  height: 56,\n  padding: 16,\n  gap: 20,\n  innerGap: 16,\n  borderRadius: 16,\n  fontSize: 14,\n}\n","import { View, Text, StyleSheet, type StyleProp, type ViewStyle } from 'react-native'\nimport { useTheme } from '../../context/ThemeProvider'\nimport { stepperTokens } from './Stepper.styles'\n\ntype StepState = 'completed' | 'active' | 'upcoming'\n\ntype Step = {\n  label: string\n}\n\ntype StepperProps = {\n  steps: Step[]\n  currentStep: number\n  style?: StyleProp<ViewStyle>\n}\n\nexport function Stepper({ steps, currentStep, style }: StepperProps) {\n  const { theme } = useTheme()\n  const { trackHeight, trackRadius, dotSize, labelFontSize, gap } = stepperTokens\n\n  const getState = (i: number): StepState =>\n    i < currentStep ? 'completed' : i === currentStep ? 'active' : 'upcoming'\n\n  return (\n    <View style={[styles.container, { gap }, style]}>\n      {steps.map((step, i) => {\n        const state = getState(i)\n        const isLast = i === steps.length - 1\n        const trackBg = state === 'completed' ? theme.primary : theme.border\n        const dotBg = state === 'completed' ? theme.primary : theme.border\n\n        return (\n          <View key={step.label} style={{ flexDirection: 'row', alignItems: 'flex-end', flex: 1 }}>\n            <View style={styles.stepItem}>\n              <View style={styles.labelRow}>\n                <Text\n                  style={[styles.label, { fontSize: labelFontSize, color: theme.onBackground, opacity: state === 'active' ? 1 : 0 }]}\n                  numberOfLines={1}\n                >\n                  {step.label}\n                </Text>\n              </View>\n              <View style={[styles.track, { height: trackHeight, borderRadius: trackRadius, backgroundColor: trackBg }]}>\n                {state === 'active' && (\n                  <View\n                    style={[styles.trackFill, { height: trackHeight, borderRadius: trackRadius, backgroundColor: theme.onBackground, right: 12 }]}\n                  />\n                )}\n              </View>\n            </View>\n            {!isLast && (\n              <View style={[styles.dot, { width: dotSize, height: dotSize, borderRadius: dotSize / 2, backgroundColor: dotBg }]} />\n            )}\n          </View>\n        )\n      })}\n    </View>\n  )\n}\n\nconst styles = StyleSheet.create({\n  container: { width: '100%', flexDirection: 'row', alignItems: 'flex-end' },\n  stepItem: { flex: 1, flexDirection: 'column', gap: 4 },\n  labelRow: { height: 12, justifyContent: 'flex-end' },\n  label: { fontWeight: '600', letterSpacing: 0.8, textTransform: 'uppercase' },\n  track: { overflow: 'hidden', position: 'relative' },\n  trackFill: { position: 'absolute', left: 0 },\n  dot: { alignSelf: 'flex-end' },\n})\n","export const stepperTokens = {\n  trackHeight: 4,\n  trackRadius: 8,\n  dotSize: 4,\n  labelFontSize: 10,\n  gap: 4,\n}\n","import { Pressable, View, Text, StyleSheet, type StyleProp, type ViewStyle } from 'react-native'\nimport { useTheme } from '../../context/ThemeProvider'\nimport { ratingScaleTokens, DEFAULT_OPTIONS } from './RatingScale.styles'\n\ntype RatingScaleOption = {\n  emoji: string\n  label: string\n}\n\ntype RatingScaleProps = {\n  value?: number | null\n  onChange?: (value: number) => void\n  options?: ReadonlyArray<RatingScaleOption>\n  style?: StyleProp<ViewStyle>\n}\n\nexport function RatingScale({ value = null, onChange, options = DEFAULT_OPTIONS, style }: RatingScaleProps) {\n  const { theme } = useTheme()\n  const { itemWidth, circleSize, circlePadding, circleRadius, emojiFontSize, emojiLineHeight, labelFontSize, numberFontSize, labelNumberGap } = ratingScaleTokens\n\n  return (\n    <View style={[styles.container, style]}>\n      {options.map((option, index) => {\n        const itemValue = index + 1\n        const selected = value === itemValue\n        return (\n          <Pressable\n            key={itemValue}\n            onPress={() => onChange?.(itemValue)}\n            style={styles.item}\n            accessibilityRole=\"button\"\n            accessibilityState={{ selected }}\n          >\n            <View\n              style={[\n                styles.circle,\n                {\n                  width: circleSize,\n                  height: circleSize,\n                  borderRadius: circleRadius,\n                  padding: circlePadding,\n                  backgroundColor: selected ? theme.primary : theme.surface,\n                  borderWidth: selected ? 0 : 1,\n                  borderColor: theme.border,\n                },\n              ]}\n            >\n              <Text style={[styles.emoji, { fontSize: emojiFontSize, lineHeight: emojiLineHeight }]}>\n                {option.emoji}\n              </Text>\n            </View>\n            <View style={[styles.labelContainer, { gap: labelNumberGap }]}>\n              <Text\n                style={[\n                  styles.label,\n                  {\n                    fontSize: labelFontSize,\n                    color: selected ? theme.primary : theme.onBackground,\n                    fontWeight: selected ? '700' : '500',\n                    width: itemWidth,\n                  },\n                ]}\n              >\n                {option.label}\n              </Text>\n              <Text style={[styles.number, { fontSize: numberFontSize, color: theme.textTertiary }]}>\n                {itemValue}\n              </Text>\n            </View>\n          </Pressable>\n        )\n      })}\n    </View>\n  )\n}\n\nconst styles = StyleSheet.create({\n  container: { flexDirection: 'row', justifyContent: 'space-between' },\n  item: { alignItems: 'center', gap: 8 },\n  circle: { alignItems: 'center', justifyContent: 'center', overflow: 'hidden' },\n  emoji: { textAlign: 'center' },\n  labelContainer: { alignItems: 'center' },\n  label: { textAlign: 'center', lineHeight: 16 },\n  number: { fontWeight: '600', letterSpacing: 0.8, textAlign: 'center', lineHeight: 10 },\n})\n","export const ratingScaleTokens = {\n  itemWidth: 60,\n  circleSize: 60,\n  circlePadding: 8,\n  circleRadius: 30,\n  emojiFontSize: 38,\n  emojiLineHeight: 44,\n  labelFontSize: 12,\n  numberFontSize: 10,\n  itemGap: 8,\n  labelNumberGap: 11,\n}\n\nexport const DEFAULT_OPTIONS = [\n  { emoji: '😞', label: 'Nada\\na ver' },\n  { emoji: '🙁', label: 'Pouco\\na ver' },\n  { emoji: '😐', label: 'Mais ou\\nmenos' },\n  { emoji: '🙂', label: 'Tem\\na ver' },\n  { emoji: '😊', label: 'Totalmente\\neu' },\n] as const\n"],"mappings":"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","names":["import_jsx_runtime","import_react_native","import_jsx_runtime","styles","import_react_native","import_jsx_runtime","styles","import_react_native","import_jsx_runtime","styles","import_react","import_react_native","import_jsx_runtime","styles","import_react_native","import_jsx_runtime","styles","import_react_native","import_jsx_runtime","styles","import_react_native","import_jsx_runtime","import_react_native","import_jsx_runtime","styles","import_react_native","import_jsx_runtime","styles","import_react_native","import_jsx_runtime","styles"]}

package/dist/index.native.mjs

@@ -1,13 +1,536 @@
 import {
+  DEFAULT_OPTIONS,
   darkTheme,
-  lightTheme
-} from "./chunk-QIJRSFZB.mjs";
+  lightTheme,
+  ratingScaleTokens
+} from "./chunk-CC3QVZS2.mjs";
 import {
-  colors
-} from "./chunk-E2C4G6H4.mjs";
+  colors,
+  typography
+} from "./chunk-NK4IHR7O.mjs";
+
+// src/context/ThemeProvider.tsx
+import { createContext, useContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var DSThemeContext = createContext({ theme: lightTheme, colorScheme: "light" });
+function DSThemeProvider({
+  colorScheme = "light",
+  children
+}) {
+  const value = useMemo(
+    () => ({ theme: colorScheme === "dark" ? darkTheme : lightTheme, colorScheme }),
+    [colorScheme]
+  );
+  return /* @__PURE__ */ jsx(DSThemeContext.Provider, { value, children });
+}
+function useTheme() {
+  return useContext(DSThemeContext);
+}
+
+// src/components/Button/Button.native.tsx
+import { Pressable, Text, StyleSheet } from "react-native";
+
+// src/components/Button/Button.styles.ts
+var buttonTokens = {
+  sizes: {
+    sm: { height: 36, paddingHorizontal: 14, fontSize: 14 },
+    md: { height: 48, paddingHorizontal: 16, fontSize: 16 },
+    lg: { height: 56, paddingHorizontal: 24, fontSize: 18 }
+  },
+  borderRadius: 9999
+};
+
+// src/components/Button/Button.native.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+function Button({ variant = "primary", size = "md", disabled = false, children, onPress }) {
+  const { theme } = useTheme();
+  const { sizes, borderRadius } = buttonTokens;
+  const sizeStyle = sizes[size];
+  const bgColor = disabled ? theme.surfaceDisabled : variant === "primary" ? theme.primary : variant === "secondary" ? theme.surface : "transparent";
+  const textColor = variant === "primary" ? theme.textInverse : variant === "secondary" ? theme.onBackground : theme.primary;
+  return /* @__PURE__ */ jsx2(
+    Pressable,
+    {
+      onPress: disabled ? void 0 : onPress,
+      style: ({ pressed }) => [
+        styles.base,
+        {
+          height: sizeStyle.height,
+          paddingHorizontal: sizeStyle.paddingHorizontal,
+          borderRadius,
+          backgroundColor: bgColor,
+          opacity: disabled ? 0.5 : pressed ? 0.85 : 1
+        }
+      ],
+      accessibilityRole: "button",
+      accessibilityState: { disabled },
+      children: /* @__PURE__ */ jsx2(Text, { style: [styles.label, { fontSize: sizeStyle.fontSize, color: textColor }], children })
+    }
+  );
+}
+var styles = StyleSheet.create({
+  base: { flexDirection: "row", alignItems: "center", justifyContent: "center" },
+  label: { fontWeight: "600" }
+});
+
+// src/components/Chip/Chip.native.tsx
+import { Pressable as Pressable2, Text as Text2, StyleSheet as StyleSheet2 } from "react-native";
+
+// src/components/Chip/Chip.styles.ts
+var chipTokens = {
+  size: { height: 48, paddingHorizontal: 16, fontSize: 14 },
+  borderRadius: 56
+};
+
+// src/components/Chip/Chip.native.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+function Chip({ children, checked = false, onPress, style }) {
+  const { theme } = useTheme();
+  const { size, borderRadius } = chipTokens;
+  const bg = checked ? theme.primary : theme.surface;
+  const textColor = checked ? theme.textInverse : theme.onBackground;
+  return /* @__PURE__ */ jsx3(
+    Pressable2,
+    {
+      onPress,
+      style: ({ pressed }) => [
+        styles2.base,
+        { height: size.height, paddingHorizontal: size.paddingHorizontal, borderRadius, backgroundColor: bg, opacity: pressed ? 0.85 : 1 },
+        style
+      ],
+      accessibilityRole: "button",
+      children: /* @__PURE__ */ jsx3(Text2, { style: { fontSize: size.fontSize, color: textColor, fontWeight: checked ? "600" : "500" }, children })
+    }
+  );
+}
+var styles2 = StyleSheet2.create({
+  base: { flexDirection: "row", alignItems: "center", justifyContent: "center" }
+});
+
+// src/components/Alert/Alert.native.tsx
+import { View, Text as Text3, StyleSheet as StyleSheet3 } from "react-native";
+
+// src/components/Alert/Alert.styles.ts
+var alertTokens = {
+  padding: 20,
+  borderRadius: 32
+};
+
+// src/components/Alert/Alert.native.tsx
+import { jsx as jsx4, jsxs } from "react/jsx-runtime";
+function Alert({ variant = "info", title, description }) {
+  const { theme } = useTheme();
+  const { padding, borderRadius } = alertTokens;
+  const bg = variant === "success" ? theme.successBg : theme.surface;
+  return /* @__PURE__ */ jsxs(View, { style: [styles3.container, { backgroundColor: bg, padding, borderColor: theme.border }], children: [
+    /* @__PURE__ */ jsx4(Text3, { style: [styles3.title, { color: theme.onBackground }], children: title }),
+    description && /* @__PURE__ */ jsx4(Text3, { style: [styles3.description, { color: theme.muted }], children: description })
+  ] });
+}
+var styles3 = StyleSheet3.create({
+  container: {
+    width: "100%",
+    borderWidth: 1,
+    borderTopLeftRadius: 32,
+    borderTopRightRadius: 32,
+    borderBottomRightRadius: 32,
+    borderBottomLeftRadius: 0
+  },
+  title: { fontWeight: "600", fontSize: 16, lineHeight: 22 },
+  description: { fontWeight: "500", fontSize: 14, lineHeight: 21, marginTop: 12 }
+});
+
+// src/components/ProgressBar/ProgressBar.native.tsx
+import { View as View2, StyleSheet as StyleSheet4 } from "react-native";
+
+// src/components/ProgressBar/ProgressBar.styles.ts
+var progressBarTokens = {
+  height: 8,
+  borderRadius: 999,
+  fillBorderRadius: 24
+};
+
+// src/components/ProgressBar/ProgressBar.native.tsx
+import { jsx as jsx5 } from "react/jsx-runtime";
+function ProgressBar({ value }) {
+  const { theme } = useTheme();
+  const { height, borderRadius, fillBorderRadius } = progressBarTokens;
+  const pct = Math.min(100, Math.max(0, value));
+  return /* @__PURE__ */ jsx5(
+    View2,
+    {
+      style: [styles4.track, { height, borderRadius, backgroundColor: theme.border }],
+      accessibilityRole: "progressbar",
+      accessibilityValue: { min: 0, max: 100, now: pct },
+      children: /* @__PURE__ */ jsx5(View2, { style: { height, width: `${pct}%`, borderRadius: fillBorderRadius, backgroundColor: theme.primary } })
+    }
+  );
+}
+var styles4 = StyleSheet4.create({
+  track: { width: "100%", overflow: "hidden" }
+});
+
+// src/components/Input/Input.native.tsx
+import { useState } from "react";
+import { View as View3, TextInput, StyleSheet as StyleSheet5 } from "react-native";
+
+// src/components/Input/Input.styles.ts
+var inputTokens = {
+  height: 48,
+  padding: 12,
+  gap: 8,
+  borderRadius: 12,
+  fontSize: 14
+};
+
+// src/components/Input/Input.native.tsx
+import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
+function Input({ value, placeholder = "exemplo@email.com", state = "default", leadingIcon, onChangeText, onFocus, onBlur, style }) {
+  const { theme } = useTheme();
+  const { height, padding, gap, borderRadius, fontSize } = inputTokens;
+  const [isFocused, setIsFocused] = useState(false);
+  const isDisabled = state === "disabled";
+  const isError = state === "error";
+  const isFilled = state === "filled";
+  const bg = isDisabled ? theme.background : theme.surface;
+  const borderColor = isDisabled ? theme.muted : isError ? theme.error : isFocused ? theme.primary : theme.border;
+  const borderWidth = isFocused ? 2 : 1;
+  const textColor = isDisabled ? theme.muted : isError ? theme.error : isFilled || isFocused ? theme.onBackground : theme.muted;
+  return /* @__PURE__ */ jsxs2(View3, { style: [styles5.container, { height, padding, gap, borderRadius, backgroundColor: bg, borderColor, borderWidth }, style], children: [
+    leadingIcon,
+    /* @__PURE__ */ jsx6(
+      TextInput,
+      {
+        value,
+        placeholder,
+        placeholderTextColor: textColor,
+        editable: !isDisabled,
+        onChangeText,
+        onFocus: () => {
+          setIsFocused(true);
+          onFocus?.();
+        },
+        onBlur: () => {
+          setIsFocused(false);
+          onBlur?.();
+        },
+        style: [styles5.input, { fontSize, color: textColor }]
+      }
+    )
+  ] });
+}
+var styles5 = StyleSheet5.create({
+  container: { flexDirection: "row", alignItems: "center", borderStyle: "solid" },
+  input: { flex: 1, fontWeight: "500", padding: 0 }
+});
+
+// src/components/Checkbox/Checkbox.native.tsx
+import { Pressable as Pressable3, View as View4, StyleSheet as StyleSheet6 } from "react-native";
+
+// src/components/Checkbox/Checkbox.styles.ts
+var checkboxTokens = {
+  size: 20,
+  borderRadius: 6
+};
+
+// src/components/Checkbox/Checkbox.native.tsx
+import { jsx as jsx7 } from "react/jsx-runtime";
+function Checkbox({ checked = false, onChange, disabled = false }) {
+  const { theme } = useTheme();
+  const { size, borderRadius } = checkboxTokens;
+  return /* @__PURE__ */ jsx7(
+    Pressable3,
+    {
+      onPress: disabled ? void 0 : () => onChange?.(!checked),
+      style: ({ pressed }) => [
+        styles6.base,
+        {
+          width: size,
+          height: size,
+          borderRadius,
+          backgroundColor: checked ? theme.primary : "transparent",
+          borderWidth: checked ? 0 : 1,
+          borderColor: theme.primary,
+          opacity: disabled ? 0.5 : pressed ? 0.85 : 1
+        }
+      ],
+      accessibilityRole: "checkbox",
+      accessibilityState: { checked, disabled },
+      children: checked && /* @__PURE__ */ jsx7(View4, { style: styles6.checkmark, children: /* @__PURE__ */ jsx7(View4, { style: [styles6.checkLine, { borderColor: theme.textInverse }] }) })
+    }
+  );
+}
+var styles6 = StyleSheet6.create({
+  base: { alignItems: "center", justifyContent: "center" },
+  checkmark: { width: 10, height: 8, alignItems: "center", justifyContent: "center" },
+  checkLine: { width: 10, height: 8, borderLeftWidth: 1.5, borderBottomWidth: 1.5, transform: [{ rotate: "-45deg" }, { translateY: -2 }] }
+});
+
+// src/components/RadioItem/RadioItem.native.tsx
+import { Pressable as Pressable4, View as View5, Text as Text4, StyleSheet as StyleSheet7 } from "react-native";
+
+// src/components/RadioItem/RadioItem.styles.ts
+var radioItemTokens = {
+  height: 48,
+  padding: 16,
+  gap: 12,
+  borderRadius: 16,
+  radioSize: 20,
+  fontSize: 14
+};
+
+// src/components/RadioItem/RadioItem.native.tsx
+import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
+function RadioItem({ label, description, selected = false, icon, onPress, style }) {
+  const { theme } = useTheme();
+  const { height, padding, gap, borderRadius, radioSize, fontSize } = radioItemTokens;
+  const bg = selected ? theme.primary : theme.surface;
+  const textColor = selected ? theme.textInverse : theme.onBackground;
+  const descColor = selected ? theme.textInverse : theme.textSecondary;
+  const descOpacity = selected ? 0.8 : 1;
+  const radioBorderColor = selected ? theme.textInverse : theme.onBackground;
+  return /* @__PURE__ */ jsxs3(
+    Pressable4,
+    {
+      onPress,
+      style: ({ pressed }) => [
+        styles7.container,
+        { height, paddingHorizontal: padding, gap, borderRadius, backgroundColor: bg, opacity: pressed ? 0.9 : 1 },
+        style
+      ],
+      accessibilityRole: "radio",
+      accessibilityState: { selected },
+      children: [
+        /* @__PURE__ */ jsxs3(View5, { style: styles7.left, children: [
+          icon && /* @__PURE__ */ jsx8(View5, { style: styles7.icon, children: icon }),
+          /* @__PURE__ */ jsxs3(View5, { style: styles7.textContainer, children: [
+            /* @__PURE__ */ jsx8(Text4, { style: [styles7.label, { fontSize, color: textColor, fontWeight: selected ? "700" : "500" }], children: label }),
+            description && /* @__PURE__ */ jsx8(Text4, { style: [styles7.description, { color: descColor, opacity: descOpacity }], children: description })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx8(View5, { style: [styles7.radio, { width: radioSize, height: radioSize, borderRadius: radioSize / 2, borderColor: radioBorderColor }] })
+      ]
+    }
+  );
+}
+var styles7 = StyleSheet7.create({
+  container: { flexDirection: "row", alignItems: "center", justifyContent: "space-between" },
+  left: { flexDirection: "row", alignItems: "center", gap: 12 },
+  icon: { width: 20, height: 20 },
+  textContainer: { flexDirection: "column", gap: 2 },
+  label: { lineHeight: 21 },
+  description: { fontSize: 12, fontWeight: "400", lineHeight: 18, letterSpacing: 0.024 },
+  radio: { borderWidth: 1 }
+});
+
+// src/components/RadioGroup/RadioGroup.native.tsx
+import { View as View6 } from "react-native";
+import { jsx as jsx9 } from "react/jsx-runtime";
+function RadioGroup({ children, label, style }) {
+  return /* @__PURE__ */ jsx9(View6, { accessibilityRole: "radiogroup", accessibilityLabel: label, style: [{ gap: 8 }, style], children });
+}
+
+// src/components/ActionItem/ActionItem.native.tsx
+import { Pressable as Pressable5, View as View7, Text as Text5, StyleSheet as StyleSheet8 } from "react-native";
+
+// src/components/ActionItem/ActionItem.styles.ts
+var actionItemTokens = {
+  height: 56,
+  padding: 16,
+  gap: 20,
+  innerGap: 16,
+  borderRadius: 16,
+  fontSize: 14
+};
+
+// src/components/ActionItem/ActionItem.native.tsx
+import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
+function ActionItem({ label, description, selected = false, icon, onPress, style }) {
+  const { theme } = useTheme();
+  const { height, padding, gap, innerGap, borderRadius, fontSize } = actionItemTokens;
+  const bg = selected ? theme.border : theme.surface;
+  return /* @__PURE__ */ jsxs4(
+    Pressable5,
+    {
+      onPress,
+      style: ({ pressed }) => [
+        styles8.container,
+        {
+          height,
+          paddingHorizontal: padding,
+          gap,
+          borderRadius,
+          backgroundColor: bg,
+          borderWidth: selected ? 2 : 0,
+          borderColor: selected ? theme.primary : "transparent",
+          opacity: pressed ? 0.9 : 1
+        },
+        style
+      ],
+      accessibilityRole: "button",
+      children: [
+        /* @__PURE__ */ jsxs4(View7, { style: [styles8.content, { gap: innerGap }], children: [
+          icon && /* @__PURE__ */ jsx10(View7, { style: styles8.icon, children: icon }),
+          /* @__PURE__ */ jsxs4(View7, { style: styles8.textContainer, children: [
+            /* @__PURE__ */ jsx10(Text5, { style: [styles8.label, { fontSize, color: theme.onBackground }], numberOfLines: 1, children: label }),
+            description && /* @__PURE__ */ jsx10(Text5, { style: [styles8.description, { color: theme.textSecondary }], numberOfLines: 1, children: description })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx10(View7, { style: styles8.chevron, children: /* @__PURE__ */ jsx10(Text5, { style: [styles8.chevronText, { color: theme.onBackground }], children: "\u203A" }) })
+      ]
+    }
+  );
+}
+var styles8 = StyleSheet8.create({
+  container: { flexDirection: "row", alignItems: "center", justifyContent: "space-between" },
+  content: { flex: 1, flexDirection: "row", alignItems: "center", minWidth: 0 },
+  icon: { width: 24, height: 24, overflow: "hidden", flexShrink: 0 },
+  textContainer: { flex: 1, flexDirection: "column", gap: 4, minWidth: 0 },
+  label: { fontWeight: "500", lineHeight: 21 },
+  description: { fontSize: 12, fontWeight: "400", lineHeight: 18, letterSpacing: 0.024 },
+  chevron: { width: 24, height: 24, alignItems: "center", justifyContent: "center", flexShrink: 0 },
+  chevronText: { fontSize: 20 }
+});
+
+// src/components/Stepper/Stepper.native.tsx
+import { View as View8, Text as Text6, StyleSheet as StyleSheet9 } from "react-native";
+
+// src/components/Stepper/Stepper.styles.ts
+var stepperTokens = {
+  trackHeight: 4,
+  trackRadius: 8,
+  dotSize: 4,
+  labelFontSize: 10,
+  gap: 4
+};
+
+// src/components/Stepper/Stepper.native.tsx
+import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
+function Stepper({ steps, currentStep, style }) {
+  const { theme } = useTheme();
+  const { trackHeight, trackRadius, dotSize, labelFontSize, gap } = stepperTokens;
+  const getState = (i) => i < currentStep ? "completed" : i === currentStep ? "active" : "upcoming";
+  return /* @__PURE__ */ jsx11(View8, { style: [styles9.container, { gap }, style], children: steps.map((step, i) => {
+    const state = getState(i);
+    const isLast = i === steps.length - 1;
+    const trackBg = state === "completed" ? theme.primary : theme.border;
+    const dotBg = state === "completed" ? theme.primary : theme.border;
+    return /* @__PURE__ */ jsxs5(View8, { style: { flexDirection: "row", alignItems: "flex-end", flex: 1 }, children: [
+      /* @__PURE__ */ jsxs5(View8, { style: styles9.stepItem, children: [
+        /* @__PURE__ */ jsx11(View8, { style: styles9.labelRow, children: /* @__PURE__ */ jsx11(
+          Text6,
+          {
+            style: [styles9.label, { fontSize: labelFontSize, color: theme.onBackground, opacity: state === "active" ? 1 : 0 }],
+            numberOfLines: 1,
+            children: step.label
+          }
+        ) }),
+        /* @__PURE__ */ jsx11(View8, { style: [styles9.track, { height: trackHeight, borderRadius: trackRadius, backgroundColor: trackBg }], children: state === "active" && /* @__PURE__ */ jsx11(
+          View8,
+          {
+            style: [styles9.trackFill, { height: trackHeight, borderRadius: trackRadius, backgroundColor: theme.onBackground, right: 12 }]
+          }
+        ) })
+      ] }),
+      !isLast && /* @__PURE__ */ jsx11(View8, { style: [styles9.dot, { width: dotSize, height: dotSize, borderRadius: dotSize / 2, backgroundColor: dotBg }] })
+    ] }, step.label);
+  }) });
+}
+var styles9 = StyleSheet9.create({
+  container: { width: "100%", flexDirection: "row", alignItems: "flex-end" },
+  stepItem: { flex: 1, flexDirection: "column", gap: 4 },
+  labelRow: { height: 12, justifyContent: "flex-end" },
+  label: { fontWeight: "600", letterSpacing: 0.8, textTransform: "uppercase" },
+  track: { overflow: "hidden", position: "relative" },
+  trackFill: { position: "absolute", left: 0 },
+  dot: { alignSelf: "flex-end" }
+});
+
+// src/components/RatingScale/RatingScale.native.tsx
+import { Pressable as Pressable6, View as View9, Text as Text7, StyleSheet as StyleSheet10 } from "react-native";
+import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
+function RatingScale({ value = null, onChange, options = DEFAULT_OPTIONS, style }) {
+  const { theme } = useTheme();
+  const { itemWidth, circleSize, circlePadding, circleRadius, emojiFontSize, emojiLineHeight, labelFontSize, numberFontSize, labelNumberGap } = ratingScaleTokens;
+  return /* @__PURE__ */ jsx12(View9, { style: [styles10.container, style], children: options.map((option, index) => {
+    const itemValue = index + 1;
+    const selected = value === itemValue;
+    return /* @__PURE__ */ jsxs6(
+      Pressable6,
+      {
+        onPress: () => onChange?.(itemValue),
+        style: styles10.item,
+        accessibilityRole: "button",
+        accessibilityState: { selected },
+        children: [
+          /* @__PURE__ */ jsx12(
+            View9,
+            {
+              style: [
+                styles10.circle,
+                {
+                  width: circleSize,
+                  height: circleSize,
+                  borderRadius: circleRadius,
+                  padding: circlePadding,
+                  backgroundColor: selected ? theme.primary : theme.surface,
+                  borderWidth: selected ? 0 : 1,
+                  borderColor: theme.border
+                }
+              ],
+              children: /* @__PURE__ */ jsx12(Text7, { style: [styles10.emoji, { fontSize: emojiFontSize, lineHeight: emojiLineHeight }], children: option.emoji })
+            }
+          ),
+          /* @__PURE__ */ jsxs6(View9, { style: [styles10.labelContainer, { gap: labelNumberGap }], children: [
+            /* @__PURE__ */ jsx12(
+              Text7,
+              {
+                style: [
+                  styles10.label,
+                  {
+                    fontSize: labelFontSize,
+                    color: selected ? theme.primary : theme.onBackground,
+                    fontWeight: selected ? "700" : "500",
+                    width: itemWidth
+                  }
+                ],
+                children: option.label
+              }
+            ),
+            /* @__PURE__ */ jsx12(Text7, { style: [styles10.number, { fontSize: numberFontSize, color: theme.textTertiary }], children: itemValue })
+          ] })
+        ]
+      },
+      itemValue
+    );
+  }) });
+}
+var styles10 = StyleSheet10.create({
+  container: { flexDirection: "row", justifyContent: "space-between" },
+  item: { alignItems: "center", gap: 8 },
+  circle: { alignItems: "center", justifyContent: "center", overflow: "hidden" },
+  emoji: { textAlign: "center" },
+  labelContainer: { alignItems: "center" },
+  label: { textAlign: "center", lineHeight: 16 },
+  number: { fontWeight: "600", letterSpacing: 0.8, textAlign: "center", lineHeight: 10 }
+});
 export {
+  ActionItem,
+  Alert,
+  Button,
+  Checkbox,
+  Chip,
+  DSThemeProvider,
+  Input,
+  ProgressBar,
+  RadioGroup,
+  RadioItem,
+  RatingScale,
+  Stepper,
   colors,
   darkTheme,
-  lightTheme
+  lightTheme,
+  typography,
+  useTheme
 };
 //# sourceMappingURL=index.native.mjs.map