@unif/react-native-design 0.1.0

package/lib/module/components/ui/BottomSheet/styles.js

@@ -0,0 +1,26 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import { space } from "../../../theme/index.js";
+/** @gorhom 接管动画 / handle / scrim,这里只控 root flex + sheet bg + 顶部圆角 24
+ *  + scrim/blur backdrop 背景色(走 c.scrim token,亮 rgba(0,0,0,0.5) / 暗 0.7)。 */
+export const makeStyles = c => StyleSheet.create({
+  root: {
+    flex: 1
+  },
+  sheet: {
+    backgroundColor: c.surface,
+    borderTopLeftRadius: space['9'],
+    borderTopRightRadius: space['9']
+  },
+  /** Scrim backdrop:c.scrim token,亮暗自动切换(亮 0.5 / 暗 0.7 alpha)。
+   *  与 @gorhom 默认 backgroundColor:'black' + opacity 0.5 等价但走 token。 */
+  scrimBackdrop: {
+    backgroundColor: c.scrim
+  },
+  /** Blur backdrop:bg 透明,由 BlurLayer child 接管视觉。 */
+  backdropTransparent: {
+    backgroundColor: 'transparent'
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/module/components/ui/BottomSheet/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","space","makeStyles","c","create","root","flex","sheet","backgroundColor","surface","borderTopLeftRadius","borderTopRightRadius","scrimBackdrop","scrim","backdropTransparent"],"sourceRoot":"../../../../../src","sources":["components/ui/BottomSheet/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,KAAK,QAAQ,yBAAgB;AAGtC;AACA;AACA,OAAO,MAAMC,UAAU,GAAIC,CAAc,IACvCH,UAAU,CAACI,MAAM,CAAC;EAChBC,IAAI,EAAE;IAAEC,IAAI,EAAE;EAAE,CAAC;EACjBC,KAAK,EAAE;IACLC,eAAe,EAAEL,CAAC,CAACM,OAAO;IAC1BC,mBAAmB,EAAET,KAAK,CAAC,GAAG,CAAC;IAC/BU,oBAAoB,EAAEV,KAAK,CAAC,GAAG;EACjC,CAAC;EACD;AACJ;EACIW,aAAa,EAAE;IAAEJ,eAAe,EAAEL,CAAC,CAACU;EAAM,CAAC;EAC3C;EACAC,mBAAmB,EAAE;IAAEN,eAAe,EAAE;EAAc;AACxD,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/ui/BottomSheet/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/components/ui/BottomSheet/types.js.map

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

package/lib/module/components/ui/Button/Button.js

@@ -0,0 +1,65 @@
+"use strict";
+
+import React from 'react';
+import { Text } from 'react-native';
+import { useThemedStyles } from "../../../theme/index.js";
+import { Icon } from "../Icon/index.js";
+import { ButtonBase } from "./ButtonBase.js";
+import { makeStyles } from "./styles.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * 6 variant × 3 size 文本按钮。
+ * 内部组合 ButtonBase + content(label + 可选 leftIcon / rightIcon),
+ * ButtonBase 接管 chrome(sizing / palette / disabled / loading / a11y)。
+ *
+ * `loading=true` 时 ButtonBase 把 children render prop 短路为 ActivityIndicator。
+ */
+export function Button({
+  label,
+  onPress,
+  size,
+  variant,
+  block,
+  disabled,
+  loading,
+  leftIcon,
+  rightIcon,
+  style,
+  testID,
+  accessibilityHint
+}) {
+  const styles = useThemedStyles(makeStyles);
+  return /*#__PURE__*/_jsx(ButtonBase, {
+    onPress: onPress,
+    size: size,
+    variant: variant,
+    block: block,
+    disabled: disabled,
+    loading: loading,
+    accessibilityLabel: label,
+    accessibilityHint: accessibilityHint,
+    style: style,
+    testID: testID,
+    children: ({
+      sizing,
+      palette
+    }) => /*#__PURE__*/_jsxs(_Fragment, {
+      children: [leftIcon ? /*#__PURE__*/_jsx(Icon, {
+        name: leftIcon,
+        size: sizing.fs + 2,
+        color: palette.fg
+      }) : null, /*#__PURE__*/_jsx(Text, {
+        style: [styles.label, {
+          color: palette.fg,
+          fontSize: sizing.fs
+        }],
+        children: label
+      }), rightIcon ? /*#__PURE__*/_jsx(Icon, {
+        name: rightIcon,
+        size: sizing.fs + 2,
+        color: palette.fg
+      }) : null]
+    })
+  });
+}
+//# sourceMappingURL=Button.js.map

package/lib/module/components/ui/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","useThemedStyles","Icon","ButtonBase","makeStyles","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Button","label","onPress","size","variant","block","disabled","loading","leftIcon","rightIcon","style","testID","accessibilityHint","styles","accessibilityLabel","children","sizing","palette","name","fs","color","fg","fontSize"],"sourceRoot":"../../../../../src","sources":["components/ui/Button/Button.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,eAAe,QAAQ,yBAAgB;AAChD,SAASC,IAAI,QAAQ,kBAAS;AAC9B,SAASC,UAAU,QAAQ,iBAAc;AACzC,SAASC,UAAU,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAGtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,MAAMA,CAAC;EACrBC,KAAK;EACLC,OAAO;EACPC,IAAI;EACJC,OAAO;EACPC,KAAK;EACLC,QAAQ;EACRC,OAAO;EACPC,QAAQ;EACRC,SAAS;EACTC,KAAK;EACLC,MAAM;EACNC;AACW,CAAC,EAAqB;EACjC,MAAMC,MAAM,GAAGvB,eAAe,CAACG,UAAU,CAAC;EAC1C,oBACEE,IAAA,CAACH,UAAU;IACTU,OAAO,EAAEA,OAAQ;IACjBC,IAAI,EAAEA,IAAK;IACXC,OAAO,EAAEA,OAAQ;IACjBC,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBC,OAAO,EAAEA,OAAQ;IACjBO,kBAAkB,EAAEb,KAAM;IAC1BW,iBAAiB,EAAEA,iBAAkB;IACrCF,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA,MAAO;IAAAI,QAAA,EAEdA,CAAC;MAAEC,MAAM;MAAEC;IAAQ,CAAC,kBACnBlB,KAAA,CAAAF,SAAA;MAAAkB,QAAA,GACGP,QAAQ,gBACPb,IAAA,CAACJ,IAAI;QAAC2B,IAAI,EAAEV,QAAS;QAACL,IAAI,EAAEa,MAAM,CAACG,EAAE,GAAG,CAAE;QAACC,KAAK,EAAEH,OAAO,CAACI;MAAG,CAAE,CAAC,GAC9D,IAAI,eACR1B,IAAA,CAACN,IAAI;QACHqB,KAAK,EAAE,CAACG,MAAM,CAACZ,KAAK,EAAE;UAAEmB,KAAK,EAAEH,OAAO,CAACI,EAAE;UAAEC,QAAQ,EAAEN,MAAM,CAACG;QAAG,CAAC,CAAE;QAAAJ,QAAA,EAEjEd;MAAK,CACF,CAAC,EACNQ,SAAS,gBACRd,IAAA,CAACJ,IAAI;QAAC2B,IAAI,EAAET,SAAU;QAACN,IAAI,EAAEa,MAAM,CAACG,EAAE,GAAG,CAAE;QAACC,KAAK,EAAEH,OAAO,CAACI;MAAG,CAAE,CAAC,GAC/D,IAAI;IAAA,CACR;EACH,CACS,CAAC;AAEjB","ignoreList":[]}

package/lib/module/components/ui/Button/ButtonBase.js

@@ -0,0 +1,69 @@
+"use strict";
+
+import React, { useMemo } from 'react';
+import { ActivityIndicator } from 'react-native';
+import { Pressable } from 'react-native-gesture-handler';
+import { useColors, useThemedStyles } from "../../../theme/index.js";
+import { makeStyles, paletteFor, sizingFor } from "./styles.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/** ButtonBase —— Button / IconButton 共享的 internal primitive。
+ *  职责:Pressable / sizing / palette / 视觉态 / a11y / text variant 特殊处理 /
+ *  block / square。children 强制 render prop,sizingFor / paletteFor 在 styles.ts。 */
+export function ButtonBase({
+  onPress,
+  size = 'md',
+  variant = 'primary',
+  disabled,
+  loading,
+  block,
+  square,
+  accessibilityLabel,
+  accessibilityRole = 'button',
+  accessibilityHint,
+  style,
+  testID,
+  children
+}) {
+  const c = useColors();
+  const styles = useThemedStyles(makeStyles);
+  const sizing = useMemo(() => sizingFor(size), [size]);
+  const palette = useMemo(() => paletteFor(variant, c), [variant, c]);
+  const isText = variant === 'text';
+  const isInteractive = !disabled && !loading;
+  return /*#__PURE__*/_jsx(Pressable, {
+    accessibilityRole: accessibilityRole,
+    accessibilityState: {
+      disabled: !isInteractive
+    },
+    accessibilityLabel: accessibilityLabel,
+    accessibilityHint: accessibilityHint,
+    disabled: !isInteractive,
+    onPress: onPress,
+    testID: testID,
+    style: ({
+      pressed
+    }) => [styles.base, {
+      // text variant 撕掉所有 chrome,只剩 inline 文字
+      height: isText ? undefined : sizing.h,
+      // square 时方形:width=height,horizontal padding=0
+      width: square ? sizing.h : undefined,
+      paddingHorizontal: isText || square ? 0 : sizing.px,
+      borderRadius: sizing.br,
+      backgroundColor: palette.bg,
+      borderColor: palette.border ?? 'transparent',
+      borderWidth: palette.border ? 1 : 0,
+      opacity: disabled ? 0.5 : pressed ? 0.7 : 1,
+      alignSelf: block ? 'stretch' : 'flex-start',
+      flexGrow: block ? 1 : 0,
+      gap: sizing.gap
+    }, style],
+    children: loading ? /*#__PURE__*/_jsx(ActivityIndicator, {
+      size: "small",
+      color: palette.fg
+    }) : children({
+      sizing,
+      palette
+    })
+  });
+}
+//# sourceMappingURL=ButtonBase.js.map

package/lib/module/components/ui/Button/ButtonBase.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","ActivityIndicator","Pressable","useColors","useThemedStyles","makeStyles","paletteFor","sizingFor","jsx","_jsx","ButtonBase","onPress","size","variant","disabled","loading","block","square","accessibilityLabel","accessibilityRole","accessibilityHint","style","testID","children","c","styles","sizing","palette","isText","isInteractive","accessibilityState","pressed","base","height","undefined","h","width","paddingHorizontal","px","borderRadius","br","backgroundColor","bg","borderColor","border","borderWidth","opacity","alignSelf","flexGrow","gap","color","fg"],"sourceRoot":"../../../../../src","sources":["components/ui/Button/ButtonBase.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SACEC,iBAAiB,QAIZ,cAAc;AACrB,SAASC,SAAS,QAAQ,8BAA8B;AACxD,SAASC,SAAS,EAAEC,eAAe,QAAQ,yBAAgB;AAC3D,SAASC,UAAU,EAAEC,UAAU,EAAEC,SAAS,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AA2B7D;AACA;AACA;AACA,OAAO,SAASC,UAAUA,CAAC;EACzBC,OAAO;EACPC,IAAI,GAAG,IAAI;EACXC,OAAO,GAAG,SAAS;EACnBC,QAAQ;EACRC,OAAO;EACPC,KAAK;EACLC,MAAM;EACNC,kBAAkB;EAClBC,iBAAiB,GAAG,QAAQ;EAC5BC,iBAAiB;EACjBC,KAAK;EACLC,MAAM;EACNC;AACe,CAAC,EAAqB;EACrC,MAAMC,CAAC,GAAGrB,SAAS,CAAC,CAAC;EACrB,MAAMsB,MAAM,GAAGrB,eAAe,CAACC,UAAU,CAAC;EAE1C,MAAMqB,MAAM,GAAG1B,OAAO,CAAC,MAAMO,SAAS,CAACK,IAAI,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;EACrD,MAAMe,OAAO,GAAG3B,OAAO,CAAC,MAAMM,UAAU,CAACO,OAAO,EAAEW,CAAC,CAAC,EAAE,CAACX,OAAO,EAAEW,CAAC,CAAC,CAAC;EAEnE,MAAMI,MAAM,GAAGf,OAAO,KAAK,MAAM;EACjC,MAAMgB,aAAa,GAAG,CAACf,QAAQ,IAAI,CAACC,OAAO;EAE3C,oBACEN,IAAA,CAACP,SAAS;IACRiB,iBAAiB,EAAEA,iBAAkB;IACrCW,kBAAkB,EAAE;MAAEhB,QAAQ,EAAE,CAACe;IAAc,CAAE;IACjDX,kBAAkB,EAAEA,kBAAmB;IACvCE,iBAAiB,EAAEA,iBAAkB;IACrCN,QAAQ,EAAE,CAACe,aAAc;IACzBlB,OAAO,EAAEA,OAAQ;IACjBW,MAAM,EAAEA,MAAO;IACfD,KAAK,EAAEA,CAAC;MAAEU;IAAQ,CAAC,KAAK,CACtBN,MAAM,CAACO,IAAI,EACX;MACE;MACAC,MAAM,EAAEL,MAAM,GAAGM,SAAS,GAAGR,MAAM,CAACS,CAAC;MACrC;MACAC,KAAK,EAAEnB,MAAM,GAAGS,MAAM,CAACS,CAAC,GAAGD,SAAS;MACpCG,iBAAiB,EAAET,MAAM,IAAIX,MAAM,GAAG,CAAC,GAAGS,MAAM,CAACY,EAAE;MACnDC,YAAY,EAAEb,MAAM,CAACc,EAAE;MACvBC,eAAe,EAAEd,OAAO,CAACe,EAAE;MAC3BC,WAAW,EAAEhB,OAAO,CAACiB,MAAM,IAAI,aAAa;MAC5CC,WAAW,EAAElB,OAAO,CAACiB,MAAM,GAAG,CAAC,GAAG,CAAC;MACnCE,OAAO,EAAEhC,QAAQ,GAAG,GAAG,GAAGiB,OAAO,GAAG,GAAG,GAAG,CAAC;MAC3CgB,SAAS,EAAE/B,KAAK,GAAG,SAAS,GAAG,YAAY;MAC3CgC,QAAQ,EAAEhC,KAAK,GAAG,CAAC,GAAG,CAAC;MACvBiC,GAAG,EAAEvB,MAAM,CAACuB;IACd,CAAC,EACD5B,KAAK,CACL;IAAAE,QAAA,EAEDR,OAAO,gBACNN,IAAA,CAACR,iBAAiB;MAACW,IAAI,EAAC,OAAO;MAACsC,KAAK,EAAEvB,OAAO,CAACwB;IAAG,CAAE,CAAC,GAErD5B,QAAQ,CAAC;MAAEG,MAAM;MAAEC;IAAQ,CAAC;EAC7B,CACQ,CAAC;AAEhB","ignoreList":[]}

package/lib/module/components/ui/Button/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { Button } from "./Button.js";
+//# sourceMappingURL=index.js.map

package/lib/module/components/ui/Button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Button"],"sourceRoot":"../../../../../src","sources":["components/ui/Button/index.ts"],"mappings":";;AAAA,SAASA,MAAM,QAAQ,aAAU","ignoreList":[]}

package/lib/module/components/ui/Button/styles.js

@@ -0,0 +1,97 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import { control, fw, r, radius, space, type as t } from "../../../theme/index.js";
+/** Button 静态 base —— flex 居中容器(高度 / padding / 圆角由 sizingFor 派生)。
+ *  label 字号 / 颜色由 caller 注入 dynamic style。 */
+export const makeStyles = _c => StyleSheet.create({
+  base: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  label: {
+    fontWeight: fw.semi
+  }
+});
+
+/** Button 尺寸推导:3 档 size → { h, px, fs, br, gap }。
+ *  h 走 control.<size>,br 走 radius.<size>,gap / px 走 space[].
+ *  新增 size 在 types.ts 加 union + 这里加 case。 */
+export function sizingFor(size) {
+  if (size === 'lg') {
+    return {
+      h: control.lg,
+      px: r(18),
+      fs: t.body,
+      br: radius.lg,
+      gap: space['2']
+    };
+  }
+  if (size === 'sm') {
+    return {
+      h: control.sm,
+      px: space['4'],
+      fs: t.xxs,
+      br: radius.sm,
+      gap: space['1']
+    };
+  }
+  return {
+    h: control.md,
+    px: space['6'],
+    fs: t.sm,
+    br: radius.md,
+    gap: space['2']
+  };
+}
+
+/** Button 配色推导:7 种 variant → { bg, fg, border }。签名与 Tag/Avatar 的 paletteFor 一致。
+ *  text / ghost / neutral 共用 'transparent' 底,差异在 fg。 */
+export function paletteFor(variant, c) {
+  switch (variant) {
+    case 'primary':
+      return {
+        bg: c.primary,
+        fg: c.onPrimary,
+        border: undefined
+      };
+    case 'secondary':
+      return {
+        bg: c.surfaceContainerHigh,
+        fg: c.foreground,
+        border: undefined
+      };
+    case 'ghost':
+      return {
+        bg: 'transparent',
+        fg: c.primary,
+        border: undefined
+      };
+    case 'neutral':
+      return {
+        bg: 'transparent',
+        fg: c.foreground,
+        border: undefined
+      };
+    case 'outline':
+      return {
+        bg: c.surface,
+        fg: c.foreground,
+        border: c.outline
+      };
+    case 'danger':
+      return {
+        bg: c.error,
+        fg: c.onError,
+        border: undefined
+      };
+    case 'text':
+      return {
+        bg: 'transparent',
+        fg: c.primary,
+        border: undefined
+      };
+  }
+}
+//# sourceMappingURL=styles.js.map

package/lib/module/components/ui/Button/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","control","fw","r","radius","space","type","t","makeStyles","_c","create","base","flexDirection","alignItems","justifyContent","label","fontWeight","semi","sizingFor","size","h","lg","px","fs","body","br","gap","sm","xxs","md","paletteFor","variant","c","bg","primary","fg","onPrimary","border","undefined","surfaceContainerHigh","foreground","surface","outline","error","onError"],"sourceRoot":"../../../../../src","sources":["components/ui/Button/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SACEC,OAAO,EACPC,EAAE,EACFC,CAAC,EACDC,MAAM,EACNC,KAAK,EACLC,IAAI,IAAIC,CAAC,QAEJ,yBAAgB;AAQvB;AACA;AACA,OAAO,MAAMC,UAAU,GAAIC,EAAe,IACxCT,UAAU,CAACU,MAAM,CAAC;EAChBC,IAAI,EAAE;IACJC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDC,KAAK,EAAE;IACLC,UAAU,EAAEd,EAAE,CAACe;EACjB;AACF,CAAC,CAAC;;AAEJ;AACA;AACA;AACA,OAAO,SAASC,SAASA,CAACC,IAAgB,EAAgB;EACxD,IAAIA,IAAI,KAAK,IAAI,EAAE;IACjB,OAAO;MACLC,CAAC,EAAEnB,OAAO,CAACoB,EAAE;MACbC,EAAE,EAAEnB,CAAC,CAAC,EAAE,CAAC;MACToB,EAAE,EAAEhB,CAAC,CAACiB,IAAI;MACVC,EAAE,EAAErB,MAAM,CAACiB,EAAE;MACbK,GAAG,EAAErB,KAAK,CAAC,GAAG;IAChB,CAAC;EACH;EACA,IAAIc,IAAI,KAAK,IAAI,EAAE;IACjB,OAAO;MACLC,CAAC,EAAEnB,OAAO,CAAC0B,EAAE;MACbL,EAAE,EAAEjB,KAAK,CAAC,GAAG,CAAC;MACdkB,EAAE,EAAEhB,CAAC,CAACqB,GAAG;MACTH,EAAE,EAAErB,MAAM,CAACuB,EAAE;MACbD,GAAG,EAAErB,KAAK,CAAC,GAAG;IAChB,CAAC;EACH;EACA,OAAO;IACLe,CAAC,EAAEnB,OAAO,CAAC4B,EAAE;IACbP,EAAE,EAAEjB,KAAK,CAAC,GAAG,CAAC;IACdkB,EAAE,EAAEhB,CAAC,CAACoB,EAAE;IACRF,EAAE,EAAErB,MAAM,CAACyB,EAAE;IACbH,GAAG,EAAErB,KAAK,CAAC,GAAG;EAChB,CAAC;AACH;;AAEA;AACA;AACA,OAAO,SAASyB,UAAUA,CACxBC,OAAsB,EACtBC,CAAc,EACC;EACf,QAAQD,OAAO;IACb,KAAK,SAAS;MACZ,OAAO;QAAEE,EAAE,EAAED,CAAC,CAACE,OAAO;QAAEC,EAAE,EAAEH,CAAC,CAACI,SAAS;QAAEC,MAAM,EAAEC;MAAU,CAAC;IAC9D,KAAK,WAAW;MACd,OAAO;QACLL,EAAE,EAAED,CAAC,CAACO,oBAAoB;QAC1BJ,EAAE,EAAEH,CAAC,CAACQ,UAAU;QAChBH,MAAM,EAAEC;MACV,CAAC;IACH,KAAK,OAAO;MACV,OAAO;QAAEL,EAAE,EAAE,aAAa;QAAEE,EAAE,EAAEH,CAAC,CAACE,OAAO;QAAEG,MAAM,EAAEC;MAAU,CAAC;IAChE,KAAK,SAAS;MACZ,OAAO;QAAEL,EAAE,EAAE,aAAa;QAAEE,EAAE,EAAEH,CAAC,CAACQ,UAAU;QAAEH,MAAM,EAAEC;MAAU,CAAC;IACnE,KAAK,SAAS;MACZ,OAAO;QAAEL,EAAE,EAAED,CAAC,CAACS,OAAO;QAAEN,EAAE,EAAEH,CAAC,CAACQ,UAAU;QAAEH,MAAM,EAAEL,CAAC,CAACU;MAAQ,CAAC;IAC/D,KAAK,QAAQ;MACX,OAAO;QAAET,EAAE,EAAED,CAAC,CAACW,KAAK;QAAER,EAAE,EAAEH,CAAC,CAACY,OAAO;QAAEP,MAAM,EAAEC;MAAU,CAAC;IAC1D,KAAK,MAAM;MACT,OAAO;QAAEL,EAAE,EAAE,aAAa;QAAEE,EAAE,EAAEH,CAAC,CAACE,OAAO;QAAEG,MAAM,EAAEC;MAAU,CAAC;EAClE;AACF","ignoreList":[]}

package/lib/module/components/ui/Button/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/components/ui/Button/types.js.map

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

package/lib/module/components/ui/Card/Card.js

@@ -0,0 +1,34 @@
+"use strict";
+
+import React from 'react';
+import { View } from 'react-native';
+import { radius, space, useShadow, useThemedStyles } from "../../../theme/index.js";
+import { makeStyles, variantToStyle } from "./styles.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export function Card({
+  children,
+  variant = 'default',
+  padding,
+  borderRadius,
+  borderColor,
+  borderWidth,
+  bare,
+  style,
+  testID
+}) {
+  const styles = useThemedStyles(makeStyles);
+  const shadow = useShadow();
+  return /*#__PURE__*/_jsx(View, {
+    testID: testID,
+    style: [styles.base, {
+      borderRadius: borderRadius ?? radius.xl
+    }, !bare && {
+      padding: padding ?? space[6]
+    }, variantToStyle(variant, shadow, styles), borderColor != null && {
+      borderColor,
+      borderWidth: borderWidth ?? 2
+    }, style],
+    children: children
+  });
+}
+//# sourceMappingURL=Card.js.map

package/lib/module/components/ui/Card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","radius","space","useShadow","useThemedStyles","makeStyles","variantToStyle","jsx","_jsx","Card","children","variant","padding","borderRadius","borderColor","borderWidth","bare","style","testID","styles","shadow","base","xl"],"sourceRoot":"../../../../../src","sources":["components/ui/Card/Card.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,MAAM,EAAEC,KAAK,EAAEC,SAAS,EAAEC,eAAe,QAAQ,yBAAgB;AAC1E,SAASC,UAAU,EAAEC,cAAc,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGtD,OAAO,SAASC,IAAIA,CAAC;EACnBC,QAAQ;EACRC,OAAO,GAAG,SAAS;EACnBC,OAAO;EACPC,YAAY;EACZC,WAAW;EACXC,WAAW;EACXC,IAAI;EACJC,KAAK;EACLC;AACS,CAAC,EAAqB;EAC/B,MAAMC,MAAM,GAAGf,eAAe,CAACC,UAAU,CAAC;EAC1C,MAAMe,MAAM,GAAGjB,SAAS,CAAC,CAAC;EAE1B,oBACEK,IAAA,CAACR,IAAI;IACHkB,MAAM,EAAEA,MAAO;IACfD,KAAK,EAAE,CACLE,MAAM,CAACE,IAAI,EACX;MAAER,YAAY,EAAEA,YAAY,IAAIZ,MAAM,CAACqB;IAAG,CAAC,EAC3C,CAACN,IAAI,IAAI;MAAEJ,OAAO,EAAEA,OAAO,IAAIV,KAAK,CAAC,CAAC;IAAE,CAAC,EACzCI,cAAc,CAACK,OAAO,EAAES,MAAM,EAAED,MAAM,CAAC,EACvCL,WAAW,IAAI,IAAI,IAAI;MACrBA,WAAW;MACXC,WAAW,EAAEA,WAAW,IAAI;IAC9B,CAAC,EACDE,KAAK,CACL;IAAAP,QAAA,EAEDA;EAAQ,CACL,CAAC;AAEX","ignoreList":[]}

package/lib/module/components/ui/Card/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { Card } from "./Card.js";
+//# sourceMappingURL=index.js.map

package/lib/module/components/ui/Card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Card"],"sourceRoot":"../../../../../src","sources":["components/ui/Card/index.ts"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,WAAQ","ignoreList":[]}

package/lib/module/components/ui/Card/styles.js

@@ -0,0 +1,28 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+export const makeStyles = c => StyleSheet.create({
+  base: {
+    backgroundColor: c.surface,
+    overflow: 'hidden'
+  },
+  flat: {}
+});
+
+/**
+ * variant → 装饰样式映射(§8 返 style 值的 helper,合并入 styles.ts):
+ * - `default`:`s.card` 标准卡片阴影
+ * - `flat`:走 `styles.flat`(目前空,deprecated 等价 plain;保留以容纳未来差量)
+ * - `plain`:`undefined`(纯白底,装饰为零)
+ */
+export function variantToStyle(v, s, styles) {
+  switch (v) {
+    case 'default':
+      return s.card;
+    case 'flat':
+      return styles.flat;
+    case 'plain':
+      return undefined;
+  }
+}
+//# sourceMappingURL=styles.js.map

package/lib/module/components/ui/Card/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","makeStyles","c","create","base","backgroundColor","surface","overflow","flat","variantToStyle","v","s","styles","card","undefined"],"sourceRoot":"../../../../../src","sources":["components/ui/Card/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAwC,cAAc;AAIzE,OAAO,MAAMC,UAAU,GAAIC,CAAc,IACvCF,UAAU,CAACG,MAAM,CAAC;EAChBC,IAAI,EAAE;IACJC,eAAe,EAAEH,CAAC,CAACI,OAAO;IAC1BC,QAAQ,EAAE;EACZ,CAAC;EACDC,IAAI,EAAE,CAAC;AACT,CAAC,CAAC;;AAEJ;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,cAAcA,CAC5BC,CAAc,EACdC,CAAe,EACfC,MAAqC,EACf;EACtB,QAAQF,CAAC;IACP,KAAK,SAAS;MACZ,OAAOC,CAAC,CAACE,IAAI;IACf,KAAK,MAAM;MACT,OAAOD,MAAM,CAACJ,IAAI;IACpB,KAAK,OAAO;MACV,OAAOM,SAAS;EACpB;AACF","ignoreList":[]}

package/lib/module/components/ui/Card/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/components/ui/Card/types.js.map

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

package/lib/module/components/ui/Carousel/Carousel.js

@@ -0,0 +1,90 @@
+"use strict";
+
+import React from 'react';
+import { Pressable, useWindowDimensions, View } from 'react-native';
+import ReanimatedCarousel, { Pagination } from 'react-native-reanimated-carousel';
+import { useSharedValue } from 'react-native-reanimated';
+import { space, useThemedStyles } from "../../../theme/index.js";
+import { makeCarouselStyles } from "./styles.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** Carousel —— 包装 `react-native-reanimated-carousel@5.0.0-beta.5`。
+ *
+ *  dot indicator 走 `c.primary` token,使用库内置 `Pagination.Custom`
+ *  (`useSharedValue` + `onProgressChange` 驱动,re-render 全在 worklet 里)。
+ *
+ *  用 Pagination.Custom 而非 Basic:Basic 的 activeDot 用 translateX 推进
+ *  内层 fill,外壳宽度等于 dotStyle.width,activeDotStyle.width 只影响内层,
+ *  做不出"active 4 → 12 长条"。Custom 自己 interpolate width/height/bg。
+ */
+// T 约束 object —— `Pagination.Basic<T extends {}>` 需要 object
+export function Carousel({
+  items,
+  renderItem,
+  height,
+  itemWidth,
+  autoPlay,
+  showIndicator = true,
+  indicatorPosition = 'bottom',
+  onPressItem,
+  getAccessibilityLabel,
+  style,
+  testID
+}) {
+  const {
+    width: screenWidth
+  } = useWindowDimensions();
+  const width = itemWidth ?? screenWidth;
+  const styles = useThemedStyles(makeCarouselStyles);
+  // Carousel `onProgressChange` 把 absoluteProgress 写进 shared value,Pagination 自动跟。
+  const progress = useSharedValue(0);
+
+  // 'bottom' 模式给容器额外 +space[7] (=r(16)) 高度容纳独立行指示器;
+  // 与 dotsWrapBottom 的 paddingTop=space[3]+dot height space[1] 一起跟 r() 同步缩放。
+  // 'overlay-bottom-right' 不占额外高度。
+  const indicatorReservedHeight = showIndicator && indicatorPosition === 'bottom' ? space['7'] : 0;
+  const data = items;
+  return /*#__PURE__*/_jsxs(View, {
+    style: [{
+      height: height + indicatorReservedHeight
+    }, style],
+    testID: testID,
+    children: [/*#__PURE__*/_jsx(ReanimatedCarousel
+    // v5 把 width / height prop deprecate,迁到 style
+    , {
+      style: {
+        width,
+        height
+      },
+      data: data,
+      loop: true,
+      autoPlay: !!autoPlay,
+      autoPlayInterval: autoPlay,
+      onProgressChange: progress,
+      renderItem: ({
+        item,
+        index
+      }) => /*#__PURE__*/_jsx(Pressable, {
+        onPress: () => onPressItem?.(item, index),
+        style: {
+          width,
+          height
+        },
+        testID: `${testID ?? 'carousel'}-item-${index}`
+        // 只在真正可点时声明 button 语义,纯展示型不标 button 避免读屏器误导
+        ,
+        ...(onPressItem ? {
+          accessibilityRole: 'button',
+          accessibilityLabel: getAccessibilityLabel?.(item, index) ?? `第 ${index + 1} 项`
+        } : null),
+        children: renderItem(item, index)
+      })
+    }), showIndicator && items.length > 1 ? /*#__PURE__*/_jsx(Pagination.Custom, {
+      progress: progress,
+      data: data,
+      dotStyle: styles.dot,
+      activeDotStyle: styles.dotActive,
+      containerStyle: indicatorPosition === 'overlay-bottom-right' ? styles.dotsWrapOverlay : styles.dotsWrapBottom
+    }) : null]
+  });
+}
+//# sourceMappingURL=Carousel.js.map

package/lib/module/components/ui/Carousel/Carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Pressable","useWindowDimensions","View","ReanimatedCarousel","Pagination","useSharedValue","space","useThemedStyles","makeCarouselStyles","jsx","_jsx","jsxs","_jsxs","Carousel","items","renderItem","height","itemWidth","autoPlay","showIndicator","indicatorPosition","onPressItem","getAccessibilityLabel","style","testID","width","screenWidth","styles","progress","indicatorReservedHeight","data","children","loop","autoPlayInterval","onProgressChange","item","index","onPress","accessibilityRole","accessibilityLabel","length","Custom","dotStyle","dot","activeDotStyle","dotActive","containerStyle","dotsWrapOverlay","dotsWrapBottom"],"sourceRoot":"../../../../../src","sources":["components/ui/Carousel/Carousel.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,mBAAmB,EAAEC,IAAI,QAAQ,cAAc;AACnE,OAAOC,kBAAkB,IACvBC,UAAU,QACL,kCAAkC;AACzC,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,KAAK,EAAEC,eAAe,QAAQ,yBAAgB;AACvD,SAASC,kBAAkB,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAG9C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,QAAQA,CAAmB;EACzCC,KAAK;EACLC,UAAU;EACVC,MAAM;EACNC,SAAS;EACTC,QAAQ;EACRC,aAAa,GAAG,IAAI;EACpBC,iBAAiB,GAAG,QAAQ;EAC5BC,WAAW;EACXC,qBAAqB;EACrBC,KAAK;EACLC;AACgB,CAAC,EAAqB;EACtC,MAAM;IAAEC,KAAK,EAAEC;EAAY,CAAC,GAAGzB,mBAAmB,CAAC,CAAC;EACpD,MAAMwB,KAAK,GAAGR,SAAS,IAAIS,WAAW;EACtC,MAAMC,MAAM,GAAGpB,eAAe,CAACC,kBAAkB,CAAC;EAClD;EACA,MAAMoB,QAAQ,GAAGvB,cAAc,CAAS,CAAC,CAAC;;EAE1C;EACA;EACA;EACA,MAAMwB,uBAAuB,GAC3BV,aAAa,IAAIC,iBAAiB,KAAK,QAAQ,GAAGd,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC;EAElE,MAAMwB,IAAI,GAAGhB,KAAY;EAEzB,oBACEF,KAAA,CAACV,IAAI;IACHqB,KAAK,EAAE,CAAC;MAAEP,MAAM,EAAEA,MAAM,GAAGa;IAAwB,CAAC,EAAEN,KAAK,CAAE;IAC7DC,MAAM,EAAEA,MAAO;IAAAO,QAAA,gBAEfrB,IAAA,CAACP;IACC;IAAA;MACAoB,KAAK,EAAE;QAAEE,KAAK;QAAET;MAAO,CAAE;MACzBc,IAAI,EAAEA,IAAK;MACXE,IAAI;MACJd,QAAQ,EAAE,CAAC,CAACA,QAAS;MACrBe,gBAAgB,EAAEf,QAAS;MAC3BgB,gBAAgB,EAAEN,QAAS;MAC3Bb,UAAU,EAAEA,CAAC;QAAEoB,IAAI;QAAEC;MAAM,CAAC,kBAC1B1B,IAAA,CAACV,SAAS;QACRqC,OAAO,EAAEA,CAAA,KAAMhB,WAAW,GAAGc,IAAI,EAAEC,KAAK,CAAE;QAC1Cb,KAAK,EAAE;UAAEE,KAAK;UAAET;QAAO,CAAE;QACzBQ,MAAM,EAAE,GAAGA,MAAM,IAAI,UAAU,SAASY,KAAK;QAC7C;QAAA;QAAA,IACKf,WAAW,GACZ;UACEiB,iBAAiB,EAAE,QAAiB;UACpCC,kBAAkB,EAChBjB,qBAAqB,GAAGa,IAAI,EAAEC,KAAK,CAAC,IACpC,KAAKA,KAAK,GAAG,CAAC;QAClB,CAAC,GACD,IAAI;QAAAL,QAAA,EAEPhB,UAAU,CAACoB,IAAI,EAAEC,KAAK;MAAC,CACf;IACX,CACH,CAAC,EACDjB,aAAa,IAAIL,KAAK,CAAC0B,MAAM,GAAG,CAAC,gBAChC9B,IAAA,CAACN,UAAU,CAACqC,MAAM;MAChBb,QAAQ,EAAEA,QAAS;MACnBE,IAAI,EAAEA,IAAK;MACXY,QAAQ,EAAEf,MAAM,CAACgB,GAAI;MACrBC,cAAc,EAAEjB,MAAM,CAACkB,SAAU;MACjCC,cAAc,EACZ1B,iBAAiB,KAAK,sBAAsB,GACxCO,MAAM,CAACoB,eAAe,GACtBpB,MAAM,CAACqB;IACZ,CACF,CAAC,GACA,IAAI;EAAA,CACJ,CAAC;AAEX","ignoreList":[]}

package/lib/module/components/ui/Carousel/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { Carousel } from "./Carousel.js";
+//# sourceMappingURL=index.js.map

package/lib/module/components/ui/Carousel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Carousel"],"sourceRoot":"../../../../../src","sources":["components/ui/Carousel/index.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,eAAY","ignoreList":[]}

package/lib/module/components/ui/Carousel/styles.js

@@ -0,0 +1,42 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import { r, radius, space } from "../../../theme/index.js";
+export const makeCarouselStyles = c => StyleSheet.create({
+  /** 'bottom' 模式:独立行容器,覆盖 Pagination.Custom 默认的 `justifyContent: 'space-between'`
+   *  (否则 dot 横向撑开),让 dot 居中紧贴。 */
+  dotsWrapBottom: {
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center',
+    // 3pt 横间距:dot 单元 4pt + space[1]=r(4) 偏大,保留 r(3) 作为局部 dot 间隙
+    gap: r(3),
+    paddingTop: space['3']
+  },
+  /** 'overlay-bottom-right' 模式:absolute 浮在 Carousel 右下角,
+   *  override `justifyContent` → 'flex-end' 让 dot 群靠右。 */
+  dotsWrapOverlay: {
+    position: 'absolute',
+    bottom: space['3'],
+    right: space['5'],
+    flexDirection: 'row',
+    justifyContent: 'flex-end',
+    alignItems: 'center',
+    gap: r(3)
+  },
+  dot: {
+    width: space['1'],
+    height: space['1'],
+    // 4×4 dot 走 pill —— 任意大正数都会被 clamp 成圆,自文档化
+    borderRadius: radius.pill,
+    backgroundColor: c.primary,
+    opacity: 0.32
+  },
+  /** activeDot —— 12×4 长条,Pagination.Custom 会把 dotStyle 的 height /
+   *  borderRadius 与 activeDotStyle 的 width 一起 interpolate,这里只 override 变化值。 */
+  dotActive: {
+    width: space['5'],
+    opacity: 1
+  }
+});
+//# sourceMappingURL=styles.js.map

package/lib/module/components/ui/Carousel/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","r","radius","space","makeCarouselStyles","c","create","dotsWrapBottom","flexDirection","justifyContent","alignItems","gap","paddingTop","dotsWrapOverlay","position","bottom","right","dot","width","height","borderRadius","pill","backgroundColor","primary","opacity","dotActive"],"sourceRoot":"../../../../../src","sources":["components/ui/Carousel/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,CAAC,EAAEC,MAAM,EAAEC,KAAK,QAA0B,yBAAgB;AAEnE,OAAO,MAAMC,kBAAkB,GAAIC,CAAc,IAC/CL,UAAU,CAACM,MAAM,CAAC;EAChB;AACJ;EACIC,cAAc,EAAE;IACdC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpB;IACAC,GAAG,EAAEV,CAAC,CAAC,CAAC,CAAC;IACTW,UAAU,EAAET,KAAK,CAAC,GAAG;EACvB,CAAC;EACD;AACJ;EACIU,eAAe,EAAE;IACfC,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAEZ,KAAK,CAAC,GAAG,CAAC;IAClBa,KAAK,EAAEb,KAAK,CAAC,GAAG,CAAC;IACjBK,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,UAAU;IAC1BC,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAEV,CAAC,CAAC,CAAC;EACV,CAAC;EACDgB,GAAG,EAAE;IACHC,KAAK,EAAEf,KAAK,CAAC,GAAG,CAAC;IACjBgB,MAAM,EAAEhB,KAAK,CAAC,GAAG,CAAC;IAClB;IACAiB,YAAY,EAAElB,MAAM,CAACmB,IAAI;IACzBC,eAAe,EAAEjB,CAAC,CAACkB,OAAO;IAC1BC,OAAO,EAAE;EACX,CAAC;EACD;AACJ;EACIC,SAAS,EAAE;IACTP,KAAK,EAAEf,KAAK,CAAC,GAAG,CAAC;IACjBqB,OAAO,EAAE;EACX;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/ui/Carousel/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=types.js.map

package/lib/module/components/ui/Carousel/types.js.map

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