@toss/tds-react-native 1.0.0 → 1.2.1

package/dist/cjs/interactions/rally/constants/property.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.defaultEasing=exports.defaultDuration=exports.defaultStyles=void 0;const easings_1=require("@toss-design-system/easings");exports.defaultStyles={opacity:1,scale:1,scaleX:1,scaleY:1,rotate:0,rotateX:0,rotateY:0,rotateZ:0,translateX:0,translateY:0,transformOriginX:"center",transformOriginY:"center",color:"black",backgroundColor:"transparent"},exports.defaultDuration=500,exports.defaultEasing=easings_1.bezier.out;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.defaultEasing=exports.defaultDuration=exports.defaultStyles=void 0;const tds_easings_1=require("@toss/tds-easings");exports.defaultStyles={opacity:1,scale:1,scaleX:1,scaleY:1,rotate:0,rotateX:0,rotateY:0,rotateZ:0,translateX:0,translateY:0,transformOriginX:"center",transformOriginY:"center",color:"black",backgroundColor:"transparent"},exports.defaultDuration=500,exports.defaultEasing=tds_easings_1.bezier.out;

package/dist/cjs/interactions/rally/presets/effects/bounce.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.bounce=void 0;const easings_1=require("@toss-design-system/easings"),utils_1=require("../../utils"),override_1=require("../helper/override"),default_1=require("./default"),motions={small:[{translateY:{to:"+=40%",easing:easings_1.bezier.ease,duration:(0,utils_1.convertSecondsToMilliseconds)(.15)},scaleY:{to:"-=0.1",easing:easings_1.bezier.ease,duration:(0,utils_1.convertSecondsToMilliseconds)(.1),delay:(0,utils_1.convertSecondsToMilliseconds)(.05)},scaleX:{to:"+=0.02",easing:easings_1.bezier.ease,duration:(0,utils_1.convertSecondsToMilliseconds)(.1),delay:(0,utils_1.convertSecondsToMilliseconds)(.05)},transformOrigin:{from:"50% 100%",to:"50% 100%",duration:(0,utils_1.convertSecondsToMilliseconds)(.15)}},{translateY:{to:"-=40%",easing:easings_1.bezier.out,duration:(0,utils_1.convertSecondsToMilliseconds)(.25)},scaleY:{to:"+=0.1",easing:easings_1.bezier.out,duration:(0,utils_1.convertSecondsToMilliseconds)(.25)},scaleX:{to:"-=0.02",easing:easings_1.bezier.out,duration:(0,utils_1.convertSecondsToMilliseconds)(.25)},transformOrigin:{from:"50% 100%",to:"50% 100%",duration:(0,utils_1.convertSecondsToMilliseconds)(.25)}}],big:[{translateY:{to:"+=80%",easing:easings_1.bezier.ease,duration:(0,utils_1.convertSecondsToMilliseconds)(.25)},scaleY:{to:"-=0.1",easing:easings_1.bezier.ease,duration:(0,utils_1.convertSecondsToMilliseconds)(.15),delay:(0,utils_1.convertSecondsToMilliseconds)(.1)},scaleX:{to:"+=0.02",easing:easings_1.bezier.ease,duration:(0,utils_1.convertSecondsToMilliseconds)(.15),delay:(0,utils_1.convertSecondsToMilliseconds)(.1)},transformOrigin:{from:"50% 100%",to:"50% 100%",duration:(0,utils_1.convertSecondsToMilliseconds)(.25)}},{translateY:{to:"-=80%",easing:easings_1.bezier.out,duration:(0,utils_1.convertSecondsToMilliseconds)(.35)},scaleY:{to:"+=0.1",easing:easings_1.bezier.out,duration:(0,utils_1.convertSecondsToMilliseconds)(.35)},scaleX:{to:"-=0.02",easing:easings_1.bezier.out,duration:(0,utils_1.convertSecondsToMilliseconds)(.35)},transformOrigin:{from:"50% 100%",to:"50% 100%",duration:(0,utils_1.convertSecondsToMilliseconds)(.35)}}]},bounce=({type:e=default_1.DefaultEffectType,override:o})=>(0,override_1.overrideEffect)(motions[e],o);exports.bounce=bounce;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.bounce=void 0;const tds_easings_1=require("@toss/tds-easings"),utils_1=require("../../utils"),override_1=require("../helper/override"),default_1=require("./default"),motions={small:[{translateY:{to:"+=40%",easing:tds_easings_1.bezier.ease,duration:(0,utils_1.convertSecondsToMilliseconds)(.15)},scaleY:{to:"-=0.1",easing:tds_easings_1.bezier.ease,duration:(0,utils_1.convertSecondsToMilliseconds)(.1),delay:(0,utils_1.convertSecondsToMilliseconds)(.05)},scaleX:{to:"+=0.02",easing:tds_easings_1.bezier.ease,duration:(0,utils_1.convertSecondsToMilliseconds)(.1),delay:(0,utils_1.convertSecondsToMilliseconds)(.05)},transformOrigin:{from:"50% 100%",to:"50% 100%",duration:(0,utils_1.convertSecondsToMilliseconds)(.15)}},{translateY:{to:"-=40%",easing:tds_easings_1.bezier.out,duration:(0,utils_1.convertSecondsToMilliseconds)(.25)},scaleY:{to:"+=0.1",easing:tds_easings_1.bezier.out,duration:(0,utils_1.convertSecondsToMilliseconds)(.25)},scaleX:{to:"-=0.02",easing:tds_easings_1.bezier.out,duration:(0,utils_1.convertSecondsToMilliseconds)(.25)},transformOrigin:{from:"50% 100%",to:"50% 100%",duration:(0,utils_1.convertSecondsToMilliseconds)(.25)}}],big:[{translateY:{to:"+=80%",easing:tds_easings_1.bezier.ease,duration:(0,utils_1.convertSecondsToMilliseconds)(.25)},scaleY:{to:"-=0.1",easing:tds_easings_1.bezier.ease,duration:(0,utils_1.convertSecondsToMilliseconds)(.15),delay:(0,utils_1.convertSecondsToMilliseconds)(.1)},scaleX:{to:"+=0.02",easing:tds_easings_1.bezier.ease,duration:(0,utils_1.convertSecondsToMilliseconds)(.15),delay:(0,utils_1.convertSecondsToMilliseconds)(.1)},transformOrigin:{from:"50% 100%",to:"50% 100%",duration:(0,utils_1.convertSecondsToMilliseconds)(.25)}},{translateY:{to:"-=80%",easing:tds_easings_1.bezier.out,duration:(0,utils_1.convertSecondsToMilliseconds)(.35)},scaleY:{to:"+=0.1",easing:tds_easings_1.bezier.out,duration:(0,utils_1.convertSecondsToMilliseconds)(.35)},scaleX:{to:"-=0.02",easing:tds_easings_1.bezier.out,duration:(0,utils_1.convertSecondsToMilliseconds)(.35)},transformOrigin:{from:"50% 100%",to:"50% 100%",duration:(0,utils_1.convertSecondsToMilliseconds)(.35)}}]},bounce=({type:e=default_1.DefaultEffectType,override:o})=>(0,override_1.overrideEffect)(motions[e],o);exports.bounce=bounce;

package/dist/cjs/interactions/rally/presets/effects/float.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.float=void 0;const easings_1=require("@toss-design-system/easings"),utils_1=require("../../utils"),override_1=require("../helper/override"),default_1=require("./default"),motion={small:[{translateY:{to:"-=20%",easing:easings_1.bezier.out,duration:(0,utils_1.convertSecondsToMilliseconds)(.8)}},{translateY:{to:"+=20%",easing:easings_1.bezier.out,duration:(0,utils_1.convertSecondsToMilliseconds)(.7)}}],big:[{translateY:{to:"-=35%",easing:easings_1.bezier.out,duration:(0,utils_1.convertSecondsToMilliseconds)(1)}},{translateY:{to:"+=35%",easing:easings_1.bezier.out,duration:(0,utils_1.convertSecondsToMilliseconds)(.9)}}]},float=({type:e=default_1.DefaultEffectType,override:t})=>(0,override_1.overrideEffect)(motion[e],t);exports.float=float;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.float=void 0;const tds_easings_1=require("@toss/tds-easings"),utils_1=require("../../utils"),override_1=require("../helper/override"),default_1=require("./default"),motion={small:[{translateY:{to:"-=20%",easing:tds_easings_1.bezier.out,duration:(0,utils_1.convertSecondsToMilliseconds)(.8)}},{translateY:{to:"+=20%",easing:tds_easings_1.bezier.out,duration:(0,utils_1.convertSecondsToMilliseconds)(.7)}}],big:[{translateY:{to:"-=35%",easing:tds_easings_1.bezier.out,duration:(0,utils_1.convertSecondsToMilliseconds)(1)}},{translateY:{to:"+=35%",easing:tds_easings_1.bezier.out,duration:(0,utils_1.convertSecondsToMilliseconds)(.9)}}]},float=({type:e=default_1.DefaultEffectType,override:t})=>(0,override_1.overrideEffect)(motion[e],t);exports.float=float;

package/dist/cjs/interactions/rally/presets/effects/pulse.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.pulse=void 0;const easings_1=require("@toss-design-system/easings"),utils_1=require("../../utils"),override_1=require("../helper/override"),default_1=require("./default"),motion={small:[{scale:{to:"+=0.03",easing:easings_1.bezier.out,duration:(0,utils_1.convertSecondsToMilliseconds)(.15)}},{scale:{to:"-=0.03",easing:easings_1.bezier.out,duration:(0,utils_1.convertSecondsToMilliseconds)(.15)}}],big:[{scale:{to:"+=0.1",easing:easings_1.bezier.out,duration:(0,utils_1.convertSecondsToMilliseconds)(.15)}},{scale:{to:"-=0.1",easing:easings_1.bezier.out,duration:(0,utils_1.convertSecondsToMilliseconds)(.15)}}]},pulse=({type:e=default_1.DefaultEffectType,override:s})=>(0,override_1.overrideEffect)(motion[e],s);exports.pulse=pulse;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.pulse=void 0;const tds_easings_1=require("@toss/tds-easings"),utils_1=require("../../utils"),override_1=require("../helper/override"),default_1=require("./default"),motion={small:[{scale:{to:"+=0.03",easing:tds_easings_1.bezier.out,duration:(0,utils_1.convertSecondsToMilliseconds)(.15)}},{scale:{to:"-=0.03",easing:tds_easings_1.bezier.out,duration:(0,utils_1.convertSecondsToMilliseconds)(.15)}}],big:[{scale:{to:"+=0.1",easing:tds_easings_1.bezier.out,duration:(0,utils_1.convertSecondsToMilliseconds)(.15)}},{scale:{to:"-=0.1",easing:tds_easings_1.bezier.out,duration:(0,utils_1.convertSecondsToMilliseconds)(.15)}}]},pulse=({type:e=default_1.DefaultEffectType,override:o})=>(0,override_1.overrideEffect)(motion[e],o);exports.pulse=pulse;

package/dist/cjs/interactions/rally/presets/effects/ripple.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ripple=void 0;const easings_1=require("@toss-design-system/easings"),utils_1=require("../../utils"),override_1=require("../helper/override"),default_1=require("./default"),scaleTo={small:"+=1.15",big:"+=1.4"},ripple=({type:e=default_1.DefaultEffectType,override:r})=>{const s=[{opacity:{from:1,to:0},scale:{from:1,to:scaleTo[e]},easing:easings_1.bezier.out,duration:(0,utils_1.convertSecondsToMilliseconds)(.8)}];return(0,override_1.overrideEffect)(s,r)};exports.ripple=ripple;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ripple=void 0;const tds_easings_1=require("@toss/tds-easings"),utils_1=require("../../utils"),override_1=require("../helper/override"),default_1=require("./default"),scaleTo={small:"+=1.15",big:"+=1.4"},ripple=({type:e=default_1.DefaultEffectType,override:t})=>{const r=[{opacity:{from:1,to:0},scale:{from:1,to:scaleTo[e]},easing:tds_easings_1.bezier.out,duration:(0,utils_1.convertSecondsToMilliseconds)(.8)}];return(0,override_1.overrideEffect)(r,t)};exports.ripple=ripple;

package/dist/cjs/interactions/rally/presets/effects/shiver.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.shiver=void 0;const easings_1=require("@toss-design-system/easings"),utils_1=require("../../utils"),override_1=require("../helper/override"),default_1=require("./default"),defaultMotions={small:[{rotate:{to:"-=1"},transformOriginX:{to:"45%"},transformOriginY:{to:"45%"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.075)},{rotate:{to:"+=2"},transformOriginX:{to:"55%"},transformOriginY:{to:"55%"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.075)},{rotate:{to:"-=1.5"},transformOriginX:{to:"45%"},transformOriginY:{to:"45%"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.075)},{rotate:{to:"+=0.5"},transformOriginX:{to:"50%"},transformOriginY:{to:"50%"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.075)}],big:[{rotate:{to:"-=2"},transformOriginX:{to:"45%"},transformOriginY:{to:"45%"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.075)},{rotate:{to:"+=4"},transformOriginX:{to:"55%"},transformOriginY:{to:"55%"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.075)},{rotate:{to:"-=3"},transformOriginX:{to:"45%"},transformOriginY:{to:"45%"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.075)},{rotate:{to:"+=1"},transformOriginX:{to:"50%"},transformOriginY:{to:"50%"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.075)}]},endlessMotion={small:[{rotate:{from:"-=0.6",to:"+=0.6"},transformOriginX:{from:"45%",to:"50%"},transformOriginY:{from:"45%",to:"50%"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.12)},{rotate:{from:"+=0",to:"-=1.2"},transformOriginX:{from:"45%",to:"50%"},transformOriginY:{from:"45%",to:"50%"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.12)}],big:[{rotate:{from:"-=1.2deg",to:"+=1.2deg"},transformOriginX:{from:"45%",to:"50%"},transformOriginY:{from:"45%",to:"50%"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.12)},{rotate:{from:"+=0deg",to:"-=2.4deg"},transformOriginX:{from:"45%",to:"50%"},transformOriginY:{from:"45%",to:"50%"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.12)}]},shiver=({type:r=default_1.DefaultEffectType,repeatType:e,override:o})=>e==="infinite"?(0,override_1.overrideEffect)(endlessMotion[r],o):(0,override_1.overrideEffect)(defaultMotions[r],o);exports.shiver=shiver;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.shiver=void 0;const tds_easings_1=require("@toss/tds-easings"),utils_1=require("../../utils"),override_1=require("../helper/override"),default_1=require("./default"),defaultMotions={small:[{rotate:{to:"-=1"},transformOriginX:{to:"45%"},transformOriginY:{to:"45%"},easing:tds_easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.075)},{rotate:{to:"+=2"},transformOriginX:{to:"55%"},transformOriginY:{to:"55%"},easing:tds_easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.075)},{rotate:{to:"-=1.5"},transformOriginX:{to:"45%"},transformOriginY:{to:"45%"},easing:tds_easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.075)},{rotate:{to:"+=0.5"},transformOriginX:{to:"50%"},transformOriginY:{to:"50%"},easing:tds_easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.075)}],big:[{rotate:{to:"-=2"},transformOriginX:{to:"45%"},transformOriginY:{to:"45%"},easing:tds_easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.075)},{rotate:{to:"+=4"},transformOriginX:{to:"55%"},transformOriginY:{to:"55%"},easing:tds_easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.075)},{rotate:{to:"-=3"},transformOriginX:{to:"45%"},transformOriginY:{to:"45%"},easing:tds_easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.075)},{rotate:{to:"+=1"},transformOriginX:{to:"50%"},transformOriginY:{to:"50%"},easing:tds_easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.075)}]},endlessMotion={small:[{rotate:{from:"-=0.6",to:"+=0.6"},transformOriginX:{from:"45%",to:"50%"},transformOriginY:{from:"45%",to:"50%"},easing:tds_easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.12)},{rotate:{from:"+=0",to:"-=1.2"},transformOriginX:{from:"45%",to:"50%"},transformOriginY:{from:"45%",to:"50%"},easing:tds_easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.12)}],big:[{rotate:{from:"-=1.2deg",to:"+=1.2deg"},transformOriginX:{from:"45%",to:"50%"},transformOriginY:{from:"45%",to:"50%"},easing:tds_easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.12)},{rotate:{from:"+=0deg",to:"-=2.4deg"},transformOriginX:{from:"45%",to:"50%"},transformOriginY:{from:"45%",to:"50%"},easing:tds_easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.12)}]},shiver=({type:r=default_1.DefaultEffectType,repeatType:e,override:o})=>e==="infinite"?(0,override_1.overrideEffect)(endlessMotion[r],o):(0,override_1.overrideEffect)(defaultMotions[r],o);exports.shiver=shiver;

package/dist/cjs/interactions/rally/presets/effects/wiggle.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.wiggle=void 0;const easings_1=require("@toss-design-system/easings"),utils_1=require("../../utils"),override_1=require("../helper/override"),default_1=require("./default"),motions={x:{small:[{translateX:{to:"+=2"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)},{translateX:{to:"-=4"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)},{translateX:{to:"+=3"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)},{translateX:{to:"-=1"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)}],big:[{translateX:{to:"+=4"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)},{translateX:{to:"-=8"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)},{translateX:{to:"+=6"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)},{translateX:{to:"-=2",easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)}]},y:{small:[{translateY:{to:"+=2"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)},{translateY:{to:"-=4"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)},{translateY:{to:"+=3"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)},{translateY:{to:"-=1"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)}],big:[{translateY:{to:"+=4"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)},{translateY:{to:"-=8"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)},{translateY:{to:"+=6"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)},{translateY:{to:"-=2"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)}]}},wiggle=({type:e=default_1.DefaultEffectType,direction:n="x",override:i})=>(0,override_1.overrideEffect)(motions[n][e],i);exports.wiggle=wiggle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.wiggle=void 0;const tds_easings_1=require("@toss/tds-easings"),utils_1=require("../../utils"),override_1=require("../helper/override"),default_1=require("./default"),motions={x:{small:[{translateX:{to:"+=2"},easing:tds_easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)},{translateX:{to:"-=4"},easing:tds_easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)},{translateX:{to:"+=3"},easing:tds_easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)},{translateX:{to:"-=1"},easing:tds_easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)}],big:[{translateX:{to:"+=4"},easing:tds_easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)},{translateX:{to:"-=8"},easing:tds_easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)},{translateX:{to:"+=6"},easing:tds_easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)},{translateX:{to:"-=2",easing:tds_easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)},easing:tds_easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)}]},y:{small:[{translateY:{to:"+=2"},easing:tds_easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)},{translateY:{to:"-=4"},easing:tds_easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)},{translateY:{to:"+=3"},easing:tds_easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)},{translateY:{to:"-=1"},easing:tds_easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)}],big:[{translateY:{to:"+=4"},easing:tds_easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)},{translateY:{to:"-=8"},easing:tds_easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)},{translateY:{to:"+=6"},easing:tds_easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)},{translateY:{to:"-=2"},easing:tds_easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.0875)}]}},wiggle=({type:e=default_1.DefaultEffectType,direction:n="x",override:i})=>(0,override_1.overrideEffect)(motions[n][e],i);exports.wiggle=wiggle;

package/dist/cjs/interactions/rally/presets/effects/wiggle3d.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.wiggle3d=void 0;const easings_1=require("@toss-design-system/easings"),perspertive_1=require("../../constants/perspertive"),utils_1=require("../../utils"),override_1=require("../helper/override"),default_1=require("./default"),motions={x:{small:[{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateY:{to:"+=6"},translateX:{to:"+=6"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.125)},{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateY:{to:"-=12"},translateX:{to:"-=12"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.125)},{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateY:{to:"+=9"},translateX:{to:"+=9"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.125)},{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateY:{to:"-=3"},translateX:{to:"-=3"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.125)}],big:[{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateY:{to:"+=10"},translateX:{to:"+=10"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.125)},{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateY:{to:"-=20"},translateX:{to:"-=20"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.125)},{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateY:{to:"+=15"},translateX:{to:"+=15"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.125)},{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateY:{to:"-=5"},translateX:{to:"-=5"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.125)}]},y:{small:[{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{to:"+=8"},translateY:{to:"-=6"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.125)},{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{to:"-=12"},translateY:{to:"+=12"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.125)},{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{to:"+=7.5"},translateY:{to:"-=9"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.125)},{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{to:"-=3.5"},translateY:{to:"+=3"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.125)}],big:[{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{to:"+=15"},translateY:{to:"-=10"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.125)},{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{to:"-=25"},translateY:{to:"+=20"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.125)},{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{to:"+=17.5"},translateY:{to:"-=15"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.125)},{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{to:"-=7.5"},translateY:{to:"+=5"},easing:easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.125)}]}},wiggle3d=({type:e=default_1.DefaultEffectType,direction:t,override:r})=>(0,override_1.overrideEffect)(motions[t][e],r);exports.wiggle3d=wiggle3d;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.wiggle3d=void 0;const tds_easings_1=require("@toss/tds-easings"),perspertive_1=require("../../constants/perspertive"),utils_1=require("../../utils"),override_1=require("../helper/override"),default_1=require("./default"),motions={x:{small:[{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateY:{to:"+=6"},translateX:{to:"+=6"},easing:tds_easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.125)},{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateY:{to:"-=12"},translateX:{to:"-=12"},easing:tds_easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.125)},{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateY:{to:"+=9"},translateX:{to:"+=9"},easing:tds_easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.125)},{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateY:{to:"-=3"},translateX:{to:"-=3"},easing:tds_easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.125)}],big:[{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateY:{to:"+=10"},translateX:{to:"+=10"},easing:tds_easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.125)},{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateY:{to:"-=20"},translateX:{to:"-=20"},easing:tds_easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.125)},{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateY:{to:"+=15"},translateX:{to:"+=15"},easing:tds_easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.125)},{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateY:{to:"-=5"},translateX:{to:"-=5"},easing:tds_easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.125)}]},y:{small:[{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{to:"+=8"},translateY:{to:"-=6"},easing:tds_easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.125)},{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{to:"-=12"},translateY:{to:"+=12"},easing:tds_easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.125)},{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{to:"+=7.5"},translateY:{to:"-=9"},easing:tds_easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.125)},{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{to:"-=3.5"},translateY:{to:"+=3"},easing:tds_easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.125)}],big:[{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{to:"+=15"},translateY:{to:"-=10"},easing:tds_easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.125)},{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{to:"-=25"},translateY:{to:"+=20"},easing:tds_easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.125)},{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{to:"+=17.5"},translateY:{to:"-=15"},easing:tds_easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.125)},{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{to:"-=7.5"},translateY:{to:"+=5"},easing:tds_easings_1.bezier.linear,duration:(0,utils_1.convertSecondsToMilliseconds)(.125)}]}},wiggle3d=({type:e=default_1.DefaultEffectType,direction:t,override:r})=>(0,override_1.overrideEffect)(motions[t][e],r);exports.wiggle3d=wiggle3d;

package/dist/cjs/interactions/rally/presets/transitions/fade.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.fade=fade;const easings_1=require("@toss-design-system/easings"),utils_1=require("../../utils"),override_1=require("../helper/override"),default_1=require("./default"),easingMap={slow:easings_1.bezier.linear,fast:easings_1.bezier.ease},propertyMap={in:{opacity:{from:0,to:1}},out:{opacity:{from:1,to:0}}},duration=(0,utils_1.convertSecondsToMilliseconds)(.6);function fade({type:e,speed:t=default_1.DefaultTransitionSpeed,override:r}){const s=easingMap[t],o=propertyMap[e];return(0,override_1.overrideTransition)({...o,easing:s,duration},r)}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.fade=fade;const tds_easings_1=require("@toss/tds-easings"),utils_1=require("../../utils"),override_1=require("../helper/override"),default_1=require("./default"),easingMap={slow:tds_easings_1.bezier.linear,fast:tds_easings_1.bezier.ease},propertyMap={in:{opacity:{from:0,to:1}},out:{opacity:{from:1,to:0}}},duration=(0,utils_1.convertSecondsToMilliseconds)(.6);function fade({type:e,speed:t=default_1.DefaultTransitionSpeed,override:r}){const o=easingMap[t],s=propertyMap[e];return(0,override_1.overrideTransition)({...s,easing:o,duration},r)}

package/dist/cjs/interactions/rally/presets/transitions/flip.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.flip=flip;const easings_1=require("@toss-design-system/easings"),perspertive_1=require("../../constants/perspertive"),utils_1=require("../../utils"),override_1=require("../helper/override"),default_1=require("./default"),easingMap={slow:easings_1.bezier.ease,fast:easings_1.bezier.expo},durationMap={slow:(0,utils_1.convertSecondsToMilliseconds)(.6),fast:(0,utils_1.convertSecondsToMilliseconds)(.8)},propertiesMap={in:{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{from:"-70deg",to:"0deg"},opacity:{from:0,to:1}},out:{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{from:"0deg",to:"70deg"},opacity:{from:1,to:0}}};function flip({type:t,speed:e=default_1.DefaultTransitionSpeed,override:o}){const r=easingMap[e],s=durationMap[e],i=propertiesMap[t];return(0,override_1.overrideTransition)({...i,easing:r,duration:s},o)}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.flip=flip;const tds_easings_1=require("@toss/tds-easings"),perspertive_1=require("../../constants/perspertive"),utils_1=require("../../utils"),override_1=require("../helper/override"),default_1=require("./default"),easingMap={slow:tds_easings_1.bezier.ease,fast:tds_easings_1.bezier.expo},durationMap={slow:(0,utils_1.convertSecondsToMilliseconds)(.6),fast:(0,utils_1.convertSecondsToMilliseconds)(.8)},propertiesMap={in:{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{from:"-70deg",to:"0deg"},opacity:{from:0,to:1}},out:{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{from:"0deg",to:"70deg"},opacity:{from:1,to:0}}};function flip({type:t,speed:e=default_1.DefaultTransitionSpeed,override:o}){const r=easingMap[e],s=durationMap[e],i=propertiesMap[t];return(0,override_1.overrideTransition)({...i,easing:r,duration:s},o)}

package/dist/cjs/interactions/rally/presets/transitions/flipBounce.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.flipBounce=flipBounce;const easings_1=require("@toss-design-system/easings"),perspertive_1=require("../../constants/perspertive"),utils_1=require("../../utils"),override_1=require("../helper/override"),default_1=require("./default"),durationMap={slow:(0,utils_1.convertSecondsToMilliseconds)(.8),fast:(0,utils_1.convertSecondsToMilliseconds)(.55)},propertiesMap={in:{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{from:"-70deg",to:"0deg"},opacity:{from:0,to:1}},out:{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{from:"0deg",to:"70deg"},opacity:{from:1,to:0}}};function flipBounce({type:e,speed:t=default_1.DefaultTransitionSpeed,override:o}){const r=easings_1.bezier.back,s=durationMap[t],i=propertiesMap[e];return(0,override_1.overrideTransition)({...i,easing:r,duration:s},o)}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.flipBounce=flipBounce;const tds_easings_1=require("@toss/tds-easings"),perspertive_1=require("../../constants/perspertive"),utils_1=require("../../utils"),override_1=require("../helper/override"),default_1=require("./default"),durationMap={slow:(0,utils_1.convertSecondsToMilliseconds)(.8),fast:(0,utils_1.convertSecondsToMilliseconds)(.55)},propertiesMap={in:{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{from:"-70deg",to:"0deg"},opacity:{from:0,to:1}},out:{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{from:"0deg",to:"70deg"},opacity:{from:1,to:0}}};function flipBounce({type:e,speed:t=default_1.DefaultTransitionSpeed,override:o}){const r=tds_easings_1.bezier.back,s=durationMap[t],i=propertiesMap[e];return(0,override_1.overrideTransition)({...i,easing:r,duration:s},o)}

package/dist/cjs/interactions/rally/presets/transitions/roll.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.roll=roll;const easings_1=require("@toss-design-system/easings"),perspertive_1=require("../../constants/perspertive"),utils_1=require("../../utils"),override_1=require("../helper/override"),default_1=require("./default"),easingMap={slow:easings_1.bezier.out,fast:easings_1.bezier.expo},durationMap={slow:(0,utils_1.convertSecondsToMilliseconds)(.6),fast:(0,utils_1.convertSecondsToMilliseconds)(.8)},propertiesMap={in:{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},opacity:{from:0,to:1},rotateX:{from:"-70deg",to:"0deg"},scale:{from:.8,to:1},translateY:{from:"50%",to:"0%"}},out:{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},opacity:{from:1,to:0},rotateX:{from:0,to:"70deg"},scale:{from:1,to:.8},translateY:{from:"0%",to:"-50%"}}};function roll({type:t,speed:e=default_1.DefaultTransitionSpeed,override:o}){const r=easingMap[e],s=durationMap[e],i=propertiesMap[t];return(0,override_1.overrideTransition)({...i,easing:r,duration:s},o)}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.roll=roll;const tds_easings_1=require("@toss/tds-easings"),perspertive_1=require("../../constants/perspertive"),utils_1=require("../../utils"),override_1=require("../helper/override"),default_1=require("./default"),easingMap={slow:tds_easings_1.bezier.out,fast:tds_easings_1.bezier.expo},durationMap={slow:(0,utils_1.convertSecondsToMilliseconds)(.6),fast:(0,utils_1.convertSecondsToMilliseconds)(.8)},propertiesMap={in:{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},opacity:{from:0,to:1},rotateX:{from:"-70deg",to:"0deg"},scale:{from:.8,to:1},translateY:{from:"50%",to:"0%"}},out:{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},opacity:{from:1,to:0},rotateX:{from:0,to:"70deg"},scale:{from:1,to:.8},translateY:{from:"0%",to:"-50%"}}};function roll({type:t,speed:e=default_1.DefaultTransitionSpeed,override:o}){const r=easingMap[e],s=durationMap[e],i=propertiesMap[t];return(0,override_1.overrideTransition)({...i,easing:r,duration:s},o)}

package/dist/cjs/interactions/rally/presets/transitions/rollBounce.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.rollBounce=rollBounce;const easings_1=require("@toss-design-system/easings"),perspertive_1=require("../../constants/perspertive"),utils_1=require("../../utils"),override_1=require("../helper/override"),default_1=require("./default"),durationMap={slow:(0,utils_1.convertSecondsToMilliseconds)(.8),fast:(0,utils_1.convertSecondsToMilliseconds)(.55)},propertiesMap={in:{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},opacity:{from:0,to:1},rotateX:{from:"-70deg",to:"0deg"},scale:{from:.8,to:1},translateY:{from:"50%",to:"0%"}},out:{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},opacity:{from:1,to:0},rotateX:{from:0,to:"70deg"},scale:{from:1,to:.8},translateY:{from:"0%",to:"-50%"}}};function rollBounce({type:e,speed:t=default_1.DefaultTransitionSpeed,override:o}){const r=easings_1.bezier.back,s=durationMap[t],i=propertiesMap[e];return(0,override_1.overrideTransition)({...i,easing:r,duration:s},o)}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.rollBounce=rollBounce;const tds_easings_1=require("@toss/tds-easings"),perspertive_1=require("../../constants/perspertive"),utils_1=require("../../utils"),override_1=require("../helper/override"),default_1=require("./default"),durationMap={slow:(0,utils_1.convertSecondsToMilliseconds)(.8),fast:(0,utils_1.convertSecondsToMilliseconds)(.55)},propertiesMap={in:{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},opacity:{from:0,to:1},rotateX:{from:"-70deg",to:"0deg"},scale:{from:.8,to:1},translateY:{from:"50%",to:"0%"}},out:{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},opacity:{from:1,to:0},rotateX:{from:0,to:"70deg"},scale:{from:1,to:.8},translateY:{from:"0%",to:"-50%"}}};function rollBounce({type:e,speed:t=default_1.DefaultTransitionSpeed,override:o}){const r=tds_easings_1.bezier.back,s=durationMap[t],i=propertiesMap[e];return(0,override_1.overrideTransition)({...i,easing:r,duration:s},o)}

package/dist/cjs/interactions/rally/presets/transitions/scale.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.scale=scale;const easings_1=require("@toss-design-system/easings"),utils_1=require("../../utils"),override_1=require("../helper/override"),default_1=require("./default"),easingMap={slow:easings_1.bezier.out,fast:easings_1.bezier.expo},durationMap={slow:(0,utils_1.convertSecondsToMilliseconds)(.6),fast:(0,utils_1.convertSecondsToMilliseconds)(.8)},propertiesMap={in:{opacity:{from:0,to:1},scale:{from:.6,to:1},transformOriginX:{from:"50%",to:"50%"},transformOriginY:{from:"50%",to:"50%"}},out:{opacity:{from:1,to:0},scale:{from:1,to:.6},transformOriginX:{from:"50%",to:"50%"},transformOriginY:{from:"50%",to:"50%"}}};function scale({type:e,speed:o=default_1.DefaultTransitionSpeed,override:r}){const t=easingMap[o],s=durationMap[o],i=propertiesMap[e];return(0,override_1.overrideTransition)({...i,easing:t,duration:s},r)}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.scale=scale;const tds_easings_1=require("@toss/tds-easings"),utils_1=require("../../utils"),override_1=require("../helper/override"),default_1=require("./default"),easingMap={slow:tds_easings_1.bezier.out,fast:tds_easings_1.bezier.expo},durationMap={slow:(0,utils_1.convertSecondsToMilliseconds)(.6),fast:(0,utils_1.convertSecondsToMilliseconds)(.8)},propertiesMap={in:{opacity:{from:0,to:1},scale:{from:.6,to:1},transformOriginX:{from:"50%",to:"50%"},transformOriginY:{from:"50%",to:"50%"}},out:{opacity:{from:1,to:0},scale:{from:1,to:.6},transformOriginX:{from:"50%",to:"50%"},transformOriginY:{from:"50%",to:"50%"}}};function scale({type:r,speed:o=default_1.DefaultTransitionSpeed,override:e}){const t=easingMap[o],s=durationMap[o],i=propertiesMap[r];return(0,override_1.overrideTransition)({...i,easing:t,duration:s},e)}

package/dist/cjs/interactions/rally/presets/transitions/scaleBounce.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.scaleBounce=scaleBounce;const easings_1=require("@toss-design-system/easings"),utils_1=require("../../utils"),override_1=require("../helper/override"),default_1=require("./default"),durationMap={slow:(0,utils_1.convertSecondsToMilliseconds)(.8),fast:(0,utils_1.convertSecondsToMilliseconds)(.55)},propertiesMap={in:{opacity:{from:0,to:1},scale:{from:.6,to:1},transformOriginX:{from:"50%",to:"50%"},transformOriginY:{from:"50%",to:"50%"}},out:{opacity:{from:1,to:0},scale:{from:1,to:.6},transformOriginX:{from:"50%",to:"50%"},transformOriginY:{from:"50%",to:"50%"}}};function scaleBounce({type:o,speed:e=default_1.DefaultTransitionSpeed,override:r}){const t=easings_1.bezier.back,s=durationMap[e],i=propertiesMap[o];return(0,override_1.overrideTransition)({...i,easing:t,duration:s},r)}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.scaleBounce=scaleBounce;const tds_easings_1=require("@toss/tds-easings"),utils_1=require("../../utils"),override_1=require("../helper/override"),default_1=require("./default"),durationMap={slow:(0,utils_1.convertSecondsToMilliseconds)(.8),fast:(0,utils_1.convertSecondsToMilliseconds)(.55)},propertiesMap={in:{opacity:{from:0,to:1},scale:{from:.6,to:1},transformOriginX:{from:"50%",to:"50%"},transformOriginY:{from:"50%",to:"50%"}},out:{opacity:{from:1,to:0},scale:{from:1,to:.6},transformOriginX:{from:"50%",to:"50%"},transformOriginY:{from:"50%",to:"50%"}}};function scaleBounce({type:o,speed:e=default_1.DefaultTransitionSpeed,override:r}){const t=tds_easings_1.bezier.back,s=durationMap[e],i=propertiesMap[o];return(0,override_1.overrideTransition)({...i,easing:t,duration:s},r)}

package/dist/cjs/interactions/rally/presets/transitions/slide.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.slide=slide;const easings_1=require("@toss-design-system/easings"),utils_1=require("../../utils"),override_1=require("../helper/override"),default_1=require("./default"),easingMap={slow:easings_1.bezier.out,fast:easings_1.bezier.expo},durationMap={slow:(0,utils_1.convertSecondsToMilliseconds)(.6),fast:(0,utils_1.convertSecondsToMilliseconds)(.8)},propertiesMap={"in-left":{translateX:{from:"50px",to:"0px"}},"in-right":{translateX:{from:"-50px",to:"0px"}},"in-up":{translateY:{from:"80px",to:"0px"}},"in-down":{translateY:{from:"-80px",to:"0px"}},"out-left":{translateX:{from:"0px",to:"-50px"}},"out-right":{translateX:{from:"0px",to:"50px"}},"out-up":{translateY:{from:"0px",to:"-80px"}},"out-down":{translateY:{from:"0px",to:"80px"}}},hasOpacityMap={in:{opacity:{from:0,to:1}},out:{opacity:{from:1,to:0}}};function slide({type:t,speed:o=default_1.DefaultTransitionSpeed,direction:e,hasOpacityMotion:r=!0,override:s}){const n=easingMap[o],i=durationMap[o],a={...propertiesMap[`${t}-${e}`],...r&&hasOpacityMap[t]};return(0,override_1.overrideTransition)({...a,easing:n,duration:i},s)}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.slide=slide;const tds_easings_1=require("@toss/tds-easings"),utils_1=require("../../utils"),override_1=require("../helper/override"),default_1=require("./default"),easingMap={slow:tds_easings_1.bezier.out,fast:tds_easings_1.bezier.expo},durationMap={slow:(0,utils_1.convertSecondsToMilliseconds)(.6),fast:(0,utils_1.convertSecondsToMilliseconds)(.8)},propertiesMap={"in-left":{translateX:{from:"50px",to:"0px"}},"in-right":{translateX:{from:"-50px",to:"0px"}},"in-up":{translateY:{from:"80px",to:"0px"}},"in-down":{translateY:{from:"-80px",to:"0px"}},"out-left":{translateX:{from:"0px",to:"-50px"}},"out-right":{translateX:{from:"0px",to:"50px"}},"out-up":{translateY:{from:"0px",to:"-80px"}},"out-down":{translateY:{from:"0px",to:"80px"}}},hasOpacityMap={in:{opacity:{from:0,to:1}},out:{opacity:{from:1,to:0}}};function slide({type:t,speed:o=default_1.DefaultTransitionSpeed,direction:e,hasOpacityMotion:r=!0,override:s}){const n=easingMap[o],i=durationMap[o],a={...propertiesMap[`${t}-${e}`],...r&&hasOpacityMap[t]};return(0,override_1.overrideTransition)({...a,easing:n,duration:i},s)}

package/dist/cjs/interactions/rally/presets/transitions/slideBounce.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.slideBounce=slideBounce;const easings_1=require("@toss-design-system/easings"),utils_1=require("../../utils"),override_1=require("../helper/override"),default_1=require("./default"),durationMap={slow:(0,utils_1.convertSecondsToMilliseconds)(.8),fast:(0,utils_1.convertSecondsToMilliseconds)(.55)},propertiesMap={"in-left":{translateX:{from:"50px",to:"0px"}},"in-right":{translateX:{from:"-50px",to:"0px"}},"in-up":{translateY:{from:"80px",to:"0px"}},"in-down":{translateY:{from:"-80px",to:"0px"}},"out-left":{translateX:{from:"0px",to:"-50px"}},"out-right":{translateX:{from:"0px",to:"50px"}},"out-up":{translateY:{from:"0px",to:"-80px"}},"out-down":{translateY:{from:"0px",to:"80px"}}},hasOpacityMap={in:{opacity:{from:0,to:1}},out:{opacity:{from:1,to:0}}};function slideBounce({type:t,speed:o=default_1.DefaultTransitionSpeed,direction:e,hasOpacityMotion:r=!0,override:s}){const n=easings_1.bezier.back,i=durationMap[o],a={...propertiesMap[`${t}-${e}`],...r&&hasOpacityMap[t]};return(0,override_1.overrideTransition)({...a,easing:n,duration:i},s)}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.slideBounce=slideBounce;const tds_easings_1=require("@toss/tds-easings"),utils_1=require("../../utils"),override_1=require("../helper/override"),default_1=require("./default"),durationMap={slow:(0,utils_1.convertSecondsToMilliseconds)(.8),fast:(0,utils_1.convertSecondsToMilliseconds)(.55)},propertiesMap={"in-left":{translateX:{from:"50px",to:"0px"}},"in-right":{translateX:{from:"-50px",to:"0px"}},"in-up":{translateY:{from:"80px",to:"0px"}},"in-down":{translateY:{from:"-80px",to:"0px"}},"out-left":{translateX:{from:"0px",to:"-50px"}},"out-right":{translateX:{from:"0px",to:"50px"}},"out-up":{translateY:{from:"0px",to:"-80px"}},"out-down":{translateY:{from:"0px",to:"80px"}}},hasOpacityMap={in:{opacity:{from:0,to:1}},out:{opacity:{from:1,to:0}}};function slideBounce({type:t,speed:o=default_1.DefaultTransitionSpeed,direction:e,hasOpacityMotion:r=!0,override:s}){const n=tds_easings_1.bezier.back,i=durationMap[o],a={...propertiesMap[`${t}-${e}`],...r&&hasOpacityMap[t]};return(0,override_1.overrideTransition)({...a,easing:n,duration:i},s)}

package/dist/cjs/interactions/rally/presets/transitions/snap.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.snap=snap;const easings_1=require("@toss-design-system/easings"),perspertive_1=require("../../constants/perspertive"),utils_1=require("../../utils"),override_1=require("../helper/override"),default_1=require("./default"),easingMap={slow:easings_1.bezier.ease,fast:easings_1.bezier.expo},propertiesMap={in:{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{from:"50deg",to:"0deg"},transformOriginX:{from:"50%",to:"50%"},transformOriginY:{from:"0%",to:"0%"},opacity:{from:0,to:1}},out:{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{from:"0deg",to:"-50deg"},transformOriginX:{from:"50%",to:"50%"},transformOriginY:{from:"100%",to:"100%"},opacity:{from:1,to:0}}};function snap({type:e,speed:t=default_1.DefaultTransitionSpeed,override:r}){const o=easingMap[t],s=(0,utils_1.convertSecondsToMilliseconds)(.6),i=propertiesMap[e];return(0,override_1.overrideTransition)({...i,easing:o,duration:s},r)}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.snap=snap;const tds_easings_1=require("@toss/tds-easings"),perspertive_1=require("../../constants/perspertive"),utils_1=require("../../utils"),override_1=require("../helper/override"),default_1=require("./default"),easingMap={slow:tds_easings_1.bezier.ease,fast:tds_easings_1.bezier.expo},propertiesMap={in:{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{from:"50deg",to:"0deg"},transformOriginX:{from:"50%",to:"50%"},transformOriginY:{from:"0%",to:"0%"},opacity:{from:0,to:1}},out:{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{from:"0deg",to:"-50deg"},transformOriginX:{from:"50%",to:"50%"},transformOriginY:{from:"100%",to:"100%"},opacity:{from:1,to:0}}};function snap({type:e,speed:t=default_1.DefaultTransitionSpeed,override:r}){const o=easingMap[t],s=(0,utils_1.convertSecondsToMilliseconds)(.6),i=propertiesMap[e];return(0,override_1.overrideTransition)({...i,easing:o,duration:s},r)}

package/dist/cjs/interactions/rally/presets/transitions/snapBounce.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.snapBounce=snapBounce;const easings_1=require("@toss-design-system/easings"),perspertive_1=require("../../constants/perspertive"),utils_1=require("../../utils"),override_1=require("../helper/override"),default_1=require("./default"),durationMap={slow:(0,utils_1.convertSecondsToMilliseconds)(.8),fast:(0,utils_1.convertSecondsToMilliseconds)(.55)},propertiesMap={in:{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{from:"50deg",to:"0deg"},transformOriginX:{from:"50%",to:"50%"},transformOriginY:{from:"0%",to:"0%"},opacity:{from:0,to:1}},out:{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{from:"0deg",to:"-50deg"},transformOriginX:{from:"50%",to:"50%"},transformOriginY:{from:"100%",to:"100%"},opacity:{from:1,to:0}}};function snapBounce({type:e,speed:t=default_1.DefaultTransitionSpeed,override:r}){const o=easings_1.bezier.back,s=durationMap[t],i=propertiesMap[e];return(0,override_1.overrideTransition)({...i,easing:o,duration:s},r)}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.snapBounce=snapBounce;const tds_easings_1=require("@toss/tds-easings"),perspertive_1=require("../../constants/perspertive"),utils_1=require("../../utils"),override_1=require("../helper/override"),default_1=require("./default"),durationMap={slow:(0,utils_1.convertSecondsToMilliseconds)(.8),fast:(0,utils_1.convertSecondsToMilliseconds)(.55)},propertiesMap={in:{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{from:"50deg",to:"0deg"},transformOriginX:{from:"50%",to:"50%"},transformOriginY:{from:"0%",to:"0%"},opacity:{from:0,to:1}},out:{perspective:{from:perspertive_1.getPerspectiveOnWidth.strong,to:perspertive_1.getPerspectiveOnWidth.strong},rotateX:{from:"0deg",to:"-50deg"},transformOriginX:{from:"50%",to:"50%"},transformOriginY:{from:"100%",to:"100%"},opacity:{from:1,to:0}}};function snapBounce({type:e,speed:t=default_1.DefaultTransitionSpeed,override:r}){const o=tds_easings_1.bezier.back,s=durationMap[t],i=propertiesMap[e];return(0,override_1.overrideTransition)({...i,easing:o,duration:s},r)}

package/dist/cjs/interactions/rally/presets/transitions/zoom.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.zoom=zoom;const easings_1=require("@toss-design-system/easings"),utils_1=require("../../utils"),override_1=require("../helper/override"),default_1=require("./default"),easingMap={slow:easings_1.bezier.out,fast:easings_1.bezier.expo},durationMap={slow:(0,utils_1.convertSecondsToMilliseconds)(.6),fast:(0,utils_1.convertSecondsToMilliseconds)(.7)},propertiesMap={in:{opacity:{from:0,to:1},scale:{from:2,to:1}},out:{opacity:{from:1,to:0},scale:{from:1,to:2}}};function zoom({type:o,speed:e=default_1.DefaultTransitionSpeed,override:t}){const s=easingMap[e],r=durationMap[e],i=propertiesMap[o];return(0,override_1.overrideTransition)({...i,easing:s,duration:r},t)}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.zoom=zoom;const tds_easings_1=require("@toss/tds-easings"),utils_1=require("../../utils"),override_1=require("../helper/override"),default_1=require("./default"),easingMap={slow:tds_easings_1.bezier.out,fast:tds_easings_1.bezier.expo},durationMap={slow:(0,utils_1.convertSecondsToMilliseconds)(.6),fast:(0,utils_1.convertSecondsToMilliseconds)(.7)},propertiesMap={in:{opacity:{from:0,to:1},scale:{from:2,to:1}},out:{opacity:{from:1,to:0},scale:{from:1,to:2}}};function zoom({type:o,speed:e=default_1.DefaultTransitionSpeed,override:t}){const s=easingMap[e],r=durationMap[e],i=propertiesMap[o];return(0,override_1.overrideTransition)({...i,easing:s,duration:r},t)}

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

@@ -1 +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%"}});
+"use strict";import{jsx as s}from"react/jsx-runtime";import{spring as m}from"@toss/tds-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/useAnimatedRotateValue.js

@@ -1 +1 @@
-"use strict";import{spring as c}from"@toss-design-system/easings";import{useCallback as f,useRef as g}from"react";import{Animated as o}from"react-native";export function useAnimatedRotateValue(a,{min:e,max:r}){const t=g(new o.Value(a)).current,i=f(s=>{const n=o.spring(t,{toValue:s,...c.quick,useNativeDriver:!0});return{...n,start:()=>new Promise(m=>{n.start(p=>m(p.finished))})}},[t]),u=t.interpolate({inputRange:[e,r],outputRange:[`${e}deg`,`${r}deg`]});return{startAnimation:i,rotate:u}}
+"use strict";import{spring as c}from"@toss/tds-easings";import{useCallback as f,useRef as g}from"react";import{Animated as o}from"react-native";export function useAnimatedRotateValue(a,{min:e,max:r}){const t=g(new o.Value(a)).current,i=f(s=>{const n=o.spring(t,{toValue:s,...c.quick,useNativeDriver:!0});return{...n,start:()=>new Promise(m=>{n.start(p=>m(p.finished))})}},[t]),u=t.interpolate({inputRange:[e,r],outputRange:[`${e}deg`,`${r}deg`]});return{startAnimation:i,rotate:u}}

package/dist/esm/components/asset/blocks/Frame.js

@@ -1 +1 @@
-"use strict";import{jsx as r,jsxs as k}from"react/jsx-runtime";import{colors as A}from"@toss-design-system/colors";import{useAdaptive as F}from"../../../core";import{forwardRef as O,useMemo as c}from"react";import{StyleSheet as _,View as n}from"react-native";import{AssetContext as B}from"./AssetContext";export const Frame=O(function({shape:t={},content:y,backgroundColor:b,overlap:e,accPosition:o="bottom-right",acc:i,color:L,style:x,...v},j){const C=F(),d=b??C.grey100,S=c(()=>({width:t.width,height:t.height,borderRadius:t.radius,backgroundColor:d}),[d,t]),R=c(()=>e==null?{}:{shadowOffset:{width:t?.overlap?.x??0,height:t?.overlap?.y??0},shadowOpacity:1,shadowRadius:t?.overlap?.blur??0,shadowColor:e?.color??A.blue500},[e,t]),l=t.acc?.x??0,s=t.acc?.y??0,u=t.acc?.width??0,f=t.acc?.height??0,a=o?.includes("top")?s:void 0,m=o?.includes("right")?l:void 0,h=o?.includes("bottom")?s:void 0,g=o?.includes("left")?l:void 0,p=c(()=>({top:a,right:m,bottom:h,left:g,width:u,height:f}),[h,f,g,m,a,u]);return r(B.Provider,{value:{shape:t},children:k(n,{ref:j,style:[R,x],...v,children:[r(n,{style:[w.frame,S],children:y}),i!=null?r(n,{style:[w.acc,p],children:i}):void 0]})})});const w=_.create({frame:{justifyContent:"center",overflow:"hidden"},acc:{position:"absolute"}});
+"use strict";import{jsx as r,jsxs as k}from"react/jsx-runtime";import{colors as A}from"@toss/tds-colors";import{forwardRef as F,useMemo as c}from"react";import{StyleSheet as O,View as n}from"react-native";import{useAdaptive as _}from"../../../core";import{AssetContext as B}from"./AssetContext";export const Frame=F(function({shape:t={},content:y,backgroundColor:b,overlap:e,accPosition:o="bottom-right",acc:i,color:L,style:x,...v},j){const C=_(),d=b??C.grey100,S=c(()=>({width:t.width,height:t.height,borderRadius:t.radius,backgroundColor:d}),[d,t]),R=c(()=>e==null?{}:{shadowOffset:{width:t?.overlap?.x??0,height:t?.overlap?.y??0},shadowOpacity:1,shadowRadius:t?.overlap?.blur??0,shadowColor:e?.color??A.blue500},[e,t]),l=t.acc?.x??0,s=t.acc?.y??0,u=t.acc?.width??0,f=t.acc?.height??0,a=o?.includes("top")?s:void 0,m=o?.includes("right")?l:void 0,h=o?.includes("bottom")?s:void 0,g=o?.includes("left")?l:void 0,p=c(()=>({top:a,right:m,bottom:h,left:g,width:u,height:f}),[h,f,g,m,a,u]);return r(B.Provider,{value:{shape:t},children:k(n,{ref:j,style:[R,x],...v,children:[r(n,{style:[w.frame,S],children:y}),i!=null?r(n,{style:[w.acc,p],children:i}):void 0]})})});const w=O.create({frame:{justifyContent:"center",overflow:"hidden"},acc:{position:"absolute"}});

package/dist/esm/components/board-row/BoardRow.js

@@ -1 +1 @@
-"use strict";import{jsx as o,jsxs as i}from"react/jsx-runtime";import{colors as l}from"@toss-design-system/colors";import{useState as m}from"react";import{Pressable as u,View as t}from"react-native";import{useAdaptive as f}from"../../core";import{Border as y}from"../border";import{Icon as s}from"../icon";import{Txt as a}from"../txt";function n({title:d,icon:c,contents:g}){const[e,p]=m(!1),r=f();return i(t,{style:{flexDirection:"column"},children:[i(u,{accessibilityRole:"button",accessibilityState:{expanded:e},onPress:()=>{p(!e)},style:{paddingLeft:24,paddingTop:16,paddingBottom:15,paddingRight:16,flexDirection:"row"},children:[c,o(a,{fontWeight:"regular",color:e?l.blue500:r.grey700,typography:"t5",children:d}),o(t,{style:{flex:1}}),o(s,{name:"icn-arrow-rightwards",color:r.grey400,size:24,style:{transform:[{rotate:e?"90deg":"0deg"}]}})]}),e?null:o(y,{type:"padding24",style:{backgroundColor:r.grey200}}),e?o(t,{children:o(t,{style:{paddingHorizontal:24,paddingVertical:16,backgroundColor:r.greyBackground},children:g})}):null]})}n.QuestionIcon=h,n.QIcon=x;function h(){return o(t,{style:{paddingRight:16},children:o(s,{name:"icon-question-gray-fill",size:24})})}function x(){return o(a,{style:{fontSize:19,color:l.blue500,marginRight:8,lineHeight:23},children:"Q"})}export default n;
+"use strict";import{jsx as o,jsxs as i}from"react/jsx-runtime";import{colors as l}from"@toss/tds-colors";import{useState as m}from"react";import{Pressable as u,View as t}from"react-native";import{useAdaptive as f}from"../../core";import{Border as y}from"../border";import{Icon as s}from"../icon";import{Txt as a}from"../txt";function n({title:d,icon:c,contents:g}){const[e,p]=m(!1),r=f();return i(t,{style:{flexDirection:"column"},children:[i(u,{accessibilityRole:"button",accessibilityState:{expanded:e},onPress:()=>{p(!e)},style:{paddingLeft:24,paddingTop:16,paddingBottom:15,paddingRight:16,flexDirection:"row"},children:[c,o(a,{fontWeight:"regular",color:e?l.blue500:r.grey700,typography:"t5",children:d}),o(t,{style:{flex:1}}),o(s,{name:"icn-arrow-rightwards",color:r.grey400,size:24,style:{transform:[{rotate:e?"90deg":"0deg"}]}})]}),e?null:o(y,{type:"padding24",style:{backgroundColor:r.grey200}}),e?o(t,{children:o(t,{style:{paddingHorizontal:24,paddingVertical:16,backgroundColor:r.greyBackground},children:g})}):null]})}n.QuestionIcon=h,n.QIcon=x;function h(){return o(t,{style:{paddingRight:16},children:o(s,{name:"icon-question-gray-fill",size:24})})}function x(){return o(a,{style:{fontSize:19,color:l.blue500,marginRight:8,lineHeight:23},children:"Q"})}export default n;

package/dist/esm/components/bottom-sheet/Container.js

@@ -1 +1 @@
-"use strict";import{jsx as m}from"react/jsx-runtime";import{spring as H}from"@toss-design-system/easings";import{useCallback as W,useEffect as c,useRef as u}from"react";import{Animated as s,Keyboard as h,Platform as g,StyleSheet as j,useWindowDimensions as F}from"react-native";import{useAdaptive as O,useTypographyTheme as P}from"../../core";import{useSafeAreaBottom as R}from"../../utils";import{BottomSheetDragAnimation as Y}from"./DragAnimation";import{usePreservedCallback as _}from"./utils/usePreservedCallback";const f=10,q=()=>{};export function BottomSheetContainer({open:e,children:v,onDragFinished:y,onDragToClose:b,onDraggedDown:w,onDraggedMiddle:S,onDraggedUp:D,onExited:A,style:k,unstable_disableDragging:T=!1}){const o=F(),x=O(),d=_(A??q),B=u(0),i=u(new s.Value(o.height)).current,n=R()||f,{typographyLevel:l}=P(),C=g.OS==="android"?l>150:l?.startsWith("A11y"),L=o.height*(C?.9:.7),t=W(({moveTo:r})=>s.spring(i,{toValue:r,useNativeDriver:!0,...H.quick}),[i]);return c(()=>{if(e)return t({moveTo:-n}).start(),()=>{t({moveTo:o.height}).start(()=>{d?.()})}},[t,o.height,d,e,n]),c(()=>{if(!e||g.OS!=="ios")return;const r=h.addListener("keyboardWillShow",V=>{const E=V.endCoordinates.height;t({moveTo:-(f+E)}).start()}),a=h.addListener("keyboardWillHide",()=>{t({moveTo:-n}).start()});return()=>{r.remove(),a.remove()}},[t,n,e]),m(s.View,{style:[p.wrapper,{transform:[{translateY:i}]}],children:m(Y,{onDraggedUp:D,onDraggedMiddle:S,onDraggedDown:w,onDragToClose:b,onDragFinished:y,unstable_disableDragging:T,style:[p.container,{backgroundColor:x.layeredBackground,maxHeight:L,width:o.width-20},k],onLayout:r=>{const a=r.nativeEvent.layout.height;B.current=a,e||i.setValue(a)},children:v})})}const p=j.create({wrapper:{position:"absolute",bottom:0},container:{bottom:0,borderRadius:28,left:10}});
+"use strict";import{jsx as m}from"react/jsx-runtime";import{spring as H}from"@toss/tds-easings";import{useCallback as W,useEffect as c,useRef as u}from"react";import{Animated as s,Keyboard as h,Platform as g,StyleSheet as j,useWindowDimensions as F}from"react-native";import{useAdaptive as O,useTypographyTheme as P}from"../../core";import{useSafeAreaBottom as R}from"../../utils";import{BottomSheetDragAnimation as Y}from"./DragAnimation";import{usePreservedCallback as _}from"./utils/usePreservedCallback";const f=10,q=()=>{};export function BottomSheetContainer({open:e,children:v,onDragFinished:y,onDragToClose:b,onDraggedDown:w,onDraggedMiddle:S,onDraggedUp:D,onExited:A,style:k,unstable_disableDragging:T=!1}){const o=F(),x=O(),d=_(A??q),B=u(0),i=u(new s.Value(o.height)).current,n=R()||f,{typographyLevel:l}=P(),C=g.OS==="android"?l>150:l?.startsWith("A11y"),L=o.height*(C?.9:.7),t=W(({moveTo:r})=>s.spring(i,{toValue:r,useNativeDriver:!0,...H.quick}),[i]);return c(()=>{if(e)return t({moveTo:-n}).start(),()=>{t({moveTo:o.height}).start(()=>{d?.()})}},[t,o.height,d,e,n]),c(()=>{if(!e||g.OS!=="ios")return;const r=h.addListener("keyboardWillShow",V=>{const E=V.endCoordinates.height;t({moveTo:-(f+E)}).start()}),a=h.addListener("keyboardWillHide",()=>{t({moveTo:-n}).start()});return()=>{r.remove(),a.remove()}},[t,n,e]),m(s.View,{style:[p.wrapper,{transform:[{translateY:i}]}],children:m(Y,{onDraggedUp:D,onDraggedMiddle:S,onDraggedDown:w,onDragToClose:b,onDragFinished:y,unstable_disableDragging:T,style:[p.container,{backgroundColor:x.layeredBackground,maxHeight:L,width:o.width-20},k],onLayout:r=>{const a=r.nativeEvent.layout.height;B.current=a,e||i.setValue(a)},children:v})})}const p=j.create({wrapper:{position:"absolute",bottom:0},container:{bottom:0,borderRadius:28,left:10}});

package/dist/esm/components/bottom-sheet/Dimmer.js

@@ -1 +1 @@
-"use strict";import{jsx as l}from"react/jsx-runtime";import{colors as p}from"@toss-design-system/colors";import{spring as o}from"@toss-design-system/easings";import{useColorPreference as f}from"../../core";import{forwardRef as d,useEffect as k,useImperativeHandle as v,useRef as g}from"react";import{Animated as r,Pressable as h,StyleSheet as D,useWindowDimensions as b}from"react-native";const i={light:{normal:.2,darker:.4},dark:{normal:.56,darker:.8}},q=r.createAnimatedComponent(h);export const BottomSheetDimmer=d(function({open:n,onPress:s},a){const{width:m,height:u}=b(),{colorPreference:t}=f(),e=g(new r.Value(0)).current;return k(()=>{if(n)return r.spring(e,{toValue:i[t].normal,useNativeDriver:!0,...o.quick}).start(),()=>{requestAnimationFrame(()=>r.spring(e,{toValue:0,useNativeDriver:!0,...o.quick}).start())}},[t,e,n]),v(a,()=>({darken:()=>{r.spring(e,{toValue:i[t].darker,useNativeDriver:!0,...o.quick}).start()},lighten:c=>{r.spring(e,{toValue:i[t].normal*(1-c),useNativeDriver:!0,...o.quick}).start()},reset:()=>{r.spring(e,{toValue:i[t].normal,useNativeDriver:!0,...o.quick}).start()}}),[t,e]),l(q,{pointerEvents:n?void 0:"none",onPress:s,style:[y.container,{opacity:e},{width:m,height:u}]})});const y=D.create({container:{position:"absolute",top:0,left:0,bottom:0,right:0,backgroundColor:p.black,opacity:0}});
+"use strict";import{jsx as l}from"react/jsx-runtime";import{colors as p}from"@toss/tds-colors";import{spring as o}from"@toss/tds-easings";import{forwardRef as f,useEffect as d,useImperativeHandle as k,useRef as v}from"react";import{Animated as r,Pressable as g,StyleSheet as h,useWindowDimensions as D}from"react-native";import{useColorPreference as b}from"../../core";const i={light:{normal:.2,darker:.4},dark:{normal:.56,darker:.8}},q=r.createAnimatedComponent(g);export const BottomSheetDimmer=f(function({open:n,onPress:s},a){const{width:m,height:u}=D(),{colorPreference:t}=b(),e=v(new r.Value(0)).current;return d(()=>{if(n)return r.spring(e,{toValue:i[t].normal,useNativeDriver:!0,...o.quick}).start(),()=>{requestAnimationFrame(()=>r.spring(e,{toValue:0,useNativeDriver:!0,...o.quick}).start())}},[t,e,n]),k(a,()=>({darken:()=>{r.spring(e,{toValue:i[t].darker,useNativeDriver:!0,...o.quick}).start()},lighten:c=>{r.spring(e,{toValue:i[t].normal*(1-c),useNativeDriver:!0,...o.quick}).start()},reset:()=>{r.spring(e,{toValue:i[t].normal,useNativeDriver:!0,...o.quick}).start()}}),[t,e]),l(q,{pointerEvents:n?void 0:"none",onPress:s,style:[y.container,{opacity:e},{width:m,height:u}]})});const y=h.create({container:{position:"absolute",top:0,left:0,bottom:0,right:0,backgroundColor:p.black,opacity:0}});

package/dist/esm/components/bottom-sheet/DragAnimation.js

@@ -1 +1 @@
-"use strict";import{jsx as N}from"react/jsx-runtime";import{Gesture as u,GestureDetector as D}from"@granite-js/native/react-native-gesture-handler";import{bezier as j,spring as a}from"@toss-design-system/easings";import{useMemo as l,useRef as c}from"react";import{Animated as t,Easing as d}from"react-native";export function BottomSheetDragAnimation({children:X,onDraggedUp:m,onDraggedDown:f,onDraggedMiddle:g,onDragToClose:p,onDragFinished:v,unstable_disableDragging:b=!1,...h}){const r=c(new t.Value(1)).current,n=c(new t.Value(0)).current,s=c(new t.Value(0)).current,i=l(()=>u.Pan().activateAfterLongPress(200).onUpdate(e=>{const S=Math.log(Math.abs(e.translationX)+10)*5,w=Math.log(15)*5,z=Math.sign(e.translationX)*Math.max(S-w,0),G=Math.log(Math.abs(e.translationY)+10)*15,P=Math.log(15)*15,A=Math.sign(e.translationY)*Math.max(G-P,0),M=j.linear,Y=e.translationY<0?.1:.01;t.parallel([t.timing(n,{toValue:z,duration:Y,easing:d.bezier(...M),useNativeDriver:!0}),t.timing(s,{toValue:A,duration:Y,easing:d.bezier(...M),useNativeDriver:!0})]).start(),e.translationY<=-50?m?.():e.translationY>=10?f?.():g?.()}).onFinalize(e=>{t.parallel([t.spring(r,{toValue:1,...a.rapid,useNativeDriver:!0}),t.spring(n,{toValue:0,...a.quick,useNativeDriver:!0}),t.spring(s,{toValue:0,...a.quick,useNativeDriver:!0})]).start(),e.translationY>=50&&p?.(),v?.()}),[v,p,f,g,m,r,n,s]),o=l(()=>u.LongPress().onStart(()=>{t.spring(r,{toValue:.98,...a.rapid,useNativeDriver:!0}).start()}).onEnd(()=>{t.spring(r,{toValue:1,...a.rapid,useNativeDriver:!0}).start()}),[r]),x=l(()=>(i.runOnJS(!0),o.runOnJS(!0),u.Simultaneous(i,o)),[i,o]),V=N(t.View,{...h,style:[{transform:[{translateX:n},{translateY:s},{scale:r}]},h.style],children:X});return b?V:N(D,{gesture:x,children:V})}
+"use strict";import{jsx as N}from"react/jsx-runtime";import{Gesture as u,GestureDetector as D}from"@granite-js/native/react-native-gesture-handler";import{bezier as j,spring as a}from"@toss/tds-easings";import{useMemo as l,useRef as c}from"react";import{Animated as t,Easing as d}from"react-native";export function BottomSheetDragAnimation({children:X,onDraggedUp:m,onDraggedDown:f,onDraggedMiddle:g,onDragToClose:p,onDragFinished:v,unstable_disableDragging:b=!1,...h}){const r=c(new t.Value(1)).current,n=c(new t.Value(0)).current,s=c(new t.Value(0)).current,i=l(()=>u.Pan().activateAfterLongPress(200).onUpdate(e=>{const S=Math.log(Math.abs(e.translationX)+10)*5,w=Math.log(15)*5,z=Math.sign(e.translationX)*Math.max(S-w,0),G=Math.log(Math.abs(e.translationY)+10)*15,P=Math.log(15)*15,A=Math.sign(e.translationY)*Math.max(G-P,0),M=j.linear,Y=e.translationY<0?.1:.01;t.parallel([t.timing(n,{toValue:z,duration:Y,easing:d.bezier(...M),useNativeDriver:!0}),t.timing(s,{toValue:A,duration:Y,easing:d.bezier(...M),useNativeDriver:!0})]).start(),e.translationY<=-50?m?.():e.translationY>=10?f?.():g?.()}).onFinalize(e=>{t.parallel([t.spring(r,{toValue:1,...a.rapid,useNativeDriver:!0}),t.spring(n,{toValue:0,...a.quick,useNativeDriver:!0}),t.spring(s,{toValue:0,...a.quick,useNativeDriver:!0})]).start(),e.translationY>=50&&p?.(),v?.()}),[v,p,f,g,m,r,n,s]),o=l(()=>u.LongPress().onStart(()=>{t.spring(r,{toValue:.98,...a.rapid,useNativeDriver:!0}).start()}).onEnd(()=>{t.spring(r,{toValue:1,...a.rapid,useNativeDriver:!0}).start()}),[r]),x=l(()=>(i.runOnJS(!0),o.runOnJS(!0),u.Simultaneous(i,o)),[i,o]),V=N(t.View,{...h,style:[{transform:[{translateX:n},{translateY:s},{scale:r}]},h.style],children:X});return b?V:N(D,{gesture:x,children:V})}

package/dist/esm/components/bottom-sheet/utils/CTAAnimation.js

@@ -1 +1 @@
-"use strict";import{jsx as o}from"react/jsx-runtime";import{bezier as n}from"@toss-design-system/easings";import{useEffect as a,useRef as m}from"react";import{Animated as e,Easing as s}from"react-native";export function BottomSheetCTAAnimation({children:r,style:i}){const t=m(new e.Value(0)).current;return a(()=>{e.timing(t,{toValue:1,easing:s.bezier(...n.ease),duration:600,useNativeDriver:!0}).start()},[t]),o(e.View,{style:i,children:r})}
+"use strict";import{jsx as o}from"react/jsx-runtime";import{bezier as n}from"@toss/tds-easings";import{useEffect as a,useRef as m}from"react";import{Animated as e,Easing as s}from"react-native";export function BottomSheetCTAAnimation({children:r,style:i}){const t=m(new e.Value(0)).current;return a(()=>{e.timing(t,{toValue:1,easing:s.bezier(...n.ease),duration:600,useNativeDriver:!0}).start()},[t]),o(e.View,{style:i,children:r})}

package/dist/esm/components/bottom-sheet/utils/RenderingAnimation.js

@@ -1 +1 @@
-"use strict";import{jsx as u}from"react/jsx-runtime";import{bezier as n}from"@toss-design-system/easings";import{useEffect as m,useRef as o}from"react";import{Animated as e,Easing as a}from"react-native";export function BottomSheetRenderingAnimation({delay:t=0,children:s}){const r=o(new e.Value(0)).current,i=o(new e.Value(80)).current;return m(()=>{e.parallel([e.timing(r,{toValue:1,duration:800,delay:t,easing:a.bezier(...n.expo),useNativeDriver:!0}),e.timing(i,{toValue:0,duration:800,delay:t,easing:a.bezier(...n.expo),useNativeDriver:!0})]).start()},[t,r,i]),u(e.View,{style:{opacity:r,transform:[{translateY:i}]},children:s})}
+"use strict";import{jsx as u}from"react/jsx-runtime";import{bezier as n}from"@toss/tds-easings";import{useEffect as m,useRef as o}from"react";import{Animated as e,Easing as a}from"react-native";export function BottomSheetRenderingAnimation({delay:t=0,children:s}){const r=o(new e.Value(0)).current,i=o(new e.Value(80)).current;return m(()=>{e.parallel([e.timing(r,{toValue:1,duration:800,delay:t,easing:a.bezier(...n.expo),useNativeDriver:!0}),e.timing(i,{toValue:0,duration:800,delay:t,easing:a.bezier(...n.expo),useNativeDriver:!0})]).start()},[t,r,i]),u(e.View,{style:{opacity:r,transform:[{translateY:i}]},children:s})}

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

@@ -1 +1 @@
-"use strict";import{jsx as d,jsxs as S}from"react/jsx-runtime";import{colors as W}from"@toss-design-system/colors";import{bezier as x,spring as t}from"@toss-design-system/easings";import{Children as G,forwardRef as j,Fragment as L,useCallback as A,useEffect as _,useMemo as v,useState as M}from"react";import{Easing as b,Pressable as J,StyleSheet as B,useAnimatedValue as m,View as K}from"react-native";import{ThemeProvider as Q,useTheme as U}from"../../core/index";import{Animated as e}from"../../interactions/animated/index";import{RadialGradient as X}from"../gradient/index";import{Txt as Y}from"../txt";const Z=j(function({children:a,onPress:i,size:o="big",style:u="fill",display:c="inline",disabled:l=!1,loading:n=!1,viewStyle:s,color:g,containerStyle:C,textStyle:N,pointerEvents:q=void 0,leftAccessory:w,onPressIn:V,onPressOut:z},O){const f=U(),D=te(),k=u==="weak"?{backgroundColor:f.token.button.backgroundWeakColor,textColor:f.token.button.textWeakColor,dimColor:f.token.button.dimWeakColor,gradientStartColor:f.token.button.gradientStartWeakColor,gradientEndColor:f.token.button.gradientEndWeakColor,loaderColor:f.token.button.loaderWeakColor}:{backgroundColor:f.token.button.backgroundFillColor,textColor:f.token.button.textFillColor,dimColor:f.token.button.dimFillColor,gradientStartColor:f.token.button.gradientStartFillColor,gradientEndColor:f.token.button.gradientEndFillColor,loaderColor:f.token.button.loaderFillColor},h=!(l||n),[E,H]=M(!1),F=A(y=>{V?.(y),h!==!1&&H(!0)},[V,h]),P=A(y=>{z?.(y),h!==!1&&H(!1)},[z,h]),p=re({style:u,display:c});_(()=>{if(E){p.controller.pressed.start();return}if(n&&D.controller.loader.start(),n&&l){p.controller.loadingWhileDisabled.start();return}if(n&&!l){p.controller.loading.start();return}if(!n&&l){p.controller.disabled.start();return}p.controller.default.start()},[n,l,p.controller,D.controller,E]);const I=G.map(a,(y,T)=>typeof y=="string"||typeof y=="number"?d(Y,{typography:ie[o],color:g??k.textColor,style:N,fontWeight:"semibold",children:y}):d(L,{children:y},T));return d(J,{accessibilityRole:"button",accessibilityState:{disabled:l},onPress:h?i:void 0,pointerEvents:q,onPressIn:F,onPressOut:P,style:[$[c],s],ref:O,children:S(e.View,{ref:O,style:[containerStylesBySize.base,containerStylesBySize[o],ee[c],p.style.container,C],children:[d(e.View,{style:[{position:"absolute",top:0,left:0,right:0,bottom:0},{backgroundColor:k.backgroundColor},p.style.background]}),S(e.View,{style:[{flexDirection:"row",alignItems:"center"},p.style.text],children:[w,I]}),d(e.View,{style:[{position:"absolute",top:0,left:0,right:0,bottom:0,justifyContent:"center",alignItems:"center"},p.style.gradient],children:d(K,{style:{width:"110%",aspectRatio:1},children:d(X,{colors:[k.gradientStartColor,k.gradientEndColor]})})}),d(e.View,{style:[{position:"absolute",top:0,left:0,right:0,bottom:0,justifyContent:"center",alignItems:"center"},p.style.loader],children:S(e.View,{style:{flexDirection:"row",gap:7},children:[d(e.View,{style:[{width:8,height:8,backgroundColor:k.loaderColor,borderRadius:99},D.style.loader1]}),d(e.View,{style:[{width:8,height:8,backgroundColor:k.loaderColor,borderRadius:99},D.style.loader2]}),d(e.View,{style:[{width:8,height:8,backgroundColor:k.loaderColor,borderRadius:99},D.style.loader3]})]})}),d(e.View,{style:[{position:"absolute",top:0,left:0,right:0,bottom:0},{backgroundColor:k.dimColor},p.style.dim]})]})})});export const containerStylesBySize=B.create({base:{alignItems:"center",justifyContent:"center",overflow:"hidden",position:"relative"},tiny:{paddingHorizontal:10,paddingVertical:2,minHeight:32,minWidth:52,borderRadius:8},medium:{paddingHorizontal:16,paddingVertical:2,minHeight:38,minWidth:64,borderRadius:10},large:{paddingHorizontal:16,paddingVertical:2,minHeight:48,minWidth:80,borderRadius:14},big:{paddingHorizontal:28,paddingVertical:2,minHeight:56,minWidth:96,borderRadius:16}});const $=B.create({inline:{alignSelf:"flex-start"},block:{},full:{}}),ee=B.create({inline:{},block:{},full:{borderRadius:0}});function R(){const r=m(.2),a=m(.8),i=A(()=>e.parallel([e.loop(e.sequence([e.timing(r,{toValue:1,duration:300,easing:b.linear,useNativeDriver:!1}),e.timing(r,{toValue:.2,duration:300,easing:b.linear,useNativeDriver:!1})])),e.loop(e.sequence([e.timing(a,{toValue:1,duration:300,easing:b.linear,useNativeDriver:!1}),e.timing(a,{toValue:.8,duration:300,easing:b.linear,useNativeDriver:!1})]))]),[r,a]);return v(()=>({style:{loader:{opacity:r,transform:[{scale:a}]}},controller:{create:i}}),[r,a,i])}function te(){const r=R(),a=R(),i=R(),o=v(()=>e.parallel([e.sequence([r.controller.create()]),e.sequence([e.delay(100),a.controller.create()]),e.sequence([e.delay(200),i.controller.create()])]),[r.controller,a.controller,i.controller]);return v(()=>({style:{loader1:r.style.loader,loader2:a.style.loader,loader3:i.style.loader},controller:{loader:{...o,start:()=>{o.reset(),o.start()}}}}),[r.style.loader,a.style.loader,i.style.loader,o])}function re({style:r,display:a}){const i=m(1),o=m(1),u=m(1),c=m(1),l=m(1),n=m(0),s=m(0),g=m(0),C=v(()=>e.parallel([e.spring(n,{toValue:0,...t.quick,useNativeDriver:!1}),e.spring(u,{toValue:1,...t.quick,useNativeDriver:!1}),e.spring(s,{toValue:0,...t.quick,useNativeDriver:!1}),e.spring(c,{toValue:1,...t.quick,delay:100,useNativeDriver:!1}),e.spring(g,{toValue:0,...t.quick,useNativeDriver:!1}),e.spring(i,{toValue:1,...t.quick,useNativeDriver:!1}),e.spring(o,{toValue:1,...t.quick,useNativeDriver:!1}),e.spring(l,{toValue:1,...t.quick,useNativeDriver:!1})]),[u,i,o,n,s,g,c,l]),N=v(()=>e.parallel([e.spring(n,{toValue:.26,...t.quick,useNativeDriver:!1}),e.spring(u,{toValue:1,...t.quick,useNativeDriver:!1}),e.spring(s,{toValue:0,...t.quick,useNativeDriver:!1}),a==="inline"?e.spring(o,{toValue:.96,...t.rapid,useNativeDriver:!1}):e.spring(l,{toValue:.96,...t.rapid,useNativeDriver:!1})]),[u,o,n,a,s,l]),q=v(()=>(s.setValue(0),e.parallel([e.spring(n,{toValue:.13,...t.quick,useNativeDriver:!1}),e.spring(u,{toValue:1,...t.quick,useNativeDriver:!1}),e.loop(e.sequence([e.timing(s,{toValue:r==="fill"?.7:.24,easing:b.bezier(...x.out),duration:600,useNativeDriver:!1}),e.timing(s,{toValue:0,easing:b.bezier(...x.out),duration:600,useNativeDriver:!1})])),e.spring(c,{toValue:0,...t.quick,useNativeDriver:!1}),e.spring(g,{toValue:1,...t.quick,useNativeDriver:!1}),e.spring(i,{toValue:1,...t.quick,useNativeDriver:!1}),e.spring(o,{toValue:1,...t.quick,useNativeDriver:!1}),e.spring(l,{toValue:1,...t.quick,useNativeDriver:!1})])),[u,i,o,n,s,g,r,c,l]),w=v(()=>(s.setValue(0),e.parallel([e.spring(n,{toValue:0,...t.quick,useNativeDriver:!1}),e.spring(u,{toValue:r==="fill"?.26:1,...t.quick,useNativeDriver:!1}),e.loop(e.sequence([e.timing(s,{toValue:r==="fill"?.2:.14,easing:b.bezier(...x.out),duration:600,useNativeDriver:!1}),e.timing(s,{toValue:0,easing:b.bezier(...x.out),duration:600,useNativeDriver:!1})])),e.spring(c,{toValue:0,...t.quick,useNativeDriver:!1}),e.spring(g,{toValue:r==="fill"?.7:.3,...t.quick,useNativeDriver:!1}),e.spring(i,{toValue:1,...t.quick,useNativeDriver:!1}),e.spring(o,{toValue:1,...t.quick,useNativeDriver:!1}),e.spring(l,{toValue:1,...t.quick,useNativeDriver:!1})])),[u,i,o,n,s,g,r,c,l]),V=v(()=>e.parallel([e.spring(n,{toValue:0,...t.quick,useNativeDriver:!1}),e.spring(u,{toValue:1,...t.quick,useNativeDriver:!1}),e.spring(s,{toValue:0,...t.quick,useNativeDriver:!1}),e.spring(c,{toValue:r==="fill"?1:.38,...t.quick,delay:100,useNativeDriver:!1}),e.spring(g,{toValue:0,...t.quick,useNativeDriver:!1}),e.spring(i,{toValue:r==="fill"?.26:1,...t.quick,useNativeDriver:!1}),e.spring(o,{toValue:1,...t.quick,useNativeDriver:!1}),e.spring(l,{toValue:1,...t.quick,useNativeDriver:!1})]),[u,i,o,n,s,g,r,c,l]);return v(()=>({style:{container:{opacity:i,transform:[{scale:o}]},background:{opacity:u},text:{opacity:c,transform:[{scale:l}]},dim:{opacity:n},gradient:{opacity:s},loader:{opacity:g}},controller:{default:C,pressed:N,loading:q,loadingWhileDisabled:w,disabled:V}}),[u,i,o,C,n,V,s,g,q,w,N,c,l])}const ie={tiny:"t7",medium:"t6",large:"st9",big:"st9"},oe={danger:W.red500,light:W.whiteOpacity900,dark:W.grey700};export const Button=j(function({type:a,...i},o){const u=v(()=>a===void 0||a==="primary"?{}:{color:{primary:oe[a]}},[a]);return d(Q,{token:u,children:d(Z,{...i,ref:o})})});
+"use strict";import{jsx as d,jsxs as S}from"react/jsx-runtime";import{colors as W}from"@toss/tds-colors";import{bezier as x,spring as t}from"@toss/tds-easings";import{Children as G,forwardRef as j,Fragment as L,useCallback as A,useEffect as _,useMemo as v,useState as M}from"react";import{Easing as b,Pressable as J,StyleSheet as B,useAnimatedValue as m,View as K}from"react-native";import{ThemeProvider as Q,useTheme as U}from"../../core/index";import{Animated as e}from"../../interactions/animated/index";import{RadialGradient as X}from"../gradient/index";import{Txt as Y}from"../txt";const Z=j(function({children:a,onPress:i,size:o="big",style:u="fill",display:c="inline",disabled:l=!1,loading:n=!1,viewStyle:s,color:g,containerStyle:C,textStyle:N,pointerEvents:q=void 0,leftAccessory:w,onPressIn:V,onPressOut:z},O){const f=U(),D=te(),k=u==="weak"?{backgroundColor:f.token.button.backgroundWeakColor,textColor:f.token.button.textWeakColor,dimColor:f.token.button.dimWeakColor,gradientStartColor:f.token.button.gradientStartWeakColor,gradientEndColor:f.token.button.gradientEndWeakColor,loaderColor:f.token.button.loaderWeakColor}:{backgroundColor:f.token.button.backgroundFillColor,textColor:f.token.button.textFillColor,dimColor:f.token.button.dimFillColor,gradientStartColor:f.token.button.gradientStartFillColor,gradientEndColor:f.token.button.gradientEndFillColor,loaderColor:f.token.button.loaderFillColor},h=!(l||n),[E,H]=M(!1),F=A(y=>{V?.(y),h!==!1&&H(!0)},[V,h]),P=A(y=>{z?.(y),h!==!1&&H(!1)},[z,h]),p=re({style:u,display:c});_(()=>{if(E){p.controller.pressed.start();return}if(n&&D.controller.loader.start(),n&&l){p.controller.loadingWhileDisabled.start();return}if(n&&!l){p.controller.loading.start();return}if(!n&&l){p.controller.disabled.start();return}p.controller.default.start()},[n,l,p.controller,D.controller,E]);const I=G.map(a,(y,T)=>typeof y=="string"||typeof y=="number"?d(Y,{typography:ie[o],color:g??k.textColor,style:N,fontWeight:"semibold",children:y}):d(L,{children:y},T));return d(J,{accessibilityRole:"button",accessibilityState:{disabled:l},onPress:h?i:void 0,pointerEvents:q,onPressIn:F,onPressOut:P,style:[$[c],s],ref:O,children:S(e.View,{ref:O,style:[containerStylesBySize.base,containerStylesBySize[o],ee[c],p.style.container,C],children:[d(e.View,{style:[{position:"absolute",top:0,left:0,right:0,bottom:0},{backgroundColor:k.backgroundColor},p.style.background]}),S(e.View,{style:[{flexDirection:"row",alignItems:"center"},p.style.text],children:[w,I]}),d(e.View,{style:[{position:"absolute",top:0,left:0,right:0,bottom:0,justifyContent:"center",alignItems:"center"},p.style.gradient],children:d(K,{style:{width:"110%",aspectRatio:1},children:d(X,{colors:[k.gradientStartColor,k.gradientEndColor]})})}),d(e.View,{style:[{position:"absolute",top:0,left:0,right:0,bottom:0,justifyContent:"center",alignItems:"center"},p.style.loader],children:S(e.View,{style:{flexDirection:"row",gap:7},children:[d(e.View,{style:[{width:8,height:8,backgroundColor:k.loaderColor,borderRadius:99},D.style.loader1]}),d(e.View,{style:[{width:8,height:8,backgroundColor:k.loaderColor,borderRadius:99},D.style.loader2]}),d(e.View,{style:[{width:8,height:8,backgroundColor:k.loaderColor,borderRadius:99},D.style.loader3]})]})}),d(e.View,{style:[{position:"absolute",top:0,left:0,right:0,bottom:0},{backgroundColor:k.dimColor},p.style.dim]})]})})});export const containerStylesBySize=B.create({base:{alignItems:"center",justifyContent:"center",overflow:"hidden",position:"relative"},tiny:{paddingHorizontal:10,paddingVertical:2,minHeight:32,minWidth:52,borderRadius:8},medium:{paddingHorizontal:16,paddingVertical:2,minHeight:38,minWidth:64,borderRadius:10},large:{paddingHorizontal:16,paddingVertical:2,minHeight:48,minWidth:80,borderRadius:14},big:{paddingHorizontal:28,paddingVertical:2,minHeight:56,minWidth:96,borderRadius:16}});const $=B.create({inline:{alignSelf:"flex-start"},block:{},full:{}}),ee=B.create({inline:{},block:{},full:{borderRadius:0}});function R(){const r=m(.2),a=m(.8),i=A(()=>e.parallel([e.loop(e.sequence([e.timing(r,{toValue:1,duration:300,easing:b.linear,useNativeDriver:!1}),e.timing(r,{toValue:.2,duration:300,easing:b.linear,useNativeDriver:!1})])),e.loop(e.sequence([e.timing(a,{toValue:1,duration:300,easing:b.linear,useNativeDriver:!1}),e.timing(a,{toValue:.8,duration:300,easing:b.linear,useNativeDriver:!1})]))]),[r,a]);return v(()=>({style:{loader:{opacity:r,transform:[{scale:a}]}},controller:{create:i}}),[r,a,i])}function te(){const r=R(),a=R(),i=R(),o=v(()=>e.parallel([e.sequence([r.controller.create()]),e.sequence([e.delay(100),a.controller.create()]),e.sequence([e.delay(200),i.controller.create()])]),[r.controller,a.controller,i.controller]);return v(()=>({style:{loader1:r.style.loader,loader2:a.style.loader,loader3:i.style.loader},controller:{loader:{...o,start:()=>{o.reset(),o.start()}}}}),[r.style.loader,a.style.loader,i.style.loader,o])}function re({style:r,display:a}){const i=m(1),o=m(1),u=m(1),c=m(1),l=m(1),n=m(0),s=m(0),g=m(0),C=v(()=>e.parallel([e.spring(n,{toValue:0,...t.quick,useNativeDriver:!1}),e.spring(u,{toValue:1,...t.quick,useNativeDriver:!1}),e.spring(s,{toValue:0,...t.quick,useNativeDriver:!1}),e.spring(c,{toValue:1,...t.quick,delay:100,useNativeDriver:!1}),e.spring(g,{toValue:0,...t.quick,useNativeDriver:!1}),e.spring(i,{toValue:1,...t.quick,useNativeDriver:!1}),e.spring(o,{toValue:1,...t.quick,useNativeDriver:!1}),e.spring(l,{toValue:1,...t.quick,useNativeDriver:!1})]),[u,i,o,n,s,g,c,l]),N=v(()=>e.parallel([e.spring(n,{toValue:.26,...t.quick,useNativeDriver:!1}),e.spring(u,{toValue:1,...t.quick,useNativeDriver:!1}),e.spring(s,{toValue:0,...t.quick,useNativeDriver:!1}),a==="inline"?e.spring(o,{toValue:.96,...t.rapid,useNativeDriver:!1}):e.spring(l,{toValue:.96,...t.rapid,useNativeDriver:!1})]),[u,o,n,a,s,l]),q=v(()=>(s.setValue(0),e.parallel([e.spring(n,{toValue:.13,...t.quick,useNativeDriver:!1}),e.spring(u,{toValue:1,...t.quick,useNativeDriver:!1}),e.loop(e.sequence([e.timing(s,{toValue:r==="fill"?.7:.24,easing:b.bezier(...x.out),duration:600,useNativeDriver:!1}),e.timing(s,{toValue:0,easing:b.bezier(...x.out),duration:600,useNativeDriver:!1})])),e.spring(c,{toValue:0,...t.quick,useNativeDriver:!1}),e.spring(g,{toValue:1,...t.quick,useNativeDriver:!1}),e.spring(i,{toValue:1,...t.quick,useNativeDriver:!1}),e.spring(o,{toValue:1,...t.quick,useNativeDriver:!1}),e.spring(l,{toValue:1,...t.quick,useNativeDriver:!1})])),[u,i,o,n,s,g,r,c,l]),w=v(()=>(s.setValue(0),e.parallel([e.spring(n,{toValue:0,...t.quick,useNativeDriver:!1}),e.spring(u,{toValue:r==="fill"?.26:1,...t.quick,useNativeDriver:!1}),e.loop(e.sequence([e.timing(s,{toValue:r==="fill"?.2:.14,easing:b.bezier(...x.out),duration:600,useNativeDriver:!1}),e.timing(s,{toValue:0,easing:b.bezier(...x.out),duration:600,useNativeDriver:!1})])),e.spring(c,{toValue:0,...t.quick,useNativeDriver:!1}),e.spring(g,{toValue:r==="fill"?.7:.3,...t.quick,useNativeDriver:!1}),e.spring(i,{toValue:1,...t.quick,useNativeDriver:!1}),e.spring(o,{toValue:1,...t.quick,useNativeDriver:!1}),e.spring(l,{toValue:1,...t.quick,useNativeDriver:!1})])),[u,i,o,n,s,g,r,c,l]),V=v(()=>e.parallel([e.spring(n,{toValue:0,...t.quick,useNativeDriver:!1}),e.spring(u,{toValue:1,...t.quick,useNativeDriver:!1}),e.spring(s,{toValue:0,...t.quick,useNativeDriver:!1}),e.spring(c,{toValue:r==="fill"?1:.38,...t.quick,delay:100,useNativeDriver:!1}),e.spring(g,{toValue:0,...t.quick,useNativeDriver:!1}),e.spring(i,{toValue:r==="fill"?.26:1,...t.quick,useNativeDriver:!1}),e.spring(o,{toValue:1,...t.quick,useNativeDriver:!1}),e.spring(l,{toValue:1,...t.quick,useNativeDriver:!1})]),[u,i,o,n,s,g,r,c,l]);return v(()=>({style:{container:{opacity:i,transform:[{scale:o}]},background:{opacity:u},text:{opacity:c,transform:[{scale:l}]},dim:{opacity:n},gradient:{opacity:s},loader:{opacity:g}},controller:{default:C,pressed:N,loading:q,loadingWhileDisabled:w,disabled:V}}),[u,i,o,C,n,V,s,g,q,w,N,c,l])}const ie={tiny:"t7",medium:"t6",large:"st9",big:"st9"},oe={danger:W.red500,light:W.whiteOpacity900,dark:W.grey700};export const Button=j(function({type:a,...i},o){const u=v(()=>a===void 0||a==="primary"?{}:{color:{primary:oe[a]}},[a]);return d(Q,{token:u,children:d(Z,{...i,ref:o})})});

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

@@ -1 +1 @@
-"use strict";import{colors as t}from"@toss-design-system/colors";import{ColorManager as o}from"../../utils/ColorManager.js";import{BaseDerivedTokenGenerator as n}from"../../core/theme/deriveToken/BaseDerivedTokenGenerator.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.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)}}

package/dist/esm/components/carousel/animations/scale.js

@@ -1 +1 @@
-"use strict";import{Gesture as i}from"@granite-js/native/react-native-gesture-handler";import{spring as n}from"@toss-design-system/easings";import{useMemo as s,useRef as a}from"react";import{Animated as r}from"react-native";export function useTapScaleAnimation(){const e=a(new r.Value(1)).current,u=s(()=>{const t=i.Pan().onBegin(()=>{r.spring(e,{toValue:.96,useNativeDriver:!0,...n.quick}).start()}).onFinalize(()=>{r.spring(e,{toValue:.96,useNativeDriver:!0,...n.quick}).start()});return t.runOnJS(!0),t},[e]),o=s(()=>[{scaleX:e},{scaleY:e}],[e]);return{gesture:u,transforms:o}}
+"use strict";import{Gesture as i}from"@granite-js/native/react-native-gesture-handler";import{spring as n}from"@toss/tds-easings";import{useMemo as s,useRef as a}from"react";import{Animated as r}from"react-native";export function useTapScaleAnimation(){const e=a(new r.Value(1)).current,u=s(()=>{const t=i.Pan().onBegin(()=>{r.spring(e,{toValue:.96,useNativeDriver:!0,...n.quick}).start()}).onFinalize(()=>{r.spring(e,{toValue:.96,useNativeDriver:!0,...n.quick}).start()});return t.runOnJS(!0),t},[e]),o=s(()=>[{scaleX:e},{scaleY:e}],[e]);return{gesture:u,transforms:o}}

package/dist/esm/components/carousel/animations/snap.js

@@ -1 +1 @@
-"use strict";import{Gesture as P}from"@granite-js/native/react-native-gesture-handler";import{spring as M}from"@toss-design-system/easings";import{useMemo as f,useRef as a,useState as S}from"react";import{Animated as p,Dimensions as v}from"react-native";export function useSnapAnimation(t){const i=a(new p.Value(t.padding)).current,r=a(!1),[n,g]=S(0),d=a(t.padding),e=a(t.padding),c=f(()=>{const o=P.Pan().onUpdate(s=>{r.current!==!0&&(e.current=d.current+s.translationX,i.setValue(e.current))}).onEnd(s=>{if(r.current===!0)return;const m=A(t),W=b({translateX:e.current,translationX:s.translationX,velocityX:s.velocityX},t),u=I(W,m);r.current=!0,p.spring(i,{toValue:u,useNativeDriver:!0,...M.quick}).start(()=>{e.current=u,d.current=e.current,r.current=!1}),g(m.findIndex(w=>w===u))});return o.runOnJS(!0),o},[t,i]),h=f(()=>[{translateX:i}],[i]);return{gesture:c,transforms:h,activeIndex:n}}const l=v.get("window").width;function A(t){"worklet";return Array(t.itemsCount).fill(void 0).map((i,r)=>{switch(r){case 0:return t.padding;case t.itemsCount-1:{const n=l-t.itemWidth-t.padding;return t.padding-(t.itemWidth+t.itemGap)*(t.itemsCount-1)+(n-t.padding)}default:{const n=(l-t.itemWidth)/2;return t.padding-(t.itemWidth+t.itemGap)*r+(n-t.padding)}}})}function I(t,i){"worklet";let r=i[0];for(const n of i)Math.abs(n-t)<Math.abs(r-t)&&(r=n);return r}function b({translateX:t,translationX:i,velocityX:r},n){"worklet";return Math.abs(r)<n.itemWidth/2||Math.abs(i)>=n.itemWidth/2?t:t+Math.sign(r)*n.itemWidth}
+"use strict";import{Gesture as P}from"@granite-js/native/react-native-gesture-handler";import{spring as M}from"@toss/tds-easings";import{useMemo as f,useRef as a,useState as S}from"react";import{Animated as p,Dimensions as v}from"react-native";export function useSnapAnimation(t){const i=a(new p.Value(t.padding)).current,r=a(!1),[n,g]=S(0),d=a(t.padding),e=a(t.padding),c=f(()=>{const o=P.Pan().onUpdate(s=>{r.current!==!0&&(e.current=d.current+s.translationX,i.setValue(e.current))}).onEnd(s=>{if(r.current===!0)return;const m=A(t),W=b({translateX:e.current,translationX:s.translationX,velocityX:s.velocityX},t),u=I(W,m);r.current=!0,p.spring(i,{toValue:u,useNativeDriver:!0,...M.quick}).start(()=>{e.current=u,d.current=e.current,r.current=!1}),g(m.findIndex(w=>w===u))});return o.runOnJS(!0),o},[t,i]),h=f(()=>[{translateX:i}],[i]);return{gesture:c,transforms:h,activeIndex:n}}const l=v.get("window").width;function A(t){"worklet";return Array(t.itemsCount).fill(void 0).map((i,r)=>{switch(r){case 0:return t.padding;case t.itemsCount-1:{const n=l-t.itemWidth-t.padding;return t.padding-(t.itemWidth+t.itemGap)*(t.itemsCount-1)+(n-t.padding)}default:{const n=(l-t.itemWidth)/2;return t.padding-(t.itemWidth+t.itemGap)*r+(n-t.padding)}}})}function I(t,i){"worklet";let r=i[0];for(const n of i)Math.abs(n-t)<Math.abs(r-t)&&(r=n);return r}function b({translateX:t,translationX:i,velocityX:r},n){"worklet";return Math.abs(r)<n.itemWidth/2||Math.abs(i)>=n.itemWidth/2?t:t+Math.sign(r)*n.itemWidth}

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

@@ -1 +1 @@
-"use strict";import{jsx as r,jsxs as s}from"react/jsx-runtime";import 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-design-system/colors";import{useAdaptive as J}from"../../core";import{Txt as L}from"../txt";import{forwardRef as K,useMemo as p}from"react";import{Dimensions as Q}from"react-native";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}=Q.get("window");export const BarChart=K(function({data:e=[],width:c=Z,height:h=205,fill:o={type:"all-bar",theme:"blue"},style:A,...B},C){const t=J(),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 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/checkbox/Circle/Graphic/AnimatedCheckboxGraphic.js

@@ -1 +1 @@
-"use strict";import{jsx as i,jsxs as C,Fragment as B}from"react/jsx-runtime";import q from"@granite-js/native/react-native-svg";import{colors as a}from"@toss-design-system/colors";import{useAdaptive as H}from"../../../../core/index";import{usePressAnim as J}from"../../../../interactions/pressable-effect/index";import c from"hex-to-rgba";import{useCallback as I,useEffect as d,useMemo as b,useRef as V,useState as K}from"react";import{Animated as t,Pressable as L,View as Q}from"react-native";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]=K(n?"on":"off"),g=b(()=>o*20/24,[o]),u=H(),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}=J(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(L,{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(Q,{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 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";import{usePressAnim as Q}from"../../../../interactions/pressable-effect/index";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.js

@@ -1 +1 @@
-"use strict";import{jsx as o,jsxs as g,Fragment as w}from"react/jsx-runtime";import x from"@granite-js/native/react-native-svg";import{colors as e}from"@toss-design-system/colors";import{useAdaptive as C,useColorPreference as k}from"../../../../core/index";import t from"hex-to-rgba";import{useMemo as h}from"react";import{Animated as m,Pressable as S,View as d}from"react-native";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}=k(),a=C(),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(S,{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 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";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/Line/Graphic/AnimatedCheckboxGraphic.js

@@ -1 +1 @@
-"use strict";import{jsx as a,jsxs as h,Fragment as G}from"react/jsx-runtime";import I from"@granite-js/native/react-native-svg";import{colors as k}from"@toss-design-system/colors";import{useAdaptive as V}from"../../../../core/index";import g from"hex-to-rgba";import{useCallback as b,useEffect as c,useMemo as _,useRef as y,useState as j}from"react";import{Animated as t,Pressable as F,View as R}from"react-native";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]=j(s?"on":"off"),m=V(),p=_(()=>({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(F,{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(R,{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 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";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.js

@@ -1 +1 @@
-"use strict";import{jsx as e,Fragment as p,jsxs as b}from"react/jsx-runtime";import f from"@granite-js/native/react-native-svg";import{colors as r}from"@toss-design-system/colors";import{useAdaptive as h,useColorPreference as u}from"../../../../core/index";import o from"hex-to-rgba";import{useMemo as y}from"react";import{Animated as x,Pressable as C}from"react-native";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}=u(),l=h(),m=y(()=>({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(C,{onPressIn:g,style:[j.container,a],accessibilityRole:"checkbox",accessibilityState:{checked:s,disabled:!0},...c,children:b(p,{children:[e(x.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 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";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/const.d.ts

@@ -1,5 +1,5 @@
 export declare const TIMING_CONFIG: {
-    easeing: import("@toss-design-system/easings").CubicBezier;
+    easeing: import("@toss/tds-easings").CubicBezier;
     duration: number;
 };
 export declare const SPRING_CONFIG: {

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

@@ -1 +1 @@
-"use strict";import{bezier as e}from"@toss-design-system/easings";export const TIMING_CONFIG={easeing:e.back,duration:150},SPRING_CONFIG={stiffness:650,damping:35};
+"use strict";import{bezier as e}from"@toss/tds-easings";export const TIMING_CONFIG={easeing:e.back,duration:150},SPRING_CONFIG={stiffness:650,damping:35};

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-design-system/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;
+"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-design-system/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%"}});
+"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

@@ -13,4 +13,4 @@ declare function DialogContent({ header, body, footer, }: {
 }): import("react/jsx-runtime").JSX.Element;
 declare function DialogHeaderTxt({ ...props }: TxtProps): import("react/jsx-runtime").JSX.Element;
 declare function DialogBodyTxt({ ...props }: TxtProps): import("react/jsx-runtime").JSX.Element;
-export { DialogOverlay, DialogContent, DialogHeaderTxt, DialogBodyTxt };
+export { DialogBodyTxt, DialogContent, DialogHeaderTxt, DialogOverlay };

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-design-system/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{w as DialogOverlay,v as DialogContent,x as DialogHeaderTxt,b as DialogBodyTxt};
+"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/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-design-system/colors";import{useAdaptive as p,useColorPreference as l}from"../../../core";import*as c from"../../paragraph";import{Platform as f,View as n}from"react-native";import{useDropdown as m}from"../contexts/DropdownContext";import{DropdownItem as h}from"./DropdownItem";export function Dropdown({title:o,children:r}){const t=p(),{colorPreference:a}=l(),{dropdownBaseRef:d}=m();return s(n,{ref:d,style:{width:240,backgroundColor:t.floatBackground,paddingVertical:12,borderRadius:16,shadowColor:a==="light"?f.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(c.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/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-design-system/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})});
+"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.js

@@ -1 +1 @@
-"use strict";import{jsx as o,jsxs as R,Fragment as z}from"react/jsx-runtime";import{AnimateRallyPresence as I,Rally as S}from"../../../interactions/rally";import{useGlobalEvent as T}from"../../../core";import{cloneElement as j,useCallback as _,useEffect as x,useState as g}from"react";import{View as b}from"react-native";import{MENU_Z_INDEX as v}from"../constants/z-index";import{DropdownProvider as P,useDropdown as w}from"../contexts/DropdownContext";import{mergeRefs as X}from"../utils/mergeRefs";import{spring as E}from"@toss-design-system/easings";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}=w(),u=t.ref,c=j(t,{...t.props,ref:u!=null?X(u,i):i,onPress:()=>{e?n?.():r?.(),t.props?.onPress?.()}}),s=T();return x(()=>{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(b,{style:[{position:"relative",zIndex:v},a],children:[c,o(I,{children:e?o(B,{children:l}):void 0})]})}function B({style:t,children:r,...n}){const{targetRef:e,dropdownBaseRef:l,placement:a}=w(),[i,f]=g(null),[u,c]=g(null);if(x(()=>{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(b,{style:{opacity:0,position:"absolute",alignSelf:"flex-start"},children:r});const s=a==="bottom-start"?"left":"right";return o(z,{children:o(S,{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:E.medium},motion:{opacity:{from:0,to:1},scale:{from:0,to:1},transformOriginX:{from:s,to:s},transformOriginY:{from:"top",to:"top"},easing:E.medium},...n,children:r})})}function L({defaultOpen:t=!1,onOpen:r,onClose:n,...e}){const[l,a]=g(t),i=_(()=>{r?.(),a(!0)},[r]),f=_(()=>{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=v;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};