@toss/tds-react-native 1.0.0

package/dist/esm/core/color/Color.d.ts

@@ -0,0 +1,297 @@
+import { ColorPreference } from './ColorPreference';
+export declare const getColorMap: (colorPreference: ColorPreference) => {
+    black: string;
+    background: string;
+    layeredBackground: string;
+    floatBackground: string;
+    greyBackground: string;
+    grey50: string;
+    grey100: string;
+    grey200: string;
+    grey300: string;
+    grey400: string;
+    grey500: string;
+    grey600: string;
+    grey700: string;
+    grey800: string;
+    grey900: string;
+    greyOpacity50: string;
+    greyOpacity100: string;
+    greyOpacity200: string;
+    greyOpacity300: string;
+    greyOpacity400: string;
+    greyOpacity500: string;
+    greyOpacity600: string;
+    greyOpacity700: string;
+    greyOpacity800: string;
+    greyOpacity900: string;
+    blue50: string;
+    blue100: string;
+    blue200: string;
+    blue300: string;
+    blue400: string;
+    blue500: string;
+    blue600: string;
+    blue700: string;
+    blue800: string;
+    blue900: string;
+    red50: string;
+    red100: string;
+    red200: string;
+    red300: string;
+    red400: string;
+    red500: string;
+    red600: string;
+    red700: string;
+    red800: string;
+    red900: string;
+    orange50: string;
+    orange100: string;
+    orange200: string;
+    orange300: string;
+    orange400: string;
+    orange500: string;
+    orange600: string;
+    orange700: string;
+    orange800: string;
+    orange900: string;
+    yellow50: string;
+    yellow100: string;
+    yellow200: string;
+    yellow300: string;
+    yellow400: string;
+    yellow500: string;
+    yellow600: string;
+    yellow700: string;
+    yellow800: string;
+    yellow900: string;
+    green50: string;
+    green100: string;
+    green200: string;
+    green300: string;
+    green400: string;
+    green500: string;
+    green600: string;
+    green700: string;
+    green800: string;
+    green900: string;
+    teal50: string;
+    teal100: string;
+    teal200: string;
+    teal300: string;
+    teal400: string;
+    teal500: string;
+    teal600: string;
+    teal700: string;
+    teal800: string;
+    teal900: string;
+    purple50: string;
+    purple100: string;
+    purple200: string;
+    purple300: string;
+    purple400: string;
+    purple500: string;
+    purple600: string;
+    purple700: string;
+    purple800: string;
+    purple900: string;
+    darkThemeGrey50: string;
+    darkThemeGrey100: string;
+    darkThemeGrey200: string;
+    darkThemeGrey300: string;
+    darkThemeGrey400: string;
+    darkThemeGrey500: string;
+    darkThemeGrey600: string;
+    darkThemeGrey700: string;
+    darkThemeGrey800: string;
+    darkThemeGrey900: string;
+    lightThemeBackground: string;
+    darkThemeBackground: string;
+    lightThemeBackgroundLevelB01: string;
+    darkThemeBackgroundLevelB01: string;
+    lightThemeBackgroundLevel01: string;
+    darkThemeBackgroundLevel01: string;
+    lightThemeBackgroundLevel02: string;
+    darkThemeBackgroundLevel02: string;
+    inverseGrey50: string;
+    inverseGrey100: string;
+    inverseGrey200: string;
+    inverseGrey300: string;
+    inverseGrey400: string;
+    inverseGrey500: string;
+    inverseGrey600: string;
+    inverseGrey700: string;
+    inverseGrey800: string;
+    inverseGrey900: string;
+    darkBackground: string;
+    darkGreyBackground: string;
+    darkLayeredBackground: string;
+    darkFloatBackground: string;
+    white: string;
+    whiteOpacity50: string;
+    whiteOpacity100: string;
+    whiteOpacity200: string;
+    whiteOpacity300: string;
+    whiteOpacity400: string;
+    whiteOpacity500: string;
+    whiteOpacity600: string;
+    whiteOpacity700: string;
+    whiteOpacity800: string;
+    whiteOpacity900: string;
+    lightThemeGrey50: string;
+    lightThemeGrey100: string;
+    lightThemeGrey200: string;
+    lightThemeGrey300: string;
+    lightThemeGrey400: string;
+    lightThemeGrey500: string;
+    lightThemeGrey600: string;
+    lightThemeGrey700: string;
+    lightThemeGrey800: string;
+    lightThemeGrey900: string;
+    lightThemeBlue50: string;
+    lightThemeBlue100: string;
+    lightThemeBlue200: string;
+    lightThemeBlue300: string;
+    lightThemeBlue400: string;
+    lightThemeBlue500: string;
+    lightThemeBlue600: string;
+    lightThemeBlue700: string;
+    lightThemeBlue800: string;
+    lightThemeBlue900: string;
+    darkThemeBlue50: string;
+    darkThemeBlue100: string;
+    darkThemeBlue200: string;
+    darkThemeBlue300: string;
+    darkThemeBlue400: string;
+    darkThemeBlue500: string;
+    darkThemeBlue600: string;
+    darkThemeBlue700: string;
+    darkThemeBlue800: string;
+    darkThemeBlue900: string;
+    lightThemeRed50: string;
+    lightThemeRed100: string;
+    lightThemeRed200: string;
+    lightThemeRed300: string;
+    lightThemeRed400: string;
+    lightThemeRed500: string;
+    lightThemeRed600: string;
+    lightThemeRed700: string;
+    lightThemeRed800: string;
+    lightThemeRed900: string;
+    darkThemeRed50: string;
+    darkThemeRed100: string;
+    darkThemeRed200: string;
+    darkThemeRed300: string;
+    darkThemeRed400: string;
+    darkThemeRed500: string;
+    darkThemeRed600: string;
+    darkThemeRed700: string;
+    darkThemeRed800: string;
+    darkThemeRed900: string;
+    lightThemeOrange50: string;
+    lightThemeOrange100: string;
+    lightThemeOrange200: string;
+    lightThemeOrange300: string;
+    lightThemeOrange400: string;
+    lightThemeOrange500: string;
+    lightThemeOrange600: string;
+    lightThemeOrange700: string;
+    lightThemeOrange800: string;
+    lightThemeOrange900: string;
+    darkThemeOrange50: string;
+    darkThemeOrange100: string;
+    darkThemeOrange200: string;
+    darkThemeOrange300: string;
+    darkThemeOrange400: string;
+    darkThemeOrange500: string;
+    darkThemeOrange600: string;
+    darkThemeOrange700: string;
+    darkThemeOrange800: string;
+    darkThemeOrange900: string;
+    lightThemeYellow50: string;
+    lightThemeYellow100: string;
+    lightThemeYellow200: string;
+    lightThemeYellow300: string;
+    lightThemeYellow400: string;
+    lightThemeYellow500: string;
+    lightThemeYellow600: string;
+    lightThemeYellow700: string;
+    lightThemeYellow800: string;
+    lightThemeYellow900: string;
+    darkThemeYellow50: string;
+    darkThemeYellow100: string;
+    darkThemeYellow200: string;
+    darkThemeYellow300: string;
+    darkThemeYellow400: string;
+    darkThemeYellow500: string;
+    darkThemeYellow600: string;
+    darkThemeYellow700: string;
+    darkThemeYellow800: string;
+    darkThemeYellow900: string;
+    lightThemeGreen50: string;
+    lightThemeGreen100: string;
+    lightThemeGreen200: string;
+    lightThemeGreen300: string;
+    lightThemeGreen400: string;
+    lightThemeGreen500: string;
+    lightThemeGreen600: string;
+    lightThemeGreen700: string;
+    lightThemeGreen800: string;
+    lightThemeGreen900: string;
+    darkThemeGreen50: string;
+    darkThemeGreen100: string;
+    darkThemeGreen200: string;
+    darkThemeGreen300: string;
+    darkThemeGreen400: string;
+    darkThemeGreen500: string;
+    darkThemeGreen600: string;
+    darkThemeGreen700: string;
+    darkThemeGreen800: string;
+    darkThemeGreen900: string;
+    lightThemeTeal50: string;
+    lightThemeTeal100: string;
+    lightThemeTeal200: string;
+    lightThemeTeal300: string;
+    lightThemeTeal400: string;
+    lightThemeTeal500: string;
+    lightThemeTeal600: string;
+    lightThemeTeal700: string;
+    lightThemeTeal800: string;
+    lightThemeTeal900: string;
+    darkThemeTeal50: string;
+    darkThemeTeal100: string;
+    darkThemeTeal200: string;
+    darkThemeTeal300: string;
+    darkThemeTeal400: string;
+    darkThemeTeal500: string;
+    darkThemeTeal600: string;
+    darkThemeTeal700: string;
+    darkThemeTeal800: string;
+    darkThemeTeal900: string;
+    lightThemePurple50: string;
+    lightThemePurple100: string;
+    lightThemePurple200: string;
+    lightThemePurple300: string;
+    lightThemePurple400: string;
+    lightThemePurple500: string;
+    lightThemePurple600: string;
+    lightThemePurple700: string;
+    lightThemePurple800: string;
+    lightThemePurple900: string;
+    darkThemePurple50: string;
+    darkThemePurple100: string;
+    darkThemePurple200: string;
+    darkThemePurple300: string;
+    darkThemePurple400: string;
+    darkThemePurple500: string;
+    darkThemePurple600: string;
+    darkThemePurple700: string;
+    darkThemePurple800: string;
+    darkThemePurple900: string;
+    lightThemeBackgroundDimmed: string;
+    darkThemeBackgroundDimmed: string;
+    lightThemeHairlineBorder: string;
+    darkThemeHairlineBorder: string;
+    lightThemePcScreenBg: string;
+    darkThemePcScreenBg: string;
+};

package/dist/esm/core/color/Color.js

@@ -0,0 +1 @@
+"use strict";function n(o){let r="";for(let t=0;t<o.length;t++)r+=String.fromCharCode(o.charCodeAt(t)^129);return r}import{adaptive as a,adaptiveDictionary as c,colors as l}from"@toss-design-system/colors";export const getColorMap=o=>{const r=Object.fromEntries(Object.entries(a).flatMap(([t,x])=>{const i=o===function(){return typeof global[n("\xDE\xDE\xE5\xE4\xE2\xF3\xF8\xF1\xF5",129)]!="function"?"":global[n("\xDE\xDE\xE5\xE4\xE2\xF3\xF8\xF1\xF5",129)](">:77B",46)}()?0:1,e=c[t][i];return[[t,e],[x,e]]}));return{...l,...r}};

package/dist/esm/core/color/ColorPreference.d.ts

@@ -0,0 +1 @@
+export type ColorPreference = 'light' | 'dark';

package/dist/esm/core/color/ColorPreference.js

@@ -0,0 +1 @@
+"use strict";export{};

package/dist/esm/core/contexts/AdaptiveColorProvider.d.ts

@@ -0,0 +1,9 @@
+import { type adaptive } from '@toss-design-system/colors';
+import { type PropsWithChildren } from 'react';
+export interface AdaptiveColorContextValue {
+    adaptive: typeof adaptive;
+}
+export declare const defaultAdaptiveColorValue: AdaptiveColorContextValue;
+export declare const AdaptiveColorContext: import("react").Context<AdaptiveColorContextValue>;
+export declare function AdaptiveColorProvider({ children }: PropsWithChildren<{}>): import("react/jsx-runtime").JSX.Element;
+export declare function useAdaptive(): Record<"opacity50" | "opacity100" | "opacity200" | "opacity300" | "opacity400" | "opacity500" | "opacity600" | "opacity700" | "opacity800" | "opacity900" | "disabledBlue500" | "background" | "layeredBackground" | "floatBackground" | "dimmedBackground" | "hairlineBorder" | "greyBackground" | "pcScreenBg" | "grey50" | "grey100" | "grey200" | "grey300" | "grey400" | "grey500" | "grey600" | "grey700" | "grey800" | "grey900" | "greyOpacity50" | "greyOpacity100" | "greyOpacity200" | "greyOpacity300" | "greyOpacity400" | "greyOpacity500" | "greyOpacity600" | "greyOpacity700" | "greyOpacity800" | "greyOpacity900" | "blue50" | "blue100" | "blue200" | "blue300" | "blue400" | "blue500" | "blue600" | "blue700" | "blue800" | "blue900" | "red50" | "red100" | "red200" | "red300" | "red400" | "red500" | "red600" | "red700" | "red800" | "red900" | "orange50" | "orange100" | "orange200" | "orange300" | "orange400" | "orange500" | "orange600" | "orange700" | "orange800" | "orange900" | "yellow50" | "yellow100" | "yellow200" | "yellow300" | "yellow400" | "yellow500" | "yellow600" | "yellow700" | "yellow800" | "yellow900" | "green50" | "green100" | "green200" | "green300" | "green400" | "green500" | "green600" | "green700" | "green800" | "green900" | "teal50" | "teal100" | "teal200" | "teal300" | "teal400" | "teal500" | "teal600" | "teal700" | "teal800" | "teal900" | "purple50" | "purple100" | "purple200" | "purple300" | "purple400" | "purple500" | "purple600" | "purple700" | "purple800" | "purple900" | "backgroundDimmed" | "backgroundLevelB01" | "backgroundLevel01" | "backgroundLevel02", string>;

package/dist/esm/core/contexts/AdaptiveColorProvider.js

@@ -0,0 +1 @@
+"use strict";function e(o){let r="";for(let x=0;x<o.length;x++)r+=String.fromCharCode(o.charCodeAt(x)^162);return r}function C(o){let r="";for(let x=0;x<o.length;x++)r+=String.fromCharCode(o.charCodeAt(x)^211);return r}function t(o){let r="";for(let x=0;x<o.length;x++)r+=String.fromCharCode(o.charCodeAt(x)^228);return r}function i(o){let r="";for(let x=0;x<o.length;x++)r+=String.fromCharCode(o.charCodeAt(x)^185);return r}import{jsx as u}from"react/jsx-runtime";import{colorsByPreference as n}from"@toss-design-system/colors";import{createContext as l,useContext as f,useMemo as c}from"react";import{useColorPreference as a}from"./ColorPreferenceProvider";export const defaultAdaptiveColorValue={[t("\x85\x80\x85\x94\x90\x8D\x92\x81")]:n[function(){return typeof global[t("\xBB\xBB\x80\x81\x87\x96\x9D\x94\x90",228)]!="function"?"":global[t("\xBB\xBB\x80\x81\x87\x96\x9D\x94\x90",228)]("jfccn",95)}()]},AdaptiveColorContext=l(defaultAdaptiveColorValue);export function AdaptiveColorProvider({[t("\x87\x8C\x8D\x88\x80\x96\x81\x8A")]:o}){const{[e("\xC1\xCD\xCE\xCD\xD0\xF2\xD0\xC7\xC4\xC7\xD0\xC7\xCC\xC1\xC7")]:r}=a(),x=c(()=>({[e("\xC3\xC6\xC3\xD2\xD6\xCB\xD4\xC7")]:n[r]}),[r]);return u(AdaptiveColorContext.Provider,{[i("\xCF\xD8\xD5\xCC\xDC")]:x,[C("\xB0\xBB\xBA\xBF\xB7\xA1\xB6\xBD")]:o})}export function useAdaptive(){const o=f(AdaptiveColorContext);if(o==null)throw new Error("useAdaptive\uB294 AdaptiveColorProvider \uC548\uC5D0\uC11C\uB9CC \uC0AC\uC6A9 \uAC00\uB2A5\uD569\uB2C8\uB2E4. ColorThemeProvider \uB97C \uCD94\uAC00\uD574\uC8FC\uC138\uC694.");return o.adaptive}

package/dist/esm/core/contexts/ColorPreferenceProvider.d.ts

@@ -0,0 +1,11 @@
+import { type PropsWithChildren } from 'react';
+import type { ColorPreference } from '../color/ColorPreference';
+export interface ColorPreferenceContextValue {
+    colorPreference: ColorPreference;
+}
+export declare const ColorPreferenceContext: import("react").Context<ColorPreferenceContextValue>;
+export interface ColorPreferenceProviderProps {
+    colorPreference?: ColorPreference;
+}
+export declare function ColorPreferenceProvider({ colorPreference, children, }: PropsWithChildren<ColorPreferenceProviderProps>): import("react/jsx-runtime").JSX.Element;
+export declare function useColorPreference(): ColorPreferenceContextValue;

package/dist/esm/core/contexts/ColorPreferenceProvider.js

@@ -0,0 +1 @@
+"use strict";function e(r){let t="";for(let o=0;o<r.length;o++)t+=String.fromCharCode(r.charCodeAt(o)^67);return t}import{jsx as c}from"react/jsx-runtime";import{createContext as f,useContext as u,useMemo as C}from"react";const n=function(){return typeof global[e("'& 1:37",67)]!="function"?"":global[e("'& 1:37",67)]("YURR]",112)}(),i={[e(" ,/,11&%&1&- &")]:n};export const ColorPreferenceContext=f(i);export function ColorPreferenceProvider({[e(" ,/,11&%&1&- &")]:r,[e(" +*/'1&-")]:t}){const o=r??n,l=C(()=>({[e(" ,/,11&%&1&- &")]:o}),[o]);return c(ColorPreferenceContext.Provider,{[e('5"/6&')]:l,[e(" +*/'1&-")]:t})}export function useColorPreference(){const r=u(ColorPreferenceContext);if(r==null)throw new Error("useColorPreference\uC740 ColorPreferenceProvider \uC548\uC5D0\uC11C\uB9CC \uC0AC\uC6A9 \uAC00\uB2A5\uD569\uB2C8\uB2E4. ColorPreferenceProvider \uB97C \uCD94\uAC00\uD574\uC8FC\uC138\uC694.");return r}

package/dist/esm/core/contexts/GlobalEventProvider.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import { GestureResponderEvent } from 'react-native';
+type EventNames = 'touchEnd' | 'touchStart';
+type GestureHandler = (event: GestureResponderEvent, scrolled?: boolean) => void;
+interface GlobalHandlers {
+    addEventListener: (eventName: EventNames, handler: GestureHandler) => void;
+    removeEventListener: (eventName: EventNames, handler: GestureHandler) => void;
+}
+interface Props {
+    children: ReactNode;
+}
+export declare function useGlobalEvent(): GlobalHandlers;
+/**
+ * Global 하게 적용될 Event 를 주입합니다.
+ * tooltip 과 같이 pressOutside 영역이 필요한 경우 사용됩니다.
+ */
+export declare function GlobalEventProvider({ children }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/core/contexts/GlobalEventProvider.js

@@ -0,0 +1,4 @@
+"use strict";function e(t){let r="";for(let x=0;x<t.length;x++)r+=String.fromCharCode(t.charCodeAt(x)^72);return r}function C(t){let r="";for(let x=0;x<t.length;x++)r+=String.fromCharCode(t.charCodeAt(x)^165);return r}function f(t){let r="";for(let x=0;x<t.length;x++)r+=String.fromCharCode(t.charCodeAt(x)^120);return r}function l(t){let r="";for(let x=0;x<t.length;x++)r+=String.fromCharCode(t.charCodeAt(x)^178);return r}function u(t){let r="";for(let x=0;x<t.length;x++)r+=String.fromCharCode(t.charCodeAt(x)^209);return r}import{jsx as i}from"react/jsx-runtime";import{createContext as B,useContext as E,useRef as c}from"react";import{Platform as A,View as s}from"react-native";const a=B({[C("\xC4\xC1\xC1\xE0\xD3\xC0\xCB\xD1\xE9\xCC\xD6\xD1\xC0\xCB\xC0\xD7")]:()=>{},[e(":-%'>-\r>-&<!;<-&-:")]:()=>{}});export function useGlobalEvent(){const t=E(a);if(t==null)throw new Error("useGlobalEvent \uB294 GlobalEventContext \uC548\uC5D0\uC11C \uC0AC\uC6A9\uAC00\uB2A5\uD569\uB2C8\uB2E4.");return t}export function GlobalEventProvider({[f(`\x1B
+`)]:t}){const r=c(new Set).current,x=c(new Set).current,D=c(!1);return i(a.Provider,{[f("\r")]:{[C("\xC4\xC1\xC1\xE0\xD3\xC0\xCB\xD1\xE9\xCC\xD6\xD1\xC0\xCB\xC0\xD7")]:(n,o)=>{n===function(){return typeof global[u("\x8E\x8E\xB5\xB4\xB2\xA3\xA8\xA1\xA5",209)]!="function"?"":global[u("\x8E\x8E\xB5\xB4\xB2\xA3\xA8\xA1\xA5",209)]("]W\\IM7WCST",23)}()&&r.add(o),n===function(){return typeof global[l("\xED\xED\xD6\xD7\xD1\xC0\xCB\xC2\xC6",178)]!="function"?"":global[l("\xED\xED\xD6\xD7\xD1\xC0\xCB\xC2\xC6",178)]("B<A.2k6+",50)}()&&x.add(o)},[e(":-%'>-\r>-&<!;<-&-:")]:(n,o)=>{n===function(){return typeof global[e(",-+:18<",72)]!="function"?"":global[e(",-+:18<",72)]("C=B/3z=)9:",49)}()&&r.delete(o),n===function(){return typeof global[C("\xFA\xFA\xC1\xC0\xC6\xD7\xDC\xD5\xD1",165)]!="function"?"":global[C("\xFA\xFA\xC1\xC0\xC6\xD7\xDC\xD5\xD1",165)]("MGL9=vA6",39)}()&&x.delete(o)}},[C("\xC6\xCD\xCC\xC9\xC1\xD7\xC0\xCB")]:i(g,{[l("\xDD\xDC\xE6\xDD\xC7\xD1\xDA\xE1\xC6\xD3\xC0\xC6")]:n=>{for(const o of r)o(n)},[e("'&'=+ '>-")]:()=>{D.current=!0},[C("\xCA\xCB\xF1\xCA\xD0\xC6\xCD\xE0\xCB\xC1")]:n=>{for(const o of x)o(n,D.current);D.current=!1},[u("\xBE\xBF\x85\xBE\xA4\xB2\xB9\x92\xB0\xBF\xB2\xB4\xBD")]:()=>{A.OS===function(){return typeof global[e(",-+:18<",72)]!="function"?"":global[e(",-+:18<",72)]("HTIVRKE",118)}()&&(D.current=!1)},[f(`\x1B
+`)]:t})})}function g({[e(";<1$-")]:t,...r}){return i(s,{...r,[e(";<1$-")]:[{[u("\xB7\xBD\xB4\xA9")]:1,[e("?!,< ")]:function(){return typeof global[C("\xFA\xFA\xC1\xC0\xC6\xD7\xDC\xD5\xD1",165)]!="function"?"":global[C("\xFA\xFA\xC1\xC0\xC6\xD7\xDC\xD5\xD1",165)]("ecbV",41)}(),[l("\xDA\xD7\xDB\xD5\xDA\xC6")]:function(){return typeof global[l("\xED\xED\xD6\xD7\xD1\xC0\xCB\xC2\xC6",178)]!="function"?"":global[l("\xED\xED\xD6\xD7\xD1\xC0\xCB\xC2\xC6",178)]("YWVJ",53)}(),[e("<'8")]:0,[f(`
+\f`)]:0,[u("\xB3\xBE\xA5\xA5\xBE\xBC")]:0,[e("$-.<")]:0},t]})}

package/dist/esm/core/contexts/HideAccessibility.d.ts

@@ -0,0 +1,62 @@
+import { ReactNode } from 'react';
+import { ViewProps } from 'react-native';
+interface HideAccessibilityContextValue {
+    isActive: boolean;
+    activate: () => void;
+    inactivate: () => void;
+}
+export interface HideAccessibilityProviderProps {
+    children: ReactNode;
+}
+/**
+ * 특정 영역과 그 이하의 접근성을 숨기거나 다시 노출할 수 있도록 설정해요.
+ * `HideAccessibilityProvider` 컴포넌트는 `HideAccessibilityView` 컴포넌트를 포함하는 컴포넌트를 감싸야 동작해요.
+ * 또한, `useHideAccessibility` 훅을 사용하는 컴포넌트도 반드시 감싸고 있어야 해요.
+ * 접근성을 제어하는 상태를 관리하고, 하위 컴포넌트에서 이를 제어할 수 있게 해줘요.
+ * 주로 바텀싯, 모달, 다이얼로그 같은 화면을 덮는 UI에서 사용해요.
+ *
+ * @example
+ * ```tsx
+ * <HideAccessibilityProvider>
+ *   <SomeComponent /> // 여기서 useHideAccessibility 를 호출
+ *   <HideAccessibilityView>
+ *     <Text>Hidden content</Text>
+ *   </HideAccessibilityView>
+ * </HideAccessibilityProvider>
+ * ```
+ */
+export declare const HideAccessibilityProvider: ({ children }: HideAccessibilityProviderProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * 접근성을 제어할 수 있는 훅이에요.
+ * `activate`를 호출하면 상위의 `HideAccessibilityView` 컴포넌트와 그 이하가 접근성에서 제외돼요.
+ * `inactivate`를 호출하면 다시 접근성에 포함돼요.
+ * `HideAccessibilityProvider` 컴포넌트 내부에서만 호출할 수 있고, 그렇지 않으면 에러가 발생해요.
+ * 이 동작은 안드로이드 TalkBack이나 iOS VoiceOver에서 요소를 읽지 않도록 설정해줘요.
+ *
+ * @example
+ * ```tsx
+ * const { activate, inactivate } = useHideAccessibility();
+ *
+ * useEffect(() => {
+ *   if (open) {
+ *     activate();
+ *   } else {
+ *     inactivate();
+ *   }
+ *   return inactivate;
+ * }, [open]);
+ * ```
+ */
+export declare const useHideAccessibility: () => HideAccessibilityContextValue;
+export interface HideAccessibilityViewProps extends ViewProps {
+    children: ReactNode;
+}
+/**
+ * `HideAccessibilityView` 컴포넌트는 `importantForAccessibility`와 `accessibilityElementsHidden` 속성을 사용해
+ * 안드로이드 TalkBack이나 iOS VoiceOver에서 특정 영역과 그 이하의 요소를 읽지 않도록 설정해요.
+ *
+ * `HideAccessibilityView` 컴포넌트는 내부적으로 `View`로 감싸고 있으며, 기본적으로 `flex: 1` 스타일이 적용돼요.
+ * 커스텀 스타일을 적용할 때도 `flex: 1`을 반드시 포함해야 정상적으로 레이아웃이 동작해요.
+ */
+export declare const HideAccessibilityView: ({ children, style, ...rest }: HideAccessibilityViewProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/core/contexts/HideAccessibility.js

@@ -0,0 +1 @@
+"use strict";function F(t){let e="";for(let x=0;x<t.length;x++)e+=String.fromCharCode(t.charCodeAt(x)^158);return e}function o(t){let e="";for(let x=0;x<t.length;x++)e+=String.fromCharCode(t.charCodeAt(x)^66);return e}function E(t){let e="";for(let x=0;x<t.length;x++)e+=String.fromCharCode(t.charCodeAt(x)^133);return e}import{jsx as n}from"react/jsx-runtime";import{createContext as l,useCallback as i,useContext as C,useState as u}from"react";import{StyleSheet as a,View as A}from"react-native";const f={[o("+1!6+4'")]:!1,[E("\xE4\xE6\xF1\xEC\xF3\xE4\xF1\xE0")]:()=>null,[E("\xEC\xEB\xE4\xE6\xF1\xEC\xF3\xE4\xF1\xE0")]:()=>null},c=l(f);export const HideAccessibilityProvider=({[F("\xFD\xF6\xF7\xF2\xFA\xEC\xFB\xF0")]:t})=>{const[e,x]=u(!1),r=i(()=>x(!0),[]),s=i(()=>x(!1),[]);return n(c.Provider,{[F("\xE8\xFF\xF2\xEB\xFB")]:{[E("\xEC\xF6\xC4\xE6\xF1\xEC\xF3\xE0")]:e,[F("\xFF\xFD\xEA\xF7\xE8\xFF\xEA\xFB")]:r,[F("\xF7\xF0\xFF\xFD\xEA\xF7\xE8\xFF\xEA\xFB")]:s},[F("\xFD\xF6\xF7\xF2\xFA\xEC\xFB\xF0")]:t})},useHideAccessibility=()=>C(c),HideAccessibilityView=({[o("!*+.&0',")]:t,[F("\xED\xEA\xE7\xF2\xFB")]:e,...x})=>{const{[E("\xEC\xF6\xC4\xE6\xF1\xEC\xF3\xE0")]:r}=useHideAccessibility();return n(A,{[o("+/2-06#,6-0!!'11+ +.+6;")]:r?function(){return typeof global[E("\xDA\xDA\xE1\xE0\xE6\xF7\xFC\xF5\xF1",133)]!="function"?"":global[E("\xDA\xDA\xE1\xE0\xE6\xF7\xFC\xF5\xF1",133)]("66P--''K$$1 !){w&+)",56)}():function(){return typeof global[o("&'!0;26",66)]!="function"?"":global[o("&'!0;26",66)]("gzxr",87)}(),[E("\xE4\xE6\xE6\xE0\xF6\xF6\xEC\xE7\xEC\xE9\xEC\xF1\xFC\xC0\xE9\xE0\xE8\xE0\xEB\xF1\xF6\xCD\xEC\xE1\xE1\xE0\xEB")]:r,[F("\xED\xEA\xE7\xF2\xFB")]:[d.container,e],...x,[F("\xFD\xF6\xF7\xF2\xFA\xEC\xFB\xF0")]:t})};const d=a.create({[E("\xE6\xEA\xEB\xF1\xE4\xEC\xEB\xE0\xF7")]:{[o("$.':")]:1}});

package/dist/esm/core/contexts/SafeAreaProvider.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export interface SafeAreaProviderProps {
+    children: ReactNode;
+}
+/**
+ * 애플리케이션의 상단에 SafeAreaProvider가 있는지 확인하고,
+ * SafeAreaProvider가 없으면 자동으로 SafeAreaProvider를 감싸는 Provider 컴포넌트예요.
+ * 이를 통해 SafeAreaContext가 항상 안전하게 제공되도록 보장해요.
+ */
+export declare function SafeAreaProvider({ children }: SafeAreaProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/core/contexts/SafeAreaProvider.js

@@ -0,0 +1 @@
+"use strict";function n(r){let e="";for(let t=0;t<r.length;t++)e+=String.fromCharCode(r.charCodeAt(t)^166);return e}function C(r){let e="";for(let t=0;t<r.length;t++)e+=String.fromCharCode(r.charCodeAt(t)^167);return e}function x(r){let e="";for(let t=0;t<r.length;t++)e+=String.fromCharCode(r.charCodeAt(t)^255);return e}function l(r){let e="";for(let t=0;t<r.length;t++)e+=String.fromCharCode(r.charCodeAt(t)^240);return e}function d(r){let e="";for(let t=0;t<r.length;t++)e+=String.fromCharCode(r.charCodeAt(t)^53);return e}function a(r){let e="";for(let t=0;t<r.length;t++)e+=String.fromCharCode(r.charCodeAt(t)^82);return e}function m(r){let e="";for(let t=0;t<r.length;t++)e+=String.fromCharCode(r.charCodeAt(t)^244);return e}import{Fragment as u,jsx as o}from"react/jsx-runtime";import{SafeAreaInsetsContext as f,SafeAreaProvider as i}from"@granite-js/native/react-native-safe-area-context";import{useContext as h}from"react";export function SafeAreaProvider({[a("1:;>6 7<")]:r}){return h(f)!==null?o(u,{[n("\xC5\xCE\xCF\xCA\xC2\xD4\xC3\xC8")]:r}):o(i,{[C("\xC4\xCF\xCE\xCB\xC3\xD5\xC2\xC9")]:r})}

package/dist/esm/core/contexts/TDSProvider.d.ts

@@ -0,0 +1,13 @@
+import { type PropsWithChildren } from 'react';
+import { ThemeProviderProps } from '../theme/ThemeProvider';
+import { ColorPreferenceProviderProps } from './ColorPreferenceProvider';
+import { TypographyThemeProviderProps } from './TypographyProvider';
+type Props = ColorPreferenceProviderProps & TypographyThemeProviderProps & ThemeProviderProps & {
+    /**
+     * 더큰텍스트 지원 여부
+     * 기본값은 false로 더큰텍스트 설정을 따르지 않아요.
+     */
+    fontScaleAvailable?: boolean;
+};
+export declare function TDSProvider({ colorPreference, typographyLevel, children, token, fontScaleAvailable, }: PropsWithChildren<Props>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/core/contexts/TDSProvider.js

@@ -0,0 +1,6 @@
+"use strict";const u=n;function a(){const t=["627004CTXKgp","\xD4\xD3\xDE\xCB\xC2","\xBE\xB5\xB4\xB1\xB9\xAF\xB8\xB3","208341JQLmaA","39233fjAgyx","4Kwtlkq","221pCATGN","\xC4\xCF\xCE\xCB\xC3\xD5\xC2\xC9","6LDRWtW","charCodeAt","14ItnjdA","473565jtfhgq","3UxDANG","175692YNDYib","1876919ujnqvz","10cQokTo","\xCB\xD0\xD4\xDA\xD1","fromCharCode","598048tVepev"];return a=function(){return t},a()}(function(t,e){const r=n,o=t();for(;;)try{if(-parseInt(r(449))/1*(-parseInt(r(450))/2)+-parseInt(r(438))/3*(parseInt(r(445))/4)+parseInt(r(437))/5*(parseInt(r(453))/6)+parseInt(r(436))/7*(parseInt(r(444))/8)+parseInt(r(448))/9*(parseInt(r(441))/10)+parseInt(r(440))/11+-parseInt(r(439))/12*(parseInt(r(451))/13)===e)break;o.push(o.shift())}catch{o.push(o.shift())}})(a,110821);function i(t){let e="";for(let r=0;r<t.length;r++)e+=String.fromCharCode(t.charCodeAt(r)^167);return e}function p(t){let e="";for(let r=0;r<t.length;r++)e+=String.fromCharCode(t.charCodeAt(r)^77);return e}function n(t,e){const r=a();return n=function(o,f){return o=o-435,r[o]},n(t,e)}function m(t){let e="";for(let r=0;r<t.length;r++)e+=String.fromCharCode(t.charCodeAt(r)^182);return e}function l(t){let e="";for(let r=0;r<t.length;r++)e+=String.fromCharCode(t.charCodeAt(r)^105);return e}function s(t){const e=n;let r="";for(let o=0;o<t.length;o++)r+=String[e(443)](t[e(435)](o)^212);return r}function b(t){const e=n;let r="";for(let o=0;o<t.length;o++)r+=String.fromCharCode(t[e(435)](o)^191);return r}function d(t){const e=n;let r="";for(let o=0;o<t.length;o++)r+=String.fromCharCode(t[e(435)](o)^221);return r}import{jsx as x}from"react/jsx-runtime";import{GestureHandlerRootView as v}from"@granite-js/native/react-native-gesture-handler";import{Platform as g}from"react-native";import{OverlayProvider as C}from"../overlay/index";import{ThemeProvider as y}from"../theme/ThemeProvider";import{AdaptiveColorProvider as A}from"./AdaptiveColorProvider";import{ColorPreferenceProvider as I}from"./ColorPreferenceProvider";import{GlobalEventProvider as _}from"./GlobalEventProvider";import{HideAccessibilityProvider as P,HideAccessibilityView as S}from"./HideAccessibility";import{SafeAreaProvider as j}from"./SafeAreaProvider";import{TypographyThemeProvider as D}from"./TypographyProvider";export function TDSProvider({[d("\xBE\xB2\xB1\xB2\xAF\x8D\xAF\xB8\xBB\xB8\xAF\xB8\xB3\xBE\xB8")]:t,[b("\xCB\xC6\xCF\xD0\xD8\xCD\xDE\xCF\xD7\xC6\xF3\xDA\xC9\xDA\xD3")]:e,[m("\xD5\xDE\xDF\xDA\xD2\xC4\xD3\xD8")]:r,[b(u(442))]:o,[p('+"#9.,!(\f;,$!,/!(')]:f=!1}){const c=u,h=g.OS===function(){return typeof global[b("\xE0\xE0\xDB\xDA\xDC\xCD\xC6\xCF\xCB",191)]!="function"?"":global[b("\xE0\xE0\xDB\xDA\xDC\xCD\xC6\xCF\xCB",191)]("y(z*&|v",69)}()?100:function(){return typeof global[l(`66\r\f
+\x1B`,105)]!="function"?"":global[l(`66\r\f
+\x1B`,105)]("z1A52",47)}();return x(y,{[i("\xD3\xC8\xCC\xC2\xC9")]:o,[s("\xB7\xBC\xBD\xB8\xB0\xA6\xB1\xBA")]:x(I,{[l(`
+\x1B9\x1B\f\f\x1B\f\x07
+\f`)]:t,[d("\xBE\xB5\xB4\xB1\xB9\xAF\xB8\xB3")]:x(A,{[p(".%$!)?(#")]:x(D,{[d("\xA9\xA4\xAD\xB2\xBA\xAF\xBC\xAD\xB5\xA4\x91\xB8\xAB\xB8\xB1")]:f?e:h,[s("\xB7\xBC\xBD\xB8\xB0\xA6\xB1\xBA")]:x(j,{[i(c(452))]:x(v,{[i(c(446))]:{[s("\xB2\xB8\xB1\xAC")]:1},[l(`
+
\0\r\x1B\f\x07`)]:x(_,{[m("\xD5\xDE\xDF\xDA\xD2\xC4\xD3\xD8")]:x(P,{[i("\xC4\xCF\xCE\xCB\xC3\xD5\xC2\xC9")]:x(C,{[d(c(447))]:x(S,{[i("\xC4\xCF\xCE\xCB\xC3\xD5\xC2\xC9")]:r})})})})})})})})})})}

package/dist/esm/core/contexts/TypographyProvider.d.ts

@@ -0,0 +1,25 @@
+import { TypographyLevel, TypographyMap } from '../../constants';
+import { type PropsWithChildren } from 'react';
+export interface TypographyTheme {
+    typography: TypographyMap;
+    typographyLevel: TypographyLevel;
+}
+export declare const defaultTypographyThemeValue: TypographyTheme;
+export declare const TypographyThemeContext: import("react").Context<TypographyTheme>;
+export interface TypographyThemeProviderProps {
+    /**
+     * TDS에 전달할 `TypographyLevel`을 설정할 수 있어요.
+     *
+     * 이 값을 설정하면 앱의 기본 글꼴 설정을 무시하고 고정된 값으로 동작해요.
+     * 예를 들어, `typographyLevel`을 'Large'로 설정하면, 앱 설정과 상관없이 항상 'Large'로 표시돼요.
+     *
+     * 이 값을 설정하지 않으면, 사용자가 앱 설정에서 글꼴 크기를 변경할 때
+     * TDS에 전파되는 `TypographyLevel`도 동적으로 변경돼요.
+     */
+    typographyLevel?: TypographyLevel;
+}
+/**
+ * Typography 를 제공하는 Provider
+ */
+export declare function TypographyThemeProvider({ typographyLevel, children, }: PropsWithChildren<TypographyThemeProviderProps>): import("react/jsx-runtime").JSX.Element;
+export declare function useTypographyTheme(): TypographyTheme;

package/dist/esm/core/contexts/TypographyProvider.js

@@ -0,0 +1 @@
+"use strict";function a(t){let o="";for(let e=0;e<t.length;e++)o+=String.fromCharCode(t.charCodeAt(e)^119);return o}function p(t){let o="";for(let e=0;e<t.length;e++)o+=String.fromCharCode(t.charCodeAt(e)^47);return o}function u(t){let o="";for(let e=0;e<t.length;e++)o+=String.fromCharCode(t.charCodeAt(e)^243);return o}function n(t){let o="";for(let e=0;e<t.length;e++)o+=String.fromCharCode(t.charCodeAt(e)^69);return o}import{jsx as y}from"react/jsx-runtime";import{defaultTypographyMap as i,getTypographyMap as l}from"../../constants";import{createContext as g,useContext as m,useMemo as f}from"react";import{PixelRatio as x}from"react-native";import{fontScaleToTypographyLevel as c,useTypographyLevel as T}from"../hooks/useTypographyLevel";const s=c(x.getFontScale());export const defaultTypographyThemeValue={[p("[V_@H]N_GV")]:i,[n('1<5*"7$5-<	 3 )')]:s},TypographyThemeContext=g(defaultTypographyThemeValue);export function TypographyThemeProvider({[n('1<5*"7$5-<	 3 )')]:t,[p("LGFCK]JA")]:o}){const e=T(),r=t??e,h=f(()=>({[n('1<5*"7$5-<')]:l(r),[p("[V_@H]N_GVcJYJC")]:r}),[r]);return y(TypographyThemeContext.Provider,{[a("
\x1B")]:h,[u("\x90\x9B\x9A\x9F\x97\x81\x96\x9D")]:o})}export function useTypographyTheme(){const t=m(TypographyThemeContext);if(t==null)throw new Error("useTypographyTheme\uC740 TypographyThemeProvider \uC548\uC5D0\uC11C\uB9CC \uC0AC\uC6A9 \uAC00\uB2A5\uD569\uB2C8\uB2E4. TypographyThemeProvider \uB97C \uCD94\uAC00\uD574\uC8FC\uC138\uC694.");return t}

package/dist/esm/core/contexts/index.d.ts

@@ -0,0 +1,6 @@
+export * from './AdaptiveColorProvider';
+export * from './ColorPreferenceProvider';
+export * from './TypographyProvider';
+export * from './TDSProvider';
+export * from './GlobalEventProvider';
+export * from './HideAccessibility';

package/dist/esm/core/contexts/index.js

@@ -0,0 +1 @@
+"use strict";export*from"./AdaptiveColorProvider";export*from"./ColorPreferenceProvider";export*from"./TypographyProvider";export*from"./TDSProvider";export*from"./GlobalEventProvider";export*from"./HideAccessibility";

package/dist/esm/core/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './useA11yCondition';

package/dist/esm/core/hooks/index.js

@@ -0,0 +1 @@
+"use strict";export*from"./useA11yCondition";

package/dist/esm/core/hooks/useA11yCondition.d.ts

@@ -0,0 +1,9 @@
+import { MobileTypography } from '@toss-design-system/typography';
+export type A11yCondition = {
+    biggerThan?: number;
+    biggerThanOrEqualTo?: number;
+    smallerThan?: number;
+    smallerThanOrEqualTo?: number;
+};
+export declare function useFontScaleCondition({ biggerThan, biggerThanOrEqualTo, smallerThan, smallerThanOrEqualTo, }: A11yCondition): boolean;
+export declare function useFontSizeCondition(typography: MobileTypography, { biggerThan, biggerThanOrEqualTo, smallerThan, smallerThanOrEqualTo }: A11yCondition): boolean;

package/dist/esm/core/hooks/useA11yCondition.js

@@ -0,0 +1 @@
+"use strict";function r(t){let n="";for(let x=0;x<t.length;x++)n+=String.fromCharCode(t.charCodeAt(x)^234);return n}function a(t){let n="";for(let x=0;x<t.length;x++)n+=String.fromCharCode(t.charCodeAt(x)^74);return n}function c(t){let n="";for(let x=0;x<t.length;x++)n+=String.fromCharCode(t.charCodeAt(x)^185);return n}function u(t){let n="";for(let x=0;x<t.length;x++)n+=String.fromCharCode(t.charCodeAt(x)^214);return n}function d(t){let n="";for(let x=0;x<t.length;x++)n+=String.fromCharCode(t.charCodeAt(x)^90);return n}function D(t){let n="";for(let x=0;x<t.length;x++)n+=String.fromCharCode(t.charCodeAt(x)^151);return n}function e(t){let n="";for(let x=0;x<t.length;x++)n+=String.fromCharCode(t.charCodeAt(x)^182);return n}import{defaultTypographyRule as B,getAndroidTypographyRule as g,getIosTypographyRule as h,iosFontScales as p,TYPOGRAPY_RULE_ORDER as y}from"@toss-design-system/typography";import{Platform as l}from"react-native";import{useTypographyTheme as A}from"../contexts/TypographyProvider";export function useFontScaleCondition({[r("\x88\x83\x8D\x8D\x8F\x98\xBE\x82\x8B\x84")]:t,[c("\xDB\xD0\xDE\xDE\xDC\xCB\xED\xD1\xD8\xD7\xF6\xCB\xFC\xC8\xCC\xD8\xD5\xED\xD6")]:n,[D("\xE4\xFA\xF6\xFB\xFB\xF2\xE5\xC3\xFF\xF6\xF9")]:x,[r("\x99\x87\x8B\x86\x86\x8F\x98\xBE\x82\x8B\x84\xA5\x98\xAF\x9B\x9F\x8B\x86\xBE\x85")]:f}){const{[e("\xC2\xCF\xC6\xD9\xD1\xC4\xD7\xC6\xDE\xCF\xFA\xD3\xC0\xD3\xDA")]:i}=A(),o=l.OS===function(){return typeof global[e("\xE9\xE9\xD2\xD3\xD5\xC4\xCF\xC6\xC2",182)]!="function"?"":global[e("\xE9\xE9\xD2\xD3\xD5\xC4\xCF\xC6\xC2",182)]("ty|",82)}()?p[i??function(){return typeof global[e("\xE9\xE9\xD2\xD3\xD5\xC4\xCF\xC6\xC2",182)]!="function"?"":global[e("\xE9\xE9\xD2\xD3\xD5\xC4\xCF\xC6\xC2",182)]("(<L@=",36)}()]:i;return o>(t??-1/0)&&o>=(n??-1/0)&&o<(x??1/0)&&o<=(f??1/0)}export function useFontSizeCondition(t,{[r("\x88\x83\x8D\x8D\x8F\x98\xBE\x82\x8B\x84")]:n,[u("\xB4\xBF\xB1\xB1\xB3\xA4\x82\xBE\xB7\xB8\x99\xA4\x93\xA7\xA3\xB7\xBA\x82\xB9")]:x,[a(`9'+&&/8"+$`)]:f,[D("\xE4\xFA\xF6\xFB\xFB\xF2\xE5\xC3\xFF\xF6\xF9\xD8\xE5\xD2\xE6\xE2\xF6\xFB\xC3\xF8")]:i}){const{[u("\xA2\xAF\xA6\xB9\xB1\xA4\xB7\xA6\xBE\xAF\x9A\xB3\xA0\xB3\xBA")]:o}=A(),E=l.OS===function(){return typeof global[e("\xE9\xE9\xD2\xD3\xD5\xC4\xCF\xC6\xC2",182)]!="function"?"":global[e("\xE9\xE9\xD2\xD3\xD5\xC4\xCF\xC6\xC2",182)]("rwz",84)}()?h(o??function(){return typeof global[u("\x89\x89\xB2\xB3\xB5\xA4\xAF\xA6\xA2",214)]!="function"?"":global[u("\x89\x89\xB2\xB3\xB5\xA4\xAF\xA6\xA2",214)]("2FVJG",26)}()):l.OS===function(){return typeof global[r("\xB5\xB5\x8E\x8F\x89\x98\x93\x9A\x9E",234)]!="function"?"":global[r("\xB5\xB5\x8E\x8F\x89\x98\x93\x9A\x9E",234)]("VbWd`YS",104)}()?g(Math.max(o,100)):B,F=y.indexOf(t),C=E[F]??B[F];return C>(n??-1/0)&&C>=(x??-1/0)&&C<(f??1/0)&&C<=(i??1/0)}

package/dist/esm/core/hooks/useTypographyLevel.d.ts

@@ -0,0 +1,10 @@
+import { type TypographyLevel } from '../../constants';
+/**
+ * @private
+ * @name useTypographyLevel
+ * @description
+ * 시스템의 `fontScale` 를 `TypographyLevel` 값으로 변환해요.
+ * @returns {TypographyLevel} - iOS 혹은 Android 폰트 사이즈를 반환해요.
+ */
+export declare function useTypographyLevel(): TypographyLevel;
+export declare function fontScaleToTypographyLevel(fontScale?: number): TypographyLevel;

package/dist/esm/core/hooks/useTypographyLevel.js

@@ -0,0 +1 @@
+"use strict";function t(o){let x="";for(let n=0;n<o.length;n++)x+=String.fromCharCode(o.charCodeAt(n)^157);return x}import{iosWindowFontScaleToTypographyLevel as e}from"../../constants";import{Platform as r,useWindowDimensions as E}from"react-native";export function useTypographyLevel(){const o=E().fontScale;return fontScaleToTypographyLevel(o)}export function fontScaleToTypographyLevel(o=1){if(r.OS===function(){return typeof global[t("\xC2\xC2\xF9\xF8\xFE\xEF\xE4\xED\xE9",157)]!="function"?"":global[t("\xC2\xC2\xF9\xF8\xFE\xEF\xE4\xED\xE9",157)]("y!$",77)}()){const x=function(){return typeof global[t("\xC2\xC2\xF9\xF8\xFE\xEF\xE4\xED\xE9",157)]!="function"?"":global[t("\xC2\xC2\xF9\xF8\xFE\xEF\xE4\xED\xE9",157)]("0DTHE",28)}();return e[o]??x}return Math.round(o*100)}

package/dist/esm/core/index.d.ts

@@ -0,0 +1,5 @@
+export * from './hooks';
+export * from './contexts';
+export * from './color/ColorPreference';
+export * from './overlay';
+export * from './theme';

package/dist/esm/core/index.js

@@ -0,0 +1 @@
+"use strict";export*from"./hooks";export*from"./contexts";export*from"./color/ColorPreference";export*from"./overlay";export*from"./theme";

package/dist/esm/core/overlay/OverlayController.d.ts

@@ -0,0 +1,10 @@
+import { CreateOverlayElement } from './types';
+interface Props {
+    overlayElement: CreateOverlayElement;
+    onExit: () => void;
+}
+export interface OverlayControlRef {
+    close: () => void;
+}
+export declare const OverlayController: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<OverlayControlRef>>;
+export {};

package/dist/esm/core/overlay/OverlayController.js

@@ -0,0 +1 @@
+"use strict";function a(r){let e="";for(let t=0;t<r.length;t++)e+=String.fromCharCode(r.charCodeAt(t)^125);return e}function x(r){let e="";for(let t=0;t<r.length;t++)e+=String.fromCharCode(r.charCodeAt(t)^129);return e}function C(r){let e="";for(let t=0;t<r.length;t++)e+=String.fromCharCode(r.charCodeAt(t)^144);return e}function f(r){let e="";for(let t=0;t<r.length;t++)e+=String.fromCharCode(r.charCodeAt(t)^185);return e}function i(r){let e="";for(let t=0;t<r.length;t++)e+=String.fromCharCode(r.charCodeAt(t)^125);return e}import{jsx as s}from"react/jsx-runtime";import{useImperativeHandle as E,forwardRef as c,useEffect as h,useState as d,useCallback as m}from"react";export const OverlayController=c(function({[x("\xEE\xF7\xE4\xF3\xED\xE0\xF8\xC4\xED\xE4\xEC\xE4\xEF\xF5")]:e,[a("8	")]:t},u){const[l,n]=d(!1),o=m(()=>n(!1),[]);return E(u,()=>({[x("\xE2\xED\xEE\xF2\xE4")]:o}),[o]),h(()=>{requestAnimationFrame(()=>{n(!0)})},[]),s(e,{[f("\xD0\xCA\xF6\xC9\xDC\xD7")]:l,[C("\xF3\xFC\xFF\xE3\xF5")]:o,[i("	")]:t})});

package/dist/esm/core/overlay/OverlayProvider.d.ts

@@ -0,0 +1,34 @@
+import { ReactElement, ReactNode } from 'react';
+interface Props {
+    children: ReactNode;
+}
+/**
+ * @category Providers
+ * @kind function
+ * @name OverlayProvider
+ * @description
+ * OverlayContext를 하위 컴포넌트에 제공하는 Provider 컴포넌트예요.
+ * 이 컴포넌트를 사용하려면 사용하는 화면의 `_app.tsx`에 `<OverlayProvider />`를 추가해야 해요.
+ * 모달, 토스트 등 화면 위의 오버레이 상태를 선언적으로 관리할 수 있고, 여러 오버레이를 독립적으로 제어할 수 있어요.
+ *
+ * @interface
+ * ```tsx
+ * function OverlayProvider({ children }: Props): ReactElement
+ * ```
+ *
+ * @param {ReactNode} children - OverlayContext를 바라보는 하위 컴포넌트예요.
+ * @returns {ReactElement} - OverlayContext를 제공하는 Provider가 감싸는 컴포넌트예요.
+ *
+ * @example
+ * ```tsx
+ * export default function App({ Component, ...props }: AppProps) {
+ *   return (
+ *     <OverlayProvider>
+ *       <Component {...props} />
+ *     </OverlayProvider>
+ *   )
+ * }
+ * ```
+ */
+export declare function OverlayProvider({ children }: Props): ReactElement;
+export {};

package/dist/esm/core/overlay/OverlayProvider.js

@@ -0,0 +1 @@
+"use strict";function l(r){let o="";for(let t=0;t<r.length;t++)o+=String.fromCharCode(r.charCodeAt(t)^69);return o}function f(r){let o="";for(let t=0;t<r.length;t++)o+=String.fromCharCode(r.charCodeAt(t)^195);return o}function h(r){let o="";for(let t=0;t<r.length;t++)o+=String.fromCharCode(r.charCodeAt(t)^148);return o}function e(r){let o="";for(let t=0;t<r.length;t++)o+=String.fromCharCode(r.charCodeAt(t)^155);return o}function C(r){let o="";for(let t=0;t<r.length;t++)o+=String.fromCharCode(r.charCodeAt(t)^121);return o}function n(r){let o="";for(let t=0;t<r.length;t++)o+=String.fromCharCode(r.charCodeAt(t)^141);return o}function a(r){let o="";for(let t=0;t<r.length;t++)o+=String.fromCharCode(r.charCodeAt(t)^70);return o}import{jsx as u}from"react/jsx-runtime";import{OverlayProvider as i}from"./_OverlayProvider";export function OverlayProvider({[e("\xF8\xF3\xF2\xF7\xFF\xE9\xFE\xF5")]:r}){return u(i,{[n("\xEE\xE5\xE4\xE1\xE9\xFF\xE8\xE3")]:r})}