@v-miniapp/ui-react 1.0.47 → 1.0.60

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 (254) hide show
  1. package/dist/components/app/app.d.ts +17 -0
  2. package/dist/components/app/bottom-tab-bar-layout/hook.d.ts +21 -0
  3. package/dist/components/app/bottom-tab-bar-layout/store.d.ts +13 -0
  4. package/dist/components/app/bottom-tab-bar-layout/type.d.ts +13 -0
  5. package/dist/components/app/data-theme.d.ts +8 -0
  6. package/dist/components/app/index.d.ts +9 -18
  7. package/dist/components/app/navigation-bar-layout/hook.d.ts +17 -0
  8. package/dist/components/app/navigation-bar-layout/store.d.ts +13 -0
  9. package/dist/components/app/navigation-bar-layout/type.d.ts +7 -0
  10. package/dist/components/app/page-layout/hook.d.ts +21 -0
  11. package/dist/components/app/page-layout/store.d.ts +13 -0
  12. package/dist/components/app/page-layout/type.d.ts +8 -0
  13. package/dist/components/app/type.d.ts +27 -0
  14. package/dist/components/calendar/default-render.d.ts +1 -1
  15. package/dist/components/calendar/utils.d.ts +1 -1
  16. package/dist/components/input-wrapper/input-wrapper.d.ts +2 -2
  17. package/dist/components/layout/page.d.ts +8 -1
  18. package/dist/external/index.js +11456 -8093
  19. package/dist/external/styles.css +1 -1
  20. package/dist/index.d.ts +4 -1
  21. package/dist/index.js +3787 -3991
  22. package/dist/styles.css +1 -1
  23. package/dist/utils/event-emitter.d.ts +4 -0
  24. package/dist-storybook/assets/App-CJxOxRXd.js +93 -0
  25. package/dist-storybook/assets/{Color-AVL7NMMY-OD8SQvXt.js → Color-AVL7NMMY-DwohVA43.js} +1 -1
  26. package/dist-storybook/assets/DEEPLINK-B5vUshJ4.js +33 -0
  27. package/dist-storybook/assets/{DocsRenderer-PQXLIZUC-D8kbgtPd.js → DocsRenderer-PQXLIZUC-vNsl3A7z.js} +2 -2
  28. package/dist-storybook/assets/EVENTS-DIl-sE2t.js +65 -0
  29. package/dist-storybook/assets/GETTING_STARTED-CR4dG_o7.js +62 -0
  30. package/dist-storybook/assets/GETTING_STARTED-CS2BpDsP.js +80 -0
  31. package/dist-storybook/assets/GETTING_STARTED-CtonLhRi.js +64 -0
  32. package/dist-storybook/assets/{INFINITE_SCROLL-O36i5W8i.js → INFINITE_SCROLL-BerukJIr.js} +1 -1
  33. package/dist-storybook/assets/LocalesProvider-CehS9yzW.js +53 -0
  34. package/dist-storybook/assets/MIGRATE_DARKMODE_TO_THEME-CRf-7Wcz.js +107 -0
  35. package/dist-storybook/assets/{MIGRATION_GUIDE-Dn2gFk5v.js → MIGRATION_GUIDE-CRIHuXpT.js} +3 -3
  36. package/dist-storybook/assets/OVERVIEW-DayETux4.js +51 -0
  37. package/dist-storybook/assets/Router-CGsO5Wd_.js +71 -0
  38. package/dist-storybook/assets/{TAILWIND_INTEGRATION-CVrohRXO.js → TAILWIND_INTEGRATION-RPvFP-GI.js} +1 -1
  39. package/dist-storybook/assets/THEME-C-pA_uq_.js +103 -0
  40. package/dist-storybook/assets/_baseClone-4nOrhHpR.js +1 -0
  41. package/dist-storybook/assets/alert-D3VdqAYm.js +1 -0
  42. package/dist-storybook/assets/{alert.stories-XyvS4WTm.js → alert.stories-CFBhdabd.js} +3 -3
  43. package/dist-storybook/assets/app-B__CxZQv.js +1 -0
  44. package/dist-storybook/assets/avatar-BVV1WSnD.js +1 -0
  45. package/dist-storybook/assets/{avatar.stories-glTjw5Kd.js → avatar.stories-D0RA2Mhh.js} +6 -6
  46. package/dist-storybook/assets/{axe-B8nlqekz.js → axe-Cj9fkEY9.js} +1 -1
  47. package/dist-storybook/assets/badge-DLt8CmDs.js +1 -0
  48. package/dist-storybook/assets/{badge.stories-CeNmmdtv.js → badge.stories-DhVKBE64.js} +3 -3
  49. package/dist-storybook/assets/{blocks-CpOj9FQ_.js → blocks-D4qvS4eZ.js} +3 -3
  50. package/dist-storybook/assets/{bottom-tab-bar-BsPd0FD7.js → bottom-tab-bar-UaYvPAic.js} +1 -1
  51. package/dist-storybook/assets/{bottom-tab-bar.stories-BG1ee2eN.js → bottom-tab-bar.stories--7Qh-68J.js} +3 -3
  52. package/dist-storybook/assets/button-CbLEqALK.js +1 -0
  53. package/dist-storybook/assets/{button.stories-3d_T0h_Z.js → button.stories-DgRH6oVV.js} +3 -3
  54. package/dist-storybook/assets/calendar-C7tiySn0.js +1 -0
  55. package/dist-storybook/assets/{calendar.stories-DEleEKoa.js → calendar.stories-B0K_T9ak.js} +3 -3
  56. package/dist-storybook/assets/carousel-C1nQGnJZ.js +37 -0
  57. package/dist-storybook/assets/{carousel.stories-DY9nDa3M.js → carousel.stories-C5d6yLzd.js} +3 -3
  58. package/dist-storybook/assets/checkbox-Bs8ghsWP.js +1 -0
  59. package/dist-storybook/assets/{checkbox.stories-BY8W9TRC.js → checkbox.stories-CG74gIlt.js} +3 -3
  60. package/dist-storybook/assets/chip-D4_ukvFv.js +1 -0
  61. package/dist-storybook/assets/{chip.stories-CXh30Tdq.js → chip.stories-D0908ZyT.js} +3 -3
  62. package/dist-storybook/assets/{date-Ci5dIit0.js → date-C1W0DfQy.js} +1 -1
  63. package/dist-storybook/assets/date-field-range-DSAQp9qR.js +1 -0
  64. package/dist-storybook/assets/date-field.stories-Dx6-qeWT.js +129 -0
  65. package/dist-storybook/assets/date-picker--PiU9sOL.js +1 -0
  66. package/dist-storybook/assets/{date-picker.stories-DUaL7sft.js → date-picker.stories-Bahq3f1W.js} +3 -3
  67. package/dist-storybook/assets/dialog-8K5u-kre.js +1 -0
  68. package/dist-storybook/assets/{dialog.stories-BtQMDA-1.js → dialog.stories-BxYc78Eo.js} +3 -3
  69. package/dist-storybook/assets/{chip-zY6gJxDk.js → dropdown-BeoO7m-R.js} +2 -2
  70. package/dist-storybook/assets/{dropdown.stories-DF69os0J.js → dropdown.stories-Bfhg63tZ.js} +3 -3
  71. package/dist-storybook/assets/{embla-carousel-react.esm-CCQjHA-d.js → embla-carousel-react.esm-Pp2OIUrN.js} +1 -1
  72. package/dist-storybook/assets/icon-CgGksgRS.js +1 -0
  73. package/dist-storybook/assets/{icon.stories-Ch36FMIn.js → icon.stories-qg8UAHBM.js} +3 -3
  74. package/dist-storybook/assets/iframe-BKfReaAn.css +1 -0
  75. package/dist-storybook/assets/{iframe-CLEfhyJc.js → iframe-C0PGuV5s.js} +42 -42
  76. package/dist-storybook/assets/image-BdsCB1je.js +9 -0
  77. package/dist-storybook/assets/{image.stories-CJPB43ys.js → image.stories-sQtCaoL2.js} +3 -3
  78. package/dist-storybook/assets/{index-CaMbLGUB.js → index-1AHvPexM.js} +1 -1
  79. package/dist-storybook/assets/index-BLzgbpm2.js +1 -0
  80. package/dist-storybook/assets/{index-DRIh_SUo.js → index-DWjPAWoJ.js} +1 -1
  81. package/dist-storybook/assets/{index-7xlKHfV2.js → index-SzFZQQjs.js} +1 -1
  82. package/dist-storybook/assets/input-wrapper-DkEl0Eih.js +1 -0
  83. package/dist-storybook/assets/{label-fI1oWVKU.js → label-CHVpMhb5.js} +1 -1
  84. package/dist-storybook/assets/{label.stories-C3xDUHd-.js → label.stories-CCtGPDrS.js} +3 -3
  85. package/dist-storybook/assets/{navigation-bar-CiGSH7u8.js → navigation-bar-TpF0DSXB.js} +2 -2
  86. package/dist-storybook/assets/{navigation-bar.stories-BvGp7uJf.js → navigation-bar.stories-CNXAxMYL.js} +3 -3
  87. package/dist-storybook/assets/number-field-CvCF5adO.js +1 -0
  88. package/dist-storybook/assets/{number-field.stories-B_Bj8RqE.js → number-field.stories-Dsb_eChm.js} +3 -3
  89. package/dist-storybook/assets/omit-D04qL5V_.js +1 -0
  90. package/dist-storybook/assets/option-item-Bmby544G.js +1 -0
  91. package/dist-storybook/assets/{option-item.stories-BjtolfPz.js → option-item.stories-ClUj8qVT.js} +3 -3
  92. package/dist-storybook/assets/pagination-MBP1YLhT.js +1 -0
  93. package/dist-storybook/assets/{pagination.stories-CrGsYeRw.js → pagination.stories-C9j6mE5z.js} +4 -4
  94. package/dist-storybook/assets/proxy-edvPwIiD.js +1 -0
  95. package/dist-storybook/assets/radio-DRPO7cjx.js +1 -0
  96. package/dist-storybook/assets/{radio.stories-BEG-zTwI.js → radio.stories-D8_YUTw1.js} +3 -3
  97. package/dist-storybook/assets/rating-CTv8C1tH.js +1 -0
  98. package/dist-storybook/assets/{rating.stories-Dwk8Ov3Q.js → rating.stories-BIftLeu2.js} +3 -3
  99. package/dist-storybook/assets/{react-18-4mLDkQmf.js → react-18-CacBUmwb.js} +1 -1
  100. package/dist-storybook/assets/{react-mAVd1wAc.js → react-zqqxT5R_.js} +1 -1
  101. package/dist-storybook/assets/search-field-CophTGGH.js +1 -0
  102. package/dist-storybook/assets/{search-field.stories-BnsT36yY.js → search-field.stories-D1okdN8e.js} +3 -3
  103. package/dist-storybook/assets/section-content-dVOJuOaN.js +1 -0
  104. package/dist-storybook/assets/{section.stories-B5IhLkbG.js → section.stories-Cq5CY978.js} +3 -3
  105. package/dist-storybook/assets/sheet-footer-BL2JAvmb.js +1 -0
  106. package/dist-storybook/assets/{sheet.stories-COzxyiqj.js → sheet.stories-DPcC0I5i.js} +3 -3
  107. package/dist-storybook/assets/skeleton-CmGRbWqE.js +1 -0
  108. package/dist-storybook/assets/{skeleton.stories-B71MlMyi.js → skeleton.stories-CD3J1XrJ.js} +3 -3
  109. package/dist-storybook/assets/{store-D2RudmNr.js → store-BmYgrUro.js} +5 -5
  110. package/dist-storybook/assets/switch-Cc-NvT4X.js +1 -0
  111. package/dist-storybook/assets/{switch.stories-DMBBwZef.js → switch.stories-C5SDbdGL.js} +3 -3
  112. package/dist-storybook/assets/{tab-bar-DZ3oOU50.js → tab-bar-DTyg7tFP.js} +1 -1
  113. package/dist-storybook/assets/{tab-bar.stories-Bp9w6nc3.js → tab-bar.stories-zKrihgXo.js} +3 -3
  114. package/dist-storybook/assets/text-area-WRb8Dkvn.js +1 -0
  115. package/dist-storybook/assets/{text-area.stories-BZ3HXtij.js → text-area.stories-3Z574UAD.js} +3 -3
  116. package/dist-storybook/assets/text-field-DrODy0yz.js +1 -0
  117. package/dist-storybook/assets/{text-field.stories-vSXYvs0U.js → text-field.stories-DzjpcKin.js} +3 -3
  118. package/dist-storybook/assets/toast-provider-ChNGFQlt.js +9 -0
  119. package/dist-storybook/assets/{toast.stories-DQKbk7dO.js → toast.stories-Zj4qfKO_.js} +1 -1
  120. package/dist-storybook/assets/tooltip-CrxOWTXS.js +1 -0
  121. package/dist-storybook/assets/{tooltip.stories-wuthZ3Sv.js → tooltip.stories-DEnYdL1d.js} +3 -3
  122. package/dist-storybook/assets/typography-BcLxefPi.js +1 -0
  123. package/dist-storybook/assets/{typography.stories-DD9HLY16.js → typography.stories-DWxFgTz3.js} +3 -3
  124. package/dist-storybook/assets/{uploader.stories-sModULvT.js → uploader.stories-DQN8yjt-.js} +3 -3
  125. package/dist-storybook/assets/use-app-pause-CyjeIEPG.js +21 -0
  126. package/dist-storybook/assets/use-app-resume-DntO6Rkm.js +21 -0
  127. package/dist-storybook/assets/use-bottom-tab-bar-Da7gjw6y.js +49 -0
  128. package/dist-storybook/assets/use-custom-icon-event-BEYPYrKY.js +26 -0
  129. package/dist-storybook/assets/use-did-hide-Do-KOSzV.js +30 -0
  130. package/dist-storybook/assets/use-did-show-Bv9k7DdG.js +30 -0
  131. package/dist-storybook/assets/use-histories-Ci1HfRe-.js +30 -0
  132. package/dist-storybook/assets/use-history-CkVE1jRy.js +33 -0
  133. package/dist-storybook/assets/use-language-Bg-LzpzQ.js +46 -0
  134. package/dist-storybook/assets/use-load-more-eaC8W6Cc.js +42 -0
  135. package/dist-storybook/assets/use-location-BMrQnhPi.js +39 -0
  136. package/dist-storybook/assets/use-navigate-BwwmhToy.js +36 -0
  137. package/dist-storybook/assets/use-navigation-bar-DzgWeTpM.js +42 -0
  138. package/dist-storybook/assets/use-navigation-type-DNvXTqYH.js +27 -0
  139. package/dist-storybook/assets/use-page-layout-BA2HvjAQ.js +37 -0
  140. package/dist-storybook/assets/use-page-scroll-D_gjlV-S.js +42 -0
  141. package/dist-storybook/assets/use-pull-to-refresh-SZfswIA6.js +38 -0
  142. package/dist-storybook/assets/use-settings-changed-D2gdx5rD.js +30 -0
  143. package/dist-storybook/assets/use-translate-BTC2AQ0k.js +59 -0
  144. package/dist-storybook/assets/{visibility-sensor-huP-8j4n.js → visibility-sensor-FN9n9CLs.js} +1 -1
  145. package/dist-storybook/iframe.html +2 -2
  146. package/dist-storybook/index.json +1 -1
  147. package/dist-storybook/project.json +1 -1
  148. package/dist-storybook/sb-addons/a11y-2/manager-bundle.js +2 -2
  149. package/dist-storybook/sb-addons/docs-1/manager-bundle.js +2 -2
  150. package/dist-storybook/sb-addons/storybook-build-3/manager-bundle.js +1 -1
  151. package/dist-storybook/sb-addons/storybook-core-server-presets-0/common-manager-bundle.js +4 -4
  152. package/dist-storybook/stories-data.json +152 -122
  153. package/package.json +3 -1
  154. package/dist/components/app/components/app.d.ts +0 -13
  155. package/dist/components/app/components/link.d.ts +0 -8
  156. package/dist/components/app/components/navigation-analytic.d.ts +0 -2
  157. package/dist/components/app/components/pages-render.d.ts +0 -2
  158. package/dist/components/app/context/location-key.d.ts +0 -4
  159. package/dist/components/app/hooks/use-app-pause.d.ts +0 -1
  160. package/dist/components/app/hooks/use-app-resume.d.ts +0 -1
  161. package/dist/components/app/hooks/use-app-state.d.ts +0 -7
  162. package/dist/components/app/hooks/use-bottom-tab-bar.d.ts +0 -13
  163. package/dist/components/app/hooks/use-did-hide.d.ts +0 -1
  164. package/dist/components/app/hooks/use-did-show.d.ts +0 -1
  165. package/dist/components/app/hooks/use-history.d.ts +0 -2
  166. package/dist/components/app/hooks/use-location.d.ts +0 -1
  167. package/dist/components/app/hooks/use-navigate.d.ts +0 -1
  168. package/dist/components/app/hooks/use-navigation-bar.d.ts +0 -12
  169. package/dist/components/app/hooks/use-navigation-type.d.ts +0 -1
  170. package/dist/components/app/hooks/use-page-config.d.ts +0 -1
  171. package/dist/components/app/hooks/use-page-layout.d.ts +0 -14
  172. package/dist/components/app/hooks/use-page-scroll.d.ts +0 -5
  173. package/dist/components/app/hooks/use-page-state.d.ts +0 -6
  174. package/dist/components/app/stores/app.d.ts +0 -24
  175. package/dist/components/app/stores/app.selector.d.ts +0 -11
  176. package/dist/components/app/types/app.d.ts +0 -65
  177. package/dist/components/app/types/navigation.d.ts +0 -30
  178. package/dist/components/app/utils/animation.d.ts +0 -2
  179. package/dist/components/app/utils/data-theme.d.ts +0 -4
  180. package/dist/components/app/utils/history.d.ts +0 -7
  181. package/dist/hooks/use-analytic.d.ts +0 -1
  182. package/dist/hooks/use-is-using-app.d.ts +0 -1
  183. package/dist/hooks/use-is-using-locales.d.ts +0 -1
  184. package/dist/locales/defaultResources/en.d.ts +0 -27
  185. package/dist/locales/defaultResources/vi.d.ts +0 -27
  186. package/dist/locales/fns.d.ts +0 -6
  187. package/dist/locales/hooks.d.ts +0 -9
  188. package/dist/locales/index.d.ts +0 -4
  189. package/dist/locales/provider.d.ts +0 -6
  190. package/dist/locales/store.d.ts +0 -13
  191. package/dist/locales/types.d.ts +0 -37
  192. package/dist/locales/utils.d.ts +0 -2
  193. package/dist-storybook/assets/ANIMATION-DLCDVwPI.js +0 -99
  194. package/dist-storybook/assets/APP_FRAMEWORK-B9Mrudgl.js +0 -197
  195. package/dist-storybook/assets/BOTTOM_TAB_BAR-Bgfy-nnv.js +0 -175
  196. package/dist-storybook/assets/CUSTOM_ERROR_BOUNDARY-G_i_6aho.js +0 -250
  197. package/dist-storybook/assets/GETTING_STARTED-Bf6ENjZo.js +0 -77
  198. package/dist-storybook/assets/KEEP_ALIVE-CicDtVw6.js +0 -126
  199. package/dist-storybook/assets/LOCALE-D_43J3RD.js +0 -465
  200. package/dist-storybook/assets/MOBILE_BEHAVIOURS-D5jOxNiz.js +0 -177
  201. package/dist-storybook/assets/PAGE_LAYOUT-C0sW9iZo.js +0 -192
  202. package/dist-storybook/assets/ROUTING_NAVIGATION-Bpj_mu5r.js +0 -335
  203. package/dist-storybook/assets/THEME_MODE-Sc8cgznR.js +0 -111
  204. package/dist-storybook/assets/_setToString-CjYxL0rS.js +0 -1
  205. package/dist-storybook/assets/alert-abKmNYys.js +0 -1
  206. package/dist-storybook/assets/avatar-B-jvPnzm.js +0 -1
  207. package/dist-storybook/assets/badge-Cc9u7jBX.js +0 -1
  208. package/dist-storybook/assets/button-GtWXUngt.js +0 -1
  209. package/dist-storybook/assets/calendar-CJ5_NxYx.js +0 -1
  210. package/dist-storybook/assets/carousel-sbzGq2WF.js +0 -37
  211. package/dist-storybook/assets/checkbox-CMpJJxvm.js +0 -1
  212. package/dist-storybook/assets/classname-DoNrELT0.js +0 -1
  213. package/dist-storybook/assets/date-field.stories-CerGwXZy.js +0 -129
  214. package/dist-storybook/assets/date-picker-BCIW_1-h.js +0 -1
  215. package/dist-storybook/assets/icon-TJ3FHxUI.js +0 -1
  216. package/dist-storybook/assets/iframe-yMKl6hJA.css +0 -1
  217. package/dist-storybook/assets/image-D6Yo4ht9.js +0 -9
  218. package/dist-storybook/assets/input-wrapper-D_9hAdHZ.js +0 -1
  219. package/dist-storybook/assets/number-field-DNj4myBV.js +0 -1
  220. package/dist-storybook/assets/omit-CStFhbPt.js +0 -1
  221. package/dist-storybook/assets/option-item-BloohEvW.js +0 -1
  222. package/dist-storybook/assets/pagination-Dcazh6R_.js +0 -1
  223. package/dist-storybook/assets/pick-DbIUGM9R.js +0 -1
  224. package/dist-storybook/assets/radio-t2E8E0Oc.js +0 -1
  225. package/dist-storybook/assets/rating-DsULci27.js +0 -1
  226. package/dist-storybook/assets/search-field-CuiHMy7j.js +0 -1
  227. package/dist-storybook/assets/section-content-pkGNuEs6.js +0 -1
  228. package/dist-storybook/assets/skeleton-Dn8rwbgX.js +0 -1
  229. package/dist-storybook/assets/store-DxAqU1JB.js +0 -1
  230. package/dist-storybook/assets/switch-BziC1t_8.js +0 -1
  231. package/dist-storybook/assets/text-area-CAmJ2yms.js +0 -1
  232. package/dist-storybook/assets/text-field-CjrgfYOZ.js +0 -1
  233. package/dist-storybook/assets/toast-provider-B9k1NBG6.js +0 -9
  234. package/dist-storybook/assets/tooltip-VnA8Hy0S.js +0 -1
  235. package/dist-storybook/assets/typography-DoV67nnS.js +0 -1
  236. package/dist-storybook/assets/use-app-pause-BQYQ2_kc.js +0 -29
  237. package/dist-storybook/assets/use-app-resume-BHDCAORn.js +0 -29
  238. package/dist-storybook/assets/use-custom-icon-event-BCGSFwaE.js +0 -29
  239. package/dist-storybook/assets/use-did-hide-Cosc0Bts.js +0 -48
  240. package/dist-storybook/assets/use-did-show-CTWe5NYk.js +0 -49
  241. package/dist-storybook/assets/use-histories-CAcE6nVz.js +0 -50
  242. package/dist-storybook/assets/use-history-FuEbPpap.js +0 -67
  243. package/dist-storybook/assets/use-location-CdUC1tic.js +0 -56
  244. package/dist-storybook/assets/use-navigate-DP9paY1K.js +0 -84
  245. package/dist-storybook/assets/use-navigation-type-BWVxMUtZ.js +0 -44
  246. package/dist-storybook/assets/use-page-config-5u8OF-8L.js +0 -48
  247. package/dist-storybook/assets/use-page-scroll-nPQcBn5B.js +0 -69
  248. package/dist-storybook/assets/use-page-state-CULl52gw.js +0 -79
  249. package/dist-storybook/assets/use-settings-changed-2GP5ZsJS.js +0 -29
  250. /package/dist/components/app/{components/bottom-tab-bar.d.ts → bottom-tab-bar-layout/index.d.ts} +0 -0
  251. /package/dist/components/app/{components/navigation-bar.d.ts → navigation-bar-layout/index.d.ts} +0 -0
  252. /package/dist/components/app/{components/page-layout.d.ts → page-layout/index.d.ts} +0 -0
  253. /package/dist/{components/app/hooks → hooks}/use-custom-icon-event.d.ts +0 -0
  254. /package/dist/{components/app/hooks → hooks}/use-settings-changed.d.ts +0 -0
@@ -0,0 +1 @@
1
+ import{r as c,j as t}from"./iframe-C0PGuV5s.js";import{c as p,g as b}from"./store-BmYgrUro.js";import{u as x}from"./index-DWjPAWoJ.js";const e=b("switch"),C=c.forwardRef((a,u)=>{const{disabled:o=!1,theme:d="brand",className:m,style:f,checked:N,defaultChecked:_,onChange:g,...h}=a,l=c.useRef(null),[i,n]=c.useState(!1),[r,k]=x(a,{defaultValuePropName:"defaultChecked",valuePropName:"checked",trigger:"onChange"});return c.useImperativeHandle(u,()=>({focus:()=>l.current?.focus?.(),blur:()=>l.current?.blur?.()})),t.jsxs("label",{className:p(e,{[`${e}--checked`]:r,[`${e}--unchecked`]:!r,[`${e}--disabled`]:o,[`${e}--focus`]:i,[`${e}--theme-${d}`]:!0},m),style:f,children:[t.jsx("span",{className:`${e}__overlay`}),t.jsx("span",{className:`${e}__thumb`}),t.jsx("input",{...h,type:"checkbox",checked:r,disabled:o,onChange:s=>k(s.target.checked),ref:l,className:`${e}__input`,onFocus:s=>{n(!0),a.onFocus?.(s)},onBlur:s=>{n(!1),a.onBlur?.(s)}})]})});C.__docgenInfo={description:"",methods:[{name:"focus",docblock:null,modifiers:[],params:[],returns:null},{name:"blur",docblock:null,modifiers:[],params:[],returns:null}],displayName:"Switch"};export{C as S};
@@ -1,4 +1,4 @@
1
- import{j as e,r as c}from"./iframe-CLEfhyJc.js";import{S as s}from"./switch-BziC1t_8.js";import{B as y}from"./button-GtWXUngt.js";import{t as n}from"./store-D2RudmNr.js";import{T as b,S as w,M as u,P as v,a as S}from"./blocks-CpOj9FQ_.js";import"./preload-helper-PPVm8Dsz.js";import"./classname-DoNrELT0.js";import"./index-DRIh_SUo.js";import"./index-B-Ksafg0.js";import"./icon-TJ3FHxUI.js";import"./colors-_6nFGM3e.js";import"./typography-DoV67nnS.js";import"./index-CaMbLGUB.js";const k=()=>{const t=`
1
+ import{j as e,r as c}from"./iframe-C0PGuV5s.js";import{S as s}from"./switch-Cc-NvT4X.js";import{B as y}from"./button-CbLEqALK.js";import{t as n}from"./store-BmYgrUro.js";import{T as b,S as w,M as u,P as v,a as S}from"./blocks-D4qvS4eZ.js";import"./preload-helper-PPVm8Dsz.js";import"./index-DWjPAWoJ.js";import"./index-B-Ksafg0.js";import"./icon-CgGksgRS.js";import"./colors-_6nFGM3e.js";import"./typography-BcLxefPi.js";import"./index-1AHvPexM.js";const k=()=>{const t=`
2
2
  ## ${n("common.table.title")}
3
3
  | ${n("common.table.name")} | ${n("common.table.type")} | ${n("common.table.required")} | ${n("common.table.description")} |
4
4
  | :--- | :--- | :--- | :--- |
@@ -8,7 +8,7 @@ import{j as e,r as c}from"./iframe-CLEfhyJc.js";import{S as s}from"./switch-BziC
8
8
  | \`theme\` | \`'brand' | 'inverse'\` | ${n("common.table.no")} | ${n("components.switch.argTypes.themeDescription")} |
9
9
  | \`className\` | \`string\` | ${n("common.table.no")} | ${n("components.switch.argTypes.classNameDescription")} |
10
10
  | \`...props\` | \`ComponentProps<'input'>\` | ${n("common.table.no")} | ${n("components.switch.argTypes.propsDescription")} |
11
- `;return e.jsxs(e.Fragment,{children:[e.jsx(b,{}),e.jsx(w,{}),e.jsx(u,{children:n("components.switch.description")}),e.jsx(v,{}),e.jsx(u,{children:t}),e.jsx(S,{})]})},A={title:"Components/Switch",component:s,parameters:{layout:"padded",docs:{page:k}},tags:["autodocs"],argTypes:{checked:{control:"boolean",description:n("components.switch.argTypes.checkedDescription"),table:{type:{summary:"boolean"}}},onChange:{action:"changed",description:n("components.switch.argTypes.onChangeDescription"),table:{type:{summary:"(checked: boolean) => void"}}},disabled:{control:"boolean",description:n("components.switch.argTypes.disabledDescription"),table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},theme:{control:"select",options:["default","inverse"],description:n("components.switch.argTypes.themeDescription"),table:{type:{summary:"ISwitchTheme"},defaultValue:{summary:"default"}}},className:{description:n("components.switch.argTypes.classNameDescription"),table:{type:{summary:"string"}}}}},l={args:{}},r={name:n("components.switch.stories.states.name"),render:()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:[e.jsx(s,{checked:!1}),e.jsx("span",{children:n("components.switch.states.off")})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:[e.jsx(s,{checked:!0}),e.jsx("span",{children:n("components.switch.states.on")})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:[e.jsx(s,{checked:!0,disabled:!0}),e.jsx("span",{children:n("components.switch.states.onDisabled")})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:[e.jsx(s,{checked:!1,disabled:!0}),e.jsx("span",{children:n("components.switch.states.offDisabled")})]})]})},p={name:n("components.switch.stories.controlled.name"),render:()=>{const[t,a]=c.useState(!1);return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:[e.jsx(s,{checked:t,onChange:a}),e.jsx("span",{children:n("components.switch.stories.controlled.notificationLabel",{status:t?n("components.switch.states.on").toLowerCase():n("components.switch.states.off").toLowerCase()})})]}),e.jsx(y,{onClick:()=>a(!t),children:n("components.switch.stories.controlled.toggleButton")})]})}},d={name:n("components.switch.stories.themes.name"),render:()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:[e.jsx(s,{checked:!0}),e.jsx("span",{children:n("components.switch.stories.themes.brand")})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:[e.jsx(s,{theme:"inverse",checked:!0}),e.jsx("span",{children:n("components.switch.stories.themes.inverse")})]})]})},m={name:n("components.switch.stories.withLabels.name"),render:()=>{const[t,a]=c.useState(!1),[i,o]=c.useState(!0),[g,f]=c.useState(!1);return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[e.jsxs("label",{style:{display:"flex",alignItems:"center",gap:"12px",cursor:"pointer"},children:[e.jsx(s,{checked:t,onChange:a}),e.jsx("span",{children:n("components.switch.stories.withLabels.notifications")})]}),e.jsxs("label",{style:{display:"flex",alignItems:"center",gap:"12px",cursor:"pointer"},children:[e.jsx(s,{checked:i,onChange:o}),e.jsx("span",{children:n("components.switch.stories.withLabels.darkMode")})]}),e.jsxs("label",{style:{display:"flex",alignItems:"center",gap:"12px",cursor:"pointer"},children:[e.jsx(s,{checked:g,onChange:f}),e.jsx("span",{children:n("components.switch.stories.withLabels.autoSave")})]})]})}},h={name:n("components.switch.stories.completeExample.name"),render:()=>{const[t,a]=c.useState({notifications:!1,darkMode:!0,autoSave:!1,publicProfile:!0}),i=(o,g)=>{a({...t,[o]:g})};return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:[e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"12px"},children:n("components.switch.stories.completeExample.settingsTitle")}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[e.jsxs("label",{style:{display:"flex",alignItems:"center",gap:"12px",cursor:"pointer"},children:[e.jsx(s,{checked:t.notifications,onChange:o=>i("notifications",o)}),e.jsx("span",{children:n("components.switch.stories.completeExample.pushNotifications")})]}),e.jsxs("label",{style:{display:"flex",alignItems:"center",gap:"12px",cursor:"pointer"},children:[e.jsx(s,{checked:t.darkMode,onChange:o=>i("darkMode",o)}),e.jsx("span",{children:n("components.switch.stories.completeExample.darkMode")})]}),e.jsxs("label",{style:{display:"flex",alignItems:"center",gap:"12px",cursor:"pointer"},children:[e.jsx(s,{checked:t.autoSave,onChange:o=>i("autoSave",o)}),e.jsx("span",{children:n("components.switch.stories.completeExample.autoSave")})]}),e.jsxs("label",{style:{display:"flex",alignItems:"center",gap:"12px",cursor:"not-allowed",opacity:.6},children:[e.jsx(s,{checked:t.publicProfile,onChange:o=>i("publicProfile",o),disabled:!0}),e.jsx("span",{children:n("components.switch.stories.completeExample.publicProfile")})]})]})]}),e.jsxs("div",{style:{padding:"12px",backgroundColor:"#f5f5f5",borderRadius:"4px"},children:[e.jsx("p",{style:{fontSize:"14px",margin:0},children:e.jsxs("strong",{children:[n("components.switch.stories.completeExample.currentSettings"),":"]})}),e.jsx("pre",{style:{fontSize:"12px",marginTop:"8px"},children:JSON.stringify(t,null,2)})]})]})}},x={name:n("components.switch.stories.interactive.name"),args:{checked:!1,disabled:!1,theme:"brand"}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
11
+ `;return e.jsxs(e.Fragment,{children:[e.jsx(b,{}),e.jsx(w,{}),e.jsx(u,{children:n("components.switch.description")}),e.jsx(v,{}),e.jsx(u,{children:t}),e.jsx(S,{})]})},z={title:"Components/Switch",component:s,parameters:{layout:"padded",docs:{page:k}},tags:["autodocs"],argTypes:{checked:{control:"boolean",description:n("components.switch.argTypes.checkedDescription"),table:{type:{summary:"boolean"}}},onChange:{action:"changed",description:n("components.switch.argTypes.onChangeDescription"),table:{type:{summary:"(checked: boolean) => void"}}},disabled:{control:"boolean",description:n("components.switch.argTypes.disabledDescription"),table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},theme:{control:"select",options:["default","inverse"],description:n("components.switch.argTypes.themeDescription"),table:{type:{summary:"ISwitchTheme"},defaultValue:{summary:"default"}}},className:{description:n("components.switch.argTypes.classNameDescription"),table:{type:{summary:"string"}}}}},l={args:{}},r={name:n("components.switch.stories.states.name"),render:()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:[e.jsx(s,{checked:!1}),e.jsx("span",{children:n("components.switch.states.off")})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:[e.jsx(s,{checked:!0}),e.jsx("span",{children:n("components.switch.states.on")})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:[e.jsx(s,{checked:!0,disabled:!0}),e.jsx("span",{children:n("components.switch.states.onDisabled")})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:[e.jsx(s,{checked:!1,disabled:!0}),e.jsx("span",{children:n("components.switch.states.offDisabled")})]})]})},p={name:n("components.switch.stories.controlled.name"),render:()=>{const[t,a]=c.useState(!1);return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:[e.jsx(s,{checked:t,onChange:a}),e.jsx("span",{children:n("components.switch.stories.controlled.notificationLabel",{status:t?n("components.switch.states.on").toLowerCase():n("components.switch.states.off").toLowerCase()})})]}),e.jsx(y,{onClick:()=>a(!t),children:n("components.switch.stories.controlled.toggleButton")})]})}},d={name:n("components.switch.stories.themes.name"),render:()=>e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:[e.jsx(s,{checked:!0}),e.jsx("span",{children:n("components.switch.stories.themes.brand")})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:"12px"},children:[e.jsx(s,{theme:"inverse",checked:!0}),e.jsx("span",{children:n("components.switch.stories.themes.inverse")})]})]})},m={name:n("components.switch.stories.withLabels.name"),render:()=>{const[t,a]=c.useState(!1),[i,o]=c.useState(!0),[g,f]=c.useState(!1);return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[e.jsxs("label",{style:{display:"flex",alignItems:"center",gap:"12px",cursor:"pointer"},children:[e.jsx(s,{checked:t,onChange:a}),e.jsx("span",{children:n("components.switch.stories.withLabels.notifications")})]}),e.jsxs("label",{style:{display:"flex",alignItems:"center",gap:"12px",cursor:"pointer"},children:[e.jsx(s,{checked:i,onChange:o}),e.jsx("span",{children:n("components.switch.stories.withLabels.darkMode")})]}),e.jsxs("label",{style:{display:"flex",alignItems:"center",gap:"12px",cursor:"pointer"},children:[e.jsx(s,{checked:g,onChange:f}),e.jsx("span",{children:n("components.switch.stories.withLabels.autoSave")})]})]})}},h={name:n("components.switch.stories.completeExample.name"),render:()=>{const[t,a]=c.useState({notifications:!1,darkMode:!0,autoSave:!1,publicProfile:!0}),i=(o,g)=>{a({...t,[o]:g})};return e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:[e.jsxs("div",{children:[e.jsx("h3",{style:{marginBottom:"12px"},children:n("components.switch.stories.completeExample.settingsTitle")}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[e.jsxs("label",{style:{display:"flex",alignItems:"center",gap:"12px",cursor:"pointer"},children:[e.jsx(s,{checked:t.notifications,onChange:o=>i("notifications",o)}),e.jsx("span",{children:n("components.switch.stories.completeExample.pushNotifications")})]}),e.jsxs("label",{style:{display:"flex",alignItems:"center",gap:"12px",cursor:"pointer"},children:[e.jsx(s,{checked:t.darkMode,onChange:o=>i("darkMode",o)}),e.jsx("span",{children:n("components.switch.stories.completeExample.darkMode")})]}),e.jsxs("label",{style:{display:"flex",alignItems:"center",gap:"12px",cursor:"pointer"},children:[e.jsx(s,{checked:t.autoSave,onChange:o=>i("autoSave",o)}),e.jsx("span",{children:n("components.switch.stories.completeExample.autoSave")})]}),e.jsxs("label",{style:{display:"flex",alignItems:"center",gap:"12px",cursor:"not-allowed",opacity:.6},children:[e.jsx(s,{checked:t.publicProfile,onChange:o=>i("publicProfile",o),disabled:!0}),e.jsx("span",{children:n("components.switch.stories.completeExample.publicProfile")})]})]})]}),e.jsxs("div",{style:{padding:"12px",backgroundColor:"#f5f5f5",borderRadius:"4px"},children:[e.jsx("p",{style:{fontSize:"14px",margin:0},children:e.jsxs("strong",{children:[n("components.switch.stories.completeExample.currentSettings"),":"]})}),e.jsx("pre",{style:{fontSize:"12px",marginTop:"8px"},children:JSON.stringify(t,null,2)})]})]})}},x={name:n("components.switch.stories.interactive.name"),args:{checked:!1,disabled:!1,theme:"brand"}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
12
12
  args: {}
13
13
  }`,...l.parameters?.docs?.source}}};r.parameters={...r.parameters,docs:{...r.parameters?.docs,source:{originalSource:`{
14
14
  name: t('components.switch.stories.states.name'),
@@ -247,4 +247,4 @@ import{j as e,r as c}from"./iframe-CLEfhyJc.js";import{S as s}from"./switch-BziC
247
247
  disabled: false,
248
248
  theme: 'brand'
249
249
  }
250
- }`,...x.parameters?.docs?.source}}};const O=["Default","States","Controlled","Themes","WithLabels","CompleteExample","Interactive"];export{h as CompleteExample,p as Controlled,l as Default,x as Interactive,r as States,d as Themes,m as WithLabels,O as __namedExportsOrder,A as default};
250
+ }`,...x.parameters?.docs?.source}}};const A=["Default","States","Controlled","Themes","WithLabels","CompleteExample","Interactive"];export{h as CompleteExample,p as Controlled,l as Default,x as Interactive,r as States,d as Themes,m as WithLabels,A as __namedExportsOrder,z as default};
@@ -1,4 +1,4 @@
1
- import{r as a,j as i}from"./iframe-CLEfhyJc.js";import{c as $,g as S}from"./classname-DoNrELT0.js";import{r as G}from"./icon-TJ3FHxUI.js";import{T as F}from"./typography-DoV67nnS.js";import{a as H,B as W}from"./badge-Cc9u7jBX.js";import{u as J}from"./index-DRIh_SUo.js";const p=S("tab-bar__item"),B=a.forwardRef(({className:u,id:r,active:w,icon:m,name:I,badge:n,onItemClick:f,...k},v)=>{const o=()=>{if(!m)return null;const t=i.jsx("span",{className:`${p}__icon`,children:G(m)});return n?i.jsxs(H,{children:[t,i.jsx(W,{...n===!0?{}:n})]}):t},h=()=>{const t=i.jsx(F,{component:"span",size:"base",className:`${p}__label`,children:I});return!n||m?t:i.jsxs("div",{className:`${p}__label-with-badge`,children:[t,i.jsx(W,{...n===!0?{}:n})]})};return i.jsxs("div",{ref:v,className:$(p,{[`${p}--active`]:w},u),onClick:()=>f?.(),...k,children:[o(),h()]})});B.__docgenInfo={description:"",methods:[],displayName:"TabBarItem",props:{id:{required:!0,tsType:{name:"string"},description:""},icon:{required:!1,tsType:{name:"union",raw:"IIconProps | ReactNode",elements:[{name:"intersection",raw:"Destination & Omit<Origin, keyof Destination>",elements:[{name:"intersection",raw:`{
1
+ import{r as a,j as i}from"./iframe-C0PGuV5s.js";import{c as $,g as S}from"./store-BmYgrUro.js";import{r as G}from"./icon-CgGksgRS.js";import{T as F}from"./typography-BcLxefPi.js";import{a as H,B as W}from"./badge-DLt8CmDs.js";import{u as J}from"./index-DWjPAWoJ.js";const p=S("tab-bar__item"),B=a.forwardRef(({className:u,id:r,active:w,icon:m,name:I,badge:n,onItemClick:f,...k},v)=>{const o=()=>{if(!m)return null;const t=i.jsx("span",{className:`${p}__icon`,children:G(m)});return n?i.jsxs(H,{children:[t,i.jsx(W,{...n===!0?{}:n})]}):t},h=()=>{const t=i.jsx(F,{component:"span",size:"base",className:`${p}__label`,children:I});return!n||m?t:i.jsxs("div",{className:`${p}__label-with-badge`,children:[t,i.jsx(W,{...n===!0?{}:n})]})};return i.jsxs("div",{ref:v,className:$(p,{[`${p}--active`]:w},u),onClick:()=>f?.(),...k,children:[o(),h()]})});B.__docgenInfo={description:"",methods:[],displayName:"TabBarItem",props:{id:{required:!0,tsType:{name:"string"},description:""},icon:{required:!1,tsType:{name:"union",raw:"IIconProps | ReactNode",elements:[{name:"intersection",raw:"Destination & Omit<Origin, keyof Destination>",elements:[{name:"intersection",raw:`{
2
2
  size?: number | string
3
3
  color?: IColor
4
4
  animation?: IIconAnimation
@@ -1,4 +1,4 @@
1
- import{j as t,r as o}from"./iframe-CLEfhyJc.js";import{T as i}from"./tab-bar-DZ3oOU50.js";import{t as e}from"./store-D2RudmNr.js";import{T as x,S as g,M as v,P as y,a as T}from"./blocks-CpOj9FQ_.js";import"./preload-helper-PPVm8Dsz.js";import"./classname-DoNrELT0.js";import"./icon-TJ3FHxUI.js";import"./colors-_6nFGM3e.js";import"./typography-DoV67nnS.js";import"./badge-Cc9u7jBX.js";import"./index-DRIh_SUo.js";import"./index-B-Ksafg0.js";import"./index-CaMbLGUB.js";const f=()=>{const n=`
1
+ import{j as t,r as o}from"./iframe-C0PGuV5s.js";import{T as i}from"./tab-bar-DTyg7tFP.js";import{t as e}from"./store-BmYgrUro.js";import{T as x,S as g,M as v,P as y,a as T}from"./blocks-D4qvS4eZ.js";import"./preload-helper-PPVm8Dsz.js";import"./icon-CgGksgRS.js";import"./colors-_6nFGM3e.js";import"./typography-BcLxefPi.js";import"./badge-DLt8CmDs.js";import"./index-DWjPAWoJ.js";import"./index-B-Ksafg0.js";import"./index-1AHvPexM.js";const f=()=>{const n=`
2
2
  ## ${e("common.table.title")}
3
3
  | ${e("common.table.name")} | ${e("common.table.type")} | ${e("common.table.required")} | ${e("common.table.description")} |
4
4
  | :--- | :--- | :--- | :--- |
@@ -9,7 +9,7 @@ import{j as t,r as o}from"./iframe-CLEfhyJc.js";import{T as i}from"./tab-bar-DZ3
9
9
  | \`onItemClick\` | \`(item: ITabBarItem, index: number) => void\` | ${e("common.table.no")} | ${e("components.tabBar.argTypes.onItemClickDescription")} |
10
10
  | \`className\` | \`string\` | ${e("common.table.no")} | ${e("components.tabBar.argTypes.classNameDescription")} |
11
11
  | \`...props\` | \`ComponentPropsWithRef<'div'>\` | ${e("common.table.no")} | ${e("components.tabBar.argTypes.propsDescription")} |
12
- `;return t.jsxs(t.Fragment,{children:[t.jsx(x,{}),t.jsx(g,{}),t.jsx(v,{children:e("components.tabBar.description")}),t.jsx(y,{}),t.jsx(v,{children:n}),t.jsx(T,{})]})},M={title:"Components/TabBar",component:i,parameters:{layout:"padded",docs:{page:f}},tags:["autodocs"],argTypes:{items:{control:!1,description:e("components.tabBar.argTypes.itemsDescription"),table:{type:{summary:"ITabBarItem[]"}}},activeId:{control:"text",description:e("components.tabBar.argTypes.activeIdDescription"),table:{type:{summary:"string"}}},defaultActiveId:{control:"text",description:e("components.tabBar.argTypes.defaultActiveIdDescription"),table:{type:{summary:"string"}}},theme:{control:"select",options:["default","brand","neutral"],description:e("components.tabBar.argTypes.themeDescription"),table:{type:{summary:'"default" | "brand" | "neutral"'},defaultValue:{summary:"default"}}},onItemClick:{action:"item-clicked",description:e("components.tabBar.argTypes.onItemClickDescription"),table:{type:{summary:"(item: ITabBarItem, index: number) => void"}}},className:{description:e("components.tabBar.argTypes.classNameDescription"),table:{type:{summary:"string"}}}}},m=[{id:"1",name:e("components.tabBar.stories.items.home"),icon:{name:"placeholder"}},{id:"2",name:e("components.tabBar.stories.items.search"),icon:{name:"placeholder"}},{id:"3",name:e("components.tabBar.stories.items.profile"),icon:{name:"placeholder"}}],c={render:()=>{const[n,a]=o.useState("1");return t.jsx(i,{items:m,activeId:n,onItemClick:s=>a(s.id)})}},d={name:e("components.tabBar.stories.withIcons.name"),render:()=>{const[n,a]=o.useState("1");return t.jsx(i,{items:[{id:"1",name:e("components.tabBar.stories.items.home"),icon:{name:"placeholder"}},{id:"2",name:e("components.tabBar.stories.items.search"),icon:{name:"placeholder"}},{id:"3",name:e("components.tabBar.stories.items.profile"),icon:{name:"placeholder"}}],activeId:n,onItemClick:s=>a(s.id)})}},p={name:e("components.tabBar.stories.withBadges.name"),render:()=>{const[n,a]=o.useState("1");return t.jsx(i,{items:[{id:"1",name:e("components.tabBar.stories.items.home"),icon:{name:"placeholder"},badge:{children:3}},{id:"2",name:e("components.tabBar.stories.items.messages"),icon:{name:"placeholder"},badge:!0},{id:"3",name:e("components.tabBar.stories.items.profile"),icon:{name:"placeholder"}}],activeId:n,onItemClick:s=>a(s.id)})}},l={name:e("components.tabBar.stories.textOnly.name"),render:()=>{const[n,a]=o.useState("1");return t.jsx(i,{items:[{id:"1",name:e("components.tabBar.stories.items.tab1")},{id:"2",name:e("components.tabBar.stories.items.tab2")},{id:"3",name:e("components.tabBar.stories.items.tab3")}],activeId:n,onItemClick:s=>a(s.id)})}},b={name:e("components.tabBar.stories.themes.name"),render:()=>{const[n,a]=o.useState("1"),[s,u]=o.useState("1"),[h,B]=o.useState("1");return t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:[t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.tabBar.stories.themes.defaultTheme")}),t.jsx(i,{items:m,activeId:n,onItemClick:r=>a(r.id)})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.tabBar.stories.themes.brandTheme")}),t.jsx(i,{theme:"brand",items:m,activeId:s,onItemClick:r=>u(r.id)})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.tabBar.stories.themes.neutralTheme")}),t.jsx(i,{theme:"neutral",items:m,activeId:h,onItemClick:r=>B(r.id)})]})]})}},I={name:e("components.tabBar.stories.interactive.name"),render:()=>{const[n,a]=o.useState("1");return t.jsxs("div",{children:[t.jsx(i,{items:m,activeId:n,onItemClick:s=>a(s.id)}),t.jsx("p",{style:{marginTop:"16px"},children:e("components.tabBar.stories.interactive.activeTab",{id:n})})]})}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
12
+ `;return t.jsxs(t.Fragment,{children:[t.jsx(x,{}),t.jsx(g,{}),t.jsx(v,{children:e("components.tabBar.description")}),t.jsx(y,{}),t.jsx(v,{children:n}),t.jsx(T,{})]})},P={title:"Components/TabBar",component:i,parameters:{layout:"padded",docs:{page:f}},tags:["autodocs"],argTypes:{items:{control:!1,description:e("components.tabBar.argTypes.itemsDescription"),table:{type:{summary:"ITabBarItem[]"}}},activeId:{control:"text",description:e("components.tabBar.argTypes.activeIdDescription"),table:{type:{summary:"string"}}},defaultActiveId:{control:"text",description:e("components.tabBar.argTypes.defaultActiveIdDescription"),table:{type:{summary:"string"}}},theme:{control:"select",options:["default","brand","neutral"],description:e("components.tabBar.argTypes.themeDescription"),table:{type:{summary:'"default" | "brand" | "neutral"'},defaultValue:{summary:"default"}}},onItemClick:{action:"item-clicked",description:e("components.tabBar.argTypes.onItemClickDescription"),table:{type:{summary:"(item: ITabBarItem, index: number) => void"}}},className:{description:e("components.tabBar.argTypes.classNameDescription"),table:{type:{summary:"string"}}}}},m=[{id:"1",name:e("components.tabBar.stories.items.home"),icon:{name:"placeholder"}},{id:"2",name:e("components.tabBar.stories.items.search"),icon:{name:"placeholder"}},{id:"3",name:e("components.tabBar.stories.items.profile"),icon:{name:"placeholder"}}],c={render:()=>{const[n,a]=o.useState("1");return t.jsx(i,{items:m,activeId:n,onItemClick:s=>a(s.id)})}},d={name:e("components.tabBar.stories.withIcons.name"),render:()=>{const[n,a]=o.useState("1");return t.jsx(i,{items:[{id:"1",name:e("components.tabBar.stories.items.home"),icon:{name:"placeholder"}},{id:"2",name:e("components.tabBar.stories.items.search"),icon:{name:"placeholder"}},{id:"3",name:e("components.tabBar.stories.items.profile"),icon:{name:"placeholder"}}],activeId:n,onItemClick:s=>a(s.id)})}},p={name:e("components.tabBar.stories.withBadges.name"),render:()=>{const[n,a]=o.useState("1");return t.jsx(i,{items:[{id:"1",name:e("components.tabBar.stories.items.home"),icon:{name:"placeholder"},badge:{children:3}},{id:"2",name:e("components.tabBar.stories.items.messages"),icon:{name:"placeholder"},badge:!0},{id:"3",name:e("components.tabBar.stories.items.profile"),icon:{name:"placeholder"}}],activeId:n,onItemClick:s=>a(s.id)})}},l={name:e("components.tabBar.stories.textOnly.name"),render:()=>{const[n,a]=o.useState("1");return t.jsx(i,{items:[{id:"1",name:e("components.tabBar.stories.items.tab1")},{id:"2",name:e("components.tabBar.stories.items.tab2")},{id:"3",name:e("components.tabBar.stories.items.tab3")}],activeId:n,onItemClick:s=>a(s.id)})}},b={name:e("components.tabBar.stories.themes.name"),render:()=>{const[n,a]=o.useState("1"),[s,u]=o.useState("1"),[h,B]=o.useState("1");return t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:[t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.tabBar.stories.themes.defaultTheme")}),t.jsx(i,{items:m,activeId:n,onItemClick:r=>a(r.id)})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.tabBar.stories.themes.brandTheme")}),t.jsx(i,{theme:"brand",items:m,activeId:s,onItemClick:r=>u(r.id)})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.tabBar.stories.themes.neutralTheme")}),t.jsx(i,{theme:"neutral",items:m,activeId:h,onItemClick:r=>B(r.id)})]})]})}},I={name:e("components.tabBar.stories.interactive.name"),render:()=>{const[n,a]=o.useState("1");return t.jsxs("div",{children:[t.jsx(i,{items:m,activeId:n,onItemClick:s=>a(s.id)}),t.jsx("p",{style:{marginTop:"16px"},children:e("components.tabBar.stories.interactive.activeTab",{id:n})})]})}};c.parameters={...c.parameters,docs:{...c.parameters?.docs,source:{originalSource:`{
13
13
  render: () => {
14
14
  const [activeId, setActiveId] = useState('1');
15
15
  return <TabBar items={items} activeId={activeId} onItemClick={item => setActiveId(item.id)} />;
@@ -133,4 +133,4 @@ import{j as t,r as o}from"./iframe-CLEfhyJc.js";import{T as i}from"./tab-bar-DZ3
133
133
  </p>
134
134
  </div>;
135
135
  }
136
- }`,...I.parameters?.docs?.source}}};const R=["Default","WithIcons","WithBadges","TextOnly","Themes","Interactive"];export{c as Default,I as Interactive,l as TextOnly,b as Themes,p as WithBadges,d as WithIcons,R as __namedExportsOrder,M as default};
136
+ }`,...I.parameters?.docs?.source}}};const M=["Default","WithIcons","WithBadges","TextOnly","Themes","Interactive"];export{c as Default,I as Interactive,l as TextOnly,b as Themes,p as WithBadges,d as WithIcons,M as __namedExportsOrder,P as default};
@@ -0,0 +1 @@
1
+ import{r,j as s}from"./iframe-C0PGuV5s.js";import{c as i,g as h}from"./store-BmYgrUro.js";import{g as f,I as x}from"./input-wrapper-DkEl0Eih.js";import{T as N}from"./typography-BcLxefPi.js";import{u as b}from"./index-DWjPAWoJ.js";import{S as c}from"./skeleton-CmGRbWqE.js";const o=h("text-area"),_=r.forwardRef((m,p)=>{const{wrapper:l,props:e}=f(m),[g,n]=r.useState(e.autoFocus),t=r.useRef(null),[u,d]=b(e,{trigger:"onChange",valuePropName:"value"});return r.useImperativeHandle(p,()=>({focus:()=>t.current?.focus?.(),blur:()=>t.current?.blur?.()})),s.jsx(x,{...l,className:i(o,l.className),align:"start",isFocus:g,onClick:()=>t.current?.focus(),bottomInput:e.maxLength?s.jsxs(N,{size:"x-small",weight:400,color:"alias-object-secondary",className:`${o}__count`,children:["(",u?.length||0,"/",e.maxLength,")"]}):null,loadingNode:e.loading&&s.jsxs("div",{className:`${o}__loading`,children:[s.jsx(c,{width:128,height:12,shape:"pill"}),s.jsx(c,{width:40,height:12,shape:"pill"})]}),children:s.jsx("textarea",{rows:3,...e,maxLength:e.maxLength,value:u,onChange:a=>d?.(a.target.value),disabled:l.disabled,onFocus:a=>{n(!0),e.onFocus?.(a)},onBlur:a=>{n(!1),e.onBlur?.(a)},ref:t,className:i(`${o}__input`,{[`${o}__input--auto-height`]:e.autoHeight},e.inputClassName)})})});_.__docgenInfo={description:"",methods:[{name:"focus",docblock:null,modifiers:[],params:[],returns:null},{name:"blur",docblock:null,modifiers:[],params:[],returns:null}],displayName:"TextArea"};export{_ as T};
@@ -1,4 +1,4 @@
1
- import{j as t,r as g}from"./iframe-CLEfhyJc.js";import{T as o}from"./text-area-CAmJ2yms.js";import{t as e}from"./store-D2RudmNr.js";import{T as u,S as h,M as x,P as A,a as b}from"./blocks-CpOj9FQ_.js";import"./preload-helper-PPVm8Dsz.js";import"./classname-DoNrELT0.js";import"./input-wrapper-D_9hAdHZ.js";import"./icon-TJ3FHxUI.js";import"./colors-_6nFGM3e.js";import"./label-fI1oWVKU.js";import"./typography-DoV67nnS.js";import"./skeleton-Dn8rwbgX.js";import"./pick-DbIUGM9R.js";import"./omit-CStFhbPt.js";import"./_setToString-CjYxL0rS.js";import"./index-DRIh_SUo.js";import"./index-B-Ksafg0.js";import"./index-CaMbLGUB.js";const y=()=>{const r=`
1
+ import{j as t,r as g}from"./iframe-C0PGuV5s.js";import{T as o}from"./text-area-WRb8Dkvn.js";import{t as e}from"./store-BmYgrUro.js";import{T as u,S as h,M as x,P as A,a as b}from"./blocks-D4qvS4eZ.js";import"./preload-helper-PPVm8Dsz.js";import"./input-wrapper-DkEl0Eih.js";import"./icon-CgGksgRS.js";import"./colors-_6nFGM3e.js";import"./label-CHVpMhb5.js";import"./typography-BcLxefPi.js";import"./skeleton-CmGRbWqE.js";import"./omit-D04qL5V_.js";import"./_baseClone-4nOrhHpR.js";import"./index-DWjPAWoJ.js";import"./index-B-Ksafg0.js";import"./index-1AHvPexM.js";const y=()=>{const r=`
2
2
  ## ${e("common.table.title")}
3
3
  | ${e("common.table.name")} | ${e("common.table.type")} | ${e("common.table.required")} | ${e("common.table.description")} |
4
4
  | :--- | :--- | :--- | :--- |
@@ -23,7 +23,7 @@ import{j as t,r as g}from"./iframe-CLEfhyJc.js";import{T as o}from"./text-area-C
23
23
  | \`suffix\` | \`ReactNode\` | ${e("common.table.no")} | ${e("components.textArea.argTypes.suffixDescription")} |
24
24
  | \`className\` | \`string\` | ${e("common.table.no")} | ${e("components.textArea.argTypes.classNameDescription")} |
25
25
  | \`...props\` | \`ComponentProps<'textarea'>\` | ${e("common.table.no")} | ${e("components.textArea.argTypes.propsDescription")} |
26
- `;return t.jsxs(t.Fragment,{children:[t.jsx(u,{}),t.jsx(h,{}),t.jsx(x,{children:e("components.textArea.description")}),t.jsx(A,{}),t.jsx(x,{children:r}),t.jsx(b,{})]})},E={title:"Components/TextArea",component:o,parameters:{layout:"padded",docs:{page:y}},tags:["autodocs"],argTypes:{value:{control:"text",description:e("components.textArea.argTypes.valueDescription"),table:{type:{summary:"string"}}},onChange:{action:"changed",description:e("components.textArea.argTypes.onChangeDescription"),table:{type:{summary:"(value: string) => void"}}},placeholder:{control:"text",description:e("components.textArea.argTypes.placeholderDescription"),table:{type:{summary:"string"}}},label:{control:"text",description:e("components.textArea.argTypes.labelDescription"),table:{type:{summary:"ILabelProps"}}},shape:{control:"select",options:["rounded","pill"],description:e("components.textArea.argTypes.shapeDescription"),table:{type:{summary:'"rounded" | "pill"'},defaultValue:{summary:"rounded"}}},disabled:{control:"boolean",description:e("components.textArea.argTypes.disabledDescription"),table:{type:{summary:"boolean"}}},error:{control:"boolean",description:e("components.textArea.argTypes.errorDescription"),table:{type:{summary:"boolean"}}},errorMessage:{control:"text",description:e("components.textArea.argTypes.errorMessageDescription"),table:{type:{summary:"ReactNode"}}},maxLength:{control:{type:"number",min:0,max:1e3,step:10},description:e("components.textArea.argTypes.maxLengthDescription"),table:{type:{summary:"number"}}},autoHeight:{control:"boolean",description:e("components.textArea.argTypes.autoHeightDescription"),table:{type:{summary:"boolean"}}},loading:{control:"boolean",description:e("components.textArea.argTypes.loadingDescription"),table:{type:{summary:"boolean"}}},className:{description:e("components.textArea.argTypes.classNameDescription"),table:{type:{summary:"string"}}}}},a={name:e("components.textArea.stories.default.name"),args:{placeholder:e("components.textArea.stories.default.placeholder")}},s={name:e("components.textArea.stories.controlled.name"),render:()=>{const[r,d]=g.useState("");return t.jsx(o,{value:r,onChange:d,placeholder:e("components.textArea.stories.controlled.placeholder")})}},n={name:e("components.textArea.stories.withLabel.name"),args:{label:{text:e("components.textArea.stories.withLabel.label")},placeholder:e("components.textArea.stories.withLabel.placeholder")}},c={name:e("components.textArea.stories.states.name"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(o,{placeholder:e("components.textArea.stories.states.normal")}),t.jsx(o,{value:e("components.textArea.stories.states.filled")}),t.jsx(o,{disabled:!0,placeholder:e("components.textArea.states.disabled")}),t.jsx(o,{error:!0,errorMessage:e("components.textArea.stories.states.errorMessage"),placeholder:e("components.textArea.stories.states.error")}),t.jsx(o,{loading:!0,placeholder:e("components.textArea.states.loading")})]})},p={name:e("components.textArea.stories.withMaxLength.name"),render:()=>{const[r,d]=g.useState("");return t.jsx(o,{value:r,onChange:d,maxLength:100,placeholder:e("components.textArea.stories.withMaxLength.placeholder",{count:100})})}},l={name:e("components.textArea.stories.autoHeight.name"),args:{autoHeight:!0,placeholder:e("components.textArea.stories.autoHeight.placeholder")}},i={name:e("components.textArea.stories.shapes.name"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(o,{shape:"rounded",placeholder:e("components.textArea.stories.shapes.rounded")}),t.jsx(o,{shape:"pill",placeholder:e("components.textArea.stories.shapes.pill")})]})},m={name:e("components.textArea.stories.interactive.name"),args:{placeholder:e("components.textArea.stories.interactive.placeholder")}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
26
+ `;return t.jsxs(t.Fragment,{children:[t.jsx(u,{}),t.jsx(h,{}),t.jsx(x,{children:e("components.textArea.description")}),t.jsx(A,{}),t.jsx(x,{children:r}),t.jsx(b,{})]})},V={title:"Components/TextArea",component:o,parameters:{layout:"padded",docs:{page:y}},tags:["autodocs"],argTypes:{value:{control:"text",description:e("components.textArea.argTypes.valueDescription"),table:{type:{summary:"string"}}},onChange:{action:"changed",description:e("components.textArea.argTypes.onChangeDescription"),table:{type:{summary:"(value: string) => void"}}},placeholder:{control:"text",description:e("components.textArea.argTypes.placeholderDescription"),table:{type:{summary:"string"}}},label:{control:"text",description:e("components.textArea.argTypes.labelDescription"),table:{type:{summary:"ILabelProps"}}},shape:{control:"select",options:["rounded","pill"],description:e("components.textArea.argTypes.shapeDescription"),table:{type:{summary:'"rounded" | "pill"'},defaultValue:{summary:"rounded"}}},disabled:{control:"boolean",description:e("components.textArea.argTypes.disabledDescription"),table:{type:{summary:"boolean"}}},error:{control:"boolean",description:e("components.textArea.argTypes.errorDescription"),table:{type:{summary:"boolean"}}},errorMessage:{control:"text",description:e("components.textArea.argTypes.errorMessageDescription"),table:{type:{summary:"ReactNode"}}},maxLength:{control:{type:"number",min:0,max:1e3,step:10},description:e("components.textArea.argTypes.maxLengthDescription"),table:{type:{summary:"number"}}},autoHeight:{control:"boolean",description:e("components.textArea.argTypes.autoHeightDescription"),table:{type:{summary:"boolean"}}},loading:{control:"boolean",description:e("components.textArea.argTypes.loadingDescription"),table:{type:{summary:"boolean"}}},className:{description:e("components.textArea.argTypes.classNameDescription"),table:{type:{summary:"string"}}}}},a={name:e("components.textArea.stories.default.name"),args:{placeholder:e("components.textArea.stories.default.placeholder")}},s={name:e("components.textArea.stories.controlled.name"),render:()=>{const[r,d]=g.useState("");return t.jsx(o,{value:r,onChange:d,placeholder:e("components.textArea.stories.controlled.placeholder")})}},n={name:e("components.textArea.stories.withLabel.name"),args:{label:{text:e("components.textArea.stories.withLabel.label")},placeholder:e("components.textArea.stories.withLabel.placeholder")}},c={name:e("components.textArea.stories.states.name"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(o,{placeholder:e("components.textArea.stories.states.normal")}),t.jsx(o,{value:e("components.textArea.stories.states.filled")}),t.jsx(o,{disabled:!0,placeholder:e("components.textArea.states.disabled")}),t.jsx(o,{error:!0,errorMessage:e("components.textArea.stories.states.errorMessage"),placeholder:e("components.textArea.stories.states.error")}),t.jsx(o,{loading:!0,placeholder:e("components.textArea.states.loading")})]})},p={name:e("components.textArea.stories.withMaxLength.name"),render:()=>{const[r,d]=g.useState("");return t.jsx(o,{value:r,onChange:d,maxLength:100,placeholder:e("components.textArea.stories.withMaxLength.placeholder",{count:100})})}},l={name:e("components.textArea.stories.autoHeight.name"),args:{autoHeight:!0,placeholder:e("components.textArea.stories.autoHeight.placeholder")}},i={name:e("components.textArea.stories.shapes.name"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(o,{shape:"rounded",placeholder:e("components.textArea.stories.shapes.rounded")}),t.jsx(o,{shape:"pill",placeholder:e("components.textArea.stories.shapes.pill")})]})},m={name:e("components.textArea.stories.interactive.name"),args:{placeholder:e("components.textArea.stories.interactive.placeholder")}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
27
27
  name: t('components.textArea.stories.default.name'),
28
28
  args: {
29
29
  placeholder: t('components.textArea.stories.default.placeholder')
@@ -84,4 +84,4 @@ import{j as t,r as g}from"./iframe-CLEfhyJc.js";import{T as o}from"./text-area-C
84
84
  args: {
85
85
  placeholder: t('components.textArea.stories.interactive.placeholder')
86
86
  }
87
- }`,...m.parameters?.docs?.source}}};const W=["Default","Controlled","WithLabel","States","WithMaxLength","AutoHeight","Shapes","Interactive"];export{l as AutoHeight,s as Controlled,a as Default,m as Interactive,i as Shapes,c as States,n as WithLabel,p as WithMaxLength,W as __namedExportsOrder,E as default};
87
+ }`,...m.parameters?.docs?.source}}};const k=["Default","Controlled","WithLabel","States","WithMaxLength","AutoHeight","Shapes","Interactive"];export{l as AutoHeight,s as Controlled,a as Default,m as Interactive,i as Shapes,c as States,n as WithLabel,p as WithMaxLength,k as __namedExportsOrder,V as default};
@@ -0,0 +1 @@
1
+ import{r,j as o}from"./iframe-C0PGuV5s.js";import{c as d,g as m}from"./store-BmYgrUro.js";import{g as f,I as g}from"./input-wrapper-DkEl0Eih.js";import{S as i}from"./skeleton-CmGRbWqE.js";const l=m("text-field"),h=r.forwardRef((u,c)=>{const{wrapper:n,props:e}=f(u),[p,t]=r.useState(e.autoFocus),a=r.useRef(null);return r.useImperativeHandle(c,()=>({focus:()=>a.current?.focus?.(),blur:()=>a.current?.blur?.()})),o.jsx(g,{...n,isFocus:p,onClick:()=>a.current?.focus(),loadingNode:e.loading&&o.jsxs("div",{className:`${l}__loading ${l}__loading--${e.loadingType}`,children:[o.jsx(i,{width:e.loadingType==="search"?24:40,height:e.loadingType==="search"?24:13,shape:"pill"}),o.jsx(i,{width:128,height:13,shape:"pill"})]}),children:o.jsx("input",{...e,onChange:s=>e.onChange?.(s.target.value),disabled:n.disabled,onFocus:s=>{t(!0),e.onFocus?.(s)},onBlur:s=>{t(!1),e.onBlur?.(s)},ref:a,className:d(l,e.inputClassName)})})});h.__docgenInfo={description:"",methods:[{name:"focus",docblock:null,modifiers:[],params:[],returns:null},{name:"blur",docblock:null,modifiers:[],params:[],returns:null}],displayName:"TextField"};export{h as T};
@@ -1,4 +1,4 @@
1
- import{j as t,r as x}from"./iframe-CLEfhyJc.js";import{T as o}from"./text-field-CjrgfYOZ.js";import{t as e}from"./store-D2RudmNr.js";import{T as g,S as u,M as d,P as h,a as F}from"./blocks-CpOj9FQ_.js";import"./preload-helper-PPVm8Dsz.js";import"./classname-DoNrELT0.js";import"./input-wrapper-D_9hAdHZ.js";import"./icon-TJ3FHxUI.js";import"./colors-_6nFGM3e.js";import"./label-fI1oWVKU.js";import"./typography-DoV67nnS.js";import"./skeleton-Dn8rwbgX.js";import"./pick-DbIUGM9R.js";import"./omit-CStFhbPt.js";import"./_setToString-CjYxL0rS.js";import"./index-CaMbLGUB.js";const b=()=>{const p=`
1
+ import{j as t,r as x}from"./iframe-C0PGuV5s.js";import{T as o}from"./text-field-DrODy0yz.js";import{t as e}from"./store-BmYgrUro.js";import{T as g,S as u,M as d,P as h,a as F}from"./blocks-D4qvS4eZ.js";import"./preload-helper-PPVm8Dsz.js";import"./input-wrapper-DkEl0Eih.js";import"./icon-CgGksgRS.js";import"./colors-_6nFGM3e.js";import"./label-CHVpMhb5.js";import"./typography-BcLxefPi.js";import"./skeleton-CmGRbWqE.js";import"./omit-D04qL5V_.js";import"./_baseClone-4nOrhHpR.js";import"./index-1AHvPexM.js";const b=()=>{const p=`
2
2
  ## ${e("common.table.title")}
3
3
  | ${e("common.table.name")} | ${e("common.table.type")} | ${e("common.table.required")} | ${e("common.table.description")} |
4
4
  | :--- | :--- | :---: | :--- |
@@ -22,7 +22,7 @@ import{j as t,r as x}from"./iframe-CLEfhyJc.js";import{T as o}from"./text-field-
22
22
  | \`suffix\` | \`ReactNode\` | ${e("common.table.no")} | ${e("components.textField.argTypes.suffixDescription")} |
23
23
  | \`className\` | \`string\` | ${e("common.table.no")} | ${e("components.textField.argTypes.classNameDescription")} |
24
24
  | \`...props\` | \`ComponentProps<'input'>\` | ${e("common.table.no")} | ${e("components.textField.argTypes.propsDescription")} |
25
- `;return t.jsxs(t.Fragment,{children:[t.jsx(g,{}),t.jsx(u,{}),t.jsx(d,{children:e("components.textField.description")}),t.jsx(h,{}),t.jsx(d,{children:p}),t.jsx(F,{})]})},k={title:"Components/TextField",component:o,parameters:{layout:"padded",docs:{page:b}},tags:["autodocs"],argTypes:{value:{control:"text",description:e("components.textField.argTypes.valueDescription"),table:{type:{summary:"string"}}},onChange:{action:"changed",description:e("components.textField.argTypes.onChangeDescription"),table:{type:{summary:"(value: string) => void"}}},placeholder:{control:"text",description:e("components.textField.argTypes.placeholderDescription"),table:{type:{summary:"string"}}},label:{control:"text",description:e("components.textField.argTypes.labelDescription"),table:{type:{summary:"ILabelProps"}}},shape:{control:"select",options:["rounded","pill"],description:e("components.textField.argTypes.shapeDescription"),table:{type:{summary:'"rounded" | "pill"'},defaultValue:{summary:"rounded"}}},disabled:{control:"boolean",description:e("components.textField.argTypes.disabledDescription"),table:{type:{summary:"boolean"}}},error:{control:"boolean",description:e("components.textField.argTypes.errorDescription"),table:{type:{summary:"boolean"}}},errorMessage:{control:"text",description:e("components.textField.argTypes.errorMessageDescription"),table:{type:{summary:"ReactNode"}}},maxLength:{control:{type:"number",min:0,max:1e3,step:10},description:e("components.textField.argTypes.maxLengthDescription"),table:{type:{summary:"number"}}},loading:{control:"boolean",description:e("components.textField.argTypes.loadingDescription"),table:{type:{summary:"boolean"}}},className:{description:e("components.textField.argTypes.classNameDescription"),table:{type:{summary:"string"}}}}},s={name:e("components.textField.stories.default.name"),args:{placeholder:e("components.textField.stories.default.placeholder")}},n={name:e("components.textField.stories.controlled.name"),render:()=>{const[p,m]=x.useState("");return t.jsx(o,{value:p,onChange:m,placeholder:e("components.textField.stories.controlled.placeholder")})}},r={name:e("components.textField.stories.withLabel.name"),args:{label:{text:e("components.textField.stories.withLabel.label")},placeholder:e("components.textField.stories.withLabel.placeholder")}},a={name:e("components.textField.stories.withIcons.name"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(o,{leadingIcon:{name:"placeholder"},placeholder:e("components.textField.stories.withIcons.leading")}),t.jsx(o,{trailingIcon:{name:"placeholder"},placeholder:e("components.textField.stories.withIcons.trailing")}),t.jsx(o,{leadingIcon:{name:"placeholder"},trailingIcon:{name:"placeholder"},placeholder:e("components.textField.stories.withIcons.both")})]})},l={name:e("components.textField.stories.states.name"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(o,{placeholder:e("components.textField.stories.states.normal")}),t.jsx(o,{value:e("components.textField.stories.states.filled")}),t.jsx(o,{disabled:!0,placeholder:e("components.textField.states.disabled")}),t.jsx(o,{success:!0,successMessage:e("components.textField.stories.states.successMessage"),placeholder:e("components.textField.stories.states.success")}),t.jsx(o,{error:!0,errorMessage:e("components.textField.stories.states.errorMessage"),placeholder:e("components.textField.stories.states.error")}),t.jsx(o,{loading:!0,placeholder:e("components.textField.states.loading")})]})},i={name:e("components.textField.stories.shapes.name"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(o,{shape:"rounded",placeholder:e("components.textField.stories.shapes.rounded")}),t.jsx(o,{shape:"pill",placeholder:e("components.textField.stories.shapes.pill")})]})},c={name:e("components.textField.stories.interactive.name"),args:{placeholder:e("components.textField.stories.interactive.placeholder")}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
25
+ `;return t.jsxs(t.Fragment,{children:[t.jsx(g,{}),t.jsx(u,{}),t.jsx(d,{children:e("components.textField.description")}),t.jsx(h,{}),t.jsx(d,{children:p}),t.jsx(F,{})]})},R={title:"Components/TextField",component:o,parameters:{layout:"padded",docs:{page:b}},tags:["autodocs"],argTypes:{value:{control:"text",description:e("components.textField.argTypes.valueDescription"),table:{type:{summary:"string"}}},onChange:{action:"changed",description:e("components.textField.argTypes.onChangeDescription"),table:{type:{summary:"(value: string) => void"}}},placeholder:{control:"text",description:e("components.textField.argTypes.placeholderDescription"),table:{type:{summary:"string"}}},label:{control:"text",description:e("components.textField.argTypes.labelDescription"),table:{type:{summary:"ILabelProps"}}},shape:{control:"select",options:["rounded","pill"],description:e("components.textField.argTypes.shapeDescription"),table:{type:{summary:'"rounded" | "pill"'},defaultValue:{summary:"rounded"}}},disabled:{control:"boolean",description:e("components.textField.argTypes.disabledDescription"),table:{type:{summary:"boolean"}}},error:{control:"boolean",description:e("components.textField.argTypes.errorDescription"),table:{type:{summary:"boolean"}}},errorMessage:{control:"text",description:e("components.textField.argTypes.errorMessageDescription"),table:{type:{summary:"ReactNode"}}},maxLength:{control:{type:"number",min:0,max:1e3,step:10},description:e("components.textField.argTypes.maxLengthDescription"),table:{type:{summary:"number"}}},loading:{control:"boolean",description:e("components.textField.argTypes.loadingDescription"),table:{type:{summary:"boolean"}}},className:{description:e("components.textField.argTypes.classNameDescription"),table:{type:{summary:"string"}}}}},s={name:e("components.textField.stories.default.name"),args:{placeholder:e("components.textField.stories.default.placeholder")}},n={name:e("components.textField.stories.controlled.name"),render:()=>{const[p,m]=x.useState("");return t.jsx(o,{value:p,onChange:m,placeholder:e("components.textField.stories.controlled.placeholder")})}},r={name:e("components.textField.stories.withLabel.name"),args:{label:{text:e("components.textField.stories.withLabel.label")},placeholder:e("components.textField.stories.withLabel.placeholder")}},a={name:e("components.textField.stories.withIcons.name"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(o,{leadingIcon:{name:"placeholder"},placeholder:e("components.textField.stories.withIcons.leading")}),t.jsx(o,{trailingIcon:{name:"placeholder"},placeholder:e("components.textField.stories.withIcons.trailing")}),t.jsx(o,{leadingIcon:{name:"placeholder"},trailingIcon:{name:"placeholder"},placeholder:e("components.textField.stories.withIcons.both")})]})},l={name:e("components.textField.stories.states.name"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(o,{placeholder:e("components.textField.stories.states.normal")}),t.jsx(o,{value:e("components.textField.stories.states.filled")}),t.jsx(o,{disabled:!0,placeholder:e("components.textField.states.disabled")}),t.jsx(o,{success:!0,successMessage:e("components.textField.stories.states.successMessage"),placeholder:e("components.textField.stories.states.success")}),t.jsx(o,{error:!0,errorMessage:e("components.textField.stories.states.errorMessage"),placeholder:e("components.textField.stories.states.error")}),t.jsx(o,{loading:!0,placeholder:e("components.textField.states.loading")})]})},i={name:e("components.textField.stories.shapes.name"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(o,{shape:"rounded",placeholder:e("components.textField.stories.shapes.rounded")}),t.jsx(o,{shape:"pill",placeholder:e("components.textField.stories.shapes.pill")})]})},c={name:e("components.textField.stories.interactive.name"),args:{placeholder:e("components.textField.stories.interactive.placeholder")}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
26
26
  name: t('components.textField.stories.default.name'),
27
27
  args: {
28
28
  placeholder: t('components.textField.stories.default.placeholder')
@@ -89,4 +89,4 @@ import{j as t,r as x}from"./iframe-CLEfhyJc.js";import{T as o}from"./text-field-
89
89
  args: {
90
90
  placeholder: t('components.textField.stories.interactive.placeholder')
91
91
  }
92
- }`,...c.parameters?.docs?.source}}};const E=["Default","Controlled","WithLabel","WithIcons","States","Shapes","Interactive"];export{n as Controlled,s as Default,c as Interactive,i as Shapes,l as States,a as WithIcons,r as WithLabel,E as __namedExportsOrder,k as default};
92
+ }`,...c.parameters?.docs?.source}}};const P=["Default","Controlled","WithLabel","WithIcons","States","Shapes","Interactive"];export{n as Controlled,s as Default,c as Interactive,i as Shapes,l as States,a as WithIcons,r as WithLabel,P as __namedExportsOrder,R as default};
@@ -0,0 +1,9 @@
1
+ import{r,j as i}from"./iframe-C0PGuV5s.js";import{c as H,g as S}from"./store-BmYgrUro.js";import{r as _}from"./blocks-D4qvS4eZ.js";import{r as V,I as b}from"./icon-CgGksgRS.js";import{T as W}from"./typography-BcLxefPi.js";import{c as q}from"./react-zqqxT5R_.js";import{B as K}from"./button-CbLEqALK.js";import{M as G,i as O,u as D,P as X,a as J,b as Q,L as Y,m as Z}from"./proxy-edvPwIiD.js";const ee=3e3,w=q((e,o)=>{let t=0;const c=()=>++t;return{items:[],add:s=>{const n=c();return e(a=>{const f=s.position||"top",m=a.items.filter(l=>l.config.position==="top"),u=a.items.filter(l=>l.config.position==="bottom");return f==="top"?m.push({config:{...s,position:f},id:n}):u.push({config:{...s,position:f},id:n}),{items:[...m.slice(-3),...u.slice(-3)]}}),setTimeout(()=>{o().remove(n)},s.duration||ee),n},remove:s=>{e(n=>(n.items.find(f=>f.id===s)?.config?.onHide?.(),{items:n.items.filter(f=>f.id!==s)}))},clear:()=>{e({items:[]})}}}),$=S("toast"),R=({type:e="informative",message:o,closeAction:t=!0,onCloseActionClick:c,action:s,onActionClick:n,icon:a})=>{const f=r.useMemo(()=>{if(a)return V(a);const m={neutral:null,informative:"circle-info",positive:"circle-check",negative:"triangle-warning"}[e];if(m)return i.jsx(b,{name:m,type:"fill",size:24})},[a,e]);return i.jsxs("div",{className:H($,`${$}--${e}`),children:[!!f&&i.jsx("span",{className:`${$}__icon`,children:f}),i.jsx(W,{component:"div",size:"base",weight:"regular",color:"inherit",className:`${$}__content`,children:o}),s&&i.jsx(K,{size:"medium",type:"ghost",theme:e==="informative"||e==="neutral"?"neutral-inverse":"neutral",onClick:n,children:s}),t&&i.jsx("div",{onClick:c,className:`${$}__close-icon`,children:i.jsx(b,{name:"xmark",size:16})})]})};R.show=e=>w.getState().add(e);R.hide=e=>e?w.getState().remove(e):w.getState().clear();R.__docgenInfo={description:"",methods:[{name:"show",docblock:null,modifiers:["static"],params:[{name:"config",optional:!1,type:null}],returns:null},{name:"hide",docblock:null,modifiers:["static"],params:[{name:"id",optional:!1,type:null}],returns:null}],displayName:"Toast",props:{type:{defaultValue:{value:"'informative'",computed:!1},required:!1},closeAction:{defaultValue:{value:"true",computed:!1},required:!1}}};function M(e,o){if(typeof e=="function")return e(o);e!=null&&(e.current=o)}function te(...e){return o=>{let t=!1;const c=e.map(s=>{const n=M(s,o);return!t&&typeof n=="function"&&(t=!0),n});if(t)return()=>{for(let s=0;s<c.length;s++){const n=c[s];typeof n=="function"?n():M(e[s],null)}}}}function ne(...e){return r.useCallback(te(...e),e)}class se extends r.Component{getSnapshotBeforeUpdate(o){const t=this.props.childRef.current;if(t&&o.isPresent&&!this.props.isPresent){const c=t.offsetParent,s=O(c)&&c.offsetWidth||0,n=this.props.sizeRef.current;n.height=t.offsetHeight||0,n.width=t.offsetWidth||0,n.top=t.offsetTop,n.left=t.offsetLeft,n.right=s-n.width-n.left}return null}componentDidUpdate(){}render(){return this.props.children}}function oe({children:e,isPresent:o,anchorX:t,root:c}){const s=r.useId(),n=r.useRef(null),a=r.useRef({width:0,height:0,top:0,left:0,right:0}),{nonce:f}=r.useContext(G),m=ne(n,e?.ref);return r.useInsertionEffect(()=>{const{width:u,height:y,top:l,left:h,right:x}=a.current;if(o||!n.current||!u||!y)return;const C=t==="left"?`left: ${h}`:`right: ${x}`;n.current.dataset.motionPopId=s;const p=document.createElement("style");f&&(p.nonce=f);const P=c??document.head;return P.appendChild(p),p.sheet&&p.sheet.insertRule(`
2
+ [data-motion-pop-id="${s}"] {
3
+ position: absolute !important;
4
+ width: ${u}px !important;
5
+ height: ${y}px !important;
6
+ ${C}px !important;
7
+ top: ${l}px !important;
8
+ }
9
+ `),()=>{P.contains(p)&&P.removeChild(p)}},[o]),i.jsx(se,{isPresent:o,childRef:n,sizeRef:a,children:r.cloneElement(e,{ref:m})})}const ie=({children:e,initial:o,isPresent:t,onExitComplete:c,custom:s,presenceAffectsLayout:n,mode:a,anchorX:f,root:m})=>{const u=D(re),y=r.useId();let l=!0,h=r.useMemo(()=>(l=!1,{id:y,initial:o,isPresent:t,custom:s,onExitComplete:x=>{u.set(x,!0);for(const C of u.values())if(!C)return;c&&c()},register:x=>(u.set(x,!1),()=>u.delete(x))}),[t,u,c]);return n&&l&&(h={...h}),r.useMemo(()=>{u.forEach((x,C)=>u.set(C,!1))},[t]),r.useEffect(()=>{!t&&!u.size&&c&&c()},[t]),a==="popLayout"&&(e=i.jsx(oe,{isPresent:t,anchorX:f,root:m,children:e})),i.jsx(X.Provider,{value:h,children:e})};function re(){return new Map}const k=e=>e.key||"";function z(e){const o=[];return r.Children.forEach(e,t=>{r.isValidElement(t)&&o.push(t)}),o}const ce=({children:e,custom:o,initial:t=!0,onExitComplete:c,presenceAffectsLayout:s=!0,mode:n="sync",propagate:a=!1,anchorX:f="left",root:m})=>{const[u,y]=J(a),l=r.useMemo(()=>z(e),[e]),h=a&&!u?[]:l.map(k),x=r.useRef(!0),C=r.useRef(l),p=D(()=>new Map),[P,U]=r.useState(l),[v,I]=r.useState(l);Q(()=>{x.current=!1,C.current=l;for(let g=0;g<v.length;g++){const d=k(v[g]);h.includes(d)?p.delete(d):p.get(d)!==!0&&p.set(d,!1)}},[v,h.length,h.join("-")]);const E=[];if(l!==P){let g=[...l];for(let d=0;d<v.length;d++){const j=v[d],T=k(j);h.includes(T)||(g.splice(d,0,j),E.push(j))}return n==="wait"&&E.length&&(g=E),I(z(g)),U(l),null}const{forceRender:B}=r.useContext(Y);return i.jsx(i.Fragment,{children:v.map(g=>{const d=k(g),j=a&&!u?!1:l===v||h.includes(d),T=()=>{if(p.has(d))p.set(d,!0);else return;let N=!0;p.forEach(F=>{F||(N=!1)}),N&&(B?.(),I(C.current),a&&y?.(),c&&c())};return i.jsx(ie,{isPresent:j,initial:!x.current||t?void 0:!1,custom:o,presenceAffectsLayout:s,mode:n,root:m,onExitComplete:j?void 0:T,anchorX:f,children:g},d)})})},L=S("toast-provider"),A=({position:e})=>{const{items:o}=w();return i.jsx("div",{className:`${L} ${L}--${e}`,children:i.jsx(ce,{mode:"popLayout",children:o.filter(t=>t.config.position===e).map(t=>i.jsx(Z.div,{style:{display:"flex",flexDirection:"column",justifyContent:e==="bottom"?"flex-start":"flex-end"},initial:{height:0,opacity:0},animate:{height:"auto",opacity:1},exit:{opacity:0,y:o.length>1?"0%":e==="top"?"-100%":"100%"},children:i.jsx(R,{...t.config,onActionClick:()=>{R.hide(t.id),t.config.onActionClick?.()},onCloseActionClick:()=>{R.hide(t.id),t.config.onCloseActionClick?.()}})},t.id))})})},le=()=>i.jsxs(i.Fragment,{children:[_.createPortal(i.jsx(A,{position:"top"}),document.body),_.createPortal(i.jsx(A,{position:"bottom"}),document.body)]});le.__docgenInfo={description:"",methods:[],displayName:"ToastProvider"};export{R as T,le as a};
@@ -1,4 +1,4 @@
1
- import{j as o}from"./iframe-CLEfhyJc.js";import{T as M,S as k,M as y,P as N,a as T}from"./blocks-CpOj9FQ_.js";import{T as e,a as j}from"./toast-provider-B9k1NBG6.js";import{B as s}from"./button-GtWXUngt.js";import{t}from"./store-D2RudmNr.js";import"./preload-helper-PPVm8Dsz.js";import"./index-CaMbLGUB.js";import"./classname-DoNrELT0.js";import"./icon-TJ3FHxUI.js";import"./colors-_6nFGM3e.js";import"./typography-DoV67nnS.js";import"./react-mAVd1wAc.js";const D=()=>{const n=`
1
+ import{j as o}from"./iframe-C0PGuV5s.js";import{T as M,S as k,M as y,P as N,a as T}from"./blocks-D4qvS4eZ.js";import{T as e,a as j}from"./toast-provider-ChNGFQlt.js";import{B as s}from"./button-CbLEqALK.js";import{t}from"./store-BmYgrUro.js";import"./preload-helper-PPVm8Dsz.js";import"./index-1AHvPexM.js";import"./icon-CgGksgRS.js";import"./colors-_6nFGM3e.js";import"./typography-BcLxefPi.js";import"./react-zqqxT5R_.js";import"./proxy-edvPwIiD.js";const D=()=>{const n=`
2
2
  ## ${t("common.table.title")}
3
3
 
4
4
  | ${t("common.table.name")} | ${t("common.table.type")} | ${t("common.table.required")} | ${t("common.table.description")} |
@@ -0,0 +1 @@
1
+ import{j as o}from"./iframe-C0PGuV5s.js";import{c as e,g as n}from"./store-BmYgrUro.js";import{I as p}from"./icon-CgGksgRS.js";const s=n("tooltip"),d=r=>{const{type:a="default",position:t="top",closeable:i,className:c,children:l,...m}=r;return o.jsxs("div",{className:e(s,`${s}--${a}`,c),...m,children:[o.jsx("div",{className:e(`${s}__arrow`,`${s}__arrow--${t}`,`${s}__arrow--${a}`)}),o.jsx("div",{className:`${s}__content`,children:l}),i&&o.jsx("div",{className:`${s}__close`,children:o.jsx(p,{name:"xmark",size:16})})]})};d.__docgenInfo={description:"",methods:[],displayName:"Tooltip"};export{d as T};
@@ -1,4 +1,4 @@
1
- import{j as t}from"./iframe-CLEfhyJc.js";import{T as e}from"./tooltip-VnA8Hy0S.js";import{t as o}from"./store-D2RudmNr.js";import{T as a,S as d,M as c,P as g,a as h}from"./blocks-CpOj9FQ_.js";import"./preload-helper-PPVm8Dsz.js";import"./classname-DoNrELT0.js";import"./icon-TJ3FHxUI.js";import"./colors-_6nFGM3e.js";import"./index-CaMbLGUB.js";const x=()=>{const m=`
1
+ import{j as t}from"./iframe-C0PGuV5s.js";import{T as e}from"./tooltip-CrxOWTXS.js";import{t as o}from"./store-BmYgrUro.js";import{T as a,S as d,M as c,P as g,a as h}from"./blocks-D4qvS4eZ.js";import"./preload-helper-PPVm8Dsz.js";import"./icon-CgGksgRS.js";import"./colors-_6nFGM3e.js";import"./index-1AHvPexM.js";const x=()=>{const m=`
2
2
  ## ${o("common.table.title")}
3
3
  | ${o("common.table.name")} | ${o("common.table.type")} | ${o("common.table.required")} | ${o("common.table.description")} |
4
4
  | :--- | :--- | :---: | :--- |
@@ -8,7 +8,7 @@ import{j as t}from"./iframe-CLEfhyJc.js";import{T as e}from"./tooltip-VnA8Hy0S.j
8
8
  | \`children\` | \`ReactNode\` | ${o("common.table.no")} | ${o("components.tooltip.argTypes.childrenDescription")} |
9
9
  | \`className\` | \`string\` | ${o("common.table.no")} | ${o("components.tooltip.argTypes.classNameDescription")} |
10
10
  | \`...props\` | \`ComponentPropsWithRef<'div'>\` | ${o("common.table.no")} | ${o("components.tooltip.argTypes.propsDescription")} |
11
- `;return t.jsxs(t.Fragment,{children:[t.jsx(a,{}),t.jsx(d,{}),t.jsx(c,{children:o("components.tooltip.description")}),t.jsx(g,{}),t.jsx(c,{children:m}),t.jsx(h,{})]})},B={title:"Components/Tooltip",component:e,parameters:{layout:"padded",docs:{page:x}},tags:["autodocs"],argTypes:{type:{control:"select",options:["default","reverse"],description:o("components.tooltip.argTypes.typeDescription"),table:{type:{summary:'"default" | "reverse"'},defaultValue:{summary:"default"}}},position:{control:"select",options:["top","bottom","right","left","top-left","top-right","bottom-left","bottom-right","left-top","left-bottom","right-top","right-bottom"],description:o("components.tooltip.argTypes.positionDescription"),table:{type:{summary:"ITooltipPosition"},defaultValue:{summary:"top"}}},closeable:{control:"boolean",description:o("components.tooltip.argTypes.closeableDescription"),table:{type:{summary:"boolean"}}},children:{description:o("components.tooltip.argTypes.childrenDescription")},className:{description:o("components.tooltip.argTypes.classNameDescription")}}},s={name:o("components.tooltip.stories.default.name"),args:{children:o("components.tooltip.stories.default.content")}},i={name:o("components.tooltip.stories.types.name"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsxs("div",{children:[t.jsx("p",{style:{marginBottom:"8px"},children:o("components.tooltip.stories.types.default")}),t.jsx(e,{type:"default",position:"top",children:o("components.tooltip.stories.types.defaultContent")})]}),t.jsxs("div",{children:[t.jsx("p",{style:{marginBottom:"8px"},children:o("components.tooltip.stories.types.reverse")}),t.jsx(e,{type:"reverse",position:"top",children:o("components.tooltip.stories.types.reverseContent")})]})]})},n={name:o("components.tooltip.stories.positions.name"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:[t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:o("components.tooltip.stories.positions.top")}),t.jsxs("div",{style:{display:"flex",gap:"16px"},children:[t.jsx(e,{position:"top",children:o("components.tooltip.positions.top")}),t.jsx(e,{position:"top-left",children:o("components.tooltip.positions.topLeft")}),t.jsx(e,{position:"top-right",children:o("components.tooltip.positions.topRight")})]})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:o("components.tooltip.stories.positions.bottom")}),t.jsxs("div",{style:{display:"flex",gap:"16px"},children:[t.jsx(e,{position:"bottom",children:o("components.tooltip.positions.bottom")}),t.jsx(e,{position:"bottom-left",children:o("components.tooltip.positions.bottomLeft")}),t.jsx(e,{position:"bottom-right",children:o("components.tooltip.positions.bottomRight")})]})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:o("components.tooltip.stories.positions.left")}),t.jsxs("div",{style:{display:"flex",gap:"16px"},children:[t.jsx(e,{position:"left",children:o("components.tooltip.positions.left")}),t.jsx(e,{position:"left-top",children:o("components.tooltip.positions.leftTop")}),t.jsx(e,{position:"left-bottom",children:o("components.tooltip.positions.leftBottom")})]})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:o("components.tooltip.stories.positions.right")}),t.jsxs("div",{style:{display:"flex",gap:"16px"},children:[t.jsx(e,{position:"right",children:o("components.tooltip.positions.right")}),t.jsx(e,{position:"right-top",children:o("components.tooltip.positions.rightTop")}),t.jsx(e,{position:"right-bottom",children:o("components.tooltip.positions.rightBottom")})]})]})]})},p={name:o("components.tooltip.stories.closeable.name"),args:{children:o("components.tooltip.stories.closeable.content"),closeable:!0}},l={name:o("components.tooltip.stories.longContent.name"),args:{children:o("components.tooltip.stories.longContent.content")}},r={name:o("components.tooltip.stories.interactive.name"),args:{children:o("components.tooltip.stories.interactive.content"),position:"top"}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
11
+ `;return t.jsxs(t.Fragment,{children:[t.jsx(a,{}),t.jsx(d,{}),t.jsx(c,{children:o("components.tooltip.description")}),t.jsx(g,{}),t.jsx(c,{children:m}),t.jsx(h,{})]})},$={title:"Components/Tooltip",component:e,parameters:{layout:"padded",docs:{page:x}},tags:["autodocs"],argTypes:{type:{control:"select",options:["default","reverse"],description:o("components.tooltip.argTypes.typeDescription"),table:{type:{summary:'"default" | "reverse"'},defaultValue:{summary:"default"}}},position:{control:"select",options:["top","bottom","right","left","top-left","top-right","bottom-left","bottom-right","left-top","left-bottom","right-top","right-bottom"],description:o("components.tooltip.argTypes.positionDescription"),table:{type:{summary:"ITooltipPosition"},defaultValue:{summary:"top"}}},closeable:{control:"boolean",description:o("components.tooltip.argTypes.closeableDescription"),table:{type:{summary:"boolean"}}},children:{description:o("components.tooltip.argTypes.childrenDescription")},className:{description:o("components.tooltip.argTypes.classNameDescription")}}},s={name:o("components.tooltip.stories.default.name"),args:{children:o("components.tooltip.stories.default.content")}},i={name:o("components.tooltip.stories.types.name"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsxs("div",{children:[t.jsx("p",{style:{marginBottom:"8px"},children:o("components.tooltip.stories.types.default")}),t.jsx(e,{type:"default",position:"top",children:o("components.tooltip.stories.types.defaultContent")})]}),t.jsxs("div",{children:[t.jsx("p",{style:{marginBottom:"8px"},children:o("components.tooltip.stories.types.reverse")}),t.jsx(e,{type:"reverse",position:"top",children:o("components.tooltip.stories.types.reverseContent")})]})]})},n={name:o("components.tooltip.stories.positions.name"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:[t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:o("components.tooltip.stories.positions.top")}),t.jsxs("div",{style:{display:"flex",gap:"16px"},children:[t.jsx(e,{position:"top",children:o("components.tooltip.positions.top")}),t.jsx(e,{position:"top-left",children:o("components.tooltip.positions.topLeft")}),t.jsx(e,{position:"top-right",children:o("components.tooltip.positions.topRight")})]})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:o("components.tooltip.stories.positions.bottom")}),t.jsxs("div",{style:{display:"flex",gap:"16px"},children:[t.jsx(e,{position:"bottom",children:o("components.tooltip.positions.bottom")}),t.jsx(e,{position:"bottom-left",children:o("components.tooltip.positions.bottomLeft")}),t.jsx(e,{position:"bottom-right",children:o("components.tooltip.positions.bottomRight")})]})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:o("components.tooltip.stories.positions.left")}),t.jsxs("div",{style:{display:"flex",gap:"16px"},children:[t.jsx(e,{position:"left",children:o("components.tooltip.positions.left")}),t.jsx(e,{position:"left-top",children:o("components.tooltip.positions.leftTop")}),t.jsx(e,{position:"left-bottom",children:o("components.tooltip.positions.leftBottom")})]})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:o("components.tooltip.stories.positions.right")}),t.jsxs("div",{style:{display:"flex",gap:"16px"},children:[t.jsx(e,{position:"right",children:o("components.tooltip.positions.right")}),t.jsx(e,{position:"right-top",children:o("components.tooltip.positions.rightTop")}),t.jsx(e,{position:"right-bottom",children:o("components.tooltip.positions.rightBottom")})]})]})]})},p={name:o("components.tooltip.stories.closeable.name"),args:{children:o("components.tooltip.stories.closeable.content"),closeable:!0}},l={name:o("components.tooltip.stories.longContent.name"),args:{children:o("components.tooltip.stories.longContent.content")}},r={name:o("components.tooltip.stories.interactive.name"),args:{children:o("components.tooltip.stories.interactive.content"),position:"top"}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
12
12
  name: t('components.tooltip.stories.default.name'),
13
13
  args: {
14
14
  children: t('components.tooltip.stories.default.content')
@@ -150,4 +150,4 @@ import{j as t}from"./iframe-CLEfhyJc.js";import{T as e}from"./tooltip-VnA8Hy0S.j
150
150
  children: t('components.tooltip.stories.interactive.content'),
151
151
  position: 'top'
152
152
  }
153
- }`,...r.parameters?.docs?.source}}};const C=["Default","Types","Positions","Closeable","LongContent","Interactive"];export{p as Closeable,s as Default,r as Interactive,l as LongContent,n as Positions,i as Types,C as __namedExportsOrder,B as default};
153
+ }`,...r.parameters?.docs?.source}}};const B=["Default","Types","Positions","Closeable","LongContent","Interactive"];export{p as Closeable,s as Default,r as Interactive,l as LongContent,n as Positions,i as Types,B as __namedExportsOrder,$ as default};
@@ -0,0 +1 @@
1
+ import{j as l}from"./iframe-C0PGuV5s.js";import{c as m,g as n}from"./store-BmYgrUro.js";import{g as f}from"./colors-_6nFGM3e.js";const e=n("typography"),u=({component:s,size:a="inherit",weight:o="inherit",color:r,className:t,...i})=>{const p=s||"div";return l.jsx(p,{className:m(e,`${e}__size--${a}`,`${e}__weight--${o}`,t),...i,style:{color:f(r)}})};u.__docgenInfo={description:"",methods:[],displayName:"Typography",props:{size:{defaultValue:{value:"'inherit'",computed:!1},required:!1},weight:{defaultValue:{value:"'inherit'",computed:!1},required:!1}}};export{u as T};
@@ -1,4 +1,4 @@
1
- import{j as o}from"./iframe-CLEfhyJc.js";import{T as t}from"./typography-DoV67nnS.js";import{t as e}from"./store-D2RudmNr.js";import{T as c,S as l,M as g,P as m,a as d}from"./blocks-CpOj9FQ_.js";import"./preload-helper-PPVm8Dsz.js";import"./classname-DoNrELT0.js";import"./colors-_6nFGM3e.js";import"./index-CaMbLGUB.js";const f=()=>{const h=`
1
+ import{j as o}from"./iframe-C0PGuV5s.js";import{T as t}from"./typography-BcLxefPi.js";import{t as e}from"./store-BmYgrUro.js";import{T as c,S as l,M as g,P as m,a as d}from"./blocks-D4qvS4eZ.js";import"./preload-helper-PPVm8Dsz.js";import"./colors-_6nFGM3e.js";import"./index-1AHvPexM.js";const f=()=>{const h=`
2
2
  ## ${e("common.table.title")}
3
3
 
4
4
  ### Typography
@@ -44,7 +44,7 @@ import{j as o}from"./iframe-CLEfhyJc.js";import{T as t}from"./typography-DoV67nn
44
44
  | \`'700'\` / \`'bold'\` | ${e("components.typography.weights.bold")} |
45
45
  | \`'800'\` | ${e("components.typography.weights.800")} |
46
46
  | \`'900'\` | ${e("components.typography.weights.900")} |
47
- `;return o.jsxs(o.Fragment,{children:[o.jsx(c,{}),o.jsx(l,{}),o.jsx(g,{children:e("components.typography.description")}),o.jsx(m,{}),o.jsx(g,{children:h}),o.jsx(d,{})]})},D={title:"Components/Typography",component:t,parameters:{layout:"padded",docs:{page:f}},tags:["autodocs"],argTypes:{component:{control:"select",options:["div","p","span","h1","h2","h3","h4","h5","h6"],description:e("components.typography.argTypes.componentDescription"),table:{type:{summary:"ElementType"},defaultValue:{summary:"div"}}},size:{control:"select",options:["inherit","5x-large","4x-large","3x-large","2x-large","x-large","large","base","small","x-small","2x-small","3x-small"],description:e("components.typography.argTypes.sizeDescription"),table:{type:{summary:"ITypographySize"},defaultValue:{summary:"inherit"}}},weight:{control:"select",options:["inherit","bold","semibold","medium","regular","100","200","300","400","500","600","700","800","900"],description:e("components.typography.argTypes.weightDescription"),table:{type:{summary:"ITypographyWeight"},defaultValue:{summary:"inherit"}}},color:{control:"text",description:e("components.typography.argTypes.colorDescription")+" (e.g., alias-object-primary) or CSS color value (e.g., #FF0000).",table:{type:{summary:"IColor"}}},className:{control:"text",description:e("components.typography.argTypes.classNameDescription"),table:{type:{summary:"string"}}},children:{control:"text",description:e("components.typography.argTypes.childrenDescription"),table:{type:{summary:"ReactNode"}}}}},s={name:e("components.typography.stories.default.name"),args:{children:e("components.typography.stories.default.text")}},r={name:e("components.typography.stories.differentSizes.name"),render:()=>o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[o.jsx(t,{size:"3x-small",children:e("components.typography.stories.differentSizes.size3xSmall")}),o.jsx(t,{size:"2x-small",children:e("components.typography.stories.differentSizes.size2xSmall")}),o.jsx(t,{size:"x-small",children:e("components.typography.stories.differentSizes.sizeXSmall")}),o.jsx(t,{size:"small",children:e("components.typography.stories.differentSizes.sizeSmall")}),o.jsx(t,{size:"base",children:e("components.typography.stories.differentSizes.sizeBase")}),o.jsx(t,{size:"large",children:e("components.typography.stories.differentSizes.sizeLarge")}),o.jsx(t,{size:"x-large",children:e("components.typography.stories.differentSizes.sizeXLarge")}),o.jsx(t,{size:"2x-large",children:e("components.typography.stories.differentSizes.size2xLarge")}),o.jsx(t,{size:"3x-large",children:e("components.typography.stories.differentSizes.size3xLarge")}),o.jsx(t,{size:"4x-large",children:e("components.typography.stories.differentSizes.size4xLarge")}),o.jsx(t,{size:"5x-large",children:e("components.typography.stories.differentSizes.size5xLarge")})]})},p={name:e("components.typography.stories.differentWeights.name"),render:()=>o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[o.jsx(t,{weight:"100",children:e("components.typography.stories.differentWeights.weight100")}),o.jsx(t,{weight:"200",children:e("components.typography.stories.differentWeights.weight200")}),o.jsx(t,{weight:"300",children:e("components.typography.stories.differentWeights.weight300")}),o.jsx(t,{weight:"400",children:e("components.typography.stories.differentWeights.weight400")}),o.jsx(t,{weight:"500",children:e("components.typography.stories.differentWeights.weight500")}),o.jsx(t,{weight:"600",children:e("components.typography.stories.differentWeights.weight600")}),o.jsx(t,{weight:"700",children:e("components.typography.stories.differentWeights.weight700")}),o.jsx(t,{weight:"800",children:e("components.typography.stories.differentWeights.weight800")}),o.jsx(t,{weight:"900",children:e("components.typography.stories.differentWeights.weight900")})]})},i={name:e("components.typography.stories.withColors.name"),render:()=>o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[o.jsx(t,{color:"alias-object-primary",children:e("components.typography.stories.withColors.primary")}),o.jsx(t,{color:"alias-object-secondary",children:e("components.typography.stories.withColors.secondary")}),o.jsx(t,{color:"alias-object-tertiary",children:e("components.typography.stories.withColors.tertiary")}),o.jsx(t,{color:"alias-object-danger",children:e("components.typography.stories.withColors.danger")}),o.jsx(t,{color:"alias-object-success",children:e("components.typography.stories.withColors.success")})]})},n={name:e("components.typography.stories.asDifferentElements.name"),render:()=>o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[o.jsx(t,{component:"h1",size:"4x-large",weight:"bold",children:e("components.typography.stories.asDifferentElements.heading1")}),o.jsx(t,{component:"h2",size:"3x-large",weight:"bold",children:e("components.typography.stories.asDifferentElements.heading2")}),o.jsx(t,{component:"h3",size:"2x-large",weight:"semibold",children:e("components.typography.stories.asDifferentElements.heading3")}),o.jsx(t,{component:"h4",size:"x-large",weight:"semibold",children:e("components.typography.stories.asDifferentElements.heading4")}),o.jsx(t,{component:"p",size:"base",children:e("components.typography.stories.asDifferentElements.paragraph")}),o.jsx(t,{component:"span",size:"small",children:e("components.typography.stories.asDifferentElements.span")})]})},a={render:()=>o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:[o.jsx(t,{component:"h2",size:"x-large",weight:"bold",color:"alias-object-primary",children:e("components.typography.stories.completeExample.title")}),o.jsx(t,{component:"p",size:"base",weight:"regular",children:e("components.typography.stories.completeExample.paragraph")}),o.jsx(t,{component:"span",size:"small",weight:"medium",color:"#666666",children:e("components.typography.stories.completeExample.caption")})]})},y={name:e("components.typography.stories.interactive.name"),args:{children:e("components.typography.stories.interactive.text"),size:"base",weight:"regular",color:"alias-object-primary",component:"div"}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
47
+ `;return o.jsxs(o.Fragment,{children:[o.jsx(c,{}),o.jsx(l,{}),o.jsx(g,{children:e("components.typography.description")}),o.jsx(m,{}),o.jsx(g,{children:h}),o.jsx(d,{})]})},S={title:"Components/Typography",component:t,parameters:{layout:"padded",docs:{page:f}},tags:["autodocs"],argTypes:{component:{control:"select",options:["div","p","span","h1","h2","h3","h4","h5","h6"],description:e("components.typography.argTypes.componentDescription"),table:{type:{summary:"ElementType"},defaultValue:{summary:"div"}}},size:{control:"select",options:["inherit","5x-large","4x-large","3x-large","2x-large","x-large","large","base","small","x-small","2x-small","3x-small"],description:e("components.typography.argTypes.sizeDescription"),table:{type:{summary:"ITypographySize"},defaultValue:{summary:"inherit"}}},weight:{control:"select",options:["inherit","bold","semibold","medium","regular","100","200","300","400","500","600","700","800","900"],description:e("components.typography.argTypes.weightDescription"),table:{type:{summary:"ITypographyWeight"},defaultValue:{summary:"inherit"}}},color:{control:"text",description:e("components.typography.argTypes.colorDescription")+" (e.g., alias-object-primary) or CSS color value (e.g., #FF0000).",table:{type:{summary:"IColor"}}},className:{control:"text",description:e("components.typography.argTypes.classNameDescription"),table:{type:{summary:"string"}}},children:{control:"text",description:e("components.typography.argTypes.childrenDescription"),table:{type:{summary:"ReactNode"}}}}},s={name:e("components.typography.stories.default.name"),args:{children:e("components.typography.stories.default.text")}},r={name:e("components.typography.stories.differentSizes.name"),render:()=>o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[o.jsx(t,{size:"3x-small",children:e("components.typography.stories.differentSizes.size3xSmall")}),o.jsx(t,{size:"2x-small",children:e("components.typography.stories.differentSizes.size2xSmall")}),o.jsx(t,{size:"x-small",children:e("components.typography.stories.differentSizes.sizeXSmall")}),o.jsx(t,{size:"small",children:e("components.typography.stories.differentSizes.sizeSmall")}),o.jsx(t,{size:"base",children:e("components.typography.stories.differentSizes.sizeBase")}),o.jsx(t,{size:"large",children:e("components.typography.stories.differentSizes.sizeLarge")}),o.jsx(t,{size:"x-large",children:e("components.typography.stories.differentSizes.sizeXLarge")}),o.jsx(t,{size:"2x-large",children:e("components.typography.stories.differentSizes.size2xLarge")}),o.jsx(t,{size:"3x-large",children:e("components.typography.stories.differentSizes.size3xLarge")}),o.jsx(t,{size:"4x-large",children:e("components.typography.stories.differentSizes.size4xLarge")}),o.jsx(t,{size:"5x-large",children:e("components.typography.stories.differentSizes.size5xLarge")})]})},p={name:e("components.typography.stories.differentWeights.name"),render:()=>o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[o.jsx(t,{weight:"100",children:e("components.typography.stories.differentWeights.weight100")}),o.jsx(t,{weight:"200",children:e("components.typography.stories.differentWeights.weight200")}),o.jsx(t,{weight:"300",children:e("components.typography.stories.differentWeights.weight300")}),o.jsx(t,{weight:"400",children:e("components.typography.stories.differentWeights.weight400")}),o.jsx(t,{weight:"500",children:e("components.typography.stories.differentWeights.weight500")}),o.jsx(t,{weight:"600",children:e("components.typography.stories.differentWeights.weight600")}),o.jsx(t,{weight:"700",children:e("components.typography.stories.differentWeights.weight700")}),o.jsx(t,{weight:"800",children:e("components.typography.stories.differentWeights.weight800")}),o.jsx(t,{weight:"900",children:e("components.typography.stories.differentWeights.weight900")})]})},i={name:e("components.typography.stories.withColors.name"),render:()=>o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[o.jsx(t,{color:"alias-object-primary",children:e("components.typography.stories.withColors.primary")}),o.jsx(t,{color:"alias-object-secondary",children:e("components.typography.stories.withColors.secondary")}),o.jsx(t,{color:"alias-object-tertiary",children:e("components.typography.stories.withColors.tertiary")}),o.jsx(t,{color:"alias-object-danger",children:e("components.typography.stories.withColors.danger")}),o.jsx(t,{color:"alias-object-success",children:e("components.typography.stories.withColors.success")})]})},n={name:e("components.typography.stories.asDifferentElements.name"),render:()=>o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[o.jsx(t,{component:"h1",size:"4x-large",weight:"bold",children:e("components.typography.stories.asDifferentElements.heading1")}),o.jsx(t,{component:"h2",size:"3x-large",weight:"bold",children:e("components.typography.stories.asDifferentElements.heading2")}),o.jsx(t,{component:"h3",size:"2x-large",weight:"semibold",children:e("components.typography.stories.asDifferentElements.heading3")}),o.jsx(t,{component:"h4",size:"x-large",weight:"semibold",children:e("components.typography.stories.asDifferentElements.heading4")}),o.jsx(t,{component:"p",size:"base",children:e("components.typography.stories.asDifferentElements.paragraph")}),o.jsx(t,{component:"span",size:"small",children:e("components.typography.stories.asDifferentElements.span")})]})},a={render:()=>o.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:[o.jsx(t,{component:"h2",size:"x-large",weight:"bold",color:"alias-object-primary",children:e("components.typography.stories.completeExample.title")}),o.jsx(t,{component:"p",size:"base",weight:"regular",children:e("components.typography.stories.completeExample.paragraph")}),o.jsx(t,{component:"span",size:"small",weight:"medium",color:"#666666",children:e("components.typography.stories.completeExample.caption")})]})},y={name:e("components.typography.stories.interactive.name"),args:{children:e("components.typography.stories.interactive.text"),size:"base",weight:"regular",color:"alias-object-primary",component:"div"}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
48
48
  name: t('components.typography.stories.default.name'),
49
49
  args: {
50
50
  children: t('components.typography.stories.default.text')
@@ -199,4 +199,4 @@ import{j as o}from"./iframe-CLEfhyJc.js";import{T as t}from"./typography-DoV67nn
199
199
  color: 'alias-object-primary',
200
200
  component: 'div'
201
201
  }
202
- }`,...y.parameters?.docs?.source}}};const $=["Default","DifferentSizes","DifferentWeights","WithColors","AsDifferentElements","CompleteExample","Interactive"];export{n as AsDifferentElements,a as CompleteExample,s as Default,r as DifferentSizes,p as DifferentWeights,y as Interactive,i as WithColors,$ as __namedExportsOrder,D as default};
202
+ }`,...y.parameters?.docs?.source}}};const D=["Default","DifferentSizes","DifferentWeights","WithColors","AsDifferentElements","CompleteExample","Interactive"];export{n as AsDifferentElements,a as CompleteExample,s as Default,r as DifferentSizes,p as DifferentWeights,y as Interactive,i as WithColors,D as __namedExportsOrder,S as default};
@@ -1,4 +1,4 @@
1
- import{j as o,r as g}from"./iframe-CLEfhyJc.js";import{U as d}from"./chip-zY6gJxDk.js";import{t as e}from"./store-D2RudmNr.js";import{T as b,S as h,M as u,P as v,a as y}from"./blocks-CpOj9FQ_.js";import"./preload-helper-PPVm8Dsz.js";import"./classname-DoNrELT0.js";import"./icon-TJ3FHxUI.js";import"./colors-_6nFGM3e.js";import"./navigation-bar-CiGSH7u8.js";import"./visibility-sensor-huP-8j4n.js";import"./index-B-Ksafg0.js";import"./store-DxAqU1JB.js";import"./_setToString-CjYxL0rS.js";import"./react-mAVd1wAc.js";import"./omit-CStFhbPt.js";import"./pick-DbIUGM9R.js";import"./button-GtWXUngt.js";import"./typography-DoV67nnS.js";import"./image-D6Yo4ht9.js";import"./bottom-tab-bar-BsPd0FD7.js";import"./toast-provider-B9k1NBG6.js";import"./carousel-sbzGq2WF.js";import"./embla-carousel-react.esm-CCQjHA-d.js";import"./pagination-Dcazh6R_.js";import"./section-content-pkGNuEs6.js";import"./option-item-BloohEvW.js";import"./index-DRIh_SUo.js";import"./alert-abKmNYys.js";import"./skeleton-Dn8rwbgX.js";import"./label-fI1oWVKU.js";import"./input-wrapper-D_9hAdHZ.js";import"./text-field-CjrgfYOZ.js";import"./number-field-DNj4myBV.js";import"./checkbox-CMpJJxvm.js";import"./radio-t2E8E0Oc.js";import"./date-Ci5dIit0.js";import"./date-picker-BCIW_1-h.js";import"./calendar-CJ5_NxYx.js";import"./search-field-CuiHMy7j.js";import"./text-area-CAmJ2yms.js";import"./avatar-B-jvPnzm.js";import"./badge-Cc9u7jBX.js";import"./switch-BziC1t_8.js";import"./tab-bar-DZ3oOU50.js";import"./rating-DsULci27.js";import"./tooltip-VnA8Hy0S.js";import"./index-CaMbLGUB.js";const w=()=>{const r=`
1
+ import{j as o,r as g}from"./iframe-C0PGuV5s.js";import{U as d}from"./chip-D4_ukvFv.js";import{t as e}from"./store-BmYgrUro.js";import{T as b,S as h,M as u,P as v,a as y}from"./blocks-D4qvS4eZ.js";import"./preload-helper-PPVm8Dsz.js";import"./icon-CgGksgRS.js";import"./colors-_6nFGM3e.js";import"./app-B__CxZQv.js";import"./index-BLzgbpm2.js";import"./react-zqqxT5R_.js";import"./button-CbLEqALK.js";import"./typography-BcLxefPi.js";import"./image-BdsCB1je.js";import"./visibility-sensor-FN9n9CLs.js";import"./index-B-Ksafg0.js";import"./toast-provider-ChNGFQlt.js";import"./proxy-edvPwIiD.js";import"./navigation-bar-TpF0DSXB.js";import"./_baseClone-4nOrhHpR.js";import"./bottom-tab-bar-UaYvPAic.js";import"./carousel-C1nQGnJZ.js";import"./embla-carousel-react.esm-Pp2OIUrN.js";import"./pagination-MBP1YLhT.js";import"./sheet-footer-BL2JAvmb.js";import"./dialog-8K5u-kre.js";import"./section-content-dVOJuOaN.js";import"./option-item-Bmby544G.js";import"./index-DWjPAWoJ.js";import"./alert-D3VdqAYm.js";import"./skeleton-CmGRbWqE.js";import"./label-CHVpMhb5.js";import"./input-wrapper-DkEl0Eih.js";import"./omit-D04qL5V_.js";import"./text-field-DrODy0yz.js";import"./number-field-CvCF5adO.js";import"./checkbox-Bs8ghsWP.js";import"./radio-DRPO7cjx.js";import"./date-field-range-DSAQp9qR.js";import"./calendar-C7tiySn0.js";import"./date-C1W0DfQy.js";import"./date-picker--PiU9sOL.js";import"./search-field-CophTGGH.js";import"./text-area-WRb8Dkvn.js";import"./dropdown-BeoO7m-R.js";import"./avatar-BVV1WSnD.js";import"./badge-DLt8CmDs.js";import"./switch-Cc-NvT4X.js";import"./tab-bar-DTyg7tFP.js";import"./rating-CTv8C1tH.js";import"./tooltip-CrxOWTXS.js";import"./index-1AHvPexM.js";const w=()=>{const r=`
2
2
  ## ${e("common.table.title")}
3
3
  | ${e("common.table.name")} | ${e("common.table.type")} | ${e("common.table.required")} | ${e("common.table.description")} |
4
4
  | :--- | :--- | :---: | :--- |
@@ -10,7 +10,7 @@ import{j as o,r as g}from"./iframe-CLEfhyJc.js";import{U as d}from"./chip-zY6gJx
10
10
  | \`includeBase64\` | \`boolean\` | ${e("common.table.no")} | ${e("components.uploader.argTypes.includeBase64Description")} |
11
11
  | \`className\` | \`string\` | ${e("common.table.no")} | ${e("components.uploader.argTypes.classNameDescription")} |
12
12
  | \`...props\` | \`ComponentPropsWithRef<'div'>\` | ${e("common.table.no")} | ${e("components.uploader.argTypes.propsDescription")} |
13
- `;return o.jsxs(o.Fragment,{children:[o.jsx(b,{}),o.jsx(h,{}),o.jsx(u,{children:e("components.uploader.description")}),o.jsx(v,{}),o.jsx(u,{children:r}),o.jsx(y,{})]})},ue={title:"Components/Uploader",component:d,parameters:{layout:"padded",docs:{page:w}},tags:["autodocs"],argTypes:{value:{control:!1,description:e("components.uploader.argTypes.valueDescription"),table:{type:{summary:"IFileUpload[]"}}},onChange:{action:"changed",description:e("components.uploader.argTypes.onChangeDescription"),table:{type:{summary:"(files: IFileUpload[]) => void"}}},limit:{control:{type:"number",min:1,max:10,step:1},description:e("components.uploader.argTypes.limitDescription"),table:{type:{summary:"number"}}},disabled:{control:"boolean",description:e("components.uploader.argTypes.disabledDescription"),table:{type:{summary:"boolean"}}},showPreview:{control:"boolean",description:e("components.uploader.argTypes.showPreviewDescription"),table:{type:{summary:"boolean"}}},includeBase64:{control:"boolean",description:e("components.uploader.argTypes.includeBase64Description"),table:{type:{summary:"boolean"}}},className:{control:"text",description:e("components.uploader.argTypes.classNameDescription"),table:{type:{summary:"string"}}}}},t={name:e("components.uploader.stories.default.name"),args:{}},s={name:e("components.uploader.stories.controlled.name"),render:()=>{const[r,c]=g.useState([]);return o.jsx(d,{value:r,onChange:c})}},n={name:e("components.uploader.stories.withLimit.name"),args:{limit:3}},a={name:e("components.uploader.stories.withPreview.name"),args:{showPreview:!0}},i={name:e("components.uploader.stories.disabled.name"),args:{disabled:!0}},p={name:e("components.uploader.stories.singleFile.name"),args:{limit:1,showPreview:!0}},m={name:e("components.uploader.stories.multipleFiles.name"),args:{limit:5,showPreview:!0}},l={name:e("components.uploader.stories.interactive.name"),render:()=>{const[r,c]=g.useState([]);return o.jsxs("div",{children:[o.jsx(d,{value:r,onChange:c,showPreview:!0,limit:3}),o.jsx("p",{style:{marginTop:"16px",fontSize:"14px"},children:e("components.uploader.stories.interactive.filesUploaded",{count:r.length})})]})}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
13
+ `;return o.jsxs(o.Fragment,{children:[o.jsx(b,{}),o.jsx(h,{}),o.jsx(u,{children:e("components.uploader.description")}),o.jsx(v,{}),o.jsx(u,{children:r}),o.jsx(y,{})]})},ve={title:"Components/Uploader",component:d,parameters:{layout:"padded",docs:{page:w}},tags:["autodocs"],argTypes:{value:{control:!1,description:e("components.uploader.argTypes.valueDescription"),table:{type:{summary:"IFileUpload[]"}}},onChange:{action:"changed",description:e("components.uploader.argTypes.onChangeDescription"),table:{type:{summary:"(files: IFileUpload[]) => void"}}},limit:{control:{type:"number",min:1,max:10,step:1},description:e("components.uploader.argTypes.limitDescription"),table:{type:{summary:"number"}}},disabled:{control:"boolean",description:e("components.uploader.argTypes.disabledDescription"),table:{type:{summary:"boolean"}}},showPreview:{control:"boolean",description:e("components.uploader.argTypes.showPreviewDescription"),table:{type:{summary:"boolean"}}},includeBase64:{control:"boolean",description:e("components.uploader.argTypes.includeBase64Description"),table:{type:{summary:"boolean"}}},className:{control:"text",description:e("components.uploader.argTypes.classNameDescription"),table:{type:{summary:"string"}}}}},t={name:e("components.uploader.stories.default.name"),args:{}},s={name:e("components.uploader.stories.controlled.name"),render:()=>{const[r,c]=g.useState([]);return o.jsx(d,{value:r,onChange:c})}},n={name:e("components.uploader.stories.withLimit.name"),args:{limit:3}},a={name:e("components.uploader.stories.withPreview.name"),args:{showPreview:!0}},i={name:e("components.uploader.stories.disabled.name"),args:{disabled:!0}},p={name:e("components.uploader.stories.singleFile.name"),args:{limit:1,showPreview:!0}},m={name:e("components.uploader.stories.multipleFiles.name"),args:{limit:5,showPreview:!0}},l={name:e("components.uploader.stories.interactive.name"),render:()=>{const[r,c]=g.useState([]);return o.jsxs("div",{children:[o.jsx(d,{value:r,onChange:c,showPreview:!0,limit:3}),o.jsx("p",{style:{marginTop:"16px",fontSize:"14px"},children:e("components.uploader.stories.interactive.filesUploaded",{count:r.length})})]})}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
14
14
  name: t('components.uploader.stories.default.name'),
15
15
  args: {}
16
16
  }`,...t.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
@@ -62,4 +62,4 @@ import{j as o,r as g}from"./iframe-CLEfhyJc.js";import{U as d}from"./chip-zY6gJx
62
62
  </p>
63
63
  </div>;
64
64
  }
65
- }`,...l.parameters?.docs?.source}}};const ge=["Default","Controlled","WithLimit","WithPreview","Disabled","SingleFile","MultipleFiles","Interactive"];export{s as Controlled,t as Default,i as Disabled,l as Interactive,m as MultipleFiles,p as SingleFile,n as WithLimit,a as WithPreview,ge as __namedExportsOrder,ue as default};
65
+ }`,...l.parameters?.docs?.source}}};const ye=["Default","Controlled","WithLimit","WithPreview","Disabled","SingleFile","MultipleFiles","Interactive"];export{s as Controlled,t as Default,i as Disabled,l as Interactive,m as MultipleFiles,p as SingleFile,n as WithLimit,a as WithPreview,ye as __namedExportsOrder,ve as default};
@@ -0,0 +1,21 @@
1
+ import{j as e}from"./iframe-C0PGuV5s.js";import{useMDXComponents as t}from"./index-SzFZQQjs.js";import{b as a,M as p}from"./blocks-D4qvS4eZ.js";import"./preload-helper-PPVm8Dsz.js";import"./index-1AHvPexM.js";function r(s){const n={code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",strong:"strong",...t(),...s.components};return e.jsxs(e.Fragment,{children:[`
2
+ `,`
3
+ `,e.jsx(a,{title:"Router/useAppPause"}),`
4
+ `,e.jsx(n.h1,{id:"useapppause",children:"useAppPause"}),`
5
+ `,e.jsxs(n.p,{children:["Hook đăng ký callback khi ",e.jsx(n.strong,{children:"app bị pause"})," (vào nền). Lắng nghe event khi v-app chuyển về chế độ background"]}),`
6
+ `,e.jsx(n.h2,{id:"import",children:"Import"}),`
7
+ `,e.jsx(n.pre,{children:e.jsx(n.code,{className:"language-typescript",children:`import { useAppPause } from '@v-miniapp/router'
8
+ `})}),`
9
+ `,e.jsx(n.h2,{id:"usage",children:"Usage"}),`
10
+ `,e.jsx(n.pre,{children:e.jsx(n.code,{className:"language-tsx",children:`import { useAppPause } from '@v-miniapp/router'
11
+
12
+ const MyPage = () => {
13
+ useAppPause(() => {
14
+ console.log('App paused - pause timers, save draft, etc.')
15
+ })
16
+
17
+ return <div>...</div>
18
+ }
19
+ `})}),`
20
+ `,e.jsx(n.h2,{id:"parameters",children:"Parameters"}),`
21
+ `,e.jsx(p,{children:"\n| Tham số | Kiểu | Mô tả |\n| :--- | :--- | :--- |\n| `onPause` | `() => void` | Callback được gọi khi app pause. Bắt buộc. |\n"})]})}function h(s={}){const{wrapper:n}={...t(),...s.components};return n?e.jsx(n,{...s,children:e.jsx(r,{...s})}):r(s)}export{h as default};
@@ -0,0 +1,21 @@
1
+ import{j as e}from"./iframe-C0PGuV5s.js";import{useMDXComponents as t}from"./index-SzFZQQjs.js";import{b as o,M as p}from"./blocks-D4qvS4eZ.js";import"./preload-helper-PPVm8Dsz.js";import"./index-1AHvPexM.js";function s(r){const n={code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",strong:"strong",...t(),...r.components};return e.jsxs(e.Fragment,{children:[`
2
+ `,`
3
+ `,e.jsx(o,{title:"Router/useAppResume"}),`
4
+ `,e.jsx(n.h1,{id:"useappresume",children:"useAppResume"}),`
5
+ `,e.jsxs(n.p,{children:["Hook đăng ký callback khi ",e.jsx(n.strong,{children:"app resume"})," (quay lại foreground). Lắng nghe event khi v-app chuyển thoát chế độ background"]}),`
6
+ `,e.jsx(n.h2,{id:"import",children:"Import"}),`
7
+ `,e.jsx(n.pre,{children:e.jsx(n.code,{className:"language-typescript",children:`import { useAppResume } from '@v-miniapp/router'
8
+ `})}),`
9
+ `,e.jsx(n.h2,{id:"usage",children:"Usage"}),`
10
+ `,e.jsx(n.pre,{children:e.jsx(n.code,{className:"language-tsx",children:`import { useAppResume } from '@v-miniapp/router'
11
+
12
+ const MyPage = () => {
13
+ useAppResume(() => {
14
+ console.log('App resumed - refresh data, resume timers, etc.')
15
+ })
16
+
17
+ return <div>...</div>
18
+ }
19
+ `})}),`
20
+ `,e.jsx(n.h2,{id:"parameters",children:"Parameters"}),`
21
+ `,e.jsx(p,{children:"\n| Tham số | Kiểu | Mô tả |\n| :--- | :--- | :--- |\n| `onResume` | `() => void` | Callback được gọi khi app resume. Bắt buộc. |\n"})]})}function d(r={}){const{wrapper:n}={...t(),...r.components};return n?e.jsx(n,{...r,children:e.jsx(s,{...r})}):s(r)}export{d as default};
@@ -0,0 +1,49 @@
1
+ import{j as t}from"./iframe-C0PGuV5s.js";import{useMDXComponents as a}from"./index-SzFZQQjs.js";import{b as r,M as i}from"./blocks-D4qvS4eZ.js";import"./preload-helper-PPVm8Dsz.js";import"./index-1AHvPexM.js";function o(n){const e={code:"code",h1:"h1",h2:"h2",h3:"h3",li:"li",p:"p",pre:"pre",strong:"strong",ul:"ul",...a(),...n.components};return t.jsxs(t.Fragment,{children:[`
2
+ `,`
3
+ `,t.jsx(r,{title:"UI React/useBottomTabBar"}),`
4
+ `,t.jsx(e.h1,{id:"usebottomtabbar",children:"useBottomTabBar"}),`
5
+ `,t.jsxs(e.p,{children:["Hook trả về ",t.jsx(e.strong,{children:"state"})," bottom tab bar đã merge (app + page hiện tại), ",t.jsx(e.strong,{children:"hidden"})," (có nên ẩn bar không), và các function để ",t.jsx(e.strong,{children:"cập nhật"})," / ",t.jsx(e.strong,{children:"ẩn"})," / ",t.jsx(e.strong,{children:"reset"})," cho page hoặc app. Dùng khi cần đọc hoặc thay đổi items, theme, hidden, … từ trong component."]}),`
6
+ `,t.jsx(e.h2,{id:"import",children:"Import"}),`
7
+ `,t.jsx(e.pre,{children:t.jsx(e.code,{className:"language-typescript",children:`import { useBottomTabBar } from '@v-miniapp/ui-react'
8
+ `})}),`
9
+ `,t.jsx(e.h2,{id:"usage",children:"Usage"}),`
10
+ `,t.jsx(e.h3,{id:"đọc-state-và-hidden",children:"Đọc state và hidden"}),`
11
+ `,t.jsx(e.pre,{children:t.jsx(e.code,{className:"language-tsx",children:`import { useBottomTabBar } from '@v-miniapp/ui-react'
12
+
13
+ const MyPage = () => {
14
+ const { state, hidden } = useBottomTabBar()
15
+
16
+ if (hidden) return <div>Bottom bar is hidden</div>
17
+
18
+ return (
19
+ <div>
20
+ <p>Active tab ID from config: {state.items?.find(i => i.id === state.activeId)?.id}</p>
21
+ </div>
22
+ )
23
+ }
24
+ `})}),`
25
+ `,t.jsx(e.h3,{id:"ẩn-bottom-tab-bar-trên-một-page",children:"Ẩn bottom tab bar trên một page"}),`
26
+ `,t.jsx(e.pre,{children:t.jsx(e.code,{className:"language-tsx",children:`const { removePageBottomTabBar, resetPageBottomTabBar } = useBottomTabBar()
27
+
28
+ useEffect(() => {
29
+ removePageBottomTabBar()
30
+ return () => resetPageBottomTabBar()
31
+ }, [])
32
+ `})}),`
33
+ `,t.jsx(e.h3,{id:"cập-nhật-items-hoặc-config-cho-page",children:"Cập nhật items hoặc config cho page"}),`
34
+ `,t.jsx(e.pre,{children:t.jsx(e.code,{className:"language-tsx",children:`const { setPageBottomTabBar } = useBottomTabBar()
35
+
36
+ setPageBottomTabBar({
37
+ items: [
38
+ { id: 'home', path: '/home', name: 'Trang chủ', icon: '...' },
39
+ { id: 'profile', path: '/profile', name: 'Cá nhân', icon: '...' },
40
+ ],
41
+ })
42
+ `})}),`
43
+ `,t.jsx(e.h2,{id:"returns",children:"Returns"}),`
44
+ `,t.jsx(i,{children:"\n| Thuộc tính | Kiểu | Mô tả |\n| :--- | :--- | :--- |\n| `hidden` | `boolean` | `true` khi bar bị ẩn hoặc page không có `bottomTabBarId` khớp với `items`, hoặc `items` rỗng. |\n| `state` | merged | State đã merge: app + page. Gồm `items`, `hidden`, … theo `IAppBottomTabBarConfig`. |\n| `pageState` | `object` | State bottom tab bar riêng của page hiện tại (`bottomTabBarId`, …). |\n| `appState` | `object` | State bottom tab bar mặc định của app. |\n| `setPageBottomTabBar` | `(state: Partial<IPageBottomTabBarState>) => void` | Cập nhật bottom tab bar cho **page hiện tại**. |\n| `setAppBottomTabBar` | `(state: Partial<IAppBottomTabBarState>) => void` | Cập nhật bottom tab bar **mặc định** cho app. |\n| `removePageBottomTabBar` | `() => void` | Ẩn bottom tab bar cho page hiện tại (`hidden: true`). |\n| `removeAppBottomTabBar` | `() => void` | Ẩn bottom tab bar mặc định của app. |\n| `resetPageBottomTabBar` | `() => void` | Reset bottom tab bar của page về config từ `IPageConfig`. |\n| `resetAppBottomTabBar` | `() => void` | Reset bottom tab bar app về config từ `IAppConfig`. |\n"}),`
45
+ `,t.jsx(e.h2,{id:"lưu-ý",children:"Lưu ý"}),`
46
+ `,t.jsxs(e.ul,{children:[`
47
+ `,t.jsxs(e.li,{children:[t.jsx(e.strong,{children:"hidden"})," = true khi: ",t.jsx(e.code,{children:"state.hidden"})," === true, hoặc page không có ",t.jsx(e.code,{children:"bottomTabBarId"}),", hoặc ",t.jsx(e.code,{children:"items"})," rỗng, hoặc không có item nào có ",t.jsx(e.code,{children:"id"})," trùng ",t.jsx(e.code,{children:"pageState.bottomTabBarId"}),"."]}),`
48
+ `,t.jsxs(e.li,{children:["Bottom tab bar thường được cấu hình trong ",t.jsx(e.code,{children:"IAppConfig.bottomTabBar"})," và ",t.jsx(e.code,{children:"IPageConfig.bottomTabBarId"}),"; dùng hook khi cần thay đổi động theo logic trong page."]}),`
49
+ `]})]})}function p(n={}){const{wrapper:e}={...a(),...n.components};return e?t.jsx(e,{...n,children:t.jsx(o,{...n})}):o(n)}export{p as default};
@@ -0,0 +1,26 @@
1
+ import{j as n}from"./iframe-C0PGuV5s.js";import{useMDXComponents as i}from"./index-SzFZQQjs.js";import{b as c,M as s}from"./blocks-D4qvS4eZ.js";import"./preload-helper-PPVm8Dsz.js";import"./index-1AHvPexM.js";function t(o){const e={code:"code",h1:"h1",h2:"h2",p:"p",pre:"pre",strong:"strong",...i(),...o.components};return n.jsxs(n.Fragment,{children:[`
2
+ `,`
3
+ `,n.jsx(c,{title:"UI React/useCustomIconEvent"}),`
4
+ `,n.jsx(e.h1,{id:"usecustomiconevent",children:"useCustomIconEvent"}),`
5
+ `,n.jsxs(e.p,{children:["Hook đăng ký ",n.jsx(e.strong,{children:"callback"})," khi user bấm vào ",n.jsx(e.strong,{children:"custom icon"})," trên navigation bar. Callback nhận ",n.jsx(e.strong,{children:"index"})," của icon (theo thứ tự trong config). Dùng khi page có ",n.jsx(e.code,{children:"navigationBar.customRightIcons"})," hoặc custom icons tương tự."]}),`
6
+ `,n.jsx(e.h2,{id:"import",children:"Import"}),`
7
+ `,n.jsx(e.pre,{children:n.jsx(e.code,{className:"language-typescript",children:`import { useCustomIconEvent } from '@v-miniapp/ui-react'
8
+ `})}),`
9
+ `,n.jsx(e.h2,{id:"usage",children:"Usage"}),`
10
+ `,n.jsx(e.pre,{children:n.jsx(e.code,{className:"language-tsx",children:`import { useCustomIconEvent } from '@v-miniapp/ui-react'
11
+
12
+ const MyPage = () => {
13
+ useCustomIconEvent((index) => {
14
+ if (index === 0) console.log('Icon đầu tiên được bấm')
15
+ if (index === 1) console.log('Icon thứ hai được bấm')
16
+ })
17
+
18
+ return <div>...</div>
19
+ }
20
+ `})}),`
21
+ `,n.jsxs(e.p,{children:["Kết hợp với ",n.jsx(e.code,{children:"navigationBar.customRightIcons"})," (hoặc config tương tự) trong page config để hiển thị icon và xử lý click qua hook này."]}),`
22
+ `,n.jsx(e.h2,{id:"signature",children:"Signature"}),`
23
+ `,n.jsx(e.pre,{children:n.jsx(e.code,{className:"language-typescript",children:`function useCustomIconEvent(onCustomIconEvent: (index: number) => void): void
24
+ `})}),`
25
+ `,n.jsx(e.h2,{id:"parameters",children:"Parameters"}),`
26
+ `,n.jsx(s,{children:"\n| Tham số | Kiểu | Bắt buộc | Mô tả |\n| :--- | :--- | :--- | :--- |\n| `onCustomIconEvent` | `(index: number) => void` | ✓ | Gọi khi custom icon được bấm. `index`: vị trí icon (0-based). |\n"})]})}function u(o={}){const{wrapper:e}={...i(),...o.components};return e?n.jsx(e,{...o,children:n.jsx(t,{...o})}):t(o)}export{u as default};