@toss/tds-react-native 1.0.0

package/dist/cjs/private/index.d.ts

@@ -0,0 +1,8 @@
+export * from '../components/icon/private';
+export * as Paragraph from '../components/paragraph';
+export * from '../core';
+export { NavigationBackButton, NavigationLeft } from '../extensions/navigation';
+export * from '../extensions/prevent-font-scaling';
+export { NavigationRightContent, TopNavigation, useTopNavigation } from '../extensions/top-navigation';
+export type { NavigationRightContentProps, TopNavigationProps } from '../extensions/top-navigation';
+export * from '../utils';

package/dist/cjs/private/index.js

@@ -0,0 +1 @@
+"use strict";var __createBinding=Object.create?function(n,e,t,r){r===void 0&&(r=t);var i=Object.getOwnPropertyDescriptor(e,t);(!i||("get"in i?!e.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(n,r,i)}:function(n,e,t,r){r===void 0&&(r=t),n[r]=e[t]},__setModuleDefault=Object.create?function(n,e){Object.defineProperty(n,"default",{enumerable:!0,value:e})}:function(n,e){n.default=e},__exportStar=function(n,e){for(var t in n)t!=="default"&&!Object.prototype.hasOwnProperty.call(e,t)&&__createBinding(e,n,t)},__importStar=function(){var n=function(e){return n=Object.getOwnPropertyNames||function(t){var r=[];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(r[r.length]=i);return r},n(e)};return function(e){if(e&&e.__esModule)return e;var t={};if(e!=null)for(var r=n(e),i=0;i<r.length;i++)r[i]!=="default"&&__createBinding(t,e,r[i]);return __setModuleDefault(t,e),t}}();Object.defineProperty(exports,"__esModule",{value:!0}),exports.useTopNavigation=exports.TopNavigation=exports.NavigationRightContent=exports.NavigationLeft=exports.NavigationBackButton=exports.Paragraph=void 0,__exportStar(require("../components/icon/private"),exports),exports.Paragraph=__importStar(require("../components/paragraph")),__exportStar(require("../core"),exports);var navigation_1=require("../extensions/navigation");Object.defineProperty(exports,"NavigationBackButton",{enumerable:!0,get:function(){return navigation_1.NavigationBackButton}}),Object.defineProperty(exports,"NavigationLeft",{enumerable:!0,get:function(){return navigation_1.NavigationLeft}}),__exportStar(require("../extensions/prevent-font-scaling"),exports);var top_navigation_1=require("../extensions/top-navigation");Object.defineProperty(exports,"NavigationRightContent",{enumerable:!0,get:function(){return top_navigation_1.NavigationRightContent}}),Object.defineProperty(exports,"TopNavigation",{enumerable:!0,get:function(){return top_navigation_1.TopNavigation}}),Object.defineProperty(exports,"useTopNavigation",{enumerable:!0,get:function(){return top_navigation_1.useTopNavigation}}),__exportStar(require("../utils"),exports);

package/dist/cjs/utils/ColorManager.d.ts

@@ -0,0 +1,23 @@
+import { Rgb } from 'culori';
+export interface Oklch {
+    mode: 'oklch';
+    l: number;
+    c: number;
+    h: number;
+    alpha: number;
+}
+export declare class ColorManager {
+    private color;
+    private alpha;
+    constructor(inputColor: string);
+    setLightness(l: number): this;
+    setAlpha(alpha: number): this;
+    getOklch(): Oklch;
+    getHue(): number;
+    getChroma(): number;
+    getLightness(): number;
+    getAlpha(): number;
+    getHex(): string;
+    getRgba(): string;
+}
+export declare const serializeRgba: (color: Partial<Rgb>) => string;

package/dist/cjs/utils/ColorManager.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.serializeRgba=exports.ColorManager=void 0;const culori_1=require("culori");class ColorManager{color;alpha=1;constructor(t){const e=(0,culori_1.parse)(t);if(!e)throw new Error("\uC720\uD6A8\uD55C \uC0C9\uC0C1 \uD3EC\uB9F7\uC774 \uC544\uB2D9\uB2C8\uB2E4.");const o=(0,culori_1.oklch)(e);if(!o)throw new Error("\uC720\uD6A8\uD55C \uC0C9\uC0C1 \uD3EC\uB9F7\uC774 \uC544\uB2D9\uB2C8\uB2E4.");return this.color={h:0,alpha:1,...o},this.alpha=e.alpha??1,this}setLightness(t){return this.color.l=t,this.color=(0,culori_1.clampChroma)(this.color,"oklch","rgb"),this}setAlpha(t){return this.alpha=t,this}getOklch(){return this.color}getHue(){return this.color.h}getChroma(){return this.color.c}getLightness(){return this.color.l}getAlpha(){return this.alpha}getHex(){return(0,culori_1.formatHex)({...this.color,alpha:this.alpha})}getRgba(){return formatRgba({...this.color,alpha:this.alpha})}}exports.ColorManager=ColorManager;const rgb=(0,culori_1.converter)("rgb"),twoDecimals=(0,culori_1.round)(2),clamp=r=>Math.max(0,Math.min(1,r||0)),fixup=r=>Math.round(clamp(r)*255),serializeRgba=r=>{const t=fixup(r.r),e=fixup(r.g),o=fixup(r.b);return`rgba(${t}, ${e}, ${o}, ${twoDecimals(clamp(r.alpha??1))})`};exports.serializeRgba=serializeRgba;function formatRgba(r){return(0,exports.serializeRgba)(rgb(r))}

package/dist/cjs/utils/DeepPartial.d.ts

@@ -0,0 +1,3 @@
+export type DeepPartial<T> = {
+    [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
+};

package/dist/cjs/utils/DeepPartial.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});

package/dist/cjs/utils/Keyboard.d.ts

@@ -0,0 +1,32 @@
+export declare enum KeyboardStatusLevel {
+    /** @description 키보드가 나타나지 않은 상태 */
+    None = 0,
+    /** @description 키보드가 숨겨진 뒤 상태 */
+    DidHide = 1,
+    /** @description 키보드가 숨겨져야 하는 상태 */
+    WillHide = 2,
+    /** @description 키보드가 보여져야 하는 상태 */
+    WillShow = 3,
+    /** @description 키보드가 보여진 뒤 상태 */
+    DidShow = 4
+}
+/**
+ * @name useKeyboardOpenStatus;
+ * @description 키보드가 보여지고 숨겨지는 상태를 level 로 나타낸 Hook
+ *
+ * 키보드가 보여질 때 상태 순서
+ * 1. None (= 0)
+ * 2. WillShow (= 3)
+ * 3. DidShow (= 4)
+ */
+export declare function useKeyboardStatusLevel(): KeyboardStatusLevel;
+/**
+ * @name useKeyboardOpened
+ * @description 키보드가 열렸느지 여부
+ */
+export declare function useKeyboardOpened(): boolean;
+/**
+ * @name useKeyboardHeight
+ * @description 키보드 높이
+ */
+export declare function useKeyboardHeight(): number;

package/dist/cjs/utils/Keyboard.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.KeyboardStatusLevel=void 0,exports.useKeyboardStatusLevel=useKeyboardStatusLevel,exports.useKeyboardOpened=useKeyboardOpened,exports.useKeyboardHeight=useKeyboardHeight;const react_1=require("react"),react_native_1=require("react-native");var KeyboardStatusLevel;(function(e){e[e.None=0]="None",e[e.DidHide=1]="DidHide",e[e.WillHide=2]="WillHide",e[e.WillShow=3]="WillShow",e[e.DidShow=4]="DidShow"})(KeyboardStatusLevel||(exports.KeyboardStatusLevel=KeyboardStatusLevel={}));function useKeyboardStatusLevel(){const[e,o]=(0,react_1.useState)(KeyboardStatusLevel.None);return(0,react_1.useEffect)(()=>{const d=react_native_1.Keyboard.addListener("keyboardWillShow",()=>{o(KeyboardStatusLevel.WillShow)}),r=react_native_1.Keyboard.addListener("keyboardDidShow",()=>{o(KeyboardStatusLevel.DidShow)}),i=react_native_1.Keyboard.addListener("keyboardWillHide",()=>{o(KeyboardStatusLevel.WillHide)}),t=react_native_1.Keyboard.addListener("keyboardDidHide",()=>{o(KeyboardStatusLevel.DidHide)});return()=>{d.remove(),r.remove(),i.remove(),t.remove()}},[]),e}function useKeyboardOpened(){const[e,o]=(0,react_1.useState)(!1);return(0,react_1.useEffect)(()=>{const d=react_native_1.Keyboard.addListener("keyboardDidShow",()=>o(!0)),r=react_native_1.Keyboard.addListener("keyboardDidHide",()=>o(!1));return()=>{d.remove(),r.remove()}},[]),e}function useKeyboardHeight(){const[e,o]=(0,react_1.useState)(0);return(0,react_1.useEffect)(()=>{const d=react_native_1.Keyboard.addListener("keyboardDidShow",i=>{o(i.endCoordinates.height)}),r=react_native_1.Keyboard.addListener("keyboardDidHide",i=>{o(0)});return()=>{d.remove(),r.remove()}},[]),e}

package/dist/cjs/utils/KeyboardAccessoryView.d.ts

@@ -0,0 +1,13 @@
+import { StyleProp, ViewProps, ViewStyle } from 'react-native';
+interface Props extends ViewProps {
+    contentContainerStyle?: StyleProp<ViewStyle>;
+    enabled?: boolean;
+    keyboardVerticalOffset?: number;
+}
+/**
+ * @name KeyboardAccessoryView
+ * @description 컴포넌트를 키보드 위로 띄워줍니다.
+ * - react-native 의 KeyboardAvoidingView 를 사용하면 onLayout 시점과 keyboardEvent 시점이 달라 높이가 달라지는 버그가 있습니다.
+ */
+export declare function KeyboardAccessoryView({ style, contentContainerStyle, enabled, children, onLayout, keyboardVerticalOffset, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/utils/KeyboardAccessoryView.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.KeyboardAccessoryView=KeyboardAccessoryView;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react"),react_native_1=require("react-native");function KeyboardAccessoryView({style:n,contentContainerStyle:o,enabled:a=!0,children:r,onLayout:i,keyboardVerticalOffset:d,...f}){const[u,b]=(0,react_1.useState)(null),[l,h]=(0,react_1.useState)(null),c=useIOSReduceMotionEnabled(),m=(0,react_1.useRef)(null),s=(0,react_1.useCallback)(e=>{const{duration:t,easing:y}=e;t&&y&&!c&&react_native_1.LayoutAnimation.configureNext({duration:t>10?t:10,update:{duration:t>10?t:10,type:react_native_1.LayoutAnimation.Types[y]||"keyboard"}}),b(e)},[c]),E=(0,react_1.useCallback)(e=>{h(e.nativeEvent.layout),i?.(e)},[i]);(0,react_1.useEffect)(()=>{const e=new Set;return react_native_1.Platform.OS==="ios"?e.add(react_native_1.Keyboard.addListener("keyboardWillChangeFrame",s)):react_native_1.Platform.OS==="android"&&(e.add(react_native_1.Keyboard.addListener("keyboardDidHide",s)),e.add(react_native_1.Keyboard.addListener("keyboardDidShow",s))),()=>{e.forEach(t=>{t?.remove()})}},[s]);const S=l==null||u==null?0:getKeyboardHeight({layoutFrame:l,keyboardFrame:u.endCoordinates,offset:d??0,isReduceMotionEnabled:c});return(0,jsx_runtime_1.jsx)(react_native_1.View,{ref:m,style:react_native_1.StyleSheet.compose(n,{paddingBottom:a?S:void 0}),onLayout:E,...f,children:r})}function getKeyboardHeight({layoutFrame:n,keyboardFrame:o,offset:a=0,isReduceMotionEnabled:r}){if(r&&o.screenY===0)return 0;const d=o.screenY-a;return Math.max(n.y+n.height-d,0)}function useIOSReduceMotionEnabled(){const[n,o]=(0,react_1.useState)(!1);return(0,react_1.useEffect)(()=>{async function a(){try{const r=await react_native_1.AccessibilityInfo.isReduceMotionEnabled();o(r)}catch{}}react_native_1.Platform.OS==="ios"&&a()},[]),n}

package/dist/cjs/utils/SafeArea.d.ts

@@ -0,0 +1,14 @@
+import { SafeAreaView } from '@granite-js/native/react-native-safe-area-context';
+import { ComponentProps } from 'react';
+export declare const SafeArea: {
+    Top: typeof SafeAreaTop;
+    Right: typeof SafeAreaRight;
+    Bottom: typeof SafeAreaBottom;
+    Left: typeof SafeAreaLeft;
+};
+type SafeAreaProps = Omit<ComponentProps<typeof SafeAreaView>, 'children'>;
+declare function SafeAreaTop({ edges, ...props }: SafeAreaProps): import("react/jsx-runtime").JSX.Element;
+declare function SafeAreaRight({ edges, ...props }: SafeAreaProps): import("react/jsx-runtime").JSX.Element;
+declare function SafeAreaBottom({ edges, ...props }: SafeAreaProps): import("react/jsx-runtime").JSX.Element;
+declare function SafeAreaLeft({ edges, ...props }: SafeAreaProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/utils/SafeArea.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SafeArea=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_native_safe_area_context_1=require("@granite-js/native/react-native-safe-area-context");exports.SafeArea={Top:SafeAreaTop,Right:SafeAreaRight,Bottom:SafeAreaBottom,Left:SafeAreaLeft};function SafeAreaTop({edges:t,...e}){return(0,jsx_runtime_1.jsx)(react_native_safe_area_context_1.SafeAreaView,{edges:["top"],...e})}function SafeAreaRight({edges:t,...e}){return(0,jsx_runtime_1.jsx)(react_native_safe_area_context_1.SafeAreaView,{edges:["right"],...e})}function SafeAreaBottom({edges:t,...e}){return(0,jsx_runtime_1.jsx)(react_native_safe_area_context_1.SafeAreaView,{edges:["bottom"],...e})}function SafeAreaLeft({edges:t,...e}){return(0,jsx_runtime_1.jsx)(react_native_safe_area_context_1.SafeAreaView,{edges:["left"],...e})}

package/dist/cjs/utils/childrens.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+export declare const Childrens: {
+    /**
+     * @name Childrens.Gap
+     * @description ReactNode children 을 렌더할 때 사이에 gap 컴포넌트를 렌더합니다.
+     */
+    Gap: typeof ChildrensGap;
+};
+interface ChildrensGapProps {
+    children: ReactNode;
+    gap: ReactNode;
+}
+declare function ChildrensGap({ children, gap }: ChildrensGapProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/cjs/utils/childrens.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Childrens=void 0;const jsx_runtime_1=require("react/jsx-runtime"),react_1=require("react");exports.Childrens={Gap:ChildrensGap};function ChildrensGap({children:e,gap:t}){return(0,jsx_runtime_1.jsx)(jsx_runtime_1.Fragment,{children:react_1.Children.map(e,(n,r)=>{const s=r===react_1.Children.count(e)-1;return(0,jsx_runtime_1.jsxs)(react_1.Fragment,{children:[n,s?void 0:t]},r)})})}

package/dist/cjs/utils/deepMerge.d.ts

@@ -0,0 +1 @@
+export declare function deepMerge<T extends Record<string, any>, U extends Record<string, any>>(target: T, source: U): T & U;

package/dist/cjs/utils/deepMerge.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.deepMerge=deepMerge;function deepMerge(s,u){const r={...s};for(const[c,e]of Object.entries(u)){const o=c,t=r[o];typeof e=="object"&&e!==null&&!Array.isArray(e)&&typeof t=="object"&&t!==null&&!Array.isArray(t)?r[o]=deepMerge(t,e):r[o]=e}return r}

package/dist/cjs/utils/extractTextFromReactElement.d.ts

@@ -0,0 +1,2 @@
+import { ReactElement } from 'react';
+export declare function extractTextFromReactElement(element: ReactElement): string;

package/dist/cjs/utils/extractTextFromReactElement.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.extractTextFromReactElement=extractTextFromReactElement;const react_1=require("react");function extractTextFromReactElement(e){if(typeof e=="string")return e;if(typeof e=="number")return String(e);if(!(0,react_1.isValidElement)(e))return"";const t=e.props;if(!t||t.children===void 0||t.children===null)return"";const r=t.children;return typeof r=="string"?r:typeof r=="number"?String(r):Array.isArray(r)?r.map(n=>extractTextFromReactElement(n)).filter(Boolean).join(" ").replace(/\s+/g," ").trim():(0,react_1.isValidElement)(r)?extractTextFromReactElement(r):""}

package/dist/cjs/utils/index.d.ts

@@ -0,0 +1,13 @@
+export * from './childrens';
+export * from './isReactText';
+export * from './extractTextFromReactElement';
+export * from './Keyboard';
+export * from './KeyboardAccessoryView';
+export * from './SafeArea';
+export * from './useAccessibilityInfo';
+export * from './useAnimatePresence';
+export * from './useControlled';
+export * from './useSafeAreaBottom';
+export * from './useSafeAreaTop';
+export * from './useWiggleAnim';
+export * from './deepMerge';

package/dist/cjs/utils/index.js

@@ -0,0 +1 @@
+"use strict";var __createBinding=Object.create?function(i,r,e,t){t===void 0&&(t=e);var o=Object.getOwnPropertyDescriptor(r,e);(!o||("get"in o?!r.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return r[e]}}),Object.defineProperty(i,t,o)}:function(i,r,e,t){t===void 0&&(t=e),i[t]=r[e]},__exportStar=function(i,r){for(var e in i)e!=="default"&&!Object.prototype.hasOwnProperty.call(r,e)&&__createBinding(r,i,e)};Object.defineProperty(exports,"__esModule",{value:!0}),__exportStar(require("./childrens"),exports),__exportStar(require("./isReactText"),exports),__exportStar(require("./extractTextFromReactElement"),exports),__exportStar(require("./Keyboard"),exports),__exportStar(require("./KeyboardAccessoryView"),exports),__exportStar(require("./SafeArea"),exports),__exportStar(require("./useAccessibilityInfo"),exports),__exportStar(require("./useAnimatePresence"),exports),__exportStar(require("./useControlled"),exports),__exportStar(require("./useSafeAreaBottom"),exports),__exportStar(require("./useSafeAreaTop"),exports),__exportStar(require("./useWiggleAnim"),exports),__exportStar(require("./deepMerge"),exports);

package/dist/cjs/utils/isReactText.d.ts

@@ -0,0 +1,2 @@
+import { ReactNode, ReactText } from 'react';
+export declare function isReactText(node: ReactNode): node is ReactText;

package/dist/cjs/utils/isReactText.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.isReactText=isReactText;function isReactText(e){return typeof e=="string"||typeof e=="number"}

package/dist/cjs/utils/mergeRefs.d.ts

@@ -0,0 +1 @@
+export declare function mergeRefs<T = any>(...refs: Array<React.MutableRefObject<T> | React.LegacyRef<T>>): React.RefCallback<T>;

package/dist/cjs/utils/mergeRefs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.mergeRefs=mergeRefs;function mergeRefs(...r){return t=>{r.forEach(e=>{typeof e=="function"?e(t):e!=null&&(e.current=t)})}}

package/dist/cjs/utils/testing/index.d.ts

@@ -0,0 +1 @@
+export { mockAccessibilityInfo } from './mockAccessibilityInfo';

package/dist/cjs/utils/testing/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.mockAccessibilityInfo=void 0;var mockAccessibilityInfo_1=require("./mockAccessibilityInfo");Object.defineProperty(exports,"mockAccessibilityInfo",{enumerable:!0,get:function(){return mockAccessibilityInfo_1.mockAccessibilityInfo}});

package/dist/cjs/utils/testing/mockAccessibilityInfo.d.ts

@@ -0,0 +1,6 @@
+import { AccessibilityInfo } from 'react-native';
+type EnableAccessibilityInfoKey = keyof Pick<AccessibilityInfo, 'isReduceMotionEnabled' | 'isScreenReaderEnabled'>;
+export declare function mockAccessibilityInfo(accessibilityinfo: {
+    [key in EnableAccessibilityInfoKey]?: boolean;
+}): void;
+export {};

package/dist/cjs/utils/testing/mockAccessibilityInfo.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.mockAccessibilityInfo=mockAccessibilityInfo;const react_native_1=require("react-native");function mockAccessibilityInfo(e){Object.entries(e).forEach(([t,c])=>{jest.spyOn(react_native_1.AccessibilityInfo,t).mockImplementationOnce(async()=>c)}),jest.spyOn(react_native_1.AccessibilityInfo,"addEventListener").mockReturnValueOnce({remove:()=>{}})}

package/dist/cjs/utils/useAccessibilityInfo.d.ts

@@ -0,0 +1,4 @@
+export declare function useAccessibilityInfo(): {
+    reduceMotionEnabled: boolean | null;
+    screenReaderEnabled: boolean | null;
+};

package/dist/cjs/utils/useAccessibilityInfo.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useAccessibilityInfo=useAccessibilityInfo;const react_1=require("react"),react_native_1=require("react-native");function useAccessibilityInfo(){const[s,n]=(0,react_1.useState)(null),[c,t]=(0,react_1.useState)(null);return(0,react_1.useEffect)(()=>{const i=react_native_1.AccessibilityInfo.addEventListener("reduceMotionChanged",e=>{n(e)}),r=react_native_1.AccessibilityInfo.addEventListener("screenReaderChanged",e=>{t(e)});return react_native_1.AccessibilityInfo.isReduceMotionEnabled().then(e=>{n(e)}),react_native_1.AccessibilityInfo.isScreenReaderEnabled().then(e=>{t(e)}),()=>{i?.remove(),r?.remove()}},[]),{reduceMotionEnabled:s,screenReaderEnabled:c}}

package/dist/cjs/utils/useAnimatePresence.d.ts

@@ -0,0 +1,11 @@
+type PresenceState = 'visible-animation' | 'visible' | 'invisible-animation' | 'invisible';
+interface Config {
+    enter: () => Promise<void> | void;
+    onEntered?: () => void;
+    exit: () => Promise<void> | void;
+    onExited?: () => void;
+}
+export declare function useAnimatePresence(visible: boolean, { enter, exit, onEntered, onExited }: Config): {
+    presenceState: PresenceState;
+};
+export {};

package/dist/cjs/utils/useAnimatePresence.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useAnimatePresence=useAnimatePresence;const react_1=require("react");function useAnimatePresence(s,{enter:t,exit:a,onEntered:n,onExited:c}){const[i,e]=(0,react_1.useState)("invisible"),r=(0,react_1.useCallback)(async()=>{e("visible-animation"),await t(),e("visible"),n?.()},[t,n]),u=(0,react_1.useCallback)(async()=>{e("invisible-animation"),await a(),e("invisible"),c?.()},[a,c]);return(0,react_1.useEffect)(()=>{if(s&&i!=="visible"){r();return}else!s&&i!=="invisible"&&u()},[s]),{presenceState:i}}

package/dist/cjs/utils/useAnnounce.d.ts

@@ -0,0 +1,17 @@
+import { ReactElement } from 'react';
+export interface UseAnnounceOptions {
+    /** 큐에 추가할지 여부 (기본값: false) */
+    queue?: boolean;
+    /** 지연 시간 (ms, 기본값: 0) */
+    delay?: number;
+    /** 스크린 리더가 활성화된 경우에만 알림할지 여부 (기본값: true) */
+    onlyWhenScreenReaderEnabled?: boolean;
+}
+/**
+ * 스크린 리더 사용자에게 메시지를 알리는 훅
+ *
+ * @returns announce 함수
+ */
+export declare function useAnnounce(): {
+    announce: (message: string | ReactElement, options?: UseAnnounceOptions) => Promise<void>;
+};

package/dist/cjs/utils/useAnnounce.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useAnnounce=useAnnounce;const react_1=require("react"),react_native_1=require("react-native"),extractTextFromReactElement_1=require("./extractTextFromReactElement");function useAnnounce(){return{announce:(0,react_1.useCallback)(async(e,i={})=>{const{queue:s=!1,delay:n=0,onlyWhenScreenReaderEnabled:r=!0}=i;if(r&&!await react_native_1.AccessibilityInfo.isScreenReaderEnabled())return;const t=typeof e=="string"?e:(0,extractTextFromReactElement_1.extractTextFromReactElement)(e),c=()=>{react_native_1.AccessibilityInfo.announceForAccessibilityWithOptions?react_native_1.AccessibilityInfo.announceForAccessibilityWithOptions(t,{queue:s}):react_native_1.AccessibilityInfo.announceForAccessibility&&react_native_1.AccessibilityInfo.announceForAccessibility(t)};n>0?setTimeout(c,n):c()},[])}}

package/dist/cjs/utils/useControlled.d.ts

@@ -0,0 +1,5 @@
+export interface UseControlledProps<T> {
+    controlledValue?: T;
+    defaultValue: T;
+}
+export declare function useControlled<T = unknown>({ controlledValue, defaultValue, }: UseControlledProps<T>): [T, (newValue: T) => void];

package/dist/cjs/utils/useControlled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useControlled=useControlled;const react_1=require("react");function useControlled({controlledValue:e,defaultValue:n}){const{current:t}=(0,react_1.useRef)(e!==void 0),[s,r]=(0,react_1.useState)(n),u=t?e:s;(0,react_1.useEffect)(()=>{(!t&&e!==void 0||t&&e===void 0)&&console.error("\uCEF4\uD3EC\uB10C\uD2B8 \uC0DD\uC131 \uC774\uD6C4\uC5D0 uncontrolled \uBC29\uC2DD\uACFC controlled \uBC29\uC2DD\uC744 dynamic\uD558\uAC8C \uB118\uB098\uB4DC\uB294 \uACBD\uC6B0\uB294 \uAE08\uC9C0\uB41C\uB2E4.")},[e]);const o=(0,react_1.useCallback)(c=>{t||r(c)},[]);return[u,o]}

package/dist/cjs/utils/useSafeAreaBottom.d.ts

@@ -0,0 +1,11 @@
+/** @description iOS 의 노치디자인 하단 SafeArea 값 */
+export declare const IOS_NOTCH_SAFE_AREA_BOTTOM = 34;
+/**
+ * @name useSafeAreaBottom
+ * @description SafeAreaBottom 값을 가져옵니다.
+ * - iOS 에서 최대 SafeArea Bottom 값을 기본 노치 SafeArea Bottom 값으로 지정합니다.
+ * - MainTabBar 가 열리고 닫힐 때 SafeArea 값이 변경되어 LayoutShift 가 발생합니다.
+ * - MainTabBar 가 있는 경우 SafeArea = 82px = 58px + 24px
+ * - MainTabBar 가 없는 경우 SafeArea = 34px (기본 노치 값, 노치값이 없다면 0px)
+ */
+export declare function useSafeAreaBottom(): number;

package/dist/cjs/utils/useSafeAreaBottom.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.IOS_NOTCH_SAFE_AREA_BOTTOM=void 0,exports.useSafeAreaBottom=useSafeAreaBottom;const react_native_safe_area_context_1=require("@granite-js/native/react-native-safe-area-context");exports.IOS_NOTCH_SAFE_AREA_BOTTOM=34;function useSafeAreaBottom(){const e=(0,react_native_safe_area_context_1.useSafeAreaInsets)();return Math.min(e.bottom,exports.IOS_NOTCH_SAFE_AREA_BOTTOM)}

package/dist/cjs/utils/useSafeAreaTop.d.ts

@@ -0,0 +1 @@
+export declare function useSafeAreaTop(): number;

package/dist/cjs/utils/useSafeAreaTop.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useSafeAreaTop=useSafeAreaTop;const react_native_safe_area_context_1=require("@granite-js/native/react-native-safe-area-context"),react_native_1=require("react-native");function useSafeAreaTop(){const e=(0,react_native_safe_area_context_1.useSafeAreaInsets)();return react_native_1.Platform.OS==="ios"&&e.top>50?e.top-5:e.top}

package/dist/cjs/utils/useWiggleAnim.d.ts

@@ -0,0 +1,24 @@
+import { Animated } from 'react-native';
+interface Props {
+    /**
+     * @description 모션 방향
+     */
+    direction: 'x' | 'y';
+    /**
+     * @description 모션 크기
+     */
+    type: 'small' | 'big';
+}
+export declare function useWiggleAnim({ direction, type }: Props): {
+    startWiggle: () => void;
+    style: {
+        transform: ({
+            translateX: Animated.Value;
+            translateY?: undefined;
+        } | {
+            translateY: Animated.Value;
+            translateX?: undefined;
+        })[];
+    };
+};
+export {};

package/dist/cjs/utils/useWiggleAnim.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useWiggleAnim=useWiggleAnim;const react_1=require("react"),react_native_1=require("react-native");function useWiggleAnim({direction:t,type:r}){const e=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current;return{startWiggle:(0,react_1.useCallback)(()=>{react_native_1.Animated.sequence(WIGGLE_TRANSLATE[r].map(a=>react_native_1.Animated.timing(e,{toValue:a,duration:87.5,easing:react_native_1.Easing.linear,useNativeDriver:!0}))).start()},[]),style:{transform:[t==="x"?{translateX:e}:{translateY:e}]}}}const WIGGLE_TRANSLATE={small:[2,-2,1,-1],big:[4,-4,2,-2]};

package/dist/esm/components/agreement/AgreementButton.d.ts

@@ -0,0 +1,9 @@
+import { CheckboxProps } from '../checkbox';
+import { ReactNode } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+interface AgreementButtonProps extends Pick<CheckboxProps, 'checked' | 'defaultChecked' | 'onCheckedChange'> {
+    children?: ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+export declare function AgreementButton({ children, style, checked: _checked, defaultChecked, onCheckedChange, }: AgreementButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/components/agreement/AgreementButton.js

@@ -0,0 +1 @@
+"use strict";import{jsx as n}from"react/jsx-runtime";import{Checkbox as g}from"../checkbox";import{useAdaptive as h}from"../../core";import{Txt as u}from"../txt";import{useControlled as y}from"../../utils";import{useCallback as C,useState as k}from"react";import{StyleSheet as x}from"react-native";import{PADDING_LEFT as b,PADDING_RIGHT as P}from"./const";export function AgreementButton({children:a,style:l,checked:c,defaultChecked:d=!1,onCheckedChange:t}){const e=h(),[m,r]=k(!1),[p,o]=y({controlledValue:c,defaultValue:d}),f=C(s=>{t?.(s),o(s)},[t,o]);return n(g.Line,{checked:p,size:24,style:[{backgroundColor:m?e.opacity200:e.grey100,...i.pressableContainer},l],onCheckedChange:f,onPressIn:()=>r(!0),onPressOut:()=>r(!1),children:n(u,{typography:"st8",fontWeight:"semiBold",color:e.grey800,style:i.txt,children:a})})}const i=x.create({pressableContainer:{borderRadius:16,paddingLeft:b,paddingRight:P,paddingVertical:16,marginHorizontal:20,marginVertical:10},txt:{marginLeft:8}});

package/dist/esm/components/agreement/AgreementDescription.d.ts

@@ -0,0 +1,7 @@
+import { TxtProps } from '../txt';
+import { Indent } from './types';
+interface AgreementDescriptionProps extends Pick<TxtProps, 'children' | 'style'> {
+    indent: Indent;
+}
+export declare function AgreementDescription({ children, indent, style, ...props }: AgreementDescriptionProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/components/agreement/AgreementDescription.js

@@ -0,0 +1 @@
+"use strict";import{jsx as p}from"react/jsx-runtime";import{useAdaptive as m}from"../../core";import{Txt as n}from"../txt";import{StyleSheet as a}from"react-native";import{INDENT_WIDTH as s,PADDING_LEFT as d,PADDING_RIGHT as c}from"./const";export function AgreementDescription({children:t,indent:r,style:e,...o}){const i=m();return p(n,{typography:"t7",color:i.grey500,style:[{paddingLeft:d+s*r},f.txt,e],...o,children:t})}const f=a.create({txt:{paddingRight:c,paddingVertical:6}});

package/dist/esm/components/agreement/AgreementField.d.ts

@@ -0,0 +1,36 @@
+import { CheckboxProps } from '../checkbox';
+import { ComponentProps, ReactNode } from 'react';
+import { PressableProps, StyleProp, ViewStyle } from 'react-native';
+import BaseAgreementField, { BaseAgreementFieldProps } from './BaseAgreementField';
+type AgreementFieldType = 'big-bold' | 'medium-bold' | 'medium-regular';
+interface AgreementFieldProps extends Pick<BaseAgreementFieldProps, 'indent' | 'withBorder'> {
+    children?: ReactNode;
+    type: AgreementFieldType;
+    addonText?: ReactNode;
+    arrow?: ReactNode;
+    style?: StyleProp<ViewStyle>;
+    /**
+     * @description 모든 터치영역 클릭 이벤트
+     */
+    onPress?: PressableProps['onPress'];
+    /**
+     * @description Link, Collapse Area 터치영역 클릭 이벤트
+     */
+    onActionPress?: PressableProps['onPress'];
+}
+declare function AgreementField({ children, type, addonText, arrow, indent, withBorder, style, onPress, onActionPress, }: AgreementFieldProps): import("react/jsx-runtime").JSX.Element;
+declare namespace AgreementField {
+    var AddonText: ({ color, style, ...props }: Omit<import("../txt").TxtProps, "typography">) => import("react/jsx-runtime").JSX.Element;
+    var Arrow: ({ color, type, open, style, }: {
+        color?: string | undefined;
+        style?: StyleProp<ViewStyle>;
+        open?: boolean;
+        type?: "link" | "collapsible";
+    }) => import("react/jsx-runtime").JSX.Element;
+}
+export interface CheckboxAgreementFieldProps extends AgreementFieldProps, Pick<CheckboxProps, 'checked' | 'defaultChecked' | 'onCheckedChange'> {
+}
+declare function CheckboxAgreementField({ children, checked: _checked, defaultChecked, type, addonText, arrow, indent, withBorder, style, onCheckedChange, onPress, onActionPress, }: CheckboxAgreementFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare const marginTopMap: Record<AgreementFieldType, number>;
+export declare const contentTextPropsMap: Record<AgreementFieldType, Pick<ComponentProps<typeof BaseAgreementField.ContentText>, 'size' | 'fontWeight'>>;
+export { CheckboxAgreementField, AgreementField };

package/dist/esm/components/agreement/AgreementField.js

@@ -0,0 +1 @@
+"use strict";import{jsx as e,jsxs as T}from"react/jsx-runtime";import{Checkbox as j}from"../checkbox";import{PressableEffect as C,usePressAnim as B}from"../../interactions/pressable-effect";import{useControlled as F}from"../../utils";import{useCallback as z}from"react";import{Animated as H,Pressable as I,StyleSheet as L,View as n}from"react-native";import o from"./BaseAgreementField";function P({children:f,type:s,addonText:c,arrow:t,indent:l,withBorder:m,style:x,onPress:a,onActionPress:d}){const g=contentTextPropsMap[s],u=z(h=>{a?.(h),d?.(h)},[a,d]);return e(C,{underlay:e(C.Underlay,{style:V[s]}),style:[{flex:1},x],onPress:a!=null||d!=null?u:void 0,children:e(o,{content:e(o.ContentText,{...g,style:i.contentText,children:f}),indent:l,withBorder:m,right:e(n,{style:{marginTop:marginTopMap[s]},children:T(n,{style:i.rightContainer,children:[c!=null?e(n,{style:[i.addonTextContainer,{marginRight:t==null?8:4}],children:c}):null,t]})})})})}function M({children:f,checked:s,defaultChecked:c=!1,type:t,addonText:l,arrow:m,indent:x,withBorder:a,style:d,onCheckedChange:g,onPress:u,onActionPress:h}){const k=contentTextPropsMap[t],[p,A]=F({controlledValue:s,defaultValue:c}),R=z(r=>{g?.(r),A(r)},[g,A]),{opacityAnim:w,scaleAnim:O,startPressInAnim:y,startPressOutAnim:b}=B({pressIn:{scale:.96,opacity:1},pressOut:{scale:1,opacity:0}});return e(n,{style:[{flex:1},d],children:T(H.View,{style:{transform:[{scale:O}]},children:[e(C.Underlay,{style:[V[t],{opacity:w}]}),e(I,{onPress:r=>{u?.(r),R(!p)},onPressIn:y,onPressOut:b,children:e(o,{left:e(j.Line,{size:24,checked:p,onPress:r=>{u?.(r),R(!p)},onPressIn:y,onPressOut:b,style:{marginTop:marginTopMap[t],marginRight:8,alignItems:"flex-start"}}),content:e(o.ContentText,{...k,style:i.contentText,children:f}),indent:x,withBorder:a,right:m!=null?e(I,{style:{paddingLeft:16,paddingRight:16},onPress:r=>{h?.(r)},onPressIn:y,onPressOut:b,children:e(n,{style:{marginTop:marginTopMap[t]},children:T(n,{style:i.rightContainer,children:[l!=null?e(n,{style:[i.addonTextContainer,{marginRight:4}],children:l}):null,m]})})}):e(n,{style:{marginTop:marginTopMap[t]},children:e(n,{style:i.rightContainer,children:l!=null?e(n,{style:[i.addonTextContainer,{marginRight:8}],children:l}):null})})})})]})})}export const marginTopMap={"big-bold":18,"medium-bold":6,"medium-regular":6},contentTextPropsMap={"big-bold":{size:"big",fontWeight:"bold"},"medium-bold":{size:"medium",fontWeight:"bold"},"medium-regular":{size:"medium",fontWeight:"regular"}};const V={"big-bold":{borderRadius:12,marginVertical:4,marginHorizontal:6},"medium-bold":{borderRadius:8,marginVertical:0,marginHorizontal:6},"medium-regular":{borderRadius:8,marginVertical:0,marginHorizontal:6}},i=L.create({contentText:{flex:1},rightContainer:{flexDirection:"row",alignItems:"center"},addonTextContainer:{marginLeft:8}});P.AddonText=o.AddonText,P.Arrow=o.Arrow;export{M as CheckboxAgreementField,P as AgreementField};

package/dist/esm/components/agreement/AgreementGroup.d.ts

@@ -0,0 +1,10 @@
+import { ViewProps } from 'react-native';
+import { CheckboxAgreementFieldProps } from './AgreementField';
+import { Indent } from './types';
+type AgreementGroupProps = ViewProps & {
+    indent: Indent;
+};
+type AgreementGroupItemProps = Pick<CheckboxAgreementFieldProps, 'children' | 'type' | 'style' | 'checked' | 'defaultChecked' | 'onCheckedChange' | 'onPress' | 'onActionPress'>;
+declare function AgreementGroup({ style, indent, ...props }: AgreementGroupProps): import("react/jsx-runtime").JSX.Element;
+declare function AgreementGroupItem({ children, type, style, checked: _checked, defaultChecked, onCheckedChange, onPress, onActionPress, }: AgreementGroupItemProps): import("react/jsx-runtime").JSX.Element;
+export { AgreementGroup, AgreementGroupItem };

package/dist/esm/components/agreement/AgreementGroup.js

@@ -0,0 +1 @@
+"use strict";import{jsx as e}from"react/jsx-runtime";import{Checkbox as I}from"../checkbox";import{useControlled as T}from"../../utils";import{useCallback as y}from"react";import{Pressable as C,StyleSheet as D,View as m}from"react-native";import{contentTextPropsMap as G,marginTopMap as P}from"./AgreementField";import c from"./BaseAgreementField";import{INDENT_WIDTH as A,PADDING_LEFT as k,PADDING_RIGHT as w}from"./const";function _({style:o,indent:r,...n}){return e(m,{style:[{paddingLeft:k+A*r,marginHorizontal:-i},s.groupContainer,o],children:e(m,{style:[s.group],...n})})}function L({children:o,type:r,style:n,checked:d,defaultChecked:f=!1,onCheckedChange:a,onPress:g,onActionPress:u}){const h=G[r],[l,p]=T({controlledValue:d,defaultValue:f}),x=y(t=>{a?.(t),p(t)},[a,p]);return e(C,{style:[s.groupItem,n],onPress:t=>{g?.(t),u?.(t),x(!l)},children:e(c,{left:e(I.Line,{size:24,checked:l,style:{marginTop:P[r],marginRight:8,alignItems:"flex-start"}}),content:e(c.ContentText,{...h,children:o}),withBorder:!1,indent:0,style:{paddingLeft:i,paddingRight:i}})})}const i=12,s=D.create({groupContainer:{paddingRight:w},group:{flexWrap:"wrap",flexDirection:"row",justifyContent:"space-around"},groupItem:{minWidth:"33.3%",flexGrow:1}});export{_ as AgreementGroup,L as AgreementGroupItem};

package/dist/esm/components/agreement/BaseAgreementField.d.ts

@@ -0,0 +1,32 @@
+import { Icon } from '../icon';
+import { TxtProps } from '../txt';
+import { ComponentProps, ReactNode } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import { Indent } from './types';
+export interface BaseAgreementFieldProps {
+    left?: ReactNode;
+    content: ReactNode;
+    right?: ReactNode;
+    indent: Indent;
+    withBorder: boolean;
+    style?: StyleProp<ViewStyle>;
+}
+declare function BaseAgreementField({ left, content, right, indent, withBorder, style }: BaseAgreementFieldProps): import("react/jsx-runtime").JSX.Element;
+declare namespace BaseAgreementField {
+    var ContentText: typeof BaseAgreementFieldContentText;
+    var Arrow: typeof BaseAgreementFieldArrow;
+    var AddonText: typeof BaseAgreementFieldAddonText;
+}
+type BaseAgreementFieldContentTextSize = 'big' | 'medium';
+declare function BaseAgreementFieldContentText({ size, color, style, ...props }: Omit<TxtProps, 'typography'> & {
+    size: BaseAgreementFieldContentTextSize;
+}): import("react/jsx-runtime").JSX.Element;
+declare function BaseAgreementFieldAddonText({ color, style, ...props }: Omit<TxtProps, 'typography'>): import("react/jsx-runtime").JSX.Element;
+type IconProps = ComponentProps<typeof Icon>;
+declare function BaseAgreementFieldArrow({ color, type, open, style, }: {
+    color?: IconProps['color'];
+    style?: StyleProp<ViewStyle>;
+    open?: boolean;
+    type?: 'link' | 'collapsible';
+}): import("react/jsx-runtime").JSX.Element;
+export default BaseAgreementField;

package/dist/esm/components/agreement/BaseAgreementField.js

@@ -0,0 +1 @@
+"use strict";import{jsxs as d,jsx as n,Fragment as u}from"react/jsx-runtime";import{useAdaptive as l}from"../../core";import{Border as y}from"../border";import{Icon as A}from"../icon";import{Txt as c}from"../txt";import{Component as x,useCallback as h,useEffect as T}from"react";import{Animated as p,StyleSheet as I,View as D}from"react-native";import{INDENT_WIDTH as F,PADDING_LEFT as b,PADDING_RIGHT as w}from"./const";import{useAnimatedRotateValue as B}from"./useAnimatedRotateValue";function s({left:t,content:e,right:r,indent:o,withBorder:i,style:a}){return d(u,{children:[d(D,{style:[{paddingLeft:b+F*o},f.container,a],children:[t,e,r]}),i?n(y,{type:"padding24",style:f.border}):null]})}function C({size:t,color:e,style:r,...o}){const i=l();return n(c,{typography:_[t],color:e??i.grey700,style:[{paddingVertical:j[t]},r],...o})}const _={big:"t4",medium:"t6"},j={big:16,medium:6};function N({color:t,style:e,...r}){return n(c,{typography:"t7",color:t,style:e,...r})}class R extends x{render(){return n(A,{...this.props})}}const V=p.createAnimatedComponent(R);function v({color:t,type:e="link",open:r=!1,style:o}){const i=l(),a=h(()=>e==="collapsible"?r?-90:90:0,[r,e]),{rotate:g,startAnimation:m}=B(a(),{min:-90,max:90});return T(()=>{m(a()).start()},[a,m]),n(p.View,{style:o,children:n(V,{name:"icon-arrow-right-mono",color:t??i.grey400,style:{transform:[{rotate:g}]}})})}const f=I.create({container:{flexDirection:"row",paddingRight:w},content:{flex:1},border:{marginBottom:16}});export default s;s.ContentText=C,s.Arrow=v,s.AddonText=N;

package/dist/esm/components/agreement/Collapsible/AgreementCollapsibleTrigger.d.ts

@@ -0,0 +1,4 @@
+import { ReactElement } from 'react';
+export declare function AgreementCollapsibleTrigger({ children }: {
+    children: ReactElement;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/agreement/Collapsible/AgreementCollapsibleTrigger.js

@@ -0,0 +1 @@
+"use strict";import{jsx as n}from"react/jsx-runtime";import{useAdaptive as l}from"../../../core";import{useContext as f,useEffect as g,useMemo as u}from"react";import c from"../BaseAgreementField";import{useAnimatedRotateValue as A}from"../useAnimatedRotateValue";import{CollapsibleContext as d}from"./CollapsibleContext";import{CollapsibleTrigger as x}from"./CollapsibleTrigger";export function AgreementCollapsibleTrigger({children:o}){const{open:r,onTrigger:i}=f(d),m=l(),e=u(()=>()=>r?90:0,[r]),{rotate:p,startAnimation:s}=A(e(),{min:0,max:90});g(()=>{s(e()).start()},[e,s]);const a={arrow:n(c.Arrow,{color:r?m.grey600:void 0,style:{transform:[{rotate:p}]}}),onActionPress:t=>{o.props.onActionPress?.(t),i()},onPress:t=>{o.props.onPress?.(t)}};return n(x,{overrideProps:a,children:o})}

package/dist/esm/components/agreement/Collapsible/Collapsible.d.ts

@@ -0,0 +1,14 @@
+export interface CollapsibleProps {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+export interface CollapsibleRef {
+    isOpen: boolean;
+    open: () => void;
+    close: () => void;
+    toggle: () => void;
+}
+export declare const Collapsible: import("react").ForwardRefExoticComponent<CollapsibleProps & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<CollapsibleRef>>;

package/dist/esm/components/agreement/Collapsible/Collapsible.js

@@ -0,0 +1 @@
+"use strict";import{jsx as f}from"react/jsx-runtime";import{useControlled as u}from"../../../utils";import{forwardRef as p,useCallback as m,useImperativeHandle as c}from"react";import{CollapsibleContext as d}from"./CollapsibleContext";export const Collapsible=p(function({children:t,open:s,defaultOpen:i=!1,onOpenChange:l},a){const[e,o]=u({controlledValue:s,defaultValue:i}),r=m(()=>{l?.(!e),o(!e)},[e,l]);return c(a,()=>({isOpen:e,toggle:r,close:()=>{l?.(!1),o(!1)},open:()=>{l?.(!0),o(!0)}}),[l,e]),f(d.Provider,{value:{open:e,onTrigger:r},children:t})});

package/dist/esm/components/agreement/Collapsible/CollapsibleContent.d.ts

@@ -0,0 +1,5 @@
+import { PropsWithChildren } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+export declare function CollapsibleContent({ children, style, }: PropsWithChildren<{
+    style?: StyleProp<ViewStyle>;
+}>): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/agreement/Collapsible/CollapsibleContent.js

@@ -0,0 +1 @@
+"use strict";import{jsx as s}from"react/jsx-runtime";import{spring as m}from"@toss-design-system/easings";import{useCallback as p,useContext as h,useEffect as C,useRef as a}from"react";import{Animated as n,StyleSheet as d,View as g}from"react-native";import{CollapsibleContext as y}from"./CollapsibleContext";const o=0;export function CollapsibleContent({children:u,style:c}){const{open:r}=h(y),i=a(o),e=a(new n.Value(o)).current,t=p(()=>{n.spring(e,{toValue:r?i.current:o,...m.quick,useNativeDriver:!1}).start()},[e,r]);return C(()=>{t()},[t]),s(n.View,{style:[l.outerContainer,{height:e},c],children:s(g,{style:l.innerContainer,onLayout:f=>{i.current=f.nativeEvent.layout.height,t()},children:u})})}const l=d.create({outerContainer:{overflow:"hidden"},innerContainer:{position:"absolute",top:0,left:0,width:"100%"}});

package/dist/esm/components/agreement/Collapsible/CollapsibleContext.d.ts

@@ -0,0 +1,5 @@
+export interface CollapsibleContext {
+    open: boolean;
+    onTrigger: () => void;
+}
+export declare const CollapsibleContext: import("react").Context<CollapsibleContext>;

package/dist/esm/components/agreement/Collapsible/CollapsibleContext.js

@@ -0,0 +1 @@
+"use strict";import{createContext as e}from"react";export const CollapsibleContext=e({open:!1,onTrigger(){}});

package/dist/esm/components/agreement/Collapsible/CollapsibleTrigger.d.ts

@@ -0,0 +1,4 @@
+import { PropsWithChildren } from 'react';
+export declare function CollapsibleTrigger<T>({ children, overrideProps }: PropsWithChildren<{
+    overrideProps: T;
+}>): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/agreement/Collapsible/CollapsibleTrigger.js

@@ -0,0 +1 @@
+"use strict";import{Fragment as s,jsx as n}from"react/jsx-runtime";import{cloneElement as l,isValidElement as p,useContext as i}from"react";import{CollapsibleContext as m}from"./CollapsibleContext";export function CollapsibleTrigger({children:e,overrideProps:o}){const{onTrigger:r}=i(m);return p(e)?l(e,{...e.props,onPress:t=>{e.props.onPress?.(t),r?.()},...o}):(console.error("ReactElement expected as children of CollapsibleTrigger"),n(s,{children:e}))}

package/dist/esm/components/agreement/Collapsible/index.d.ts

@@ -0,0 +1,5 @@
+export { Collapsible } from './Collapsible';
+export type { CollapsibleRef, CollapsibleProps } from './Collapsible';
+export { AgreementCollapsibleTrigger } from './AgreementCollapsibleTrigger';
+export { CollapsibleContent } from './CollapsibleContent';
+export { CollapsibleTrigger } from './CollapsibleTrigger';

package/dist/esm/components/agreement/Collapsible/index.js

@@ -0,0 +1 @@
+"use strict";export{Collapsible}from"./Collapsible";export{AgreementCollapsibleTrigger}from"./AgreementCollapsibleTrigger";export{CollapsibleContent}from"./CollapsibleContent";export{CollapsibleTrigger}from"./CollapsibleTrigger";

package/dist/esm/components/agreement/const.d.ts

@@ -0,0 +1,3 @@
+export declare const PADDING_RIGHT = 16;
+export declare const PADDING_LEFT = 24;
+export declare const INDENT_WIDTH = 16;

package/dist/esm/components/agreement/const.js

@@ -0,0 +1 @@
+"use strict";export const PADDING_RIGHT=16,PADDING_LEFT=24,INDENT_WIDTH=16;

package/dist/esm/components/agreement/index.d.ts

@@ -0,0 +1,28 @@
+import { AgreementButton } from './AgreementButton';
+import { AgreementDescription } from './AgreementDescription';
+import { AgreementField, CheckboxAgreementField } from './AgreementField';
+import { AgreementGroup, AgreementGroupItem } from './AgreementGroup';
+import { default as BaseAgreementField } from './BaseAgreementField';
+import { AgreementCollapsibleTrigger, CollapsibleContent } from './Collapsible';
+export type { CollapsibleRef } from './Collapsible';
+export declare const Agreement: {
+    BaseField: typeof BaseAgreementField;
+    Field: typeof AgreementField;
+    CheckboxField: typeof CheckboxAgreementField;
+    Description: typeof AgreementDescription;
+    Button: typeof AgreementButton;
+    Arrow: ({ color, type, open, style, }: {
+        color?: string | undefined;
+        style?: import("react-native").StyleProp<import("react-native").ViewStyle>;
+        open?: boolean;
+        type?: "link" | "collapsible";
+    }) => import("react/jsx-runtime").JSX.Element;
+    AddonText: ({ color, style, ...props }: Omit<import("../txt").TxtProps, "typography">) => import("react/jsx-runtime").JSX.Element;
+    Collapsible: import("react").ForwardRefExoticComponent<import("./Collapsible").CollapsibleProps & {
+        children?: import("react").ReactNode | undefined;
+    } & import("react").RefAttributes<import("./Collapsible").CollapsibleRef>>;
+    CollapsibleTrigger: typeof AgreementCollapsibleTrigger;
+    CollapsibleContent: typeof CollapsibleContent;
+    Group: typeof AgreementGroup;
+    GroupItem: typeof AgreementGroupItem;
+};

package/dist/esm/components/agreement/index.js

@@ -0,0 +1 @@
+"use strict";import{AgreementButton as o}from"./AgreementButton";import{AgreementDescription as r}from"./AgreementDescription";import{AgreementField as e,CheckboxAgreementField as t}from"./AgreementField";import{AgreementGroup as l,AgreementGroupItem as i}from"./AgreementGroup";import{default as m}from"./BaseAgreementField";import{AgreementCollapsibleTrigger as n,Collapsible as p,CollapsibleContent as g}from"./Collapsible";export const Agreement={BaseField:m,Field:e,CheckboxField:t,Description:r,Button:o,Arrow:e.Arrow,AddonText:e.AddonText,Collapsible:p,CollapsibleTrigger:n,CollapsibleContent:g,Group:l,GroupItem:i};

package/dist/esm/components/agreement/types.d.ts

@@ -0,0 +1 @@
+export type Indent = 0 | 1 | 2;