@0610studio/zs-ui 0.13.3 → 0.13.5

package/README.md

@@ -30,6 +30,13 @@ npx expo install @0610studio/zs-ui
 [EXPO snack](https://snack.expo.dev/@studio0610/zs-ui_13_playground)에서 확인 가능합니다.
 
 <br />
+
+### TODO
+
+- [] Modality 웹 미동작
+
+<br />
+
 <!-- TEST_RESULTS -->
 ## 테스트 결과
 

package/android/build/intermediates/incremental/debug/packageDebugResources/compile-file-map.properties

@@ -1 +1 @@
-#Thu Nov 20 17:24:12 KST 2025
+#Mon Dec 08 14:37:33 KST 2025

package/build/index.d.ts

@@ -21,7 +21,10 @@ import { ZSContainerRef } from "./ui/ZSContainer";
 import { ZSTextProps } from "./ui/ZSText";
 import { BoxStyle, ZSTextFieldRef } from "./ui/ZSTextField";
 import { AlertOverlay, BottomSheetOverlay, SnackbarNotify, useOverlay, PopOverButton, PopOverMenu, ZSPortal } from './overlay';
-export { useTheme, useFoldingState, ThemeProvider, OverlayProvider, themeFactory, ZSBottomCta, ZSView, AnimatedWrapper, TextAtom, ZSContainer, ZSPressable, ZSText, ThrottleButton, ZSTextField, ZSRadioGroup, ZSSwitch, ErrorComponent, ZSAboveKeyboard, AlertOverlay, BottomSheetOverlay, SnackbarNotify, useOverlay, PopOverButton, PopOverMenu, ZSPortal, GlobalOverlay, useStyleSheetCreate, };
+import ZSBlockButton from './ui/ZSBlockButton';
+import ZSSkeleton from './ui/ZSSkeleton';
+import ZSSkeletonBox from './ui/ZSSkeletonBox';
+export { useTheme, useFoldingState, ThemeProvider, OverlayProvider, themeFactory, ZSBottomCta, ZSView, AnimatedWrapper, TextAtom, ZSContainer, ZSPressable, ZSText, ThrottleButton, ZSTextField, ZSRadioGroup, ZSSwitch, ErrorComponent, ZSAboveKeyboard, ZSBlockButton, ZSSkeleton, ZSSkeletonBox, AlertOverlay, BottomSheetOverlay, SnackbarNotify, useOverlay, PopOverButton, PopOverMenu, ZSPortal, GlobalOverlay, useStyleSheetCreate, };
 import type { ThemeProviderProps, ThemeProps, Palette } from "./context/ThemeContext";
 import { ColorPalette, ColorPaletteExtend, ThemeTextType, ThemeBackground, MainColors, Theme, TypographyVariants, ThemeFonts, TypoNumber, TypographyVariantsProps, TypoStyle, TypoOptions, TypoSubStyle, TypoColorOptions, ShadowLevel, ShadowStyle } from "./theme/types";
 import { ThemeFactoryColors, ThemeFactoryConfig } from "./theme/palette";

package/build/index.d.ts.map

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

package/build/index.js

@@ -18,9 +18,12 @@ import AnimatedWrapper from './ui/atoms/AnimatedWrapper';
 import TextAtom from './ui/atoms/TextAtom';
 import ZSAboveKeyboard from "./ui/ZSAboveKeyboard";
 import { AlertOverlay, BottomSheetOverlay, SnackbarNotify, useOverlay, PopOverButton, PopOverMenu, ZSPortal } from './overlay';
+import ZSBlockButton from './ui/ZSBlockButton';
+import ZSSkeleton from './ui/ZSSkeleton';
+import ZSSkeletonBox from './ui/ZSSkeletonBox';
 export { useTheme, useFoldingState, ThemeProvider, OverlayProvider, themeFactory, 
 // ---
-ZSBottomCta, ZSView, AnimatedWrapper, TextAtom, ZSContainer, ZSPressable, ZSText, ThrottleButton, ZSTextField, ZSRadioGroup, ZSSwitch, ErrorComponent, ZSAboveKeyboard, 
+ZSBottomCta, ZSView, AnimatedWrapper, TextAtom, ZSContainer, ZSPressable, ZSText, ThrottleButton, ZSTextField, ZSRadioGroup, ZSSwitch, ErrorComponent, ZSAboveKeyboard, ZSBlockButton, ZSSkeleton, ZSSkeletonBox, 
 // ---
 AlertOverlay, BottomSheetOverlay, SnackbarNotify, useOverlay, PopOverButton, PopOverMenu, ZSPortal, 
 // Global overlay functions

package/build/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,cAAc,MAAM,oCAAoC,CAAC;AAChE,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAC3C,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAC3C,OAAO,MAAM,MAAM,aAAa,CAAC;AACjC,OAAO,cAAc,MAAM,qBAAqB,CAAC;AACjD,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAC3C,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAC7C,OAAO,QAAQ,MAAM,eAAe,CAAC;AACrC,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAC3C,OAAO,MAAM,MAAM,aAAa,CAAC;AACjC,OAAO,eAAe,MAAM,4BAA4B,CAAC;AACzD,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAC3C,OAAO,eAAe,MAAM,sBAAsB,CAAC;AAInD,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,cAAc,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAE/H,OAAO,EACL,QAAQ,EACR,eAAe,EACf,aAAa,EACb,eAAe,EACf,YAAY;AACZ,MAAM;AACN,WAAW,EACX,MAAM,EACN,eAAe,EACf,QAAQ,EACR,WAAW,EACX,WAAW,EACX,MAAM,EACN,cAAc,EACd,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,eAAe;AACf,MAAM;AACN,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,UAAU,EACV,aAAa,EACb,WAAW,EACX,QAAQ;AACR,2BAA2B;AAC3B,aAAa,EACb,mBAAmB,GACpB,CAAC","sourcesContent":["import { GlobalOverlay } from './model/globalOverlay'\nimport { useStyleSheetCreate } from './model/useStyleSheetCreate'\nimport { OverlayProvider } from \"./context/OverlayContext\";\nimport { ThemeProvider, useTheme } from \"./context/ThemeContext\";\nimport { useFoldingState } from './model/useFoldingState'\nimport { themeFactory } from './theme/palette';\nimport ErrorComponent from './ui/ZSTextField/ui/ErrorComponent';\nimport ZSContainer from './ui/ZSContainer';\nimport ZSPressable from './ui/ZSPressable';\nimport ZSText from './ui/ZSText';\nimport ThrottleButton from './ui/ThrottleButton';\nimport ZSTextField from './ui/ZSTextField';\nimport ZSRadioGroup from './ui/ZSRadioGroup';\nimport ZSSwitch from './ui/ZSSwitch';\nimport ZSBottomCta from './ui/ZSBottomCta';\nimport ZSView from './ui/ZSView';\nimport AnimatedWrapper from './ui/atoms/AnimatedWrapper';\nimport TextAtom from './ui/atoms/TextAtom';\nimport ZSAboveKeyboard from \"./ui/ZSAboveKeyboard\";\nimport { ZSContainerRef } from \"./ui/ZSContainer\";\nimport { ZSTextProps } from \"./ui/ZSText\";\nimport { BoxStyle, ZSTextFieldRef } from \"./ui/ZSTextField\";\nimport { AlertOverlay, BottomSheetOverlay, SnackbarNotify, useOverlay, PopOverButton, PopOverMenu, ZSPortal } from './overlay';\n\nexport {\n  useTheme,\n  useFoldingState,\n  ThemeProvider,\n  OverlayProvider,\n  themeFactory,\n  // ---\n  ZSBottomCta,\n  ZSView,\n  AnimatedWrapper,\n  TextAtom,\n  ZSContainer,\n  ZSPressable,\n  ZSText,\n  ThrottleButton,\n  ZSTextField,\n  ZSRadioGroup,\n  ZSSwitch,\n  ErrorComponent,\n  ZSAboveKeyboard,\n  // ---\n  AlertOverlay,\n  BottomSheetOverlay,\n  SnackbarNotify,\n  useOverlay,\n  PopOverButton,\n  PopOverMenu,\n  ZSPortal,\n  // Global overlay functions\n  GlobalOverlay,\n  useStyleSheetCreate,\n};\n\n// ------------------------------------------------------\n\nimport type { ThemeProviderProps, ThemeProps, Palette } from \"./context/ThemeContext\";\nimport {\n  ColorPalette,\n  ColorPaletteExtend,\n  ThemeTextType,\n  ThemeBackground,\n  MainColors,\n  Theme,\n  TypographyVariants,\n  ThemeFonts,\n  TypoNumber,\n  TypographyVariantsProps,\n  TypoStyle,\n  TypoOptions,\n  TypoSubStyle,\n  TypoColorOptions,\n  ShadowLevel,\n  ShadowStyle,\n} from \"./theme/types\";\nimport { ThemeFactoryColors, ThemeFactoryConfig } from \"./theme/palette\";\nimport {\n  SnackItem,\n  ShowAlertProps,\n  ShowSnackBarProps,\n  ShowBottomSheetProps,\n  PopOverMenuProps,\n  CustomSnackbarProps,\n  OverlayProviderProps,\n  AlertAction,\n  AlertActions,\n  SnackType,\n  HideOption,\n  BottomSheetOptions,\n  FoldingStateInfo\n} from \"./model/types\";\nimport { RadioOption } from \"./ui/types\";\n\nexport type {\n  ThemeProviderProps,\n  ThemeProps,\n  Palette,\n  ZSTextProps,\n  BoxStyle,\n  ZSTextFieldRef,\n  ColorPalette,\n  ColorPaletteExtend,\n  ThemeTextType,\n  ThemeBackground,\n  MainColors,\n  Theme,\n  TypographyVariants,\n  ThemeFonts,\n  TypoNumber,\n  TypographyVariantsProps,\n  TypoStyle,\n  TypoOptions,\n  TypoSubStyle,\n  TypoColorOptions,\n  ThemeFactoryColors,\n  ThemeFactoryConfig,\n  SnackItem,\n  ShowAlertProps,\n  ShowSnackBarProps,\n  ShowBottomSheetProps,\n  PopOverMenuProps,\n  CustomSnackbarProps,\n  OverlayProviderProps,\n  AlertAction,\n  AlertActions,\n  SnackType,\n  HideOption,\n  BottomSheetOptions,\n  RadioOption,\n  ShadowLevel,\n  ShadowStyle,\n  ZSContainerRef,\n  FoldingStateInfo,\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAA;AACrD,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAA;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AACjE,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,cAAc,MAAM,oCAAoC,CAAC;AAChE,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAC3C,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAC3C,OAAO,MAAM,MAAM,aAAa,CAAC;AACjC,OAAO,cAAc,MAAM,qBAAqB,CAAC;AACjD,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAC3C,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAC7C,OAAO,QAAQ,MAAM,eAAe,CAAC;AACrC,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAC3C,OAAO,MAAM,MAAM,aAAa,CAAC;AACjC,OAAO,eAAe,MAAM,4BAA4B,CAAC;AACzD,OAAO,QAAQ,MAAM,qBAAqB,CAAC;AAC3C,OAAO,eAAe,MAAM,sBAAsB,CAAC;AAInD,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,cAAc,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAC/H,OAAO,aAAa,MAAM,oBAAoB,CAAC;AAC/C,OAAO,UAAU,MAAM,iBAAiB,CAAC;AACzC,OAAO,aAAa,MAAM,oBAAoB,CAAC;AAE/C,OAAO,EACL,QAAQ,EACR,eAAe,EACf,aAAa,EACb,eAAe,EACf,YAAY;AACZ,MAAM;AACN,WAAW,EACX,MAAM,EACN,eAAe,EACf,QAAQ,EACR,WAAW,EACX,WAAW,EACX,MAAM,EACN,cAAc,EACd,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,eAAe,EACf,aAAa,EACb,UAAU,EACV,aAAa;AACb,MAAM;AACN,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,UAAU,EACV,aAAa,EACb,WAAW,EACX,QAAQ;AACR,2BAA2B;AAC3B,aAAa,EACb,mBAAmB,GACpB,CAAC","sourcesContent":["import { GlobalOverlay } from './model/globalOverlay'\nimport { useStyleSheetCreate } from './model/useStyleSheetCreate'\nimport { OverlayProvider } from \"./context/OverlayContext\";\nimport { ThemeProvider, useTheme } from \"./context/ThemeContext\";\nimport { useFoldingState } from './model/useFoldingState'\nimport { themeFactory } from './theme/palette';\nimport ErrorComponent from './ui/ZSTextField/ui/ErrorComponent';\nimport ZSContainer from './ui/ZSContainer';\nimport ZSPressable from './ui/ZSPressable';\nimport ZSText from './ui/ZSText';\nimport ThrottleButton from './ui/ThrottleButton';\nimport ZSTextField from './ui/ZSTextField';\nimport ZSRadioGroup from './ui/ZSRadioGroup';\nimport ZSSwitch from './ui/ZSSwitch';\nimport ZSBottomCta from './ui/ZSBottomCta';\nimport ZSView from './ui/ZSView';\nimport AnimatedWrapper from './ui/atoms/AnimatedWrapper';\nimport TextAtom from './ui/atoms/TextAtom';\nimport ZSAboveKeyboard from \"./ui/ZSAboveKeyboard\";\nimport { ZSContainerRef } from \"./ui/ZSContainer\";\nimport { ZSTextProps } from \"./ui/ZSText\";\nimport { BoxStyle, ZSTextFieldRef } from \"./ui/ZSTextField\";\nimport { AlertOverlay, BottomSheetOverlay, SnackbarNotify, useOverlay, PopOverButton, PopOverMenu, ZSPortal } from './overlay';\nimport ZSBlockButton from './ui/ZSBlockButton';\nimport ZSSkeleton from './ui/ZSSkeleton';\nimport ZSSkeletonBox from './ui/ZSSkeletonBox';\n\nexport {\n  useTheme,\n  useFoldingState,\n  ThemeProvider,\n  OverlayProvider,\n  themeFactory,\n  // ---\n  ZSBottomCta,\n  ZSView,\n  AnimatedWrapper,\n  TextAtom,\n  ZSContainer,\n  ZSPressable,\n  ZSText,\n  ThrottleButton,\n  ZSTextField,\n  ZSRadioGroup,\n  ZSSwitch,\n  ErrorComponent,\n  ZSAboveKeyboard,\n  ZSBlockButton,\n  ZSSkeleton,\n  ZSSkeletonBox,\n  // ---\n  AlertOverlay,\n  BottomSheetOverlay,\n  SnackbarNotify,\n  useOverlay,\n  PopOverButton,\n  PopOverMenu,\n  ZSPortal,\n  // Global overlay functions\n  GlobalOverlay,\n  useStyleSheetCreate,\n};\n\n// ------------------------------------------------------\n\nimport type { ThemeProviderProps, ThemeProps, Palette } from \"./context/ThemeContext\";\nimport {\n  ColorPalette,\n  ColorPaletteExtend,\n  ThemeTextType,\n  ThemeBackground,\n  MainColors,\n  Theme,\n  TypographyVariants,\n  ThemeFonts,\n  TypoNumber,\n  TypographyVariantsProps,\n  TypoStyle,\n  TypoOptions,\n  TypoSubStyle,\n  TypoColorOptions,\n  ShadowLevel,\n  ShadowStyle,\n} from \"./theme/types\";\nimport { ThemeFactoryColors, ThemeFactoryConfig } from \"./theme/palette\";\nimport {\n  SnackItem,\n  ShowAlertProps,\n  ShowSnackBarProps,\n  ShowBottomSheetProps,\n  PopOverMenuProps,\n  CustomSnackbarProps,\n  OverlayProviderProps,\n  AlertAction,\n  AlertActions,\n  SnackType,\n  HideOption,\n  BottomSheetOptions,\n  FoldingStateInfo\n} from \"./model/types\";\nimport { RadioOption } from \"./ui/types\";\n\nexport type {\n  ThemeProviderProps,\n  ThemeProps,\n  Palette,\n  ZSTextProps,\n  BoxStyle,\n  ZSTextFieldRef,\n  ColorPalette,\n  ColorPaletteExtend,\n  ThemeTextType,\n  ThemeBackground,\n  MainColors,\n  Theme,\n  TypographyVariants,\n  ThemeFonts,\n  TypoNumber,\n  TypographyVariantsProps,\n  TypoStyle,\n  TypoOptions,\n  TypoSubStyle,\n  TypoColorOptions,\n  ThemeFactoryColors,\n  ThemeFactoryConfig,\n  SnackItem,\n  ShowAlertProps,\n  ShowSnackBarProps,\n  ShowBottomSheetProps,\n  PopOverMenuProps,\n  CustomSnackbarProps,\n  OverlayProviderProps,\n  AlertAction,\n  AlertActions,\n  SnackType,\n  HideOption,\n  BottomSheetOptions,\n  RadioOption,\n  ShadowLevel,\n  ShadowStyle,\n  ZSContainerRef,\n  FoldingStateInfo,\n};\n"]}

package/build/theme/palette.js

@@ -85,7 +85,7 @@ const SHADOW_COLORS = {
 const LIGHT_COLORS = {
     primary: {
         5: '#fffaf0',
-        10: '#ffeccc',
+        10: '#fff2dc',
         20: '#ffda9e',
         30: '#ffc86e',
         40: '#ffb742',
@@ -107,74 +107,74 @@ const LIGHT_COLORS = {
         20: '#85D4FF',
         30: '#5CC5FF',
         40: '#33B7FF',
-        50: '#007FFF',
-        60: '#0075E6',
-        70: '#006ACC',
-        80: '#005FB3',
-        90: '#005499',
-        100: '#003866',
-        main: '#007FFF',
+        50: '#1A9FFF',
+        60: '#0088E6',
+        70: '#0072CC',
+        80: '#005CB3',
+        90: '#004699',
+        100: '#003080',
+        main: '#1A9FFF',
     },
     danger: {
-        5: '#FEECF0',
-        10: '#FCD4DE',
-        20: '#F799B1',
-        30: '#F36689',
-        40: '#EF3E5E',
-        50: '#EB003B',
-        60: '#D50136',
-        70: '#8D0023',
-        80: '#5E0018',
-        90: '#2F000C',
-        100: '#1A0008',
-        main: '#EB003B',
+        5: '#FFF5F6',
+        10: '#FFE8EB',
+        20: '#FFB8C4',
+        30: '#FF8FA3',
+        40: '#FF6B85',
+        50: '#FF4D6F',
+        60: '#F02D5A',
+        70: '#E01E4A',
+        80: '#CC163E',
+        90: '#B30F33',
+        100: '#990A2A',
+        main: '#FF4D6F',
     },
     warning: {
-        5: '#FFF9E6',
-        10: '#FFF4CC',
-        20: '#FFEFB3',
-        30: '#FFEA99',
-        40: '#FFE580',
-        50: '#FFE033',
-        60: '#CCB329',
-        70: '#99861F',
-        80: '#665A15',
-        90: '#332D0A',
-        100: '#1A1705',
-        main: '#FFE033',
+        5: '#FFFBF0',
+        10: '#FFF7DC',
+        20: '#FFEF9E',
+        30: '#FFE76E',
+        40: '#FFDF42',
+        50: '#FFD700',
+        60: '#E6C200',
+        70: '#CCAD00',
+        80: '#B39800',
+        90: '#998300',
+        100: '#806E00',
+        main: '#FFD700',
     },
     success: {
-        5: '#EEF7F0',
-        10: '#CEE9D4',
-        20: '#B2DCBB',
-        30: '#8CCA99',
-        40: '#33A14B',
-        50: '#008A1E',
-        60: '#006E18',
-        70: '#005312',
-        80: '#00370C',
-        90: '#002207',
-        100: '#001804',
-        main: '#008A1E',
+        5: '#F5FFF7',
+        10: '#E8FFEC',
+        20: '#B8FFC4',
+        30: '#8FFFA3',
+        40: '#6BFF85',
+        50: '#4FD165',
+        60: '#2DB84A',
+        70: '#1A9F38',
+        80: '#0F8B2B',
+        90: '#0A7A24',
+        100: '#00691D',
+        main: '#4FD165',
     },
     information: {
-        5: '#E9F0FF',
-        10: '#D4E1FF',
-        20: '#A9C3FF',
-        30: '#7DA4FF',
-        40: '#5286FF',
-        50: '#2768FF',
-        60: '#1F53CC',
-        70: '#173E99',
-        80: '#0C1F4D',
-        90: '#040A1A',
-        100: '#020510',
-        main: '#2768FF',
+        5: '#F5F7FF',
+        10: '#E8EDFF',
+        20: '#B8C8FF',
+        30: '#8FA8FF',
+        40: '#6B8AFF',
+        50: '#4981FF',
+        60: '#1F53E6',
+        70: '#173ECC',
+        80: '#0C2EB3',
+        90: '#041F99',
+        100: '#021980',
+        main: '#4981FF',
     },
     grey: {
         5: '#F8F8F8',
-        10: '#F9FAFB',
-        20: '#F4F6F8',
+        10: '#F5F7F9',
+        20: '#F0F2F4',
         30: '#DFE3E8',
         40: '#C4CDD5',
         50: '#919EAB',
@@ -193,11 +193,11 @@ const DARK_COLORS = {
     },
     secondary: {
         ...LIGHT_COLORS.secondary,
-        main: '#007FFF',
+        main: '#1A9FFF',
     },
     danger: {
         ...LIGHT_COLORS.danger,
-        main: '#EB003B',
+        main: '#FF4D6F',
     },
     warning: {
         ...LIGHT_COLORS.warning,
@@ -205,11 +205,11 @@ const DARK_COLORS = {
     },
     success: {
         ...LIGHT_COLORS.success,
-        main: '#008A1E',
+        main: '#4FD165',
     },
     information: {
         ...LIGHT_COLORS.information,
-        main: '#2768FF',
+        main: '#4981FF',
     },
     grey: {
         5: '#141414',

package/build/theme/palette.js.map

@@ -1 +1 @@
-{"version":3,"file":"palette.js","sourceRoot":"","sources":["../../src/theme/palette.ts"],"names":[],"mappings":"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","sourcesContent":["import { Theme, ColorPalette, ColorPaletteExtend } from \"./types\";\n\nexport const transparency = {\n  '0%': '00',   // 완전 투명\n  '2%': '05',\n  '4%': '0A',\n  '6%': '0F',\n  '8%': '14',\n  '10%': '1A',\n  '12%': '1F',\n  '14%': '24',\n  '16%': '29',\n  '18%': '2E',\n  '20%': '33',\n  '22%': '38',\n  '24%': '3D',\n  '26%': '42',\n  '28%': '47',\n  '30%': '4D',\n  '32%': '52',\n  '34%': '57',\n  '36%': '5C',\n  '38%': '61',\n  '40%': '66',\n  '42%': '6B',\n  '44%': '70',\n  '46%': '75',\n  '48%': '7A',\n  '50%': '80',\n  '52%': '85',\n  '54%': '8A',\n  '56%': '8F',\n  '58%': '94',\n  '60%': '99',\n  '62%': '9E',\n  '64%': 'A3',\n  '66%': 'A8',\n  '68%': 'AD',\n  '70%': 'B3',\n  '72%': 'B8',\n  '74%': 'BD',\n  '76%': 'C2',\n  '78%': 'C7',\n  '80%': 'CC',\n  '82%': 'D1',\n  '84%': 'D6',\n  '86%': 'DB',\n  '88%': 'E0',\n  '90%': 'E6',\n  '92%': 'EB',\n  '94%': 'F0',\n  '96%': 'F5',\n  '98%': 'FA',\n  '100%': 'FF'  // 완전 불투명\n};\n\nconst MODAL_BG_COLOR = {\n  light: '#212B3688',\n  dark: '#00000088'\n}\n\nconst SHADOW_COLORS = {\n  light: [\n    'rgba(0, 0, 0, 0.18)',\n    'rgba(0, 0, 0, 0.20)',\n    'rgba(0, 0, 0, 0.22)',\n    'rgba(0, 0, 0, 0.23)',\n    'rgba(0, 0, 0, 0.25)',\n    'rgba(0, 0, 0, 0.27)',\n    'rgba(0, 0, 0, 0.29)',\n    'rgba(0, 0, 0, 0.30)',\n    'rgba(0, 0, 0, 0.32)',\n    'rgba(0, 0, 0, 0.34)',\n  ],\n  dark: [\n    'rgba(255, 255, 255, 0.58)',\n    'rgba(255, 255, 255, 0.60)',\n    'rgba(255, 255, 255, 0.62)',\n    'rgba(255, 255, 255, 0.63)',\n    'rgba(255, 255, 255, 0.65)',\n    'rgba(255, 255, 255, 0.67)',\n    'rgba(255, 255, 255, 0.69)',\n    'rgba(255, 255, 255, 0.70)',\n    'rgba(255, 255, 255, 0.72)',\n    'rgba(255, 255, 255, 0.74)',\n  ]\n}\n\n// FF9F06\nconst LIGHT_COLORS = {\n  primary: {\n    5: '#fffaf0',\n    10: '#ffeccc',\n    20: '#ffda9e',\n    30: '#ffc86e',\n    40: '#ffb742',\n    50: '#ffa20d',\n    60: '#e69100',\n    70: '#cc8000',\n    80: '#b37000',\n    90: '#996000',\n    100: '#805000',\n    lighter: '#ffda9e',\n    light: '#ffc86e',\n    main: '#ffa20d',\n    dark: '#e69100',\n    darker: '#b37000',\n  },\n  secondary: {\n    5: '#D1EDFF',\n    10: '#ADE2FF',\n    20: '#85D4FF',\n    30: '#5CC5FF',\n    40: '#33B7FF',\n    50: '#007FFF',\n    60: '#0075E6',\n    70: '#006ACC',\n    80: '#005FB3',\n    90: '#005499',\n    100: '#003866',\n    main: '#007FFF',\n  },\n  danger: {\n    5: '#FEECF0',\n    10: '#FCD4DE',\n    20: '#F799B1',\n    30: '#F36689',\n    40: '#EF3E5E',\n    50: '#EB003B',\n    60: '#D50136',\n    70: '#8D0023',\n    80: '#5E0018',\n    90: '#2F000C',\n    100: '#1A0008',\n    main: '#EB003B',\n  },\n  warning: {\n    5: '#FFF9E6',\n    10: '#FFF4CC',\n    20: '#FFEFB3',\n    30: '#FFEA99',\n    40: '#FFE580',\n    50: '#FFE033',\n    60: '#CCB329',\n    70: '#99861F',\n    80: '#665A15',\n    90: '#332D0A',\n    100: '#1A1705',\n    main: '#FFE033',\n  },\n  success: {\n    5: '#EEF7F0',\n    10: '#CEE9D4',\n    20: '#B2DCBB',\n    30: '#8CCA99',\n    40: '#33A14B',\n    50: '#008A1E',\n    60: '#006E18',\n    70: '#005312',\n    80: '#00370C',\n    90: '#002207',\n    100: '#001804',\n    main: '#008A1E',\n  },\n  information: {\n    5: '#E9F0FF',\n    10: '#D4E1FF',\n    20: '#A9C3FF',\n    30: '#7DA4FF',\n    40: '#5286FF',\n    50: '#2768FF',\n    60: '#1F53CC',\n    70: '#173E99',\n    80: '#0C1F4D',\n    90: '#040A1A',\n    100: '#020510',\n    main: '#2768FF',\n  },\n  grey: {\n    5: '#F8F8F8',\n    10: '#F9FAFB',\n    20: '#F4F6F8',\n    30: '#DFE3E8',\n    40: '#C4CDD5',\n    50: '#919EAB',\n    60: '#637381',\n    70: '#454F5B',\n    80: '#1C252E',\n    90: '#141A21',\n    100: '#000000',\n    main: '#F4F6F8',\n  },\n};\n\nconst DARK_COLORS = {\n  primary: {\n    ...LIGHT_COLORS.primary,\n    main: '#FF9F06',\n  },\n  secondary: {\n    ...LIGHT_COLORS.secondary,\n    main: '#007FFF',\n  },\n  danger: {\n    ...LIGHT_COLORS.danger,\n    main: '#EB003B',\n  },\n  warning: {\n    ...LIGHT_COLORS.warning,\n    main: '#FFE033',\n  },\n  success: {\n    ...LIGHT_COLORS.success,\n    main: '#008A1E',\n  },\n  information: {\n    ...LIGHT_COLORS.information,\n    main: '#2768FF',\n  },\n  grey: {\n    5: '#141414',  // layer1\n    10: '#1F1F1F', // layer2\n    20: '#2C2C2C', // neutral\n    30: '#3D3D3D',\n    40: '#4F4F4F',\n    50: '#606060',\n    60: '#737373',\n    70: '#8C8C8C',\n    80: '#bfbfbf',\n    90: '#ededed',\n    100: '#FFFFFF',\n    main: '#2C2C2C',\n  },\n};\n\nconst MAIN_COLORS = {\n  light: {\n    primary: LIGHT_COLORS.primary.main,\n    secondary: LIGHT_COLORS.secondary.main,\n    danger: LIGHT_COLORS.danger.main,\n    warning: LIGHT_COLORS.warning.main,\n    success: LIGHT_COLORS.success.main,\n    information: LIGHT_COLORS.information.main,\n    grey: LIGHT_COLORS.grey.main\n  },\n  dark: {\n    primary: DARK_COLORS.primary.main,\n    secondary: DARK_COLORS.secondary.main,\n    danger: DARK_COLORS.danger.main,\n    warning: DARK_COLORS.warning.main,\n    success: DARK_COLORS.success.main,\n    information: DARK_COLORS.information.main,\n    grey: DARK_COLORS.grey.main\n  }\n}\n\nconst TEXT_COLORS = {\n  light: {\n    primary: LIGHT_COLORS.primary.main,\n    base: LIGHT_COLORS.grey[80],\n    secondary: LIGHT_COLORS.grey[60],\n    disabled: LIGHT_COLORS.grey[50],\n    danger: LIGHT_COLORS.danger[60],\n    warning: LIGHT_COLORS.warning[60],\n    success: LIGHT_COLORS.success[60],\n    information: LIGHT_COLORS.information[60],\n    white: '#FFFFFF',\n    black: '#000000',\n  },\n  dark: {\n    primary: LIGHT_COLORS.primary.main,\n    base: DARK_COLORS.grey[90],\n    secondary: DARK_COLORS.grey[70],\n    disabled: DARK_COLORS.grey[50],\n    danger: DARK_COLORS.danger[30],\n    warning: DARK_COLORS.warning[30],\n    success: DARK_COLORS.success[30],\n    information: DARK_COLORS.information[30],\n    white: '#FFFFFF',\n    black: '#000000',\n  },\n};\n\nconst BACKGROUND_COLORS = {\n  light: {\n    primary: LIGHT_COLORS.primary.main,\n    layer1: LIGHT_COLORS.grey[5],\n    layer2: LIGHT_COLORS.grey[20],\n    neutral: LIGHT_COLORS.grey[30],\n    base: '#ffffff',\n    danger: LIGHT_COLORS.danger[5],\n    warning: LIGHT_COLORS.warning[5],\n    success: LIGHT_COLORS.success[5],\n    information: LIGHT_COLORS.information[5],\n  },\n  dark: {\n    primary: DARK_COLORS.primary.main,\n    layer1: DARK_COLORS.grey[5],\n    layer2: DARK_COLORS.grey[20],\n    neutral: DARK_COLORS.grey[30],\n    base: '#000000',\n    danger: DARK_COLORS.danger[80],\n    warning: DARK_COLORS.warning[80],\n    success: DARK_COLORS.success[80],\n    information: DARK_COLORS.information[80],\n  },\n};\n\n// ThemeFactory 타입 정의\nexport interface ThemeFactoryColors {\n  primary?: Partial<ColorPaletteExtend>;\n  secondary?: Partial<ColorPalette>;\n  danger?: Partial<ColorPalette>;\n  warning?: Partial<ColorPalette>;\n  success?: Partial<ColorPalette>;\n  information?: Partial<ColorPalette>;\n  grey?: Partial<ColorPalette>;\n}\n\nexport interface ThemeFactoryConfig {\n  light?: ThemeFactoryColors;\n  dark?: ThemeFactoryColors;\n}\n\n/**\n * 테마 팩토리 함수 - LIGHT_COLORS와 DARK_COLORS를 재정의할 수 있는 기능을 제공합니다.\n * @param config - 라이트/다크 모드별로 색상을 재정의할 수 있는 설정 객체\n * @returns 재정의된 LIGHT_COLORS와 DARK_COLORS를 포함한 팩토리 함수\n */\nexport function themeFactory(config: ThemeFactoryConfig = {}) {\n  // 기본 색상들을 깊은 복사로 생성\n  const createCustomLightColors = (): typeof LIGHT_COLORS => {\n    const customColors = { ...LIGHT_COLORS };\n    \n    if (config.light) {\n      Object.keys(config.light).forEach((key) => {\n        const colorKey = key as keyof ThemeFactoryColors;\n        if (config.light?.[colorKey]) {\n          customColors[colorKey] = {\n            ...customColors[colorKey],\n            ...config.light[colorKey],\n          } as any;\n        }\n      });\n    }\n    \n    return customColors;\n  };\n\n  const createCustomDarkColors = (): typeof DARK_COLORS => {\n    const customColors = { ...DARK_COLORS };\n    \n    if (config.dark) {\n      Object.keys(config.dark).forEach((key) => {\n        const colorKey = key as keyof ThemeFactoryColors;\n        if (config.dark?.[colorKey]) {\n          customColors[colorKey] = {\n            ...customColors[colorKey],\n            ...config.dark[colorKey],\n          } as any;\n        }\n      });\n    }\n    \n    return customColors;\n  };\n\n  const customLightColors = createCustomLightColors();\n  const customDarkColors = createCustomDarkColors();\n\n  // 재정의된 색상으로 새로운 팔레트 함수 반환\n  return function createPalette({\n    mode = 'light',\n    themeColors = {},\n  }: {\n    mode?: 'light' | 'dark';\n    themeColors?: { light?: Theme; dark?: Theme };\n  } = {}): Theme {\n    const colors = mode === 'light' ? customLightColors : customDarkColors;\n\n    // 재정의된 색상을 기반으로 동적으로 색상 매핑 생성\n    const customTextColors = {\n      light: {\n        primary: colors.primary.main,\n        base: colors.grey[80],\n        secondary: colors.grey[60],\n        disabled: colors.grey[50],\n        danger: colors.danger[60],\n        warning: colors.warning[60],\n        success: colors.success[60],\n        information: colors.information[60],\n        white: '#FFFFFF',\n        black: '#000000',\n      },\n      dark: {\n        primary: colors.primary.main,\n        base: colors.grey[90],\n        secondary: colors.grey[70],\n        disabled: colors.grey[50],\n        danger: colors.danger[30],\n        warning: colors.warning[30],\n        success: colors.success[30],\n        information: colors.information[30],\n        white: '#FFFFFF',\n        black: '#000000',\n      },\n    };\n\n    const customBackgroundColors = {\n      light: {\n        primary: colors.primary.main,\n        layer1: colors.grey[5],\n        layer2: colors.grey[20],\n        neutral: colors.grey[30],\n        base: '#ffffff',\n        danger: colors.danger[5],\n        warning: colors.warning[5],\n        success: colors.success[5],\n        information: colors.information[5],\n      },\n      dark: {\n        primary: colors.primary.main,\n        layer1: colors.grey[5],\n        layer2: colors.grey[20],\n        neutral: colors.grey[30],\n        base: '#000000',\n        danger: colors.danger[80],\n        warning: colors.warning[80],\n        success: colors.success[80],\n        information: colors.information[80],\n      },\n    };\n\n    const customMainColors = {\n      light: {\n        primary: colors.primary.main,\n        secondary: colors.secondary.main,\n        danger: colors.danger.main,\n        warning: colors.warning.main,\n        success: colors.success.main,\n        information: colors.information.main,\n        grey: colors.grey.main\n      },\n      dark: {\n        primary: colors.primary.main,\n        secondary: colors.secondary.main,\n        danger: colors.danger.main,\n        warning: colors.warning.main,\n        success: colors.success.main,\n        information: colors.information.main,\n        grey: colors.grey.main\n      }\n    };\n\n    const theme: Theme = {\n      mode,\n      ...colors,\n      text: customTextColors[mode],\n      background: customBackgroundColors[mode],\n      elevationShadow: SHADOW_COLORS[mode],\n      modalBgColor: MODAL_BG_COLOR[mode],\n      mainColor: customMainColors[mode]\n    };\n\n    // 사용자 정의 테마 컬러가 있을 경우 병합\n    if (themeColors?.[mode]) {\n      return {\n        ...theme,\n        ...themeColors[mode],\n      };\n    }\n\n    return theme;\n  };\n}\n\nexport default function palette({\n  mode = 'light',\n  themeColors = {},\n}: {\n  mode?: 'light' | 'dark';\n  themeColors?: { light?: Theme; dark?: Theme };\n} = {}): Theme {\n  const colors = mode === 'light' ? LIGHT_COLORS : DARK_COLORS;\n\n  const theme: Theme = {\n    mode,\n    ...colors,\n    text: TEXT_COLORS[mode],\n    background: BACKGROUND_COLORS[mode],\n    elevationShadow: SHADOW_COLORS[mode],\n    modalBgColor: MODAL_BG_COLOR[mode],\n    mainColor: MAIN_COLORS[mode]\n  };\n\n  // 사용자 정의 테마 컬러가 있을 경우 병합\n  if (themeColors?.[mode]) {\n    return {\n      ...theme,\n      ...themeColors[mode],\n    };\n  }\n\n  return theme;\n}\n"]}
+{"version":3,"file":"palette.js","sourceRoot":"","sources":["../../src/theme/palette.ts"],"names":[],"mappings":"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","sourcesContent":["import { Theme, ColorPalette, ColorPaletteExtend } from \"./types\";\n\nexport const transparency = {\n  '0%': '00',   // 완전 투명\n  '2%': '05',\n  '4%': '0A',\n  '6%': '0F',\n  '8%': '14',\n  '10%': '1A',\n  '12%': '1F',\n  '14%': '24',\n  '16%': '29',\n  '18%': '2E',\n  '20%': '33',\n  '22%': '38',\n  '24%': '3D',\n  '26%': '42',\n  '28%': '47',\n  '30%': '4D',\n  '32%': '52',\n  '34%': '57',\n  '36%': '5C',\n  '38%': '61',\n  '40%': '66',\n  '42%': '6B',\n  '44%': '70',\n  '46%': '75',\n  '48%': '7A',\n  '50%': '80',\n  '52%': '85',\n  '54%': '8A',\n  '56%': '8F',\n  '58%': '94',\n  '60%': '99',\n  '62%': '9E',\n  '64%': 'A3',\n  '66%': 'A8',\n  '68%': 'AD',\n  '70%': 'B3',\n  '72%': 'B8',\n  '74%': 'BD',\n  '76%': 'C2',\n  '78%': 'C7',\n  '80%': 'CC',\n  '82%': 'D1',\n  '84%': 'D6',\n  '86%': 'DB',\n  '88%': 'E0',\n  '90%': 'E6',\n  '92%': 'EB',\n  '94%': 'F0',\n  '96%': 'F5',\n  '98%': 'FA',\n  '100%': 'FF'  // 완전 불투명\n};\n\nconst MODAL_BG_COLOR = {\n  light: '#212B3688',\n  dark: '#00000088'\n}\n\nconst SHADOW_COLORS = {\n  light: [\n    'rgba(0, 0, 0, 0.18)',\n    'rgba(0, 0, 0, 0.20)',\n    'rgba(0, 0, 0, 0.22)',\n    'rgba(0, 0, 0, 0.23)',\n    'rgba(0, 0, 0, 0.25)',\n    'rgba(0, 0, 0, 0.27)',\n    'rgba(0, 0, 0, 0.29)',\n    'rgba(0, 0, 0, 0.30)',\n    'rgba(0, 0, 0, 0.32)',\n    'rgba(0, 0, 0, 0.34)',\n  ],\n  dark: [\n    'rgba(255, 255, 255, 0.58)',\n    'rgba(255, 255, 255, 0.60)',\n    'rgba(255, 255, 255, 0.62)',\n    'rgba(255, 255, 255, 0.63)',\n    'rgba(255, 255, 255, 0.65)',\n    'rgba(255, 255, 255, 0.67)',\n    'rgba(255, 255, 255, 0.69)',\n    'rgba(255, 255, 255, 0.70)',\n    'rgba(255, 255, 255, 0.72)',\n    'rgba(255, 255, 255, 0.74)',\n  ]\n}\n\n// FF9F06\nconst LIGHT_COLORS = {\n  primary: {\n    5: '#fffaf0',\n    10: '#fff2dc',\n    20: '#ffda9e',\n    30: '#ffc86e',\n    40: '#ffb742',\n    50: '#ffa20d',\n    60: '#e69100',\n    70: '#cc8000',\n    80: '#b37000',\n    90: '#996000',\n    100: '#805000',\n    lighter: '#ffda9e',\n    light: '#ffc86e',\n    main: '#ffa20d',\n    dark: '#e69100',\n    darker: '#b37000',\n  },\n  secondary: {\n    5: '#D1EDFF',\n    10: '#ADE2FF',\n    20: '#85D4FF',\n    30: '#5CC5FF',\n    40: '#33B7FF',\n    50: '#1A9FFF',\n    60: '#0088E6',\n    70: '#0072CC',\n    80: '#005CB3',\n    90: '#004699',\n    100: '#003080',\n    main: '#1A9FFF',\n  },\n  danger: {\n    5: '#FFF5F6',\n    10: '#FFE8EB',\n    20: '#FFB8C4',\n    30: '#FF8FA3',\n    40: '#FF6B85',\n    50: '#FF4D6F',\n    60: '#F02D5A',\n    70: '#E01E4A',\n    80: '#CC163E',\n    90: '#B30F33',\n    100: '#990A2A',\n    main: '#FF4D6F',\n  },\n  warning: {\n    5: '#FFFBF0',\n    10: '#FFF7DC',\n    20: '#FFEF9E',\n    30: '#FFE76E',\n    40: '#FFDF42',\n    50: '#FFD700',\n    60: '#E6C200',\n    70: '#CCAD00',\n    80: '#B39800',\n    90: '#998300',\n    100: '#806E00',\n    main: '#FFD700',\n  },\n  success: {\n    5: '#F5FFF7',\n    10: '#E8FFEC',\n    20: '#B8FFC4',\n    30: '#8FFFA3',\n    40: '#6BFF85',\n    50: '#4FD165',\n    60: '#2DB84A',\n    70: '#1A9F38',\n    80: '#0F8B2B',\n    90: '#0A7A24',\n    100: '#00691D',\n    main: '#4FD165',\n  },\n  information: {\n    5: '#F5F7FF',\n    10: '#E8EDFF',\n    20: '#B8C8FF',\n    30: '#8FA8FF',\n    40: '#6B8AFF',\n    50: '#4981FF',\n    60: '#1F53E6',\n    70: '#173ECC',\n    80: '#0C2EB3',\n    90: '#041F99',\n    100: '#021980',\n    main: '#4981FF',\n  },\n  grey: {\n    5: '#F8F8F8',\n    10: '#F5F7F9',\n    20: '#F0F2F4',\n    30: '#DFE3E8',\n    40: '#C4CDD5',\n    50: '#919EAB',\n    60: '#637381',\n    70: '#454F5B',\n    80: '#1C252E',\n    90: '#141A21',\n    100: '#000000',\n    main: '#F4F6F8',\n  },\n};\n\nconst DARK_COLORS = {\n  primary: {\n    ...LIGHT_COLORS.primary,\n    main: '#FF9F06',\n  },\n  secondary: {\n    ...LIGHT_COLORS.secondary,\n    main: '#1A9FFF',\n  },\n  danger: {\n    ...LIGHT_COLORS.danger,\n    main: '#FF4D6F',\n  },\n  warning: {\n    ...LIGHT_COLORS.warning,\n    main: '#FFE033',\n  },\n  success: {\n    ...LIGHT_COLORS.success,\n    main: '#4FD165',\n  },\n  information: {\n    ...LIGHT_COLORS.information,\n    main: '#4981FF',\n  },\n  grey: {\n    5: '#141414',  // layer1\n    10: '#1F1F1F', // layer2\n    20: '#2C2C2C', // neutral\n    30: '#3D3D3D',\n    40: '#4F4F4F',\n    50: '#606060',\n    60: '#737373',\n    70: '#8C8C8C',\n    80: '#bfbfbf',\n    90: '#ededed',\n    100: '#FFFFFF',\n    main: '#2C2C2C',\n  },\n};\n\nconst MAIN_COLORS = {\n  light: {\n    primary: LIGHT_COLORS.primary.main,\n    secondary: LIGHT_COLORS.secondary.main,\n    danger: LIGHT_COLORS.danger.main,\n    warning: LIGHT_COLORS.warning.main,\n    success: LIGHT_COLORS.success.main,\n    information: LIGHT_COLORS.information.main,\n    grey: LIGHT_COLORS.grey.main\n  },\n  dark: {\n    primary: DARK_COLORS.primary.main,\n    secondary: DARK_COLORS.secondary.main,\n    danger: DARK_COLORS.danger.main,\n    warning: DARK_COLORS.warning.main,\n    success: DARK_COLORS.success.main,\n    information: DARK_COLORS.information.main,\n    grey: DARK_COLORS.grey.main\n  }\n}\n\nconst TEXT_COLORS = {\n  light: {\n    primary: LIGHT_COLORS.primary.main,\n    base: LIGHT_COLORS.grey[80],\n    secondary: LIGHT_COLORS.grey[60],\n    disabled: LIGHT_COLORS.grey[50],\n    danger: LIGHT_COLORS.danger[60],\n    warning: LIGHT_COLORS.warning[60],\n    success: LIGHT_COLORS.success[60],\n    information: LIGHT_COLORS.information[60],\n    white: '#FFFFFF',\n    black: '#000000',\n  },\n  dark: {\n    primary: LIGHT_COLORS.primary.main,\n    base: DARK_COLORS.grey[90],\n    secondary: DARK_COLORS.grey[70],\n    disabled: DARK_COLORS.grey[50],\n    danger: DARK_COLORS.danger[30],\n    warning: DARK_COLORS.warning[30],\n    success: DARK_COLORS.success[30],\n    information: DARK_COLORS.information[30],\n    white: '#FFFFFF',\n    black: '#000000',\n  },\n};\n\nconst BACKGROUND_COLORS = {\n  light: {\n    primary: LIGHT_COLORS.primary.main,\n    layer1: LIGHT_COLORS.grey[5],\n    layer2: LIGHT_COLORS.grey[20],\n    neutral: LIGHT_COLORS.grey[30],\n    base: '#ffffff',\n    danger: LIGHT_COLORS.danger[5],\n    warning: LIGHT_COLORS.warning[5],\n    success: LIGHT_COLORS.success[5],\n    information: LIGHT_COLORS.information[5],\n  },\n  dark: {\n    primary: DARK_COLORS.primary.main,\n    layer1: DARK_COLORS.grey[5],\n    layer2: DARK_COLORS.grey[20],\n    neutral: DARK_COLORS.grey[30],\n    base: '#000000',\n    danger: DARK_COLORS.danger[80],\n    warning: DARK_COLORS.warning[80],\n    success: DARK_COLORS.success[80],\n    information: DARK_COLORS.information[80],\n  },\n};\n\n// ThemeFactory 타입 정의\nexport interface ThemeFactoryColors {\n  primary?: Partial<ColorPaletteExtend>;\n  secondary?: Partial<ColorPalette>;\n  danger?: Partial<ColorPalette>;\n  warning?: Partial<ColorPalette>;\n  success?: Partial<ColorPalette>;\n  information?: Partial<ColorPalette>;\n  grey?: Partial<ColorPalette>;\n}\n\nexport interface ThemeFactoryConfig {\n  light?: ThemeFactoryColors;\n  dark?: ThemeFactoryColors;\n}\n\n/**\n * 테마 팩토리 함수 - LIGHT_COLORS와 DARK_COLORS를 재정의할 수 있는 기능을 제공합니다.\n * @param config - 라이트/다크 모드별로 색상을 재정의할 수 있는 설정 객체\n * @returns 재정의된 LIGHT_COLORS와 DARK_COLORS를 포함한 팩토리 함수\n */\nexport function themeFactory(config: ThemeFactoryConfig = {}) {\n  // 기본 색상들을 깊은 복사로 생성\n  const createCustomLightColors = (): typeof LIGHT_COLORS => {\n    const customColors = { ...LIGHT_COLORS };\n    \n    if (config.light) {\n      Object.keys(config.light).forEach((key) => {\n        const colorKey = key as keyof ThemeFactoryColors;\n        if (config.light?.[colorKey]) {\n          customColors[colorKey] = {\n            ...customColors[colorKey],\n            ...config.light[colorKey],\n          } as any;\n        }\n      });\n    }\n    \n    return customColors;\n  };\n\n  const createCustomDarkColors = (): typeof DARK_COLORS => {\n    const customColors = { ...DARK_COLORS };\n    \n    if (config.dark) {\n      Object.keys(config.dark).forEach((key) => {\n        const colorKey = key as keyof ThemeFactoryColors;\n        if (config.dark?.[colorKey]) {\n          customColors[colorKey] = {\n            ...customColors[colorKey],\n            ...config.dark[colorKey],\n          } as any;\n        }\n      });\n    }\n    \n    return customColors;\n  };\n\n  const customLightColors = createCustomLightColors();\n  const customDarkColors = createCustomDarkColors();\n\n  // 재정의된 색상으로 새로운 팔레트 함수 반환\n  return function createPalette({\n    mode = 'light',\n    themeColors = {},\n  }: {\n    mode?: 'light' | 'dark';\n    themeColors?: { light?: Theme; dark?: Theme };\n  } = {}): Theme {\n    const colors = mode === 'light' ? customLightColors : customDarkColors;\n\n    // 재정의된 색상을 기반으로 동적으로 색상 매핑 생성\n    const customTextColors = {\n      light: {\n        primary: colors.primary.main,\n        base: colors.grey[80],\n        secondary: colors.grey[60],\n        disabled: colors.grey[50],\n        danger: colors.danger[60],\n        warning: colors.warning[60],\n        success: colors.success[60],\n        information: colors.information[60],\n        white: '#FFFFFF',\n        black: '#000000',\n      },\n      dark: {\n        primary: colors.primary.main,\n        base: colors.grey[90],\n        secondary: colors.grey[70],\n        disabled: colors.grey[50],\n        danger: colors.danger[30],\n        warning: colors.warning[30],\n        success: colors.success[30],\n        information: colors.information[30],\n        white: '#FFFFFF',\n        black: '#000000',\n      },\n    };\n\n    const customBackgroundColors = {\n      light: {\n        primary: colors.primary.main,\n        layer1: colors.grey[5],\n        layer2: colors.grey[20],\n        neutral: colors.grey[30],\n        base: '#ffffff',\n        danger: colors.danger[5],\n        warning: colors.warning[5],\n        success: colors.success[5],\n        information: colors.information[5],\n      },\n      dark: {\n        primary: colors.primary.main,\n        layer1: colors.grey[5],\n        layer2: colors.grey[20],\n        neutral: colors.grey[30],\n        base: '#000000',\n        danger: colors.danger[80],\n        warning: colors.warning[80],\n        success: colors.success[80],\n        information: colors.information[80],\n      },\n    };\n\n    const customMainColors = {\n      light: {\n        primary: colors.primary.main,\n        secondary: colors.secondary.main,\n        danger: colors.danger.main,\n        warning: colors.warning.main,\n        success: colors.success.main,\n        information: colors.information.main,\n        grey: colors.grey.main\n      },\n      dark: {\n        primary: colors.primary.main,\n        secondary: colors.secondary.main,\n        danger: colors.danger.main,\n        warning: colors.warning.main,\n        success: colors.success.main,\n        information: colors.information.main,\n        grey: colors.grey.main\n      }\n    };\n\n    const theme: Theme = {\n      mode,\n      ...colors,\n      text: customTextColors[mode],\n      background: customBackgroundColors[mode],\n      elevationShadow: SHADOW_COLORS[mode],\n      modalBgColor: MODAL_BG_COLOR[mode],\n      mainColor: customMainColors[mode]\n    };\n\n    // 사용자 정의 테마 컬러가 있을 경우 병합\n    if (themeColors?.[mode]) {\n      return {\n        ...theme,\n        ...themeColors[mode],\n      };\n    }\n\n    return theme;\n  };\n}\n\nexport default function palette({\n  mode = 'light',\n  themeColors = {},\n}: {\n  mode?: 'light' | 'dark';\n  themeColors?: { light?: Theme; dark?: Theme };\n} = {}): Theme {\n  const colors = mode === 'light' ? LIGHT_COLORS : DARK_COLORS;\n\n  const theme: Theme = {\n    mode,\n    ...colors,\n    text: TEXT_COLORS[mode],\n    background: BACKGROUND_COLORS[mode],\n    elevationShadow: SHADOW_COLORS[mode],\n    modalBgColor: MODAL_BG_COLOR[mode],\n    mainColor: MAIN_COLORS[mode]\n  };\n\n  // 사용자 정의 테마 컬러가 있을 경우 병합\n  if (themeColors?.[mode]) {\n    return {\n      ...theme,\n      ...themeColors[mode],\n    };\n  }\n\n  return theme;\n}\n"]}

package/build/theme/types.d.ts

@@ -106,6 +106,7 @@ export type ViewColor = 'layer1' | 'layer2' | 'neutral' | 'base' | 'danger' | 'w
 export type TypoColorOptions = 'base' | 'secondary' | 'disabled' | 'white' | 'black' | CommonColorOptions;
 export type SubColorOptions = undefined | '0' | '5' | '10' | '20' | '30' | '40' | '50' | '60' | '70' | '80' | '90' | '100';
 export type ViewColorOptions = 'layer1' | 'layer2' | 'neutral' | 'base' | CommonColorOptions;
+export type IntentOptions = Exclude<keyof Pick<Theme, 'primary' | 'secondary' | 'danger' | 'warning' | 'success' | 'information' | 'grey'>, 'secondary'>;
 export type ShadowLevel = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9;
 export interface ShadowStyle {
     shadowOffset: {

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

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

package/build/theme/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/theme/types.ts"],"names":[],"mappings":"AAmFC,CAAC;AAYD,CAAC;AAaD,CAAC","sourcesContent":["import { TextProps } from \"react-native\";\n\nexport type ColorPalette = {\n  5: string;\n  10: string;\n  20: string;\n  30: string;\n  40: string;\n  50: string;\n  60: string;\n  70: string;\n  80: string;\n  90: string;\n  100: string;\n  main: string;\n};\n\nexport type ColorPaletteExtend = ColorPalette & {\n  lighter: string;\n  light: string;\n  dark: string;\n  darker: string;\n};\n\nexport interface ThemeTextType {\n  base: string;\n  primary: string;\n  secondary: string;\n  disabled: string;\n  danger: string;\n  warning: string;\n  success: string;\n  information: string;\n  white: string;\n  black: string;\n}\n\nexport interface ThemeBackground {\n  primary: string;\n  layer1: string;\n  layer2: string;\n  neutral: string;\n  base: string;\n  danger: string;\n  warning: string;\n  success: string;\n  information: string;\n}\n\nexport interface MainColors {\n  primary: string;\n  secondary: string;\n  danger: string;\n  warning: string;\n  success: string;\n  information: string;\n  grey: string;\n}\n\nexport interface Theme {\n  mode: 'light' | 'dark';\n  primary: ColorPaletteExtend;\n  secondary: ColorPalette;\n  danger: ColorPalette;\n  warning: ColorPalette;\n  success: ColorPalette;\n  information: ColorPalette;\n  grey: ColorPalette;\n  text: ThemeTextType;\n  background: ThemeBackground;\n  elevationShadow: string[];\n  modalBgColor: string;\n  mainColor: MainColors;\n}\n\nexport interface TypographyVariants {\n  themeFonts?: ThemeFonts;\n  heading: TypoNumber;\n  label: TypoNumber;\n  title: TypoNumber;\n  subTitle: TypoNumber;\n  body: TypoNumber;\n  caption: TypoNumber;\n};\n\nexport interface ThemeFonts {\n  100?: string;\n  200?: string;\n  300?: string;\n  400: string;\n  500?: string;\n  600?: string;\n  700: string;\n  800?: string;\n  900?: string;\n};\n\nexport interface TypoNumber {\n  '1': TextProps['style'];\n  '2': TextProps['style'];\n  '3': TextProps['style'];\n  '4': TextProps['style'];\n  '5': TextProps['style'];\n  '6': TextProps['style'];\n}\n\nexport interface TypographyVariantsProps extends TypographyVariants {\n  themeFonts?: ThemeFonts;\n};\n\nexport type TypoStyle = 'heading' | 'title' | 'subTitle' | 'label' | 'body' | 'caption';\n\nexport type TypoOptions =\n  'heading.1' |\n  'heading.2' |\n  'heading.3' |\n  'heading.4' |\n  'heading.5' |\n  'heading.6' |\n  'title.1' |\n  'title.2' |\n  'title.3' |\n  'title.4' |\n  'title.5' |\n  'title.6' |\n  'subTitle.1' |\n  'subTitle.2' |\n  'subTitle.3' |\n  'subTitle.4' |\n  'subTitle.5' |\n  'subTitle.6' |\n  'body.1' |\n  'body.2' |\n  'body.3' |\n  'body.4' |\n  'body.5' |\n  'body.6' |\n  'label.1' |\n  'label.2' |\n  'label.3' |\n  'label.4' |\n  'label.5' |\n  'label.6' |\n  'caption.1' |\n  'caption.2' |\n  'caption.3' |\n  'caption.4' |\n  'caption.5' |\n  'caption.6';\n\nexport type CommonColorOptions = 'danger' | 'danger.5' | 'danger.10' | 'danger.20' | 'danger.30' | 'danger.40' | 'danger.50' | 'danger.60' | 'danger.70' | 'danger.80' | 'danger.90' | 'danger.100'\n| 'warning' | 'warning.5' | 'warning.10' | 'warning.20' | 'warning.30' | 'warning.40' | 'warning.50' | 'warning.60' | 'warning.70' | 'warning.80' | 'warning.90' | 'warning.100'\n| 'success' | 'success.5' | 'success.10' | 'success.20' | 'success.30' | 'success.40' | 'success.50' | 'success.60' | 'success.70' | 'success.80' | 'success.90' | 'success.100'\n| 'information' | 'information.5' | 'information.10' | 'information.20' | 'information.30' | 'information.40' | 'information.50' | 'information.60' | 'information.70' | 'information.80' | 'information.90' | 'information.100'\n| 'primary' | 'primary.5' | 'primary.10' | 'primary.20' | 'primary.30' | 'primary.40' | 'primary.50' | 'primary.60' | 'primary.70' | 'primary.80' | 'primary.90' | 'primary.100'\n| 'grey.5' | 'grey.10' | 'grey.20' | 'grey.30' | 'grey.40' | 'grey.50' | 'grey.60' | 'grey.70' | 'grey.80' | 'grey.90' | 'grey.100';\n\nexport type TypoSubStyle = '1' | '2' | '3' | '4' | '5' | '6';\n\nexport type TypoColor = 'primary' | 'secondary' | 'disabled' | 'danger' | 'warning' | 'success' | 'information' | 'white' | 'black';\n\nexport type ViewColor = 'layer1' | 'layer2' | 'neutral' | 'base' | 'danger' | 'warning' | 'success' | 'information';\n\nexport type TypoColorOptions = 'base' | 'secondary' | 'disabled' | 'white' | 'black' | CommonColorOptions;\n\nexport type SubColorOptions = undefined | '0' | '5' | '10' | '20' | '30' | '40' | '50' | '60' | '70' | '80' | '90' | '100';\n\nexport type ViewColorOptions = 'layer1' | 'layer2' | 'neutral' | 'base' | CommonColorOptions;\n\nexport type ShadowLevel = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9;\n\nexport interface ShadowStyle {\n  shadowOffset: { width: number; height: number };\n  shadowOpacity: number;\n  shadowRadius: number;\n}\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/theme/types.ts"],"names":[],"mappings":"AAmFC,CAAC;AAYD,CAAC;AAaD,CAAC","sourcesContent":["import { TextProps } from \"react-native\";\n\nexport type ColorPalette = {\n  5: string;\n  10: string;\n  20: string;\n  30: string;\n  40: string;\n  50: string;\n  60: string;\n  70: string;\n  80: string;\n  90: string;\n  100: string;\n  main: string;\n};\n\nexport type ColorPaletteExtend = ColorPalette & {\n  lighter: string;\n  light: string;\n  dark: string;\n  darker: string;\n};\n\nexport interface ThemeTextType {\n  base: string;\n  primary: string;\n  secondary: string;\n  disabled: string;\n  danger: string;\n  warning: string;\n  success: string;\n  information: string;\n  white: string;\n  black: string;\n}\n\nexport interface ThemeBackground {\n  primary: string;\n  layer1: string;\n  layer2: string;\n  neutral: string;\n  base: string;\n  danger: string;\n  warning: string;\n  success: string;\n  information: string;\n}\n\nexport interface MainColors {\n  primary: string;\n  secondary: string;\n  danger: string;\n  warning: string;\n  success: string;\n  information: string;\n  grey: string;\n}\n\nexport interface Theme {\n  mode: 'light' | 'dark';\n  primary: ColorPaletteExtend;\n  secondary: ColorPalette;\n  danger: ColorPalette;\n  warning: ColorPalette;\n  success: ColorPalette;\n  information: ColorPalette;\n  grey: ColorPalette;\n  text: ThemeTextType;\n  background: ThemeBackground;\n  elevationShadow: string[];\n  modalBgColor: string;\n  mainColor: MainColors;\n}\n\nexport interface TypographyVariants {\n  themeFonts?: ThemeFonts;\n  heading: TypoNumber;\n  label: TypoNumber;\n  title: TypoNumber;\n  subTitle: TypoNumber;\n  body: TypoNumber;\n  caption: TypoNumber;\n};\n\nexport interface ThemeFonts {\n  100?: string;\n  200?: string;\n  300?: string;\n  400: string;\n  500?: string;\n  600?: string;\n  700: string;\n  800?: string;\n  900?: string;\n};\n\nexport interface TypoNumber {\n  '1': TextProps['style'];\n  '2': TextProps['style'];\n  '3': TextProps['style'];\n  '4': TextProps['style'];\n  '5': TextProps['style'];\n  '6': TextProps['style'];\n}\n\nexport interface TypographyVariantsProps extends TypographyVariants {\n  themeFonts?: ThemeFonts;\n};\n\nexport type TypoStyle = 'heading' | 'title' | 'subTitle' | 'label' | 'body' | 'caption';\n\nexport type TypoOptions =\n  'heading.1' |\n  'heading.2' |\n  'heading.3' |\n  'heading.4' |\n  'heading.5' |\n  'heading.6' |\n  'title.1' |\n  'title.2' |\n  'title.3' |\n  'title.4' |\n  'title.5' |\n  'title.6' |\n  'subTitle.1' |\n  'subTitle.2' |\n  'subTitle.3' |\n  'subTitle.4' |\n  'subTitle.5' |\n  'subTitle.6' |\n  'body.1' |\n  'body.2' |\n  'body.3' |\n  'body.4' |\n  'body.5' |\n  'body.6' |\n  'label.1' |\n  'label.2' |\n  'label.3' |\n  'label.4' |\n  'label.5' |\n  'label.6' |\n  'caption.1' |\n  'caption.2' |\n  'caption.3' |\n  'caption.4' |\n  'caption.5' |\n  'caption.6';\n\nexport type CommonColorOptions = 'danger' | 'danger.5' | 'danger.10' | 'danger.20' | 'danger.30' | 'danger.40' | 'danger.50' | 'danger.60' | 'danger.70' | 'danger.80' | 'danger.90' | 'danger.100'\n| 'warning' | 'warning.5' | 'warning.10' | 'warning.20' | 'warning.30' | 'warning.40' | 'warning.50' | 'warning.60' | 'warning.70' | 'warning.80' | 'warning.90' | 'warning.100'\n| 'success' | 'success.5' | 'success.10' | 'success.20' | 'success.30' | 'success.40' | 'success.50' | 'success.60' | 'success.70' | 'success.80' | 'success.90' | 'success.100'\n| 'information' | 'information.5' | 'information.10' | 'information.20' | 'information.30' | 'information.40' | 'information.50' | 'information.60' | 'information.70' | 'information.80' | 'information.90' | 'information.100'\n| 'primary' | 'primary.5' | 'primary.10' | 'primary.20' | 'primary.30' | 'primary.40' | 'primary.50' | 'primary.60' | 'primary.70' | 'primary.80' | 'primary.90' | 'primary.100'\n| 'grey.5' | 'grey.10' | 'grey.20' | 'grey.30' | 'grey.40' | 'grey.50' | 'grey.60' | 'grey.70' | 'grey.80' | 'grey.90' | 'grey.100';\n\nexport type TypoSubStyle = '1' | '2' | '3' | '4' | '5' | '6';\n\nexport type TypoColor = 'primary' | 'secondary' | 'disabled' | 'danger' | 'warning' | 'success' | 'information' | 'white' | 'black';\n\nexport type ViewColor = 'layer1' | 'layer2' | 'neutral' | 'base' | 'danger' | 'warning' | 'success' | 'information';\n\nexport type TypoColorOptions = 'base' | 'secondary' | 'disabled' | 'white' | 'black' | CommonColorOptions;\n\nexport type SubColorOptions = undefined | '0' | '5' | '10' | '20' | '30' | '40' | '50' | '60' | '70' | '80' | '90' | '100';\n\nexport type ViewColorOptions = 'layer1' | 'layer2' | 'neutral' | 'base' | CommonColorOptions;\n\nexport type IntentOptions = Exclude<keyof Pick<Theme, 'primary' | 'secondary' | 'danger' | 'warning' | 'success' | 'information' | 'grey'>, 'secondary'>;\n\nexport type ShadowLevel = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9;\n\nexport interface ShadowStyle {\n  shadowOffset: { width: number; height: number };\n  shadowOpacity: number;\n  shadowRadius: number;\n}\n"]}

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

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { type ImageSourcePropType, type StyleProp, type ViewStyle } from 'react-native';
+import { TypoOptions, IntentOptions } from '../../theme/types';
+type Props = {
+    onPress: () => void;
+    style?: StyleProp<ViewStyle>;
+    title: string;
+    intent?: IntentOptions;
+    variant?: 'solid' | 'pastel' | 'stroke';
+    typo: TypoOptions;
+    prefixIcon?: ImageSourcePropType;
+};
+declare function ZSBlockButton({ onPress, style, title, intent, typo, prefixIcon, variant }: Props): import("react").JSX.Element;
+export default ZSBlockButton;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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,MAAM,cAAc,CAAC;AAC/F,OAAO,EAAoB,WAAW,EAAoB,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAMnG,KAAK,KAAK,GAAG;IACX,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;CAClC,CAAC;AAEF,iBAAS,aAAa,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAkB,EAAE,IAAI,EAAE,UAAU,EAAE,OAAiB,EAAE,EAAE,KAAK,+BA6G/G;AAED,eAAe,aAAa,CAAC"}

package/build/ui/ZSBlockButton/index.js

@@ -0,0 +1,96 @@
+import { Image } from 'react-native';
+import { useTheme } from '../../context/ThemeContext';
+import ZSPressable from '../ZSPressable';
+import ZSView from '../ZSView';
+import ZSText from '../ZSText';
+function ZSBlockButton({ onPress, style, title, intent = 'primary', typo, prefixIcon, variant = 'solid' }) {
+    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
+                        : 10;
+    const paddingVertical = size === '1' ? 9
+        : size === '2' ? 9
+            : size === '3' ? 8
+                : size === '4' ? 6
+                    : size === '5' ? 5
+                        : 8;
+    const getTextColorValue = () => {
+        const [c01, c02] = colors.textColor.split('.');
+        if (c02) {
+            return palette[c01][c02];
+        }
+        return palette.text[c01];
+    };
+    const textColorValue = getTextColorValue();
+    return (<ZSPressable onPress={onPress} style={style}>
+      <ZSView style={{
+            paddingHorizontal,
+            paddingVertical,
+            borderRadius: 6,
+            justifyContent: 'center',
+            alignItems: 'center',
+            flexDirection: 'row',
+            gap: 4,
+            backgroundColor: colors.backgroundColor === 'transparent' ? 'transparent' : undefined,
+            borderColor: colors.borderColor,
+            borderWidth: colors.borderWidth,
+        }} color={colors.backgroundColor !== 'transparent' ? colors.backgroundColor : undefined}>
+        {prefixIcon && (<Image style={{ width: 12, height: 12, marginTop: 1 }} tintColor={textColorValue} source={prefixIcon}/>)}
+        <ZSText color={colors.textColor} typo={typo}>{title}</ZSText>
+      </ZSView>
+    </ZSPressable>);
+}
+export default ZSBlockButton;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/ZSBlockButton/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Image, type ImageSourcePropType, type StyleProp, type ViewStyle } from 'react-native';\nimport { TypoColorOptions, TypoOptions, ViewColorOptions, IntentOptions } from '../../theme/types';\nimport { useTheme } from '../../context/ThemeContext';\nimport ZSPressable from '../ZSPressable';\nimport ZSView from '../ZSView';\nimport ZSText from '../ZSText';\n\ntype Props = {\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};\n\nfunction ZSBlockButton({ onPress, style, title, intent = 'primary', typo, prefixIcon, variant = 'solid' }: 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            : 10;\n  const paddingVertical = size === '1' ? 9\n    : size === '2' ? 9\n      : size === '3' ? 8\n        : size === '4' ? 6\n          : size === '5' ? 5\n            : 8;\n\n  const getTextColorValue = () => {\n    const [c01, c02] = colors.textColor.split('.');\n    if (c02) {\n      return palette[c01][c02];\n    }\n    return palette.text[c01];\n  };\n\n  const textColorValue = getTextColorValue();\n\n  return (\n    <ZSPressable onPress={onPress} style={style}>\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"]}

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

@@ -0,0 +1,11 @@
+import React from "react";
+import { type StyleProp, type ViewStyle } from "react-native";
+interface ZSSkeletonProps {
+    isFetching?: boolean;
+    style?: StyleProp<ViewStyle>;
+    children?: React.ReactNode;
+    overlayColor?: string;
+}
+declare function ZSSkeleton({ isFetching, style, children, overlayColor }: ZSSkeletonProps): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
+export default ZSSkeleton;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/ZSSkeleton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAc,KAAK,SAAS,EAAoB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAM5F,UAAU,eAAe;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,iBAAS,UAAU,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,eAAe,gGAwCjF;AAED,eAAe,UAAU,CAAC"}

package/build/ui/ZSSkeleton/index.js

@@ -0,0 +1,64 @@
+import React, { useEffect } from "react";
+import { Dimensions, StyleSheet, View } from "react-native";
+import Animated, { useSharedValue, useAnimatedStyle, withRepeat, withTiming, cancelAnimation } from "react-native-reanimated";
+import { useTheme } from "../../context/ThemeContext";
+const DEVICE_WIDTH = Dimensions.get("window").width;
+function ZSSkeleton({ isFetching, style, children, overlayColor }) {
+    const translateX = useSharedValue(-DEVICE_WIDTH * 1.2);
+    const { palette } = useTheme();
+    const effectColor = overlayColor || palette.background.base;
+    useEffect(() => {
+        if (isFetching) {
+            translateX.value = withRepeat(withTiming(DEVICE_WIDTH * 1.2, { duration: 800 }), -1, false);
+        }
+        else {
+            cancelAnimation(translateX);
+            translateX.value = -DEVICE_WIDTH * 1.2;
+        }
+        return () => {
+            cancelAnimation(translateX);
+        };
+    }, [isFetching]);
+    const animatedStyle = useAnimatedStyle(() => {
+        "worklet";
+        return {
+            transform: [{ translateX: translateX.value }],
+        };
+    });
+    return isFetching ? (<View style={[style, { overflow: "hidden" }]}>
+            <View style={styles.container}>
+                {children}
+
+                <Animated.View style={[styles.shimmer, animatedStyle]}>
+                    <View style={[styles.shimmerSub, { backgroundColor: effectColor }]}/>
+                    <View style={[styles.shimmerCenter, { backgroundColor: effectColor }]}/>
+                    <View style={[styles.shimmerSub, { backgroundColor: effectColor }]}/>
+                </Animated.View>
+            </View>
+        </View>) : (children);
+}
+export default ZSSkeleton;
+const styles = StyleSheet.create({
+    container: {
+        overflow: "hidden",
+        opacity: 0.6,
+        width: "100%",
+    },
+    shimmer: {
+        width: "100%",
+        height: "100%",
+        position: "absolute",
+        flexDirection: "row",
+    },
+    shimmerSub: {
+        height: "100%",
+        opacity: 0.3,
+        width: DEVICE_WIDTH * 0.3,
+    },
+    shimmerCenter: {
+        height: "100%",
+        opacity: 0.6,
+        width: DEVICE_WIDTH * 0.4,
+    },
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/ZSSkeleton/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect } from \"react\";\nimport { Dimensions, type StyleProp, StyleSheet, View, type ViewStyle } from \"react-native\";\nimport Animated, { useSharedValue, useAnimatedStyle, withRepeat, withTiming, cancelAnimation } from \"react-native-reanimated\";\nimport { useTheme } from \"../../context/ThemeContext\";\n\nconst DEVICE_WIDTH = Dimensions.get(\"window\").width;\n\ninterface ZSSkeletonProps {\n    isFetching?: boolean;\n    style?: StyleProp<ViewStyle>;\n    children?: React.ReactNode;\n    overlayColor?: string;\n}\n\nfunction ZSSkeleton({ isFetching, style, children, overlayColor }: ZSSkeletonProps) {\n    const translateX = useSharedValue(-DEVICE_WIDTH * 1.2);\n    const { palette } = useTheme();\n    const effectColor = overlayColor || palette.background.base;\n\n    useEffect(() => {\n        if (isFetching) {\n            translateX.value = withRepeat(withTiming(DEVICE_WIDTH * 1.2, { duration: 800 }), -1, false);\n        } else {\n            cancelAnimation(translateX);\n            translateX.value = -DEVICE_WIDTH * 1.2;\n        }\n\n        return () => {\n            cancelAnimation(translateX);\n        };\n    }, [isFetching]);\n\n    const animatedStyle = useAnimatedStyle(() => {\n        \"worklet\";\n        return {\n            transform: [{ translateX: translateX.value }],\n        };\n    });\n\n    return isFetching ? (\n        <View style={[style, { overflow: \"hidden\" }]}>\n            <View style={styles.container}>\n                {children}\n\n                <Animated.View style={[styles.shimmer, animatedStyle]}>\n                    <View style={[styles.shimmerSub, { backgroundColor: effectColor }]} />\n                    <View style={[styles.shimmerCenter, { backgroundColor: effectColor }]} />\n                    <View style={[styles.shimmerSub, { backgroundColor: effectColor }]} />\n                </Animated.View>\n            </View>\n        </View>\n    ) : (\n        children\n    );\n}\n\nexport default ZSSkeleton;\n\nconst styles = StyleSheet.create({\n    container: {\n        overflow: \"hidden\",\n        opacity: 0.6,\n        width: \"100%\",\n    },\n    shimmer: {\n        width: \"100%\",\n        height: \"100%\",\n        position: \"absolute\",\n        flexDirection: \"row\",\n    },\n    shimmerSub: {\n        height: \"100%\",\n        opacity: 0.3,\n        width: DEVICE_WIDTH * 0.3,\n    },\n    shimmerCenter: {\n        height: \"100%\",\n        opacity: 0.6,\n        width: DEVICE_WIDTH * 0.4,\n    },\n});\n"]}

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

@@ -0,0 +1,12 @@
+import React from "react";
+import { type StyleProp, type ViewStyle } from "react-native";
+import { ViewColorOptions } from "../../theme/types";
+interface ZSSkeletonBoxProps {
+    height: number;
+    style?: StyleProp<ViewStyle>;
+    overlayColor?: string;
+    color?: ViewColorOptions;
+}
+declare function ZSSkeletonBox({ height, style, overlayColor, color }: ZSSkeletonBoxProps): React.JSX.Element;
+export default ZSSkeletonBox;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/ZSSkeletonBox/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAc,KAAK,SAAS,EAAoB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAI5F,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAIrD,UAAU,kBAAkB;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC5B;AAED,iBAAS,aAAa,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,KAAiB,EAAE,EAAE,kBAAkB,qBAwC5F;AAED,eAAe,aAAa,CAAC"}

package/build/ui/ZSSkeletonBox/index.js

@@ -0,0 +1,64 @@
+import React, { useEffect } from "react";
+import { Dimensions, StyleSheet, View } from "react-native";
+import Animated, { useSharedValue, useAnimatedStyle, withRepeat, withTiming, cancelAnimation } from "react-native-reanimated";
+import { useTheme } from "../../context/ThemeContext";
+import ZSView from "../ZSView";
+const DEVICE_WIDTH = Dimensions.get("window").width;
+function ZSSkeletonBox({ height, style, overlayColor, color = 'neutral' }) {
+    const translateX = useSharedValue(-DEVICE_WIDTH * 1.2);
+    const { palette } = useTheme();
+    const effectColor = overlayColor || palette.background.layer1;
+    useEffect(() => {
+        translateX.value = withRepeat(withTiming(DEVICE_WIDTH * 1.2, { duration: 800 }), -1, false);
+        return () => {
+            cancelAnimation(translateX);
+        };
+    }, []);
+    const animatedStyle = useAnimatedStyle(() => {
+        "worklet";
+        return {
+            transform: [{ translateX: translateX.value }],
+        };
+    });
+    return (<View style={[{ width: '100%' }, style, { height, overflow: "hidden" }]}>
+            <ZSView style={[
+            styles.container,
+            {
+                width: DEVICE_WIDTH,
+                height,
+            },
+        ]} color={color}>
+                <Animated.View style={[styles.shimmer, animatedStyle]}>
+                    <View style={[styles.shimmerSub, { backgroundColor: effectColor }]}/>
+                    <View style={[styles.shimmerCenter, { backgroundColor: effectColor }]}/>
+                    <View style={[styles.shimmerSub, { backgroundColor: effectColor }]}/>
+                </Animated.View>
+            </ZSView>
+        </View>);
+}
+export default ZSSkeletonBox;
+const styles = StyleSheet.create({
+    container: {
+        overflow: "hidden",
+        opacity: 0.4,
+    },
+    shimmer: {
+        width: "100%",
+        height: "100%",
+        position: "absolute",
+        flexDirection: "row",
+    },
+    shimmerSub: {
+        height: "100%",
+        backgroundColor: "#ebebeb",
+        opacity: 0.3,
+        width: DEVICE_WIDTH * 0.3,
+    },
+    shimmerCenter: {
+        height: "100%",
+        backgroundColor: "#f5f5f5",
+        opacity: 0.7,
+        width: DEVICE_WIDTH * 0.4,
+    },
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/ZSSkeletonBox/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect } from \"react\";\nimport { Dimensions, type StyleProp, StyleSheet, View, type ViewStyle } from \"react-native\";\nimport Animated, { useSharedValue, useAnimatedStyle, withRepeat, withTiming, cancelAnimation } from \"react-native-reanimated\";\nimport { useTheme } from \"../../context/ThemeContext\";\nimport ZSView from \"../ZSView\";\nimport { ViewColorOptions } from \"../../theme/types\";\n\nconst DEVICE_WIDTH = Dimensions.get(\"window\").width;\n\ninterface ZSSkeletonBoxProps {\n    height: number;\n    style?: StyleProp<ViewStyle>;\n    overlayColor?: string;\n    color?: ViewColorOptions;\n}\n\nfunction ZSSkeletonBox({ height, style, overlayColor, color = 'neutral' }: ZSSkeletonBoxProps) {\n    const translateX = useSharedValue(-DEVICE_WIDTH * 1.2);\n    const { palette } = useTheme();\n    const effectColor = overlayColor || palette.background.layer1;\n\n    useEffect(() => {\n        translateX.value = withRepeat(withTiming(DEVICE_WIDTH * 1.2, { duration: 800 }), -1, false);\n\n        return () => {\n            cancelAnimation(translateX);\n        };\n    }, []);\n\n    const animatedStyle = useAnimatedStyle(() => {\n        \"worklet\";\n        return {\n            transform: [{ translateX: translateX.value }],\n        };\n    });\n\n    return (\n        <View style={[{ width: '100%' }, style, { height, overflow: \"hidden\" }]}>\n            <ZSView\n                style={[\n                    styles.container,\n                    {\n                        width: DEVICE_WIDTH,\n                        height,\n                    },\n                ]}\n                color={color}\n            >\n                <Animated.View style={[styles.shimmer, animatedStyle]}>\n                    <View style={[styles.shimmerSub, { backgroundColor: effectColor }]} />\n                    <View style={[styles.shimmerCenter, { backgroundColor: effectColor }]} />\n                    <View style={[styles.shimmerSub, { backgroundColor: effectColor }]} />\n                </Animated.View>\n            </ZSView>\n        </View>\n    );\n}\n\nexport default ZSSkeletonBox;\n\nconst styles = StyleSheet.create({\n    container: {\n        overflow: \"hidden\",\n        opacity: 0.4,\n    },\n    shimmer: {\n        width: \"100%\",\n        height: \"100%\",\n        position: \"absolute\",\n        flexDirection: \"row\",\n    },\n    shimmerSub: {\n        height: \"100%\",\n        backgroundColor: \"#ebebeb\",\n        opacity: 0.3,\n        width: DEVICE_WIDTH * 0.3,\n    },\n    shimmerCenter: {\n        height: \"100%\",\n        backgroundColor: \"#f5f5f5\",\n        opacity: 0.7,\n        width: DEVICE_WIDTH * 0.4,\n    },\n});\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@0610studio/zs-ui",
-  "version": "0.13.3",
+  "version": "0.13.5",
   "private": false,
   "description": "EXPO ZS-UI",
   "type": "commonjs",