@ezpg/app-ui 0.1.0 → 0.2.0

package/lib/typescript/src/sortable/sortable-grid.d.ts

@@ -10,27 +10,15 @@ export type SortableGridProps<T> = {
         item: T;
         index: number;
     }) => ReactNode;
-    /** 순서가 바뀐 새 배열 */
     onDataChange: (data: T[], change: SortableChange) => void;
-    /** 기본 3 */
     columns?: number;
-    /** 항목 사이 간격. 기본 space[2] */
     gap?: number;
-    /** true면 SortableHandle을 눌러야만 끈다 */
     handle?: boolean;
-    /** false면 끌 수 없다. 기본 true */
     enabled?: boolean;
-    /** 항목의 접근성 라벨. 넘기면 앞으로 · 뒤로 이동 동작을 제공한다 */
     itemLabel?: (item: T) => string;
-    /** 접근성 동작 이름. 기본 ['앞으로 이동', '뒤로 이동'] */
     moveLabels?: [string, string];
 };
-/**
- * 길게 눌러 순서를 바꾸는 격자. 앱 최상단이 GestureHandlerRootView로 감싸져 있어야 한다.
- * columns={1}이면 세로 목록이다.
- */
 export declare function SortableGrid<T>({ data, keyExtractor, renderItem, onDataChange, columns, gap, handle, enabled, itemLabel, moveLabels, }: SortableGridProps<T>): import("react").JSX.Element;
-/** handle을 켠 SortableGrid · SortableList 안에서 끄는 손잡이 */
 export declare function SortableHandle({ children }: {
     children: ReactNode;
 }): import("react").JSX.Element;

package/lib/typescript/src/sortable/sortable-grid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sortable-grid.d.ts","sourceRoot":"","sources":["../../../../src/sortable/sortable-grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,MAAM,MAAM,cAAc,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAE1D,MAAM,MAAM,iBAAiB,CAAC,CAAC,IAAI;IACjC,IAAI,EAAE,SAAS,CAAC,EAAE,CAAC;IACnB,YAAY,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAClC,UAAU,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC;IAC5D,kBAAkB;IAClB,YAAY,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAC1D,WAAW;IACX,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4BAA4B;IAC5B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,oCAAoC;IACpC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAChC,wCAAwC;IACxC,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC/B,CAAC;AAEF;;;GAGG;AACH,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAC9B,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,OAAW,EACX,GAAG,EACH,MAAc,EACd,OAAc,EACd,SAAS,EACT,UAAgC,GACjC,EAAE,iBAAiB,CAAC,CAAC,CAAC,+BAgDtB;AAED,uDAAuD;AACvD,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAEnE"}
+{"version":3,"file":"sortable-grid.d.ts","sourceRoot":"","sources":["../../../../src/sortable/sortable-grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMvC,MAAM,MAAM,cAAc,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAE1D,MAAM,MAAM,iBAAiB,CAAC,CAAC,IAAI;IACjC,IAAI,EAAE,SAAS,CAAC,EAAE,CAAC;IACnB,YAAY,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAClC,UAAU,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,CAAC,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC;IAC5D,YAAY,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAC1D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAChC,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC/B,CAAC;AAEF,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAC9B,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,OAAW,EACX,GAAG,EACH,MAAc,EACd,OAAc,EACd,SAAS,EACT,UAAgC,GACjC,EAAE,iBAAiB,CAAC,CAAC,CAAC,+BAgDtB;AAED,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,+BAEnE"}

package/lib/typescript/src/sortable/sortable-list.d.ts

@@ -1,5 +1,4 @@
 import { type SortableGridProps } from './sortable-grid.js';
 export type SortableListProps<T> = Omit<SortableGridProps<T>, 'columns'>;
-/** 길게 눌러 순서를 바꾸는 세로 목록. 앱 최상단이 GestureHandlerRootView로 감싸져 있어야 한다 */
 export declare function SortableList<T>({ moveLabels, ...props }: SortableListProps<T>): import("react").JSX.Element;
 //# sourceMappingURL=sortable-list.d.ts.map

package/lib/typescript/src/sortable/sortable-list.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sortable-list.d.ts","sourceRoot":"","sources":["../../../../src/sortable/sortable-list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,oBAAiB,CAAC;AAEvE,MAAM,MAAM,iBAAiB,CAAC,CAAC,IAAI,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAEzE,qEAAqE;AACrE,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAC9B,UAAgC,EAChC,GAAG,KAAK,EACT,EAAE,iBAAiB,CAAC,CAAC,CAAC,+BAEtB"}
+{"version":3,"file":"sortable-list.d.ts","sourceRoot":"","sources":["../../../../src/sortable/sortable-list.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAgB,KAAK,iBAAiB,EAAE,MAAM,oBAAiB,CAAC;AAEvE,MAAM,MAAM,iBAAiB,CAAC,CAAC,IAAI,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC;AAEzE,wBAAgB,YAAY,CAAC,CAAC,EAAE,EAC9B,UAAgC,EAChC,GAAG,KAAK,EACT,EAAE,iBAAiB,CAAC,CAAC,CAAC,+BAEtB"}

package/lib/typescript/src/theme/create-theme.d.ts

@@ -1,8 +1,4 @@
 import type { ThemeOverrides, Themes } from '../types/index.js';
-/**
- * 기본 토큰에 overrides를 덮어 light · dark 테마를 만든다.
- * 렌더 밖(모듈 최상단)이나 useMemo 안에서 호출한다.
- */
 export declare function createTheme(overrides?: ThemeOverrides): Themes;
 export declare const defaultThemes: Themes;
 //# sourceMappingURL=create-theme.d.ts.map

package/lib/typescript/src/theme/create-theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-theme.d.ts","sourceRoot":"","sources":["../../../../src/theme/create-theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAIV,cAAc,EACd,MAAM,EACP,MAAM,mBAAU,CAAC;AAuClB;;;GAGG;AACH,wBAAgB,WAAW,CAAC,SAAS,GAAE,cAAmB,GAAG,MAAM,CAelE;AAED,eAAO,MAAM,aAAa,QAAgB,CAAC"}
+{"version":3,"file":"create-theme.d.ts","sourceRoot":"","sources":["../../../../src/theme/create-theme.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAIV,cAAc,EACd,MAAM,EACP,MAAM,mBAAU,CAAC;AAsClB,wBAAgB,WAAW,CAAC,SAAS,GAAE,cAAmB,GAAG,MAAM,CAelE;AAED,eAAO,MAAM,aAAa,QAAgB,CAAC"}

package/lib/typescript/src/theme/theme-provider.d.ts

@@ -1,13 +1,10 @@
 import { type ReactNode } from 'react';
 import type { ColorScheme, Theme, Themes } from '../types/index.js';
 export type ThemeProviderProps = {
-    /** createTheme() 결과. 기본값은 기본 테마 */
     themes?: Themes;
-    /** 기본값 'light'. 'system'은 기기 설정을 따른다 */
     colorScheme?: ColorScheme | 'system';
     children: ReactNode;
 };
 export declare function ThemeProvider({ themes, colorScheme, children, }: ThemeProviderProps): import("react").JSX.Element;
-/** 가장 가까운 ThemeProvider의 테마. Provider가 없으면 기본 light 테마 */
 export declare function useTheme(): Theme;
 //# sourceMappingURL=theme-provider.d.ts.map

package/lib/typescript/src/theme/theme-provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme-provider.d.ts","sourceRoot":"","sources":["../../../../src/theme/theme-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3E,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAU,CAAC;AAK3D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,mCAAmC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wCAAwC;IACxC,WAAW,CAAC,EAAE,WAAW,GAAG,QAAQ,CAAC;IACrC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,MAAsB,EACtB,WAAqB,EACrB,QAAQ,GACT,EAAE,kBAAkB,+BAYpB;AAED,0DAA0D;AAC1D,wBAAgB,QAAQ,IAAI,KAAK,CAEhC"}
+{"version":3,"file":"theme-provider.d.ts","sourceRoot":"","sources":["../../../../src/theme/theme-provider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3E,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAU,CAAC;AAK3D,MAAM,MAAM,kBAAkB,GAAG;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,WAAW,GAAG,QAAQ,CAAC;IACrC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,MAAsB,EACtB,WAAqB,EACrB,QAAQ,GACT,EAAE,kBAAkB,+BAYpB;AAED,wBAAgB,QAAQ,IAAI,KAAK,CAEhC"}

package/lib/typescript/src/theme/tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../../src/theme/tokens.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,mBAAU,CAAC;AAgBtE,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,WAAW,EAAE,WAAW,CAuCnD,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,WAgCpB,CAAC"}
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../../src/theme/tokens.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,mBAAU,CAAC;AAetE,eAAO,MAAM,MAAM,EAAE,MAAM,CAAC,WAAW,EAAE,WAAW,CAuCnD,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,WAgCpB,CAAC"}

package/lib/typescript/src/types/index.d.ts

@@ -6,7 +6,6 @@ export type ThemeColors = {
     muted: string;
     mutedForeground: string;
     border: string;
-    /** 입력칸 · outline 버튼 테두리 */
     input: string;
     ring: string;
     primary: string;
@@ -47,11 +46,8 @@ export type ThemeTokens = {
         full: number;
     };
     typography: Record<TypographyVariant, TypographyToken>;
-    /** undefined이면 시스템 폰트 */
     fontFamily: string | undefined;
-    /** 기기 글자 크기 설정이 적용되는 최대 배율 */
     maxFontScale: number;
-    /** `boxShadow` 값 (New Architecture) */
     shadow: {
         sm: string;
         md: string;
@@ -67,7 +63,6 @@ export type ThemeTokens = {
         sm: number;
         md: number;
     };
-    /** 최소 터치 영역 (iOS 44, Android 48) */
     minTouchSize: number;
 };
 export type Theme = ThemeTokens & {
@@ -79,9 +74,7 @@ type DeepPartial<T> = {
     [K in keyof T]?: T[K] extends object ? DeepPartial<T[K]> : T[K];
 };
 export type ThemeOverrides = DeepPartial<ThemeTokens> & {
-    /** light · dark 공통 */
     colors?: Partial<ThemeColors>;
-    /** dark에만 적용 (colors보다 우선) */
     dark?: {
         colors?: Partial<ThemeColors>;
     };

package/lib/typescript/src/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/types/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/types/index.ts"],"names":[],"mappings":"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"}

package/lib/typescript/src/utils/color.d.ts

@@ -1,5 +1,3 @@
-/** WCAG 대비 비율 (1~21) */
 export declare function contrastRatio(a: string, b: string): number;
-/** 배경 위에서 대비가 더 큰 글자색 */
 export declare function pickForeground(background: string, dark: string, light: string): string;
 //# sourceMappingURL=color.d.ts.map

package/lib/typescript/src/utils/color.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../src/utils/color.ts"],"names":[],"mappings":"AA4BA,wBAAwB;AACxB,wBAAgB,aAAa,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAM1D;AAED,yBAAyB;AACzB,wBAAgB,cAAc,CAC5B,UAAU,EAAE,MAAM,EAClB,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,GACZ,MAAM,CAIR"}
+{"version":3,"file":"color.d.ts","sourceRoot":"","sources":["../../../../src/utils/color.ts"],"names":[],"mappings":"AA2BA,wBAAgB,aAAa,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAM1D;AAED,wBAAgB,cAAc,CAC5B,UAAU,EAAE,MAAM,EAClB,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,GACZ,MAAM,CAIR"}

package/lib/typescript/src/utils/styles.d.ts

@@ -3,11 +3,6 @@ import type { Theme } from '../types/index.js';
 type NamedStyles<T> = {
     [K in keyof T]: ViewStyle | TextStyle | ImageStyle;
 };
-/**
- * 테마로 스타일을 만드는 hook을 반환한다. 같은 테마에는 같은 스타일 객체를 돌려준다.
- *
- * const useStyles = makeStyles((t) => ({ box: { padding: t.space[4] } }));
- */
 export declare function makeStyles<T extends NamedStyles<T>>(factory: (theme: Theme) => T): () => T;
 export {};
 //# sourceMappingURL=styles.d.ts.map

package/lib/typescript/src/utils/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/utils/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAU,CAAC;AAGtC,KAAK,WAAW,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU;CAAE,CAAC;AAE7E;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,CAAC,SAAS,WAAW,CAAC,CAAC,CAAC,EACjD,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,CAAC,GAC3B,MAAM,CAAC,CAWT"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/utils/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,mBAAU,CAAC;AAGtC,KAAK,WAAW,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU;CAAE,CAAC;AAE7E,wBAAgB,UAAU,CAAC,CAAC,SAAS,WAAW,CAAC,CAAC,CAAC,EACjD,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,CAAC,GAC3B,MAAM,CAAC,CAWT"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ezpg/app-ui",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "React Native UI components for EZPG partner apps",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",

package/src/blocks/brand-profile-card/brand-profile-card.tsx

@@ -15,7 +15,6 @@ export type BrandProfileCardProps = {
   industry: string;
   tagline?: string;
   logo?: ImageSourcePropType;
-  /** 브랜드 색 (hex) */
   colors?: readonly string[];
   keywords?: readonly string[];
   onEdit?: () => void;
@@ -36,7 +35,6 @@ const useStyles = makeStyles((t) => ({
   },
 }));
 
-/** AI가 만든 브랜드 요약 */
 export function BrandProfileCard({
   name,
   industry,

package/src/blocks/bulk-ship-list/bulk-ship-list.tsx

@@ -0,0 +1,187 @@
+import { StyleSheet, View, type StyleProp, type ViewStyle } from 'react-native';
+import { ChipGroup } from '../../components/chip-group/chip-group';
+import { Field } from '../../components/field/field';
+import { Text } from '../../components/text/text';
+import type { IconRenderProps } from '../../internal/icon';
+import { PressableBase } from '../../internal/pressable-base';
+import { useTheme } from '../../theme/theme-provider';
+import { makeStyles } from '../../utils/styles';
+
+export type ShipCarrier = { code: string; name: string };
+
+export type BulkShipRow = {
+  id: string;
+  title: string;
+  subtitle?: string;
+  trackingNo: string;
+};
+
+export type BulkShipListProps = {
+  carriers: readonly ShipCarrier[];
+  carrier: string | null;
+  onCarrierChange: (code: string) => void;
+  rows: readonly BulkShipRow[];
+  onTrackingChange: (id: string, value: string) => void;
+  onScan?: (id: string) => void;
+  style?: StyleProp<ViewStyle>;
+};
+
+export type TrackingIssue = 'invalid' | 'duplicate';
+
+const TRACKING = /^[0-9-]{8,20}$/;
+const INVALID = '숫자와 -만 8~20자리로 입력해 주세요';
+const DUPLICATE = '같은 송장 번호가 다른 주문에도 있어요';
+const FIELD_HEIGHT = 52;
+
+export function trackingIssues(
+  rows: readonly BulkShipRow[]
+): Record<string, TrackingIssue> {
+  const key = (v: string) => v.trim().replace(/-/g, '');
+  const seen = new Map<string, number>();
+  for (const row of rows) {
+    const k = key(row.trackingNo);
+    if (k && TRACKING.test(row.trackingNo.trim())) {
+      seen.set(k, (seen.get(k) ?? 0) + 1);
+    }
+  }
+  const issues: Record<string, TrackingIssue> = {};
+  for (const row of rows) {
+    const value = row.trackingNo.trim();
+    if (!value) continue;
+    if (!TRACKING.test(value)) issues[row.id] = 'invalid';
+    else if ((seen.get(key(value)) ?? 0) > 1) issues[row.id] = 'duplicate';
+  }
+  return issues;
+}
+
+const useStyles = makeStyles((t) => ({
+  root: { gap: t.space[5] },
+  carrier: { gap: t.space[2] },
+  list: { gap: t.space[4] },
+  row: { gap: t.space[2] },
+  input: { flexDirection: 'row', alignItems: 'flex-start', gap: t.space[2] },
+  field: { flex: 1 },
+  scan: {
+    width: FIELD_HEIGHT,
+    height: FIELD_HEIGHT,
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderRadius: 10,
+    borderWidth: 1,
+    borderColor: t.colors.input,
+    backgroundColor: t.colors.background,
+  },
+  pressed: { backgroundColor: t.colors.muted },
+}));
+
+const g = StyleSheet.create({ absolute: { position: 'absolute' } });
+
+function ScanGlyph({ color, size }: IconRenderProps) {
+  const stroke = Math.max(1.5, size / 12);
+  const arm = size * 0.3;
+  const corner = (v: 'top' | 'bottom', h: 'left' | 'right') => ({
+    position: 'absolute' as const,
+    width: arm,
+    height: arm,
+    borderColor: color,
+    [v]: 0,
+    [h]: 0,
+    [v === 'top' ? 'borderTopWidth' : 'borderBottomWidth']: stroke,
+    [h === 'left' ? 'borderLeftWidth' : 'borderRightWidth']: stroke,
+  });
+  return (
+    <View style={{ width: size, height: size }}>
+      <View style={corner('top', 'left')} />
+      <View style={corner('top', 'right')} />
+      <View style={corner('bottom', 'left')} />
+      <View style={corner('bottom', 'right')} />
+      <View
+        style={[
+          g.absolute,
+          {
+            left: size * 0.12,
+            right: size * 0.12,
+            top: (size - stroke) / 2,
+            height: stroke,
+            borderRadius: stroke,
+            backgroundColor: color,
+          },
+        ]}
+      />
+    </View>
+  );
+}
+
+export function BulkShipList({
+  carriers,
+  carrier,
+  onCarrierChange,
+  rows,
+  onTrackingChange,
+  onScan,
+  style,
+}: BulkShipListProps) {
+  const t = useTheme();
+  const s = useStyles();
+  const issues = trackingIssues(rows);
+  return (
+    <View style={[s.root, style]}>
+      <View style={s.carrier}>
+        <Text weight="semibold" accessibilityRole="header">
+          택배사
+        </Text>
+        <ChipGroup
+          items={carriers.map((c) => ({ value: c.code, label: c.name }))}
+          value={carrier}
+          onValueChange={(code) => {
+            if (code !== null) onCarrierChange(code);
+          }}
+        />
+      </View>
+      <View style={s.list}>
+        {rows.map((row) => {
+          const issue = issues[row.id];
+          return (
+            <View key={row.id} style={s.row}>
+              <View>
+                <Text weight="semibold" numberOfLines={1}>
+                  {row.title}
+                </Text>
+                {row.subtitle ? (
+                  <Text variant="caption" tone="muted" numberOfLines={1}>
+                    {row.subtitle}
+                  </Text>
+                ) : null}
+              </View>
+              <View style={s.input}>
+                <Field
+                  style={s.field}
+                  value={row.trackingNo}
+                  onChangeText={(v) => onTrackingChange(row.id, v)}
+                  placeholder="송장 번호"
+                  keyboardType="number-pad"
+                  inputMode="numeric"
+                  autoCorrect={false}
+                  maxLength={20}
+                  accessibilityLabel={`${row.title} 송장 번호`}
+                  error={issue === 'invalid' ? INVALID : undefined}
+                  warning={issue === 'duplicate' ? DUPLICATE : undefined}
+                />
+                {onScan ? (
+                  <PressableBase
+                    accessibilityLabel={`${row.title} 송장 스캔`}
+                    onPress={() => onScan(row.id)}
+                    pressedStyle={s.pressed}
+                    style={s.scan}
+                  >
+                    <ScanGlyph color={t.colors.foreground} size={22} />
+                  </PressableBase>
+                ) : null}
+              </View>
+            </View>
+          );
+        })}
+      </View>
+    </View>
+  );
+}

package/src/blocks/bulk-ship-list/index.ts

@@ -0,0 +1,8 @@
+export {
+  BulkShipList,
+  trackingIssues,
+  type BulkShipListProps,
+  type BulkShipRow,
+  type ShipCarrier,
+  type TrackingIssue,
+} from './bulk-ship-list';

package/src/blocks/claim-row/claim-row.tsx

@@ -1,27 +1,25 @@
 import { View, type StyleProp, type ViewStyle } from 'react-native';
-import { Button } from '../../components/button/button';
 import { formatPrice } from '../../components/price/price';
 import { Text } from '../../components/text/text';
 import { makeStyles } from '../../utils/styles';
 import { Card } from '../internal/card';
-import { formatDeadline } from '../internal/format';
 
 export type ClaimType = 'cancel' | 'return' | 'exchange';
-export type ClaimStatus = 'requested' | 'collecting' | 'completed' | 'rejected';
+export type ClaimStatus =
+  | 'requested'
+  | 'collecting'
+  | 'collected'
+  | 'held'
+  | 'completed'
+  | 'rejected'
+  | 'withdrawn';
 
 export type ClaimRowProps = {
   type: ClaimType;
-  /** 기본 'requested' */
   status?: ClaimStatus;
-  /** 요청 금액 */
   amount: number;
-  /** 예) '상품 파손' */
-  reason: string;
-  /** 처리 기한까지 남은 영업일. 임박했을 때만 표시한다 */
-  dueInDays?: number;
-  /** 요청 상태일 때 [거부] [승인] 버튼 */
-  onReject?: () => void;
-  onApprove?: () => void;
+  reason?: string;
+  dueAt?: Date | string;
   onPress?: () => void;
   style?: StyleProp<ViewStyle>;
 };
@@ -31,45 +29,73 @@ const TYPE: Record<ClaimType, string> = {
   return: '반품',
   exchange: '교환',
 };
-const STATUS: Record<ClaimStatus, string> = {
+
+export const claimStatusLabel: Record<ClaimStatus, string> = {
   requested: '요청',
   collecting: '회수 중',
+  collected: '회수 완료',
+  held: '보류',
   completed: '완료',
-  rejected: '거부',
+  rejected: '거절',
+  withdrawn: '철회',
 };
 
+const OPEN: readonly ClaimStatus[] = [
+  'requested',
+  'collecting',
+  'collected',
+  'held',
+];
+
+const DAY = 86400000;
+
+function toDate(value: Date | string): Date {
+  if (typeof value !== 'string') return value;
+  const m = /^(\d{4})-(\d{2})-(\d{2})$/.exec(value);
+  return m
+    ? new Date(Number(m[1]), Number(m[2]) - 1, Number(m[3]))
+    : new Date(value);
+}
+
+function daysUntil(value: Date | string, now = new Date()): number | null {
+  const due = toDate(value);
+  if (Number.isNaN(due.getTime())) return null;
+  const a = new Date(now.getFullYear(), now.getMonth(), now.getDate());
+  const b = new Date(due.getFullYear(), due.getMonth(), due.getDate());
+  return Math.round((b.getTime() - a.getTime()) / DAY);
+}
+
+function formatDday(days: number): string {
+  if (days < 0) return '기한 지남';
+  return days === 0 ? 'D-day' : `D-${days}`;
+}
+
 const useStyles = makeStyles((t) => ({
   row: { flexDirection: 'row', alignItems: 'center', gap: t.space[2] },
   grow: { flex: 1 },
   head: { fontSize: 16, lineHeight: 24, fontVariant: ['tabular-nums'] },
-  deadline: { fontSize: 14, lineHeight: 20 },
-  action: { flex: 1 },
+  deadline: { fontSize: 14, lineHeight: 20, fontVariant: ['tabular-nums'] },
 }));
 
-/** 취소 · 반품 · 교환 요청 한 건 */
 export function ClaimRow({
   type,
   status = 'requested',
   amount,
   reason,
-  dueInDays,
-  onReject,
-  onApprove,
+  dueAt,
   onPress,
   style,
 }: ClaimRowProps) {
   const s = useStyles();
-  const title = `${TYPE[type]} ${STATUS[status]}`;
-  const open = status === 'requested' || status === 'collecting';
-  const deadline =
-    open && dueInDays !== undefined ? formatDeadline(dueInDays) : null;
-  const actionable = status === 'requested' && (onReject || onApprove);
+  const title = `${TYPE[type]} ${claimStatusLabel[status]}`;
+  const days =
+    OPEN.includes(status) && dueAt !== undefined ? daysUntil(dueAt) : null;
+  const deadline = days === null ? null : formatDday(days);
+  const label = [title, formatPrice(amount), reason, deadline]
+    .filter(Boolean)
+    .join(', ');
   return (
-    <Card
-      onPress={onPress}
-      accessibilityLabel={`${title}, ${formatPrice(amount)}, ${reason}${deadline ? `, ${deadline}` : ''}`}
-      style={style}
-    >
+    <Card onPress={onPress} accessibilityLabel={label} style={style}>
       <View style={s.row}>
         <Text weight="bold" style={[s.head, s.grow]} numberOfLines={1}>
           {title}
@@ -78,32 +104,19 @@ export function ClaimRow({
           {formatPrice(amount)}
         </Text>
       </View>
-      <View style={s.row}>
-        <Text style={s.grow} numberOfLines={1}>
-          {reason}
-        </Text>
-        {deadline ? (
-          <Text weight="bold" tone="destructive" style={s.deadline}>
-            {deadline}
-          </Text>
-        ) : null}
-      </View>
-      {actionable ? (
+      {reason || deadline ? (
         <View style={s.row}>
-          {onReject ? (
-            <Button
-              size="sm"
-              variant="outline"
-              style={s.action}
-              onPress={onReject}
+          <Text style={s.grow} numberOfLines={1}>
+            {reason ?? ''}
+          </Text>
+          {deadline ? (
+            <Text
+              weight="bold"
+              tone={days !== null && days <= 1 ? 'destructive' : 'muted'}
+              style={s.deadline}
             >
-              거부
-            </Button>
-          ) : null}
-          {onApprove ? (
-            <Button size="sm" style={s.action} onPress={onApprove}>
-              승인
-            </Button>
+              {deadline}
+            </Text>
           ) : null}
         </View>
       ) : null}

package/src/blocks/claim-row/index.ts

@@ -1,5 +1,6 @@
 export {
   ClaimRow,
+  claimStatusLabel,
   type ClaimRowProps,
   type ClaimStatus,
   type ClaimType,

package/src/blocks/color-swatch-picker/color-swatch-picker.tsx

@@ -12,7 +12,6 @@ export type ColorSwatchPickerProps = {
   colors: readonly ColorSwatch[];
   value: string;
   onValueChange: (value: string) => void;
-  /** 'circle'은 색 점, 'card'는 버튼 모양 미리보기. 기본 'circle' */
   variant?: 'circle' | 'card';
   style?: StyleProp<ViewStyle>;
 };
@@ -60,7 +59,6 @@ const useStyles = makeStyles((t) => ({
   short: { width: '45%' },
 }));
 
-/** 브랜드 색 고르기 */
 export function ColorSwatchPicker({
   colors,
   value,

package/src/blocks/copy-variant-picker/copy-variant-picker.tsx

@@ -8,14 +8,11 @@ import { makeStyles } from '../../utils/styles';
 export type CopyVariant = { id: string; text: string; locked?: boolean };
 
 export type CopyVariantPickerProps = {
-  /** 예) '한 줄 소개' */
   label: string;
   variants: readonly CopyVariant[];
   selectedId: string | null;
   onSelect: (id: string) => void;
-  /** 잠그면 다시 만들어도 이 문구는 바뀌지 않는다 */
   onToggleLock?: (id: string) => void;
-  /** 다른 기기에서 먼저 수정했을 때(409) */
   conflict?: boolean;
   onReload?: () => void;
   style?: StyleProp<ViewStyle>;
@@ -66,7 +63,6 @@ const useStyles = makeStyles((t) => ({
   },
 }));
 
-/** AI가 만든 문구 후보 중 하나 고르기 */
 export function CopyVariantPicker({
   label,
   variants,