@v-miniapp/ui-react 1.0.47 → 1.0.59

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-Dp1UG-xp.js +93 -0
  25. package/dist-storybook/assets/{Color-AVL7NMMY-OD8SQvXt.js → Color-AVL7NMMY-XA8cFKdV.js} +1 -1
  26. package/dist-storybook/assets/DEEPLINK-cjgFMuRJ.js +33 -0
  27. package/dist-storybook/assets/{DocsRenderer-PQXLIZUC-D8kbgtPd.js → DocsRenderer-PQXLIZUC-D10-0Yfb.js} +2 -2
  28. package/dist-storybook/assets/EVENTS-BY66PjI7.js +65 -0
  29. package/dist-storybook/assets/GETTING_STARTED-580o-9Mx.js +64 -0
  30. package/dist-storybook/assets/GETTING_STARTED-BiQMvjvo.js +62 -0
  31. package/dist-storybook/assets/GETTING_STARTED-CIVMqKZW.js +80 -0
  32. package/dist-storybook/assets/{INFINITE_SCROLL-O36i5W8i.js → INFINITE_SCROLL-BbeR5HeP.js} +1 -1
  33. package/dist-storybook/assets/LocalesProvider-CMlmwAyY.js +53 -0
  34. package/dist-storybook/assets/MIGRATE_DARKMODE_TO_THEME-CBDyZyg2.js +107 -0
  35. package/dist-storybook/assets/{MIGRATION_GUIDE-Dn2gFk5v.js → MIGRATION_GUIDE-FZyRWI-B.js} +3 -3
  36. package/dist-storybook/assets/OVERVIEW-C9_6gX5Q.js +51 -0
  37. package/dist-storybook/assets/Router-B5U8bubH.js +71 -0
  38. package/dist-storybook/assets/{TAILWIND_INTEGRATION-CVrohRXO.js → TAILWIND_INTEGRATION-BJdy5DAv.js} +1 -1
  39. package/dist-storybook/assets/THEME-CRbvH7KT.js +103 -0
  40. package/dist-storybook/assets/_baseClone-DQVxEhny.js +1 -0
  41. package/dist-storybook/assets/alert-CKwsuaPI.js +1 -0
  42. package/dist-storybook/assets/{alert.stories-XyvS4WTm.js → alert.stories-D0X5wUHk.js} +3 -3
  43. package/dist-storybook/assets/app-CTv8lFU3.js +1 -0
  44. package/dist-storybook/assets/avatar-rWcYGe6j.js +1 -0
  45. package/dist-storybook/assets/{avatar.stories-glTjw5Kd.js → avatar.stories-8lrbhMma.js} +6 -6
  46. package/dist-storybook/assets/{axe-B8nlqekz.js → axe-BHGdSCoA.js} +1 -1
  47. package/dist-storybook/assets/badge-VcjGVEum.js +1 -0
  48. package/dist-storybook/assets/{badge.stories-CeNmmdtv.js → badge.stories-BEFNaUA1.js} +3 -3
  49. package/dist-storybook/assets/{blocks-CpOj9FQ_.js → blocks-DKR3P4qW.js} +3 -3
  50. package/dist-storybook/assets/{bottom-tab-bar-BsPd0FD7.js → bottom-tab-bar-B6IAoRwz.js} +1 -1
  51. package/dist-storybook/assets/{bottom-tab-bar.stories-BG1ee2eN.js → bottom-tab-bar.stories-DXzLlO5o.js} +3 -3
  52. package/dist-storybook/assets/button-DJH3RlJl.js +1 -0
  53. package/dist-storybook/assets/{button.stories-3d_T0h_Z.js → button.stories-DgYDJ6x7.js} +3 -3
  54. package/dist-storybook/assets/calendar-C4Xe_TW2.js +1 -0
  55. package/dist-storybook/assets/{calendar.stories-DEleEKoa.js → calendar.stories-IVvRAjWN.js} +3 -3
  56. package/dist-storybook/assets/carousel-DJlgMyS5.js +37 -0
  57. package/dist-storybook/assets/{carousel.stories-DY9nDa3M.js → carousel.stories-3rA3nxdL.js} +3 -3
  58. package/dist-storybook/assets/checkbox-JOxcmyCZ.js +1 -0
  59. package/dist-storybook/assets/{checkbox.stories-BY8W9TRC.js → checkbox.stories-ge3pgfBb.js} +3 -3
  60. package/dist-storybook/assets/chip-Crt60rph.js +1 -0
  61. package/dist-storybook/assets/{chip.stories-CXh30Tdq.js → chip.stories-D7E6fdiV.js} +3 -3
  62. package/dist-storybook/assets/{date-Ci5dIit0.js → date-B3PFMb6s.js} +1 -1
  63. package/dist-storybook/assets/date-field-range-B-sv9nbW.js +1 -0
  64. package/dist-storybook/assets/date-field.stories-B9G2heHt.js +129 -0
  65. package/dist-storybook/assets/date-picker-BPzKPdhO.js +1 -0
  66. package/dist-storybook/assets/{date-picker.stories-DUaL7sft.js → date-picker.stories-CIFgk4q_.js} +3 -3
  67. package/dist-storybook/assets/dialog-BAfGQzk5.js +1 -0
  68. package/dist-storybook/assets/{dialog.stories-BtQMDA-1.js → dialog.stories-vDMKz9Tw.js} +3 -3
  69. package/dist-storybook/assets/{chip-zY6gJxDk.js → dropdown-Dtomaqpw.js} +2 -2
  70. package/dist-storybook/assets/{dropdown.stories-DF69os0J.js → dropdown.stories-Cj0HM0VI.js} +3 -3
  71. package/dist-storybook/assets/{embla-carousel-react.esm-CCQjHA-d.js → embla-carousel-react.esm-5D5fs7OQ.js} +1 -1
  72. package/dist-storybook/assets/icon-CdiFzFyf.js +1 -0
  73. package/dist-storybook/assets/{icon.stories-Ch36FMIn.js → icon.stories-DWwbUUY-.js} +3 -3
  74. package/dist-storybook/assets/iframe-BHaCv4dM.css +1 -0
  75. package/dist-storybook/assets/{iframe-CLEfhyJc.js → iframe-DfPay7Zl.js} +42 -42
  76. package/dist-storybook/assets/image-CMKb-R3x.js +9 -0
  77. package/dist-storybook/assets/{image.stories-CJPB43ys.js → image.stories-BhZU057W.js} +3 -3
  78. package/dist-storybook/assets/index-BWpuenI4.js +1 -0
  79. package/dist-storybook/assets/{index-7xlKHfV2.js → index-DqZh6B0b.js} +1 -1
  80. package/dist-storybook/assets/{index-DRIh_SUo.js → index-EGt7xBnA.js} +1 -1
  81. package/dist-storybook/assets/{index-CaMbLGUB.js → index-cMNObl2z.js} +1 -1
  82. package/dist-storybook/assets/input-wrapper-CgaUwbbE.js +1 -0
  83. package/dist-storybook/assets/{label-fI1oWVKU.js → label-D44azUgi.js} +1 -1
  84. package/dist-storybook/assets/{label.stories-C3xDUHd-.js → label.stories-CXJjdYf_.js} +3 -3
  85. package/dist-storybook/assets/{navigation-bar-CiGSH7u8.js → navigation-bar-DK3TxcTu.js} +2 -2
  86. package/dist-storybook/assets/{navigation-bar.stories-BvGp7uJf.js → navigation-bar.stories-CB3Kg-sH.js} +3 -3
  87. package/dist-storybook/assets/number-field-Bz7su9S1.js +1 -0
  88. package/dist-storybook/assets/{number-field.stories-B_Bj8RqE.js → number-field.stories-DSxPSzLv.js} +3 -3
  89. package/dist-storybook/assets/omit-BWHsnDSR.js +1 -0
  90. package/dist-storybook/assets/option-item-CpeNcb5w.js +1 -0
  91. package/dist-storybook/assets/{option-item.stories-BjtolfPz.js → option-item.stories-BvXoc8WX.js} +3 -3
  92. package/dist-storybook/assets/pagination-Cp-DHO4Q.js +1 -0
  93. package/dist-storybook/assets/{pagination.stories-CrGsYeRw.js → pagination.stories-_5qj2nTS.js} +4 -4
  94. package/dist-storybook/assets/proxy-B4G9nIBd.js +1 -0
  95. package/dist-storybook/assets/radio-D0aV0RIg.js +1 -0
  96. package/dist-storybook/assets/{radio.stories-BEG-zTwI.js → radio.stories-BNR-wwuw.js} +3 -3
  97. package/dist-storybook/assets/rating-D2e8RTGl.js +1 -0
  98. package/dist-storybook/assets/{rating.stories-Dwk8Ov3Q.js → rating.stories-CI0LG0Qq.js} +3 -3
  99. package/dist-storybook/assets/{react-18-4mLDkQmf.js → react-18-C7pDmBBf.js} +1 -1
  100. package/dist-storybook/assets/{react-mAVd1wAc.js → react-I9jCW2VV.js} +1 -1
  101. package/dist-storybook/assets/search-field-DINESW8Y.js +1 -0
  102. package/dist-storybook/assets/{search-field.stories-BnsT36yY.js → search-field.stories-CKXC6-Za.js} +3 -3
  103. package/dist-storybook/assets/section-content-D49PabBW.js +1 -0
  104. package/dist-storybook/assets/{section.stories-B5IhLkbG.js → section.stories-9vd48AgB.js} +3 -3
  105. package/dist-storybook/assets/sheet-footer-nEdxsYan.js +1 -0
  106. package/dist-storybook/assets/{sheet.stories-COzxyiqj.js → sheet.stories-C3gLIQsn.js} +3 -3
  107. package/dist-storybook/assets/skeleton-B12XbNAJ.js +1 -0
  108. package/dist-storybook/assets/{skeleton.stories-B71MlMyi.js → skeleton.stories-C0y1o1Y_.js} +3 -3
  109. package/dist-storybook/assets/{store-D2RudmNr.js → store-Ce3Ikv5g.js} +5 -5
  110. package/dist-storybook/assets/switch-D0Z9tWin.js +1 -0
  111. package/dist-storybook/assets/{switch.stories-DMBBwZef.js → switch.stories-BdWFln-M.js} +3 -3
  112. package/dist-storybook/assets/{tab-bar-DZ3oOU50.js → tab-bar-kExoGg5P.js} +1 -1
  113. package/dist-storybook/assets/{tab-bar.stories-Bp9w6nc3.js → tab-bar.stories-BgDXX0of.js} +3 -3
  114. package/dist-storybook/assets/text-area-GKy5HL12.js +1 -0
  115. package/dist-storybook/assets/{text-area.stories-BZ3HXtij.js → text-area.stories-DCt3RB3A.js} +3 -3
  116. package/dist-storybook/assets/text-field-CGWNqitB.js +1 -0
  117. package/dist-storybook/assets/{text-field.stories-vSXYvs0U.js → text-field.stories-Bqv7f948.js} +3 -3
  118. package/dist-storybook/assets/toast-provider-DKSrfhJD.js +9 -0
  119. package/dist-storybook/assets/{toast.stories-DQKbk7dO.js → toast.stories-CcFzS6QI.js} +1 -1
  120. package/dist-storybook/assets/tooltip-B9rDI6z9.js +1 -0
  121. package/dist-storybook/assets/{tooltip.stories-wuthZ3Sv.js → tooltip.stories-DDdsuU3U.js} +3 -3
  122. package/dist-storybook/assets/typography-CB8hPDyK.js +1 -0
  123. package/dist-storybook/assets/{typography.stories-DD9HLY16.js → typography.stories-BzCxaZQU.js} +3 -3
  124. package/dist-storybook/assets/{uploader.stories-sModULvT.js → uploader.stories-izVumFqZ.js} +3 -3
  125. package/dist-storybook/assets/use-app-pause-ClsUnndr.js +21 -0
  126. package/dist-storybook/assets/use-app-resume-D_EcIvMd.js +21 -0
  127. package/dist-storybook/assets/use-bottom-tab-bar-BC1cz2uE.js +49 -0
  128. package/dist-storybook/assets/use-custom-icon-event-cUk4Md0Y.js +26 -0
  129. package/dist-storybook/assets/use-did-hide-BmABiaUE.js +30 -0
  130. package/dist-storybook/assets/use-did-show-CQuySkkT.js +30 -0
  131. package/dist-storybook/assets/use-histories-CBm09Lno.js +30 -0
  132. package/dist-storybook/assets/use-history-7yguNz6O.js +33 -0
  133. package/dist-storybook/assets/use-language-DPyWMce2.js +46 -0
  134. package/dist-storybook/assets/use-load-more-KlDJZhj2.js +42 -0
  135. package/dist-storybook/assets/use-location-C7kE1yla.js +39 -0
  136. package/dist-storybook/assets/use-navigate-BpIyvtwc.js +36 -0
  137. package/dist-storybook/assets/use-navigation-bar-guzwhM_u.js +42 -0
  138. package/dist-storybook/assets/use-navigation-type-DOndDqQH.js +27 -0
  139. package/dist-storybook/assets/use-page-layout-dO6ylI1b.js +37 -0
  140. package/dist-storybook/assets/use-page-scroll-CCG2d2Gb.js +42 -0
  141. package/dist-storybook/assets/use-pull-to-refresh-lhumDu1H.js +38 -0
  142. package/dist-storybook/assets/use-settings-changed-Bt58DJ-c.js +30 -0
  143. package/dist-storybook/assets/use-translate-Jhz6jTXo.js +59 -0
  144. package/dist-storybook/assets/{visibility-sensor-huP-8j4n.js → visibility-sensor-Jf-Nmil6.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,9 @@
1
+ import{r as t,j as e}from"./iframe-DfPay7Zl.js";import{c as L,g as Z}from"./store-Ce3Ikv5g.js";import{V as $}from"./visibility-sensor-Jf-Nmil6.js";import{I as g}from"./icon-CdiFzFyf.js";const b=l=>t.createElement("svg",{viewBox:"0 0 48 48",xmlns:"http://www.w3.org/2000/svg",...l},t.createElement("path",{d:"M19.233 6.233 17.42 9.08l-10.817.001a.665.665 0 0 0-.647.562l-.007.096V34.9l5.989-8.707a2.373 2.373 0 0 1 1.801-1.005 2.415 2.415 0 0 1 1.807.625l.126.127 4.182 4.525 2.267-3.292 5.461 7.841-4.065 7.375H6.604c-1.86 0-3.382-1.47-3.482-3.317l-.005-.192V9.744c0-1.872 1.461-3.405 3.296-3.505l.19-.005h12.63Zm22.163 0c1.86 0 3.382 1.472 3.482 3.314l.005.192v29.14a3.507 3.507 0 0 1-3.3 3.505l-.191.006H27.789l3.63-6.587.06-.119a1.87 1.87 0 0 0-.163-1.853l-6.928-9.949 3.047-4.422a2.374 2.374 0 0 1 1.96-1.01 2.4 2.4 0 0 1 1.86.87l.106.14L42.05 34.89V9.74a.664.664 0 0 0-.654-.658H21.855l1.812-2.848h17.73Zm-28.305 5.611c.794 0 1.52.298 2.07.788l-.843 1.325-.067.114a1.87 1.87 0 0 0 .11 1.959l.848 1.217c-.556.515-1.3.83-2.118.83a3.122 3.122 0 0 1-3.117-3.116 3.119 3.119 0 0 1 3.117-3.117Z",fill:"currentColor",fillRule:"nonzero"})),k=l=>t.createElement("svg",{width:18,height:18,viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",...l},t.createElement("path",{d:"M6.25 6C6.94036 6 7.5 6.55964 7.5 7.25C7.5 7.94036 6.94036 8.5 6.25 8.5C5.55964 8.5 5 7.94036 5 7.25C5 6.55964 5.55964 6 6.25 6Z",fill:"currentColor"}),t.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.25 2C14.767 2 16 3.233 16 4.75V13.25C16 14.767 14.767 16 13.25 16H4.75C3.233 16 2 14.767 2 13.25V4.75C2 3.233 3.233 2 4.75 2H13.25ZM4.75 3.5C4.061 3.5 3.5 4.061 3.5 4.75V13.25C3.5 13.5153 3.58391 13.7612 3.72559 13.9639L9.30469 8.38379C10.3777 7.31179 12.1223 7.31179 13.1943 8.38379L14.5 9.68848V4.75C14.5 4.061 13.939 3.5 13.25 3.5H4.75Z",fill:"currentColor"}));function i(l){return typeof l=="number"?`${l}px`:l}const r=Z("image"),q=({className:l,style:v,onClick:x,ref:C,lazy:d=!1,fit:I="fill",placeholder:w=e.jsx("div",{className:`${r}__tip`,children:e.jsx(g,{children:e.jsx(k,{})})}),fallback:j=e.jsx("div",{className:`${r}__tip`,children:e.jsx(g,{children:e.jsx(b,{})})}),src:V,srcSet:N,onLoad:S,onError:_,...a})=>{const[f,u]=t.useState(!1),[y,m]=t.useState(!1),[o,E]=t.useState(!d),R=t.useRef(null),s=o?V:void 0,h=o?N:void 0,p=t.useRef(s);t.useEffect(()=>{p.current!==s&&(p.current=s,u(!1),m(!1))},[s]);const H=()=>y||!s&&!h?j:e.jsxs(e.Fragment,{children:[!f&&w,e.jsx("img",{ref:R,src:s,srcSet:h,onLoad:c=>{u(!0),S?.(c)},onError:c=>{m(!0),_?.(c)},style:{objectFit:I,display:f?"block":"none"},...a,className:`${r}__img`})]}),n={};return typeof a.width<"u"&&(n["--width"]=i(a.width),n.width=i(a.width)),typeof a.height<"u"&&(n["--height"]=i(a.height),n.height=i(a.height)),e.jsxs("div",{ref:C,className:L(r,l),onClick:x,style:{...n,...v},children:[d&&!o&&e.jsx($,{onActive:()=>E(!0)}),H()]})};q.__docgenInfo={description:"",methods:[],displayName:"Image",props:{lazy:{defaultValue:{value:"false",computed:!1},required:!1},fit:{defaultValue:{value:"'fill'",computed:!1},required:!1},placeholder:{defaultValue:{value:`<div className={\`\${prefixClassName}__tip\`}>
2
+ <Icon>
3
+ <ImageIcon />
4
+ </Icon>
5
+ </div>`,computed:!1},required:!1},fallback:{defaultValue:{value:`<div className={\`\${prefixClassName}__tip\`}>
6
+ <Icon>
7
+ <BrokenImage />
8
+ </Icon>
9
+ </div>`,computed:!1},required:!1}}};export{q as I};
@@ -1,4 +1,4 @@
1
- import{j as t}from"./iframe-CLEfhyJc.js";import{T as h,S as x,M as g,P as y,a as f}from"./blocks-CpOj9FQ_.js";import{I as s}from"./image-D6Yo4ht9.js";import{t as e}from"./store-D2RudmNr.js";import"./preload-helper-PPVm8Dsz.js";import"./index-CaMbLGUB.js";import"./classname-DoNrELT0.js";import"./visibility-sensor-huP-8j4n.js";import"./index-B-Ksafg0.js";import"./icon-TJ3FHxUI.js";import"./colors-_6nFGM3e.js";const u=()=>{const d=`
1
+ import{j as t}from"./iframe-DfPay7Zl.js";import{T as h,S as x,M as g,P as y,a as f}from"./blocks-DKR3P4qW.js";import{I as s}from"./image-CMKb-R3x.js";import{t as e}from"./store-Ce3Ikv5g.js";import"./preload-helper-PPVm8Dsz.js";import"./index-cMNObl2z.js";import"./visibility-sensor-Jf-Nmil6.js";import"./index-B-Ksafg0.js";import"./icon-CdiFzFyf.js";import"./colors-_6nFGM3e.js";const u=()=>{const d=`
2
2
  ## ${e("common.table.title")}
3
3
 
4
4
  | ${e("common.table.name")} | ${e("common.table.type")} | ${e("common.table.required")} | ${e("common.table.description")} |
@@ -14,7 +14,7 @@ import{j as t}from"./iframe-CLEfhyJc.js";import{T as h,S as x,M as g,P as y,a as
14
14
  | \`alt\` | \`string\` | ${e("common.table.yes")} | ${e("components.image.altDescription")} |
15
15
  | \`className\` | \`string\` | ${e("common.table.no")} | ${e("components.image.classNameDescription")} |
16
16
  | \`...props\` | \`ComponentPropsWithRef<'img'>\` | ${e("common.table.no")} | ${e("components.image.propsDescription")} |
17
- `;return t.jsxs(t.Fragment,{children:[t.jsx(h,{}),t.jsx(x,{}),t.jsx(g,{children:e("components.image.description")}),t.jsx(y,{}),t.jsx(g,{children:d}),t.jsx(f,{})]})},$={title:"Components/Image",component:s,parameters:{layout:"padded",docs:{page:u}},tags:["autodocs"],argTypes:{src:{control:"text",description:e("components.image.argTypes.srcDescription"),table:{type:{summary:"string"}}},srcSet:{control:"text",description:e("components.image.argTypes.srcSetDescription"),table:{type:{summary:"string"}}},fit:{control:"select",options:["contain","cover","fill","none","scale-down"],description:e("components.image.argTypes.fitDescription"),table:{type:{summary:"IImageFit"},defaultValue:{summary:"fill"}}},lazy:{control:"boolean",description:e("components.image.argTypes.lazyDescription"),table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},placeholder:{control:!1,description:e("components.image.argTypes.placeholderDescription"),table:{type:{summary:"ReactNode"}}},fallback:{control:!1,description:e("components.image.argTypes.fallbackDescription"),table:{type:{summary:"ReactNode"}}},width:{control:{type:"number",min:50,max:800,step:10},description:e("components.image.argTypes.widthDescription"),table:{type:{summary:"number | string"}}},height:{control:{type:"number",min:50,max:800,step:10},description:e("components.image.argTypes.heightDescription"),table:{type:{summary:"number | string"}}},alt:{control:"text",description:e("components.image.argTypes.altDescription"),table:{type:{summary:"string"}}},className:{control:"text",description:e("components.image.argTypes.classNameDescription"),table:{type:{summary:"string"}}}}},o={storyName:e("components.image.stories.default.storyName"),args:{src:"https://vingroup.net/assets/images/logo.png",alt:e("components.image.stories.default.altText")}},i={storyName:e("components.image.stories.withDimensions.storyName"),render:()=>t.jsxs("div",{style:{display:"flex",gap:"16px",flexWrap:"wrap"},children:[t.jsx(s,{src:"https://vingroup.net/assets/images/logo.png",alt:e("components.image.stories.withDimensions.square"),width:200,height:200}),t.jsx(s,{src:"https://vingroup.net/assets/images/logo.png",alt:e("components.image.stories.withDimensions.rectangle"),width:300,height:200}),t.jsx(s,{src:"https://vingroup.net/assets/images/logo.png",alt:e("components.image.stories.withDimensions.portrait"),width:150,height:300})]})},a={storyName:e("components.image.stories.objectFit.storyName"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:[t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.image.stories.objectFit.fill")}),t.jsx("div",{style:{width:"300px",height:"200px",border:"1px solid #ccc"},children:t.jsx(s,{src:"https://vingroup.net/assets/images/logo.png",alt:e("components.image.stories.objectFit.fill"),fit:"fill",width:"100%",height:"100%"})})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.image.stories.objectFit.cover")}),t.jsx("div",{style:{width:"300px",height:"200px",border:"1px solid #ccc"},children:t.jsx(s,{src:"https://vingroup.net/assets/images/logo.png",alt:e("components.image.stories.objectFit.cover"),fit:"cover",width:"100%",height:"100%"})})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.image.stories.objectFit.contain")}),t.jsx("div",{style:{width:"300px",height:"200px",border:"1px solid #ccc"},children:t.jsx(s,{src:"https://vingroup.net/assets/images/logo.png",alt:e("components.image.stories.objectFit.contain"),fit:"contain",width:"100%",height:"100%"})})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.image.stories.objectFit.none")}),t.jsx("div",{style:{width:"300px",height:"200px",border:"1px solid #ccc",overflow:"hidden"},children:t.jsx(s,{src:"https://vingroup.net/assets/images/logo.png",alt:e("components.image.stories.objectFit.none"),fit:"none",width:"100%",height:"100%"})})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.image.stories.objectFit.scaleDown")}),t.jsx("div",{style:{width:"300px",height:"200px",border:"1px solid #ccc"},children:t.jsx(s,{src:"https://vingroup.net/assets/images/logo.png",alt:e("components.image.stories.objectFit.scaleDown"),fit:"scale-down",width:"100%",height:"100%"})})]})]})},n={storyName:e("components.image.stories.lazyLoading.storyName"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx("p",{style:{fontSize:"14px",color:"#666"},children:e("components.image.stories.lazyLoading.scrollPrompt")}),t.jsx("div",{style:{height:"500px",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"#f5f5f5"},children:t.jsx("p",{children:e("components.image.stories.lazyLoading.scrollDown")})}),t.jsx(s,{src:"https://vingroup.net/assets/images/logo.png",alt:e("components.image.stories.lazyLoading.image1"),lazy:!0,width:400,height:300}),t.jsx("div",{style:{height:"300px"}}),t.jsx(s,{src:"https://vingroup.net/assets/images/logo.png",alt:e("components.image.stories.lazyLoading.image2"),lazy:!0,width:600,height:400})]})},r={storyName:e("components.image.stories.customPlaceholder.storyName"),render:()=>t.jsxs("div",{style:{display:"flex",gap:"16px",flexWrap:"wrap"},children:[t.jsx(s,{src:"https://vingroup.net/assets/images/logo.png",alt:e("components.image.stories.customPlaceholder.withCustom"),width:200,height:200,placeholder:t.jsx("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"#f0f0f0",color:"#999"},children:e("components.image.stories.customPlaceholder.loading")})}),t.jsx(s,{src:"https://vingroup.net/assets/images/logo.png",alt:e("components.image.stories.customPlaceholder.withSpinner"),width:200,height:200,placeholder:t.jsx("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"#f0f0f0"},children:t.jsx("div",{style:{width:"40px",height:"40px",border:"4px solid #f3f3f3",borderTop:"4px solid #3498db",borderRadius:"50%",animation:"spin 1s linear infinite"}})})})]})},m={storyName:e("components.image.stories.fallback.storyName"),render:()=>t.jsxs("div",{style:{display:"flex",gap:"16px",flexWrap:"wrap"},children:[t.jsx(s,{src:"https://invalid-url-that-will-fail.com/image.jpg",alt:e("components.image.stories.fallback.brokenImage"),width:200,height:200}),t.jsx(s,{src:"https://invalid-url-that-will-fail.com/image.jpg",alt:e("components.image.stories.fallback.brokenWithFallback"),width:200,height:200,fallback:t.jsxs("div",{style:{width:"100%",height:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",backgroundColor:"#f0f0f0",color:"#999"},children:[t.jsx("div",{style:{fontSize:"24px",marginBottom:"8px"},children:"⚠️"}),t.jsx("div",{style:{fontSize:"12px"},children:e("components.image.stories.fallback.failedToLoad")})]})})]})},l={storyName:e("components.image.stories.responsiveImages.storyName"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(s,{src:"https://vingroup.net/assets/images/logo.png",srcSet:"https://vingroup.net/assets/images/logo.png 1x, https://vingroup.net/assets/images/logo.png 2x",alt:e("components.image.stories.responsiveImages.alt"),width:400,height:300}),t.jsx("p",{style:{fontSize:"14px",color:"#666"},children:e("components.image.stories.responsiveImages.description")})]})},p={storyName:e("components.image.stories.completeExample.storyName"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:[t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.image.stories.completeExample.standardImage")}),t.jsx(s,{src:"https://vingroup.net/assets/images/logo.png",alt:e("components.image.stories.completeExample.standardImage"),width:400,height:300,fit:"cover"})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.image.stories.completeExample.lazyLoadedImage")}),t.jsx(s,{src:"https://vingroup.net/assets/images/logo.png",alt:e("components.image.stories.completeExample.lazyLoadedImage"),width:600,height:400,lazy:!0,fit:"cover"})]})]})},c={storyName:e("components.image.stories.interactive.storyName"),args:{src:"https://vingroup.net/assets/images/logo.png",alt:e("components.image.stories.interactive.altText"),fit:"fill",lazy:!1,width:400,height:300}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
17
+ `;return t.jsxs(t.Fragment,{children:[t.jsx(h,{}),t.jsx(x,{}),t.jsx(g,{children:e("components.image.description")}),t.jsx(y,{}),t.jsx(g,{children:d}),t.jsx(f,{})]})},S={title:"Components/Image",component:s,parameters:{layout:"padded",docs:{page:u}},tags:["autodocs"],argTypes:{src:{control:"text",description:e("components.image.argTypes.srcDescription"),table:{type:{summary:"string"}}},srcSet:{control:"text",description:e("components.image.argTypes.srcSetDescription"),table:{type:{summary:"string"}}},fit:{control:"select",options:["contain","cover","fill","none","scale-down"],description:e("components.image.argTypes.fitDescription"),table:{type:{summary:"IImageFit"},defaultValue:{summary:"fill"}}},lazy:{control:"boolean",description:e("components.image.argTypes.lazyDescription"),table:{type:{summary:"boolean"},defaultValue:{summary:"false"}}},placeholder:{control:!1,description:e("components.image.argTypes.placeholderDescription"),table:{type:{summary:"ReactNode"}}},fallback:{control:!1,description:e("components.image.argTypes.fallbackDescription"),table:{type:{summary:"ReactNode"}}},width:{control:{type:"number",min:50,max:800,step:10},description:e("components.image.argTypes.widthDescription"),table:{type:{summary:"number | string"}}},height:{control:{type:"number",min:50,max:800,step:10},description:e("components.image.argTypes.heightDescription"),table:{type:{summary:"number | string"}}},alt:{control:"text",description:e("components.image.argTypes.altDescription"),table:{type:{summary:"string"}}},className:{control:"text",description:e("components.image.argTypes.classNameDescription"),table:{type:{summary:"string"}}}}},o={storyName:e("components.image.stories.default.storyName"),args:{src:"https://vingroup.net/assets/images/logo.png",alt:e("components.image.stories.default.altText")}},i={storyName:e("components.image.stories.withDimensions.storyName"),render:()=>t.jsxs("div",{style:{display:"flex",gap:"16px",flexWrap:"wrap"},children:[t.jsx(s,{src:"https://vingroup.net/assets/images/logo.png",alt:e("components.image.stories.withDimensions.square"),width:200,height:200}),t.jsx(s,{src:"https://vingroup.net/assets/images/logo.png",alt:e("components.image.stories.withDimensions.rectangle"),width:300,height:200}),t.jsx(s,{src:"https://vingroup.net/assets/images/logo.png",alt:e("components.image.stories.withDimensions.portrait"),width:150,height:300})]})},a={storyName:e("components.image.stories.objectFit.storyName"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:[t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.image.stories.objectFit.fill")}),t.jsx("div",{style:{width:"300px",height:"200px",border:"1px solid #ccc"},children:t.jsx(s,{src:"https://vingroup.net/assets/images/logo.png",alt:e("components.image.stories.objectFit.fill"),fit:"fill",width:"100%",height:"100%"})})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.image.stories.objectFit.cover")}),t.jsx("div",{style:{width:"300px",height:"200px",border:"1px solid #ccc"},children:t.jsx(s,{src:"https://vingroup.net/assets/images/logo.png",alt:e("components.image.stories.objectFit.cover"),fit:"cover",width:"100%",height:"100%"})})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.image.stories.objectFit.contain")}),t.jsx("div",{style:{width:"300px",height:"200px",border:"1px solid #ccc"},children:t.jsx(s,{src:"https://vingroup.net/assets/images/logo.png",alt:e("components.image.stories.objectFit.contain"),fit:"contain",width:"100%",height:"100%"})})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.image.stories.objectFit.none")}),t.jsx("div",{style:{width:"300px",height:"200px",border:"1px solid #ccc",overflow:"hidden"},children:t.jsx(s,{src:"https://vingroup.net/assets/images/logo.png",alt:e("components.image.stories.objectFit.none"),fit:"none",width:"100%",height:"100%"})})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.image.stories.objectFit.scaleDown")}),t.jsx("div",{style:{width:"300px",height:"200px",border:"1px solid #ccc"},children:t.jsx(s,{src:"https://vingroup.net/assets/images/logo.png",alt:e("components.image.stories.objectFit.scaleDown"),fit:"scale-down",width:"100%",height:"100%"})})]})]})},n={storyName:e("components.image.stories.lazyLoading.storyName"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx("p",{style:{fontSize:"14px",color:"#666"},children:e("components.image.stories.lazyLoading.scrollPrompt")}),t.jsx("div",{style:{height:"500px",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"#f5f5f5"},children:t.jsx("p",{children:e("components.image.stories.lazyLoading.scrollDown")})}),t.jsx(s,{src:"https://vingroup.net/assets/images/logo.png",alt:e("components.image.stories.lazyLoading.image1"),lazy:!0,width:400,height:300}),t.jsx("div",{style:{height:"300px"}}),t.jsx(s,{src:"https://vingroup.net/assets/images/logo.png",alt:e("components.image.stories.lazyLoading.image2"),lazy:!0,width:600,height:400})]})},r={storyName:e("components.image.stories.customPlaceholder.storyName"),render:()=>t.jsxs("div",{style:{display:"flex",gap:"16px",flexWrap:"wrap"},children:[t.jsx(s,{src:"https://vingroup.net/assets/images/logo.png",alt:e("components.image.stories.customPlaceholder.withCustom"),width:200,height:200,placeholder:t.jsx("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"#f0f0f0",color:"#999"},children:e("components.image.stories.customPlaceholder.loading")})}),t.jsx(s,{src:"https://vingroup.net/assets/images/logo.png",alt:e("components.image.stories.customPlaceholder.withSpinner"),width:200,height:200,placeholder:t.jsx("div",{style:{width:"100%",height:"100%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"#f0f0f0"},children:t.jsx("div",{style:{width:"40px",height:"40px",border:"4px solid #f3f3f3",borderTop:"4px solid #3498db",borderRadius:"50%",animation:"spin 1s linear infinite"}})})})]})},m={storyName:e("components.image.stories.fallback.storyName"),render:()=>t.jsxs("div",{style:{display:"flex",gap:"16px",flexWrap:"wrap"},children:[t.jsx(s,{src:"https://invalid-url-that-will-fail.com/image.jpg",alt:e("components.image.stories.fallback.brokenImage"),width:200,height:200}),t.jsx(s,{src:"https://invalid-url-that-will-fail.com/image.jpg",alt:e("components.image.stories.fallback.brokenWithFallback"),width:200,height:200,fallback:t.jsxs("div",{style:{width:"100%",height:"100%",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",backgroundColor:"#f0f0f0",color:"#999"},children:[t.jsx("div",{style:{fontSize:"24px",marginBottom:"8px"},children:"⚠️"}),t.jsx("div",{style:{fontSize:"12px"},children:e("components.image.stories.fallback.failedToLoad")})]})})]})},l={storyName:e("components.image.stories.responsiveImages.storyName"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(s,{src:"https://vingroup.net/assets/images/logo.png",srcSet:"https://vingroup.net/assets/images/logo.png 1x, https://vingroup.net/assets/images/logo.png 2x",alt:e("components.image.stories.responsiveImages.alt"),width:400,height:300}),t.jsx("p",{style:{fontSize:"14px",color:"#666"},children:e("components.image.stories.responsiveImages.description")})]})},p={storyName:e("components.image.stories.completeExample.storyName"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:[t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.image.stories.completeExample.standardImage")}),t.jsx(s,{src:"https://vingroup.net/assets/images/logo.png",alt:e("components.image.stories.completeExample.standardImage"),width:400,height:300,fit:"cover"})]}),t.jsxs("div",{children:[t.jsx("h3",{style:{marginBottom:"12px"},children:e("components.image.stories.completeExample.lazyLoadedImage")}),t.jsx(s,{src:"https://vingroup.net/assets/images/logo.png",alt:e("components.image.stories.completeExample.lazyLoadedImage"),width:600,height:400,lazy:!0,fit:"cover"})]})]})},c={storyName:e("components.image.stories.interactive.storyName"),args:{src:"https://vingroup.net/assets/images/logo.png",alt:e("components.image.stories.interactive.altText"),fit:"fill",lazy:!1,width:400,height:300}};o.parameters={...o.parameters,docs:{...o.parameters?.docs,source:{originalSource:`{
18
18
  storyName: t('components.image.stories.default.storyName'),
19
19
  args: {
20
20
  src: 'https://vingroup.net/assets/images/logo.png',
@@ -252,4 +252,4 @@ import{j as t}from"./iframe-CLEfhyJc.js";import{T as h,S as x,M as g,P as y,a as
252
252
  width: 400,
253
253
  height: 300
254
254
  }
255
- }`,...c.parameters?.docs?.source}}};const C=["Default","WithDimensions","ObjectFit","LazyLoading","CustomPlaceholder","Fallback","ResponsiveImages","CompleteExample","Interactive"];export{p as CompleteExample,r as CustomPlaceholder,o as Default,m as Fallback,c as Interactive,n as LazyLoading,a as ObjectFit,l as ResponsiveImages,i as WithDimensions,C as __namedExportsOrder,$ as default};
255
+ }`,...c.parameters?.docs?.source}}};const $=["Default","WithDimensions","ObjectFit","LazyLoading","CustomPlaceholder","Fallback","ResponsiveImages","CompleteExample","Interactive"];export{p as CompleteExample,r as CustomPlaceholder,o as Default,m as Fallback,c as Interactive,n as LazyLoading,a as ObjectFit,l as ResponsiveImages,i as WithDimensions,$ as __namedExportsOrder,S as default};
@@ -0,0 +1 @@
1
+ import{r as me}from"./iframe-DfPay7Zl.js";import{c as De}from"./react-I9jCW2VV.js";var T=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function Ce(r){return r&&r.__esModule&&Object.prototype.hasOwnProperty.call(r,"default")?r.default:r}var G,kt;function Ne(){if(kt)return G;kt=1;function r(){this.__data__=[],this.size=0}return G=r,G}var V,Et;function M(){if(Et)return V;Et=1;function r(t,n){return t===n||t!==t&&n!==n}return V=r,V}var W,Mt;function B(){if(Mt)return W;Mt=1;var r=M();function t(n,e){for(var u=n.length;u--;)if(r(n[u][0],e))return u;return-1}return W=t,W}var J,Bt;function qe(){if(Bt)return J;Bt=1;var r=B(),t=Array.prototype,n=t.splice;function e(u){var a=this.__data__,o=r(a,u);if(o<0)return!1;var i=a.length-1;return o==i?a.pop():n.call(a,o,1),--this.size,!0}return J=e,J}var K,It;function Ge(){if(It)return K;It=1;var r=B();function t(n){var e=this.__data__,u=r(e,n);return u<0?void 0:e[u][1]}return K=t,K}var Q,Rt;function Ve(){if(Rt)return Q;Rt=1;var r=B();function t(n){return r(this.__data__,n)>-1}return Q=t,Q}var X,Dt;function We(){if(Dt)return X;Dt=1;var r=B();function t(n,e){var u=this.__data__,a=r(u,n);return a<0?(++this.size,u.push([n,e])):u[a][1]=e,this}return X=t,X}var Y,Ct;function I(){if(Ct)return Y;Ct=1;var r=Ne(),t=qe(),n=Ge(),e=Ve(),u=We();function a(o){var i=-1,f=o==null?0:o.length;for(this.clear();++i<f;){var c=o[i];this.set(c[0],c[1])}}return a.prototype.clear=r,a.prototype.delete=t,a.prototype.get=n,a.prototype.has=e,a.prototype.set=u,Y=a,Y}var Z,Nt;function Je(){if(Nt)return Z;Nt=1;var r=I();function t(){this.__data__=new r,this.size=0}return Z=t,Z}var H,qt;function Ke(){if(qt)return H;qt=1;function r(t){var n=this.__data__,e=n.delete(t);return this.size=n.size,e}return H=r,H}var rr,Gt;function Qe(){if(Gt)return rr;Gt=1;function r(t){return this.__data__.get(t)}return rr=r,rr}var tr,Vt;function Xe(){if(Vt)return tr;Vt=1;function r(t){return this.__data__.has(t)}return tr=r,tr}var nr,Wt;function Ae(){if(Wt)return nr;Wt=1;var r=typeof T=="object"&&T&&T.Object===Object&&T;return nr=r,nr}var er,Jt;function P(){if(Jt)return er;Jt=1;var r=Ae(),t=typeof self=="object"&&self&&self.Object===Object&&self,n=r||t||Function("return this")();return er=n,er}var ur,Kt;function xe(){if(Kt)return ur;Kt=1;var r=P(),t=r.Symbol;return ur=t,ur}var ar,Qt;function Ye(){if(Qt)return ar;Qt=1;var r=xe(),t=Object.prototype,n=t.hasOwnProperty,e=t.toString,u=r?r.toStringTag:void 0;function a(o){var i=n.call(o,u),f=o[u];try{o[u]=void 0;var c=!0}catch{}var v=e.call(o);return c&&(i?o[u]=f:delete o[u]),v}return ar=a,ar}var or,Xt;function Ze(){if(Xt)return or;Xt=1;var r=Object.prototype,t=r.toString;function n(e){return t.call(e)}return or=n,or}var ir,Yt;function R(){if(Yt)return ir;Yt=1;var r=xe(),t=Ye(),n=Ze(),e="[object Null]",u="[object Undefined]",a=r?r.toStringTag:void 0;function o(i){return i==null?i===void 0?u:e:a&&a in Object(i)?t(i):n(i)}return ir=o,ir}var fr,Zt;function x(){if(Zt)return fr;Zt=1;function r(t){var n=typeof t;return t!=null&&(n=="object"||n=="function")}return fr=r,fr}var cr,Ht;function Lt(){if(Ht)return cr;Ht=1;var r=R(),t=x(),n="[object AsyncFunction]",e="[object Function]",u="[object GeneratorFunction]",a="[object Proxy]";function o(i){if(!t(i))return!1;var f=r(i);return f==e||f==u||f==n||f==a}return cr=o,cr}var vr,rn;function He(){if(rn)return vr;rn=1;var r=P(),t=r["__core-js_shared__"];return vr=t,vr}var sr,tn;function ru(){if(tn)return sr;tn=1;var r=He(),t=(function(){var e=/[^.]+$/.exec(r&&r.keys&&r.keys.IE_PROTO||"");return e?"Symbol(src)_1."+e:""})();function n(e){return!!t&&t in e}return sr=n,sr}var lr,nn;function tu(){if(nn)return lr;nn=1;var r=Function.prototype,t=r.toString;function n(e){if(e!=null){try{return t.call(e)}catch{}try{return e+""}catch{}}return""}return lr=n,lr}var pr,en;function nu(){if(en)return pr;en=1;var r=Lt(),t=ru(),n=x(),e=tu(),u=/[\\^$.*+?()[\]{}|]/g,a=/^\[object .+?Constructor\]$/,o=Function.prototype,i=Object.prototype,f=o.toString,c=i.hasOwnProperty,v=RegExp("^"+f.call(c).replace(u,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function l(p){if(!n(p)||t(p))return!1;var g=r(p)?v:a;return g.test(e(p))}return pr=l,pr}var yr,un;function eu(){if(un)return yr;un=1;function r(t,n){return t?.[n]}return yr=r,yr}var hr,an;function Ft(){if(an)return hr;an=1;var r=nu(),t=eu();function n(e,u){var a=t(e,u);return r(a)?a:void 0}return hr=n,hr}var _r,on;function ze(){if(on)return _r;on=1;var r=Ft(),t=P(),n=r(t,"Map");return _r=n,_r}var gr,fn;function D(){if(fn)return gr;fn=1;var r=Ft(),t=r(Object,"create");return gr=t,gr}var br,cn;function uu(){if(cn)return br;cn=1;var r=D();function t(){this.__data__=r?r(null):{},this.size=0}return br=t,br}var dr,vn;function au(){if(vn)return dr;vn=1;function r(t){var n=this.has(t)&&delete this.__data__[t];return this.size-=n?1:0,n}return dr=r,dr}var jr,sn;function ou(){if(sn)return jr;sn=1;var r=D(),t="__lodash_hash_undefined__",n=Object.prototype,e=n.hasOwnProperty;function u(a){var o=this.__data__;if(r){var i=o[a];return i===t?void 0:i}return e.call(o,a)?o[a]:void 0}return jr=u,jr}var Or,ln;function iu(){if(ln)return Or;ln=1;var r=D(),t=Object.prototype,n=t.hasOwnProperty;function e(u){var a=this.__data__;return r?a[u]!==void 0:n.call(a,u)}return Or=e,Or}var wr,pn;function fu(){if(pn)return wr;pn=1;var r=D(),t="__lodash_hash_undefined__";function n(e,u){var a=this.__data__;return this.size+=this.has(e)?0:1,a[e]=r&&u===void 0?t:u,this}return wr=n,wr}var mr,yn;function cu(){if(yn)return mr;yn=1;var r=uu(),t=au(),n=ou(),e=iu(),u=fu();function a(o){var i=-1,f=o==null?0:o.length;for(this.clear();++i<f;){var c=o[i];this.set(c[0],c[1])}}return a.prototype.clear=r,a.prototype.delete=t,a.prototype.get=n,a.prototype.has=e,a.prototype.set=u,mr=a,mr}var Ar,hn;function vu(){if(hn)return Ar;hn=1;var r=cu(),t=I(),n=ze();function e(){this.size=0,this.__data__={hash:new r,map:new(n||t),string:new r}}return Ar=e,Ar}var xr,_n;function su(){if(_n)return xr;_n=1;function r(t){var n=typeof t;return n=="string"||n=="number"||n=="symbol"||n=="boolean"?t!=="__proto__":t===null}return xr=r,xr}var zr,gn;function C(){if(gn)return zr;gn=1;var r=su();function t(n,e){var u=n.__data__;return r(e)?u[typeof e=="string"?"string":"hash"]:u.map}return zr=t,zr}var Pr,bn;function lu(){if(bn)return Pr;bn=1;var r=C();function t(n){var e=r(this,n).delete(n);return this.size-=e?1:0,e}return Pr=t,Pr}var Sr,dn;function pu(){if(dn)return Sr;dn=1;var r=C();function t(n){return r(this,n).get(n)}return Sr=t,Sr}var Lr,jn;function yu(){if(jn)return Lr;jn=1;var r=C();function t(n){return r(this,n).has(n)}return Lr=t,Lr}var Fr,On;function hu(){if(On)return Fr;On=1;var r=C();function t(n,e){var u=r(this,n),a=u.size;return u.set(n,e),this.size+=u.size==a?0:1,this}return Fr=t,Fr}var $r,wn;function _u(){if(wn)return $r;wn=1;var r=vu(),t=lu(),n=pu(),e=yu(),u=hu();function a(o){var i=-1,f=o==null?0:o.length;for(this.clear();++i<f;){var c=o[i];this.set(c[0],c[1])}}return a.prototype.clear=r,a.prototype.delete=t,a.prototype.get=n,a.prototype.has=e,a.prototype.set=u,$r=a,$r}var Tr,mn;function gu(){if(mn)return Tr;mn=1;var r=I(),t=ze(),n=_u(),e=200;function u(a,o){var i=this.__data__;if(i instanceof r){var f=i.__data__;if(!t||f.length<e-1)return f.push([a,o]),this.size=++i.size,this;i=this.__data__=new n(f)}return i.set(a,o),this.size=i.size,this}return Tr=u,Tr}var Ur,An;function bu(){if(An)return Ur;An=1;var r=I(),t=Je(),n=Ke(),e=Qe(),u=Xe(),a=gu();function o(i){var f=this.__data__=new r(i);this.size=f.size}return o.prototype.clear=t,o.prototype.delete=n,o.prototype.get=e,o.prototype.has=u,o.prototype.set=a,Ur=o,Ur}var kr,xn;function Pe(){if(xn)return kr;xn=1;var r=Ft(),t=(function(){try{var n=r(Object,"defineProperty");return n({},"",{}),n}catch{}})();return kr=t,kr}var Er,zn;function $t(){if(zn)return Er;zn=1;var r=Pe();function t(n,e,u){e=="__proto__"&&r?r(n,e,{configurable:!0,enumerable:!0,value:u,writable:!0}):n[e]=u}return Er=t,Er}var Mr,Pn;function Se(){if(Pn)return Mr;Pn=1;var r=$t(),t=M();function n(e,u,a){(a!==void 0&&!t(e[u],a)||a===void 0&&!(u in e))&&r(e,u,a)}return Mr=n,Mr}var Br,Sn;function du(){if(Sn)return Br;Sn=1;function r(t){return function(n,e,u){for(var a=-1,o=Object(n),i=u(n),f=i.length;f--;){var c=i[t?f:++a];if(e(o[c],c,o)===!1)break}return n}}return Br=r,Br}var Ir,Ln;function ju(){if(Ln)return Ir;Ln=1;var r=du(),t=r();return Ir=t,Ir}var U={exports:{}};U.exports;var Fn;function Ou(){return Fn||(Fn=1,(function(r,t){var n=P(),e=t&&!t.nodeType&&t,u=e&&!0&&r&&!r.nodeType&&r,a=u&&u.exports===e,o=a?n.Buffer:void 0,i=o?o.allocUnsafe:void 0;function f(c,v){if(v)return c.slice();var l=c.length,p=i?i(l):new c.constructor(l);return c.copy(p),p}r.exports=f})(U,U.exports)),U.exports}var Rr,$n;function wu(){if($n)return Rr;$n=1;var r=P(),t=r.Uint8Array;return Rr=t,Rr}var Dr,Tn;function mu(){if(Tn)return Dr;Tn=1;var r=wu();function t(n){var e=new n.constructor(n.byteLength);return new r(e).set(new r(n)),e}return Dr=t,Dr}var Cr,Un;function Au(){if(Un)return Cr;Un=1;var r=mu();function t(n,e){var u=e?r(n.buffer):n.buffer;return new n.constructor(u,n.byteOffset,n.length)}return Cr=t,Cr}var Nr,kn;function xu(){if(kn)return Nr;kn=1;function r(t,n){var e=-1,u=t.length;for(n||(n=Array(u));++e<u;)n[e]=t[e];return n}return Nr=r,Nr}var qr,En;function zu(){if(En)return qr;En=1;var r=x(),t=Object.create,n=(function(){function e(){}return function(u){if(!r(u))return{};if(t)return t(u);e.prototype=u;var a=new e;return e.prototype=void 0,a}})();return qr=n,qr}var Gr,Mn;function Pu(){if(Mn)return Gr;Mn=1;function r(t,n){return function(e){return t(n(e))}}return Gr=r,Gr}var Vr,Bn;function Le(){if(Bn)return Vr;Bn=1;var r=Pu(),t=r(Object.getPrototypeOf,Object);return Vr=t,Vr}var Wr,In;function Fe(){if(In)return Wr;In=1;var r=Object.prototype;function t(n){var e=n&&n.constructor,u=typeof e=="function"&&e.prototype||r;return n===u}return Wr=t,Wr}var Jr,Rn;function Su(){if(Rn)return Jr;Rn=1;var r=zu(),t=Le(),n=Fe();function e(u){return typeof u.constructor=="function"&&!n(u)?r(t(u)):{}}return Jr=e,Jr}var Kr,Dn;function F(){if(Dn)return Kr;Dn=1;function r(t){return t!=null&&typeof t=="object"}return Kr=r,Kr}var Qr,Cn;function Lu(){if(Cn)return Qr;Cn=1;var r=R(),t=F(),n="[object Arguments]";function e(u){return t(u)&&r(u)==n}return Qr=e,Qr}var Xr,Nn;function $e(){if(Nn)return Xr;Nn=1;var r=Lu(),t=F(),n=Object.prototype,e=n.hasOwnProperty,u=n.propertyIsEnumerable,a=r((function(){return arguments})())?r:function(o){return t(o)&&e.call(o,"callee")&&!u.call(o,"callee")};return Xr=a,Xr}var Yr,qn;function Te(){if(qn)return Yr;qn=1;var r=Array.isArray;return Yr=r,Yr}var Zr,Gn;function Ue(){if(Gn)return Zr;Gn=1;var r=9007199254740991;function t(n){return typeof n=="number"&&n>-1&&n%1==0&&n<=r}return Zr=t,Zr}var Hr,Vn;function Tt(){if(Vn)return Hr;Vn=1;var r=Lt(),t=Ue();function n(e){return e!=null&&t(e.length)&&!r(e)}return Hr=n,Hr}var rt,Wn;function Fu(){if(Wn)return rt;Wn=1;var r=Tt(),t=F();function n(e){return t(e)&&r(e)}return rt=n,rt}var k={exports:{}},tt,Jn;function $u(){if(Jn)return tt;Jn=1;function r(){return!1}return tt=r,tt}k.exports;var Kn;function ke(){return Kn||(Kn=1,(function(r,t){var n=P(),e=$u(),u=t&&!t.nodeType&&t,a=u&&!0&&r&&!r.nodeType&&r,o=a&&a.exports===u,i=o?n.Buffer:void 0,f=i?i.isBuffer:void 0,c=f||e;r.exports=c})(k,k.exports)),k.exports}var nt,Qn;function Tu(){if(Qn)return nt;Qn=1;var r=R(),t=Le(),n=F(),e="[object Object]",u=Function.prototype,a=Object.prototype,o=u.toString,i=a.hasOwnProperty,f=o.call(Object);function c(v){if(!n(v)||r(v)!=e)return!1;var l=t(v);if(l===null)return!0;var p=i.call(l,"constructor")&&l.constructor;return typeof p=="function"&&p instanceof p&&o.call(p)==f}return nt=c,nt}var et,Xn;function Uu(){if(Xn)return et;Xn=1;var r=R(),t=Ue(),n=F(),e="[object Arguments]",u="[object Array]",a="[object Boolean]",o="[object Date]",i="[object Error]",f="[object Function]",c="[object Map]",v="[object Number]",l="[object Object]",p="[object RegExp]",g="[object Set]",d="[object String]",j="[object WeakMap]",O="[object ArrayBuffer]",z="[object DataView]",y="[object Float32Array]",N="[object Float64Array]",q="[object Int8Array]",S="[object Int16Array]",m="[object Int32Array]",b="[object Uint8Array]",h="[object Uint8ClampedArray]",$="[object Uint16Array]",_="[object Uint32Array]",s={};s[y]=s[N]=s[q]=s[S]=s[m]=s[b]=s[h]=s[$]=s[_]=!0,s[e]=s[u]=s[O]=s[a]=s[z]=s[o]=s[i]=s[f]=s[c]=s[v]=s[l]=s[p]=s[g]=s[d]=s[j]=!1;function L(A){return n(A)&&t(A.length)&&!!s[r(A)]}return et=L,et}var ut,Yn;function ku(){if(Yn)return ut;Yn=1;function r(t){return function(n){return t(n)}}return ut=r,ut}var E={exports:{}};E.exports;var Zn;function Eu(){return Zn||(Zn=1,(function(r,t){var n=Ae(),e=t&&!t.nodeType&&t,u=e&&!0&&r&&!r.nodeType&&r,a=u&&u.exports===e,o=a&&n.process,i=(function(){try{var f=u&&u.require&&u.require("util").types;return f||o&&o.binding&&o.binding("util")}catch{}})();r.exports=i})(E,E.exports)),E.exports}var at,Hn;function Ee(){if(Hn)return at;Hn=1;var r=Uu(),t=ku(),n=Eu(),e=n&&n.isTypedArray,u=e?t(e):r;return at=u,at}var ot,re;function Me(){if(re)return ot;re=1;function r(t,n){if(!(n==="constructor"&&typeof t[n]=="function")&&n!="__proto__")return t[n]}return ot=r,ot}var it,te;function Mu(){if(te)return it;te=1;var r=$t(),t=M(),n=Object.prototype,e=n.hasOwnProperty;function u(a,o,i){var f=a[o];(!(e.call(a,o)&&t(f,i))||i===void 0&&!(o in a))&&r(a,o,i)}return it=u,it}var ft,ne;function Bu(){if(ne)return ft;ne=1;var r=Mu(),t=$t();function n(e,u,a,o){var i=!a;a||(a={});for(var f=-1,c=u.length;++f<c;){var v=u[f],l=o?o(a[v],e[v],v,a,e):void 0;l===void 0&&(l=e[v]),i?t(a,v,l):r(a,v,l)}return a}return ft=n,ft}var ct,ee;function Iu(){if(ee)return ct;ee=1;function r(t,n){for(var e=-1,u=Array(t);++e<t;)u[e]=n(e);return u}return ct=r,ct}var vt,ue;function Be(){if(ue)return vt;ue=1;var r=9007199254740991,t=/^(?:0|[1-9]\d*)$/;function n(e,u){var a=typeof e;return u=u??r,!!u&&(a=="number"||a!="symbol"&&t.test(e))&&e>-1&&e%1==0&&e<u}return vt=n,vt}var st,ae;function Ru(){if(ae)return st;ae=1;var r=Iu(),t=$e(),n=Te(),e=ke(),u=Be(),a=Ee(),o=Object.prototype,i=o.hasOwnProperty;function f(c,v){var l=n(c),p=!l&&t(c),g=!l&&!p&&e(c),d=!l&&!p&&!g&&a(c),j=l||p||g||d,O=j?r(c.length,String):[],z=O.length;for(var y in c)(v||i.call(c,y))&&!(j&&(y=="length"||g&&(y=="offset"||y=="parent")||d&&(y=="buffer"||y=="byteLength"||y=="byteOffset")||u(y,z)))&&O.push(y);return O}return st=f,st}var lt,oe;function Du(){if(oe)return lt;oe=1;function r(t){var n=[];if(t!=null)for(var e in Object(t))n.push(e);return n}return lt=r,lt}var pt,ie;function Cu(){if(ie)return pt;ie=1;var r=x(),t=Fe(),n=Du(),e=Object.prototype,u=e.hasOwnProperty;function a(o){if(!r(o))return n(o);var i=t(o),f=[];for(var c in o)c=="constructor"&&(i||!u.call(o,c))||f.push(c);return f}return pt=a,pt}var yt,fe;function Ie(){if(fe)return yt;fe=1;var r=Ru(),t=Cu(),n=Tt();function e(u){return n(u)?r(u,!0):t(u)}return yt=e,yt}var ht,ce;function Nu(){if(ce)return ht;ce=1;var r=Bu(),t=Ie();function n(e){return r(e,t(e))}return ht=n,ht}var _t,ve;function qu(){if(ve)return _t;ve=1;var r=Se(),t=Ou(),n=Au(),e=xu(),u=Su(),a=$e(),o=Te(),i=Fu(),f=ke(),c=Lt(),v=x(),l=Tu(),p=Ee(),g=Me(),d=Nu();function j(O,z,y,N,q,S,m){var b=g(O,y),h=g(z,y),$=m.get(h);if($){r(O,y,$);return}var _=S?S(b,h,y+"",O,z,m):void 0,s=_===void 0;if(s){var L=o(h),A=!L&&f(h),Ut=!L&&!A&&p(h);_=h,L||A||Ut?o(b)?_=b:i(b)?_=e(b):A?(s=!1,_=t(h,!0)):Ut?(s=!1,_=n(h,!0)):_=[]:l(h)||a(h)?(_=b,a(b)?_=d(b):(!v(b)||c(b))&&(_=u(h))):s=!1}s&&(m.set(h,_),q(_,h,N,S,m),m.delete(h)),r(O,y,_)}return _t=j,_t}var gt,se;function Gu(){if(se)return gt;se=1;var r=bu(),t=Se(),n=ju(),e=qu(),u=x(),a=Ie(),o=Me();function i(f,c,v,l,p){f!==c&&n(c,function(g,d){if(p||(p=new r),u(g))e(f,c,d,v,i,l,p);else{var j=l?l(o(f,d),g,d+"",f,c,p):void 0;j===void 0&&(j=g),t(f,d,j)}},a)}return gt=i,gt}var bt,le;function Re(){if(le)return bt;le=1;function r(t){return t}return bt=r,bt}var dt,pe;function Vu(){if(pe)return dt;pe=1;function r(t,n,e){switch(e.length){case 0:return t.call(n);case 1:return t.call(n,e[0]);case 2:return t.call(n,e[0],e[1]);case 3:return t.call(n,e[0],e[1],e[2])}return t.apply(n,e)}return dt=r,dt}var jt,ye;function Wu(){if(ye)return jt;ye=1;var r=Vu(),t=Math.max;function n(e,u,a){return u=t(u===void 0?e.length-1:u,0),function(){for(var o=arguments,i=-1,f=t(o.length-u,0),c=Array(f);++i<f;)c[i]=o[u+i];i=-1;for(var v=Array(u+1);++i<u;)v[i]=o[i];return v[u]=a(c),r(e,this,v)}}return jt=n,jt}var Ot,he;function Ju(){if(he)return Ot;he=1;function r(t){return function(){return t}}return Ot=r,Ot}var wt,_e;function Ku(){if(_e)return wt;_e=1;var r=Ju(),t=Pe(),n=Re(),e=t?function(u,a){return t(u,"toString",{configurable:!0,enumerable:!1,value:r(a),writable:!0})}:n;return wt=e,wt}var mt,ge;function Qu(){if(ge)return mt;ge=1;var r=800,t=16,n=Date.now;function e(u){var a=0,o=0;return function(){var i=n(),f=t-(i-o);if(o=i,f>0){if(++a>=r)return arguments[0]}else a=0;return u.apply(void 0,arguments)}}return mt=e,mt}var At,be;function Xu(){if(be)return At;be=1;var r=Ku(),t=Qu(),n=t(r);return At=n,At}var xt,de;function Yu(){if(de)return xt;de=1;var r=Re(),t=Wu(),n=Xu();function e(u,a){return n(t(u,a,r),u+"")}return xt=e,xt}var zt,je;function Zu(){if(je)return zt;je=1;var r=M(),t=Tt(),n=Be(),e=x();function u(a,o,i){if(!e(i))return!1;var f=typeof o;return(f=="number"?t(i)&&n(o,i.length):f=="string"&&o in i)?r(i[o],a):!1}return zt=u,zt}var Pt,Oe;function Hu(){if(Oe)return Pt;Oe=1;var r=Yu(),t=Zu();function n(e){return r(function(u,a){var o=-1,i=a.length,f=i>1?a[i-1]:void 0,c=i>2?a[2]:void 0;for(f=e.length>3&&typeof f=="function"?(i--,f):void 0,c&&t(a[0],a[1],c)&&(f=i<3?void 0:f,i=1),u=Object(u);++o<i;){var v=a[o];v&&e(u,v,o,f)}return u})}return Pt=n,Pt}var St,we;function ra(){if(we)return St;we=1;var r=Gu(),t=Hu(),n=t(function(e,u,a){r(e,u,a)});return St=n,St}var ta=ra();const na=Ce(ta);function ea(r,t){if(!t)return r;const n=[];let e=0;return r.replace(/\{(\w+)\}/g,(u,a,o)=>(o>e&&n.push(r.slice(e,o)),n.push(t[a]?.toString()??u),e=o+u.length,u)),e<r.length&&n.push(r.slice(e)),n.join("")}const ua={vi:{},en:{}},aa=(r,t)=>na({},r,t),w=De((r,t)=>({language:"system",systemLanguage:window.LANG_CODE||new URL(window?.location.href).searchParams.get("langCode")||"vi",initialized:!1,resources:ua,translate:(n,e,u)=>{const a=u??t().language,{resources:o,systemLanguage:i}=t();let f=a;a==="system"&&(f=i);const c=(o[f]??{})[n];return c?ea(c,e):(console.warn(`Translation key "${n}" not found in locale "${a}"`),n)},setLanguage:n=>{r({language:n})},init:n=>{r(({resources:e})=>({resources:aa(e,n?.resources),initialized:!0}))}})),fa=(r,t,n)=>{const e=w.getState().translate;return e(r,t,n)},ca=({config:r,children:t})=>{const n=me.useRef(!1),e=w(u=>u.init);return n.current||(n.current=!0,e({resources:r?.resources})),t};function va(){const r=w(n=>n.translate),t=w(n=>n.language);return me.useCallback((n,e,u)=>r(n,e,u),[r,t])}function sa(){const r=w(e=>e.language),t=w(e=>e.systemLanguage),n=w(e=>e.setLanguage);return{language:r,systemLanguage:t,setLanguage:n}}const la=()=>w(r=>r.initialized);export{va as d,sa as g,ca as h,la as p,fa as s};
@@ -1 +1 @@
1
- import{e}from"./iframe-CLEfhyJc.js";import"./preload-helper-PPVm8Dsz.js";const o={},c=e.createContext(o);function u(n){const t=e.useContext(c);return e.useMemo(function(){return typeof n=="function"?n(t):{...t,...n}},[t,n])}function r(n){let t;return n.disableParentContext?t=typeof n.components=="function"?n.components(o):n.components||o:t=u(n.components),e.createElement(c.Provider,{value:t},n.children)}export{r as MDXProvider,u as useMDXComponents};
1
+ import{e}from"./iframe-DfPay7Zl.js";import"./preload-helper-PPVm8Dsz.js";const o={},c=e.createContext(o);function u(n){const t=e.useContext(c);return e.useMemo(function(){return typeof n=="function"?n(t):{...t,...n}},[t,n])}function r(n){let t;return n.disableParentContext?t=typeof n.components=="function"?n.components(o):n.components||o:t=u(n.components),e.createElement(c.Provider,{value:t},n.children)}export{r as MDXProvider,u as useMDXComponents};
@@ -1 +1 @@
1
- import{_ as V,i as C,a as N}from"./index-B-Ksafg0.js";import{r as u}from"./iframe-CLEfhyJc.js";var O=function(a){var e=u.useRef(a);e.current=u.useMemo(function(){return a},[a]);var r=u.useRef(void 0);return r.current||(r.current=function(){for(var n=[],t=0;t<arguments.length;t++)n[t]=arguments[t];return e.current.apply(this,n)}),r.current},P=function(){var a=V(u.useState({}),2),e=a[1];return u.useCallback(function(){return e({})},[])};function S(a,e){e===void 0&&(e={});var r=a??{},n=e.defaultValue,t=e.defaultValuePropName,c=t===void 0?"defaultValue":t,i=e.valuePropName,v=i===void 0?"value":i,d=e.trigger,m=d===void 0?"onChange":d,p=r[v],f=Object.prototype.hasOwnProperty.call(r,v),h=u.useMemo(function(){return f?p:Object.prototype.hasOwnProperty.call(r,c)?r[c]:n},[]),l=u.useRef(h);f&&(l.current=p);var b=P();function R(s){for(var g=[],o=1;o<arguments.length;o++)g[o-1]=arguments[o];var y=C(s)?s(l.current):s;f||(l.current=y,b()),r[m]&&r[m].apply(r,N([y],V(g),!1))}return[l.current,O(R)]}export{S as u};
1
+ import{_ as V,i as C,a as N}from"./index-B-Ksafg0.js";import{r as u}from"./iframe-DfPay7Zl.js";var O=function(a){var e=u.useRef(a);e.current=u.useMemo(function(){return a},[a]);var r=u.useRef(void 0);return r.current||(r.current=function(){for(var n=[],t=0;t<arguments.length;t++)n[t]=arguments[t];return e.current.apply(this,n)}),r.current},P=function(){var a=V(u.useState({}),2),e=a[1];return u.useCallback(function(){return e({})},[])};function S(a,e){e===void 0&&(e={});var r=a??{},n=e.defaultValue,t=e.defaultValuePropName,c=t===void 0?"defaultValue":t,i=e.valuePropName,v=i===void 0?"value":i,d=e.trigger,m=d===void 0?"onChange":d,p=r[v],f=Object.prototype.hasOwnProperty.call(r,v),h=u.useMemo(function(){return f?p:Object.prototype.hasOwnProperty.call(r,c)?r[c]:n},[]),l=u.useRef(h);f&&(l.current=p);var b=P();function R(s){for(var g=[],o=1;o<arguments.length;o++)g[o-1]=arguments[o];var y=C(s)?s(l.current):s;f||(l.current=y,b()),r[m]&&r[m].apply(r,N([y],V(g),!1))}return[l.current,O(R)]}export{S as u};
@@ -1 +1 @@
1
- import{a as O}from"./iframe-CLEfhyJc.js";var y={exports:{}},n={};var o;function S(){if(o)return n;o=1;var u=O();function g(r){var e="https://react.dev/errors/"+r;if(1<arguments.length){e+="?args[]="+encodeURIComponent(arguments[1]);for(var t=2;t<arguments.length;t++)e+="&args[]="+encodeURIComponent(arguments[t])}return"Minified React error #"+r+"; visit "+e+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}function a(){}var i={d:{f:a,r:function(){throw Error(g(522))},D:a,C:a,L:a,m:a,X:a,S:a,M:a},p:0,findDOMNode:null},m=Symbol.for("react.portal");function v(r,e,t){var c=3<arguments.length&&arguments[3]!==void 0?arguments[3]:null;return{$$typeof:m,key:c==null?null:""+c,children:r,containerInfo:e,implementation:t}}var f=u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;function d(r,e){if(r==="font")return"";if(typeof e=="string")return e==="use-credentials"?e:""}return n.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=i,n.createPortal=function(r,e){var t=2<arguments.length&&arguments[2]!==void 0?arguments[2]:null;if(!e||e.nodeType!==1&&e.nodeType!==9&&e.nodeType!==11)throw Error(g(299));return v(r,e,null,t)},n.flushSync=function(r){var e=f.T,t=i.p;try{if(f.T=null,i.p=2,r)return r()}finally{f.T=e,i.p=t,i.d.f()}},n.preconnect=function(r,e){typeof r=="string"&&(e?(e=e.crossOrigin,e=typeof e=="string"?e==="use-credentials"?e:"":void 0):e=null,i.d.C(r,e))},n.prefetchDNS=function(r){typeof r=="string"&&i.d.D(r)},n.preinit=function(r,e){if(typeof r=="string"&&e&&typeof e.as=="string"){var t=e.as,c=d(t,e.crossOrigin),s=typeof e.integrity=="string"?e.integrity:void 0,l=typeof e.fetchPriority=="string"?e.fetchPriority:void 0;t==="style"?i.d.S(r,typeof e.precedence=="string"?e.precedence:void 0,{crossOrigin:c,integrity:s,fetchPriority:l}):t==="script"&&i.d.X(r,{crossOrigin:c,integrity:s,fetchPriority:l,nonce:typeof e.nonce=="string"?e.nonce:void 0})}},n.preinitModule=function(r,e){if(typeof r=="string")if(typeof e=="object"&&e!==null){if(e.as==null||e.as==="script"){var t=d(e.as,e.crossOrigin);i.d.M(r,{crossOrigin:t,integrity:typeof e.integrity=="string"?e.integrity:void 0,nonce:typeof e.nonce=="string"?e.nonce:void 0})}}else e==null&&i.d.M(r)},n.preload=function(r,e){if(typeof r=="string"&&typeof e=="object"&&e!==null&&typeof e.as=="string"){var t=e.as,c=d(t,e.crossOrigin);i.d.L(r,t,{crossOrigin:c,integrity:typeof e.integrity=="string"?e.integrity:void 0,nonce:typeof e.nonce=="string"?e.nonce:void 0,type:typeof e.type=="string"?e.type:void 0,fetchPriority:typeof e.fetchPriority=="string"?e.fetchPriority:void 0,referrerPolicy:typeof e.referrerPolicy=="string"?e.referrerPolicy:void 0,imageSrcSet:typeof e.imageSrcSet=="string"?e.imageSrcSet:void 0,imageSizes:typeof e.imageSizes=="string"?e.imageSizes:void 0,media:typeof e.media=="string"?e.media:void 0})}},n.preloadModule=function(r,e){if(typeof r=="string")if(e){var t=d(e.as,e.crossOrigin);i.d.m(r,{as:typeof e.as=="string"&&e.as!=="script"?e.as:void 0,crossOrigin:t,integrity:typeof e.integrity=="string"?e.integrity:void 0})}else i.d.m(r)},n.requestFormReset=function(r){i.d.r(r)},n.unstable_batchedUpdates=function(r,e){return r(e)},n.useFormState=function(r,e,t){return f.H.useFormState(r,e,t)},n.useFormStatus=function(){return f.H.useHostTransitionStatus()},n.version="19.2.3",n}var _;function T(){if(_)return y.exports;_=1;function u(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(u)}catch(g){console.error(g)}}return u(),y.exports=S(),y.exports}export{T as r};
1
+ import{a as O}from"./iframe-DfPay7Zl.js";var y={exports:{}},n={};var o;function S(){if(o)return n;o=1;var u=O();function g(r){var e="https://react.dev/errors/"+r;if(1<arguments.length){e+="?args[]="+encodeURIComponent(arguments[1]);for(var t=2;t<arguments.length;t++)e+="&args[]="+encodeURIComponent(arguments[t])}return"Minified React error #"+r+"; visit "+e+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}function a(){}var i={d:{f:a,r:function(){throw Error(g(522))},D:a,C:a,L:a,m:a,X:a,S:a,M:a},p:0,findDOMNode:null},m=Symbol.for("react.portal");function v(r,e,t){var c=3<arguments.length&&arguments[3]!==void 0?arguments[3]:null;return{$$typeof:m,key:c==null?null:""+c,children:r,containerInfo:e,implementation:t}}var f=u.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;function d(r,e){if(r==="font")return"";if(typeof e=="string")return e==="use-credentials"?e:""}return n.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=i,n.createPortal=function(r,e){var t=2<arguments.length&&arguments[2]!==void 0?arguments[2]:null;if(!e||e.nodeType!==1&&e.nodeType!==9&&e.nodeType!==11)throw Error(g(299));return v(r,e,null,t)},n.flushSync=function(r){var e=f.T,t=i.p;try{if(f.T=null,i.p=2,r)return r()}finally{f.T=e,i.p=t,i.d.f()}},n.preconnect=function(r,e){typeof r=="string"&&(e?(e=e.crossOrigin,e=typeof e=="string"?e==="use-credentials"?e:"":void 0):e=null,i.d.C(r,e))},n.prefetchDNS=function(r){typeof r=="string"&&i.d.D(r)},n.preinit=function(r,e){if(typeof r=="string"&&e&&typeof e.as=="string"){var t=e.as,c=d(t,e.crossOrigin),s=typeof e.integrity=="string"?e.integrity:void 0,l=typeof e.fetchPriority=="string"?e.fetchPriority:void 0;t==="style"?i.d.S(r,typeof e.precedence=="string"?e.precedence:void 0,{crossOrigin:c,integrity:s,fetchPriority:l}):t==="script"&&i.d.X(r,{crossOrigin:c,integrity:s,fetchPriority:l,nonce:typeof e.nonce=="string"?e.nonce:void 0})}},n.preinitModule=function(r,e){if(typeof r=="string")if(typeof e=="object"&&e!==null){if(e.as==null||e.as==="script"){var t=d(e.as,e.crossOrigin);i.d.M(r,{crossOrigin:t,integrity:typeof e.integrity=="string"?e.integrity:void 0,nonce:typeof e.nonce=="string"?e.nonce:void 0})}}else e==null&&i.d.M(r)},n.preload=function(r,e){if(typeof r=="string"&&typeof e=="object"&&e!==null&&typeof e.as=="string"){var t=e.as,c=d(t,e.crossOrigin);i.d.L(r,t,{crossOrigin:c,integrity:typeof e.integrity=="string"?e.integrity:void 0,nonce:typeof e.nonce=="string"?e.nonce:void 0,type:typeof e.type=="string"?e.type:void 0,fetchPriority:typeof e.fetchPriority=="string"?e.fetchPriority:void 0,referrerPolicy:typeof e.referrerPolicy=="string"?e.referrerPolicy:void 0,imageSrcSet:typeof e.imageSrcSet=="string"?e.imageSrcSet:void 0,imageSizes:typeof e.imageSizes=="string"?e.imageSizes:void 0,media:typeof e.media=="string"?e.media:void 0})}},n.preloadModule=function(r,e){if(typeof r=="string")if(e){var t=d(e.as,e.crossOrigin);i.d.m(r,{as:typeof e.as=="string"&&e.as!=="script"?e.as:void 0,crossOrigin:t,integrity:typeof e.integrity=="string"?e.integrity:void 0})}else i.d.m(r)},n.requestFormReset=function(r){i.d.r(r)},n.unstable_batchedUpdates=function(r,e){return r(e)},n.useFormState=function(r,e,t){return f.H.useFormState(r,e,t)},n.useFormStatus=function(){return f.H.useHostTransitionStatus()},n.version="19.2.3",n}var _;function T(){if(_)return y.exports;_=1;function u(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(u)}catch(g){console.error(g)}}return u(),y.exports=S(),y.exports}export{T as r};
@@ -0,0 +1 @@
1
+ import{g as W,j as t}from"./iframe-DfPay7Zl.js";import{r as H,I as L}from"./icon-CdiFzFyf.js";import{L as D}from"./label-D44azUgi.js";import{c as J,g as M}from"./store-Ce3Ikv5g.js";import{T as w}from"./typography-CB8hPDyK.js";import{r as N,a as O,b as Q,c as U,o as X}from"./omit-BWHsnDSR.js";import{r as Y,a as Z,b as j,c as V,d as rr,e as er}from"./_baseClone-DQVxEhny.js";var g,B;function sr(){if(B)return g;B=1;var a=Y(),s=N(),r=j(),e=Z(),u=O();function _(c,i,p,d){if(!e(c))return c;i=s(i,c);for(var f=-1,l=i.length,v=l-1,o=c;o!=null&&++f<l;){var h=u(i[f]),m=p;if(h==="__proto__"||h==="constructor"||h==="prototype")return c;if(f!=v){var x=o[h];m=d?d(x,h,o):void 0,m===void 0&&(m=e(x)?x:r(i[f+1])?[]:{})}a(o,h,m),o=o[h]}return c}return g=_,g}var q,S;function ir(){if(S)return q;S=1;var a=Q(),s=sr(),r=N();function e(u,_,c){for(var i=-1,p=_.length,d={};++i<p;){var f=_[i],l=a(u,f);c(l,f)&&s(d,r(f,u),l)}return d}return q=e,q}var P,A;function ar(){if(A)return P;A=1;function a(s,r){return s!=null&&r in Object(s)}return P=a,P}var $,T;function nr(){if(T)return $;T=1;var a=N(),s=V(),r=rr(),e=j(),u=er(),_=O();function c(i,p,d){p=a(p,i);for(var f=-1,l=p.length,v=!1;++f<l;){var o=_(p[f]);if(!(v=i!=null&&d(i,o)))break;i=i[o]}return v||++f!=l?v:(l=i==null?0:i.length,!!l&&u(l)&&e(o,l)&&(r(i)||s(i)))}return $=c,$}var k,z;function tr(){if(z)return k;z=1;var a=ar(),s=nr();function r(e,u){return e!=null&&s(e,u,a)}return k=r,k}var b,E;function ur(){if(E)return b;E=1;var a=ir(),s=tr();function r(e,u){return a(e,u,function(_,c){return s(e,c)})}return b=r,b}var C,K;function cr(){if(K)return C;K=1;var a=ur(),s=U(),r=s(function(e,u){return e==null?{}:a(e,u)});return C=r,C}var lr=cr();const _r=W(lr),n=M("input-wrapper");function Ir(a){const s=_r(a,["shape","disabled","success","successMessage","error","errorMessage","label","leadingIcon","onLeadingIconClick","trailingIcon","onTrailingIconClick","prefix","suffix","className"]),r=X(a,["shape","disabled","success","successMessage","error","errorMessage","label","leadingIcon","onLeadingIconClick","trailingIcon","onTrailingIconClick","prefix","suffix","className"]);return{wrapper:s,props:r}}const fr=({shape:a="rounded",disabled:s,loadingNode:r,success:e,successMessage:u,error:_,errorMessage:c,className:i,label:p,leadingIcon:d,onLeadingIconClick:f,trailingIcon:l,onTrailingIconClick:v,prefix:o,suffix:h,isFocus:m,children:x,align:R,bottomInput:y,onInputClick:F,...G})=>(_=!r&&(_&&!s||!!c),e=!r&&!_&&!s&&(e||!!u),t.jsxs("div",{...G,className:J(n,i,{[`${n}--${R}`]:R,[`${n}--${a}`]:a,[`${n}--disabled`]:s,[`${n}--success`]:e,[`${n}--error`]:_,[`${n}--focus`]:m}),children:[!!p&&t.jsx(D,{...p,loading:!!r||p.loading}),t.jsxs("div",{className:`${n}__input`,onClick:F,children:[t.jsxs("div",{className:`${n}__input__body`,children:[!!r&&r,!r&&t.jsxs(t.Fragment,{children:[!!o&&t.jsx("div",{className:`${n}__input__prefix`,children:o}),t.jsxs("div",{className:`${n}__input__inner`,children:[!!d&&t.jsx("div",{className:`${n}__input__leading-icon`,onClick:I=>f?.(I),children:H(d)}),t.jsx("div",{className:`${n}__input__child`,children:x}),!!_&&t.jsx(L,{name:"triangle-warning",size:20,color:"alias-support-negative",type:"fill"}),!!e&&t.jsx(L,{name:"circle-check",size:20,color:"alias-support-positive",type:"fill"}),!!l&&t.jsx("div",{className:`${n}__input__trailing-icon`,onClick:I=>v?.(I),children:H(l)})]}),!!h&&t.jsx("div",{className:`${n}__input__suffix`,children:h})]})]}),!r&&!!y&&t.jsx("div",{className:`${n}__input__footer`,children:y})]}),!r&&_&&!!c&&t.jsx(w,{size:"small",weight:400,color:"alias-support-negative",className:`${n}__error-text`,children:c}),!r&&e&&!!u&&t.jsx(w,{size:"small",weight:400,color:"alias-support-positive",className:`${n}__success-text`,children:u})]}));fr.__docgenInfo={description:"",methods:[],displayName:"InputWrapper",props:{shape:{defaultValue:{value:"'rounded'",computed:!1},required:!1}}};export{fr as I,Ir as g};
@@ -1,4 +1,4 @@
1
- import{j as l}from"./iframe-CLEfhyJc.js";import{r as g}from"./icon-TJ3FHxUI.js";import{c as s,g as d}from"./classname-DoNrELT0.js";import{T as i}from"./typography-DoV67nnS.js";import{S as t}from"./skeleton-Dn8rwbgX.js";const a=d("label"),c=({text:o,helperText:e,disabled:u,required:m,icon:v,className:b,loading:r,...n})=>l.jsxs("label",{...n,className:s(a,b,{[`${a}--disabled`]:u}),children:[r&&l.jsxs(l.Fragment,{children:[l.jsx("span",{className:`${a}__content--loading`,children:l.jsx(t,{width:80,height:14,shape:"pill"})}),!!e&&l.jsx("span",{className:`${a}__helper--loading`,children:l.jsx(t,{width:40,height:12,shape:"pill"})})]}),!r&&l.jsxs(l.Fragment,{children:[l.jsxs("span",{className:`${a}__content`,children:[m&&l.jsx("span",{className:`${a}__required`,children:"*"}),l.jsx(i,{component:"span",size:"small",weight:400,className:`${a}__text`,children:o||n.children}),l.jsx("span",{className:`${a}__icon`,children:g(v)})]}),!!e&&l.jsx(i,{size:"x-small",weight:400,className:`${a}__helper`,children:e})]})]});c.__docgenInfo={description:"",methods:[],displayName:"Label",props:{disabled:{required:!1,tsType:{name:"boolean"},description:""},required:{required:!1,tsType:{name:"boolean"},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{j as l}from"./iframe-DfPay7Zl.js";import{r as g}from"./icon-CdiFzFyf.js";import{c as s,g as d}from"./store-Ce3Ikv5g.js";import{T as i}from"./typography-CB8hPDyK.js";import{S as t}from"./skeleton-B12XbNAJ.js";const a=d("label"),c=({text:o,helperText:e,disabled:u,required:m,icon:v,className:b,loading:r,...n})=>l.jsxs("label",{...n,className:s(a,b,{[`${a}--disabled`]:u}),children:[r&&l.jsxs(l.Fragment,{children:[l.jsx("span",{className:`${a}__content--loading`,children:l.jsx(t,{width:80,height:14,shape:"pill"})}),!!e&&l.jsx("span",{className:`${a}__helper--loading`,children:l.jsx(t,{width:40,height:12,shape:"pill"})})]}),!r&&l.jsxs(l.Fragment,{children:[l.jsxs("span",{className:`${a}__content`,children:[m&&l.jsx("span",{className:`${a}__required`,children:"*"}),l.jsx(i,{component:"span",size:"small",weight:400,className:`${a}__text`,children:o||n.children}),l.jsx("span",{className:`${a}__icon`,children:g(v)})]}),!!e&&l.jsx(i,{size:"x-small",weight:400,className:`${a}__helper`,children:e})]})]});c.__docgenInfo={description:"",methods:[],displayName:"Label",props:{disabled:{required:!1,tsType:{name:"boolean"},description:""},required:{required:!1,tsType:{name:"boolean"},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}from"./iframe-CLEfhyJc.js";import{T as u,S as h,M as x,P as y,a as g}from"./blocks-CpOj9FQ_.js";import{L as o}from"./label-fI1oWVKU.js";import{t as e}from"./store-D2RudmNr.js";import"./preload-helper-PPVm8Dsz.js";import"./index-CaMbLGUB.js";import"./icon-TJ3FHxUI.js";import"./colors-_6nFGM3e.js";import"./classname-DoNrELT0.js";import"./typography-DoV67nnS.js";import"./skeleton-Dn8rwbgX.js";const w=()=>{const b=`
1
+ import{j as t}from"./iframe-DfPay7Zl.js";import{T as u,S as h,M as x,P as y,a as g}from"./blocks-DKR3P4qW.js";import{L as o}from"./label-D44azUgi.js";import{t as e}from"./store-Ce3Ikv5g.js";import"./preload-helper-PPVm8Dsz.js";import"./index-cMNObl2z.js";import"./icon-CdiFzFyf.js";import"./colors-_6nFGM3e.js";import"./typography-CB8hPDyK.js";import"./skeleton-B12XbNAJ.js";const w=()=>{const b=`
2
2
  ## ${e("common.table.title")}
3
3
 
4
4
  | ${e("common.table.name")} | ${e("common.table.type")} | ${e("common.table.required")} | ${e("common.table.description")} |
@@ -13,7 +13,7 @@ import{j as t}from"./iframe-CLEfhyJc.js";import{T as u,S as h,M as x,P as y,a as
13
13
  | \`children\` | \`ReactNode\` | ${e("common.table.no")} | ${e("components.label.childrenDescription")} |
14
14
  | \`className\` | \`string\` | ${e("common.table.no")} | ${e("components.label.classNameDescription")} |
15
15
  | \`...props\` | \`ComponentPropsWithRef<'label'>\` | ${e("common.table.no")} | ${e("components.label.propsDescription")} |
16
- `;return t.jsxs(t.Fragment,{children:[t.jsx(u,{}),t.jsx(h,{}),t.jsx(x,{children:e("components.label.description")}),t.jsx(y,{}),t.jsx(x,{children:b}),t.jsx(g,{})]})},L={title:"Components/Label",component:o,parameters:{layout:"padded",docs:{page:w}},tags:["autodocs"],argTypes:{text:{control:"text",description:e("components.label.argTypes.textDescription"),table:{type:{summary:"ReactNode"}}},required:{control:"boolean",description:e("components.label.argTypes.requiredDescription"),table:{type:{summary:"boolean"}}},icon:{control:!1,description:e("components.label.argTypes.iconDescription"),table:{type:{summary:"IIconProps | ReactNode"}}},helperText:{control:"text",description:e("components.label.argTypes.helperTextDescription"),table:{type:{summary:"ReactNode"}}},disabled:{control:"boolean",description:e("components.label.argTypes.disabledDescription"),table:{type:{summary:"boolean"}}},loading:{control:"boolean",description:e("components.label.argTypes.loadingDescription"),table:{type:{summary:"boolean"}}},htmlFor:{control:"text",description:e("components.label.argTypes.htmlForDescription"),table:{type:{summary:"string"}}},children:{control:"text",description:e("components.label.argTypes.childrenDescription"),table:{type:{summary:"ReactNode"}}}}},s={storyName:e("components.label.stories.default.storyName"),args:{text:e("components.label.stories.default.text")}},r={render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(o,{text:e("components.label.stories.withRequired.email"),required:!0}),t.jsx(o,{text:e("components.label.stories.withRequired.password"),required:!0}),t.jsx(o,{text:e("components.label.stories.withRequired.username"),required:!0})]})},l={storyName:e("components.label.stories.withIcon.storyName"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(o,{text:e("components.label.stories.withIcon.email"),icon:{name:"placeholder"}}),t.jsx(o,{text:e("components.label.stories.withIcon.password"),icon:{name:"placeholder"}}),t.jsx(o,{text:e("components.label.stories.withIcon.phone"),icon:{name:"placeholder"}})]})},n={storyName:e("components.label.stories.withHelperText.storyName"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(o,{text:e("components.label.stories.withHelperText.password"),helperText:e("components.label.stories.withHelperText.passwordHelper")}),t.jsx(o,{text:e("components.label.stories.withHelperText.email"),helperText:e("components.label.stories.withHelperText.emailHelper")}),t.jsx(o,{text:e("components.label.stories.withHelperText.username"),helperText:e("components.label.stories.withHelperText.usernameHelper")})]})},a={storyName:e("components.label.stories.withRequiredAndHelperText.storyName"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(o,{text:e("components.label.stories.withRequiredAndHelper.email"),required:!0,helperText:e("components.label.stories.withRequiredAndHelper.requiredField")}),t.jsx(o,{text:e("components.label.stories.withRequiredAndHelper.password"),required:!0,helperText:e("components.label.stories.withRequiredAndHelper.passwordHelper")})]})},i={storyName:e("components.label.stories.loadingState.storyName"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(o,{text:e("components.label.stories.loadingState.loading"),loading:!0}),t.jsx(o,{text:e("components.label.stories.loadingState.loadingWithHelper"),helperText:e("components.label.stories.loadingState.helperText"),loading:!0})]})},p={storyName:e("components.label.stories.disabledState.storyName"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(o,{text:e("components.label.stories.disabledState.disabledLabel"),disabled:!0}),t.jsx(o,{text:e("components.label.stories.disabledState.disabledWithHelper"),helperText:e("components.label.stories.disabledState.helperText"),disabled:!0})]})},c={storyName:e("components.label.stories.associatedWithInput.storyName"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px"},children:[t.jsx(o,{htmlFor:"email-input",text:e("components.label.stories.associatedWithInput.email"),required:!0}),t.jsx("input",{id:"email-input",type:"email",placeholder:e("components.label.stories.associatedWithInput.emailPlaceholder"),style:{padding:"8px 12px",border:"1px solid #ccc",borderRadius:"4px"}}),t.jsx(o,{htmlFor:"password-input",text:e("components.label.stories.associatedWithInput.password"),required:!0,helperText:e("components.label.stories.associatedWithInput.passwordHelper")}),t.jsx("input",{id:"password-input",type:"password",placeholder:e("components.label.stories.associatedWithInput.passwordPlaceholder"),style:{padding:"8px 12px",border:"1px solid #ccc",borderRadius:"4px"}})]})},d={storyName:e("components.label.stories.completeExample.storyName"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:[t.jsx("div",{children:t.jsx(o,{text:e("components.label.stories.completeExample.username"),required:!0,icon:{name:"placeholder"},helperText:e("components.label.stories.completeExample.usernameHelper")})}),t.jsx("div",{children:t.jsx(o,{text:e("components.label.stories.completeExample.email"),required:!0,helperText:e("components.label.stories.completeExample.emailHelper")})}),t.jsx("div",{children:t.jsx(o,{text:e("components.label.stories.completeExample.phone"),icon:{name:"placeholder"},helperText:e("components.label.stories.completeExample.optional")})})]})},m={storyName:e("components.label.stories.interactive.storyName"),args:{text:e("components.label.stories.interactive.text"),required:!1,disabled:!1,loading:!1}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
16
+ `;return t.jsxs(t.Fragment,{children:[t.jsx(u,{}),t.jsx(h,{}),t.jsx(x,{children:e("components.label.description")}),t.jsx(y,{}),t.jsx(x,{children:b}),t.jsx(g,{})]})},I={title:"Components/Label",component:o,parameters:{layout:"padded",docs:{page:w}},tags:["autodocs"],argTypes:{text:{control:"text",description:e("components.label.argTypes.textDescription"),table:{type:{summary:"ReactNode"}}},required:{control:"boolean",description:e("components.label.argTypes.requiredDescription"),table:{type:{summary:"boolean"}}},icon:{control:!1,description:e("components.label.argTypes.iconDescription"),table:{type:{summary:"IIconProps | ReactNode"}}},helperText:{control:"text",description:e("components.label.argTypes.helperTextDescription"),table:{type:{summary:"ReactNode"}}},disabled:{control:"boolean",description:e("components.label.argTypes.disabledDescription"),table:{type:{summary:"boolean"}}},loading:{control:"boolean",description:e("components.label.argTypes.loadingDescription"),table:{type:{summary:"boolean"}}},htmlFor:{control:"text",description:e("components.label.argTypes.htmlForDescription"),table:{type:{summary:"string"}}},children:{control:"text",description:e("components.label.argTypes.childrenDescription"),table:{type:{summary:"ReactNode"}}}}},s={storyName:e("components.label.stories.default.storyName"),args:{text:e("components.label.stories.default.text")}},r={render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(o,{text:e("components.label.stories.withRequired.email"),required:!0}),t.jsx(o,{text:e("components.label.stories.withRequired.password"),required:!0}),t.jsx(o,{text:e("components.label.stories.withRequired.username"),required:!0})]})},l={storyName:e("components.label.stories.withIcon.storyName"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(o,{text:e("components.label.stories.withIcon.email"),icon:{name:"placeholder"}}),t.jsx(o,{text:e("components.label.stories.withIcon.password"),icon:{name:"placeholder"}}),t.jsx(o,{text:e("components.label.stories.withIcon.phone"),icon:{name:"placeholder"}})]})},n={storyName:e("components.label.stories.withHelperText.storyName"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(o,{text:e("components.label.stories.withHelperText.password"),helperText:e("components.label.stories.withHelperText.passwordHelper")}),t.jsx(o,{text:e("components.label.stories.withHelperText.email"),helperText:e("components.label.stories.withHelperText.emailHelper")}),t.jsx(o,{text:e("components.label.stories.withHelperText.username"),helperText:e("components.label.stories.withHelperText.usernameHelper")})]})},a={storyName:e("components.label.stories.withRequiredAndHelperText.storyName"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(o,{text:e("components.label.stories.withRequiredAndHelper.email"),required:!0,helperText:e("components.label.stories.withRequiredAndHelper.requiredField")}),t.jsx(o,{text:e("components.label.stories.withRequiredAndHelper.password"),required:!0,helperText:e("components.label.stories.withRequiredAndHelper.passwordHelper")})]})},i={storyName:e("components.label.stories.loadingState.storyName"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(o,{text:e("components.label.stories.loadingState.loading"),loading:!0}),t.jsx(o,{text:e("components.label.stories.loadingState.loadingWithHelper"),helperText:e("components.label.stories.loadingState.helperText"),loading:!0})]})},p={storyName:e("components.label.stories.disabledState.storyName"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"16px"},children:[t.jsx(o,{text:e("components.label.stories.disabledState.disabledLabel"),disabled:!0}),t.jsx(o,{text:e("components.label.stories.disabledState.disabledWithHelper"),helperText:e("components.label.stories.disabledState.helperText"),disabled:!0})]})},c={storyName:e("components.label.stories.associatedWithInput.storyName"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"8px"},children:[t.jsx(o,{htmlFor:"email-input",text:e("components.label.stories.associatedWithInput.email"),required:!0}),t.jsx("input",{id:"email-input",type:"email",placeholder:e("components.label.stories.associatedWithInput.emailPlaceholder"),style:{padding:"8px 12px",border:"1px solid #ccc",borderRadius:"4px"}}),t.jsx(o,{htmlFor:"password-input",text:e("components.label.stories.associatedWithInput.password"),required:!0,helperText:e("components.label.stories.associatedWithInput.passwordHelper")}),t.jsx("input",{id:"password-input",type:"password",placeholder:e("components.label.stories.associatedWithInput.passwordPlaceholder"),style:{padding:"8px 12px",border:"1px solid #ccc",borderRadius:"4px"}})]})},d={storyName:e("components.label.stories.completeExample.storyName"),render:()=>t.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:"24px"},children:[t.jsx("div",{children:t.jsx(o,{text:e("components.label.stories.completeExample.username"),required:!0,icon:{name:"placeholder"},helperText:e("components.label.stories.completeExample.usernameHelper")})}),t.jsx("div",{children:t.jsx(o,{text:e("components.label.stories.completeExample.email"),required:!0,helperText:e("components.label.stories.completeExample.emailHelper")})}),t.jsx("div",{children:t.jsx(o,{text:e("components.label.stories.completeExample.phone"),icon:{name:"placeholder"},helperText:e("components.label.stories.completeExample.optional")})})]})},m={storyName:e("components.label.stories.interactive.storyName"),args:{text:e("components.label.stories.interactive.text"),required:!1,disabled:!1,loading:!1}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
17
17
  storyName: t('components.label.stories.default.storyName'),
18
18
  args: {
19
19
  text: t('components.label.stories.default.text')
@@ -135,4 +135,4 @@ import{j as t}from"./iframe-CLEfhyJc.js";import{T as u,S as h,M as x,P as y,a as
135
135
  disabled: false,
136
136
  loading: false
137
137
  }
138
- }`,...m.parameters?.docs?.source}}};const W=["Default","WithRequired","WithIcon","WithHelperText","WithRequiredAndHelperText","LoadingState","DisabledState","AssociatedWithInput","CompleteExample","Interactive"];export{c as AssociatedWithInput,d as CompleteExample,s as Default,p as DisabledState,m as Interactive,i as LoadingState,n as WithHelperText,l as WithIcon,r as WithRequired,a as WithRequiredAndHelperText,W as __namedExportsOrder,L as default};
138
+ }`,...m.parameters?.docs?.source}}};const L=["Default","WithRequired","WithIcon","WithHelperText","WithRequiredAndHelperText","LoadingState","DisabledState","AssociatedWithInput","CompleteExample","Interactive"];export{c as AssociatedWithInput,d as CompleteExample,s as Default,p as DisabledState,m as Interactive,i as LoadingState,n as WithHelperText,l as WithIcon,r as WithRequired,a as WithRequiredAndHelperText,L as __namedExportsOrder,I as default};