@xaui/native 0.2.8 → 0.9.1-alpha.0

package/package.json

@@ -1,18 +1,18 @@
 {
   "name": "@xaui/native",
-  "version": "0.2.8",
-  "description": "Flutter-inspired React Native UI components with native animations powered by React Native Reanimated",
+  "version": "0.9.1-alpha.0",
+  "description": "Composition-first React Native UI components with native animations powered by Reanimated",
   "keywords": [
     "react-native",
     "mobile",
     "native",
     "ui",
     "components",
-    "flutter",
     "reanimated",
     "animations",
     "xaui"
   ],
+  "license": "MIT",
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -22,240 +22,10 @@
       "import": "./dist/index.js",
       "require": "./dist/index.js"
     },
-    "./core": {
-      "types": "./dist/core/index.d.ts",
-      "import": "./dist/core/index.js",
-      "require": "./dist/core/index.js"
-    },
-    "./button": {
-      "types": "./dist/button/index.d.ts",
-      "import": "./dist/button/index.js",
-      "require": "./dist/button/index.js"
-    },
-    "./checkbox": {
-      "types": "./dist/checkbox/index.d.ts",
-      "import": "./dist/checkbox/index.js",
-      "require": "./dist/checkbox/index.js"
-    },
-    "./expansion-panel": {
-      "types": "./dist/expansion-panel/index.d.ts",
-      "import": "./dist/expansion-panel/index.js",
-      "require": "./dist/expansion-panel/index.js"
-    },
-    "./progress": {
-      "types": "./dist/progress/index.d.ts",
-      "import": "./dist/progress/index.js",
-      "require": "./dist/progress/index.js"
-    },
-    "./indicator": {
-      "types": "./dist/indicator/index.d.ts",
-      "import": "./dist/indicator/index.js",
-      "require": "./dist/indicator/index.js"
-    },
-    "./switch": {
-      "types": "./dist/switch/index.d.ts",
-      "import": "./dist/switch/index.js",
-      "require": "./dist/switch/index.js"
-    },
-    "./slider": {
-      "types": "./dist/slider/index.d.ts",
-      "import": "./dist/slider/index.js",
-      "require": "./dist/slider/index.js"
-    },
-    "./select": {
-      "types": "./dist/select/index.d.ts",
-      "import": "./dist/select/index.js",
-      "require": "./dist/select/index.js"
-    },
-    "./dialog": {
-      "types": "./dist/dialog/index.d.ts",
-      "import": "./dist/dialog/index.js",
-      "require": "./dist/dialog/index.js"
-    },
-    "./divider": {
-      "types": "./dist/divider/index.d.ts",
-      "import": "./dist/divider/index.js",
-      "require": "./dist/divider/index.js"
-    },
-    "./drawer": {
-      "types": "./dist/drawer/index.d.ts",
-      "import": "./dist/drawer/index.js",
-      "require": "./dist/drawer/index.js"
-    },
-    "./skeleton": {
-      "types": "./dist/skeleton/index.d.ts",
-      "import": "./dist/skeleton/index.js",
-      "require": "./dist/skeleton/index.js"
-    },
-    "./avatar": {
-      "types": "./dist/avatar/index.d.ts",
-      "import": "./dist/avatar/index.js",
-      "require": "./dist/avatar/index.js"
-    },
-    "./badge": {
-      "types": "./dist/badge/index.d.ts",
-      "import": "./dist/badge/index.js",
-      "require": "./dist/badge/index.js"
-    },
-    "./alert": {
-      "types": "./dist/alert/index.d.ts",
-      "import": "./dist/alert/index.js",
-      "require": "./dist/alert/index.js"
-    },
-    "./autocomplete": {
-      "types": "./dist/autocomplete/index.d.ts",
-      "import": "./dist/autocomplete/index.js",
-      "require": "./dist/autocomplete/index.js"
-    },
-    "./datepicker": {
-      "types": "./dist/datepicker/index.d.ts",
-      "import": "./dist/datepicker/index.js",
-      "require": "./dist/datepicker/index.js"
-    },
-    "./typography": {
-      "types": "./dist/typography/index.d.ts",
-      "import": "./dist/typography/index.js",
-      "require": "./dist/typography/index.js"
-    },
-    "./view": {
-      "types": "./dist/view/index.d.ts",
-      "import": "./dist/view/index.js",
-      "require": "./dist/view/index.js"
-    },
-    "./carousel": {
-      "types": "./dist/carousel/index.d.ts",
-      "import": "./dist/carousel/index.js",
-      "require": "./dist/carousel/index.js"
-    },
-    "./segment-button": {
-      "types": "./dist/segment-button/index.d.ts",
-      "import": "./dist/segment-button/index.js",
-      "require": "./dist/segment-button/index.js"
-    },
-    "./tabs": {
-      "types": "./dist/tabs/index.d.ts",
-      "import": "./dist/tabs/index.js",
-      "require": "./dist/tabs/index.js"
-    },
-    "./pager": {
-      "types": "./dist/pager/index.d.ts",
-      "import": "./dist/pager/index.js",
-      "require": "./dist/pager/index.js"
-    },
-    "./chip": {
-      "types": "./dist/chip/index.d.ts",
-      "import": "./dist/chip/index.js",
-      "require": "./dist/chip/index.js"
-    },
-    "./bottom-sheet": {
-      "types": "./dist/bottom-sheet/index.d.ts",
-      "import": "./dist/bottom-sheet/index.js",
-      "require": "./dist/bottom-sheet/index.js"
-    },
-    "./bottom-tab-bar": {
-      "types": "./dist/bottom-tab-bar/index.d.ts",
-      "import": "./dist/bottom-tab-bar/index.js",
-      "require": "./dist/bottom-tab-bar/index.js"
-    },
-    "./menu": {
-      "types": "./dist/menu/index.d.ts",
-      "import": "./dist/menu/index.js",
-      "require": "./dist/menu/index.js"
-    },
-    "./fab": {
-      "types": "./dist/fab/index.d.ts",
-      "import": "./dist/fab/index.js",
-      "require": "./dist/fab/index.js"
-    },
-    "./fab-menu": {
-      "types": "./dist/fab-menu/index.d.ts",
-      "import": "./dist/fab-menu/index.js",
-      "require": "./dist/fab-menu/index.js"
-    },
-    "./feature-discovery": {
-      "types": "./dist/feature-discovery/index.d.ts",
-      "import": "./dist/feature-discovery/index.js",
-      "require": "./dist/feature-discovery/index.js"
-    },
-    "./card": {
-      "types": "./dist/card/index.d.ts",
-      "import": "./dist/card/index.js",
-      "require": "./dist/card/index.js"
-    },
-    "./input": {
-      "types": "./dist/input/index.d.ts",
-      "import": "./dist/input/index.js",
-      "require": "./dist/input/index.js"
-    },
-    "./list": {
-      "types": "./dist/list/index.d.ts",
-      "import": "./dist/list/index.js",
-      "require": "./dist/list/index.js"
-    },
-    "./radio": {
-      "types": "./dist/radio/index.d.ts",
-      "import": "./dist/radio/index.js",
-      "require": "./dist/radio/index.js"
-    },
-    "./toolbar": {
-      "types": "./dist/toolbar/index.d.ts",
-      "import": "./dist/toolbar/index.js",
-      "require": "./dist/toolbar/index.js"
-    },
-    "./app-bar": {
-      "types": "./dist/app-bar/index.d.ts",
-      "import": "./dist/app-bar/index.js",
-      "require": "./dist/app-bar/index.js"
-    },
-    "./timepicker": {
-      "types": "./dist/timepicker/index.d.ts",
-      "import": "./dist/timepicker/index.js",
-      "require": "./dist/timepicker/index.js"
-    },
-    "./stepper": {
-      "types": "./dist/stepper/index.d.ts",
-      "import": "./dist/stepper/index.js",
-      "require": "./dist/stepper/index.js"
-    },
-    "./menubox": {
-      "types": "./dist/menubox/index.d.ts",
-      "import": "./dist/menubox/index.js",
-      "require": "./dist/menubox/index.js"
-    },
-    "./chart": {
-      "types": "./dist/chart/index.d.ts",
-      "import": "./dist/chart/index.js",
-      "require": "./dist/chart/index.js"
-    },
-    "./snackbar": {
-      "types": "./dist/snackbar/index.d.ts",
-      "import": "./dist/snackbar/index.js",
-      "require": "./dist/snackbar/index.js"
-    },
-    "./input-trigger": {
-      "types": "./dist/input-trigger/index.d.ts",
-      "import": "./dist/input-trigger/index.js",
-      "require": "./dist/input-trigger/index.js"
-    },
-    "./picker": {
-      "types": "./dist/picker/index.d.ts",
-      "import": "./dist/picker/index.js",
-      "require": "./dist/picker/index.js"
-    },
-    "./color-picker": {
-      "types": "./dist/color-picker/index.d.ts",
-      "import": "./dist/color-picker/index.js",
-      "require": "./dist/color-picker/index.js"
-    },
-    "./snippet": {
-      "types": "./dist/snippet/index.d.ts",
-      "import": "./dist/snippet/index.js",
-      "require": "./dist/snippet/index.js"
-    },
-    "./refresh-control": {
-      "types": "./dist/refresh-control/index.d.ts",
-      "import": "./dist/refresh-control/index.js",
-      "require": "./dist/refresh-control/index.js"
+    "./theme": {
+      "types": "./dist/theme/index.d.ts",
+      "import": "./dist/theme/index.js",
+      "require": "./dist/theme/index.js"
     }
   },
   "files": [
@@ -267,9 +37,9 @@
     "url": "git+https://github.com/rygrams/xaui.git",
     "directory": "packages/native"
   },
-  "dependencies": {
-    "@xaui/core": "0.2.2",
-    "@xaui/icons": "0.0.11"
+  "homepage": "https://ui.xtartapp.com/docs/introduction",
+  "publishConfig": {
+    "access": "public"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
@@ -277,8 +47,19 @@
     "react-native-gesture-handler": ">=2.0.0",
     "react-native-reanimated": ">=4.0.0",
     "react-native-safe-area-context": ">=4.0.0",
-    "react-native-worklets": ">=0.5.0",
-    "react-native-svg": ">=15.0.0"
+    "react-native-svg": ">=15.0.0",
+    "react-native-worklets": ">=0.5.0"
+  },
+  "peerDependenciesMeta": {
+    "react-native-gesture-handler": {
+      "optional": true
+    },
+    "react-native-safe-area-context": {
+      "optional": true
+    },
+    "react-native-svg": {
+      "optional": true
+    }
   },
   "devDependencies": {
     "@types/react": "^19.1.0",
@@ -287,18 +68,14 @@
     "react-native-gesture-handler": "^2.28.0",
     "react-native-reanimated": "^4.0.0",
     "react-native-safe-area-context": "^5.6.0",
-    "react-native-worklets": "^0.5.1",
     "react-native-svg": "^15.8.0",
+    "react-native-worklets": "^0.5.1",
     "tsup": "^8.5.1",
     "typescript": "^5.9.3"
   },
-  "homepage": "https://ui.xtartapp.com/docs/introduction",
-  "publishConfig": {
-    "access": "public"
-  },
   "scripts": {
-    "build": "rm -rf dist && NODE_OPTIONS=--max-old-space-size=4096 tsup --config tsup.config.ts",
-    "dev": "NODE_OPTIONS=--max-old-space-size=4096 tsup --config tsup.config.ts --watch",
+    "build": "rm -rf dist && tsup --config tsup.config.ts",
+    "dev": "tsup --config tsup.config.ts --watch",
     "test": "vitest",
     "lint": "eslint src/",
     "type-check": "tsc --noEmit"

package/README.md

@@ -1,178 +0,0 @@
-# @xaui/native
-
-React Native components and hooks that extend the core `@xaui/core` theme system. This mobile layer ships animated primitives (buttons, indicators, hooks) ready to use with `XUIProvider`.
-
-**[Full documentation → ui.xtartapp.com](https://ui.xtartapp.com)**
-
-## Installation
-
-```bash
-pnpm add @xaui/native
-```
-
-### Peer dependencies
-
-- `react` ^18 || ^19
-- `react-native` >=0.70.0
-- `react-native-reanimated` >=4.0.0
-- `react-native-svg` >=13.0.0
-
-The package also relies on `@xaui/core/theme` for the shared tokens.
-
-## Quick start
-
-1. Wrap your tree with `XUIProvider` to expose the tokens and follow the system color scheme:
-
-```tsx
-import { XUIProvider } from '@xaui/native/core'
-import { theme } from '@xaui/core/theme'
-
-export default function App() {
-  return <XUIProvider theme={theme}>{/* your screens */}</XUIProvider>
-}
-```
-
-2. Consume the theme inside your components via `useXUITheme` or `useColorMode`:
-
-```tsx
-import { Text, View } from 'react-native'
-import { useXUITheme, useColorMode } from '@xaui/native/core'
-
-function Banner() {
-  const theme = useXUITheme()
-  const mode = useColorMode()
-
-  return (
-    <View style={{ backgroundColor: theme.colors.primary.container }}>
-      <Text style={{ color: theme.colors.primary.onContainer }}>
-        Current mode: {mode}
-      </Text>
-    </View>
-  )
-}
-```
-
-## Components (exhaustive)
-
-This table lists all public components exported by `@xaui/native` and their import path.
-
-| Name                   | Description                                                                 | Usage                                                               |
-| ---------------------- | --------------------------------------------------------------------------- | ------------------------------------------------------------------- |
-| `XUIProvider`          | Theme provider for all XAUI native components.                              | `import { XUIProvider } from '@xaui/native/core'`                   |
-| `Portal`               | Renders content in a portal host layer.                                     | `import { Portal } from '@xaui/native/core'`                        |
-| `PortalHost`           | Host container for portal content.                                          | `import { PortalHost } from '@xaui/native/core'`                    |
-| `Button`               | Pressable button with variants, sizes, and loading state.                   | `import { Button } from '@xaui/native/button'`                      |
-| `IconButton`           | Compact icon-only button variant.                                           | `import { IconButton } from '@xaui/native/button'`                  |
-| `Checkbox`             | Selection control with checked/indeterminate states.                        | `import { Checkbox } from '@xaui/native/checkbox'`                  |
-| `ExpansionPanel`       | Accordion container for expandable sections.                                | `import { ExpansionPanel } from '@xaui/native/expansion-panel'`     |
-| `ExpansionPanelItem`   | Expandable item inside `ExpansionPanel`.                                    | `import { ExpansionPanelItem } from '@xaui/native/expansion-panel'` |
-| `Progress`             | Progress indicator with linear/circular rendering.                          | `import { Progress } from '@xaui/native/progress'`                  |
-| `ActivityIndicator`    | Animated loading indicator component.                                       | `import { ActivityIndicator } from '@xaui/native/indicator'`        |
-| `Switch`               | Toggle switch control.                                                      | `import { Switch } from '@xaui/native/switch'`                      |
-| `Slider`               | Draggable value selector slider.                                            | `import { Slider } from '@xaui/native/slider'`                      |
-| `Select`               | Select input with trigger and list behavior.                                | `import { Select } from '@xaui/native/select'`                      |
-| `SelectItem`           | Select option item for `Select`.                                            | `import { SelectItem } from '@xaui/native/select'`                  |
-| `Dialog`               | Modal dialog container component.                                           | `import { Dialog } from '@xaui/native/dialog'`                      |
-| `DialogHeader`         | Header section for `Dialog`.                                                | `import { DialogHeader } from '@xaui/native/dialog'`                |
-| `DialogBody`           | Body/content section for `Dialog`.                                          | `import { DialogBody } from '@xaui/native/dialog'`                  |
-| `DialogFooter`         | Footer/actions section for `Dialog`.                                        | `import { DialogFooter } from '@xaui/native/dialog'`                |
-| `Divider`              | Horizontal or vertical separator line.                                      | `import { Divider } from '@xaui/native/divider'`                    |
-| `Drawer`               | Side sheet / drawer container.                                              | `import { Drawer } from '@xaui/native/drawer'`                      |
-| `Skeleton`             | Placeholder loading block.                                                  | `import { Skeleton } from '@xaui/native/skeleton'`                  |
-| `Avatar`               | User avatar (image, initials, icon).                                        | `import { Avatar } from '@xaui/native/avatar'`                      |
-| `AvatarGroup`          | Grouped avatars with overlap/stacking.                                      | `import { AvatarGroup } from '@xaui/native/avatar'`                 |
-| `Badge`                | Status/count badge component.                                               | `import { Badge } from '@xaui/native/badge'`                        |
-| `Alert`                | Contextual alert/message banner.                                            | `import { Alert } from '@xaui/native/alert'`                        |
-| `Autocomplete`         | Input with dynamic suggestions.                                             | `import { Autocomplete } from '@xaui/native/autocomplete'`          |
-| `AutocompleteItem`     | Suggestion item for `Autocomplete`.                                         | `import { AutocompleteItem } from '@xaui/native/autocomplete'`      |
-| `DatePicker`           | Date selection input/picker.                                                | `import { DatePicker } from '@xaui/native/datepicker'`              |
-| `Typography`           | Themed text component with variants.                                        | `import { Typography } from '@xaui/native/typography'`              |
-| `TextSpan`             | Text group primitive that shares inherited styles across nested typography. | `import { TextSpan } from '@xaui/native/typography'`                |
-| `Column`               | Vertical flex layout helper.                                                | `import { Column } from '@xaui/native/view'`                        |
-| `Row`                  | Horizontal flex layout helper.                                              | `import { Row } from '@xaui/native/view'`                           |
-| `Spacer`               | Flexible space element in layouts.                                          | `import { Spacer } from '@xaui/native/view'`                        |
-| `Padding`              | Wrapper applying padding shortcuts.                                         | `import { Padding } from '@xaui/native/view'`                       |
-| `Margin`               | Wrapper applying margin shortcuts.                                          | `import { Margin } from '@xaui/native/view'`                        |
-| `SizedBox`             | Fixed width/height spacing box.                                             | `import { SizedBox } from '@xaui/native/view'`                      |
-| `PositionedView`       | Absolute/fixed positioning helper view.                                     | `import { PositionedView } from '@xaui/native/view'`                |
-| `BlurView`             | Blurred background container.                                               | `import { BlurView } from '@xaui/native/view'`                      |
-| `RoundedView`          | View with configurable rounded corners.                                     | `import { RoundedView } from '@xaui/native/view'`                   |
-| `AspectRatio`          | Maintains a fixed aspect ratio for content.                                 | `import { AspectRatio } from '@xaui/native/view'`                   |
-| `Grid`                 | Grid layout container.                                                      | `import { Grid } from '@xaui/native/view'`                          |
-| `GridItem`             | Item element for `Grid`.                                                    | `import { GridItem } from '@xaui/native/view'`                      |
-| `GridBuilder`          | Builder-based grid rendering helper.                                        | `import { GridBuilder } from '@xaui/native/view'`                   |
-| `ConditionalView`      | Conditionally renders with optional animation.                              | `import { ConditionalView } from '@xaui/native/view'`               |
-| `MasonryGrid`          | Masonry-style responsive grid container.                                    | `import { MasonryGrid } from '@xaui/native/view'`                   |
-| `MasonryGridItem`      | Item element for `MasonryGrid`.                                             | `import { MasonryGridItem } from '@xaui/native/view'`               |
-| `MasonryGridBuilder`   | Builder-based masonry rendering helper.                                     | `import { MasonryGridBuilder } from '@xaui/native/view'`            |
-| `Carousel`             | Swipeable carousel for paged content.                                       | `import { Carousel } from '@xaui/native/carousel'`                  |
-| `SegmentButton`        | Segmented control container.                                                | `import { SegmentButton } from '@xaui/native/segment-button'`       |
-| `SegmentButtonItem`    | Segment item for `SegmentButton`.                                           | `import { SegmentButtonItem } from '@xaui/native/segment-button'`   |
-| `Tabs`                 | Tabs container with active tab state.                                       | `import { Tabs } from '@xaui/native/tabs'`                          |
-| `Tab`                  | Individual tab item for `Tabs`.                                             | `import { Tab } from '@xaui/native/tabs'`                           |
-| `Pager`                | Paged container with swipe navigation.                                      | `import { Pager } from '@xaui/native/pager'`                        |
-| `PagerItem`            | Page item for `Pager`.                                                      | `import { PagerItem } from '@xaui/native/pager'`                    |
-| `Chip`                 | Compact labeled action/filter chip.                                         | `import { Chip } from '@xaui/native/chip'`                          |
-| `ChipGroup`            | Group manager for chip selection.                                           | `import { ChipGroup } from '@xaui/native/chip'`                     |
-| `ChipItem`             | Item variant used inside `ChipGroup`.                                       | `import { ChipItem } from '@xaui/native/chip'`                      |
-| `BottomSheet`          | Bottom sheet modal/panel.                                                   | `import { BottomSheet } from '@xaui/native/bottom-sheet'`           |
-| `BottomTabBar`         | Bottom navigation tab bar container.                                        | `import { BottomTabBar } from '@xaui/native/bottom-tab-bar'`        |
-| `BottomTabBarItem`     | Tab item for `BottomTabBar`.                                                | `import { BottomTabBarItem } from '@xaui/native/bottom-tab-bar'`    |
-| `Menu`                 | Anchored contextual menu.                                                   | `import { Menu } from '@xaui/native/menu'`                          |
-| `MenuItem`             | Action item for `Menu`.                                                     | `import { MenuItem } from '@xaui/native/menu'`                      |
-| `Fab`                  | Floating action button.                                                     | `import { Fab } from '@xaui/native/fab'`                            |
-| `FabMenu`              | Expandable floating action menu.                                            | `import { FabMenu } from '@xaui/native/fab-menu'`                   |
-| `FabMenuItem`          | Action item for `FabMenu`.                                                  | `import { FabMenuItem } from '@xaui/native/fab-menu'`               |
-| `FeatureDiscovery`     | Spotlight/coach-mark discovery overlay.                                     | `import { FeatureDiscovery } from '@xaui/native/feature-discovery'` |
-| `Card`                 | Card container surface.                                                     | `import { Card } from '@xaui/native/card'`                          |
-| `CardHeader`           | Header section for `Card`.                                                  | `import { CardHeader } from '@xaui/native/card'`                    |
-| `CardBody`             | Body/content section for `Card`.                                            | `import { CardBody } from '@xaui/native/card'`                      |
-| `CardFooter`           | Footer/actions section for `Card`.                                          | `import { CardFooter } from '@xaui/native/card'`                    |
-| `CardTitle`            | Title text slot for `Card`.                                                 | `import { CardTitle } from '@xaui/native/card'`                     |
-| `CardDescription`      | Description text slot for `Card`.                                           | `import { CardDescription } from '@xaui/native/card'`               |
-| `TextInput`            | Standard text input field.                                                  | `import { TextInput } from '@xaui/native/input'`                    |
-| `TextArea`             | Multiline text input field.                                                 | `import { TextArea } from '@xaui/native/input'`                     |
-| `DateInput`            | Date-only formatted input.                                                  | `import { DateInput } from '@xaui/native/input'`                    |
-| `TimeInput`            | Time-only formatted input.                                                  | `import { TimeInput } from '@xaui/native/input'`                    |
-| `DateTimeInput`        | Combined date-time formatted input.                                         | `import { DateTimeInput } from '@xaui/native/input'`                |
-| `OTPInput`             | One-time password segmented input.                                          | `import { OTPInput } from '@xaui/native/input'`                     |
-| `NumberInput`          | Numeric input with controls/formatting.                                     | `import { NumberInput } from '@xaui/native/input'`                  |
-| `List`                 | List container with selection options.                                      | `import { List } from '@xaui/native/list'`                          |
-| `ListItem`             | Item row for `List`.                                                        | `import { ListItem } from '@xaui/native/list'`                      |
-| `ListBuilder`          | Builder-based dynamic list helper.                                          | `import { ListBuilder } from '@xaui/native/list'`                   |
-| `Radio`                | Single radio option control.                                                | `import { Radio } from '@xaui/native/radio'`                        |
-| `RadioGroup`           | Group controller for radio options.                                         | `import { RadioGroup } from '@xaui/native/radio'`                   |
-| `Toolbar`              | App toolbar/action bar container.                                           | `import { Toolbar } from '@xaui/native/toolbar'`                    |
-| `ToolbarAction`        | Action button/item for `Toolbar`.                                           | `import { ToolbarAction } from '@xaui/native/toolbar'`              |
-| `AppBar`               | Top app bar container.                                                      | `import { AppBar } from '@xaui/native/app-bar'`                     |
-| `AppBarStartContent`   | Leading slot for `AppBar`.                                                  | `import { AppBarStartContent } from '@xaui/native/app-bar'`         |
-| `AppBarContent`        | Main content slot for `AppBar`.                                             | `import { AppBarContent } from '@xaui/native/app-bar'`              |
-| `AppBarEndContent`     | Trailing slot for `AppBar`.                                                 | `import { AppBarEndContent } from '@xaui/native/app-bar'`           |
-| `TimePicker`           | Time picker main component.                                                 | `import { TimePicker } from '@xaui/native/timepicker'`              |
-| `TimePickerDialog`     | Dialog variant for time selection.                                          | `import { TimePickerDialog } from '@xaui/native/timepicker'`        |
-| `TimePickerTrigger`    | Trigger component for opening time picker UI.                               | `import { TimePickerTrigger } from '@xaui/native/timepicker'`       |
-| `Stepper`              | Multi-step progress/navigation component.                                   | `import { Stepper } from '@xaui/native/stepper'`                    |
-| `StepperItem`          | Individual step for `Stepper`.                                              | `import { StepperItem } from '@xaui/native/stepper'`                |
-| `MenuBox`              | Menu box container with animated items.                                     | `import { MenuBox } from '@xaui/native/menubox'`                    |
-| `MenuBoxItem`          | Action item for `MenuBox`.                                                  | `import { MenuBoxItem } from '@xaui/native/menubox'`                |
-| `DonutChartCard`       | Card component rendering a donut chart.                                     | `import { DonutChartCard } from '@xaui/native/chart'`               |
-| `VerticalBarChartCard` | Card component rendering vertical bars.                                     | `import { VerticalBarChartCard } from '@xaui/native/chart'`         |
-| `PieChartCard`         | Card component rendering a pie chart.                                       | `import { PieChartCard } from '@xaui/native/chart'`                 |
-| `LineChartCard`        | Card component rendering a line chart.                                      | `import { LineChartCard } from '@xaui/native/chart'`                |
-| `HeatmapChartCard`     | Card component rendering a heatmap chart.                                   | `import { HeatmapChartCard } from '@xaui/native/chart'`             |
-
-## Theme hooks & utilities
-
-- `useXUITheme()` must be used within `XUIProvider`; it throws if the provider is missing.
-- `useXUIColors()` is a shortcut for reading just the color tokens.
-- `useColorMode()` returns `light` or `dark` based on React Native's `useColorScheme()`.
-- `XUIProvider` accepts a single `theme` object (`DeepPartial<XUITheme>`) for partial token overrides.
-
-## Testing & build
-
-- Bundles are produced with `tsup` (ESM + CJS outputs under `dist`).
-- Tests live under `packages/native/__tests__` and run with `vitest`.
-
-## License
-
-MIT