@unif/react-native-ui 0.1.0 → 0.2.0

package/lib/commonjs/text/style/index.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createVariantMap = exports.createSecondaryStyle = exports.createPrimaryStyle = exports.WEIGHT_MAP = void 0;
+const createVariantMap = t => ({
+  title: {
+    fontSize: 20,
+    lineHeight: 26,
+    fontWeight: '600',
+    color: t.colorText
+  },
+  heading: {
+    fontSize: 16,
+    lineHeight: 22,
+    fontWeight: '600',
+    color: t.colorText
+  },
+  body: {
+    fontSize: 15,
+    lineHeight: 22,
+    color: t.colorText
+  },
+  caption: {
+    fontSize: 13,
+    lineHeight: 18,
+    color: t.colorText
+  },
+  micro: {
+    fontSize: 12,
+    lineHeight: 18,
+    color: t.colorText
+  }
+});
+exports.createVariantMap = createVariantMap;
+const WEIGHT_MAP = exports.WEIGHT_MAP = {
+  medium: {
+    fontWeight: '500'
+  },
+  semibold: {
+    fontWeight: '600'
+  },
+  bold: {
+    fontWeight: '700'
+  }
+};
+const createSecondaryStyle = t => ({
+  color: t.colorTextSecondary
+});
+exports.createSecondaryStyle = createSecondaryStyle;
+const createPrimaryStyle = t => ({
+  color: t.colorPrimary
+});
+exports.createPrimaryStyle = createPrimaryStyle;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/text/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createVariantMap","t","title","fontSize","lineHeight","fontWeight","color","colorText","heading","body","caption","micro","exports","WEIGHT_MAP","medium","semibold","bold","createSecondaryStyle","colorTextSecondary","createPrimaryStyle","colorPrimary"],"sourceRoot":"../../../../src","sources":["text/style/index.tsx"],"mappings":";;;;;;AAKO,MAAMA,gBAAgB,GAAIC,CAAS,KAAM;EAC9CC,KAAK,EAAE;IACLC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,UAAU,EAAE,KAAc;IAC1BC,KAAK,EAAEL,CAAC,CAACM;EACX,CAAC;EACDC,OAAO,EAAE;IACPL,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,UAAU,EAAE,KAAc;IAC1BC,KAAK,EAAEL,CAAC,CAACM;EACX,CAAC;EACDE,IAAI,EAAE;IAAEN,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE,EAAE;IAAEE,KAAK,EAAEL,CAAC,CAACM;EAAU,CAAC;EAC1DG,OAAO,EAAE;IAAEP,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE,EAAE;IAAEE,KAAK,EAAEL,CAAC,CAACM;EAAU,CAAC;EAC7DI,KAAK,EAAE;IAAER,QAAQ,EAAE,EAAE;IAAEC,UAAU,EAAE,EAAE;IAAEE,KAAK,EAAEL,CAAC,CAACM;EAAU;AAC5D,CAAC,CAAC;AAACK,OAAA,CAAAZ,gBAAA,GAAAA,gBAAA;AAEI,MAAMa,UAAyC,GAAAD,OAAA,CAAAC,UAAA,GAAG;EACvDC,MAAM,EAAE;IAAET,UAAU,EAAE;EAAM,CAAC;EAC7BU,QAAQ,EAAE;IAAEV,UAAU,EAAE;EAAM,CAAC;EAC/BW,IAAI,EAAE;IAAEX,UAAU,EAAE;EAAM;AAC5B,CAAC;AAEM,MAAMY,oBAAoB,GAAIhB,CAAS,KAAiB;EAC7DK,KAAK,EAAEL,CAAC,CAACiB;AACX,CAAC,CAAC;AAACN,OAAA,CAAAK,oBAAA,GAAAA,oBAAA;AAEI,MAAME,kBAAkB,GAAIlB,CAAS,KAAiB;EAC3DK,KAAK,EAAEL,CAAC,CAACmB;AACX,CAAC,CAAC;AAACR,OAAA,CAAAO,kBAAA,GAAAA,kBAAA","ignoreList":[]}

package/lib/commonjs/theme/context.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ConfigProvider = void 0;
+exports.useTokens = useTokens;
+var _react = _interopRequireWildcard(require("react"));
+var _tokens = require("./tokens");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * ConfigProvider — 声明式主题系统
+ *
+ * 通过 React Context 注入 token，支持嵌套覆盖。
+ */
+
+const ThemeContext = /*#__PURE__*/(0, _react.createContext)(_tokens.defaultTokens);
+const ConfigProvider = ({
+  theme,
+  children
+}) => {
+  const parent = (0, _react.useContext)(ThemeContext);
+  const merged = (0, _react.useMemo)(() => {
+    if (!theme?.token) return parent;
+    return {
+      ...parent,
+      ...theme.token
+    };
+  }, [parent, theme?.token]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ThemeContext.Provider, {
+    value: merged,
+    children: children
+  });
+};
+exports.ConfigProvider = ConfigProvider;
+function useTokens() {
+  return (0, _react.useContext)(ThemeContext);
+}
+//# sourceMappingURL=context.js.map

package/lib/commonjs/theme/context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_tokens","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ThemeContext","createContext","defaultTokens","ConfigProvider","theme","children","parent","useContext","merged","useMemo","token","jsx","Provider","value","exports","useTokens"],"sourceRoot":"../../../src","sources":["theme/context.tsx"],"mappings":";;;;;;;AAMA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAAyC,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAPzC;AACA;AACA;AACA;AACA;;AAQA,MAAMkB,YAAY,gBAAG,IAAAC,oBAAa,EAASC,qBAAa,CAAC;AAOlD,MAAMC,cAA6C,GAAGA,CAAC;EAC5DC,KAAK;EACLC;AACF,CAAC,KAAK;EACJ,MAAMC,MAAM,GAAG,IAAAC,iBAAU,EAACP,YAAY,CAAC;EAEvC,MAAMQ,MAAM,GAAG,IAAAC,cAAO,EAAS,MAAM;IACnC,IAAI,CAACL,KAAK,EAAEM,KAAK,EAAE,OAAOJ,MAAM;IAChC,OAAO;MAAE,GAAGA,MAAM;MAAE,GAAGF,KAAK,CAACM;IAAM,CAAC;EACtC,CAAC,EAAE,CAACJ,MAAM,EAAEF,KAAK,EAAEM,KAAK,CAAC,CAAC;EAE1B,oBACE,IAAA9B,WAAA,CAAA+B,GAAA,EAACX,YAAY,CAACY,QAAQ;IAACC,KAAK,EAAEL,MAAO;IAAAH,QAAA,EAAEA;EAAQ,CAAwB,CAAC;AAE5E,CAAC;AAACS,OAAA,CAAAX,cAAA,GAAAA,cAAA;AAEK,SAASY,SAASA,CAAA,EAAW;EAClC,OAAO,IAAAR,iBAAU,EAACP,YAAY,CAAC;AACjC","ignoreList":[]}

package/lib/commonjs/theme/tokens.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultTokens = void 0;
+/**
+ * Design Tokens — 静态默认值
+ */
+
+const defaultTokens = exports.defaultTokens = {
+  colorPrimary: '#EB6E00',
+  colorSuccess: '#34C759',
+  colorWarning: '#FF9500',
+  colorError: '#FF3B30',
+  colorBgPage: '#F7F7F8',
+  colorBgElevated: '#FFFFFF',
+  colorBgUserMsg: '#F0F0F0',
+  colorText: '#1D1D1F',
+  colorTextSecondary: '#8E8E93',
+  colorTextPlaceholder: '#C7C7CC',
+  colorBorder: '#E5E5EA',
+  colorLink: '#007AFF',
+  colorBgHeader: '#FFFFFF',
+  colorHeaderText: '#1D1D1F',
+  colorHeaderIcon: '#8E8E93',
+  fontSizeXs: 11,
+  fontSizeSm: 13,
+  fontSize: 15,
+  fontSizeMd: 16,
+  fontSizeLg: 17,
+  fontSizeXl: 20,
+  lineHeight: 22,
+  lineHeightLg: 26,
+  spaceXs: 4,
+  spaceSm: 8,
+  space: 12,
+  spaceMd: 16,
+  spaceLg: 20,
+  spaceXl: 24,
+  spaceXxl: 32,
+  radiusSm: 6,
+  radius: 10,
+  radiusLg: 16,
+  radiusXl: 20,
+  radiusFull: 999,
+  shadowSm: {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    shadowOpacity: 0.04,
+    shadowRadius: 2,
+    elevation: 1
+  },
+  shadow: {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.06,
+    shadowRadius: 4,
+    elevation: 2
+  }
+};
+//# sourceMappingURL=tokens.js.map

package/lib/commonjs/theme/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["defaultTokens","exports","colorPrimary","colorSuccess","colorWarning","colorError","colorBgPage","colorBgElevated","colorBgUserMsg","colorText","colorTextSecondary","colorTextPlaceholder","colorBorder","colorLink","colorBgHeader","colorHeaderText","colorHeaderIcon","fontSizeXs","fontSizeSm","fontSize","fontSizeMd","fontSizeLg","fontSizeXl","lineHeight","lineHeightLg","spaceXs","spaceSm","space","spaceMd","spaceLg","spaceXl","spaceXxl","radiusSm","radius","radiusLg","radiusXl","radiusFull","shadowSm","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","shadow"],"sourceRoot":"../../../src","sources":["theme/tokens.ts"],"mappings":";;;;;;AAAA;AACA;AACA;;AAEO,MAAMA,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG;EAC3BE,YAAY,EAAE,SAAS;EACvBC,YAAY,EAAE,SAAS;EACvBC,YAAY,EAAE,SAAS;EACvBC,UAAU,EAAE,SAAS;EAErBC,WAAW,EAAE,SAAS;EACtBC,eAAe,EAAE,SAAS;EAC1BC,cAAc,EAAE,SAAS;EAEzBC,SAAS,EAAE,SAAS;EACpBC,kBAAkB,EAAE,SAAS;EAC7BC,oBAAoB,EAAE,SAAS;EAC/BC,WAAW,EAAE,SAAS;EACtBC,SAAS,EAAE,SAAS;EAEpBC,aAAa,EAAE,SAAS;EACxBC,eAAe,EAAE,SAAS;EAC1BC,eAAe,EAAE,SAAS;EAE1BC,UAAU,EAAE,EAAE;EACdC,UAAU,EAAE,EAAE;EACdC,QAAQ,EAAE,EAAE;EACZC,UAAU,EAAE,EAAE;EACdC,UAAU,EAAE,EAAE;EACdC,UAAU,EAAE,EAAE;EACdC,UAAU,EAAE,EAAE;EACdC,YAAY,EAAE,EAAE;EAEhBC,OAAO,EAAE,CAAC;EACVC,OAAO,EAAE,CAAC;EACVC,KAAK,EAAE,EAAE;EACTC,OAAO,EAAE,EAAE;EACXC,OAAO,EAAE,EAAE;EACXC,OAAO,EAAE,EAAE;EACXC,QAAQ,EAAE,EAAE;EAEZC,QAAQ,EAAE,CAAC;EACXC,MAAM,EAAE,EAAE;EACVC,QAAQ,EAAE,EAAE;EACZC,QAAQ,EAAE,EAAE;EACZC,UAAU,EAAE,GAAG;EAEfC,QAAQ,EAAE;IACRC,WAAW,EAAE,MAAM;IACnBC,YAAY,EAAE;MAAEC,KAAK,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAE,CAAC;IACrCC,aAAa,EAAE,IAAI;IACnBC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE;EACb,CAAC;EACDC,MAAM,EAAE;IACNP,WAAW,EAAE,MAAM;IACnBC,YAAY,EAAE;MAAEC,KAAK,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAE,CAAC;IACrCC,aAAa,EAAE,IAAI;IACnBC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE;EACb;AACF,CAAC","ignoreList":[]}

package/lib/commonjs/touchable/index.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _style = require("./style");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * 统一触摸反馈组件
+ *
+ * 基于 Pressable，替代 TouchableOpacity。
+ * 按下时透明度降低，支持 activeOpacity 自定义。
+ */
+
+const Touchable = ({
+  onPress,
+  onLongPress,
+  disabled,
+  activeOpacity = 0.7,
+  style,
+  testID,
+  ...rest
+}) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+  onPress: onPress,
+  onLongPress: onLongPress,
+  disabled: disabled,
+  testID: testID,
+  style: ({
+    pressed
+  }) => [style, pressed && {
+    opacity: activeOpacity
+  }, disabled && _style.disabledStyle],
+  ...rest
+});
+var _default = exports.default = Touchable;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/touchable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_style","_jsxRuntime","e","__esModule","default","Touchable","onPress","onLongPress","disabled","activeOpacity","style","testID","rest","jsx","Pressable","pressed","opacity","disabledStyle","_default","exports"],"sourceRoot":"../../../src","sources":["touchable/index.tsx"],"mappings":";;;;;;AAOA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAAwC,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAVxC;AACA;AACA;AACA;AACA;AACA;;AAgBA,MAAMG,SAAmC,GAAGA,CAAC;EAC3CC,OAAO;EACPC,WAAW;EACXC,QAAQ;EACRC,aAAa,GAAG,GAAG;EACnBC,KAAK;EACLC,MAAM;EACN,GAAGC;AACW,CAAC,kBACf,IAAAX,WAAA,CAAAY,GAAA,EAACd,YAAA,CAAAe,SAAS;EACRR,OAAO,EAAEA,OAAQ;EACjBC,WAAW,EAAEA,WAAY;EACzBC,QAAQ,EAAEA,QAAS;EACnBG,MAAM,EAAEA,MAAO;EACfD,KAAK,EAAEA,CAAC;IAAEK;EAAQ,CAAC,KAAK,CACtBL,KAAK,EACLK,OAAO,IAAI;IAAEC,OAAO,EAAEP;EAAc,CAAC,EACrCD,QAAQ,IAAIS,oBAAa,CACzB;EAAA,GACEL;AAAI,CACT,CACF;AAAC,IAAAM,QAAA,GAAAC,OAAA,CAAAf,OAAA,GAEaC,SAAS","ignoreList":[]}

package/lib/commonjs/touchable/index.md

@@ -0,0 +1,42 @@
+# Touchable 统一触摸反馈
+
+基于 `Pressable`，统一替代 `TouchableOpacity`。按下时降低透明度，支持自定义 `activeOpacity`。
+
+## 何时使用
+
+- 替代所有 `TouchableOpacity` 的场景
+- 需要可点击区域（非按钮语义）时
+
+## 代码演示
+
+```tsx
+// 基础用法
+<Touchable onPress={handlePress}>
+  <Row gap={10}>
+    <Icon name="settings" />
+    <Text>设置</Text>
+  </Row>
+</Touchable>
+
+// 自定义按下透明度
+<Touchable onPress={handlePress} activeOpacity={0.5}>
+  <Text>更明显的按下效果</Text>
+</Touchable>
+
+// 长按
+<Touchable onPress={handlePress} onLongPress={handleLongPress}>
+  <Text>支持长按</Text>
+</Touchable>
+```
+
+## API
+
+| 属性 | 说明 | 类型 | 默认值 |
+|------|------|------|--------|
+| onPress | 点击回调 | `() => void` | - |
+| onLongPress | 长按回调 | `() => void` | - |
+| disabled | 禁用状态 | `boolean` | `false` |
+| activeOpacity | 按下态透明度 | `number` | `0.7` |
+| testID | 测试标识 | `string` | - |
+
+> 继承所有 RN `ViewProps`

package/lib/commonjs/touchable/style/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.disabledStyle = void 0;
+var _reactNative = require("react-native");
+const disabledStyle = exports.disabledStyle = _reactNative.StyleSheet.create({
+  s: {
+    opacity: 0.4
+  }
+}).s;
+//# sourceMappingURL=index.js.map

package/lib/commonjs/touchable/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","disabledStyle","exports","StyleSheet","create","s","opacity"],"sourceRoot":"../../../../src","sources":["touchable/style/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEO,MAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAGE,uBAAU,CAACC,MAAM,CAAC;EAC7CC,CAAC,EAAE;IAAEC,OAAO,EAAE;EAAI;AACpB,CAAC,CAAC,CAACD,CAAC","ignoreList":[]}

package/lib/commonjs/wave-animation/index.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * WaveAnimation 原子组件
+ *
+ * 柱状声波动画，可配置柱数、尺寸和颜色。
+ */
+
+const WaveAnimation = ({
+  active,
+  color = '#FFFFFF',
+  barCount = 4,
+  barWidth = 3,
+  minHeight = 6,
+  maxHeight = 20,
+  style,
+  testID
+}) => {
+  const animations = (0, _react.useRef)(Array.from({
+    length: barCount
+  }, () => new _reactNative.Animated.Value(minHeight))).current;
+  (0, _react.useEffect)(() => {
+    if (!active) {
+      animations.forEach(anim => anim.setValue(minHeight));
+      return;
+    }
+    const loops = animations.map((anim, index) => _reactNative.Animated.loop(_reactNative.Animated.sequence([_reactNative.Animated.timing(anim, {
+      toValue: maxHeight - index * 3,
+      duration: 300 + index * 100,
+      useNativeDriver: false
+    }), _reactNative.Animated.timing(anim, {
+      toValue: minHeight,
+      duration: 300 + index * 100,
+      useNativeDriver: false
+    })])));
+    loops.forEach(loop => loop.start());
+    return () => {
+      loops.forEach(loop => loop.stop());
+    };
+  }, [active, animations, minHeight, maxHeight]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.container, {
+      height: maxHeight
+    }, style],
+    testID: testID,
+    children: animations.map((anim, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+      style: [{
+        width: barWidth,
+        borderRadius: barWidth / 2,
+        height: anim,
+        backgroundColor: color
+      }]
+    }, index))
+  });
+};
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 3
+  }
+});
+var _default = exports.default = /*#__PURE__*/_react.default.memo(WaveAnimation);
+//# sourceMappingURL=index.js.map

package/lib/commonjs/wave-animation/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","WaveAnimation","active","color","barCount","barWidth","minHeight","maxHeight","style","testID","animations","useRef","Array","from","length","Animated","Value","current","useEffect","forEach","anim","setValue","loops","map","index","loop","sequence","timing","toValue","duration","useNativeDriver","start","stop","jsx","View","styles","container","height","children","width","borderRadius","backgroundColor","StyleSheet","create","flexDirection","alignItems","gap","_default","exports","React","memo"],"sourceRoot":"../../../src","sources":["wave-animation/index.tsx"],"mappings":";;;;;;AAMA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAA0D,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAP1D;AACA;AACA;AACA;AACA;;AAiBA,MAAMkB,aAA2C,GAAGA,CAAC;EACnDC,MAAM;EACNC,KAAK,GAAG,SAAS;EACjBC,QAAQ,GAAG,CAAC;EACZC,QAAQ,GAAG,CAAC;EACZC,SAAS,GAAG,CAAC;EACbC,SAAS,GAAG,EAAE;EACdC,KAAK;EACLC;AACF,CAAC,KAAK;EACJ,MAAMC,UAAU,GAAG,IAAAC,aAAM,EACvBC,KAAK,CAACC,IAAI,CAAC;IAAEC,MAAM,EAAEV;EAAS,CAAC,EAAE,MAAM,IAAIW,qBAAQ,CAACC,KAAK,CAACV,SAAS,CAAC,CACtE,CAAC,CAACW,OAAO;EAET,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAI,CAAChB,MAAM,EAAE;MACXQ,UAAU,CAACS,OAAO,CAAEC,IAAI,IAAKA,IAAI,CAACC,QAAQ,CAACf,SAAS,CAAC,CAAC;MACtD;IACF;IAEA,MAAMgB,KAAK,GAAGZ,UAAU,CAACa,GAAG,CAAC,CAACH,IAAI,EAAEI,KAAK,KACvCT,qBAAQ,CAACU,IAAI,CACXV,qBAAQ,CAACW,QAAQ,CAAC,CAChBX,qBAAQ,CAACY,MAAM,CAACP,IAAI,EAAE;MACpBQ,OAAO,EAAErB,SAAS,GAAGiB,KAAK,GAAG,CAAC;MAC9BK,QAAQ,EAAE,GAAG,GAAGL,KAAK,GAAG,GAAG;MAC3BM,eAAe,EAAE;IACnB,CAAC,CAAC,EACFf,qBAAQ,CAACY,MAAM,CAACP,IAAI,EAAE;MACpBQ,OAAO,EAAEtB,SAAS;MAClBuB,QAAQ,EAAE,GAAG,GAAGL,KAAK,GAAG,GAAG;MAC3BM,eAAe,EAAE;IACnB,CAAC,CAAC,CACH,CACH,CACF,CAAC;IAEDR,KAAK,CAACH,OAAO,CAAEM,IAAI,IAAKA,IAAI,CAACM,KAAK,CAAC,CAAC,CAAC;IAErC,OAAO,MAAM;MACXT,KAAK,CAACH,OAAO,CAAEM,IAAI,IAAKA,IAAI,CAACO,IAAI,CAAC,CAAC,CAAC;IACtC,CAAC;EACH,CAAC,EAAE,CAAC9B,MAAM,EAAEQ,UAAU,EAAEJ,SAAS,EAAEC,SAAS,CAAC,CAAC;EAE9C,oBACE,IAAA1B,WAAA,CAAAoD,GAAA,EAACrD,YAAA,CAAAsD,IAAI;IAAC1B,KAAK,EAAE,CAAC2B,MAAM,CAACC,SAAS,EAAE;MAAEC,MAAM,EAAE9B;IAAU,CAAC,EAAEC,KAAK,CAAE;IAACC,MAAM,EAAEA,MAAO;IAAA6B,QAAA,EAC3E5B,UAAU,CAACa,GAAG,CAAC,CAACH,IAAI,EAAEI,KAAK,kBAC1B,IAAA3C,WAAA,CAAAoD,GAAA,EAACrD,YAAA,CAAAmC,QAAQ,CAACmB,IAAI;MAEZ1B,KAAK,EAAE,CACL;QACE+B,KAAK,EAAElC,QAAQ;QACfmC,YAAY,EAAEnC,QAAQ,GAAG,CAAC;QAC1BgC,MAAM,EAAEjB,IAAI;QACZqB,eAAe,EAAEtC;MACnB,CAAC;IACD,GARGqB,KASN,CACF;EAAC,CACE,CAAC;AAEX,CAAC;AAED,MAAMW,MAAM,GAAGO,uBAAU,CAACC,MAAM,CAAC;EAC/BP,SAAS,EAAE;IACTQ,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAE;EACP;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAxD,OAAA,gBAEYyD,cAAK,CAACC,IAAI,CAACjD,aAAa,CAAC","ignoreList":[]}

package/lib/commonjs/wave-animation/index.md

@@ -0,0 +1,50 @@
+---
+title: WaveAnimation
+nav:
+  title: 组件
+  order: 1
+group:
+  title: 原子
+  order: 1
+---
+
+# WaveAnimation 声波动画
+
+柱状声波动画，适用于语音录制等场景的视觉反馈。
+
+## 何时使用
+
+- 语音录制时展示声波效果
+- 需要节奏性动画反馈时
+
+## 代码演示
+
+```tsx
+import { WaveAnimation } from '@unif/react-native-ui';
+
+// 基本用法
+<WaveAnimation active={isRecording} />
+
+// 自定义参数
+<WaveAnimation
+  active={true}
+  color="#EB6E00"
+  barCount={5}
+  barWidth={4}
+  minHeight={4}
+  maxHeight={24}
+/>
+```
+
+## API
+
+| 属性      | 说明         | 类型       | 默认值      |
+| --------- | ------------ | ---------- | ----------- |
+| active    | 控制动画启停 | `boolean`  | -           |
+| color     | 柱体颜色     | `string`   | `'#FFFFFF'` |
+| barCount  | 柱数         | `number`   | `4`         |
+| barWidth  | 柱宽         | `number`   | `3`         |
+| minHeight | 最小高度     | `number`   | `6`         |
+| maxHeight | 最大高度     | `number`   | `20`        |
+| style     | 容器样式     | `ViewStyle`| -           |
+| testID    | 测试标识     | `string`   | -           |

package/lib/module/action-sheet/index.js

@@ -9,7 +9,8 @@
 import React, { useMemo } from 'react';
 import { View, Text, TouchableOpacity, TouchableWithoutFeedback, Modal } from 'react-native';
 import { mergeStyles } from "../hooks/index.js";
-import { DEFAULT_STYLES } from "./style/index.js";
+import { useTokens } from "../theme/context.js";
+import { createDefaultStyles } from "./style/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const ActionSheet = ({
   visible,
@@ -21,7 +22,9 @@ const ActionSheet = ({
   styles: semanticStyles,
   testID
 }) => {
-  const s = useMemo(() => mergeStyles(DEFAULT_STYLES, semanticStyles), [semanticStyles]);
+  const tokens = useTokens();
+  const defaultStyles = useMemo(() => createDefaultStyles(tokens), [tokens]);
+  const s = useMemo(() => mergeStyles(defaultStyles, semanticStyles), [defaultStyles, semanticStyles]);
   if (!visible) {
     return null;
   }

package/lib/module/action-sheet/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","View","Text","TouchableOpacity","TouchableWithoutFeedback","Modal","mergeStyles","DEFAULT_STYLES","jsx","_jsx","jsxs","_jsxs","ActionSheet","visible","onClose","options","onSelect","columns","style","styles","semanticStyles","testID","s","transparent","animationType","onRequestClose","children","onPress","overlay","panel","grid","map","item","option","width","Math","floor","key","activeOpacity","undefined","optionIcon","icon","optionLabel","label"],"sourceRoot":"../../../src","sources":["action-sheet/index.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SACEC,IAAI,EACJC,IAAI,EACJC,gBAAgB,EAChBC,wBAAwB,EACxBC,KAAK,QACA,cAAc;AAErB,SAASC,WAAW,QAAQ,mBAAU;AAEtC,SAASC,cAAc,QAAQ,kBAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAczC,MAAMC,WAAuC,GAAGA,CAAC;EAC/CC,OAAO;EACPC,OAAO;EACPC,OAAO;EACPC,QAAQ;EACRC,OAAO,GAAG,CAAC;EACXC,KAAK;EACLC,MAAM,EAAEC,cAAc;EACtBC;AACF,CAAC,KAAK;EACJ,MAAMC,CAAC,GAAGtB,OAAO,CACf,MAAMM,WAAW,CAA4BC,cAAc,EAAEa,cAAc,CAAC,EAC5E,CAACA,cAAc,CACjB,CAAC;EAED,IAAI,CAACP,OAAO,EAAE;IACZ,OAAO,IAAI;EACb;EAEA,oBACEF,KAAA,CAACN,KAAK;IACJQ,OAAO,EAAEA,OAAQ;IACjBU,WAAW;IACXC,aAAa,EAAC,OAAO;IACrBC,cAAc,EAAEX,OAAQ;IAAAY,QAAA,gBAExBjB,IAAA,CAACL,wBAAwB;MAACuB,OAAO,EAAEb,OAAQ;MAAAY,QAAA,eACzCjB,IAAA,CAACR,IAAI;QAACiB,KAAK,EAAEI,CAAC,CAACM;MAAQ,CAAE;IAAC,CACF,CAAC,eAE3BnB,IAAA,CAACR,IAAI;MAACiB,KAAK,EAAE,CAACI,CAAC,CAACO,KAAK,EAAEX,KAAK,CAAE;MAACG,MAAM,EAAEA,MAAO;MAAAK,QAAA,eAC5CjB,IAAA,CAACR,IAAI;QAACiB,KAAK,EAAEI,CAAC,CAACQ,IAAK;QAAAJ,QAAA,EACjBX,OAAO,CAACgB,GAAG,CAAEC,IAAI,iBAChBrB,KAAA,CAACR,gBAAgB;UAEfe,KAAK,EAAE,CACLI,CAAC,CAACW,MAAM,EACR;YAAEC,KAAK,EAAE,GAAGC,IAAI,CAACC,KAAK,CAAC,GAAG,GAAGnB,OAAO,CAAC;UAAW,CAAC,CACjD;UACFU,OAAO,EAAEA,CAAA,KAAMX,QAAQ,CAACgB,IAAI,CAACK,GAAG,CAAE;UAClCC,aAAa,EAAE,GAAI;UACnBjB,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,IAAIW,IAAI,CAACK,GAAG,EAAE,GAAGE,SAAU;UAAAb,QAAA,gBAErDjB,IAAA,CAACR,IAAI;YAACiB,KAAK,EAAEI,CAAC,CAACkB,UAAW;YAAAd,QAAA,EAAEM,IAAI,CAACS;UAAI,CAAO,CAAC,eAC7ChC,IAAA,CAACP,IAAI;YAACgB,KAAK,EAAEI,CAAC,CAACoB,WAAY;YAAAhB,QAAA,EAAEM,IAAI,CAACW;UAAK,CAAO,CAAC;QAAA,GAV1CX,IAAI,CAACK,GAWM,CACnB;MAAC,CACE;IAAC,CACH,CAAC;EAAA,CACF,CAAC;AAEZ,CAAC;AAED,eAAezB,WAAW","ignoreList":[]}
+{"version":3,"names":["React","useMemo","View","Text","TouchableOpacity","TouchableWithoutFeedback","Modal","mergeStyles","useTokens","createDefaultStyles","jsx","_jsx","jsxs","_jsxs","ActionSheet","visible","onClose","options","onSelect","columns","style","styles","semanticStyles","testID","tokens","defaultStyles","s","transparent","animationType","onRequestClose","children","onPress","overlay","panel","grid","map","item","option","width","Math","floor","key","activeOpacity","undefined","optionIcon","icon","optionLabel","label"],"sourceRoot":"../../../src","sources":["action-sheet/index.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SACEC,IAAI,EACJC,IAAI,EACJC,gBAAgB,EAChBC,wBAAwB,EACxBC,KAAK,QACA,cAAc;AAErB,SAASC,WAAW,QAAQ,mBAAU;AACtC,SAASC,SAAS,QAAQ,qBAAkB;AAE5C,SAASC,mBAAmB,QAAQ,kBAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAc9C,MAAMC,WAAuC,GAAGA,CAAC;EAC/CC,OAAO;EACPC,OAAO;EACPC,OAAO;EACPC,QAAQ;EACRC,OAAO,GAAG,CAAC;EACXC,KAAK;EACLC,MAAM,EAAEC,cAAc;EACtBC;AACF,CAAC,KAAK;EACJ,MAAMC,MAAM,GAAGhB,SAAS,CAAC,CAAC;EAC1B,MAAMiB,aAAa,GAAGxB,OAAO,CAAC,MAAMQ,mBAAmB,CAACe,MAAM,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAE1E,MAAME,CAAC,GAAGzB,OAAO,CACf,MAAMM,WAAW,CAA4BkB,aAAa,EAAEH,cAAc,CAAC,EAC3E,CAACG,aAAa,EAAEH,cAAc,CAChC,CAAC;EAED,IAAI,CAACP,OAAO,EAAE;IACZ,OAAO,IAAI;EACb;EAEA,oBACEF,KAAA,CAACP,KAAK;IACJS,OAAO,EAAEA,OAAQ;IACjBY,WAAW;IACXC,aAAa,EAAC,OAAO;IACrBC,cAAc,EAAEb,OAAQ;IAAAc,QAAA,gBAExBnB,IAAA,CAACN,wBAAwB;MAAC0B,OAAO,EAAEf,OAAQ;MAAAc,QAAA,eACzCnB,IAAA,CAACT,IAAI;QAACkB,KAAK,EAAEM,CAAC,CAACM;MAAQ,CAAE;IAAC,CACF,CAAC,eAE3BrB,IAAA,CAACT,IAAI;MAACkB,KAAK,EAAE,CAACM,CAAC,CAACO,KAAK,EAAEb,KAAK,CAAE;MAACG,MAAM,EAAEA,MAAO;MAAAO,QAAA,eAC5CnB,IAAA,CAACT,IAAI;QAACkB,KAAK,EAAEM,CAAC,CAACQ,IAAK;QAAAJ,QAAA,EACjBb,OAAO,CAACkB,GAAG,CAAEC,IAAI,iBAChBvB,KAAA,CAACT,gBAAgB;UAEfgB,KAAK,EAAE,CACLM,CAAC,CAACW,MAAM,EACR;YAAEC,KAAK,EAAE,GAAGC,IAAI,CAACC,KAAK,CAAC,GAAG,GAAGrB,OAAO,CAAC;UAAW,CAAC,CACjD;UACFY,OAAO,EAAEA,CAAA,KAAMb,QAAQ,CAACkB,IAAI,CAACK,GAAG,CAAE;UAClCC,aAAa,EAAE,GAAI;UACnBnB,MAAM,EAAEA,MAAM,GAAG,GAAGA,MAAM,IAAIa,IAAI,CAACK,GAAG,EAAE,GAAGE,SAAU;UAAAb,QAAA,gBAErDnB,IAAA,CAACT,IAAI;YAACkB,KAAK,EAAEM,CAAC,CAACkB,UAAW;YAAAd,QAAA,EAAEM,IAAI,CAACS;UAAI,CAAO,CAAC,eAC7ClC,IAAA,CAACR,IAAI;YAACiB,KAAK,EAAEM,CAAC,CAACoB,WAAY;YAAAhB,QAAA,EAAEM,IAAI,CAACW;UAAK,CAAO,CAAC;QAAA,GAV1CX,IAAI,CAACK,GAWM,CACnB;MAAC,CACE;IAAC,CACH,CAAC;EAAA,CACF,CAAC;AAEZ,CAAC;AAED,eAAe3B,WAAW","ignoreList":[]}

package/lib/module/action-sheet/style/index.js

@@ -1,18 +1,17 @@
 "use strict";
 
-import { tokens } from "../../theme/tokens.js";
-export const DEFAULT_STYLES = {
+export const createDefaultStyles = t => ({
   overlay: {
     flex: 1,
     backgroundColor: 'rgba(0,0,0,0.3)'
   },
   panel: {
-    backgroundColor: tokens.colorBgElevated,
+    backgroundColor: t.colorBgElevated,
     borderTopLeftRadius: 12,
     borderTopRightRadius: 12,
     paddingTop: 20,
     paddingBottom: 24,
-    paddingHorizontal: tokens.spaceMd
+    paddingHorizontal: t.spaceMd
   },
   grid: {
     flexDirection: 'row',
@@ -25,14 +24,14 @@ export const DEFAULT_STYLES = {
     width: 56,
     height: 56,
     borderRadius: 12,
-    backgroundColor: tokens.colorBgPage,
+    backgroundColor: t.colorBgPage,
     justifyContent: 'center',
     alignItems: 'center',
-    marginBottom: tokens.spaceSm
+    marginBottom: t.spaceSm
   },
   optionLabel: {
     fontSize: 12,
-    color: tokens.colorTextSecondary
+    color: t.colorTextSecondary
   }
-};
+});
 //# sourceMappingURL=index.js.map

package/lib/module/action-sheet/style/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["tokens","DEFAULT_STYLES","overlay","flex","backgroundColor","panel","colorBgElevated","borderTopLeftRadius","borderTopRightRadius","paddingTop","paddingBottom","paddingHorizontal","spaceMd","grid","flexDirection","justifyContent","option","alignItems","optionIcon","width","height","borderRadius","colorBgPage","marginBottom","spaceSm","optionLabel","fontSize","color","colorTextSecondary"],"sourceRoot":"../../../../src","sources":["action-sheet/style/index.tsx"],"mappings":";;AACA,SAASA,MAAM,QAAQ,uBAAoB;AAiB3C,OAAO,MAAMC,cAAyC,GAAG;EACvDC,OAAO,EAAE;IACPC,IAAI,EAAE,CAAC;IACPC,eAAe,EAAE;EACnB,CAAC;EACDC,KAAK,EAAE;IACLD,eAAe,EAAEJ,MAAM,CAACM,eAAe;IACvCC,mBAAmB,EAAE,EAAE;IACvBC,oBAAoB,EAAE,EAAE;IACxBC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,EAAE;IACjBC,iBAAiB,EAAEX,MAAM,CAACY;EAC5B,CAAC;EACDC,IAAI,EAAE;IACJC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDC,MAAM,EAAE;IACNC,UAAU,EAAE;EACd,CAAC;EACDC,UAAU,EAAE;IACVC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,EAAE;IAChBjB,eAAe,EAAEJ,MAAM,CAACsB,WAAW;IACnCP,cAAc,EAAE,QAAQ;IACxBE,UAAU,EAAE,QAAQ;IACpBM,YAAY,EAAEvB,MAAM,CAACwB;EACvB,CAAC;EACDC,WAAW,EAAE;IACXC,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAE3B,MAAM,CAAC4B;EAChB;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["createDefaultStyles","t","overlay","flex","backgroundColor","panel","colorBgElevated","borderTopLeftRadius","borderTopRightRadius","paddingTop","paddingBottom","paddingHorizontal","spaceMd","grid","flexDirection","justifyContent","option","alignItems","optionIcon","width","height","borderRadius","colorBgPage","marginBottom","spaceSm","optionLabel","fontSize","color","colorTextSecondary"],"sourceRoot":"../../../../src","sources":["action-sheet/style/index.tsx"],"mappings":";;AAkBA,OAAO,MAAMA,mBAAmB,GAC9BC,CAAS,KACsB;EAC/BC,OAAO,EAAE;IACPC,IAAI,EAAE,CAAC;IACPC,eAAe,EAAE;EACnB,CAAC;EACDC,KAAK,EAAE;IACLD,eAAe,EAAEH,CAAC,CAACK,eAAe;IAClCC,mBAAmB,EAAE,EAAE;IACvBC,oBAAoB,EAAE,EAAE;IACxBC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,EAAE;IACjBC,iBAAiB,EAAEV,CAAC,CAACW;EACvB,CAAC;EACDC,IAAI,EAAE;IACJC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDC,MAAM,EAAE;IACNC,UAAU,EAAE;EACd,CAAC;EACDC,UAAU,EAAE;IACVC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,EAAE;IAChBjB,eAAe,EAAEH,CAAC,CAACqB,WAAW;IAC9BP,cAAc,EAAE,QAAQ;IACxBE,UAAU,EAAE,QAAQ;IACpBM,YAAY,EAAEtB,CAAC,CAACuB;EAClB,CAAC;EACDC,WAAW,EAAE;IACXC,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAE1B,CAAC,CAAC2B;EACX;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/avatar/index.js

@@ -9,7 +9,8 @@
 import React, { useMemo } from 'react';
 import { View, Image } from 'react-native';
 import { mergeStyles } from "../hooks/index.js";
-import { DEFAULT_STYLES } from "./style/index.js";
+import { useTokens } from "../theme/context.js";
+import { createDefaultStyles } from "./style/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 const Avatar = ({
   size = 40,
@@ -19,7 +20,9 @@ const Avatar = ({
   styles: semanticStyles,
   testID
 }) => {
-  const s = useMemo(() => mergeStyles(DEFAULT_STYLES, semanticStyles), [semanticStyles]);
+  const tokens = useTokens();
+  const defaultStyles = useMemo(() => createDefaultStyles(tokens), [tokens]);
+  const s = useMemo(() => mergeStyles(defaultStyles, semanticStyles), [defaultStyles, semanticStyles]);
   const sizeStyle = {
     width: size,
     height: size,

package/lib/module/avatar/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","View","Image","mergeStyles","DEFAULT_STYLES","jsx","_jsx","Avatar","size","source","icon","style","styles","semanticStyles","testID","s","sizeStyle","width","height","borderRadius","root","children","image"],"sourceRoot":"../../../src","sources":["avatar/index.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,IAAI,EAAEC,KAAK,QAAQ,cAAc;AAE1C,SAASC,WAAW,QAAQ,mBAAU;AAEtC,SAASC,cAAc,QAAQ,kBAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAWzC,MAAMC,MAA6B,GAAGA,CAAC;EACrCC,IAAI,GAAG,EAAE;EACTC,MAAM;EACNC,IAAI;EACJC,KAAK;EACLC,MAAM,EAAEC,cAAc;EACtBC;AACF,CAAC,KAAK;EACJ,MAAMC,CAAC,GAAGf,OAAO,CACf,MAAMG,WAAW,CAAuBC,cAAc,EAAES,cAAc,CAAC,EACvE,CAACA,cAAc,CACjB,CAAC;EAED,MAAMG,SAAoB,GAAG;IAC3BC,KAAK,EAAET,IAAI;IACXU,MAAM,EAAEV,IAAI;IACZW,YAAY,EAAEX,IAAI,GAAG;EACvB,CAAC;EAED,oBACEF,IAAA,CAACL,IAAI;IAACU,KAAK,EAAE,CAACI,CAAC,CAACK,IAAI,EAAEJ,SAAS,EAAEL,KAAK,CAAE;IAACG,MAAM,EAAEA,MAAO;IAAAO,QAAA,EACrDZ,MAAM,gBACLH,IAAA,CAACJ,KAAK;MACJO,MAAM,EAAEA,MAAO;MACfE,KAAK,EAAE,CAACI,CAAC,CAACO,KAAK,EAAE;QAAEL,KAAK,EAAET,IAAI;QAAEU,MAAM,EAAEV,IAAI;QAAEW,YAAY,EAAEX,IAAI,GAAG;MAAE,CAAC;IAAE,CACzE,CAAC,GACAE,IAAI,GACNA,IAAI,GACF;EAAI,CACJ,CAAC;AAEX,CAAC;AAED,eAAeH,MAAM","ignoreList":[]}
+{"version":3,"names":["React","useMemo","View","Image","mergeStyles","useTokens","createDefaultStyles","jsx","_jsx","Avatar","size","source","icon","style","styles","semanticStyles","testID","tokens","defaultStyles","s","sizeStyle","width","height","borderRadius","root","children","image"],"sourceRoot":"../../../src","sources":["avatar/index.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,IAAI,EAAEC,KAAK,QAAQ,cAAc;AAE1C,SAASC,WAAW,QAAQ,mBAAU;AACtC,SAASC,SAAS,QAAQ,qBAAkB;AAE5C,SAASC,mBAAmB,QAAQ,kBAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAW9C,MAAMC,MAA6B,GAAGA,CAAC;EACrCC,IAAI,GAAG,EAAE;EACTC,MAAM;EACNC,IAAI;EACJC,KAAK;EACLC,MAAM,EAAEC,cAAc;EACtBC;AACF,CAAC,KAAK;EACJ,MAAMC,MAAM,GAAGZ,SAAS,CAAC,CAAC;EAC1B,MAAMa,aAAa,GAAGjB,OAAO,CAAC,MAAMK,mBAAmB,CAACW,MAAM,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAE1E,MAAME,CAAC,GAAGlB,OAAO,CACf,MAAMG,WAAW,CAAuBc,aAAa,EAAEH,cAAc,CAAC,EACtE,CAACG,aAAa,EAAEH,cAAc,CAChC,CAAC;EAED,MAAMK,SAAoB,GAAG;IAC3BC,KAAK,EAAEX,IAAI;IACXY,MAAM,EAAEZ,IAAI;IACZa,YAAY,EAAEb,IAAI,GAAG;EACvB,CAAC;EAED,oBACEF,IAAA,CAACN,IAAI;IAACW,KAAK,EAAE,CAACM,CAAC,CAACK,IAAI,EAAEJ,SAAS,EAAEP,KAAK,CAAE;IAACG,MAAM,EAAEA,MAAO;IAAAS,QAAA,EACrDd,MAAM,gBACLH,IAAA,CAACL,KAAK;MACJQ,MAAM,EAAEA,MAAO;MACfE,KAAK,EAAE,CAACM,CAAC,CAACO,KAAK,EAAE;QAAEL,KAAK,EAAEX,IAAI;QAAEY,MAAM,EAAEZ,IAAI;QAAEa,YAAY,EAAEb,IAAI,GAAG;MAAE,CAAC;IAAE,CACzE,CAAC,GACAE,IAAI,GACNA,IAAI,GACF;EAAI,CACJ,CAAC;AAEX,CAAC;AAED,eAAeH,MAAM","ignoreList":[]}

package/lib/module/avatar/style/index.js

@@ -1,17 +1,16 @@
 "use strict";
 
-import { tokens } from "../../theme/tokens.js";
-export const DEFAULT_STYLES = {
+export const createDefaultStyles = t => ({
   root: {
     justifyContent: 'center',
     alignItems: 'center',
-    backgroundColor: tokens.colorBgElevated,
+    backgroundColor: t.colorBgElevated,
     overflow: 'hidden',
-    ...tokens.shadowSm
+    ...t.shadowSm
   },
   image: {
     width: '100%',
     height: '100%'
   }
-};
+});
 //# sourceMappingURL=index.js.map

package/lib/module/avatar/style/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["tokens","DEFAULT_STYLES","root","justifyContent","alignItems","backgroundColor","colorBgElevated","overflow","shadowSm","image","width","height"],"sourceRoot":"../../../../src","sources":["avatar/style/index.tsx"],"mappings":";;AACA,SAASA,MAAM,QAAQ,uBAAoB;AAO3C,OAAO,MAAMC,cAAoC,GAAG;EAClDC,IAAI,EAAE;IACJC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAEL,MAAM,CAACM,eAAe;IACvCC,QAAQ,EAAE,QAAQ;IAClB,GAAGP,MAAM,CAACQ;EACZ,CAAC;EACDC,KAAK,EAAE;IACLC,KAAK,EAAE,MAAa;IACpBC,MAAM,EAAE;EACV;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["createDefaultStyles","t","root","justifyContent","alignItems","backgroundColor","colorBgElevated","overflow","shadowSm","image","width","height"],"sourceRoot":"../../../../src","sources":["avatar/style/index.tsx"],"mappings":";;AAQA,OAAO,MAAMA,mBAAmB,GAAIC,CAAS,KAA4B;EACvEC,IAAI,EAAE;IACJC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAEJ,CAAC,CAACK,eAAe;IAClCC,QAAQ,EAAE,QAAQ;IAClB,GAAGN,CAAC,CAACO;EACP,CAAC;EACDC,KAAK,EAAE;IACLC,KAAK,EAAE,MAAa;IACpBC,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/button/index.js

@@ -9,7 +9,8 @@
 import React, { useMemo } from 'react';
 import { Pressable, Text, View, ActivityIndicator } from 'react-native';
 import { mergeStyles } from "../hooks/index.js";
-import { DEFAULT_STYLES, SIZE_STYLES, TYPE_STYLES, DISABLED_STYLES, BLOCK_STYLES, PRESSED_STYLE, loadingStyle } from "./style/index.js";
+import { useTokens } from "../theme/context.js";
+import { DEFAULT_STYLES, SIZE_STYLES, createTypeStyles, DISABLED_STYLES, BLOCK_STYLES, PRESSED_STYLE, loadingStyle } from "./style/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const Button = ({
   type = 'primary',
@@ -24,7 +25,9 @@ const Button = ({
   testID,
   children
 }) => {
-  const s = useMemo(() => mergeStyles(DEFAULT_STYLES, SIZE_STYLES[size], TYPE_STYLES[type], disabled ? DISABLED_STYLES : undefined, block ? BLOCK_STYLES : undefined, semanticStyles), [type, size, disabled, block, semanticStyles]);
+  const tokens = useTokens();
+  const typeStyles = useMemo(() => createTypeStyles(tokens), [tokens]);
+  const s = useMemo(() => mergeStyles(DEFAULT_STYLES, SIZE_STYLES[size], typeStyles[type], disabled ? DISABLED_STYLES : undefined, block ? BLOCK_STYLES : undefined, semanticStyles), [type, size, disabled, block, semanticStyles, typeStyles]);
   return /*#__PURE__*/_jsxs(Pressable, {
     style: ({
       pressed

package/lib/module/button/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","Pressable","Text","View","ActivityIndicator","mergeStyles","DEFAULT_STYLES","SIZE_STYLES","TYPE_STYLES","DISABLED_STYLES","BLOCK_STYLES","PRESSED_STYLE","loadingStyle","jsx","_jsx","jsxs","_jsxs","Button","type","size","icon","disabled","block","loading","onPress","style","styles","semanticStyles","testID","children","s","undefined","pressed","root","color","content"],"sourceRoot":"../../../src","sources":["button/index.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,SAAS,EAAEC,IAAI,EAAEC,IAAI,EAAEC,iBAAiB,QAAQ,cAAc;AAEvE,SAASC,WAAW,QAAQ,mBAAU;AAEtC,SACEC,cAAc,EACdC,WAAW,EACXC,WAAW,EACXC,eAAe,EACfC,YAAY,EACZC,aAAa,EACbC,YAAY,QACP,kBAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAgBjB,MAAMC,MAA6B,GAAGA,CAAC;EACrCC,IAAI,GAAG,SAAS;EAChBC,IAAI,GAAG,SAAS;EAChBC,IAAI;EACJC,QAAQ;EACRC,KAAK;EACLC,OAAO;EACPC,OAAO;EACPC,KAAK;EACLC,MAAM,EAAEC,cAAc;EACtBC,MAAM;EACNC;AACW,CAAC,KAAK;EACjB,MAAMC,CAAC,GAAG9B,OAAO,CACf,MACEK,WAAW,CACTC,cAAc,EACdC,WAAW,CAACY,IAAI,CAAC,EACjBX,WAAW,CAACU,IAAI,CAAC,EACjBG,QAAQ,GAAGZ,eAAe,GAAGsB,SAAS,EACtCT,KAAK,GAAGZ,YAAY,GAAGqB,SAAS,EAChCJ,cACF,CAAC,EACH,CAACT,IAAI,EAAEC,IAAI,EAAEE,QAAQ,EAAEC,KAAK,EAAEK,cAAc,CAC9C,CAAC;EAED,oBACEX,KAAA,CAACf,SAAS;IACRwB,KAAK,EAAEA,CAAC;MAAEO;IAAQ,CAAC,KAAK,CAACF,CAAC,CAACG,IAAI,EAAED,OAAO,IAAIrB,aAAa,EAAEc,KAAK,CAAE;IAClED,OAAO,EAAEA,OAAQ;IACjBH,QAAQ,EAAEA,QAAQ,IAAIE,OAAQ;IAC9BK,MAAM,EAAEA,MAAO;IAAAC,QAAA,GAEdT,IAAI,iBAAIN,IAAA,CAACX,IAAI;MAACsB,KAAK,EAAEK,CAAC,CAACV,IAAK;MAAAS,QAAA,EAAET;IAAI,CAAO,CAAC,EAC1CG,OAAO,iBACNT,IAAA,CAACV,iBAAiB;MAChB8B,KAAK,EAAEJ,CAAC,CAACK,OAAO,EAAED,KAAgB;MAClCf,IAAI,EAAC,OAAO;MACZM,KAAK,EAAEb;IAAa,CACrB,CACF,EACA,OAAOiB,QAAQ,KAAK,QAAQ,gBAC3Bf,IAAA,CAACZ,IAAI;MAACuB,KAAK,EAAEK,CAAC,CAACK,OAAQ;MAAAN,QAAA,EAAEA;IAAQ,CAAO,CAAC,gBAEzCf,IAAA,CAACX,IAAI;MAACsB,KAAK,EAAEK,CAAC,CAACK,OAAqB;MAAAN,QAAA,EAAEA;IAAQ,CAAO,CACtD;EAAA,CACQ,CAAC;AAEhB,CAAC;AAED,eAAeZ,MAAM","ignoreList":[]}
+{"version":3,"names":["React","useMemo","Pressable","Text","View","ActivityIndicator","mergeStyles","useTokens","DEFAULT_STYLES","SIZE_STYLES","createTypeStyles","DISABLED_STYLES","BLOCK_STYLES","PRESSED_STYLE","loadingStyle","jsx","_jsx","jsxs","_jsxs","Button","type","size","icon","disabled","block","loading","onPress","style","styles","semanticStyles","testID","children","tokens","typeStyles","s","undefined","pressed","root","color","content"],"sourceRoot":"../../../src","sources":["button/index.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,SAAS,EAAEC,IAAI,EAAEC,IAAI,EAAEC,iBAAiB,QAAQ,cAAc;AAEvE,SAASC,WAAW,QAAQ,mBAAU;AACtC,SAASC,SAAS,QAAQ,qBAAkB;AAE5C,SACEC,cAAc,EACdC,WAAW,EACXC,gBAAgB,EAChBC,eAAe,EACfC,YAAY,EACZC,aAAa,EACbC,YAAY,QACP,kBAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAgBjB,MAAMC,MAA6B,GAAGA,CAAC;EACrCC,IAAI,GAAG,SAAS;EAChBC,IAAI,GAAG,SAAS;EAChBC,IAAI;EACJC,QAAQ;EACRC,KAAK;EACLC,OAAO;EACPC,OAAO;EACPC,KAAK;EACLC,MAAM,EAAEC,cAAc;EACtBC,MAAM;EACNC;AACW,CAAC,KAAK;EACjB,MAAMC,MAAM,GAAGzB,SAAS,CAAC,CAAC;EAC1B,MAAM0B,UAAU,GAAGhC,OAAO,CAAC,MAAMS,gBAAgB,CAACsB,MAAM,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEpE,MAAME,CAAC,GAAGjC,OAAO,CACf,MACEK,WAAW,CACTE,cAAc,EACdC,WAAW,CAACY,IAAI,CAAC,EACjBY,UAAU,CAACb,IAAI,CAAC,EAChBG,QAAQ,GAAGZ,eAAe,GAAGwB,SAAS,EACtCX,KAAK,GAAGZ,YAAY,GAAGuB,SAAS,EAChCN,cACF,CAAC,EACH,CAACT,IAAI,EAAEC,IAAI,EAAEE,QAAQ,EAAEC,KAAK,EAAEK,cAAc,EAAEI,UAAU,CAC1D,CAAC;EAED,oBACEf,KAAA,CAAChB,SAAS;IACRyB,KAAK,EAAEA,CAAC;MAAES;IAAQ,CAAC,KAAK,CAACF,CAAC,CAACG,IAAI,EAAED,OAAO,IAAIvB,aAAa,EAAEc,KAAK,CAAE;IAClED,OAAO,EAAEA,OAAQ;IACjBH,QAAQ,EAAEA,QAAQ,IAAIE,OAAQ;IAC9BK,MAAM,EAAEA,MAAO;IAAAC,QAAA,GAEdT,IAAI,iBAAIN,IAAA,CAACZ,IAAI;MAACuB,KAAK,EAAEO,CAAC,CAACZ,IAAK;MAAAS,QAAA,EAAET;IAAI,CAAO,CAAC,EAC1CG,OAAO,iBACNT,IAAA,CAACX,iBAAiB;MAChBiC,KAAK,EAAEJ,CAAC,CAACK,OAAO,EAAED,KAAgB;MAClCjB,IAAI,EAAC,OAAO;MACZM,KAAK,EAAEb;IAAa,CACrB,CACF,EACA,OAAOiB,QAAQ,KAAK,QAAQ,gBAC3Bf,IAAA,CAACb,IAAI;MAACwB,KAAK,EAAEO,CAAC,CAACK,OAAQ;MAAAR,QAAA,EAAEA;IAAQ,CAAO,CAAC,gBAEzCf,IAAA,CAACZ,IAAI;MAACuB,KAAK,EAAEO,CAAC,CAACK,OAAqB;MAAAR,QAAA,EAAEA;IAAQ,CAAO,CACtD;EAAA,CACQ,CAAC;AAEhB,CAAC;AAED,eAAeZ,MAAM","ignoreList":[]}