@unif/react-native-design 0.1.0

package/lib/module/components/ui/Form/FormGroup.js

@@ -0,0 +1,41 @@
+"use strict";
+
+import React from 'react';
+import { Text, View } from 'react-native';
+import { useThemedStyles } from "../../../theme/index.js";
+import { makeStyles } from "./styles.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * 白卡片上的分组：分组标题 + 一组行。
+ * 组内行之间用 1px 细线分隔（表单是「不用 gap」规则的例外）。
+ *
+ * **业务约定：** 动态列表（运行时增删 FormRow）必须给每个 child 传稳定 `key` prop。
+ * 不传时 fallback 到 `__row-${i}` —— 仅适用于**静态**列表，动态列表会导致 state 漂移。
+ */
+export function FormGroup({
+  label,
+  children,
+  testID
+}) {
+  const styles = useThemedStyles(makeStyles);
+  const arr = React.Children.toArray(children);
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.group,
+    testID: testID,
+    children: [label ? /*#__PURE__*/_jsx(Text, {
+      style: styles.groupLabel,
+      numberOfLines: 1,
+      children: label
+    }) : null, /*#__PURE__*/_jsx(View, {
+      style: styles.groupBody,
+      children: arr.map((child, i) => {
+        const childKey = /*#__PURE__*/React.isValidElement(child) && child.key != null ? child.key : `__row-${i}`;
+        return /*#__PURE__*/_jsx(View, {
+          style: i > 0 ? styles.divider : null,
+          children: child
+        }, childKey);
+      })
+    })]
+  });
+}
+//# sourceMappingURL=FormGroup.js.map

package/lib/module/components/ui/Form/FormGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","View","useThemedStyles","makeStyles","jsx","_jsx","jsxs","_jsxs","FormGroup","label","children","testID","styles","arr","Children","toArray","style","group","groupLabel","numberOfLines","groupBody","map","child","i","childKey","isValidElement","key","divider"],"sourceRoot":"../../../../../src","sources":["components/ui/Form/FormGroup.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,eAAe,QAAQ,yBAAgB;AAChD,SAASC,UAAU,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGtC;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,SAASA,CAAC;EACxBC,KAAK;EACLC,QAAQ;EACRC;AACc,CAAC,EAAqB;EACpC,MAAMC,MAAM,GAAGV,eAAe,CAACC,UAAU,CAAC;EAC1C,MAAMU,GAAG,GAAGd,KAAK,CAACe,QAAQ,CAACC,OAAO,CAACL,QAAQ,CAAC;EAC5C,oBACEH,KAAA,CAACN,IAAI;IAACe,KAAK,EAAEJ,MAAM,CAACK,KAAM;IAACN,MAAM,EAAEA,MAAO;IAAAD,QAAA,GACvCD,KAAK,gBACJJ,IAAA,CAACL,IAAI;MAACgB,KAAK,EAAEJ,MAAM,CAACM,UAAW;MAACC,aAAa,EAAE,CAAE;MAAAT,QAAA,EAC9CD;IAAK,CACF,CAAC,GACL,IAAI,eACRJ,IAAA,CAACJ,IAAI;MAACe,KAAK,EAAEJ,MAAM,CAACQ,SAAU;MAAAV,QAAA,EAC3BG,GAAG,CAACQ,GAAG,CAAC,CAACC,KAAK,EAAEC,CAAC,KAAK;QACrB,MAAMC,QAAQ,GACZ,aAAAzB,KAAK,CAAC0B,cAAc,CAACH,KAAK,CAAC,IAAIA,KAAK,CAACI,GAAG,IAAI,IAAI,GAC5CJ,KAAK,CAACI,GAAG,GACT,SAASH,CAAC,EAAE;QAClB,oBACElB,IAAA,CAACJ,IAAI;UAAgBe,KAAK,EAAEO,CAAC,GAAG,CAAC,GAAGX,MAAM,CAACe,OAAO,GAAG,IAAK;UAAAjB,QAAA,EACvDY;QAAK,GADGE,QAEL,CAAC;MAEX,CAAC;IAAC,CACE,CAAC;EAAA,CACH,CAAC;AAEX","ignoreList":[]}

package/lib/module/components/ui/Form/FormRow.js

@@ -0,0 +1,41 @@
+"use strict";
+
+import React from 'react';
+import { Text, View } from 'react-native';
+import { useThemedStyles } from "../../../theme/index.js";
+import { makeStyles } from "./styles.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * 带 label 的单行表单项。布局：左 label · 右控件。最小高度 48。
+ */
+export function FormRow({
+  label,
+  children,
+  required,
+  error,
+  testID
+}) {
+  const styles = useThemedStyles(makeStyles);
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.row,
+    testID: testID,
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: styles.rowMain,
+      children: [/*#__PURE__*/_jsxs(Text, {
+        style: styles.rowLabel,
+        numberOfLines: 1,
+        children: [label, required ? /*#__PURE__*/_jsx(Text, {
+          style: styles.required,
+          children: " *"
+        }) : null]
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.rowControl,
+        children: children
+      })]
+    }), error ? /*#__PURE__*/_jsx(Text, {
+      style: styles.errorText,
+      children: error
+    }) : null]
+  });
+}
+//# sourceMappingURL=FormRow.js.map

package/lib/module/components/ui/Form/FormRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","View","useThemedStyles","makeStyles","jsx","_jsx","jsxs","_jsxs","FormRow","label","children","required","error","testID","styles","style","row","rowMain","rowLabel","numberOfLines","rowControl","errorText"],"sourceRoot":"../../../../../src","sources":["components/ui/Form/FormRow.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SAASC,eAAe,QAAQ,yBAAgB;AAChD,SAASC,UAAU,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGtC;AACA;AACA;AACA,OAAO,SAASC,OAAOA,CAAC;EACtBC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,KAAK;EACLC;AACY,CAAC,EAAqB;EAClC,MAAMC,MAAM,GAAGZ,eAAe,CAACC,UAAU,CAAC;EAC1C,oBACEI,KAAA,CAACN,IAAI;IAACc,KAAK,EAAED,MAAM,CAACE,GAAI;IAACH,MAAM,EAAEA,MAAO;IAAAH,QAAA,gBACtCH,KAAA,CAACN,IAAI;MAACc,KAAK,EAAED,MAAM,CAACG,OAAQ;MAAAP,QAAA,gBAC1BH,KAAA,CAACP,IAAI;QAACe,KAAK,EAAED,MAAM,CAACI,QAAS;QAACC,aAAa,EAAE,CAAE;QAAAT,QAAA,GAC5CD,KAAK,EACLE,QAAQ,gBAAGN,IAAA,CAACL,IAAI;UAACe,KAAK,EAAED,MAAM,CAACH,QAAS;UAAAD,QAAA,EAAC;QAAE,CAAM,CAAC,GAAG,IAAI;MAAA,CACtD,CAAC,eACPL,IAAA,CAACJ,IAAI;QAACc,KAAK,EAAED,MAAM,CAACM,UAAW;QAAAV,QAAA,EAAEA;MAAQ,CAAO,CAAC;IAAA,CAC7C,CAAC,EACNE,KAAK,gBAAGP,IAAA,CAACL,IAAI;MAACe,KAAK,EAAED,MAAM,CAACO,SAAU;MAAAX,QAAA,EAAEE;IAAK,CAAO,CAAC,GAAG,IAAI;EAAA,CACzD,CAAC;AAEX","ignoreList":[]}

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

@@ -0,0 +1,6 @@
+"use strict";
+
+export { Form } from "./Form.js";
+export { FormGroup } from "./FormGroup.js";
+export { FormRow } from "./FormRow.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Form","FormGroup","FormRow"],"sourceRoot":"../../../../../src","sources":["components/ui/Form/index.ts"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,WAAQ;AAC7B,SAASC,SAAS,QAAQ,gBAAa;AACvC,SAASC,OAAO,QAAQ,cAAW","ignoreList":[]}

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

@@ -0,0 +1,58 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import { fw, r, radius, space, type as t } from "../../../theme/index.js";
+export const makeStyles = c => StyleSheet.create({
+  form: {
+    gap: space[7]
+  },
+  group: {
+    gap: space[3]
+  },
+  groupLabel: {
+    fontSize: t.xs,
+    fontWeight: fw.semi,
+    color: c.foregroundSubtle,
+    textTransform: 'uppercase',
+    letterSpacing: 1,
+    paddingHorizontal: space[1]
+  },
+  groupBody: {
+    backgroundColor: c.surface,
+    borderRadius: radius.lg,
+    overflow: 'hidden'
+  },
+  divider: {
+    borderTopWidth: StyleSheet.hairlineWidth,
+    borderTopColor: c.outline
+  },
+  row: {
+    paddingHorizontal: space[7],
+    paddingVertical: space[5],
+    minHeight: r(48),
+    justifyContent: 'center'
+  },
+  rowMain: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: space[5]
+  },
+  rowLabel: {
+    fontSize: t.sm,
+    fontWeight: fw.medium,
+    color: c.foreground
+  },
+  required: {
+    color: c.error
+  },
+  rowControl: {
+    flex: 1,
+    alignItems: 'flex-end'
+  },
+  errorText: {
+    fontSize: t.micro,
+    color: c.error,
+    marginTop: space[1]
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","fw","r","radius","space","type","t","makeStyles","c","create","form","gap","group","groupLabel","fontSize","xs","fontWeight","semi","color","foregroundSubtle","textTransform","letterSpacing","paddingHorizontal","groupBody","backgroundColor","surface","borderRadius","lg","overflow","divider","borderTopWidth","hairlineWidth","borderTopColor","outline","row","paddingVertical","minHeight","justifyContent","rowMain","flexDirection","alignItems","rowLabel","sm","medium","foreground","required","error","rowControl","flex","errorText","micro","marginTop"],"sourceRoot":"../../../../../src","sources":["components/ui/Form/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SACEC,EAAE,EACFC,CAAC,EACDC,MAAM,EACNC,KAAK,EACLC,IAAI,IAAIC,CAAC,QAEJ,yBAAgB;AAEvB,OAAO,MAAMC,UAAU,GAAIC,CAAc,IACvCR,UAAU,CAACS,MAAM,CAAC;EAChBC,IAAI,EAAE;IACJC,GAAG,EAAEP,KAAK,CAAC,CAAC;EACd,CAAC;EACDQ,KAAK,EAAE;IACLD,GAAG,EAAEP,KAAK,CAAC,CAAC;EACd,CAAC;EACDS,UAAU,EAAE;IACVC,QAAQ,EAAER,CAAC,CAACS,EAAE;IACdC,UAAU,EAAEf,EAAE,CAACgB,IAAI;IACnBC,KAAK,EAAEV,CAAC,CAACW,gBAAgB;IACzBC,aAAa,EAAE,WAAW;IAC1BC,aAAa,EAAE,CAAC;IAChBC,iBAAiB,EAAElB,KAAK,CAAC,CAAC;EAC5B,CAAC;EACDmB,SAAS,EAAE;IACTC,eAAe,EAAEhB,CAAC,CAACiB,OAAO;IAC1BC,YAAY,EAAEvB,MAAM,CAACwB,EAAE;IACvBC,QAAQ,EAAE;EACZ,CAAC;EACDC,OAAO,EAAE;IACPC,cAAc,EAAE9B,UAAU,CAAC+B,aAAa;IACxCC,cAAc,EAAExB,CAAC,CAACyB;EACpB,CAAC;EACDC,GAAG,EAAE;IACHZ,iBAAiB,EAAElB,KAAK,CAAC,CAAC,CAAC;IAC3B+B,eAAe,EAAE/B,KAAK,CAAC,CAAC,CAAC;IACzBgC,SAAS,EAAElC,CAAC,CAAC,EAAE,CAAC;IAChBmC,cAAc,EAAE;EAClB,CAAC;EACDC,OAAO,EAAE;IACPC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpB7B,GAAG,EAAEP,KAAK,CAAC,CAAC;EACd,CAAC;EACDqC,QAAQ,EAAE;IACR3B,QAAQ,EAAER,CAAC,CAACoC,EAAE;IACd1B,UAAU,EAAEf,EAAE,CAAC0C,MAAM;IACrBzB,KAAK,EAAEV,CAAC,CAACoC;EACX,CAAC;EACDC,QAAQ,EAAE;IACR3B,KAAK,EAAEV,CAAC,CAACsC;EACX,CAAC;EACDC,UAAU,EAAE;IACVC,IAAI,EAAE,CAAC;IACPR,UAAU,EAAE;EACd,CAAC;EACDS,SAAS,EAAE;IACTnC,QAAQ,EAAER,CAAC,CAAC4C,KAAK;IACjBhC,KAAK,EAAEV,CAAC,CAACsC,KAAK;IACdK,SAAS,EAAE/C,KAAK,CAAC,CAAC;EACpB;AACF,CAAC,CAAC","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,75 @@
+"use strict";
+
+import React from 'react';
+import { Text, View } from 'react-native';
+import { Pressable } from 'react-native-gesture-handler';
+import { useColors, useThemedStyles } from "../../../theme/index.js";
+import { createLogger } from "../../../utils/logger/index.js";
+import { childTestID } from "../../../utils/testID/index.js";
+import { Icon } from "../Icon/index.js";
+import { colWidth, makeStyles } from "./styles.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const log = createLogger('Grid');
+
+/**
+ * 图标入口宫格 —— 首页 / 分类落地页。1..6 列。
+ * 每格：图标 + 小标签，纵向居中。
+ *
+ * 性能：列宽走 StyleSheet 预生成规则（colWidth），避免每个 cell 创建内联对象。
+ */
+export function Grid({
+  items,
+  columns = 4,
+  onPress,
+  card = true,
+  testID
+}) {
+  const c = useColors();
+  const styles = useThemedStyles(makeStyles);
+  if (![1, 2, 3, 4, 5, 6].includes(columns)) {
+    log.warn(`columns 仅支持 1..6，传入 ${columns}，已 fallback 为 4 列`);
+  }
+  const cellWidth = colWidth(columns);
+  return /*#__PURE__*/_jsx(View, {
+    style: [styles.wrap, card && styles.card],
+    testID: testID,
+    children: /*#__PURE__*/_jsx(View, {
+      style: styles.inner,
+      children: items.map(item => {
+        const itemTestID = childTestID(testID, item.id, item.testID);
+        return /*#__PURE__*/_jsx(View, {
+          style: cellWidth,
+          children: /*#__PURE__*/_jsxs(Pressable, {
+            onPress: () => onPress?.(item),
+            accessibilityRole: "button",
+            accessibilityLabel: item.label,
+            testID: itemTestID,
+            style: ({
+              pressed
+            }) => [styles.cell, {
+              opacity: pressed ? 0.7 : 1
+            }],
+            children: [/*#__PURE__*/_jsxs(View, {
+              children: [/*#__PURE__*/_jsx(Icon, {
+                name: item.icon,
+                size: 28,
+                color: c.foregroundMuted
+              }), item.badge != null ? /*#__PURE__*/_jsx(View, {
+                style: styles.badge,
+                children: /*#__PURE__*/_jsx(Text, {
+                  style: styles.badgeText,
+                  children: item.badge
+                })
+              }) : null]
+            }), /*#__PURE__*/_jsx(Text, {
+              style: styles.label,
+              numberOfLines: 1,
+              children: item.label
+            })]
+          })
+        }, item.id);
+      })
+    })
+  });
+}
+//# sourceMappingURL=Grid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","View","Pressable","useColors","useThemedStyles","createLogger","childTestID","Icon","colWidth","makeStyles","jsx","_jsx","jsxs","_jsxs","log","Grid","items","columns","onPress","card","testID","c","styles","includes","warn","cellWidth","style","wrap","children","inner","map","item","itemTestID","id","accessibilityRole","accessibilityLabel","label","pressed","cell","opacity","name","icon","size","color","foregroundMuted","badge","badgeText","numberOfLines"],"sourceRoot":"../../../../../src","sources":["components/ui/Grid/Grid.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,93 @@
+"use strict";
+
+import { StyleSheet } from 'react-native';
+import { fw, r, radius, space, type as t } from "../../../theme/index.js";
+
+/**
+ * 预生成 1..6 列的宽度规则，避免 render 时创建 `{ width: pct }` 内联对象
+ * 让 Grid 在长列表 / 多 cell 场景下复用 StyleSheet 缓存。
+ */
+const COLUMN_WIDTHS = StyleSheet.create({
+  col1: {
+    width: '100%'
+  },
+  col2: {
+    width: '50%'
+  },
+  col3: {
+    width: '33.333%'
+  },
+  col4: {
+    width: '25%'
+  },
+  col5: {
+    width: '20%'
+  },
+  col6: {
+    width: '16.666%'
+  }
+});
+export const colWidth = columns => {
+  switch (columns) {
+    case 1:
+      return COLUMN_WIDTHS.col1;
+    case 2:
+      return COLUMN_WIDTHS.col2;
+    case 3:
+      return COLUMN_WIDTHS.col3;
+    case 5:
+      return COLUMN_WIDTHS.col5;
+    case 6:
+      return COLUMN_WIDTHS.col6;
+    case 4:
+    default:
+      return COLUMN_WIDTHS.col4;
+  }
+};
+export const makeStyles = c => StyleSheet.create({
+  wrap: {
+    width: '100%'
+  },
+  card: {
+    backgroundColor: c.surface,
+    borderRadius: radius.xl,
+    paddingVertical: space[5],
+    paddingHorizontal: space[3],
+    borderWidth: 1,
+    borderColor: c.outline
+  },
+  inner: {
+    flexDirection: 'row',
+    flexWrap: 'wrap'
+  },
+  cell: {
+    paddingVertical: space[5],
+    alignItems: 'center',
+    justifyContent: 'center',
+    gap: space[2]
+  },
+  label: {
+    fontSize: t.xxs,
+    fontWeight: fw.medium,
+    color: c.foreground
+  },
+  badge: {
+    position: 'absolute',
+    top: r(-6),
+    right: r(-10),
+    minWidth: r(16),
+    height: r(16),
+    borderRadius: radius.md,
+    backgroundColor: c.error,
+    paddingHorizontal: space[1],
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  badgeText: {
+    color: c.onError,
+    fontSize: t.nano,
+    fontWeight: fw.bold,
+    lineHeight: 12
+  }
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","fw","r","radius","space","type","t","COLUMN_WIDTHS","create","col1","width","col2","col3","col4","col5","col6","colWidth","columns","makeStyles","c","wrap","card","backgroundColor","surface","borderRadius","xl","paddingVertical","paddingHorizontal","borderWidth","borderColor","outline","inner","flexDirection","flexWrap","cell","alignItems","justifyContent","gap","label","fontSize","xxs","fontWeight","medium","color","foreground","badge","position","top","right","minWidth","height","md","error","badgeText","onError","nano","bold","lineHeight"],"sourceRoot":"../../../../../src","sources":["components/ui/Grid/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SACEC,EAAE,EACFC,CAAC,EACDC,MAAM,EACNC,KAAK,EACLC,IAAI,IAAIC,CAAC,QAEJ,yBAAgB;;AAEvB;AACA;AACA;AACA;AACA,MAAMC,aAAa,GAAGP,UAAU,CAACQ,MAAM,CAAC;EACtCC,IAAI,EAAE;IAAEC,KAAK,EAAE;EAAO,CAAC;EACvBC,IAAI,EAAE;IAAED,KAAK,EAAE;EAAM,CAAC;EACtBE,IAAI,EAAE;IAAEF,KAAK,EAAE;EAAU,CAAC;EAC1BG,IAAI,EAAE;IAAEH,KAAK,EAAE;EAAM,CAAC;EACtBI,IAAI,EAAE;IAAEJ,KAAK,EAAE;EAAM,CAAC;EACtBK,IAAI,EAAE;IAAEL,KAAK,EAAE;EAAU;AAC3B,CAAC,CAAC;AAEF,OAAO,MAAMM,QAAQ,GAAIC,OAAe,IAAK;EAC3C,QAAQA,OAAO;IACb,KAAK,CAAC;MACJ,OAAOV,aAAa,CAACE,IAAI;IAC3B,KAAK,CAAC;MACJ,OAAOF,aAAa,CAACI,IAAI;IAC3B,KAAK,CAAC;MACJ,OAAOJ,aAAa,CAACK,IAAI;IAC3B,KAAK,CAAC;MACJ,OAAOL,aAAa,CAACO,IAAI;IAC3B,KAAK,CAAC;MACJ,OAAOP,aAAa,CAACQ,IAAI;IAC3B,KAAK,CAAC;IACN;MACE,OAAOR,aAAa,CAACM,IAAI;EAC7B;AACF,CAAC;AAED,OAAO,MAAMK,UAAU,GAAIC,CAAc,IACvCnB,UAAU,CAACQ,MAAM,CAAC;EAChBY,IAAI,EAAE;IACJV,KAAK,EAAE;EACT,CAAC;EACDW,IAAI,EAAE;IACJC,eAAe,EAAEH,CAAC,CAACI,OAAO;IAC1BC,YAAY,EAAErB,MAAM,CAACsB,EAAE;IACvBC,eAAe,EAAEtB,KAAK,CAAC,CAAC,CAAC;IACzBuB,iBAAiB,EAAEvB,KAAK,CAAC,CAAC,CAAC;IAC3BwB,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEV,CAAC,CAACW;EACjB,CAAC;EACDC,KAAK,EAAE;IACLC,aAAa,EAAE,KAAK;IACpBC,QAAQ,EAAE;EACZ,CAAC;EACDC,IAAI,EAAE;IACJR,eAAe,EAAEtB,KAAK,CAAC,CAAC,CAAC;IACzB+B,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,GAAG,EAAEjC,KAAK,CAAC,CAAC;EACd,CAAC;EACDkC,KAAK,EAAE;IACLC,QAAQ,EAAEjC,CAAC,CAACkC,GAAG;IACfC,UAAU,EAAExC,EAAE,CAACyC,MAAM;IACrBC,KAAK,EAAExB,CAAC,CAACyB;EACX,CAAC;EACDC,KAAK,EAAE;IACLC,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE7C,CAAC,CAAC,CAAC,CAAC,CAAC;IACV8C,KAAK,EAAE9C,CAAC,CAAC,CAAC,EAAE,CAAC;IACb+C,QAAQ,EAAE/C,CAAC,CAAC,EAAE,CAAC;IACfgD,MAAM,EAAEhD,CAAC,CAAC,EAAE,CAAC;IACbsB,YAAY,EAAErB,MAAM,CAACgD,EAAE;IACvB7B,eAAe,EAAEH,CAAC,CAACiC,KAAK;IACxBzB,iBAAiB,EAAEvB,KAAK,CAAC,CAAC,CAAC;IAC3B+B,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDiB,SAAS,EAAE;IACTV,KAAK,EAAExB,CAAC,CAACmC,OAAO;IAChBf,QAAQ,EAAEjC,CAAC,CAACiD,IAAI;IAChBd,UAAU,EAAExC,EAAE,CAACuD,IAAI;IACnBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,81 @@
+"use strict";
+
+import React from 'react';
+import { View } from 'react-native';
+import Svg, { Circle, Path, Rect } from 'react-native-svg';
+import { ICONS } from "../../../icons/index.js";
+import { useColors } from "../../../theme/index.js";
+import { createLogger } from "../../../utils/logger/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const log = createLogger('Icon');
+export function Icon({
+  name,
+  size = 18,
+  color,
+  strokeWidth,
+  style,
+  testID
+}) {
+  const c = useColors();
+  const stroke = color ?? c.foregroundMuted;
+  const def = ICONS[name];
+  if (!def) {
+    log.warn(`unknown icon: ${name}`);
+    return /*#__PURE__*/_jsx(View, {
+      style: [{
+        width: size,
+        height: size
+      }, style],
+      testID: testID,
+      accessibilityElementsHidden: true,
+      importantForAccessibility: "no-hide-descendants"
+    });
+  }
+  const sw = strokeWidth ?? def.strokeWidth;
+  return /*#__PURE__*/_jsx(View, {
+    style: style,
+    testID: testID,
+    accessibilityElementsHidden: true,
+    importantForAccessibility: "no-hide-descendants",
+    children: /*#__PURE__*/_jsx(Svg, {
+      width: size,
+      height: size,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: stroke,
+      strokeWidth: sw,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: def.elements.map((el, i) => {
+        const fill = el.fill === 'currentColor' ? stroke : el.fill ?? 'none';
+        if (el.kind === 'path') {
+          return /*#__PURE__*/_jsx(Path, {
+            d: el.d,
+            fill: fill
+          }, i);
+        }
+        if (el.kind === 'circle') {
+          return /*#__PURE__*/_jsx(Circle, {
+            cx: el.cx,
+            cy: el.cy,
+            r: el.r,
+            fill: fill
+          }, i);
+        }
+        if (el.kind === 'rect') {
+          return /*#__PURE__*/_jsx(Rect, {
+            x: el.x,
+            y: el.y,
+            width: el.width,
+            height: el.height,
+            rx: el.rx,
+            ry: el.ry,
+            fill: fill
+          }, i);
+        }
+        return null;
+      })
+    })
+  });
+}
+//# sourceMappingURL=Icon.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Svg","Circle","Path","Rect","ICONS","useColors","createLogger","jsx","_jsx","log","Icon","name","size","color","strokeWidth","style","testID","c","stroke","foregroundMuted","def","warn","width","height","accessibilityElementsHidden","importantForAccessibility","sw","children","viewBox","fill","strokeLinecap","strokeLinejoin","elements","map","el","i","kind","d","cx","cy","r","x","y","rx","ry"],"sourceRoot":"../../../../../src","sources":["components/ui/Icon/Icon.tsx"],"mappings":"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","ignoreList":[]}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,48 @@
+"use strict";
+
+import React from 'react';
+import { ButtonBase } from "../Button/ButtonBase.js";
+import { Icon } from "../Icon/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Icon-only 按钮 —— 与 Button 共享 ButtonBase chrome。
+ *
+ * `square=true` 触发 ButtonBase 方形布局(width=height=sizing.h)。
+ * Icon 大小由 `sizing.fs + 4` 决定 —— 无文本平衡,稍大于 Button 内 icon(`fs + 2`)。
+ *
+ * `accessibilityLabel` TypeScript 强制必填 —— icon-only 无文本提示语义,
+ * SR 必须靠 a11y label 朗读。
+ */
+export function IconButton({
+  icon,
+  onPress,
+  size = 'md',
+  variant = 'ghost',
+  color,
+  disabled,
+  accessibilityLabel,
+  accessibilityHint,
+  style,
+  testID
+}) {
+  return /*#__PURE__*/_jsx(ButtonBase, {
+    square: true,
+    onPress: onPress,
+    size: size,
+    variant: variant,
+    disabled: disabled,
+    accessibilityLabel: accessibilityLabel,
+    accessibilityHint: accessibilityHint,
+    style: style,
+    testID: testID,
+    children: ({
+      sizing,
+      palette
+    }) => /*#__PURE__*/_jsx(Icon, {
+      name: icon,
+      size: sizing.fs + 4,
+      color: color ?? palette.fg
+    })
+  });
+}
+//# sourceMappingURL=IconButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","ButtonBase","Icon","jsx","_jsx","IconButton","icon","onPress","size","variant","color","disabled","accessibilityLabel","accessibilityHint","style","testID","square","children","sizing","palette","name","fs","fg"],"sourceRoot":"../../../../../src","sources":["components/ui/IconButton/IconButton.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,QAAQ,yBAAsB;AACjD,SAASC,IAAI,QAAQ,kBAAS;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,UAAUA,CAAC;EACzBC,IAAI;EACJC,OAAO;EACPC,IAAI,GAAG,IAAI;EACXC,OAAO,GAAG,OAAO;EACjBC,KAAK;EACLC,QAAQ;EACRC,kBAAkB;EAClBC,iBAAiB;EACjBC,KAAK;EACLC;AACe,CAAC,EAAqB;EACrC,oBACEX,IAAA,CAACH,UAAU;IACTe,MAAM;IACNT,OAAO,EAAEA,OAAQ;IACjBC,IAAI,EAAEA,IAAK;IACXC,OAAO,EAAEA,OAAQ;IACjBE,QAAQ,EAAEA,QAAS;IACnBC,kBAAkB,EAAEA,kBAAmB;IACvCC,iBAAiB,EAAEA,iBAAkB;IACrCC,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA,MAAO;IAAAE,QAAA,EAEdA,CAAC;MAAEC,MAAM;MAAEC;IAAQ,CAAC,kBACnBf,IAAA,CAACF,IAAI;MAACkB,IAAI,EAAEd,IAAK;MAACE,IAAI,EAAEU,MAAM,CAACG,EAAE,GAAG,CAAE;MAACX,KAAK,EAAEA,KAAK,IAAIS,OAAO,CAACG;IAAG,CAAE;EACrE,CACS,CAAC;AAEjB","ignoreList":[]}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,24 @@
+"use strict";
+
+import { forwardRef } from 'react';
+import { TextFieldBase } from "../TextField/TextFieldBase.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * 单行文本输入框(多行内容请用 `<Textarea />`)。
+ *
+ * 视觉状态由 props 隐式驱动:idle / focus / filled / error / disabled。
+ *
+ * 实现层走 `<TextFieldBase multiline={false}>`,本组件是薄 wrap,
+ * 公开 API 跟历史完全一致。
+ *
+ * Ref:forwardRef<TextInput> —— 业务表单调 `inputRef.current?.focus()` 聚焦错误字段。
+ */
+export const Input = /*#__PURE__*/forwardRef(function Input(props, ref) {
+  return /*#__PURE__*/_jsx(TextFieldBase, {
+    ref: ref,
+    multiline: false,
+    ...props
+  });
+});
+Input.displayName = 'Input';
+//# sourceMappingURL=Input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["forwardRef","TextFieldBase","jsx","_jsx","Input","props","ref","multiline","displayName"],"sourceRoot":"../../../../../src","sources":["components/ui/Input/Input.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,aAAa,QAA2B,+BAA4B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG9E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,KAAK,gBAAGJ,UAAU,CAC7B,SAASI,KAAKA,CAACC,KAAK,EAAEC,GAAG,EAAE;EACzB,oBAAOH,IAAA,CAACF,aAAa;IAACK,GAAG,EAAEA,GAAI;IAACC,SAAS,EAAE,KAAM;IAAA,GAAKF;EAAK,CAAG,CAAC;AACjE,CACF,CAAC;AAEDD,KAAK,CAACI,WAAW,GAAG,OAAO","ignoreList":[]}

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

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

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

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

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

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

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

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