@unif/react-native-design 0.1.0

package/lib/typescript/src/components/ui/Card/styles.d.ts

@@ -0,0 +1,18 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+import type { ColorTokens, ShadowTokens } from '../../../theme';
+import type { CardVariant } from './types';
+export declare const makeStyles: (c: ColorTokens) => Readonly<{
+    base: {
+        backgroundColor: string;
+        overflow: "hidden";
+    };
+    flat: {};
+}>;
+/**
+ * variant → 装饰样式映射(§8 返 style 值的 helper,合并入 styles.ts):
+ * - `default`:`s.card` 标准卡片阴影
+ * - `flat`:走 `styles.flat`(目前空,deprecated 等价 plain;保留以容纳未来差量)
+ * - `plain`:`undefined`(纯白底,装饰为零)
+ */
+export declare function variantToStyle(v: CardVariant, s: ShadowTokens, styles: ReturnType<typeof makeStyles>): StyleProp<ViewStyle>;
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/src/components/ui/Card/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Card/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAC1E,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAChE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,eAAO,MAAM,UAAU,GAAI,GAAG,WAAW;;;;;;EAOrC,CAAC;AAEL;;;;;GAKG;AACH,wBAAgB,cAAc,CAC5B,CAAC,EAAE,WAAW,EACd,CAAC,EAAE,YAAY,EACf,MAAM,EAAE,UAAU,CAAC,OAAO,UAAU,CAAC,GACpC,SAAS,CAAC,SAAS,CAAC,CAStB"}

package/lib/typescript/src/components/ui/Card/types.d.ts

@@ -0,0 +1,40 @@
+import type { ReactNode } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+/**
+ * Card **视觉变体**（控制装饰，跟 `bare` 是正交维度）：
+ * - `default`：白底 + 阴影 + 边框（标准卡片）
+ * - `plain`：仅白底（无阴影无边框，承载更轻量，如 chat 气泡内嵌组件）
+ * - `flat`：**deprecated** — 等价于 `plain`，新代码请用 `plain`。
+ */
+export type CardVariant = 'default' | 'flat' | 'plain';
+export type CardProps = {
+    /** Card 内容 */
+    children: ReactNode;
+    /** 视觉变体，默认 'default' */
+    variant?: CardVariant;
+    /** 自定义内边距（覆盖默认 padding） */
+    padding?: number;
+    /** 自定义圆角（覆盖默认 radius.md） */
+    borderRadius?: number;
+    /** 自定义边框色（覆盖默认 c.outline；仅 default/flat 有边框） */
+    borderColor?: string;
+    /** 自定义边框宽度（覆盖默认 1；仅 default/flat 有边框） */
+    borderWidth?: number;
+    /**
+     * 「裸壳」模式：把 padding 设为 0，children 紧贴 Card 边缘渲染。
+     *
+     * **跟 variant 是正交维度**：
+     *  - `variant` 控制装饰（阴影 / 边框 / 底色）
+     *  - `bare` 控制内边距（是否留白）
+     *
+     * 常用组合：
+     *  - 业务想自己控 padding 但保留卡片视觉 → `<Card variant="default" bare>`
+     *  - 业务要「完全朴素」（无装饰 + 无 padding）→ `<Card variant="plain" bare>`
+     */
+    bare?: boolean;
+    /** 额外样式覆盖 */
+    style?: StyleProp<ViewStyle>;
+    /** 测试 testID */
+    testID?: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/components/ui/Card/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Card/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD;;;;;GAKG;AACH,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;AAEvD,MAAM,MAAM,SAAS,GAAG;IACtB,cAAc;IACd,QAAQ,EAAE,SAAS,CAAC;IACpB,wBAAwB;IACxB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4BAA4B;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yCAAyC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa;IACb,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,gBAAgB;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC"}

package/lib/typescript/src/components/ui/Carousel/Carousel.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { CarouselProps } from './types';
+/** 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。
+ */
+export declare function Carousel<T extends object>({ items, renderItem, height, itemWidth, autoPlay, showIndicator, indicatorPosition, onPressItem, getAccessibilityLabel, style, testID, }: CarouselProps<T>): React.JSX.Element;
+//# sourceMappingURL=Carousel.d.ts.map

package/lib/typescript/src/components/ui/Carousel/Carousel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Carousel/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C;;;;;;;;GAQG;AAEH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,MAAM,EAAE,EACzC,KAAK,EACL,UAAU,EACV,MAAM,EACN,SAAS,EACT,QAAQ,EACR,aAAoB,EACpB,iBAA4B,EAC5B,WAAW,EACX,qBAAqB,EACrB,KAAK,EACL,MAAM,GACP,EAAE,aAAa,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA8DtC"}

package/lib/typescript/src/components/ui/Carousel/index.d.ts

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

package/lib/typescript/src/components/ui/Carousel/index.d.ts.map

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

package/lib/typescript/src/components/ui/Carousel/styles.d.ts

@@ -0,0 +1,37 @@
+import { type ColorTokens } from '../../../theme';
+export declare const makeCarouselStyles: (c: ColorTokens) => Readonly<{
+    /** 'bottom' 模式:独立行容器,覆盖 Pagination.Custom 默认的 `justifyContent: 'space-between'`
+     *  (否则 dot 横向撑开),让 dot 居中紧贴。 */
+    dotsWrapBottom: {
+        flexDirection: "row";
+        justifyContent: "center";
+        alignItems: "center";
+        gap: number;
+        paddingTop: number;
+    };
+    /** 'overlay-bottom-right' 模式:absolute 浮在 Carousel 右下角,
+     *  override `justifyContent` → 'flex-end' 让 dot 群靠右。 */
+    dotsWrapOverlay: {
+        position: "absolute";
+        bottom: number;
+        right: number;
+        flexDirection: "row";
+        justifyContent: "flex-end";
+        alignItems: "center";
+        gap: number;
+    };
+    dot: {
+        width: number;
+        height: number;
+        borderRadius: 999;
+        backgroundColor: string;
+        opacity: number;
+    };
+    /** activeDot —— 12×4 长条,Pagination.Custom 会把 dotStyle 的 height /
+     *  borderRadius 与 activeDotStyle 的 width 一起 interpolate,这里只 override 变化值。 */
+    dotActive: {
+        width: number;
+        opacity: number;
+    };
+}>;
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/src/components/ui/Carousel/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Carousel/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAEpE,eAAO,MAAM,kBAAkB,GAAI,GAAG,WAAW;IAE7C;oCACgC;;;;;;;;IAShC;4DACwD;;;;;;;;;;;;;;;;;IAkBxD;iFAC6E;;;;;EAK7E,CAAC"}

package/lib/typescript/src/components/ui/Carousel/types.d.ts

@@ -0,0 +1,34 @@
+import type { ReactNode } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+/** Indicator 位置策略:
+ *  - 'bottom'(默认):指示器独立行,跟 Carousel 下方;容器高度 = height + 16
+ *  - 'overlay-bottom-right':指示器 absolute 浮在 Carousel 右下角,不占额外高度 */
+export type CarouselIndicatorPosition = 'bottom' | 'overlay-bottom-right';
+export type CarouselProps<T> = {
+    /** 数组数据 */
+    items: ReadonlyArray<T>;
+    /** 单项渲染 */
+    renderItem: (item: T, index: number) => ReactNode;
+    /** 每张高度(宽度默认 = 屏宽,被 itemWidth 覆盖) */
+    height: number;
+    /** 每张宽度,默认 useWindowDimensions().width。
+     *  若 caller 外层有 marginHorizontal(如 Dashboard banner inset 16),需要传
+     *  `屏宽 - 左右 margin*2`,否则 slide 宽度超过可视区,右侧内容被裁切。 */
+    itemWidth?: number;
+    /** autoPlay 间隔 ms,undefined / 0 不自动 */
+    autoPlay?: number;
+    /** 是否显示底部 dot indicator,默认 true */
+    showIndicator?: boolean;
+    /** indicator 位置策略,默认 'bottom' */
+    indicatorPosition?: CarouselIndicatorPosition;
+    /** 单项点击 */
+    onPressItem?: (item: T, index: number) => void;
+    /** 单项 a11y label 解析器。仅 `onPressItem` 存在时启用 —— Pressable 拿来作
+     *  `accessibilityLabel`(role 自动设 button)。不传则 fallback `第 N 项`。 */
+    getAccessibilityLabel?: (item: T, index: number) => string;
+    /** 外层 View 附加样式 */
+    style?: StyleProp<ViewStyle>;
+    /** E2E / 测试定位 */
+    testID?: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/components/ui/Carousel/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Carousel/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD;;mEAEmE;AACnE,MAAM,MAAM,yBAAyB,GAAG,QAAQ,GAAG,sBAAsB,CAAC;AAE1E,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI;IAC7B,WAAW;IACX,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACxB,WAAW;IACX,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAC;IAClD,qCAAqC;IACrC,MAAM,EAAE,MAAM,CAAC;IACf;;uDAEmD;IACnD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mCAAmC;IACnC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,iCAAiC;IACjC,iBAAiB,CAAC,EAAE,yBAAyB,CAAC;IAC9C,WAAW;IACX,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C;sEACkE;IAClE,qBAAqB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC3D,mBAAmB;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,iBAAiB;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC"}

package/lib/typescript/src/components/ui/Cell/Cell.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { CellProps } from './types';
+/**
+ * 设置 / 列表行。布局:`leading? · (title / desc) · extra? · arrow?`
+ *
+ * 两种风格(由父 `<List>` 通过 ListVariantContext 决定):
+ * - `grouped`(默认):独立白卡片 + 8px 间距
+ * - `flush`(嵌在 Card 内):紧凑列表,28×28 橙色 icon 盒子,行间 inset hairline 分隔
+ */
+export declare function Cell({ title, titleLines, desc, extra, arrow, leading, onPress, disabled, danger, style, testID, accessibilityLabel, accessibilityHint, }: CellProps): React.JSX.Element;
+//# sourceMappingURL=Cell.d.ts.map

package/lib/typescript/src/components/ui/Cell/Cell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Cell/Cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAkBzC;;;;;;GAMG;AACH,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,UAAU,EACV,IAAI,EACJ,KAAK,EACL,KAAK,EACL,OAAO,EACP,OAAO,EACP,QAAQ,EACR,MAAM,EACN,KAAK,EACL,MAAM,EACN,kBAAkB,EAClB,iBAAiB,GAClB,EAAE,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA6D/B"}

package/lib/typescript/src/components/ui/Cell/Leading.d.ts

@@ -0,0 +1,7 @@
+import { type ReactNode } from 'react';
+import { type IconName } from '../Icon';
+export declare function Leading({ slot, danger, }: {
+    slot: IconName | ReactNode;
+    danger?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Leading.d.ts.map

package/lib/typescript/src/components/ui/Cell/Leading.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Leading.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Cell/Leading.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,SAAS,CAAC;AAgB9C,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,MAAM,GACP,EAAE;IACD,IAAI,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,2CAiCA"}

package/lib/typescript/src/components/ui/Cell/List.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { ListProps } from './types';
+/**
+ * Cell 的分组容器。
+ *
+ * - 默认 `grouped` = 灰底排列白卡片,间距 8px
+ * - `flush=true` = 嵌在外层 Card 内,紧凑列表;`divider="full"` 铺满全宽 hairline / `"none"` 无分隔线
+ */
+export declare function List({ children, flush, divider, style, testID, }: ListProps): React.JSX.Element;
+//# sourceMappingURL=List.d.ts.map

package/lib/typescript/src/components/ui/Cell/List.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Cell/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC;;;;;GAKG;AACH,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,KAAK,EACL,OAAgB,EAChB,KAAK,EACL,MAAM,GACP,EAAE,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA0B/B"}

package/lib/typescript/src/components/ui/Cell/context.d.ts

@@ -0,0 +1,7 @@
+/** List → Cell 间的样式风格通道。
+ *  - 'grouped' = 默认,每个 Cell 独立白卡片 + 8px 间距,无 cell 间分隔线
+ *  - 'flush' = 紧凑列表,28×28 圆角 7 icon 盒子,Cell 之间 hairline 分隔线 */
+export type ListVariant = 'grouped' | 'flush';
+export declare const ListVariantContext: import("react").Context<ListVariant>;
+export declare const useListVariant: () => ListVariant;
+//# sourceMappingURL=context.d.ts.map

package/lib/typescript/src/components/ui/Cell/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Cell/context.ts"],"names":[],"mappings":"AAEA;;+DAE+D;AAC/D,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,OAAO,CAAC;AAE9C,eAAO,MAAM,kBAAkB,sCAAwC,CAAC;AAExE,eAAO,MAAM,cAAc,QAAO,WAA6C,CAAC"}

package/lib/typescript/src/components/ui/Cell/index.d.ts

@@ -0,0 +1,4 @@
+export { Cell } from './Cell';
+export { List } from './List';
+export type { CellProps, ListProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/ui/Cell/index.d.ts.map

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

package/lib/typescript/src/components/ui/Cell/styles.d.ts

@@ -0,0 +1,82 @@
+import { type ColorTokens } from '../../../theme';
+export declare const makeStyles: (c: ColorTokens) => Readonly<{
+    cell: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+        paddingHorizontal: number;
+        paddingVertical: number;
+        minHeight: number;
+        backgroundColor: string;
+        borderRadius: number;
+    };
+    cellFlush: {
+        backgroundColor: string;
+        borderRadius: number;
+        gap: number;
+        paddingHorizontal: number;
+        paddingVertical: number;
+        minHeight: number;
+    };
+    cellFlushWithDesc: {
+        paddingVertical: number;
+    };
+    body: {
+        flex: number;
+        minWidth: number;
+        gap: number;
+    };
+    title: {
+        fontSize: number;
+        fontWeight: "500";
+        color: string;
+        lineHeight: number;
+    };
+    titleFlush: {
+        fontSize: number;
+        fontWeight: "500";
+        letterSpacing: number;
+        lineHeight: number;
+        color: string;
+    };
+    desc: {
+        fontSize: number;
+        color: string;
+        lineHeight: number;
+    };
+    descFlush: {
+        fontSize: number;
+        color: string;
+        opacity: number;
+        marginTop: number;
+    };
+    extra: {
+        fontSize: number;
+        color: string;
+    };
+    extraFlush: {
+        fontSize: number;
+        color: string;
+        opacity: number;
+    };
+    chevronFlush: {
+        opacity: number;
+    };
+    /** flush 行间分隔线 —— hairline + outline,铺满 cell 全宽 */
+    separator: {
+        height: number;
+        backgroundColor: string;
+    };
+    list: {
+        gap: number;
+    };
+    listGrouped: {
+        backgroundColor: string;
+        padding: number;
+        borderRadius: number;
+    };
+    listFlush: {
+        backgroundColor: string;
+    };
+}>;
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/src/components/ui/Cell/styles.d.ts.map

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

package/lib/typescript/src/components/ui/Cell/types.d.ts

@@ -0,0 +1,52 @@
+import type { ReactNode } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { IconName } from '../Icon';
+export type CellProps = {
+    /** 标题（必填）；string 自动套 Text + numberOfLines=titleLines，传 ReactNode 完全自定义 */
+    title: ReactNode;
+    /** title 是 string 时的 numberOfLines（默认 1）。多行场景如新闻列表标题传 2。 */
+    titleLines?: number;
+    /** 副标题；string 自动 numberOfLines=2，传 ReactNode 完全自定义 */
+    desc?: ReactNode;
+    /** 右侧 slot —— 字符串自动套 Text；传 ReactNode 放 Switch / Stepper / Tag 等控件 */
+    extra?: ReactNode;
+    /** 显示右侧 chevron-right 图标，常配合 onPress 表示「可进入下一级」 */
+    arrow?: boolean;
+    /** 前置 slot —— IconName 自动渲染 24×24 图标；传 ReactNode 放 Avatar / 自定义图形 */
+    leading?: IconName | ReactNode;
+    /** 点击回调 —— 不传则 cell 不可点（纯展示） */
+    onPress?: () => void;
+    /**
+     * 显式禁用：仅对带 onPress 的 cell 有效。
+     * disabled=true 时 onPress 不触发 + 整体半透明 + a11y disabled。
+     */
+    disabled?: boolean;
+    /** 危险态:icon 盒子 + 标题用 error 红色,且不渲染 arrow(常用于退出登录 / 删除等)。 */
+    danger?: boolean;
+    /** 额外样式覆盖(合并到 cell 容器的 style 数组) */
+    style?: StyleProp<ViewStyle>;
+    /** E2E / 测试定位 */
+    testID?: string;
+    /** 显式 SR 朗读文案,覆盖 Cell 默认从 string title 推断的 fallback。
+     *  title 是 ReactNode(自定义渲染)时尤其需要,否则 SR 用户听不到任何内容。 */
+    accessibilityLabel?: string;
+    /** SR 朗读 hint —— 说明 tap 后行为(参 CLAUDE.md a11y 章节,短 ≤8 字)。
+     *  常用:"查看详情" / "打开应用" 等;onPress 缺省时此 prop 无意义。 */
+    accessibilityHint?: string;
+};
+export type ListProps = {
+    /** 一组 Cell */
+    children: ReactNode;
+    /**
+     * `flush=true` 时不画灰色容器,行直接放在透明背景上。
+     * 用于:嵌套在 Card 内 / 第一屏 hero 区下方等已有底色的场景。
+     */
+    flush?: boolean;
+    /** flush 模式下行间分隔线样式,默认 `'full'`(铺满全宽 hairline) / `'none'` 不画 */
+    divider?: 'full' | 'none';
+    /** 额外样式覆盖 */
+    style?: StyleProp<ViewStyle>;
+    /** E2E / 测试定位 */
+    testID?: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/components/ui/Cell/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Cell/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,MAAM,MAAM,SAAS,GAAG;IACtB,0EAA0E;IAC1E,KAAK,EAAE,SAAS,CAAC;IACjB,4DAA4D;IAC5D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sDAAsD;IACtD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,sEAAsE;IACtE,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,mDAAmD;IACnD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,qEAAqE;IACrE,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC/B,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,oCAAoC;IACpC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,iBAAiB;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;yDACqD;IACrD,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;sDACkD;IAClD,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG;IACtB,cAAc;IACd,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,gEAAgE;IAChE,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,aAAa;IACb,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,iBAAiB;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC"}

package/lib/typescript/src/components/ui/Checkbox/Checkbox.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { CheckboxProps } from './types';
+/**
+ * 多选复选框。20×20 盒子。
+ * 关：透明背景 + 细线边框。
+ * 开：主色填充 + 白色对勾。
+ *
+ * `shape='circle'` —— 必勾确认项专用(协议同意等),圆形以示区别。
+ */
+export declare function Checkbox({ checked, onChange, label, shape, disabled, testID, }: CheckboxProps): React.JSX.Element;
+//# sourceMappingURL=Checkbox.d.ts.map

package/lib/typescript/src/components/ui/Checkbox/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,QAAQ,EACR,KAAK,EACL,KAAgB,EAChB,QAAQ,EACR,MAAM,GACP,EAAE,aAAa,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAkCnC"}

package/lib/typescript/src/components/ui/Checkbox/index.d.ts

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

package/lib/typescript/src/components/ui/Checkbox/index.d.ts.map

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

package/lib/typescript/src/components/ui/Checkbox/styles.d.ts

@@ -0,0 +1,23 @@
+import type { ColorTokens } from '../../../theme';
+export declare const makeStyles: (c: ColorTokens) => Readonly<{
+    row: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+    };
+    box: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        borderWidth: number;
+        borderColor: string;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    label: {
+        fontSize: number;
+        color: string;
+        fontWeight: "400";
+    };
+}>;
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/src/components/ui/Checkbox/styles.d.ts.map

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

package/lib/typescript/src/components/ui/Checkbox/types.d.ts

@@ -0,0 +1,15 @@
+export type CheckboxProps = {
+    /** 当前选中状态（受控） */
+    checked: boolean;
+    /** 状态变化回调，传入新的 checked 值 */
+    onChange: (checked: boolean) => void;
+    /** 旁标文字（不传则只渲染勾选方框） */
+    label?: string;
+    /** 形状,默认方形;'circle' 用于需要强调的必勾项(如协议同意) */
+    shape?: 'square' | 'circle';
+    /** 禁用 */
+    disabled?: boolean;
+    /** E2E / 测试定位 */
+    testID?: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/components/ui/Checkbox/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Checkbox/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG;IAC1B,iBAAiB;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,4BAA4B;IAC5B,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yCAAyC;IACzC,KAAK,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC5B,SAAS;IACT,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC"}

package/lib/typescript/src/components/ui/Chip/Chip.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { ChipProps } from './types';
+/**
+ * 胶囊形可点击 chip。
+ * - 默认：白底 + 细线边框，fg-1 文本
+ * - 选中：主色边框 + 主色文本
+ * - 按下：透明度 0.7
+ *
+ * 常用于建议 chip、筛选 pill、多选标签等。
+ */
+export declare function Chip({ label, selected, onPress, leading, trailing, style, testID, }: ChipProps): React.JSX.Element;
+//# sourceMappingURL=Chip.d.ts.map

package/lib/typescript/src/components/ui/Chip/Chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Chip/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC;;;;;;;GAOG;AACH,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,OAAO,EACP,QAAQ,EACR,KAAK,EACL,MAAM,GACP,EAAE,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA8B/B"}

package/lib/typescript/src/components/ui/Chip/index.d.ts

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

package/lib/typescript/src/components/ui/Chip/index.d.ts.map

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

package/lib/typescript/src/components/ui/Chip/styles.d.ts

@@ -0,0 +1,28 @@
+import { type ColorTokens } from '../../../theme';
+export declare const makeStyles: (c: ColorTokens) => Readonly<{
+    chip: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+        paddingHorizontal: number;
+        paddingVertical: number;
+        backgroundColor: string;
+        borderWidth: number;
+        borderColor: string;
+        borderRadius: 999;
+        alignSelf: "flex-start";
+    };
+    chipOn: {
+        borderColor: string;
+        backgroundColor: string;
+    };
+    text: {
+        fontSize: number;
+        color: string;
+        fontWeight: "400";
+    };
+    textOn: {
+        color: string;
+    };
+}>;
+//# sourceMappingURL=styles.d.ts.map

package/lib/typescript/src/components/ui/Chip/styles.d.ts.map

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

package/lib/typescript/src/components/ui/Chip/types.d.ts

@@ -0,0 +1,15 @@
+import type { ReactNode } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+export type ChipProps = {
+    label: string;
+    selected?: boolean;
+    onPress?: () => void;
+    /** 可选的前置插槽 —— 如 <Icon name="spark" /> */
+    leading?: ReactNode;
+    /** 可选的后置插槽 —— 如一个小的 × 关闭按钮 */
+    trailing?: ReactNode;
+    style?: StyleProp<ViewStyle>;
+    /** E2E / 测试定位 */
+    testID?: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/components/ui/Chip/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Chip/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,yCAAyC;IACzC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,iBAAiB;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC"}

package/lib/typescript/src/components/ui/Confirm/ConfirmHost.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+/**
+ * Confirm 对话框 Portal —— App 根挂一次,监听 `confirm()` 调用并渲染。
+ *
+ * 走 `<BottomSheetModal>` + `<BottomSheetModalProvider>`,通过 Provider Portal
+ * 自动渲染到 App 顶层 —— 整屏 backdrop + 不受 React tree 位置影响。
+ */
+export declare function ConfirmHost(): React.JSX.Element | null;
+//# sourceMappingURL=ConfirmHost.d.ts.map

package/lib/typescript/src/components/ui/Confirm/ConfirmHost.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmHost.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Confirm/ConfirmHost.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AA4Bf;;;;;GAKG;AACH,wBAAgB,WAAW,IAAI,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CA6FtD"}

package/lib/typescript/src/components/ui/Confirm/confirm.d.ts

@@ -0,0 +1,20 @@
+import type { ConfirmOptions, Subscriber } from './types';
+export declare const _subs: Set<Subscriber>;
+/**
+ * 弹出确认对话框,返回 Promise<boolean>。
+ * - 用户点确认 → resolve(true)
+ * - 用户点取消 / 点 backdrop / 拖关闭 → resolve(false)
+ *
+ * 示例:
+ * ```ts
+ * const ok = await confirm({
+ *   title: '确认注销账号?',
+ *   message: '注销后所有数据删除,无法恢复',
+ *   confirmLabel: '确认注销',
+ *   destructive: true,
+ * });
+ * if (ok) doLogout();
+ * ```
+ */
+export declare function confirm(options: ConfirmOptions): Promise<boolean>;
+//# sourceMappingURL=confirm.d.ts.map

package/lib/typescript/src/components/ui/Confirm/confirm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Confirm/confirm.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,cAAc,EAAgB,UAAU,EAAE,MAAM,SAAS,CAAC;AAMxE,eAAO,MAAM,KAAK,iBAAwB,CAAC;AAE3C;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,OAAO,CAAC,OAAO,CAAC,CAmBjE"}

package/lib/typescript/src/components/ui/Confirm/index.d.ts

@@ -0,0 +1,4 @@
+export { confirm } from './confirm';
+export { ConfirmHost } from './ConfirmHost';
+export type { ConfirmOptions } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/ui/Confirm/index.d.ts.map

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

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

@@ -0,0 +1,32 @@
+import type { ColorTokens } from '../../../theme';
+/** Confirm 对话框 styles —— title/message 走 BottomSheetView 顶部段,
+ *  actions 走 BottomSheetFooter 自动浮到 sheet 底部。 */
+export declare const makeStyles: (c: ColorTokens) => Readonly<{
+    sheetBackground: {
+        backgroundColor: string;
+    };
+    sheet: {
+        paddingHorizontal: number;
+        paddingTop: number;
+        gap: number;
+    };
+    title: {
+        fontSize: number;
+        fontWeight: "600";
+        color: string;
+        letterSpacing: number;
+    };
+    message: {
+        fontSize: number;
+        color: string;
+        lineHeight: number;
+    };
+    actions: {
+        flexDirection: "row";
+        gap: number;
+        paddingHorizontal: number;
+        paddingTop: number;
+        paddingBottom: number;
+    };
+}>;
+//# sourceMappingURL=styles.d.ts.map