@0610studio/zs-ui 0.18.1 → 0.19.1

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.map

@@ -1 +1 @@
-{"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;AA8BjH,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"}
+{"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

@@ -3,26 +3,11 @@ 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';
-// variant 별 텍스트 색상 토큰 (intent 단위 예외값 포함)
-const PASTEL_TEXT_COLOR = {
-    primary: 'primary.60',
-    danger: 'danger.60',
-    information: 'information.60',
-    success: 'success.60',
-    warning: 'warning.60',
-    grey: 'grey.70',
-};
-const STROKE_TEXT_COLOR = {
-    primary: 'primary.50',
-    danger: 'danger.50',
-    information: 'information.50',
-    success: 'success.50',
-    warning: 'warning.60',
-    grey: 'grey.60',
-};
 // 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 };
@@ -30,7 +15,7 @@ function ZSBlockButton({ onPress, style, title, intent = 'primary', typo, prefix
     const { palette } = useTheme();
     const size = typo.split('.')[1];
     const colors = variant === 'solid'
-        ? { backgroundColor: `${intent}.50`, textColor: 'white', borderColor: undefined, borderWidth: 0 }
+        ? { 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 };
@@ -40,7 +25,7 @@ function ZSBlockButton({ onPress, style, title, intent = 'primary', typo, prefix
     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',

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

@@ -1 +1 @@
-{"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 ZSPressable from '../ZSPressable';\nimport ZSView from '../ZSView';\nimport ZSText from '../ZSText';\n\n// variant 별 텍스트 색상 토큰 (intent 단위 예외값 포함)\nconst PASTEL_TEXT_COLOR: Record<IntentOptions, TypoColorOptions> = {\n  primary: 'primary.60',\n  danger: 'danger.60',\n  information: 'information.60',\n  success: 'success.60',\n  warning: 'warning.60',\n  grey: 'grey.70',\n};\n\nconst STROKE_TEXT_COLOR: Record<IntentOptions, TypoColorOptions> = {\n  primary: 'primary.50',\n  danger: 'danger.50',\n  information: 'information.50',\n  success: 'success.50',\n  warning: 'warning.60',\n  grey: 'grey.60',\n};\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: 'white', 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: 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 React.memo(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,qBAyKnB;;AAED,wBAAwC"}

package/build/ui/ZSBorderBeam/index.js

@@ -0,0 +1,136 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect, useMemo, useState } from "react";
+import { StyleSheet, View } from "react-native";
+import { Blur, Canvas, Group, RoundedRect, SweepGradient, vec } from "@shopify/react-native-skia";
+import { Easing, cancelAnimation, interpolate, useDerivedValue, useSharedValue, withDelay, withRepeat, withTiming, } from "react-native-reanimated";
+import { useTheme } from "../../context/ThemeContext";
+const FULL_ROTATION_RADIANS = Math.PI * 2;
+const DEFAULT_GLOW_INTENSITY = 0.5;
+const GLOW_PULSE_DURATION = 2400;
+/** #RGB / #RRGGBB hex에만 알파를 붙이고, 그 외 형식은 null 반환 */
+const withAlpha = (color, alphaHex) => {
+    if (/^#[0-9a-fA-F]{6}$/.test(color))
+        return `${color}${alphaHex}`;
+    if (/^#[0-9a-fA-F]{3}$/.test(color)) {
+        const [r, g, b] = color.slice(1);
+        return `#${r}${r}${g}${g}${b}${b}${alphaHex}`;
+    }
+    return null;
+};
+/** 색상의 완전 투명 버전 (hue 유지 → blur 시 색 번짐이 자연스러움) */
+const transparentize = (color) => withAlpha(color, "00") ?? "#00000000";
+const resolveGlow = (glow) => {
+    if (glow === false || glow === 0)
+        return null;
+    const intensity = typeof glow === "number" ? Math.min(Math.max(glow, 0), 1) : DEFAULT_GLOW_INTENSITY;
+    const maxOpacity = 0.3 + 0.6 * intensity;
+    const scaled = {
+        width: 16 * intensity,
+        blur: 20 * intensity,
+        pulseDuration: GLOW_PULSE_DURATION,
+        minOpacity: maxOpacity * 0.58,
+        maxOpacity,
+    };
+    if (typeof glow === "object") {
+        return {
+            width: glow.width ?? scaled.width,
+            blur: glow.blur ?? scaled.blur,
+            pulseDuration: glow.pulseDuration ?? scaled.pulseDuration,
+            minOpacity: glow.minOpacity ?? scaled.minOpacity,
+            maxOpacity: glow.maxOpacity ?? scaled.maxOpacity,
+        };
+    }
+    return scaled;
+};
+function ZSBorderBeam({ children, colors, colorFrom, colorTo, beamLength = 0.35, trackColor, glow = true, duration = 5000, delay = 0, reverse = false, active = true, borderWidth = 2, borderRadius = 14, style, ...props }) {
+    const { palette } = useTheme();
+    const [layout, setLayout] = useState({ width: 0, height: 0 });
+    const rotationProgress = useSharedValue(0);
+    const glowProgress = useSharedValue(0);
+    const from = colorFrom || palette.primary.main;
+    const to = colorTo || palette.secondary.main;
+    const glowSettings = resolveGlow(glow);
+    // 혜성 형태: 꼬리(투명)에서 머리(선명)로 갈수록 밝아지고, 머리 직후 짧게 컷오프.
+    // beamLength < 1이면 positions로 광선을 둘레 일부에만 압축한다.
+    const beam = useMemo(() => {
+        const length = Math.min(Math.max(beamLength, 0.05), 1);
+        const base = colors && colors.length >= 2
+            ? colors
+            : [transparentize(from), withAlpha(from, "66") ?? from, from, to];
+        if (length >= 1) {
+            const ring = colors && colors.length >= 2 ? colors : [...base, transparentize(to)];
+            return { colors: ring, positions: undefined };
+        }
+        const head = base[base.length - 1] ?? to;
+        const step = length / (base.length - 1);
+        return {
+            colors: [...base, transparentize(head), transparentize(head)],
+            positions: [...base.map((_, index) => index * step), Math.min(length + 0.02, 1), 1],
+        };
+    }, [colors, from, to, beamLength]);
+    const resolvedTrackColor = trackColor === "none" ? null : trackColor ?? withAlpha(from, "1F") ?? "#8080801F";
+    useEffect(() => {
+        if (!active)
+            return;
+        rotationProgress.value = 0;
+        rotationProgress.value = withDelay(delay, withRepeat(withTiming(1, { duration, easing: Easing.linear }), -1, false));
+        return () => cancelAnimation(rotationProgress);
+    }, [active, duration, delay, reverse]);
+    const glowPulseDuration = glowSettings?.pulseDuration;
+    useEffect(() => {
+        if (!active || !glowPulseDuration)
+            return;
+        glowProgress.value = 0;
+        glowProgress.value = withDelay(delay, withRepeat(withTiming(1, { duration: glowPulseDuration, easing: Easing.inOut(Easing.ease) }), -1, true));
+        return () => cancelAnimation(glowProgress);
+    }, [active, delay, glowPulseDuration]);
+    const handleLayout = (event) => {
+        const { width, height } = event.nativeEvent.layout;
+        setLayout((prev) => (prev.width === width && prev.height === height ? prev : { width, height }));
+    };
+    const glowPadding = glowSettings ? Math.ceil(glowSettings.blur + glowSettings.width) : 0;
+    const canvasWidth = layout.width + glowPadding * 2;
+    const canvasHeight = layout.height + glowPadding * 2;
+    const hasLayout = layout.width > 0 && layout.height > 0;
+    const frameX = glowPadding + borderWidth / 2;
+    const frameY = glowPadding + borderWidth / 2;
+    const frameWidth = Math.max(layout.width - borderWidth, 0);
+    const frameHeight = Math.max(layout.height - borderWidth, 0);
+    const frameRadius = Math.min(Math.max(borderRadius - borderWidth / 2, 0), Math.min(frameWidth, frameHeight) / 2);
+    const centerVector = useMemo(() => vec(canvasWidth / 2, canvasHeight / 2), [canvasWidth, canvasHeight]);
+    const direction = reverse ? -1 : 1;
+    const glowMinOpacity = glowSettings?.minOpacity ?? 0;
+    const glowMaxOpacity = glowSettings?.maxOpacity ?? 0;
+    const glowWidth = glowSettings?.width ?? 0;
+    const gradientTransform = useDerivedValue(() => [
+        { rotate: direction * FULL_ROTATION_RADIANS * rotationProgress.value },
+    ]);
+    const glowOpacity = useDerivedValue(() => interpolate(glowProgress.value, [0, 1], [glowMinOpacity, glowMaxOpacity]));
+    const glowStrokeWidth = useDerivedValue(() => interpolate(glowProgress.value, [0, 1], [borderWidth + glowWidth * 0.6, borderWidth + glowWidth]));
+    const beamGradient = (_jsx(SweepGradient, { origin: centerVector, c: centerVector, colors: beam.colors, positions: beam.positions, transform: gradientTransform }));
+    return (_jsxs(View, { style: [styles.container, style], ...props, children: [_jsx(View, { onLayout: handleLayout, style: [styles.content, { borderRadius }], children: children }), active && hasLayout && (_jsxs(Canvas, { pointerEvents: "none", style: [
+                    styles.canvas,
+                    {
+                        width: canvasWidth,
+                        height: canvasHeight,
+                        top: -glowPadding,
+                        left: -glowPadding,
+                        zIndex: 1,
+                    },
+                ], children: [resolvedTrackColor && (_jsx(RoundedRect, { x: frameX, y: frameY, width: frameWidth, height: frameHeight, r: frameRadius, style: "stroke", strokeWidth: borderWidth, color: resolvedTrackColor })), glowSettings && (_jsxs(Group, { children: [_jsx(RoundedRect, { x: frameX, y: frameY, width: frameWidth, height: frameHeight, r: frameRadius, style: "stroke", strokeWidth: glowStrokeWidth, opacity: glowOpacity, children: beamGradient }), _jsx(Blur, { blur: glowSettings.blur })] })), _jsx(RoundedRect, { x: frameX, y: frameY, width: frameWidth, height: frameHeight, r: frameRadius, style: "stroke", strokeWidth: borderWidth, children: beamGradient })] }))] }));
+}
+export default React.memo(ZSBorderBeam);
+const styles = StyleSheet.create({
+    container: {
+        alignSelf: "stretch",
+        position: "relative",
+    },
+    canvas: {
+        position: "absolute",
+    },
+    content: {
+        position: "relative",
+        overflow: "hidden",
+    },
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/ZSBorderBeam/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useMemo, useState } from \"react\";\nimport { StyleSheet, View, type LayoutChangeEvent, type StyleProp, type ViewProps, type ViewStyle } from \"react-native\";\nimport { Blur, Canvas, Group, RoundedRect, SweepGradient, vec } from \"@shopify/react-native-skia\";\nimport {\n  Easing,\n  cancelAnimation,\n  interpolate,\n  useDerivedValue,\n  useSharedValue,\n  withDelay,\n  withRepeat,\n  withTiming,\n} from \"react-native-reanimated\";\nimport { useTheme } from \"../../context/ThemeContext\";\n\nconst FULL_ROTATION_RADIANS = Math.PI * 2;\nconst DEFAULT_GLOW_INTENSITY = 0.5;\nconst GLOW_PULSE_DURATION = 2400;\n\n/** glow를 세밀하게 제어할 때 사용하는 설정 (숫자 하나로 충분하면 glow={0~1} 사용) */\nexport interface ZSBorderBeamGlowConfig {\n  /** 글로우가 stroke 바깥으로 퍼지는 폭(px) */\n  width?: number;\n  /** blur 강도 */\n  blur?: number;\n  /** 숨쉬는 한 사이클(ms) */\n  pulseDuration?: number;\n  minOpacity?: number;\n  maxOpacity?: number;\n}\n\nexport interface ZSBorderBeamProps extends ViewProps {\n  children?: React.ReactNode;\n  /** sweep gradient 색상 배열 (꼬리 → 머리 순) — 지정 시 colorFrom/colorTo는 무시됩니다 */\n  colors?: string[];\n  /** 광선 시작(꼬리) 색상 (기본: palette.primary.main) */\n  colorFrom?: string;\n  /** 광선 끝(머리) 색상 (기본: palette.secondary.main) */\n  colorTo?: string;\n  /** 광선(혜성)이 둘레에서 차지하는 비율 (0~1). 1이면 둘레 전체 그라디언트 링 */\n  beamLength?: number;\n  /** 광선이 지나가지 않는 구간의 얇은 기본 테두리 색. 'none'이면 표시 안 함 (기본: colorFrom 12% 알파) */\n  trackColor?: string;\n  /**\n   * 글로우 강도.\n   * - `false` : 글로우 없음 (선명한 광선만)\n   * - `0~1`   : 숫자 하나로 폭·blur·불투명도를 함께 스케일 (기본 0.5)\n   * - config  : 세밀 제어 — { width, blur, pulseDuration, minOpacity, maxOpacity }\n   */\n  glow?: boolean | number | ZSBorderBeamGlowConfig;\n  /** 광선이 한 바퀴 도는 시간(ms) */\n  duration?: number;\n  /** 애니메이션 시작 지연(ms) */\n  delay?: number;\n  /** 회전 방향 반전 */\n  reverse?: boolean;\n  /** false면 효과를 숨기고 애니메이션을 정지 */\n  active?: boolean;\n  borderWidth?: number;\n  borderRadius?: number;\n  style?: StyleProp<ViewStyle>;\n}\n\n/** #RGB / #RRGGBB hex에만 알파를 붙이고, 그 외 형식은 null 반환 */\nconst withAlpha = (color: string, alphaHex: string): string | null => {\n  if (/^#[0-9a-fA-F]{6}$/.test(color)) return `${color}${alphaHex}`;\n  if (/^#[0-9a-fA-F]{3}$/.test(color)) {\n    const [r, g, b] = color.slice(1);\n    return `#${r}${r}${g}${g}${b}${b}${alphaHex}`;\n  }\n  return null;\n};\n\n/** 색상의 완전 투명 버전 (hue 유지 → blur 시 색 번짐이 자연스러움) */\nconst transparentize = (color: string): string => withAlpha(color, \"00\") ?? \"#00000000\";\n\ninterface GlowSettings {\n  width: number;\n  blur: number;\n  pulseDuration: number;\n  minOpacity: number;\n  maxOpacity: number;\n}\n\nconst resolveGlow = (glow: ZSBorderBeamProps[\"glow\"]): GlowSettings | null => {\n  if (glow === false || glow === 0) return null;\n\n  const intensity = typeof glow === \"number\" ? Math.min(Math.max(glow, 0), 1) : DEFAULT_GLOW_INTENSITY;\n  const maxOpacity = 0.3 + 0.6 * intensity;\n  const scaled: GlowSettings = {\n    width: 16 * intensity,\n    blur: 20 * intensity,\n    pulseDuration: GLOW_PULSE_DURATION,\n    minOpacity: maxOpacity * 0.58,\n    maxOpacity,\n  };\n\n  if (typeof glow === \"object\") {\n    return {\n      width: glow.width ?? scaled.width,\n      blur: glow.blur ?? scaled.blur,\n      pulseDuration: glow.pulseDuration ?? scaled.pulseDuration,\n      minOpacity: glow.minOpacity ?? scaled.minOpacity,\n      maxOpacity: glow.maxOpacity ?? scaled.maxOpacity,\n    };\n  }\n  return scaled;\n};\n\nfunction ZSBorderBeam({\n  children,\n  colors,\n  colorFrom,\n  colorTo,\n  beamLength = 0.35,\n  trackColor,\n  glow = true,\n  duration = 5000,\n  delay = 0,\n  reverse = false,\n  active = true,\n  borderWidth = 2,\n  borderRadius = 14,\n  style,\n  ...props\n}: ZSBorderBeamProps) {\n  const { palette } = useTheme();\n  const [layout, setLayout] = useState({ width: 0, height: 0 });\n  const rotationProgress = useSharedValue(0);\n  const glowProgress = useSharedValue(0);\n\n  const from = colorFrom || palette.primary.main;\n  const to = colorTo || palette.secondary.main;\n  const glowSettings = resolveGlow(glow);\n\n  // 혜성 형태: 꼬리(투명)에서 머리(선명)로 갈수록 밝아지고, 머리 직후 짧게 컷오프.\n  // beamLength < 1이면 positions로 광선을 둘레 일부에만 압축한다.\n  const beam = useMemo(() => {\n    const length = Math.min(Math.max(beamLength, 0.05), 1);\n    const base =\n      colors && colors.length >= 2\n        ? colors\n        : [transparentize(from), withAlpha(from, \"66\") ?? from, from, to];\n\n    if (length >= 1) {\n      const ring = colors && colors.length >= 2 ? colors : [...base, transparentize(to)];\n      return { colors: ring, positions: undefined };\n    }\n\n    const head = base[base.length - 1] ?? to;\n    const step = length / (base.length - 1);\n    return {\n      colors: [...base, transparentize(head), transparentize(head)],\n      positions: [...base.map((_, index) => index * step), Math.min(length + 0.02, 1), 1],\n    };\n  }, [colors, from, to, beamLength]);\n\n  const resolvedTrackColor =\n    trackColor === \"none\" ? null : trackColor ?? withAlpha(from, \"1F\") ?? \"#8080801F\";\n\n  useEffect(() => {\n    if (!active) return;\n\n    rotationProgress.value = 0;\n    rotationProgress.value = withDelay(\n      delay,\n      withRepeat(withTiming(1, { duration, easing: Easing.linear }), -1, false)\n    );\n\n    return () => cancelAnimation(rotationProgress);\n  }, [active, duration, delay, reverse]);\n\n  const glowPulseDuration = glowSettings?.pulseDuration;\n  useEffect(() => {\n    if (!active || !glowPulseDuration) return;\n\n    glowProgress.value = 0;\n    glowProgress.value = withDelay(\n      delay,\n      withRepeat(withTiming(1, { duration: glowPulseDuration, easing: Easing.inOut(Easing.ease) }), -1, true)\n    );\n\n    return () => cancelAnimation(glowProgress);\n  }, [active, delay, glowPulseDuration]);\n\n  const handleLayout = (event: LayoutChangeEvent) => {\n    const { width, height } = event.nativeEvent.layout;\n    setLayout((prev) => (prev.width === width && prev.height === height ? prev : { width, height }));\n  };\n\n  const glowPadding = glowSettings ? Math.ceil(glowSettings.blur + glowSettings.width) : 0;\n  const canvasWidth = layout.width + glowPadding * 2;\n  const canvasHeight = layout.height + glowPadding * 2;\n  const hasLayout = layout.width > 0 && layout.height > 0;\n\n  const frameX = glowPadding + borderWidth / 2;\n  const frameY = glowPadding + borderWidth / 2;\n  const frameWidth = Math.max(layout.width - borderWidth, 0);\n  const frameHeight = Math.max(layout.height - borderWidth, 0);\n  const frameRadius = Math.min(Math.max(borderRadius - borderWidth / 2, 0), Math.min(frameWidth, frameHeight) / 2);\n\n  const centerVector = useMemo(() => vec(canvasWidth / 2, canvasHeight / 2), [canvasWidth, canvasHeight]);\n  const direction = reverse ? -1 : 1;\n\n  const glowMinOpacity = glowSettings?.minOpacity ?? 0;\n  const glowMaxOpacity = glowSettings?.maxOpacity ?? 0;\n  const glowWidth = glowSettings?.width ?? 0;\n\n  const gradientTransform = useDerivedValue(() => [\n    { rotate: direction * FULL_ROTATION_RADIANS * rotationProgress.value },\n  ]);\n  const glowOpacity = useDerivedValue(() =>\n    interpolate(glowProgress.value, [0, 1], [glowMinOpacity, glowMaxOpacity])\n  );\n  const glowStrokeWidth = useDerivedValue(() =>\n    interpolate(glowProgress.value, [0, 1], [borderWidth + glowWidth * 0.6, borderWidth + glowWidth])\n  );\n\n  const beamGradient = (\n    <SweepGradient\n      origin={centerVector}\n      c={centerVector}\n      colors={beam.colors}\n      positions={beam.positions}\n      transform={gradientTransform}\n    />\n  );\n\n  return (\n    <View style={[styles.container, style]} {...props}>\n      <View onLayout={handleLayout} style={[styles.content, { borderRadius }]}>\n        {children}\n      </View>\n\n      {active && hasLayout && (\n        <Canvas\n          pointerEvents=\"none\"\n          style={[\n            styles.canvas,\n            {\n              width: canvasWidth,\n              height: canvasHeight,\n              top: -glowPadding,\n              left: -glowPadding,\n              zIndex: 1,\n            },\n          ]}\n        >\n          {resolvedTrackColor && (\n            <RoundedRect\n              x={frameX}\n              y={frameY}\n              width={frameWidth}\n              height={frameHeight}\n              r={frameRadius}\n              style=\"stroke\"\n              strokeWidth={borderWidth}\n              color={resolvedTrackColor}\n            />\n          )}\n\n          {glowSettings && (\n            <Group>\n              <RoundedRect\n                x={frameX}\n                y={frameY}\n                width={frameWidth}\n                height={frameHeight}\n                r={frameRadius}\n                style=\"stroke\"\n                strokeWidth={glowStrokeWidth}\n                opacity={glowOpacity}\n              >\n                {beamGradient}\n              </RoundedRect>\n              <Blur blur={glowSettings.blur} />\n            </Group>\n          )}\n\n          <RoundedRect\n            x={frameX}\n            y={frameY}\n            width={frameWidth}\n            height={frameHeight}\n            r={frameRadius}\n            style=\"stroke\"\n            strokeWidth={borderWidth}\n          >\n            {beamGradient}\n          </RoundedRect>\n        </Canvas>\n      )}\n    </View>\n  );\n}\n\nexport default React.memo(ZSBorderBeam);\n\nconst styles = StyleSheet.create({\n  container: {\n    alignSelf: \"stretch\",\n    position: \"relative\",\n  },\n  canvas: {\n    position: \"absolute\",\n  },\n  content: {\n    position: \"relative\",\n    overflow: \"hidden\",\n  },\n});\n"]}

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { ViewProps } from 'react-native';
+import { ZSTextProps } from '../ZSText';
+export interface ZSCheckBoxProps extends ViewProps {
+    value: boolean;
+    onChange: (value: boolean) => void;
+    size?: number;
+    activeColor?: string;
+    label?: string;
+    labelStyle?: ZSTextProps;
+    labelComponent?: React.ReactNode;
+    moreComponent?: React.ReactNode;
+    disabled?: boolean;
+}
+declare function ZSCheckBox({ value, onChange, size, activeColor, label, labelStyle, labelComponent, moreComponent, disabled, style, ...props }: ZSCheckBoxProps): React.JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof ZSCheckBox>;
+export default _default;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/ZSCheckBox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAyB,SAAS,EAAE,MAAM,cAAc,CAAC;AAEhE,OAAe,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAShD,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,iBAAS,UAAU,CAAC,EAClB,KAAK,EACL,QAAQ,EACR,IAAS,EACT,WAAW,EACX,KAAK,EACL,UAAU,EACV,cAAc,EACd,aAAa,EACb,QAAgB,EAChB,KAAK,EACL,GAAG,KAAK,EACT,EAAE,eAAe,qBA2CjB;;AA8BD,wBAAsC"}