@e-burgos/tucu-ui 2.0.4 → 2.0.5

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 (296) hide show
  1. package/components/inputs/file-input.d.ts +1 -7
  2. package/demo/pages/introduction/BasicUsageDemo.d.ts +1 -1
  3. package/documentation/{APIReferenceSection-CpVd3Xjx.js → APIReferenceSection-5NIzxE3h.js} +1 -1
  4. package/documentation/{APIReferenceSection-CkbDOII-.js → APIReferenceSection-Ce8zFFzl.js} +1 -1
  5. package/documentation/{ActiveLinkSection-DYPp4Zg0.js → ActiveLinkSection-B-OjIv25.js} +1 -1
  6. package/documentation/{ActiveLinkSection-CpzFDISY.js → ActiveLinkSection-Cfder2gM.js} +1 -1
  7. package/documentation/{AdvancedColorSystemSection-CODz6Wv7.js → AdvancedColorSystemSection-1p7Gzgv7.js} +1 -1
  8. package/documentation/{AdvancedColorSystemSection-C8-q7nNW.js → AdvancedColorSystemSection-Dvs9aiJv.js} +1 -1
  9. package/documentation/{AdvancedFeaturesSection-CPokeoIR.js → AdvancedFeaturesSection-BcZzGuLC.js} +1 -1
  10. package/documentation/{AdvancedFeaturesSection-CT5LPMRT.js → AdvancedFeaturesSection-BoNIb9oH.js} +1 -1
  11. package/documentation/{AdvancedFeaturesSection-DfczHWMU.js → AdvancedFeaturesSection-Bw-yEeIB.js} +1 -1
  12. package/documentation/{AdvancedFeaturesSection-wx6bqfbU.js → AdvancedFeaturesSection-CJbGz9l9.js} +1 -1
  13. package/documentation/{AlertSection-pO3LOWb0.js → AlertSection-1mnmAGE8.js} +1 -1
  14. package/documentation/{AlertSection-M-ADbyNs.js → AlertSection-DLSlCvUX.js} +1 -1
  15. package/documentation/{AnchorLinkSection-DrwLaGpe.js → AnchorLinkSection-BkC1XlUO.js} +1 -1
  16. package/documentation/{AnchorLinkSection-DOQLfXNM.js → AnchorLinkSection-DtkZLFtc.js} +1 -1
  17. package/documentation/{ArchitecturalPatternsComparisonSection-D3qDb8oV.js → ArchitecturalPatternsComparisonSection-BmurN8qG.js} +1 -1
  18. package/documentation/{ArchitecturalPatternsComparisonSection-OgRFV5Gn.js → ArchitecturalPatternsComparisonSection-Dwlq44TJ.js} +1 -1
  19. package/documentation/{ArchitectureOverviewSection-C4SPa6fm.js → ArchitectureOverviewSection-CQj0Os1t.js} +1 -1
  20. package/documentation/{ArchitectureOverviewSection-DJ6szT6V.js → ArchitectureOverviewSection-Cc4iZOZ9.js} +1 -1
  21. package/documentation/{AreaChartSection-CM7nymKJ.js → AreaChartSection-CdymW4XW.js} +1 -1
  22. package/documentation/{AreaChartSection-DdoeVQoB.js → AreaChartSection-okjH0UNh.js} +1 -1
  23. package/documentation/{AuthorCardSection-C-tk6Y7D.js → AuthorCardSection-BVzTIrw9.js} +1 -1
  24. package/documentation/{AuthorCardSection-P8sPh0d7.js → AuthorCardSection-DyH2f3Hs.js} +1 -1
  25. package/documentation/{AvatarSection-DXJRt7X9.js → AvatarSection-BvtkeOrt.js} +1 -1
  26. package/documentation/{AvatarSection-KUgwOb7k.js → AvatarSection-CWj6h6Xw.js} +1 -1
  27. package/documentation/{BadgeSection-BDS8NdU8.js → BadgeSection-Bm2kMztE.js} +1 -1
  28. package/documentation/{BadgeSection-Da5iTRZq.js → BadgeSection-D5PSo5Ha.js} +1 -1
  29. package/documentation/{BarChartSection-EN1OqYoj.js → BarChartSection-DNhGp-SX.js} +1 -1
  30. package/documentation/{BarChartSection-CdcAAYG-.js → BarChartSection-DOO1X0Ls.js} +1 -1
  31. package/documentation/{BasicTableSection-B-BGv1Tg.js → BasicTableSection-B2GWADgL.js} +1 -1
  32. package/documentation/{BasicTableSection-DZASBtqv.js → BasicTableSection-BWdAaKCh.js} +1 -1
  33. package/documentation/{BasicUsageSection-Cyj_uLkj.js → BasicUsageSection-C26gvzBZ.js} +1 -1
  34. package/documentation/{BasicUsageSection-9USFmdGa.js → BasicUsageSection-CiAmGFF6.js} +1 -1
  35. package/documentation/{BestPracticesSection-DDSMtR6c.js → BestPracticesSection--qw-Bu17.js} +1 -1
  36. package/documentation/{BestPracticesSection-B9Ok_QEu.js → BestPracticesSection-BLO5W3Dz.js} +1 -1
  37. package/documentation/{BestPracticesSection-DIYdJV66.js → BestPracticesSection-BQexEz6I.js} +1 -1
  38. package/documentation/{BestPracticesSection-DOLkJn-G.js → BestPracticesSection-BelrvRky.js} +1 -1
  39. package/documentation/{BestPracticesSection-Bbsf74bT.js → BestPracticesSection-C51kB-ds.js} +1 -1
  40. package/documentation/{BestPracticesSection-NsZAn0RE.js → BestPracticesSection-CUi5U-9F.js} +1 -1
  41. package/documentation/{BestPracticesSection-CnVEvflQ.js → BestPracticesSection-CanX6URp.js} +1 -1
  42. package/documentation/{BestPracticesSection-DYVhfzE6.js → BestPracticesSection-D9A1lsfb.js} +1 -1
  43. package/documentation/{BestPracticesSection-BgIFl9EC.js → BestPracticesSection-DEmC0S-K.js} +1 -1
  44. package/documentation/{BestPracticesSection-uZIOlRpC.js → BestPracticesSection-DLPSyeBF.js} +1 -1
  45. package/documentation/{BestPracticesSection-CS9RAMVi.js → BestPracticesSection-Duk-VLd3.js} +1 -1
  46. package/documentation/{BestPracticesSection-c2rhfHLA.js → BestPracticesSection-VeEUdINe.js} +1 -1
  47. package/documentation/{BestPracticesSection-aJyw2jIF.js → BestPracticesSection-p2NFG4oR.js} +1 -1
  48. package/documentation/{BestPracticesSection-BwenEe-Y.js → BestPracticesSection-q-nfGUu_.js} +1 -1
  49. package/documentation/{BorderRadiusSection-BhNShk2O.js → BorderRadiusSection-CPv-iEOg.js} +1 -1
  50. package/documentation/{BorderRadiusSection-D1lTcnl0.js → BorderRadiusSection-CWtBKR4n.js} +1 -1
  51. package/documentation/{ButtonDripSection-CKYJay9N.js → ButtonDripSection-CdyZmshO.js} +1 -1
  52. package/documentation/{ButtonDripSection-C1vY2CzY.js → ButtonDripSection-DvqrkiYu.js} +1 -1
  53. package/documentation/{ButtonLoaderSection-DlQb_Bqb.js → ButtonLoaderSection-BUhnf9_M.js} +1 -1
  54. package/documentation/{ButtonLoaderSection-DKQi-oTv.js → ButtonLoaderSection-DuQTP5Pe.js} +1 -1
  55. package/documentation/{CardContainerSection-B8AGux8b.js → CardContainerSection-DMJza1QB.js} +1 -1
  56. package/documentation/{CardContainerSection-CdASbRnV.js → CardContainerSection-DbKJDPWw.js} +1 -1
  57. package/documentation/{CardSection-DlgqI72V.js → CardSection-B0iqiFGj.js} +1 -1
  58. package/documentation/{CardSection-Do7VBcYz.js → CardSection-D15Ow_Tr.js} +1 -1
  59. package/documentation/{CardTitleSection-DGccHBTI.js → CardTitleSection-BMhuTc5Q.js} +1 -1
  60. package/documentation/{CardTitleSection-CTy97wuG.js → CardTitleSection-DisE8DYA.js} +1 -1
  61. package/documentation/{CarouselCardsSection-D_KfDV2g.js → CarouselCardsSection-0SbaZLzB.js} +1 -1
  62. package/documentation/{CarouselCardsSection-CnuIZycb.js → CarouselCardsSection-D6dpilRA.js} +1 -1
  63. package/documentation/{CarouselImageSection-D4hTf6Z0.js → CarouselImageSection-C1a20WIc.js} +1 -1
  64. package/documentation/{CarouselImageSection-CD0fv4kK.js → CarouselImageSection-Ckn2QzLs.js} +1 -1
  65. package/documentation/{CarouselSection-Brd953Fb.js → CarouselSection-DY1Th7wv.js} +1 -1
  66. package/documentation/{CarouselSection-C9425lXN.js → CarouselSection-JMkeqyoM.js} +1 -1
  67. package/documentation/{CheckboxSection-CU5tyHMH.js → CheckboxSection-Buj9JUAs.js} +1 -1
  68. package/documentation/{CheckboxSection-CQIxbre6.js → CheckboxSection-C1oqzuhJ.js} +1 -1
  69. package/documentation/{CodeExamplesSection-DAHf5u7i.js → CodeExamplesSection-B0jHjim2.js} +1 -1
  70. package/documentation/{CodeExamplesSection-D3oeJD_J.js → CodeExamplesSection-lkjYxBX5.js} +1 -1
  71. package/documentation/{CoinCardSection-BtB86t_Y.js → CoinCardSection-lZUwQvyi.js} +1 -1
  72. package/documentation/{CoinCardSection-BtUjNiqi.js → CoinCardSection-ohLbWYUh.js} +1 -1
  73. package/documentation/{CoinInfoCardSection-odhu-ChN.js → CoinInfoCardSection-6w-hnHtq.js} +1 -1
  74. package/documentation/{CoinInfoCardSection-B0l6nYWu.js → CoinInfoCardSection-CSpda5W2.js} +1 -1
  75. package/documentation/{CoinListBoxSection-DQbdORng.js → CoinListBoxSection-CjuPiQY-.js} +1 -1
  76. package/documentation/{CoinListBoxSection-Cfy0WYOK.js → CoinListBoxSection-if4oi10E.js} +1 -1
  77. package/documentation/{CollapseSection-CI79e0rH.js → CollapseSection-Ce00qgAG.js} +1 -1
  78. package/documentation/{CollapseSection-1AyxKtyh.js → CollapseSection-DvdDK90_.js} +1 -1
  79. package/documentation/{CollectionCardSection-DdwUntub.js → CollectionCardSection-BXYryNM2.js} +1 -1
  80. package/documentation/{CollectionCardSection-DS1mZrSu.js → CollectionCardSection-Bjysn0MP.js} +1 -1
  81. package/documentation/{CollectionSelectListSection-B4bgHz6F.js → CollectionSelectListSection-D8YxEcci.js} +1 -1
  82. package/documentation/{CollectionSelectListSection-CqNEZLrW.js → CollectionSelectListSection-NYI1Ct1i.js} +1 -1
  83. package/documentation/{ColorCustomizationSection-BmJzT1u1.js → ColorCustomizationSection-BGlYoLkQ.js} +1 -1
  84. package/documentation/{ColorCustomizationSection-DxKogmSF.js → ColorCustomizationSection-CBWK9uUm.js} +1 -1
  85. package/documentation/{ColorSystemSection-Be6CJ_qR.js → ColorSystemSection-Dn79GFEE.js} +1 -1
  86. package/documentation/{ColorSystemSection-ROEkhEeH.js → ColorSystemSection-DpzFTiQX.js} +1 -1
  87. package/documentation/{CommonErrorsSection-C8GoonfY.js → CommonErrorsSection-Bu3N9AeP.js} +1 -1
  88. package/documentation/{CommonErrorsSection-5n2RFTOS.js → CommonErrorsSection-CfJggoGk.js} +1 -1
  89. package/documentation/{ComponentAnatomySection-BmlI14Nf.js → ComponentAnatomySection-B6siwlGr.js} +1 -1
  90. package/documentation/{ComponentAnatomySection-tEz92Ng-.js → ComponentAnatomySection-DZ7Qu5NO.js} +1 -1
  91. package/documentation/{ComponentStatusSection-DwwRcvEd.js → ComponentStatusSection-3ZQq3TuC.js} +1 -1
  92. package/documentation/{ComponentStatusSection-DA70myqK.js → ComponentStatusSection-BAcHk045.js} +1 -1
  93. package/documentation/{ComposedChartSection-PRWReilC.js → ComposedChartSection-Ckh3P98Y.js} +1 -1
  94. package/documentation/{ComposedChartSection-CSasm_A4.js → ComposedChartSection-DA6YnjWr.js} +1 -1
  95. package/documentation/{CurrencySwapIconsSection-C6Og4TeP.js → CurrencySwapIconsSection-C28raPLN.js} +1 -1
  96. package/documentation/{CurrencySwapIconsSection-D-GhRHCi.js → CurrencySwapIconsSection-C7OcC3fI.js} +1 -1
  97. package/documentation/{CustomColorPaletteSection-DUhhLGOU.js → CustomColorPaletteSection-CjZQJ8X1.js} +1 -1
  98. package/documentation/{CustomColorPaletteSection-DNgmPGoe.js → CustomColorPaletteSection-DMSw8nDk.js} +1 -1
  99. package/documentation/{CustomIconsSection-BCf8UN2c.js → CustomIconsSection-BwjM43mD.js} +1 -1
  100. package/documentation/{CustomIconsSection-DGn1HMN8.js → CustomIconsSection-DrojbM8n.js} +1 -1
  101. package/documentation/{DefiAppLogoSection-CniFLoNx.js → DefiAppLogoSection-BdZjkLmq.js} +1 -1
  102. package/documentation/{DefiAppLogoSection-DjnvrP3j.js → DefiAppLogoSection-Dk2oHuhM.js} +1 -1
  103. package/documentation/{DesignPrinciplesSection-C-qZ5KCo.js → DesignPrinciplesSection-Bya4UXPp.js} +1 -1
  104. package/documentation/{DesignPrinciplesSection-MeMVZ3ry.js → DesignPrinciplesSection-DnoNOVM9.js} +1 -1
  105. package/documentation/{DrawerSection-Cdhpw0Zp.js → DrawerSection-6g2F0eId.js} +1 -1
  106. package/documentation/{DrawerSection-9NhdERLz.js → DrawerSection-DB25BxGr.js} +1 -1
  107. package/documentation/{DynamicRoutesSection-DAQlCst_.js → DynamicRoutesSection-BMaLmxpb.js} +1 -1
  108. package/documentation/{DynamicRoutesSection-BtECxWUj.js → DynamicRoutesSection-C8c26l82.js} +1 -1
  109. package/documentation/{FileInputSection-BWUvvvdy.js → FileInputSection-DSj8ZQzS.js} +1 -1
  110. package/documentation/{FileInputSection-z7_AAkz8.js → FileInputSection-DhXUezmH.js} +1 -1
  111. package/documentation/{FileStructureSection-lLqJHP56.js → FileStructureSection-Bcx6ldJU.js} +1 -1
  112. package/documentation/{FileStructureSection-Dsr2yojr.js → FileStructureSection-wjvqCs_f.js} +1 -1
  113. package/documentation/{FormComponentsSection-CQ2sazLF.js → FormComponentsSection-DeI3K5Bx.js} +1 -1
  114. package/documentation/{FormComponentsSection-BTYt0wTN.js → FormComponentsSection-Dy3KNt39.js} +1 -1
  115. package/documentation/{FormMethodsSection-CAjYlJPM.js → FormMethodsSection-B1EM4N6A.js} +1 -1
  116. package/documentation/{FormMethodsSection-Chx9tNa_.js → FormMethodsSection-yuuuYyXy.js} +1 -1
  117. package/documentation/{HamburgerSection-CASzjAC6.js → HamburgerSection-DgPmVO-i.js} +1 -1
  118. package/documentation/{HamburgerSection-UacK_FKv.js → HamburgerSection-aBZD1-TZ.js} +1 -1
  119. package/documentation/{HookCategoriesSection-C6-2BbvM.js → HookCategoriesSection-CgVVDDDP.js} +1 -1
  120. package/documentation/{HookCategoriesSection-U7rN5EGL.js → HookCategoriesSection-D1s7HBs3.js} +1 -1
  121. package/documentation/{HookDocumentationSection-HIifl_N4.js → HookDocumentationSection-BX4ihZ7n.js} +1 -1
  122. package/documentation/{HookDocumentationSection-DIXoOh2V.js → HookDocumentationSection-D-uyTvbo.js} +1 -1
  123. package/documentation/{HookFeaturesSection-Dk27SI6j.js → HookFeaturesSection-BJ46pxde.js} +1 -1
  124. package/documentation/{HookFeaturesSection-DNjNJYVR.js → HookFeaturesSection-DG0c6Nuc.js} +1 -1
  125. package/documentation/{IconArchitectureSection-rTqgxU01.js → IconArchitectureSection-C-2VbuA5.js} +1 -1
  126. package/documentation/{IconArchitectureSection-CcpjgUuZ.js → IconArchitectureSection-CURuLfbA.js} +1 -1
  127. package/documentation/{IconSizingGuideSection-ir5Wu2LZ.js → IconSizingGuideSection-CZlzz3vM.js} +1 -1
  128. package/documentation/{IconSizingGuideSection-BAd6zU-Z.js → IconSizingGuideSection-CtgUCS1M.js} +1 -1
  129. package/documentation/{IconSystemAPISection-DjqSJX-n.js → IconSystemAPISection-Bt0cGg5z.js} +1 -1
  130. package/documentation/{IconSystemAPISection-BHp-ZXWb.js → IconSystemAPISection-iR2Mtl7J.js} +1 -1
  131. package/documentation/{IconSystemBenefitsSection-B6NiBLre.js → IconSystemBenefitsSection-BwEGIaSi.js} +1 -1
  132. package/documentation/{IconSystemBenefitsSection-B7zV2HaH.js → IconSystemBenefitsSection-Cm4GLorJ.js} +1 -1
  133. package/documentation/{ImageSection-aotN8Y5u.js → ImageSection-C8chUyse.js} +1 -1
  134. package/documentation/{ImageSection-DmMdByn7.js → ImageSection-DHl4Qi57.js} +1 -1
  135. package/documentation/{ImplementationExamplesSection-BJ0_Xcm2.js → ImplementationExamplesSection-B6RCd5xn.js} +1 -1
  136. package/documentation/{ImplementationExamplesSection-BLHthYw_.js → ImplementationExamplesSection-Dm0hQvIt.js} +1 -1
  137. package/documentation/{ImplementationGuidelinesSection-Ce47rAwZ.js → ImplementationGuidelinesSection-DcophD9I.js} +1 -1
  138. package/documentation/{ImplementationGuidelinesSection-DALPPZXc.js → ImplementationGuidelinesSection-tk4hHb4H.js} +1 -1
  139. package/documentation/{ImplementationStatusSection-Yio9MCtk.js → ImplementationStatusSection-ByTHYlfd.js} +1 -1
  140. package/documentation/{ImplementationStatusSection-DuuoDSqC.js → ImplementationStatusSection-t7Ud-c-d.js} +1 -1
  141. package/documentation/{ImplementedFeaturesSection-CLNTmpD5.js → ImplementedFeaturesSection-BFxz_WX2.js} +1 -1
  142. package/documentation/{ImplementedFeaturesSection-DIxdEibl.js → ImplementedFeaturesSection-DHZ1Aoer.js} +1 -1
  143. package/documentation/{InfoCardSection-CJbU2q_-.js → InfoCardSection-CXtp4OUe.js} +1 -1
  144. package/documentation/{InfoCardSection-CJfS4aKJ.js → InfoCardSection-CzJ00hH4.js} +1 -1
  145. package/documentation/{InputSearcherSection-dA4h9pbM.js → InputSearcherSection-CBLbEei3.js} +1 -1
  146. package/documentation/{InputSearcherSection-DJFKLySX.js → InputSearcherSection-Ov5f1QPG.js} +1 -1
  147. package/documentation/{InputSection-Bxr_GgjZ.js → InputSection-D3bakYUu.js} +1 -1
  148. package/documentation/{InputSection-ov-x_YF3.js → InputSection-DBXbkW_W.js} +1 -1
  149. package/documentation/{KeyValueRowSection-yrhHBRqx.js → KeyValueRowSection-BD_lOH5W.js} +1 -1
  150. package/documentation/{KeyValueRowSection-BWen5IUr.js → KeyValueRowSection-DvNMMIDZ.js} +1 -1
  151. package/documentation/{KeyboardNavigationSection-BGnlktrj.js → KeyboardNavigationSection-B3CapHsF.js} +1 -1
  152. package/documentation/{KeyboardNavigationSection-Cd0_tM_9.js → KeyboardNavigationSection-gUHJqFCG.js} +1 -1
  153. package/documentation/{LayoutPrinciplesSection-BiLVZUWB.js → LayoutPrinciplesSection-CVuWM79D.js} +1 -1
  154. package/documentation/{LayoutPrinciplesSection-Cw3geSSU.js → LayoutPrinciplesSection-Dj2hqcrM.js} +1 -1
  155. package/documentation/{LayoutTypesSection-JuEAJpD7.js → LayoutTypesSection-B56uscQO.js} +1 -1
  156. package/documentation/{LayoutTypesSection-BmCcA7uZ.js → LayoutTypesSection-BGRpmQ7T.js} +1 -1
  157. package/documentation/{LineChartSection-Bh98x9zB.js → LineChartSection-BGX0Wcvh.js} +1 -1
  158. package/documentation/{LineChartSection-DMwIu5-a.js → LineChartSection-Ceg7C-cC.js} +1 -1
  159. package/documentation/{ListContainerSection-CQmmUhTt.js → ListContainerSection-BNSF4SI5.js} +1 -1
  160. package/documentation/{ListContainerSection-C2hLnnvb.js → ListContainerSection-CV4u-qOK.js} +1 -1
  161. package/documentation/{ListItemSection-DcGQ2O65.js → ListItemSection-3dc6RiQQ.js} +1 -1
  162. package/documentation/{ListItemSection-DmnK0EWC.js → ListItemSection-Di43gH3_.js} +1 -1
  163. package/documentation/{LiveDemoSection-rJwhZCYb.js → LiveDemoSection-BBUhl8mE.js} +1 -1
  164. package/documentation/{LiveDemoSection-D4tXR1dN.js → LiveDemoSection-BXUNaySE.js} +1 -1
  165. package/documentation/{LiveDemonstrationsSection-B3OoGiTI.js → LiveDemonstrationsSection-CfXiNDVi.js} +1 -1
  166. package/documentation/{LiveDemonstrationsSection-gPinOtv1.js → LiveDemonstrationsSection-DrHe0jRp.js} +1 -1
  167. package/documentation/{LivePriceFeedSection-DSgN87uI.js → LivePriceFeedSection-CtMkcanM.js} +1 -1
  168. package/documentation/{LivePriceFeedSection-CD630ncd.js → LivePriceFeedSection-fB3CGfMo.js} +1 -1
  169. package/documentation/{LoaderSection-C2o59OWq.js → LoaderSection-BK2XhwSF.js} +1 -1
  170. package/documentation/{LoaderSection-DZ1uAwdN.js → LoaderSection-BqBjL_ce.js} +1 -1
  171. package/documentation/{LogoSection-dqbh0Im9.js → LogoSection-C3gHZ6ZG.js} +1 -1
  172. package/documentation/{LogoSection-De8Ynlcs.js → LogoSection-DgveoBy0.js} +1 -1
  173. package/documentation/{LucideIconsSection-BHzsnkdc.js → LucideIconsSection-D7ajDS86.js} +1 -1
  174. package/documentation/{LucideIconsSection-DxzfAVW8.js → LucideIconsSection-EeXM46-p.js} +1 -1
  175. package/documentation/{MFESupportSection-BWJEFrx0.js → MFESupportSection-CW27A3eK.js} +1 -1
  176. package/documentation/{MFESupportSection-Dcban-qc.js → MFESupportSection-ZymRZFpR.js} +1 -1
  177. package/documentation/{MenuItemsGuideSection-CYAQbSyQ.js → MenuItemsGuideSection-CLotbYiV.js} +1 -1
  178. package/documentation/{MenuItemsGuideSection-B7ns2eIP.js → MenuItemsGuideSection-UQkVcqZq.js} +1 -1
  179. package/documentation/{ModalSection-C_lBwjnQ.js → ModalSection-B88ZyCk1.js} +1 -1
  180. package/documentation/{ModalSection-C-d_lAT8.js → ModalSection-_bluxlpe.js} +1 -1
  181. package/documentation/{NFTGridSection-CsWKHw44.js → NFTGridSection-BBn-BSxV.js} +1 -1
  182. package/documentation/{NFTGridSection-CVtn_SUt.js → NFTGridSection-DuqL8orZ.js} +1 -1
  183. package/documentation/{NestedRoutesSection-pTexdauI.js → NestedRoutesSection-Ba8XhwvK.js} +1 -1
  184. package/documentation/{NestedRoutesSection-D_bbd0JG.js → NestedRoutesSection-CNb6PpdJ.js} +1 -1
  185. package/documentation/{NotificationCardSection-DsLRL50j.js → NotificationCardSection-Bhd6YH-F.js} +1 -1
  186. package/documentation/{NotificationCardSection-D3UIXmC_.js → NotificationCardSection-Dr40YILh.js} +1 -1
  187. package/documentation/{PaginationSection-C2bSDt2F.js → PaginationSection-DZQzrh1r.js} +1 -1
  188. package/documentation/{PaginationSection-BXaYbNh1.js → PaginationSection-DaeYPA4C.js} +1 -1
  189. package/documentation/{PanelActionCardSection-CYJfjVtG.js → PanelActionCardSection-Ie-VVm_6.js} +1 -1
  190. package/documentation/{PanelActionCardSection-BDm3oVes.js → PanelActionCardSection-eVZpdoU4.js} +1 -1
  191. package/documentation/{PanelCardSection-NTEJHr8b.js → PanelCardSection-B4QTB7gx.js} +1 -1
  192. package/documentation/{PanelCardSection-Z2RQUWyn.js → PanelCardSection-Bnvutn7v.js} +1 -1
  193. package/documentation/{ParamTabSection-guQ8aCfG.js → ParamTabSection-BboYSU6I.js} +1 -1
  194. package/documentation/{ParamTabSection-DHux5HXO.js → ParamTabSection-Cxjr0T-p.js} +1 -1
  195. package/documentation/{PieChartSection-Ctpv_sQm.js → PieChartSection-B5iqTd6a.js} +1 -1
  196. package/documentation/{PieChartSection-DCd5rWoT.js → PieChartSection-CmsDq0aK.js} +1 -1
  197. package/documentation/{PinCodeSection-BD-IvqDl.js → PinCodeSection-DEw-EzEd.js} +1 -1
  198. package/documentation/{PinCodeSection-BT8N9C8F.js → PinCodeSection-_XK_i3H0.js} +1 -1
  199. package/documentation/{ProgressbarSection-0k92jI5-.js → ProgressbarSection-BiRKgrX8.js} +1 -1
  200. package/documentation/{ProgressbarSection-B_IkBplz.js → ProgressbarSection-C3dnsQVG.js} +1 -1
  201. package/documentation/{RadarChartSection-xtNri81K.js → RadarChartSection-CZwYUbhE.js} +1 -1
  202. package/documentation/{RadarChartSection-rlh1Mx6y.js → RadarChartSection-D4WGzYMh.js} +1 -1
  203. package/documentation/{RadioGroupSection-DTXIBYvs.js → RadioGroupSection-Brsh4Wal.js} +1 -1
  204. package/documentation/{RadioGroupSection-B6Lb9DJI.js → RadioGroupSection-DCLnuxAm.js} +1 -1
  205. package/documentation/{RadioSection-C1GS5cuC.js → RadioSection-BJAmV7jS.js} +1 -1
  206. package/documentation/{RadioSection-BsXiDZ98.js → RadioSection-DW571IOX.js} +1 -1
  207. package/documentation/{RevealContentSection-BAIqcjgW.js → RevealContentSection-Bp90Pdd6.js} +1 -1
  208. package/documentation/{RevealContentSection-DzAyW5_3.js → RevealContentSection-aEH6B3Fa.js} +1 -1
  209. package/documentation/{RouteConfigurationSection-CjEKyhcb.js → RouteConfigurationSection-BTMaahtj.js} +1 -1
  210. package/documentation/{RouteConfigurationSection-BJJSsQGy.js → RouteConfigurationSection-C4cXfBUN.js} +1 -1
  211. package/documentation/{ScrollToTopSection-Dpp5zKo8.js → ScrollToTopSection-BjvSaBlx.js} +1 -1
  212. package/documentation/{ScrollToTopSection-DkTL1Uzw.js → ScrollToTopSection-zDW1G7Hj.js} +1 -1
  213. package/documentation/{ScrollbarSection-DgWHzwSj.js → ScrollbarSection-9TgDRatW.js} +1 -1
  214. package/documentation/{ScrollbarSection-DBb7xv-n.js → ScrollbarSection-DB4wz_1n.js} +1 -1
  215. package/documentation/{SelectSection-riGB2r-n.js → SelectSection-CuCOpeCn.js} +1 -1
  216. package/documentation/{SelectSection-CFCIpkk9.js → SelectSection-DUiUcUBY.js} +1 -1
  217. package/documentation/{SettingsPanelSection-BwGt_yfC.js → SettingsPanelSection-BqSLtnYt.js} +1 -1
  218. package/documentation/{SettingsPanelSection-8GHz0Skb.js → SettingsPanelSection-CBDKoU0z.js} +1 -1
  219. package/documentation/{ShadowsSection-DA19Spgp.js → ShadowsSection-CBZ4wa0t.js} +1 -1
  220. package/documentation/{ShadowsSection-atJzmD4a.js → ShadowsSection-DkuPXflP.js} +1 -1
  221. package/documentation/{SidebarMenuSection-DKQOSTpx.js → SidebarMenuSection-BGMz0EFc.js} +1 -1
  222. package/documentation/{SidebarMenuSection-BTDUb7C_.js → SidebarMenuSection-Cu3MBodF.js} +1 -1
  223. package/documentation/{SidebarSection-BsCGHss5.js → SidebarSection-B0Q9BrWf.js} +1 -1
  224. package/documentation/{SidebarSection-CC2ftWvz.js → SidebarSection-_fncZECB.js} +1 -1
  225. package/documentation/{SizingSection-DuGndhns.js → SizingSection-BRs_QZ8E.js} +1 -1
  226. package/documentation/{SizingSection-Mtr72tp-.js → SizingSection-BZG-CTFD.js} +1 -1
  227. package/documentation/{SkeletonSection-DvTIosHm.js → SkeletonSection-CvxwSWwR.js} +1 -1
  228. package/documentation/{SkeletonSection-By7tCQ4L.js → SkeletonSection-oeshNePF.js} +1 -1
  229. package/documentation/{SpacingSystemSection-W21eHPxd.js → SpacingSystemSection-B2_wDld8.js} +1 -1
  230. package/documentation/{SpacingSystemSection-DJY3DtA0.js → SpacingSystemSection-CM2yZGzx.js} +1 -1
  231. package/documentation/{SpinnerSection-CxqETXkr.js → SpinnerSection-DnpC2ob0.js} +1 -1
  232. package/documentation/{SpinnerSection-DM6XfYNN.js → SpinnerSection-NFH_Mw6g.js} +1 -1
  233. package/documentation/{StandaloneAppSection-B0E2-lHr.js → StandaloneAppSection-CKCgLLAV.js} +1 -1
  234. package/documentation/{StandaloneAppSection-mSP8bRjv.js → StandaloneAppSection-CwGKuVZU.js} +1 -1
  235. package/documentation/{StepperSection-DzQ4ZWqb.js → StepperSection-Cpn220R1.js} +1 -1
  236. package/documentation/{StepperSection-CXs-4m-g.js → StepperSection-efW1NQ0f.js} +1 -1
  237. package/documentation/{SwitchSection-Cw1p4RAV.js → SwitchSection-DcFWtiXd.js} +1 -1
  238. package/documentation/{SwitchSection-ComDj4vK.js → SwitchSection-r9KfUNlh.js} +1 -1
  239. package/documentation/{SystemOverviewSection-DcC2nzWM.js → SystemOverviewSection-CYy8IBpL.js} +1 -1
  240. package/documentation/{SystemOverviewSection-CB4XUjya.js → SystemOverviewSection-GvLXbZUI.js} +1 -1
  241. package/documentation/{TabModalSection-D7kjNL_j.js → TabModalSection-BggXWh_W.js} +1 -1
  242. package/documentation/{TabModalSection-D5DxXCPA.js → TabModalSection-Cu5hFvsO.js} +1 -1
  243. package/documentation/{TabSection-L8vvzdZq.js → TabSection-BFaE_l9I.js} +1 -1
  244. package/documentation/{TabSection-CLig02Jq.js → TabSection-CnB-uDch.js} +1 -1
  245. package/documentation/{TabSelectSection-DovVypr5.js → TabSelectSection-DPLfLMP_.js} +1 -1
  246. package/documentation/{TabSelectSection-C3uSu4Tb.js → TabSelectSection-Hg0rgmfI.js} +1 -1
  247. package/documentation/{TailwindConfigSection-DhBuW-uS.js → TailwindConfigSection-DiwkqCaZ.js} +1 -1
  248. package/documentation/{TailwindConfigSection-Cae-h3MW.js → TailwindConfigSection-kpvPxjFu.js} +1 -1
  249. package/documentation/{TestingSection-D76WU2E_.js → TestingSection-B-NhLP3B.js} +1 -1
  250. package/documentation/{TestingSection-Bv6OBqHc.js → TestingSection-B_5gO0Fu.js} +1 -1
  251. package/documentation/{TextareaSection-BXDH8mQI.js → TextareaSection-CFMrk7-d.js} +1 -1
  252. package/documentation/{TextareaSection-BAc73Q3K.js → TextareaSection-CGX7U5z3.js} +1 -1
  253. package/documentation/{ThemeArchitectureSection-DEqHdCLa.js → ThemeArchitectureSection-BJtQp08X.js} +1 -1
  254. package/documentation/{ThemeArchitectureSection-DFcj4Sf9.js → ThemeArchitectureSection-C_KTw0Qt.js} +1 -1
  255. package/documentation/{ThemeConfigurationSection-D299ICxo.js → ThemeConfigurationSection-D4gMbMaH.js} +1 -1
  256. package/documentation/{ThemeConfigurationSection-CmD-wjGZ.js → ThemeConfigurationSection-D5cShR_I.js} +1 -1
  257. package/documentation/{ThemeHooksSection-DOm5a7FR.js → ThemeHooksSection-CtBPmTwz.js} +1 -1
  258. package/documentation/{ThemeHooksSection-DsAsY2qd.js → ThemeHooksSection-DGjLuf9f.js} +1 -1
  259. package/documentation/{ThemeProviderIntegrationSection-D9xmfEve.js → ThemeProviderIntegrationSection-DD9vba4U.js} +1 -1
  260. package/documentation/{ThemeProviderIntegrationSection-1aykNRXQ.js → ThemeProviderIntegrationSection-fjJyMnVI.js} +1 -1
  261. package/documentation/{ThemeProviderRequiredSection-sViX_FO7.js → ThemeProviderRequiredSection-C51pFaD_.js} +1 -1
  262. package/documentation/{ThemeProviderRequiredSection-DfNXhp3f.js → ThemeProviderRequiredSection-DCwcEDEB.js} +1 -1
  263. package/documentation/{ThemeProviderSection-CT5hlFD2.js → ThemeProviderSection-Cdh5f9CQ.js} +1 -1
  264. package/documentation/{ThemeProviderSection-BFtuOM3w.js → ThemeProviderSection-Duhj0yh7.js} +1 -1
  265. package/documentation/{ToastSection-DD18GmJl.js → ToastSection-BWOj7sNT.js} +1 -1
  266. package/documentation/{ToastSection-DoHzysF9.js → ToastSection-Dp7uB84m.js} +1 -1
  267. package/documentation/{ToggleBarSection-BpxFr9W6.js → ToggleBarSection-BK9vLumq.js} +1 -1
  268. package/documentation/{ToggleBarSection-D3BYm7ZV.js → ToggleBarSection-CzR5L8Y8.js} +1 -1
  269. package/documentation/{TooltipSection-5th4KA-K.js → TooltipSection-CloPvZtN.js} +1 -1
  270. package/documentation/{TooltipSection-BeW0mvEG.js → TooltipSection-JAMTIcdS.js} +1 -1
  271. package/documentation/{TopupButtonSection-Cw92WCuk.js → TopupButtonSection-FiGGvfi9.js} +1 -1
  272. package/documentation/{TopupButtonSection-C419_R5w.js → TopupButtonSection-WiC-0mrT.js} +1 -1
  273. package/documentation/{TransactionInfoSection-CF0j2oxc.js → TransactionInfoSection-D43Gb2b8.js} +1 -1
  274. package/documentation/{TransactionInfoSection-cKwmQpgL.js → TransactionInfoSection-pX2z0iup.js} +1 -1
  275. package/documentation/{TucuUiLogoSection-NYK0oUdj.js → TucuUiLogoSection-d28S8hsX.js} +1 -1
  276. package/documentation/{TucuUiLogoSection-BuasEv--.js → TucuUiLogoSection-oaz7vviE.js} +1 -1
  277. package/documentation/{TypographySection-CpjtNAfZ.js → TypographySection-CBOFOuPJ.js} +1 -1
  278. package/documentation/{TypographySection-uhboa1b_.js → TypographySection-CYzZMbJZ.js} +1 -1
  279. package/documentation/{TypographySection-CjGIv22g.js → TypographySection-DgOacz6E.js} +1 -1
  280. package/documentation/{TypographySection-02IMtWN4.js → TypographySection-mRBm_W87.js} +1 -1
  281. package/documentation/{UsageExamplesSection-BmWz_idr.js → UsageExamplesSection-BpeAxuRy.js} +1 -1
  282. package/documentation/{UsageExamplesSection-BO_K1AHD.js → UsageExamplesSection-YCUalwoy.js} +1 -1
  283. package/documentation/{UsingThemeSystemSection-bYxrH_-c.js → UsingThemeSystemSection-CWP2ZSK6.js} +1 -1
  284. package/documentation/{UsingThemeSystemSection-Dd8ZQrUl.js → UsingThemeSystemSection-DjdvzaI0.js} +1 -1
  285. package/documentation/{ValidationSystemSection-Cvyf6j2T.js → ValidationSystemSection-BQz23Z_H.js} +1 -1
  286. package/documentation/{ValidationSystemSection-CBfiMPsL.js → ValidationSystemSection-mvUzquI0.js} +1 -1
  287. package/documentation/{WCAGPrinciplesSection-DAOi68Jt.js → WCAGPrinciplesSection-BfHyxkEp.js} +1 -1
  288. package/documentation/{WCAGPrinciplesSection-DmeJUV8c.js → WCAGPrinciplesSection-WNmPduXY.js} +1 -1
  289. package/{index-QnI4b7wS.js → index-DWDrAbog.js} +6 -6
  290. package/{index-B6CStnMG.js → index-kms4xY-n.js} +147 -147
  291. package/index.css +1 -1
  292. package/index.js +1 -1
  293. package/index.mjs +1 -1
  294. package/package.json +1 -1
  295. package/themes/components/theme-provider/index.d.ts +3 -2
  296. package/themes/router/components/standalone-app-routes-provider.d.ts +2 -2
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-QnI4b7wS.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>{const i=[{category:"Layout Selection",items:["Admin: Use for complex applications with many navigation items and sidebar menus","Horizontal: Use for content-focused sites and simple applications with top navigation","Clean: Use for authentication flows, landing pages, and standalone content"]},{category:"ThemeProvider Setup",items:["Always wrap your application with ThemeProvider before using layouts","Provide menuItems prop for Admin and Horizontal layouts","Use layout prop to control which layout is rendered","Theme settings are automatically persisted to localStorage"]},{category:"Responsive Design",items:["Always test layouts on mobile devices","Use provided breakpoint system for responsive behavior","Consider touch interactions for mobile navigation","Admin layout automatically shows drawer on mobile"]},{category:"Accessibility",items:["Provide meaningful menu item names","Use semantic HTML structure","Test keyboard navigation","Ensure proper color contrast in all themes","Support RTL/LTR for international users"]}];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(t.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Best Practices"}),e.jsx(t.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Guidelines for optimal layout system implementation"})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-6",children:i.map((a,r)=>e.jsx(t.CardContainer,{className:"group hover:shadow-large transition-all duration-300 hover:-translate-y-1",children:e.jsxs("div",{className:"w-full space-y-4 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-gradient-to-br from-green-500 via-emerald-500 to-teal-500 shadow-md",children:e.jsx(s.CheckCircle,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(t.Typography,{tag:"h3",className:"font-semibold text-lg",children:a.category})]}),e.jsx("ul",{className:"space-y-2",children:a.items.map((o,n)=>e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx(s.ArrowRight,{className:"w-4 h-4 text-primary mt-0.5 shrink-0"}),e.jsx(t.Typography,{tag:"span",className:"text-sm text-gray-600 dark:text-gray-400",children:o})]},n))})]})},r))})]})};exports.default=l;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-DWDrAbog.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>{const i=[{category:"Layout Selection",items:["Admin: Use for complex applications with many navigation items and sidebar menus","Horizontal: Use for content-focused sites and simple applications with top navigation","Clean: Use for authentication flows, landing pages, and standalone content"]},{category:"ThemeProvider Setup",items:["Always wrap your application with ThemeProvider before using layouts","Provide menuItems prop for Admin and Horizontal layouts","Use layout prop to control which layout is rendered","Theme settings are automatically persisted to localStorage"]},{category:"Responsive Design",items:["Always test layouts on mobile devices","Use provided breakpoint system for responsive behavior","Consider touch interactions for mobile navigation","Admin layout automatically shows drawer on mobile"]},{category:"Accessibility",items:["Provide meaningful menu item names","Use semantic HTML structure","Test keyboard navigation","Ensure proper color contrast in all themes","Support RTL/LTR for international users"]}];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(t.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Best Practices"}),e.jsx(t.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Guidelines for optimal layout system implementation"})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-6",children:i.map((a,r)=>e.jsx(t.CardContainer,{className:"group hover:shadow-large transition-all duration-300 hover:-translate-y-1",children:e.jsxs("div",{className:"w-full space-y-4 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-gradient-to-br from-green-500 via-emerald-500 to-teal-500 shadow-md",children:e.jsx(s.CheckCircle,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(t.Typography,{tag:"h3",className:"font-semibold text-lg",children:a.category})]}),e.jsx("ul",{className:"space-y-2",children:a.items.map((o,n)=>e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx(s.ArrowRight,{className:"w-4 h-4 text-primary mt-0.5 shrink-0"}),e.jsx(t.Typography,{tag:"span",className:"text-sm text-gray-600 dark:text-gray-400",children:o})]},n))})]})},r))})]})};exports.default=l;
@@ -1,5 +1,5 @@
1
1
  import { jsx as e, jsxs as s } from "react/jsx-runtime";
2
- import { C as n, a as c, T as r } from "../index-B6CStnMG.js";
2
+ import { C as n, a as c, T as r } from "../index-kms4xY-n.js";
3
3
  import { Check as t, X as l } from "lucide-react";
4
4
  import "react-router-dom";
5
5
  import "react";
@@ -1,5 +1,5 @@
1
1
  import { jsxs as a, jsx as e } from "react/jsx-runtime";
2
- import { T as t, C as n } from "../index-B6CStnMG.js";
2
+ import { T as t, C as n } from "../index-kms4xY-n.js";
3
3
  import { CheckCircle as l, ArrowRight as c } from "lucide-react";
4
4
  import "react-router-dom";
5
5
  import "react";
@@ -1,5 +1,5 @@
1
1
  import { jsxs as t, jsx as e } from "react/jsx-runtime";
2
- import { T as i, C as o } from "../index-B6CStnMG.js";
2
+ import { T as i, C as o } from "../index-kms4xY-n.js";
3
3
  import { CheckCircle as l, ArrowRight as c } from "lucide-react";
4
4
  import "react-router-dom";
5
5
  import "react";
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-QnI4b7wS.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>{const r=[{category:"Performance",items:["Use useCallback and useMemo with hooks that trigger frequent updates","Prefer useElementSize over useMeasure for simple dimension tracking","Debounce rapid state changes with toast notifications","Leverage tree-shaking by importing only needed hooks"]},{category:"TypeScript",items:["Leverage generic types in useElementSize<HTMLCanvasElement>()","Use proper event types with useEventListener","Define custom interfaces for toast variants","Take advantage of full IntelliSense support"]},{category:"Accessibility",items:["Combine useLockBodyScroll with focus management for modals","Use useEventListener for keyboard navigation","Implement proper ARIA attributes with responsive hooks","Test with screen readers and keyboard navigation"]},{category:"Error Handling",items:["Use useIsMounted to prevent memory leaks in async operations","Handle edge cases in measurement hooks","Provide fallbacks for unsupported features","Always validate external data sources"]}];return e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(s.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Best Practices"}),e.jsx(s.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Guidelines for optimal hook implementation and usage"})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-6",children:r.map((a,i)=>e.jsx(s.CardContainer,{className:"group hover:shadow-large transition-all duration-300 hover:-translate-y-1",children:e.jsxs("div",{className:"w-full space-y-4 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-green-500 via-emerald-500 to-teal-500 shadow-lg",children:e.jsx(t.CheckCircle,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h3",className:"font-semibold text-lg",children:a.category})]}),e.jsx("ul",{className:"space-y-2",children:a.items.map((n,o)=>e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx(t.ArrowRight,{className:"w-4 h-4 text-primary mt-0.5 shrink-0"}),e.jsx(s.Typography,{tag:"span",className:"text-sm text-gray-600 dark:text-gray-400",children:n})]},o))})]})},i))})]})};exports.default=l;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DWDrAbog.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>{const r=[{category:"Performance",items:["Use useCallback and useMemo with hooks that trigger frequent updates","Prefer useElementSize over useMeasure for simple dimension tracking","Debounce rapid state changes with toast notifications","Leverage tree-shaking by importing only needed hooks"]},{category:"TypeScript",items:["Leverage generic types in useElementSize<HTMLCanvasElement>()","Use proper event types with useEventListener","Define custom interfaces for toast variants","Take advantage of full IntelliSense support"]},{category:"Accessibility",items:["Combine useLockBodyScroll with focus management for modals","Use useEventListener for keyboard navigation","Implement proper ARIA attributes with responsive hooks","Test with screen readers and keyboard navigation"]},{category:"Error Handling",items:["Use useIsMounted to prevent memory leaks in async operations","Handle edge cases in measurement hooks","Provide fallbacks for unsupported features","Always validate external data sources"]}];return e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(s.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Best Practices"}),e.jsx(s.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Guidelines for optimal hook implementation and usage"})]}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4 sm:gap-6",children:r.map((a,i)=>e.jsx(s.CardContainer,{className:"group hover:shadow-large transition-all duration-300 hover:-translate-y-1",children:e.jsxs("div",{className:"w-full space-y-4 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-green-500 via-emerald-500 to-teal-500 shadow-lg",children:e.jsx(t.CheckCircle,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h3",className:"font-semibold text-lg",children:a.category})]}),e.jsx("ul",{className:"space-y-2",children:a.items.map((n,o)=>e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx(t.ArrowRight,{className:"w-4 h-4 text-primary mt-0.5 shrink-0"}),e.jsx(s.Typography,{tag:"span",className:"text-sm text-gray-600 dark:text-gray-400",children:n})]},o))})]})},i))})]})};exports.default=l;
@@ -1,5 +1,5 @@
1
1
  import { jsx as e, jsxs as s } from "react/jsx-runtime";
2
- import { C as c, a as o, T as r } from "../index-B6CStnMG.js";
2
+ import { C as c, a as o, T as r } from "../index-kms4xY-n.js";
3
3
  import { Check as i, X as l } from "lucide-react";
4
4
  import "react-router-dom";
5
5
  import "react";
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-QnI4b7wS.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=()=>e.jsx(s.CardContainer,{children:e.jsx(s.CardTitle,{title:"Best Practices",className:"mt-2 mb-6",children:e.jsx("div",{className:"space-y-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 bg-gradient-to-br from-green-500 to-emerald-500 rounded-lg shadow-lg",children:e.jsx(t.Check,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h4",className:"font-semibold text-green-600 dark:text-green-400",children:"Do's"})]}),e.jsx("ul",{className:"space-y-2",children:["Use the useTheme hook to access theme state","Utilize built-in color presets for consistency","Test your application in both light and dark modes","Use the settings panel for user customization","Leverage persistent storage for user preferences"].map((a,r)=>e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx(t.Check,{className:"w-4 h-4 text-green-500 mt-0.5 shrink-0"}),e.jsx("span",{className:"text-sm",children:a})]},r))})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 bg-gradient-to-br from-red-500 to-rose-500 rounded-lg shadow-lg",children:e.jsx(t.X,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h4",className:"font-semibold text-red-600 dark:text-red-400",children:"Don'ts"})]}),e.jsx("ul",{className:"space-y-2",children:["Directly manipulate CSS custom properties","Hardcode colors that don't adapt to themes","Override theme state without using setters","Ignore RTL support for international apps","Disable all settings without alternatives"].map((a,r)=>e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx(t.X,{className:"w-4 h-4 text-red-500 mt-0.5 shrink-0"}),e.jsx("span",{className:"text-sm",children:a})]},r))})]})]})})})});exports.default=i;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DWDrAbog.js"),t=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=()=>e.jsx(s.CardContainer,{children:e.jsx(s.CardTitle,{title:"Best Practices",className:"mt-2 mb-6",children:e.jsx("div",{className:"space-y-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 bg-gradient-to-br from-green-500 to-emerald-500 rounded-lg shadow-lg",children:e.jsx(t.Check,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h4",className:"font-semibold text-green-600 dark:text-green-400",children:"Do's"})]}),e.jsx("ul",{className:"space-y-2",children:["Use the useTheme hook to access theme state","Utilize built-in color presets for consistency","Test your application in both light and dark modes","Use the settings panel for user customization","Leverage persistent storage for user preferences"].map((a,r)=>e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx(t.Check,{className:"w-4 h-4 text-green-500 mt-0.5 shrink-0"}),e.jsx("span",{className:"text-sm",children:a})]},r))})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 bg-gradient-to-br from-red-500 to-rose-500 rounded-lg shadow-lg",children:e.jsx(t.X,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h4",className:"font-semibold text-red-600 dark:text-red-400",children:"Don'ts"})]}),e.jsx("ul",{className:"space-y-2",children:["Directly manipulate CSS custom properties","Hardcode colors that don't adapt to themes","Override theme state without using setters","Ignore RTL support for international apps","Disable all settings without alternatives"].map((a,r)=>e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx(t.X,{className:"w-4 h-4 text-red-500 mt-0.5 shrink-0"}),e.jsx("span",{className:"text-sm",children:a})]},r))})]})]})})})});exports.default=i;
@@ -1,5 +1,5 @@
1
1
  import { jsxs as t, Fragment as n, jsx as e } from "react/jsx-runtime";
2
- import { T as a, C as l } from "../index-B6CStnMG.js";
2
+ import { T as a, C as l } from "../index-kms4xY-n.js";
3
3
  import { CheckCircle as m, ArrowRight as c } from "lucide-react";
4
4
  import "react-router-dom";
5
5
  import "react";
@@ -1,5 +1,5 @@
1
1
  import { jsx as e, Fragment as t, jsxs as a } from "react/jsx-runtime";
2
- import { C as c, a as m, T as i } from "../index-B6CStnMG.js";
2
+ import { C as c, a as m, T as i } from "../index-kms4xY-n.js";
3
3
  import { CheckCircle as n, Check as o, Code as l } from "lucide-react";
4
4
  import "react-router-dom";
5
5
  import "react";
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-QnI4b7wS.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=()=>e.jsx("div",{className:"space-y-8",children:e.jsx(s.CardContainer,{children:e.jsx(s.CardTitle,{title:"Best Practices",className:"mt-2 mb-6",children:e.jsx("div",{className:"space-y-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-green-500 to-emerald-500 shadow-lg",children:e.jsx(a.Check,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h4",className:"font-semibold",children:"Do's"})]}),e.jsx("ul",{className:"space-y-2",children:["Use descriptive route names and paths","Keep route hierarchy logical and shallow (max 2-3 levels)","Use consistent naming conventions","Leverage TypeScript for type safety","Use useMemo for dynamic route generation","Include icons for better UX","Test routes with different user roles","Use basePath for MFE applications"].map((i,r)=>e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx(a.Check,{className:"w-4 h-4 text-green-500 mt-0.5 shrink-0"}),e.jsx("span",{className:"text-sm",children:i})]},r))})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-red-500 to-rose-500 shadow-lg",children:e.jsx(a.X,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h4",className:"font-semibold",children:"Don'ts"})]}),e.jsx("ul",{className:"space-y-2",children:["Create overly deep nesting (>3 levels)",'Use generic names like "Page" or "Component"',"Hardcode routes in components","Forget to handle 404 pages","Mix routing logic with business logic","Skip accessibility considerations","Ignore mobile navigation UX","Mix StandaloneApp and MFE patterns"].map((i,r)=>e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx(a.X,{className:"w-4 h-4 text-red-500 mt-0.5 shrink-0"}),e.jsx("span",{className:"text-sm",children:i})]},r))})]})]})})})})});exports.default=t;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DWDrAbog.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=()=>e.jsx("div",{className:"space-y-8",children:e.jsx(s.CardContainer,{children:e.jsx(s.CardTitle,{title:"Best Practices",className:"mt-2 mb-6",children:e.jsx("div",{className:"space-y-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-green-500 to-emerald-500 shadow-lg",children:e.jsx(a.Check,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h4",className:"font-semibold",children:"Do's"})]}),e.jsx("ul",{className:"space-y-2",children:["Use descriptive route names and paths","Keep route hierarchy logical and shallow (max 2-3 levels)","Use consistent naming conventions","Leverage TypeScript for type safety","Use useMemo for dynamic route generation","Include icons for better UX","Test routes with different user roles","Use basePath for MFE applications"].map((i,r)=>e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx(a.Check,{className:"w-4 h-4 text-green-500 mt-0.5 shrink-0"}),e.jsx("span",{className:"text-sm",children:i})]},r))})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-red-500 to-rose-500 shadow-lg",children:e.jsx(a.X,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h4",className:"font-semibold",children:"Don'ts"})]}),e.jsx("ul",{className:"space-y-2",children:["Create overly deep nesting (>3 levels)",'Use generic names like "Page" or "Component"',"Hardcode routes in components","Forget to handle 404 pages","Mix routing logic with business logic","Skip accessibility considerations","Ignore mobile navigation UX","Mix StandaloneApp and MFE patterns"].map((i,r)=>e.jsxs("li",{className:"flex items-start gap-2",children:[e.jsx(a.X,{className:"w-4 h-4 text-red-500 mt-0.5 shrink-0"}),e.jsx("span",{className:"text-sm",children:i})]},r))})]})]})})})})});exports.default=t;
@@ -1,5 +1,5 @@
1
1
  import { jsxs as t, Fragment as l, jsx as e } from "react/jsx-runtime";
2
- import { T as d, C as i, a as c } from "../index-B6CStnMG.js";
2
+ import { T as d, C as i, a as c } from "../index-kms4xY-n.js";
3
3
  import "lucide-react";
4
4
  import "react-router-dom";
5
5
  import "react";
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-QnI4b7wS.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=t=>{if(typeof window>"u")return"";const d=document.documentElement;return getComputedStyle(d).getPropertyValue(t).trim()||""},l=()=>{const t={0:"rounded-0",100:"rounded-100",200:"rounded-200",300:"rounded-300",400:"rounded-400",500:"rounded-500",600:"rounded-600",700:"rounded-700",800:"rounded-800",900:"rounded-900",1e3:"rounded-1000"};return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(r.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Border Radius"}),e.jsx(r.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Border radius values from Tucu UI Design Tokens"})]}),e.jsx(r.CardContainer,{className:"overflow-hidden",children:e.jsx(r.CardTitle,{title:"Border Radius Scale",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full space-y-8 p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4",children:Object.entries(t).map(([d,s])=>{const n=`--radius-tucu-ui-${d}`,a=o(n);return e.jsxs("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(r.Typography,{tag:"h4",className:"font-semibold",children:d}),a&&e.jsx(r.Typography,{tag:"h4",className:"text-muted text-[10px]",children:a})]}),e.jsx("div",{className:"flex justify-center",children:e.jsx("div",{className:`w-20 h-20 bg-primary ${s}`})}),e.jsx(r.Typography,{tag:"h4",className:"text-muted text-[9px] break-all px-1 text-center",children:s})]},d)})})})})})]})};exports.default=l;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-DWDrAbog.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=t=>{if(typeof window>"u")return"";const d=document.documentElement;return getComputedStyle(d).getPropertyValue(t).trim()||""},l=()=>{const t={0:"rounded-0",100:"rounded-100",200:"rounded-200",300:"rounded-300",400:"rounded-400",500:"rounded-500",600:"rounded-600",700:"rounded-700",800:"rounded-800",900:"rounded-900",1e3:"rounded-1000"};return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(r.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Border Radius"}),e.jsx(r.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Border radius values from Tucu UI Design Tokens"})]}),e.jsx(r.CardContainer,{className:"overflow-hidden",children:e.jsx(r.CardTitle,{title:"Border Radius Scale",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full space-y-8 p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4",children:Object.entries(t).map(([d,s])=>{const n=`--radius-tucu-ui-${d}`,a=o(n);return e.jsxs("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(r.Typography,{tag:"h4",className:"font-semibold",children:d}),a&&e.jsx(r.Typography,{tag:"h4",className:"text-muted text-[10px]",children:a})]}),e.jsx("div",{className:"flex justify-center",children:e.jsx("div",{className:`w-20 h-20 bg-primary ${s}`})}),e.jsx(r.Typography,{tag:"h4",className:"text-muted text-[9px] break-all px-1 text-center",children:s})]},d)})})})})})]})};exports.default=l;
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("../index-QnI4b7wS.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:"text-center space-y-4",children:[t.jsx(e.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"ButtonDrip"}),t.jsx(e.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A button effect component that creates a ripple animation on click."})]}),t.jsx(e.CardContainer,{className:"overflow-hidden",children:t.jsx(e.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:t.jsx("div",{className:"w-full p-4 sm:p-6",children:t.jsxs("div",{className:"space-y-4",children:[t.jsxs(e.CardContainer,{className:"p-4",children:[t.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Button with Drip Effect"}),t.jsx(e.Button,{children:"Click me"})]}),t.jsxs(e.CardContainer,{className:"p-4",children:[t.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Button with Tooltip"}),t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(e.Button,{tooltip:"Save changes",tooltipPlacement:"top",children:"Top"}),t.jsx(e.Button,{tooltip:"Delete item",tooltipPlacement:"bottom",tooltipColor:"light",color:"danger",children:"Bottom (light)"}),t.jsx(e.Button,{tooltip:"Go back",tooltipPlacement:"left",variant:"ghost",children:"Left"}),t.jsx(e.Button,{tooltip:"More info",tooltipPlacement:"right",variant:"ghost",color:"info",children:"Right"})]})]})]})})})}),t.jsx(e.PropPlayground,{componentName:"Button",defaultValues:{variant:"solid",color:"primary",size:"medium",shape:"rounded",tooltip:"",tooltipPlacement:"top"},excludeProps:["onClick","loaderSize","loaderVariant","aria-label","aria-describedby"],children:o=>t.jsx(e.Button,{...o,children:"Click me"})}),t.jsx(e.AutoPropsTable,{componentName:"Button"}),t.jsx(e.CardContainer,{className:"overflow-hidden",children:t.jsx(e.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:t.jsx("div",{className:"w-full p-4 sm:p-6",children:t.jsx(e.CodeBlock,{language:"tsx",code:`import { ButtonDrip } from '@e-burgos/tucu-ui';
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("../index-DWDrAbog.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:"text-center space-y-4",children:[t.jsx(e.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"ButtonDrip"}),t.jsx(e.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A button effect component that creates a ripple animation on click."})]}),t.jsx(e.CardContainer,{className:"overflow-hidden",children:t.jsx(e.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:t.jsx("div",{className:"w-full p-4 sm:p-6",children:t.jsxs("div",{className:"space-y-4",children:[t.jsxs(e.CardContainer,{className:"p-4",children:[t.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Button with Drip Effect"}),t.jsx(e.Button,{children:"Click me"})]}),t.jsxs(e.CardContainer,{className:"p-4",children:[t.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Button with Tooltip"}),t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(e.Button,{tooltip:"Save changes",tooltipPlacement:"top",children:"Top"}),t.jsx(e.Button,{tooltip:"Delete item",tooltipPlacement:"bottom",tooltipColor:"light",color:"danger",children:"Bottom (light)"}),t.jsx(e.Button,{tooltip:"Go back",tooltipPlacement:"left",variant:"ghost",children:"Left"}),t.jsx(e.Button,{tooltip:"More info",tooltipPlacement:"right",variant:"ghost",color:"info",children:"Right"})]})]})]})})})}),t.jsx(e.PropPlayground,{componentName:"Button",defaultValues:{variant:"solid",color:"primary",size:"medium",shape:"rounded",tooltip:"",tooltipPlacement:"top"},excludeProps:["onClick","loaderSize","loaderVariant","aria-label","aria-describedby"],children:o=>t.jsx(e.Button,{...o,children:"Click me"})}),t.jsx(e.AutoPropsTable,{componentName:"Button"}),t.jsx(e.CardContainer,{className:"overflow-hidden",children:t.jsx(e.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:t.jsx("div",{className:"w-full p-4 sm:p-6",children:t.jsx(e.CodeBlock,{language:"tsx",code:`import { ButtonDrip } from '@e-burgos/tucu-ui';
2
2
 
3
3
  // ButtonDrip is typically used internally by Button component
4
4
  // It creates a ripple effect when a button is clicked
@@ -1,5 +1,5 @@
1
1
  import { jsxs as e, Fragment as r, jsx as t } from "react/jsx-runtime";
2
- import { T as l, C as a, a as i, y as o, P as c, A as s, c as p } from "../index-B6CStnMG.js";
2
+ import { T as l, C as a, a as i, y as o, P as c, A as s, c as p } from "../index-kms4xY-n.js";
3
3
  import "lucide-react";
4
4
  import "react-router-dom";
5
5
  import "react";
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-QnI4b7wS.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>{const s=[{key:"prop",label:"Prop",render:t=>e.jsx("code",{className:"text-xs text-brand",children:String(t)})},{key:"type",label:"Type",render:t=>e.jsx("code",{className:"text-xs",children:String(t)})},{key:"default",label:"Default",render:t=>{const r=String(t);return r==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:r})}},{key:"description",label:"Description"}],i=[{prop:"size",type:"'large' | 'medium' | 'small'",default:"required",description:"Size of the loader"},{prop:"variant",type:"'blink' | 'scaleUp' | 'moveUp'",default:"required",description:"Animation variant of the loader"}];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(a.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"ButtonLoader"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A loader component designed specifically for buttons, providing visual feedback during loading states."})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Button with Loading State"}),e.jsx(a.Button,{isLoading:!0})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Button with Custom Loader"}),e.jsx(a.Button,{isLoading:!0,loaderSize:"small",loaderVariant:"blink"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Large Button with Loader"}),e.jsx(a.Button,{isLoading:!0,size:"large",loaderSize:"large"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Small Button with Loader"}),e.jsx(a.Button,{isLoading:!0,size:"small",loaderSize:"small"})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Blink Variant"}),e.jsx(a.Button,{isLoading:!0,loaderVariant:"blink"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Scale Up Variant"}),e.jsx(a.Button,{isLoading:!0,loaderVariant:"scaleUp"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Move Up Variant"}),e.jsx(a.Button,{isLoading:!0,loaderVariant:"moveUp"})]})]})})})}),e.jsx(a.PropPlayground,{componentName:"Button",title:"Button Loader Playground",defaultValues:{variant:"solid",color:"primary",size:"medium",isLoading:!0,loaderSize:"small",loaderVariant:"scaleUp"},excludeProps:["onClick","aria-label","aria-describedby","tooltip","tooltipArrow","tooltipColor","tooltipPlacement","shape","fullWidth","disabled"],children:t=>e.jsx(a.Button,{...t,children:"Loading..."})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Props",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.BasicTable,{columns:s,data:i})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.CodeBlock,{language:"tsx",code:`import { Button } from '@e-burgos/tucu-ui';
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-DWDrAbog.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>{const s=[{key:"prop",label:"Prop",render:t=>e.jsx("code",{className:"text-xs text-brand",children:String(t)})},{key:"type",label:"Type",render:t=>e.jsx("code",{className:"text-xs",children:String(t)})},{key:"default",label:"Default",render:t=>{const r=String(t);return r==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:r})}},{key:"description",label:"Description"}],i=[{prop:"size",type:"'large' | 'medium' | 'small'",default:"required",description:"Size of the loader"},{prop:"variant",type:"'blink' | 'scaleUp' | 'moveUp'",default:"required",description:"Animation variant of the loader"}];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(a.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"ButtonLoader"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A loader component designed specifically for buttons, providing visual feedback during loading states."})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Button with Loading State"}),e.jsx(a.Button,{isLoading:!0})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Button with Custom Loader"}),e.jsx(a.Button,{isLoading:!0,loaderSize:"small",loaderVariant:"blink"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Large Button with Loader"}),e.jsx(a.Button,{isLoading:!0,size:"large",loaderSize:"large"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Small Button with Loader"}),e.jsx(a.Button,{isLoading:!0,size:"small",loaderSize:"small"})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Blink Variant"}),e.jsx(a.Button,{isLoading:!0,loaderVariant:"blink"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Scale Up Variant"}),e.jsx(a.Button,{isLoading:!0,loaderVariant:"scaleUp"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Move Up Variant"}),e.jsx(a.Button,{isLoading:!0,loaderVariant:"moveUp"})]})]})})})}),e.jsx(a.PropPlayground,{componentName:"Button",title:"Button Loader Playground",defaultValues:{variant:"solid",color:"primary",size:"medium",isLoading:!0,loaderSize:"small",loaderVariant:"scaleUp"},excludeProps:["onClick","aria-label","aria-describedby","tooltip","tooltipArrow","tooltipColor","tooltipPlacement","shape","fullWidth","disabled"],children:t=>e.jsx(a.Button,{...t,children:"Loading..."})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Props",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.BasicTable,{columns:s,data:i})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.CodeBlock,{language:"tsx",code:`import { Button } from '@e-burgos/tucu-ui';
2
2
 
3
3
  // Basic usage with loading state
4
4
  <Button isLoading>Loading...</Button>
@@ -1,5 +1,5 @@
1
1
  import { jsxs as a, Fragment as n, jsx as e } from "react/jsx-runtime";
2
- import { T as t, C as l, a as s, y as i, P as d, q as c, c as m } from "../index-B6CStnMG.js";
2
+ import { T as t, C as l, a as s, y as i, P as d, q as c, c as m } from "../index-kms4xY-n.js";
3
3
  import "lucide-react";
4
4
  import "react-router-dom";
5
5
  import "react";
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("../index-QnI4b7wS.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r=()=>a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:"text-center space-y-4",children:[a.jsx(e.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"CardContainer"}),a.jsx(e.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A container component that provides consistent styling and layout for card-based content."})]}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Basic Card"}),a.jsx(e.CardContainer,{children:a.jsx(e.Typography,{tag:"p",children:"Card content goes here"})})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"With Custom Content"}),a.jsxs(e.CardContainer,{children:[a.jsx(e.Typography,{tag:"h3",className:"font-bold mb-2",children:"Card Title"}),a.jsx(e.Typography,{tag:"p",children:"This is a card with custom content including a title and description."})]})]})]})})})}),a.jsx(e.AutoPropsTable,{componentName:"CardContainer"}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsx(e.CodeBlock,{language:"tsx",code:`import { CardContainer, Typography } from '@e-burgos/tucu-ui';
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("../index-DWDrAbog.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r=()=>a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:"text-center space-y-4",children:[a.jsx(e.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"CardContainer"}),a.jsx(e.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A container component that provides consistent styling and layout for card-based content."})]}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Basic Card"}),a.jsx(e.CardContainer,{children:a.jsx(e.Typography,{tag:"p",children:"Card content goes here"})})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"With Custom Content"}),a.jsxs(e.CardContainer,{children:[a.jsx(e.Typography,{tag:"h3",className:"font-bold mb-2",children:"Card Title"}),a.jsx(e.Typography,{tag:"p",children:"This is a card with custom content including a title and description."})]})]})]})})})}),a.jsx(e.AutoPropsTable,{componentName:"CardContainer"}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsx(e.CodeBlock,{language:"tsx",code:`import { CardContainer, Typography } from '@e-burgos/tucu-ui';
2
2
 
3
3
  // Basic usage
4
4
  <CardContainer>
@@ -1,5 +1,5 @@
1
1
  import { jsxs as t, Fragment as o, jsx as a } from "react/jsx-runtime";
2
- import { T as e, C as r, a as n, A as s, c as i } from "../index-B6CStnMG.js";
2
+ import { T as e, C as r, a as n, A as s, c as i } from "../index-kms4xY-n.js";
3
3
  import "lucide-react";
4
4
  import "react-router-dom";
5
5
  import "react";
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-QnI4b7wS.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(t.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Card"}),e.jsx(t.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A flexible card component with optional header, icon, footer, actions, and clickable behavior."})]}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsx(t.Card,{title:"Basic Card",description:"A simple card with title and description",icon:e.jsx(a.Users,{className:"h-5 w-5"}),children:e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"This is the card body content. You can place any content here."})}),e.jsx(t.Card,{title:"With Actions",description:"Card with action buttons in the header",icon:e.jsx(a.Settings,{className:"h-5 w-5"}),actions:e.jsx(t.Badge,{color:"success",size:"small",children:"Active"}),children:e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"The actions slot renders elements on the right side of the header."})}),e.jsx(t.Card,{title:"With Footer",description:"Card with a footer section",icon:e.jsx(a.Bell,{className:"h-5 w-5"}),footer:e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(t.Typography,{tag:"span",className:"text-xs text-gray-500",children:"Last updated 2 hours ago"}),e.jsx(t.Button,{variant:"ghost",size:"mini",children:"View Details"})]}),children:e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Footer content appears at the bottom with a top border separator."})}),e.jsx(t.Card,{title:"Clickable Card",description:"Click anywhere on this card",onClick:()=>alert("Card clicked!"),children:e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Clickable cards show a hover effect on the border."})})]})})})}),e.jsx(t.AutoPropsTable,{componentName:"Card"}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(t.CodeBlock,{language:"tsx",code:`import { Card, Badge, Button } from '@e-burgos/tucu-ui';
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-DWDrAbog.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(t.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Card"}),e.jsx(t.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A flexible card component with optional header, icon, footer, actions, and clickable behavior."})]}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsx(t.Card,{title:"Basic Card",description:"A simple card with title and description",icon:e.jsx(a.Users,{className:"h-5 w-5"}),children:e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"This is the card body content. You can place any content here."})}),e.jsx(t.Card,{title:"With Actions",description:"Card with action buttons in the header",icon:e.jsx(a.Settings,{className:"h-5 w-5"}),actions:e.jsx(t.Badge,{color:"success",size:"small",children:"Active"}),children:e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"The actions slot renders elements on the right side of the header."})}),e.jsx(t.Card,{title:"With Footer",description:"Card with a footer section",icon:e.jsx(a.Bell,{className:"h-5 w-5"}),footer:e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(t.Typography,{tag:"span",className:"text-xs text-gray-500",children:"Last updated 2 hours ago"}),e.jsx(t.Button,{variant:"ghost",size:"mini",children:"View Details"})]}),children:e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Footer content appears at the bottom with a top border separator."})}),e.jsx(t.Card,{title:"Clickable Card",description:"Click anywhere on this card",onClick:()=>alert("Card clicked!"),children:e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Clickable cards show a hover effect on the border."})})]})})})}),e.jsx(t.AutoPropsTable,{componentName:"Card"}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(t.CodeBlock,{language:"tsx",code:`import { Card, Badge, Button } from '@e-burgos/tucu-ui';
2
2
  import { Users } from 'lucide-react';
3
3
 
4
4
  // Basic
@@ -1,5 +1,5 @@
1
1
  import { jsxs as a, Fragment as o, jsx as e } from "react/jsx-runtime";
2
- import { T as t, C as i, a as s, G as r, J as c, y as l, A as n, c as d } from "../index-B6CStnMG.js";
2
+ import { T as t, C as i, a as s, G as r, J as c, y as l, A as n, c as d } from "../index-kms4xY-n.js";
3
3
  import { Users as h, Settings as m, Bell as p } from "lucide-react";
4
4
  import "react-router-dom";
5
5
  import "react";
@@ -1,5 +1,5 @@
1
1
  import { jsxs as r, Fragment as d, jsx as e } from "react/jsx-runtime";
2
- import { T as a, C as l, a as t, P as o, A as c, c as s } from "../index-B6CStnMG.js";
2
+ import { T as a, C as l, a as t, P as o, A as c, c as s } from "../index-kms4xY-n.js";
3
3
  import "lucide-react";
4
4
  import "react-router-dom";
5
5
  import "react";
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-QnI4b7wS.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(r.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"CardTitle"}),e.jsx(r.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A card component with an integrated title that appears above the card border."})]}),e.jsx(r.CardContainer,{className:"overflow-hidden",children:e.jsx(r.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"With Title"}),e.jsx(r.CardTitle,{title:"Card Title",children:e.jsx(r.Typography,{tag:"p",children:"Card content goes here"})})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Without Border"}),e.jsx(r.CardTitle,{title:"No Border",border:!1,children:e.jsx(r.Typography,{tag:"p",children:"Card without border"})})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"With Rich Content"}),e.jsx(r.CardTitle,{title:"Rich Content",children:e.jsxs("div",{className:"space-y-2",children:[e.jsx(r.Typography,{tag:"p",children:"First paragraph"}),e.jsx(r.Typography,{tag:"p",children:"Second paragraph"})]})})]})]})})})}),e.jsx(r.PropPlayground,{componentName:"CardTitle",defaultValues:{title:"Card Title",border:!0},excludeProps:[],children:a=>e.jsx(r.CardTitle,{...a,children:e.jsx("div",{className:"p-4",children:"Card Content"})})}),e.jsx(r.AutoPropsTable,{componentName:"CardTitle"}),e.jsx(r.CardContainer,{className:"overflow-hidden",children:e.jsx(r.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(r.CodeBlock,{language:"tsx",code:`import { CardTitle, Typography } from '@e-burgos/tucu-ui';
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-DWDrAbog.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(r.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"CardTitle"}),e.jsx(r.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A card component with an integrated title that appears above the card border."})]}),e.jsx(r.CardContainer,{className:"overflow-hidden",children:e.jsx(r.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"With Title"}),e.jsx(r.CardTitle,{title:"Card Title",children:e.jsx(r.Typography,{tag:"p",children:"Card content goes here"})})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Without Border"}),e.jsx(r.CardTitle,{title:"No Border",border:!1,children:e.jsx(r.Typography,{tag:"p",children:"Card without border"})})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"With Rich Content"}),e.jsx(r.CardTitle,{title:"Rich Content",children:e.jsxs("div",{className:"space-y-2",children:[e.jsx(r.Typography,{tag:"p",children:"First paragraph"}),e.jsx(r.Typography,{tag:"p",children:"Second paragraph"})]})})]})]})})})}),e.jsx(r.PropPlayground,{componentName:"CardTitle",defaultValues:{title:"Card Title",border:!0},excludeProps:[],children:a=>e.jsx(r.CardTitle,{...a,children:e.jsx("div",{className:"p-4",children:"Card Content"})})}),e.jsx(r.AutoPropsTable,{componentName:"CardTitle"}),e.jsx(r.CardContainer,{className:"overflow-hidden",children:e.jsx(r.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(r.CodeBlock,{language:"tsx",code:`import { CardTitle, Typography } from '@e-burgos/tucu-ui';
2
2
 
3
3
  // With title
4
4
  <CardTitle title="Card Title">
@@ -1,5 +1,5 @@
1
1
  import { jsxs as e, Fragment as c, jsx as a } from "react/jsx-runtime";
2
- import { T as i, C as s, a as t, U as l, A as n, c as d } from "../index-B6CStnMG.js";
2
+ import { T as i, C as s, a as t, U as l, A as n, c as d } from "../index-kms4xY-n.js";
3
3
  import { Zap as o, Palette as m, Users as h, Smartphone as p, Shield as u, BookOpen as g } from "lucide-react";
4
4
  import "react-router-dom";
5
5
  import "react";
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("../index-QnI4b7wS.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r=()=>{const i=[{title:"Performance",description:"Blazing fast performance with optimized rendering and minimal bundle size",icon:a.jsx(s.Zap,{className:"w-8 h-8"})},{title:"Customizable",description:"Highly customizable with extensive theming options and variants",icon:a.jsx(s.Palette,{className:"w-8 h-8"})},{title:"Accessible",description:"Built with accessibility in mind, WCAG 2.1 compliant",icon:a.jsx(s.Users,{className:"w-8 h-8"})},{title:"Responsive",description:"Mobile-first design that works seamlessly across all devices",icon:a.jsx(s.Smartphone,{className:"w-8 h-8"})},{title:"Type Safe",description:"Full TypeScript support with comprehensive type definitions",icon:a.jsx(s.Shield,{className:"w-8 h-8"})},{title:"Documentation",description:"Extensive documentation with examples and best practices",icon:a.jsx(s.BookOpen,{className:"w-8 h-8"})}];return a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:"text-center space-y-4",children:[a.jsx(e.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"CarouselCards"}),a.jsx(e.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A carousel component specifically designed for displaying cards with customizable sizes and variants."})]}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"space-y-4",children:[a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Basic Carousel Cards"}),a.jsx("div",{className:"w-full",children:a.jsx(e.CarouselCards,{cardClassName:"min-h-[250px]",cards:i})})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"With Navigation and Pagination"}),a.jsx("div",{className:"w-full",children:a.jsx(e.CarouselCards,{cards:i,showNavigation:!0,showPagination:!0})})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Elevated Variant - Medium Size"}),a.jsx("div",{className:"w-full",children:a.jsx(e.CarouselCards,{cards:i,variant:"elevated",cardSize:"md",showNavigation:!0})})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Outlined Variant - Large Size"}),a.jsx("div",{className:"w-full",children:a.jsx(e.CarouselCards,{cards:i,variant:"outlined",cardSize:"lg",showPagination:!0})})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Filled Variant - Small Size"}),a.jsx("div",{className:"w-full",children:a.jsx(e.CarouselCards,{cards:i,variant:"filled",cardSize:"sm",showNavigation:!0,showPagination:!0})})]})]})})})}),a.jsx(e.AutoPropsTable,{componentName:"CarouselCards"}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsx(e.CodeBlock,{language:"tsx",code:`import { CarouselCards, LucideIcons } from '@e-burgos/tucu-ui';
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("../index-DWDrAbog.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r=()=>{const i=[{title:"Performance",description:"Blazing fast performance with optimized rendering and minimal bundle size",icon:a.jsx(s.Zap,{className:"w-8 h-8"})},{title:"Customizable",description:"Highly customizable with extensive theming options and variants",icon:a.jsx(s.Palette,{className:"w-8 h-8"})},{title:"Accessible",description:"Built with accessibility in mind, WCAG 2.1 compliant",icon:a.jsx(s.Users,{className:"w-8 h-8"})},{title:"Responsive",description:"Mobile-first design that works seamlessly across all devices",icon:a.jsx(s.Smartphone,{className:"w-8 h-8"})},{title:"Type Safe",description:"Full TypeScript support with comprehensive type definitions",icon:a.jsx(s.Shield,{className:"w-8 h-8"})},{title:"Documentation",description:"Extensive documentation with examples and best practices",icon:a.jsx(s.BookOpen,{className:"w-8 h-8"})}];return a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:"text-center space-y-4",children:[a.jsx(e.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"CarouselCards"}),a.jsx(e.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A carousel component specifically designed for displaying cards with customizable sizes and variants."})]}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"space-y-4",children:[a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Basic Carousel Cards"}),a.jsx("div",{className:"w-full",children:a.jsx(e.CarouselCards,{cardClassName:"min-h-[250px]",cards:i})})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"With Navigation and Pagination"}),a.jsx("div",{className:"w-full",children:a.jsx(e.CarouselCards,{cards:i,showNavigation:!0,showPagination:!0})})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Elevated Variant - Medium Size"}),a.jsx("div",{className:"w-full",children:a.jsx(e.CarouselCards,{cards:i,variant:"elevated",cardSize:"md",showNavigation:!0})})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Outlined Variant - Large Size"}),a.jsx("div",{className:"w-full",children:a.jsx(e.CarouselCards,{cards:i,variant:"outlined",cardSize:"lg",showPagination:!0})})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Filled Variant - Small Size"}),a.jsx("div",{className:"w-full",children:a.jsx(e.CarouselCards,{cards:i,variant:"filled",cardSize:"sm",showNavigation:!0,showPagination:!0})})]})]})})})}),a.jsx(e.AutoPropsTable,{componentName:"CarouselCards"}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsx(e.CodeBlock,{language:"tsx",code:`import { CarouselCards, LucideIcons } from '@e-burgos/tucu-ui';
2
2
 
3
3
  const cards = [
4
4
  {
@@ -1,5 +1,5 @@
1
1
  import { jsxs as e, Fragment as n, jsx as a } from "react/jsx-runtime";
2
- import { T as s, C as i, a as l, V as o, A as r, c } from "../index-B6CStnMG.js";
2
+ import { T as s, C as i, a as l, V as o, A as r, c } from "../index-kms4xY-n.js";
3
3
  import "lucide-react";
4
4
  import "react-router-dom";
5
5
  import "react";
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-QnI4b7wS.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=()=>{const s=[{src:"https://images.unsplash.com/photo-1682687220742-aba13b6e50ba?w=800&h=600&fit=crop",alt:"Mountain Landscape",title:"Mountain Peaks",description:"Breathtaking view of snow-capped mountain peaks at sunrise"},{src:"https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=800&h=600&fit=crop",alt:"Ocean View",title:"Ocean Horizon",description:"Serene ocean view with crystal clear blue waters"},{src:"https://images.unsplash.com/photo-1511593358241-7eea1f3c84e5?w=800&h=600&fit=crop",alt:"Forest Path",title:"Forest Trail",description:"Peaceful path through a lush green forest"},{src:"https://images.unsplash.com/photo-1501594907352-04cda38ebc29?w=800&h=600&fit=crop",alt:"Desert Sunset",title:"Desert Landscape",description:"Stunning sunset over golden desert dunes"},{src:"https://images.unsplash.com/photo-1542202229-7d93c33f5d07?w=800&h=600&fit=crop",alt:"City Skyline",title:"Urban Cityscape",description:"Modern city skyline illuminated at night"},{src:"https://images.unsplash.com/photo-1470071459604-3b5ec3a7fe05?w=800&h=600&fit=crop",alt:"Northern Lights",title:"Aurora Borealis",description:"Magical northern lights dancing across the night sky"}];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(a.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"CarouselImage"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A carousel component specifically designed for displaying images with optional titles and descriptions."})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Basic Image Carousel"}),e.jsx("div",{className:"w-full",children:e.jsx(a.CarouselImage,{images:s})})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Titles and Descriptions"}),e.jsx("div",{className:"w-full",children:e.jsx(a.CarouselImage,{images:s,showTitles:!0})})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Navigation and Pagination"}),e.jsx("div",{className:"w-full",children:e.jsx(a.CarouselImage,{images:s,showNavigation:!0,showPagination:!0})})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Contain Fit - Preserve Aspect Ratio"}),e.jsx("div",{className:"w-full",children:e.jsx(a.CarouselImage,{images:s,imageFit:"contain",showTitles:!0,showNavigation:!0})})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Square Aspect Ratio"}),e.jsx("div",{className:"w-full",children:e.jsx(a.CarouselImage,{images:s,aspectRatio:"aspect-square",showNavigation:!0,showPagination:!0})})]})]})})})}),e.jsx(a.AutoPropsTable,{componentName:"CarouselImage"}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.CodeBlock,{language:"tsx",code:`import { CarouselImage } from '@e-burgos/tucu-ui';
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-DWDrAbog.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=()=>{const s=[{src:"https://images.unsplash.com/photo-1682687220742-aba13b6e50ba?w=800&h=600&fit=crop",alt:"Mountain Landscape",title:"Mountain Peaks",description:"Breathtaking view of snow-capped mountain peaks at sunrise"},{src:"https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=800&h=600&fit=crop",alt:"Ocean View",title:"Ocean Horizon",description:"Serene ocean view with crystal clear blue waters"},{src:"https://images.unsplash.com/photo-1511593358241-7eea1f3c84e5?w=800&h=600&fit=crop",alt:"Forest Path",title:"Forest Trail",description:"Peaceful path through a lush green forest"},{src:"https://images.unsplash.com/photo-1501594907352-04cda38ebc29?w=800&h=600&fit=crop",alt:"Desert Sunset",title:"Desert Landscape",description:"Stunning sunset over golden desert dunes"},{src:"https://images.unsplash.com/photo-1542202229-7d93c33f5d07?w=800&h=600&fit=crop",alt:"City Skyline",title:"Urban Cityscape",description:"Modern city skyline illuminated at night"},{src:"https://images.unsplash.com/photo-1470071459604-3b5ec3a7fe05?w=800&h=600&fit=crop",alt:"Northern Lights",title:"Aurora Borealis",description:"Magical northern lights dancing across the night sky"}];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(a.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"CarouselImage"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A carousel component specifically designed for displaying images with optional titles and descriptions."})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Basic Image Carousel"}),e.jsx("div",{className:"w-full",children:e.jsx(a.CarouselImage,{images:s})})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Titles and Descriptions"}),e.jsx("div",{className:"w-full",children:e.jsx(a.CarouselImage,{images:s,showTitles:!0})})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Navigation and Pagination"}),e.jsx("div",{className:"w-full",children:e.jsx(a.CarouselImage,{images:s,showNavigation:!0,showPagination:!0})})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Contain Fit - Preserve Aspect Ratio"}),e.jsx("div",{className:"w-full",children:e.jsx(a.CarouselImage,{images:s,imageFit:"contain",showTitles:!0,showNavigation:!0})})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Square Aspect Ratio"}),e.jsx("div",{className:"w-full",children:e.jsx(a.CarouselImage,{images:s,aspectRatio:"aspect-square",showNavigation:!0,showPagination:!0})})]})]})})})}),e.jsx(a.AutoPropsTable,{componentName:"CarouselImage"}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.CodeBlock,{language:"tsx",code:`import { CarouselImage } from '@e-burgos/tucu-ui';
2
2
 
3
3
  const images = [
4
4
  {
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-QnI4b7wS.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>{const a=[e.jsx("div",{className:"h-64 w-full bg-gradient-to-br from-brand to-sky-500 rounded-lg flex items-center justify-center text-white text-2xl",children:"Slide 1"},"1"),e.jsx("div",{className:"h-64 w-full bg-gradient-to-br from-brand to-green-500 rounded-lg flex items-center justify-center text-white text-2xl",children:"Slide 2"},"2"),e.jsx("div",{className:"h-64 w-full bg-gradient-to-br from-brand to-purple-500 rounded-lg flex items-center justify-center text-white text-2xl",children:"Slide 3"},"3")];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(s.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Carousel"}),e.jsx(s.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A powerful carousel component built on Swiper.js with support for navigation, pagination, autoplay, and various effects."})]}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Basic Carousel"}),e.jsx("div",{className:"w-full",children:e.jsx(s.Carousel,{children:a})})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"With Navigation"}),e.jsx("div",{className:"w-full",children:e.jsx(s.Carousel,{showNavigation:!0,children:a})})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"With Pagination"}),e.jsx("div",{className:"w-full",children:e.jsx(s.Carousel,{showPagination:!0,children:a})})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Multiple Slides"}),e.jsx("div",{className:"w-full",children:e.jsx(s.Carousel,{slidesPerView:2,spaceBetween:20,children:a})})]})]})})})}),e.jsx(s.AutoPropsTable,{componentName:"Carousel"}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(s.CodeBlock,{language:"tsx",code:`import { Carousel } from '@e-burgos/tucu-ui';
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DWDrAbog.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>{const a=[e.jsx("div",{className:"h-64 w-full bg-gradient-to-br from-brand to-sky-500 rounded-lg flex items-center justify-center text-white text-2xl",children:"Slide 1"},"1"),e.jsx("div",{className:"h-64 w-full bg-gradient-to-br from-brand to-green-500 rounded-lg flex items-center justify-center text-white text-2xl",children:"Slide 2"},"2"),e.jsx("div",{className:"h-64 w-full bg-gradient-to-br from-brand to-purple-500 rounded-lg flex items-center justify-center text-white text-2xl",children:"Slide 3"},"3")];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(s.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Carousel"}),e.jsx(s.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A powerful carousel component built on Swiper.js with support for navigation, pagination, autoplay, and various effects."})]}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Basic Carousel"}),e.jsx("div",{className:"w-full",children:e.jsx(s.Carousel,{children:a})})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"With Navigation"}),e.jsx("div",{className:"w-full",children:e.jsx(s.Carousel,{showNavigation:!0,children:a})})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"With Pagination"}),e.jsx("div",{className:"w-full",children:e.jsx(s.Carousel,{showPagination:!0,children:a})})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Multiple Slides"}),e.jsx("div",{className:"w-full",children:e.jsx(s.Carousel,{slidesPerView:2,spaceBetween:20,children:a})})]})]})})})}),e.jsx(s.AutoPropsTable,{componentName:"Carousel"}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(s.CodeBlock,{language:"tsx",code:`import { Carousel } from '@e-burgos/tucu-ui';
2
2
 
3
3
  const slides = [
4
4
  <div key="1">Slide 1</div>,
@@ -1,5 +1,5 @@
1
1
  import { jsxs as l, Fragment as d, jsx as e } from "react/jsx-runtime";
2
- import { T as a, C as s, a as r, Q as t, A as o, c as n } from "../index-B6CStnMG.js";
2
+ import { T as a, C as s, a as r, Q as t, A as o, c as n } from "../index-kms4xY-n.js";
3
3
  import "lucide-react";
4
4
  import "react-router-dom";
5
5
  import "react";
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),a=require("../index-QnI4b7wS.js");require("lucide-react");require("react-router-dom");require("react-dom");const i=()=>{const[l,r]=c.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(a.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Checkbox"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A checkbox component for binary selections."})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Basic Checkbox"}),e.jsx(a.Checkbox,{label:"I accept the terms and conditions",checked:l,onChange:s=>r(s.target.checked)})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Helper Text"}),e.jsx(a.Checkbox,{label:"Subscribe to newsletter",helperText:"Receive updates via email",checked:l,onChange:s=>r(s.target.checked)})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Error"}),e.jsx(a.Checkbox,{label:"Required checkbox",error:"This field is required"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),e.jsx(a.Checkbox,{label:"Disabled option",disabled:!0})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Different Colors"}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(a.Checkbox,{label:"Primary",color:"primary"}),e.jsx(a.Checkbox,{label:"Danger",color:"danger"}),e.jsx(a.Checkbox,{label:"Success",color:"success"})]})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Different Sizes"}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(a.Checkbox,{label:"Small",size:"sm"}),e.jsx(a.Checkbox,{label:"Medium",size:"md"}),e.jsx(a.Checkbox,{label:"Large",size:"lg"})]})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Ghost (default)"}),e.jsx(a.Checkbox,{label:"Ghost Variant",variant:"ghost"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Solid"}),e.jsx(a.Checkbox,{label:"Solid Variant",variant:"solid"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Transparent"}),e.jsx(a.Checkbox,{label:"Transparent Variant",variant:"transparent"})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Shapes",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Rounded"}),e.jsx(a.Checkbox,{label:"Rounded Shape",shape:"rounded"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Square (default)"}),e.jsx(a.Checkbox,{label:"Square Shape",shape:"square"})]})]})})})}),e.jsx(a.AutoPropsTable,{componentName:"Checkbox"}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.CodeBlock,{language:"tsx",code:`import { Checkbox } from '@e-burgos/tucu-ui';
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),a=require("../index-DWDrAbog.js");require("lucide-react");require("react-router-dom");require("react-dom");const i=()=>{const[l,r]=c.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(a.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Checkbox"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A checkbox component for binary selections."})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Basic Checkbox"}),e.jsx(a.Checkbox,{label:"I accept the terms and conditions",checked:l,onChange:s=>r(s.target.checked)})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Helper Text"}),e.jsx(a.Checkbox,{label:"Subscribe to newsletter",helperText:"Receive updates via email",checked:l,onChange:s=>r(s.target.checked)})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Error"}),e.jsx(a.Checkbox,{label:"Required checkbox",error:"This field is required"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),e.jsx(a.Checkbox,{label:"Disabled option",disabled:!0})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Different Colors"}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(a.Checkbox,{label:"Primary",color:"primary"}),e.jsx(a.Checkbox,{label:"Danger",color:"danger"}),e.jsx(a.Checkbox,{label:"Success",color:"success"})]})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Different Sizes"}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(a.Checkbox,{label:"Small",size:"sm"}),e.jsx(a.Checkbox,{label:"Medium",size:"md"}),e.jsx(a.Checkbox,{label:"Large",size:"lg"})]})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Ghost (default)"}),e.jsx(a.Checkbox,{label:"Ghost Variant",variant:"ghost"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Solid"}),e.jsx(a.Checkbox,{label:"Solid Variant",variant:"solid"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Transparent"}),e.jsx(a.Checkbox,{label:"Transparent Variant",variant:"transparent"})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Shapes",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Rounded"}),e.jsx(a.Checkbox,{label:"Rounded Shape",shape:"rounded"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Square (default)"}),e.jsx(a.Checkbox,{label:"Square Shape",shape:"square"})]})]})})})}),e.jsx(a.AutoPropsTable,{componentName:"Checkbox"}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.CodeBlock,{language:"tsx",code:`import { Checkbox } from '@e-burgos/tucu-ui';
2
2
 
3
3
  <Checkbox
4
4
  label="I accept the terms and conditions"
@@ -1,6 +1,6 @@
1
1
  import { jsxs as a, Fragment as h, jsx as e } from "react/jsx-runtime";
2
2
  import { useState as o } from "react";
3
- import { T as c, C as l, a as r, p as s, A as n, c as m } from "../index-B6CStnMG.js";
3
+ import { T as c, C as l, a as r, p as s, A as n, c as m } from "../index-kms4xY-n.js";
4
4
  import "lucide-react";
5
5
  import "react-router-dom";
6
6
  import "react-dom";
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-QnI4b7wS.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>e.jsx("div",{className:"space-y-8",children:e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Implementation Examples",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-orange-500 via-amber-500 to-yellow-500 shadow-lg",children:e.jsx(a.Code,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h3",className:"text-xl font-semibold",children:"Accessible Component Examples"})]}),e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsxs(s.Typography,{tag:"h4",className:"font-semibold flex items-center gap-2",children:[e.jsx(a.CheckCircle,{className:"w-5 h-5 text-green-500"}),"Input Fields - Fully Accessible"]}),e.jsxs("div",{className:"p-4 border rounded-lg",children:[e.jsx("div",{className:"mb-4",children:e.jsx(s.Input,{label:"Email Address",type:"email",placeholder:"Enter your email",helperText:"We'll never share your email with anyone else.",required:!0})}),e.jsx(s.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-3",children:"Features: Label association, ARIA attributes, error handling, helper text"}),e.jsx(s.CodeBlock,{code:`<FormField
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DWDrAbog.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>e.jsx("div",{className:"space-y-8",children:e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Implementation Examples",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-orange-500 via-amber-500 to-yellow-500 shadow-lg",children:e.jsx(a.Code,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h3",className:"text-xl font-semibold",children:"Accessible Component Examples"})]}),e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsxs(s.Typography,{tag:"h4",className:"font-semibold flex items-center gap-2",children:[e.jsx(a.CheckCircle,{className:"w-5 h-5 text-green-500"}),"Input Fields - Fully Accessible"]}),e.jsxs("div",{className:"p-4 border rounded-lg",children:[e.jsx("div",{className:"mb-4",children:e.jsx(s.Input,{label:"Email Address",type:"email",placeholder:"Enter your email",helperText:"We'll never share your email with anyone else.",required:!0})}),e.jsx(s.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-3",children:"Features: Label association, ARIA attributes, error handling, helper text"}),e.jsx(s.CodeBlock,{code:`<FormField
2
2
  name="email"
3
3
  label="Email Address"
4
4
  helperText="We'll never share your email"
@@ -1,5 +1,5 @@
1
1
  import { jsx as e, jsxs as a } from "react/jsx-runtime";
2
- import { C as i, a as t, T as l, I as n, c as r, ag as o } from "../index-B6CStnMG.js";
2
+ import { C as i, a as t, T as l, I as n, c as r, ag as o } from "../index-kms4xY-n.js";
3
3
  import { Code as d, CheckCircle as s, AlertTriangle as c } from "lucide-react";
4
4
  import "react-router-dom";
5
5
  import "react";
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react/jsx-runtime"),e=require("../index-QnI4b7wS.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const a=require("../tether-EofDinu3.js"),i="data:image/svg+xml,%3csvg%20width='148'%20height='137'%20viewBox='0%200%20148%20137'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M62.3497%2038.2791C64.2756%2038.2794%2066.1582%2038.8508%2067.7593%2039.921C69.3605%2040.9912%2070.6084%2042.5121%2071.3452%2044.2915C72.082%2046.0709%2072.2746%2048.0288%2071.8987%2049.9176C71.5228%2051.8064%2070.5952%2053.5414%2069.2333%2054.9031C67.8714%2056.2648%2066.1363%2057.1921%2064.2474%2057.5677C62.3585%2057.9433%2060.4006%2057.7504%2058.6214%2057.0133C56.8421%2056.2762%2055.3214%2055.0281%2054.2515%2053.4268C53.1815%2051.8254%2052.6105%2049.9428%2052.6105%2048.0169C52.6109%2045.4342%2053.6371%2042.9573%2055.4636%2041.1312C57.29%2039.305%2059.767%2038.2791%2062.3497%2038.2791ZM85.8599%2038.2791C87.7857%2038.2796%2089.6682%2038.8511%2091.2692%2039.9214C92.8703%2040.9917%2094.118%2042.5126%2094.8547%2044.292C95.5914%2046.0714%2095.7839%2048.0293%2095.4079%2049.9181C95.0319%2051.8069%2094.1043%2053.5417%2092.7424%2054.9033C91.3804%2056.265%2089.6453%2057.1922%2087.7564%2057.5678C85.8676%2057.9433%2083.9097%2057.7503%2082.1305%2057.0132C80.3513%2056.2761%2078.8306%2055.028%2077.7607%2053.4267C76.6908%2051.8254%2076.1198%2049.9428%2076.1198%2048.0169C76.1202%2045.434%2077.1466%2042.957%2078.9732%2041.1309C80.7998%2039.3047%2083.277%2038.2789%2085.8599%2038.2791ZM85.8599%2079.2452C87.7857%2079.2456%2089.6682%2079.8171%2091.2692%2080.8874C92.8703%2081.9577%2094.118%2083.4787%2094.8547%2085.2581C95.5914%2087.0375%2095.7839%2088.9953%2095.4079%2090.8841C95.0319%2092.7729%2094.1043%2094.5078%2092.7424%2095.8694C91.3804%2097.231%2089.6453%2098.1582%2087.7564%2098.5338C85.8676%2098.9093%2083.9097%2098.7163%2082.1305%2097.9792C80.3513%2097.2421%2078.8306%2095.994%2077.7607%2094.3927C76.6908%2092.7914%2076.1198%2090.9088%2076.1198%2088.9829C76.1199%2087.704%2076.3719%2086.4376%2076.8615%2085.2561C77.351%2084.0745%2078.0685%2083.0009%2078.9729%2082.0967C79.8774%2081.1925%2080.9511%2080.4752%2082.1328%2079.9859C83.3144%2079.4967%2084.5809%2079.245%2085.8599%2079.2452ZM62.3497%2079.2452C64.2756%2079.2455%2066.1582%2079.8169%2067.7593%2080.887C69.3605%2081.9572%2070.6084%2083.4782%2071.3452%2085.2576C72.082%2087.0369%2072.2746%2088.9948%2071.8987%2090.8836C71.5228%2092.7725%2070.5952%2094.5074%2069.2333%2095.8691C67.8714%2097.2308%2066.1363%2098.1581%2064.2474%2098.5337C62.3585%2098.9093%2060.4006%2098.7164%2058.6214%2097.9793C56.8421%2097.2423%2055.3214%2095.9941%2054.2515%2094.3928C53.1815%2092.7914%2052.6105%2090.9088%2052.6105%2088.9829C52.6106%2087.704%2052.8625%2086.4377%2053.352%2085.2562C53.8415%2084.0747%2054.559%2083.0012%2055.4634%2082.097C56.3677%2081.1927%2057.4413%2080.4755%2058.6229%2079.9862C59.8045%2079.4969%2061.0709%2079.2451%2062.3497%2079.2452ZM50.2591%2059.0977C52.185%2059.098%2054.0676%2059.6694%2055.6687%2060.7396C57.2699%2061.8098%2058.5178%2063.3307%2059.2546%2065.1101C59.9914%2066.8895%2060.184%2068.8474%2059.8081%2070.7362C59.4322%2072.625%2058.5046%2074.36%2057.1427%2075.7217C55.7808%2077.0834%2054.0457%2078.0107%2052.1568%2078.3863C50.2679%2078.7619%2048.31%2078.569%2046.5308%2077.8319C44.7515%2077.0948%2043.2308%2075.8467%2042.1608%2074.2453C41.0909%2072.644%2040.5198%2070.7614%2040.5198%2068.8355C40.5202%2066.2527%2041.5465%2063.7759%2043.373%2061.9498C45.1994%2060.1236%2047.6764%2059.0977%2050.2591%2059.0977ZM97.9505%2059.0977C99.8763%2059.0982%20101.759%2059.6697%20103.36%2060.74C104.961%2061.8103%20106.209%2063.3312%20106.945%2065.1106C107.682%2066.89%20107.875%2068.8479%20107.499%2070.7367C107.123%2072.6255%20106.195%2074.3603%20104.833%2075.7219C103.471%2077.0836%20101.736%2078.0108%2099.847%2078.3863C97.9582%2078.7619%2096.0004%2078.5689%2094.2211%2077.8318C92.4419%2077.0947%2090.9212%2075.8466%2089.8513%2074.2453C88.7815%2072.644%2088.2104%2070.7613%2088.2104%2068.8355C88.2105%2067.5565%2088.4625%2066.2901%2088.9521%2065.1086C89.4416%2063.9271%2090.1591%2062.8535%2091.0636%2061.9492C91.968%2061.045%2093.0417%2060.3278%2094.2234%2059.8385C95.4051%2059.3492%2096.6715%2059.0975%2097.9505%2059.0977ZM109.034%2042.3091C110.229%2042.3094%20111.397%2042.6642%20112.391%2043.3285C113.385%2043.9928%20114.159%2044.9369%20114.617%2046.0413C115.074%2047.1458%20115.193%2048.361%20114.96%2049.5334C114.726%2050.7057%20114.151%2051.7825%20113.305%2052.6277C112.46%2053.4728%20111.383%2054.0483%20110.211%2054.2814C109.038%2054.5145%20107.823%2054.3947%20106.719%2053.9372C105.614%2053.4797%20104.671%2052.705%20104.006%2051.7111C103.342%2050.7171%20102.988%2049.5486%20102.988%2048.3532C102.988%2047.5594%20103.144%2046.7733%20103.448%2046.0399C103.752%2045.3065%20104.197%2044.6401%20104.759%2044.0788C105.32%2043.5176%20105.987%2043.0724%20106.72%2042.7687C107.454%2042.4651%20108.24%2042.3089%20109.034%2042.3091ZM109.034%2082.6024C110.229%2082.6027%20111.397%2082.9575%20112.391%2083.6218C113.385%2084.2862%20114.159%2085.2302%20114.617%2086.3347C115.074%2087.4391%20115.193%2088.6544%20114.96%2089.8267C114.726%2090.9991%20114.151%2092.0759%20113.305%2092.921C112.46%2093.7661%20111.383%2094.3416%20110.211%2094.5747C109.038%2094.8078%20107.823%2094.688%20106.719%2094.2305C105.614%2093.773%20104.671%2092.9983%20104.006%2092.0044C103.342%2091.0105%20102.988%2089.842%20102.988%2088.6466C102.988%2087.8528%20103.144%2087.0667%20103.448%2086.3333C103.752%2085.5999%20104.197%2084.9335%20104.759%2084.3722C105.32%2083.8109%20105.987%2083.3658%20106.72%2083.0621C107.454%2082.7585%20108.24%2082.6022%20109.034%2082.6024ZM39.176%2082.6024C40.3714%2082.6026%2041.5399%2082.9572%2042.5337%2083.6215C43.5276%2084.2857%2044.3022%2085.2297%2044.7595%2086.3342C45.2169%2087.4386%2045.3365%2088.6538%2045.1032%2089.8262C44.8699%2090.9986%2044.2941%2092.0755%2043.4488%2092.9207C42.6035%2093.7659%2041.5265%2094.3415%2040.3541%2094.5747C39.1817%2094.8078%2037.9664%2094.6881%2036.8621%2094.2306C35.7577%2093.7731%2034.8138%2092.9984%2034.1497%2092.0045C33.4855%2091.0106%2033.1311%2089.842%2033.1311%2088.6466C33.1313%2087.0435%2033.7683%2085.5062%2034.9019%2084.3727C36.0355%2083.2392%2037.5729%2082.6024%2039.176%2082.6024ZM39.176%2042.3091C40.3714%2042.3093%2041.5399%2042.6639%2042.5337%2043.3281C43.5276%2043.9923%2044.3022%2044.9363%2044.7595%2046.0408C45.2169%2047.1452%2045.3365%2048.3605%2045.1032%2049.5329C44.8699%2050.7053%2044.2941%2051.7822%2043.4488%2052.6274C42.6035%2053.4726%2041.5265%2054.0482%2040.3541%2054.2813C39.1817%2054.5145%2037.9664%2054.3947%2036.8621%2053.9372C35.7577%2053.4797%2034.8138%2052.705%2034.1497%2051.7111C33.4855%2050.7172%2033.1311%2049.5486%2033.1311%2048.3532C33.1313%2046.7501%2033.7683%2045.2128%2034.9019%2044.0794C36.0355%2042.9459%2037.5729%2042.3091%2039.176%2042.3091ZM74.1048%2022.1617C75.3002%2022.162%2076.4686%2022.5167%2077.4623%2023.181C78.4561%2023.8454%2079.2306%2024.7894%2079.6878%2025.8939C80.145%2026.9983%2080.2645%2028.2136%2080.0311%2029.3859C79.7977%2030.5583%2079.2219%2031.6351%2078.3766%2032.4802C77.5312%2033.3254%2076.4543%2033.9008%2075.2818%2034.1339C74.1094%2034.367%2072.8943%2034.2472%2071.7899%2033.7897C70.6856%2033.3322%2069.7417%2032.5575%2069.0776%2031.5636C68.4135%2030.5697%2068.0591%2029.4011%2068.0591%2028.2058C68.0591%2027.4119%2068.2155%2026.6258%2068.5193%2025.8924C68.8232%2025.159%2069.2685%2024.4927%2069.8299%2023.9314C70.3914%2023.3701%2071.0578%2022.9249%2071.7913%2022.6213C72.5248%2022.3176%2073.3109%2022.1615%2074.1048%2022.1617ZM74.1048%20102.75C75.3002%20102.75%2076.4686%20103.105%2077.4623%20103.769C78.4561%20104.434%2079.2306%20105.378%2079.6878%20106.482C80.145%20107.587%2080.2645%20108.802%2080.0311%20109.974C79.7977%20111.147%2079.2219%20112.223%2078.3766%20113.068C77.5312%20113.914%2076.4543%20114.489%2075.2818%20114.722C74.1094%20114.955%2072.8943%20114.835%2071.7899%20114.378C70.6856%20113.92%2069.7417%20113.146%2069.0776%20112.152C68.4135%20111.158%2068.0591%20109.989%2068.0591%20108.794C68.0591%20108%2068.2155%20107.214%2068.5193%20106.481C68.8232%20105.747%2069.2685%20105.081%2069.8299%20104.52C70.3914%20103.958%2071.0578%20103.513%2071.7913%20103.21C72.5248%20102.906%2073.3109%20102.75%2074.1048%20102.75ZM99.9654%20108.794C100.962%20108.794%20101.935%20109.09%20102.763%20109.644C103.591%20110.197%20104.237%20110.984%20104.618%20111.904C104.999%20112.825%20105.098%20113.837%20104.904%20114.814C104.709%20115.791%20104.229%20116.688%20103.525%20117.393C102.82%20118.097%20101.923%20118.577%20100.946%20118.771C99.969%20118.965%2098.9563%20118.865%2098.0361%20118.484C97.1159%20118.103%2096.3293%20117.457%2095.776%20116.629C95.2226%20115.801%2094.9272%20114.827%2094.9272%20113.831C94.9272%20113.169%2095.0576%20112.514%2095.3108%20111.903C95.564%20111.292%2095.9351%20110.736%2096.403%20110.269C96.8708%20109.801%2097.4263%20109.43%2098.0375%20109.177C98.6488%20108.924%2099.3039%20108.794%2099.9654%20108.794ZM48.2442%20108.794C49.2402%20108.794%2050.2139%20109.09%2051.042%20109.644C51.87%20110.197%2052.5154%20110.984%2052.8963%20111.904C53.2773%20112.825%2053.3768%20113.837%2053.1823%20114.814C52.9878%20115.791%2052.508%20116.688%2051.8035%20117.393C51.0991%20118.097%2050.2016%20118.577%2049.2247%20118.771C48.2477%20118.965%2047.2351%20118.865%2046.3148%20118.484C45.3946%20118.103%2044.608%20117.457%2044.0547%20116.629C43.5013%20115.801%2043.206%20114.827%2043.206%20113.831C43.206%20113.169%2043.3363%20112.514%2043.5895%20111.903C43.8427%20111.292%2044.2138%20110.736%2044.6817%20110.269C45.1496%20109.801%2045.705%20109.43%2046.3162%20109.177C46.9275%20108.924%2047.5826%20108.794%2048.2442%20108.794ZM48.2442%2018.1325C49.2402%2018.1328%2050.2139%2018.4284%2051.042%2018.9821C51.87%2019.5357%2052.5154%2020.3224%2052.8963%2021.2427C53.2773%2022.1631%2053.3768%2023.1758%2053.1823%2024.1527C52.9878%2025.1296%2052.508%2026.0269%2051.8035%2026.7311C51.0991%2027.4354%2050.2016%2027.9149%2049.2247%2028.1092C48.2477%2028.3034%2047.2351%2028.2035%2046.3148%2027.8223C45.3946%2027.441%2044.608%2026.7955%2044.0547%2025.9672C43.5013%2025.139%2043.206%2024.1653%2043.206%2023.1692C43.206%2022.5076%2043.3363%2021.8525%2043.5895%2021.2413C43.8427%2020.6302%2044.2138%2020.0748%2044.6817%2019.6071C45.1496%2019.1394%2045.705%2018.7685%2046.3162%2018.5154C46.9275%2018.2624%2047.5826%2018.1323%2048.2442%2018.1325ZM99.9654%2018.1325C100.962%2018.1328%20101.935%2018.4284%20102.763%2018.9821C103.591%2019.5357%20104.237%2020.3224%20104.618%2021.2427C104.999%2022.1631%20105.098%2023.1758%20104.904%2024.1527C104.709%2025.1296%20104.229%2026.0269%20103.525%2026.7311C102.82%2027.4354%20101.923%2027.9149%20100.946%2028.1092C99.969%2028.3034%2098.9563%2028.2035%2098.0361%2027.8223C97.1159%2027.441%2096.3293%2026.7955%2095.776%2025.9672C95.2226%2025.139%2094.9272%2024.1653%2094.9272%2023.1692C94.9272%2022.5076%2095.0576%2021.8525%2095.3108%2021.2413C95.564%2020.6302%2095.9351%2020.0748%2096.403%2019.6071C96.8708%2019.1394%2097.4263%2018.7685%2098.0375%2018.5154C98.6488%2018.2624%2099.3039%2018.1323%2099.9654%2018.1325ZM126.162%2063.1277C127.158%2063.1278%20128.132%2063.4234%20128.96%2063.9769C129.788%2064.5304%20130.433%2065.3171%20130.814%2066.2374C131.195%2067.1578%20131.295%2068.1705%20131.101%2069.1474C130.906%2070.1244%20130.427%2071.0218%20129.722%2071.7261C129.018%2072.4304%20128.12%2072.91%20127.143%2073.1043C126.166%2073.2986%20125.154%2073.1988%20124.233%2072.8176C123.313%2072.4363%20122.526%2071.7907%20121.973%2070.9625C121.42%2070.1342%20121.124%2069.1605%20121.124%2068.1644C121.124%2066.8285%20121.655%2065.5474%20122.6%2064.6029C123.545%2063.6583%20124.826%2063.1277%20126.162%2063.1277ZM22.0472%2063.1277C23.0433%2063.1278%2024.017%2063.4234%2024.8452%2063.9769C25.6734%2064.5304%2026.3188%2065.3171%2026.6999%2066.2374C27.081%2067.1578%2027.1806%2068.1705%2026.9862%2069.1474C26.7918%2070.1244%2026.312%2071.0218%2025.6076%2071.7261C24.9032%2072.4304%2024.0057%2072.91%2023.0287%2073.1043C22.0517%2073.2986%2021.0391%2073.1988%2020.1188%2072.8176C19.1985%2072.4363%2018.4119%2071.7907%2017.8585%2070.9625C17.3051%2070.1342%2017.0097%2069.1605%2017.0097%2068.1644C17.0097%2067.5029%2017.14%2066.8479%2017.3932%2066.2367C17.6464%2065.6256%2018.0174%2065.0703%2018.4852%2064.6026C18.953%2064.1349%2019.5083%2063.7639%2020.1195%2063.5108C20.7307%2063.2578%2021.3857%2063.1276%2022.0472%2063.1277ZM18.3528%2032.235C19.1499%2032.235%2019.9291%2032.4713%2020.5918%2032.9142C21.2545%2033.357%2021.7711%2033.9865%2022.0761%2034.7229C22.3811%2035.4593%2022.4608%2036.2696%2022.3053%2037.0514C22.1497%2037.8332%2021.7658%2038.5512%2021.2021%2039.1148C20.6385%2039.6784%2019.9203%2040.0622%2019.1385%2040.2176C18.3567%2040.373%2017.5464%2040.293%2016.8101%2039.9879C16.0737%2039.6828%2015.4444%2039.1661%2015.0016%2038.5033C14.5589%2037.8405%2014.3227%2037.0613%2014.3228%2036.2642C14.3231%2035.1955%2014.7477%2034.1706%2015.5035%2033.4151C16.2592%2032.6595%2017.2841%2032.235%2018.3528%2032.235ZM18.3528%2096.7057C19.1499%2096.7057%2019.9291%2096.9421%2020.5918%2097.3849C21.2545%2097.8278%2021.7711%2098.4573%2022.0761%2099.1937C22.3811%2099.9301%2022.4608%20100.74%2022.3053%20101.522C22.1497%20102.304%2021.7658%20103.022%2021.2021%20103.586C20.6385%20104.149%2019.9203%20104.533%2019.1385%20104.688C18.3567%20104.844%2017.5464%20104.764%2016.8101%20104.459C16.0737%20104.154%2015.4444%20103.637%2015.0016%20102.974C14.5589%20102.311%2014.3227%20101.532%2014.3228%20100.735C14.3231%2099.6663%2014.7477%2098.6414%2015.5035%2097.8858C16.2592%2097.1302%2017.2841%2096.7057%2018.3528%2096.7057ZM129.856%2096.7057C130.653%2096.7057%20131.432%2096.9421%20132.095%2097.3849C132.758%2097.8278%20133.274%2098.4573%20133.579%2099.1937C133.884%2099.9301%20133.964%20100.74%20133.809%20101.522C133.653%20102.304%20133.269%20103.022%20132.705%20103.586C132.142%20104.149%20131.424%20104.533%20130.642%20104.688C129.86%20104.844%20129.05%20104.764%20128.313%20104.459C127.577%20104.154%20126.948%20103.637%20126.505%20102.974C126.062%20102.311%20125.826%20101.532%20125.826%20100.735C125.826%2099.6663%20126.251%2098.6414%20127.007%2097.8858C127.762%2097.1302%20128.787%2096.7057%20129.856%2096.7057ZM129.856%2032.235C130.653%2032.235%20131.432%2032.4713%20132.095%2032.9142C132.758%2033.357%20133.274%2033.9865%20133.579%2034.7229C133.884%2035.4593%20133.964%2036.2696%20133.809%2037.0514C133.653%2037.8332%20133.269%2038.5512%20132.705%2039.1148C132.142%2039.6784%20131.424%2040.0622%20130.642%2040.2176C129.86%2040.373%20129.05%2040.293%20128.313%2039.9879C127.577%2039.6828%20126.948%2039.1661%20126.505%2038.5033C126.062%2037.8405%20125.826%2037.0613%20125.826%2036.2642C125.826%2035.1955%20126.251%2034.1706%20127.007%2033.4151C127.762%2032.6595%20128.787%2032.235%20129.856%2032.235ZM74.1048%202.94133e-07C74.9019%200.000152533%2075.6809%200.236665%2076.3436%200.679609C77.0062%201.12255%2077.5226%201.75205%2077.8275%202.48848C78.1324%203.22492%2078.212%204.03521%2078.0564%204.81692C77.9007%205.59862%2077.5168%206.31663%2076.9531%206.88012C76.3894%207.44361%2075.6712%207.82727%2074.8895%207.98261C74.1077%208.13796%2073.2975%208.05801%2072.5611%207.75285C71.8248%207.44769%2071.1955%206.93101%2070.7528%206.26821C70.3101%205.6054%2070.0739%204.82622%2070.0741%204.02917C70.0741%203.49992%2070.1784%202.97588%2070.3809%202.48693C70.5835%201.99799%2070.8804%201.55374%2071.2547%201.17958C71.6291%200.805415%2072.0734%200.508635%2072.5624%200.30624C73.0514%200.103845%2073.5756%20-0.000201902%2074.1048%202.94133e-07ZM74.1048%20128.941C74.9018%20128.941%2075.6809%20129.177%2076.3435%20129.62C77.0061%20130.063%2077.5226%20130.693%2077.8275%20131.429C78.1323%20132.165%2078.212%20132.976%2078.0565%20133.757C77.9009%20134.539%2077.517%20135.257%2076.9534%20135.821C76.3897%20136.384%2075.6717%20136.768%2074.8899%20136.923C74.1082%20137.079%2073.298%20136.999%2072.5617%20136.694C71.8253%20136.389%2071.196%20135.872%2070.7532%20135.21C70.3104%20134.547%2070.0741%20133.768%2070.0741%20132.971C70.0741%20132.441%2070.1783%20131.917%2070.3809%20131.428C70.5835%20130.939%2070.8804%20130.495%2071.2547%20130.121C71.629%20129.747%2072.0734%20129.45%2072.5624%20129.247C73.0514%20129.045%2073.5755%20128.941%2074.1048%20128.941ZM109.705%20126.255C110.369%20126.255%20111.018%20126.452%20111.57%20126.821C112.123%20127.19%20112.553%20127.714%20112.807%20128.328C113.061%20128.941%20113.128%20129.616%20112.998%20130.268C112.869%20130.919%20112.549%20131.518%20112.079%20131.987C111.61%20132.457%20111.011%20132.777%20110.36%20132.906C109.708%20133.036%20109.033%20132.969%20108.42%20132.715C107.806%20132.461%20107.282%20132.03%20106.913%20131.478C106.544%20130.926%20106.347%20130.277%20106.347%20129.613C106.347%20129.172%20106.434%20128.735%20106.602%20128.328C106.771%20127.92%20107.018%20127.55%20107.33%20127.238C107.642%20126.926%20108.012%20126.679%20108.42%20126.51C108.827%20126.341%20109.264%20126.255%20109.705%20126.255ZM38.5041%20126.255C39.1682%20126.255%2039.8175%20126.452%2040.3697%20126.821C40.9219%20127.19%2041.3523%20127.714%2041.6065%20128.328C41.8607%20128.941%2041.9272%20129.616%2041.7976%20130.268C41.668%20130.919%2041.3482%20131.518%2040.8786%20131.987C40.409%20132.457%2039.8106%20132.777%2039.1592%20132.906C38.5078%20133.036%2037.8326%20132.969%2037.219%20132.715C36.6054%20132.461%2036.081%20132.03%2035.712%20131.478C35.343%20130.926%2035.1461%20130.277%2035.1461%20129.613C35.1461%20129.172%2035.2329%20128.735%2035.4017%20128.328C35.5704%20127.92%2035.8178%20127.55%2036.1296%20127.238C36.4414%20126.926%2036.8116%20126.679%2037.219%20126.51C37.6264%20126.341%2038.0631%20126.255%2038.5041%20126.255ZM38.5041%204.03227C39.1682%204.03227%2039.8175%204.22921%2040.3697%204.5982C40.9219%204.96718%2041.3523%205.49165%2041.6065%206.10525C41.8607%206.71885%2041.9272%207.39403%2041.7976%208.04542C41.668%208.69682%2041.3482%209.29518%2040.8786%209.76481C40.409%2010.2344%2039.8106%2010.5542%2039.1592%2010.6838C38.5078%2010.8134%2037.8326%2010.7469%2037.219%2010.4927C36.6054%2010.2385%2036.081%209.80814%2035.712%209.25591C35.343%208.70368%2035.1461%208.05444%2035.1461%207.39029C35.1457%206.94904%2035.2322%206.51208%2035.4008%206.10431C35.5694%205.69654%2035.8166%205.32594%2036.1285%205.0138C36.4404%204.70165%2036.8107%204.45405%2037.2183%204.2851C37.6259%204.11615%2038.0628%204.02917%2038.5041%204.02917V4.03227ZM109.705%204.03227C110.369%204.03227%20111.018%204.22921%20111.57%204.5982C112.123%204.96718%20112.553%205.49165%20112.807%206.10525C113.061%206.71885%20113.128%207.39403%20112.998%208.04542C112.869%208.69682%20112.549%209.29518%20112.079%209.76481C111.61%2010.2344%20111.011%2010.5542%20110.36%2010.6838C109.708%2010.8134%20109.033%2010.7469%20108.42%2010.4927C107.806%2010.2385%20107.282%209.80814%20106.913%209.25591C106.544%208.70368%20106.347%208.05444%20106.347%207.39029C106.346%206.94904%20106.433%206.51208%20106.601%206.10431C106.77%205.69654%20107.017%205.32594%20107.329%205.0138C107.641%204.70165%20108.011%204.45405%20108.419%204.2851C108.827%204.11615%20109.264%204.02917%20109.705%204.02917V4.03227ZM144.634%2065.1434C145.298%2065.1434%20145.947%2065.3404%20146.499%2065.7095C147.052%2066.0785%20147.482%2066.6031%20147.736%2067.2168C147.99%2067.8305%20148.057%2068.5057%20147.927%2069.1572C147.797%2069.8086%20147.477%2070.4069%20147.007%2070.8765C146.538%2071.3461%20145.939%2071.6658%20145.288%2071.7952C144.636%2071.9246%20143.961%2071.8578%20143.347%2071.6034C142.734%2071.349%20142.209%2070.9184%20141.841%2070.366C141.472%2069.8135%20141.275%2069.1641%20141.276%2068.4999C141.276%2068.0589%20141.362%2067.6223%20141.531%2067.2148C141.7%2066.8074%20141.947%2066.4373%20142.259%2066.1255C142.571%2065.8136%20142.941%2065.5663%20143.348%2065.3975C143.756%2065.2288%20144.193%2065.1419%20144.634%2065.1419V65.1434ZM3.5753%2065.1434C4.23952%2065.1434%204.88881%2065.3404%205.44107%2065.7095C5.99333%2066.0785%206.42374%2066.6031%206.67785%2067.2168C6.93197%2067.8305%206.99838%2068.5057%206.86868%2069.1572C6.73899%2069.8086%206.41902%2070.4069%205.94924%2070.8765C5.47945%2071.3461%204.88096%2071.6658%204.22947%2071.7952C3.57797%2071.9246%202.90274%2071.8578%202.28916%2071.6034C1.67559%2071.349%201.15124%2070.9184%200.78244%2070.366C0.41364%2069.8135%200.216951%2069.1641%200.217255%2068.4999C0.217255%2068.0589%200.304108%2067.6223%200.472866%2067.2148C0.641623%2066.8074%200.888978%2066.4373%201.2008%2066.1255C1.51262%2065.8136%201.88282%2065.5663%202.29023%2065.3975C2.69765%2065.2288%203.13431%2065.1419%203.5753%2065.1419V65.1434Z'%20fill='white'/%3e%3c/svg%3e",s=()=>C.jsxs(C.Fragment,{children:[C.jsxs("div",{className:"text-center space-y-4",children:[C.jsx(e.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"CoinCard"}),C.jsx(e.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Display cryptocurrency information in a clean, card format with customizable background colors, price changes, and balance information."})]}),C.jsx(e.CardContainer,{className:"overflow-hidden",children:C.jsx(e.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:C.jsx("div",{className:"w-full p-4 sm:p-6",children:C.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:[C.jsxs(e.CardContainer,{className:"p-4",children:[C.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Bitcoin"}),C.jsx(e.CoinCard,{id:"bitcoin",name:"Bitcoin",symbol:"BTC",logo:a.bitcoinImg,balance:"1.25",usdBalance:"45,000",change:"+2.5%",isChangePositive:!0,color:"#FDEDD4"})]}),C.jsxs(e.CardContainer,{className:"p-4",children:[C.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Tether"}),C.jsx(e.CoinCard,{id:"tether",name:"Tether",symbol:"USDT",logo:a.ethereumImg,balance:"10.5",usdBalance:"33,600",change:"-1.2%",isChangePositive:!1,color:"#E1F5FE"})]}),C.jsxs(e.CardContainer,{className:"p-4",children:[C.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Cardano"}),C.jsx(e.CoinCard,{id:"cardano",name:"Cardano",symbol:"ADA",logo:i,balance:"1,500",usdBalance:"975",change:"+5.8%",isChangePositive:!0,color:"#E8F5E8"})]})]})})})}),C.jsx(e.AutoPropsTable,{componentName:"CoinCard"}),C.jsx(e.CardContainer,{className:"overflow-hidden",children:C.jsx(e.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:C.jsx("div",{className:"w-full p-4 sm:p-6",children:C.jsx(e.CodeBlock,{language:"tsx",code:`import { CoinCard } from '@e-burgos/tucu-ui';
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react/jsx-runtime"),e=require("../index-DWDrAbog.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const a=require("../tether-EofDinu3.js"),i="data:image/svg+xml,%3csvg%20width='148'%20height='137'%20viewBox='0%200%20148%20137'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M62.3497%2038.2791C64.2756%2038.2794%2066.1582%2038.8508%2067.7593%2039.921C69.3605%2040.9912%2070.6084%2042.5121%2071.3452%2044.2915C72.082%2046.0709%2072.2746%2048.0288%2071.8987%2049.9176C71.5228%2051.8064%2070.5952%2053.5414%2069.2333%2054.9031C67.8714%2056.2648%2066.1363%2057.1921%2064.2474%2057.5677C62.3585%2057.9433%2060.4006%2057.7504%2058.6214%2057.0133C56.8421%2056.2762%2055.3214%2055.0281%2054.2515%2053.4268C53.1815%2051.8254%2052.6105%2049.9428%2052.6105%2048.0169C52.6109%2045.4342%2053.6371%2042.9573%2055.4636%2041.1312C57.29%2039.305%2059.767%2038.2791%2062.3497%2038.2791ZM85.8599%2038.2791C87.7857%2038.2796%2089.6682%2038.8511%2091.2692%2039.9214C92.8703%2040.9917%2094.118%2042.5126%2094.8547%2044.292C95.5914%2046.0714%2095.7839%2048.0293%2095.4079%2049.9181C95.0319%2051.8069%2094.1043%2053.5417%2092.7424%2054.9033C91.3804%2056.265%2089.6453%2057.1922%2087.7564%2057.5678C85.8676%2057.9433%2083.9097%2057.7503%2082.1305%2057.0132C80.3513%2056.2761%2078.8306%2055.028%2077.7607%2053.4267C76.6908%2051.8254%2076.1198%2049.9428%2076.1198%2048.0169C76.1202%2045.434%2077.1466%2042.957%2078.9732%2041.1309C80.7998%2039.3047%2083.277%2038.2789%2085.8599%2038.2791ZM85.8599%2079.2452C87.7857%2079.2456%2089.6682%2079.8171%2091.2692%2080.8874C92.8703%2081.9577%2094.118%2083.4787%2094.8547%2085.2581C95.5914%2087.0375%2095.7839%2088.9953%2095.4079%2090.8841C95.0319%2092.7729%2094.1043%2094.5078%2092.7424%2095.8694C91.3804%2097.231%2089.6453%2098.1582%2087.7564%2098.5338C85.8676%2098.9093%2083.9097%2098.7163%2082.1305%2097.9792C80.3513%2097.2421%2078.8306%2095.994%2077.7607%2094.3927C76.6908%2092.7914%2076.1198%2090.9088%2076.1198%2088.9829C76.1199%2087.704%2076.3719%2086.4376%2076.8615%2085.2561C77.351%2084.0745%2078.0685%2083.0009%2078.9729%2082.0967C79.8774%2081.1925%2080.9511%2080.4752%2082.1328%2079.9859C83.3144%2079.4967%2084.5809%2079.245%2085.8599%2079.2452ZM62.3497%2079.2452C64.2756%2079.2455%2066.1582%2079.8169%2067.7593%2080.887C69.3605%2081.9572%2070.6084%2083.4782%2071.3452%2085.2576C72.082%2087.0369%2072.2746%2088.9948%2071.8987%2090.8836C71.5228%2092.7725%2070.5952%2094.5074%2069.2333%2095.8691C67.8714%2097.2308%2066.1363%2098.1581%2064.2474%2098.5337C62.3585%2098.9093%2060.4006%2098.7164%2058.6214%2097.9793C56.8421%2097.2423%2055.3214%2095.9941%2054.2515%2094.3928C53.1815%2092.7914%2052.6105%2090.9088%2052.6105%2088.9829C52.6106%2087.704%2052.8625%2086.4377%2053.352%2085.2562C53.8415%2084.0747%2054.559%2083.0012%2055.4634%2082.097C56.3677%2081.1927%2057.4413%2080.4755%2058.6229%2079.9862C59.8045%2079.4969%2061.0709%2079.2451%2062.3497%2079.2452ZM50.2591%2059.0977C52.185%2059.098%2054.0676%2059.6694%2055.6687%2060.7396C57.2699%2061.8098%2058.5178%2063.3307%2059.2546%2065.1101C59.9914%2066.8895%2060.184%2068.8474%2059.8081%2070.7362C59.4322%2072.625%2058.5046%2074.36%2057.1427%2075.7217C55.7808%2077.0834%2054.0457%2078.0107%2052.1568%2078.3863C50.2679%2078.7619%2048.31%2078.569%2046.5308%2077.8319C44.7515%2077.0948%2043.2308%2075.8467%2042.1608%2074.2453C41.0909%2072.644%2040.5198%2070.7614%2040.5198%2068.8355C40.5202%2066.2527%2041.5465%2063.7759%2043.373%2061.9498C45.1994%2060.1236%2047.6764%2059.0977%2050.2591%2059.0977ZM97.9505%2059.0977C99.8763%2059.0982%20101.759%2059.6697%20103.36%2060.74C104.961%2061.8103%20106.209%2063.3312%20106.945%2065.1106C107.682%2066.89%20107.875%2068.8479%20107.499%2070.7367C107.123%2072.6255%20106.195%2074.3603%20104.833%2075.7219C103.471%2077.0836%20101.736%2078.0108%2099.847%2078.3863C97.9582%2078.7619%2096.0004%2078.5689%2094.2211%2077.8318C92.4419%2077.0947%2090.9212%2075.8466%2089.8513%2074.2453C88.7815%2072.644%2088.2104%2070.7613%2088.2104%2068.8355C88.2105%2067.5565%2088.4625%2066.2901%2088.9521%2065.1086C89.4416%2063.9271%2090.1591%2062.8535%2091.0636%2061.9492C91.968%2061.045%2093.0417%2060.3278%2094.2234%2059.8385C95.4051%2059.3492%2096.6715%2059.0975%2097.9505%2059.0977ZM109.034%2042.3091C110.229%2042.3094%20111.397%2042.6642%20112.391%2043.3285C113.385%2043.9928%20114.159%2044.9369%20114.617%2046.0413C115.074%2047.1458%20115.193%2048.361%20114.96%2049.5334C114.726%2050.7057%20114.151%2051.7825%20113.305%2052.6277C112.46%2053.4728%20111.383%2054.0483%20110.211%2054.2814C109.038%2054.5145%20107.823%2054.3947%20106.719%2053.9372C105.614%2053.4797%20104.671%2052.705%20104.006%2051.7111C103.342%2050.7171%20102.988%2049.5486%20102.988%2048.3532C102.988%2047.5594%20103.144%2046.7733%20103.448%2046.0399C103.752%2045.3065%20104.197%2044.6401%20104.759%2044.0788C105.32%2043.5176%20105.987%2043.0724%20106.72%2042.7687C107.454%2042.4651%20108.24%2042.3089%20109.034%2042.3091ZM109.034%2082.6024C110.229%2082.6027%20111.397%2082.9575%20112.391%2083.6218C113.385%2084.2862%20114.159%2085.2302%20114.617%2086.3347C115.074%2087.4391%20115.193%2088.6544%20114.96%2089.8267C114.726%2090.9991%20114.151%2092.0759%20113.305%2092.921C112.46%2093.7661%20111.383%2094.3416%20110.211%2094.5747C109.038%2094.8078%20107.823%2094.688%20106.719%2094.2305C105.614%2093.773%20104.671%2092.9983%20104.006%2092.0044C103.342%2091.0105%20102.988%2089.842%20102.988%2088.6466C102.988%2087.8528%20103.144%2087.0667%20103.448%2086.3333C103.752%2085.5999%20104.197%2084.9335%20104.759%2084.3722C105.32%2083.8109%20105.987%2083.3658%20106.72%2083.0621C107.454%2082.7585%20108.24%2082.6022%20109.034%2082.6024ZM39.176%2082.6024C40.3714%2082.6026%2041.5399%2082.9572%2042.5337%2083.6215C43.5276%2084.2857%2044.3022%2085.2297%2044.7595%2086.3342C45.2169%2087.4386%2045.3365%2088.6538%2045.1032%2089.8262C44.8699%2090.9986%2044.2941%2092.0755%2043.4488%2092.9207C42.6035%2093.7659%2041.5265%2094.3415%2040.3541%2094.5747C39.1817%2094.8078%2037.9664%2094.6881%2036.8621%2094.2306C35.7577%2093.7731%2034.8138%2092.9984%2034.1497%2092.0045C33.4855%2091.0106%2033.1311%2089.842%2033.1311%2088.6466C33.1313%2087.0435%2033.7683%2085.5062%2034.9019%2084.3727C36.0355%2083.2392%2037.5729%2082.6024%2039.176%2082.6024ZM39.176%2042.3091C40.3714%2042.3093%2041.5399%2042.6639%2042.5337%2043.3281C43.5276%2043.9923%2044.3022%2044.9363%2044.7595%2046.0408C45.2169%2047.1452%2045.3365%2048.3605%2045.1032%2049.5329C44.8699%2050.7053%2044.2941%2051.7822%2043.4488%2052.6274C42.6035%2053.4726%2041.5265%2054.0482%2040.3541%2054.2813C39.1817%2054.5145%2037.9664%2054.3947%2036.8621%2053.9372C35.7577%2053.4797%2034.8138%2052.705%2034.1497%2051.7111C33.4855%2050.7172%2033.1311%2049.5486%2033.1311%2048.3532C33.1313%2046.7501%2033.7683%2045.2128%2034.9019%2044.0794C36.0355%2042.9459%2037.5729%2042.3091%2039.176%2042.3091ZM74.1048%2022.1617C75.3002%2022.162%2076.4686%2022.5167%2077.4623%2023.181C78.4561%2023.8454%2079.2306%2024.7894%2079.6878%2025.8939C80.145%2026.9983%2080.2645%2028.2136%2080.0311%2029.3859C79.7977%2030.5583%2079.2219%2031.6351%2078.3766%2032.4802C77.5312%2033.3254%2076.4543%2033.9008%2075.2818%2034.1339C74.1094%2034.367%2072.8943%2034.2472%2071.7899%2033.7897C70.6856%2033.3322%2069.7417%2032.5575%2069.0776%2031.5636C68.4135%2030.5697%2068.0591%2029.4011%2068.0591%2028.2058C68.0591%2027.4119%2068.2155%2026.6258%2068.5193%2025.8924C68.8232%2025.159%2069.2685%2024.4927%2069.8299%2023.9314C70.3914%2023.3701%2071.0578%2022.9249%2071.7913%2022.6213C72.5248%2022.3176%2073.3109%2022.1615%2074.1048%2022.1617ZM74.1048%20102.75C75.3002%20102.75%2076.4686%20103.105%2077.4623%20103.769C78.4561%20104.434%2079.2306%20105.378%2079.6878%20106.482C80.145%20107.587%2080.2645%20108.802%2080.0311%20109.974C79.7977%20111.147%2079.2219%20112.223%2078.3766%20113.068C77.5312%20113.914%2076.4543%20114.489%2075.2818%20114.722C74.1094%20114.955%2072.8943%20114.835%2071.7899%20114.378C70.6856%20113.92%2069.7417%20113.146%2069.0776%20112.152C68.4135%20111.158%2068.0591%20109.989%2068.0591%20108.794C68.0591%20108%2068.2155%20107.214%2068.5193%20106.481C68.8232%20105.747%2069.2685%20105.081%2069.8299%20104.52C70.3914%20103.958%2071.0578%20103.513%2071.7913%20103.21C72.5248%20102.906%2073.3109%20102.75%2074.1048%20102.75ZM99.9654%20108.794C100.962%20108.794%20101.935%20109.09%20102.763%20109.644C103.591%20110.197%20104.237%20110.984%20104.618%20111.904C104.999%20112.825%20105.098%20113.837%20104.904%20114.814C104.709%20115.791%20104.229%20116.688%20103.525%20117.393C102.82%20118.097%20101.923%20118.577%20100.946%20118.771C99.969%20118.965%2098.9563%20118.865%2098.0361%20118.484C97.1159%20118.103%2096.3293%20117.457%2095.776%20116.629C95.2226%20115.801%2094.9272%20114.827%2094.9272%20113.831C94.9272%20113.169%2095.0576%20112.514%2095.3108%20111.903C95.564%20111.292%2095.9351%20110.736%2096.403%20110.269C96.8708%20109.801%2097.4263%20109.43%2098.0375%20109.177C98.6488%20108.924%2099.3039%20108.794%2099.9654%20108.794ZM48.2442%20108.794C49.2402%20108.794%2050.2139%20109.09%2051.042%20109.644C51.87%20110.197%2052.5154%20110.984%2052.8963%20111.904C53.2773%20112.825%2053.3768%20113.837%2053.1823%20114.814C52.9878%20115.791%2052.508%20116.688%2051.8035%20117.393C51.0991%20118.097%2050.2016%20118.577%2049.2247%20118.771C48.2477%20118.965%2047.2351%20118.865%2046.3148%20118.484C45.3946%20118.103%2044.608%20117.457%2044.0547%20116.629C43.5013%20115.801%2043.206%20114.827%2043.206%20113.831C43.206%20113.169%2043.3363%20112.514%2043.5895%20111.903C43.8427%20111.292%2044.2138%20110.736%2044.6817%20110.269C45.1496%20109.801%2045.705%20109.43%2046.3162%20109.177C46.9275%20108.924%2047.5826%20108.794%2048.2442%20108.794ZM48.2442%2018.1325C49.2402%2018.1328%2050.2139%2018.4284%2051.042%2018.9821C51.87%2019.5357%2052.5154%2020.3224%2052.8963%2021.2427C53.2773%2022.1631%2053.3768%2023.1758%2053.1823%2024.1527C52.9878%2025.1296%2052.508%2026.0269%2051.8035%2026.7311C51.0991%2027.4354%2050.2016%2027.9149%2049.2247%2028.1092C48.2477%2028.3034%2047.2351%2028.2035%2046.3148%2027.8223C45.3946%2027.441%2044.608%2026.7955%2044.0547%2025.9672C43.5013%2025.139%2043.206%2024.1653%2043.206%2023.1692C43.206%2022.5076%2043.3363%2021.8525%2043.5895%2021.2413C43.8427%2020.6302%2044.2138%2020.0748%2044.6817%2019.6071C45.1496%2019.1394%2045.705%2018.7685%2046.3162%2018.5154C46.9275%2018.2624%2047.5826%2018.1323%2048.2442%2018.1325ZM99.9654%2018.1325C100.962%2018.1328%20101.935%2018.4284%20102.763%2018.9821C103.591%2019.5357%20104.237%2020.3224%20104.618%2021.2427C104.999%2022.1631%20105.098%2023.1758%20104.904%2024.1527C104.709%2025.1296%20104.229%2026.0269%20103.525%2026.7311C102.82%2027.4354%20101.923%2027.9149%20100.946%2028.1092C99.969%2028.3034%2098.9563%2028.2035%2098.0361%2027.8223C97.1159%2027.441%2096.3293%2026.7955%2095.776%2025.9672C95.2226%2025.139%2094.9272%2024.1653%2094.9272%2023.1692C94.9272%2022.5076%2095.0576%2021.8525%2095.3108%2021.2413C95.564%2020.6302%2095.9351%2020.0748%2096.403%2019.6071C96.8708%2019.1394%2097.4263%2018.7685%2098.0375%2018.5154C98.6488%2018.2624%2099.3039%2018.1323%2099.9654%2018.1325ZM126.162%2063.1277C127.158%2063.1278%20128.132%2063.4234%20128.96%2063.9769C129.788%2064.5304%20130.433%2065.3171%20130.814%2066.2374C131.195%2067.1578%20131.295%2068.1705%20131.101%2069.1474C130.906%2070.1244%20130.427%2071.0218%20129.722%2071.7261C129.018%2072.4304%20128.12%2072.91%20127.143%2073.1043C126.166%2073.2986%20125.154%2073.1988%20124.233%2072.8176C123.313%2072.4363%20122.526%2071.7907%20121.973%2070.9625C121.42%2070.1342%20121.124%2069.1605%20121.124%2068.1644C121.124%2066.8285%20121.655%2065.5474%20122.6%2064.6029C123.545%2063.6583%20124.826%2063.1277%20126.162%2063.1277ZM22.0472%2063.1277C23.0433%2063.1278%2024.017%2063.4234%2024.8452%2063.9769C25.6734%2064.5304%2026.3188%2065.3171%2026.6999%2066.2374C27.081%2067.1578%2027.1806%2068.1705%2026.9862%2069.1474C26.7918%2070.1244%2026.312%2071.0218%2025.6076%2071.7261C24.9032%2072.4304%2024.0057%2072.91%2023.0287%2073.1043C22.0517%2073.2986%2021.0391%2073.1988%2020.1188%2072.8176C19.1985%2072.4363%2018.4119%2071.7907%2017.8585%2070.9625C17.3051%2070.1342%2017.0097%2069.1605%2017.0097%2068.1644C17.0097%2067.5029%2017.14%2066.8479%2017.3932%2066.2367C17.6464%2065.6256%2018.0174%2065.0703%2018.4852%2064.6026C18.953%2064.1349%2019.5083%2063.7639%2020.1195%2063.5108C20.7307%2063.2578%2021.3857%2063.1276%2022.0472%2063.1277ZM18.3528%2032.235C19.1499%2032.235%2019.9291%2032.4713%2020.5918%2032.9142C21.2545%2033.357%2021.7711%2033.9865%2022.0761%2034.7229C22.3811%2035.4593%2022.4608%2036.2696%2022.3053%2037.0514C22.1497%2037.8332%2021.7658%2038.5512%2021.2021%2039.1148C20.6385%2039.6784%2019.9203%2040.0622%2019.1385%2040.2176C18.3567%2040.373%2017.5464%2040.293%2016.8101%2039.9879C16.0737%2039.6828%2015.4444%2039.1661%2015.0016%2038.5033C14.5589%2037.8405%2014.3227%2037.0613%2014.3228%2036.2642C14.3231%2035.1955%2014.7477%2034.1706%2015.5035%2033.4151C16.2592%2032.6595%2017.2841%2032.235%2018.3528%2032.235ZM18.3528%2096.7057C19.1499%2096.7057%2019.9291%2096.9421%2020.5918%2097.3849C21.2545%2097.8278%2021.7711%2098.4573%2022.0761%2099.1937C22.3811%2099.9301%2022.4608%20100.74%2022.3053%20101.522C22.1497%20102.304%2021.7658%20103.022%2021.2021%20103.586C20.6385%20104.149%2019.9203%20104.533%2019.1385%20104.688C18.3567%20104.844%2017.5464%20104.764%2016.8101%20104.459C16.0737%20104.154%2015.4444%20103.637%2015.0016%20102.974C14.5589%20102.311%2014.3227%20101.532%2014.3228%20100.735C14.3231%2099.6663%2014.7477%2098.6414%2015.5035%2097.8858C16.2592%2097.1302%2017.2841%2096.7057%2018.3528%2096.7057ZM129.856%2096.7057C130.653%2096.7057%20131.432%2096.9421%20132.095%2097.3849C132.758%2097.8278%20133.274%2098.4573%20133.579%2099.1937C133.884%2099.9301%20133.964%20100.74%20133.809%20101.522C133.653%20102.304%20133.269%20103.022%20132.705%20103.586C132.142%20104.149%20131.424%20104.533%20130.642%20104.688C129.86%20104.844%20129.05%20104.764%20128.313%20104.459C127.577%20104.154%20126.948%20103.637%20126.505%20102.974C126.062%20102.311%20125.826%20101.532%20125.826%20100.735C125.826%2099.6663%20126.251%2098.6414%20127.007%2097.8858C127.762%2097.1302%20128.787%2096.7057%20129.856%2096.7057ZM129.856%2032.235C130.653%2032.235%20131.432%2032.4713%20132.095%2032.9142C132.758%2033.357%20133.274%2033.9865%20133.579%2034.7229C133.884%2035.4593%20133.964%2036.2696%20133.809%2037.0514C133.653%2037.8332%20133.269%2038.5512%20132.705%2039.1148C132.142%2039.6784%20131.424%2040.0622%20130.642%2040.2176C129.86%2040.373%20129.05%2040.293%20128.313%2039.9879C127.577%2039.6828%20126.948%2039.1661%20126.505%2038.5033C126.062%2037.8405%20125.826%2037.0613%20125.826%2036.2642C125.826%2035.1955%20126.251%2034.1706%20127.007%2033.4151C127.762%2032.6595%20128.787%2032.235%20129.856%2032.235ZM74.1048%202.94133e-07C74.9019%200.000152533%2075.6809%200.236665%2076.3436%200.679609C77.0062%201.12255%2077.5226%201.75205%2077.8275%202.48848C78.1324%203.22492%2078.212%204.03521%2078.0564%204.81692C77.9007%205.59862%2077.5168%206.31663%2076.9531%206.88012C76.3894%207.44361%2075.6712%207.82727%2074.8895%207.98261C74.1077%208.13796%2073.2975%208.05801%2072.5611%207.75285C71.8248%207.44769%2071.1955%206.93101%2070.7528%206.26821C70.3101%205.6054%2070.0739%204.82622%2070.0741%204.02917C70.0741%203.49992%2070.1784%202.97588%2070.3809%202.48693C70.5835%201.99799%2070.8804%201.55374%2071.2547%201.17958C71.6291%200.805415%2072.0734%200.508635%2072.5624%200.30624C73.0514%200.103845%2073.5756%20-0.000201902%2074.1048%202.94133e-07ZM74.1048%20128.941C74.9018%20128.941%2075.6809%20129.177%2076.3435%20129.62C77.0061%20130.063%2077.5226%20130.693%2077.8275%20131.429C78.1323%20132.165%2078.212%20132.976%2078.0565%20133.757C77.9009%20134.539%2077.517%20135.257%2076.9534%20135.821C76.3897%20136.384%2075.6717%20136.768%2074.8899%20136.923C74.1082%20137.079%2073.298%20136.999%2072.5617%20136.694C71.8253%20136.389%2071.196%20135.872%2070.7532%20135.21C70.3104%20134.547%2070.0741%20133.768%2070.0741%20132.971C70.0741%20132.441%2070.1783%20131.917%2070.3809%20131.428C70.5835%20130.939%2070.8804%20130.495%2071.2547%20130.121C71.629%20129.747%2072.0734%20129.45%2072.5624%20129.247C73.0514%20129.045%2073.5755%20128.941%2074.1048%20128.941ZM109.705%20126.255C110.369%20126.255%20111.018%20126.452%20111.57%20126.821C112.123%20127.19%20112.553%20127.714%20112.807%20128.328C113.061%20128.941%20113.128%20129.616%20112.998%20130.268C112.869%20130.919%20112.549%20131.518%20112.079%20131.987C111.61%20132.457%20111.011%20132.777%20110.36%20132.906C109.708%20133.036%20109.033%20132.969%20108.42%20132.715C107.806%20132.461%20107.282%20132.03%20106.913%20131.478C106.544%20130.926%20106.347%20130.277%20106.347%20129.613C106.347%20129.172%20106.434%20128.735%20106.602%20128.328C106.771%20127.92%20107.018%20127.55%20107.33%20127.238C107.642%20126.926%20108.012%20126.679%20108.42%20126.51C108.827%20126.341%20109.264%20126.255%20109.705%20126.255ZM38.5041%20126.255C39.1682%20126.255%2039.8175%20126.452%2040.3697%20126.821C40.9219%20127.19%2041.3523%20127.714%2041.6065%20128.328C41.8607%20128.941%2041.9272%20129.616%2041.7976%20130.268C41.668%20130.919%2041.3482%20131.518%2040.8786%20131.987C40.409%20132.457%2039.8106%20132.777%2039.1592%20132.906C38.5078%20133.036%2037.8326%20132.969%2037.219%20132.715C36.6054%20132.461%2036.081%20132.03%2035.712%20131.478C35.343%20130.926%2035.1461%20130.277%2035.1461%20129.613C35.1461%20129.172%2035.2329%20128.735%2035.4017%20128.328C35.5704%20127.92%2035.8178%20127.55%2036.1296%20127.238C36.4414%20126.926%2036.8116%20126.679%2037.219%20126.51C37.6264%20126.341%2038.0631%20126.255%2038.5041%20126.255ZM38.5041%204.03227C39.1682%204.03227%2039.8175%204.22921%2040.3697%204.5982C40.9219%204.96718%2041.3523%205.49165%2041.6065%206.10525C41.8607%206.71885%2041.9272%207.39403%2041.7976%208.04542C41.668%208.69682%2041.3482%209.29518%2040.8786%209.76481C40.409%2010.2344%2039.8106%2010.5542%2039.1592%2010.6838C38.5078%2010.8134%2037.8326%2010.7469%2037.219%2010.4927C36.6054%2010.2385%2036.081%209.80814%2035.712%209.25591C35.343%208.70368%2035.1461%208.05444%2035.1461%207.39029C35.1457%206.94904%2035.2322%206.51208%2035.4008%206.10431C35.5694%205.69654%2035.8166%205.32594%2036.1285%205.0138C36.4404%204.70165%2036.8107%204.45405%2037.2183%204.2851C37.6259%204.11615%2038.0628%204.02917%2038.5041%204.02917V4.03227ZM109.705%204.03227C110.369%204.03227%20111.018%204.22921%20111.57%204.5982C112.123%204.96718%20112.553%205.49165%20112.807%206.10525C113.061%206.71885%20113.128%207.39403%20112.998%208.04542C112.869%208.69682%20112.549%209.29518%20112.079%209.76481C111.61%2010.2344%20111.011%2010.5542%20110.36%2010.6838C109.708%2010.8134%20109.033%2010.7469%20108.42%2010.4927C107.806%2010.2385%20107.282%209.80814%20106.913%209.25591C106.544%208.70368%20106.347%208.05444%20106.347%207.39029C106.346%206.94904%20106.433%206.51208%20106.601%206.10431C106.77%205.69654%20107.017%205.32594%20107.329%205.0138C107.641%204.70165%20108.011%204.45405%20108.419%204.2851C108.827%204.11615%20109.264%204.02917%20109.705%204.02917V4.03227ZM144.634%2065.1434C145.298%2065.1434%20145.947%2065.3404%20146.499%2065.7095C147.052%2066.0785%20147.482%2066.6031%20147.736%2067.2168C147.99%2067.8305%20148.057%2068.5057%20147.927%2069.1572C147.797%2069.8086%20147.477%2070.4069%20147.007%2070.8765C146.538%2071.3461%20145.939%2071.6658%20145.288%2071.7952C144.636%2071.9246%20143.961%2071.8578%20143.347%2071.6034C142.734%2071.349%20142.209%2070.9184%20141.841%2070.366C141.472%2069.8135%20141.275%2069.1641%20141.276%2068.4999C141.276%2068.0589%20141.362%2067.6223%20141.531%2067.2148C141.7%2066.8074%20141.947%2066.4373%20142.259%2066.1255C142.571%2065.8136%20142.941%2065.5663%20143.348%2065.3975C143.756%2065.2288%20144.193%2065.1419%20144.634%2065.1419V65.1434ZM3.5753%2065.1434C4.23952%2065.1434%204.88881%2065.3404%205.44107%2065.7095C5.99333%2066.0785%206.42374%2066.6031%206.67785%2067.2168C6.93197%2067.8305%206.99838%2068.5057%206.86868%2069.1572C6.73899%2069.8086%206.41902%2070.4069%205.94924%2070.8765C5.47945%2071.3461%204.88096%2071.6658%204.22947%2071.7952C3.57797%2071.9246%202.90274%2071.8578%202.28916%2071.6034C1.67559%2071.349%201.15124%2070.9184%200.78244%2070.366C0.41364%2069.8135%200.216951%2069.1641%200.217255%2068.4999C0.217255%2068.0589%200.304108%2067.6223%200.472866%2067.2148C0.641623%2066.8074%200.888978%2066.4373%201.2008%2066.1255C1.51262%2065.8136%201.88282%2065.5663%202.29023%2065.3975C2.69765%2065.2288%203.13431%2065.1419%203.5753%2065.1419V65.1434Z'%20fill='white'/%3e%3c/svg%3e",s=()=>C.jsxs(C.Fragment,{children:[C.jsxs("div",{className:"text-center space-y-4",children:[C.jsx(e.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"CoinCard"}),C.jsx(e.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Display cryptocurrency information in a clean, card format with customizable background colors, price changes, and balance information."})]}),C.jsx(e.CardContainer,{className:"overflow-hidden",children:C.jsx(e.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:C.jsx("div",{className:"w-full p-4 sm:p-6",children:C.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:[C.jsxs(e.CardContainer,{className:"p-4",children:[C.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Bitcoin"}),C.jsx(e.CoinCard,{id:"bitcoin",name:"Bitcoin",symbol:"BTC",logo:a.bitcoinImg,balance:"1.25",usdBalance:"45,000",change:"+2.5%",isChangePositive:!0,color:"#FDEDD4"})]}),C.jsxs(e.CardContainer,{className:"p-4",children:[C.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Tether"}),C.jsx(e.CoinCard,{id:"tether",name:"Tether",symbol:"USDT",logo:a.ethereumImg,balance:"10.5",usdBalance:"33,600",change:"-1.2%",isChangePositive:!1,color:"#E1F5FE"})]}),C.jsxs(e.CardContainer,{className:"p-4",children:[C.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Cardano"}),C.jsx(e.CoinCard,{id:"cardano",name:"Cardano",symbol:"ADA",logo:i,balance:"1,500",usdBalance:"975",change:"+5.8%",isChangePositive:!0,color:"#E8F5E8"})]})]})})})}),C.jsx(e.AutoPropsTable,{componentName:"CoinCard"}),C.jsx(e.CardContainer,{className:"overflow-hidden",children:C.jsx(e.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:C.jsx("div",{className:"w-full p-4 sm:p-6",children:C.jsx(e.CodeBlock,{language:"tsx",code:`import { CoinCard } from '@e-burgos/tucu-ui';
2
2
 
3
3
  <CoinCard
4
4
  id="bitcoin"
@@ -1,5 +1,5 @@
1
1
  import { jsxs as a, Fragment as c, jsx as C } from "react/jsx-runtime";
2
- import { T as e, C as i, a as o, b as l, A as n, c as s } from "../index-B6CStnMG.js";
2
+ import { T as e, C as i, a as o, b as l, A as n, c as s } from "../index-kms4xY-n.js";
3
3
  import "lucide-react";
4
4
  import "react-router-dom";
5
5
  import "react";
@@ -1,5 +1,5 @@
1
1
  import { jsxs as e, Fragment as o, jsx as a } from "react/jsx-runtime";
2
- import { T as l, C as i, a as m, d as n, A as t, c as s } from "../index-B6CStnMG.js";
2
+ import { T as l, C as i, a as m, d as n, A as t, c as s } from "../index-kms4xY-n.js";
3
3
  import "lucide-react";
4
4
  import "react-router-dom";
5
5
  import "react";