react-native-system-ui 0.0.1 → 0.0.3

package/package.json

@@ -1,25 +1,37 @@
 {
   "name": "react-native-system-ui",
-  "version": "0.0.1",
-  "description": "",
-  "main": "dist/cjs/index.js",
-  "module": "dist/es/index.js",
-  "types": "dist/cjs/index.d.ts",
+  "version": "0.0.3",
+  "description": "面向 React Native 的设计系统级组件库，Tokens + ThemeProvider 主题体系，按需引入、体积小；API 统一可组合、高效可靠，支持可访问性与多端一致。",
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/es/index.js",
+  "types": "./dist/types/index.d.ts",
+  "typesVersions": {
+    "*": {
+      "*": [
+        "dist/types/*",
+        "dist/types/components/*",
+        "dist/types/design-system/*",
+        "dist/types/hooks/*"
+      ]
+    }
+  },
   "scripts": {
     "dev": "NODE_OPTIONS=\"--require ./scripts/polyfills.js\" rndoc dev",
     "build": "NODE_OPTIONS=\"--require ./scripts/polyfills.js\" rndoc build",
+    "postbuild": "node scripts/fix-package-json.mjs && node scripts/prune-dist.mjs",
+    "build:types": "tsc -p tsconfig.types.json",
     "docs:update-size": "node scripts/generate-docs-size-data.mjs",
-    "docs:build": "npm run docs:update-size && NODE_OPTIONS=\"--require ./scripts/polyfills.js\" rndoc docs-build",
+    "docs:build": "npm run build && npm run docs:update-size && NODE_OPTIONS=\"--require ./scripts/polyfills.js\" rndoc docs-build",
     "preview": "NODE_OPTIONS=\"--require ./scripts/polyfills.js\" rndoc preview",
     "rn:demos:sync": "node scripts/generate-rn-demo-registry.js",
+    "rn:demos:watch": "node scripts/generate-rn-demo-registry.js --watch",
     "test": "NODE_OPTIONS=\"--require ./scripts/polyfills.js\" node node_modules/.pnpm/node_modules/jest/bin/jest.js --config node_modules/rndoc-cli/cjs/jest.config.cjs --rootDir . --runInBand",
-    "test:watch": "NODE_OPTIONS=\"--require ./scripts/polyfills.js\" rndoc test --watch"
+    "test:watch": "NODE_OPTIONS=\"--require ./scripts/polyfills.js\" rndoc test --watch",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "prepack": "npm run build && npm run build:types && node scripts/fix-package-json.mjs && node scripts/prune-dist.mjs"
   },
   "files": [
-    "dist",
-    "!**/__tests__",
-    "!**/__fixtures__",
-    "!**/**.md"
+    "dist"
   ],
   "keywords": [],
   "author": "",
@@ -28,6 +40,7 @@
     "react": ">=18.2.0",
     "react-dom": ">=18.2.0",
     "react-native": ">=0.79.0",
+    "react-native-safe-area-context": ">=4.0.0",
     "react-native-svg": ">=12.4.1"
   },
   "devDependencies": {
@@ -41,10 +54,11 @@
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
     "react-native": "0.83.0",
-    "react-native-web": "0.21.2",
+    "react-native-safe-area-context": "^4.14.1",
     "react-native-svg": "^15.15.1",
+    "react-native-web": "0.21.2",
     "react-test-renderer": "^19.2.3",
-    "rndoc-cli": "^2.0.2",
+    "rndoc-cli": "2.0.5",
     "typescript": "^5.9.3"
   },
   "dependencies": {
@@ -65,5 +79,388 @@
     "@react-types/checkbox": "^3.10.2",
     "@react-types/listbox": "^3.7.4",
     "react-native-system-icon": "^1.0.2"
+  },
+  "react-native": "./dist/es/index.js",
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "react-native": "./dist/es/index.js",
+      "import": "./dist/es/index.js",
+      "require": "./dist/cjs/index.js",
+      "default": "./dist/es/index.js"
+    },
+    "./design-system": {
+      "react-native": "./dist/es/design-system/index.js",
+      "import": "./dist/es/design-system/index.js",
+      "require": "./dist/cjs/design-system/index.js",
+      "default": "./dist/es/design-system/index.js"
+    },
+    "./hooks": {
+      "react-native": "./dist/es/hooks/index.js",
+      "import": "./dist/es/hooks/index.js",
+      "require": "./dist/cjs/hooks/index.js",
+      "default": "./dist/es/hooks/index.js"
+    },
+    "./action-sheet": {
+      "react-native": "./dist/es/components/action-sheet/index.js",
+      "import": "./dist/es/components/action-sheet/index.js",
+      "require": "./dist/cjs/components/action-sheet/index.js",
+      "default": "./dist/es/components/action-sheet/index.js"
+    },
+    "./area": {
+      "react-native": "./dist/es/components/area/index.js",
+      "import": "./dist/es/components/area/index.js",
+      "require": "./dist/cjs/components/area/index.js",
+      "default": "./dist/es/components/area/index.js"
+    },
+    "./avatar": {
+      "react-native": "./dist/es/components/avatar/index.js",
+      "import": "./dist/es/components/avatar/index.js",
+      "require": "./dist/cjs/components/avatar/index.js",
+      "default": "./dist/es/components/avatar/index.js"
+    },
+    "./badge": {
+      "react-native": "./dist/es/components/badge/index.js",
+      "import": "./dist/es/components/badge/index.js",
+      "require": "./dist/cjs/components/badge/index.js",
+      "default": "./dist/es/components/badge/index.js"
+    },
+    "./button": {
+      "react-native": "./dist/es/components/button/index.js",
+      "import": "./dist/es/components/button/index.js",
+      "require": "./dist/cjs/components/button/index.js",
+      "default": "./dist/es/components/button/index.js"
+    },
+    "./calendar": {
+      "react-native": "./dist/es/components/calendar/index.js",
+      "import": "./dist/es/components/calendar/index.js",
+      "require": "./dist/cjs/components/calendar/index.js",
+      "default": "./dist/es/components/calendar/index.js"
+    },
+    "./cascader": {
+      "react-native": "./dist/es/components/cascader/index.js",
+      "import": "./dist/es/components/cascader/index.js",
+      "require": "./dist/cjs/components/cascader/index.js",
+      "default": "./dist/es/components/cascader/index.js"
+    },
+    "./cell": {
+      "react-native": "./dist/es/components/cell/index.js",
+      "import": "./dist/es/components/cell/index.js",
+      "require": "./dist/cjs/components/cell/index.js",
+      "default": "./dist/es/components/cell/index.js"
+    },
+    "./checkbox": {
+      "react-native": "./dist/es/components/checkbox/index.js",
+      "import": "./dist/es/components/checkbox/index.js",
+      "require": "./dist/cjs/components/checkbox/index.js",
+      "default": "./dist/es/components/checkbox/index.js"
+    },
+    "./circle": {
+      "react-native": "./dist/es/components/circle/index.js",
+      "import": "./dist/es/components/circle/index.js",
+      "require": "./dist/cjs/components/circle/index.js",
+      "default": "./dist/es/components/circle/index.js"
+    },
+    "./collapse": {
+      "react-native": "./dist/es/components/collapse/index.js",
+      "import": "./dist/es/components/collapse/index.js",
+      "require": "./dist/cjs/components/collapse/index.js",
+      "default": "./dist/es/components/collapse/index.js"
+    },
+    "./config-provider": {
+      "react-native": "./dist/es/components/config-provider/index.js",
+      "import": "./dist/es/components/config-provider/index.js",
+      "require": "./dist/cjs/components/config-provider/index.js",
+      "default": "./dist/es/components/config-provider/index.js"
+    },
+    "./count-down": {
+      "react-native": "./dist/es/components/count-down/index.js",
+      "import": "./dist/es/components/count-down/index.js",
+      "require": "./dist/cjs/components/count-down/index.js",
+      "default": "./dist/es/components/count-down/index.js"
+    },
+    "./datetime-picker": {
+      "react-native": "./dist/es/components/datetime-picker/index.js",
+      "import": "./dist/es/components/datetime-picker/index.js",
+      "require": "./dist/cjs/components/datetime-picker/index.js",
+      "default": "./dist/es/components/datetime-picker/index.js"
+    },
+    "./dialog": {
+      "react-native": "./dist/es/components/dialog/index.js",
+      "import": "./dist/es/components/dialog/index.js",
+      "require": "./dist/cjs/components/dialog/index.js",
+      "default": "./dist/es/components/dialog/index.js"
+    },
+    "./divider": {
+      "react-native": "./dist/es/components/divider/index.js",
+      "import": "./dist/es/components/divider/index.js",
+      "require": "./dist/cjs/components/divider/index.js",
+      "default": "./dist/es/components/divider/index.js"
+    },
+    "./dropdown-menu": {
+      "react-native": "./dist/es/components/dropdown-menu/index.js",
+      "import": "./dist/es/components/dropdown-menu/index.js",
+      "require": "./dist/cjs/components/dropdown-menu/index.js",
+      "default": "./dist/es/components/dropdown-menu/index.js"
+    },
+    "./empty": {
+      "react-native": "./dist/es/components/empty/index.js",
+      "import": "./dist/es/components/empty/index.js",
+      "require": "./dist/cjs/components/empty/index.js",
+      "default": "./dist/es/components/empty/index.js"
+    },
+    "./field": {
+      "react-native": "./dist/es/components/field/index.js",
+      "import": "./dist/es/components/field/index.js",
+      "require": "./dist/cjs/components/field/index.js",
+      "default": "./dist/es/components/field/index.js"
+    },
+    "./flex": {
+      "react-native": "./dist/es/components/flex/index.js",
+      "import": "./dist/es/components/flex/index.js",
+      "require": "./dist/cjs/components/flex/index.js",
+      "default": "./dist/es/components/flex/index.js"
+    },
+    "./form": {
+      "react-native": "./dist/es/components/form/index.js",
+      "import": "./dist/es/components/form/index.js",
+      "require": "./dist/cjs/components/form/index.js",
+      "default": "./dist/es/components/form/index.js"
+    },
+    "./grid": {
+      "react-native": "./dist/es/components/grid/index.js",
+      "import": "./dist/es/components/grid/index.js",
+      "require": "./dist/cjs/components/grid/index.js",
+      "default": "./dist/es/components/grid/index.js"
+    },
+    "./image": {
+      "react-native": "./dist/es/components/image/index.js",
+      "import": "./dist/es/components/image/index.js",
+      "require": "./dist/cjs/components/image/index.js",
+      "default": "./dist/es/components/image/index.js"
+    },
+    "./image-preview": {
+      "react-native": "./dist/es/components/image-preview/index.js",
+      "import": "./dist/es/components/image-preview/index.js",
+      "require": "./dist/cjs/components/image-preview/index.js",
+      "default": "./dist/es/components/image-preview/index.js"
+    },
+    "./index-bar": {
+      "react-native": "./dist/es/components/index-bar/index.js",
+      "import": "./dist/es/components/index-bar/index.js",
+      "require": "./dist/cjs/components/index-bar/index.js",
+      "default": "./dist/es/components/index-bar/index.js"
+    },
+    "./input": {
+      "react-native": "./dist/es/components/input/index.js",
+      "import": "./dist/es/components/input/index.js",
+      "require": "./dist/cjs/components/input/index.js",
+      "default": "./dist/es/components/input/index.js"
+    },
+    "./list": {
+      "react-native": "./dist/es/components/list/index.js",
+      "import": "./dist/es/components/list/index.js",
+      "require": "./dist/cjs/components/list/index.js",
+      "default": "./dist/es/components/list/index.js"
+    },
+    "./loading": {
+      "react-native": "./dist/es/components/loading/index.js",
+      "import": "./dist/es/components/loading/index.js",
+      "require": "./dist/cjs/components/loading/index.js",
+      "default": "./dist/es/components/loading/index.js"
+    },
+    "./nav-bar": {
+      "react-native": "./dist/es/components/nav-bar/index.js",
+      "import": "./dist/es/components/nav-bar/index.js",
+      "require": "./dist/cjs/components/nav-bar/index.js",
+      "default": "./dist/es/components/nav-bar/index.js"
+    },
+    "./notice-bar": {
+      "react-native": "./dist/es/components/notice-bar/index.js",
+      "import": "./dist/es/components/notice-bar/index.js",
+      "require": "./dist/cjs/components/notice-bar/index.js",
+      "default": "./dist/es/components/notice-bar/index.js"
+    },
+    "./notify": {
+      "react-native": "./dist/es/components/notify/index.js",
+      "import": "./dist/es/components/notify/index.js",
+      "require": "./dist/cjs/components/notify/index.js",
+      "default": "./dist/es/components/notify/index.js"
+    },
+    "./number-keyboard": {
+      "react-native": "./dist/es/components/number-keyboard/index.js",
+      "import": "./dist/es/components/number-keyboard/index.js",
+      "require": "./dist/cjs/components/number-keyboard/index.js",
+      "default": "./dist/es/components/number-keyboard/index.js"
+    },
+    "./overlay": {
+      "react-native": "./dist/es/components/overlay/index.js",
+      "import": "./dist/es/components/overlay/index.js",
+      "require": "./dist/cjs/components/overlay/index.js",
+      "default": "./dist/es/components/overlay/index.js"
+    },
+    "./pagination": {
+      "react-native": "./dist/es/components/pagination/index.js",
+      "import": "./dist/es/components/pagination/index.js",
+      "require": "./dist/cjs/components/pagination/index.js",
+      "default": "./dist/es/components/pagination/index.js"
+    },
+    "./password-input": {
+      "react-native": "./dist/es/components/password-input/index.js",
+      "import": "./dist/es/components/password-input/index.js",
+      "require": "./dist/cjs/components/password-input/index.js",
+      "default": "./dist/es/components/password-input/index.js"
+    },
+    "./picker": {
+      "react-native": "./dist/es/components/picker/index.js",
+      "import": "./dist/es/components/picker/index.js",
+      "require": "./dist/cjs/components/picker/index.js",
+      "default": "./dist/es/components/picker/index.js"
+    },
+    "./popup": {
+      "react-native": "./dist/es/components/popup/index.js",
+      "import": "./dist/es/components/popup/index.js",
+      "require": "./dist/cjs/components/popup/index.js",
+      "default": "./dist/es/components/popup/index.js"
+    },
+    "./portal": {
+      "react-native": "./dist/es/components/portal/index.js",
+      "import": "./dist/es/components/portal/index.js",
+      "require": "./dist/cjs/components/portal/index.js",
+      "default": "./dist/es/components/portal/index.js"
+    },
+    "./progress": {
+      "react-native": "./dist/es/components/progress/index.js",
+      "import": "./dist/es/components/progress/index.js",
+      "require": "./dist/cjs/components/progress/index.js",
+      "default": "./dist/es/components/progress/index.js"
+    },
+    "./pull-refresh": {
+      "react-native": "./dist/es/components/pull-refresh/index.js",
+      "import": "./dist/es/components/pull-refresh/index.js",
+      "require": "./dist/cjs/components/pull-refresh/index.js",
+      "default": "./dist/es/components/pull-refresh/index.js"
+    },
+    "./radio": {
+      "react-native": "./dist/es/components/radio/index.js",
+      "import": "./dist/es/components/radio/index.js",
+      "require": "./dist/cjs/components/radio/index.js",
+      "default": "./dist/es/components/radio/index.js"
+    },
+    "./rate": {
+      "react-native": "./dist/es/components/rate/index.js",
+      "import": "./dist/es/components/rate/index.js",
+      "require": "./dist/cjs/components/rate/index.js",
+      "default": "./dist/es/components/rate/index.js"
+    },
+    "./search": {
+      "react-native": "./dist/es/components/search/index.js",
+      "import": "./dist/es/components/search/index.js",
+      "require": "./dist/cjs/components/search/index.js",
+      "default": "./dist/es/components/search/index.js"
+    },
+    "./selector": {
+      "react-native": "./dist/es/components/selector/index.js",
+      "import": "./dist/es/components/selector/index.js",
+      "require": "./dist/cjs/components/selector/index.js",
+      "default": "./dist/es/components/selector/index.js"
+    },
+    "./share-sheet": {
+      "react-native": "./dist/es/components/share-sheet/index.js",
+      "import": "./dist/es/components/share-sheet/index.js",
+      "require": "./dist/cjs/components/share-sheet/index.js",
+      "default": "./dist/es/components/share-sheet/index.js"
+    },
+    "./sidebar": {
+      "react-native": "./dist/es/components/sidebar/index.js",
+      "import": "./dist/es/components/sidebar/index.js",
+      "require": "./dist/cjs/components/sidebar/index.js",
+      "default": "./dist/es/components/sidebar/index.js"
+    },
+    "./skeleton": {
+      "react-native": "./dist/es/components/skeleton/index.js",
+      "import": "./dist/es/components/skeleton/index.js",
+      "require": "./dist/cjs/components/skeleton/index.js",
+      "default": "./dist/es/components/skeleton/index.js"
+    },
+    "./slider": {
+      "react-native": "./dist/es/components/slider/index.js",
+      "import": "./dist/es/components/slider/index.js",
+      "require": "./dist/cjs/components/slider/index.js",
+      "default": "./dist/es/components/slider/index.js"
+    },
+    "./space": {
+      "react-native": "./dist/es/components/space/index.js",
+      "import": "./dist/es/components/space/index.js",
+      "require": "./dist/cjs/components/space/index.js",
+      "default": "./dist/es/components/space/index.js"
+    },
+    "./stepper": {
+      "react-native": "./dist/es/components/stepper/index.js",
+      "import": "./dist/es/components/stepper/index.js",
+      "require": "./dist/cjs/components/stepper/index.js",
+      "default": "./dist/es/components/stepper/index.js"
+    },
+    "./swiper": {
+      "react-native": "./dist/es/components/swiper/index.js",
+      "import": "./dist/es/components/swiper/index.js",
+      "require": "./dist/cjs/components/swiper/index.js",
+      "default": "./dist/es/components/swiper/index.js"
+    },
+    "./switch": {
+      "react-native": "./dist/es/components/switch/index.js",
+      "import": "./dist/es/components/switch/index.js",
+      "require": "./dist/cjs/components/switch/index.js",
+      "default": "./dist/es/components/switch/index.js"
+    },
+    "./tabbar": {
+      "react-native": "./dist/es/components/tabbar/index.js",
+      "import": "./dist/es/components/tabbar/index.js",
+      "require": "./dist/cjs/components/tabbar/index.js",
+      "default": "./dist/es/components/tabbar/index.js"
+    },
+    "./tabs": {
+      "react-native": "./dist/es/components/tabs/index.js",
+      "import": "./dist/es/components/tabs/index.js",
+      "require": "./dist/cjs/components/tabs/index.js",
+      "default": "./dist/es/components/tabs/index.js"
+    },
+    "./tag": {
+      "react-native": "./dist/es/components/tag/index.js",
+      "import": "./dist/es/components/tag/index.js",
+      "require": "./dist/cjs/components/tag/index.js",
+      "default": "./dist/es/components/tag/index.js"
+    },
+    "./toast": {
+      "react-native": "./dist/es/components/toast/index.js",
+      "import": "./dist/es/components/toast/index.js",
+      "require": "./dist/cjs/components/toast/index.js",
+      "default": "./dist/es/components/toast/index.js"
+    },
+    "./typography": {
+      "react-native": "./dist/es/components/typography/index.js",
+      "import": "./dist/es/components/typography/index.js",
+      "require": "./dist/cjs/components/typography/index.js",
+      "default": "./dist/es/components/typography/index.js"
+    },
+    "./uploader": {
+      "react-native": "./dist/es/components/uploader/index.js",
+      "import": "./dist/es/components/uploader/index.js",
+      "require": "./dist/cjs/components/uploader/index.js",
+      "default": "./dist/es/components/uploader/index.js"
+    },
+    "./water-mark": {
+      "react-native": "./dist/es/components/water-mark/index.js",
+      "import": "./dist/es/components/water-mark/index.js",
+      "require": "./dist/cjs/components/water-mark/index.js",
+      "default": "./dist/es/components/water-mark/index.js"
+    },
+    "./safe-area-view": {
+      "react-native": "./dist/es/components/safe-area-view/index.js",
+      "import": "./dist/es/components/safe-area-view/index.js",
+      "require": "./dist/cjs/components/safe-area-view/index.js",
+      "default": "./dist/es/components/safe-area-view/index.js"
+    },
+    "./package.json": "./package.json"
   }
-}
+}

package/dist/cjs/components/action-sheet/types.d.ts

@@ -1,96 +0,0 @@
-import type * as React from 'react'
-import type { StyleProp, TextStyle, ViewStyle } from 'react-native'
-
-import type { DeepPartial } from '../../types'
-import type { PopupProps } from '../popup/Popup'
-
-export type ActionSheetCloseAction = 'action' | 'cancel' | 'close' | 'close-icon' | 'overlay'
-
-export interface ActionSheetAction {
-  key?: React.Key
-  name?: React.ReactNode
-  subname?: React.ReactNode
-  color?: string
-  disabled?: boolean
-  loading?: boolean
-  icon?: React.ReactNode
-  style?: StyleProp<ViewStyle>
-  onPress?: (action: ActionSheetAction) => void
-  /** 对齐 Vant：callback */
-  callback?: (action: ActionSheetAction) => void
-}
-
-export interface ActionSheetTokens {
-  defaults: {
-    closeOnClickAction: boolean
-    closeable: boolean
-    round: boolean
-    safeAreaInsetBottom: boolean
-    overlay: boolean
-    lockScroll: boolean
-  }
-  layout: {
-    popup: ViewStyle
-    panel: ViewStyle
-    header: ViewStyle
-    titleContainer: ViewStyle
-    title: TextStyle
-    titleNode: ViewStyle
-    closeButton: ViewStyle
-    descriptionContainer: ViewStyle
-    description: TextStyle
-    descriptionNode: ViewStyle
-    actions: ViewStyle
-    item: ViewStyle
-    itemWithIcon: ViewStyle
-    itemTextWrapper: ViewStyle
-    itemText: TextStyle
-    subname: TextStyle
-    subnameNode: ViewStyle
-    icon: ViewStyle
-    cancelGap: ViewStyle
-    cancel: ViewStyle
-    cancelText: TextStyle
-  }
-  colors: {
-    background: string
-    title: string
-    description: string
-    item: string
-    subitem: string
-    cancel: string
-    disabled: string
-    border: string
-    itemBackground: string
-    itemPressedBackground: string
-    cancelBackground: string
-    cancelGapBackground: string
-  }
-  typography: {
-    title: number
-    item: number
-    description: number
-  }
-  spacing: {
-    horizontal: number
-    vertical: number
-    cancelGap: number
-  }
-}
-
-export interface ActionSheetProps extends Omit<PopupProps, 'children'> {
-  title?: React.ReactNode
-  description?: React.ReactNode
-  cancelText?: React.ReactNode
-  actions?: ActionSheetAction[]
-  /** 是否在点击选项后自动关闭（对齐 Vant：close-on-click-action，默认 false） */
-  closeOnClickAction?: boolean
-  /** @deprecated 请使用 closeOnClickAction */
-  closeOnSelect?: boolean
-  children?: React.ReactNode
-  onSelect?: (action: ActionSheetAction, index: number) => void
-  onCancel?: () => void
-  /** 关闭前拦截，返回 false 可阻止关闭，支持 Promise */
-  beforeClose?: (action: ActionSheetCloseAction) => boolean | Promise<boolean>
-  tokensOverride?: DeepPartial<ActionSheetTokens>
-}

package/dist/cjs/components/area/types.d.ts

@@ -1,27 +0,0 @@
-import type * as React from 'react'
-
-import type { PickerProps, PickerOption } from '../picker/types'
-
-export interface AreaList {
-  province_list?: Record<string, string>
-  city_list?: Record<string, string>
-  county_list?: Record<string, string>
-}
-
-export interface AreaOption extends PickerOption {
-  label: React.ReactNode
-  value: string
-  children?: AreaOption[]
-}
-
-export interface AreaProps
-  extends Omit<PickerProps, 'columns' | 'onChange' | 'value' | 'defaultValue' | 'onConfirm'> {
-  areaList: AreaList
-  columnsNum?: 1 | 2 | 3
-  value?: string[]
-  defaultValue?: string[]
-  onChange?: (values: string[], options: (AreaOption | undefined)[]) => void
-  onConfirm?: (values: string[], options: (AreaOption | undefined)[]) => void
-}
-
-export type AreaColumnType = 'province' | 'city' | 'county'

package/dist/cjs/components/avatar/types.d.ts

@@ -1,64 +0,0 @@
-import type React from 'react'
-import type {
-  PressableProps,
-  StyleProp,
-  TextStyle,
-  ViewStyle,
-  ImageSourcePropType,
-  ImageStyle,
-} from 'react-native'
-
-import type { DeepPartial } from '../../types'
-
-export type AvatarShape = 'circle' | 'square'
-export type AvatarSize = 'small' | 'medium' | 'large'
-
-export interface AvatarTokens {
-  defaults: {
-    size: AvatarSize
-    shape: AvatarShape
-  }
-  layout: {
-    container: ViewStyle
-    text: TextStyle
-    image: ImageStyle
-    iconWrapper: ViewStyle
-  }
-  colors: {
-    background: string
-    text: string
-  }
-  typography: {
-    fontWeight: TextStyle['fontWeight']
-    fallbackTextScale: number
-  }
-  sizing: {
-    sizes: Record<AvatarSize, number>
-    iconMaxSize: number
-    loadingSize: number
-  }
-  radii: {
-    squareMin: number
-    squareDivisor: number
-  }
-}
-
-import type { ImageFit } from '../image/types'
-
-export interface AvatarProps extends Omit<PressableProps, 'style'> {
-  src?: string
-  source?: ImageSourcePropType
-  fit?: ImageFit
-  icon?: React.ReactNode
-  text?: string
-  size?: AvatarSize | number
-  width?: number
-  height?: number
-  shape?: AvatarShape
-  color?: string
-  backgroundColor?: string
-  textStyle?: StyleProp<TextStyle>
-  contentStyle?: StyleProp<ViewStyle>
-  style?: StyleProp<ViewStyle>
-  tokensOverride?: DeepPartial<AvatarTokens>
-}