@e-burgos/tucu-ui 2.0.4 → 2.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/inputs/file-input.d.ts +1 -7
- package/demo/pages/introduction/BasicUsageDemo.d.ts +1 -1
- package/documentation/{APIReferenceSection-CpVd3Xjx.js → APIReferenceSection-5NIzxE3h.js} +1 -1
- package/documentation/{APIReferenceSection-CkbDOII-.js → APIReferenceSection-Ce8zFFzl.js} +1 -1
- package/documentation/{ActiveLinkSection-DYPp4Zg0.js → ActiveLinkSection-B-OjIv25.js} +1 -1
- package/documentation/{ActiveLinkSection-CpzFDISY.js → ActiveLinkSection-Cfder2gM.js} +1 -1
- package/documentation/{AdvancedColorSystemSection-CODz6Wv7.js → AdvancedColorSystemSection-1p7Gzgv7.js} +1 -1
- package/documentation/{AdvancedColorSystemSection-C8-q7nNW.js → AdvancedColorSystemSection-Dvs9aiJv.js} +1 -1
- package/documentation/{AdvancedFeaturesSection-CPokeoIR.js → AdvancedFeaturesSection-BcZzGuLC.js} +1 -1
- package/documentation/{AdvancedFeaturesSection-CT5LPMRT.js → AdvancedFeaturesSection-BoNIb9oH.js} +1 -1
- package/documentation/{AdvancedFeaturesSection-DfczHWMU.js → AdvancedFeaturesSection-Bw-yEeIB.js} +1 -1
- package/documentation/{AdvancedFeaturesSection-wx6bqfbU.js → AdvancedFeaturesSection-CJbGz9l9.js} +1 -1
- package/documentation/{AlertSection-pO3LOWb0.js → AlertSection-1mnmAGE8.js} +1 -1
- package/documentation/{AlertSection-M-ADbyNs.js → AlertSection-DLSlCvUX.js} +1 -1
- package/documentation/{AnchorLinkSection-DrwLaGpe.js → AnchorLinkSection-BkC1XlUO.js} +1 -1
- package/documentation/{AnchorLinkSection-DOQLfXNM.js → AnchorLinkSection-DtkZLFtc.js} +1 -1
- package/documentation/{ArchitecturalPatternsComparisonSection-D3qDb8oV.js → ArchitecturalPatternsComparisonSection-BmurN8qG.js} +1 -1
- package/documentation/{ArchitecturalPatternsComparisonSection-OgRFV5Gn.js → ArchitecturalPatternsComparisonSection-Dwlq44TJ.js} +1 -1
- package/documentation/{ArchitectureOverviewSection-C4SPa6fm.js → ArchitectureOverviewSection-CQj0Os1t.js} +1 -1
- package/documentation/{ArchitectureOverviewSection-DJ6szT6V.js → ArchitectureOverviewSection-Cc4iZOZ9.js} +1 -1
- package/documentation/{AreaChartSection-CM7nymKJ.js → AreaChartSection-CdymW4XW.js} +1 -1
- package/documentation/{AreaChartSection-DdoeVQoB.js → AreaChartSection-okjH0UNh.js} +1 -1
- package/documentation/{AuthorCardSection-C-tk6Y7D.js → AuthorCardSection-BVzTIrw9.js} +1 -1
- package/documentation/{AuthorCardSection-P8sPh0d7.js → AuthorCardSection-DyH2f3Hs.js} +1 -1
- package/documentation/{AvatarSection-DXJRt7X9.js → AvatarSection-BvtkeOrt.js} +1 -1
- package/documentation/{AvatarSection-KUgwOb7k.js → AvatarSection-CWj6h6Xw.js} +1 -1
- package/documentation/{BadgeSection-BDS8NdU8.js → BadgeSection-Bm2kMztE.js} +1 -1
- package/documentation/{BadgeSection-Da5iTRZq.js → BadgeSection-D5PSo5Ha.js} +1 -1
- package/documentation/{BarChartSection-EN1OqYoj.js → BarChartSection-DNhGp-SX.js} +1 -1
- package/documentation/{BarChartSection-CdcAAYG-.js → BarChartSection-DOO1X0Ls.js} +1 -1
- package/documentation/{BasicTableSection-B-BGv1Tg.js → BasicTableSection-B2GWADgL.js} +1 -1
- package/documentation/{BasicTableSection-DZASBtqv.js → BasicTableSection-BWdAaKCh.js} +1 -1
- package/documentation/{BasicUsageSection-Cyj_uLkj.js → BasicUsageSection-C26gvzBZ.js} +1 -1
- package/documentation/{BasicUsageSection-9USFmdGa.js → BasicUsageSection-CiAmGFF6.js} +1 -1
- package/documentation/{BestPracticesSection-DDSMtR6c.js → BestPracticesSection--qw-Bu17.js} +1 -1
- package/documentation/{BestPracticesSection-B9Ok_QEu.js → BestPracticesSection-BLO5W3Dz.js} +1 -1
- package/documentation/{BestPracticesSection-DIYdJV66.js → BestPracticesSection-BQexEz6I.js} +1 -1
- package/documentation/{BestPracticesSection-DOLkJn-G.js → BestPracticesSection-BelrvRky.js} +1 -1
- package/documentation/{BestPracticesSection-Bbsf74bT.js → BestPracticesSection-C51kB-ds.js} +1 -1
- package/documentation/{BestPracticesSection-NsZAn0RE.js → BestPracticesSection-CUi5U-9F.js} +1 -1
- package/documentation/{BestPracticesSection-CnVEvflQ.js → BestPracticesSection-CanX6URp.js} +1 -1
- package/documentation/{BestPracticesSection-DYVhfzE6.js → BestPracticesSection-D9A1lsfb.js} +1 -1
- package/documentation/{BestPracticesSection-BgIFl9EC.js → BestPracticesSection-DEmC0S-K.js} +1 -1
- package/documentation/{BestPracticesSection-uZIOlRpC.js → BestPracticesSection-DLPSyeBF.js} +1 -1
- package/documentation/{BestPracticesSection-CS9RAMVi.js → BestPracticesSection-Duk-VLd3.js} +1 -1
- package/documentation/{BestPracticesSection-c2rhfHLA.js → BestPracticesSection-VeEUdINe.js} +1 -1
- package/documentation/{BestPracticesSection-aJyw2jIF.js → BestPracticesSection-p2NFG4oR.js} +1 -1
- package/documentation/{BestPracticesSection-BwenEe-Y.js → BestPracticesSection-q-nfGUu_.js} +1 -1
- package/documentation/{BorderRadiusSection-BhNShk2O.js → BorderRadiusSection-CPv-iEOg.js} +1 -1
- package/documentation/{BorderRadiusSection-D1lTcnl0.js → BorderRadiusSection-CWtBKR4n.js} +1 -1
- package/documentation/{ButtonDripSection-CKYJay9N.js → ButtonDripSection-CdyZmshO.js} +1 -1
- package/documentation/{ButtonDripSection-C1vY2CzY.js → ButtonDripSection-DvqrkiYu.js} +1 -1
- package/documentation/{ButtonLoaderSection-DlQb_Bqb.js → ButtonLoaderSection-BUhnf9_M.js} +1 -1
- package/documentation/{ButtonLoaderSection-DKQi-oTv.js → ButtonLoaderSection-DuQTP5Pe.js} +1 -1
- package/documentation/{CardContainerSection-B8AGux8b.js → CardContainerSection-DMJza1QB.js} +1 -1
- package/documentation/{CardContainerSection-CdASbRnV.js → CardContainerSection-DbKJDPWw.js} +1 -1
- package/documentation/{CardSection-DlgqI72V.js → CardSection-B0iqiFGj.js} +1 -1
- package/documentation/{CardSection-Do7VBcYz.js → CardSection-D15Ow_Tr.js} +1 -1
- package/documentation/{CardTitleSection-DGccHBTI.js → CardTitleSection-BMhuTc5Q.js} +1 -1
- package/documentation/{CardTitleSection-CTy97wuG.js → CardTitleSection-DisE8DYA.js} +1 -1
- package/documentation/{CarouselCardsSection-D_KfDV2g.js → CarouselCardsSection-0SbaZLzB.js} +1 -1
- package/documentation/{CarouselCardsSection-CnuIZycb.js → CarouselCardsSection-D6dpilRA.js} +1 -1
- package/documentation/{CarouselImageSection-D4hTf6Z0.js → CarouselImageSection-C1a20WIc.js} +1 -1
- package/documentation/{CarouselImageSection-CD0fv4kK.js → CarouselImageSection-Ckn2QzLs.js} +1 -1
- package/documentation/{CarouselSection-Brd953Fb.js → CarouselSection-DY1Th7wv.js} +1 -1
- package/documentation/{CarouselSection-C9425lXN.js → CarouselSection-JMkeqyoM.js} +1 -1
- package/documentation/{CheckboxSection-CU5tyHMH.js → CheckboxSection-Buj9JUAs.js} +1 -1
- package/documentation/{CheckboxSection-CQIxbre6.js → CheckboxSection-C1oqzuhJ.js} +1 -1
- package/documentation/{CodeExamplesSection-DAHf5u7i.js → CodeExamplesSection-B0jHjim2.js} +1 -1
- package/documentation/{CodeExamplesSection-D3oeJD_J.js → CodeExamplesSection-lkjYxBX5.js} +1 -1
- package/documentation/{CoinCardSection-BtB86t_Y.js → CoinCardSection-lZUwQvyi.js} +1 -1
- package/documentation/{CoinCardSection-BtUjNiqi.js → CoinCardSection-ohLbWYUh.js} +1 -1
- package/documentation/{CoinInfoCardSection-odhu-ChN.js → CoinInfoCardSection-6w-hnHtq.js} +1 -1
- package/documentation/{CoinInfoCardSection-B0l6nYWu.js → CoinInfoCardSection-CSpda5W2.js} +1 -1
- package/documentation/{CoinListBoxSection-DQbdORng.js → CoinListBoxSection-CjuPiQY-.js} +1 -1
- package/documentation/{CoinListBoxSection-Cfy0WYOK.js → CoinListBoxSection-if4oi10E.js} +1 -1
- package/documentation/{CollapseSection-CI79e0rH.js → CollapseSection-Ce00qgAG.js} +1 -1
- package/documentation/{CollapseSection-1AyxKtyh.js → CollapseSection-DvdDK90_.js} +1 -1
- package/documentation/{CollectionCardSection-DdwUntub.js → CollectionCardSection-BXYryNM2.js} +1 -1
- package/documentation/{CollectionCardSection-DS1mZrSu.js → CollectionCardSection-Bjysn0MP.js} +1 -1
- package/documentation/{CollectionSelectListSection-B4bgHz6F.js → CollectionSelectListSection-D8YxEcci.js} +1 -1
- package/documentation/{CollectionSelectListSection-CqNEZLrW.js → CollectionSelectListSection-NYI1Ct1i.js} +1 -1
- package/documentation/{ColorCustomizationSection-BmJzT1u1.js → ColorCustomizationSection-BGlYoLkQ.js} +1 -1
- package/documentation/{ColorCustomizationSection-DxKogmSF.js → ColorCustomizationSection-CBWK9uUm.js} +1 -1
- package/documentation/{ColorSystemSection-Be6CJ_qR.js → ColorSystemSection-Dn79GFEE.js} +1 -1
- package/documentation/{ColorSystemSection-ROEkhEeH.js → ColorSystemSection-DpzFTiQX.js} +1 -1
- package/documentation/{CommonErrorsSection-C8GoonfY.js → CommonErrorsSection-Bu3N9AeP.js} +1 -1
- package/documentation/{CommonErrorsSection-5n2RFTOS.js → CommonErrorsSection-CfJggoGk.js} +1 -1
- package/documentation/{ComponentAnatomySection-BmlI14Nf.js → ComponentAnatomySection-B6siwlGr.js} +1 -1
- package/documentation/{ComponentAnatomySection-tEz92Ng-.js → ComponentAnatomySection-DZ7Qu5NO.js} +1 -1
- package/documentation/{ComponentStatusSection-DwwRcvEd.js → ComponentStatusSection-3ZQq3TuC.js} +1 -1
- package/documentation/{ComponentStatusSection-DA70myqK.js → ComponentStatusSection-BAcHk045.js} +1 -1
- package/documentation/{ComposedChartSection-PRWReilC.js → ComposedChartSection-Ckh3P98Y.js} +1 -1
- package/documentation/{ComposedChartSection-CSasm_A4.js → ComposedChartSection-DA6YnjWr.js} +1 -1
- package/documentation/{CurrencySwapIconsSection-C6Og4TeP.js → CurrencySwapIconsSection-C28raPLN.js} +1 -1
- package/documentation/{CurrencySwapIconsSection-D-GhRHCi.js → CurrencySwapIconsSection-C7OcC3fI.js} +1 -1
- package/documentation/{CustomColorPaletteSection-DUhhLGOU.js → CustomColorPaletteSection-CjZQJ8X1.js} +1 -1
- package/documentation/{CustomColorPaletteSection-DNgmPGoe.js → CustomColorPaletteSection-DMSw8nDk.js} +1 -1
- package/documentation/{CustomIconsSection-BCf8UN2c.js → CustomIconsSection-BwjM43mD.js} +1 -1
- package/documentation/{CustomIconsSection-DGn1HMN8.js → CustomIconsSection-DrojbM8n.js} +1 -1
- package/documentation/{DefiAppLogoSection-CniFLoNx.js → DefiAppLogoSection-BdZjkLmq.js} +1 -1
- package/documentation/{DefiAppLogoSection-DjnvrP3j.js → DefiAppLogoSection-Dk2oHuhM.js} +1 -1
- package/documentation/{DesignPrinciplesSection-C-qZ5KCo.js → DesignPrinciplesSection-Bya4UXPp.js} +1 -1
- package/documentation/{DesignPrinciplesSection-MeMVZ3ry.js → DesignPrinciplesSection-DnoNOVM9.js} +1 -1
- package/documentation/{DrawerSection-Cdhpw0Zp.js → DrawerSection-6g2F0eId.js} +1 -1
- package/documentation/{DrawerSection-9NhdERLz.js → DrawerSection-DB25BxGr.js} +1 -1
- package/documentation/{DynamicRoutesSection-DAQlCst_.js → DynamicRoutesSection-BMaLmxpb.js} +1 -1
- package/documentation/{DynamicRoutesSection-BtECxWUj.js → DynamicRoutesSection-C8c26l82.js} +1 -1
- package/documentation/{FileInputSection-BWUvvvdy.js → FileInputSection-DSj8ZQzS.js} +1 -1
- package/documentation/{FileInputSection-z7_AAkz8.js → FileInputSection-DhXUezmH.js} +1 -1
- package/documentation/{FileStructureSection-lLqJHP56.js → FileStructureSection-Bcx6ldJU.js} +1 -1
- package/documentation/{FileStructureSection-Dsr2yojr.js → FileStructureSection-wjvqCs_f.js} +1 -1
- package/documentation/{FormComponentsSection-CQ2sazLF.js → FormComponentsSection-DeI3K5Bx.js} +1 -1
- package/documentation/{FormComponentsSection-BTYt0wTN.js → FormComponentsSection-Dy3KNt39.js} +1 -1
- package/documentation/{FormMethodsSection-CAjYlJPM.js → FormMethodsSection-B1EM4N6A.js} +1 -1
- package/documentation/{FormMethodsSection-Chx9tNa_.js → FormMethodsSection-yuuuYyXy.js} +1 -1
- package/documentation/{HamburgerSection-CASzjAC6.js → HamburgerSection-DgPmVO-i.js} +1 -1
- package/documentation/{HamburgerSection-UacK_FKv.js → HamburgerSection-aBZD1-TZ.js} +1 -1
- package/documentation/{HookCategoriesSection-C6-2BbvM.js → HookCategoriesSection-CgVVDDDP.js} +1 -1
- package/documentation/{HookCategoriesSection-U7rN5EGL.js → HookCategoriesSection-D1s7HBs3.js} +1 -1
- package/documentation/{HookDocumentationSection-HIifl_N4.js → HookDocumentationSection-BX4ihZ7n.js} +1 -1
- package/documentation/{HookDocumentationSection-DIXoOh2V.js → HookDocumentationSection-D-uyTvbo.js} +1 -1
- package/documentation/{HookFeaturesSection-Dk27SI6j.js → HookFeaturesSection-BJ46pxde.js} +1 -1
- package/documentation/{HookFeaturesSection-DNjNJYVR.js → HookFeaturesSection-DG0c6Nuc.js} +1 -1
- package/documentation/{IconArchitectureSection-rTqgxU01.js → IconArchitectureSection-C-2VbuA5.js} +1 -1
- package/documentation/{IconArchitectureSection-CcpjgUuZ.js → IconArchitectureSection-CURuLfbA.js} +1 -1
- package/documentation/{IconSizingGuideSection-ir5Wu2LZ.js → IconSizingGuideSection-CZlzz3vM.js} +1 -1
- package/documentation/{IconSizingGuideSection-BAd6zU-Z.js → IconSizingGuideSection-CtgUCS1M.js} +1 -1
- package/documentation/{IconSystemAPISection-DjqSJX-n.js → IconSystemAPISection-Bt0cGg5z.js} +1 -1
- package/documentation/{IconSystemAPISection-BHp-ZXWb.js → IconSystemAPISection-iR2Mtl7J.js} +1 -1
- package/documentation/{IconSystemBenefitsSection-B6NiBLre.js → IconSystemBenefitsSection-BwEGIaSi.js} +1 -1
- package/documentation/{IconSystemBenefitsSection-B7zV2HaH.js → IconSystemBenefitsSection-Cm4GLorJ.js} +1 -1
- package/documentation/{ImageSection-aotN8Y5u.js → ImageSection-C8chUyse.js} +1 -1
- package/documentation/{ImageSection-DmMdByn7.js → ImageSection-DHl4Qi57.js} +1 -1
- package/documentation/{ImplementationExamplesSection-BJ0_Xcm2.js → ImplementationExamplesSection-B6RCd5xn.js} +1 -1
- package/documentation/{ImplementationExamplesSection-BLHthYw_.js → ImplementationExamplesSection-Dm0hQvIt.js} +1 -1
- package/documentation/{ImplementationGuidelinesSection-Ce47rAwZ.js → ImplementationGuidelinesSection-DcophD9I.js} +1 -1
- package/documentation/{ImplementationGuidelinesSection-DALPPZXc.js → ImplementationGuidelinesSection-tk4hHb4H.js} +1 -1
- package/documentation/{ImplementationStatusSection-Yio9MCtk.js → ImplementationStatusSection-ByTHYlfd.js} +1 -1
- package/documentation/{ImplementationStatusSection-DuuoDSqC.js → ImplementationStatusSection-t7Ud-c-d.js} +1 -1
- package/documentation/{ImplementedFeaturesSection-CLNTmpD5.js → ImplementedFeaturesSection-BFxz_WX2.js} +1 -1
- package/documentation/{ImplementedFeaturesSection-DIxdEibl.js → ImplementedFeaturesSection-DHZ1Aoer.js} +1 -1
- package/documentation/{InfoCardSection-CJbU2q_-.js → InfoCardSection-CXtp4OUe.js} +1 -1
- package/documentation/{InfoCardSection-CJfS4aKJ.js → InfoCardSection-CzJ00hH4.js} +1 -1
- package/documentation/{InputSearcherSection-dA4h9pbM.js → InputSearcherSection-CBLbEei3.js} +1 -1
- package/documentation/{InputSearcherSection-DJFKLySX.js → InputSearcherSection-Ov5f1QPG.js} +1 -1
- package/documentation/{InputSection-Bxr_GgjZ.js → InputSection-D3bakYUu.js} +1 -1
- package/documentation/{InputSection-ov-x_YF3.js → InputSection-DBXbkW_W.js} +1 -1
- package/documentation/{KeyValueRowSection-yrhHBRqx.js → KeyValueRowSection-BD_lOH5W.js} +1 -1
- package/documentation/{KeyValueRowSection-BWen5IUr.js → KeyValueRowSection-DvNMMIDZ.js} +1 -1
- package/documentation/{KeyboardNavigationSection-BGnlktrj.js → KeyboardNavigationSection-B3CapHsF.js} +1 -1
- package/documentation/{KeyboardNavigationSection-Cd0_tM_9.js → KeyboardNavigationSection-gUHJqFCG.js} +1 -1
- package/documentation/{LayoutPrinciplesSection-BiLVZUWB.js → LayoutPrinciplesSection-CVuWM79D.js} +1 -1
- package/documentation/{LayoutPrinciplesSection-Cw3geSSU.js → LayoutPrinciplesSection-Dj2hqcrM.js} +1 -1
- package/documentation/{LayoutTypesSection-JuEAJpD7.js → LayoutTypesSection-B56uscQO.js} +1 -1
- package/documentation/{LayoutTypesSection-BmCcA7uZ.js → LayoutTypesSection-BGRpmQ7T.js} +1 -1
- package/documentation/{LineChartSection-Bh98x9zB.js → LineChartSection-BGX0Wcvh.js} +1 -1
- package/documentation/{LineChartSection-DMwIu5-a.js → LineChartSection-Ceg7C-cC.js} +1 -1
- package/documentation/{ListContainerSection-CQmmUhTt.js → ListContainerSection-BNSF4SI5.js} +1 -1
- package/documentation/{ListContainerSection-C2hLnnvb.js → ListContainerSection-CV4u-qOK.js} +1 -1
- package/documentation/{ListItemSection-DcGQ2O65.js → ListItemSection-3dc6RiQQ.js} +1 -1
- package/documentation/{ListItemSection-DmnK0EWC.js → ListItemSection-Di43gH3_.js} +1 -1
- package/documentation/{LiveDemoSection-rJwhZCYb.js → LiveDemoSection-BBUhl8mE.js} +1 -1
- package/documentation/{LiveDemoSection-D4tXR1dN.js → LiveDemoSection-BXUNaySE.js} +1 -1
- package/documentation/{LiveDemonstrationsSection-B3OoGiTI.js → LiveDemonstrationsSection-CfXiNDVi.js} +1 -1
- package/documentation/{LiveDemonstrationsSection-gPinOtv1.js → LiveDemonstrationsSection-DrHe0jRp.js} +1 -1
- package/documentation/{LivePriceFeedSection-DSgN87uI.js → LivePriceFeedSection-CtMkcanM.js} +1 -1
- package/documentation/{LivePriceFeedSection-CD630ncd.js → LivePriceFeedSection-fB3CGfMo.js} +1 -1
- package/documentation/{LoaderSection-C2o59OWq.js → LoaderSection-BK2XhwSF.js} +1 -1
- package/documentation/{LoaderSection-DZ1uAwdN.js → LoaderSection-BqBjL_ce.js} +1 -1
- package/documentation/{LogoSection-dqbh0Im9.js → LogoSection-C3gHZ6ZG.js} +1 -1
- package/documentation/{LogoSection-De8Ynlcs.js → LogoSection-DgveoBy0.js} +1 -1
- package/documentation/{LucideIconsSection-BHzsnkdc.js → LucideIconsSection-D7ajDS86.js} +1 -1
- package/documentation/{LucideIconsSection-DxzfAVW8.js → LucideIconsSection-EeXM46-p.js} +1 -1
- package/documentation/{MFESupportSection-BWJEFrx0.js → MFESupportSection-CW27A3eK.js} +1 -1
- package/documentation/{MFESupportSection-Dcban-qc.js → MFESupportSection-ZymRZFpR.js} +1 -1
- package/documentation/{MenuItemsGuideSection-CYAQbSyQ.js → MenuItemsGuideSection-CLotbYiV.js} +1 -1
- package/documentation/{MenuItemsGuideSection-B7ns2eIP.js → MenuItemsGuideSection-UQkVcqZq.js} +1 -1
- package/documentation/{ModalSection-C_lBwjnQ.js → ModalSection-B88ZyCk1.js} +1 -1
- package/documentation/{ModalSection-C-d_lAT8.js → ModalSection-_bluxlpe.js} +1 -1
- package/documentation/{NFTGridSection-CsWKHw44.js → NFTGridSection-BBn-BSxV.js} +1 -1
- package/documentation/{NFTGridSection-CVtn_SUt.js → NFTGridSection-DuqL8orZ.js} +1 -1
- package/documentation/{NestedRoutesSection-pTexdauI.js → NestedRoutesSection-Ba8XhwvK.js} +1 -1
- package/documentation/{NestedRoutesSection-D_bbd0JG.js → NestedRoutesSection-CNb6PpdJ.js} +1 -1
- package/documentation/{NotificationCardSection-DsLRL50j.js → NotificationCardSection-Bhd6YH-F.js} +1 -1
- package/documentation/{NotificationCardSection-D3UIXmC_.js → NotificationCardSection-Dr40YILh.js} +1 -1
- package/documentation/{PaginationSection-C2bSDt2F.js → PaginationSection-DZQzrh1r.js} +1 -1
- package/documentation/{PaginationSection-BXaYbNh1.js → PaginationSection-DaeYPA4C.js} +1 -1
- package/documentation/{PanelActionCardSection-CYJfjVtG.js → PanelActionCardSection-Ie-VVm_6.js} +1 -1
- package/documentation/{PanelActionCardSection-BDm3oVes.js → PanelActionCardSection-eVZpdoU4.js} +1 -1
- package/documentation/{PanelCardSection-NTEJHr8b.js → PanelCardSection-B4QTB7gx.js} +1 -1
- package/documentation/{PanelCardSection-Z2RQUWyn.js → PanelCardSection-Bnvutn7v.js} +1 -1
- package/documentation/{ParamTabSection-guQ8aCfG.js → ParamTabSection-BboYSU6I.js} +1 -1
- package/documentation/{ParamTabSection-DHux5HXO.js → ParamTabSection-Cxjr0T-p.js} +1 -1
- package/documentation/{PieChartSection-Ctpv_sQm.js → PieChartSection-B5iqTd6a.js} +1 -1
- package/documentation/{PieChartSection-DCd5rWoT.js → PieChartSection-CmsDq0aK.js} +1 -1
- package/documentation/{PinCodeSection-BD-IvqDl.js → PinCodeSection-DEw-EzEd.js} +1 -1
- package/documentation/{PinCodeSection-BT8N9C8F.js → PinCodeSection-_XK_i3H0.js} +1 -1
- package/documentation/{ProgressbarSection-0k92jI5-.js → ProgressbarSection-BiRKgrX8.js} +1 -1
- package/documentation/{ProgressbarSection-B_IkBplz.js → ProgressbarSection-C3dnsQVG.js} +1 -1
- package/documentation/{RadarChartSection-xtNri81K.js → RadarChartSection-CZwYUbhE.js} +1 -1
- package/documentation/{RadarChartSection-rlh1Mx6y.js → RadarChartSection-D4WGzYMh.js} +1 -1
- package/documentation/{RadioGroupSection-DTXIBYvs.js → RadioGroupSection-Brsh4Wal.js} +1 -1
- package/documentation/{RadioGroupSection-B6Lb9DJI.js → RadioGroupSection-DCLnuxAm.js} +1 -1
- package/documentation/{RadioSection-C1GS5cuC.js → RadioSection-BJAmV7jS.js} +1 -1
- package/documentation/{RadioSection-BsXiDZ98.js → RadioSection-DW571IOX.js} +1 -1
- package/documentation/{RevealContentSection-BAIqcjgW.js → RevealContentSection-Bp90Pdd6.js} +1 -1
- package/documentation/{RevealContentSection-DzAyW5_3.js → RevealContentSection-aEH6B3Fa.js} +1 -1
- package/documentation/{RouteConfigurationSection-CjEKyhcb.js → RouteConfigurationSection-BTMaahtj.js} +1 -1
- package/documentation/{RouteConfigurationSection-BJJSsQGy.js → RouteConfigurationSection-C4cXfBUN.js} +1 -1
- package/documentation/{ScrollToTopSection-Dpp5zKo8.js → ScrollToTopSection-BjvSaBlx.js} +1 -1
- package/documentation/{ScrollToTopSection-DkTL1Uzw.js → ScrollToTopSection-zDW1G7Hj.js} +1 -1
- package/documentation/{ScrollbarSection-DgWHzwSj.js → ScrollbarSection-9TgDRatW.js} +1 -1
- package/documentation/{ScrollbarSection-DBb7xv-n.js → ScrollbarSection-DB4wz_1n.js} +1 -1
- package/documentation/{SelectSection-riGB2r-n.js → SelectSection-CuCOpeCn.js} +1 -1
- package/documentation/{SelectSection-CFCIpkk9.js → SelectSection-DUiUcUBY.js} +1 -1
- package/documentation/{SettingsPanelSection-BwGt_yfC.js → SettingsPanelSection-BqSLtnYt.js} +1 -1
- package/documentation/{SettingsPanelSection-8GHz0Skb.js → SettingsPanelSection-CBDKoU0z.js} +1 -1
- package/documentation/{ShadowsSection-DA19Spgp.js → ShadowsSection-CBZ4wa0t.js} +1 -1
- package/documentation/{ShadowsSection-atJzmD4a.js → ShadowsSection-DkuPXflP.js} +1 -1
- package/documentation/{SidebarMenuSection-DKQOSTpx.js → SidebarMenuSection-BGMz0EFc.js} +1 -1
- package/documentation/{SidebarMenuSection-BTDUb7C_.js → SidebarMenuSection-Cu3MBodF.js} +1 -1
- package/documentation/{SidebarSection-BsCGHss5.js → SidebarSection-B0Q9BrWf.js} +1 -1
- package/documentation/{SidebarSection-CC2ftWvz.js → SidebarSection-_fncZECB.js} +1 -1
- package/documentation/{SizingSection-DuGndhns.js → SizingSection-BRs_QZ8E.js} +1 -1
- package/documentation/{SizingSection-Mtr72tp-.js → SizingSection-BZG-CTFD.js} +1 -1
- package/documentation/{SkeletonSection-DvTIosHm.js → SkeletonSection-CvxwSWwR.js} +1 -1
- package/documentation/{SkeletonSection-By7tCQ4L.js → SkeletonSection-oeshNePF.js} +1 -1
- package/documentation/{SpacingSystemSection-W21eHPxd.js → SpacingSystemSection-B2_wDld8.js} +1 -1
- package/documentation/{SpacingSystemSection-DJY3DtA0.js → SpacingSystemSection-CM2yZGzx.js} +1 -1
- package/documentation/{SpinnerSection-CxqETXkr.js → SpinnerSection-DnpC2ob0.js} +1 -1
- package/documentation/{SpinnerSection-DM6XfYNN.js → SpinnerSection-NFH_Mw6g.js} +1 -1
- package/documentation/{StandaloneAppSection-B0E2-lHr.js → StandaloneAppSection-CKCgLLAV.js} +1 -1
- package/documentation/{StandaloneAppSection-mSP8bRjv.js → StandaloneAppSection-CwGKuVZU.js} +1 -1
- package/documentation/{StepperSection-DzQ4ZWqb.js → StepperSection-Cpn220R1.js} +1 -1
- package/documentation/{StepperSection-CXs-4m-g.js → StepperSection-efW1NQ0f.js} +1 -1
- package/documentation/{SwitchSection-Cw1p4RAV.js → SwitchSection-DcFWtiXd.js} +1 -1
- package/documentation/{SwitchSection-ComDj4vK.js → SwitchSection-r9KfUNlh.js} +1 -1
- package/documentation/{SystemOverviewSection-DcC2nzWM.js → SystemOverviewSection-CYy8IBpL.js} +1 -1
- package/documentation/{SystemOverviewSection-CB4XUjya.js → SystemOverviewSection-GvLXbZUI.js} +1 -1
- package/documentation/{TabModalSection-D7kjNL_j.js → TabModalSection-BggXWh_W.js} +1 -1
- package/documentation/{TabModalSection-D5DxXCPA.js → TabModalSection-Cu5hFvsO.js} +1 -1
- package/documentation/{TabSection-L8vvzdZq.js → TabSection-BFaE_l9I.js} +1 -1
- package/documentation/{TabSection-CLig02Jq.js → TabSection-CnB-uDch.js} +1 -1
- package/documentation/{TabSelectSection-DovVypr5.js → TabSelectSection-DPLfLMP_.js} +1 -1
- package/documentation/{TabSelectSection-C3uSu4Tb.js → TabSelectSection-Hg0rgmfI.js} +1 -1
- package/documentation/{TailwindConfigSection-DhBuW-uS.js → TailwindConfigSection-DiwkqCaZ.js} +1 -1
- package/documentation/{TailwindConfigSection-Cae-h3MW.js → TailwindConfigSection-kpvPxjFu.js} +1 -1
- package/documentation/{TestingSection-D76WU2E_.js → TestingSection-B-NhLP3B.js} +1 -1
- package/documentation/{TestingSection-Bv6OBqHc.js → TestingSection-B_5gO0Fu.js} +1 -1
- package/documentation/{TextareaSection-BXDH8mQI.js → TextareaSection-CFMrk7-d.js} +1 -1
- package/documentation/{TextareaSection-BAc73Q3K.js → TextareaSection-CGX7U5z3.js} +1 -1
- package/documentation/{ThemeArchitectureSection-DEqHdCLa.js → ThemeArchitectureSection-BJtQp08X.js} +1 -1
- package/documentation/{ThemeArchitectureSection-DFcj4Sf9.js → ThemeArchitectureSection-C_KTw0Qt.js} +1 -1
- package/documentation/{ThemeConfigurationSection-D299ICxo.js → ThemeConfigurationSection-D4gMbMaH.js} +1 -1
- package/documentation/{ThemeConfigurationSection-CmD-wjGZ.js → ThemeConfigurationSection-D5cShR_I.js} +1 -1
- package/documentation/{ThemeHooksSection-DOm5a7FR.js → ThemeHooksSection-CtBPmTwz.js} +1 -1
- package/documentation/{ThemeHooksSection-DsAsY2qd.js → ThemeHooksSection-DGjLuf9f.js} +1 -1
- package/documentation/{ThemeProviderIntegrationSection-D9xmfEve.js → ThemeProviderIntegrationSection-DD9vba4U.js} +1 -1
- package/documentation/{ThemeProviderIntegrationSection-1aykNRXQ.js → ThemeProviderIntegrationSection-fjJyMnVI.js} +1 -1
- package/documentation/{ThemeProviderRequiredSection-sViX_FO7.js → ThemeProviderRequiredSection-C51pFaD_.js} +1 -1
- package/documentation/{ThemeProviderRequiredSection-DfNXhp3f.js → ThemeProviderRequiredSection-DCwcEDEB.js} +1 -1
- package/documentation/{ThemeProviderSection-CT5hlFD2.js → ThemeProviderSection-Cdh5f9CQ.js} +1 -1
- package/documentation/{ThemeProviderSection-BFtuOM3w.js → ThemeProviderSection-Duhj0yh7.js} +1 -1
- package/documentation/{ToastSection-DD18GmJl.js → ToastSection-BWOj7sNT.js} +1 -1
- package/documentation/{ToastSection-DoHzysF9.js → ToastSection-Dp7uB84m.js} +1 -1
- package/documentation/{ToggleBarSection-BpxFr9W6.js → ToggleBarSection-BK9vLumq.js} +1 -1
- package/documentation/{ToggleBarSection-D3BYm7ZV.js → ToggleBarSection-CzR5L8Y8.js} +1 -1
- package/documentation/{TooltipSection-5th4KA-K.js → TooltipSection-CloPvZtN.js} +1 -1
- package/documentation/{TooltipSection-BeW0mvEG.js → TooltipSection-JAMTIcdS.js} +1 -1
- package/documentation/{TopupButtonSection-Cw92WCuk.js → TopupButtonSection-FiGGvfi9.js} +1 -1
- package/documentation/{TopupButtonSection-C419_R5w.js → TopupButtonSection-WiC-0mrT.js} +1 -1
- package/documentation/{TransactionInfoSection-CF0j2oxc.js → TransactionInfoSection-D43Gb2b8.js} +1 -1
- package/documentation/{TransactionInfoSection-cKwmQpgL.js → TransactionInfoSection-pX2z0iup.js} +1 -1
- package/documentation/{TucuUiLogoSection-NYK0oUdj.js → TucuUiLogoSection-d28S8hsX.js} +1 -1
- package/documentation/{TucuUiLogoSection-BuasEv--.js → TucuUiLogoSection-oaz7vviE.js} +1 -1
- package/documentation/{TypographySection-CpjtNAfZ.js → TypographySection-CBOFOuPJ.js} +1 -1
- package/documentation/{TypographySection-uhboa1b_.js → TypographySection-CYzZMbJZ.js} +1 -1
- package/documentation/{TypographySection-CjGIv22g.js → TypographySection-DgOacz6E.js} +1 -1
- package/documentation/{TypographySection-02IMtWN4.js → TypographySection-mRBm_W87.js} +1 -1
- package/documentation/{UsageExamplesSection-BmWz_idr.js → UsageExamplesSection-BpeAxuRy.js} +1 -1
- package/documentation/{UsageExamplesSection-BO_K1AHD.js → UsageExamplesSection-YCUalwoy.js} +1 -1
- package/documentation/{UsingThemeSystemSection-bYxrH_-c.js → UsingThemeSystemSection-CWP2ZSK6.js} +1 -1
- package/documentation/{UsingThemeSystemSection-Dd8ZQrUl.js → UsingThemeSystemSection-DjdvzaI0.js} +1 -1
- package/documentation/{ValidationSystemSection-Cvyf6j2T.js → ValidationSystemSection-BQz23Z_H.js} +1 -1
- package/documentation/{ValidationSystemSection-CBfiMPsL.js → ValidationSystemSection-mvUzquI0.js} +1 -1
- package/documentation/{WCAGPrinciplesSection-DAOi68Jt.js → WCAGPrinciplesSection-BfHyxkEp.js} +1 -1
- package/documentation/{WCAGPrinciplesSection-DmeJUV8c.js → WCAGPrinciplesSection-WNmPduXY.js} +1 -1
- package/{index-QnI4b7wS.js → index-DWDrAbog.js} +6 -6
- package/{index-B6CStnMG.js → index-kms4xY-n.js} +147 -147
- package/index.css +1 -1
- package/index.js +1 -1
- package/index.mjs +1 -1
- package/package.json +1 -1
- package/themes/components/theme-provider/index.d.ts +3 -2
- package/themes/router/components/standalone-app-routes-provider.d.ts +2 -2
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("../index-DWDrAbog.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=require("../tether-EofDinu3.js"),n=()=>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:"CoinInfoCard"}),a.jsx(e.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Compact card component for displaying coin information with icon, name, and balance."})]}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Basic Coin Info"}),a.jsx(e.CoinInfoCard,{item:{id:"bitcoin",name:"Bitcoin",logo:i.bitcoinImg,balance:"1.25 BTC"}})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"With Coin Type"}),a.jsx(e.CoinInfoCard,{item:{id:"ethereum",name:"Ethereum",logo:i.ethereumImg,balance:"5.5 ETH",coinType:"ERC-20"}})]})]})})})}),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:"Small (default)"}),a.jsx(e.CoinInfoCard,{item:{id:"bitcoin",name:"Bitcoin",logo:i.bitcoinImg,balance:"1.25 BTC"},variant:"small"})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Medium"}),a.jsx(e.CoinInfoCard,{item:{id:"bitcoin",name:"Bitcoin",logo:i.bitcoinImg,balance:"1.25 BTC"},variant:"medium"})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Large"}),a.jsx(e.CoinInfoCard,{item:{id:"bitcoin",name:"Bitcoin",logo:i.bitcoinImg,balance:"1.25 BTC"},variant:"large"})]})]})})})}),a.jsx(e.AutoPropsTable,{componentName:"CoinInfoCard"}),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 { CoinInfoCard } from '@e-burgos/tucu-ui';
|
|
2
2
|
|
|
3
3
|
<CoinInfoCard
|
|
4
4
|
item={{
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),s=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),s=require("../index-DWDrAbog.js");require("lucide-react");require("react-router-dom");require("react-dom");const n=()=>{const[i,c]=o.useState({icon:e.jsx(s.Bitcoin,{className:"w-6 h-6"}),code:"BTC",name:"Bitcoin",price:45e3}),t=[{icon:e.jsx(s.Bitcoin,{className:"w-6 h-6"}),code:"BTC",name:"Bitcoin",price:45e3},{icon:e.jsx(s.Ethereum,{className:"w-6 h-6"}),code:"ETH",name:"Ethereum",price:3e3},{icon:e.jsx(s.Tether,{className:"w-6 h-6"}),code:"USDT",name:"Tether",price:1}];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:"CoinListBox"}),e.jsx(s.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Dropdown listbox component for selecting cryptocurrencies with icons and names."})]}),e.jsx(s.CardContainer,{className:"",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:"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:"Basic ListBox"}),e.jsx(s.CoinListBox,{coins:t,selectedCoin:i,setSelectedCoin:c,className:"z-50"})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),e.jsx(s.CoinListBox,{coins:t,selectedCoin:i,setSelectedCoin:c,disabled:!0})]})]})})})}),e.jsx(s.AutoPropsTable,{componentName:"CoinListBox"}),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 { CoinListBox } from '@e-burgos/tucu-ui';
|
|
2
2
|
|
|
3
3
|
const coins = [
|
|
4
4
|
{
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as e, jsxs as s, Fragment as m } from "react/jsx-runtime";
|
|
2
2
|
import { useState as d } from "react";
|
|
3
|
-
import { B as n, T as c, C as i, a as l, e as r, A as p, c as h, E as x, f as C } from "../index-
|
|
3
|
+
import { B as n, T as c, C as i, a as l, e as r, A as p, c as h, E as x, f as C } from "../index-kms4xY-n.js";
|
|
4
4
|
import "lucide-react";
|
|
5
5
|
import "react-router-dom";
|
|
6
6
|
import "react-dom";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-
|
|
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 s=()=>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:"Collapse"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A collapsible content panel component with smooth animations for showing and hiding content."})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Basic Collapse"}),e.jsx(a.Collapse,{label:"Click to expand",children:e.jsx("div",{className:"p-4",children:e.jsx(a.Typography,{tag:"p",children:"This is the content that appears when the collapse is expanded."})})})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Initially Open"}),e.jsx(a.Collapse,{label:"Pre-expanded",initialOpen:!0,children:e.jsx("div",{className:"p-4",children:e.jsx(a.Typography,{tag:"p",children:"This collapse starts in the open state."})})})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Rich Content"}),e.jsx(a.Collapse,{label:"Rich Content Example",children:e.jsxs("div",{className:"p-4 space-y-2",children:[e.jsx(a.Typography,{tag:"p",className:"font-semibold",children:"Section Title"}),e.jsx(a.Typography,{tag:"p",children:"This collapse can contain any React content including images, lists, and other components."}),e.jsxs("ul",{className:"list-disc list-inside",children:[e.jsx("li",{children:"Item 1"}),e.jsx("li",{children:"Item 2"}),e.jsx("li",{children:"Item 3"})]})]})})]})]})})})}),e.jsx(a.PropPlayground,{componentName:"Collapse",defaultValues:{label:"Click to expand",initialOpen:!1},children:l=>e.jsx(a.Collapse,{...l,children:e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400 p-4",children:"This is the collapsed content that can be expanded."})})}),e.jsx(a.AutoPropsTable,{componentName:"Collapse"}),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 { Collapse, Typography } from '@e-burgos/tucu-ui';
|
|
2
2
|
|
|
3
3
|
// Basic usage
|
|
4
4
|
<Collapse label="Click to expand">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as l, Fragment as c, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { T as a, C as i, a as t, X as s, P as p, A as o, c as d } from "../index-
|
|
2
|
+
import { T as a, C as i, a as t, X as s, P as p, A as o, c as d } from "../index-kms4xY-n.js";
|
|
3
3
|
import "lucide-react";
|
|
4
4
|
import "react-router-dom";
|
|
5
5
|
import "react";
|
package/documentation/{CollectionCardSection-DdwUntub.js → CollectionCardSection-BXYryNM2.js}
RENAMED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as a, Fragment as r, jsx as A } from "react/jsx-runtime";
|
|
2
|
-
import { T as e, C as t, a as o, h as l, A as c, c as n } from "../index-
|
|
2
|
+
import { T as e, C as t, a as o, h as l, A as c, c as n } from "../index-kms4xY-n.js";
|
|
3
3
|
import "lucide-react";
|
|
4
4
|
import "react-router-dom";
|
|
5
5
|
import "react";
|
package/documentation/{CollectionCardSection-DS1mZrSu.js → CollectionCardSection-Bjysn0MP.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),A=require("../index-
|
|
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 r=require("../1-CArqgiQa.js"),t="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAwADADASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD9ffHnju88Y3z3NwzHcxPzHPXHrnH9fzNebPLHGMyOqj3NErFYpGHVUYj6gHFfjv8Atpftyaj8CJ7rTmjliZHkCSYIHH3ecDPTI/pWlWoqUeZptXtp+fyP7xzrOMv4QyuOIqUpLDU2qcYU1tsl/T+/c/WzU/FOgaPEZtQ1O1tkHUySov8AMis3TPH/AIT1d/L0/WbK5fONsc8bNn6Bq/ip+MP/AAUu+L3xEmew0C+vYkaRlUxySDgk8ccdMdMH24NaHwB/a9+PHhTxNpV9ruoahNpkt1D5okkkKhGkGc5bHf39+9cU8yw9OUY1Jxg5NJKUkm27aJdep+fU/GHA4jFRp4fLsTUw14qeI5XaF7Jydlayvrp+B/bsjq6hkIZWGQRyCDXpHgTx5feDrxbi2dhhgeDjp9Pp+GPpXxd+zX8V4fir8PtJ1kSB7hrWEy85O4xqTn0PXivouvQTuk1s0mfrEfqub4GnOSjWw+JpxlZq6akk9V3/ABTA88HoeK/Ev/gp78AdJ+Itj50McaXewszDAYn3x7+nP9f20r8+v2y/AHiHVdCudb0zzJYreNmeNAW+ULkjAB9O3tXjZ/LMI5bXeW041MTyvl5ui6tef+R53E+AoZjlNfD4ml7WlpKcUrvlTTdvPr8j+Xnwz+zbonhnUhFdxRyzI2SGUE5z7559iP8AGveh4A0qe2TT4LOGOSPaYsRrng5HTj+VZ/jrXryz1e5HzW93bzMjpICpypOeuPw/OtHwZ4skvbyJXbzLpyiIigsxJOPfJ/D8K/BK886rYinWrzqzrwqJOHvpqomtLfyt66edj8io4bJ8LSq4ShRp04uL97lV3FpaXavzfr2Z+6P/AAT3uv7H8M/2DcynckaiNCenGMAE9OnT/wDX+n9fmh+xN4B1iCwTxBfpJFHLGjIrAqCpUHv/AJ796/S8cAD0r99yKpjqmXUJY+kqVfljor6q278z9f4Zh7PJ8LBKShGNqfNe/LpbfUKzNX0G18R2E+mXkCzwXCMjKyhhhhg8HPrXq3j/AMDXngu6khulZQhIyRjpxz/nt9ced2mvW1pDNK4BKK3X8eOv+TjPSvXk+WLk1ov6sej9dw1bCLEwlGpRqR0e6knb1XU/A/8Ab5/ZK0XQILzX/Dai3vJTJK0cahfmOTyFx/k186fsT/BvwfqGuwSeN76KO4hnXZFcMoJIbjhsZ54/H8a/U79rDxNZeIxd204UoPMUDOfXtn/P41+QesC+8N6o+oaDdS2rxS7wI3K52nIztI+uf0GKrC8O4LEz+u2hzuz5ZQVr2TvdddrdX13PkpcMZRicVHNaVON4O88O5ctOTundx239f8v6d/A+kaDouh2dnoBgNpHCioYNuCoUDPy/T1rs6/HT9j39qHWNQv7bwr4guGmclIlaVyWPRc8n+n5V+5Pw68FXfjqaBbRWKzKhBUZ++vt9fx/KtK1GVCXJK1raen9f0j6xYvDYfCOtNxo0aMbS6Rior9NF18rn/9k=",o=()=>{const a={id:"collection-1",name:"Crypto Punks",slug:"crypto-punks",title:"Crypto Punks Collection",cover_image:t,number_of_artwork:42,user:{avatar:r.avatar1Img,name:"CryptoPunk Studio",slug:"cryptopunk-studio"}};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:"CollectionCard"}),e.jsx(A.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"NFT collection preview with statistics, cover image, and creator information for marketplace interfaces."})]}),e.jsx(A.CardContainer,{className:"overflow-hidden",children:e.jsx(A.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:e.jsx(A.CollectionCard,{item:a})})})})}),e.jsx(A.AutoPropsTable,{componentName:"CollectionCard"}),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 { CollectionCard } from '@e-burgos/tucu-ui';
|
|
2
2
|
|
|
3
3
|
const collectionData = {
|
|
4
4
|
id: 'bayc',
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),t=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),t=require("../index-DWDrAbog.js");require("lucide-react");require("react-router-dom");require("react-dom");const n=()=>{const[a,l]=i.useState(null),o=[{icon:"https://i.pravatar.cc/80?img=1",name:"CryptoPunks",value:"crypto-punks"},{icon:"https://i.pravatar.cc/80?img=5",name:"Bored Ape Yacht Club",value:"bayc"},{icon:"https://i.pravatar.cc/80?img=12",name:"Azuki",value:"azuki"},{icon:"https://i.pravatar.cc/80?img=20",name:"Doodles",value:"doodles"},{icon:"https://i.pravatar.cc/80?img=25",name:"CloneX",value:"clonex"},{icon:"https://i.pravatar.cc/80?img=30",name:"Moonbirds",value:"moonbirds"},{icon:"https://i.pravatar.cc/80?img=35",name:"Pudgy Penguins",value:"pudgy-penguins"},{icon:"https://i.pravatar.cc/80?img=40",name:"World of Women",value:"wow"}],c=[{icon:"https://i.pravatar.cc/80?img=50",name:"Art Blocks",value:"art-blocks"},{icon:"https://i.pravatar.cc/80?img=55",name:"Nouns",value:"nouns"},{icon:"https://i.pravatar.cc/80?img=60",name:"Loot",value:"loot"}];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:"CollectionSelectList"}),e.jsx(t.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A searchable list with keyboard navigation for selecting NFT collections. Supports filtering, highlight, and ARIA roles."})]}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[e.jsxs("div",{className:"space-y-3",children:[e.jsx(t.Typography,{tag:"h5",children:"Full Collection (8 items)"}),a&&e.jsxs("div",{className:"text-xs text-brand font-medium bg-brand/10 rounded-lg px-3 py-1.5 inline-block",children:["Selected: ",a]}),e.jsx(t.CollectionSelectList,{collectionList:o,onSelect:l})]}),e.jsxs("div",{className:"space-y-3",children:[e.jsx(t.Typography,{tag:"h5",children:"Short List + Custom Placeholder"}),e.jsx(t.CollectionSelectList,{collectionList:c,onSelect:s=>console.log("Selected:",s),placeholder:"Find a collection...",noResultsMessage:"No matching collections"})]})]})})})}),e.jsx(t.AutoPropsTable,{componentName:"CollectionSelectList"}),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 { CollectionSelectList } from '@e-burgos/tucu-ui';
|
|
2
2
|
|
|
3
3
|
const collections = [
|
|
4
4
|
{ icon: '/avatars/punks.jpg', name: 'CryptoPunks', value: 'crypto-punks' },
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as t, Fragment as r, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { useState as d } from "react";
|
|
3
|
-
import { T as a, C as o, a as c, i, A as m, c as p } from "../index-
|
|
3
|
+
import { T as a, C as o, a as c, i, A as m, c as p } from "../index-kms4xY-n.js";
|
|
4
4
|
import "lucide-react";
|
|
5
5
|
import "react-router-dom";
|
|
6
6
|
import "react-dom";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-DWDrAbog.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=()=>{const{primaryPreset:t}=r.useTheme();return e.jsx(r.CardContainer,{children:e.jsx(r.CardTitle,{title:"Color Customization",className:"mt-2 mb-6",children:e.jsx("div",{className:"space-y-8",children:e.jsxs("div",{className:"grid grid-cols-1 gap-6",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 bg-gradient-to-br from-green-500 to-emerald-500 rounded-lg shadow-lg",children:e.jsx(s.Palette,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(r.Typography,{tag:"h4",className:"font-semibold",children:"Dynamic Brand Colors"})]}),e.jsxs(r.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:["Brand colors are dynamically applied using CSS custom properties, allowing real-time theme updates without rebuilding. Colors are defined in"," ",e.jsx("code",{className:"px-2 py-1 bg-light-dark rounded text-sm",children:"ui/tucu-ui/src/themes/config/index.ts"}),"."]}),e.jsx("div",{className:"p-3 flex justify-center items-center bg-gray-200 dark:bg-gray-800 rounded-lg w-full",children:e.jsxs(r.Typography,{tag:"code",className:"w-full text-sm text-gray-600 dark:text-gray-400",children:["--color-semantic-bg-primary:"," ",t?.value||"#0052ff"]})}),e.jsx(r.Alert,{variant:"info",children:e.jsxs(r.Typography,{tag:"p",className:"text-xs mb-2",children:[e.jsx("strong",{children:"Color Presets:"})," All spectrum colors use the ",e.jsx("code",{className:"px-1 py-2 rounded",children:"-50"})," value from Tucu UI Design Tokens. Default colors use semantic mappings (e.g., blue-60 for primary)."]})})]}),e.jsxs("div",{className:"space-y-4 mt-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 bg-gradient-to-br from-indigo-500 to-purple-500 rounded-lg shadow-lg",children:e.jsx(s.Brush,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(r.Typography,{tag:"h4",className:"font-semibold",children:"Tailwind Integration"})]}),e.jsx(r.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Seamlessly integrated with Tailwind CSS utilities for consistent theming across all components."}),e.jsx("div",{className:"grid grid-cols-2 gap-2",children:["bg-brand","text-brand","border-brand","bg-secondary","text-secondary","border-secondary","bg-accent","text-accent","border-accent","bg-primary","text-primary","border-primary","bg-dark","text-dark","border-dark","bg-light","text-light","border-light","bg-brand/50","text-brand/80","border-brand/30","bg-secondary/20","text-secondary/60","border-secondary/40"].map((a,d)=>e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("div",{className:`w-3 h-3 rounded border border-gray-300 dark:border-gray-600 ${a.includes("bg-")?a:"bg-brand"}`}),e.jsxs(r.Typography,{tag:"code",className:"text-xs text-gray-600 dark:text-gray-400",children:[".",a]})]},d))}),e.jsx(r.Typography,{tag:"p",className:"text-xs text-gray-500 dark:text-gray-400 mt-2",children:"All colors support opacity modifiers (/10, /20, /30, /50, /80, etc.)"})]})]})})})})};exports.default=i;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as e, jsxs as r } from "react/jsx-runtime";
|
|
2
|
-
import { au as i, C as l, a as o, T as a, ag as c } from "../index-
|
|
2
|
+
import { au as i, C as l, a as o, T as a, ag as c } from "../index-kms4xY-n.js";
|
|
3
3
|
import { Palette as n, Brush as m } from "lucide-react";
|
|
4
4
|
import "react-router-dom";
|
|
5
5
|
import "react";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as r, Fragment as v, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { useState as y, useEffect as g } from "react";
|
|
3
|
-
import { au as f, T as t, C as n, a as m, ag as w } from "../index-
|
|
3
|
+
import { au as f, T as t, C as n, a as m, ag as w } from "../index-kms4xY-n.js";
|
|
4
4
|
import { Info as k } from "lucide-react";
|
|
5
5
|
import "react-router-dom";
|
|
6
6
|
import "react-dom";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("react"),s=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("react"),s=require("../index-DWDrAbog.js"),u=require("lucide-react");require("react-router-dom");require("react-dom");const o=l=>{if(typeof window>"u")return"";const t=document.documentElement;return getComputedStyle(t).getPropertyValue(l).trim()||""},y=()=>{const{mode:l}=s.useTheme(),[t,n]=m.useState(0);m.useEffect(()=>{const a=setTimeout(()=>{n(r=>r+1)},100);return()=>clearTimeout(a)},[l]),m.useEffect(()=>{const a=new MutationObserver(()=>{n(r=>r+1)});return a.observe(document.documentElement,{attributes:!0,attributeFilter:["class"]}),()=>a.disconnect()},[]);const x=[{name:"Primary",class:"bg-primary",hex:"#3B82F6"},{name:"Secondary",class:"bg-secondary",hex:"#6B7280"},{name:"Accent",class:"bg-accent",hex:"#10B981"},{name:"Muted",class:"bg-muted",hex:"#F3F4F6"}],h=[{name:"Success",class:"bg-green-500",hex:"#10B981"},{name:"Warning",class:"bg-yellow-500",hex:"#F59E0B"},{name:"Error",class:"bg-red-500",hex:"#EF4444"},{name:"Info",class:"bg-blue-500",hex:"#3B82F6"}],g=[{name:"blue",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"green",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"orange",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"gray",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"indigo",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"pink",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"purple",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"red",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"teal",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"yellow",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]},{name:"chartreuse",shades:[0,5,10,15,20,30,40,50,60,70,80,90,100]}],p=[{name:"brand",varName:"--color-brand",class:"bg-brand"},{name:"primary",varName:"--color-primary",class:"bg-primary"},{name:"secondary",varName:"--color-secondary",class:"bg-secondary"},{name:"accent",varName:"--color-accent",class:"bg-accent"},{name:"muted",varName:"--color-muted",class:"bg-muted"},{name:"success",varName:"--color-success",class:"bg-success"},{name:"warning",varName:"--color-warning",class:"bg-warning"},{name:"error",varName:"--color-error",class:"bg-error"},{name:"info",varName:"--color-info",class:"bg-info"},{name:"body",varName:"--color-body",class:"bg-body"},{name:"dark",varName:"--color-dark",class:"bg-dark"},{name:"light",varName:"--color-light",class:"bg-light"},{name:"light-dark",varName:"--color-light-dark",class:"bg-light-dark"}];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:"Color System"}),e.jsx(s.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Carefully crafted color palettes that work across all themes and contexts"})]}),e.jsxs("div",{className:"space-y-8",children:[e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Brand Colors",className:"mt-2 mb-2",children:e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-4 sm:gap-6",children:x.map(a=>e.jsxs("div",{className:"text-center space-y-2",children:[e.jsx("div",{className:`w-16 h-16 rounded-lg ${a.class} mx-auto`}),e.jsxs("div",{className:"text-sm",children:[e.jsx("div",{className:"font-semibold",children:a.name}),e.jsx("div",{className:"text-muted-foreground",children:a.hex})]})]},a.name))})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Semantic Colors",className:"mt-2 mb-2",children:e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-4 gap-4 sm:gap-6",children:h.map(a=>e.jsxs("div",{className:"text-center space-y-2",children:[e.jsx("div",{className:`w-16 h-16 rounded-lg ${a.class} mx-auto`}),e.jsxs("div",{className:"text-sm",children:[e.jsx("div",{className:"font-semibold",children:a.name}),e.jsx("div",{className:"text-muted-foreground",children:a.hex})]})]},a.name))})})}),e.jsx(s.Alert,{variant:"info",children:e.jsxs("div",{children:[e.jsxs("div",{className:"font-semibold flex items-center gap-2",children:[e.jsx(u.Info,{className:"h-4 w-4"}),"Dynamic Theming"]}),e.jsx("div",{children:"Colors automatically adapt based on the selected theme preset and mode (light/dark)."})]})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Color Spectrum",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[e.jsx(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 mb-6",children:"Complete color palette with all shades from 0 to 100 for each color spectrum."}),e.jsx("div",{className:"space-y-8",children:g.map(a=>e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h3",className:"font-semibold text-lg mb-4 capitalize",children:a.name}),e.jsx("div",{className:"grid grid-cols-4 sm:grid-cols-7 md:grid-cols-10 lg:grid-cols-[repeat(13,minmax(0,1fr))] gap-2",children:a.shades.map(r=>{const c=`bg-${a.name}-${r}`,i=`--color-${a.name}-${r}`,d=o(i);return e.jsxs("div",{className:"space-y-1 w-full min-w-[40px]",children:[e.jsx("div",{className:`h-16 w-full rounded border border-gray-200 dark:border-gray-700 ${c}`,title:`${a.name}-${r}: ${d||i}`}),e.jsx(s.Typography,{tag:"h4",className:"text-center text-xs font-semibold",children:r}),d&&e.jsx(s.Typography,{tag:"h4",className:"text-center text-muted text-[10px]",children:d})]},`${a.name}-${r}-${t}`)})})]},a.name))})]})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Main Colors",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[e.jsx(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 mb-6",children:"Primary theme colors used throughout the application. These colors are mapped from semantic colors and adapt to light/dark mode."}),e.jsx("div",{className:"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4",children:p.map(a=>{const r=o(a.varName),c=a.name==="body"||a.name==="light"||a.name==="light-dark"?"text-dark dark:text-light":"text-white";return e.jsxs("div",{className:"space-y-2 border border-gray-200 dark:border-gray-700 rounded-lg p-2",children:[e.jsx("div",{className:`h-20 rounded flex items-center justify-center ${a.class} ${c} border border-gray-200 dark:border-gray-700`,title:`${a.name}: var(${a.varName})${r?` = ${r}`:""}`,children:e.jsx(s.Typography,{tag:"h4",className:"text-center px-2 break-all text-xs",children:a.name})}),e.jsx(s.Typography,{tag:"h4",className:"text-center text-muted text-xs",children:a.name}),r&&e.jsx(s.Typography,{tag:"h4",className:"text-center text-muted text-[10px]",children:r}),e.jsx(s.Typography,{tag:"h4",className:"text-center text-muted text-[9px] mt-1 break-all px-1",children:a.class})]},`main-${a.name}-${t}`)})})]})})})]})]})};exports.default=y;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DWDrAbog.js"),r=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=()=>e.jsx(e.Fragment,{children:e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Common Errors and Solutions",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-gradient-to-br from-red-500 via-rose-500 to-pink-500 shadow-md",children:e.jsx(r.AlertCircle,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h3",className:"text-xl font-semibold",children:"Troubleshooting Guide"})]}),e.jsxs("div",{className:"space-y-6",children:[e.jsx(s.Alert,{variant:"error",children:e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2 font-semibold",children:[e.jsx(r.XCircle,{className:"h-4 w-4"}),"useTheme must be used within ThemeProvider"]}),e.jsx("div",{className:"text-sm mt-1",children:"This error occurs when you try to use useTheme outside of ThemeProvider context. Always wrap your application with ThemeProvider first. The ThemeProvider must be at the root level of your application."})]})}),e.jsx(s.Alert,{variant:"info",children:e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2 font-semibold",children:[e.jsx(r.Info,{className:"h-4 w-4"}),"Layout not rendering correctly"]}),e.jsx("div",{className:"text-sm mt-1",children:"Make sure you're using ThemeProvider instead of trying to use RootLayout directly. ThemeProvider handles all layout logic internally. Also ensure menuItems prop is provided for Admin and Horizontal layouts."})]})}),e.jsx(s.Alert,{variant:"warning",children:e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2 font-semibold",children:[e.jsx(r.AlertTriangle,{className:"h-4 w-4"}),"Menu items not showing"]}),e.jsx("div",{className:"text-sm mt-1",children:"For Admin and Horizontal layouts, you must provide the menuItems prop. Clean layout does not require menuItems. Ensure each menu item has at least a name and path property."})]})}),e.jsx(s.Alert,{variant:"info",children:e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2 font-semibold",children:[e.jsx(r.Info,{className:"h-4 w-4"}),"Routing not working as expected?"]}),e.jsxs("div",{className:"text-sm mt-1",children:["Remember that ThemeProvider includes BrowserRouter internally. If you use customRoutes, make sure to use"," ",e.jsx("code",{children:"path"})," instead of ",e.jsx("code",{children:"href"})," in menuItems. The ",e.jsx("code",{children:"component"})," prop in menuItems is only used for automatic routing. If you provide customRoutes, it takes precedence."]})]})})]})]})})})});exports.default=t;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as e, Fragment as o, jsxs as r } from "react/jsx-runtime";
|
|
2
|
-
import { C as s, a, T as n, ag as i } from "../index-
|
|
2
|
+
import { C as s, a, T as n, ag as i } from "../index-kms4xY-n.js";
|
|
3
3
|
import { AlertCircle as l, XCircle as d, Info as t, AlertTriangle as m } from "lucide-react";
|
|
4
4
|
import "react-router-dom";
|
|
5
5
|
import "react";
|
package/documentation/{ComponentAnatomySection-BmlI14Nf.js → ComponentAnatomySection-B6siwlGr.js}
RENAMED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as a, Fragment as c, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { T as s, C as m, a as l, y as n } from "../index-
|
|
2
|
+
import { T as s, C as m, a as l, y as n } from "../index-kms4xY-n.js";
|
|
3
3
|
import { Layers as d, Zap as p, Maximize as h } from "lucide-react";
|
|
4
4
|
import "react-router-dom";
|
|
5
5
|
import "react";
|
package/documentation/{ComponentAnatomySection-tEz92Ng-.js → ComponentAnatomySection-DZ7Qu5NO.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DWDrAbog.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r=()=>{const t=[{name:"Default",component:e.jsx(s.Button,{children:"Default"})},{name:"Hover",component:e.jsx(s.Button,{className:"hover:bg-primary/90",children:"Hover"})},{name:"Active",component:e.jsx(s.Button,{className:"active:bg-primary/95",children:"Active"})},{name:"Disabled",component:e.jsx(s.Button,{disabled:!0,children:"Disabled"})}],i=[{name:"Solid",component:e.jsx(s.Button,{variant:"solid",children:"Solid"})},{name:"Ghost",component:e.jsx(s.Button,{variant:"ghost",children:"Ghost"})},{name:"Transparent",component:e.jsx(s.Button,{variant:"transparent",children:"Transparent"})}],l=[{name:"Tiny",component:e.jsx(s.Button,{size:"tiny",children:"Tiny"})},{name:"Mini",component:e.jsx(s.Button,{size:"mini",children:"Mini"})},{name:"Small",component:e.jsx(s.Button,{size:"small",children:"Small"})},{name:"Medium",component:e.jsx(s.Button,{size:"medium",children:"Medium"})},{name:"Large",component:e.jsx(s.Button,{size:"large",children:"Large"})}];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:"Component Anatomy"}),e.jsx(s.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Understanding component states, variants, and sizes for consistent implementation"})]}),e.jsxs("div",{className:"space-y-8",children:[e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Component States",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-green-500 via-emerald-500 to-teal-500 shadow-md",children:e.jsx(a.Layers,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h3",className:"text-xl font-semibold",children:"Component States"})]}),e.jsx("div",{className:"flex flex-wrap gap-4 sm:gap-6",children:t.map(n=>e.jsxs("div",{className:"text-center space-y-2",children:[n.component,e.jsx("div",{className:"text-sm text-muted-foreground",children:n.name})]},n.name))})]})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Component Variants",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-purple-500 via-violet-500 to-indigo-500 shadow-md",children:e.jsx(a.Zap,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h3",className:"text-xl font-semibold",children:"Component Variants"})]}),e.jsx("div",{className:"flex flex-wrap gap-4 sm:gap-6",children:i.map(n=>e.jsxs("div",{className:"text-center space-y-2",children:[n.component,e.jsx("div",{className:"text-sm text-muted-foreground",children:n.name})]},n.name))})]})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Component Sizes",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-blue-500 via-cyan-500 to-sky-500 shadow-md",children:e.jsx(a.Maximize,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h3",className:"text-xl font-semibold",children:"Component Sizes"})]}),e.jsx("div",{className:"flex flex-wrap items-end gap-4 sm:gap-6",children:l.map(n=>e.jsxs("div",{className:"text-center space-y-2",children:[n.component,e.jsx("div",{className:"text-sm text-muted-foreground",children:n.name})]},n.name))})]})})})]})]})};exports.default=r;
|
package/documentation/{ComponentStatusSection-DwwRcvEd.js → ComponentStatusSection-3ZQq3TuC.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-DWDrAbog.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const n=()=>{const r=[{name:"Input",status:"complete",description:"Fully accessible with proper ARIA attributes"},{name:"Checkbox",status:"complete",description:"Complete with label associations and error handling"},{name:"Modal",status:"complete",description:"Focus management and keyboard navigation"},{name:"Alert",status:"complete",description:"Live regions and proper announcements"},{name:"Button",status:"complete",description:"Loading states and ARIA support"},{name:"Tabs",status:"needs-work",description:"Missing ARIA roles and keyboard navigation"},{name:"Drawer",status:"needs-work",description:"Needs focus trapping improvements"},{name:"Select",status:"needs-work",description:"Missing ARIA attributes and keyboard support"}];return e.jsx("div",{className:"space-y-8",children:e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Component Accessibility Status",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-orange-500 via-amber-500 to-yellow-500 shadow-lg",children:e.jsx(a.CheckCircle,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),e.jsx(t.Typography,{tag:"h3",className:"text-xl font-semibold",children:"Current Implementation Status"})]}),e.jsx("div",{className:"space-y-4",children:r.map((s,i)=>e.jsx("div",{className:"flex items-center justify-between p-4 border border-gray-200 dark:border-gray-700 rounded-lg hover:bg-brand/70 transition-colors duration-200",children:e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[s.status==="complete"?e.jsx(a.CheckCircle,{className:"w-5 h-5 text-green-500"}):e.jsx(a.AlertTriangle,{className:"w-5 h-5 text-yellow-500"}),e.jsx(t.Badge,{status:s.status==="complete"?"active":"inactive",className:s.status==="complete"?"bg-green-100 text-green-800":"bg-yellow-100 text-yellow-800",children:s.name})]}),e.jsx(t.Typography,{tag:"span",className:"text-sm text-gray-600 dark:text-gray-400",children:s.description})]})},i))})]})})})})};exports.default=n;
|
package/documentation/{ComponentStatusSection-DA70myqK.js → ComponentStatusSection-BAcHk045.js}
RENAMED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as e, jsxs as a } from "react/jsx-runtime";
|
|
2
|
-
import { C as n, a as o, T as s, J as l } from "../index-
|
|
2
|
+
import { C as n, a as o, T as s, J as l } from "../index-kms4xY-n.js";
|
|
3
3
|
import { CheckCircle as r, AlertTriangle as c } from "lucide-react";
|
|
4
4
|
import "react-router-dom";
|
|
5
5
|
import "react";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as n, Fragment as m, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { T as o, C as a, a as t, o as r, c as p, P as d, A as l } from "../index-
|
|
2
|
+
import { T as o, C as a, a as t, o as r, c as p, P as d, A as l } from "../index-kms4xY-n.js";
|
|
3
3
|
import "lucide-react";
|
|
4
4
|
import "react-router-dom";
|
|
5
5
|
import "react";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-
|
|
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 r=[{name:"Jan",revenue:4e3,expenses:2400,profit:1600},{name:"Feb",revenue:3e3,expenses:1398,profit:1602},{name:"Mar",revenue:5e3,expenses:3200,profit:1800},{name:"Apr",revenue:4780,expenses:2908,profit:1872},{name:"May",revenue:5890,expenses:4800,profit:1090},{name:"Jun",revenue:6390,expenses:3800,profit:2590}],t=()=>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:"ComposedChart"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Composed chart combining line, bar, and area in a single chart for complex data visualization needs."})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Bar + Line Combination",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.ComposedChart,{data:r,series:[{dataKey:"revenue",name:"Revenue",type:"bar"},{dataKey:"profit",name:"Profit",type:"line"}],height:300})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Area + Bar + Line",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.ComposedChart,{data:r,series:[{dataKey:"expenses",name:"Expenses",type:"area"},{dataKey:"revenue",name:"Revenue",type:"bar"},{dataKey:"profit",name:"Profit",type:"line"}],height:300})})})}),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 { ComposedChart } from '@e-burgos/tucu-ui';
|
|
2
2
|
|
|
3
3
|
const data = [
|
|
4
4
|
{ name: 'Jan', revenue: 4000, expenses: 2400, profit: 1600 },
|
package/documentation/{CurrencySwapIconsSection-C6Og4TeP.js → CurrencySwapIconsSection-C28raPLN.js}
RENAMED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as e, Fragment as l, jsx as a } from "react/jsx-runtime";
|
|
2
|
-
import { T as r, C as s, a as o, g as c, A as t, c as n } from "../index-
|
|
2
|
+
import { T as r, C as s, a as o, g as c, A as t, c as n } from "../index-kms4xY-n.js";
|
|
3
3
|
import "lucide-react";
|
|
4
4
|
import "react-router-dom";
|
|
5
5
|
import "react";
|
package/documentation/{CurrencySwapIconsSection-D-GhRHCi.js → CurrencySwapIconsSection-C7OcC3fI.js}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-
|
|
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 s=()=>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:"CurrencySwapIcons"}),e.jsx(r.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Component for displaying currency swap pairs with overlapping icons and pair label."})]}),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 lg:grid-cols-3 gap-4",children:[e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"BTC to ETH"}),e.jsx(r.CurrencySwapIcons,{from:"BTC",to:"ETH"})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"ETH to USDT"}),e.jsx(r.CurrencySwapIcons,{from:"ETH",to:"USDT"})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"USDT to BNB"}),e.jsx(r.CurrencySwapIcons,{from:"USDT",to:"BNB"})]})]})})})}),e.jsx(r.AutoPropsTable,{componentName:"CurrencySwapIcons"}),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 { CurrencySwapIcons } from '@e-burgos/tucu-ui';
|
|
2
2
|
|
|
3
3
|
<CurrencySwapIcons from="BTC" to="ETH" />
|
|
4
4
|
<CurrencySwapIcons from="ETH" to="USDT" />
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as e, jsxs as r } from "react/jsx-runtime";
|
|
2
|
-
import { C as o, a as t, T as a, c as s, ag as d } from "../index-
|
|
2
|
+
import { C as o, a as t, T as a, c as s, ag as d } from "../index-kms4xY-n.js";
|
|
3
3
|
import "lucide-react";
|
|
4
4
|
import "react-router-dom";
|
|
5
5
|
import "react";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-
|
|
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 a=()=>e.jsx(r.CardContainer,{children:e.jsx(r.CardTitle,{title:"Custom Color Palette",className:"mt-2 mb-6",children:e.jsxs("div",{className:"space-y-6",children:[e.jsxs(r.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:["You can provide custom colors via the"," ",e.jsx("code",{className:"px-2 py-1 bg-light-dark rounded text-sm",children:"customPaletteColor"})," ","prop. Colors can be hex values or preset names:"]}),e.jsx(r.CodeBlock,{language:"tsx",code:`<ThemeProvider
|
|
2
2
|
menuItems={menuItems}
|
|
3
3
|
customPaletteColor={{
|
|
4
4
|
primary: '#0052ff', // Hex color or preset name
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as o, jsx as a } from "react/jsx-runtime";
|
|
2
2
|
import { useState as d } from "react";
|
|
3
|
-
import { T as s, C as h, a as p, B as w, E as N, aI as g, aJ as u, f as y, aK as x, aL as I, aM as b, aN as f, aO as C, aP as v, aQ as k, aR as S, aS as T, aT as L, aU as B, aV as E, aW as M, aX as P, aY as U, aZ as F, a_ as $, a$ as D, b0 as R, b1 as V, b2 as W, b3 as j, b4 as z, b5 as G, b6 as H, b7 as J, b8 as K, b9 as O, ba as Q, bb as X, bc as Y, bd as Z, be as _ } from "../index-
|
|
3
|
+
import { T as s, C as h, a as p, B as w, E as N, aI as g, aJ as u, f as y, aK as x, aL as I, aM as b, aN as f, aO as C, aP as v, aQ as k, aR as S, aS as T, aT as L, aU as B, aV as E, aW as M, aX as P, aY as U, aZ as F, a_ as $, a$ as D, b0 as R, b1 as V, b2 as W, b3 as j, b4 as z, b5 as G, b6 as H, b7 as J, b8 as K, b9 as O, ba as Q, bb as X, bc as Y, bd as Z, be as _ } from "../index-kms4xY-n.js";
|
|
4
4
|
import { Coins as q, Layout as A, Share2 as aa, Component as ea } from "lucide-react";
|
|
5
5
|
import "react-router-dom";
|
|
6
6
|
import "react-dom";
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),o=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),o=require("../index-DWDrAbog.js"),s=require("lucide-react");require("react-router-dom");require("react-dom");const h=()=>{const[m,t]=d.useState(null),r=[{category:"Blockchain & Crypto",description:"Cryptocurrency and blockchain-related icons",icon:e.jsx(s.Coins,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),color:"from-yellow-500 via-orange-500 to-amber-500",icons:[{name:"Bitcoin",component:e.jsx(o.Bitcoin,{className:"w-6 h-6"})},{name:"Ethereum",component:e.jsx(o.Ethereum,{className:"w-6 h-6"})},{name:"Bnb",component:e.jsx(o.Bnb,{className:"w-6 h-6"})},{name:"Cardano",component:e.jsx(o.Cardano,{className:"w-6 h-6"})},{name:"Tether",component:e.jsx(o.Tether,{className:"w-6 h-6"})},{name:"Usdc",component:e.jsx(o.Usdc,{className:"w-6 h-6"})},{name:"Doge",component:e.jsx(o.Doge,{className:"w-6 h-6"})},{name:"Flow",component:e.jsx(o.Flow,{className:"w-6 h-6"})}]},{category:"Layout Controls",description:"Icons for layout switching and navigation",icon:e.jsx(s.Layout,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),color:"from-blue-500 via-indigo-500 to-purple-500",icons:[{name:"ClassicLayoutIcon",component:e.jsx(o.ClassicLayoutIcon,{className:"w-6 h-6"})},{name:"MinimalLayoutIcon",component:e.jsx(o.MinimalLayoutIcon,{className:"w-6 h-6"})},{name:"ModernLayoutIcon",component:e.jsx(o.ModernLayoutIcon,{className:"w-6 h-6"})},{name:"RetroLayoutIcon",component:e.jsx(o.RetroLayoutIcon,{className:"w-6 h-6"})}]},{category:"Social Brands",description:"Social media platform icons",icon:e.jsx(s.Share2,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),color:"from-pink-500 via-rose-500 to-red-500",icons:[{name:"Github",component:e.jsx(o.Github,{className:"w-6 h-6"})},{name:"Twitter",component:e.jsx(o.Twitter,{className:"w-6 h-6"})},{name:"Facebook",component:e.jsx(o.Facebook,{className:"w-6 h-6"})},{name:"Instagram",component:e.jsx(o.Instagram,{className:"w-6 h-6"})},{name:"Telegram",component:e.jsx(o.Telegram,{className:"w-6 h-6"})}]},{category:"UI Elements",description:"Common UI and interface icons",icon:e.jsx(s.Component,{className:"w-6 h-6 text-white filter drop-shadow-sm"}),color:"from-green-500 via-emerald-500 to-teal-500",icons:[{name:"Tucu",component:e.jsx(o.Tucu,{className:"w-6 h-6"})},{name:"HomeIcon",component:e.jsx(o.HomeIcon,{className:"w-6 h-6"})},{name:"SearchIcon",component:e.jsx(o.SearchIcon,{className:"w-6 h-6"})},{name:"Sun",component:e.jsx(o.Sun,{className:"w-6 h-6"})},{name:"Moon",component:e.jsx(o.Moon,{className:"w-6 h-6"})},{name:"Check",component:e.jsx(o.Check,{className:"w-6 h-6"})},{name:"Close",component:e.jsx(o.Close,{className:"w-6 h-6"})},{name:"Plus",component:e.jsx(o.Plus,{className:"w-6 h-6"})},{name:"Star",component:e.jsx(o.Star,{className:"w-6 h-6"})},{name:"StarFill",component:e.jsx(o.StarFill,{className:"w-6 h-6"})},{name:"Verified",component:e.jsx(o.Verified,{className:"w-6 h-6"})},{name:"Warning",component:e.jsx(o.Warning,{className:"w-6 h-6"})},{name:"InfoCircle",component:e.jsx(o.InfoCircle,{className:"w-6 h-6"})},{name:"DocumentIcon",component:e.jsx(o.DocumentIcon,{className:"w-6 h-6"})},{name:"BookIcon",component:e.jsx(o.BookIcon,{className:"w-6 h-6"})},{name:"PlayIcon",component:e.jsx(o.PlayIcon,{className:"w-6 h-6"})},{name:"ProfileIcon",component:e.jsx(o.ProfileIcon,{className:"w-6 h-6"})},{name:"EyeIcon",component:e.jsx(o.EyeIcon,{className:"w-6 h-6"})},{name:"EyeSlashIcon",component:e.jsx(o.EyeSlashIcon,{className:"w-6 h-6"})},{name:"LockIcon",component:e.jsx(o.LockIcon,{className:"w-6 h-6"})},{name:"Unlocked",component:e.jsx(o.Unlocked,{className:"w-6 h-6"})}]}],l=a=>{const c=`import { ${a} } from '@e-burgos/tucu-ui';
|
|
2
2
|
|
|
3
3
|
<${a} className="w-6 h-6" />`;navigator.clipboard.writeText(c),t(a),setTimeout(()=>t(null),2e3)};return e.jsxs("div",{className:"space-y-8",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:"Custom Tucu Icons"}),e.jsx(o.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"98+ custom-designed icons organized by category"})]}),e.jsx("div",{className:"space-y-8",children:r.map((a,c)=>e.jsx(o.CardContainer,{className:"overflow-hidden",children:e.jsx(o.CardTitle,{title:a.category,className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-6 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:`p-2 rounded-lg bg-linear-to-br ${a.color} shadow-lg`,children:a.icon}),e.jsxs("div",{children:[e.jsx(o.Typography,{tag:"h3",className:"text-xl font-semibold",children:a.category}),e.jsx(o.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:a.description})]})]}),e.jsx("div",{className:"grid grid-cols-4 sm:grid-cols-6 md:grid-cols-8 gap-4",children:a.icons.map((n,i)=>e.jsxs("div",{className:"flex flex-col items-center gap-2 p-3 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors cursor-pointer group relative",onClick:()=>l(n.name),title:`Click to copy: ${n.name}`,children:[e.jsx("div",{className:"text-gray-700 dark:text-gray-300 group-hover:text-brand transition-colors",children:n.component}),e.jsx(o.Typography,{tag:"span",className:"text-xs text-center text-gray-500 dark:text-gray-400",children:n.name}),m===n.name&&e.jsx("div",{className:"absolute -top-8 left-1/2 transform -translate-x-1/2 px-2 py-1 bg-green-500 text-white text-xs rounded whitespace-nowrap z-10",children:"Copied!"})]},i))})]})})},c))})]})};exports.default=h;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DWDrAbog.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>{const a=[{key:"prop",label:"Prop",render:i=>e.jsx("code",{className:"text-xs text-brand",children:String(i)})},{key:"type",label:"Type",render:i=>e.jsx("code",{className:"text-xs",children:String(i)})},{key:"default",label:"Default",render:i=>{const t=String(i);return t==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:t})}},{key:"description",label:"Description"}],r=[{prop:"...SVGAttributes",type:"React.SVGAttributes<SVGElement>",default:"-",description:"All standard SVG attributes are supported"}];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:"DefiAppLogo"}),e.jsx(s.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"An animated brain-inspired logo component designed for DeFi applications, featuring pulsing nodes and signal flows that represent financial data processing."})]}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Default Animated Logo"}),e.jsx("div",{className:"flex items-center justify-center",children:e.jsx(s.DefiAppLogo,{width:100,height:100})})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Different Sizes"}),e.jsxs("div",{className:"flex items-center gap-4 flex-wrap justify-center",children:[e.jsx(s.DefiAppLogo,{width:60,height:60}),e.jsx(s.DefiAppLogo,{width:100,height:100}),e.jsx(s.DefiAppLogo,{width:150,height:150})]})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"With Custom Classes"}),e.jsx("div",{className:"flex items-center justify-center",children:e.jsx(s.DefiAppLogo,{width:120,height:120,className:"opacity-90 hover:opacity-100 transition-opacity"})})]})]})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Props",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(s.BasicTable,{columns:a,data:r})})})}),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 { DefiAppLogo } from '@e-burgos/tucu-ui';
|
|
2
2
|
|
|
3
3
|
// Basic usage
|
|
4
4
|
<DefiAppLogo width={100} height={100} />
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as t, Fragment as o, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { T as s, C as a, a as r, af as l, q as n, c as p } from "../index-
|
|
2
|
+
import { T as s, C as a, a as r, af as l, q as n, c as p } from "../index-kms4xY-n.js";
|
|
3
3
|
import "lucide-react";
|
|
4
4
|
import "react-router-dom";
|
|
5
5
|
import "react";
|
package/documentation/{DesignPrinciplesSection-C-qZ5KCo.js → DesignPrinciplesSection-Bya4UXPp.js}
RENAMED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as i, Fragment as r, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { T as a, C as o } from "../index-
|
|
2
|
+
import { T as a, C as o } from "../index-kms4xY-n.js";
|
|
3
3
|
import { CheckCircle as s, Minimize2 as l, Layers as n, Eye as c } from "lucide-react";
|
|
4
4
|
import "react-router-dom";
|
|
5
5
|
import "react";
|
package/documentation/{DesignPrinciplesSection-MeMVZ3ry.js → DesignPrinciplesSection-DnoNOVM9.js}
RENAMED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../index-DWDrAbog.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(i.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Design Principles"}),e.jsx(i.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Core principles that guide our design decisions and ensure consistency"})]}),e.jsx("div",{className:"grid grid-cols-1 sm:grid-cols-2 gap-4 sm:gap-6",children:[{title:"Consistency",description:"Unified visual language and interaction patterns across all components.",icon:e.jsx(s.CheckCircle,{className:"h-6 w-6 text-white filter drop-shadow-sm"}),color:"from-emerald-500 via-green-500 to-teal-500"},{title:"Simplicity",description:"Clean, intuitive interfaces that reduce cognitive load.",icon:e.jsx(s.Minimize2,{className:"h-6 w-6 text-white filter drop-shadow-sm"}),color:"from-blue-500 via-cyan-500 to-sky-500"},{title:"Flexibility",description:"Adaptable components that work across different contexts.",icon:e.jsx(s.Layers,{className:"h-6 w-6 text-white filter drop-shadow-sm"}),color:"from-purple-500 via-violet-500 to-indigo-500"},{title:"Accessibility",description:"Inclusive design that works for everyone.",icon:e.jsx(s.Eye,{className:"h-6 w-6 text-white filter drop-shadow-sm"}),color:"from-orange-500 via-amber-500 to-yellow-500"}].map(t=>e.jsx(i.CardContainer,{className:"group hover:shadow-large transition-all duration-300 hover:-translate-y-1",children:e.jsxs("div",{className:"w-full space-y-4 p-2 sm:p-2",children:[e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx("div",{className:`p-3 rounded-xl bg-linear-to-br ${t.color} group-hover:scale-110 transition-all duration-300 shadow-lg hover:shadow-xl`,children:t.icon}),e.jsx(i.Typography,{tag:"h3",className:"font-semibold text-lg group-hover:text-primary transition-colors duration-300",children:t.title})]}),e.jsx(i.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400 leading-relaxed",children:t.description})]})},t.title))})]});exports.default=r;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as a, Fragment as m, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { useState as l } from "react";
|
|
3
|
-
import { T as r, C as i, a as d, y as p, a4 as n, P as h, A as u, c as w } from "../index-
|
|
3
|
+
import { T as r, C as i, a as d, y as p, a4 as n, P as h, A as u, c as w } from "../index-kms4xY-n.js";
|
|
4
4
|
import "lucide-react";
|
|
5
5
|
import "react-router-dom";
|
|
6
6
|
import "react-dom";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),r=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),r=require("../index-DWDrAbog.js");require("lucide-react");require("react-router-dom");require("react-dom");const o=()=>{const[s,t]=i.useState(!1),[l,a]=i.useState("sidebar");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:"Drawer"}),e.jsx(r.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A drawer component that slides in from the side, supporting both simple sidebar and sidebar-menu variants."})]}),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:"space-y-4",children:[e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Sidebar Drawer"}),e.jsx(r.Button,{onClick:()=>{a("sidebar"),t(!0)},children:"Open Sidebar"}),e.jsx(r.Drawer,{isOpen:s,setIsOpen:t,type:"sidebar",title:"Sidebar Title",children:e.jsx(r.Typography,{tag:"p",children:"Sidebar content goes here"})})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Right Position"}),e.jsx(r.Button,{onClick:()=>{a("sidebar"),t(!0)},children:"Open Right Drawer"}),e.jsx(r.Drawer,{isOpen:s,setIsOpen:t,type:"sidebar",position:"right",title:"Right Drawer",children:e.jsx(r.Typography,{tag:"p",children:"Content on the right"})})]})]})})})}),e.jsx(r.PropPlayground,{componentName:"Drawer",defaultValues:{isOpen:s,setIsOpen:t,position:"left",backdrop:!0},excludeProps:["setIsOpen","onClose","actionContent","logo","menuItems","type"],children:n=>e.jsx("div",{style:{position:"relative",height:300,overflow:"hidden"},children:e.jsx(r.Drawer,{...n,setIsOpen:t,isOpen:s,title:"Drawer Preview",children:e.jsx("p",{className:"text-sm p-4",children:"Drawer content"})})})}),e.jsx(r.AutoPropsTable,{componentName:"Drawer"}),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 { Drawer, Button } from '@e-burgos/tucu-ui';
|
|
2
2
|
import { useState } from 'react';
|
|
3
3
|
|
|
4
4
|
function MyComponent() {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as e, jsxs as a } from "react/jsx-runtime";
|
|
2
|
-
import { C as r, a as n, T as s, c as i } from "../index-
|
|
2
|
+
import { C as r, a as n, T as s, c as i } from "../index-kms4xY-n.js";
|
|
3
3
|
import { Shield as m, Flag as d, Database as c } from "lucide-react";
|
|
4
4
|
import "react-router-dom";
|
|
5
5
|
import "react";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DWDrAbog.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>e.jsx("div",{className:"space-y-8",children:e.jsx(s.CardContainer,{children:e.jsx(s.CardTitle,{title:"Dynamic & Conditional Routes",className:"mt-2 mb-6",children:e.jsxs("div",{className:"space-y-6",children:[e.jsx(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"Create dynamic routing based on user permissions, feature flags, or application state."}),e.jsx(s.CodeBlock,{language:"tsx",code:`import { useMemo } from 'react';
|
|
2
2
|
|
|
3
3
|
export const useMenuItems = () => {
|
|
4
4
|
const { userRole, featureFlags } = useAppState();
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../index-
|
|
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 p=()=>{const s=[{key:"prop",label:"Prop",render:a=>e.jsx("code",{className:"text-xs text-brand",children:String(a)})},{key:"type",label:"Type",render:a=>e.jsx("code",{className:"text-xs",children:String(a)})},{key:"default",label:"Default",render:a=>{const t=String(a);return t==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:t})}},{key:"description",label:"Description"}],i=[{prop:"accept",type:"'img' | 'pdf' | 'csvAndExcel' | 'imgAndPdf' | 'all'",default:"undefined (accepts all)",description:'File types to accept. If not provided or set to "all", accepts any file type'},{prop:"multiple",type:"boolean",default:"false",description:"Allow multiple file selection"},{prop:"disabled",type:"boolean",default:"false",description:"Disables the upload component"},{prop:"label",type:"React.ReactNode",default:"'CHOOSE FILE'",description:"Button label text"},{prop:"placeholderText",type:"React.ReactNode",default:"'PNG, GIF, WEBP, MP4 or MP3. Max 100mb.'",description:"Placeholder text displayed in the upload area"},{prop:"children",type:"React.ReactNode",default:"-",description:"Custom content to display in the upload area"},{prop:"wrapperClassName",type:"string",default:"-",description:"Custom CSS classes for the wrapper container"},{prop:"className",type:"string",default:"-",description:"Custom CSS classes for the input element"},{prop:"labelClassName",type:"string",default:"-",description:"Custom CSS classes for the label/button"},{prop:"containerClassName",type:"string",default:"-",description:"Custom CSS classes for the container element"},{prop:"containerProps",type:"React.HTMLAttributes<HTMLDivElement>",default:"-",description:"Additional props to pass to the container element"},{prop:"additionalInputProps",type:"React.InputHTMLAttributes<HTMLInputElement>",default:"-",description:"Additional props to pass to the input element"}];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:"FileInput"}),e.jsx(l.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"An advanced file input component with native HTML5 drag-and-drop support, image preview, and flexible file type validation. The component implements native drag and drop functionality without external dependencies."})]}),e.jsx(l.CardContainer,{className:"overflow-hidden",children:e.jsx(l.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(l.CardContainer,{className:"p-4",children:[e.jsx(l.Typography,{tag:"h5",className:"mb-3",children:"Images Only"}),e.jsx(l.FileInputWithRef,{label:"Upload Images",accept:"img",placeholderText:"PNG, JPG, GIF, WEBP. Max 100mb."})]}),e.jsxs(l.CardContainer,{className:"p-4",children:[e.jsx(l.Typography,{tag:"h5",className:"mb-3",children:"Multiple Images"}),e.jsx(l.FileInputWithRef,{label:"Upload Multiple Images",accept:"img",multiple:!0,placeholderText:"Select multiple images"})]}),e.jsxs(l.CardContainer,{className:"p-4",children:[e.jsx(l.Typography,{tag:"h5",className:"mb-3",children:"PDF Documents"}),e.jsx(l.FileInputWithRef,{label:"Upload PDF",accept:"pdf",placeholderText:"PDF files only. Max 100mb."})]}),e.jsxs(l.CardContainer,{className:"p-4",children:[e.jsx(l.Typography,{tag:"h5",className:"mb-3",children:"CSV & Excel Files"}),e.jsx(l.FileInputWithRef,{label:"Upload CSV or Excel",accept:"csvAndExcel",multiple:!0,placeholderText:"CSV, XLSX, or XLS files. Max 100mb."})]}),e.jsxs(l.CardContainer,{className:"p-4",children:[e.jsx(l.Typography,{tag:"h5",className:"mb-3",children:"Images & PDFs"}),e.jsx(l.FileInputWithRef,{label:"Upload Images or PDFs",accept:"imgAndPdf",multiple:!0,placeholderText:"Images or PDF documents"})]}),e.jsxs(l.CardContainer,{className:"p-4",children:[e.jsx(l.Typography,{tag:"h5",className:"mb-3",children:"All File Types"}),e.jsx(l.FileInputWithRef,{label:"Upload Any File",accept:"all",multiple:!0,placeholderText:"Drag and drop any file type or click to browse"})]}),e.jsxs(l.CardContainer,{className:"p-4",children:[e.jsx(l.Typography,{tag:"h5",className:"mb-3",children:"Any File (No Restriction)"}),e.jsx(l.FileInputWithRef,{label:"Upload Files",multiple:!0,placeholderText:"Accept any file type - no restrictions"})]}),e.jsxs(l.CardContainer,{className:"p-4",children:[e.jsx(l.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),e.jsx(l.FileInputWithRef,{accept:"img",disabled:!0})]})]})})})}),e.jsx(l.CardContainer,{className:"overflow-hidden",children:e.jsx(l.CardTitle,{title:"Props",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(l.BasicTable,{columns:s,data:i})})})}),e.jsx(l.CardContainer,{className:"overflow-hidden",children:e.jsx(l.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(l.CodeBlock,{language:"tsx",code:`import { FileInput } from '@e-burgos/tucu-ui';
|
|
2
2
|
|
|
3
3
|
// Images only
|
|
4
4
|
<FileInput
|