@toss/tds-react-native 1.0.0 → 1.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (307) hide show
  1. package/dist/cjs/components/agreement/Collapsible/CollapsibleContent.js +1 -1
  2. package/dist/cjs/components/agreement/useAnimatedRotateValue.js +1 -1
  3. package/dist/cjs/components/asset/blocks/Frame.js +1 -1
  4. package/dist/cjs/components/board-row/BoardRow.js +1 -1
  5. package/dist/cjs/components/bottom-sheet/Container.js +1 -1
  6. package/dist/cjs/components/bottom-sheet/Dimmer.js +1 -1
  7. package/dist/cjs/components/bottom-sheet/DragAnimation.js +1 -1
  8. package/dist/cjs/components/bottom-sheet/utils/CTAAnimation.js +1 -1
  9. package/dist/cjs/components/bottom-sheet/utils/RenderingAnimation.js +1 -1
  10. package/dist/cjs/components/button/Button.js +1 -1
  11. package/dist/cjs/components/button/ButtonDerivedTokenGenerator.js +1 -1
  12. package/dist/cjs/components/carousel/animations/scale.js +1 -1
  13. package/dist/cjs/components/carousel/animations/snap.js +1 -1
  14. package/dist/cjs/components/chart/BarChart.js +1 -1
  15. package/dist/cjs/components/checkbox/Circle/Graphic/AnimatedCheckboxGraphic.js +1 -1
  16. package/dist/cjs/components/checkbox/Circle/Graphic/AnimatedCheckboxGraphicDisabled.js +1 -1
  17. package/dist/cjs/components/checkbox/Line/Graphic/AnimatedCheckboxGraphic.js +1 -1
  18. package/dist/cjs/components/checkbox/Line/Graphic/AnimatedCheckboxGraphicDisabled.js +1 -1
  19. package/dist/cjs/components/checkbox/const.d.ts +1 -1
  20. package/dist/cjs/components/checkbox/const.js +1 -1
  21. package/dist/cjs/components/dialog/AlertDialog.js +1 -1
  22. package/dist/cjs/components/dialog/BaseDialog.js +1 -1
  23. package/dist/cjs/components/dialog/BaseDialogContents.d.ts +1 -1
  24. package/dist/cjs/components/dialog/BaseDialogContents.js +1 -1
  25. package/dist/cjs/components/dropdown/components/Dropdown.js +1 -1
  26. package/dist/cjs/components/dropdown/components/FixedFloatingDropdown.js +1 -1
  27. package/dist/cjs/components/dropdown/components/Trigger.js +1 -1
  28. package/dist/cjs/components/gradient/LinearGradient.d.ts +1 -1
  29. package/dist/cjs/components/gradient/LinearGradient.js +1 -1
  30. package/dist/cjs/components/gradient/RadialGradient.js +1 -1
  31. package/dist/cjs/components/highlight/Highlight.js +1 -1
  32. package/dist/cjs/components/highlight/HighlightUI.js +1 -1
  33. package/dist/cjs/components/highlight/components/MessageBox.js +1 -1
  34. package/dist/cjs/components/highlight/hooks/useHighlightUIAnimation.js +1 -1
  35. package/dist/cjs/components/icon-button/IconButton.js +1 -1
  36. package/dist/cjs/components/keypad/FullSecureKeypad/BackspaceIcon.js +1 -1
  37. package/dist/cjs/components/keypad/FullSecureKeypad/index.js +1 -1
  38. package/dist/cjs/components/list-footer/ListFooterTitle.js +1 -1
  39. package/dist/cjs/components/list-row/ListRowDisabled.js +1 -1
  40. package/dist/cjs/components/list-row/animation/ShineEffect.js +1 -1
  41. package/dist/cjs/components/list-row/animation/useBlinkAnimation.js +1 -1
  42. package/dist/cjs/components/list-row/animation/useShineAnimation.js +1 -1
  43. package/dist/cjs/components/loader/Loader.js +1 -1
  44. package/dist/cjs/components/numeric-spinner/NumericSpinner.js +1 -1
  45. package/dist/cjs/components/numeric-spinner/NumericSpinnerNumberBox.d.ts +1 -2
  46. package/dist/cjs/components/numeric-spinner/NumericSpinnerNumberBox.js +1 -1
  47. package/dist/cjs/components/paragraph/ParagraphBadge/ParagraphBadge.d.ts +1 -1
  48. package/dist/cjs/components/paragraph/ParagraphBadge/ParagraphBadge.js +1 -1
  49. package/dist/cjs/components/paragraph/ParagraphCode.js +1 -1
  50. package/dist/cjs/components/progress-bar/ProgressBar.js +1 -1
  51. package/dist/cjs/components/radio/Radio.js +1 -1
  52. package/dist/cjs/components/rating/EditableRating.d.ts +12 -0
  53. package/dist/cjs/components/rating/EditableRating.js +1 -1
  54. package/dist/cjs/components/rating/ReadOnlyRating.d.ts +12 -0
  55. package/dist/cjs/components/rating/ReadOnlyRating.js +1 -1
  56. package/dist/cjs/components/segmented-control/components/Indicator/Indicator.js +1 -1
  57. package/dist/cjs/components/segmented-control/components/ScrollControlOverlay/EdgeGradient.js +1 -1
  58. package/dist/cjs/components/segmented-control/hooks/useIndicatorBackground.js +1 -1
  59. package/dist/cjs/components/shadow/tokens.js +1 -1
  60. package/dist/cjs/components/skeleton/AnimateSkeleton.js +1 -1
  61. package/dist/cjs/components/slider/Slider.js +1 -1
  62. package/dist/cjs/components/slider/styles.js +1 -1
  63. package/dist/cjs/components/switch/Switch.js +1 -1
  64. package/dist/cjs/components/switch/useSwitchAnimation.js +1 -1
  65. package/dist/cjs/components/tab/FluidTab.js +1 -1
  66. package/dist/cjs/components/tab/FullTab.js +1 -1
  67. package/dist/cjs/components/tab/Gradient.js +1 -1
  68. package/dist/cjs/components/tab/TabItem.js +1 -1
  69. package/dist/cjs/components/text-field/OldTextField/TDSTextFieldItem.js +1 -1
  70. package/dist/cjs/components/text-field/OldTextField/styles.d.ts +1 -1
  71. package/dist/cjs/components/text-field/OldTextField/styles.js +1 -1
  72. package/dist/cjs/components/text-field/OldTextField/utils.d.ts +1 -1
  73. package/dist/cjs/components/text-field/TextField/hooks/useLabelControls.js +1 -1
  74. package/dist/cjs/components/text-field/TextField/hooks/useTextFieldHelpControls.js +1 -1
  75. package/dist/cjs/components/text-field/TextField/variants/TextFieldBox/TextFieldBox.Button.js +1 -1
  76. package/dist/cjs/components/text-field/TextField/variants/TextFieldBox/TextFieldBox.js +1 -1
  77. package/dist/cjs/components/text-field/TextField/variants/TextFieldBox/TextFieldBoxOverlay.js +1 -1
  78. package/dist/cjs/components/toast/components/ToastBottom.js +1 -1
  79. package/dist/cjs/components/toast/components/ToastButton.js +1 -1
  80. package/dist/cjs/components/toast/components/ToastTop.js +1 -1
  81. package/dist/cjs/components/toast/hooks/useToastAnimation.js +1 -1
  82. package/dist/cjs/components/tooltip/components/FullTooltip/FullTooltipBase.js +1 -1
  83. package/dist/cjs/components/tooltip/components/FullTooltip/HiddenFullTooltip.js +1 -1
  84. package/dist/cjs/components/tooltip/components/Tooltip/TooltipBase.d.ts +1 -1
  85. package/dist/cjs/components/tooltip/components/Tooltip/TooltipBase.js +1 -1
  86. package/dist/cjs/components/txt/Txt.js +1 -24
  87. package/dist/cjs/constants/typography/index.d.ts +1 -1
  88. package/dist/cjs/constants/typography/typographyLevel.d.ts +1 -1
  89. package/dist/cjs/constants/typography/typographyLevel.js +1 -1
  90. package/dist/cjs/constants/typography/typographyMap.d.ts +1 -1
  91. package/dist/cjs/constants/typography/typographyMap.js +1 -1
  92. package/dist/cjs/core/color/Color.js +1 -1
  93. package/dist/cjs/core/color/ColorPreference.js +1 -1
  94. package/dist/cjs/core/contexts/AdaptiveColorProvider.d.ts +1 -1
  95. package/dist/cjs/core/contexts/AdaptiveColorProvider.js +1 -1
  96. package/dist/cjs/core/contexts/ColorPreferenceProvider.js +1 -1
  97. package/dist/cjs/core/contexts/GlobalEventProvider.js +1 -1
  98. package/dist/cjs/core/contexts/HideAccessibility.js +1 -1
  99. package/dist/cjs/core/contexts/SafeAreaProvider.js +1 -1
  100. package/dist/cjs/core/contexts/TDSProvider.js +1 -1
  101. package/dist/cjs/core/contexts/TypographyProvider.js +1 -1
  102. package/dist/cjs/core/contexts/index.js +1 -1
  103. package/dist/cjs/core/hooks/index.js +1 -1
  104. package/dist/cjs/core/hooks/useA11yCondition.d.ts +1 -1
  105. package/dist/cjs/core/hooks/useA11yCondition.js +1 -4
  106. package/dist/cjs/core/hooks/useTypographyLevel.js +1 -1
  107. package/dist/cjs/core/index.js +1 -1
  108. package/dist/cjs/core/overlay/OverlayController.js +1 -1
  109. package/dist/cjs/core/overlay/OverlayProvider.js +1 -1
  110. package/dist/cjs/core/overlay/_OverlayProvider.js +1 -1
  111. package/dist/cjs/core/overlay/index.js +1 -2
  112. package/dist/cjs/core/overlay/types.js +1 -1
  113. package/dist/cjs/core/overlay/useOverlay.js +1 -1
  114. package/dist/cjs/core/overlay/useOverlayBase.js +1 -2
  115. package/dist/cjs/core/overlay/useOverlayCache.js +1 -1
  116. package/dist/cjs/core/theme/ThemeProvider.js +1 -1
  117. package/dist/cjs/core/theme/deriveToken/BaseDerivedTokenGenerator.js +1 -1
  118. package/dist/cjs/core/theme/deriveToken/batchDerivedTokenGenerators.js +1 -1
  119. package/dist/cjs/core/theme/deriveToken/deriveToken.js +1 -1
  120. package/dist/cjs/core/theme/deriveToken/index.js +1 -1
  121. package/dist/cjs/core/theme/index.js +1 -1
  122. package/dist/cjs/core/theme/seedToken/index.js +1 -2
  123. package/dist/cjs/core/theme/seedToken/seedToken.js +2 -1
  124. package/dist/cjs/extensions/bridge/Bridge.js +2 -2
  125. package/dist/cjs/extensions/bridge/BridgeDerivedTokenGenerator.js +1 -1
  126. package/dist/cjs/extensions/external-web-view-screen/Navigation.js +1 -1
  127. package/dist/cjs/extensions/navigation/Navigation.js +1 -1
  128. package/dist/cjs/extensions/page-navbar/PageNavbar.js +1 -1
  129. package/dist/cjs/extensions/page-navbar/components/TransparentNavigationBar/TransparentNavigationScrollView.js +1 -1
  130. package/dist/cjs/extensions/tab-view/Gradient.js +1 -1
  131. package/dist/cjs/extensions/tab-view/hooks/useIndicatorOpacityAnimation.js +1 -1
  132. package/dist/cjs/extensions/top-navigation/TopNavigation.js +1 -1
  133. package/dist/cjs/index.d.ts +17 -18
  134. package/dist/cjs/index.js +1 -1
  135. package/dist/cjs/interactions/animated/spring.d.ts +2 -2
  136. package/dist/cjs/interactions/animated/spring.js +1 -1
  137. package/dist/cjs/interactions/animation/hooks/useWiggleAnim.js +1 -1
  138. package/dist/cjs/interactions/pressable-effect/usePressAnim.js +1 -1
  139. package/dist/cjs/interactions/rally/constants/property.d.ts +1 -1
  140. package/dist/cjs/interactions/rally/constants/property.js +1 -1
  141. package/dist/cjs/interactions/rally/presets/effects/bounce.js +1 -1
  142. package/dist/cjs/interactions/rally/presets/effects/float.js +1 -1
  143. package/dist/cjs/interactions/rally/presets/effects/pulse.js +1 -1
  144. package/dist/cjs/interactions/rally/presets/effects/ripple.js +1 -1
  145. package/dist/cjs/interactions/rally/presets/effects/shiver.js +1 -1
  146. package/dist/cjs/interactions/rally/presets/effects/wiggle.js +1 -1
  147. package/dist/cjs/interactions/rally/presets/effects/wiggle3d.js +1 -1
  148. package/dist/cjs/interactions/rally/presets/transitions/fade.js +1 -1
  149. package/dist/cjs/interactions/rally/presets/transitions/flip.js +1 -1
  150. package/dist/cjs/interactions/rally/presets/transitions/flipBounce.js +1 -1
  151. package/dist/cjs/interactions/rally/presets/transitions/roll.js +1 -1
  152. package/dist/cjs/interactions/rally/presets/transitions/rollBounce.js +1 -1
  153. package/dist/cjs/interactions/rally/presets/transitions/scale.js +1 -1
  154. package/dist/cjs/interactions/rally/presets/transitions/scaleBounce.js +1 -1
  155. package/dist/cjs/interactions/rally/presets/transitions/slide.js +1 -1
  156. package/dist/cjs/interactions/rally/presets/transitions/slideBounce.js +1 -1
  157. package/dist/cjs/interactions/rally/presets/transitions/snap.js +1 -1
  158. package/dist/cjs/interactions/rally/presets/transitions/snapBounce.js +1 -1
  159. package/dist/cjs/interactions/rally/presets/transitions/zoom.js +1 -1
  160. package/dist/esm/components/agreement/Collapsible/CollapsibleContent.js +1 -1
  161. package/dist/esm/components/agreement/useAnimatedRotateValue.js +1 -1
  162. package/dist/esm/components/asset/blocks/Frame.js +1 -1
  163. package/dist/esm/components/board-row/BoardRow.js +1 -1
  164. package/dist/esm/components/bottom-sheet/Container.js +1 -1
  165. package/dist/esm/components/bottom-sheet/Dimmer.js +1 -1
  166. package/dist/esm/components/bottom-sheet/DragAnimation.js +1 -1
  167. package/dist/esm/components/bottom-sheet/utils/CTAAnimation.js +1 -1
  168. package/dist/esm/components/bottom-sheet/utils/RenderingAnimation.js +1 -1
  169. package/dist/esm/components/button/Button.js +1 -1
  170. package/dist/esm/components/button/ButtonDerivedTokenGenerator.js +1 -1
  171. package/dist/esm/components/carousel/animations/scale.js +1 -1
  172. package/dist/esm/components/carousel/animations/snap.js +1 -1
  173. package/dist/esm/components/chart/BarChart.js +1 -1
  174. package/dist/esm/components/checkbox/Circle/Graphic/AnimatedCheckboxGraphic.js +1 -1
  175. package/dist/esm/components/checkbox/Circle/Graphic/AnimatedCheckboxGraphicDisabled.js +1 -1
  176. package/dist/esm/components/checkbox/Line/Graphic/AnimatedCheckboxGraphic.js +1 -1
  177. package/dist/esm/components/checkbox/Line/Graphic/AnimatedCheckboxGraphicDisabled.js +1 -1
  178. package/dist/esm/components/checkbox/const.d.ts +1 -1
  179. package/dist/esm/components/checkbox/const.js +1 -1
  180. package/dist/esm/components/dialog/AlertDialog.js +1 -1
  181. package/dist/esm/components/dialog/BaseDialog.js +1 -1
  182. package/dist/esm/components/dialog/BaseDialogContents.d.ts +1 -1
  183. package/dist/esm/components/dialog/BaseDialogContents.js +1 -1
  184. package/dist/esm/components/dropdown/components/Dropdown.js +1 -1
  185. package/dist/esm/components/dropdown/components/FixedFloatingDropdown.js +1 -1
  186. package/dist/esm/components/dropdown/components/Trigger.js +1 -1
  187. package/dist/esm/components/gradient/LinearGradient.d.ts +1 -1
  188. package/dist/esm/components/gradient/LinearGradient.js +1 -1
  189. package/dist/esm/components/gradient/RadialGradient.js +1 -1
  190. package/dist/esm/components/highlight/Highlight.js +1 -1
  191. package/dist/esm/components/highlight/HighlightUI.js +1 -1
  192. package/dist/esm/components/highlight/components/MessageBox.js +1 -1
  193. package/dist/esm/components/highlight/hooks/useHighlightUIAnimation.js +1 -1
  194. package/dist/esm/components/icon-button/IconButton.js +1 -1
  195. package/dist/esm/components/keypad/FullSecureKeypad/BackspaceIcon.js +1 -1
  196. package/dist/esm/components/keypad/FullSecureKeypad/index.js +1 -1
  197. package/dist/esm/components/list-footer/ListFooterTitle.js +1 -1
  198. package/dist/esm/components/list-row/ListRowDisabled.js +1 -1
  199. package/dist/esm/components/list-row/animation/ShineEffect.js +1 -1
  200. package/dist/esm/components/list-row/animation/useBlinkAnimation.js +1 -1
  201. package/dist/esm/components/list-row/animation/useShineAnimation.js +1 -1
  202. package/dist/esm/components/loader/Loader.js +1 -1
  203. package/dist/esm/components/numeric-spinner/NumericSpinner.js +1 -1
  204. package/dist/esm/components/numeric-spinner/NumericSpinnerNumberBox.d.ts +1 -2
  205. package/dist/esm/components/numeric-spinner/NumericSpinnerNumberBox.js +1 -1
  206. package/dist/esm/components/paragraph/ParagraphBadge/ParagraphBadge.d.ts +1 -1
  207. package/dist/esm/components/paragraph/ParagraphBadge/ParagraphBadge.js +1 -1
  208. package/dist/esm/components/paragraph/ParagraphCode.js +1 -1
  209. package/dist/esm/components/progress-bar/ProgressBar.js +1 -1
  210. package/dist/esm/components/radio/Radio.js +1 -1
  211. package/dist/esm/components/rating/EditableRating.d.ts +12 -0
  212. package/dist/esm/components/rating/EditableRating.js +1 -1
  213. package/dist/esm/components/rating/ReadOnlyRating.d.ts +12 -0
  214. package/dist/esm/components/rating/ReadOnlyRating.js +1 -1
  215. package/dist/esm/components/segmented-control/components/Indicator/Indicator.js +1 -1
  216. package/dist/esm/components/segmented-control/components/ScrollControlOverlay/EdgeGradient.js +1 -1
  217. package/dist/esm/components/segmented-control/hooks/useIndicatorBackground.js +1 -1
  218. package/dist/esm/components/shadow/tokens.js +1 -1
  219. package/dist/esm/components/skeleton/AnimateSkeleton.js +1 -1
  220. package/dist/esm/components/slider/Slider.js +1 -1
  221. package/dist/esm/components/slider/styles.js +1 -1
  222. package/dist/esm/components/switch/Switch.js +1 -1
  223. package/dist/esm/components/switch/useSwitchAnimation.js +1 -1
  224. package/dist/esm/components/tab/FluidTab.js +1 -1
  225. package/dist/esm/components/tab/FullTab.js +1 -1
  226. package/dist/esm/components/tab/Gradient.js +1 -1
  227. package/dist/esm/components/tab/TabItem.js +1 -1
  228. package/dist/esm/components/text-field/OldTextField/TDSTextFieldItem.js +1 -1
  229. package/dist/esm/components/text-field/OldTextField/styles.d.ts +1 -1
  230. package/dist/esm/components/text-field/OldTextField/styles.js +1 -1
  231. package/dist/esm/components/text-field/OldTextField/utils.d.ts +1 -1
  232. package/dist/esm/components/text-field/TextField/hooks/useLabelControls.js +1 -1
  233. package/dist/esm/components/text-field/TextField/hooks/useTextFieldHelpControls.js +1 -1
  234. package/dist/esm/components/text-field/TextField/variants/TextFieldBox/TextFieldBox.Button.js +1 -1
  235. package/dist/esm/components/text-field/TextField/variants/TextFieldBox/TextFieldBox.js +1 -1
  236. package/dist/esm/components/text-field/TextField/variants/TextFieldBox/TextFieldBoxOverlay.js +1 -1
  237. package/dist/esm/components/toast/components/ToastBottom.js +1 -1
  238. package/dist/esm/components/toast/components/ToastButton.js +1 -1
  239. package/dist/esm/components/toast/components/ToastTop.js +1 -1
  240. package/dist/esm/components/toast/hooks/useToastAnimation.js +1 -1
  241. package/dist/esm/components/tooltip/components/FullTooltip/FullTooltipBase.js +1 -1
  242. package/dist/esm/components/tooltip/components/FullTooltip/HiddenFullTooltip.js +1 -1
  243. package/dist/esm/components/tooltip/components/Tooltip/TooltipBase.d.ts +1 -1
  244. package/dist/esm/components/tooltip/components/Tooltip/TooltipBase.js +1 -1
  245. package/dist/esm/components/txt/Txt.js +1 -1
  246. package/dist/esm/constants/typography/index.d.ts +1 -1
  247. package/dist/esm/constants/typography/typographyLevel.d.ts +1 -1
  248. package/dist/esm/constants/typography/typographyLevel.js +1 -1
  249. package/dist/esm/constants/typography/typographyMap.d.ts +1 -1
  250. package/dist/esm/constants/typography/typographyMap.js +1 -1
  251. package/dist/esm/core/color/Color.js +1 -1
  252. package/dist/esm/core/contexts/AdaptiveColorProvider.d.ts +1 -1
  253. package/dist/esm/core/contexts/AdaptiveColorProvider.js +3 -1
  254. package/dist/esm/core/contexts/ColorPreferenceProvider.js +1 -1
  255. package/dist/esm/core/contexts/GlobalEventProvider.js +6 -4
  256. package/dist/esm/core/contexts/HideAccessibility.js +1 -1
  257. package/dist/esm/core/contexts/SafeAreaProvider.js +1 -1
  258. package/dist/esm/core/contexts/TDSProvider.js +1 -6
  259. package/dist/esm/core/contexts/TypographyProvider.js +3 -1
  260. package/dist/esm/core/hooks/useA11yCondition.d.ts +1 -1
  261. package/dist/esm/core/hooks/useA11yCondition.js +1 -1
  262. package/dist/esm/core/hooks/useTypographyLevel.js +1 -1
  263. package/dist/esm/core/overlay/OverlayController.js +1 -1
  264. package/dist/esm/core/overlay/OverlayProvider.js +1 -1
  265. package/dist/esm/core/overlay/_OverlayProvider.js +1 -3
  266. package/dist/esm/core/overlay/useOverlay.js +1 -1
  267. package/dist/esm/core/overlay/useOverlayBase.js +1 -1
  268. package/dist/esm/core/theme/ThemeProvider.js +1 -1
  269. package/dist/esm/core/theme/deriveToken/deriveToken.js +1 -1
  270. package/dist/esm/core/theme/seedToken/seedToken.js +1 -1
  271. package/dist/esm/extensions/bridge/Bridge.js +1 -1
  272. package/dist/esm/extensions/bridge/BridgeDerivedTokenGenerator.js +1 -1
  273. package/dist/esm/extensions/external-web-view-screen/Navigation.js +1 -1
  274. package/dist/esm/extensions/navigation/Navigation.js +1 -1
  275. package/dist/esm/extensions/page-navbar/PageNavbar.js +1 -1
  276. package/dist/esm/extensions/page-navbar/components/TransparentNavigationBar/TransparentNavigationScrollView.js +1 -1
  277. package/dist/esm/extensions/tab-view/Gradient.js +1 -1
  278. package/dist/esm/extensions/tab-view/hooks/useIndicatorOpacityAnimation.js +1 -1
  279. package/dist/esm/extensions/top-navigation/TopNavigation.js +1 -1
  280. package/dist/esm/index.d.ts +17 -18
  281. package/dist/esm/index.js +1 -1
  282. package/dist/esm/interactions/animated/spring.d.ts +2 -2
  283. package/dist/esm/interactions/animated/spring.js +1 -1
  284. package/dist/esm/interactions/animation/hooks/useWiggleAnim.js +1 -1
  285. package/dist/esm/interactions/pressable-effect/usePressAnim.js +1 -1
  286. package/dist/esm/interactions/rally/constants/property.d.ts +1 -1
  287. package/dist/esm/interactions/rally/constants/property.js +1 -1
  288. package/dist/esm/interactions/rally/presets/effects/bounce.js +1 -1
  289. package/dist/esm/interactions/rally/presets/effects/float.js +1 -1
  290. package/dist/esm/interactions/rally/presets/effects/pulse.js +1 -1
  291. package/dist/esm/interactions/rally/presets/effects/ripple.js +1 -1
  292. package/dist/esm/interactions/rally/presets/effects/shiver.js +1 -1
  293. package/dist/esm/interactions/rally/presets/effects/wiggle.js +1 -1
  294. package/dist/esm/interactions/rally/presets/effects/wiggle3d.js +1 -1
  295. package/dist/esm/interactions/rally/presets/transitions/fade.js +1 -1
  296. package/dist/esm/interactions/rally/presets/transitions/flip.js +1 -1
  297. package/dist/esm/interactions/rally/presets/transitions/flipBounce.js +1 -1
  298. package/dist/esm/interactions/rally/presets/transitions/roll.js +1 -1
  299. package/dist/esm/interactions/rally/presets/transitions/rollBounce.js +1 -1
  300. package/dist/esm/interactions/rally/presets/transitions/scale.js +1 -1
  301. package/dist/esm/interactions/rally/presets/transitions/scaleBounce.js +1 -1
  302. package/dist/esm/interactions/rally/presets/transitions/slide.js +1 -1
  303. package/dist/esm/interactions/rally/presets/transitions/slideBounce.js +1 -1
  304. package/dist/esm/interactions/rally/presets/transitions/snap.js +1 -1
  305. package/dist/esm/interactions/rally/presets/transitions/snapBounce.js +1 -1
  306. package/dist/esm/interactions/rally/presets/transitions/zoom.js +1 -1
  307. package/package.json +6 -6
package/dist/cjs/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";var __createBinding=Object.create?function(t,r,e,o){o===void 0&&(o=e);var n=Object.getOwnPropertyDescriptor(r,e);(!n||("get"in n?!r.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return r[e]}}),Object.defineProperty(t,o,n)}:function(t,r,e,o){o===void 0&&(o=e),t[o]=r[e]},__exportStar=function(t,r){for(var e in t)e!=="default"&&!Object.prototype.hasOwnProperty.call(r,e)&&__createBinding(r,t,e)};Object.defineProperty(exports,"__esModule",{value:!0}),exports.colors=exports.TDSProvider=exports.tdsEvent=void 0,__exportStar(require("./components/agreement"),exports),__exportStar(require("./components/amount-top"),exports),__exportStar(require("./components/asset"),exports),__exportStar(require("./components/badge"),exports),__exportStar(require("./components/board-row"),exports),__exportStar(require("./components/border"),exports),__exportStar(require("./components/bottom-cta"),exports),__exportStar(require("./components/bottom-info"),exports),__exportStar(require("./components/bottom-sheet"),exports),__exportStar(require("./components/button"),exports),__exportStar(require("./components/checkbox"),exports),__exportStar(require("./components/dialog"),exports),__exportStar(require("./components/dropdown"),exports),__exportStar(require("./components/grid-list"),exports),__exportStar(require("./components/icon"),exports),__exportStar(require("./components/list"),exports),__exportStar(require("./components/list-footer"),exports),__exportStar(require("./components/list-header"),exports),__exportStar(require("./components/list-row"),exports),__exportStar(require("./components/loader"),exports),__exportStar(require("./components/post"),exports),__exportStar(require("./components/progress-bar"),exports),__exportStar(require("./components/radio"),exports),__exportStar(require("./components/result"),exports),__exportStar(require("./components/search-field"),exports),__exportStar(require("./components/skeleton"),exports),__exportStar(require("./components/slider"),exports),__exportStar(require("./components/switch"),exports),__exportStar(require("./components/tab"),exports),__exportStar(require("./components/table-row"),exports),__exportStar(require("./components/text-button"),exports),__exportStar(require("./components/text-field"),exports),__exportStar(require("./components/toast"),exports),__exportStar(require("./components/tooltip"),exports),__exportStar(require("./components/top"),exports),__exportStar(require("./components/txt"),exports),__exportStar(require("./components/segmented-control"),exports),__exportStar(require("./components/stepper-row"),exports),__exportStar(require("./components/keypad"),exports),__exportStar(require("./components/chart"),exports),__exportStar(require("./components/rating"),exports),__exportStar(require("./components/icon-button"),exports),__exportStar(require("./components/numeric-spinner"),exports),__exportStar(require("./components/gradient"),exports),__exportStar(require("./components/fixed-bottom-cta"),exports),__exportStar(require("./components/shadow"),exports),__exportStar(require("./components/gradient"),exports),__exportStar(require("./components/highlight"),exports),__exportStar(require("./components/error-page"),exports),__exportStar(require("./extensions/overlay-extension"),exports),__exportStar(require("./extensions/tab-view"),exports),__exportStar(require("./extensions/page-navbar"),exports),__exportStar(require("./extensions/external-web-view-screen"),exports),__exportStar(require("./extensions/partner-web-view-screen"),exports),__exportStar(require("./extensions/bridge"),exports);var event_1=require("./extensions/partner-navigation/event");Object.defineProperty(exports,"tdsEvent",{enumerable:!0,get:function(){return event_1.tdsEvent}}),__exportStar(require("./interactions/pressable-effect"),exports),__exportStar(require("./components/carousel"),exports);var core_1=require("./core");Object.defineProperty(exports,"TDSProvider",{enumerable:!0,get:function(){return core_1.TDSProvider}});var colors_1=require("@toss-design-system/colors");Object.defineProperty(exports,"colors",{enumerable:!0,get:function(){return colors_1.colors}});
1
+ "use strict";var __createBinding=Object.create?function(t,r,e,o){o===void 0&&(o=e);var n=Object.getOwnPropertyDescriptor(r,e);(!n||("get"in n?!r.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return r[e]}}),Object.defineProperty(t,o,n)}:function(t,r,e,o){o===void 0&&(o=e),t[o]=r[e]},__exportStar=function(t,r){for(var e in t)e!=="default"&&!Object.prototype.hasOwnProperty.call(r,e)&&__createBinding(r,t,e)};Object.defineProperty(exports,"__esModule",{value:!0}),exports.colors=exports.TDSProvider=exports.tdsEvent=void 0,__exportStar(require("./components/agreement"),exports),__exportStar(require("./components/amount-top"),exports),__exportStar(require("./components/asset"),exports),__exportStar(require("./components/badge"),exports),__exportStar(require("./components/board-row"),exports),__exportStar(require("./components/border"),exports),__exportStar(require("./components/bottom-cta"),exports),__exportStar(require("./components/bottom-info"),exports),__exportStar(require("./components/bottom-sheet"),exports),__exportStar(require("./components/button"),exports),__exportStar(require("./components/checkbox"),exports),__exportStar(require("./components/dialog"),exports),__exportStar(require("./components/dropdown"),exports),__exportStar(require("./components/grid-list"),exports),__exportStar(require("./components/icon"),exports),__exportStar(require("./components/list"),exports),__exportStar(require("./components/list-footer"),exports),__exportStar(require("./components/list-header"),exports),__exportStar(require("./components/list-row"),exports),__exportStar(require("./components/loader"),exports),__exportStar(require("./components/chart"),exports),__exportStar(require("./components/error-page"),exports),__exportStar(require("./components/fixed-bottom-cta"),exports),__exportStar(require("./components/gradient"),exports),__exportStar(require("./components/highlight"),exports),__exportStar(require("./components/icon-button"),exports),__exportStar(require("./components/keypad"),exports),__exportStar(require("./components/numeric-spinner"),exports),__exportStar(require("./components/post"),exports),__exportStar(require("./components/progress-bar"),exports),__exportStar(require("./components/radio"),exports),__exportStar(require("./components/rating"),exports),__exportStar(require("./components/result"),exports),__exportStar(require("./components/search-field"),exports),__exportStar(require("./components/segmented-control"),exports),__exportStar(require("./components/shadow"),exports),__exportStar(require("./components/skeleton"),exports),__exportStar(require("./components/slider"),exports),__exportStar(require("./components/stepper-row"),exports),__exportStar(require("./components/switch"),exports),__exportStar(require("./components/tab"),exports),__exportStar(require("./components/table-row"),exports),__exportStar(require("./components/text-button"),exports),__exportStar(require("./components/text-field"),exports),__exportStar(require("./components/toast"),exports),__exportStar(require("./components/tooltip"),exports),__exportStar(require("./components/top"),exports),__exportStar(require("./components/txt"),exports),__exportStar(require("./extensions/bridge"),exports),__exportStar(require("./extensions/external-web-view-screen"),exports),__exportStar(require("./extensions/overlay-extension"),exports),__exportStar(require("./extensions/page-navbar"),exports);var event_1=require("./extensions/partner-navigation/event");Object.defineProperty(exports,"tdsEvent",{enumerable:!0,get:function(){return event_1.tdsEvent}}),__exportStar(require("./extensions/partner-web-view-screen"),exports),__exportStar(require("./extensions/tab-view"),exports),__exportStar(require("./interactions/pressable-effect"),exports),__exportStar(require("./components/carousel"),exports);var core_1=require("./core");Object.defineProperty(exports,"TDSProvider",{enumerable:!0,get:function(){return core_1.TDSProvider}});var tds_colors_1=require("@toss/tds-colors");Object.defineProperty(exports,"colors",{enumerable:!0,get:function(){return tds_colors_1.colors}});
@@ -27,11 +27,11 @@ export type SpringAnimationConfig = Animated.SpringAnimationConfig & {
27
27
  };
28
28
  /**
29
29
  *
30
- * `@toss-design-system/easings`의 `spring` 토큰을 사용하여 스프링 애니메이션을 생성합니다.
30
+ * `@toss/tds-easings`의 `spring` 토큰을 사용하여 스프링 애니메이션을 생성합니다.
31
31
  *
32
32
  * @example
33
33
  * ```ts
34
- * import { spring } from '@toss-design-system/easings';
34
+ * import { spring } from '@toss/tds-easings';
35
35
  * import { Animated } from '';
36
36
  *
37
37
  * const value = new Animated.Value(0);
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.spring=void 0;const react_native_1=require("react-native"),spring_easing_1=require("@toss-design-system/spring-easing"),spring=function(e,n){const{stiffness:s,damping:t,velocity:i,tolerance:r,mass:o,...a}=n,{duration:g,easeFunction:c}=(0,spring_easing_1.getSpringEasing)({stiffness:s,damping:t,velocity:i,tolerance:r,mass:o});return react_native_1.Animated.timing(e,{...a,easing:c,duration:g*1e3})};exports.spring=spring;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.spring=void 0;const tds_spring_easing_1=require("@toss/tds-spring-easing"),react_native_1=require("react-native"),spring=function(e,t){const{stiffness:n,damping:s,velocity:i,tolerance:r,mass:o,...a}=t,{duration:g,easeFunction:c}=(0,tds_spring_easing_1.getSpringEasing)({stiffness:n,damping:s,velocity:i,tolerance:r,mass:o});return react_native_1.Animated.timing(e,{...a,easing:c,duration:g*1e3})};exports.spring=spring;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useWiggleAnimation=useWiggleAnimation;const easings_1=require("@toss-design-system/easings"),react_1=require("react"),react_native_1=require("react-native");function useWiggleAnimation({direction:s,type:t}){const e=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current;return{startWiggle:(0,react_1.useCallback)(()=>{const n=WIGGLE_TRANSLATE[t].map(a=>react_native_1.Animated.timing(e,{toValue:a,duration:87.5,easing:react_native_1.Easing.bezier(...easings_1.bezier.linear),useNativeDriver:!0}));react_native_1.Animated.sequence(n).start()},[e,t]),style:{transform:[s==="x"?{translateX:e}:{translateY:e}]}}}const WIGGLE_TRANSLATE={small:[2,-2,1,-1],big:[4,-4,2,-2]};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useWiggleAnimation=useWiggleAnimation;const tds_easings_1=require("@toss/tds-easings"),react_1=require("react"),react_native_1=require("react-native");function useWiggleAnimation({direction:s,type:t}){const e=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current;return{startWiggle:(0,react_1.useCallback)(()=>{const a=WIGGLE_TRANSLATE[t].map(n=>react_native_1.Animated.timing(e,{toValue:n,duration:87.5,easing:react_native_1.Easing.bezier(...tds_easings_1.bezier.linear),useNativeDriver:!0}));react_native_1.Animated.sequence(a).start()},[e,t]),style:{transform:[s==="x"?{translateX:e}:{translateY:e}]}}}const WIGGLE_TRANSLATE={small:[2,-2,1,-1],big:[4,-4,2,-2]};
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.usePressAnim=usePressAnim;const react_1=require("react"),react_native_1=require("react-native"),easings_1=require("@toss-design-system/easings");function usePressAnim({pressIn:i,pressOut:e}){const t=(0,react_1.useRef)(new react_native_1.Animated.Value(e.scale)).current,a=(0,react_1.useRef)(new react_native_1.Animated.Value(e.opacity)).current,r=(0,react_1.useCallback)(()=>{react_native_1.Animated.parallel([react_native_1.Animated.spring(t,{toValue:i.scale,useNativeDriver:!0,...easings_1.spring.rapid}),react_native_1.Animated.spring(a,{toValue:i.opacity,useNativeDriver:!0,...easings_1.spring.rapid})]).start()},[t,a,i]),s=(0,react_1.useCallback)(()=>{react_native_1.Animated.parallel([react_native_1.Animated.spring(t,{toValue:e.scale,useNativeDriver:!0,...easings_1.spring.quick}),react_native_1.Animated.spring(a,{toValue:e.opacity,useNativeDriver:!0,...easings_1.spring.quick})]).start()},[t,a,e]);return{scaleAnim:t,opacityAnim:a,startPressInAnim:r,startPressOutAnim:s}}
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.usePressAnim=usePressAnim;const tds_easings_1=require("@toss/tds-easings"),react_1=require("react"),react_native_1=require("react-native");function usePressAnim({pressIn:i,pressOut:e}){const t=(0,react_1.useRef)(new react_native_1.Animated.Value(e.scale)).current,a=(0,react_1.useRef)(new react_native_1.Animated.Value(e.opacity)).current,r=(0,react_1.useCallback)(()=>{react_native_1.Animated.parallel([react_native_1.Animated.spring(t,{toValue:i.scale,useNativeDriver:!0,...tds_easings_1.spring.rapid}),react_native_1.Animated.spring(a,{toValue:i.opacity,useNativeDriver:!0,...tds_easings_1.spring.rapid})]).start()},[t,a,i]),s=(0,react_1.useCallback)(()=>{react_native_1.Animated.parallel([react_native_1.Animated.spring(t,{toValue:e.scale,useNativeDriver:!0,...tds_easings_1.spring.quick}),react_native_1.Animated.spring(a,{toValue:e.opacity,useNativeDriver:!0,...tds_easings_1.spring.quick})]).start()},[t,a,e]);return{scaleAnim:t,opacityAnim:a,startPressInAnim:r,startPressOutAnim:s}}
@@ -20,5 +20,5 @@ type DefaultStyles = {
20
20
  */
21
21
  export declare const defaultStyles: DefaultStyles;
22
22
  export declare const defaultDuration = 500;
23
- export declare const defaultEasing: import("@toss-design-system/easings").CubicBezier;
23
+ export declare const defaultEasing: import("@toss/tds-easings").CubicBezier;
24
24
  export {};
@@ -1 +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;
1
+ "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;
@@ -1 +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;
1
+ "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;
@@ -1 +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;
1
+ "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;
@@ -1 +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;
1
+ "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;
@@ -1 +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;
1
+ "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;
@@ -1 +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;
1
+ "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;
@@ -1 +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;
1
+ "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;
@@ -1 +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;
1
+ "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;
@@ -1 +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)}
1
+ "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)}
@@ -1 +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)}
1
+ "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)}
@@ -1 +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)}
1
+ "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)}
@@ -1 +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)}
1
+ "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)}
@@ -1 +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)}
1
+ "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)}
@@ -1 +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)}
1
+ "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)}
@@ -1 +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)}
1
+ "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)}
@@ -1 +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)}
1
+ "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)}
@@ -1 +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)}
1
+ "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)}
@@ -1 +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)}
1
+ "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)}
@@ -1 +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)}
1
+ "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)}
@@ -1 +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)}
1
+ "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)}
@@ -1 +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%"}});
1
+ "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%"}});
@@ -1 +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}}
1
+ "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}}
@@ -1 +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"}});
1
+ "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"}});
@@ -1 +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;
1
+ "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;
@@ -1 +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}});
1
+ "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}});
@@ -1 +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}});
1
+ "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}});
@@ -1 +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})}
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/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})}
@@ -1 +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})}
1
+ "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})}
@@ -1 +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})}
1
+ "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})}
@@ -1 +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})})});
1
+ "use strict";import{jsx as d,jsxs as x}from"react/jsx-runtime";import{colors as W}from"@toss/tds-colors";import{bezier as S,spring as t}from"@toss/tds-easings";import{Children as L,forwardRef as F,Fragment as _,useCallback as A,useEffect as M,useMemo as v,useState as J}from"react";import{Easing as b,Pressable as K,StyleSheet as B,useAnimatedValue as m,View as Q}from"react-native";import{ThemeProvider as U,useTheme as X}from"../../core/index";import{Animated as e}from"../../interactions/animated/index";import{RadialGradient as Y}from"../gradient/index";import{Txt as Z}from"../txt";const $=F(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},E){const f=X(),D=re(),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),[H,j]=J(!1),I=A(y=>{V?.(y),h!==!1&&j(!0)},[V,h]),P=A(y=>{z?.(y),h!==!1&&j(!1)},[z,h]),p=ie({style:u,display:c});M(()=>{if(H){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,H]);const T=L.map(a,(y,G)=>typeof y=="string"||typeof y=="number"?d(Z,{typography:oe[o],color:g??k.textColor,style:N,fontWeight:"semibold",children:y}):d(_,{children:y},G));return d(K,{accessibilityRole:"button",onPress:h?i:void 0,pointerEvents:q,onPressIn:I,onPressOut:P,style:[ee[c],s],ref:E,...O,accessibilityState:{disabled:l,...O.accessibilityState},children:x(e.View,{ref:E,style:[containerStylesBySize.base,containerStylesBySize[o],te[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]}),x(e.View,{style:[{flexDirection:"row",alignItems:"center"},p.style.text],children:[w,T]}),d(e.View,{style:[{position:"absolute",top:0,left:0,right:0,bottom:0,justifyContent:"center",alignItems:"center"},p.style.gradient],children:d(Q,{style:{width:"110%",aspectRatio:1},children:d(Y,{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:x(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 ee=B.create({inline:{alignSelf:"flex-start"},block:{},full:{}}),te=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 re(){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 ie({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(...S.out),duration:600,useNativeDriver:!1}),e.timing(s,{toValue:0,easing:b.bezier(...S.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(...S.out),duration:600,useNativeDriver:!1}),e.timing(s,{toValue:0,easing:b.bezier(...S.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 oe={tiny:"t7",medium:"t6",large:"st9",big:"st9"},ae={danger:W.red500,light:W.whiteOpacity900,dark:W.grey700};export const Button=F(function({type:a,...i},o){const u=v(()=>a===void 0||a==="primary"?{}:{color:{primary:ae[a]}},[a]);return d(U,{token:u,children:d($,{...i,ref:o})})});
@@ -1 +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)}}
1
+ "use strict";import{colors as t}from"@toss/tds-colors";import{BaseDerivedTokenGenerator as n}from"../../core/theme/deriveToken/BaseDerivedTokenGenerator.js";import{ColorManager as o}from"../../utils/ColorManager.js";function k(e){const r=new o(e).getOklch();return r.l<.4?{backgroundFillColor:e,textFillColor:"#fff",backgroundWeakColor:new o(t.grey700).setAlpha(.07).getRgba(),textWeakColor:t.grey700}:r.l<=.525?{backgroundFillColor:e,textFillColor:"#fff",backgroundWeakColor:new o(e).setAlpha(.08).getRgba(),textWeakColor:e}:r.l<=.645?{backgroundFillColor:e,textFillColor:"#fff",backgroundWeakColor:new o(e).setAlpha(.09).getRgba(),textWeakColor:new o(e).setLightness(.525).getRgba()}:r.l<.7?{backgroundFillColor:new o(e).setLightness(.645).getRgba(),textFillColor:"#fff",backgroundWeakColor:new o(e).setAlpha(.11).getRgba(),textWeakColor:new o(e).setLightness(.525).getRgba()}:r.l<=.75?{backgroundFillColor:new o(e).setLightness(.645).getRgba(),textFillColor:"#fff",backgroundWeakColor:new o(e).setAlpha(.13).getRgba(),textWeakColor:new o(e).setLightness(.525).getRgba()}:r.l<.8?{backgroundFillColor:new o(e).setLightness(.645).getRgba(),textFillColor:"#fff",backgroundWeakColor:new o(e).setAlpha(.15).getRgba(),textWeakColor:new o(e).setLightness(.525).getRgba()}:{backgroundFillColor:e,textFillColor:t.greyOpacity800,backgroundWeakColor:new o(t.grey700).setAlpha(.07).getRgba(),textWeakColor:t.grey700}}function i(e,r){const l=new o(e).getOklch();return l.l>=.8||l.l<.4?{backgroundWeakColor:new o(t.grey700).setAlpha(.07).getRgba(),textWeakColor:t.grey700,dimWeakColor:t.grey700,gradientStartWeakColor:t.grey700,loaderWeakColor:t.grey700}:{backgroundWeakColor:r.backgroundWeakColor,textWeakColor:r.textWeakColor,dimWeakColor:l.l>=.8?t.grey700:r.backgroundFillColor,gradientStartWeakColor:l.l>=.8?t.grey700:r.backgroundFillColor,loaderWeakColor:l.l>=.8?t.grey700:r.backgroundFillColor}}function C(e){const r=new o(e).getOklch(),l=k(e),a=i(e,l),g=new o(l.backgroundFillColor).setLightness(new o(l.backgroundFillColor).getLightness()-.134).getRgba();return{...l,backgroundWeakColor:a.backgroundWeakColor,textWeakColor:a.textWeakColor,dimFillColor:r.l>=.8?"rgba(0,0,0,0.5)":"#000",dimWeakColor:a.dimWeakColor,gradientStartFillColor:g,gradientStartWeakColor:a.gradientStartWeakColor,gradientEndFillColor:new o(l.backgroundFillColor).setAlpha(0).getRgba(),gradientEndWeakColor:new o(a.gradientStartWeakColor).setAlpha(0).getRgba(),loaderFillColor:r.l>=.8?t.greyOpacity600:"#fff",loaderWeakColor:a.loaderWeakColor}}export class ButtonDerivedTokenGenerator extends n{calculate(r){return C(r.color.primary)}}
@@ -1 +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}}
1
+ "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}}
@@ -1 +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}
1
+ "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}
@@ -1 +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})]})]})});
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/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})]})]})});
@@ -1 +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}};
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/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}};
@@ -1 +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]})})})}
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/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]})})})}
@@ -1 +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}}};
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/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}}};
@@ -1 +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]})})}
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/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]})})}
@@ -1,5 +1,5 @@
1
1
  export declare const TIMING_CONFIG: {
2
- easeing: import("@toss-design-system/easings").CubicBezier;
2
+ easeing: import("@toss/tds-easings").CubicBezier;
3
3
  duration: number;
4
4
  };
5
5
  export declare const SPRING_CONFIG: {
@@ -1 +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};
1
+ "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};
@@ -1 +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;
1
+ "use strict";import{jsx as e,Fragment as h,jsxs as x}from"react/jsx-runtime";import{colors as g}from"@toss/tds-colors";import{useCallback as p,useEffect as y}from"react";import{View as b}from"react-native";import{useHideAccessibility as D}from"../../core/contexts/HideAccessibility";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;