@toss/tds-react-native 1.3.4 → 1.3.6

package/dist/esm/components/button/ButtonDerivedTokenGenerator.d.ts

@@ -1,5 +1,5 @@
-import { BaseDerivedTokenGenerator } from '../../core/theme/deriveToken/BaseDerivedTokenGenerator.js';
-import type { SeedToken } from '../../core/theme/seedToken/seedToken.js';
+import { BaseDerivedTokenGenerator } from '../../core/theme/deriveToken/BaseDerivedTokenGenerator';
+import type { SeedToken } from '../../core/theme/seedToken/seedToken';
 export type ButtonDerivedTheme = {
     backgroundFillColor: string;
     textFillColor: string;

package/dist/esm/components/button/ButtonDerivedTokenGenerator.js

@@ -1 +1 @@
-"use strict";import{colors as t}from"@toss/tds-colors";import{BaseDerivedTokenGenerator as n}from"../../core/theme/deriveToken/BaseDerivedTokenGenerator.js";import{ColorManager as o}from"../../utils/ColorManager.js";function k(e){const r=new o(e).getOklch();return r.l<.4?{backgroundFillColor:e,textFillColor:"#fff",backgroundWeakColor:new o(t.grey700).setAlpha(.07).getRgba(),textWeakColor:t.grey700}:r.l<=.525?{backgroundFillColor:e,textFillColor:"#fff",backgroundWeakColor:new o(e).setAlpha(.08).getRgba(),textWeakColor:e}:r.l<=.645?{backgroundFillColor:e,textFillColor:"#fff",backgroundWeakColor:new o(e).setAlpha(.09).getRgba(),textWeakColor:new o(e).setLightness(.525).getRgba()}:r.l<.7?{backgroundFillColor:new o(e).setLightness(.645).getRgba(),textFillColor:"#fff",backgroundWeakColor:new o(e).setAlpha(.11).getRgba(),textWeakColor:new o(e).setLightness(.525).getRgba()}:r.l<=.75?{backgroundFillColor:new o(e).setLightness(.645).getRgba(),textFillColor:"#fff",backgroundWeakColor:new o(e).setAlpha(.13).getRgba(),textWeakColor:new o(e).setLightness(.525).getRgba()}:r.l<.8?{backgroundFillColor:new o(e).setLightness(.645).getRgba(),textFillColor:"#fff",backgroundWeakColor:new o(e).setAlpha(.15).getRgba(),textWeakColor:new o(e).setLightness(.525).getRgba()}:{backgroundFillColor:e,textFillColor:t.greyOpacity800,backgroundWeakColor:new o(t.grey700).setAlpha(.07).getRgba(),textWeakColor:t.grey700}}function i(e,r){const l=new o(e).getOklch();return l.l>=.8||l.l<.4?{backgroundWeakColor:new o(t.grey700).setAlpha(.07).getRgba(),textWeakColor:t.grey700,dimWeakColor:t.grey700,gradientStartWeakColor:t.grey700,loaderWeakColor:t.grey700}:{backgroundWeakColor:r.backgroundWeakColor,textWeakColor:r.textWeakColor,dimWeakColor:l.l>=.8?t.grey700:r.backgroundFillColor,gradientStartWeakColor:l.l>=.8?t.grey700:r.backgroundFillColor,loaderWeakColor:l.l>=.8?t.grey700:r.backgroundFillColor}}function C(e){const r=new o(e).getOklch(),l=k(e),a=i(e,l),g=new o(l.backgroundFillColor).setLightness(new o(l.backgroundFillColor).getLightness()-.134).getRgba();return{...l,backgroundWeakColor:a.backgroundWeakColor,textWeakColor:a.textWeakColor,dimFillColor:r.l>=.8?"rgba(0,0,0,0.5)":"#000",dimWeakColor:a.dimWeakColor,gradientStartFillColor:g,gradientStartWeakColor:a.gradientStartWeakColor,gradientEndFillColor:new o(l.backgroundFillColor).setAlpha(0).getRgba(),gradientEndWeakColor:new o(a.gradientStartWeakColor).setAlpha(0).getRgba(),loaderFillColor:r.l>=.8?t.greyOpacity600:"#fff",loaderWeakColor:a.loaderWeakColor}}export class ButtonDerivedTokenGenerator extends n{calculate(r){return C(r.color.primary)}}
+"use strict";import{colors as t}from"@toss/tds-colors";import{BaseDerivedTokenGenerator as n}from"../../core/theme/deriveToken/BaseDerivedTokenGenerator";import{ColorManager as o}from"../../utils/ColorManager";function k(e){const r=new o(e).getOklch();return r.l<.4?{backgroundFillColor:e,textFillColor:"#fff",backgroundWeakColor:new o(t.grey700).setAlpha(.07).getRgba(),textWeakColor:t.grey700}:r.l<=.525?{backgroundFillColor:e,textFillColor:"#fff",backgroundWeakColor:new o(e).setAlpha(.08).getRgba(),textWeakColor:e}:r.l<=.645?{backgroundFillColor:e,textFillColor:"#fff",backgroundWeakColor:new o(e).setAlpha(.09).getRgba(),textWeakColor:new o(e).setLightness(.525).getRgba()}:r.l<.7?{backgroundFillColor:new o(e).setLightness(.645).getRgba(),textFillColor:"#fff",backgroundWeakColor:new o(e).setAlpha(.11).getRgba(),textWeakColor:new o(e).setLightness(.525).getRgba()}:r.l<=.75?{backgroundFillColor:new o(e).setLightness(.645).getRgba(),textFillColor:"#fff",backgroundWeakColor:new o(e).setAlpha(.13).getRgba(),textWeakColor:new o(e).setLightness(.525).getRgba()}:r.l<.8?{backgroundFillColor:new o(e).setLightness(.645).getRgba(),textFillColor:"#fff",backgroundWeakColor:new o(e).setAlpha(.15).getRgba(),textWeakColor:new o(e).setLightness(.525).getRgba()}:{backgroundFillColor:e,textFillColor:t.greyOpacity800,backgroundWeakColor:new o(t.grey700).setAlpha(.07).getRgba(),textWeakColor:t.grey700}}function i(e,r){const l=new o(e).getOklch();return l.l>=.8||l.l<.4?{backgroundWeakColor:new o(t.grey700).setAlpha(.07).getRgba(),textWeakColor:t.grey700,dimWeakColor:t.grey700,gradientStartWeakColor:t.grey700,loaderWeakColor:t.grey700}:{backgroundWeakColor:r.backgroundWeakColor,textWeakColor:r.textWeakColor,dimWeakColor:l.l>=.8?t.grey700:r.backgroundFillColor,gradientStartWeakColor:l.l>=.8?t.grey700:r.backgroundFillColor,loaderWeakColor:l.l>=.8?t.grey700:r.backgroundFillColor}}function C(e){const r=new o(e).getOklch(),l=k(e),a=i(e,l),g=new o(l.backgroundFillColor).setLightness(new o(l.backgroundFillColor).getLightness()-.134).getRgba();return{...l,backgroundWeakColor:a.backgroundWeakColor,textWeakColor:a.textWeakColor,dimFillColor:r.l>=.8?"rgba(0,0,0,0.5)":"#000",dimWeakColor:a.dimWeakColor,gradientStartFillColor:g,gradientStartWeakColor:a.gradientStartWeakColor,gradientEndFillColor:new o(l.backgroundFillColor).setAlpha(0).getRgba(),gradientEndWeakColor:new o(a.gradientStartWeakColor).setAlpha(0).getRgba(),loaderFillColor:r.l>=.8?t.greyOpacity600:"#fff",loaderWeakColor:a.loaderWeakColor}}export class ButtonDerivedTokenGenerator extends n{calculate(r){return C(r.color.primary)}}

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

@@ -1,2 +1,2 @@
-export { Button } from './Button.js';
-export type { ButtonProps } from './Button.js';
+export { Button } from './Button';
+export type { ButtonProps } from './Button';

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

@@ -1 +1 @@
-"use strict";export{Button}from"./Button.js";
+"use strict";export{Button}from"./Button";

package/dist/esm/components/carousel/Carousel.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import { CarouselItem } from './CarouselItem.js';
+import { CarouselItem } from './CarouselItem';
 interface Props {
     children: ReactNode[];
     /** 캐러셀 아이템의 너비 */

package/dist/esm/components/carousel/Carousel.js

@@ -1 +1 @@
-"use strict";import{jsx as e,Fragment as g,jsxs as h}from"react/jsx-runtime";import{Gesture as y,GestureDetector as j}from"@granite-js/native/react-native-gesture-handler";import{Stack as C}from"@granite-js/react-native";import{Children as u,isValidElement as c,useMemo as A}from"react";import{Animated as I,View as w}from"react-native";import{useSnapAnimation as S}from"./animations/snap.js";import{CarouselItem as V}from"./CarouselItem.js";export function Carousel({children:o,itemWidth:n=280,itemGap:i=12,padding:m=24,renderIndicators:f}){const a=u.toArray(o).filter(t=>c(t)).length,r=A(()=>({itemsCount:a,itemGap:i,itemWidth:n,padding:m}),[i,n,a,m]),s=S(r),p=y.Simultaneous(s.gesture),x={transform:[...s.transforms]},l=u.toArray(o).filter(t=>c(t)).map((t,d)=>e(w,{style:{width:r.itemWidth},children:t},d));return h(g,{children:[e(j,{gesture:p,children:e(I.View,{style:x,children:e(C.Horizontal,{gutter:r.itemGap,align:"flex-start",justify:"center",children:l})})}),f?.({activeIndex:s.activeIndex,itemsCount:l.length})]})}Carousel.Item=V;
+"use strict";import{jsx as e,Fragment as g,jsxs as h}from"react/jsx-runtime";import{Gesture as y,GestureDetector as j}from"@granite-js/native/react-native-gesture-handler";import{Stack as C}from"@granite-js/react-native";import{Children as u,isValidElement as c,useMemo as A}from"react";import{Animated as I,View as w}from"react-native";import{useSnapAnimation as S}from"./animations/snap";import{CarouselItem as V}from"./CarouselItem";export function Carousel({children:o,itemWidth:n=280,itemGap:i=12,padding:m=24,renderIndicators:f}){const a=u.toArray(o).filter(t=>c(t)).length,r=A(()=>({itemsCount:a,itemGap:i,itemWidth:n,padding:m}),[i,n,a,m]),s=S(r),p=y.Simultaneous(s.gesture),x={transform:[...s.transforms]},l=u.toArray(o).filter(t=>c(t)).map((t,d)=>e(w,{style:{width:r.itemWidth},children:t},d));return h(g,{children:[e(j,{gesture:p,children:e(I.View,{style:x,children:e(C.Horizontal,{gutter:r.itemGap,align:"flex-start",justify:"center",children:l})})}),f?.({activeIndex:s.activeIndex,itemsCount:l.length})]})}Carousel.Item=V;

package/dist/esm/components/carousel/animations/scale.d.ts

@@ -1,6 +1,6 @@
 import { Animated } from 'react-native';
 export declare function useTapScaleAnimation(): {
-    gesture: import("react-native-gesture-handler/lib/typescript/handlers/gestures/panGesture.js").PanGesture;
+    gesture: import("react-native-gesture-handler/lib/typescript/handlers/gestures/panGesture").PanGesture;
     transforms: ({
         scaleX: Animated.Value;
         scaleY?: undefined;

package/dist/esm/components/carousel/animations/snap.d.ts

@@ -1,7 +1,7 @@
 import { Animated } from 'react-native';
-import type { CarouselContext } from '../context.js';
+import type { CarouselContext } from '../context';
 export declare function useSnapAnimation(context: CarouselContext): {
-    gesture: import("react-native-gesture-handler/lib/typescript/handlers/gestures/panGesture.js").PanGesture;
+    gesture: import("react-native-gesture-handler/lib/typescript/handlers/gestures/panGesture").PanGesture;
     transforms: {
         translateX: Animated.Value;
     }[];

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

@@ -1 +1 @@
-export * from './Carousel.js';
+export * from './Carousel';

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

@@ -1 +1 @@
-"use strict";export*from"./Carousel.js";
+"use strict";export*from"./Carousel";

package/dist/esm/components/chart/BarChart.js

@@ -1 +1 @@
-"use strict";import{jsx as r,jsxs as s}from"react/jsx-runtime";import{Svg as N,Defs as U,RadialGradient as k,Rect as q,Stop as D}from"@granite-js/native/react-native-svg";import{Stack as f}from"@granite-js/react-native";import{colors as x}from"@toss/tds-colors";import{forwardRef as J,useMemo as p}from"react";import{Dimensions as K}from"react-native";import{useAdaptive as Q}from"../../core/index.js";import{Txt as L}from"../txt/index.js";function M({borderRadius:i,backgroundColor:e=x.grey100,...c}){const h="bar-background-color",o=`0 0 ${c.width} ${c.height}`;return s(N,{viewBox:o,...c,children:[r(U,{children:s(k,{id:h,cx:"0%",cy:"100%",r:"100%",fx:"0%",fy:"100%",gradientUnits:"objectBoundingBox",children:[r(D,{offset:"0%",stopColor:typeof e=="string"?e:e[0]}),r(D,{offset:"100%",stopColor:typeof e=="string"?e:e[1]})]})}),r(q,{width:c.width??"100%",height:c.height??"100%",fill:`url(#${h})`,rx:i,ry:i})]})}function b({style:i,color:e=x.grey600,...c}){return r(L,{style:[{marginTop:6,paddingHorizontal:4},i],typography:"st13",color:e,fontWeight:"medium",textAlign:"center",...c})}function Y({style:i,color:e=x.grey500,...c}){return r(L,{style:[{marginBottom:6,paddingHorizontal:6},i],typography:"st12",color:e,fontWeight:"medium",textAlign:"center",...c})}function R({gutter:i=0,...e}){return r(f,{direction:"vertical",align:"center",justify:"flex-end",gutter:i,...e})}function S({gutter:i=0,...e}){return r(f,{direction:"horizontal",justify:"center",gutter:i,...e})}function _({gutter:i=0,...e}){return r(f,{direction:"horizontal",justify:"center",gutter:i,...e})}const{width:Z}=K.get("window");export const BarChart=J(function({data:e=[],width:c=Z,height:h=205,fill:o={type:"all-bar",theme:"blue"},style:A,...B},C){const t=Q(),I=48,T=24,O=23,H=58,V=38,$=c-I,X=h-T-O,E=Math.max(...e.map(({value:n})=>n)),m=Math.floor(Math.min($/e.length,H)),F=X*.7,j=n=>Math.floor(n/E*F),u=Math.round(V/H*m),v=u>=30?8:u>9?Math.floor(u/5+2):3,a=p(()=>({default:t.grey100,blue:[t.blue300,t.blue500],green:[t.green200,t.green400],yellow:[t.yellow300,t.yellow500],orange:[t.orange300,t.orange500],red:[t.red300,t.red500],grey:[t.grey400,t.grey500]}),[t]),g=p(()=>({default:t.grey500,blue:t.blue700,green:t.green800,yellow:t.yellow900,orange:t.orange900,red:t.red700,grey:t.grey700}),[t]),W=[o.type,o.theme,o.count],z=p(()=>{const n=a.default;if(o.type==="auto"){const d=[a.blue,a.green,a.yellow,a.orange,a.red,a.grey];return new Array(e.length).fill(n).map((w,y)=>y<o.count?d[y%d.length]:w).reverse()}const l=a[o.theme]??o.theme;return o.type==="single-bar"?[...new Array(e.length-1).fill(n),l]:new Array(e.length).fill(l)},[...W,e.length,a]),G=p(()=>{const n=g.default;if(o.type==="auto"){const d=[g.blue,g.green,g.yellow,g.orange,g.red,g.grey];return new Array(e.length).fill(n).map((w,y)=>y<o.count?d[y%d.length]:w).reverse()}const l=g[o.theme]??o.theme;return o.type==="single-bar"?[...new Array(e.length-1).fill(n),l]:new Array(e.length).fill(n)},[...W,e.length,g]);return e.length<=12?s(f,{ref:C,style:[{paddingHorizontal:24,paddingVertical:12,minHeight:h},A],gutter:0,...B,children:[r(S,{children:e.map(({value:n},l)=>s(R,{style:{width:m},children:[r(Y,{color:G[l],children:n}),r(M,{width:u,height:j(n),borderRadius:v,backgroundColor:z[l]})]},l))}),r(_,{children:e.map(({xAxisLabel:n},l)=>r(b,{style:{width:m},children:n},l))})]}):s(f,{ref:C,style:[{paddingHorizontal:24,paddingVertical:12,minHeight:h},A],gutter:0,...B,children:[r(S,{style:{display:"flex",flexDirection:"row",justifyContent:"center"},children:e.map(({value:n},l)=>r(R,{style:{width:m},children:r(M,{width:u,height:j(n),borderRadius:v,backgroundColor:z[l]})},l))}),s(_,{justify:"space-between",children:[r(b,{children:e[0]?.xAxisLabel}),r(b,{children:e[e.length-1]?.xAxisLabel})]})]})});
+"use strict";import{jsx as r,jsxs as s}from"react/jsx-runtime";import{Svg as N,Defs as U,RadialGradient as k,Rect as q,Stop as D}from"@granite-js/native/react-native-svg";import{Stack as f}from"@granite-js/react-native";import{colors as x}from"@toss/tds-colors";import{forwardRef as J,useMemo as p}from"react";import{Dimensions as K}from"react-native";import{useAdaptive as Q}from"../../core";import{Txt as L}from"../txt";function M({borderRadius:i,backgroundColor:e=x.grey100,...c}){const h="bar-background-color",o=`0 0 ${c.width} ${c.height}`;return s(N,{viewBox:o,...c,children:[r(U,{children:s(k,{id:h,cx:"0%",cy:"100%",r:"100%",fx:"0%",fy:"100%",gradientUnits:"objectBoundingBox",children:[r(D,{offset:"0%",stopColor:typeof e=="string"?e:e[0]}),r(D,{offset:"100%",stopColor:typeof e=="string"?e:e[1]})]})}),r(q,{width:c.width??"100%",height:c.height??"100%",fill:`url(#${h})`,rx:i,ry:i})]})}function b({style:i,color:e=x.grey600,...c}){return r(L,{style:[{marginTop:6,paddingHorizontal:4},i],typography:"st13",color:e,fontWeight:"medium",textAlign:"center",...c})}function Y({style:i,color:e=x.grey500,...c}){return r(L,{style:[{marginBottom:6,paddingHorizontal:6},i],typography:"st12",color:e,fontWeight:"medium",textAlign:"center",...c})}function R({gutter:i=0,...e}){return r(f,{direction:"vertical",align:"center",justify:"flex-end",gutter:i,...e})}function S({gutter:i=0,...e}){return r(f,{direction:"horizontal",justify:"center",gutter:i,...e})}function _({gutter:i=0,...e}){return r(f,{direction:"horizontal",justify:"center",gutter:i,...e})}const{width:Z}=K.get("window");export const BarChart=J(function({data:e=[],width:c=Z,height:h=205,fill:o={type:"all-bar",theme:"blue"},style:A,...B},C){const t=Q(),I=48,T=24,O=23,H=58,V=38,$=c-I,X=h-T-O,E=Math.max(...e.map(({value:n})=>n)),m=Math.floor(Math.min($/e.length,H)),F=X*.7,j=n=>Math.floor(n/E*F),u=Math.round(V/H*m),v=u>=30?8:u>9?Math.floor(u/5+2):3,a=p(()=>({default:t.grey100,blue:[t.blue300,t.blue500],green:[t.green200,t.green400],yellow:[t.yellow300,t.yellow500],orange:[t.orange300,t.orange500],red:[t.red300,t.red500],grey:[t.grey400,t.grey500]}),[t]),g=p(()=>({default:t.grey500,blue:t.blue700,green:t.green800,yellow:t.yellow900,orange:t.orange900,red:t.red700,grey:t.grey700}),[t]),W=[o.type,o.theme,o.count],z=p(()=>{const n=a.default;if(o.type==="auto"){const d=[a.blue,a.green,a.yellow,a.orange,a.red,a.grey];return new Array(e.length).fill(n).map((w,y)=>y<o.count?d[y%d.length]:w).reverse()}const l=a[o.theme]??o.theme;return o.type==="single-bar"?[...new Array(e.length-1).fill(n),l]:new Array(e.length).fill(l)},[...W,e.length,a]),G=p(()=>{const n=g.default;if(o.type==="auto"){const d=[g.blue,g.green,g.yellow,g.orange,g.red,g.grey];return new Array(e.length).fill(n).map((w,y)=>y<o.count?d[y%d.length]:w).reverse()}const l=g[o.theme]??o.theme;return o.type==="single-bar"?[...new Array(e.length-1).fill(n),l]:new Array(e.length).fill(n)},[...W,e.length,g]);return e.length<=12?s(f,{ref:C,style:[{paddingHorizontal:24,paddingVertical:12,minHeight:h},A],gutter:0,...B,children:[r(S,{children:e.map(({value:n},l)=>s(R,{style:{width:m},children:[r(Y,{color:G[l],children:n}),r(M,{width:u,height:j(n),borderRadius:v,backgroundColor:z[l]})]},l))}),r(_,{children:e.map(({xAxisLabel:n},l)=>r(b,{style:{width:m},children:n},l))})]}):s(f,{ref:C,style:[{paddingHorizontal:24,paddingVertical:12,minHeight:h},A],gutter:0,...B,children:[r(S,{style:{display:"flex",flexDirection:"row",justifyContent:"center"},children:e.map(({value:n},l)=>r(R,{style:{width:m},children:r(M,{width:u,height:j(n),borderRadius:v,backgroundColor:z[l]})},l))}),s(_,{justify:"space-between",children:[r(b,{children:e[0]?.xAxisLabel}),r(b,{children:e[e.length-1]?.xAxisLabel})]})]})});

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

@@ -1 +1 @@
-export * from './BarChart.js';
+export * from './BarChart';

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

@@ -1 +1 @@
-"use strict";export*from"./BarChart.js";
+"use strict";export*from"./BarChart";

package/dist/esm/components/checkbox/Circle/Graphic/AnimatedCheckboxGraphic.d.ts

@@ -1,2 +1,2 @@
-import type { CheckboxBaseProps } from '../../types.js';
+import type { CheckboxBaseProps } from '../../types';
 export declare function AnimatedCheckboxGraphic({ checked, size, children, style, onTouchStart, onTouchEnd, onTouchCancel, onPress, ...pressableProps }: CheckboxBaseProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/checkbox/Circle/Graphic/AnimatedCheckboxGraphic.js

@@ -1 +1 @@
-"use strict";import{jsx as i,jsxs as C,Fragment as B}from"react/jsx-runtime";import{Svg as q}from"@granite-js/native/react-native-svg";import{colors as a}from"@toss/tds-colors";import c from"hex-to-rgba";import{useCallback as I,useEffect as d,useMemo as b,useRef as V,useState as H}from"react";import{Animated as t,Pressable as J,View as K}from"react-native";import{useAdaptive as L}from"../../../../core/index.js";import{usePressAnim as Q}from"../../../../interactions/pressable-effect/index.js";import{SPRING_CONFIG as U,TIMING_CONFIG as W}from"../../const.js";import{Check as O}from"./paths.js";import{styles as h}from"./styles.js";export function AnimatedCheckboxGraphic({checked:n,size:o,children:N,style:P,onTouchStart:R,onTouchEnd:T,onTouchCancel:G,onPress:_,...j}){const[r,f]=H(n?"on":"off"),g=b(()=>o*20/24,[o]),u=L(),k=b(()=>({background:c(u.background??a.background),grey200:c(u.grey200??a.grey200),blue600:c(a.blue600),blue500:c(a.blue500),white:c(a.white),transparent:c(a.grey200,0)}),[u.background,u.grey200]),{startPressInAnim:x,startPressOutAnim:w,scaleAnim:A}=Q(l),s=b(()=>{const{background:e,grey200:E,blue600:m,blue500:v,white:D,transparent:M}=k;return{check:{off:{stroke:M,strokeDashoffset:24,scale:l.pressOut.scale},"off-press":{stroke:m,strokeDashoffset:16,scale:l.pressIn.scale},on:{stroke:D,strokeDashoffset:0,scale:l.pressOut.scale},"on-press":{stroke:D,strokeDashoffset:13.5,scale:l.pressIn.scale}},backgroundCheck:{off:{opacity:1},"off-press":{opacity:1},on:{opacity:0},"on-press":{opacity:0}},outerCircle:{off:{fill:E},"off-press":{fill:m},on:{fill:v},"on-press":{fill:m}},innerCircle:{off:{fill:e,scale:1},"off-press":{fill:e,scale:1},on:{fill:v,scale:0},"on-press":{fill:m,scale:0}},innerCircleScaleOrigin\uBCF4\uC815:{off:{x:0,y:0},"off-press":{x:0,y:0},on:{x:12,y:12},"on-press":{x:12,y:12}}}},[k]),F=I(()=>{f(e=>e==="on"?"on-press":"off-press"),x()},[x]),S=I(()=>{f(n?e=>e==="on-press"?"on":"off":e=>e==="off-press"?"off":"on"),w()},[n,w]);d(()=>{f(n?"on":"off")},[n]);const p=V(new t.Value(s.innerCircle[r].scale)).current;d(()=>{r==="on"||r==="off"?t.spring(p,{toValue:s.innerCircle[r].scale,...U,useNativeDriver:!0}).start():t.timing(p,{toValue:s.innerCircle[r].scale,duration:0,useNativeDriver:!0}).start()},[s.innerCircle,r,p]);const y=V(new t.Value(s.check[r].strokeDashoffset)).current;return d(()=>{t.timing(y,{toValue:s.check[r].strokeDashoffset,...W,useNativeDriver:!0}).start()},[s.check,r,y]),i(J,{onTouchStart:e=>{F(),R?.(e)},onTouchEnd:e=>{S(),T?.(e)},onTouchCancel:e=>{S(),G?.(e)},onPress:_,style:[h.container,{width:o,height:o},P],accessibilityRole:"checkbox",accessibilityState:{checked:n,disabled:!1},...j,children:C(B,{children:[C(t.View,{style:[{transform:[{scale:A}]},{width:o,height:o},h.circleContainer],children:[i(t.View,{style:[{backgroundColor:s.outerCircle[r].fill,borderRadius:o/2},h.outerCircle]}),i(t.View,{style:[{width:g,height:g,backgroundColor:s.innerCircle[r].fill,borderRadius:g/2,transform:[{scale:p}]}]})]}),i(K,{style:[{width:o,height:o},h.checkContainer],children:C(X,{viewBox:"0 0 24 24",style:{transform:[{scale:A}]},children:[i(O,{stroke:k.grey200,style:{opacity:s.backgroundCheck[r].opacity}}),i(O,{stroke:s.check[r].stroke,strokeDasharray:"24px 24px",strokeDashoffset:y})]})}),N]})})}const X=t.createAnimatedComponent(q),l={pressIn:{scale:.9,opacity:0},pressOut:{scale:1,opacity:0}};
+"use strict";import{jsx as i,jsxs as C,Fragment as B}from"react/jsx-runtime";import{Svg as q}from"@granite-js/native/react-native-svg";import{colors as a}from"@toss/tds-colors";import c from"hex-to-rgba";import{useCallback as I,useEffect as d,useMemo as b,useRef as V,useState as H}from"react";import{Animated as t,Pressable as J,View as K}from"react-native";import{useAdaptive as L}from"../../../../core";import{usePressAnim as Q}from"../../../../interactions/pressable-effect";import{SPRING_CONFIG as U,TIMING_CONFIG as W}from"../../const";import{Check as O}from"./paths";import{styles as h}from"./styles";export function AnimatedCheckboxGraphic({checked:n,size:o,children:N,style:P,onTouchStart:R,onTouchEnd:T,onTouchCancel:G,onPress:_,...j}){const[r,f]=H(n?"on":"off"),g=b(()=>o*20/24,[o]),u=L(),k=b(()=>({background:c(u.background??a.background),grey200:c(u.grey200??a.grey200),blue600:c(a.blue600),blue500:c(a.blue500),white:c(a.white),transparent:c(a.grey200,0)}),[u.background,u.grey200]),{startPressInAnim:x,startPressOutAnim:w,scaleAnim:A}=Q(l),s=b(()=>{const{background:e,grey200:E,blue600:m,blue500:v,white:D,transparent:M}=k;return{check:{off:{stroke:M,strokeDashoffset:24,scale:l.pressOut.scale},"off-press":{stroke:m,strokeDashoffset:16,scale:l.pressIn.scale},on:{stroke:D,strokeDashoffset:0,scale:l.pressOut.scale},"on-press":{stroke:D,strokeDashoffset:13.5,scale:l.pressIn.scale}},backgroundCheck:{off:{opacity:1},"off-press":{opacity:1},on:{opacity:0},"on-press":{opacity:0}},outerCircle:{off:{fill:E},"off-press":{fill:m},on:{fill:v},"on-press":{fill:m}},innerCircle:{off:{fill:e,scale:1},"off-press":{fill:e,scale:1},on:{fill:v,scale:0},"on-press":{fill:m,scale:0}},innerCircleScaleOrigin\uBCF4\uC815:{off:{x:0,y:0},"off-press":{x:0,y:0},on:{x:12,y:12},"on-press":{x:12,y:12}}}},[k]),F=I(()=>{f(e=>e==="on"?"on-press":"off-press"),x()},[x]),S=I(()=>{f(n?e=>e==="on-press"?"on":"off":e=>e==="off-press"?"off":"on"),w()},[n,w]);d(()=>{f(n?"on":"off")},[n]);const p=V(new t.Value(s.innerCircle[r].scale)).current;d(()=>{r==="on"||r==="off"?t.spring(p,{toValue:s.innerCircle[r].scale,...U,useNativeDriver:!0}).start():t.timing(p,{toValue:s.innerCircle[r].scale,duration:0,useNativeDriver:!0}).start()},[s.innerCircle,r,p]);const y=V(new t.Value(s.check[r].strokeDashoffset)).current;return d(()=>{t.timing(y,{toValue:s.check[r].strokeDashoffset,...W,useNativeDriver:!0}).start()},[s.check,r,y]),i(J,{onTouchStart:e=>{F(),R?.(e)},onTouchEnd:e=>{S(),T?.(e)},onTouchCancel:e=>{S(),G?.(e)},onPress:_,style:[h.container,{width:o,height:o},P],accessibilityRole:"checkbox",accessibilityState:{checked:n,disabled:!1},...j,children:C(B,{children:[C(t.View,{style:[{transform:[{scale:A}]},{width:o,height:o},h.circleContainer],children:[i(t.View,{style:[{backgroundColor:s.outerCircle[r].fill,borderRadius:o/2},h.outerCircle]}),i(t.View,{style:[{width:g,height:g,backgroundColor:s.innerCircle[r].fill,borderRadius:g/2,transform:[{scale:p}]}]})]}),i(K,{style:[{width:o,height:o},h.checkContainer],children:C(X,{viewBox:"0 0 24 24",style:{transform:[{scale:A}]},children:[i(O,{stroke:k.grey200,style:{opacity:s.backgroundCheck[r].opacity}}),i(O,{stroke:s.check[r].stroke,strokeDasharray:"24px 24px",strokeDashoffset:y})]})}),N]})})}const X=t.createAnimatedComponent(q),l={pressIn:{scale:.9,opacity:0},pressOut:{scale:1,opacity:0}};

package/dist/esm/components/checkbox/Circle/Graphic/AnimatedCheckboxGraphicDisabled.d.ts

@@ -1,2 +1,2 @@
-import type { CheckboxBaseProps } from '../../types.js';
+import type { CheckboxBaseProps } from '../../types';
 export declare function AnimatedCheckboxGraphicDisabled({ checked, size, style, children, onPress: _, ...pressableProps }: CheckboxBaseProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/checkbox/Circle/Graphic/AnimatedCheckboxGraphicDisabled.js

@@ -1 +1 @@
-"use strict";import{jsx as o,jsxs as g,Fragment as w}from"react/jsx-runtime";import{Svg as x}from"@granite-js/native/react-native-svg";import{colors as e}from"@toss/tds-colors";import t from"hex-to-rgba";import{useMemo as h}from"react";import{Animated as m,Pressable as C,View as d}from"react-native";import{useAdaptive as k,useColorPreference as S}from"../../../../core/index.js";import P from"../../useWiggle.js";import{Check as j}from"./paths.js";import{styles as n}from"./styles.js";export function AnimatedCheckboxGraphicDisabled({checked:s,size:r,style:b,children:u,onPress:v,...p}){const l=h(()=>r*20/24,[r]),{colorPreference:c}=S(),a=k(),i=h(()=>({background:t(a.background??e.background),grey200:t(a.grey200??e.grey200),disabledBlue500:c==="light"?t(e.blue100):t(e.blue500,.2),white:t(e.white),disabledWhite:c==="light"?t(e.white):t(e.white,.2),transparent:t(e.grey200,0)}),[c,a.background,a.grey200]),{startWiggle:y,style:f}=P();return o(C,{onPressIn:y,accessibilityRole:"checkbox",accessibilityState:{checked:s,disabled:!0},...p,children:o(m.View,{style:[[n.container,{width:r,height:r},f,b]],children:g(w,{children:[g(d,{style:[{width:r,height:r},n.circleContainer],children:[o(m.View,{style:[{backgroundColor:s?i.disabledBlue500:i.grey200,borderRadius:r/2},n.outerCircle]}),o(d,{style:{width:l,height:l,backgroundColor:s?i.transparent:i.background,borderRadius:l/2}})]}),o(d,{style:[{width:r,height:r},n.checkContainer],children:o(x,{viewBox:"0 0 24 24",children:o(j,{stroke:s?i.disabledWhite:i.grey200,strokeDasharray:"24px 24px"})})}),u]})})})}
+"use strict";import{jsx as o,jsxs as g,Fragment as w}from"react/jsx-runtime";import{Svg as x}from"@granite-js/native/react-native-svg";import{colors as e}from"@toss/tds-colors";import t from"hex-to-rgba";import{useMemo as h}from"react";import{Animated as m,Pressable as C,View as d}from"react-native";import{useAdaptive as k,useColorPreference as S}from"../../../../core";import P from"../../useWiggle";import{Check as j}from"./paths";import{styles as n}from"./styles";export function AnimatedCheckboxGraphicDisabled({checked:s,size:r,style:b,children:u,onPress:v,...p}){const l=h(()=>r*20/24,[r]),{colorPreference:c}=S(),a=k(),i=h(()=>({background:t(a.background??e.background),grey200:t(a.grey200??e.grey200),disabledBlue500:c==="light"?t(e.blue100):t(e.blue500,.2),white:t(e.white),disabledWhite:c==="light"?t(e.white):t(e.white,.2),transparent:t(e.grey200,0)}),[c,a.background,a.grey200]),{startWiggle:y,style:f}=P();return o(C,{onPressIn:y,accessibilityRole:"checkbox",accessibilityState:{checked:s,disabled:!0},...p,children:o(m.View,{style:[[n.container,{width:r,height:r},f,b]],children:g(w,{children:[g(d,{style:[{width:r,height:r},n.circleContainer],children:[o(m.View,{style:[{backgroundColor:s?i.disabledBlue500:i.grey200,borderRadius:r/2},n.outerCircle]}),o(d,{style:{width:l,height:l,backgroundColor:s?i.transparent:i.background,borderRadius:l/2}})]}),o(d,{style:[{width:r,height:r},n.checkContainer],children:o(x,{viewBox:"0 0 24 24",children:o(j,{stroke:s?i.disabledWhite:i.grey200,strokeDasharray:"24px 24px"})})}),u]})})})}

package/dist/esm/components/checkbox/Circle/index.d.ts

@@ -1,2 +1,2 @@
-import type { CheckboxProps } from '../types.js';
+import type { CheckboxProps } from '../types';
 export declare function CheckboxCircle({ checked: _checked, defaultChecked, disabled, size, style, children, onCheckedChange, onPress, ...pressableProps }: CheckboxProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/checkbox/Circle/index.js

@@ -1 +1 @@
-"use strict";import{jsx as a}from"react/jsx-runtime";import{useControlled as k}from"../../../utils/index.js";import{useCallback as p}from"react";import{AnimatedCheckboxGraphic as u}from"./Graphic/AnimatedCheckboxGraphic.js";import{AnimatedCheckboxGraphicDisabled as x}from"./Graphic/AnimatedCheckboxGraphicDisabled.js";export function CheckboxCircle({checked:d,defaultChecked:m=!1,disabled:n,size:r=24,style:o,children:c,onCheckedChange:t,onPress:s,...h}){const[e,i]=k({controlledValue:d,defaultValue:m}),l=p(f=>{t?.(!e),i(!e),s?.(f)},[t,i,e,s]);return n?a(x,{checked:e,size:r,style:o,children:c,onPress:l}):a(u,{checked:e,size:r,style:o,children:c,onPress:l,...h})}
+"use strict";import{jsx as a}from"react/jsx-runtime";import{useControlled as k}from"../../../utils";import{useCallback as p}from"react";import{AnimatedCheckboxGraphic as u}from"./Graphic/AnimatedCheckboxGraphic";import{AnimatedCheckboxGraphicDisabled as x}from"./Graphic/AnimatedCheckboxGraphicDisabled";export function CheckboxCircle({checked:d,defaultChecked:m=!1,disabled:n,size:r=24,style:o,children:c,onCheckedChange:t,onPress:s,...h}){const[e,i]=k({controlledValue:d,defaultValue:m}),l=p(f=>{t?.(!e),i(!e),s?.(f)},[t,i,e,s]);return n?a(x,{checked:e,size:r,style:o,children:c,onPress:l}):a(u,{checked:e,size:r,style:o,children:c,onPress:l,...h})}

package/dist/esm/components/checkbox/Line/Graphic/AnimatedCheckboxGraphic.d.ts

@@ -1,2 +1,2 @@
-import type { CheckboxBaseProps } from '../../types.js';
+import type { CheckboxBaseProps } from '../../types';
 export declare function AnimatedCheckboxGraphic({ checked, size, children, style, onPress, onTouchStart, onTouchEnd, onTouchCancel, ...pressableProps }: CheckboxBaseProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/checkbox/Line/Graphic/AnimatedCheckboxGraphic.js

@@ -1 +1 @@
-"use strict";import{jsx as a,jsxs as h,Fragment as G}from"react/jsx-runtime";import{Svg as I}from"@granite-js/native/react-native-svg";import{colors as k}from"@toss/tds-colors";import g from"hex-to-rgba";import{useCallback as b,useEffect as c,useMemo as V,useRef as y,useState as _}from"react";import{Animated as t,Pressable as j,View as F}from"react-native";import{useAdaptive as R}from"../../../../core/index.js";import{SPRING_CONFIG as O,TIMING_CONFIG as P}from"../../const.js";import{Check as x}from"./paths.js";import{styles as C}from"./styles.js";export function AnimatedCheckboxGraphic({checked:s,size:l,children:D,style:S,onPress:d,onTouchStart:v,onTouchEnd:A,onTouchCancel:N,...T}){const[o,r]=_(s?"on":"off"),m=R(),p=V(()=>({grey200:g(m.grey200??k.grey200),blue500:g(k.blue500)}),[m.grey200]),w=b(()=>{r(e=>e==="on"?"on-press":"off-press")},[]),u=b(()=>{r(s?e=>e==="on-press"?"on":"off":e=>e==="off-press"?"off":"on")},[s]);c(()=>{r(s?"on":"off")},[s]);const f=y(new t.Value(n.check[o].strokeDashoffset)).current;c(()=>{t.timing(f,{toValue:n.check[o].strokeDashoffset,...P,useNativeDriver:!0}).start()},[o,f]);const i=y(new t.Value(n.check[o].scale)).current;return c(()=>{t.spring(i,{toValue:n.check[o].scale,...O,useNativeDriver:!0}).start()},[o,i]),a(j,{onTouchStart:e=>{w(),v?.(e)},onTouchEnd:e=>{u(),A?.(e)},onTouchCancel:e=>{u(),N?.(e)},onPress:d,style:[C.container,S],accessibilityRole:"checkbox",accessibilityState:{checked:s,disabled:!1},...T,children:h(G,{children:[a(F,{style:[{width:l,height:l},C.checkContainer],children:h(E,{viewBox:"0 0 24 24",style:{transform:[{scale:i}]},children:[a(x,{stroke:p.grey200}),a(x,{stroke:p.blue500,strokeDasharray:"24px 24px",strokeDashoffset:f})]})}),D]})})}const E=t.createAnimatedComponent(I),n={check:{off:{strokeDashoffset:24,scale:1},"off-press":{strokeDashoffset:24*.6,scale:.9},on:{strokeDashoffset:0,scale:1},"on-press":{strokeDashoffset:10,scale:.9}}};
+"use strict";import{jsx as a,jsxs as h,Fragment as G}from"react/jsx-runtime";import{Svg as I}from"@granite-js/native/react-native-svg";import{colors as k}from"@toss/tds-colors";import g from"hex-to-rgba";import{useCallback as b,useEffect as c,useMemo as V,useRef as y,useState as _}from"react";import{Animated as t,Pressable as j,View as F}from"react-native";import{useAdaptive as R}from"../../../../core";import{SPRING_CONFIG as O,TIMING_CONFIG as P}from"../../const";import{Check as x}from"./paths";import{styles as C}from"./styles";export function AnimatedCheckboxGraphic({checked:s,size:l,children:D,style:S,onPress:d,onTouchStart:v,onTouchEnd:A,onTouchCancel:N,...T}){const[o,r]=_(s?"on":"off"),m=R(),p=V(()=>({grey200:g(m.grey200??k.grey200),blue500:g(k.blue500)}),[m.grey200]),w=b(()=>{r(e=>e==="on"?"on-press":"off-press")},[]),u=b(()=>{r(s?e=>e==="on-press"?"on":"off":e=>e==="off-press"?"off":"on")},[s]);c(()=>{r(s?"on":"off")},[s]);const f=y(new t.Value(n.check[o].strokeDashoffset)).current;c(()=>{t.timing(f,{toValue:n.check[o].strokeDashoffset,...P,useNativeDriver:!0}).start()},[o,f]);const i=y(new t.Value(n.check[o].scale)).current;return c(()=>{t.spring(i,{toValue:n.check[o].scale,...O,useNativeDriver:!0}).start()},[o,i]),a(j,{onTouchStart:e=>{w(),v?.(e)},onTouchEnd:e=>{u(),A?.(e)},onTouchCancel:e=>{u(),N?.(e)},onPress:d,style:[C.container,S],accessibilityRole:"checkbox",accessibilityState:{checked:s,disabled:!1},...T,children:h(G,{children:[a(F,{style:[{width:l,height:l},C.checkContainer],children:h(E,{viewBox:"0 0 24 24",style:{transform:[{scale:i}]},children:[a(x,{stroke:p.grey200}),a(x,{stroke:p.blue500,strokeDasharray:"24px 24px",strokeDashoffset:f})]})}),D]})})}const E=t.createAnimatedComponent(I),n={check:{off:{strokeDashoffset:24,scale:1},"off-press":{strokeDashoffset:24*.6,scale:.9},on:{strokeDashoffset:0,scale:1},"on-press":{strokeDashoffset:10,scale:.9}}};

package/dist/esm/components/checkbox/Line/Graphic/AnimatedCheckboxGraphicDisabled.d.ts

@@ -1,2 +1,2 @@
-import type { CheckboxBaseProps } from '../../types.js';
+import type { CheckboxBaseProps } from '../../types';
 export declare function AnimatedCheckboxGraphicDisabled({ checked, size, style, children, onPress: _, ...pressableProps }: CheckboxBaseProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/checkbox/Line/Graphic/AnimatedCheckboxGraphicDisabled.js

@@ -1 +1 @@
-"use strict";import{jsx as e,Fragment as p,jsxs as b}from"react/jsx-runtime";import{Svg as f}from"@granite-js/native/react-native-svg";import{colors as r}from"@toss/tds-colors";import o from"hex-to-rgba";import{useMemo as h}from"react";import{Animated as u,Pressable as y}from"react-native";import{useAdaptive as x,useColorPreference as C}from"../../../../core/index.js";import P from"../../useWiggle.js";import{Check as S}from"./paths.js";import{styles as j}from"./styles.js";export function AnimatedCheckboxGraphicDisabled({checked:s,size:t,style:a,children:n,onPress:v,...c}){const{colorPreference:i}=C(),l=x(),m=h(()=>({grey200:o(l.grey200??r.grey200),disabledBlue500:i==="light"?o(r.blue100):o(r.blue500,.2)}),[i,l.grey200]),{startWiggle:g,style:d}=P();return e(y,{onPressIn:g,style:[j.container,a],accessibilityRole:"checkbox",accessibilityState:{checked:s,disabled:!0},...c,children:b(p,{children:[e(u.View,{style:d,children:e(f,{viewBox:"0 0 24 24",width:t,height:t,children:e(S,{stroke:s?m.disabledBlue500:m.grey200})})}),n]})})}
+"use strict";import{jsx as e,Fragment as p,jsxs as b}from"react/jsx-runtime";import{Svg as f}from"@granite-js/native/react-native-svg";import{colors as r}from"@toss/tds-colors";import o from"hex-to-rgba";import{useMemo as h}from"react";import{Animated as u,Pressable as y}from"react-native";import{useAdaptive as x,useColorPreference as C}from"../../../../core";import P from"../../useWiggle";import{Check as S}from"./paths";import{styles as j}from"./styles";export function AnimatedCheckboxGraphicDisabled({checked:s,size:t,style:a,children:n,onPress:v,...c}){const{colorPreference:i}=C(),l=x(),m=h(()=>({grey200:o(l.grey200??r.grey200),disabledBlue500:i==="light"?o(r.blue100):o(r.blue500,.2)}),[i,l.grey200]),{startWiggle:g,style:d}=P();return e(y,{onPressIn:g,style:[j.container,a],accessibilityRole:"checkbox",accessibilityState:{checked:s,disabled:!0},...c,children:b(p,{children:[e(u.View,{style:d,children:e(f,{viewBox:"0 0 24 24",width:t,height:t,children:e(S,{stroke:s?m.disabledBlue500:m.grey200})})}),n]})})}

package/dist/esm/components/checkbox/Line/index.d.ts

@@ -1,2 +1,2 @@
-import type { CheckboxProps } from '../types.js';
+import type { CheckboxProps } from '../types';
 export declare function CheckboxLine({ checked: _checked, defaultChecked, disabled, size, style, children, onCheckedChange, onPress, ...pressableProps }: CheckboxProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/checkbox/Line/index.js

@@ -1 +1 @@
-"use strict";import{jsx as a}from"react/jsx-runtime";import{useControlled as k}from"../../../utils/index.js";import{useCallback as p}from"react";import{AnimatedCheckboxGraphic as u}from"./Graphic/AnimatedCheckboxGraphic.js";import{AnimatedCheckboxGraphicDisabled as x}from"./Graphic/AnimatedCheckboxGraphicDisabled.js";export function CheckboxLine({checked:d,defaultChecked:m=!1,disabled:n,size:r=24,style:o,children:c,onCheckedChange:t,onPress:s,...h}){const[e,i]=k({controlledValue:d,defaultValue:m}),l=p(f=>{t?.(!e),i(!e),s?.(f)},[t,e,i,s]);return n?a(x,{checked:e,size:r,style:o,children:c,onPress:l}):a(u,{checked:e,size:r,style:o,children:c,onPress:l,...h})}
+"use strict";import{jsx as a}from"react/jsx-runtime";import{useControlled as k}from"../../../utils";import{useCallback as p}from"react";import{AnimatedCheckboxGraphic as u}from"./Graphic/AnimatedCheckboxGraphic";import{AnimatedCheckboxGraphicDisabled as x}from"./Graphic/AnimatedCheckboxGraphicDisabled";export function CheckboxLine({checked:d,defaultChecked:m=!1,disabled:n,size:r=24,style:o,children:c,onCheckedChange:t,onPress:s,...h}){const[e,i]=k({controlledValue:d,defaultValue:m}),l=p(f=>{t?.(!e),i(!e),s?.(f)},[t,e,i,s]);return n?a(x,{checked:e,size:r,style:o,children:c,onPress:l}):a(u,{checked:e,size:r,style:o,children:c,onPress:l,...h})}

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

@@ -1,7 +1,7 @@
-import { CheckboxCircle } from './Circle/index.js';
-import { CheckboxLine } from './Line/index.js';
+import { CheckboxCircle } from './Circle';
+import { CheckboxLine } from './Line';
 export declare const Checkbox: {
     Circle: typeof CheckboxCircle;
     Line: typeof CheckboxLine;
 };
-export type { CheckboxProps } from './types.js';
+export type { CheckboxProps } from './types';

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

@@ -1 +1 @@
-"use strict";import{CheckboxCircle as o}from"./Circle/index.js";import{CheckboxLine as e}from"./Line/index.js";export const Checkbox={Circle:o,Line:e};
+"use strict";import{CheckboxCircle as o}from"./Circle";import{CheckboxLine as e}from"./Line";export const Checkbox={Circle:o,Line:e};

package/dist/esm/components/dialog/AlertDialog.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import type { AccessibilityProps } from 'react-native';
-import type { BaseDialogProps } from './BaseDialog.js';
+import type { BaseDialogProps } from './BaseDialog';
 export interface AlertDialogProps extends Pick<BaseDialogProps, 'open' | 'closeOnDimmerClick' | 'onClose' | 'onExited' | 'onEntered'>, AccessibilityProps {
     title: ReactNode;
     description?: ReactNode;

package/dist/esm/components/dialog/AlertDialog.js

@@ -1 +1 @@
-"use strict";import{jsx as e,Fragment as h,jsxs as x}from"react/jsx-runtime";import{colors as g}from"@toss/tds-colors";import{useCallback as p,useEffect as y}from"react";import{View as b}from"react-native";import{useHideAccessibility as D}from"../../core/contexts/HideAccessibility.js";import{TextButton as j}from"../text-button/index.js";import v from"./BaseDialog.js";import{DialogBodyTxt as A,DialogHeaderTxt as B}from"./BaseDialogContents.js";function E({open:o,title:t,description:i,content:n,buttonText:m="\uD655\uC778",closeOnDimmerClick:s,onClose:l,onExited:c,onButtonPress:a,onEntered:d,...f}){const r=D(),u=p(async()=>{a?.(),l()},[a,l]);return y(()=>(o?r.activate():r.inactivate(),r.inactivate),[r,o]),e(v,{open:o,header:t!=null?e(B,{children:t}):void 0,body:i!=null||n!=null?x(h,{children:[i!=null?e(A,{children:i}):null,n]}):void 0,footer:e(b,{style:{alignSelf:"flex-end"},children:e(j,{color:g.blue500,onPress:u,typography:"t5",fontWeight:"medium",children:m})}),closeOnDimmerClick:s,onClose:l,onExited:c,onEntered:d,...f})}export default E;
+"use strict";import{jsx as e,Fragment as h,jsxs as x}from"react/jsx-runtime";import{colors as g}from"@toss/tds-colors";import{useCallback as p,useEffect as y}from"react";import{View as b}from"react-native";import{useHideAccessibility as D}from"../../core/contexts/HideAccessibility";import{TextButton as j}from"../text-button";import v from"./BaseDialog";import{DialogBodyTxt as A,DialogHeaderTxt as B}from"./BaseDialogContents";function E({open:o,title:t,description:i,content:n,buttonText:m="\uD655\uC778",closeOnDimmerClick:s,onClose:l,onExited:c,onButtonPress:a,onEntered:d,...f}){const r=D(),u=p(async()=>{a?.(),l()},[a,l]);return y(()=>(o?r.activate():r.inactivate(),r.inactivate),[r,o]),e(v,{open:o,header:t!=null?e(B,{children:t}):void 0,body:i!=null||n!=null?x(h,{children:[i!=null?e(A,{children:i}):null,n]}):void 0,footer:e(b,{style:{alignSelf:"flex-end"},children:e(j,{color:g.blue500,onPress:u,typography:"t5",fontWeight:"medium",children:m})}),closeOnDimmerClick:s,onClose:l,onExited:c,onEntered:d,...f})}export default E;

package/dist/esm/components/dialog/BaseDialog.js

@@ -1 +1 @@
-"use strict";import{Fragment as C,jsx as n,jsxs as N}from"react/jsx-runtime";import{spring as i}from"@toss/tds-easings";import{forwardRef as b,useCallback as l,useRef as c}from"react";import{Animated as e,StyleSheet as k,View as P}from"react-native";import{useAnimatePresence as S,useWiggleAnim as q}from"../../utils/index.js";import{DialogContent as O,DialogOverlay as _}from"./BaseDialogContents.js";const F=()=>{},R=b(({open:p,header:m,body:u,footer:y,closeOnDimmerClick:g,onClose:f,onExited:d,onEntered:v=F,...w},V)=>{const o=c(new e.Value(t.content.close.opacity)).current,s=c(new e.Value(t.content.close.scale)).current,r=c(new e.Value(t.dimmer.close.opacity)).current,x=l(()=>new Promise(a=>{e.parallel([e.spring(o,{toValue:t.content.open.opacity,useNativeDriver:!0,...i.quick}),e.spring(s,{toValue:t.content.open.scale,useNativeDriver:!0,...i.quick}),e.spring(r,{toValue:t.dimmer.open.opacity,useNativeDriver:!0,...i.quick})]).start(()=>{a()})}),[o,s,r]),A=l(()=>new Promise(a=>{e.parallel([e.spring(o,{toValue:t.content.close.opacity,useNativeDriver:!0,...i.rapid}),e.spring(r,{toValue:t.dimmer.close.opacity,useNativeDriver:!0,...i.rapid})]).start(()=>{a()})}),[o,r]),{presenceState:D}=S(p,{enter:x,exit:A,onExited:d,onEntered:v}),{startWiggle:h,style:j}=q({direction:"x",type:"small"});return D==="invisible"?n(C,{}):N(P,{ref:V,style:W.container,...w,children:[n(_,{style:{opacity:r},onPress:g?f:h}),n(e.View,{style:[{opacity:o,transform:[{scale:s},...j.transform]}],children:n(O,{header:m,body:u,footer:y})})]})});export default R;const t={dimmer:{open:{opacity:.2},close:{opacity:0}},content:{open:{opacity:1,scale:1},close:{opacity:0,scale:.8}}},W=k.create({container:{flex:1,justifyContent:"center",alignItems:"center",position:"absolute",width:"100%",height:"100%"}});
+"use strict";import{Fragment as C,jsx as n,jsxs as N}from"react/jsx-runtime";import{spring as i}from"@toss/tds-easings";import{forwardRef as b,useCallback as l,useRef as c}from"react";import{Animated as e,StyleSheet as k,View as P}from"react-native";import{useAnimatePresence as S,useWiggleAnim as q}from"../../utils";import{DialogContent as O,DialogOverlay as _}from"./BaseDialogContents";const F=()=>{},R=b(({open:p,header:m,body:u,footer:y,closeOnDimmerClick:g,onClose:f,onExited:d,onEntered:v=F,...w},V)=>{const o=c(new e.Value(t.content.close.opacity)).current,s=c(new e.Value(t.content.close.scale)).current,r=c(new e.Value(t.dimmer.close.opacity)).current,x=l(()=>new Promise(a=>{e.parallel([e.spring(o,{toValue:t.content.open.opacity,useNativeDriver:!0,...i.quick}),e.spring(s,{toValue:t.content.open.scale,useNativeDriver:!0,...i.quick}),e.spring(r,{toValue:t.dimmer.open.opacity,useNativeDriver:!0,...i.quick})]).start(()=>{a()})}),[o,s,r]),A=l(()=>new Promise(a=>{e.parallel([e.spring(o,{toValue:t.content.close.opacity,useNativeDriver:!0,...i.rapid}),e.spring(r,{toValue:t.dimmer.close.opacity,useNativeDriver:!0,...i.rapid})]).start(()=>{a()})}),[o,r]),{presenceState:D}=S(p,{enter:x,exit:A,onExited:d,onEntered:v}),{startWiggle:h,style:j}=q({direction:"x",type:"small"});return D==="invisible"?n(C,{}):N(P,{ref:V,style:W.container,...w,children:[n(_,{style:{opacity:r},onPress:g?f:h}),n(e.View,{style:[{opacity:o,transform:[{scale:s},...j.transform]}],children:n(O,{header:m,body:u,footer:y})})]})});export default R;const t={dimmer:{open:{opacity:.2},close:{opacity:0}},content:{open:{opacity:1,scale:1},close:{opacity:0,scale:.8}}},W=k.create({container:{flex:1,justifyContent:"center",alignItems:"center",position:"absolute",width:"100%",height:"100%"}});

package/dist/esm/components/dialog/BaseDialogContents.d.ts

@@ -1,7 +1,7 @@
 import type { ComponentProps, ReactElement } from 'react';
 import type { PressableProps } from 'react-native';
 import { Animated } from 'react-native';
-import type { TxtProps } from '../txt/index.js';
+import type { TxtProps } from '../txt';
 declare function DialogOverlay({ color, style, onPress, }: {
     color?: string;
     style?: ComponentProps<typeof Animated.View>['style'];

package/dist/esm/components/dialog/BaseDialogContents.js

@@ -1 +1 @@
-"use strict";import{jsx as e,jsxs as s}from"react/jsx-runtime";import{colors as g}from"@toss/tds-colors";import{Animated as p,Dimensions as y,Pressable as h,ScrollView as u,StyleSheet as m,useWindowDimensions as f,View as r}from"react-native";import{useAdaptive as a}from"../../core/index.js";import{Txt as c}from"../txt/index.js";function w({color:o,style:t,onPress:i}){const{width:l,height:d}=f();return e(h,{onPress:i,style:[{width:l,height:d},n.overlayPressable],children:e(p.View,{style:[{backgroundColor:o??g.black},n.overlay,t]})})}function v({header:o,body:t,footer:i}){const l=a();return s(r,{style:[{backgroundColor:l.floatBackground},n.content],children:[s(u,{style:n.contentScrollView,children:[o!=null?e(r,{children:o}):null,t!=null?e(r,{style:n.contentBody,children:t}):null]}),e(r,{style:n.contentFooter,children:i})]})}function x({...o}){const t=a();return e(c,{color:t.grey800,fontWeight:"bold",typography:"t4",...o})}function b({...o}){const t=a();return e(c,{color:t.grey700,fontWeight:"medium",typography:"t6",...o})}const n=m.create({overlayPressable:{position:"absolute",top:0,left:0},overlay:{width:"100%",height:"100%"},content:{width:312,paddingTop:22,paddingHorizontal:22,paddingBottom:16,borderRadius:24},contentScrollView:{maxHeight:y.get("window").height*.7},contentBody:{marginTop:8},contentFooter:{marginTop:20}});export{b as DialogBodyTxt,v as DialogContent,x as DialogHeaderTxt,w as DialogOverlay};
+"use strict";import{jsx as e,jsxs as s}from"react/jsx-runtime";import{colors as g}from"@toss/tds-colors";import{Animated as p,Dimensions as y,Pressable as h,ScrollView as u,StyleSheet as m,useWindowDimensions as f,View as r}from"react-native";import{useAdaptive as a}from"../../core";import{Txt as c}from"../txt";function w({color:o,style:t,onPress:i}){const{width:l,height:d}=f();return e(h,{onPress:i,style:[{width:l,height:d},n.overlayPressable],children:e(p.View,{style:[{backgroundColor:o??g.black},n.overlay,t]})})}function v({header:o,body:t,footer:i}){const l=a();return s(r,{style:[{backgroundColor:l.floatBackground},n.content],children:[s(u,{style:n.contentScrollView,children:[o!=null?e(r,{children:o}):null,t!=null?e(r,{style:n.contentBody,children:t}):null]}),e(r,{style:n.contentFooter,children:i})]})}function x({...o}){const t=a();return e(c,{color:t.grey800,fontWeight:"bold",typography:"t4",...o})}function b({...o}){const t=a();return e(c,{color:t.grey700,fontWeight:"medium",typography:"t6",...o})}const n=m.create({overlayPressable:{position:"absolute",top:0,left:0},overlay:{width:"100%",height:"100%"},content:{width:312,paddingTop:22,paddingHorizontal:22,paddingBottom:16,borderRadius:24},contentScrollView:{maxHeight:y.get("window").height*.7},contentBody:{marginTop:8},contentFooter:{marginTop:20}});export{b as DialogBodyTxt,v as DialogContent,x as DialogHeaderTxt,w as DialogOverlay};

package/dist/esm/components/dialog/ConfirmDialog.d.ts

@@ -1,8 +1,8 @@
 import type { ComponentProps, ReactElement, ReactNode } from 'react';
 import type { AccessibilityProps } from 'react-native';
 import { View } from 'react-native';
-import { Button } from '../button/index.js';
-import type { BaseDialogProps } from './BaseDialog.js';
+import { Button } from '../button';
+import type { BaseDialogProps } from './BaseDialog';
 export interface ConfirmDialogProps extends Pick<BaseDialogProps, 'open' | 'closeOnDimmerClick' | 'onClose' | 'onExited' | 'onEntered'>, AccessibilityProps {
     title: ReactNode;
     description?: ReactNode;

package/dist/esm/components/dialog/ConfirmDialog.js

@@ -1 +1 @@
-"use strict";import{jsx as t,Fragment as p,jsxs as l}from"react/jsx-runtime";import{Children as b,forwardRef as B,useEffect as D}from"react";import{StyleSheet as w,View as u}from"react-native";import{useHideAccessibility as y}from"../../core/contexts/HideAccessibility.js";import{Button as C}from"../button/index.js";import j from"./BaseDialog.js";import{DialogBodyTxt as v,DialogHeaderTxt as T}from"./BaseDialogContents.js";const E=B(({open:e,title:o,description:r,content:i,leftButton:a,rightButton:c,closeOnDimmerClick:f,onClose:s,onExited:m,onEntered:h,...x},g)=>{const n=y();return D(()=>(e?n.activate():n.inactivate(),n.inactivate),[n,e]),t(j,{ref:g,open:e,header:o!=null?t(T,{children:o}):void 0,body:r!=null||i!=null?l(p,{children:[r!=null?t(v,{children:r}):null,i]}):void 0,footer:l(DoubleButton,{children:[a,c]}),closeOnDimmerClick:f,onClose:s,onExited:m,onEntered:h,...x})});export function DoubleButton(e){const o=b.count(e.children);if(o!==2)throw new Error(`There should be 2 children in DoubleButton. Given children: ${o}`);return t(u,{style:d.doubleButton,children:e.children})}function I(e){return t(u,{style:d.doubleButtonItem,children:t(C,{size:"large",viewStyle:[{flexGrow:1}],...e})})}const G=Object.assign(E,{Button:I}),d=w.create({doubleButton:{flexWrap:"wrap",flexDirection:"row",justifyContent:"space-around",marginTop:-8,marginLeft:-8},doubleButtonItem:{flexDirection:"row",minWidth:"50%",flexGrow:1,paddingTop:8,paddingLeft:8}});export default G;
+"use strict";import{jsx as t,Fragment as p,jsxs as l}from"react/jsx-runtime";import{Children as b,forwardRef as B,useEffect as D}from"react";import{StyleSheet as w,View as u}from"react-native";import{useHideAccessibility as y}from"../../core/contexts/HideAccessibility";import{Button as C}from"../button";import j from"./BaseDialog";import{DialogBodyTxt as v,DialogHeaderTxt as T}from"./BaseDialogContents";const E=B(({open:e,title:o,description:r,content:i,leftButton:a,rightButton:c,closeOnDimmerClick:f,onClose:s,onExited:m,onEntered:h,...x},g)=>{const n=y();return D(()=>(e?n.activate():n.inactivate(),n.inactivate),[n,e]),t(j,{ref:g,open:e,header:o!=null?t(T,{children:o}):void 0,body:r!=null||i!=null?l(p,{children:[r!=null?t(v,{children:r}):null,i]}):void 0,footer:l(DoubleButton,{children:[a,c]}),closeOnDimmerClick:f,onClose:s,onExited:m,onEntered:h,...x})});export function DoubleButton(e){const o=b.count(e.children);if(o!==2)throw new Error(`There should be 2 children in DoubleButton. Given children: ${o}`);return t(u,{style:d.doubleButton,children:e.children})}function I(e){return t(u,{style:d.doubleButtonItem,children:t(C,{size:"large",viewStyle:[{flexGrow:1}],...e})})}const G=Object.assign(E,{Button:I}),d=w.create({doubleButton:{flexWrap:"wrap",flexDirection:"row",justifyContent:"space-around",marginTop:-8,marginLeft:-8},doubleButtonItem:{flexDirection:"row",minWidth:"50%",flexGrow:1,paddingTop:8,paddingLeft:8}});export default G;

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

@@ -1,5 +1,5 @@
-export { default as AlertDialog } from './AlertDialog.js';
-export { default as BaseDialog } from './BaseDialog.js';
-export { default as ConfirmDialog } from './ConfirmDialog.js';
-export type { AlertDialogProps } from './AlertDialog.js';
-export type { ConfirmDialogProps } from './ConfirmDialog.js';
+export { default as AlertDialog } from './AlertDialog';
+export { default as BaseDialog } from './BaseDialog';
+export { default as ConfirmDialog } from './ConfirmDialog';
+export type { AlertDialogProps } from './AlertDialog';
+export type { ConfirmDialogProps } from './ConfirmDialog';

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

@@ -1 +1 @@
-"use strict";export{default as AlertDialog}from"./AlertDialog.js";export{default as BaseDialog}from"./BaseDialog.js";export{default as ConfirmDialog}from"./ConfirmDialog.js";
+"use strict";export{default as AlertDialog}from"./AlertDialog";export{default as BaseDialog}from"./BaseDialog";export{default as ConfirmDialog}from"./ConfirmDialog";

package/dist/esm/components/dropdown/components/Dropdown.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import { DropdownItem } from './DropdownItem.js';
+import { DropdownItem } from './DropdownItem';
 interface Props {
     title?: string;
     children?: ReactNode;

package/dist/esm/components/dropdown/components/Dropdown.js

@@ -1 +1 @@
-"use strict";import{jsx as e,jsxs as s}from"react/jsx-runtime";import{colors as i}from"@toss/tds-colors";import{Platform as p,View as n}from"react-native";import{useAdaptive as l,useColorPreference as c}from"../../../core/index.js";import*as f from"../../paragraph/index.js";import{useDropdown as m}from"../contexts/DropdownContext.js";import{DropdownItem as h}from"./DropdownItem.js";export function Dropdown({title:o,children:r}){const t=l(),{colorPreference:a}=c(),{dropdownBaseRef:d}=m();return s(n,{ref:d,style:{width:240,backgroundColor:t.floatBackground,paddingVertical:12,borderRadius:16,shadowColor:a==="light"?p.OS==="ios"?i.greyOpacity300:void 0:i.greyOpacity900,shadowOffset:{width:0,height:16},shadowOpacity:1,shadowRadius:60,elevation:40},children:[o!=null?e(g,{children:e(f.Text,{fontWeight:"bold",typography:"st8",color:t.grey800,children:o})}):void 0,r]})}function g({style:o,...r}){return e(n,{style:[{paddingVertical:12,paddingHorizontal:24,flexDirection:"row",alignItems:"center"},o],...r})}Dropdown.Item=h;
+"use strict";import{jsx as e,jsxs as s}from"react/jsx-runtime";import{colors as i}from"@toss/tds-colors";import{Platform as p,View as n}from"react-native";import{useAdaptive as l,useColorPreference as c}from"../../../core";import*as f from"../../paragraph";import{useDropdown as m}from"../contexts/DropdownContext";import{DropdownItem as h}from"./DropdownItem";export function Dropdown({title:o,children:r}){const t=l(),{colorPreference:a}=c(),{dropdownBaseRef:d}=m();return s(n,{ref:d,style:{width:240,backgroundColor:t.floatBackground,paddingVertical:12,borderRadius:16,shadowColor:a==="light"?p.OS==="ios"?i.greyOpacity300:void 0:i.greyOpacity900,shadowOffset:{width:0,height:16},shadowOpacity:1,shadowRadius:60,elevation:40},children:[o!=null?e(g,{children:e(f.Text,{fontWeight:"bold",typography:"st8",color:t.grey800,children:o})}):void 0,r]})}function g({style:o,...r}){return e(n,{style:[{paddingVertical:12,paddingHorizontal:24,flexDirection:"row",alignItems:"center"},o],...r})}Dropdown.Item=h;

package/dist/esm/components/dropdown/components/DropdownItem.js

@@ -1 +1 @@
-"use strict";import{jsx as r,jsxs as a}from"react/jsx-runtime";import{View as t}from"react-native";import*as l from"../../paragraph/index.js";import{useAdaptive as d}from"../../../core/index.js";export function DropdownItem({icon:e,children:i,style:o,iconViewStyle:n}){const s=d();return a(t,{style:[{flexDirection:"row",paddingVertical:12,paddingHorizontal:24,alignItems:"center"},o],children:[r(l.Text,{typography:"st8",fontWeight:"semiBold",color:s.grey600,children:i}),e!=null?r(t,{style:[{flexDirection:"row",alignItems:"center"},n],children:e}):void 0]})}
+"use strict";import{jsx as r,jsxs as a}from"react/jsx-runtime";import{View as t}from"react-native";import*as l from"../../paragraph";import{useAdaptive as d}from"../../../core";export function DropdownItem({icon:e,children:i,style:o,iconViewStyle:n}){const s=d();return a(t,{style:[{flexDirection:"row",paddingVertical:12,paddingHorizontal:24,alignItems:"center"},o],children:[r(l.Text,{typography:"st8",fontWeight:"semiBold",color:s.grey600,children:i}),e!=null?r(t,{style:[{flexDirection:"row",alignItems:"center"},n],children:e}):void 0]})}

package/dist/esm/components/dropdown/components/FixedFloatingDropdown.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import type { ViewProps } from 'react-native';
-import type { Placement, ReactElementWithRef } from '../types.js';
+import type { Placement, ReactElementWithRef } from '../types';
 export interface FixedFloatingDropdownProps {
     open?: boolean;
     defaultOpen?: boolean;

package/dist/esm/components/dropdown/components/FixedFloatingDropdown.js

@@ -1 +1 @@
-"use strict";import{jsx as l,Fragment as Y,jsxs as P}from"react/jsx-runtime";import{spring as R}from"@toss/tds-easings";import{cloneElement as _,forwardRef as j,useEffect as X,useRef as g}from"react";import{Pressable as z,View as D}from"react-native";import{useGlobalEvent as A,useOverlay as N}from"../../../core/index.js";import{AnimateRallyPresence as B,Rally as G}from"../../../interactions/rally/index.js";import{MENU_Z_INDEX as H}from"../constants/z-index.js";import{useDropdown as K}from"../contexts/DropdownContext.js";import{mergeRefs as M}from"../utils/mergeRefs.js";export function FixedFloatingDropdown({children:o,onOpen:p,onClose:r,open:i,dropdown:m,containerStyle:n}){const{placement:v}=K(),s=g(null),u=g(null),f=g(null),y=o.ref,F=_(o,{...o.props,ref:y!=null?M(y,s):s,onPress:()=>{i?r?.():p?.(),o.props?.onPress?.()}}),d=A();X(()=>{const t=c=>{const e=c.nativeEvent.pageX,a=c.nativeEvent.pageY;f?.current&&f.current.measure((x,b,h,I,O,w)=>{e>=O&&e<=O+h&&a>=w&&a<=w+I||r?.()})};return d.addEventListener("touchEnd",t),()=>{d.removeEventListener("touchEnd",t)}},[f,d,r,s]);const E=N();return X(()=>{if(!i){E.close();return}s.current==null||u.current==null||s.current.measure((...t)=>{u.current?.measure((...c)=>{const e={x:0,y:1,width:2,height:3,pageX:4,pageY:5};E.open(({isOpen:a,exit:x,close:b})=>{const h=v==="bottom-start"?{top:(t[e.pageY]??0)+(t[e.height]??0),left:t[e.pageX]}:{top:(t[e.pageY]??0)+(t[e.height]??0),left:(t[e.pageX]??0)+(t[e.width]??0)-(c[e.width]??0)};return l(z,{onPress:()=>{b(),r?.()},style:[{flex:1,position:"absolute",width:"100%",height:"100%",zIndex:H},n],children:l(B,{onExitEnd:x,children:a?l(S,{ref:f,style:[h],placement:v,children:m}):void 0})})})})})},[i]),P(Y,{children:[F,l(D,{ref:u,style:{opacity:0,position:"absolute",zIndex:-1},pointerEvents:"none",accessibilityElementsHidden:!0,importantForAccessibility:"no-hide-descendants",children:m})]})}const S=j(function({style:p,children:r,placement:i},m){const n=i==="bottom-start"?"left":"right";return l(G,{ref:m,style:[{zIndex:9e3,position:"absolute"},p],exit:{opacity:{from:1,to:0},scale:{from:1,to:0},transformOriginX:{from:n,to:n},transformOriginY:{from:"top",to:"top"},easing:R.medium},motion:{opacity:{from:0,to:1},scale:{from:0,to:1},transformOriginX:{from:n,to:n},transformOriginY:{from:"top",to:"top"},easing:R.medium},children:r})});
+"use strict";import{jsx as l,Fragment as Y,jsxs as P}from"react/jsx-runtime";import{spring as R}from"@toss/tds-easings";import{cloneElement as _,forwardRef as j,useEffect as X,useRef as g}from"react";import{Pressable as z,View as D}from"react-native";import{useGlobalEvent as A,useOverlay as N}from"../../../core";import{AnimateRallyPresence as B,Rally as G}from"../../../interactions/rally";import{MENU_Z_INDEX as H}from"../constants/z-index";import{useDropdown as K}from"../contexts/DropdownContext";import{mergeRefs as M}from"../utils/mergeRefs";export function FixedFloatingDropdown({children:o,onOpen:p,onClose:r,open:i,dropdown:m,containerStyle:n}){const{placement:v}=K(),s=g(null),u=g(null),f=g(null),y=o.ref,F=_(o,{...o.props,ref:y!=null?M(y,s):s,onPress:()=>{i?r?.():p?.(),o.props?.onPress?.()}}),d=A();X(()=>{const t=c=>{const e=c.nativeEvent.pageX,a=c.nativeEvent.pageY;f?.current&&f.current.measure((x,b,h,I,O,w)=>{e>=O&&e<=O+h&&a>=w&&a<=w+I||r?.()})};return d.addEventListener("touchEnd",t),()=>{d.removeEventListener("touchEnd",t)}},[f,d,r,s]);const E=N();return X(()=>{if(!i){E.close();return}s.current==null||u.current==null||s.current.measure((...t)=>{u.current?.measure((...c)=>{const e={x:0,y:1,width:2,height:3,pageX:4,pageY:5};E.open(({isOpen:a,exit:x,close:b})=>{const h=v==="bottom-start"?{top:(t[e.pageY]??0)+(t[e.height]??0),left:t[e.pageX]}:{top:(t[e.pageY]??0)+(t[e.height]??0),left:(t[e.pageX]??0)+(t[e.width]??0)-(c[e.width]??0)};return l(z,{onPress:()=>{b(),r?.()},style:[{flex:1,position:"absolute",width:"100%",height:"100%",zIndex:H},n],children:l(B,{onExitEnd:x,children:a?l(S,{ref:f,style:[h],placement:v,children:m}):void 0})})})})})},[i]),P(Y,{children:[F,l(D,{ref:u,style:{opacity:0,position:"absolute",zIndex:-1},pointerEvents:"none",accessibilityElementsHidden:!0,importantForAccessibility:"no-hide-descendants",children:m})]})}const S=j(function({style:p,children:r,placement:i},m){const n=i==="bottom-start"?"left":"right";return l(G,{ref:m,style:[{zIndex:9e3,position:"absolute"},p],exit:{opacity:{from:1,to:0},scale:{from:1,to:0},transformOriginX:{from:n,to:n},transformOriginY:{from:"top",to:"top"},easing:R.medium},motion:{opacity:{from:0,to:1},scale:{from:0,to:1},transformOriginX:{from:n,to:n},transformOriginY:{from:"top",to:"top"},easing:R.medium},children:r})});

package/dist/esm/components/dropdown/components/Trigger.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import type { ViewProps } from 'react-native';
-import type { Placement, ReactElementWithRef } from '../types.js';
+import type { Placement, ReactElementWithRef } from '../types';
 interface Props {
     open?: boolean;
     defaultOpen?: boolean;

package/dist/esm/components/dropdown/components/Trigger.js

@@ -1 +1 @@
-"use strict";import{jsx as o,jsxs as R,Fragment as z}from"react/jsx-runtime";import{spring as _}from"@toss/tds-easings";import{cloneElement as I,useCallback as x,useEffect as b,useState as g}from"react";import{View as v}from"react-native";import{useGlobalEvent as S}from"../../../core/index.js";import{AnimateRallyPresence as T,Rally as j}from"../../../interactions/rally/index.js";import{MENU_Z_INDEX as w}from"../constants/z-index.js";import{DropdownProvider as P,useDropdown as E}from"../contexts/DropdownContext.js";import{mergeRefs as X}from"../utils/mergeRefs.js";import{FixedFloatingDropdown as C}from"./FixedFloatingDropdown.js";function y({children:t,placement:r="bottom-start",strategy:n="absolute",...e}){return o(P,{placement:r,children:o(n==="fixed"?C:A,{...e,children:t})})}function A({children:t,onOpen:r,onClose:n,open:e,dropdown:l,containerStyle:a}){const{targetRef:i,dropdownBaseRef:f}=E(),u=t.ref,c=I(t,{...t.props,ref:u!=null?X(u,i):i,onPress:()=>{e?n?.():r?.(),t.props?.onPress?.()}}),s=S();return b(()=>{const d=(m,p)=>{f?.current==null||m.target==null||!p&&!h(m.target,f.current)&&!h(m.target,i?.current)&&n?.()};return s.addEventListener("touchEnd",d),()=>{s.removeEventListener("touchEnd",d)}},[f,s,n,i]),R(v,{style:[{position:"relative",zIndex:w},a],children:[c,o(T,{children:e?o(B,{children:l}):void 0})]})}function B({style:t,children:r,...n}){const{targetRef:e,dropdownBaseRef:l,placement:a}=E(),[i,f]=g(null),[u,c]=g(null);if(b(()=>{e?.current!=null&&l?.current!=null&&e.current.measureInWindow((d,m,p,D)=>{l?.current?.measureInWindow((N,U,F,O)=>{f({width:p,height:D}),c({width:F,height:O})})})},[l,e]),u==null||i==null)return o(v,{style:{opacity:0,position:"absolute",alignSelf:"flex-start"},children:r});const s=a==="bottom-start"?"left":"right";return o(z,{children:o(j,{style:[{zIndex:9e3,position:"absolute",top:i.height},a==="bottom-start"?{left:0}:{right:0},t],exit:{opacity:{from:1,to:0},scale:{from:1,to:0},transformOriginX:{from:s,to:s},transformOriginY:{from:"top",to:"top"},easing:_.medium},motion:{opacity:{from:0,to:1},scale:{from:0,to:1},transformOriginX:{from:s,to:s},transformOriginY:{from:"top",to:"top"},easing:_.medium},...n,children:r})})}function L({defaultOpen:t=!1,onOpen:r,onClose:n,...e}){const[l,a]=g(t),i=x(()=>{r?.(),a(!0)},[r]),f=x(()=>{n?.(),a(!1)},[n]);return o(y,{open:l,onOpen:i,onClose:f,...e})}export function Trigger(t){return t.open!=null?o(y,{...t}):o(L,{...t})}Trigger.zIndex=w;const h=(t,r)=>{if(t&&r&&t._nativeTag===r._nativeTag)return!0;if(r._children&&r._children.length>0){for(let n=0;n<=r._children.length-1;n++)if(h(t,r._children[n]))return!0}return!1};
+"use strict";import{jsx as o,jsxs as R,Fragment as z}from"react/jsx-runtime";import{spring as _}from"@toss/tds-easings";import{cloneElement as I,useCallback as x,useEffect as b,useState as g}from"react";import{View as v}from"react-native";import{useGlobalEvent as S}from"../../../core";import{AnimateRallyPresence as T,Rally as j}from"../../../interactions/rally";import{MENU_Z_INDEX as w}from"../constants/z-index";import{DropdownProvider as P,useDropdown as E}from"../contexts/DropdownContext";import{mergeRefs as X}from"../utils/mergeRefs";import{FixedFloatingDropdown as C}from"./FixedFloatingDropdown";function y({children:t,placement:r="bottom-start",strategy:n="absolute",...e}){return o(P,{placement:r,children:o(n==="fixed"?C:A,{...e,children:t})})}function A({children:t,onOpen:r,onClose:n,open:e,dropdown:l,containerStyle:a}){const{targetRef:i,dropdownBaseRef:f}=E(),u=t.ref,c=I(t,{...t.props,ref:u!=null?X(u,i):i,onPress:()=>{e?n?.():r?.(),t.props?.onPress?.()}}),s=S();return b(()=>{const d=(m,p)=>{f?.current==null||m.target==null||!p&&!h(m.target,f.current)&&!h(m.target,i?.current)&&n?.()};return s.addEventListener("touchEnd",d),()=>{s.removeEventListener("touchEnd",d)}},[f,s,n,i]),R(v,{style:[{position:"relative",zIndex:w},a],children:[c,o(T,{children:e?o(B,{children:l}):void 0})]})}function B({style:t,children:r,...n}){const{targetRef:e,dropdownBaseRef:l,placement:a}=E(),[i,f]=g(null),[u,c]=g(null);if(b(()=>{e?.current!=null&&l?.current!=null&&e.current.measureInWindow((d,m,p,D)=>{l?.current?.measureInWindow((N,U,F,O)=>{f({width:p,height:D}),c({width:F,height:O})})})},[l,e]),u==null||i==null)return o(v,{style:{opacity:0,position:"absolute",alignSelf:"flex-start"},children:r});const s=a==="bottom-start"?"left":"right";return o(z,{children:o(j,{style:[{zIndex:9e3,position:"absolute",top:i.height},a==="bottom-start"?{left:0}:{right:0},t],exit:{opacity:{from:1,to:0},scale:{from:1,to:0},transformOriginX:{from:s,to:s},transformOriginY:{from:"top",to:"top"},easing:_.medium},motion:{opacity:{from:0,to:1},scale:{from:0,to:1},transformOriginX:{from:s,to:s},transformOriginY:{from:"top",to:"top"},easing:_.medium},...n,children:r})})}function L({defaultOpen:t=!1,onOpen:r,onClose:n,...e}){const[l,a]=g(t),i=x(()=>{r?.(),a(!0)},[r]),f=x(()=>{n?.(),a(!1)},[n]);return o(y,{open:l,onOpen:i,onClose:f,...e})}export function Trigger(t){return t.open!=null?o(y,{...t}):o(L,{...t})}Trigger.zIndex=w;const h=(t,r)=>{if(t&&r&&t._nativeTag===r._nativeTag)return!0;if(r._children&&r._children.length>0){for(let n=0;n<=r._children.length-1;n++)if(h(t,r._children[n]))return!0}return!1};

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

@@ -1,2 +1,2 @@
-export * from './Dropdown.js';
-export * from './Trigger.js';
+export * from './Dropdown';
+export * from './Trigger';

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

@@ -1 +1 @@
-"use strict";export*from"./Dropdown.js";export*from"./Trigger.js";
+"use strict";export*from"./Dropdown";export*from"./Trigger";

package/dist/esm/components/dropdown/contexts/DropdownContext.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode, RefObject } from 'react';
 import type { View } from 'react-native';
-import type { Placement } from '../types.js';
+import type { Placement } from '../types';
 interface DropdownProviderProps {
     open?: boolean;
     placement: Placement;

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

@@ -1 +1 @@
-export * from './components/index.js';
+export * from './components';

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

@@ -1 +1 @@
-"use strict";export*from"./components/index.js";
+"use strict";export*from"./components";

package/dist/esm/components/error-page/ErrorPage.js

@@ -1,2 +1,2 @@
-"use strict";import{jsx as t,jsxs as h}from"react/jsx-runtime";import{Image as f}from"react-native";import{useAdaptive as b}from"../../core/index.js";import{Asset as C}from"../asset/index.js";import{Button as i}from"../button/index.js";import{FixedBottomCTA as x,FixedBottomCTAProvider as A}from"../fixed-bottom-cta/index.js";import{Top as r}from"../top/index.js";export const ErrorPage=({statusCode:e=500,title:s,subtitle:o,onPressLeftButton:a,onPressRightButton:u,children:n})=>{const l=b(),{title:m,subtitle:p,image:c}=j(e),d=s??m,g=o??p;return h(A,{children:[t(r,{title:t(r.TitleParagraph,{color:l.grey900,children:d}),subtitle2:t(r.SubtitleParagraph,{children:g}),upper:t(r.UpperAssetContent,{content:t(f,{source:{uri:c},"aria-hidden":!0,style:C.frameShape.CleanW60})})}),n,t(x.Double,{leftButton:t(i,{type:"dark",style:"weak",onPress:a,children:"\uACE0\uAC1D\uC13C\uD130 \uBB38\uC758"}),rightButton:t(i,{type:"primary",style:"fill",onPress:u,children:e===400?"\uB2E4\uC2DC \uC785\uB825\uD558\uAE30":"\uB2EB\uAE30"})})]})};const j=e=>{switch(e){case 404:return{title:"\uC815\uBCF4\uB97C \uBD88\uB7EC\uC624\uC9C0 \uBABB\uD588\uC5B4\uC694",subtitle:"\uC7A0\uC2DC \uD6C4 \uB2E4\uC2DC \uC2DC\uB3C4\uD558\uAC70\uB098, \uBB38\uC81C\uAC00 \uBC18\uBCF5\uB41C\uB2E4\uBA74 \uACE0\uAC1D\uC13C\uD130\uB85C \uBB38\uC758\uD574\uC8FC\uC138\uC694.",image:"https://static.toss.im/3d-emojis/u1F519-return.png"};case 400:return{title:`\uC785\uB825\uD55C \uC815\uBCF4\uB97C 
+"use strict";import{jsx as t,jsxs as h}from"react/jsx-runtime";import{Image as f}from"react-native";import{useAdaptive as b}from"../../core";import{Asset as C}from"../asset";import{Button as i}from"../button";import{FixedBottomCTA as x,FixedBottomCTAProvider as A}from"../fixed-bottom-cta";import{Top as r}from"../top";export const ErrorPage=({statusCode:e=500,title:s,subtitle:o,onPressLeftButton:a,onPressRightButton:u,children:n})=>{const l=b(),{title:m,subtitle:p,image:c}=j(e),d=s??m,g=o??p;return h(A,{children:[t(r,{title:t(r.TitleParagraph,{color:l.grey900,children:d}),subtitle2:t(r.SubtitleParagraph,{children:g}),upper:t(r.UpperAssetContent,{content:t(f,{source:{uri:c},"aria-hidden":!0,style:C.frameShape.CleanW60})})}),n,t(x.Double,{leftButton:t(i,{type:"dark",style:"weak",onPress:a,children:"\uACE0\uAC1D\uC13C\uD130 \uBB38\uC758"}),rightButton:t(i,{type:"primary",style:"fill",onPress:u,children:e===400?"\uB2E4\uC2DC \uC785\uB825\uD558\uAE30":"\uB2EB\uAE30"})})]})};const j=e=>{switch(e){case 404:return{title:"\uC815\uBCF4\uB97C \uBD88\uB7EC\uC624\uC9C0 \uBABB\uD588\uC5B4\uC694",subtitle:"\uC7A0\uC2DC \uD6C4 \uB2E4\uC2DC \uC2DC\uB3C4\uD558\uAC70\uB098, \uBB38\uC81C\uAC00 \uBC18\uBCF5\uB41C\uB2E4\uBA74 \uACE0\uAC1D\uC13C\uD130\uB85C \uBB38\uC758\uD574\uC8FC\uC138\uC694.",image:"https://static.toss.im/3d-emojis/u1F519-return.png"};case 400:return{title:`\uC785\uB825\uD55C \uC815\uBCF4\uB97C 
 \uB2E4\uC2DC \uD655\uC778\uD574\uC8FC\uC138\uC694`,subtitle:"\uC815\uD655\uD558\uC9C0 \uC54A\uC740 \uC815\uBCF4\uAC00 \uC788\uC5B4\uC694. \uB9DE\uAC8C \uC785\uB825\uD588\uB294\uB370\uB3C4 \uBB38\uC81C\uAC00 \uBC18\uBCF5\uB41C\uB2E4\uBA74 \uACE0\uAC1D\uC13C\uD130\uB85C \uBB38\uC758\uD574\uC8FC\uC138\uC694.",image:"https://static.toss.im/3d-emojis/u1F519-return.png"};default:return{title:"\uC77C\uC2DC\uC801\uC778 \uC624\uB958\uAC00 \uC0DD\uACBC\uC5B4\uC694",subtitle:"\uBB38\uC81C\uC758 \uC6D0\uC778\uC744 \uCC3E\uC544 \uD574\uACB0\uD558\uACE0 \uC788\uC5B4\uC694. \uBB38\uC81C\uAC00 \uBC18\uBCF5\uB41C\uB2E4\uBA74 \uACE0\uAC1D\uC13C\uD130\uB85C \uBB38\uC758\uD574\uC8FC\uC138\uC694.",image:"https://static.toss.im/3d-emojis/u1F6A7-orange-cone.png"}}};

package/dist/esm/components/error-page/index.d.ts

@@ -1 +1 @@
-export * from './ErrorPage.js';
+export * from './ErrorPage';

package/dist/esm/components/error-page/index.js

@@ -1 +1 @@
-"use strict";export*from"./ErrorPage.js";
+"use strict";export*from"./ErrorPage";

package/dist/esm/components/fixed-bottom-cta/FixedBottomCTA.d.ts

@@ -1,4 +1,4 @@
-import type { BottomCTADoubleProps, BottomCTASingleProps } from '../bottom-cta/index.js';
+import type { BottomCTADoubleProps, BottomCTASingleProps } from '../bottom-cta';
 export type FixedBottomCTASingleProps = Omit<BottomCTASingleProps, 'display' | 'keyboardStyleEnabled'>;
 export type FixedBottomCTADoubleProps = Omit<BottomCTADoubleProps, 'keyboardStyleEnabled'>;
 /**

package/dist/esm/components/fixed-bottom-cta/FixedBottomCTA.js

@@ -1 +1 @@
-"use strict";import{jsx as o}from"react/jsx-runtime";import{BottomCTA as r,BottomCTAGradient as n}from"../bottom-cta/index.js";import{useAdaptive as i}from"../../core/index.js";import{FixedBottomCTAConsumer as u}from"./providers/FixedBottomCTAContext.js";export function FixedBottomCTAWithoutConsumer(t){const e=i();return o(r.Single,{keyboardStyleEnabled:!0,gradient:o(n,{stopColor:e.background}),...t})}export function FixedBottomCTADoubleWithoutConsumer(t){const e=i();return o(r.Double,{keyboardStyleEnabled:!0,gradient:o(n,{stopColor:e.background}),...t})}export function FixedBottomCTA(t){return o(u,{children:o(FixedBottomCTAWithoutConsumer,{...t})})}function d(t){return o(u,{children:o(FixedBottomCTADoubleWithoutConsumer,{...t})})}FixedBottomCTA.Double=d;
+"use strict";import{jsx as o}from"react/jsx-runtime";import{BottomCTA as r,BottomCTAGradient as n}from"../bottom-cta";import{useAdaptive as i}from"../../core";import{FixedBottomCTAConsumer as u}from"./providers/FixedBottomCTAContext";export function FixedBottomCTAWithoutConsumer(t){const e=i();return o(r.Single,{keyboardStyleEnabled:!0,gradient:o(n,{stopColor:e.background}),...t})}export function FixedBottomCTADoubleWithoutConsumer(t){const e=i();return o(r.Double,{keyboardStyleEnabled:!0,gradient:o(n,{stopColor:e.background}),...t})}export function FixedBottomCTA(t){return o(u,{children:o(FixedBottomCTAWithoutConsumer,{...t})})}function d(t){return o(u,{children:o(FixedBottomCTADoubleWithoutConsumer,{...t})})}FixedBottomCTA.Double=d;

package/dist/esm/components/fixed-bottom-cta/index.d.ts

@@ -1,2 +1,2 @@
-export * from './FixedBottomCTA.js';
-export { FixedBottomCTAProvider, FixedBottomCTAConsumer } from './providers/FixedBottomCTAContext.js';
+export * from './FixedBottomCTA';
+export { FixedBottomCTAProvider, FixedBottomCTAConsumer } from './providers/FixedBottomCTAContext';

package/dist/esm/components/fixed-bottom-cta/index.js

@@ -1 +1 @@
-"use strict";export*from"./FixedBottomCTA.js";export{FixedBottomCTAProvider,FixedBottomCTAConsumer}from"./providers/FixedBottomCTAContext.js";
+"use strict";export*from"./FixedBottomCTA";export{FixedBottomCTAProvider,FixedBottomCTAConsumer}from"./providers/FixedBottomCTAContext";

package/dist/esm/components/fixed-bottom-cta/providers/FixedBottomCTAContext.js

@@ -1 +1 @@
-"use strict";import{jsx as n,Fragment as f,jsxs as s}from"react/jsx-runtime";import{KeyboardAboveView as T}from"@granite-js/react-native";import{BottomCTAGradient as c}from"../../bottom-cta/index.js";import{createContext as A,useCallback as u,useContext as B,useEffect as F,useMemo as h,useState as E}from"react";import{ScrollView as v,View as a}from"react-native";const x=A(null);export function FixedBottomCTAProvider({children:t,wrapper:e=v,wrapperProps:o}){const r=e,[d,l]=E(null),i=u(C=>{l(C)},[]),m=u(()=>{l(null)},[]),p=h(()=>({render:i,cleanup:m}),[i,m]);return s(x.Provider,{value:p,children:[n(r,{style:{flex:1},...o,children:s(f,{children:[t,n(a,{style:{height:c.HEIGHT}})]})}),s(T,{children:[n(a,{style:{marginTop:-(c.HEIGHT-1)}}),d]})]})}export function FixedBottomCTAConsumer({children:t}){const e=B(x);if(e==null)throw new Error("FixedBottomCTAContext \uB294 FixedBottomCTAProvider \uC5D0\uC11C \uC2E4\uD589\uD574\uC57C\uD569\uB2C8\uB2E4.");const{render:o,cleanup:r}=e;return F(()=>(o(t),()=>{r()}),[t,r,o]),null}
+"use strict";import{jsx as n,Fragment as f,jsxs as s}from"react/jsx-runtime";import{KeyboardAboveView as T}from"@granite-js/react-native";import{BottomCTAGradient as c}from"../../bottom-cta";import{createContext as A,useCallback as u,useContext as B,useEffect as F,useMemo as h,useState as E}from"react";import{ScrollView as v,View as a}from"react-native";const x=A(null);export function FixedBottomCTAProvider({children:t,wrapper:e=v,wrapperProps:o}){const r=e,[d,l]=E(null),i=u(C=>{l(C)},[]),m=u(()=>{l(null)},[]),p=h(()=>({render:i,cleanup:m}),[i,m]);return s(x.Provider,{value:p,children:[n(r,{style:{flex:1},...o,children:s(f,{children:[t,n(a,{style:{height:c.HEIGHT}})]})}),s(T,{children:[n(a,{style:{marginTop:-(c.HEIGHT-1)}}),d]})]})}export function FixedBottomCTAConsumer({children:t}){const e=B(x);if(e==null)throw new Error("FixedBottomCTAContext \uB294 FixedBottomCTAProvider \uC5D0\uC11C \uC2E4\uD589\uD574\uC57C\uD569\uB2C8\uB2E4.");const{render:o,cleanup:r}=e;return F(()=>(o(t),()=>{r()}),[t,r,o]),null}

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

@@ -1,4 +1,4 @@
-export { LinearGradient } from './LinearGradient.js';
-export type { LinearGradientProps } from './LinearGradient.js';
-export { RadialGradient } from './RadialGradient.js';
-export type { RadialGradientProps } from './RadialGradient.js';
+export { LinearGradient } from './LinearGradient';
+export type { LinearGradientProps } from './LinearGradient';
+export { RadialGradient } from './RadialGradient';
+export type { RadialGradientProps } from './RadialGradient';

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

@@ -1 +1 @@
-"use strict";export{LinearGradient}from"./LinearGradient.js";export{RadialGradient}from"./RadialGradient.js";
+"use strict";export{LinearGradient}from"./LinearGradient";export{RadialGradient}from"./RadialGradient";

package/dist/esm/components/grid-list/GridList.d.ts

@@ -1,5 +1,5 @@
-import { GridListItem } from './GridListItem.js';
-import type { GridListProps } from './types.js';
+import { GridListItem } from './GridListItem';
+import type { GridListProps } from './types';
 /**
  *
  * @example

package/dist/esm/components/grid-list/GridList.js

@@ -1 +1 @@
-"use strict";import{jsx as r}from"react/jsx-runtime";import{StyleSheet as m,View as n}from"react-native";import{MARGIN as s}from"./const.js";import{GridListContext as a}from"./GridListContext.js";import{GridListItem as f}from"./GridListItem.js";function t({children:e,column:i,style:o}){return r(a.Provider,{value:{column:i},children:r(n,{style:[l.container,o],children:e})})}const l=m.create({container:{flexWrap:"wrap",flexDirection:"row",margin:s*-1}});t.Item=f;export default t;
+"use strict";import{jsx as r}from"react/jsx-runtime";import{StyleSheet as m,View as n}from"react-native";import{MARGIN as s}from"./const";import{GridListContext as a}from"./GridListContext";import{GridListItem as f}from"./GridListItem";function t({children:e,column:i,style:o}){return r(a.Provider,{value:{column:i},children:r(n,{style:[l.container,o],children:e})})}const l=m.create({container:{flexWrap:"wrap",flexDirection:"row",margin:s*-1}});t.Item=f;export default t;

package/dist/esm/components/grid-list/GridListContext.d.ts

@@ -1,4 +1,4 @@
-import type { GridListColumn } from './types.js';
+import type { GridListColumn } from './types';
 export interface GridListContext {
     column: GridListColumn;
 }

package/dist/esm/components/grid-list/GridListItem.d.ts

@@ -1,2 +1,2 @@
-import type { GridListItemProps } from './types.js';
+import type { GridListItemProps } from './types';
 export declare function GridListItem({ image, title, style, onPress }: GridListItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/grid-list/GridListItem.js

@@ -1 +1 @@
-"use strict";import{jsx as t,jsxs as d}from"react/jsx-runtime";import{useAdaptive as a}from"../../core/index.js";import{Txt as p}from"../txt/index.js";import{isReactText as g}from"../../utils/index.js";import{Children as f,useContext as y}from"react";import{StyleSheet as h,TouchableHighlight as u,View as e}from"react-native";import{MARGIN as x}from"./const.js";import{GridListContext as C}from"./GridListContext.js";function j({children:i}){const r=a();return t(p,{typography:"st11",color:r.grey900,fontWeight:"medium",style:{textAlign:"center"},children:i})}export function GridListItem({image:i,title:r,style:s,onPress:l}){const n=a(),{column:c}=y(C);return t(e,{style:{flexBasis:`${100/c}%`},children:t(u,{activeOpacity:1,underlayColor:n.grey100,style:[m.itemContainer,{backgroundColor:n.opacity50},s],onPress:l,children:d(e,{children:[t(e,{style:m.itemImageContainer,children:i}),t(e,{children:f.map(r,o=>g(o)?t(j,{children:o}):o)})]})})})}const m=h.create({itemContainer:{margin:x,flex:1,paddingVertical:12,paddingHorizontal:8,borderRadius:9},itemImageContainer:{alignItems:"center",justifyContent:"center",maxHeight:28,marginBottom:6}});
+"use strict";import{jsx as t,jsxs as d}from"react/jsx-runtime";import{useAdaptive as a}from"../../core";import{Txt as p}from"../txt";import{isReactText as g}from"../../utils";import{Children as f,useContext as y}from"react";import{StyleSheet as h,TouchableHighlight as u,View as e}from"react-native";import{MARGIN as x}from"./const";import{GridListContext as C}from"./GridListContext";function j({children:i}){const r=a();return t(p,{typography:"st11",color:r.grey900,fontWeight:"medium",style:{textAlign:"center"},children:i})}export function GridListItem({image:i,title:r,style:s,onPress:l}){const n=a(),{column:c}=y(C);return t(e,{style:{flexBasis:`${100/c}%`},children:t(u,{activeOpacity:1,underlayColor:n.grey100,style:[m.itemContainer,{backgroundColor:n.opacity50},s],onPress:l,children:d(e,{children:[t(e,{style:m.itemImageContainer,children:i}),t(e,{children:f.map(r,o=>g(o)?t(j,{children:o}):o)})]})})})}const m=h.create({itemContainer:{margin:x,flex:1,paddingVertical:12,paddingHorizontal:8,borderRadius:9},itemImageContainer:{alignItems:"center",justifyContent:"center",maxHeight:28,marginBottom:6}});

package/dist/esm/components/grid-list/index.d.ts

@@ -1 +1 @@
-export { default as GridList } from './GridList.js';
+export { default as GridList } from './GridList';

package/dist/esm/components/grid-list/index.js

@@ -1 +1 @@
-"use strict";export{default as GridList}from"./GridList.js";
+"use strict";export{default as GridList}from"./GridList";

package/dist/esm/components/highlight/Highlight.d.ts

@@ -1,3 +1,3 @@
 import { View } from 'react-native';
-import type { HighlightProps } from './types.js';
+import type { HighlightProps } from './types';
 export declare const Highlight: import("react").ForwardRefExoticComponent<HighlightProps & import("react").RefAttributes<View>>;

package/dist/esm/components/highlight/Highlight.js

@@ -1 +1 @@
-"use strict";import{jsx as t}from"react/jsx-runtime";import{forwardRef as S,useEffect as V,useRef as W}from"react";import{View as n}from"react-native";import{colors as _}from"@toss/tds-colors";import{useOverlay as k}from"../../core/index.js";import{HighlightUI as q}from"./HighlightUI.js";import{useTimeout as z}from"./hooks/index.js";import{useTimestampRef as A}from"./hooks/useTimestampRef.js";import{mergeRefs as B}from"./utils/mergeRefs.js";export const Highlight=S(function({open:r,delay:c=0,padding:e=0,paddingLeft:u=e,paddingTop:l=e,paddingRight:h=e,paddingBottom:p=e,message:a,messageColor:g=_.white,messageXAlignment:w,messageYAlignment:R,onPress:o,onExited:v,onTargetPress:x,children:T,closeLockDuration:H=0,...i},I){const j={padding:e,paddingLeft:u,paddingTop:l,paddingRight:h,paddingBottom:p,message:a,messageColor:g,messageXAlignment:w,messageYAlignment:R,onPress:o,onTargetPress:x,...i},m=k(),s=z(),f=W(null),y=A({active:r});return V(()=>{if(r)return s.set(()=>{f.current?.measureInWindow((E,P,U,b)=>{m.open(({isOpen:C,close:D,exit:O})=>t(q,{...j,x:E,y:P,width:U,height:b,open:C,onPress:()=>{new Date().getTime()-y.current>H*1e3&&(o?.(),D())},onExited:()=>{v?.(),O()}}))})},c*1e3),s.clear;m.close()},[r]),t(n,{...i,children:t(n,{ref:B(I,f),removeClippedSubviews:!1,children:T})})});
+"use strict";import{jsx as t}from"react/jsx-runtime";import{forwardRef as S,useEffect as V,useRef as W}from"react";import{View as n}from"react-native";import{colors as _}from"@toss/tds-colors";import{useOverlay as k}from"../../core";import{HighlightUI as q}from"./HighlightUI";import{useTimeout as z}from"./hooks";import{useTimestampRef as A}from"./hooks/useTimestampRef";import{mergeRefs as B}from"./utils/mergeRefs";export const Highlight=S(function({open:r,delay:c=0,padding:e=0,paddingLeft:u=e,paddingTop:l=e,paddingRight:h=e,paddingBottom:p=e,message:a,messageColor:g=_.white,messageXAlignment:w,messageYAlignment:R,onPress:o,onExited:v,onTargetPress:x,children:T,closeLockDuration:H=0,...i},I){const j={padding:e,paddingLeft:u,paddingTop:l,paddingRight:h,paddingBottom:p,message:a,messageColor:g,messageXAlignment:w,messageYAlignment:R,onPress:o,onTargetPress:x,...i},m=k(),s=z(),f=W(null),y=A({active:r});return V(()=>{if(r)return s.set(()=>{f.current?.measureInWindow((E,P,U,b)=>{m.open(({isOpen:C,close:D,exit:O})=>t(q,{...j,x:E,y:P,width:U,height:b,open:C,onPress:()=>{new Date().getTime()-y.current>H*1e3&&(o?.(),D())},onExited:()=>{v?.(),O()}}))})},c*1e3),s.clear;m.close()},[r]),t(n,{...i,children:t(n,{ref:B(I,f),removeClippedSubviews:!1,children:T})})});

package/dist/esm/components/highlight/HighlightUI.d.ts

@@ -1,3 +1,3 @@
 import { View } from 'react-native';
-import type { HighlightUIProps } from './types.js';
+import type { HighlightUIProps } from './types';
 export declare const HighlightUI: import("react").ForwardRefExoticComponent<HighlightUIProps & import("react").RefAttributes<View>>;