@0610studio/zs-ui 0.18.0 → 0.19.0

package/build/theme/tokens.d.ts

@@ -0,0 +1,35 @@
+/** 컴포넌트 공통 곡률 스케일 */
+export declare const RADIUS: {
+    /** 체크박스 등 소형 요소 */
+    readonly xs: 4;
+    /** 소형 버튼 */
+    readonly sm: 6;
+    /** 중형 버튼 (Alert 버튼 등) */
+    readonly md: 12;
+    /** 입력 필드 · 카드 */
+    readonly lg: 14;
+    /** 스낵바 · pressed 배경 */
+    readonly xl: 16;
+    /** 다이얼로그 컨테이너 */
+    readonly xxl: 22;
+    /** 바텀시트 */
+    readonly sheet: 26;
+    /** 완전한 pill/원형 */
+    readonly pill: 9999;
+};
+/** 애니메이션 duration 공통 스케일 (ms) */
+export declare const DURATION: {
+    /** press in/out · 오버레이 퇴장 */
+    readonly press: 100;
+    /** 입력 필드 포커스 등 빠른 전환 */
+    readonly fast: 150;
+    /** 상태 전환 기본값 (칩 선택, 스위치 등) */
+    readonly base: 200;
+    /** 이동 애니메이션 (세그먼트 thumb, 스낵바 등) */
+    readonly slow: 250;
+    /** 오버레이 진입 */
+    readonly enter: 300;
+};
+/** disabled 상태 공통 투명도 */
+export declare const DISABLED_OPACITY = 0.5;
+//# sourceMappingURL=tokens.d.ts.map

package/build/theme/tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/theme/tokens.ts"],"names":[],"mappings":"AAAA,qBAAqB;AACrB,eAAO,MAAM,MAAM;IACjB,mBAAmB;;IAEnB,YAAY;;IAEZ,yBAAyB;;IAEzB,iBAAiB;;IAEjB,uBAAuB;;IAEvB,iBAAiB;;IAEjB,WAAW;;IAEX,kBAAkB;;CAEV,CAAC;AAEX,iCAAiC;AACjC,eAAO,MAAM,QAAQ;IACnB,6BAA6B;;IAE7B,wBAAwB;;IAExB,8BAA8B;;IAE9B,mCAAmC;;IAEnC,cAAc;;CAEN,CAAC;AAEX,yBAAyB;AACzB,eAAO,MAAM,gBAAgB,MAAM,CAAC"}

package/build/theme/tokens.js

@@ -0,0 +1,35 @@
+/** 컴포넌트 공통 곡률 스케일 */
+export const RADIUS = {
+    /** 체크박스 등 소형 요소 */
+    xs: 4,
+    /** 소형 버튼 */
+    sm: 6,
+    /** 중형 버튼 (Alert 버튼 등) */
+    md: 12,
+    /** 입력 필드 · 카드 */
+    lg: 14,
+    /** 스낵바 · pressed 배경 */
+    xl: 16,
+    /** 다이얼로그 컨테이너 */
+    xxl: 22,
+    /** 바텀시트 */
+    sheet: 26,
+    /** 완전한 pill/원형 */
+    pill: 9999,
+};
+/** 애니메이션 duration 공통 스케일 (ms) */
+export const DURATION = {
+    /** press in/out · 오버레이 퇴장 */
+    press: 100,
+    /** 입력 필드 포커스 등 빠른 전환 */
+    fast: 150,
+    /** 상태 전환 기본값 (칩 선택, 스위치 등) */
+    base: 200,
+    /** 이동 애니메이션 (세그먼트 thumb, 스낵바 등) */
+    slow: 250,
+    /** 오버레이 진입 */
+    enter: 300,
+};
+/** disabled 상태 공통 투명도 */
+export const DISABLED_OPACITY = 0.5;
+//# sourceMappingURL=tokens.js.map

package/build/theme/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.js","sourceRoot":"","sources":["../../src/theme/tokens.ts"],"names":[],"mappings":"AAAA,qBAAqB;AACrB,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,mBAAmB;IACnB,EAAE,EAAE,CAAC;IACL,YAAY;IACZ,EAAE,EAAE,CAAC;IACL,yBAAyB;IACzB,EAAE,EAAE,EAAE;IACN,iBAAiB;IACjB,EAAE,EAAE,EAAE;IACN,uBAAuB;IACvB,EAAE,EAAE,EAAE;IACN,iBAAiB;IACjB,GAAG,EAAE,EAAE;IACP,WAAW;IACX,KAAK,EAAE,EAAE;IACT,kBAAkB;IAClB,IAAI,EAAE,IAAI;CACF,CAAC;AAEX,iCAAiC;AACjC,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,6BAA6B;IAC7B,KAAK,EAAE,GAAG;IACV,wBAAwB;IACxB,IAAI,EAAE,GAAG;IACT,8BAA8B;IAC9B,IAAI,EAAE,GAAG;IACT,mCAAmC;IACnC,IAAI,EAAE,GAAG;IACT,cAAc;IACd,KAAK,EAAE,GAAG;CACF,CAAC;AAEX,yBAAyB;AACzB,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAC","sourcesContent":["/** 컴포넌트 공통 곡률 스케일 */\nexport const RADIUS = {\n  /** 체크박스 등 소형 요소 */\n  xs: 4,\n  /** 소형 버튼 */\n  sm: 6,\n  /** 중형 버튼 (Alert 버튼 등) */\n  md: 12,\n  /** 입력 필드 · 카드 */\n  lg: 14,\n  /** 스낵바 · pressed 배경 */\n  xl: 16,\n  /** 다이얼로그 컨테이너 */\n  xxl: 22,\n  /** 바텀시트 */\n  sheet: 26,\n  /** 완전한 pill/원형 */\n  pill: 9999,\n} as const;\n\n/** 애니메이션 duration 공통 스케일 (ms) */\nexport const DURATION = {\n  /** press in/out · 오버레이 퇴장 */\n  press: 100,\n  /** 입력 필드 포커스 등 빠른 전환 */\n  fast: 150,\n  /** 상태 전환 기본값 (칩 선택, 스위치 등) */\n  base: 200,\n  /** 이동 애니메이션 (세그먼트 thumb, 스낵바 등) */\n  slow: 250,\n  /** 오버레이 진입 */\n  enter: 300,\n} as const;\n\n/** disabled 상태 공통 투명도 */\nexport const DISABLED_OPACITY = 0.5;\n"]}

package/build/theme/typography.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/theme/typography.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAI9D,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,UAAU,EAAE,EAAE;IAAE,UAAU,CAAC,EAAE,UAAU,CAAA;CAAE,GAAG,uBAAuB,CAoMvG"}
+{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../src/theme/typography.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,uBAAuB,EAAE,MAAM,SAAS,CAAC;AAI9D,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,UAAU,EAAE,EAAE;IAAE,UAAU,CAAC,EAAE,UAAU,CAAA;CAAE,GAAG,uBAAuB,CAgKvG"}

package/build/theme/typography.js

@@ -5,193 +5,157 @@ export default function typography({ themeFonts }) {
         heading: {
             1: {
                 fontSize: baseSize + 36,
-                fontFamily: themeFonts?.[700],
-                letterSpacing: 1
+                fontFamily: themeFonts?.[700]
             },
             2: {
                 fontSize: baseSize + 32,
-                fontFamily: themeFonts?.[700],
-                letterSpacing: 1
+                fontFamily: themeFonts?.[700]
             },
             3: {
                 fontSize: baseSize + 28,
-                fontFamily: themeFonts?.[700],
-                letterSpacing: 1
+                fontFamily: themeFonts?.[700]
             },
             4: {
                 fontSize: baseSize + 24,
-                fontFamily: themeFonts?.[700],
-                letterSpacing: 1
+                fontFamily: themeFonts?.[700]
             },
             5: {
                 fontSize: baseSize + 20,
-                fontFamily: themeFonts?.[700],
-                letterSpacing: 1
+                fontFamily: themeFonts?.[700]
             },
             6: {
                 fontSize: baseSize + 18,
-                fontFamily: themeFonts?.[700],
-                letterSpacing: 1
+                fontFamily: themeFonts?.[700]
             }
         },
         title: {
             1: {
                 fontSize: baseSize + 16,
-                fontFamily: themeFonts?.[700],
-                letterSpacing: 1
+                fontFamily: themeFonts?.[700]
             },
             2: {
                 fontSize: baseSize + 14,
-                fontFamily: themeFonts?.[700],
-                letterSpacing: 1
+                fontFamily: themeFonts?.[700]
             },
             3: {
                 fontSize: baseSize + 13,
-                fontFamily: themeFonts?.[700],
-                letterSpacing: 1
+                fontFamily: themeFonts?.[700]
             },
             4: {
                 fontSize: baseSize + 12,
-                fontFamily: themeFonts?.[700],
-                letterSpacing: 1
+                fontFamily: themeFonts?.[700]
             },
             5: {
                 fontSize: baseSize + 11,
-                fontFamily: themeFonts?.[700],
-                letterSpacing: 1
+                fontFamily: themeFonts?.[700]
             },
             6: {
                 fontSize: baseSize + 10,
-                fontFamily: themeFonts?.[700],
-                letterSpacing: 1
+                fontFamily: themeFonts?.[700]
             }
         },
         subTitle: {
             1: {
                 fontSize: baseSize + 16,
-                fontFamily: themeFonts?.[600],
-                letterSpacing: 1
+                fontFamily: themeFonts?.[600]
             },
             2: {
                 fontSize: baseSize + 14,
-                fontFamily: themeFonts?.[600],
-                letterSpacing: 1
+                fontFamily: themeFonts?.[600]
             },
             3: {
                 fontSize: baseSize + 13,
-                fontFamily: themeFonts?.[600],
-                letterSpacing: 1
+                fontFamily: themeFonts?.[600]
             },
             4: {
                 fontSize: baseSize + 12,
-                fontFamily: themeFonts?.[600],
-                letterSpacing: 1
+                fontFamily: themeFonts?.[600]
             },
             5: {
                 fontSize: baseSize + 11,
-                fontFamily: themeFonts?.[600],
-                letterSpacing: 1
+                fontFamily: themeFonts?.[600]
             },
             6: {
                 fontSize: baseSize + 10,
-                fontFamily: themeFonts?.[600],
-                letterSpacing: 1
+                fontFamily: themeFonts?.[600]
             }
         },
         label: {
             1: {
                 fontSize: baseSize + 16,
-                fontFamily: themeFonts?.[500],
-                letterSpacing: 1
+                fontFamily: themeFonts?.[500]
             },
             2: {
                 fontSize: baseSize + 14,
-                fontFamily: themeFonts?.[500],
-                letterSpacing: 1
+                fontFamily: themeFonts?.[500]
             },
             3: {
                 fontSize: baseSize + 13,
-                fontFamily: themeFonts?.[500],
-                letterSpacing: 1
+                fontFamily: themeFonts?.[500]
             },
             4: {
                 fontSize: baseSize + 12,
-                fontFamily: themeFonts?.[500],
-                letterSpacing: 1
+                fontFamily: themeFonts?.[500]
             },
             5: {
                 fontSize: baseSize + 11,
-                fontFamily: themeFonts?.[500],
-                letterSpacing: 1
+                fontFamily: themeFonts?.[500]
             },
             6: {
                 fontSize: baseSize + 10,
-                fontFamily: themeFonts?.[500],
-                letterSpacing: 1
+                fontFamily: themeFonts?.[500]
             }
         },
         body: {
             1: {
                 fontSize: baseSize + 16,
-                fontFamily: themeFonts?.[400],
-                letterSpacing: 1
+                fontFamily: themeFonts?.[400]
             },
             2: {
                 fontSize: baseSize + 14,
-                fontFamily: themeFonts?.[400],
-                letterSpacing: 1
+                fontFamily: themeFonts?.[400]
             },
             3: {
                 fontSize: baseSize + 13,
-                fontFamily: themeFonts?.[400],
-                letterSpacing: 1
+                fontFamily: themeFonts?.[400]
             },
             4: {
                 fontSize: baseSize + 12,
-                fontFamily: themeFonts?.[400],
-                letterSpacing: 1
+                fontFamily: themeFonts?.[400]
             },
             5: {
                 fontSize: baseSize + 11,
-                fontFamily: themeFonts?.[400],
-                letterSpacing: 1
+                fontFamily: themeFonts?.[400]
             },
             6: {
                 fontSize: baseSize + 10,
-                fontFamily: themeFonts?.[400],
-                letterSpacing: 1
+                fontFamily: themeFonts?.[400]
             }
         },
         caption: {
             1: {
                 fontSize: baseSize + 12,
-                fontFamily: themeFonts?.[400],
-                letterSpacing: 1
+                fontFamily: themeFonts?.[400]
             },
             2: {
                 fontSize: baseSize + 11,
-                fontFamily: themeFonts?.[400],
-                letterSpacing: 1
+                fontFamily: themeFonts?.[400]
             },
             3: {
                 fontSize: baseSize + 10,
-                fontFamily: themeFonts?.[400],
-                letterSpacing: 1
+                fontFamily: themeFonts?.[400]
             },
             4: {
                 fontSize: baseSize + 9,
-                fontFamily: themeFonts?.[400],
-                letterSpacing: 1
+                fontFamily: themeFonts?.[400]
             },
             5: {
                 fontSize: baseSize + 8,
-                fontFamily: themeFonts?.[400],
-                letterSpacing: 1
+                fontFamily: themeFonts?.[400]
             },
             6: {
                 fontSize: baseSize + 7,
-                fontFamily: themeFonts?.[400],
-                letterSpacing: 1
+                fontFamily: themeFonts?.[400]
             }
         },
     };

package/build/theme/typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../src/theme/typography.ts"],"names":[],"mappings":"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","sourcesContent":["import { ThemeFonts, TypographyVariantsProps } from \"./types\";\n\nconst baseSize = 0;\n\nexport default function typography({ themeFonts }: { themeFonts?: ThemeFonts }): TypographyVariantsProps {\n    return {\n        themeFonts: themeFonts,\n        heading: {\n            1: {\n                fontSize: baseSize + 36,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            },\n            2: {\n                fontSize: baseSize + 32,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            },\n            3: {\n                fontSize: baseSize + 28,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            },\n            4: {\n                fontSize: baseSize + 24,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            },\n            5: {\n                fontSize: baseSize + 20,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            },\n            6: {\n                fontSize: baseSize + 18,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            }\n        },\n        title: {\n            1: {\n                fontSize: baseSize + 16,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            },\n            2: {\n                fontSize: baseSize + 14,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            },\n            3: {\n                fontSize: baseSize + 13,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            },\n            4: {\n                fontSize: baseSize + 12,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            },\n            5: {\n                fontSize: baseSize + 11,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            },\n            6: {\n                fontSize: baseSize + 10,\n                fontFamily: themeFonts?.[700],\n                letterSpacing: 1\n            }\n        },\n        subTitle: {\n            1: {\n                fontSize: baseSize + 16,\n                fontFamily: themeFonts?.[600],\n                letterSpacing: 1\n            },\n            2: {\n                fontSize: baseSize + 14,\n                fontFamily: themeFonts?.[600],\n                letterSpacing: 1\n            },\n            3: {\n                fontSize: baseSize + 13,\n                fontFamily: themeFonts?.[600],\n                letterSpacing: 1\n            },\n            4: {\n                fontSize: baseSize + 12,\n                fontFamily: themeFonts?.[600],\n                letterSpacing: 1\n            },\n            5: {\n                fontSize: baseSize + 11,\n                fontFamily: themeFonts?.[600],\n                letterSpacing: 1\n            },\n            6: {\n                fontSize: baseSize + 10,\n                fontFamily: themeFonts?.[600],\n                letterSpacing: 1\n            }\n        },\n        label: {\n            1: {\n                fontSize: baseSize + 16,\n                fontFamily: themeFonts?.[500],\n                letterSpacing: 1\n            },\n            2: {\n                fontSize: baseSize + 14,\n                fontFamily: themeFonts?.[500],\n                letterSpacing: 1\n            },\n            3: {\n                fontSize: baseSize + 13,\n                fontFamily: themeFonts?.[500],\n                letterSpacing: 1\n            },\n            4: {\n                fontSize: baseSize + 12,\n                fontFamily: themeFonts?.[500],\n                letterSpacing: 1\n            },\n            5: {\n                fontSize: baseSize + 11,\n                fontFamily: themeFonts?.[500],\n                letterSpacing: 1\n            },\n            6: {\n                fontSize: baseSize + 10,\n                fontFamily: themeFonts?.[500],\n                letterSpacing: 1\n            }\n        },\n        body: {\n            1: {\n                fontSize: baseSize + 16,\n                fontFamily: themeFonts?.[400],\n                letterSpacing: 1\n            },\n            2: {\n                fontSize: baseSize + 14,\n                fontFamily: themeFonts?.[400],\n                letterSpacing: 1\n            },\n            3: {\n                fontSize: baseSize + 13,\n                fontFamily: themeFonts?.[400],\n                letterSpacing: 1\n            },\n            4: {\n                fontSize: baseSize + 12,\n                fontFamily: themeFonts?.[400],\n                letterSpacing: 1\n            },\n            5: {\n                fontSize: baseSize + 11,\n                fontFamily: themeFonts?.[400],\n                letterSpacing: 1\n            },\n            6: {\n                fontSize: baseSize + 10,\n                fontFamily: themeFonts?.[400],\n                letterSpacing: 1\n            }\n        },\n        caption: {\n            1: {\n                fontSize: baseSize + 12,\n                fontFamily: themeFonts?.[400],\n                letterSpacing: 1\n            },\n            2: {\n                fontSize: baseSize + 11,\n                fontFamily: themeFonts?.[400],\n                letterSpacing: 1\n            },\n            3: {\n                fontSize: baseSize + 10,\n                fontFamily: themeFonts?.[400],\n                letterSpacing: 1\n            },\n            4: {\n                fontSize: baseSize + 9,\n                fontFamily: themeFonts?.[400],\n                letterSpacing: 1\n            },\n            5: {\n                fontSize: baseSize + 8,\n                fontFamily: themeFonts?.[400],\n                letterSpacing: 1\n            },\n            6: {\n                fontSize: baseSize + 7,\n                fontFamily: themeFonts?.[400],\n                letterSpacing: 1\n            }\n        },\n    }\n}\n"]}
+{"version":3,"file":"typography.js","sourceRoot":"","sources":["../../src/theme/typography.ts"],"names":[],"mappings":"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","sourcesContent":["import { ThemeFonts, TypographyVariantsProps } from \"./types\";\n\nconst baseSize = 0;\n\nexport default function typography({ themeFonts }: { themeFonts?: ThemeFonts }): TypographyVariantsProps {\n    return {\n        themeFonts: themeFonts,\n        heading: {\n            1: {\n                fontSize: baseSize + 36,\n                fontFamily: themeFonts?.[700]\n            },\n            2: {\n                fontSize: baseSize + 32,\n                fontFamily: themeFonts?.[700]\n            },\n            3: {\n                fontSize: baseSize + 28,\n                fontFamily: themeFonts?.[700]\n            },\n            4: {\n                fontSize: baseSize + 24,\n                fontFamily: themeFonts?.[700]\n            },\n            5: {\n                fontSize: baseSize + 20,\n                fontFamily: themeFonts?.[700]\n            },\n            6: {\n                fontSize: baseSize + 18,\n                fontFamily: themeFonts?.[700]\n            }\n        },\n        title: {\n            1: {\n                fontSize: baseSize + 16,\n                fontFamily: themeFonts?.[700]\n            },\n            2: {\n                fontSize: baseSize + 14,\n                fontFamily: themeFonts?.[700]\n            },\n            3: {\n                fontSize: baseSize + 13,\n                fontFamily: themeFonts?.[700]\n            },\n            4: {\n                fontSize: baseSize + 12,\n                fontFamily: themeFonts?.[700]\n            },\n            5: {\n                fontSize: baseSize + 11,\n                fontFamily: themeFonts?.[700]\n            },\n            6: {\n                fontSize: baseSize + 10,\n                fontFamily: themeFonts?.[700]\n            }\n        },\n        subTitle: {\n            1: {\n                fontSize: baseSize + 16,\n                fontFamily: themeFonts?.[600]\n            },\n            2: {\n                fontSize: baseSize + 14,\n                fontFamily: themeFonts?.[600]\n            },\n            3: {\n                fontSize: baseSize + 13,\n                fontFamily: themeFonts?.[600]\n            },\n            4: {\n                fontSize: baseSize + 12,\n                fontFamily: themeFonts?.[600]\n            },\n            5: {\n                fontSize: baseSize + 11,\n                fontFamily: themeFonts?.[600]\n            },\n            6: {\n                fontSize: baseSize + 10,\n                fontFamily: themeFonts?.[600]\n            }\n        },\n        label: {\n            1: {\n                fontSize: baseSize + 16,\n                fontFamily: themeFonts?.[500]\n            },\n            2: {\n                fontSize: baseSize + 14,\n                fontFamily: themeFonts?.[500]\n            },\n            3: {\n                fontSize: baseSize + 13,\n                fontFamily: themeFonts?.[500]\n            },\n            4: {\n                fontSize: baseSize + 12,\n                fontFamily: themeFonts?.[500]\n            },\n            5: {\n                fontSize: baseSize + 11,\n                fontFamily: themeFonts?.[500]\n            },\n            6: {\n                fontSize: baseSize + 10,\n                fontFamily: themeFonts?.[500]\n            }\n        },\n        body: {\n            1: {\n                fontSize: baseSize + 16,\n                fontFamily: themeFonts?.[400]\n            },\n            2: {\n                fontSize: baseSize + 14,\n                fontFamily: themeFonts?.[400]\n            },\n            3: {\n                fontSize: baseSize + 13,\n                fontFamily: themeFonts?.[400]\n            },\n            4: {\n                fontSize: baseSize + 12,\n                fontFamily: themeFonts?.[400]\n            },\n            5: {\n                fontSize: baseSize + 11,\n                fontFamily: themeFonts?.[400]\n            },\n            6: {\n                fontSize: baseSize + 10,\n                fontFamily: themeFonts?.[400]\n            }\n        },\n        caption: {\n            1: {\n                fontSize: baseSize + 12,\n                fontFamily: themeFonts?.[400]\n            },\n            2: {\n                fontSize: baseSize + 11,\n                fontFamily: themeFonts?.[400]\n            },\n            3: {\n                fontSize: baseSize + 10,\n                fontFamily: themeFonts?.[400]\n            },\n            4: {\n                fontSize: baseSize + 9,\n                fontFamily: themeFonts?.[400]\n            },\n            5: {\n                fontSize: baseSize + 8,\n                fontFamily: themeFonts?.[400]\n            },\n            6: {\n                fontSize: baseSize + 7,\n                fontFamily: themeFonts?.[400]\n            }\n        },\n    }\n}\n"]}

package/build/ui/ZSBlockButton/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { type ImageSourcePropType, type StyleProp, type ViewStyle, type ViewProps } from 'react-native';
 import { TypoOptions, IntentOptions } from '../../theme/types';
 type Props = ViewProps & {
@@ -11,6 +12,7 @@ type Props = ViewProps & {
     isLoading?: boolean;
     disabled?: boolean;
 };
-declare function ZSBlockButton({ onPress, style, title, intent, typo, prefixIcon, variant, isLoading, disabled, ...props }: Props): import("react").JSX.Element;
-export default ZSBlockButton;
+declare function ZSBlockButton({ onPress, style, title, intent, typo, prefixIcon, variant, isLoading, disabled, ...props }: Props): React.JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof ZSBlockButton>;
+export default _default;
 //# sourceMappingURL=index.d.ts.map

package/build/ui/ZSBlockButton/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/ZSBlockButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,mBAAmB,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/G,OAAO,EAAiD,WAAW,EAAoB,aAAa,EAAmB,MAAM,mBAAmB,CAAC;AAajJ,KAAK,KAAK,GAAG,SAAS,GAAG;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACxC,IAAI,EAAE,WAAW,CAAC;IAClB,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,iBAAS,aAAa,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAkB,EAAE,IAAI,EAAE,UAAU,EAAE,OAAiB,EAAE,SAAiB,EAAE,QAAgB,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,+BAoH9J;AAED,eAAe,aAAa,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/ZSBlockButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAS,KAAK,mBAAmB,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAC/G,OAAO,EAAoB,WAAW,EAAkC,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAajH,KAAK,KAAK,GAAG,SAAS,GAAG;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACxC,IAAI,EAAE,WAAW,CAAC;IAClB,UAAU,CAAC,EAAE,mBAAmB,CAAC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,iBAAS,aAAa,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAkB,EAAE,IAAI,EAAE,UAAU,EAAE,OAAiB,EAAE,SAAiB,EAAE,QAAgB,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,qBA+C9J;;AAED,wBAAyC"}

package/build/ui/ZSBlockButton/index.js

@@ -1,94 +1,31 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
 import { Image } from 'react-native';
 import { useTheme } from '../../context/ThemeContext';
+import { resolveTextColor } from '../../theme/resolveColor';
+import { PASTEL_TEXT_COLOR, SOLID_TEXT_COLOR, STROKE_TEXT_COLOR } from '../../theme/intentColors';
+import { RADIUS } from '../../theme/tokens';
 import ZSPressable from '../ZSPressable';
 import ZSView from '../ZSView';
 import ZSText from '../ZSText';
-function isColorMap(value) {
-    return typeof value === 'object' && value !== null;
-}
+// typo 크기(subStyle)별 패딩
+const PADDING_HORIZONTAL = { '1': 11, '2': 11, '3': 10, '4': 8, '5': 7, '6': 5 };
+const PADDING_VERTICAL = { '1': 9, '2': 9, '3': 8, '4': 6, '5': 5, '6': 4 };
 function ZSBlockButton({ onPress, style, title, intent = 'primary', typo, prefixIcon, variant = 'solid', isLoading = false, disabled = false, ...props }) {
     const { palette } = useTheme();
     const size = typo.split('.')[1];
-    const getColors = () => {
-        const baseColor = intent === 'danger' ? 'danger'
-            : intent === 'primary' ? 'primary'
-                : intent === 'information' ? 'information'
-                    : intent === 'success' ? 'success'
-                        : intent === 'warning' ? 'warning'
-                            : 'grey';
-        if (variant === 'solid') {
-            return {
-                backgroundColor: `${baseColor}.50`,
-                textColor: 'white',
-                borderColor: undefined,
-                borderWidth: 0,
-            };
-        }
-        else if (variant === 'pastel') {
-            return {
-                backgroundColor: `${baseColor}.10`,
-                textColor: (intent === 'danger' ? 'danger.60'
-                    : intent === 'primary' ? 'primary.60'
-                        : intent === 'information' ? 'information.60'
-                            : intent === 'success' ? 'success.60'
-                                : intent === 'warning' ? 'warning.60'
-                                    : 'grey.70'),
-                borderColor: undefined,
-                borderWidth: 0,
-            };
-        }
-        else { // stroke
-            return {
-                backgroundColor: 'transparent',
-                textColor: (intent === 'danger' ? 'danger.50'
-                    : intent === 'primary' ? 'primary.50'
-                        : intent === 'information' ? 'information.50'
-                            : intent === 'success' ? 'success.50'
-                                : intent === 'warning' ? 'warning.60'
-                                    : 'grey.60'),
-                borderColor: intent === 'danger' ? palette.danger[50]
-                    : intent === 'primary' ? palette.primary[50]
-                        : intent === 'information' ? palette.information[50]
-                            : intent === 'success' ? palette.success[50]
-                                : intent === 'warning' ? palette.warning[50]
-                                    : palette.grey[50],
-                borderWidth: 1,
-            };
-        }
-    };
-    const colors = getColors();
-    const paddingHorizontal = size === '1' ? 11
-        : size === '2' ? 11
-            : size === '3' ? 10
-                : size === '4' ? 8
-                    : size === '5' ? 7
-                        : size === '6' ? 5
-                            : 10;
-    const paddingVertical = size === '1' ? 9
-        : size === '2' ? 9
-            : size === '3' ? 8
-                : size === '4' ? 6
-                    : size === '5' ? 5
-                        : size === '6' ? 4
-                            : 8;
-    const getTextColorValue = () => {
-        const [c01, c02] = colors.textColor.split('.');
-        if (c02) {
-            if (c01 === 'text')
-                return palette.text[c02];
-            if (c01 === 'background')
-                return palette.background[c02];
-            const semanticPalette = palette[c01];
-            return isColorMap(semanticPalette) ? semanticPalette[c02] : undefined;
-        }
-        return palette.text[c01];
-    };
-    const textColorValue = getTextColorValue();
+    const colors = variant === 'solid'
+        ? { backgroundColor: `${intent}.50`, textColor: SOLID_TEXT_COLOR[intent], borderColor: undefined, borderWidth: 0 }
+        : variant === 'pastel'
+            ? { backgroundColor: `${intent}.10`, textColor: PASTEL_TEXT_COLOR[intent], borderColor: undefined, borderWidth: 0 }
+            : { backgroundColor: 'transparent', textColor: STROKE_TEXT_COLOR[intent], borderColor: palette[intent][50], borderWidth: 1 };
+    const paddingHorizontal = PADDING_HORIZONTAL[size] ?? 10;
+    const paddingVertical = PADDING_VERTICAL[size] ?? 8;
+    const textColorValue = resolveTextColor(palette, colors.textColor);
     return (_jsx(ZSPressable, { onPress: onPress, style: style, isLoading: isLoading, disabled: disabled, ...props, children: _jsxs(ZSView, { style: {
                 paddingHorizontal,
                 paddingVertical,
-                borderRadius: 6,
+                borderRadius: RADIUS.sm,
                 justifyContent: 'center',
                 alignItems: 'center',
                 flexDirection: 'row',
@@ -98,5 +35,5 @@ function ZSBlockButton({ onPress, style, title, intent = 'primary', typo, prefix
                 borderWidth: colors.borderWidth,
             }, color: colors.backgroundColor !== 'transparent' ? colors.backgroundColor : undefined, children: [prefixIcon && (_jsx(Image, { style: { width: 12, height: 12, marginTop: 1 }, tintColor: textColorValue, source: prefixIcon })), _jsx(ZSText, { color: colors.textColor, typo: typo, children: title })] }) }));
 }
-export default ZSBlockButton;
+export default React.memo(ZSBlockButton);
 //# sourceMappingURL=index.js.map

package/build/ui/ZSBlockButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/ZSBlockButton/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAA4E,MAAM,cAAc,CAAC;AAE/G,OAAO,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACtD,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,MAAM,MAAM,WAAW,CAAC;AAK/B,SAAS,UAAU,CAAC,KAAc;IAChC,OAAO,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,CAAC;AACrD,CAAC;AAcD,SAAS,aAAa,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,GAAG,OAAO,EAAE,SAAS,GAAG,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,KAAK,EAAS;IAC7J,MAAM,EAAE,OAAO,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC/B,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAEhC,MAAM,SAAS,GAAG,GAKhB,EAAE;QACF,MAAM,SAAS,GAAG,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ;YAC9C,CAAC,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS;gBAChC,CAAC,CAAC,MAAM,KAAK,aAAa,CAAC,CAAC,CAAC,aAAa;oBACxC,CAAC,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS;wBAChC,CAAC,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS;4BAChC,CAAC,CAAC,MAAM,CAAC;QAEnB,IAAI,OAAO,KAAK,OAAO,EAAE,CAAC;YACxB,OAAO;gBACL,eAAe,EAAE,GAAG,SAAS,KAAyB;gBACtD,SAAS,EAAE,OAA2B;gBACtC,WAAW,EAAE,SAAS;gBACtB,WAAW,EAAE,CAAC;aACf,CAAC;QACJ,CAAC;aAAM,IAAI,OAAO,KAAK,QAAQ,EAAE,CAAC;YAChC,OAAO;gBACL,eAAe,EAAE,GAAG,SAAS,KAAyB;gBACtD,SAAS,EAAE,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW;oBAC3C,CAAC,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY;wBACnC,CAAC,CAAC,MAAM,KAAK,aAAa,CAAC,CAAC,CAAC,gBAAgB;4BAC3C,CAAC,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY;gCACnC,CAAC,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY;oCACnC,CAAC,CAAC,SAAS,CAAqB;gBAC1C,WAAW,EAAE,SAAS;gBACtB,WAAW,EAAE,CAAC;aACf,CAAC;QACJ,CAAC;aAAM,CAAC,CAAC,SAAS;YAChB,OAAO;gBACL,eAAe,EAAE,aAAa;gBAC9B,SAAS,EAAE,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,WAAW;oBAC3C,CAAC,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY;wBACnC,CAAC,CAAC,MAAM,KAAK,aAAa,CAAC,CAAC,CAAC,gBAAgB;4BAC3C,CAAC,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY;gCACnC,CAAC,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY;oCACnC,CAAC,CAAC,SAAS,CAAqB;gBAC1C,WAAW,EAAE,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;oBACnD,CAAC,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;wBAC1C,CAAC,CAAC,MAAM,KAAK,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC;4BAClD,CAAC,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;gCAC1C,CAAC,CAAC,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC;oCAC1C,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;gBAC5B,WAAW,EAAE,CAAC;aACf,CAAC;QACJ,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,MAAM,iBAAiB,GAAG,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE;QACzC,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE;YACjB,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE;gBACjB,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;oBAChB,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;wBAChB,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;4BAChB,CAAC,CAAC,EAAE,CAAC;IAEjB,MAAM,eAAe,GAAG,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;QACtC,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;YAChB,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;gBAChB,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;oBAChB,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;wBAChB,CAAC,CAAC,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC;4BAChB,CAAC,CAAC,CAAC,CAAC;IAEhB,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,MAAM,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAiC,CAAC;QAC/E,IAAI,GAAG,EAAE,CAAC;YACR,IAAI,GAAG,KAAK,MAAM;gBAAE,OAAO,OAAO,CAAC,IAAI,CAAC,GAA0B,CAAC,CAAC;YACpE,IAAI,GAAG,KAAK,YAAY;gBAAE,OAAO,OAAO,CAAC,UAAU,CAAC,GAA4B,CAAC,CAAC;YAElF,MAAM,eAAe,GAAG,OAAO,CAAC,GAAyB,CAAC,CAAC;YAC3D,OAAO,UAAU,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,GAAmB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QACxF,CAAC;QACD,OAAO,OAAO,CAAC,IAAI,CAAC,GAA0B,CAAC,CAAC;IAClD,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,iBAAiB,EAAE,CAAC;IAE3C,OAAO,CACL,KAAC,WAAW,IAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,KAAM,KAAK,YAC9F,MAAC,MAAM,IACL,KAAK,EAAE;gBACL,iBAAiB;gBACjB,eAAe;gBACf,YAAY,EAAE,CAAC;gBACf,cAAc,EAAE,QAAQ;gBACxB,UAAU,EAAE,QAAQ;gBACpB,aAAa,EAAE,KAAK;gBACpB,GAAG,EAAE,CAAC;gBACN,eAAe,EAAE,MAAM,CAAC,eAAe,KAAK,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS;gBACrF,WAAW,EAAE,MAAM,CAAC,WAAW;gBAC/B,WAAW,EAAE,MAAM,CAAC,WAAW;aAChC,EACD,KAAK,EAAE,MAAM,CAAC,eAAe,KAAK,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC,CAAC,SAAS,aAEnF,UAAU,IAAI,CACb,KAAC,KAAK,IACJ,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,EAC9C,SAAS,EAAE,cAAc,EACzB,MAAM,EAAE,UAAU,GAClB,CACH,EACD,KAAC,MAAM,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS,EAAE,IAAI,EAAE,IAAI,YAAG,KAAK,GAAU,IACtD,GACG,CACf,CAAC;AACJ,CAAC;AAED,eAAe,aAAa,CAAC","sourcesContent":["import { Image, type ImageSourcePropType, type StyleProp, type ViewStyle, type ViewProps } from 'react-native';\nimport { ColorPalette, ThemeTextType, TypoColorOptions, TypoOptions, ViewColorOptions, IntentOptions, ThemeBackground } from '../../theme/types';\nimport { useTheme } from '../../context/ThemeContext';\nimport ZSPressable from '../ZSPressable';\nimport ZSView from '../ZSView';\nimport ZSText from '../ZSText';\n\ntype SemanticPaletteKey = 'primary' | 'secondary' | 'danger' | 'warning' | 'success' | 'information' | 'grey';\ntype PaletteShade = keyof ColorPalette;\n\nfunction isColorMap(value: unknown): value is Record<string, string> {\n  return typeof value === 'object' && value !== null;\n}\n\ntype Props = ViewProps & {\n  onPress: () => void;\n  style?: StyleProp<ViewStyle>;\n  title: string;\n  intent?: IntentOptions;\n  variant?: 'solid' | 'pastel' | 'stroke';\n  typo: TypoOptions;\n  prefixIcon?: ImageSourcePropType;\n  isLoading?: boolean;\n  disabled?: boolean;\n};\n\nfunction ZSBlockButton({ onPress, style, title, intent = 'primary', typo, prefixIcon, variant = 'solid', isLoading = false, disabled = false, ...props }: Props) {\n  const { palette } = useTheme();\n  const size = typo.split('.')[1];\n\n  const getColors = (): {\n    backgroundColor: ViewColorOptions | 'transparent';\n    textColor: TypoColorOptions;\n    borderColor?: string;\n    borderWidth: number;\n  } => {\n    const baseColor = intent === 'danger' ? 'danger'\n      : intent === 'primary' ? 'primary'\n        : intent === 'information' ? 'information'\n          : intent === 'success' ? 'success'\n            : intent === 'warning' ? 'warning'\n              : 'grey';\n\n    if (variant === 'solid') {\n      return {\n        backgroundColor: `${baseColor}.50` as ViewColorOptions,\n        textColor: 'white' as TypoColorOptions,\n        borderColor: undefined,\n        borderWidth: 0,\n      };\n    } else if (variant === 'pastel') {\n      return {\n        backgroundColor: `${baseColor}.10` as ViewColorOptions,\n        textColor: (intent === 'danger' ? 'danger.60'\n          : intent === 'primary' ? 'primary.60'\n            : intent === 'information' ? 'information.60'\n              : intent === 'success' ? 'success.60'\n                : intent === 'warning' ? 'warning.60'\n                  : 'grey.70') as TypoColorOptions,\n        borderColor: undefined,\n        borderWidth: 0,\n      };\n    } else { // stroke\n      return {\n        backgroundColor: 'transparent',\n        textColor: (intent === 'danger' ? 'danger.50'\n          : intent === 'primary' ? 'primary.50'\n            : intent === 'information' ? 'information.50'\n              : intent === 'success' ? 'success.50'\n                : intent === 'warning' ? 'warning.60'\n                  : 'grey.60') as TypoColorOptions,\n        borderColor: intent === 'danger' ? palette.danger[50]\n          : intent === 'primary' ? palette.primary[50]\n            : intent === 'information' ? palette.information[50]\n              : intent === 'success' ? palette.success[50]\n                : intent === 'warning' ? palette.warning[50]\n                  : palette.grey[50],\n        borderWidth: 1,\n      };\n    }\n  };\n\n  const colors = getColors();\n\n  const paddingHorizontal = size === '1' ? 11\n    : size === '2' ? 11\n      : size === '3' ? 10\n        : size === '4' ? 8\n          : size === '5' ? 7\n            : size === '6' ? 5\n              : 10;\n\n  const paddingVertical = size === '1' ? 9\n    : size === '2' ? 9\n      : size === '3' ? 8\n        : size === '4' ? 6\n          : size === '5' ? 5\n            : size === '6' ? 4\n              : 8;\n\n  const getTextColorValue = () => {\n    const [c01, c02] = colors.textColor.split('.') as [string, string | undefined];\n    if (c02) {\n      if (c01 === 'text') return palette.text[c02 as keyof ThemeTextType];\n      if (c01 === 'background') return palette.background[c02 as keyof ThemeBackground];\n\n      const semanticPalette = palette[c01 as SemanticPaletteKey];\n      return isColorMap(semanticPalette) ? semanticPalette[c02 as PaletteShade] : undefined;\n    }\n    return palette.text[c01 as keyof ThemeTextType];\n  };\n\n  const textColorValue = getTextColorValue();\n\n  return (\n    <ZSPressable onPress={onPress} style={style} isLoading={isLoading} disabled={disabled} {...props}>\n      <ZSView\n        style={{\n          paddingHorizontal,\n          paddingVertical,\n          borderRadius: 6,\n          justifyContent: 'center',\n          alignItems: 'center',\n          flexDirection: 'row',\n          gap: 4,\n          backgroundColor: colors.backgroundColor === 'transparent' ? 'transparent' : undefined,\n          borderColor: colors.borderColor,\n          borderWidth: colors.borderWidth,\n        }}\n        color={colors.backgroundColor !== 'transparent' ? colors.backgroundColor : undefined}\n      >\n        {prefixIcon && (\n          <Image\n            style={{ width: 12, height: 12, marginTop: 1 }}\n            tintColor={textColorValue}\n            source={prefixIcon}\n          />\n        )}\n        <ZSText color={colors.textColor} typo={typo}>{title}</ZSText>\n      </ZSView>\n    </ZSPressable>\n  );\n}\n\nexport default ZSBlockButton;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/ZSBlockButton/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { Image, type ImageSourcePropType, type StyleProp, type ViewStyle, type ViewProps } from 'react-native';\nimport { TypoColorOptions, TypoOptions, TypoSubStyle, ViewColorOptions, IntentOptions } from '../../theme/types';\nimport { useTheme } from '../../context/ThemeContext';\nimport { resolveTextColor } from '../../theme/resolveColor';\nimport { PASTEL_TEXT_COLOR, SOLID_TEXT_COLOR, STROKE_TEXT_COLOR } from '../../theme/intentColors';\nimport { RADIUS } from '../../theme/tokens';\nimport ZSPressable from '../ZSPressable';\nimport ZSView from '../ZSView';\nimport ZSText from '../ZSText';\n\n// typo 크기(subStyle)별 패딩\nconst PADDING_HORIZONTAL: Record<TypoSubStyle, number> = { '1': 11, '2': 11, '3': 10, '4': 8, '5': 7, '6': 5 };\nconst PADDING_VERTICAL: Record<TypoSubStyle, number> = { '1': 9, '2': 9, '3': 8, '4': 6, '5': 5, '6': 4 };\n\ntype Props = ViewProps & {\n  onPress: () => void;\n  style?: StyleProp<ViewStyle>;\n  title: string;\n  intent?: IntentOptions;\n  variant?: 'solid' | 'pastel' | 'stroke';\n  typo: TypoOptions;\n  prefixIcon?: ImageSourcePropType;\n  isLoading?: boolean;\n  disabled?: boolean;\n};\n\nfunction ZSBlockButton({ onPress, style, title, intent = 'primary', typo, prefixIcon, variant = 'solid', isLoading = false, disabled = false, ...props }: Props) {\n  const { palette } = useTheme();\n  const size = typo.split('.')[1] as TypoSubStyle;\n\n  const colors: {\n    backgroundColor: ViewColorOptions | 'transparent';\n    textColor: TypoColorOptions;\n    borderColor?: string;\n    borderWidth: number;\n  } = variant === 'solid'\n    ? { backgroundColor: `${intent}.50` as ViewColorOptions, textColor: SOLID_TEXT_COLOR[intent], borderColor: undefined, borderWidth: 0 }\n    : variant === 'pastel'\n      ? { backgroundColor: `${intent}.10` as ViewColorOptions, textColor: PASTEL_TEXT_COLOR[intent], borderColor: undefined, borderWidth: 0 }\n      : { backgroundColor: 'transparent', textColor: STROKE_TEXT_COLOR[intent], borderColor: palette[intent][50], borderWidth: 1 };\n\n  const paddingHorizontal = PADDING_HORIZONTAL[size] ?? 10;\n  const paddingVertical = PADDING_VERTICAL[size] ?? 8;\n  const textColorValue = resolveTextColor(palette, colors.textColor);\n\n  return (\n    <ZSPressable onPress={onPress} style={style} isLoading={isLoading} disabled={disabled} {...props}>\n      <ZSView\n        style={{\n          paddingHorizontal,\n          paddingVertical,\n          borderRadius: RADIUS.sm,\n          justifyContent: 'center',\n          alignItems: 'center',\n          flexDirection: 'row',\n          gap: 4,\n          backgroundColor: colors.backgroundColor === 'transparent' ? 'transparent' : undefined,\n          borderColor: colors.borderColor,\n          borderWidth: colors.borderWidth,\n        }}\n        color={colors.backgroundColor !== 'transparent' ? colors.backgroundColor : undefined}\n      >\n        {prefixIcon && (\n          <Image\n            style={{ width: 12, height: 12, marginTop: 1 }}\n            tintColor={textColorValue}\n            source={prefixIcon}\n          />\n        )}\n        <ZSText color={colors.textColor} typo={typo}>{title}</ZSText>\n      </ZSView>\n    </ZSPressable>\n  );\n}\n\nexport default React.memo(ZSBlockButton);\n"]}

package/build/ui/ZSBorderBeam/index.d.ts

@@ -0,0 +1,48 @@
+import React from "react";
+import { type StyleProp, type ViewProps, type ViewStyle } from "react-native";
+/** glow를 세밀하게 제어할 때 사용하는 설정 (숫자 하나로 충분하면 glow={0~1} 사용) */
+export interface ZSBorderBeamGlowConfig {
+    /** 글로우가 stroke 바깥으로 퍼지는 폭(px) */
+    width?: number;
+    /** blur 강도 */
+    blur?: number;
+    /** 숨쉬는 한 사이클(ms) */
+    pulseDuration?: number;
+    minOpacity?: number;
+    maxOpacity?: number;
+}
+export interface ZSBorderBeamProps extends ViewProps {
+    children?: React.ReactNode;
+    /** sweep gradient 색상 배열 (꼬리 → 머리 순) — 지정 시 colorFrom/colorTo는 무시됩니다 */
+    colors?: string[];
+    /** 광선 시작(꼬리) 색상 (기본: palette.primary.main) */
+    colorFrom?: string;
+    /** 광선 끝(머리) 색상 (기본: palette.secondary.main) */
+    colorTo?: string;
+    /** 광선(혜성)이 둘레에서 차지하는 비율 (0~1). 1이면 둘레 전체 그라디언트 링 */
+    beamLength?: number;
+    /** 광선이 지나가지 않는 구간의 얇은 기본 테두리 색. 'none'이면 표시 안 함 (기본: colorFrom 12% 알파) */
+    trackColor?: string;
+    /**
+     * 글로우 강도.
+     * - `false` : 글로우 없음 (선명한 광선만)
+     * - `0~1`   : 숫자 하나로 폭·blur·불투명도를 함께 스케일 (기본 0.5)
+     * - config  : 세밀 제어 — { width, blur, pulseDuration, minOpacity, maxOpacity }
+     */
+    glow?: boolean | number | ZSBorderBeamGlowConfig;
+    /** 광선이 한 바퀴 도는 시간(ms) */
+    duration?: number;
+    /** 애니메이션 시작 지연(ms) */
+    delay?: number;
+    /** 회전 방향 반전 */
+    reverse?: boolean;
+    /** false면 효과를 숨기고 애니메이션을 정지 */
+    active?: boolean;
+    borderWidth?: number;
+    borderRadius?: number;
+    style?: StyleProp<ViewStyle>;
+}
+declare function ZSBorderBeam({ children, colors, colorFrom, colorTo, beamLength, trackColor, glow, duration, delay, reverse, active, borderWidth, borderRadius, style, ...props }: ZSBorderBeamProps): React.JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof ZSBorderBeam>;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

package/build/ui/ZSBorderBeam/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/ZSBorderBeam/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAC5D,OAAO,EAA4C,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAkBxH,2DAA2D;AAC3D,MAAM,WAAW,sBAAsB;IACrC,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,iBAAkB,SAAQ,SAAS;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,uEAAuE;IACvE,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,oDAAoD;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0EAA0E;IAC1E,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,sBAAsB,CAAC;IACjD,yBAAyB;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAgDD,iBAAS,YAAY,CAAC,EACpB,QAAQ,EACR,MAAM,EACN,SAAS,EACT,OAAO,EACP,UAAiB,EACjB,UAAU,EACV,IAAW,EACX,QAAe,EACf,KAAS,EACT,OAAe,EACf,MAAa,EACb,WAAe,EACf,YAAiB,EACjB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,iBAAiB,qBAwKnB;;AAED,wBAAwC"}