npm - @unif/react-native-design - Versions diffs - 0.1.0 - Mend

@unif/react-native-design 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1158) hide show

package/lib/typescript/src/components/ui/Confirm/styles.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Confirm/styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD;iDACiD;AACjD,eAAO,MAAM,UAAU,GAAI,GAAG,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4BrC,CAAC"}

package/lib/typescript/src/components/ui/Confirm/types.d.ts ADDED Viewed

@@ -0,0 +1,21 @@
+/** Confirm 入参。 */
+export type ConfirmOptions = {
+    /** 主标题 —— 短且明确,如 "确认注销账号?" */
+    title: string;
+    /** 说明文本 —— 1-2 句解释操作后果。可选 */
+    message?: string;
+    /** 确认按钮文案,默认 "确认" */
+    confirmLabel?: string;
+    /** 取消按钮文案,默认 "取消" */
+    cancelLabel?: string;
+    /** 标记为破坏性操作 —— 确认按钮变红(c.error),用于"删除 / 注销 / 取消订单" */
+    destructive?: boolean;
+};
+/** Host 内部 entry —— options + resolve 回调,用户点 确认/取消/backdrop 时 resolve。 */
+export type ConfirmEntry = ConfirmOptions & {
+    id: number;
+    resolve: (confirmed: boolean) => void;
+};
+/** ConfirmHost 监听器签名 —— 收到 entry 渲染对话框;收到 null 表示关闭。 */
+export type Subscriber = (entry: ConfirmEntry | null) => void;
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/components/ui/Confirm/types.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Confirm/types.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAClB,MAAM,MAAM,cAAc,GAAG;IAC3B,8BAA8B;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qBAAqB;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qBAAqB;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qDAAqD;IACrD,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,0EAA0E;AAC1E,MAAM,MAAM,YAAY,GAAG,cAAc,GAAG;IAC1C,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC,CAAC;AAEF,wDAAwD;AACxD,MAAM,MAAM,UAAU,GAAG,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,KAAK,IAAI,CAAC"}

package/lib/typescript/src/components/ui/DrawerHeader/DrawerHeader.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { DrawerHeaderProps } from './types';
+/**
+ * 品牌橙色抽屉头 —— 导航抽屉顶部区(`@react-navigation/drawer` 的 `drawerContent`)。
+ * 内容:橙色面板 + 56×56 单字头像 + 名称 + 可选副标题。
+ */
+export declare function DrawerHeader({ name, subtitle, source, testID, }: DrawerHeaderProps): React.JSX.Element;
+//# sourceMappingURL=DrawerHeader.d.ts.map

package/lib/typescript/src/components/ui/DrawerHeader/DrawerHeader.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"DrawerHeader.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/DrawerHeader/DrawerHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAEjD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,MAAM,GACP,EAAE,iBAAiB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAyCvC"}

package/lib/typescript/src/components/ui/DrawerHeader/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export { DrawerHeader } from './DrawerHeader';
+export type { DrawerHeaderProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/ui/DrawerHeader/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/DrawerHeader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC"}

package/lib/typescript/src/components/ui/DrawerHeader/styles.d.ts ADDED Viewed

@@ -0,0 +1,41 @@
+import type { ColorTokens } from '../../../theme';
+export declare const makeStyles: (c: ColorTokens) => Readonly<{
+    header: {
+        backgroundColor: string;
+        paddingHorizontal: number;
+        paddingTop: number;
+        paddingBottom: number;
+        gap: number;
+    };
+    avatar: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        backgroundColor: string;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    avatarImageMode: {
+        overflow: "hidden";
+    };
+    avatarImage: {
+        width: number;
+        height: number;
+    };
+    avatarText: {
+        color: string;
+        fontWeight: "700";
+        fontSize: number;
+    };
+    name: {
+        color: string;
+        fontSize: number;
+        fontWeight: "600";
+        marginTop: number;
+    };
+    subtitle: {
+        color: string;
+        fontSize: number;
+    };
+}>;
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/src/components/ui/DrawerHeader/styles.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/DrawerHeader/styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,eAAO,MAAM,UAAU,GAAI,GAAG,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuCrC,CAAC"}

package/lib/typescript/src/components/ui/DrawerHeader/types.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import type { ImageSourcePropType } from 'react-native';
+export type DrawerHeaderProps = {
+    /** 用户名（首字符渲染到圆形 brand 头像里；source 提供时仅作为 a11y label / fallback） */
+    name: string;
+    /** 副标题（comGroup · role 之类的辅助信息） */
+    subtitle?: string;
+    /** 真实头像图片（URL 或 require）；提供时优先渲染 image，加载失败 fallback 到 letter */
+    source?: ImageSourcePropType;
+    /** E2E / 测试定位 */
+    testID?: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/components/ui/DrawerHeader/types.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/DrawerHeader/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAExD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,kEAAkE;IAClE,IAAI,EAAE,MAAM,CAAC;IACb,mCAAmC;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,iEAAiE;IACjE,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,iBAAiB;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC"}

package/lib/typescript/src/components/ui/Empty/Empty.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { EmptyProps } from './types';
+/**
+ * 空态 / 占位组件 —— `primary-0` 圆盘上的 spark 插画 + 标题 + 描述。
+ */
+export declare function Empty({ title, desc, testID }: EmptyProps): React.JSX.Element;
+//# sourceMappingURL=Empty.d.ts.map

package/lib/typescript/src/components/ui/Empty/Empty.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"Empty.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Empty/Empty.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C;;GAEG;AACH,wBAAgB,KAAK,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,UAAU,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAY5E"}

package/lib/typescript/src/components/ui/Empty/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export { Empty } from './Empty';
+export type { EmptyProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/ui/Empty/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Empty/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}

package/lib/typescript/src/components/ui/Empty/styles.d.ts ADDED Viewed

@@ -0,0 +1,28 @@
+import { type ColorTokens } from '../../../theme';
+export declare const makeStyles: (c: ColorTokens) => Readonly<{
+    wrap: {
+        alignItems: "center";
+        paddingHorizontal: number;
+        paddingVertical: number;
+        gap: number;
+    };
+    illust: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        backgroundColor: string;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    title: {
+        fontSize: number;
+        fontWeight: "600";
+        color: string;
+    };
+    desc: {
+        fontSize: number;
+        color: string;
+        textAlign: "center";
+    };
+}>;
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/src/components/ui/Empty/styles.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Empty/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,KAAK,WAAW,EAAa,MAAM,gBAAgB,CAAC;AAE9E,eAAO,MAAM,UAAU,GAAI,GAAG,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;EA0BrC,CAAC"}

package/lib/typescript/src/components/ui/Empty/types.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+export type EmptyProps = {
+    /** 主标题（如「暂无数据」） */
+    title: string;
+    /** 副描述（建议下一步操作） */
+    desc?: string;
+    /** E2E / 测试定位 */
+    testID?: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/components/ui/Empty/types.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Empty/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG;IACvB,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,mBAAmB;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC"}

package/lib/typescript/src/components/ui/EntryCard/EntryCard.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { EntryCardProps } from './types';
+/** 入口横向小卡 —— 独立 surface 小卡视觉,不依赖 List 容器,
+ *  无 arrow / extra,纯入口语义,放在 grid 双列里靠 caller `style={{flex:1}}` 撑等宽。 */
+export declare function EntryCard({ icon, title, sub, onPress, style, testID, }: EntryCardProps): React.JSX.Element;
+//# sourceMappingURL=EntryCard.d.ts.map

package/lib/typescript/src/components/ui/EntryCard/EntryCard.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"EntryCard.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/EntryCard/EntryCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C;wEACwE;AACxE,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,KAAK,EACL,GAAG,EACH,OAAO,EACP,KAAK,EACL,MAAM,GACP,EAAE,cAAc,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAwCpC"}

package/lib/typescript/src/components/ui/EntryCard/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export { EntryCard } from './EntryCard';
+export type { EntryCardProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/ui/EntryCard/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/EntryCard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC"}

package/lib/typescript/src/components/ui/EntryCard/styles.d.ts ADDED Viewed

@@ -0,0 +1,40 @@
+import { type ColorTokens } from '../../../theme';
+export declare const makeStyles: (c: ColorTokens) => Readonly<{
+    card: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+        backgroundColor: string;
+        borderRadius: number;
+        paddingVertical: number;
+        paddingHorizontal: number;
+    };
+    iconTile: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        backgroundColor: string;
+        alignItems: "center";
+        justifyContent: "center";
+        flexShrink: number;
+    };
+    body: {
+        flex: number;
+        minWidth: number;
+        gap: number;
+    };
+    title: {
+        fontSize: number;
+        fontWeight: "500";
+        letterSpacing: number;
+        color: string;
+    };
+    sub: {
+        fontSize: number;
+        color: string;
+    };
+    pressed: {
+        opacity: number;
+    };
+}>;
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/src/components/ui/EntryCard/styles.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/EntryCard/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAA8B,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE9E,eAAO,MAAM,UAAU,GAAI,GAAG,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwCrC,CAAC"}

package/lib/typescript/src/components/ui/EntryCard/types.d.ts ADDED Viewed

@@ -0,0 +1,17 @@
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { IconName } from '../Icon';
+export type EntryCardProps = {
+    /** 左侧 icon tile 内的图标名 */
+    icon: IconName;
+    /** 主标题(13.5px medium) */
+    title: string;
+    /** 副标题(11px muted),省略不渲染该行 */
+    sub?: string;
+    /** 点击回调,未传不挂 Pressable */
+    onPress?: () => void;
+    /** 外层附加样式 —— 常用于 grid 列设 `flex: 1` */
+    style?: StyleProp<ViewStyle>;
+    /** E2E / 测试定位 */
+    testID?: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/components/ui/EntryCard/types.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/EntryCard/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,MAAM,MAAM,cAAc,GAAG;IAC3B,yBAAyB;IACzB,IAAI,EAAE,QAAQ,CAAC;IACf,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,8BAA8B;IAC9B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,0BAA0B;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,sCAAsC;IACtC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,iBAAiB;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC"}

package/lib/typescript/src/components/ui/Form/Form.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { FormProps } from './types';
+/**
+ * 表单根容器 —— 纵向堆叠多个 FormGroup。
+ */
+export declare function Form({ children, testID }: FormProps): React.JSX.Element;
+//# sourceMappingURL=Form.d.ts.map

package/lib/typescript/src/components/ui/Form/Form.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Form/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC;;GAEG;AACH,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAOvE"}

package/lib/typescript/src/components/ui/Form/FormGroup.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { FormGroupProps } from './types';
+/**
+ * 白卡片上的分组：分组标题 + 一组行。
+ * 组内行之间用 1px 细线分隔（表单是「不用 gap」规则的例外）。
+ *
+ * **业务约定：** 动态列表（运行时增删 FormRow）必须给每个 child 传稳定 `key` prop。
+ * 不传时 fallback 到 `__row-${i}` —— 仅适用于**静态**列表，动态列表会导致 state 漂移。
+ */
+export declare function FormGroup({ label, children, testID, }: FormGroupProps): React.JSX.Element;
+//# sourceMappingURL=FormGroup.d.ts.map

package/lib/typescript/src/components/ui/Form/FormGroup.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"FormGroup.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Form/FormGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE9C;;;;;;GAMG;AACH,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,MAAM,GACP,EAAE,cAAc,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAyBpC"}

package/lib/typescript/src/components/ui/Form/FormRow.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { FormRowProps } from './types';
+/**
+ * 带 label 的单行表单项。布局：左 label · 右控件。最小高度 48。
+ */
+export declare function FormRow({ label, children, required, error, testID, }: FormRowProps): React.JSX.Element;
+//# sourceMappingURL=FormRow.d.ts.map

package/lib/typescript/src/components/ui/Form/FormRow.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"FormRow.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Form/FormRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C;;GAEG;AACH,wBAAgB,OAAO,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,MAAM,GACP,EAAE,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAclC"}

package/lib/typescript/src/components/ui/Form/index.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+export { Form } from './Form';
+export { FormGroup } from './FormGroup';
+export { FormRow } from './FormRow';
+export type { FormProps, FormGroupProps, FormRowProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/ui/Form/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,SAAS,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC"}

package/lib/typescript/src/components/ui/Form/styles.d.ts ADDED Viewed

@@ -0,0 +1,55 @@
+import { type ColorTokens } from '../../../theme';
+export declare const makeStyles: (c: ColorTokens) => Readonly<{
+    form: {
+        gap: number;
+    };
+    group: {
+        gap: number;
+    };
+    groupLabel: {
+        fontSize: number;
+        fontWeight: "600";
+        color: string;
+        textTransform: "uppercase";
+        letterSpacing: number;
+        paddingHorizontal: number;
+    };
+    groupBody: {
+        backgroundColor: string;
+        borderRadius: number;
+        overflow: "hidden";
+    };
+    divider: {
+        borderTopWidth: number;
+        borderTopColor: string;
+    };
+    row: {
+        paddingHorizontal: number;
+        paddingVertical: number;
+        minHeight: number;
+        justifyContent: "center";
+    };
+    rowMain: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+    };
+    rowLabel: {
+        fontSize: number;
+        fontWeight: "500";
+        color: string;
+    };
+    required: {
+        color: string;
+    };
+    rowControl: {
+        flex: number;
+        alignItems: "flex-end";
+    };
+    errorText: {
+        fontSize: number;
+        color: string;
+        marginTop: number;
+    };
+}>;
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/src/components/ui/Form/styles.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Form/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAML,KAAK,WAAW,EACjB,MAAM,gBAAgB,CAAC;AAExB,eAAO,MAAM,UAAU,GAAI,GAAG,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqDrC,CAAC"}

package/lib/typescript/src/components/ui/Form/types.d.ts ADDED Viewed

@@ -0,0 +1,28 @@
+import type { ReactNode } from 'react';
+export type FormProps = {
+    /** Form 内部内容，通常是若干个 FormGroup / FormRow */
+    children: ReactNode;
+    /** E2E / 测试定位 */
+    testID?: string;
+};
+export type FormGroupProps = {
+    /** 分组标题（uppercase 小标签风格） */
+    label?: string;
+    /** 该分组下若干个 FormRow */
+    children: ReactNode;
+    /** E2E / 测试定位 */
+    testID?: string;
+};
+export type FormRowProps = {
+    /** 字段标题 */
+    label: string;
+    /** 字段控件（Input / Select / etc） */
+    children: ReactNode;
+    /** 必填标记，渲染右上红色星号 */
+    required?: boolean;
+    /** 错误信息，渲染在控件下方 */
+    error?: string;
+    /** E2E / 测试定位 */
+    testID?: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/components/ui/Form/types.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Form/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,SAAS,GAAG;IACtB,2CAA2C;IAC3C,QAAQ,EAAE,SAAS,CAAC;IACpB,iBAAiB;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sBAAsB;IACtB,QAAQ,EAAE,SAAS,CAAC;IACpB,iBAAiB;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,WAAW;IACX,KAAK,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,oBAAoB;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC"}

package/lib/typescript/src/components/ui/Grid/Grid.d.ts ADDED Viewed

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { GridProps } from './types';
+/**
+ * 图标入口宫格 —— 首页 / 分类落地页。1..6 列。
+ * 每格：图标 + 小标签，纵向居中。
+ *
+ * 性能：列宽走 StyleSheet 预生成规则（colWidth），避免每个 cell 创建内联对象。
+ */
+export declare function Grid({ items, columns, onPress, card, testID, }: GridProps): React.JSX.Element;
+//# sourceMappingURL=Grid.d.ts.map

package/lib/typescript/src/components/ui/Grid/Grid.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIzC;;;;;GAKG;AACH,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,OAAW,EACX,OAAO,EACP,IAAW,EACX,MAAM,GACP,EAAE,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA2C/B"}

package/lib/typescript/src/components/ui/Grid/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export { Grid } from './Grid';
+export type { GridItem, GridProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/ui/Grid/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Grid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}

package/lib/typescript/src/components/ui/Grid/styles.d.ts ADDED Viewed

@@ -0,0 +1,51 @@
+import { type ColorTokens } from '../../../theme';
+export declare const colWidth: (columns: number) => {
+    width: string;
+};
+export declare const makeStyles: (c: ColorTokens) => Readonly<{
+    wrap: {
+        width: string;
+    };
+    card: {
+        backgroundColor: string;
+        borderRadius: number;
+        paddingVertical: number;
+        paddingHorizontal: number;
+        borderWidth: number;
+        borderColor: string;
+    };
+    inner: {
+        flexDirection: "row";
+        flexWrap: "wrap";
+    };
+    cell: {
+        paddingVertical: number;
+        alignItems: "center";
+        justifyContent: "center";
+        gap: number;
+    };
+    label: {
+        fontSize: number;
+        fontWeight: "500";
+        color: string;
+    };
+    badge: {
+        position: "absolute";
+        top: number;
+        right: number;
+        minWidth: number;
+        height: number;
+        borderRadius: number;
+        backgroundColor: string;
+        paddingHorizontal: number;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    badgeText: {
+        color: string;
+        fontSize: number;
+        fontWeight: "700";
+        lineHeight: number;
+    };
+}>;
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/src/components/ui/Grid/styles.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Grid/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAML,KAAK,WAAW,EACjB,MAAM,gBAAgB,CAAC;AAexB,eAAO,MAAM,QAAQ,GAAI,SAAS,MAAM;;CAgBvC,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,GAAG,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8CrC,CAAC"}

package/lib/typescript/src/components/ui/Grid/types.d.ts ADDED Viewed

@@ -0,0 +1,24 @@
+import type { IconName } from '../Icon';
+export type GridItem = {
+    id: string;
+    icon: IconName;
+    label: string;
+    /** 图标右上角的数字角标（用 string 才能写 '99+'） */
+    badge?: number | string;
+    /** 单 cell 测试定位（不传则自动用 `${gridTestID}-${id}`） */
+    testID?: string;
+};
+export type GridProps = {
+    items: GridItem[];
+    /**
+     * 列数 1..6；默认 4。
+     * ⚠️ 类型外的值（如 `7`）会**静默**回退到 4 列 — 业务应在传入前自行校验。
+     */
+    columns?: 1 | 2 | 3 | 4 | 5 | 6;
+    onPress?: (item: GridItem) => void;
+    /** 是否套白色卡片；传 false 则背景透明 */
+    card?: boolean;
+    /** 容器 testID；item testID 会自动派生为 `${testID}-${item.id}` */
+    testID?: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/components/ui/Grid/types.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Grid/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,QAAQ,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,gDAAgD;IAChD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAChC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;IACnC,4BAA4B;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,0DAA0D;IAC1D,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC"}

package/lib/typescript/src/components/ui/Icon/Icon.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { IconProps } from './types';
+export declare function Icon({ name, size, color, strokeWidth, style, testID, }: IconProps): React.JSX.Element;
+//# sourceMappingURL=Icon.d.ts.map

package/lib/typescript/src/components/ui/Icon/Icon.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Icon/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIzC,wBAAgB,IAAI,CAAC,EACnB,IAAI,EACJ,IAAS,EACT,KAAK,EACL,WAAW,EACX,KAAK,EACL,MAAM,GACP,EAAE,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAgE/B"}

package/lib/typescript/src/components/ui/Icon/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export { Icon } from './Icon';
+export type { IconName, IconProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/ui/Icon/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC"}

package/lib/typescript/src/components/ui/Icon/types.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { IconName } from '../../../icons';
+export type { IconName };
+export type IconProps = {
+    name: IconName;
+    size?: number;
+    color?: string;
+    /** 覆盖描边宽度（默认按每个图标自带值，多数 1.75，少数 2） */
+    strokeWidth?: number;
+    style?: StyleProp<ViewStyle>;
+    /** E2E / 测试定位（挂在外层 View） */
+    testID?: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/components/ui/Icon/types.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Icon/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAE/C,YAAY,EAAE,QAAQ,EAAE,CAAC;AAEzB,MAAM,MAAM,SAAS,GAAG;IACtB,IAAI,EAAE,QAAQ,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,4BAA4B;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC"}

package/lib/typescript/src/components/ui/IconButton/IconButton.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { IconButtonProps } from './types';
+/**
+ * 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 declare function IconButton({ icon, onPress, size, variant, color, disabled, accessibilityLabel, accessibilityHint, style, testID, }: IconButtonProps): React.JSX.Element;
+//# sourceMappingURL=IconButton.d.ts.map

package/lib/typescript/src/components/ui/IconButton/IconButton.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/IconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAE/C;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,OAAO,EACP,IAAW,EACX,OAAiB,EACjB,KAAK,EACL,QAAQ,EACR,kBAAkB,EAClB,iBAAiB,EACjB,KAAK,EACL,MAAM,GACP,EAAE,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAkBrC"}

package/lib/typescript/src/components/ui/IconButton/index.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export { IconButton } from './IconButton';
+export type { IconButtonProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/ui/IconButton/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/IconButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC"}

package/lib/typescript/src/components/ui/IconButton/types.d.ts ADDED Viewed

@@ -0,0 +1,28 @@
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { IconName } from '../Icon';
+import type { ButtonSize, ButtonVariant } from '../Button/types';
+export type IconButtonProps = {
+    /** 图标名 */
+    icon: IconName;
+    /** 点击;disabled 时不触发 */
+    onPress?: () => void;
+    /** 尺寸,默认 'md'(28 / 36 / 44 方形) */
+    size?: ButtonSize;
+    /** 视觉变体,默认 'ghost'(透明底,适合 header right-tray 场景) */
+    variant?: ButtonVariant;
+    /** Icon 颜色 override —— 不传走 variant.palette.fg(品牌一致默认);
+     *  caller 显式控制 icon 色场景(eg NavBar 内部按 variant 推导出 foreground /
+     *  onPrimary)。仅影响 icon 色,bg/border 仍由 variant palette 决定。 */
+    color?: string;
+    /** 整体禁用:opacity 0.5 + 不响应 */
+    disabled?: boolean;
+    /** **必填** — 无文本提示语义,SR 需要 */
+    accessibilityLabel: string;
+    /** SR 朗读 label 后的行为说明 hint。仅在"行为不显然"时加。 */
+    accessibilityHint?: string;
+    /** 额外样式 */
+    style?: StyleProp<ViewStyle>;
+    /** E2E / 测试定位 */
+    testID?: string;
+};
+//# sourceMappingURL=types.d.ts.map