@ezpg/app-ui 0.0.0-stage → 0.1.0

package/lib/typescript/src/components/wizard-steps/index.d.ts

@@ -0,0 +1,2 @@
+export { WizardSteps, type WizardStepsProps } from './wizard-steps.js';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/wizard-steps/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/wizard-steps/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,mBAAgB,CAAC"}

package/lib/typescript/src/components/wizard-steps/wizard-steps.d.ts

@@ -0,0 +1,11 @@
+import { type StyleProp, type ViewStyle } from 'react-native';
+export type WizardStepsProps = {
+    /** 단계 이름 */
+    steps: readonly string[];
+    /** 지금 단계 (0부터) */
+    current: number;
+    style?: StyleProp<ViewStyle>;
+};
+/** 여러 단계로 나뉜 입력 흐름의 진행 표시 */
+export declare function WizardSteps({ steps, current, style }: WizardStepsProps): import("react").JSX.Element;
+//# sourceMappingURL=wizard-steps.d.ts.map

package/lib/typescript/src/components/wizard-steps/wizard-steps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"wizard-steps.d.ts","sourceRoot":"","sources":["../../../../../src/components/wizard-steps/wizard-steps.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI1E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,YAAY;IACZ,KAAK,EAAE,SAAS,MAAM,EAAE,CAAC;IACzB,kBAAkB;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAoBF,6BAA6B;AAC7B,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,gBAAgB,+BAsBtE"}

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

@@ -0,0 +1,31 @@
+export { createTheme, defaultThemes } from './theme/create-theme.js';
+export { ThemeProvider, useTheme, type ThemeProviderProps, } from './theme/theme-provider.js';
+export { makeStyles } from './utils/styles.js';
+export { PressableBase, type PressableBaseProps, } from './internal/pressable-base.js';
+export type { IconRenderProps, IconSlot } from './internal/icon.js';
+export { renderIcon } from './internal/icon.js';
+export { AlertGlyph, CheckGlyph, ChevronGlyph, CloseGlyph, PlusGlyph, SearchGlyph, } from './internal/glyphs.js';
+export { contrastRatio, pickForeground } from './utils/color.js';
+export * from './components/button/index.js';
+export * from './components/checkbox/index.js';
+export * from './components/chip/index.js';
+export * from './components/chip-group/index.js';
+export * from './components/dialog/index.js';
+export * from './components/divider/index.js';
+export * from './components/empty-state/index.js';
+export * from './components/field/index.js';
+export * from './components/list-row/index.js';
+export * from './components/photo/index.js';
+export * from './components/price/index.js';
+export * from './components/search-field/index.js';
+export * from './components/segmented-tabs/index.js';
+export * from './components/sheet/index.js';
+export * from './components/skeleton/index.js';
+export * from './components/status-badge/index.js';
+export * from './components/switch/index.js';
+export * from './components/text/index.js';
+export * from './components/toast/index.js';
+export * from './components/wizard-steps/index.js';
+export type { ColorScheme, Theme, ThemeColors, ThemeOverrides, Themes, ThemeTokens, TypographyToken, TypographyVariant, } from './types/index.js';
+export * from './blocks/index.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,yBAAsB,CAAC;AAClE,OAAO,EACL,aAAa,EACb,QAAQ,EACR,KAAK,kBAAkB,GACxB,MAAM,2BAAwB,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAgB,CAAC;AAC5C,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,GACxB,MAAM,8BAA2B,CAAC;AACnC,YAAY,EAAE,eAAe,EAAE,QAAQ,EAAE,MAAM,oBAAiB,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAiB,CAAC;AAC7C,OAAO,EACL,UAAU,EACV,UAAU,EACV,YAAY,EACZ,UAAU,EACV,SAAS,EACT,WAAW,GACZ,MAAM,sBAAmB,CAAC;AAC3B,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,kBAAe,CAAC;AAE9D,cAAc,8BAAqB,CAAC;AACpC,cAAc,gCAAuB,CAAC;AACtC,cAAc,4BAAmB,CAAC;AAClC,cAAc,kCAAyB,CAAC;AACxC,cAAc,8BAAqB,CAAC;AACpC,cAAc,+BAAsB,CAAC;AACrC,cAAc,mCAA0B,CAAC;AACzC,cAAc,6BAAoB,CAAC;AACnC,cAAc,gCAAuB,CAAC;AACtC,cAAc,6BAAoB,CAAC;AACnC,cAAc,6BAAoB,CAAC;AACnC,cAAc,oCAA2B,CAAC;AAC1C,cAAc,sCAA6B,CAAC;AAC5C,cAAc,6BAAoB,CAAC;AACnC,cAAc,gCAAuB,CAAC;AACtC,cAAc,oCAA2B,CAAC;AAC1C,cAAc,8BAAqB,CAAC;AACpC,cAAc,4BAAmB,CAAC;AAClC,cAAc,6BAAoB,CAAC;AACnC,cAAc,oCAA2B,CAAC;AAE1C,YAAY,EACV,WAAW,EACX,KAAK,EACL,WAAW,EACX,cAAc,EACd,MAAM,EACN,WAAW,EACX,eAAe,EACf,iBAAiB,GAClB,MAAM,kBAAS,CAAC;AAEjB,cAAc,mBAAU,CAAC"}

package/lib/typescript/src/internal/glyphs.d.ts

@@ -0,0 +1,12 @@
+import type { IconRenderProps } from './icon.js';
+export declare function SearchGlyph({ color, size }: IconRenderProps): import("react").JSX.Element;
+export declare function CloseGlyph({ color, size }: IconRenderProps): import("react").JSX.Element;
+export declare function CheckGlyph({ color, size }: IconRenderProps): import("react").JSX.Element;
+export declare function ChevronGlyph({ color, size }: IconRenderProps): import("react").JSX.Element;
+/** filled면 원을 칠하고 느낌표를 onColor로 그린다 */
+export declare function AlertGlyph({ color, size, filled, onColor, }: IconRenderProps & {
+    filled?: boolean;
+    onColor?: string;
+}): import("react").JSX.Element;
+export declare function PlusGlyph({ color, size }: IconRenderProps): import("react").JSX.Element;
+//# sourceMappingURL=glyphs.d.ts.map

package/lib/typescript/src/internal/glyphs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"glyphs.d.ts","sourceRoot":"","sources":["../../../../src/internal/glyphs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,WAAQ,CAAC;AAI9C,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,eAAe,+BA8B3D;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,eAAe,+BAiB1D;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,eAAe,+BAiB1D;AAOD,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,eAAe,+BAiB5D;AAED,uCAAuC;AACvC,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,IAAI,EACJ,MAAc,EACd,OAAmB,GACpB,EAAE,eAAe,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,+BAqC1D;AAED,wBAAgB,SAAS,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,eAAe,+BAazD"}

package/lib/typescript/src/internal/icon.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+export type IconRenderProps = {
+    color: string;
+    size: number;
+};
+/** 아이콘 자리. 함수로 넘기면 컴포넌트의 글자색과 크기를 받는다. */
+export type IconSlot = ReactNode | ((props: IconRenderProps) => ReactNode);
+export declare function renderIcon(slot: IconSlot, props: IconRenderProps): ReactNode;
+//# sourceMappingURL=icon.d.ts.map

package/lib/typescript/src/internal/icon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../../src/internal/icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,eAAe,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC;AAE9D,0CAA0C;AAC1C,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,CAAC,CAAC,KAAK,EAAE,eAAe,KAAK,SAAS,CAAC,CAAC;AAE3E,wBAAgB,UAAU,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,eAAe,GAAG,SAAS,CAE5E"}

package/lib/typescript/src/internal/overlay.d.ts

@@ -0,0 +1,16 @@
+import { Animated } from 'react-native';
+export declare const useNativeDriver: boolean;
+/**
+ * Modal 위 패널의 열림 · 닫힘 전환. 닫힘 애니메이션이 끝난 뒤 mounted가 false가 된다.
+ * progress는 0(닫힘) → 1(열림).
+ */
+export declare function useOverlayTransition(open: boolean): {
+    mounted: boolean;
+    progress: Animated.Value;
+};
+export declare function Backdrop({ progress, onPress, label, }: {
+    progress: Animated.Value;
+    onPress: () => void;
+    label: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=overlay.d.ts.map

package/lib/typescript/src/internal/overlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.d.ts","sourceRoot":"","sources":["../../../../src/internal/overlay.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAmC,MAAM,cAAc,CAAC;AAIzE,eAAO,MAAM,eAAe,SAAwB,CAAC;AAErD;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,OAAO;;;EAoBjD;AAMD,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,OAAO,EACP,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,QAAQ,CAAC,KAAK,CAAC;IACzB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf,+BAaA"}

package/lib/typescript/src/internal/pressable-base.d.ts

@@ -0,0 +1,13 @@
+import type { ComponentRef, Ref } from 'react';
+import { Pressable, type PressableProps, type StyleProp, type ViewStyle } from 'react-native';
+export type PressableBaseProps = Omit<PressableProps, 'style'> & {
+    ref?: Ref<ComponentRef<typeof Pressable>>;
+    style?: StyleProp<ViewStyle>;
+    /** 눌렸을 때 추가 스타일. 기본은 opacity.pressed */
+    pressedStyle?: StyleProp<ViewStyle>;
+    /** 눈에 보이는 높이. 최소 터치 크기보다 작으면 hitSlop으로 보완한다 */
+    touchHeight?: number;
+};
+/** 눌림 · 비활성 · 접근성 상태 · 최소 터치 영역을 한곳에서 처리하는 Pressable */
+export declare function PressableBase({ style, pressedStyle, touchHeight, disabled, hitSlop, accessibilityRole, accessibilityState, ...rest }: PressableBaseProps): import("react").JSX.Element;
+//# sourceMappingURL=pressable-base.d.ts.map

package/lib/typescript/src/internal/pressable-base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pressable-base.d.ts","sourceRoot":"","sources":["../../../../src/internal/pressable-base.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC/C,OAAO,EACL,SAAS,EACT,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAGtB,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC,GAAG;IAC/D,GAAG,CAAC,EAAE,GAAG,CAAC,YAAY,CAAC,OAAO,SAAS,CAAC,CAAC,CAAC;IAC1C,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,wCAAwC;IACxC,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,wDAAwD;AACxD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,YAAY,EACZ,WAAW,EACX,QAAQ,EACR,OAAO,EACP,iBAA4B,EAC5B,kBAAkB,EAClB,GAAG,IAAI,EACR,EAAE,kBAAkB,+BA0BpB"}

package/lib/typescript/src/internal/use-reduced-motion.d.ts

@@ -0,0 +1,3 @@
+/** 기기의 '동작 줄이기' 설정 */
+export declare function useReducedMotion(): boolean;
+//# sourceMappingURL=use-reduced-motion.d.ts.map

package/lib/typescript/src/internal/use-reduced-motion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-reduced-motion.d.ts","sourceRoot":"","sources":["../../../../src/internal/use-reduced-motion.ts"],"names":[],"mappings":"AA4BA,sBAAsB;AACtB,wBAAgB,gBAAgB,IAAI,OAAO,CAE1C"}

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

@@ -0,0 +1,4 @@
+export { moveItem } from './move.js';
+export { SortableGrid, SortableHandle, type SortableChange, type SortableGridProps, } from './sortable-grid.js';
+export { SortableList, type SortableListProps } from './sortable-list.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/sortable/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAQ,CAAC;AAClC,OAAO,EACL,YAAY,EACZ,cAAc,EACd,KAAK,cAAc,EACnB,KAAK,iBAAiB,GACvB,MAAM,oBAAiB,CAAC;AACzB,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,oBAAiB,CAAC"}

package/lib/typescript/src/sortable/move.d.ts

@@ -0,0 +1,3 @@
+/** from 위치의 항목을 to 위치로 옮긴 새 배열 */
+export declare function moveItem<T>(items: readonly T[], from: number, to: number): T[];
+//# sourceMappingURL=move.d.ts.map

package/lib/typescript/src/sortable/move.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"move.d.ts","sourceRoot":"","sources":["../../../../src/sortable/move.ts"],"names":[],"mappings":"AAAA,kCAAkC;AAClC,wBAAgB,QAAQ,CAAC,CAAC,EACxB,KAAK,EAAE,SAAS,CAAC,EAAE,EACnB,IAAI,EAAE,MAAM,EACZ,EAAE,EAAE,MAAM,GACT,CAAC,EAAE,CAaL"}

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

@@ -0,0 +1,37 @@
+import type { ReactNode } from 'react';
+export type SortableChange = {
+    from: number;
+    to: number;
+};
+export type SortableGridProps<T> = {
+    data: readonly T[];
+    keyExtractor: (item: T) => string;
+    renderItem: (info: {
+        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;
+//# sourceMappingURL=sortable-grid.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +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"}

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

@@ -0,0 +1,4 @@
+export * from './sortable/index.js';
+export * from './blocks/image-grid/index.js';
+export * from './blocks/option-editor/index.js';
+//# sourceMappingURL=sortable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sortable.d.ts","sourceRoot":"","sources":["../../../src/sortable.tsx"],"names":[],"mappings":"AAAA,cAAc,qBAAkB,CAAC;AACjC,cAAc,8BAA2B,CAAC;AAC1C,cAAc,iCAA8B,CAAC"}

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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +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"}

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

@@ -0,0 +1,13 @@
+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

@@ -0,0 +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"}

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

@@ -0,0 +1,4 @@
+import type { ColorScheme, ThemeColors, ThemeTokens } from '../types/index.js';
+export declare const colors: Record<ColorScheme, ThemeColors>;
+export declare const tokens: ThemeTokens;
+//# sourceMappingURL=tokens.d.ts.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,90 @@
+import type { TextStyle } from 'react-native';
+export type ColorScheme = 'light' | 'dark';
+export type ThemeColors = {
+    background: string;
+    foreground: string;
+    muted: string;
+    mutedForeground: string;
+    border: string;
+    /** 입력칸 · outline 버튼 테두리 */
+    input: string;
+    ring: string;
+    primary: string;
+    primaryForeground: string;
+    destructive: string;
+    destructiveForeground: string;
+    success: string;
+    successForeground: string;
+    warning: string;
+    warningForeground: string;
+    info: string;
+    infoForeground: string;
+};
+export type TypographyVariant = 'caption' | 'body' | 'bodyLg' | 'title' | 'display';
+export type TypographyToken = {
+    fontSize: number;
+    lineHeight: number;
+    fontWeight: TextStyle['fontWeight'];
+};
+export type ThemeTokens = {
+    space: {
+        0: number;
+        1: number;
+        2: number;
+        3: number;
+        4: number;
+        5: number;
+        6: number;
+        8: number;
+        10: number;
+        12: number;
+        16: number;
+    };
+    radius: {
+        sm: number;
+        md: number;
+        lg: number;
+        full: number;
+    };
+    typography: Record<TypographyVariant, TypographyToken>;
+    /** undefined이면 시스템 폰트 */
+    fontFamily: string | undefined;
+    /** 기기 글자 크기 설정이 적용되는 최대 배율 */
+    maxFontScale: number;
+    /** `boxShadow` 값 (New Architecture) */
+    shadow: {
+        sm: string;
+        md: string;
+    };
+    motion: {
+        duration: number;
+    };
+    opacity: {
+        pressed: number;
+        disabled: number;
+    };
+    iconSize: {
+        sm: number;
+        md: number;
+    };
+    /** 최소 터치 영역 (iOS 44, Android 48) */
+    minTouchSize: number;
+};
+export type Theme = ThemeTokens & {
+    scheme: ColorScheme;
+    colors: ThemeColors;
+};
+export type Themes = Record<ColorScheme, Theme>;
+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>;
+    };
+};
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;AAE3C,MAAM,MAAM,WAAW,GAAG;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,MAAM,CAAC;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,qBAAqB,EAAE,MAAM,CAAC;IAC9B,OAAO,EAAE,MAAM,CAAC;IAChB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAC3B,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;AAEtD,MAAM,MAAM,eAAe,GAAG;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;CACrC,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE;QACL,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,EAAE,EAAE,MAAM,CAAC;QACX,EAAE,EAAE,MAAM,CAAC;QACX,EAAE,EAAE,MAAM,CAAC;KACZ,CAAC;IACF,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7D,UAAU,EAAE,MAAM,CAAC,iBAAiB,EAAE,eAAe,CAAC,CAAC;IACvD,yBAAyB;IACzB,UAAU,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,8BAA8B;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,MAAM,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;IACnC,MAAM,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;IAC7B,OAAO,EAAE;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;IAC/C,QAAQ,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC;IACrC,oCAAoC;IACpC,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG,WAAW,GAAG;IAChC,MAAM,EAAE,WAAW,CAAC;IACpB,MAAM,EAAE,WAAW,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG,MAAM,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;AAEhD,KAAK,WAAW,CAAC,CAAC,IAAI;KACnB,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAChE,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,WAAW,CAAC,WAAW,CAAC,GAAG;IACtD,sBAAsB;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAC9B,8BAA8B;IAC9B,IAAI,CAAC,EAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;KAAE,CAAC;CAC1C,CAAC"}

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

@@ -0,0 +1,5 @@
+/** 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

@@ -0,0 +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"}

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

@@ -0,0 +1,13 @@
+import { type ImageStyle, type TextStyle, type ViewStyle } from 'react-native';
+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

@@ -0,0 +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"}

package/package.json

@@ -1,6 +1,112 @@
 {
   "name": "@ezpg/app-ui",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.1.0",
+  "description": "React Native UI components for EZPG partner apps",
+  "main": "./lib/module/index.js",
+  "types": "./lib/typescript/src/index.d.ts",
+  "exports": {
+    ".": {
+      "ezpg-app-ui-source": "./src/index.tsx",
+      "types": "./lib/typescript/src/index.d.ts",
+      "default": "./lib/module/index.js"
+    },
+    "./charts": {
+      "ezpg-app-ui-source": "./src/charts.tsx",
+      "types": "./lib/typescript/src/charts.d.ts",
+      "default": "./lib/module/charts.js"
+    },
+    "./sortable": {
+      "ezpg-app-ui-source": "./src/sortable.tsx",
+      "types": "./lib/typescript/src/sortable.d.ts",
+      "default": "./lib/module/sortable.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "src",
+    "lib",
+    "!**/*.stories.tsx",
+    "!**/__stories__",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
+    "!**/.*"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "prepare": "bob build"
+  },
+  "keywords": [
+    "react-native",
+    "ios",
+    "android",
+    "ui",
+    "design-system",
+    "components",
+    "ezpg"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/moon23k/EZPG_APP_UI.git",
+    "directory": "packages/app-ui"
+  },
+  "author": "moon23k <d.moon23k@gmail.com> (https://github.com/moon23k)",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/moon23k/EZPG_APP_UI/issues"
+  },
+  "homepage": "https://github.com/moon23k/EZPG_APP_UI#readme",
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "react": ">=19.0.0",
+    "react-native": ">=0.82.0",
+    "react-native-gesture-handler": ">=2.28.0",
+    "react-native-reanimated": ">=4.5.5",
+    "react-native-sortables": ">=1.10.0",
+    "react-native-svg": ">=15.0.0",
+    "react-native-worklets": ">=0.10.0"
+  },
+  "peerDependenciesMeta": {
+    "react-native-gesture-handler": {
+      "optional": true
+    },
+    "react-native-reanimated": {
+      "optional": true
+    },
+    "react-native-sortables": {
+      "optional": true
+    },
+    "react-native-svg": {
+      "optional": true
+    },
+    "react-native-worklets": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "react-native-builder-bob": "^0.43.2",
+    "react-native-sortables": "^1.10.1",
+    "typescript": "^6.0.3"
+  },
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "exclude": "{**/{__tests__,__fixtures__,__mocks__,__stories__}/**,**/*.stories.tsx}",
+    "targets": [
+      [
+        "module",
+        {
+          "esm": true
+        }
+      ],
+      [
+        "typescript",
+        {
+          "project": "tsconfig.build.json"
+        }
+      ]
+    ]
+  }
 }

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

@@ -0,0 +1,87 @@
+import {
+  View,
+  type ImageSourcePropType,
+  type StyleProp,
+  type ViewStyle,
+} from 'react-native';
+import { Button } from '../../components/button/button';
+import { Photo } from '../../components/photo/photo';
+import { Text } from '../../components/text/text';
+import { makeStyles } from '../../utils/styles';
+import { Card } from '../internal/card';
+
+export type BrandProfileCardProps = {
+  name: string;
+  industry: string;
+  tagline?: string;
+  logo?: ImageSourcePropType;
+  /** 브랜드 색 (hex) */
+  colors?: readonly string[];
+  keywords?: readonly string[];
+  onEdit?: () => void;
+  style?: StyleProp<ViewStyle>;
+};
+
+const useStyles = makeStyles((t) => ({
+  head: { flexDirection: 'row', alignItems: 'center', gap: t.space[3] },
+  logo: { width: 56 },
+  title: { flex: 1, gap: 2 },
+  row: { flexDirection: 'row', flexWrap: 'wrap', gap: t.space[2] },
+  dot: {
+    width: 20,
+    height: 20,
+    borderRadius: 10,
+    borderWidth: 1,
+    borderColor: t.colors.border,
+  },
+}));
+
+/** AI가 만든 브랜드 요약 */
+export function BrandProfileCard({
+  name,
+  industry,
+  tagline,
+  logo,
+  colors = [],
+  keywords = [],
+  onEdit,
+  style,
+}: BrandProfileCardProps) {
+  const s = useStyles();
+  return (
+    <Card style={style}>
+      <View style={s.head}>
+        {logo ? (
+          <View style={s.logo}>
+            <Photo source={logo} />
+          </View>
+        ) : null}
+        <View style={s.title}>
+          <Text variant="title" numberOfLines={1}>
+            {name}
+          </Text>
+          <Text variant="caption" tone="muted">
+            {industry}
+          </Text>
+        </View>
+        {onEdit ? (
+          <Button size="sm" variant="ghost" onPress={onEdit}>
+            수정
+          </Button>
+        ) : null}
+      </View>
+      {tagline ? <Text>{tagline}</Text> : null}
+      {colors.length ? (
+        <View
+          style={s.row}
+          accessibilityLabel={`브랜드 색 ${colors.length}가지`}
+        >
+          {colors.map((c) => (
+            <View key={c} style={[s.dot, { backgroundColor: c }]} />
+          ))}
+        </View>
+      ) : null}
+      {keywords.length ? <Text>{keywords.join(' · ')}</Text> : null}
+    </Card>
+  );
+}

package/src/blocks/brand-profile-card/index.ts

@@ -0,0 +1,4 @@
+export {
+  BrandProfileCard,
+  type BrandProfileCardProps,
+} from './brand-profile-card';