@0610studio/zs-ui 0.18.1 → 0.19.1

package/build/assets/SvgTooltipTail.d.ts

@@ -0,0 +1,7 @@
+/** 툴팁 말풍선 꼬리 — 아래를 향하는 삼각형, 끝이 살짝 둥글다 (위 방향은 사용처에서 180도 회전) */
+export declare const SvgTooltipTail: ({ width, height, color }: {
+    width?: number | undefined;
+    height?: number | undefined;
+    color?: string | undefined;
+}) => import("react").JSX.Element;
+//# sourceMappingURL=SvgTooltipTail.d.ts.map

package/build/assets/SvgTooltipTail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SvgTooltipTail.d.ts","sourceRoot":"","sources":["../../src/assets/SvgTooltipTail.tsx"],"names":[],"mappings":"AAEA,+DAA+D;AAC/D,eAAO,MAAM,cAAc,GAAI;;;;CAA6C,gCAS3E,CAAC"}

package/build/assets/SvgTooltipTail.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Svg, { Path } from 'react-native-svg';
+/** 툴팁 말풍선 꼬리 — 아래를 향하는 삼각형, 끝이 살짝 둥글다 (위 방향은 사용처에서 180도 회전) */
+export const SvgTooltipTail = ({ width = 12, height = 7, color = '#141A21' }) => {
+    return (_jsx(Svg, { width: width, height: height, viewBox: "0 0 12 7", fill: "none", children: _jsx(Path, { d: "M0 0 H12 L7.04 5.79 Q6 7 4.96 5.79 Z", fill: color }) }));
+};
+//# sourceMappingURL=SvgTooltipTail.js.map

package/build/assets/SvgTooltipTail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SvgTooltipTail.js","sourceRoot":"","sources":["../../src/assets/SvgTooltipTail.tsx"],"names":[],"mappings":";AAAA,OAAO,GAAG,EAAE,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAE7C,+DAA+D;AAC/D,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAAE,KAAK,GAAG,EAAE,EAAE,MAAM,GAAG,CAAC,EAAE,KAAK,GAAG,SAAS,EAAE,EAAE,EAAE;IAC9E,OAAO,CACL,KAAC,GAAG,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,YAC/D,KAAC,IAAI,IACH,CAAC,EAAC,sCAAsC,EACxC,IAAI,EAAE,KAAK,GACX,GACE,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import Svg, { Path } from 'react-native-svg';\n\n/** 툴팁 말풍선 꼬리 — 아래를 향하는 삼각형, 끝이 살짝 둥글다 (위 방향은 사용처에서 180도 회전) */\nexport const SvgTooltipTail = ({ width = 12, height = 7, color = '#141A21' }) => {\n  return (\n    <Svg width={width} height={height} viewBox=\"0 0 12 7\" fill=\"none\">\n      <Path\n        d=\"M0 0 H12 L7.04 5.79 Q6 7 4.96 5.79 Z\"\n        fill={color}\n      />\n    </Svg>\n  );\n};\n"]}

package/build/context/ThemeContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../src/context/ThemeContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiF,MAAM,OAAO,CAAC;AAKtG,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAE5E,OAAkB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAEhE,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,0BAA0B,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;CAC7C;AAED,MAAM,WAAW,kBAAkB;IACjC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE;YAAE,KAAK,CAAC,EAAE,KAAK,CAAC;YAAC,IAAI,CAAC,EAAE,KAAK,CAAA;SAAE,CAAA;KAAE,KAAK,KAAK,CAAC;IAC9G,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B;AAED,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,uBAAuB,CAAC;IACpC,SAAS,EAAE,eAAe,CAAC;IAC3B,QAAQ,EAAE,cAAc,CAAC;CAC1B;AAED,MAAM,WAAW,OAAQ,SAAQ,KAAK;IACpC,IAAI,EAAE,OAAO,GAAG,MAAM,CAAC;IACvB,wBAAwB,EAAE,OAAO,CAAC;IAClC,uBAAuB,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACtD,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AA2CD,eAAO,MAAM,QAAQ,kBAMpB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAyGtD,CAAA"}
+{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../src/context/ThemeContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyF,MAAM,OAAO,CAAC;AAK9G,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,uBAAuB,EAAE,MAAM,gBAAgB,CAAC;AAE5E,OAAkB,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAEhE,MAAM,WAAW,cAAc;IAC7B;;;OAGG;IACH,0BAA0B,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;CAC7C;AAED,MAAM,WAAW,kBAAkB;IACjC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,IAAI,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE;YAAE,KAAK,CAAC,EAAE,KAAK,CAAC;YAAC,IAAI,CAAC,EAAE,KAAK,CAAA;SAAE,CAAA;KAAE,KAAK,KAAK,CAAC;IAC9G,QAAQ,CAAC,EAAE,cAAc,CAAC;CAC3B;AAED,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,uBAAuB,CAAC;IACpC,SAAS,EAAE,eAAe,CAAC;IAC3B,QAAQ,EAAE,cAAc,CAAC;CAC1B;AAED,MAAM,WAAW,OAAQ,SAAQ,KAAK;IACpC,IAAI,EAAE,OAAO,GAAG,MAAM,CAAC;IACvB,wBAAwB,EAAE,OAAO,CAAC;IAClC,uBAAuB,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACtD,WAAW,EAAE,MAAM,IAAI,CAAC;CACzB;AA2CD,eAAO,MAAM,QAAQ,kBAMpB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAuHtD,CAAA"}

package/build/context/ThemeContext.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { createContext, useContext, useMemo, useReducer, useEffect, useCallback } from 'react';
+import { createContext, useContext, useMemo, useReducer, useEffect, useCallback, useRef } from 'react';
 import { Platform, useColorScheme } from 'react-native';
 import AsyncStorage from '@react-native-async-storage/async-storage';
 import * as NavigationBar from 'expo-navigation-bar';
@@ -46,6 +46,11 @@ export const ThemeProvider = ({ themeFonts, children, isDarkModeEnabled = true,
         mode: isDarkModeEnabled ? systemMode : 'light',
     });
     const { isUsingSystemColorScheme, mode } = themeState;
+    // hydrate 는 마운트(또는 isDarkModeEnabled 변경) 시 1회만 수행한다.
+    // 이후 시스템 모드 동기화는 아래 SYNC_SYSTEM_MODE effect 가 담당하므로,
+    // systemMode 변경마다 AsyncStorage 를 다시 읽지 않도록 ref 로 최신 값만 참조한다.
+    const systemModeRef = useRef(systemMode);
+    systemModeRef.current = systemMode;
     useEffect(() => {
         let isMounted = true;
         const loadSettings = async () => {
@@ -74,7 +79,7 @@ export const ThemeProvider = ({ themeFonts, children, isDarkModeEnabled = true,
                     type: 'HYDRATE',
                     state: {
                         isUsingSystemColorScheme,
-                        mode: isUsingSystemColorScheme ? systemMode : savedMode ?? systemMode,
+                        mode: isUsingSystemColorScheme ? systemModeRef.current : savedMode ?? systemModeRef.current,
                     },
                 });
             }
@@ -86,7 +91,7 @@ export const ThemeProvider = ({ themeFonts, children, isDarkModeEnabled = true,
         return () => {
             isMounted = false;
         };
-    }, [isDarkModeEnabled, systemMode]);
+    }, [isDarkModeEnabled]);
     useEffect(() => {
         dispatchTheme({ type: 'SYNC_SYSTEM_MODE', systemMode });
     }, [systemMode]);
@@ -108,8 +113,15 @@ export const ThemeProvider = ({ themeFonts, children, isDarkModeEnabled = true,
         await AsyncStorage.setItem('useSystemColorScheme', useSystem.toString());
     }, [systemMode]);
     const unfoldedSinglePaneMaxWidth = foldable?.unfoldedSinglePaneMaxWidth;
+    // customPalette 를 인라인 함수로 넘겨도 컨텍스트 값이 매 렌더 재생성되어
+    // useTheme 구독 컴포넌트 전체가 리렌더되지 않도록, 함수 identity 대신 ref 로 최신 함수를 참조한다.
+    // (함수 identity 변경만으로는 재계산되지 않고, mode 등 다른 의존성 변경 시 최신 함수가 반영된다)
+    const customPaletteRef = useRef(customPalette);
+    customPaletteRef.current = customPalette;
+    const hasCustomPalette = Boolean(customPalette);
     const themeValue = useMemo(() => {
-        const currentPalette = customPalette ? customPalette({ mode }) : palette({ mode });
+        const paletteFactory = customPaletteRef.current;
+        const currentPalette = paletteFactory ? paletteFactory({ mode }) : palette({ mode });
         return {
             palette: {
                 isUsingSystemColorScheme,
@@ -121,7 +133,7 @@ export const ThemeProvider = ({ themeFonts, children, isDarkModeEnabled = true,
             elevation: elevation(currentPalette),
             foldable: { unfoldedSinglePaneMaxWidth },
         };
-    }, [mode, isUsingSystemColorScheme, themeFonts, customPalette, handleSetUseSystemColorScheme, toggleTheme, unfoldedSinglePaneMaxWidth]);
+    }, [mode, isUsingSystemColorScheme, themeFonts, hasCustomPalette, handleSetUseSystemColorScheme, toggleTheme, unfoldedSinglePaneMaxWidth]);
     return (_jsx(ThemeContext.Provider, { value: themeValue, children: children }));
 };
 //# sourceMappingURL=ThemeContext.js.map

package/build/context/ThemeContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeContext.js","sourceRoot":"","sources":["../../src/context/ThemeContext.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { createContext, useContext, useMemo, useReducer, useEffect, useCallback } from 'react';\nimport { Platform, useColorScheme } from 'react-native';\nimport AsyncStorage from '@react-native-async-storage/async-storage';\nimport * as NavigationBar from 'expo-navigation-bar';\nimport palette from '../theme/palette';\nimport { Theme, ThemeFonts, TypographyVariantsProps } from '../theme/types';\nimport typography from '../theme/typography';\nimport elevation, { ElevationStyles } from '../theme/elevation';\n\nexport interface FoldableConfig {\n  /**\n   * 언폴딩 상태에서 rightComponent가 없을 때(단일 화면) 콘텐츠 최대 가로 길이(px).\n   * 미주입(undefined) 또는 false면 전폭으로 늘린다. 폭을 제한하려면 반드시 값을 주입해야 한다.\n   */\n  unfoldedSinglePaneMaxWidth?: number | false;\n}\n\nexport interface ThemeProviderProps {\n  themeFonts?: ThemeFonts;\n  children: React.ReactNode;\n  isDarkModeEnabled?: boolean;\n  customPalette?: (config: { mode?: 'light' | 'dark'; themeColors?: { light?: Theme; dark?: Theme } }) => Theme;\n  foldable?: FoldableConfig;\n}\n\nexport interface ThemeProps {\n  palette: Palette;\n  typography: TypographyVariantsProps;\n  elevation: ElevationStyles;\n  foldable: FoldableConfig;\n}\n\nexport interface Palette extends Theme {\n  mode: 'light' | 'dark';\n  isUsingSystemColorScheme: boolean;\n  setUseSystemColorScheme: (useSystem: boolean) => void;\n  toggleTheme: () => void;\n}\n\nconst ThemeContext = createContext<ThemeProps | null>(null);\ntype ThemeMode = 'light' | 'dark';\n\ntype ThemeState = {\n  mode: ThemeMode;\n  isUsingSystemColorScheme: boolean;\n};\n\ntype ThemeAction =\n  | { type: 'HYDRATE'; state: ThemeState }\n  | { type: 'SYNC_SYSTEM_MODE'; systemMode: ThemeMode }\n  | { type: 'SET_USE_SYSTEM_COLOR_SCHEME'; useSystem: boolean; systemMode: ThemeMode }\n  | { type: 'TOGGLE_THEME' };\n\nconst getSystemMode = (systemColorScheme: ReturnType<typeof useColorScheme>): ThemeMode =>\n  systemColorScheme === 'dark' ? 'dark' : 'light';\n\nfunction themeReducer(state: ThemeState, action: ThemeAction): ThemeState {\n  switch (action.type) {\n    case 'HYDRATE':\n      return action.state;\n    case 'SYNC_SYSTEM_MODE':\n      return state.isUsingSystemColorScheme\n        ? { ...state, mode: action.systemMode }\n        : state;\n    case 'SET_USE_SYSTEM_COLOR_SCHEME':\n      return {\n        ...state,\n        isUsingSystemColorScheme: action.useSystem,\n        mode: action.useSystem ? action.systemMode : state.mode,\n      };\n    case 'TOGGLE_THEME':\n      return {\n        isUsingSystemColorScheme: false,\n        mode: state.mode === 'light' ? 'dark' : 'light',\n      };\n    default:\n      return state;\n  }\n}\n\nexport const useTheme = () => {\n  const context = useContext(ThemeContext);\n  if (!context) {\n    throw new Error('useTheme must be used within a ThemeProvider');\n  }\n  return context;\n}\n\nexport const ThemeProvider: React.FC<ThemeProviderProps> = ({ themeFonts, children, isDarkModeEnabled = true, customPalette, foldable }) => {\n  const systemColorScheme = useColorScheme();\n  const systemMode = getSystemMode(systemColorScheme);\n  const [themeState, dispatchTheme] = useReducer(\n    themeReducer,\n    {\n      isUsingSystemColorScheme: isDarkModeEnabled,\n      mode: isDarkModeEnabled ? systemMode : 'light',\n    }\n  );\n  const { isUsingSystemColorScheme, mode } = themeState;\n\n  useEffect(() => {\n    let isMounted = true;\n\n    const loadSettings = async () => {\n      try {\n        if (!isMounted) return;\n        \n        if (!isDarkModeEnabled) {\n          dispatchTheme({\n            type: 'HYDRATE',\n            state: {\n              isUsingSystemColorScheme: false,\n              mode: 'light',\n            },\n          });\n          return;\n        }\n\n        const storedUseSystemColorScheme = await AsyncStorage.getItem('useSystemColorScheme');\n        const storedMode = await AsyncStorage.getItem('themeMode');\n\n        if (!isMounted) return;\n\n        const isUsingSystemColorScheme = storedUseSystemColorScheme === null\n          ? true\n          : storedUseSystemColorScheme === 'true';\n        const savedMode = storedMode === 'dark' || storedMode === 'light' ? storedMode : undefined;\n\n        dispatchTheme({\n          type: 'HYDRATE',\n          state: {\n            isUsingSystemColorScheme,\n            mode: isUsingSystemColorScheme ? systemMode : savedMode ?? systemMode,\n          },\n        });\n      } catch (error) {\n        console.error('Failed to load theme settings', error);\n      }\n    };\n\n    loadSettings();\n\n    return () => {\n      isMounted = false;\n    };\n  }, [isDarkModeEnabled, systemMode]);\n\n  useEffect(() => {\n    dispatchTheme({ type: 'SYNC_SYSTEM_MODE', systemMode });\n  }, [systemMode]);\n\n  useEffect(() => {\n    if (Platform.OS === 'android') {\n      NavigationBar.setStyle(mode);\n    }\n  }, [mode])\n\n  const toggleTheme = useCallback(async () => {\n    const newMode = mode === 'light' ? 'dark' : 'light';\n    dispatchTheme({ type: 'TOGGLE_THEME' });\n    await AsyncStorage.multiSet([\n      ['useSystemColorScheme', 'false'],\n      ['themeMode', newMode],\n    ]);\n  }, [mode]);\n\n  const handleSetUseSystemColorScheme = useCallback(async (useSystem: boolean) => {\n    dispatchTheme({ type: 'SET_USE_SYSTEM_COLOR_SCHEME', useSystem, systemMode });\n    await AsyncStorage.setItem('useSystemColorScheme', useSystem.toString());\n  }, [systemMode]);\n\n  const unfoldedSinglePaneMaxWidth = foldable?.unfoldedSinglePaneMaxWidth;\n\n  const themeValue = useMemo(() => {\n    const currentPalette = customPalette ? customPalette({ mode }) : palette({ mode });\n    return {\n      palette: {\n        isUsingSystemColorScheme,\n        setUseSystemColorScheme: handleSetUseSystemColorScheme,\n        toggleTheme,\n        ...currentPalette,\n      },\n      typography: typography({ themeFonts }),\n      elevation: elevation(currentPalette),\n      foldable: { unfoldedSinglePaneMaxWidth },\n    };\n  }, [mode, isUsingSystemColorScheme, themeFonts, customPalette, handleSetUseSystemColorScheme, toggleTheme, unfoldedSinglePaneMaxWidth]);\n\n  return (\n    <ThemeContext.Provider value={themeValue}>\n      {children}\n    </ThemeContext.Provider>\n  );\n}\n"]}
+{"version":3,"file":"ThemeContext.js","sourceRoot":"","sources":["../../src/context/ThemeContext.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { createContext, useContext, useMemo, useReducer, useEffect, useCallback, useRef } from 'react';\nimport { Platform, useColorScheme } from 'react-native';\nimport AsyncStorage from '@react-native-async-storage/async-storage';\nimport * as NavigationBar from 'expo-navigation-bar';\nimport palette from '../theme/palette';\nimport { Theme, ThemeFonts, TypographyVariantsProps } from '../theme/types';\nimport typography from '../theme/typography';\nimport elevation, { ElevationStyles } from '../theme/elevation';\n\nexport interface FoldableConfig {\n  /**\n   * 언폴딩 상태에서 rightComponent가 없을 때(단일 화면) 콘텐츠 최대 가로 길이(px).\n   * 미주입(undefined) 또는 false면 전폭으로 늘린다. 폭을 제한하려면 반드시 값을 주입해야 한다.\n   */\n  unfoldedSinglePaneMaxWidth?: number | false;\n}\n\nexport interface ThemeProviderProps {\n  themeFonts?: ThemeFonts;\n  children: React.ReactNode;\n  isDarkModeEnabled?: boolean;\n  customPalette?: (config: { mode?: 'light' | 'dark'; themeColors?: { light?: Theme; dark?: Theme } }) => Theme;\n  foldable?: FoldableConfig;\n}\n\nexport interface ThemeProps {\n  palette: Palette;\n  typography: TypographyVariantsProps;\n  elevation: ElevationStyles;\n  foldable: FoldableConfig;\n}\n\nexport interface Palette extends Theme {\n  mode: 'light' | 'dark';\n  isUsingSystemColorScheme: boolean;\n  setUseSystemColorScheme: (useSystem: boolean) => void;\n  toggleTheme: () => void;\n}\n\nconst ThemeContext = createContext<ThemeProps | null>(null);\ntype ThemeMode = 'light' | 'dark';\n\ntype ThemeState = {\n  mode: ThemeMode;\n  isUsingSystemColorScheme: boolean;\n};\n\ntype ThemeAction =\n  | { type: 'HYDRATE'; state: ThemeState }\n  | { type: 'SYNC_SYSTEM_MODE'; systemMode: ThemeMode }\n  | { type: 'SET_USE_SYSTEM_COLOR_SCHEME'; useSystem: boolean; systemMode: ThemeMode }\n  | { type: 'TOGGLE_THEME' };\n\nconst getSystemMode = (systemColorScheme: ReturnType<typeof useColorScheme>): ThemeMode =>\n  systemColorScheme === 'dark' ? 'dark' : 'light';\n\nfunction themeReducer(state: ThemeState, action: ThemeAction): ThemeState {\n  switch (action.type) {\n    case 'HYDRATE':\n      return action.state;\n    case 'SYNC_SYSTEM_MODE':\n      return state.isUsingSystemColorScheme\n        ? { ...state, mode: action.systemMode }\n        : state;\n    case 'SET_USE_SYSTEM_COLOR_SCHEME':\n      return {\n        ...state,\n        isUsingSystemColorScheme: action.useSystem,\n        mode: action.useSystem ? action.systemMode : state.mode,\n      };\n    case 'TOGGLE_THEME':\n      return {\n        isUsingSystemColorScheme: false,\n        mode: state.mode === 'light' ? 'dark' : 'light',\n      };\n    default:\n      return state;\n  }\n}\n\nexport const useTheme = () => {\n  const context = useContext(ThemeContext);\n  if (!context) {\n    throw new Error('useTheme must be used within a ThemeProvider');\n  }\n  return context;\n}\n\nexport const ThemeProvider: React.FC<ThemeProviderProps> = ({ themeFonts, children, isDarkModeEnabled = true, customPalette, foldable }) => {\n  const systemColorScheme = useColorScheme();\n  const systemMode = getSystemMode(systemColorScheme);\n  const [themeState, dispatchTheme] = useReducer(\n    themeReducer,\n    {\n      isUsingSystemColorScheme: isDarkModeEnabled,\n      mode: isDarkModeEnabled ? systemMode : 'light',\n    }\n  );\n  const { isUsingSystemColorScheme, mode } = themeState;\n\n  // hydrate 는 마운트(또는 isDarkModeEnabled 변경) 시 1회만 수행한다.\n  // 이후 시스템 모드 동기화는 아래 SYNC_SYSTEM_MODE effect 가 담당하므로,\n  // systemMode 변경마다 AsyncStorage 를 다시 읽지 않도록 ref 로 최신 값만 참조한다.\n  const systemModeRef = useRef(systemMode);\n  systemModeRef.current = systemMode;\n\n  useEffect(() => {\n    let isMounted = true;\n\n    const loadSettings = async () => {\n      try {\n        if (!isMounted) return;\n\n        if (!isDarkModeEnabled) {\n          dispatchTheme({\n            type: 'HYDRATE',\n            state: {\n              isUsingSystemColorScheme: false,\n              mode: 'light',\n            },\n          });\n          return;\n        }\n\n        const storedUseSystemColorScheme = await AsyncStorage.getItem('useSystemColorScheme');\n        const storedMode = await AsyncStorage.getItem('themeMode');\n\n        if (!isMounted) return;\n\n        const isUsingSystemColorScheme = storedUseSystemColorScheme === null\n          ? true\n          : storedUseSystemColorScheme === 'true';\n        const savedMode = storedMode === 'dark' || storedMode === 'light' ? storedMode : undefined;\n\n        dispatchTheme({\n          type: 'HYDRATE',\n          state: {\n            isUsingSystemColorScheme,\n            mode: isUsingSystemColorScheme ? systemModeRef.current : savedMode ?? systemModeRef.current,\n          },\n        });\n      } catch (error) {\n        console.error('Failed to load theme settings', error);\n      }\n    };\n\n    loadSettings();\n\n    return () => {\n      isMounted = false;\n    };\n  }, [isDarkModeEnabled]);\n\n  useEffect(() => {\n    dispatchTheme({ type: 'SYNC_SYSTEM_MODE', systemMode });\n  }, [systemMode]);\n\n  useEffect(() => {\n    if (Platform.OS === 'android') {\n      NavigationBar.setStyle(mode);\n    }\n  }, [mode])\n\n  const toggleTheme = useCallback(async () => {\n    const newMode = mode === 'light' ? 'dark' : 'light';\n    dispatchTheme({ type: 'TOGGLE_THEME' });\n    await AsyncStorage.multiSet([\n      ['useSystemColorScheme', 'false'],\n      ['themeMode', newMode],\n    ]);\n  }, [mode]);\n\n  const handleSetUseSystemColorScheme = useCallback(async (useSystem: boolean) => {\n    dispatchTheme({ type: 'SET_USE_SYSTEM_COLOR_SCHEME', useSystem, systemMode });\n    await AsyncStorage.setItem('useSystemColorScheme', useSystem.toString());\n  }, [systemMode]);\n\n  const unfoldedSinglePaneMaxWidth = foldable?.unfoldedSinglePaneMaxWidth;\n\n  // customPalette 를 인라인 함수로 넘겨도 컨텍스트 값이 매 렌더 재생성되어\n  // useTheme 구독 컴포넌트 전체가 리렌더되지 않도록, 함수 identity 대신 ref 로 최신 함수를 참조한다.\n  // (함수 identity 변경만으로는 재계산되지 않고, mode 등 다른 의존성 변경 시 최신 함수가 반영된다)\n  const customPaletteRef = useRef(customPalette);\n  customPaletteRef.current = customPalette;\n  const hasCustomPalette = Boolean(customPalette);\n\n  const themeValue = useMemo(() => {\n    const paletteFactory = customPaletteRef.current;\n    const currentPalette = paletteFactory ? paletteFactory({ mode }) : palette({ mode });\n    return {\n      palette: {\n        isUsingSystemColorScheme,\n        setUseSystemColorScheme: handleSetUseSystemColorScheme,\n        toggleTheme,\n        ...currentPalette,\n      },\n      typography: typography({ themeFonts }),\n      elevation: elevation(currentPalette),\n      foldable: { unfoldedSinglePaneMaxWidth },\n    };\n  }, [mode, isUsingSystemColorScheme, themeFonts, hasCustomPalette, handleSetUseSystemColorScheme, toggleTheme, unfoldedSinglePaneMaxWidth]);\n\n  return (\n    <ThemeContext.Provider value={themeValue}>\n      {children}\n    </ThemeContext.Provider>\n  );\n}\n"]}

package/build/index.d.ts

@@ -4,6 +4,7 @@ import { OverlayProvider } from "./context/OverlayContext";
 import { ThemeProvider, useTheme } from "./context/ThemeContext";
 import { useFoldingState } from './model/useFoldingState';
 import { themeFactory } from './theme/palette';
+import { RADIUS, DURATION, DISABLED_OPACITY } from './theme/tokens';
 import ErrorComponent from './ui/ZSTextField/ui/ErrorComponent';
 import ZSContainer from './ui/ZSContainer';
 import ZSPressable from './ui/ZSPressable';
@@ -20,13 +21,25 @@ import { ZSTextProps } from "./ui/ZSText";
 import { BoxStyle, ZSTextFieldRef } from "./ui/ZSTextField";
 import { AlertOverlay, BottomSheetOverlay, SnackbarNotify, useOverlay, PopOverButton, PopOverMenu, ZSPortal } from './overlay';
 import ZSBlockButton from './ui/ZSBlockButton';
+import ZSTooltip from './ui/ZSTooltip';
 import ZSSkeleton from './ui/ZSSkeleton';
 import ZSSkeletonBox from './ui/ZSSkeletonBox';
-export { useTheme, useFoldingState, ThemeProvider, OverlayProvider, themeFactory, ZSView, AnimatedWrapper, TextAtom, ZSContainer, ZSPressable, ZSText, ZSTextField, ZSRadioGroup, ZSSwitch, ErrorComponent, ZSAboveKeyboard, ZSBlockButton, ZSSkeleton, ZSSkeletonBox, AlertOverlay, BottomSheetOverlay, SnackbarNotify, useOverlay, PopOverButton, PopOverMenu, ZSPortal, GlobalOverlay, useStyleSheetCreate, };
+import ZSBorderBeam from './ui/ZSBorderBeam';
+import ZSSegmented from './ui/ZSSegmented';
+import ZSChip from './ui/ZSChip';
+import ZSCheckBox from './ui/ZSCheckBox';
+export { useTheme, useFoldingState, ThemeProvider, OverlayProvider, themeFactory, RADIUS, DURATION, DISABLED_OPACITY, ZSView, AnimatedWrapper, TextAtom, ZSContainer, ZSPressable, ZSText, ZSTextField, ZSRadioGroup, ZSSwitch, ErrorComponent, ZSAboveKeyboard, ZSBlockButton, ZSSkeleton, ZSSkeletonBox, ZSBorderBeam, ZSSegmented, ZSCheckBox, ZSChip, ZSTooltip, AlertOverlay, BottomSheetOverlay, SnackbarNotify, useOverlay, PopOverButton, PopOverMenu, ZSPortal, GlobalOverlay, useStyleSheetCreate, };
 import type { ThemeProviderProps, ThemeProps, Palette, FoldableConfig } 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";
 import { SnackItem, ShowAlertProps, ShowSnackBarProps, ShowBottomSheetProps, PopOverMenuProps, CustomSnackbarProps, OverlayProviderProps, AlertAction, AlertActions, SnackType, HideOption, BottomSheetOptions, FoldingStateInfo } from "./model/types";
 import { RadioOption } from "./ui/types";
-export type { ThemeProviderProps, ThemeProps, Palette, FoldableConfig, ZSTextProps, BoxStyle, ZSTextFieldRef, ColorPalette, ColorPaletteExtend, ThemeTextType, ThemeBackground, MainColors, Theme, TypographyVariants, ThemeFonts, TypoNumber, TypographyVariantsProps, TypoStyle, TypoOptions, TypoSubStyle, TypoColorOptions, ThemeFactoryColors, ThemeFactoryConfig, SnackItem, ShowAlertProps, ShowSnackBarProps, ShowBottomSheetProps, PopOverMenuProps, CustomSnackbarProps, OverlayProviderProps, AlertAction, AlertActions, SnackType, HideOption, BottomSheetOptions, RadioOption, ShadowLevel, ShadowStyle, ZSContainerRef, FoldingStateInfo, };
+import { ZSBorderBeamProps, ZSBorderBeamGlowConfig } from "./ui/ZSBorderBeam";
+import { ZSSegmentedProps, ZSSegmentedTextSize } from "./ui/ZSSegmented";
+import { ZSChipProps, ZSChipVariant } from "./ui/ZSChip";
+import { ZSSkeletonProps } from "./ui/ZSSkeleton";
+import { ZSSkeletonBoxProps } from "./ui/ZSSkeletonBox";
+import { ZSCheckBoxProps } from "./ui/ZSCheckBox";
+import { ZSTooltipProps, ZSTooltipPlacement, ZSTooltipTailAlign } from "./ui/ZSTooltip";
+export type { ThemeProviderProps, ThemeProps, Palette, FoldableConfig, ZSTextProps, BoxStyle, ZSTextFieldRef, ColorPalette, ColorPaletteExtend, ThemeTextType, ThemeBackground, MainColors, Theme, TypographyVariants, ThemeFonts, TypoNumber, TypographyVariantsProps, TypoStyle, TypoOptions, TypoSubStyle, TypoColorOptions, ThemeFactoryColors, ThemeFactoryConfig, SnackItem, ShowAlertProps, ShowSnackBarProps, ShowBottomSheetProps, PopOverMenuProps, CustomSnackbarProps, OverlayProviderProps, AlertAction, AlertActions, SnackType, HideOption, BottomSheetOptions, RadioOption, ShadowLevel, ShadowStyle, ZSContainerRef, FoldingStateInfo, ZSBorderBeamProps, ZSBorderBeamGlowConfig, ZSSegmentedProps, ZSSegmentedTextSize, ZSChipProps, ZSChipVariant, ZSSkeletonProps, ZSSkeletonBoxProps, ZSCheckBoxProps, ZSTooltipProps, ZSTooltipPlacement, ZSTooltipTailAlign, };
 //# sourceMappingURL=index.d.ts.map

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

@@ -4,6 +4,7 @@ import { OverlayProvider } from "./context/OverlayContext";
 import { ThemeProvider, useTheme } from "./context/ThemeContext";
 import { useFoldingState } from './model/useFoldingState';
 import { themeFactory } from './theme/palette';
+import { RADIUS, DURATION, DISABLED_OPACITY } from './theme/tokens';
 import ErrorComponent from './ui/ZSTextField/ui/ErrorComponent';
 import ZSContainer from './ui/ZSContainer';
 import ZSPressable from './ui/ZSPressable';
@@ -17,7 +18,12 @@ 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 ZSTooltip from './ui/ZSTooltip';
 import ZSSkeleton from './ui/ZSSkeleton';
 import ZSSkeletonBox from './ui/ZSSkeletonBox';
-export { useTheme, useFoldingState, ThemeProvider, OverlayProvider, themeFactory, ZSView, AnimatedWrapper, TextAtom, ZSContainer, ZSPressable, ZSText, ZSTextField, ZSRadioGroup, ZSSwitch, ErrorComponent, ZSAboveKeyboard, ZSBlockButton, ZSSkeleton, ZSSkeletonBox, AlertOverlay, BottomSheetOverlay, SnackbarNotify, useOverlay, PopOverButton, PopOverMenu, ZSPortal, GlobalOverlay, useStyleSheetCreate, };
+import ZSBorderBeam from './ui/ZSBorderBeam';
+import ZSSegmented from './ui/ZSSegmented';
+import ZSChip from './ui/ZSChip';
+import ZSCheckBox from './ui/ZSCheckBox';
+export { useTheme, useFoldingState, ThemeProvider, OverlayProvider, themeFactory, RADIUS, DURATION, DISABLED_OPACITY, ZSView, AnimatedWrapper, TextAtom, ZSContainer, ZSPressable, ZSText, ZSTextField, ZSRadioGroup, ZSSwitch, ErrorComponent, ZSAboveKeyboard, ZSBlockButton, ZSSkeleton, ZSSkeletonBox, ZSBorderBeam, ZSSegmented, ZSCheckBox, ZSChip, ZSTooltip, AlertOverlay, BottomSheetOverlay, SnackbarNotify, useOverlay, PopOverButton, PopOverMenu, ZSPortal, GlobalOverlay, useStyleSheetCreate, };
 //# sourceMappingURL=index.js.map

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,WAAW,MAAM,kBAAkB,CAAC;AAC3C,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAC7C,OAAO,QAAQ,MAAM,eAAe,CAAC;AACrC,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,EACZ,MAAM,EACN,eAAe,EACf,QAAQ,EACR,WAAW,EACX,WAAW,EACX,MAAM,EACN,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,eAAe,EACf,aAAa,EACb,UAAU,EACV,aAAa,EACb,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,UAAU,EACV,aAAa,EACb,WAAW,EACX,QAAQ,EACR,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 ZSTextField from './ui/ZSTextField';\nimport ZSRadioGroup from './ui/ZSRadioGroup';\nimport ZSSwitch from './ui/ZSSwitch';\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  ZSView,\n  AnimatedWrapper,\n  TextAtom,\n  ZSContainer,\n  ZSPressable,\n  ZSText,\n  ZSTextField,\n  ZSRadioGroup,\n  ZSSwitch,\n  ErrorComponent,\n  ZSAboveKeyboard,\n  ZSBlockButton,\n  ZSSkeleton,\n  ZSSkeletonBox,\n  AlertOverlay,\n  BottomSheetOverlay,\n  SnackbarNotify,\n  useOverlay,\n  PopOverButton,\n  PopOverMenu,\n  ZSPortal,\n  GlobalOverlay,\n  useStyleSheetCreate,\n};\n\nimport type { ThemeProviderProps, ThemeProps, Palette, FoldableConfig } 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  FoldableConfig,\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,EAAE,MAAM,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AACpE,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,WAAW,MAAM,kBAAkB,CAAC;AAC3C,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAC7C,OAAO,QAAQ,MAAM,eAAe,CAAC;AACrC,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,SAAS,MAAM,gBAAgB,CAAC;AACvC,OAAO,UAAU,MAAM,iBAAiB,CAAC;AACzC,OAAO,aAAa,MAAM,oBAAoB,CAAC;AAC/C,OAAO,YAAY,MAAM,mBAAmB,CAAC;AAC7C,OAAO,WAAW,MAAM,kBAAkB,CAAC;AAC3C,OAAO,MAAM,MAAM,aAAa,CAAC;AACjC,OAAO,UAAU,MAAM,iBAAiB,CAAC;AAEzC,OAAO,EACL,QAAQ,EACR,eAAe,EACf,aAAa,EACb,eAAe,EACf,YAAY,EACZ,MAAM,EACN,QAAQ,EACR,gBAAgB,EAChB,MAAM,EACN,eAAe,EACf,QAAQ,EACR,WAAW,EACX,WAAW,EACX,MAAM,EACN,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,eAAe,EACf,aAAa,EACb,UAAU,EACV,aAAa,EACb,YAAY,EACZ,WAAW,EACX,UAAU,EACV,MAAM,EACN,SAAS,EACT,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,UAAU,EACV,aAAa,EACb,WAAW,EACX,QAAQ,EACR,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 { RADIUS, DURATION, DISABLED_OPACITY } from './theme/tokens';\nimport ErrorComponent from './ui/ZSTextField/ui/ErrorComponent';\nimport ZSContainer from './ui/ZSContainer';\nimport ZSPressable from './ui/ZSPressable';\nimport ZSText from './ui/ZSText';\nimport ZSTextField from './ui/ZSTextField';\nimport ZSRadioGroup from './ui/ZSRadioGroup';\nimport ZSSwitch from './ui/ZSSwitch';\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 ZSTooltip from './ui/ZSTooltip';\nimport ZSSkeleton from './ui/ZSSkeleton';\nimport ZSSkeletonBox from './ui/ZSSkeletonBox';\nimport ZSBorderBeam from './ui/ZSBorderBeam';\nimport ZSSegmented from './ui/ZSSegmented';\nimport ZSChip from './ui/ZSChip';\nimport ZSCheckBox from './ui/ZSCheckBox';\n\nexport {\n  useTheme,\n  useFoldingState,\n  ThemeProvider,\n  OverlayProvider,\n  themeFactory,\n  RADIUS,\n  DURATION,\n  DISABLED_OPACITY,\n  ZSView,\n  AnimatedWrapper,\n  TextAtom,\n  ZSContainer,\n  ZSPressable,\n  ZSText,\n  ZSTextField,\n  ZSRadioGroup,\n  ZSSwitch,\n  ErrorComponent,\n  ZSAboveKeyboard,\n  ZSBlockButton,\n  ZSSkeleton,\n  ZSSkeletonBox,\n  ZSBorderBeam,\n  ZSSegmented,\n  ZSCheckBox,\n  ZSChip,\n  ZSTooltip,\n  AlertOverlay,\n  BottomSheetOverlay,\n  SnackbarNotify,\n  useOverlay,\n  PopOverButton,\n  PopOverMenu,\n  ZSPortal,\n  GlobalOverlay,\n  useStyleSheetCreate,\n};\n\nimport type { ThemeProviderProps, ThemeProps, Palette, FoldableConfig } 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\";\nimport { ZSBorderBeamProps, ZSBorderBeamGlowConfig } from \"./ui/ZSBorderBeam\";\nimport { ZSSegmentedProps, ZSSegmentedTextSize } from \"./ui/ZSSegmented\";\nimport { ZSChipProps, ZSChipVariant } from \"./ui/ZSChip\";\nimport { ZSSkeletonProps } from \"./ui/ZSSkeleton\";\nimport { ZSSkeletonBoxProps } from \"./ui/ZSSkeletonBox\";\nimport { ZSCheckBoxProps } from \"./ui/ZSCheckBox\";\nimport { ZSTooltipProps, ZSTooltipPlacement, ZSTooltipTailAlign } from \"./ui/ZSTooltip\";\n\nexport type {\n  ThemeProviderProps,\n  ThemeProps,\n  Palette,\n  FoldableConfig,\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  ZSBorderBeamProps,\n  ZSBorderBeamGlowConfig,\n  ZSSegmentedProps,\n  ZSSegmentedTextSize,\n  ZSChipProps,\n  ZSChipVariant,\n  ZSSkeletonProps,\n  ZSSkeletonBoxProps,\n  ZSCheckBoxProps,\n  ZSTooltipProps,\n  ZSTooltipPlacement,\n  ZSTooltipTailAlign,\n};\n"]}

package/build/model/types.d.ts

@@ -69,6 +69,7 @@ export interface ShowAlertProps {
     secondaryButtonStyle?: TouchableOpacityProps['style'];
     primaryButtonStyle?: TouchableOpacityProps['style'];
     secondaryButtonTextStyle?: TextProps['style'];
+    primaryButtonTextStyle?: TextProps['style'];
 }
 export interface AlertActions {
     primary: AlertAction;

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

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

package/build/model/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/model/types.ts"],"names":[],"mappings":"AAqIA,MAAM,CAAN,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,iCAAiB,CAAA;IACjB,qCAAqB,CAAA;AACvB,CAAC,EAHW,YAAY,KAAZ,YAAY,QAGvB","sourcesContent":["import { ReactNode } from \"react\";\nimport { TextProps, TouchableOpacityProps } from \"react-native\";\n\nexport interface OverlayContextProps {\n  showLoader: () => void;\n  showModality: (props: ModalityProps) => void;\n  showPopOverMenu: (props: PopOverMenuProps) => void;\n  showBottomSheet: (props: ShowBottomSheetProps) => void;\n  showSnackBar: (props: ShowSnackBarProps) => void;\n  showAlert: (props: ShowAlertProps) => void;\n  hideOverlay: (option: HideOption) => void;\n}\n\nexport interface AlertContextProps {\n  alertVisible: boolean;\n  setAlertVisible: (visible: boolean) => void;\n}\n\nexport interface SnackbarContextProps {\n  snackItemStack: SnackItem[];\n  hideSnackBar: (index: number) => void;\n}\n\nexport interface BottomSheetContextProps {\n  bottomSheetVisible: boolean;\n  setBottomSheetVisible: (visible: boolean) => void;\n  height: BottomSheetHeight;\n  setHeight: (height: BottomSheetHeight) => void;\n  maxHeight: number;\n}\n\nexport interface PopOverContextProps {\n  popOverVisible: boolean;\n  setPopOverVisible: (visible: boolean) => void;\n}\n\nexport interface ModalityContextProps {\n  modalityVisible: boolean;\n  setModalityVisible: (visible: boolean) => void;\n}\n\nexport interface LoaderContextProps {\n  loaderVisible: boolean;\n  setLoaderVisible: (visible: boolean) => void;\n}\n\nexport interface PopOverMenuProps {\n  px: number;\n  py: number;\n  component: React.ReactNode;\n}\n\nexport interface ModalityProps {\n  component: React.ReactNode;\n  foldableSingleScreen?: boolean;\n}\n\nexport interface CustomSnackbarProps {\n  snackType: SnackType;\n  snackMessage: string;\n}\n\nexport interface OverlayProviderProps {\n  children: ReactNode;\n  customSnackbar?: (props: CustomSnackbarProps) => React.ReactNode;\n  loaderComponent?: () => React.ReactNode;\n  maxSnackbarCount?: number;\n}\n\nexport interface AlertAction {\n  label: string;\n  onPress?: () => void;\n}\n\nexport interface ShowAlertProps {\n  title?: string;\n  informative?: string;\n  actions?: AlertActions;\n  isBackgroundTouchClose?: boolean;\n  titleStyle?: TextProps['style'];\n  informativeStyle?: TextProps['style'];\n  secondaryButtonStyle?: TouchableOpacityProps['style'];\n  primaryButtonStyle?: TouchableOpacityProps['style'];\n  secondaryButtonTextStyle?: TextProps['style'];\n}\n\nexport interface AlertActions {\n  primary: AlertAction;\n  secondary?: AlertAction;\n}\n\nexport interface SnackItem {\n  message: string;\n  type: SnackType;\n  index: number;\n  snackbarDuration?: number;\n}\n\nexport type SnackType = 'success' | 'error' | '';\n\nexport type HideOption = 'all' | 'snack' | 'alert' | 'bottomSheet' | 'loader' | 'popOver' | 'modal' | 'aboveKeyboard';\n\nexport interface ShowSnackBarProps {\n  message: string;\n  type?: SnackType;\n  index?: number;\n  snackbarDuration?: number;\n}\n\nexport interface BottomSheetOptions {\n  isBackgroundTouchClose?: boolean;\n  marginHorizontal?: number;\n  marginBottom?: number;\n  height?: BottomSheetHeight;\n  maxHeight?: number;\n  padding?: number;\n  foldableSingleScreen?: boolean;\n  type?: 'floating' | 'fixed';\n}\n\nexport type BottomSheetHeight = number | 'auto';\n\nexport interface ShowBottomSheetProps {\n  headerComponent?: React.ReactNode;\n  component: React.ReactNode;\n  options?: BottomSheetOptions;\n}\n\nexport interface AboveKeyboardOptions {\n  keyboardShowOffset?: number;\n  keyboardHideOffset?: number;\n}\n\nexport enum FoldingState {\n  FOLDED = 'folded',\n  UNFOLDED = 'unfolded',\n}\n\nexport interface FoldingFeatureData {\n  state: 'flat' | 'half_opened' | 'unknown';\n  orientation: 'horizontal' | 'vertical' | 'unknown';\n  isSeparating: boolean;\n  bounds: {\n    left: number;\n    top: number;\n    right: number;\n    bottom: number;\n  };\n}\n\nexport interface NativeFoldingStateInfo {\n  foldingFeature: FoldingFeatureData | null;\n  width: number;\n}\n\nexport interface FoldingStateInfo {\n  foldingState: FoldingState;\n  width: number;\n}\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/model/types.ts"],"names":[],"mappings":"AAsIA,MAAM,CAAN,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,iCAAiB,CAAA;IACjB,qCAAqB,CAAA;AACvB,CAAC,EAHW,YAAY,KAAZ,YAAY,QAGvB","sourcesContent":["import { ReactNode } from \"react\";\nimport { TextProps, TouchableOpacityProps } from \"react-native\";\n\nexport interface OverlayContextProps {\n  showLoader: () => void;\n  showModality: (props: ModalityProps) => void;\n  showPopOverMenu: (props: PopOverMenuProps) => void;\n  showBottomSheet: (props: ShowBottomSheetProps) => void;\n  showSnackBar: (props: ShowSnackBarProps) => void;\n  showAlert: (props: ShowAlertProps) => void;\n  hideOverlay: (option: HideOption) => void;\n}\n\nexport interface AlertContextProps {\n  alertVisible: boolean;\n  setAlertVisible: (visible: boolean) => void;\n}\n\nexport interface SnackbarContextProps {\n  snackItemStack: SnackItem[];\n  hideSnackBar: (index: number) => void;\n}\n\nexport interface BottomSheetContextProps {\n  bottomSheetVisible: boolean;\n  setBottomSheetVisible: (visible: boolean) => void;\n  height: BottomSheetHeight;\n  setHeight: (height: BottomSheetHeight) => void;\n  maxHeight: number;\n}\n\nexport interface PopOverContextProps {\n  popOverVisible: boolean;\n  setPopOverVisible: (visible: boolean) => void;\n}\n\nexport interface ModalityContextProps {\n  modalityVisible: boolean;\n  setModalityVisible: (visible: boolean) => void;\n}\n\nexport interface LoaderContextProps {\n  loaderVisible: boolean;\n  setLoaderVisible: (visible: boolean) => void;\n}\n\nexport interface PopOverMenuProps {\n  px: number;\n  py: number;\n  component: React.ReactNode;\n}\n\nexport interface ModalityProps {\n  component: React.ReactNode;\n  foldableSingleScreen?: boolean;\n}\n\nexport interface CustomSnackbarProps {\n  snackType: SnackType;\n  snackMessage: string;\n}\n\nexport interface OverlayProviderProps {\n  children: ReactNode;\n  customSnackbar?: (props: CustomSnackbarProps) => React.ReactNode;\n  loaderComponent?: () => React.ReactNode;\n  maxSnackbarCount?: number;\n}\n\nexport interface AlertAction {\n  label: string;\n  onPress?: () => void;\n}\n\nexport interface ShowAlertProps {\n  title?: string;\n  informative?: string;\n  actions?: AlertActions;\n  isBackgroundTouchClose?: boolean;\n  titleStyle?: TextProps['style'];\n  informativeStyle?: TextProps['style'];\n  secondaryButtonStyle?: TouchableOpacityProps['style'];\n  primaryButtonStyle?: TouchableOpacityProps['style'];\n  secondaryButtonTextStyle?: TextProps['style'];\n  primaryButtonTextStyle?: TextProps['style'];\n}\n\nexport interface AlertActions {\n  primary: AlertAction;\n  secondary?: AlertAction;\n}\n\nexport interface SnackItem {\n  message: string;\n  type: SnackType;\n  index: number;\n  snackbarDuration?: number;\n}\n\nexport type SnackType = 'success' | 'error' | '';\n\nexport type HideOption = 'all' | 'snack' | 'alert' | 'bottomSheet' | 'loader' | 'popOver' | 'modal' | 'aboveKeyboard';\n\nexport interface ShowSnackBarProps {\n  message: string;\n  type?: SnackType;\n  index?: number;\n  snackbarDuration?: number;\n}\n\nexport interface BottomSheetOptions {\n  isBackgroundTouchClose?: boolean;\n  marginHorizontal?: number;\n  marginBottom?: number;\n  height?: BottomSheetHeight;\n  maxHeight?: number;\n  padding?: number;\n  foldableSingleScreen?: boolean;\n  type?: 'floating' | 'fixed';\n}\n\nexport type BottomSheetHeight = number | 'auto';\n\nexport interface ShowBottomSheetProps {\n  headerComponent?: React.ReactNode;\n  component: React.ReactNode;\n  options?: BottomSheetOptions;\n}\n\nexport interface AboveKeyboardOptions {\n  keyboardShowOffset?: number;\n  keyboardHideOffset?: number;\n}\n\nexport enum FoldingState {\n  FOLDED = 'folded',\n  UNFOLDED = 'unfolded',\n}\n\nexport interface FoldingFeatureData {\n  state: 'flat' | 'half_opened' | 'unknown';\n  orientation: 'horizontal' | 'vertical' | 'unknown';\n  isSeparating: boolean;\n  bounds: {\n    left: number;\n    top: number;\n    right: number;\n    bottom: number;\n  };\n}\n\nexport interface NativeFoldingStateInfo {\n  foldingFeature: FoldingFeatureData | null;\n  width: number;\n}\n\nexport interface FoldingStateInfo {\n  foldingState: FoldingState;\n  width: number;\n}\n"]}

package/build/model/useFoldingState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFoldingState.d.ts","sourceRoot":"","sources":["../../src/model/useFoldingState.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAgB,gBAAgB,EAA0B,MAAM,SAAS,CAAC;AAEjF,wBAAgB,eAAe,IAAI,gBAAgB,CAsClD;AAED,eAAe,eAAe,CAAC"}
+{"version":3,"file":"useFoldingState.d.ts","sourceRoot":"","sources":["../../src/model/useFoldingState.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAgB,gBAAgB,EAA0B,MAAM,SAAS,CAAC;AA8DjF,wBAAgB,eAAe,IAAI,gBAAgB,CAElD;AAED,eAAe,eAAe,CAAC"}

package/build/model/useFoldingState.js

@@ -1,40 +1,59 @@
-import { useState, useEffect } from 'react';
+import { useSyncExternalStore } from 'react';
 import { Dimensions, Platform } from 'react-native';
 import ZsUiModule from '../ZsUiModule';
 import { FoldingState } from './types';
-export function useFoldingState() {
-    const [foldingStateInfo, setFoldingStateInfo] = useState({
-        foldingState: FoldingState.FOLDED,
-        width: Dimensions.get('window').width
-    });
-    useEffect(() => {
-        if (Platform.OS !== 'android')
-            return;
-        let isMounted = true;
-        const updateFoldingState = async (fallbackWidth = Dimensions.get('window').width) => {
-            try {
-                const result = await ZsUiModule.getFoldingFeature();
-                if (!isMounted)
-                    return;
-                setFoldingStateInfo({
-                    foldingState: result?.foldingFeature ? FoldingState.UNFOLDED : FoldingState.FOLDED,
-                    width: result?.width || fallbackWidth,
-                });
-            }
-            catch (error) {
-                console.error('getFoldingFeature 호출 실패:', error);
-            }
-        };
-        updateFoldingState();
-        const subscription = Dimensions.addEventListener('change', ({ window }) => {
+// 모듈 레벨 단일 스토어 — 훅 인스턴스마다 Dimensions 리스너와
+// 네이티브 getFoldingFeature 호출이 중복되지 않도록 구독자 전체가 상태를 공유한다.
+let foldingStateInfo = {
+    foldingState: FoldingState.FOLDED,
+    width: Dimensions.get('window').width,
+};
+const listeners = new Set();
+let dimensionsSubscription = null;
+function setFoldingStateInfo(next) {
+    if (next.foldingState === foldingStateInfo.foldingState &&
+        next.width === foldingStateInfo.width) {
+        return;
+    }
+    foldingStateInfo = next;
+    listeners.forEach((listener) => listener());
+}
+async function updateFoldingState(fallbackWidth = Dimensions.get('window').width) {
+    // 폴딩 감지는 Android 전용이지만 width 는 전 플랫폼에서 추적한다.
+    if (Platform.OS !== 'android') {
+        setFoldingStateInfo({ foldingState: FoldingState.FOLDED, width: fallbackWidth });
+        return;
+    }
+    try {
+        const result = await ZsUiModule.getFoldingFeature();
+        setFoldingStateInfo({
+            foldingState: result?.foldingFeature ? FoldingState.UNFOLDED : FoldingState.FOLDED,
+            width: result?.width || fallbackWidth,
+        });
+    }
+    catch (error) {
+        console.error('getFoldingFeature 호출 실패:', error);
+    }
+}
+function subscribe(listener) {
+    listeners.add(listener);
+    if (listeners.size === 1) {
+        dimensionsSubscription = Dimensions.addEventListener('change', ({ window }) => {
             updateFoldingState(window.width);
         });
-        return () => {
-            isMounted = false;
-            subscription.remove();
-        };
-    }, []);
-    return foldingStateInfo;
+        updateFoldingState();
+    }
+    return () => {
+        listeners.delete(listener);
+        if (listeners.size === 0) {
+            dimensionsSubscription?.remove();
+            dimensionsSubscription = null;
+        }
+    };
+}
+const getSnapshot = () => foldingStateInfo;
+export function useFoldingState() {
+    return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
 }
 export default useFoldingState;
 //# sourceMappingURL=useFoldingState.js.map

package/build/model/useFoldingState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFoldingState.js","sourceRoot":"","sources":["../../src/model/useFoldingState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,YAAY,EAA4C,MAAM,SAAS,CAAC;AAEjF,MAAM,UAAU,eAAe;IAC7B,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAmB;QACzE,YAAY,EAAE,YAAY,CAAC,MAAM;QACjC,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK;KACtC,CAAC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,CAAC,EAAE,KAAK,SAAS;YAAE,OAAO;QAEtC,IAAI,SAAS,GAAG,IAAI,CAAC;QAErB,MAAM,kBAAkB,GAAG,KAAK,EAAE,aAAa,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE;YAClF,IAAI,CAAC;gBACH,MAAM,MAAM,GAAG,MAAM,UAAU,CAAC,iBAAiB,EAAmC,CAAC;gBACrF,IAAI,CAAC,SAAS;oBAAE,OAAO;gBAEvB,mBAAmB,CAAC;oBAClB,YAAY,EAAE,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM;oBAClF,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,aAAa;iBACtC,CAAC,CAAC;YACL,CAAC;YAAC,OAAO,KAAK,EAAE,CAAC;gBACf,OAAO,CAAC,KAAK,CAAC,0BAA0B,EAAE,KAAK,CAAC,CAAC;YACnD,CAAC;QACH,CAAC,CAAC;QAEF,kBAAkB,EAAE,CAAC;QAErB,MAAM,YAAY,GAAG,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;YACxE,kBAAkB,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACnC,CAAC,CAAC,CAAC;QAEH,OAAO,GAAG,EAAE;YACV,SAAS,GAAG,KAAK,CAAC;YAClB,YAAY,CAAC,MAAM,EAAE,CAAC;QACxB,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,gBAAgB,CAAC;AAC1B,CAAC;AAED,eAAe,eAAe,CAAC","sourcesContent":["import { useState, useEffect } from 'react';\nimport { Dimensions, Platform } from 'react-native';\nimport ZsUiModule from '../ZsUiModule';\nimport { FoldingState, FoldingStateInfo, NativeFoldingStateInfo } from './types';\n\nexport function useFoldingState(): FoldingStateInfo {\n  const [foldingStateInfo, setFoldingStateInfo] = useState<FoldingStateInfo>({\n    foldingState: FoldingState.FOLDED,\n    width: Dimensions.get('window').width\n  });\n\n  useEffect(() => {\n    if (Platform.OS !== 'android') return;\n\n    let isMounted = true;\n\n    const updateFoldingState = async (fallbackWidth = Dimensions.get('window').width) => {\n      try {\n        const result = await ZsUiModule.getFoldingFeature() as NativeFoldingStateInfo | null;\n        if (!isMounted) return;\n\n        setFoldingStateInfo({\n          foldingState: result?.foldingFeature ? FoldingState.UNFOLDED : FoldingState.FOLDED,\n          width: result?.width || fallbackWidth,\n        });\n      } catch (error) {\n        console.error('getFoldingFeature 호출 실패:', error);\n      }\n    };\n\n    updateFoldingState();\n\n    const subscription = Dimensions.addEventListener('change', ({ window }) => {\n      updateFoldingState(window.width);\n    });\n\n    return () => {\n      isMounted = false;\n      subscription.remove();\n    };\n  }, []);\n\n  return foldingStateInfo;\n}\n\nexport default useFoldingState;\n"]}
+{"version":3,"file":"useFoldingState.js","sourceRoot":"","sources":["../../src/model/useFoldingState.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,UAAU,MAAM,eAAe,CAAC;AACvC,OAAO,EAAE,YAAY,EAA4C,MAAM,SAAS,CAAC;AAEjF,0CAA0C;AAC1C,wDAAwD;AACxD,IAAI,gBAAgB,GAAqB;IACvC,YAAY,EAAE,YAAY,CAAC,MAAM;IACjC,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK;CACtC,CAAC;AAEF,MAAM,SAAS,GAAG,IAAI,GAAG,EAAc,CAAC;AACxC,IAAI,sBAAsB,GAAkC,IAAI,CAAC;AAEjE,SAAS,mBAAmB,CAAC,IAAsB;IACjD,IACE,IAAI,CAAC,YAAY,KAAK,gBAAgB,CAAC,YAAY;QACnD,IAAI,CAAC,KAAK,KAAK,gBAAgB,CAAC,KAAK,EACrC,CAAC;QACD,OAAO;IACT,CAAC;IACD,gBAAgB,GAAG,IAAI,CAAC;IACxB,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,EAAE,CAAC,CAAC;AAC9C,CAAC;AAED,KAAK,UAAU,kBAAkB,CAAC,aAAa,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK;IAC9E,6CAA6C;IAC7C,IAAI,QAAQ,CAAC,EAAE,KAAK,SAAS,EAAE,CAAC;QAC9B,mBAAmB,CAAC,EAAE,YAAY,EAAE,YAAY,CAAC,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC,CAAC;QACjF,OAAO;IACT,CAAC;IAED,IAAI,CAAC;QACH,MAAM,MAAM,GAAG,MAAM,UAAU,CAAC,iBAAiB,EAAmC,CAAC;QACrF,mBAAmB,CAAC;YAClB,YAAY,EAAE,MAAM,EAAE,cAAc,CAAC,CAAC,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM;YAClF,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,aAAa;SACtC,CAAC,CAAC;IACL,CAAC;IAAC,OAAO,KAAK,EAAE,CAAC;QACf,OAAO,CAAC,KAAK,CAAC,0BAA0B,EAAE,KAAK,CAAC,CAAC;IACnD,CAAC;AACH,CAAC;AAED,SAAS,SAAS,CAAC,QAAoB;IACrC,SAAS,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAExB,IAAI,SAAS,CAAC,IAAI,KAAK,CAAC,EAAE,CAAC;QACzB,sBAAsB,GAAG,UAAU,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;YAC5E,kBAAkB,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACnC,CAAC,CAAC,CAAC;QACH,kBAAkB,EAAE,CAAC;IACvB,CAAC;IAED,OAAO,GAAG,EAAE;QACV,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QAC3B,IAAI,SAAS,CAAC,IAAI,KAAK,CAAC,EAAE,CAAC;YACzB,sBAAsB,EAAE,MAAM,EAAE,CAAC;YACjC,sBAAsB,GAAG,IAAI,CAAC;QAChC,CAAC;IACH,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,gBAAgB,CAAC;AAE3C,MAAM,UAAU,eAAe;IAC7B,OAAO,oBAAoB,CAAC,SAAS,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC;AACnE,CAAC;AAED,eAAe,eAAe,CAAC","sourcesContent":["import { useSyncExternalStore } from 'react';\nimport { Dimensions, Platform } from 'react-native';\nimport ZsUiModule from '../ZsUiModule';\nimport { FoldingState, FoldingStateInfo, NativeFoldingStateInfo } from './types';\n\n// 모듈 레벨 단일 스토어 — 훅 인스턴스마다 Dimensions 리스너와\n// 네이티브 getFoldingFeature 호출이 중복되지 않도록 구독자 전체가 상태를 공유한다.\nlet foldingStateInfo: FoldingStateInfo = {\n  foldingState: FoldingState.FOLDED,\n  width: Dimensions.get('window').width,\n};\n\nconst listeners = new Set<() => void>();\nlet dimensionsSubscription: { remove: () => void } | null = null;\n\nfunction setFoldingStateInfo(next: FoldingStateInfo) {\n  if (\n    next.foldingState === foldingStateInfo.foldingState &&\n    next.width === foldingStateInfo.width\n  ) {\n    return;\n  }\n  foldingStateInfo = next;\n  listeners.forEach((listener) => listener());\n}\n\nasync function updateFoldingState(fallbackWidth = Dimensions.get('window').width) {\n  // 폴딩 감지는 Android 전용이지만 width 는 전 플랫폼에서 추적한다.\n  if (Platform.OS !== 'android') {\n    setFoldingStateInfo({ foldingState: FoldingState.FOLDED, width: fallbackWidth });\n    return;\n  }\n\n  try {\n    const result = await ZsUiModule.getFoldingFeature() as NativeFoldingStateInfo | null;\n    setFoldingStateInfo({\n      foldingState: result?.foldingFeature ? FoldingState.UNFOLDED : FoldingState.FOLDED,\n      width: result?.width || fallbackWidth,\n    });\n  } catch (error) {\n    console.error('getFoldingFeature 호출 실패:', error);\n  }\n}\n\nfunction subscribe(listener: () => void) {\n  listeners.add(listener);\n\n  if (listeners.size === 1) {\n    dimensionsSubscription = Dimensions.addEventListener('change', ({ window }) => {\n      updateFoldingState(window.width);\n    });\n    updateFoldingState();\n  }\n\n  return () => {\n    listeners.delete(listener);\n    if (listeners.size === 0) {\n      dimensionsSubscription?.remove();\n      dimensionsSubscription = null;\n    }\n  };\n}\n\nconst getSnapshot = () => foldingStateInfo;\n\nexport function useFoldingState(): FoldingStateInfo {\n  return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);\n}\n\nexport default useFoldingState;\n"]}

package/build/overlay/AlertOverlay/index.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 import { ShowAlertProps } from '../../model/types';
-declare function AlertOverlay({ actions, title, informative, isBackgroundTouchClose, titleStyle, informativeStyle, secondaryButtonStyle, primaryButtonStyle, secondaryButtonTextStyle, }: ShowAlertProps): React.JSX.Element | null;
+declare function AlertOverlay({ actions, title, informative, isBackgroundTouchClose, titleStyle, informativeStyle, secondaryButtonStyle, primaryButtonStyle, secondaryButtonTextStyle, primaryButtonTextStyle, }: ShowAlertProps): import("react").JSX.Element | null;
 export default AlertOverlay;
 //# sourceMappingURL=index.d.ts.map

package/build/overlay/AlertOverlay/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/overlay/AlertOverlay/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAGpD,OAAO,EAAgB,cAAc,EAAE,MAAM,mBAAmB,CAAC;AASjE,iBAAS,YAAY,CAAC,EACpB,OAAO,EACP,KAAK,EACL,WAAW,EACX,sBAAsB,EACtB,UAAU,EACV,gBAAgB,EAChB,oBAAoB,EACpB,kBAAkB,EAClB,wBAAwB,GACzB,EAAE,cAAc,4BAmEhB;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/overlay/AlertOverlay/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAgB,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAUjE,iBAAS,YAAY,CAAC,EACpB,OAAO,EACP,KAAK,EACL,WAAW,EACX,sBAAsB,EACtB,UAAU,EACV,gBAAgB,EAChB,oBAAoB,EACpB,kBAAkB,EAClB,wBAAwB,EACxB,sBAAsB,GACvB,EAAE,cAAc,sCAyDhB;AAED,eAAe,YAAY,CAAC"}

package/build/overlay/AlertOverlay/index.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useMemo } from 'react';
 import { StyleSheet, TouchableOpacity, useWindowDimensions } from 'react-native';
 import Animated, { FadeInDown, FadeOutDown } from 'react-native-reanimated';
@@ -7,8 +7,9 @@ import { useTheme } from '../../context/ThemeContext';
 import ModalBackground from '../ui/ModalBackground';
 import ViewAtom from '../../ui/atoms/ViewAtom';
 import { Z_INDEX_VALUE } from '../../model/utils';
+import { DURATION, RADIUS } from '../../theme/tokens';
 import ZSText from '../../ui/ZSText';
-function AlertOverlay({ actions, title, informative, isBackgroundTouchClose, titleStyle, informativeStyle, secondaryButtonStyle, primaryButtonStyle, secondaryButtonTextStyle, }) {
+function AlertOverlay({ actions, title, informative, isBackgroundTouchClose, titleStyle, informativeStyle, secondaryButtonStyle, primaryButtonStyle, secondaryButtonTextStyle, primaryButtonTextStyle, }) {
     const { alertVisible, setAlertVisible } = useAlert();
     const { palette: { background, primary: primaryColor, modalBgColor } } = useTheme();
     const styles = useMemo(() => createStyles({ background }), [background]);
@@ -22,11 +23,11 @@ function AlertOverlay({ actions, title, informative, isBackgroundTouchClose, tit
     }, [setAlertVisible]);
     return (!alertVisible ? null :
         _jsx(ModalBackground, { zIndex: Z_INDEX_VALUE.ALERT, modalBgColor: modalBgColor, onPress: () => { if (isBackgroundTouchClose)
-                setAlertVisible(false); }, children: _jsxs(Animated.View, { entering: FadeInDown.duration(300), exiting: FadeOutDown.duration(100), style: [styles.contentContainer, { width: modalWidth }], children: [title && (_jsx(ZSText, { typo: 'subTitle.1', style: [styles.title, titleStyle], children: title })), informative && (_jsx(ZSText, { typo: 'body.2', style: [styles.informative, informativeStyle], children: informative })), actions && (_jsx(ViewAtom, { style: styles.buttonContainer, children: secondary ? (_jsxs(_Fragment, { children: [_jsx(TouchableOpacity, { style: [
-                                        styles.button,
-                                        { backgroundColor: background.neutral, marginRight: 8 },
-                                        secondaryButtonStyle
-                                    ], onPress: handleButtonPress(secondary?.onPress), children: _jsx(ZSText, { typo: 'label.2', style: [secondaryButtonTextStyle], children: secondary.label }) }), _jsx(TouchableOpacity, { style: [styles.button, { backgroundColor: primaryColor.main }, primaryButtonStyle], onPress: handleButtonPress(primary?.onPress), children: _jsx(ZSText, { typo: 'label.2', color: 'white', style: [secondaryButtonTextStyle], children: primary?.label || '확인' }) })] })) : (_jsx(TouchableOpacity, { style: [styles.button, { backgroundColor: primaryColor.main }, primaryButtonStyle], onPress: handleButtonPress(primary?.onPress), children: _jsx(ZSText, { typo: 'label.2', color: 'white', style: [secondaryButtonTextStyle], children: primary?.label || '확인' }) })) }))] }) }, alertVisible ? 'visibleao' : 'hiddenao'));
+                setAlertVisible(false); }, children: _jsxs(Animated.View, { entering: FadeInDown.duration(DURATION.enter), exiting: FadeOutDown.duration(DURATION.press), style: [styles.contentContainer, { width: modalWidth }], children: [title && (_jsx(ZSText, { typo: 'subTitle.1', style: [styles.title, titleStyle], children: title })), informative && (_jsx(ZSText, { typo: 'body.2', style: [styles.informative, informativeStyle], children: informative })), actions && (_jsxs(ViewAtom, { style: styles.buttonContainer, children: [secondary && (_jsx(TouchableOpacity, { style: [
+                                    styles.button,
+                                    { backgroundColor: background.neutral },
+                                    secondaryButtonStyle
+                                ], onPress: handleButtonPress(secondary?.onPress), children: _jsx(ZSText, { typo: 'label.2', style: [secondaryButtonTextStyle], children: secondary.label }) })), _jsx(TouchableOpacity, { style: [styles.button, { backgroundColor: primaryColor.main }, primaryButtonStyle], onPress: handleButtonPress(primary?.onPress), children: _jsx(ZSText, { typo: 'label.2', color: 'white', style: [primaryButtonTextStyle], children: primary?.label || '확인' }) })] }))] }) }, alertVisible ? 'visibleao' : 'hiddenao'));
 }
 export default AlertOverlay;
 const createStyles = ({ background }) => StyleSheet.create({
@@ -46,13 +47,14 @@ const createStyles = ({ background }) => StyleSheet.create({
         marginTop: 24,
         alignItems: 'center',
         justifyContent: 'flex-end',
+        gap: 8,
     },
     button: {
         flex: 1,
         justifyContent: 'center',
         alignItems: 'center',
         paddingVertical: 14,
-        borderRadius: 12,
+        borderRadius: RADIUS.md,
     },
     avoidingView: {
         flex: 1,
@@ -61,7 +63,7 @@ const createStyles = ({ background }) => StyleSheet.create({
     contentContainer: {
         alignItems: 'center',
         backgroundColor: background.base,
-        borderRadius: 22,
+        borderRadius: RADIUS.xxl,
         paddingBottom: 18,
         paddingTop: 24,
         paddingHorizontal: 20,

package/build/overlay/AlertOverlay/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/overlay/AlertOverlay/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useCallback, useMemo } from 'react';\nimport { StyleSheet, TouchableOpacity, useWindowDimensions } from 'react-native';\nimport Animated, { FadeInDown, FadeOutDown } from 'react-native-reanimated';\nimport { AlertActions, ShowAlertProps } from '../../model/types';\nimport { useAlert } from '../../model/useOverlay';\nimport { useTheme } from '../../context/ThemeContext';\nimport { ThemeBackground } from '../../theme/types';\nimport ModalBackground from '../ui/ModalBackground';\nimport ViewAtom from '../../ui/atoms/ViewAtom';\nimport { Z_INDEX_VALUE } from '../../model/utils';\nimport ZSText from '../../ui/ZSText';\n\nfunction AlertOverlay({\n  actions,\n  title,\n  informative,\n  isBackgroundTouchClose,\n  titleStyle,\n  informativeStyle,\n  secondaryButtonStyle,\n  primaryButtonStyle,\n  secondaryButtonTextStyle,\n}: ShowAlertProps) {\n  const { alertVisible, setAlertVisible } = useAlert();\n  const { palette: { background, primary: primaryColor, modalBgColor } } = useTheme();\n  const styles = useMemo(() => createStyles({ background }), [background]);\n  const { width: windowWidth } = useWindowDimensions();\n  const modalWidth = Math.min(windowWidth - 60, 400);\n  const { primary, secondary } = actions || {} as AlertActions;\n\n  const handleButtonPress = useCallback((onPressFunction?: () => void) => () => {\n    if (onPressFunction) onPressFunction();\n    setAlertVisible(false);\n  }, [setAlertVisible]);\n\n  return (\n    !alertVisible ? null :\n      <ModalBackground\n        zIndex={Z_INDEX_VALUE.ALERT}\n        key={alertVisible ? 'visibleao' : 'hiddenao'}\n        modalBgColor={modalBgColor}\n        onPress={() => { if (isBackgroundTouchClose) setAlertVisible(false); }}\n      >\n        <Animated.View\n          entering={FadeInDown.duration(300)}\n          exiting={FadeOutDown.duration(100)}\n          style={[styles.contentContainer, { width: modalWidth }]}\n        >\n          {title && (\n            <ZSText typo='subTitle.1' style={[styles.title, titleStyle]}>{title}</ZSText>\n          )}\n          {informative && (\n            <ZSText typo='body.2' style={[styles.informative, informativeStyle]}>{informative}</ZSText>\n          )}\n          {actions && (\n            <ViewAtom style={styles.buttonContainer}>\n              {secondary ? (\n                <>\n                  <TouchableOpacity\n                    style={[\n                      styles.button,\n                      { backgroundColor: background.neutral, marginRight: 8 },\n                      secondaryButtonStyle\n                    ]}\n                    onPress={handleButtonPress(secondary?.onPress)}\n                  >\n                    <ZSText typo='label.2' style={[secondaryButtonTextStyle]}>{secondary.label}</ZSText>\n                  </TouchableOpacity>\n\n                  <TouchableOpacity\n                    style={[styles.button, { backgroundColor: primaryColor.main }, primaryButtonStyle]}\n                    onPress={handleButtonPress(primary?.onPress)}\n                  >\n                    <ZSText typo='label.2' color='white' style={[secondaryButtonTextStyle]}>{primary?.label || '확인'}</ZSText>\n                  </TouchableOpacity>\n                </>\n              ) : (\n                <TouchableOpacity\n                  style={[styles.button, { backgroundColor: primaryColor.main }, primaryButtonStyle]}\n                  onPress={handleButtonPress(primary?.onPress)}\n                >\n                  <ZSText typo='label.2' color='white' style={[secondaryButtonTextStyle]}>{primary?.label || '확인'}</ZSText>\n                </TouchableOpacity>\n              )}\n            </ViewAtom>\n          )}\n        </Animated.View>\n      </ModalBackground>\n  )\n}\n\nexport default AlertOverlay;\n\nconst createStyles = ({ background }: { background: ThemeBackground; }) =>\n  StyleSheet.create({\n    title: {\n      marginBottom: 8,\n      width: '100%',\n      paddingHorizontal: 4\n    },\n    informative: {\n      marginTop: 8,\n      width: '100%',\n      paddingHorizontal: 4\n    },\n    buttonContainer: {\n      flexDirection: 'row',\n      width: '100%',\n      marginTop: 24,\n      alignItems: 'center',\n      justifyContent: 'flex-end',\n    },\n    button: {\n      flex: 1,\n      justifyContent: 'center',\n      alignItems: 'center',\n      paddingVertical: 14,\n      borderRadius: 12,\n    },\n    avoidingView: {\n      flex: 1,\n      justifyContent: 'center'\n    },\n    contentContainer: {\n      alignItems: 'center',\n      backgroundColor: background.base,\n      borderRadius: 22,\n      paddingBottom: 18,\n      paddingTop: 24,\n      paddingHorizontal: 20,\n    },\n  });\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/overlay/AlertOverlay/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useCallback, useMemo } from 'react';\nimport { StyleSheet, TouchableOpacity, useWindowDimensions } from 'react-native';\nimport Animated, { FadeInDown, FadeOutDown } from 'react-native-reanimated';\nimport { AlertActions, ShowAlertProps } from '../../model/types';\nimport { useAlert } from '../../model/useOverlay';\nimport { useTheme } from '../../context/ThemeContext';\nimport { ThemeBackground } from '../../theme/types';\nimport ModalBackground from '../ui/ModalBackground';\nimport ViewAtom from '../../ui/atoms/ViewAtom';\nimport { Z_INDEX_VALUE } from '../../model/utils';\nimport { DURATION, RADIUS } from '../../theme/tokens';\nimport ZSText from '../../ui/ZSText';\n\nfunction AlertOverlay({\n  actions,\n  title,\n  informative,\n  isBackgroundTouchClose,\n  titleStyle,\n  informativeStyle,\n  secondaryButtonStyle,\n  primaryButtonStyle,\n  secondaryButtonTextStyle,\n  primaryButtonTextStyle,\n}: ShowAlertProps) {\n  const { alertVisible, setAlertVisible } = useAlert();\n  const { palette: { background, primary: primaryColor, modalBgColor } } = useTheme();\n  const styles = useMemo(() => createStyles({ background }), [background]);\n  const { width: windowWidth } = useWindowDimensions();\n  const modalWidth = Math.min(windowWidth - 60, 400);\n  const { primary, secondary } = actions || {} as AlertActions;\n\n  const handleButtonPress = useCallback((onPressFunction?: () => void) => () => {\n    if (onPressFunction) onPressFunction();\n    setAlertVisible(false);\n  }, [setAlertVisible]);\n\n  return (\n    !alertVisible ? null :\n      <ModalBackground\n        zIndex={Z_INDEX_VALUE.ALERT}\n        key={alertVisible ? 'visibleao' : 'hiddenao'}\n        modalBgColor={modalBgColor}\n        onPress={() => { if (isBackgroundTouchClose) setAlertVisible(false); }}\n      >\n        <Animated.View\n          entering={FadeInDown.duration(DURATION.enter)}\n          exiting={FadeOutDown.duration(DURATION.press)}\n          style={[styles.contentContainer, { width: modalWidth }]}\n        >\n          {title && (\n            <ZSText typo='subTitle.1' style={[styles.title, titleStyle]}>{title}</ZSText>\n          )}\n          {informative && (\n            <ZSText typo='body.2' style={[styles.informative, informativeStyle]}>{informative}</ZSText>\n          )}\n          {actions && (\n            <ViewAtom style={styles.buttonContainer}>\n              {secondary && (\n                <TouchableOpacity\n                  style={[\n                    styles.button,\n                    { backgroundColor: background.neutral },\n                    secondaryButtonStyle\n                  ]}\n                  onPress={handleButtonPress(secondary?.onPress)}\n                >\n                  <ZSText typo='label.2' style={[secondaryButtonTextStyle]}>{secondary.label}</ZSText>\n                </TouchableOpacity>\n              )}\n              <TouchableOpacity\n                style={[styles.button, { backgroundColor: primaryColor.main }, primaryButtonStyle]}\n                onPress={handleButtonPress(primary?.onPress)}\n              >\n                <ZSText typo='label.2' color='white' style={[primaryButtonTextStyle]}>{primary?.label || '확인'}</ZSText>\n              </TouchableOpacity>\n            </ViewAtom>\n          )}\n        </Animated.View>\n      </ModalBackground>\n  )\n}\n\nexport default AlertOverlay;\n\nconst createStyles = ({ background }: { background: ThemeBackground; }) =>\n  StyleSheet.create({\n    title: {\n      marginBottom: 8,\n      width: '100%',\n      paddingHorizontal: 4\n    },\n    informative: {\n      marginTop: 8,\n      width: '100%',\n      paddingHorizontal: 4\n    },\n    buttonContainer: {\n      flexDirection: 'row',\n      width: '100%',\n      marginTop: 24,\n      alignItems: 'center',\n      justifyContent: 'flex-end',\n      gap: 8,\n    },\n    button: {\n      flex: 1,\n      justifyContent: 'center',\n      alignItems: 'center',\n      paddingVertical: 14,\n      borderRadius: RADIUS.md,\n    },\n    avoidingView: {\n      flex: 1,\n      justifyContent: 'center'\n    },\n    contentContainer: {\n      alignItems: 'center',\n      backgroundColor: background.base,\n      borderRadius: RADIUS.xxl,\n      paddingBottom: 18,\n      paddingTop: 24,\n      paddingHorizontal: 20,\n    },\n  });\n"]}

package/build/overlay/BottomSheetOverlay/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/overlay/BottomSheetOverlay/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAOjF,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAiDzD,iBAAS,kBAAkB,CAAC,EAC1B,eAAe,EACf,SAAS,EACT,OAAY,GACb,EAAE,oBAAoB,4BAgRtB;AA0CD,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/overlay/BottomSheetOverlay/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAOjF,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAkDzD,iBAAS,kBAAkB,CAAC,EAC1B,eAAe,EACf,SAAS,EACT,OAAY,GACb,EAAE,oBAAoB,4BAgRtB;AA0CD,eAAe,kBAAkB,CAAC"}