@unif/react-native-ui 0.4.0 → 1.0.0

package/README.md

@@ -1,108 +1,202 @@
 # @unif/react-native-ui
 
-UNIF React Native 基础 UI 组件库 — 提供原子、基础、复合三层组件体系。
+UNIF React Native UI 组件库 — 基于 shadcn/ui 设计理念，为 React Native 0.84+ 构建的现代化 UI 系统。
+
+## 环境要求
+
+| 依赖 | 版本 |
+|------|------|
+| React Native | >= 0.84.0 |
+| React | >= 19.0.0 |
+| Expo SDK | >= 56（使用 Expo 时） |
+| react-native-reanimated | >= 4.0.0 |
+| react-native-gesture-handler | >= 2.21.0 |
+| react-native-safe-area-context | >= 5.0.0 |
+| react-native-svg | >= 15.2.0 |
+| react-native-keyboard-controller | >= 1.18.0 |
 
 ## 安装
 
+### Expo 项目
+
 ```sh
-npm install @unif/react-native-ui
-# 或
-yarn add @unif/react-native-ui
+npx expo install @unif/react-native-ui \
+  react-native-reanimated \
+  react-native-gesture-handler \
+  react-native-safe-area-context \
+  react-native-svg \
+  react-native-keyboard-controller
 ```
 
-## 使用
+> **注意**：需要 Development Build（`expo run:ios` / `expo run:android`），不支持 Expo Go。
 
-```tsx
-import { Button, Input, Avatar, ListItem, defaultTokens } from '@unif/react-native-ui';
+在 `app.json` 中添加插件：
 
-<Button onPress={handleSubmit}>提交</Button>
-<Input placeholder="请输入..." onChangeText={setText} />
-<Avatar source={{ uri: 'https://example.com/avatar.png' }} size={40} />
+```json
+{
+  "expo": {
+    "plugins": ["react-native-reanimated"]
+  }
+}
 ```
 
-## 组件列表
+### 裸 React Native 项目
 
-### 布局
+```sh
+yarn add @unif/react-native-ui \
+  react-native-reanimated \
+  react-native-gesture-handler \
+  react-native-safe-area-context \
+  react-native-svg \
+  react-native-keyboard-controller
+```
 
-| 组件 | 说明 |
-|------|------|
-| Row | 水平布局容器 |
-| Column | 垂直布局容器 |
-| Center | 居中布局容器 |
-| Space | 间距组件 |
+在 `babel.config.js` 中添加（必须是 plugins 最后一项）：
 
-### 原子 (Atom)
+```js
+plugins: ['react-native-reanimated/plugin']
+```
 
-| 组件 | 说明 |
-|------|------|
-| Text | 文本组件 |
-| Touchable | 触摸反馈容器 |
-| Divider | 分割线 |
-| Avatar | 头像 |
-| WaveAnimation | 波形动画 |
+## 快速开始
 
-### 基础 (Base)
+```tsx
+import { GestureHandlerRootView } from 'react-native-gesture-handler';
+import { ThemeProvider, PortalHost, useTheme } from '@unif/react-native-ui';
+
+export default function App() {
+  return (
+    <GestureHandlerRootView style={{ flex: 1 }}>
+      <ThemeProvider>
+        <MyScreen />
+        <PortalHost />
+      </ThemeProvider>
+    </GestureHandlerRootView>
+  );
+}
+
+function MyScreen() {
+  const tokens = useTheme();
+  return (
+    <View style={{ backgroundColor: tokens.background, flex: 1 }}>
+      <Text style={{ color: tokens.foreground }}>Hello</Text>
+    </View>
+  );
+}
+```
 
-| 组件 | 说明 |
-|------|------|
-| Button | 按钮 |
-| Input | 输入框（含 toolbar 插槽） |
-| Chip | 标签/筹码 |
-| Tag | 标签 |
-| Popover | 气泡弹出层 |
-| ActionSheet | 操作面板 |
-| Menu | 菜单操作列表 |
+## 主题定制
 
-### 复合 (Composite)
+```tsx
+import { createTheme, ThemeProvider } from '@unif/react-native-ui';
 
-| 组件 | 说明 |
-|------|------|
-| ListItem | 列表项（thumb + title + extra 布局） |
+const brandTheme = createTheme({
+  primary: '#EB6E00', // 主色
+  radius: 8,          // 基础圆角（px）
+});
 
-## 主题
+<ThemeProvider theme={brandTheme} mode="light">
+  {/* ... */}
+</ThemeProvider>
+```
+
+`mode` 支持 `'light'` | `'dark'` | `'system'`（默认跟随系统）。
 
-通过 `ConfigProvider` 注入自定义 token，通过 `defaultTokens` 访问默认主题值：
+## Theme Hooks
 
 ```tsx
-import { ConfigProvider, defaultTokens } from '@unif/react-native-ui';
+import {
+  useTheme,
+  useThemeMode,
+  useColorModeValue,
+  useReducedMotion,
+} from '@unif/react-native-ui';
+
+// 获取当前模式下的完整 token 对象
+const tokens = useTheme();
+
+// 选择器模式（避免不必要的重渲染）
+const primary = useTheme((t) => t.primary);
 
-<ConfigProvider theme={{ token: { colorPrimary: '#1890FF' } }}>
-  {/* children */}
-</ConfigProvider>
+// 获取/切换颜色模式
+const { mode, setMode } = useThemeMode();
+
+// 根据颜色模式返回不同值
+const bg = useColorModeValue('#ffffff', '#0a0a0a');
+
+// 是否开启了无障碍减弱动画
+const reduced = useReducedMotion();
 ```
 
-## 语义样式
+## 样式系统（recipe）
 
-每个组件支持 `styles` prop 进行语义化样式覆盖：
+使用 `recipe()` 定义多变体组件样式，支持 WeakMap 缓存、变体组合、样式继承：
 
 ```tsx
-<Button
-  onPress={() => {}}
-  styles={{ root: { borderRadius: 20 }, content: { fontSize: 16 } }}
->
-  确定
-</Button>
+import { recipe, useStyles } from '@unif/react-native-ui';
+
+const buttonRecipe = recipe({
+  slots: { root: {}, label: {} },
+  base: {
+    root: { borderRadius: 8, paddingHorizontal: 16, paddingVertical: 10 },
+    label: { fontWeight: '600' },
+  },
+  variants: {
+    variant: {
+      solid: (tokens) => ({ root: { backgroundColor: tokens.primary } }),
+      outline: (tokens) => ({
+        root: { borderWidth: 1, borderColor: tokens.primary },
+      }),
+    },
+    size: {
+      sm: { root: { paddingVertical: 6 }, label: { fontSize: 13 } },
+      md: { root: { paddingVertical: 10 }, label: { fontSize: 15 } },
+    },
+  },
+  defaultVariants: { variant: 'solid', size: 'md' },
+});
+
+function Button({ variant, size, children }) {
+  const styles = useStyles(buttonRecipe, { variant, size });
+  return (
+    <Pressable style={styles.root}>
+      <Text style={styles.label}>{children}</Text>
+    </Pressable>
+  );
+}
 ```
 
-## 兼容性
+## Portal
 
-| @unif/react-native-ui | React Native | React | 状态 |
-|------------------------|-------------|-------|------|
-| 0.1.x | >= 0.71 | >= 18 | ✅ |
-| 0.1.x | 0.74.x | 18.x | ✅ 已验证（PECPortal） |
-| 0.1.x | 0.81.x | 19.x | ✅ 已验证（example app） |
+```tsx
+import { PortalHost, Portal } from '@unif/react-native-ui';
 
-### API 兼容说明
+// 在根组件放置 PortalHost（ThemeProvider 内部）
+<PortalHost />
 
-- `Pressable`: RN >= 0.63 ✅
-- `StyleSheet.compose`: RN >= 0.66 ✅
+// 在任意子组件中传送内容到根层级
+<Portal>
+  <View style={StyleSheet.absoluteFill}>
+    <Modal />
+  </View>
+</Portal>
+```
+
+## 默认 Token
+
+```tsx
+import { lightTokens, darkTokens } from '@unif/react-native-ui';
 
-## Contributing
+console.log(lightTokens.primary);                   // '#EB6E00'
+console.log(lightTokens.radius);                    // 6
+console.log(lightTokens.space4);                    // 16
+console.log(lightTokens.animation.durationNormal);  // 250
+```
+
+## 兼容性
 
-- [Development workflow](CONTRIBUTING.md#development-workflow)
-- [Sending a pull request](CONTRIBUTING.md#sending-a-pull-request)
-- [Code of conduct](CODE_OF_CONDUCT.md)
-- [Testing strategy](TESTING.md)
+| @unif/react-native-ui | React Native | Expo SDK | 状态 |
+|------------------------|-------------|----------|------|
+| 1.x | >= 0.84.0 | >= 56 | ✅ 当前版本 |
 
 ## License
 

package/lib/commonjs/components/Accordion/Accordion.js

@@ -0,0 +1,51 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Accordion = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+const Accordion = exports.Accordion = /*#__PURE__*/(0, _react.memo)(function Accordion({
+  type = 'single',
+  defaultValue,
+  children,
+  testID,
+  style
+}) {
+  // 初始化展开状态：支持单值字符串或数组
+  const [expandedValues, setExpandedValues] = (0, _react.useState)(() => {
+    if (!defaultValue) return new Set();
+    if (Array.isArray(defaultValue)) return new Set(defaultValue);
+    return new Set([defaultValue]);
+  });
+  const toggle = (0, _react.useCallback)(value => {
+    setExpandedValues(prev => {
+      const next = new Set(prev);
+      if (next.has(value)) {
+        next.delete(value);
+      } else {
+        // single 模式：展开新项前清空已有展开项
+        if (type === 'single') next.clear();
+        next.add(value);
+      }
+      return next;
+    });
+  }, [type]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.AccordionProvider, {
+    value: {
+      type,
+      expandedValues,
+      toggle
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      testID: testID,
+      style: style,
+      children: children
+    })
+  });
+});
+Accordion.displayName = 'Accordion';
+//# sourceMappingURL=Accordion.js.map

package/lib/commonjs/components/Accordion/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_context","_jsxRuntime","Accordion","exports","memo","type","defaultValue","children","testID","style","expandedValues","setExpandedValues","useState","Set","Array","isArray","toggle","useCallback","value","prev","next","has","delete","clear","add","jsx","AccordionProvider","View","displayName"],"sourceRoot":"../../../../src","sources":["components/Accordion/Accordion.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAA8C,IAAAG,WAAA,GAAAH,OAAA;AAG9C,MAAMI,SAAS,GAAAC,OAAA,CAAAD,SAAA,gBAAG,IAAAE,WAAI,EAAC,SAASF,SAASA,CAAC;EACxCG,IAAI,GAAG,QAAQ;EACfC,YAAY;EACZC,QAAQ;EACRC,MAAM;EACNC;AACc,CAAC,EAAE;EACjB;EACA,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAG,IAAAC,eAAQ,EAAc,MAAM;IACtE,IAAI,CAACN,YAAY,EAAE,OAAO,IAAIO,GAAG,CAAC,CAAC;IACnC,IAAIC,KAAK,CAACC,OAAO,CAACT,YAAY,CAAC,EAAE,OAAO,IAAIO,GAAG,CAACP,YAAY,CAAC;IAC7D,OAAO,IAAIO,GAAG,CAAC,CAACP,YAAY,CAAC,CAAC;EAChC,CAAC,CAAC;EAEF,MAAMU,MAAM,GAAG,IAAAC,kBAAW,EACvBC,KAAa,IAAK;IACjBP,iBAAiB,CAAEQ,IAAI,IAAK;MAC1B,MAAMC,IAAI,GAAG,IAAIP,GAAG,CAACM,IAAI,CAAC;MAC1B,IAAIC,IAAI,CAACC,GAAG,CAACH,KAAK,CAAC,EAAE;QACnBE,IAAI,CAACE,MAAM,CAACJ,KAAK,CAAC;MACpB,CAAC,MAAM;QACL;QACA,IAAIb,IAAI,KAAK,QAAQ,EAAEe,IAAI,CAACG,KAAK,CAAC,CAAC;QACnCH,IAAI,CAACI,GAAG,CAACN,KAAK,CAAC;MACjB;MACA,OAAOE,IAAI;IACb,CAAC,CAAC;EACJ,CAAC,EACD,CAACf,IAAI,CACP,CAAC;EAED,oBACE,IAAAJ,WAAA,CAAAwB,GAAA,EAACzB,QAAA,CAAA0B,iBAAiB;IAACR,KAAK,EAAE;MAAEb,IAAI;MAAEK,cAAc;MAAEM;IAAO,CAAE;IAAAT,QAAA,eACzD,IAAAN,WAAA,CAAAwB,GAAA,EAAC1B,YAAA,CAAA4B,IAAI;MAACnB,MAAM,EAAEA,MAAO;MAACC,KAAK,EAAEA,KAAM;MAAAF,QAAA,EAChCA;IAAQ,CACL;EAAC,CACU,CAAC;AAExB,CAAC,CAAC;AACFL,SAAS,CAAC0B,WAAW,GAAG,WAAW","ignoreList":[]}

package/lib/commonjs/components/Accordion/AccordionContent.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AccordionContent = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _Collapsible = require("../Collapsible");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+const AccordionContent = exports.AccordionContent = /*#__PURE__*/(0, _react.memo)(function AccordionContent({
+  children,
+  testID,
+  style
+}) {
+  const {
+    isOpen
+  } = (0, _context.useAccordionItemCtx)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Collapsible.Collapsible, {
+    open: isOpen,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Collapsible.CollapsibleContent, {
+      style: style,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        testID: testID,
+        style: styles.content,
+        children: children
+      })
+    })
+  });
+});
+AccordionContent.displayName = 'AccordionContent';
+const styles = _reactNative.StyleSheet.create({
+  content: {
+    paddingBottom: 12,
+    paddingHorizontal: 4
+  }
+});
+//# sourceMappingURL=AccordionContent.js.map

package/lib/commonjs/components/Accordion/AccordionContent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_Collapsible","_context","_jsxRuntime","AccordionContent","exports","memo","children","testID","style","isOpen","useAccordionItemCtx","jsx","Collapsible","open","CollapsibleContent","View","styles","content","displayName","StyleSheet","create","paddingBottom","paddingHorizontal"],"sourceRoot":"../../../../src","sources":["components/Accordion/AccordionContent.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAAgD,IAAAI,WAAA,GAAAJ,OAAA;AAGhD,MAAMK,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,gBAAG,IAAAE,WAAI,EAAC,SAASF,gBAAgBA,CAAC;EACtDG,QAAQ;EACRC,MAAM;EACNC;AACqB,CAAC,EAAE;EACxB,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,4BAAmB,EAAC,CAAC;EACxC,oBACE,IAAAR,WAAA,CAAAS,GAAA,EAACX,YAAA,CAAAY,WAAW;IAACC,IAAI,EAAEJ,MAAO;IAAAH,QAAA,eACxB,IAAAJ,WAAA,CAAAS,GAAA,EAACX,YAAA,CAAAc,kBAAkB;MAACN,KAAK,EAAEA,KAAM;MAAAF,QAAA,eAC/B,IAAAJ,WAAA,CAAAS,GAAA,EAACZ,YAAA,CAAAgB,IAAI;QAACR,MAAM,EAAEA,MAAO;QAACC,KAAK,EAAEQ,MAAM,CAACC,OAAQ;QAAAX,QAAA,EACzCA;MAAQ,CACL;IAAC,CACW;EAAC,CACV,CAAC;AAElB,CAAC,CAAC;AACFH,gBAAgB,CAACe,WAAW,GAAG,kBAAkB;AAEjD,MAAMF,MAAM,GAAGG,uBAAU,CAACC,MAAM,CAAC;EAC/BH,OAAO,EAAE;IACPI,aAAa,EAAE,EAAE;IACjBC,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/Accordion/AccordionItem.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AccordionItem = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _core = require("../../core");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+const AccordionItem = exports.AccordionItem = /*#__PURE__*/(0, _react.memo)(function AccordionItem({
+  value,
+  children,
+  testID,
+  style
+}) {
+  const {
+    expandedValues
+  } = (0, _context.useAccordionCtx)();
+  const isOpen = expandedValues.has(value);
+  const border = (0, _core.useTheme)(t => t.border);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.AccordionItemProvider, {
+    value: {
+      value,
+      isOpen
+    },
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      testID: testID,
+      style: [styles.accordionItem, {
+        borderBottomColor: border
+      }, style],
+      children: children
+    })
+  });
+});
+AccordionItem.displayName = 'AccordionItem';
+const styles = _reactNative.StyleSheet.create({
+  accordionItem: {
+    borderBottomWidth: 1
+  }
+});
+//# sourceMappingURL=AccordionItem.js.map

package/lib/commonjs/components/Accordion/AccordionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_core","_context","_jsxRuntime","AccordionItem","exports","memo","value","children","testID","style","expandedValues","useAccordionCtx","isOpen","has","border","useTheme","t","jsx","AccordionItemProvider","View","styles","accordionItem","borderBottomColor","displayName","StyleSheet","create","borderBottomWidth"],"sourceRoot":"../../../../src","sources":["components/Accordion/AccordionItem.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAAmE,IAAAI,WAAA,GAAAJ,OAAA;AAGnE,MAAMK,aAAa,GAAAC,OAAA,CAAAD,aAAA,gBAAG,IAAAE,WAAI,EAAC,SAASF,aAAaA,CAAC;EAChDG,KAAK;EACLC,QAAQ;EACRC,MAAM;EACNC;AACkB,CAAC,EAAE;EACrB,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,wBAAe,EAAC,CAAC;EAC5C,MAAMC,MAAM,GAAGF,cAAc,CAACG,GAAG,CAACP,KAAK,CAAC;EACxC,MAAMQ,MAAM,GAAG,IAAAC,cAAQ,EAAEC,CAAC,IAAKA,CAAC,CAACF,MAAM,CAAC;EACxC,oBACE,IAAAZ,WAAA,CAAAe,GAAA,EAAChB,QAAA,CAAAiB,qBAAqB;IAACZ,KAAK,EAAE;MAAEA,KAAK;MAAEM;IAAO,CAAE;IAAAL,QAAA,eAC9C,IAAAL,WAAA,CAAAe,GAAA,EAAClB,YAAA,CAAAoB,IAAI;MACHX,MAAM,EAAEA,MAAO;MACfC,KAAK,EAAE,CAACW,MAAM,CAACC,aAAa,EAAE;QAAEC,iBAAiB,EAAER;MAAO,CAAC,EAAEL,KAAK,CAAE;MAAAF,QAAA,EAEnEA;IAAQ,CACL;EAAC,CACc,CAAC;AAE5B,CAAC,CAAC;AACFJ,aAAa,CAACoB,WAAW,GAAG,eAAe;AAE3C,MAAMH,MAAM,GAAGI,uBAAU,CAACC,MAAM,CAAC;EAC/BJ,aAAa,EAAE;IACbK,iBAAiB,EAAE;EACrB;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/Accordion/AccordionTrigger.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AccordionTrigger = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _core = require("../../core");
+var _context = require("./context");
+var _jsxRuntime = require("react/jsx-runtime");
+const AccordionTrigger = exports.AccordionTrigger = /*#__PURE__*/(0, _react.memo)(function AccordionTrigger({
+  children,
+  testID,
+  style
+}) {
+  const {
+    value,
+    isOpen
+  } = (0, _context.useAccordionItemCtx)();
+  const {
+    toggle
+  } = (0, _context.useAccordionCtx)();
+  const fg = (0, _core.useTheme)(t => t.foreground);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+    testID: testID,
+    onPress: () => toggle(value),
+    accessibilityRole: "button",
+    accessibilityState: {
+      expanded: isOpen
+    },
+    style: [styles.trigger, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.triggerLabel, {
+        color: fg
+      }],
+      children: children
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.triggerIcon, {
+        color: fg
+      }],
+      children: isOpen ? '▲' : '▼'
+    })]
+  });
+});
+AccordionTrigger.displayName = 'AccordionTrigger';
+const styles = _reactNative.StyleSheet.create({
+  trigger: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingVertical: 14,
+    paddingHorizontal: 4
+  },
+  triggerLabel: {
+    fontSize: 14,
+    fontWeight: '500',
+    flex: 1
+  },
+  triggerIcon: {
+    fontSize: 12
+  }
+});
+//# sourceMappingURL=AccordionTrigger.js.map

package/lib/commonjs/components/Accordion/AccordionTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_core","_context","_jsxRuntime","AccordionTrigger","exports","memo","children","testID","style","value","isOpen","useAccordionItemCtx","toggle","useAccordionCtx","fg","useTheme","t","foreground","jsxs","Pressable","onPress","accessibilityRole","accessibilityState","expanded","styles","trigger","jsx","Text","triggerLabel","color","triggerIcon","displayName","StyleSheet","create","flexDirection","alignItems","paddingVertical","paddingHorizontal","fontSize","fontWeight","flex"],"sourceRoot":"../../../../src","sources":["components/Accordion/AccordionTrigger.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,QAAA,GAAAH,OAAA;AAAiE,IAAAI,WAAA,GAAAJ,OAAA;AAGjE,MAAMK,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,gBAAG,IAAAE,WAAI,EAAC,SAASF,gBAAgBA,CAAC;EACtDG,QAAQ;EACRC,MAAM;EACNC;AACqB,CAAC,EAAE;EACxB,MAAM;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAG,IAAAC,4BAAmB,EAAC,CAAC;EAC/C,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,wBAAe,EAAC,CAAC;EACpC,MAAMC,EAAE,GAAG,IAAAC,cAAQ,EAAEC,CAAC,IAAKA,CAAC,CAACC,UAAU,CAAC;EAExC,oBACE,IAAAf,WAAA,CAAAgB,IAAA,EAACnB,YAAA,CAAAoB,SAAS;IACRZ,MAAM,EAAEA,MAAO;IACfa,OAAO,EAAEA,CAAA,KAAMR,MAAM,CAACH,KAAK,CAAE;IAC7BY,iBAAiB,EAAC,QAAQ;IAC1BC,kBAAkB,EAAE;MAAEC,QAAQ,EAAEb;IAAO,CAAE;IACzCF,KAAK,EAAE,CAACgB,MAAM,CAACC,OAAO,EAAEjB,KAAK,CAAE;IAAAF,QAAA,gBAE/B,IAAAJ,WAAA,CAAAwB,GAAA,EAAC3B,YAAA,CAAA4B,IAAI;MAACnB,KAAK,EAAE,CAACgB,MAAM,CAACI,YAAY,EAAE;QAAEC,KAAK,EAAEf;MAAG,CAAC,CAAE;MAAAR,QAAA,EAAEA;IAAQ,CAAO,CAAC,eAEpE,IAAAJ,WAAA,CAAAwB,GAAA,EAAC3B,YAAA,CAAA4B,IAAI;MAACnB,KAAK,EAAE,CAACgB,MAAM,CAACM,WAAW,EAAE;QAAED,KAAK,EAAEf;MAAG,CAAC,CAAE;MAAAR,QAAA,EAC9CI,MAAM,GAAG,GAAG,GAAG;IAAG,CACf,CAAC;EAAA,CACE,CAAC;AAEhB,CAAC,CAAC;AACFP,gBAAgB,CAAC4B,WAAW,GAAG,kBAAkB;AAEjD,MAAMP,MAAM,GAAGQ,uBAAU,CAACC,MAAM,CAAC;EAC/BR,OAAO,EAAE;IACPS,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAE;EACrB,CAAC;EACDT,YAAY,EAAE;IACZU,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,KAAK;IACjBC,IAAI,EAAE;EACR,CAAC;EACDV,WAAW,EAAE;IACXQ,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/Accordion/context.js

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAccordionItemCtx = exports.useAccordionCtx = exports.AccordionProvider = exports.AccordionItemProvider = void 0;
+var _core = require("../../core");
+// ─── Accordion Context ────────────────────────────────────────────────────────
+
+/** Accordion 根组件向子组件共享的状态 */
+
+const [AccordionProvider, useAccordionCtx] = (0, _core.createCompound)('Accordion');
+
+// ─── AccordionItem Context ────────────────────────────────────────────────────
+
+/** AccordionItem 向 Trigger/Content 共享的状态 */
+exports.useAccordionCtx = useAccordionCtx;
+exports.AccordionProvider = AccordionProvider;
+const [AccordionItemProvider, useAccordionItemCtx] = (0, _core.createCompound)('AccordionItem');
+exports.useAccordionItemCtx = useAccordionItemCtx;
+exports.AccordionItemProvider = AccordionItemProvider;
+//# sourceMappingURL=context.js.map

package/lib/commonjs/components/Accordion/context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_core","require","AccordionProvider","useAccordionCtx","createCompound","exports","AccordionItemProvider","useAccordionItemCtx"],"sourceRoot":"../../../../src","sources":["components/Accordion/context.ts"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAEA;;AAEA;;AASO,MAAM,CAACC,iBAAiB,EAAEC,eAAe,CAAC,GAC/C,IAAAC,oBAAc,EAAe,WAAW,CAAC;;AAE3C;;AAEA;AAAAC,OAAA,CAAAF,eAAA,GAAAA,eAAA;AAAAE,OAAA,CAAAH,iBAAA,GAAAA,iBAAA;AAQO,MAAM,CAACI,qBAAqB,EAAEC,mBAAmB,CAAC,GACvD,IAAAH,oBAAc,EAAmB,eAAe,CAAC;AAACC,OAAA,CAAAE,mBAAA,GAAAA,mBAAA;AAAAF,OAAA,CAAAC,qBAAA,GAAAA,qBAAA","ignoreList":[]}

package/lib/commonjs/components/Accordion/index.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Accordion", {
+  enumerable: true,
+  get: function () {
+    return _Accordion.Accordion;
+  }
+});
+Object.defineProperty(exports, "AccordionContent", {
+  enumerable: true,
+  get: function () {
+    return _AccordionContent.AccordionContent;
+  }
+});
+Object.defineProperty(exports, "AccordionItem", {
+  enumerable: true,
+  get: function () {
+    return _AccordionItem.AccordionItem;
+  }
+});
+Object.defineProperty(exports, "AccordionTrigger", {
+  enumerable: true,
+  get: function () {
+    return _AccordionTrigger.AccordionTrigger;
+  }
+});
+var _Accordion = require("./Accordion");
+var _AccordionItem = require("./AccordionItem");
+var _AccordionTrigger = require("./AccordionTrigger");
+var _AccordionContent = require("./AccordionContent");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/Accordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Accordion","require","_AccordionItem","_AccordionTrigger","_AccordionContent"],"sourceRoot":"../../../../src","sources":["components/Accordion/index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA","ignoreList":[]}

package/lib/commonjs/components/Accordion/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/lib/commonjs/components/Accordion/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/Accordion/types.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/components/Alert/Alert.js

@@ -0,0 +1,70 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Alert = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _core = require("../../core");
+var _jsxRuntime = require("react/jsx-runtime");
+const Alert = exports.Alert = /*#__PURE__*/(0, _react.memo)(function Alert({
+  title,
+  description,
+  visual = 'info',
+  testID,
+  style
+}) {
+  const primary = (0, _core.useTheme)(t => t.primary);
+  const destructive = (0, _core.useTheme)(t => t.destructive);
+  const success = (0, _core.useTheme)(t => t.success);
+  const warning = (0, _core.useTheme)(t => t.warning);
+  const border = (0, _core.useTheme)(t => t.border);
+  const bg = (0, _core.useTheme)(t => t.background);
+  const fg = (0, _core.useTheme)(t => t.foreground);
+  const mutedFg = (0, _core.useTheme)(t => t.mutedForeground);
+
+  // 根据 visual 确定左侧强调边框颜色
+  const accentColor = visual === 'destructive' ? destructive : visual === 'success' ? success : visual === 'warning' ? warning : primary; // info 使用主色
+
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    testID: testID,
+    accessible: true,
+    accessibilityRole: "alert",
+    style: [styles.container, {
+      backgroundColor: bg,
+      borderColor: border,
+      borderLeftColor: accentColor
+    }, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.title, {
+        color: fg
+      }],
+      children: title
+    }), description ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [styles.description, {
+        color: mutedFg
+      }],
+      children: description
+    }) : null]
+  });
+});
+Alert.displayName = 'Alert';
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    borderWidth: 1,
+    borderLeftWidth: 4,
+    // 左侧强调边框更宽
+    borderRadius: 8,
+    padding: 12
+  },
+  title: {
+    fontSize: 14,
+    fontWeight: '600'
+  },
+  description: {
+    fontSize: 13,
+    marginTop: 4
+  }
+});
+//# sourceMappingURL=Alert.js.map

package/lib/commonjs/components/Alert/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_core","_jsxRuntime","Alert","exports","memo","title","description","visual","testID","style","primary","useTheme","t","destructive","success","warning","border","bg","background","fg","foreground","mutedFg","mutedForeground","accentColor","jsxs","View","accessible","accessibilityRole","styles","container","backgroundColor","borderColor","borderLeftColor","children","jsx","Text","color","displayName","StyleSheet","create","borderWidth","borderLeftWidth","borderRadius","padding","fontSize","fontWeight","marginTop"],"sourceRoot":"../../../../src","sources":["components/Alert/Alert.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAAsC,IAAAG,WAAA,GAAAH,OAAA;AAGtC,MAAMI,KAAK,GAAAC,OAAA,CAAAD,KAAA,gBAAG,IAAAE,WAAI,EAAC,SAASF,KAAKA,CAAC;EAChCG,KAAK;EACLC,WAAW;EACXC,MAAM,GAAG,MAAM;EACfC,MAAM;EACNC;AACU,CAAC,EAAE;EACb,MAAMC,OAAO,GAAG,IAAAC,cAAQ,EAAEC,CAAC,IAAKA,CAAC,CAACF,OAAO,CAAC;EAC1C,MAAMG,WAAW,GAAG,IAAAF,cAAQ,EAAEC,CAAC,IAAKA,CAAC,CAACC,WAAW,CAAC;EAClD,MAAMC,OAAO,GAAG,IAAAH,cAAQ,EAAEC,CAAC,IAAKA,CAAC,CAACE,OAAO,CAAC;EAC1C,MAAMC,OAAO,GAAG,IAAAJ,cAAQ,EAAEC,CAAC,IAAKA,CAAC,CAACG,OAAO,CAAC;EAC1C,MAAMC,MAAM,GAAG,IAAAL,cAAQ,EAAEC,CAAC,IAAKA,CAAC,CAACI,MAAM,CAAC;EACxC,MAAMC,EAAE,GAAG,IAAAN,cAAQ,EAAEC,CAAC,IAAKA,CAAC,CAACM,UAAU,CAAC;EACxC,MAAMC,EAAE,GAAG,IAAAR,cAAQ,EAAEC,CAAC,IAAKA,CAAC,CAACQ,UAAU,CAAC;EACxC,MAAMC,OAAO,GAAG,IAAAV,cAAQ,EAAEC,CAAC,IAAKA,CAAC,CAACU,eAAe,CAAC;;EAElD;EACA,MAAMC,WAAW,GACfhB,MAAM,KAAK,aAAa,GACpBM,WAAW,GACXN,MAAM,KAAK,SAAS,GACpBO,OAAO,GACPP,MAAM,KAAK,SAAS,GACpBQ,OAAO,GACPL,OAAO,CAAC,CAAC;;EAEf,oBACE,IAAAT,WAAA,CAAAuB,IAAA,EAACzB,YAAA,CAAA0B,IAAI;IACHjB,MAAM,EAAEA,MAAO;IACfkB,UAAU;IACVC,iBAAiB,EAAC,OAAO;IACzBlB,KAAK,EAAE,CACLmB,MAAM,CAACC,SAAS,EAChB;MACEC,eAAe,EAAEb,EAAE;MACnBc,WAAW,EAAEf,MAAM;MACnBgB,eAAe,EAAET;IACnB,CAAC,EACDd,KAAK,CACL;IAAAwB,QAAA,gBAEF,IAAAhC,WAAA,CAAAiC,GAAA,EAACnC,YAAA,CAAAoC,IAAI;MAAC1B,KAAK,EAAE,CAACmB,MAAM,CAACvB,KAAK,EAAE;QAAE+B,KAAK,EAAEjB;MAAG,CAAC,CAAE;MAAAc,QAAA,EAAE5B;IAAK,CAAO,CAAC,EACzDC,WAAW,gBACV,IAAAL,WAAA,CAAAiC,GAAA,EAACnC,YAAA,CAAAoC,IAAI;MAAC1B,KAAK,EAAE,CAACmB,MAAM,CAACtB,WAAW,EAAE;QAAE8B,KAAK,EAAEf;MAAQ,CAAC,CAAE;MAAAY,QAAA,EACnD3B;IAAW,CACR,CAAC,GACL,IAAI;EAAA,CACJ,CAAC;AAEX,CAAC,CAAC;AAEFJ,KAAK,CAACmC,WAAW,GAAG,OAAO;AAE3B,MAAMT,MAAM,GAAGU,uBAAU,CAACC,MAAM,CAAC;EAC/BV,SAAS,EAAE;IACTW,WAAW,EAAE,CAAC;IACdC,eAAe,EAAE,CAAC;IAAE;IACpBC,YAAY,EAAE,CAAC;IACfC,OAAO,EAAE;EACX,CAAC;EACDtC,KAAK,EAAE;IACLuC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd,CAAC;EACDvC,WAAW,EAAE;IACXsC,QAAQ,EAAE,EAAE;IACZE,SAAS,EAAE;EACb;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/Alert/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Alert", {
+  enumerable: true,
+  get: function () {
+    return _Alert.Alert;
+  }
+});
+var _Alert = require("./Alert");
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/Alert/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Alert","require"],"sourceRoot":"../../../../src","sources":["components/Alert/index.tsx"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA","ignoreList":[]}