@e-burgos/tucu-ui 2.0.5 → 2.0.6

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/demo/pages/introduction/BasicUsageWithCustomRouterExampleCode.d.ts +1 -1
  2. package/documentation/{APIReferenceSection-5NIzxE3h.js → APIReferenceSection-DbOW061V.js} +1 -1
  3. package/documentation/{APIReferenceSection-Ce8zFFzl.js → APIReferenceSection-Du0MZCoJ.js} +1 -1
  4. package/documentation/{ActiveLinkSection-Cfder2gM.js → ActiveLinkSection-BGpGlMTH.js} +1 -1
  5. package/documentation/{ActiveLinkSection-B-OjIv25.js → ActiveLinkSection-DCvjUbXP.js} +1 -1
  6. package/documentation/{AdvancedColorSystemSection-Dvs9aiJv.js → AdvancedColorSystemSection-1eETjbou.js} +20 -41
  7. package/documentation/{AdvancedColorSystemSection-1p7Gzgv7.js → AdvancedColorSystemSection-C_eqsBNI.js} +1 -1
  8. package/documentation/{AdvancedFeaturesSection-Bw-yEeIB.js → AdvancedFeaturesSection-7lV7C31c.js} +1 -1
  9. package/documentation/{AdvancedFeaturesSection-BoNIb9oH.js → AdvancedFeaturesSection-D-Ffzpz3.js} +1 -1
  10. package/documentation/{AdvancedFeaturesSection-BcZzGuLC.js → AdvancedFeaturesSection-RfxchAOl.js} +1 -1
  11. package/documentation/{AdvancedFeaturesSection-CJbGz9l9.js → AdvancedFeaturesSection-WW45iO-b.js} +1 -1
  12. package/documentation/{AlertSection-DLSlCvUX.js → AlertSection-BOFVhA1g.js} +1 -1
  13. package/documentation/{AlertSection-1mnmAGE8.js → AlertSection-CGWU5jll.js} +1 -1
  14. package/documentation/{AnchorLinkSection-BkC1XlUO.js → AnchorLinkSection-BtvgojmR.js} +1 -1
  15. package/documentation/{AnchorLinkSection-DtkZLFtc.js → AnchorLinkSection-CuaUyMqx.js} +1 -1
  16. package/documentation/{ArchitecturalPatternsComparisonSection-Dwlq44TJ.js → ArchitecturalPatternsComparisonSection-Bya3HmHR.js} +1 -1
  17. package/documentation/{ArchitecturalPatternsComparisonSection-BmurN8qG.js → ArchitecturalPatternsComparisonSection-Cct4N7m-.js} +1 -1
  18. package/documentation/{ArchitectureOverviewSection-Cc4iZOZ9.js → ArchitectureOverviewSection-CUOtV6ls.js} +1 -1
  19. package/documentation/{ArchitectureOverviewSection-CQj0Os1t.js → ArchitectureOverviewSection-DpWx_2Bf.js} +1 -1
  20. package/documentation/{AreaChartSection-CdymW4XW.js → AreaChartSection-BiOx_GTY.js} +1 -1
  21. package/documentation/{AreaChartSection-okjH0UNh.js → AreaChartSection-CtMlVnBa.js} +1 -1
  22. package/documentation/{AuthorCardSection-DyH2f3Hs.js → AuthorCardSection-DX0cKXK5.js} +1 -1
  23. package/documentation/{AuthorCardSection-BVzTIrw9.js → AuthorCardSection-oZJrBne3.js} +1 -1
  24. package/documentation/{AvatarSection-BvtkeOrt.js → AvatarSection-BF8AHso5.js} +1 -1
  25. package/documentation/{AvatarSection-CWj6h6Xw.js → AvatarSection-DFZRExPm.js} +1 -1
  26. package/documentation/{BadgeSection-Bm2kMztE.js → BadgeSection-Eubi1tsh.js} +1 -1
  27. package/documentation/{BadgeSection-D5PSo5Ha.js → BadgeSection-Oua60cg8.js} +1 -1
  28. package/documentation/{BarChartSection-DNhGp-SX.js → BarChartSection-DHblj4e5.js} +1 -1
  29. package/documentation/{BarChartSection-DOO1X0Ls.js → BarChartSection-FEYjU4KU.js} +1 -1
  30. package/documentation/{BasicTableSection-B2GWADgL.js → BasicTableSection-B9bKnLi-.js} +1 -1
  31. package/documentation/{BasicTableSection-BWdAaKCh.js → BasicTableSection-CusSzdcT.js} +1 -1
  32. package/documentation/{BasicUsageSection-C26gvzBZ.js → BasicUsageSection-BG4Pc9k4.js} +1 -1
  33. package/documentation/{BasicUsageSection-CiAmGFF6.js → BasicUsageSection-DH6UNtI5.js} +1 -1
  34. package/documentation/{BestPracticesSection-DLPSyeBF.js → BestPracticesSection-62DacEXN.js} +1 -1
  35. package/documentation/{BestPracticesSection-BLO5W3Dz.js → BestPracticesSection-BKjhJ7SP.js} +1 -1
  36. package/documentation/{BestPracticesSection-CUi5U-9F.js → BestPracticesSection-BPJ8cXNQ.js} +1 -1
  37. package/documentation/{BestPracticesSection-Duk-VLd3.js → BestPracticesSection-BV98CcXZ.js} +1 -1
  38. package/documentation/{BestPracticesSection-p2NFG4oR.js → BestPracticesSection-B_tSX3Jz.js} +1 -1
  39. package/documentation/{BestPracticesSection-BQexEz6I.js → BestPracticesSection-BgqLgEsR.js} +1 -1
  40. package/documentation/{BestPracticesSection-DEmC0S-K.js → BestPracticesSection-CJxGoR3b.js} +1 -1
  41. package/documentation/{BestPracticesSection-BelrvRky.js → BestPracticesSection-CNxmULJM.js} +1 -1
  42. package/documentation/{BestPracticesSection-VeEUdINe.js → BestPracticesSection-CScYzan3.js} +1 -1
  43. package/documentation/{BestPracticesSection--qw-Bu17.js → BestPracticesSection-CYQxggWQ.js} +1 -1
  44. package/documentation/{BestPracticesSection-q-nfGUu_.js → BestPracticesSection-CufdR26r.js} +1 -1
  45. package/documentation/{BestPracticesSection-CanX6URp.js → BestPracticesSection-DUw_zF3Z.js} +1 -1
  46. package/documentation/{BestPracticesSection-D9A1lsfb.js → BestPracticesSection-Ds5tgGhx.js} +1 -1
  47. package/documentation/{BestPracticesSection-C51kB-ds.js → BestPracticesSection-pnOXAOcz.js} +1 -1
  48. package/documentation/BorderRadiusSection-B-xRRmpt.js +72 -0
  49. package/documentation/BorderRadiusSection-D3_hite-.js +1 -0
  50. package/documentation/{ButtonDripSection-CdyZmshO.js → ButtonDripSection-Bq2trgi9.js} +1 -1
  51. package/documentation/{ButtonDripSection-DvqrkiYu.js → ButtonDripSection-gvZxhX8G.js} +1 -1
  52. package/documentation/{ButtonLoaderSection-DuQTP5Pe.js → ButtonLoaderSection-BkZR40rr.js} +1 -1
  53. package/documentation/{ButtonLoaderSection-BUhnf9_M.js → ButtonLoaderSection-TA9F06jI.js} +1 -1
  54. package/documentation/{CardContainerSection-DMJza1QB.js → CardContainerSection-C9HSknEx.js} +1 -1
  55. package/documentation/{CardContainerSection-DbKJDPWw.js → CardContainerSection-DIfOTJYu.js} +1 -1
  56. package/documentation/{CardSection-D15Ow_Tr.js → CardSection-Ck8jyp7W.js} +1 -1
  57. package/documentation/{CardSection-B0iqiFGj.js → CardSection-mS-Ch_Wa.js} +1 -1
  58. package/documentation/{CardTitleSection-BMhuTc5Q.js → CardTitleSection-DYrnGbKk.js} +1 -1
  59. package/documentation/{CardTitleSection-DisE8DYA.js → CardTitleSection-FCO91j-A.js} +1 -1
  60. package/documentation/{CarouselCardsSection-D6dpilRA.js → CarouselCardsSection-BOmdJ8sA.js} +1 -1
  61. package/documentation/{CarouselCardsSection-0SbaZLzB.js → CarouselCardsSection-BkW9fRDK.js} +1 -1
  62. package/documentation/{CarouselImageSection-Ckn2QzLs.js → CarouselImageSection-BU0aNnY2.js} +1 -1
  63. package/documentation/{CarouselImageSection-C1a20WIc.js → CarouselImageSection-DFkfrzFr.js} +1 -1
  64. package/documentation/{CarouselSection-DY1Th7wv.js → CarouselSection-BHZ8M5xZ.js} +1 -1
  65. package/documentation/{CarouselSection-JMkeqyoM.js → CarouselSection-MvNa-xnX.js} +1 -1
  66. package/documentation/{CheckboxSection-C1oqzuhJ.js → CheckboxSection-B0Gt7gad.js} +1 -1
  67. package/documentation/{CheckboxSection-Buj9JUAs.js → CheckboxSection-DSFkIiq4.js} +1 -1
  68. package/documentation/{CodeExamplesSection-lkjYxBX5.js → CodeExamplesSection-BNK9u1ps.js} +1 -1
  69. package/documentation/{CodeExamplesSection-B0jHjim2.js → CodeExamplesSection-BVuFSksS.js} +1 -1
  70. package/documentation/{CoinCardSection-lZUwQvyi.js → CoinCardSection-BcxUp5vJ.js} +1 -1
  71. package/documentation/{CoinCardSection-ohLbWYUh.js → CoinCardSection-KLQiaGeE.js} +1 -1
  72. package/documentation/{CoinInfoCardSection-CSpda5W2.js → CoinInfoCardSection-CBpYuVSH.js} +1 -1
  73. package/documentation/{CoinInfoCardSection-6w-hnHtq.js → CoinInfoCardSection-IUrgp0GD.js} +1 -1
  74. package/documentation/{CoinListBoxSection-CjuPiQY-.js → CoinListBoxSection-CVxxDv6M.js} +1 -1
  75. package/documentation/{CoinListBoxSection-if4oi10E.js → CoinListBoxSection-ZeZtAY1w.js} +1 -1
  76. package/documentation/{CollapseSection-DvdDK90_.js → CollapseSection-TYKE7WSj.js} +1 -1
  77. package/documentation/{CollapseSection-Ce00qgAG.js → CollapseSection-ZiHdVuyN.js} +1 -1
  78. package/documentation/{CollectionCardSection-BXYryNM2.js → CollectionCardSection-BzUVxmJq.js} +1 -1
  79. package/documentation/{CollectionCardSection-Bjysn0MP.js → CollectionCardSection-C0EeHF2p.js} +1 -1
  80. package/documentation/{CollectionSelectListSection-NYI1Ct1i.js → CollectionSelectListSection-CTUcrZ-y.js} +1 -1
  81. package/documentation/{CollectionSelectListSection-D8YxEcci.js → CollectionSelectListSection-Co60q-dc.js} +1 -1
  82. package/documentation/{ColorCustomizationSection-CBWK9uUm.js → ColorCustomizationSection-BNqRFB4h.js} +1 -1
  83. package/documentation/{ColorCustomizationSection-BGlYoLkQ.js → ColorCustomizationSection-DWy4OcKJ.js} +1 -1
  84. package/documentation/{ColorSystemSection-Dn79GFEE.js → ColorSystemSection-D-93TJO5.js} +1 -1
  85. package/documentation/{ColorSystemSection-DpzFTiQX.js → ColorSystemSection-sxcz5x0_.js} +1 -1
  86. package/documentation/{CommonErrorsSection-Bu3N9AeP.js → CommonErrorsSection-C64GnPLp.js} +1 -1
  87. package/documentation/{CommonErrorsSection-CfJggoGk.js → CommonErrorsSection-CRAmyfbU.js} +1 -1
  88. package/documentation/{ComponentAnatomySection-DZ7Qu5NO.js → ComponentAnatomySection-BBTeLqvK.js} +1 -1
  89. package/documentation/{ComponentAnatomySection-B6siwlGr.js → ComponentAnatomySection-i5nESJy-.js} +1 -1
  90. package/documentation/{ComponentStatusSection-3ZQq3TuC.js → ComponentStatusSection-BoQ6pWPk.js} +1 -1
  91. package/documentation/{ComponentStatusSection-BAcHk045.js → ComponentStatusSection-L3WhGtvd.js} +1 -1
  92. package/documentation/{ComposedChartSection-DA6YnjWr.js → ComposedChartSection-C2fLNqlN.js} +1 -1
  93. package/documentation/{ComposedChartSection-Ckh3P98Y.js → ComposedChartSection-CgHQ-PQM.js} +1 -1
  94. package/documentation/{CurrencySwapIconsSection-C28raPLN.js → CurrencySwapIconsSection-DIsl8XfS.js} +1 -1
  95. package/documentation/{CurrencySwapIconsSection-C7OcC3fI.js → CurrencySwapIconsSection-DZdwXbtX.js} +1 -1
  96. package/documentation/{CustomColorPaletteSection-DMSw8nDk.js → CustomColorPaletteSection-BbyEWvys.js} +8 -8
  97. package/documentation/{CustomColorPaletteSection-CjZQJ8X1.js → CustomColorPaletteSection-CoZp4nDP.js} +8 -8
  98. package/documentation/{CustomIconsSection-DrojbM8n.js → CustomIconsSection-CyIwxujL.js} +1 -1
  99. package/documentation/{CustomIconsSection-BwjM43mD.js → CustomIconsSection-JyFWzdlQ.js} +1 -1
  100. package/documentation/{DefiAppLogoSection-Dk2oHuhM.js → DefiAppLogoSection-WHr3s0Ad.js} +1 -1
  101. package/documentation/{DefiAppLogoSection-BdZjkLmq.js → DefiAppLogoSection-YKNWdKJ9.js} +1 -1
  102. package/documentation/{DesignPrinciplesSection-DnoNOVM9.js → DesignPrinciplesSection-B_GCf-TN.js} +1 -1
  103. package/documentation/{DesignPrinciplesSection-Bya4UXPp.js → DesignPrinciplesSection-Bu6GQUnw.js} +1 -1
  104. package/documentation/{DrawerSection-DB25BxGr.js → DrawerSection-DM456jmL.js} +1 -1
  105. package/documentation/{DrawerSection-6g2F0eId.js → DrawerSection-OBUS8hGb.js} +1 -1
  106. package/documentation/{DynamicRoutesSection-C8c26l82.js → DynamicRoutesSection-CHGWzNV9.js} +1 -1
  107. package/documentation/{DynamicRoutesSection-BMaLmxpb.js → DynamicRoutesSection-CpYydeHL.js} +1 -1
  108. package/documentation/{FileInputSection-DSj8ZQzS.js → FileInputSection-4dc8Q1Wt.js} +1 -1
  109. package/documentation/{FileInputSection-DhXUezmH.js → FileInputSection-DoWfjcaF.js} +1 -1
  110. package/documentation/{FileStructureSection-wjvqCs_f.js → FileStructureSection-BJ4M4SK6.js} +1 -1
  111. package/documentation/{FileStructureSection-Bcx6ldJU.js → FileStructureSection-Bzez9Hd6.js} +1 -1
  112. package/documentation/{FormComponentsSection-Dy3KNt39.js → FormComponentsSection-DHM6T8pl.js} +1 -1
  113. package/documentation/{FormComponentsSection-DeI3K5Bx.js → FormComponentsSection-DsBtR_gO.js} +1 -1
  114. package/documentation/{FormMethodsSection-B1EM4N6A.js → FormMethodsSection-BgXiWvMF.js} +1 -1
  115. package/documentation/{FormMethodsSection-yuuuYyXy.js → FormMethodsSection-XH36D1LE.js} +1 -1
  116. package/documentation/{HamburgerSection-DgPmVO-i.js → HamburgerSection-BdHt6rmR.js} +1 -1
  117. package/documentation/{HamburgerSection-aBZD1-TZ.js → HamburgerSection-V1hhJqa1.js} +1 -1
  118. package/documentation/{HookCategoriesSection-D1s7HBs3.js → HookCategoriesSection-BaBYyUdi.js} +1 -1
  119. package/documentation/{HookCategoriesSection-CgVVDDDP.js → HookCategoriesSection-DHxPCrfX.js} +1 -1
  120. package/documentation/{HookDocumentationSection-D-uyTvbo.js → HookDocumentationSection-_NXvN1pT.js} +1 -1
  121. package/documentation/{HookDocumentationSection-BX4ihZ7n.js → HookDocumentationSection-bApnr3Aw.js} +1 -1
  122. package/documentation/{HookFeaturesSection-DG0c6Nuc.js → HookFeaturesSection-Brl18YzK.js} +1 -1
  123. package/documentation/{HookFeaturesSection-BJ46pxde.js → HookFeaturesSection-DXVmzuOk.js} +1 -1
  124. package/documentation/{IconArchitectureSection-C-2VbuA5.js → IconArchitectureSection-CUwumPZY.js} +1 -1
  125. package/documentation/{IconArchitectureSection-CURuLfbA.js → IconArchitectureSection-D5_IkMHf.js} +1 -1
  126. package/documentation/{IconSizingGuideSection-CtgUCS1M.js → IconSizingGuideSection-BzrzVCbT.js} +1 -1
  127. package/documentation/{IconSizingGuideSection-CZlzz3vM.js → IconSizingGuideSection-C7Fh243F.js} +1 -1
  128. package/documentation/{IconSystemAPISection-iR2Mtl7J.js → IconSystemAPISection-C0nEVDsJ.js} +1 -1
  129. package/documentation/{IconSystemAPISection-Bt0cGg5z.js → IconSystemAPISection-CHqujHDv.js} +1 -1
  130. package/documentation/{IconSystemBenefitsSection-Cm4GLorJ.js → IconSystemBenefitsSection-C0jGyq77.js} +1 -1
  131. package/documentation/{IconSystemBenefitsSection-BwEGIaSi.js → IconSystemBenefitsSection-DU5K42op.js} +1 -1
  132. package/documentation/{ImageSection-C8chUyse.js → ImageSection-BBZf4uXm.js} +1 -1
  133. package/documentation/{ImageSection-DHl4Qi57.js → ImageSection-CioWvJ8h.js} +1 -1
  134. package/documentation/{ImplementationExamplesSection-B6RCd5xn.js → ImplementationExamplesSection-BnU40rmH.js} +1 -1
  135. package/documentation/{ImplementationExamplesSection-Dm0hQvIt.js → ImplementationExamplesSection-H0mF5teZ.js} +1 -1
  136. package/documentation/{ImplementationGuidelinesSection-DcophD9I.js → ImplementationGuidelinesSection-C0Ei_kUp.js} +1 -1
  137. package/documentation/{ImplementationGuidelinesSection-tk4hHb4H.js → ImplementationGuidelinesSection-Cn-2qyE2.js} +1 -1
  138. package/documentation/{ImplementationStatusSection-t7Ud-c-d.js → ImplementationStatusSection-Bm5EzhII.js} +1 -1
  139. package/documentation/{ImplementationStatusSection-ByTHYlfd.js → ImplementationStatusSection-C_FgS9kQ.js} +1 -1
  140. package/documentation/{ImplementedFeaturesSection-BFxz_WX2.js → ImplementedFeaturesSection-BKqzwhRm.js} +1 -1
  141. package/documentation/{ImplementedFeaturesSection-DHZ1Aoer.js → ImplementedFeaturesSection-CfV8XwSL.js} +1 -1
  142. package/documentation/{InfoCardSection-CzJ00hH4.js → InfoCardSection-DVeC3my3.js} +1 -1
  143. package/documentation/{InfoCardSection-CXtp4OUe.js → InfoCardSection-DW7X3XYu.js} +1 -1
  144. package/documentation/{InputSearcherSection-Ov5f1QPG.js → InputSearcherSection-BgRzReMB.js} +1 -1
  145. package/documentation/{InputSearcherSection-CBLbEei3.js → InputSearcherSection-D0bHIaIm.js} +1 -1
  146. package/documentation/{InputSection-DBXbkW_W.js → InputSection-C7NfZGdN.js} +1 -1
  147. package/documentation/{InputSection-D3bakYUu.js → InputSection-CVEft8nN.js} +1 -1
  148. package/documentation/{KeyValueRowSection-BD_lOH5W.js → KeyValueRowSection-DwtRLFEk.js} +1 -1
  149. package/documentation/{KeyValueRowSection-DvNMMIDZ.js → KeyValueRowSection-rlozAJgf.js} +1 -1
  150. package/documentation/{KeyboardNavigationSection-B3CapHsF.js → KeyboardNavigationSection-3b87RzQ7.js} +1 -1
  151. package/documentation/{KeyboardNavigationSection-gUHJqFCG.js → KeyboardNavigationSection-dPPkpoVf.js} +1 -1
  152. package/documentation/{LayoutPrinciplesSection-CVuWM79D.js → LayoutPrinciplesSection-BtsZKX-5.js} +1 -1
  153. package/documentation/{LayoutPrinciplesSection-Dj2hqcrM.js → LayoutPrinciplesSection-Dixe4kuu.js} +1 -1
  154. package/documentation/{LayoutTypesSection-B56uscQO.js → LayoutTypesSection-C6SnGIzG.js} +1 -1
  155. package/documentation/{LayoutTypesSection-BGRpmQ7T.js → LayoutTypesSection-CteLUamr.js} +1 -1
  156. package/documentation/{LineChartSection-BGX0Wcvh.js → LineChartSection-C1BoxgOz.js} +1 -1
  157. package/documentation/{LineChartSection-Ceg7C-cC.js → LineChartSection-D0_UlV1y.js} +1 -1
  158. package/documentation/{ListContainerSection-BNSF4SI5.js → ListContainerSection-BY8fuQ0N.js} +1 -1
  159. package/documentation/{ListContainerSection-CV4u-qOK.js → ListContainerSection-jQ8VpdPb.js} +1 -1
  160. package/documentation/{ListItemSection-3dc6RiQQ.js → ListItemSection-CSGZ02bM.js} +1 -1
  161. package/documentation/{ListItemSection-Di43gH3_.js → ListItemSection-bqNbFxdu.js} +1 -1
  162. package/documentation/{LiveDemoSection-BXUNaySE.js → LiveDemoSection-CnIo8dCa.js} +1 -1
  163. package/documentation/{LiveDemoSection-BBUhl8mE.js → LiveDemoSection-DuWpxEHf.js} +1 -1
  164. package/documentation/{LiveDemonstrationsSection-DrHe0jRp.js → LiveDemonstrationsSection-BvR1Bz8e.js} +1 -1
  165. package/documentation/{LiveDemonstrationsSection-CfXiNDVi.js → LiveDemonstrationsSection-UzXnub3E.js} +1 -1
  166. package/documentation/{LivePriceFeedSection-fB3CGfMo.js → LivePriceFeedSection-BuexUW6S.js} +1 -1
  167. package/documentation/{LivePriceFeedSection-CtMkcanM.js → LivePriceFeedSection-ub8T1WoB.js} +1 -1
  168. package/documentation/{LoaderSection-BK2XhwSF.js → LoaderSection-CHjzNBqH.js} +1 -1
  169. package/documentation/{LoaderSection-BqBjL_ce.js → LoaderSection-DbwOjMpC.js} +1 -1
  170. package/documentation/{LogoSection-DgveoBy0.js → LogoSection-BUh5lmBE.js} +1 -1
  171. package/documentation/{LogoSection-C3gHZ6ZG.js → LogoSection-cA1-d0HZ.js} +1 -1
  172. package/documentation/{LucideIconsSection-D7ajDS86.js → LucideIconsSection-B1IMM2KE.js} +1 -1
  173. package/documentation/{LucideIconsSection-EeXM46-p.js → LucideIconsSection-Co1s4hKe.js} +1 -1
  174. package/documentation/{MFESupportSection-CW27A3eK.js → MFESupportSection-Dr7eg8uq.js} +1 -1
  175. package/documentation/{MFESupportSection-ZymRZFpR.js → MFESupportSection-DzZl0CIg.js} +1 -1
  176. package/documentation/{MenuItemsGuideSection-CLotbYiV.js → MenuItemsGuideSection-BEfxqfd9.js} +1 -1
  177. package/documentation/{MenuItemsGuideSection-UQkVcqZq.js → MenuItemsGuideSection-CfznmIHZ.js} +1 -1
  178. package/documentation/{ModalSection-B88ZyCk1.js → ModalSection-BVcg_G6k.js} +1 -1
  179. package/documentation/{ModalSection-_bluxlpe.js → ModalSection-BmNkZvIh.js} +1 -1
  180. package/documentation/{NFTGridSection-BBn-BSxV.js → NFTGridSection-Cz_FGqV1.js} +1 -1
  181. package/documentation/{NFTGridSection-DuqL8orZ.js → NFTGridSection-DonGXR6D.js} +1 -1
  182. package/documentation/{NestedRoutesSection-Ba8XhwvK.js → NestedRoutesSection-CGDh3mVk.js} +1 -1
  183. package/documentation/{NestedRoutesSection-CNb6PpdJ.js → NestedRoutesSection-CbNTjSyW.js} +1 -1
  184. package/documentation/{NotificationCardSection-Bhd6YH-F.js → NotificationCardSection-CWTEHVFj.js} +1 -1
  185. package/documentation/{NotificationCardSection-Dr40YILh.js → NotificationCardSection-D-RuM0y9.js} +1 -1
  186. package/documentation/{PaginationSection-DZQzrh1r.js → PaginationSection-9zPPhyeb.js} +1 -1
  187. package/documentation/{PaginationSection-DaeYPA4C.js → PaginationSection-CXoO7Tqy.js} +1 -1
  188. package/documentation/{PanelActionCardSection-eVZpdoU4.js → PanelActionCardSection-CsKsEYu0.js} +1 -1
  189. package/documentation/{PanelActionCardSection-Ie-VVm_6.js → PanelActionCardSection-DUUgo6Og.js} +1 -1
  190. package/documentation/{PanelCardSection-Bnvutn7v.js → PanelCardSection-CI4XrWyM.js} +1 -1
  191. package/documentation/{PanelCardSection-B4QTB7gx.js → PanelCardSection-DIHreAsZ.js} +1 -1
  192. package/documentation/{ParamTabSection-Cxjr0T-p.js → ParamTabSection-B-zD0RYM.js} +1 -1
  193. package/documentation/{ParamTabSection-BboYSU6I.js → ParamTabSection-CsAlq-vR.js} +1 -1
  194. package/documentation/{PieChartSection-B5iqTd6a.js → PieChartSection-D6mEMs7Q.js} +1 -1
  195. package/documentation/{PieChartSection-CmsDq0aK.js → PieChartSection-PGxAtJ72.js} +1 -1
  196. package/documentation/{PinCodeSection-_XK_i3H0.js → PinCodeSection-BCdJ0lzv.js} +1 -1
  197. package/documentation/{PinCodeSection-DEw-EzEd.js → PinCodeSection-DM13ihMi.js} +1 -1
  198. package/documentation/{ProgressbarSection-BiRKgrX8.js → ProgressbarSection-C-EdDZov.js} +1 -1
  199. package/documentation/{ProgressbarSection-C3dnsQVG.js → ProgressbarSection-OK-cEcMg.js} +1 -1
  200. package/documentation/{RadarChartSection-CZwYUbhE.js → RadarChartSection-84HPI4Rp.js} +1 -1
  201. package/documentation/{RadarChartSection-D4WGzYMh.js → RadarChartSection-it0GwAMZ.js} +1 -1
  202. package/documentation/{RadioGroupSection-Brsh4Wal.js → RadioGroupSection-CJtcGRyu.js} +1 -1
  203. package/documentation/{RadioGroupSection-DCLnuxAm.js → RadioGroupSection-DhLvpocf.js} +1 -1
  204. package/documentation/{RadioSection-DW571IOX.js → RadioSection-BUsz7AT5.js} +1 -1
  205. package/documentation/{RadioSection-BJAmV7jS.js → RadioSection-uSJ3ocsA.js} +1 -1
  206. package/documentation/{RevealContentSection-Bp90Pdd6.js → RevealContentSection-Bts-6Rko.js} +1 -1
  207. package/documentation/{RevealContentSection-aEH6B3Fa.js → RevealContentSection-CYG67QMT.js} +1 -1
  208. package/documentation/{RouteConfigurationSection-BTMaahtj.js → RouteConfigurationSection-BZ9jyZ80.js} +1 -1
  209. package/documentation/{RouteConfigurationSection-C4cXfBUN.js → RouteConfigurationSection-Ba2pGQvU.js} +1 -1
  210. package/documentation/{ScrollToTopSection-zDW1G7Hj.js → ScrollToTopSection-bZKLFCb7.js} +1 -1
  211. package/documentation/{ScrollToTopSection-BjvSaBlx.js → ScrollToTopSection-s0EgBP4c.js} +1 -1
  212. package/documentation/{ScrollbarSection-DB4wz_1n.js → ScrollbarSection-BpAYMy71.js} +1 -1
  213. package/documentation/{ScrollbarSection-9TgDRatW.js → ScrollbarSection-Dfr5kanP.js} +1 -1
  214. package/documentation/{SelectSection-DUiUcUBY.js → SelectSection-CAJsrAt1.js} +1 -1
  215. package/documentation/{SelectSection-CuCOpeCn.js → SelectSection-Ck9kof0T.js} +1 -1
  216. package/documentation/{SettingsPanelSection-CBDKoU0z.js → SettingsPanelSection-C_VSlU40.js} +1 -1
  217. package/documentation/{SettingsPanelSection-BqSLtnYt.js → SettingsPanelSection-DcI36bvi.js} +1 -1
  218. package/documentation/{ShadowsSection-CBZ4wa0t.js → ShadowsSection-BGOHvc7s.js} +1 -1
  219. package/documentation/{ShadowsSection-DkuPXflP.js → ShadowsSection-WKoyApzY.js} +1 -1
  220. package/documentation/{SidebarMenuSection-BGMz0EFc.js → SidebarMenuSection-B1YTDAvp.js} +1 -1
  221. package/documentation/{SidebarMenuSection-Cu3MBodF.js → SidebarMenuSection-CL_DUahR.js} +1 -1
  222. package/documentation/{SidebarSection-_fncZECB.js → SidebarSection-DAKVjdKW.js} +1 -1
  223. package/documentation/{SidebarSection-B0Q9BrWf.js → SidebarSection-yUTI2f67.js} +1 -1
  224. package/documentation/{SizingSection-BRs_QZ8E.js → SizingSection-B0hZc0Tv.js} +1 -1
  225. package/documentation/{SizingSection-BZG-CTFD.js → SizingSection-BkzlMAgi.js} +1 -1
  226. package/documentation/{SkeletonSection-CvxwSWwR.js → SkeletonSection-C9aIHnTu.js} +1 -1
  227. package/documentation/{SkeletonSection-oeshNePF.js → SkeletonSection-CPXc0Imd.js} +1 -1
  228. package/documentation/{SpacingSystemSection-CM2yZGzx.js → SpacingSystemSection-BKr7Htp3.js} +1 -1
  229. package/documentation/{SpacingSystemSection-B2_wDld8.js → SpacingSystemSection-CTYSoQtS.js} +1 -1
  230. package/documentation/{SpinnerSection-DnpC2ob0.js → SpinnerSection-BvppjgYE.js} +1 -1
  231. package/documentation/{SpinnerSection-NFH_Mw6g.js → SpinnerSection-Dye2VsDO.js} +1 -1
  232. package/documentation/{StandaloneAppSection-CwGKuVZU.js → StandaloneAppSection-BkFjxSm_.js} +1 -1
  233. package/documentation/{StandaloneAppSection-CKCgLLAV.js → StandaloneAppSection-Bnd5ch-2.js} +1 -1
  234. package/documentation/{StepperSection-efW1NQ0f.js → StepperSection-BDCZY0X7.js} +1 -1
  235. package/documentation/{StepperSection-Cpn220R1.js → StepperSection-Dw3QuSWb.js} +1 -1
  236. package/documentation/{SwitchSection-r9KfUNlh.js → SwitchSection-DZ9sij1G.js} +1 -1
  237. package/documentation/{SwitchSection-DcFWtiXd.js → SwitchSection-DsRz6B1J.js} +1 -1
  238. package/documentation/{SystemOverviewSection-GvLXbZUI.js → SystemOverviewSection-BaNo0I2y.js} +1 -1
  239. package/documentation/{SystemOverviewSection-CYy8IBpL.js → SystemOverviewSection-BigtfVY7.js} +1 -1
  240. package/documentation/{TabModalSection-Cu5hFvsO.js → TabModalSection-BkJ1YqWc.js} +1 -1
  241. package/documentation/{TabModalSection-BggXWh_W.js → TabModalSection-RfCWr-Nn.js} +1 -1
  242. package/documentation/{TabSection-CnB-uDch.js → TabSection-Di0SYL7X.js} +1 -1
  243. package/documentation/{TabSection-BFaE_l9I.js → TabSection-dsMwz13E.js} +1 -1
  244. package/documentation/{TabSelectSection-DPLfLMP_.js → TabSelectSection-BpbqlP7n.js} +1 -1
  245. package/documentation/{TabSelectSection-Hg0rgmfI.js → TabSelectSection-Bvb7eunu.js} +1 -1
  246. package/documentation/{TailwindConfigSection-kpvPxjFu.js → TailwindConfigSection-B_csna96.js} +1 -1
  247. package/documentation/{TailwindConfigSection-DiwkqCaZ.js → TailwindConfigSection-BlZrFbRo.js} +1 -1
  248. package/documentation/{TestingSection-B_5gO0Fu.js → TestingSection-CTGhtMbC.js} +1 -1
  249. package/documentation/{TestingSection-B-NhLP3B.js → TestingSection-gDlp2c6i.js} +1 -1
  250. package/documentation/{TextareaSection-CFMrk7-d.js → TextareaSection-BUb28uf9.js} +1 -1
  251. package/documentation/{TextareaSection-CGX7U5z3.js → TextareaSection-DVI2FN0w.js} +1 -1
  252. package/documentation/{ThemeArchitectureSection-BJtQp08X.js → ThemeArchitectureSection-OAEQSwXw.js} +1 -1
  253. package/documentation/{ThemeArchitectureSection-C_KTw0Qt.js → ThemeArchitectureSection-R7ukBzZf.js} +1 -1
  254. package/documentation/{ThemeConfigurationSection-D4gMbMaH.js → ThemeConfigurationSection-B2HuLkPF.js} +10 -10
  255. package/documentation/{ThemeConfigurationSection-D5cShR_I.js → ThemeConfigurationSection-Go4dxqfS.js} +1 -1
  256. package/documentation/{ThemeHooksSection-DGjLuf9f.js → ThemeHooksSection-C33tvQEw.js} +1 -1
  257. package/documentation/{ThemeHooksSection-CtBPmTwz.js → ThemeHooksSection-kZu-s-uU.js} +1 -1
  258. package/documentation/{ThemeProviderIntegrationSection-DD9vba4U.js → ThemeProviderIntegrationSection-Cj9xrgmY.js} +1 -1
  259. package/documentation/{ThemeProviderIntegrationSection-fjJyMnVI.js → ThemeProviderIntegrationSection-DvgYf8Rt.js} +1 -1
  260. package/documentation/{ThemeProviderRequiredSection-C51pFaD_.js → ThemeProviderRequiredSection-DqP08VHV.js} +1 -1
  261. package/documentation/{ThemeProviderRequiredSection-DCwcEDEB.js → ThemeProviderRequiredSection-ScLygoBY.js} +1 -1
  262. package/documentation/{ThemeProviderSection-Cdh5f9CQ.js → ThemeProviderSection-6LHY1gR6.js} +1 -1
  263. package/documentation/{ThemeProviderSection-Duhj0yh7.js → ThemeProviderSection-D43ZRcch.js} +1 -1
  264. package/documentation/{ToastSection-BWOj7sNT.js → ToastSection-CHIsWCMb.js} +1 -1
  265. package/documentation/{ToastSection-Dp7uB84m.js → ToastSection-DKMWIbdY.js} +1 -1
  266. package/documentation/{ToggleBarSection-BK9vLumq.js → ToggleBarSection-ByVhbSBC.js} +1 -1
  267. package/documentation/{ToggleBarSection-CzR5L8Y8.js → ToggleBarSection-DbkIzwZP.js} +1 -1
  268. package/documentation/{TooltipSection-CloPvZtN.js → TooltipSection-BEHBbMa3.js} +1 -1
  269. package/documentation/{TooltipSection-JAMTIcdS.js → TooltipSection-DTGXs9vT.js} +1 -1
  270. package/documentation/{TopupButtonSection-FiGGvfi9.js → TopupButtonSection-ClbM3sSZ.js} +1 -1
  271. package/documentation/{TopupButtonSection-WiC-0mrT.js → TopupButtonSection-DDZwSfM6.js} +1 -1
  272. package/documentation/{TransactionInfoSection-D43Gb2b8.js → TransactionInfoSection-CO5s67_e.js} +1 -1
  273. package/documentation/{TransactionInfoSection-pX2z0iup.js → TransactionInfoSection-ZFQbN2wP.js} +1 -1
  274. package/documentation/{TucuUiLogoSection-oaz7vviE.js → TucuUiLogoSection-BB5Zr58k.js} +1 -1
  275. package/documentation/{TucuUiLogoSection-d28S8hsX.js → TucuUiLogoSection-CcGnK1Ai.js} +1 -1
  276. package/documentation/{TypographySection-DgOacz6E.js → TypographySection-BYKjiWVg.js} +1 -1
  277. package/documentation/{TypographySection-mRBm_W87.js → TypographySection-CS29TD-z.js} +1 -1
  278. package/documentation/{TypographySection-CYzZMbJZ.js → TypographySection-CgEGnQ1Q.js} +1 -1
  279. package/documentation/{TypographySection-CBOFOuPJ.js → TypographySection-DGjPTW0m.js} +1 -1
  280. package/documentation/{UsageExamplesSection-BpeAxuRy.js → UsageExamplesSection-BNrxVQj2.js} +1 -1
  281. package/documentation/{UsageExamplesSection-YCUalwoy.js → UsageExamplesSection-BiZ1MahQ.js} +1 -1
  282. package/documentation/{UsingThemeSystemSection-CWP2ZSK6.js → UsingThemeSystemSection-CS0WVYk1.js} +9 -9
  283. package/documentation/{UsingThemeSystemSection-DjdvzaI0.js → UsingThemeSystemSection-vyxb3z51.js} +9 -9
  284. package/documentation/{ValidationSystemSection-BQz23Z_H.js → ValidationSystemSection-BH4fYDTN.js} +1 -1
  285. package/documentation/{ValidationSystemSection-mvUzquI0.js → ValidationSystemSection-BOIkiXR1.js} +1 -1
  286. package/documentation/{WCAGPrinciplesSection-WNmPduXY.js → WCAGPrinciplesSection-BQWhdatC.js} +1 -1
  287. package/documentation/{WCAGPrinciplesSection-BfHyxkEp.js → WCAGPrinciplesSection-BoHN-ga-.js} +1 -1
  288. package/{index-kms4xY-n.js → index-B919yoKU.js} +218 -220
  289. package/{index-DWDrAbog.js → index-COj1N7FC.js} +9 -9
  290. package/index.css +1 -1
  291. package/index.js +1 -1
  292. package/index.mjs +1 -1
  293. package/package.json +1 -1
  294. package/themes/config/index.d.ts +9 -9
  295. package/documentation/BorderRadiusSection-CPv-iEOg.js +0 -63
  296. package/documentation/BorderRadiusSection-CWtBKR4n.js +0 -1
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),s=require("../index-DWDrAbog.js");require("lucide-react");require("react-router-dom");require("react-dom");const l=()=>{const[a,i]=n.useState("");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:"PinCode"}),e.jsx(s.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A pin code input component for entering numeric codes digit by digit."})]}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.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(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"4 Digit PinCode"}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-2",children:"Pin Code"}),e.jsx(s.PinCode,{length:4,value:a,onChange:i})]})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"6 Digit PinCode"}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-2",children:"Verification Code"}),e.jsx(s.PinCode,{length:6,value:a,onChange:i})]})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"With Helper Text"}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-2",children:"Security Code"}),e.jsx(s.PinCode,{length:4,helperText:"Enter the 4-digit code",value:a,onChange:i})]})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"With Error"}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-2",children:"Pin Code"}),e.jsx(s.PinCode,{length:4,error:"Invalid pin code",value:a,onChange:i})]})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-2",children:"Pin Code"}),e.jsx(s.PinCode,{length:4,disabled:!0})]})]})]})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.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(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-2",children:"Ghost (default)"}),e.jsx(s.PinCode,{length:4,variant:"ghost"})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-2",children:"Solid"}),e.jsx(s.PinCode,{length:4,variant:"solid"})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-2",children:"Transparent"}),e.jsx(s.PinCode,{length:4,variant:"transparent"})]})]})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Colors & Sizes",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(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-2",children:"Different Colors"}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-1 text-xs",children:"Primary"}),e.jsx(s.PinCode,{length:4,color:"primary"})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-1 text-xs",children:"Danger"}),e.jsx(s.PinCode,{length:4,color:"danger"})]})]})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-2",children:"Different Sizes"}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-1 text-xs",children:"Small"}),e.jsx(s.PinCode,{length:4,size:"sm"})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-1 text-xs",children:"Medium"}),e.jsx(s.PinCode,{length:4,size:"md"})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-1 text-xs",children:"Large"}),e.jsx(s.PinCode,{length:4,size:"lg"})]})]})]})]})})})}),e.jsx(s.AutoPropsTable,{componentName:"PinCode"}),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 { PinCode } from '@e-burgos/tucu-ui';
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),s=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react-dom");const l=()=>{const[a,i]=n.useState("");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:"PinCode"}),e.jsx(s.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A pin code input component for entering numeric codes digit by digit."})]}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.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(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"4 Digit PinCode"}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-2",children:"Pin Code"}),e.jsx(s.PinCode,{length:4,value:a,onChange:i})]})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"6 Digit PinCode"}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-2",children:"Verification Code"}),e.jsx(s.PinCode,{length:6,value:a,onChange:i})]})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"With Helper Text"}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-2",children:"Security Code"}),e.jsx(s.PinCode,{length:4,helperText:"Enter the 4-digit code",value:a,onChange:i})]})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"With Error"}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-2",children:"Pin Code"}),e.jsx(s.PinCode,{length:4,error:"Invalid pin code",value:a,onChange:i})]})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-2",children:"Pin Code"}),e.jsx(s.PinCode,{length:4,disabled:!0})]})]})]})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.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(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-2",children:"Ghost (default)"}),e.jsx(s.PinCode,{length:4,variant:"ghost"})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-2",children:"Solid"}),e.jsx(s.PinCode,{length:4,variant:"solid"})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-2",children:"Transparent"}),e.jsx(s.PinCode,{length:4,variant:"transparent"})]})]})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Colors & Sizes",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(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-2",children:"Different Colors"}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-1 text-xs",children:"Primary"}),e.jsx(s.PinCode,{length:4,color:"primary"})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-1 text-xs",children:"Danger"}),e.jsx(s.PinCode,{length:4,color:"danger"})]})]})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-2",children:"Different Sizes"}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-1 text-xs",children:"Small"}),e.jsx(s.PinCode,{length:4,size:"sm"})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-1 text-xs",children:"Medium"}),e.jsx(s.PinCode,{length:4,size:"md"})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-1 text-xs",children:"Large"}),e.jsx(s.PinCode,{length:4,size:"lg"})]})]})]})]})})})}),e.jsx(s.AutoPropsTable,{componentName:"PinCode"}),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 { PinCode } from '@e-burgos/tucu-ui';
2
2
 
3
3
  <PinCode
4
4
  length={4}
@@ -1,6 +1,6 @@
1
1
  import { jsxs as a, Fragment as c, jsx as e } from "react/jsx-runtime";
2
2
  import { useState as t } from "react";
3
- import { T as l, C as i, a as r, s, A as h, c as m } from "../index-kms4xY-n.js";
3
+ import { T as l, C as i, a as r, s, A as h, c as m } from "../index-B919yoKU.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 s=require("react/jsx-runtime"),i=require("react"),e=require("../index-DWDrAbog.js");require("lucide-react");require("react-router-dom");require("react-dom");const o=()=>{const[r,a]=i.useState(45);return s.jsxs(s.Fragment,{children:[s.jsxs("div",{className:"text-center space-y-4",children:[s.jsx(e.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Progressbar"}),s.jsx(e.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A progress bar component for displaying completion status with customizable colors, sizes, and variants."})]}),s.jsx(e.CardContainer,{className:"overflow-hidden",children:s.jsx(e.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:s.jsx("div",{className:"w-full p-4 sm:p-6",children:s.jsxs("div",{className:"space-y-4",children:[s.jsxs(e.CardContainer,{className:"p-4",children:[s.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Basic Progressbar"}),s.jsx(e.Progressbar,{value:r})]}),s.jsxs(e.CardContainer,{className:"p-4",children:[s.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"With Label"}),s.jsx(e.Progressbar,{value:r,label:`${r}%`,size:"xl"})]}),s.jsxs(e.CardContainer,{className:"p-4",children:[s.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Interactive Example"}),s.jsxs("div",{className:"space-y-2",children:[s.jsx(e.Progressbar,{value:r,label:`${r}%`,size:"xl"}),s.jsxs("div",{className:"flex gap-2",children:[s.jsx("button",{onClick:()=>a(Math.max(0,r-10)),className:"px-3 py-1 bg-light-dark rounded border border-gray-300 dark:border-gray-600 hover:opacity-80 transition-opacity",children:"-10"}),s.jsx("button",{onClick:()=>a(Math.min(100,r+10)),className:"px-3 py-1 bg-light-dark rounded border border-gray-300 dark:border-gray-600 hover:opacity-80 transition-opacity",children:"+10"})]})]})]})]})})})}),s.jsx(e.CardContainer,{className:"overflow-hidden",children:s.jsx(e.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:s.jsx("div",{className:"w-full p-4 sm:p-6",children:s.jsxs("div",{className:"space-y-4",children:[s.jsxs("div",{children:[s.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Colors"}),s.jsxs("div",{className:"space-y-2",children:[s.jsx(e.Progressbar,{value:60,color:"primary"}),s.jsx(e.Progressbar,{value:60,color:"success"}),s.jsx(e.Progressbar,{value:60,color:"danger"}),s.jsx(e.Progressbar,{value:60,color:"info"}),s.jsx(e.Progressbar,{value:60,color:"warning"})]})]}),s.jsxs("div",{children:[s.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Variants"}),s.jsxs("div",{className:"space-y-2",children:[s.jsx(e.Progressbar,{value:60,variant:"solid"}),s.jsx(e.Progressbar,{value:60,variant:"flat"})]})]}),s.jsxs("div",{children:[s.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Sizes"}),s.jsxs("div",{className:"space-y-2",children:[s.jsx(e.Progressbar,{value:60,size:"sm"}),s.jsx(e.Progressbar,{value:60,size:"DEFAULT"}),s.jsx(e.Progressbar,{value:60,size:"lg"}),s.jsx(e.Progressbar,{value:60,size:"xl"})]})]})]})})})}),s.jsx(e.PropPlayground,{componentName:"Progressbar",defaultValues:{value:65,variant:"solid",size:"DEFAULT",color:"primary",rounded:"DEFAULT"},excludeProps:["label","barClassName","labelClassName"],children:l=>s.jsx("div",{className:"w-full",children:s.jsx(e.Progressbar,{...l})})}),s.jsx(e.AutoPropsTable,{componentName:"Progressbar"}),s.jsx(e.CardContainer,{className:"overflow-hidden",children:s.jsx(e.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:s.jsx("div",{className:"w-full p-4 sm:p-6",children:s.jsx(e.CodeBlock,{language:"tsx",code:`import { Progressbar } from '@e-burgos/tucu-ui';
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react"),e=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react-dom");const o=()=>{const[r,a]=i.useState(45);return s.jsxs(s.Fragment,{children:[s.jsxs("div",{className:"text-center space-y-4",children:[s.jsx(e.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Progressbar"}),s.jsx(e.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A progress bar component for displaying completion status with customizable colors, sizes, and variants."})]}),s.jsx(e.CardContainer,{className:"overflow-hidden",children:s.jsx(e.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:s.jsx("div",{className:"w-full p-4 sm:p-6",children:s.jsxs("div",{className:"space-y-4",children:[s.jsxs(e.CardContainer,{className:"p-4",children:[s.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Basic Progressbar"}),s.jsx(e.Progressbar,{value:r})]}),s.jsxs(e.CardContainer,{className:"p-4",children:[s.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"With Label"}),s.jsx(e.Progressbar,{value:r,label:`${r}%`,size:"xl"})]}),s.jsxs(e.CardContainer,{className:"p-4",children:[s.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Interactive Example"}),s.jsxs("div",{className:"space-y-2",children:[s.jsx(e.Progressbar,{value:r,label:`${r}%`,size:"xl"}),s.jsxs("div",{className:"flex gap-2",children:[s.jsx("button",{onClick:()=>a(Math.max(0,r-10)),className:"px-3 py-1 bg-light-dark rounded border border-gray-300 dark:border-gray-600 hover:opacity-80 transition-opacity",children:"-10"}),s.jsx("button",{onClick:()=>a(Math.min(100,r+10)),className:"px-3 py-1 bg-light-dark rounded border border-gray-300 dark:border-gray-600 hover:opacity-80 transition-opacity",children:"+10"})]})]})]})]})})})}),s.jsx(e.CardContainer,{className:"overflow-hidden",children:s.jsx(e.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:s.jsx("div",{className:"w-full p-4 sm:p-6",children:s.jsxs("div",{className:"space-y-4",children:[s.jsxs("div",{children:[s.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Colors"}),s.jsxs("div",{className:"space-y-2",children:[s.jsx(e.Progressbar,{value:60,color:"primary"}),s.jsx(e.Progressbar,{value:60,color:"success"}),s.jsx(e.Progressbar,{value:60,color:"danger"}),s.jsx(e.Progressbar,{value:60,color:"info"}),s.jsx(e.Progressbar,{value:60,color:"warning"})]})]}),s.jsxs("div",{children:[s.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Variants"}),s.jsxs("div",{className:"space-y-2",children:[s.jsx(e.Progressbar,{value:60,variant:"solid"}),s.jsx(e.Progressbar,{value:60,variant:"flat"})]})]}),s.jsxs("div",{children:[s.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Sizes"}),s.jsxs("div",{className:"space-y-2",children:[s.jsx(e.Progressbar,{value:60,size:"sm"}),s.jsx(e.Progressbar,{value:60,size:"DEFAULT"}),s.jsx(e.Progressbar,{value:60,size:"lg"}),s.jsx(e.Progressbar,{value:60,size:"xl"})]})]})]})})})}),s.jsx(e.PropPlayground,{componentName:"Progressbar",defaultValues:{value:65,variant:"solid",size:"DEFAULT",color:"primary",rounded:"DEFAULT"},excludeProps:["label","barClassName","labelClassName"],children:l=>s.jsx("div",{className:"w-full",children:s.jsx(e.Progressbar,{...l})})}),s.jsx(e.AutoPropsTable,{componentName:"Progressbar"}),s.jsx(e.CardContainer,{className:"overflow-hidden",children:s.jsx(e.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:s.jsx("div",{className:"w-full p-4 sm:p-6",children:s.jsx(e.CodeBlock,{language:"tsx",code:`import { Progressbar } from '@e-burgos/tucu-ui';
2
2
 
3
3
  // Basic usage
4
4
  <Progressbar value={45} />
@@ -1,6 +1,6 @@
1
1
  import { jsxs as e, Fragment as d, jsx as a } from "react/jsx-runtime";
2
2
  import { useState as n } from "react";
3
- import { T as s, C as i, a as o, ab as r, P as m, A as h, c as u } from "../index-kms4xY-n.js";
3
+ import { T as s, C as i, a as o, ab as r, P as m, A as h, c as u } from "../index-B919yoKU.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"),a=require("../index-DWDrAbog.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=[{subject:"Performance",teamA:85,teamB:70,teamC:60},{subject:"Reliability",teamA:90,teamB:80,teamC:75},{subject:"Scalability",teamA:70,teamB:85,teamC:90},{subject:"Security",teamA:95,teamB:75,teamC:80},{subject:"Usability",teamA:80,teamB:90,teamC:70},{subject:"Efficiency",teamA:75,teamB:65,teamC:85}],r=()=>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:"RadarChart"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Radar chart component for comparing multiple variables across categories, ideal for skill assessments and performance comparisons."})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Basic Radar Chart",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.RadarChart,{data:t,series:[{dataKey:"teamA",name:"Team A"}],height:350})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Multiple Series Comparison",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.RadarChart,{data:t,series:[{dataKey:"teamA",name:"Team A"},{dataKey:"teamB",name:"Team B"},{dataKey:"teamC",name:"Team C"}],height:350})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Higher Fill Opacity",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.RadarChart,{data:t,series:[{dataKey:"teamA",name:"Team A"},{dataKey:"teamB",name:"Team B"}],fillOpacity:.6,height:350})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Usage",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.CodeBlock,{code:`import { RadarChart } from '@e-burgos/tucu-ui';
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=[{subject:"Performance",teamA:85,teamB:70,teamC:60},{subject:"Reliability",teamA:90,teamB:80,teamC:75},{subject:"Scalability",teamA:70,teamB:85,teamC:90},{subject:"Security",teamA:95,teamB:75,teamC:80},{subject:"Usability",teamA:80,teamB:90,teamC:70},{subject:"Efficiency",teamA:75,teamB:65,teamC:85}],r=()=>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:"RadarChart"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Radar chart component for comparing multiple variables across categories, ideal for skill assessments and performance comparisons."})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Basic Radar Chart",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.RadarChart,{data:t,series:[{dataKey:"teamA",name:"Team A"}],height:350})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Multiple Series Comparison",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.RadarChart,{data:t,series:[{dataKey:"teamA",name:"Team A"},{dataKey:"teamB",name:"Team B"},{dataKey:"teamC",name:"Team C"}],height:350})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Higher Fill Opacity",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.RadarChart,{data:t,series:[{dataKey:"teamA",name:"Team A"},{dataKey:"teamB",name:"Team B"}],fillOpacity:.6,height:350})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Usage",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.CodeBlock,{code:`import { RadarChart } from '@e-burgos/tucu-ui';
2
2
 
3
3
  const data = [
4
4
  { subject: 'Performance', teamA: 85, teamB: 70 },
@@ -1,5 +1,5 @@
1
1
  import { jsxs as r, Fragment as c, jsx as a } from "react/jsx-runtime";
2
- import { T as i, C as e, a as t, R as m, c as d, P as o, A as n } from "../index-kms4xY-n.js";
2
+ import { T as i, C as e, a as t, R as m, c as d, P as o, A as n } from "../index-B919yoKU.js";
3
3
  import "lucide-react";
4
4
  import "react-router-dom";
5
5
  import "react";
@@ -1,6 +1,6 @@
1
1
  import { jsxs as e, Fragment as c, jsx as a } from "react/jsx-runtime";
2
2
  import { useState as d } from "react";
3
- import { T as o, C as l, a as t, u as i, A as p, c as m } from "../index-kms4xY-n.js";
3
+ import { T as o, C as l, a as t, u as i, A as p, c as m } from "../index-B919yoKU.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 a=require("react/jsx-runtime"),s=require("react"),e=require("../index-DWDrAbog.js");require("lucide-react");require("react-router-dom");require("react-dom");const t=()=>{const[l,o]=s.useState(""),r=[{value:"male",label:"Male"},{value:"female",label:"Female"},{value:"other",label:"Other"}];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:"RadioGroup"}),a.jsx(e.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A group of radio buttons for selecting one option from multiple choices."})]}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"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 RadioGroup"}),a.jsx(e.RadioGroup,{label:"Gender",options:r,value:l,onChange:i=>o(i)})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"With Helper Text"}),a.jsx(e.RadioGroup,{label:"Size",helperText:"Select your preferred size",options:[{value:"small",label:"Small"},{value:"medium",label:"Medium"},{value:"large",label:"Large"}]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"With Error"}),a.jsx(e.RadioGroup,{label:"Priority",error:"Please select a priority",options:[{value:"low",label:"Low"},{value:"high",label:"High"}]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),a.jsx(e.RadioGroup,{label:"Status",disabled:!0,options:[{value:"active",label:"Active"},{value:"inactive",label:"Inactive"}]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Horizontal Layout"}),a.jsx(e.RadioGroup,{label:"Direction",direction:"horizontal",options:[{value:"vertical",label:"Vertical"},{value:"horizontal",label:"Horizontal"}]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Different Colors"}),a.jsx(e.RadioGroup,{label:"Color",color:"danger",options:[{value:"red",label:"Red"},{value:"blue",label:"Blue"}]})]})]})})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Variants",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-3 gap-4",children:[a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Ghost (default)"}),a.jsx(e.RadioGroup,{label:"Ghost Variant",variant:"ghost",options:[{value:"opt1",label:"Option 1"},{value:"opt2",label:"Option 2"}]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Solid"}),a.jsx(e.RadioGroup,{label:"Solid Variant",variant:"solid",options:[{value:"opt1",label:"Option 1"},{value:"opt2",label:"Option 2"}]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Transparent"}),a.jsx(e.RadioGroup,{label:"Transparent Variant",variant:"transparent",options:[{value:"opt1",label:"Option 1"},{value:"opt2",label:"Option 2"}]})]})]})})})}),a.jsx(e.AutoPropsTable,{componentName:"RadioGroup"}),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:"typescript",code:`import { RadioGroup } from '@e-burgos/tucu-ui';
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),s=require("react"),e=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react-dom");const t=()=>{const[l,o]=s.useState(""),r=[{value:"male",label:"Male"},{value:"female",label:"Female"},{value:"other",label:"Other"}];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:"RadioGroup"}),a.jsx(e.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A group of radio buttons for selecting one option from multiple choices."})]}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"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 RadioGroup"}),a.jsx(e.RadioGroup,{label:"Gender",options:r,value:l,onChange:i=>o(i)})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"With Helper Text"}),a.jsx(e.RadioGroup,{label:"Size",helperText:"Select your preferred size",options:[{value:"small",label:"Small"},{value:"medium",label:"Medium"},{value:"large",label:"Large"}]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"With Error"}),a.jsx(e.RadioGroup,{label:"Priority",error:"Please select a priority",options:[{value:"low",label:"Low"},{value:"high",label:"High"}]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),a.jsx(e.RadioGroup,{label:"Status",disabled:!0,options:[{value:"active",label:"Active"},{value:"inactive",label:"Inactive"}]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Horizontal Layout"}),a.jsx(e.RadioGroup,{label:"Direction",direction:"horizontal",options:[{value:"vertical",label:"Vertical"},{value:"horizontal",label:"Horizontal"}]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Different Colors"}),a.jsx(e.RadioGroup,{label:"Color",color:"danger",options:[{value:"red",label:"Red"},{value:"blue",label:"Blue"}]})]})]})})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Variants",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-3 gap-4",children:[a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Ghost (default)"}),a.jsx(e.RadioGroup,{label:"Ghost Variant",variant:"ghost",options:[{value:"opt1",label:"Option 1"},{value:"opt2",label:"Option 2"}]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Solid"}),a.jsx(e.RadioGroup,{label:"Solid Variant",variant:"solid",options:[{value:"opt1",label:"Option 1"},{value:"opt2",label:"Option 2"}]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Transparent"}),a.jsx(e.RadioGroup,{label:"Transparent Variant",variant:"transparent",options:[{value:"opt1",label:"Option 1"},{value:"opt2",label:"Option 2"}]})]})]})})})}),a.jsx(e.AutoPropsTable,{componentName:"RadioGroup"}),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:"typescript",code:`import { RadioGroup } from '@e-burgos/tucu-ui';
2
2
 
3
3
  const options = [
4
4
  { value: 'male', label: 'Male' },
@@ -1,6 +1,6 @@
1
1
  import { jsxs as e, Fragment as c, jsx as a } from "react/jsx-runtime";
2
2
  import { useState as n } from "react";
3
- import { T as i, C as s, a as d, t as l, A as m, c as h } from "../index-kms4xY-n.js";
3
+ import { T as i, C as s, a as d, t as l, A as m, c as h } from "../index-B919yoKU.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 a=require("react/jsx-runtime"),i=require("react"),e=require("../index-DWDrAbog.js");require("lucide-react");require("react-router-dom");require("react-dom");const o=()=>{const[l,r]=i.useState("");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:"Radio"}),a.jsx(e.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A single radio button component for binary choices."})]}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"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 Radio"}),a.jsx(e.Radio,{label:"Option 1",value:"option1",checked:l==="option1",onChange:s=>r(s.target.value)})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),a.jsx(e.Radio,{label:"Disabled option",value:"disabled",disabled:!0})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Different Colors"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx(e.Radio,{label:"Primary",value:"primary",color:"primary"}),a.jsx(e.Radio,{label:"Danger",value:"danger",color:"danger"}),a.jsx(e.Radio,{label:"Success",value:"success",color:"success"})]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Different Sizes"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx(e.Radio,{label:"Small",value:"sm",size:"sm"}),a.jsx(e.Radio,{label:"Medium",value:"md",size:"md"}),a.jsx(e.Radio,{label:"Large",value:"lg",size:"lg"})]})]})]})})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Variants",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-3 gap-4",children:[a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Ghost (default)"}),a.jsx(e.Radio,{label:"Ghost Variant",value:"ghost",variant:"ghost",checked:l==="ghost",onChange:s=>r(s.target.value)})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Solid"}),a.jsx(e.Radio,{label:"Solid Variant",value:"solid",variant:"solid",checked:l==="solid",onChange:s=>r(s.target.value)})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Transparent"}),a.jsx(e.Radio,{label:"Transparent Variant",value:"transparent",variant:"transparent",checked:l==="transparent",onChange:s=>r(s.target.value)})]})]})})})}),a.jsx(e.AutoPropsTable,{componentName:"Radio"}),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 { Radio } from '@e-burgos/tucu-ui';
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),i=require("react"),e=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react-dom");const o=()=>{const[l,r]=i.useState("");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:"Radio"}),a.jsx(e.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A single radio button component for binary choices."})]}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"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 Radio"}),a.jsx(e.Radio,{label:"Option 1",value:"option1",checked:l==="option1",onChange:s=>r(s.target.value)})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),a.jsx(e.Radio,{label:"Disabled option",value:"disabled",disabled:!0})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Different Colors"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx(e.Radio,{label:"Primary",value:"primary",color:"primary"}),a.jsx(e.Radio,{label:"Danger",value:"danger",color:"danger"}),a.jsx(e.Radio,{label:"Success",value:"success",color:"success"})]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Different Sizes"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx(e.Radio,{label:"Small",value:"sm",size:"sm"}),a.jsx(e.Radio,{label:"Medium",value:"md",size:"md"}),a.jsx(e.Radio,{label:"Large",value:"lg",size:"lg"})]})]})]})})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Variants",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-3 gap-4",children:[a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Ghost (default)"}),a.jsx(e.Radio,{label:"Ghost Variant",value:"ghost",variant:"ghost",checked:l==="ghost",onChange:s=>r(s.target.value)})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Solid"}),a.jsx(e.Radio,{label:"Solid Variant",value:"solid",variant:"solid",checked:l==="solid",onChange:s=>r(s.target.value)})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Transparent"}),a.jsx(e.Radio,{label:"Transparent Variant",value:"transparent",variant:"transparent",checked:l==="transparent",onChange:s=>r(s.target.value)})]})]})})})}),a.jsx(e.AutoPropsTable,{componentName:"Radio"}),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 { Radio } from '@e-burgos/tucu-ui';
2
2
 
3
3
  <Radio
4
4
  label="Option 1"
@@ -1,5 +1,5 @@
1
1
  import { jsxs as a, Fragment as r, jsx as e } from "react/jsx-runtime";
2
- import { T as t, C as n, a as o, ar as l, P as h, A as c, c as d } from "../index-kms4xY-n.js";
2
+ import { T as t, C as n, a as o, ar as l, P as h, A as c, c as d } from "../index-B919yoKU.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-DWDrAbog.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=()=>{const a=e.jsxs("div",{className:"space-y-2",children:[e.jsx(t.Typography,{tag:"p",children:"This is a long piece of content that will be collapsed by default."}),e.jsx(t.Typography,{tag:"p",children:'When the content exceeds the default height, a "Show More" button will appear.'}),e.jsx(t.Typography,{tag:"p",children:"Clicking the button will expand the content to show everything."}),e.jsx(t.Typography,{tag:"p",children:'You can then click "Show Less" to collapse it back to the default height.'}),e.jsx(t.Typography,{tag:"p",children:"This is useful for displaying long descriptions, articles, or any content that might be too long for the initial view."})]});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:"RevealContent"}),e.jsx(t.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:'A component that automatically collapses long content and provides a "Show More" / "Show Less" button.'})]}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.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(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Default Height 100px"}),e.jsx(t.RevealContent,{defaultHeight:100,children:a})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Default Height 150px"}),e.jsx(t.RevealContent,{defaultHeight:150,children:a})]})]})})})}),e.jsx(t.PropPlayground,{componentName:"RevealContent",defaultValues:{defaultHeight:100},excludeProps:[],children:n=>e.jsx(t.RevealContent,{...n,children:e.jsxs("div",{className:"space-y-2",children:[e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:"This is the first paragraph of content that is initially visible."}),e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:"This second paragraph may be hidden depending on the defaultHeight value."}),e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:"This third paragraph is likely hidden and revealed when expanded."}),e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:"And here is even more content to demonstrate the reveal functionality."})]})})}),e.jsx(t.AutoPropsTable,{componentName:"RevealContent"}),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 { RevealContent, Typography } from '@e-burgos/tucu-ui';
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=()=>{const a=e.jsxs("div",{className:"space-y-2",children:[e.jsx(t.Typography,{tag:"p",children:"This is a long piece of content that will be collapsed by default."}),e.jsx(t.Typography,{tag:"p",children:'When the content exceeds the default height, a "Show More" button will appear.'}),e.jsx(t.Typography,{tag:"p",children:"Clicking the button will expand the content to show everything."}),e.jsx(t.Typography,{tag:"p",children:'You can then click "Show Less" to collapse it back to the default height.'}),e.jsx(t.Typography,{tag:"p",children:"This is useful for displaying long descriptions, articles, or any content that might be too long for the initial view."})]});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:"RevealContent"}),e.jsx(t.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:'A component that automatically collapses long content and provides a "Show More" / "Show Less" button.'})]}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.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(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Default Height 100px"}),e.jsx(t.RevealContent,{defaultHeight:100,children:a})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Default Height 150px"}),e.jsx(t.RevealContent,{defaultHeight:150,children:a})]})]})})})}),e.jsx(t.PropPlayground,{componentName:"RevealContent",defaultValues:{defaultHeight:100},excludeProps:[],children:n=>e.jsx(t.RevealContent,{...n,children:e.jsxs("div",{className:"space-y-2",children:[e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:"This is the first paragraph of content that is initially visible."}),e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:"This second paragraph may be hidden depending on the defaultHeight value."}),e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:"This third paragraph is likely hidden and revealed when expanded."}),e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:"And here is even more content to demonstrate the reveal functionality."})]})})}),e.jsx(t.AutoPropsTable,{componentName:"RevealContent"}),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 { RevealContent, Typography } from '@e-burgos/tucu-ui';
2
2
 
3
3
  // Basic usage
4
4
  <RevealContent defaultHeight={100}>
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-DWDrAbog.js"),n=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>e.jsx("div",{className:"space-y-8",children:e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Route Configuration",className:"mt-2 mb-6",children:e.jsxs("div",{className:"space-y-8",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-blue-500 to-cyan-500 shadow-lg",children:e.jsx(n.Settings,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(t.Typography,{tag:"h4",className:"font-semibold",children:"StandaloneAppRoutesMenuItem Interface"})]}),e.jsxs(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:["For single applications, routes are defined using the"," ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"StandaloneAppRoutesMenuItem"})," ","interface which extends"," ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"IMenuItem"}),"."]}),e.jsx(t.CodeBlock,{language:"typescript",code:`interface StandaloneAppRoutesMenuItem extends Omit<IMenuItem, 'dropdownItems'> {
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-COj1N7FC.js"),n=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>e.jsx("div",{className:"space-y-8",children:e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Route Configuration",className:"mt-2 mb-6",children:e.jsxs("div",{className:"space-y-8",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-blue-500 to-cyan-500 shadow-lg",children:e.jsx(n.Settings,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(t.Typography,{tag:"h4",className:"font-semibold",children:"StandaloneAppRoutesMenuItem Interface"})]}),e.jsxs(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:["For single applications, routes are defined using the"," ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"StandaloneAppRoutesMenuItem"})," ","interface which extends"," ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"IMenuItem"}),"."]}),e.jsx(t.CodeBlock,{language:"typescript",code:`interface StandaloneAppRoutesMenuItem extends Omit<IMenuItem, 'dropdownItems'> {
2
2
  component: JSX.Element; // The component to render
3
3
  dropdownItems?: StandaloneAppRoutesMenuItem[]; // Optional sub-routes
4
4
  }
@@ -1,5 +1,5 @@
1
1
  import { jsx as e, jsxs as t } from "react/jsx-runtime";
2
- import { C as a, a as r, T as n, c as o } from "../index-kms4xY-n.js";
2
+ import { C as a, a as r, T as n, c as o } from "../index-B919yoKU.js";
3
3
  import { Settings as i, Play as s } from "lucide-react";
4
4
  import "react-router-dom";
5
5
  import "react";
@@ -1,5 +1,5 @@
1
1
  import { jsxs as t, Fragment as s, jsx as e } from "react/jsx-runtime";
2
- import { T as o, C as l, a, P as c, as as n, A as i, c as d } from "../index-kms4xY-n.js";
2
+ import { T as o, C as l, a, P as c, as as n, A as i, c as d } from "../index-B919yoKU.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"),o=require("../index-DWDrAbog.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(o.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"ScrollToTop"}),e.jsx(o.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A utility component that displays a floating button to scroll back to the top of the page. It automatically scrolls to top when the route changes and shows a button when the user scrolls down."})]}),e.jsx(o.CardContainer,{className:"overflow-hidden",children:e.jsx(o.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(o.CardContainer,{className:"p-4",children:[e.jsx(o.Typography,{tag:"h5",className:"mb-3",children:"Default Usage"}),e.jsx(o.Typography,{tag:"p",className:"mb-4",children:"Add this component to your router or app component. By default, it displays a button in the bottom-right corner (24px from edges) that appears when you scroll down more than 400px."}),e.jsx(o.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-4",children:"The button automatically scrolls to the top when clicked and also scrolls to top whenever the route changes."}),e.jsx("div",{className:"bg-gray-100 dark:bg-gray-800 p-4 rounded-lg",children:e.jsx(o.Typography,{tag:"p",className:"text-sm",children:"Scroll down on this page to see the button appear in the bottom-right corner."})})]}),e.jsxs(o.CardContainer,{className:"p-4",children:[e.jsx(o.Typography,{tag:"h5",className:"mb-3",children:"Custom Position"}),e.jsx(o.Typography,{tag:"p",className:"mb-4",children:"You can customize the button position using the position props."}),e.jsxs("div",{className:"space-y-2 text-sm",children:[e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"top-left:"})," ",e.jsx("code",{children:"<ScrollToTop top={20} left={20} />"})]}),e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"top-right:"})," ",e.jsx("code",{children:"<ScrollToTop top={20} right={20} />"})]}),e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"bottom-left:"})," ",e.jsx("code",{children:"<ScrollToTop bottom={20} left={20} />"})]}),e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"bottom-right:"})," ",e.jsx("code",{children:"<ScrollToTop bottom={20} right={20} />"})]})]})]}),e.jsxs(o.CardContainer,{className:"p-4",children:[e.jsx(o.Typography,{tag:"h5",className:"mb-3",children:"Custom Size and Threshold"}),e.jsx(o.Typography,{tag:"p",className:"mb-4",children:"Control when the button appears and its size."}),e.jsxs("div",{className:"space-y-2 text-sm",children:[e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"Small button:"})," ",e.jsx("code",{children:'<ScrollToTop size="small" />'})]}),e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"Large button:"})," ",e.jsx("code",{children:'<ScrollToTop size="large" />'})]}),e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"Show after 200px:"})," ",e.jsx("code",{children:"<ScrollToTop showAfter={200} />"})]})]})]})]})})})}),e.jsx(o.PropPlayground,{componentName:"ScrollToTop",defaultValues:{size:"large",showAfter:400,bottom:"45%",right:50,behavior:"smooth"},excludeProps:["scrollContainer"],children:t=>e.jsx(o.ScrollToTop,{...t})}),e.jsx(o.AutoPropsTable,{componentName:"ScrollToTop"}),e.jsx(o.CardContainer,{className:"overflow-hidden",children:e.jsx(o.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(o.CodeBlock,{language:"tsx",code:`import { ScrollToTop } from '@e-burgos/tucu-ui';
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(o.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"ScrollToTop"}),e.jsx(o.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A utility component that displays a floating button to scroll back to the top of the page. It automatically scrolls to top when the route changes and shows a button when the user scrolls down."})]}),e.jsx(o.CardContainer,{className:"overflow-hidden",children:e.jsx(o.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(o.CardContainer,{className:"p-4",children:[e.jsx(o.Typography,{tag:"h5",className:"mb-3",children:"Default Usage"}),e.jsx(o.Typography,{tag:"p",className:"mb-4",children:"Add this component to your router or app component. By default, it displays a button in the bottom-right corner (24px from edges) that appears when you scroll down more than 400px."}),e.jsx(o.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-4",children:"The button automatically scrolls to the top when clicked and also scrolls to top whenever the route changes."}),e.jsx("div",{className:"bg-gray-100 dark:bg-gray-800 p-4 rounded-lg",children:e.jsx(o.Typography,{tag:"p",className:"text-sm",children:"Scroll down on this page to see the button appear in the bottom-right corner."})})]}),e.jsxs(o.CardContainer,{className:"p-4",children:[e.jsx(o.Typography,{tag:"h5",className:"mb-3",children:"Custom Position"}),e.jsx(o.Typography,{tag:"p",className:"mb-4",children:"You can customize the button position using the position props."}),e.jsxs("div",{className:"space-y-2 text-sm",children:[e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"top-left:"})," ",e.jsx("code",{children:"<ScrollToTop top={20} left={20} />"})]}),e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"top-right:"})," ",e.jsx("code",{children:"<ScrollToTop top={20} right={20} />"})]}),e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"bottom-left:"})," ",e.jsx("code",{children:"<ScrollToTop bottom={20} left={20} />"})]}),e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"bottom-right:"})," ",e.jsx("code",{children:"<ScrollToTop bottom={20} right={20} />"})]})]})]}),e.jsxs(o.CardContainer,{className:"p-4",children:[e.jsx(o.Typography,{tag:"h5",className:"mb-3",children:"Custom Size and Threshold"}),e.jsx(o.Typography,{tag:"p",className:"mb-4",children:"Control when the button appears and its size."}),e.jsxs("div",{className:"space-y-2 text-sm",children:[e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"Small button:"})," ",e.jsx("code",{children:'<ScrollToTop size="small" />'})]}),e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"Large button:"})," ",e.jsx("code",{children:'<ScrollToTop size="large" />'})]}),e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"Show after 200px:"})," ",e.jsx("code",{children:"<ScrollToTop showAfter={200} />"})]})]})]})]})})})}),e.jsx(o.PropPlayground,{componentName:"ScrollToTop",defaultValues:{size:"large",showAfter:400,bottom:"45%",right:50,behavior:"smooth"},excludeProps:["scrollContainer"],children:t=>e.jsx(o.ScrollToTop,{...t})}),e.jsx(o.AutoPropsTable,{componentName:"ScrollToTop"}),e.jsx(o.CardContainer,{className:"overflow-hidden",children:e.jsx(o.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(o.CodeBlock,{language:"tsx",code:`import { ScrollToTop } from '@e-burgos/tucu-ui';
2
2
  import { BrowserRouter } from 'react-router-dom';
3
3
 
4
4
  function App() {
@@ -1,5 +1,5 @@
1
1
  import { jsx as e, jsxs as l, Fragment as d } from "react/jsx-runtime";
2
- import { T as a, C as r, a as s, Y as c, P as n, A as m, c as h } from "../index-kms4xY-n.js";
2
+ import { T as a, C as r, a as s, Y as c, P as n, A as m, c as h } from "../index-B919yoKU.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-DWDrAbog.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const c=()=>{const l=Array.from({length:20},(a,s)=>e.jsx("div",{className:"p-4 border-b",children:e.jsxs(r.Typography,{tag:"p",children:["Content item ",s+1]})},s));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:"Scrollbar"}),e.jsx(r.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A customizable scrollbar component with auto-hide functionality and custom styling options."})]}),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:"Vertical Scrollbar"}),e.jsx(r.Scrollbar,{className:"h-48",children:e.jsx("div",{children:l.slice(0,10)})})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Auto Hide on Leave"}),e.jsx(r.Scrollbar,{className:"h-48",autoHide:"leave",children:e.jsx("div",{children:l.slice(0,10)})})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Never Hide"}),e.jsx(r.Scrollbar,{className:"h-48",autoHide:"never",children:e.jsx("div",{children:l.slice(0,10)})})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Custom Styled"}),e.jsx(r.Scrollbar,{className:"h-48",scrollbarStyle:{track:{backgroundColor:"transparent"},thumb:{borderRadius:"8px",width:"8px"}},children:e.jsx("div",{children:l.slice(0,10)})})]})]})})})}),e.jsx(r.PropPlayground,{componentName:"Scrollbar",defaultValues:{autoHide:"scroll",direction:"vertical"},excludeProps:["scrollbarStyle","style"],children:a=>e.jsx(r.Scrollbar,{...a,style:{height:200},children:e.jsxs("div",{style:{height:600,padding:16},children:[e.jsx("p",{children:"Scroll down to see more content..."}),e.jsx("p",{style:{marginTop:200},children:"Middle content"}),e.jsx("p",{style:{marginTop:200},children:"End of content"})]})})}),e.jsx(r.AutoPropsTable,{componentName:"Scrollbar"}),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 { Scrollbar } from '@e-burgos/tucu-ui';
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const c=()=>{const l=Array.from({length:20},(a,s)=>e.jsx("div",{className:"p-4 border-b",children:e.jsxs(r.Typography,{tag:"p",children:["Content item ",s+1]})},s));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:"Scrollbar"}),e.jsx(r.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A customizable scrollbar component with auto-hide functionality and custom styling options."})]}),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:"Vertical Scrollbar"}),e.jsx(r.Scrollbar,{className:"h-48",children:e.jsx("div",{children:l.slice(0,10)})})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Auto Hide on Leave"}),e.jsx(r.Scrollbar,{className:"h-48",autoHide:"leave",children:e.jsx("div",{children:l.slice(0,10)})})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Never Hide"}),e.jsx(r.Scrollbar,{className:"h-48",autoHide:"never",children:e.jsx("div",{children:l.slice(0,10)})})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Custom Styled"}),e.jsx(r.Scrollbar,{className:"h-48",scrollbarStyle:{track:{backgroundColor:"transparent"},thumb:{borderRadius:"8px",width:"8px"}},children:e.jsx("div",{children:l.slice(0,10)})})]})]})})})}),e.jsx(r.PropPlayground,{componentName:"Scrollbar",defaultValues:{autoHide:"scroll",direction:"vertical"},excludeProps:["scrollbarStyle","style"],children:a=>e.jsx(r.Scrollbar,{...a,style:{height:200},children:e.jsxs("div",{style:{height:600,padding:16},children:[e.jsx("p",{children:"Scroll down to see more content..."}),e.jsx("p",{style:{marginTop:200},children:"Middle content"}),e.jsx("p",{style:{marginTop:200},children:"End of content"})]})})}),e.jsx(r.AutoPropsTable,{componentName:"Scrollbar"}),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 { Scrollbar } from '@e-burgos/tucu-ui';
2
2
 
3
3
  // Basic usage
4
4
  <Scrollbar className="h-48">
@@ -1,6 +1,6 @@
1
1
  import { jsxs as a, Fragment as d, jsx as e } from "react/jsx-runtime";
2
2
  import { useState as p } from "react";
3
- import { T as t, C as l, a as o, S as s, A as m, c as h } from "../index-kms4xY-n.js";
3
+ import { T as t, C as l, a as o, S as s, A as m, c as h } from "../index-B919yoKU.js";
4
4
  import { Globe as c, Star as u, Zap as g, Shield as v } from "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"),o=require("react"),a=require("../index-DWDrAbog.js"),s=require("lucide-react");require("react-router-dom");require("react-dom");const c=()=>{const[t,r]=o.useState(void 0),l=[{name:"Argentina",value:"ar"},{name:"Brasil",value:"br"},{name:"Chile",value:"cl"},{name:"Colombia",value:"co"},{name:"México",value:"mx"},{name:"Perú",value:"pe"},{name:"Uruguay",value:"uy"},{name:"Venezuela",value:"ve"}],n=[{name:"Free",value:"free",description:"Basic features, 1 user",icon:e.jsx(s.Star,{className:"h-4 w-4 text-gray-400"})},{name:"Pro",value:"pro",description:"Advanced features, 5 users",icon:e.jsx(s.Zap,{className:"h-4 w-4 text-brand"})},{name:"Enterprise",value:"enterprise",description:"Custom features, unlimited",icon:e.jsx(s.Shield,{className:"h-4 w-4 text-green-500"})},{name:"Legacy",value:"legacy",description:"No longer available",disabled:!0}];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:"Select"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A dropdown select component with search, descriptions, disabled options, and check indicators."})]}),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 Select"}),e.jsx(a.Select,{label:"Country",placeholder:"Select a country",options:l,selectedOption:t,onChange:r})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Searchable"}),e.jsx(a.Select,{label:"Country",placeholder:"Search and select...",options:l,searchable:!0,searchPlaceholder:"Type to filter...",showCheck:!0})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Descriptions & Icons"}),e.jsx(a.Select,{label:"Plan",placeholder:"Choose a plan",options:n,showCheck:!0})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Helper Text"}),e.jsx(a.Select,{label:"Language",placeholder:"Select a language",helperText:"Choose your preferred language",options:[{name:"English",value:"en",icon:e.jsx(s.Globe,{className:"h-4 w-4"})},{name:"Spanish",value:"es",icon:e.jsx(s.Globe,{className:"h-4 w-4"})},{name:"French",value:"fr",icon:e.jsx(s.Globe,{className:"h-4 w-4"})}]})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Error"}),e.jsx(a.Select,{label:"Category",placeholder:"Select a category",errorMessage:"Category is required",options:[{name:"Option 1",value:"opt1"},{name:"Option 2",value:"opt2"}]})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),e.jsx(a.Select,{label:"Status",placeholder:"Select status",disabled:!0,options:[{name:"Active",value:"active"},{name:"Inactive",value:"inactive"}]})]})]})})})}),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.Select,{label:"Ghost Variant",placeholder:"Select option",variant:"ghost",options:l})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Solid"}),e.jsx(a.Select,{label:"Solid Variant",placeholder:"Select option",variant:"solid",options:l})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Transparent"}),e.jsx(a.Select,{label:"Transparent Variant",placeholder:"Select option",variant:"transparent",options:l})]})]})})})}),e.jsx(a.AutoPropsTable,{componentName:"Select"}),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 { Select } from '@e-burgos/tucu-ui';
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),a=require("../index-COj1N7FC.js"),s=require("lucide-react");require("react-router-dom");require("react-dom");const c=()=>{const[t,r]=o.useState(void 0),l=[{name:"Argentina",value:"ar"},{name:"Brasil",value:"br"},{name:"Chile",value:"cl"},{name:"Colombia",value:"co"},{name:"México",value:"mx"},{name:"Perú",value:"pe"},{name:"Uruguay",value:"uy"},{name:"Venezuela",value:"ve"}],n=[{name:"Free",value:"free",description:"Basic features, 1 user",icon:e.jsx(s.Star,{className:"h-4 w-4 text-gray-400"})},{name:"Pro",value:"pro",description:"Advanced features, 5 users",icon:e.jsx(s.Zap,{className:"h-4 w-4 text-brand"})},{name:"Enterprise",value:"enterprise",description:"Custom features, unlimited",icon:e.jsx(s.Shield,{className:"h-4 w-4 text-green-500"})},{name:"Legacy",value:"legacy",description:"No longer available",disabled:!0}];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:"Select"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A dropdown select component with search, descriptions, disabled options, and check indicators."})]}),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 Select"}),e.jsx(a.Select,{label:"Country",placeholder:"Select a country",options:l,selectedOption:t,onChange:r})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Searchable"}),e.jsx(a.Select,{label:"Country",placeholder:"Search and select...",options:l,searchable:!0,searchPlaceholder:"Type to filter...",showCheck:!0})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Descriptions & Icons"}),e.jsx(a.Select,{label:"Plan",placeholder:"Choose a plan",options:n,showCheck:!0})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Helper Text"}),e.jsx(a.Select,{label:"Language",placeholder:"Select a language",helperText:"Choose your preferred language",options:[{name:"English",value:"en",icon:e.jsx(s.Globe,{className:"h-4 w-4"})},{name:"Spanish",value:"es",icon:e.jsx(s.Globe,{className:"h-4 w-4"})},{name:"French",value:"fr",icon:e.jsx(s.Globe,{className:"h-4 w-4"})}]})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Error"}),e.jsx(a.Select,{label:"Category",placeholder:"Select a category",errorMessage:"Category is required",options:[{name:"Option 1",value:"opt1"},{name:"Option 2",value:"opt2"}]})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),e.jsx(a.Select,{label:"Status",placeholder:"Select status",disabled:!0,options:[{name:"Active",value:"active"},{name:"Inactive",value:"inactive"}]})]})]})})})}),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.Select,{label:"Ghost Variant",placeholder:"Select option",variant:"ghost",options:l})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Solid"}),e.jsx(a.Select,{label:"Solid Variant",placeholder:"Select option",variant:"solid",options:l})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Transparent"}),e.jsx(a.Select,{label:"Transparent Variant",placeholder:"Select option",variant:"transparent",options:l})]})]})})})}),e.jsx(a.AutoPropsTable,{componentName:"Select"}),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 { Select } from '@e-burgos/tucu-ui';
2
2
 
3
3
  const options = [
4
4
  { name: 'Argentina', value: 'ar' },
@@ -1,5 +1,5 @@
1
1
  import { jsx as e, jsxs as a } from "react/jsx-runtime";
2
- import { au as x, C as y, a as f, T as t, J as s, y as c } from "../index-kms4xY-n.js";
2
+ import { au as x, C as y, a as f, T as t, J as s, y as c } from "../index-B919yoKU.js";
3
3
  import { Settings as b, Check as m } 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-DWDrAbog.js"),i=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const h=()=>{const{mode:a,layout:n,primaryPreset:d,secondaryPreset:c,accentPreset:m,direction:o,setMode:g,setIsSettingsOpen:x,isSettingsOpen:r}=s.useTheme();return e.jsx(s.CardContainer,{children:e.jsx(s.CardTitle,{title:"Settings Panel",className:"mt-2 mb-6",children:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 bg-gradient-to-br from-orange-500 to-red-500 rounded-lg shadow-lg",children:e.jsx(i.Settings,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h4",className:"font-semibold",children:"Built-in Settings UI"})]}),e.jsxs("div",{className:"grid grid-cols-1 gap-6",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsx(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"The theme system includes a built-in settings panel that allows users to:"}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"font-medium mb-2",children:"Core Settings"}),e.jsx("ul",{className:"space-y-1",children:["Toggle between light and dark modes","Switch between LTR and RTL text direction","Choose between Clean, Admin, and Horizontal layouts"].map((t,l)=>e.jsxs("li",{className:"flex items-center gap-2",children:[e.jsx(i.Check,{className:"w-3 h-3 text-green-500"}),e.jsx("span",{className:"text-xs",children:t})]},l))})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"font-medium mb-2",children:"Color Management"}),e.jsx("ul",{className:"space-y-1",children:["Select from 34 predefined color presets","Configure primary, secondary, and accent colors","Customize dark and light theme colors","Manage muted colors and background variants"].map((t,l)=>e.jsxs("li",{className:"flex items-center gap-2",children:[e.jsx(i.Check,{className:"w-3 h-3 text-green-500"}),e.jsx("span",{className:"text-xs",children:t})]},l))})]})]})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsx(s.Typography,{tag:"h5",className:"font-medium",children:"Current Settings"}),e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"grid grid-cols-2 gap-3",children:[e.jsxs("div",{className:"flex justify-between items-center p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"text-sm font-medium",children:"Mode"}),e.jsx(s.Badge,{variant:"outline",className:"text-xs",children:a})]}),e.jsxs("div",{className:"flex justify-between items-center p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"text-sm font-medium",children:"Layout"}),e.jsxs(s.Badge,{variant:"outline",className:"text-xs",children:[n==="horizontal"?"Horizontal":n==="clean"?"Clean":"Admin"," "]})]}),e.jsxs("div",{className:"flex justify-between items-center p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"text-sm font-medium",children:"Primary"}),e.jsx(s.Badge,{variant:"outline",className:"text-xs",children:d?.label||"DEFAULT_PRIMARY"})]}),e.jsxs("div",{className:"flex justify-between items-center p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"text-sm font-medium",children:"Secondary"}),e.jsx(s.Badge,{variant:"outline",className:"text-xs",children:c?.label||"DEFAULT_SECONDARY"})]}),e.jsxs("div",{className:"flex justify-between items-center p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"text-sm font-medium",children:"Accent"}),e.jsx(s.Badge,{variant:"outline",className:"text-xs",children:m?.label||"DEFAULT_ACCENT"})]}),e.jsxs("div",{className:"flex justify-between items-center p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"text-sm font-medium",children:"Direction"}),e.jsx(s.Badge,{variant:"outline",className:"text-xs",children:o||"LTR"})]})]}),e.jsxs("div",{className:"flex gap-2 w-full mt-4",children:[e.jsxs(s.Button,{size:"small",onClick:()=>g(a==="dark"?"light":"dark"),className:"flex-1",children:["Toggle ",a==="dark"?"Light":"Dark"]}),e.jsxs(s.Button,{size:"small",variant:"ghost",onClick:()=>x(!r),className:"flex-1",children:[r?"Close":"Open"," Settings"]})]})]})]})]})]})})})};exports.default=h;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-COj1N7FC.js"),i=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const h=()=>{const{mode:a,layout:n,primaryPreset:d,secondaryPreset:c,accentPreset:m,direction:o,setMode:g,setIsSettingsOpen:x,isSettingsOpen:r}=s.useTheme();return e.jsx(s.CardContainer,{children:e.jsx(s.CardTitle,{title:"Settings Panel",className:"mt-2 mb-6",children:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 bg-gradient-to-br from-orange-500 to-red-500 rounded-lg shadow-lg",children:e.jsx(i.Settings,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h4",className:"font-semibold",children:"Built-in Settings UI"})]}),e.jsxs("div",{className:"grid grid-cols-1 gap-6",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsx(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"The theme system includes a built-in settings panel that allows users to:"}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"font-medium mb-2",children:"Core Settings"}),e.jsx("ul",{className:"space-y-1",children:["Toggle between light and dark modes","Switch between LTR and RTL text direction","Choose between Clean, Admin, and Horizontal layouts"].map((t,l)=>e.jsxs("li",{className:"flex items-center gap-2",children:[e.jsx(i.Check,{className:"w-3 h-3 text-green-500"}),e.jsx("span",{className:"text-xs",children:t})]},l))})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"font-medium mb-2",children:"Color Management"}),e.jsx("ul",{className:"space-y-1",children:["Select from 34 predefined color presets","Configure primary, secondary, and accent colors","Customize dark and light theme colors","Manage muted colors and background variants"].map((t,l)=>e.jsxs("li",{className:"flex items-center gap-2",children:[e.jsx(i.Check,{className:"w-3 h-3 text-green-500"}),e.jsx("span",{className:"text-xs",children:t})]},l))})]})]})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsx(s.Typography,{tag:"h5",className:"font-medium",children:"Current Settings"}),e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"grid grid-cols-2 gap-3",children:[e.jsxs("div",{className:"flex justify-between items-center p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"text-sm font-medium",children:"Mode"}),e.jsx(s.Badge,{variant:"outline",className:"text-xs",children:a})]}),e.jsxs("div",{className:"flex justify-between items-center p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"text-sm font-medium",children:"Layout"}),e.jsxs(s.Badge,{variant:"outline",className:"text-xs",children:[n==="horizontal"?"Horizontal":n==="clean"?"Clean":"Admin"," "]})]}),e.jsxs("div",{className:"flex justify-between items-center p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"text-sm font-medium",children:"Primary"}),e.jsx(s.Badge,{variant:"outline",className:"text-xs",children:d?.label||"DEFAULT_PRIMARY"})]}),e.jsxs("div",{className:"flex justify-between items-center p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"text-sm font-medium",children:"Secondary"}),e.jsx(s.Badge,{variant:"outline",className:"text-xs",children:c?.label||"DEFAULT_SECONDARY"})]}),e.jsxs("div",{className:"flex justify-between items-center p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"text-sm font-medium",children:"Accent"}),e.jsx(s.Badge,{variant:"outline",className:"text-xs",children:m?.label||"DEFAULT_ACCENT"})]}),e.jsxs("div",{className:"flex justify-between items-center p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"text-sm font-medium",children:"Direction"}),e.jsx(s.Badge,{variant:"outline",className:"text-xs",children:o||"LTR"})]})]}),e.jsxs("div",{className:"flex gap-2 w-full mt-4",children:[e.jsxs(s.Button,{size:"small",onClick:()=>g(a==="dark"?"light":"dark"),className:"flex-1",children:["Toggle ",a==="dark"?"Light":"Dark"]}),e.jsxs(s.Button,{size:"small",variant:"ghost",onClick:()=>x(!r),className:"flex-1",children:[r?"Close":"Open"," Settings"]})]})]})]})]})]})})})};exports.default=h;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-DWDrAbog.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=a=>{if(typeof window>"u")return"";const r=document.documentElement;return getComputedStyle(r).getPropertyValue(a).trim()||""},n=()=>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:"Shadows"}),e.jsx(t.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Shadow tokens from Tucu UI Design System for depth and elevation"})]}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Shadow Tokens",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-1 md:grid-cols-2 gap-6",children:[{name:"Main",varName:"--shadow-main",description:"Primary shadow for cards and elevated elements"},{name:"Light",varName:"--shadow-light",description:"Subtle shadow for minimal elevation"},{name:"Large",varName:"--shadow-large",description:"Prominent shadow for modals and overlays"},{name:"Card",varName:"--shadow-card",description:"Standard shadow for card components"},{name:"Transaction",varName:"--shadow-transaction",description:"Shadow for transaction lists and tables"},{name:"Expand",varName:"--shadow-expand",description:"Strong shadow for expanded elements"},{name:"Button",varName:"--shadow-button",description:"Shadow for button components"},{name:"Drop Shadow Main",varName:"--drop-shadow-main",description:"Drop shadow for images and graphics"}].map(a=>{const r=s(a.varName);return e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx(t.Typography,{tag:"h3",className:"font-semibold",children:a.name}),e.jsx(t.Typography,{tag:"p",className:"text-sm text-muted",children:a.description})]}),e.jsx("div",{className:"h-32 bg-white dark:bg-gray-800 rounded-lg p-4 flex items-center justify-center",style:{boxShadow:r||`var(${a.varName})`},children:e.jsx(t.Typography,{tag:"h4",className:"text-center",children:a.name})}),e.jsxs("div",{className:"space-y-1",children:[e.jsx(t.Typography,{tag:"h4",className:"text-muted text-xs break-all font-mono",children:a.varName}),r&&e.jsx(t.Typography,{tag:"h4",className:"text-muted text-[10px] break-all",children:r})]})]},a.name)})})})})})]});exports.default=n;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=a=>{if(typeof window>"u")return"";const r=document.documentElement;return getComputedStyle(r).getPropertyValue(a).trim()||""},n=()=>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:"Shadows"}),e.jsx(t.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Shadow tokens from Tucu UI Design System for depth and elevation"})]}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Shadow Tokens",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-1 md:grid-cols-2 gap-6",children:[{name:"Main",varName:"--shadow-main",description:"Primary shadow for cards and elevated elements"},{name:"Light",varName:"--shadow-light",description:"Subtle shadow for minimal elevation"},{name:"Large",varName:"--shadow-large",description:"Prominent shadow for modals and overlays"},{name:"Card",varName:"--shadow-card",description:"Standard shadow for card components"},{name:"Transaction",varName:"--shadow-transaction",description:"Shadow for transaction lists and tables"},{name:"Expand",varName:"--shadow-expand",description:"Strong shadow for expanded elements"},{name:"Button",varName:"--shadow-button",description:"Shadow for button components"},{name:"Drop Shadow Main",varName:"--drop-shadow-main",description:"Drop shadow for images and graphics"}].map(a=>{const r=s(a.varName);return e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx(t.Typography,{tag:"h3",className:"font-semibold",children:a.name}),e.jsx(t.Typography,{tag:"p",className:"text-sm text-muted",children:a.description})]}),e.jsx("div",{className:"h-32 bg-white dark:bg-gray-800 rounded-lg p-4 flex items-center justify-center",style:{boxShadow:r||`var(${a.varName})`},children:e.jsx(t.Typography,{tag:"h4",className:"text-center",children:a.name})}),e.jsxs("div",{className:"space-y-1",children:[e.jsx(t.Typography,{tag:"h4",className:"text-muted text-xs break-all font-mono",children:a.varName}),r&&e.jsx(t.Typography,{tag:"h4",className:"text-muted text-[10px] break-all",children:r})]})]},a.name)})})})})})]});exports.default=n;
@@ -1,5 +1,5 @@
1
1
  import { jsxs as n, Fragment as o, jsx as e } from "react/jsx-runtime";
2
- import { T as t, C as s, a as d } from "../index-kms4xY-n.js";
2
+ import { T as t, C as s, a as d } from "../index-B919yoKU.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 t, Fragment as i, jsx as e } from "react/jsx-runtime";
2
- import { T as a, C as s, a as n, A as o, c as m } from "../index-kms4xY-n.js";
2
+ import { T as a, C as s, a as n, A as o, c as m } from "../index-B919yoKU.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"),s=require("../index-DWDrAbog.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const a=()=>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:"SidebarMenu"}),e.jsx(s.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A sidebar component with built-in menu navigation, supporting icons, paths, and dropdown items."})]}),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.jsx("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 Sidebar Menu"}),e.jsx(s.Typography,{tag:"p",className:"mb-4 text-sm text-gray-600",children:"Note: SidebarMenu is typically used within a Drawer component. This example shows the structure."}),e.jsx(s.Typography,{tag:"p",className:"text-sm",children:"The SidebarMenu component provides a navigation menu with icons and links, perfect for mobile navigation drawers."})]})})})})}),e.jsx(s.AutoPropsTable,{componentName:"SidebarMenu"}),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 { SidebarMenu, LucideIcons } from '@e-burgos/tucu-ui';
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const a=()=>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:"SidebarMenu"}),e.jsx(s.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A sidebar component with built-in menu navigation, supporting icons, paths, and dropdown items."})]}),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.jsx("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 Sidebar Menu"}),e.jsx(s.Typography,{tag:"p",className:"mb-4 text-sm text-gray-600",children:"Note: SidebarMenu is typically used within a Drawer component. This example shows the structure."}),e.jsx(s.Typography,{tag:"p",className:"text-sm",children:"The SidebarMenu component provides a navigation menu with icons and links, perfect for mobile navigation drawers."})]})})})})}),e.jsx(s.AutoPropsTable,{componentName:"SidebarMenu"}),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 { SidebarMenu, LucideIcons } from '@e-burgos/tucu-ui';
2
2
 
3
3
  const menuItems = [
4
4
  {
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),t=require("../index-DWDrAbog.js");require("lucide-react");require("react-router-dom");require("react-dom");const s=()=>{const[i,r]=a.useState(!1);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:"Sidebar"}),e.jsx(t.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A sidebar component with scrollable content, optional logo, title, and action buttons."})]}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"space-y-4",children:e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Basic Sidebar"}),e.jsx(t.Typography,{tag:"p",className:"mb-4 text-sm text-gray-600",children:"Note: Sidebar is typically used within a Drawer component. This example shows the structure."}),e.jsx(t.Typography,{tag:"p",className:"text-sm",children:"The Sidebar component provides a scrollable container with optional header (logo or title) and action buttons at the bottom."})]})})})})}),e.jsx(t.AutoPropsTable,{componentName:"Sidebar"}),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 { Sidebar } from '@e-burgos/tucu-ui';
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),t=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react-dom");const s=()=>{const[i,r]=a.useState(!1);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:"Sidebar"}),e.jsx(t.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A sidebar component with scrollable content, optional logo, title, and action buttons."})]}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"space-y-4",children:e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Basic Sidebar"}),e.jsx(t.Typography,{tag:"p",className:"mb-4 text-sm text-gray-600",children:"Note: Sidebar is typically used within a Drawer component. This example shows the structure."}),e.jsx(t.Typography,{tag:"p",className:"text-sm",children:"The Sidebar component provides a scrollable container with optional header (logo or title) and action buttons at the bottom."})]})})})})}),e.jsx(t.AutoPropsTable,{componentName:"Sidebar"}),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 { Sidebar } from '@e-burgos/tucu-ui';
2
2
 
3
3
  // Basic usage (typically within Drawer)
4
4
  <Sidebar title="Sidebar Title" onClose={() => setIsOpen(false)}>
@@ -1,6 +1,6 @@
1
1
  import { jsxs as a, Fragment as s, jsx as e } from "react/jsx-runtime";
2
2
  import { useState as l } from "react";
3
- import { T as t, C as i, a as o, A as r, c as n } from "../index-kms4xY-n.js";
3
+ import { T as t, C as i, a as o, A as r, c as n } from "../index-B919yoKU.js";
4
4
  import "lucide-react";
5
5
  import "react-router-dom";
6
6
  import "react-dom";
@@ -1,5 +1,5 @@
1
1
  import { jsxs as d, Fragment as m, jsx as e } from "react/jsx-runtime";
2
- import { T as r, C as i, a as n } from "../index-kms4xY-n.js";
2
+ import { T as r, C as i, a as n } from "../index-B919yoKU.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"),s=require("../index-DWDrAbog.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=a=>{if(typeof window>"u")return"";const t=document.documentElement;return getComputedStyle(t).getPropertyValue(a).trim()||""},c=()=>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:"Sizing"}),e.jsx(s.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Icon and avatar size tokens from Tucu UI Design Tokens"})]}),e.jsxs("div",{className:"space-y-8",children:[e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Icon Sizes",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-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:["xs","s","m","l"].map(a=>{const t=`w-icon-${a}`,d=`h-icon-${a}`,l=`--size-icon-${a}`,r=i(l);return e.jsxs("div",{className:"text-center space-y-2 border border-gray-200 dark:border-gray-700 rounded-lg p-3",children:[e.jsx("div",{className:`bg-primary rounded mx-auto ${t} ${d}`,style:{width:r||`var(${l})`,height:r||`var(${l})`}}),e.jsx(s.Typography,{tag:"h4",className:"font-semibold",children:a}),r&&e.jsx(s.Typography,{tag:"h4",className:"text-muted text-[10px]",children:r}),e.jsxs(s.Typography,{tag:"h4",className:"text-muted text-[9px] mt-1 break-all px-1",children:[t,", ",d]})]},a)})})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Avatar Sizes",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-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:["s","m","l","xl","xxl","xxxl"].map(a=>{const t=`w-avatar-${a}`,d=`h-avatar-${a}`,l=`--size-avatar-${a}`,r=i(l);return e.jsxs("div",{className:"text-center space-y-2 border border-gray-200 dark:border-gray-700 rounded-lg p-3",children:[e.jsx("div",{className:`bg-primary rounded-full mx-auto ${t} ${d}`,style:{width:r||`var(${l})`,height:r||`var(${l})`}}),e.jsx(s.Typography,{tag:"h4",className:"font-semibold",children:a}),r&&e.jsx(s.Typography,{tag:"h4",className:"text-muted text-[10px]",children:r}),e.jsxs(s.Typography,{tag:"h4",className:"text-muted text-[9px] mt-1 break-all px-1",children:[t,", ",d]})]},a)})})})})})]})]});exports.default=c;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=a=>{if(typeof window>"u")return"";const t=document.documentElement;return getComputedStyle(t).getPropertyValue(a).trim()||""},c=()=>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:"Sizing"}),e.jsx(s.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Icon and avatar size tokens from Tucu UI Design Tokens"})]}),e.jsxs("div",{className:"space-y-8",children:[e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Icon Sizes",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-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:["xs","s","m","l"].map(a=>{const t=`w-icon-${a}`,d=`h-icon-${a}`,l=`--size-icon-${a}`,r=i(l);return e.jsxs("div",{className:"text-center space-y-2 border border-gray-200 dark:border-gray-700 rounded-lg p-3",children:[e.jsx("div",{className:`bg-primary rounded mx-auto ${t} ${d}`,style:{width:r||`var(${l})`,height:r||`var(${l})`}}),e.jsx(s.Typography,{tag:"h4",className:"font-semibold",children:a}),r&&e.jsx(s.Typography,{tag:"h4",className:"text-muted text-[10px]",children:r}),e.jsxs(s.Typography,{tag:"h4",className:"text-muted text-[9px] mt-1 break-all px-1",children:[t,", ",d]})]},a)})})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Avatar Sizes",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-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:["s","m","l","xl","xxl","xxxl"].map(a=>{const t=`w-avatar-${a}`,d=`h-avatar-${a}`,l=`--size-avatar-${a}`,r=i(l);return e.jsxs("div",{className:"text-center space-y-2 border border-gray-200 dark:border-gray-700 rounded-lg p-3",children:[e.jsx("div",{className:`bg-primary rounded-full mx-auto ${t} ${d}`,style:{width:r||`var(${l})`,height:r||`var(${l})`}}),e.jsx(s.Typography,{tag:"h4",className:"font-semibold",children:a}),r&&e.jsx(s.Typography,{tag:"h4",className:"text-muted text-[10px]",children:r}),e.jsxs(s.Typography,{tag:"h4",className:"text-muted text-[9px] mt-1 break-all px-1",children:[t,", ",d]})]},a)})})})})})]})]});exports.default=c;
@@ -1,5 +1,5 @@
1
1
  import { jsxs as i, Fragment as c, jsx as e } from "react/jsx-runtime";
2
- import { T as l, C as s, a as n, Z as a, P as m, A as h, c as d } from "../index-kms4xY-n.js";
2
+ import { T as l, C as s, a as n, Z as a, P as m, A as h, c as d } from "../index-B919yoKU.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"),s=require("../index-DWDrAbog.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>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:"Skeleton"}),e.jsx(s.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A skeleton loader component for displaying placeholder content while data is loading."})]}),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-6",children:[e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Default Skeleton"}),e.jsx(s.Skeleton,{})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"With Text Lines"}),e.jsx(s.Skeleton,{shape:"text",count:3})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Circle Shape"}),e.jsxs("div",{className:"flex gap-3",children:[e.jsx(s.Skeleton,{shape:"circle",size:"small",width:"2rem"}),e.jsx(s.Skeleton,{shape:"circle",size:"medium",width:"4rem"}),e.jsx(s.Skeleton,{shape:"circle",size:"large",width:"6rem"})]})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Different Sizes"}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(s.Skeleton,{size:"tiny"}),e.jsx(s.Skeleton,{size:"small"}),e.jsx(s.Skeleton,{size:"medium"}),e.jsx(s.Skeleton,{size:"large"})]})]})]})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Animations",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Shimmer Animation (Default)"}),e.jsx(s.Skeleton,{animation:"shimmer"})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Wave Animation"}),e.jsx(s.Skeleton,{animation:"wave"})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Pulse Animation"}),e.jsx(s.Skeleton,{animation:"pulse"})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"No Animation"}),e.jsx(s.Skeleton,{animation:"none"})]})]})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.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:"space-y-6",children:[e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Rounded (Default)"}),e.jsx(s.Skeleton,{shape:"rounded"})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Rectangle"}),e.jsx(s.Skeleton,{shape:"rectangle"})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Circle"}),e.jsx(s.Skeleton,{shape:"circle",width:"8rem",height:"8rem"})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Text Lines"}),e.jsx(s.Skeleton,{shape:"text",count:4})]})]})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Common Patterns",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Card Skeleton"}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Skeleton,{size:"large",className:"mb-3"}),e.jsx(s.Skeleton,{shape:"text",count:3})]})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Profile Skeleton"}),e.jsx(s.CardContainer,{className:"p-4",children:e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx(s.Skeleton,{shape:"circle",width:"4rem",height:"4rem"}),e.jsxs("div",{className:"flex-1 space-y-2",children:[e.jsx(s.Skeleton,{width:"60%",height:"1rem"}),e.jsx(s.Skeleton,{width:"40%",height:"0.875rem"})]})]})})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"List Skeleton"}),e.jsx(s.CardContainer,{className:"p-4 space-y-3",children:[1,2,3].map(a=>e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(s.Skeleton,{shape:"circle",width:"2.5rem",height:"2.5rem"}),e.jsxs("div",{className:"flex-1 space-y-2",children:[e.jsx(s.Skeleton,{width:"70%",height:"0.875rem"}),e.jsx(s.Skeleton,{width:"50%",height:"0.75rem"})]})]},a))})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Article Skeleton"}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Skeleton,{size:"large",className:"mb-4"}),e.jsx(s.Skeleton,{width:"80%",className:"mb-2 h-6"}),e.jsx(s.Skeleton,{width:"60%",className:"mb-4 h-6"}),e.jsx(s.Skeleton,{shape:"text",count:5})]})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Grid Skeleton"}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[1,2,3].map(a=>e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Skeleton,{height:"10rem",className:"mb-3"}),e.jsx(s.Skeleton,{width:"80%",className:"mb-2 h-5"}),e.jsx(s.Skeleton,{shape:"text",count:2})]},a))})]})]})})})}),e.jsx(s.PropPlayground,{componentName:"Skeleton",defaultValues:{shape:"rounded",animation:"shimmer",size:"medium",count:1},excludeProps:["width","height"],children:a=>e.jsx(s.Skeleton,{...a})}),e.jsx(s.AutoPropsTable,{componentName:"Skeleton"}),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 { Skeleton } from '@e-burgos/tucu-ui';
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>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:"Skeleton"}),e.jsx(s.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A skeleton loader component for displaying placeholder content while data is loading."})]}),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-6",children:[e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Default Skeleton"}),e.jsx(s.Skeleton,{})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"With Text Lines"}),e.jsx(s.Skeleton,{shape:"text",count:3})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Circle Shape"}),e.jsxs("div",{className:"flex gap-3",children:[e.jsx(s.Skeleton,{shape:"circle",size:"small",width:"2rem"}),e.jsx(s.Skeleton,{shape:"circle",size:"medium",width:"4rem"}),e.jsx(s.Skeleton,{shape:"circle",size:"large",width:"6rem"})]})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Different Sizes"}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(s.Skeleton,{size:"tiny"}),e.jsx(s.Skeleton,{size:"small"}),e.jsx(s.Skeleton,{size:"medium"}),e.jsx(s.Skeleton,{size:"large"})]})]})]})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Animations",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Shimmer Animation (Default)"}),e.jsx(s.Skeleton,{animation:"shimmer"})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Wave Animation"}),e.jsx(s.Skeleton,{animation:"wave"})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Pulse Animation"}),e.jsx(s.Skeleton,{animation:"pulse"})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"No Animation"}),e.jsx(s.Skeleton,{animation:"none"})]})]})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.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:"space-y-6",children:[e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Rounded (Default)"}),e.jsx(s.Skeleton,{shape:"rounded"})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Rectangle"}),e.jsx(s.Skeleton,{shape:"rectangle"})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Circle"}),e.jsx(s.Skeleton,{shape:"circle",width:"8rem",height:"8rem"})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Text Lines"}),e.jsx(s.Skeleton,{shape:"text",count:4})]})]})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Common Patterns",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Card Skeleton"}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Skeleton,{size:"large",className:"mb-3"}),e.jsx(s.Skeleton,{shape:"text",count:3})]})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Profile Skeleton"}),e.jsx(s.CardContainer,{className:"p-4",children:e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx(s.Skeleton,{shape:"circle",width:"4rem",height:"4rem"}),e.jsxs("div",{className:"flex-1 space-y-2",children:[e.jsx(s.Skeleton,{width:"60%",height:"1rem"}),e.jsx(s.Skeleton,{width:"40%",height:"0.875rem"})]})]})})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"List Skeleton"}),e.jsx(s.CardContainer,{className:"p-4 space-y-3",children:[1,2,3].map(a=>e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(s.Skeleton,{shape:"circle",width:"2.5rem",height:"2.5rem"}),e.jsxs("div",{className:"flex-1 space-y-2",children:[e.jsx(s.Skeleton,{width:"70%",height:"0.875rem"}),e.jsx(s.Skeleton,{width:"50%",height:"0.75rem"})]})]},a))})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Article Skeleton"}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Skeleton,{size:"large",className:"mb-4"}),e.jsx(s.Skeleton,{width:"80%",className:"mb-2 h-6"}),e.jsx(s.Skeleton,{width:"60%",className:"mb-4 h-6"}),e.jsx(s.Skeleton,{shape:"text",count:5})]})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Grid Skeleton"}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[1,2,3].map(a=>e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Skeleton,{height:"10rem",className:"mb-3"}),e.jsx(s.Skeleton,{width:"80%",className:"mb-2 h-5"}),e.jsx(s.Skeleton,{shape:"text",count:2})]},a))})]})]})})})}),e.jsx(s.PropPlayground,{componentName:"Skeleton",defaultValues:{shape:"rounded",animation:"shimmer",size:"medium",count:1},excludeProps:["width","height"],children:a=>e.jsx(s.Skeleton,{...a})}),e.jsx(s.AutoPropsTable,{componentName:"Skeleton"}),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 { Skeleton } from '@e-burgos/tucu-ui';
2
2
 
3
3
  // Basic usage
4
4
  <Skeleton />
@@ -1,5 +1,5 @@
1
1
  import { jsxs as t, Fragment as c, jsx as e } from "react/jsx-runtime";
2
- import { T as l, C as o, a as u } from "../index-kms4xY-n.js";
2
+ import { T as l, C as o, a as u } from "../index-B919yoKU.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"),l=require("../index-DWDrAbog.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const d=t=>{if(typeof window>"u")return"";const a=document.documentElement;return getComputedStyle(a).getPropertyValue(t).trim()||""},u=()=>{const t=[{value:0,key:"0"},{value:1,key:"1"},{value:2,key:"2"},{value:3,key:"3"},{value:4,key:"4"},{value:5,key:"5"},{value:6,key:"6"},{value:7,key:"7"},{value:8,key:"8"},{value:9,key:"9"},{value:10,key:"10"},{value:11,key:"11"},{value:12,key:"12"},{value:13,key:"13"},{value:14,key:"14"},{value:15,key:"15"},{value:16,key:"16"},{value:17,key:"17"},{value:18,key:"18"},{value:19,key:"19"},{value:20,key:"20"}];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(l.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Spacing System"}),e.jsx(l.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Spacing scale mapped to Tucu UI Design Tokens"})]}),e.jsx(l.CardContainer,{className:"overflow-hidden",children:e.jsx(l.CardTitle,{title:"Spacing 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-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:t.map(a=>{const r=`--spacing-${a.key}`,s=d(r),n=`p-${a.value}, m-${a.value}, gap-${a.value}`,i=a.value.toString();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(l.Typography,{tag:"h4",className:"font-semibold",children:i}),s&&e.jsx(l.Typography,{tag:"h4",className:"text-muted text-[10px]",children:s})]}),e.jsx("div",{className:"bg-primary h-8 rounded w-full",style:{width:s||`var(${r})`,minWidth:"4px"}}),e.jsx(l.Typography,{tag:"h4",className:"text-muted text-[9px] break-all px-1",children:n})]},a.key)})})})})})]})};exports.default=u;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const d=t=>{if(typeof window>"u")return"";const a=document.documentElement;return getComputedStyle(a).getPropertyValue(t).trim()||""},u=()=>{const t=[{value:0,key:"0"},{value:1,key:"1"},{value:2,key:"2"},{value:3,key:"3"},{value:4,key:"4"},{value:5,key:"5"},{value:6,key:"6"},{value:7,key:"7"},{value:8,key:"8"},{value:9,key:"9"},{value:10,key:"10"},{value:11,key:"11"},{value:12,key:"12"},{value:13,key:"13"},{value:14,key:"14"},{value:15,key:"15"},{value:16,key:"16"},{value:17,key:"17"},{value:18,key:"18"},{value:19,key:"19"},{value:20,key:"20"}];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(l.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Spacing System"}),e.jsx(l.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Spacing scale mapped to Tucu UI Design Tokens"})]}),e.jsx(l.CardContainer,{className:"overflow-hidden",children:e.jsx(l.CardTitle,{title:"Spacing 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-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:t.map(a=>{const r=`--spacing-${a.key}`,s=d(r),n=`p-${a.value}, m-${a.value}, gap-${a.value}`,i=a.value.toString();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(l.Typography,{tag:"h4",className:"font-semibold",children:i}),s&&e.jsx(l.Typography,{tag:"h4",className:"text-muted text-[10px]",children:s})]}),e.jsx("div",{className:"bg-primary h-8 rounded w-full",style:{width:s||`var(${r})`,minWidth:"4px"}}),e.jsx(l.Typography,{tag:"h4",className:"text-muted text-[9px] break-all px-1",children:n})]},a.key)})})})})})]})};exports.default=u;
@@ -1,5 +1,5 @@
1
1
  import { jsxs as a, Fragment as c, jsx as e } from "react/jsx-runtime";
2
- import { T as l, C as i, a as n, ac as r, P as o, A as m, c as d } from "../index-kms4xY-n.js";
2
+ import { T as l, C as i, a as n, ac as r, P as o, A as m, c as d } from "../index-B919yoKU.js";
3
3
  import "lucide-react";
4
4
  import "react-router-dom";
5
5
  import "react";