@e-burgos/tucu-ui 2.0.4 → 2.0.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/inputs/file-input.d.ts +1 -7
- package/demo/pages/introduction/BasicUsageDemo.d.ts +1 -1
- package/demo/pages/introduction/BasicUsageWithCustomRouterExampleCode.d.ts +1 -1
- package/documentation/{APIReferenceSection-CpVd3Xjx.js → APIReferenceSection-DbOW061V.js} +1 -1
- package/documentation/{APIReferenceSection-CkbDOII-.js → APIReferenceSection-Du0MZCoJ.js} +1 -1
- package/documentation/{ActiveLinkSection-CpzFDISY.js → ActiveLinkSection-BGpGlMTH.js} +1 -1
- package/documentation/{ActiveLinkSection-DYPp4Zg0.js → ActiveLinkSection-DCvjUbXP.js} +1 -1
- package/documentation/{AdvancedColorSystemSection-C8-q7nNW.js → AdvancedColorSystemSection-1eETjbou.js} +20 -41
- package/documentation/{AdvancedColorSystemSection-CODz6Wv7.js → AdvancedColorSystemSection-C_eqsBNI.js} +1 -1
- package/documentation/{AdvancedFeaturesSection-DfczHWMU.js → AdvancedFeaturesSection-7lV7C31c.js} +1 -1
- package/documentation/{AdvancedFeaturesSection-CT5LPMRT.js → AdvancedFeaturesSection-D-Ffzpz3.js} +1 -1
- package/documentation/{AdvancedFeaturesSection-CPokeoIR.js → AdvancedFeaturesSection-RfxchAOl.js} +1 -1
- package/documentation/{AdvancedFeaturesSection-wx6bqfbU.js → AdvancedFeaturesSection-WW45iO-b.js} +1 -1
- package/documentation/{AlertSection-M-ADbyNs.js → AlertSection-BOFVhA1g.js} +1 -1
- package/documentation/{AlertSection-pO3LOWb0.js → AlertSection-CGWU5jll.js} +1 -1
- package/documentation/{AnchorLinkSection-DrwLaGpe.js → AnchorLinkSection-BtvgojmR.js} +1 -1
- package/documentation/{AnchorLinkSection-DOQLfXNM.js → AnchorLinkSection-CuaUyMqx.js} +1 -1
- package/documentation/{ArchitecturalPatternsComparisonSection-OgRFV5Gn.js → ArchitecturalPatternsComparisonSection-Bya3HmHR.js} +1 -1
- package/documentation/{ArchitecturalPatternsComparisonSection-D3qDb8oV.js → ArchitecturalPatternsComparisonSection-Cct4N7m-.js} +1 -1
- package/documentation/{ArchitectureOverviewSection-DJ6szT6V.js → ArchitectureOverviewSection-CUOtV6ls.js} +1 -1
- package/documentation/{ArchitectureOverviewSection-C4SPa6fm.js → ArchitectureOverviewSection-DpWx_2Bf.js} +1 -1
- package/documentation/{AreaChartSection-CM7nymKJ.js → AreaChartSection-BiOx_GTY.js} +1 -1
- package/documentation/{AreaChartSection-DdoeVQoB.js → AreaChartSection-CtMlVnBa.js} +1 -1
- package/documentation/{AuthorCardSection-P8sPh0d7.js → AuthorCardSection-DX0cKXK5.js} +1 -1
- package/documentation/{AuthorCardSection-C-tk6Y7D.js → AuthorCardSection-oZJrBne3.js} +1 -1
- package/documentation/{AvatarSection-DXJRt7X9.js → AvatarSection-BF8AHso5.js} +1 -1
- package/documentation/{AvatarSection-KUgwOb7k.js → AvatarSection-DFZRExPm.js} +1 -1
- package/documentation/{BadgeSection-BDS8NdU8.js → BadgeSection-Eubi1tsh.js} +1 -1
- package/documentation/{BadgeSection-Da5iTRZq.js → BadgeSection-Oua60cg8.js} +1 -1
- package/documentation/{BarChartSection-EN1OqYoj.js → BarChartSection-DHblj4e5.js} +1 -1
- package/documentation/{BarChartSection-CdcAAYG-.js → BarChartSection-FEYjU4KU.js} +1 -1
- package/documentation/{BasicTableSection-B-BGv1Tg.js → BasicTableSection-B9bKnLi-.js} +1 -1
- package/documentation/{BasicTableSection-DZASBtqv.js → BasicTableSection-CusSzdcT.js} +1 -1
- package/documentation/{BasicUsageSection-Cyj_uLkj.js → BasicUsageSection-BG4Pc9k4.js} +1 -1
- package/documentation/{BasicUsageSection-9USFmdGa.js → BasicUsageSection-DH6UNtI5.js} +1 -1
- package/documentation/{BestPracticesSection-uZIOlRpC.js → BestPracticesSection-62DacEXN.js} +1 -1
- package/documentation/{BestPracticesSection-B9Ok_QEu.js → BestPracticesSection-BKjhJ7SP.js} +1 -1
- package/documentation/{BestPracticesSection-NsZAn0RE.js → BestPracticesSection-BPJ8cXNQ.js} +1 -1
- package/documentation/{BestPracticesSection-CS9RAMVi.js → BestPracticesSection-BV98CcXZ.js} +1 -1
- package/documentation/{BestPracticesSection-aJyw2jIF.js → BestPracticesSection-B_tSX3Jz.js} +1 -1
- package/documentation/{BestPracticesSection-DIYdJV66.js → BestPracticesSection-BgqLgEsR.js} +1 -1
- package/documentation/{BestPracticesSection-BgIFl9EC.js → BestPracticesSection-CJxGoR3b.js} +1 -1
- package/documentation/{BestPracticesSection-DOLkJn-G.js → BestPracticesSection-CNxmULJM.js} +1 -1
- package/documentation/{BestPracticesSection-c2rhfHLA.js → BestPracticesSection-CScYzan3.js} +1 -1
- package/documentation/{BestPracticesSection-DDSMtR6c.js → BestPracticesSection-CYQxggWQ.js} +1 -1
- package/documentation/{BestPracticesSection-BwenEe-Y.js → BestPracticesSection-CufdR26r.js} +1 -1
- package/documentation/{BestPracticesSection-CnVEvflQ.js → BestPracticesSection-DUw_zF3Z.js} +1 -1
- package/documentation/{BestPracticesSection-DYVhfzE6.js → BestPracticesSection-Ds5tgGhx.js} +1 -1
- package/documentation/{BestPracticesSection-Bbsf74bT.js → BestPracticesSection-pnOXAOcz.js} +1 -1
- package/documentation/BorderRadiusSection-B-xRRmpt.js +72 -0
- package/documentation/BorderRadiusSection-D3_hite-.js +1 -0
- package/documentation/{ButtonDripSection-CKYJay9N.js → ButtonDripSection-Bq2trgi9.js} +1 -1
- package/documentation/{ButtonDripSection-C1vY2CzY.js → ButtonDripSection-gvZxhX8G.js} +1 -1
- package/documentation/{ButtonLoaderSection-DKQi-oTv.js → ButtonLoaderSection-BkZR40rr.js} +1 -1
- package/documentation/{ButtonLoaderSection-DlQb_Bqb.js → ButtonLoaderSection-TA9F06jI.js} +1 -1
- package/documentation/{CardContainerSection-B8AGux8b.js → CardContainerSection-C9HSknEx.js} +1 -1
- package/documentation/{CardContainerSection-CdASbRnV.js → CardContainerSection-DIfOTJYu.js} +1 -1
- package/documentation/{CardSection-Do7VBcYz.js → CardSection-Ck8jyp7W.js} +1 -1
- package/documentation/{CardSection-DlgqI72V.js → CardSection-mS-Ch_Wa.js} +1 -1
- package/documentation/{CardTitleSection-DGccHBTI.js → CardTitleSection-DYrnGbKk.js} +1 -1
- package/documentation/{CardTitleSection-CTy97wuG.js → CardTitleSection-FCO91j-A.js} +1 -1
- package/documentation/{CarouselCardsSection-CnuIZycb.js → CarouselCardsSection-BOmdJ8sA.js} +1 -1
- package/documentation/{CarouselCardsSection-D_KfDV2g.js → CarouselCardsSection-BkW9fRDK.js} +1 -1
- package/documentation/{CarouselImageSection-CD0fv4kK.js → CarouselImageSection-BU0aNnY2.js} +1 -1
- package/documentation/{CarouselImageSection-D4hTf6Z0.js → CarouselImageSection-DFkfrzFr.js} +1 -1
- package/documentation/{CarouselSection-Brd953Fb.js → CarouselSection-BHZ8M5xZ.js} +1 -1
- package/documentation/{CarouselSection-C9425lXN.js → CarouselSection-MvNa-xnX.js} +1 -1
- package/documentation/{CheckboxSection-CQIxbre6.js → CheckboxSection-B0Gt7gad.js} +1 -1
- package/documentation/{CheckboxSection-CU5tyHMH.js → CheckboxSection-DSFkIiq4.js} +1 -1
- package/documentation/{CodeExamplesSection-D3oeJD_J.js → CodeExamplesSection-BNK9u1ps.js} +1 -1
- package/documentation/{CodeExamplesSection-DAHf5u7i.js → CodeExamplesSection-BVuFSksS.js} +1 -1
- package/documentation/{CoinCardSection-BtB86t_Y.js → CoinCardSection-BcxUp5vJ.js} +1 -1
- package/documentation/{CoinCardSection-BtUjNiqi.js → CoinCardSection-KLQiaGeE.js} +1 -1
- package/documentation/{CoinInfoCardSection-B0l6nYWu.js → CoinInfoCardSection-CBpYuVSH.js} +1 -1
- package/documentation/{CoinInfoCardSection-odhu-ChN.js → CoinInfoCardSection-IUrgp0GD.js} +1 -1
- package/documentation/{CoinListBoxSection-DQbdORng.js → CoinListBoxSection-CVxxDv6M.js} +1 -1
- package/documentation/{CoinListBoxSection-Cfy0WYOK.js → CoinListBoxSection-ZeZtAY1w.js} +1 -1
- package/documentation/{CollapseSection-1AyxKtyh.js → CollapseSection-TYKE7WSj.js} +1 -1
- package/documentation/{CollapseSection-CI79e0rH.js → CollapseSection-ZiHdVuyN.js} +1 -1
- package/documentation/{CollectionCardSection-DdwUntub.js → CollectionCardSection-BzUVxmJq.js} +1 -1
- package/documentation/{CollectionCardSection-DS1mZrSu.js → CollectionCardSection-C0EeHF2p.js} +1 -1
- package/documentation/{CollectionSelectListSection-CqNEZLrW.js → CollectionSelectListSection-CTUcrZ-y.js} +1 -1
- package/documentation/{CollectionSelectListSection-B4bgHz6F.js → CollectionSelectListSection-Co60q-dc.js} +1 -1
- package/documentation/{ColorCustomizationSection-DxKogmSF.js → ColorCustomizationSection-BNqRFB4h.js} +1 -1
- package/documentation/{ColorCustomizationSection-BmJzT1u1.js → ColorCustomizationSection-DWy4OcKJ.js} +1 -1
- package/documentation/{ColorSystemSection-Be6CJ_qR.js → ColorSystemSection-D-93TJO5.js} +1 -1
- package/documentation/{ColorSystemSection-ROEkhEeH.js → ColorSystemSection-sxcz5x0_.js} +1 -1
- package/documentation/{CommonErrorsSection-C8GoonfY.js → CommonErrorsSection-C64GnPLp.js} +1 -1
- package/documentation/{CommonErrorsSection-5n2RFTOS.js → CommonErrorsSection-CRAmyfbU.js} +1 -1
- package/documentation/{ComponentAnatomySection-tEz92Ng-.js → ComponentAnatomySection-BBTeLqvK.js} +1 -1
- package/documentation/{ComponentAnatomySection-BmlI14Nf.js → ComponentAnatomySection-i5nESJy-.js} +1 -1
- package/documentation/{ComponentStatusSection-DwwRcvEd.js → ComponentStatusSection-BoQ6pWPk.js} +1 -1
- package/documentation/{ComponentStatusSection-DA70myqK.js → ComponentStatusSection-L3WhGtvd.js} +1 -1
- package/documentation/{ComposedChartSection-CSasm_A4.js → ComposedChartSection-C2fLNqlN.js} +1 -1
- package/documentation/{ComposedChartSection-PRWReilC.js → ComposedChartSection-CgHQ-PQM.js} +1 -1
- package/documentation/{CurrencySwapIconsSection-C6Og4TeP.js → CurrencySwapIconsSection-DIsl8XfS.js} +1 -1
- package/documentation/{CurrencySwapIconsSection-D-GhRHCi.js → CurrencySwapIconsSection-DZdwXbtX.js} +1 -1
- package/documentation/{CustomColorPaletteSection-DNgmPGoe.js → CustomColorPaletteSection-BbyEWvys.js} +8 -8
- package/documentation/{CustomColorPaletteSection-DUhhLGOU.js → CustomColorPaletteSection-CoZp4nDP.js} +8 -8
- package/documentation/{CustomIconsSection-DGn1HMN8.js → CustomIconsSection-CyIwxujL.js} +1 -1
- package/documentation/{CustomIconsSection-BCf8UN2c.js → CustomIconsSection-JyFWzdlQ.js} +1 -1
- package/documentation/{DefiAppLogoSection-DjnvrP3j.js → DefiAppLogoSection-WHr3s0Ad.js} +1 -1
- package/documentation/{DefiAppLogoSection-CniFLoNx.js → DefiAppLogoSection-YKNWdKJ9.js} +1 -1
- package/documentation/{DesignPrinciplesSection-MeMVZ3ry.js → DesignPrinciplesSection-B_GCf-TN.js} +1 -1
- package/documentation/{DesignPrinciplesSection-C-qZ5KCo.js → DesignPrinciplesSection-Bu6GQUnw.js} +1 -1
- package/documentation/{DrawerSection-9NhdERLz.js → DrawerSection-DM456jmL.js} +1 -1
- package/documentation/{DrawerSection-Cdhpw0Zp.js → DrawerSection-OBUS8hGb.js} +1 -1
- package/documentation/{DynamicRoutesSection-BtECxWUj.js → DynamicRoutesSection-CHGWzNV9.js} +1 -1
- package/documentation/{DynamicRoutesSection-DAQlCst_.js → DynamicRoutesSection-CpYydeHL.js} +1 -1
- package/documentation/{FileInputSection-BWUvvvdy.js → FileInputSection-4dc8Q1Wt.js} +1 -1
- package/documentation/{FileInputSection-z7_AAkz8.js → FileInputSection-DoWfjcaF.js} +1 -1
- package/documentation/{FileStructureSection-Dsr2yojr.js → FileStructureSection-BJ4M4SK6.js} +1 -1
- package/documentation/{FileStructureSection-lLqJHP56.js → FileStructureSection-Bzez9Hd6.js} +1 -1
- package/documentation/{FormComponentsSection-BTYt0wTN.js → FormComponentsSection-DHM6T8pl.js} +1 -1
- package/documentation/{FormComponentsSection-CQ2sazLF.js → FormComponentsSection-DsBtR_gO.js} +1 -1
- package/documentation/{FormMethodsSection-CAjYlJPM.js → FormMethodsSection-BgXiWvMF.js} +1 -1
- package/documentation/{FormMethodsSection-Chx9tNa_.js → FormMethodsSection-XH36D1LE.js} +1 -1
- package/documentation/{HamburgerSection-CASzjAC6.js → HamburgerSection-BdHt6rmR.js} +1 -1
- package/documentation/{HamburgerSection-UacK_FKv.js → HamburgerSection-V1hhJqa1.js} +1 -1
- package/documentation/{HookCategoriesSection-U7rN5EGL.js → HookCategoriesSection-BaBYyUdi.js} +1 -1
- package/documentation/{HookCategoriesSection-C6-2BbvM.js → HookCategoriesSection-DHxPCrfX.js} +1 -1
- package/documentation/{HookDocumentationSection-DIXoOh2V.js → HookDocumentationSection-_NXvN1pT.js} +1 -1
- package/documentation/{HookDocumentationSection-HIifl_N4.js → HookDocumentationSection-bApnr3Aw.js} +1 -1
- package/documentation/{HookFeaturesSection-DNjNJYVR.js → HookFeaturesSection-Brl18YzK.js} +1 -1
- package/documentation/{HookFeaturesSection-Dk27SI6j.js → HookFeaturesSection-DXVmzuOk.js} +1 -1
- package/documentation/{IconArchitectureSection-rTqgxU01.js → IconArchitectureSection-CUwumPZY.js} +1 -1
- package/documentation/{IconArchitectureSection-CcpjgUuZ.js → IconArchitectureSection-D5_IkMHf.js} +1 -1
- package/documentation/{IconSizingGuideSection-BAd6zU-Z.js → IconSizingGuideSection-BzrzVCbT.js} +1 -1
- package/documentation/{IconSizingGuideSection-ir5Wu2LZ.js → IconSizingGuideSection-C7Fh243F.js} +1 -1
- package/documentation/{IconSystemAPISection-BHp-ZXWb.js → IconSystemAPISection-C0nEVDsJ.js} +1 -1
- package/documentation/{IconSystemAPISection-DjqSJX-n.js → IconSystemAPISection-CHqujHDv.js} +1 -1
- package/documentation/{IconSystemBenefitsSection-B7zV2HaH.js → IconSystemBenefitsSection-C0jGyq77.js} +1 -1
- package/documentation/{IconSystemBenefitsSection-B6NiBLre.js → IconSystemBenefitsSection-DU5K42op.js} +1 -1
- package/documentation/{ImageSection-aotN8Y5u.js → ImageSection-BBZf4uXm.js} +1 -1
- package/documentation/{ImageSection-DmMdByn7.js → ImageSection-CioWvJ8h.js} +1 -1
- package/documentation/{ImplementationExamplesSection-BJ0_Xcm2.js → ImplementationExamplesSection-BnU40rmH.js} +1 -1
- package/documentation/{ImplementationExamplesSection-BLHthYw_.js → ImplementationExamplesSection-H0mF5teZ.js} +1 -1
- package/documentation/{ImplementationGuidelinesSection-Ce47rAwZ.js → ImplementationGuidelinesSection-C0Ei_kUp.js} +1 -1
- package/documentation/{ImplementationGuidelinesSection-DALPPZXc.js → ImplementationGuidelinesSection-Cn-2qyE2.js} +1 -1
- package/documentation/{ImplementationStatusSection-DuuoDSqC.js → ImplementationStatusSection-Bm5EzhII.js} +1 -1
- package/documentation/{ImplementationStatusSection-Yio9MCtk.js → ImplementationStatusSection-C_FgS9kQ.js} +1 -1
- package/documentation/{ImplementedFeaturesSection-CLNTmpD5.js → ImplementedFeaturesSection-BKqzwhRm.js} +1 -1
- package/documentation/{ImplementedFeaturesSection-DIxdEibl.js → ImplementedFeaturesSection-CfV8XwSL.js} +1 -1
- package/documentation/{InfoCardSection-CJfS4aKJ.js → InfoCardSection-DVeC3my3.js} +1 -1
- package/documentation/{InfoCardSection-CJbU2q_-.js → InfoCardSection-DW7X3XYu.js} +1 -1
- package/documentation/{InputSearcherSection-DJFKLySX.js → InputSearcherSection-BgRzReMB.js} +1 -1
- package/documentation/{InputSearcherSection-dA4h9pbM.js → InputSearcherSection-D0bHIaIm.js} +1 -1
- package/documentation/{InputSection-ov-x_YF3.js → InputSection-C7NfZGdN.js} +1 -1
- package/documentation/{InputSection-Bxr_GgjZ.js → InputSection-CVEft8nN.js} +1 -1
- package/documentation/{KeyValueRowSection-yrhHBRqx.js → KeyValueRowSection-DwtRLFEk.js} +1 -1
- package/documentation/{KeyValueRowSection-BWen5IUr.js → KeyValueRowSection-rlozAJgf.js} +1 -1
- package/documentation/{KeyboardNavigationSection-BGnlktrj.js → KeyboardNavigationSection-3b87RzQ7.js} +1 -1
- package/documentation/{KeyboardNavigationSection-Cd0_tM_9.js → KeyboardNavigationSection-dPPkpoVf.js} +1 -1
- package/documentation/{LayoutPrinciplesSection-BiLVZUWB.js → LayoutPrinciplesSection-BtsZKX-5.js} +1 -1
- package/documentation/{LayoutPrinciplesSection-Cw3geSSU.js → LayoutPrinciplesSection-Dixe4kuu.js} +1 -1
- package/documentation/{LayoutTypesSection-JuEAJpD7.js → LayoutTypesSection-C6SnGIzG.js} +1 -1
- package/documentation/{LayoutTypesSection-BmCcA7uZ.js → LayoutTypesSection-CteLUamr.js} +1 -1
- package/documentation/{LineChartSection-Bh98x9zB.js → LineChartSection-C1BoxgOz.js} +1 -1
- package/documentation/{LineChartSection-DMwIu5-a.js → LineChartSection-D0_UlV1y.js} +1 -1
- package/documentation/{ListContainerSection-CQmmUhTt.js → ListContainerSection-BY8fuQ0N.js} +1 -1
- package/documentation/{ListContainerSection-C2hLnnvb.js → ListContainerSection-jQ8VpdPb.js} +1 -1
- package/documentation/{ListItemSection-DcGQ2O65.js → ListItemSection-CSGZ02bM.js} +1 -1
- package/documentation/{ListItemSection-DmnK0EWC.js → ListItemSection-bqNbFxdu.js} +1 -1
- package/documentation/{LiveDemoSection-D4tXR1dN.js → LiveDemoSection-CnIo8dCa.js} +1 -1
- package/documentation/{LiveDemoSection-rJwhZCYb.js → LiveDemoSection-DuWpxEHf.js} +1 -1
- package/documentation/{LiveDemonstrationsSection-gPinOtv1.js → LiveDemonstrationsSection-BvR1Bz8e.js} +1 -1
- package/documentation/{LiveDemonstrationsSection-B3OoGiTI.js → LiveDemonstrationsSection-UzXnub3E.js} +1 -1
- package/documentation/{LivePriceFeedSection-CD630ncd.js → LivePriceFeedSection-BuexUW6S.js} +1 -1
- package/documentation/{LivePriceFeedSection-DSgN87uI.js → LivePriceFeedSection-ub8T1WoB.js} +1 -1
- package/documentation/{LoaderSection-C2o59OWq.js → LoaderSection-CHjzNBqH.js} +1 -1
- package/documentation/{LoaderSection-DZ1uAwdN.js → LoaderSection-DbwOjMpC.js} +1 -1
- package/documentation/{LogoSection-De8Ynlcs.js → LogoSection-BUh5lmBE.js} +1 -1
- package/documentation/{LogoSection-dqbh0Im9.js → LogoSection-cA1-d0HZ.js} +1 -1
- package/documentation/{LucideIconsSection-BHzsnkdc.js → LucideIconsSection-B1IMM2KE.js} +1 -1
- package/documentation/{LucideIconsSection-DxzfAVW8.js → LucideIconsSection-Co1s4hKe.js} +1 -1
- package/documentation/{MFESupportSection-BWJEFrx0.js → MFESupportSection-Dr7eg8uq.js} +1 -1
- package/documentation/{MFESupportSection-Dcban-qc.js → MFESupportSection-DzZl0CIg.js} +1 -1
- package/documentation/{MenuItemsGuideSection-CYAQbSyQ.js → MenuItemsGuideSection-BEfxqfd9.js} +1 -1
- package/documentation/{MenuItemsGuideSection-B7ns2eIP.js → MenuItemsGuideSection-CfznmIHZ.js} +1 -1
- package/documentation/{ModalSection-C_lBwjnQ.js → ModalSection-BVcg_G6k.js} +1 -1
- package/documentation/{ModalSection-C-d_lAT8.js → ModalSection-BmNkZvIh.js} +1 -1
- package/documentation/{NFTGridSection-CsWKHw44.js → NFTGridSection-Cz_FGqV1.js} +1 -1
- package/documentation/{NFTGridSection-CVtn_SUt.js → NFTGridSection-DonGXR6D.js} +1 -1
- package/documentation/{NestedRoutesSection-pTexdauI.js → NestedRoutesSection-CGDh3mVk.js} +1 -1
- package/documentation/{NestedRoutesSection-D_bbd0JG.js → NestedRoutesSection-CbNTjSyW.js} +1 -1
- package/documentation/{NotificationCardSection-DsLRL50j.js → NotificationCardSection-CWTEHVFj.js} +1 -1
- package/documentation/{NotificationCardSection-D3UIXmC_.js → NotificationCardSection-D-RuM0y9.js} +1 -1
- package/documentation/{PaginationSection-C2bSDt2F.js → PaginationSection-9zPPhyeb.js} +1 -1
- package/documentation/{PaginationSection-BXaYbNh1.js → PaginationSection-CXoO7Tqy.js} +1 -1
- package/documentation/{PanelActionCardSection-BDm3oVes.js → PanelActionCardSection-CsKsEYu0.js} +1 -1
- package/documentation/{PanelActionCardSection-CYJfjVtG.js → PanelActionCardSection-DUUgo6Og.js} +1 -1
- package/documentation/{PanelCardSection-Z2RQUWyn.js → PanelCardSection-CI4XrWyM.js} +1 -1
- package/documentation/{PanelCardSection-NTEJHr8b.js → PanelCardSection-DIHreAsZ.js} +1 -1
- package/documentation/{ParamTabSection-DHux5HXO.js → ParamTabSection-B-zD0RYM.js} +1 -1
- package/documentation/{ParamTabSection-guQ8aCfG.js → ParamTabSection-CsAlq-vR.js} +1 -1
- package/documentation/{PieChartSection-Ctpv_sQm.js → PieChartSection-D6mEMs7Q.js} +1 -1
- package/documentation/{PieChartSection-DCd5rWoT.js → PieChartSection-PGxAtJ72.js} +1 -1
- package/documentation/{PinCodeSection-BT8N9C8F.js → PinCodeSection-BCdJ0lzv.js} +1 -1
- package/documentation/{PinCodeSection-BD-IvqDl.js → PinCodeSection-DM13ihMi.js} +1 -1
- package/documentation/{ProgressbarSection-0k92jI5-.js → ProgressbarSection-C-EdDZov.js} +1 -1
- package/documentation/{ProgressbarSection-B_IkBplz.js → ProgressbarSection-OK-cEcMg.js} +1 -1
- package/documentation/{RadarChartSection-xtNri81K.js → RadarChartSection-84HPI4Rp.js} +1 -1
- package/documentation/{RadarChartSection-rlh1Mx6y.js → RadarChartSection-it0GwAMZ.js} +1 -1
- package/documentation/{RadioGroupSection-DTXIBYvs.js → RadioGroupSection-CJtcGRyu.js} +1 -1
- package/documentation/{RadioGroupSection-B6Lb9DJI.js → RadioGroupSection-DhLvpocf.js} +1 -1
- package/documentation/{RadioSection-BsXiDZ98.js → RadioSection-BUsz7AT5.js} +1 -1
- package/documentation/{RadioSection-C1GS5cuC.js → RadioSection-uSJ3ocsA.js} +1 -1
- package/documentation/{RevealContentSection-BAIqcjgW.js → RevealContentSection-Bts-6Rko.js} +1 -1
- package/documentation/{RevealContentSection-DzAyW5_3.js → RevealContentSection-CYG67QMT.js} +1 -1
- package/documentation/{RouteConfigurationSection-CjEKyhcb.js → RouteConfigurationSection-BZ9jyZ80.js} +1 -1
- package/documentation/{RouteConfigurationSection-BJJSsQGy.js → RouteConfigurationSection-Ba2pGQvU.js} +1 -1
- package/documentation/{ScrollToTopSection-DkTL1Uzw.js → ScrollToTopSection-bZKLFCb7.js} +1 -1
- package/documentation/{ScrollToTopSection-Dpp5zKo8.js → ScrollToTopSection-s0EgBP4c.js} +1 -1
- package/documentation/{ScrollbarSection-DBb7xv-n.js → ScrollbarSection-BpAYMy71.js} +1 -1
- package/documentation/{ScrollbarSection-DgWHzwSj.js → ScrollbarSection-Dfr5kanP.js} +1 -1
- package/documentation/{SelectSection-CFCIpkk9.js → SelectSection-CAJsrAt1.js} +1 -1
- package/documentation/{SelectSection-riGB2r-n.js → SelectSection-Ck9kof0T.js} +1 -1
- package/documentation/{SettingsPanelSection-8GHz0Skb.js → SettingsPanelSection-C_VSlU40.js} +1 -1
- package/documentation/{SettingsPanelSection-BwGt_yfC.js → SettingsPanelSection-DcI36bvi.js} +1 -1
- package/documentation/{ShadowsSection-DA19Spgp.js → ShadowsSection-BGOHvc7s.js} +1 -1
- package/documentation/{ShadowsSection-atJzmD4a.js → ShadowsSection-WKoyApzY.js} +1 -1
- package/documentation/{SidebarMenuSection-DKQOSTpx.js → SidebarMenuSection-B1YTDAvp.js} +1 -1
- package/documentation/{SidebarMenuSection-BTDUb7C_.js → SidebarMenuSection-CL_DUahR.js} +1 -1
- package/documentation/{SidebarSection-CC2ftWvz.js → SidebarSection-DAKVjdKW.js} +1 -1
- package/documentation/{SidebarSection-BsCGHss5.js → SidebarSection-yUTI2f67.js} +1 -1
- package/documentation/{SizingSection-DuGndhns.js → SizingSection-B0hZc0Tv.js} +1 -1
- package/documentation/{SizingSection-Mtr72tp-.js → SizingSection-BkzlMAgi.js} +1 -1
- package/documentation/{SkeletonSection-DvTIosHm.js → SkeletonSection-C9aIHnTu.js} +1 -1
- package/documentation/{SkeletonSection-By7tCQ4L.js → SkeletonSection-CPXc0Imd.js} +1 -1
- package/documentation/{SpacingSystemSection-DJY3DtA0.js → SpacingSystemSection-BKr7Htp3.js} +1 -1
- package/documentation/{SpacingSystemSection-W21eHPxd.js → SpacingSystemSection-CTYSoQtS.js} +1 -1
- package/documentation/{SpinnerSection-CxqETXkr.js → SpinnerSection-BvppjgYE.js} +1 -1
- package/documentation/{SpinnerSection-DM6XfYNN.js → SpinnerSection-Dye2VsDO.js} +1 -1
- package/documentation/{StandaloneAppSection-mSP8bRjv.js → StandaloneAppSection-BkFjxSm_.js} +1 -1
- package/documentation/{StandaloneAppSection-B0E2-lHr.js → StandaloneAppSection-Bnd5ch-2.js} +1 -1
- package/documentation/{StepperSection-CXs-4m-g.js → StepperSection-BDCZY0X7.js} +1 -1
- package/documentation/{StepperSection-DzQ4ZWqb.js → StepperSection-Dw3QuSWb.js} +1 -1
- package/documentation/{SwitchSection-ComDj4vK.js → SwitchSection-DZ9sij1G.js} +1 -1
- package/documentation/{SwitchSection-Cw1p4RAV.js → SwitchSection-DsRz6B1J.js} +1 -1
- package/documentation/{SystemOverviewSection-CB4XUjya.js → SystemOverviewSection-BaNo0I2y.js} +1 -1
- package/documentation/{SystemOverviewSection-DcC2nzWM.js → SystemOverviewSection-BigtfVY7.js} +1 -1
- package/documentation/{TabModalSection-D5DxXCPA.js → TabModalSection-BkJ1YqWc.js} +1 -1
- package/documentation/{TabModalSection-D7kjNL_j.js → TabModalSection-RfCWr-Nn.js} +1 -1
- package/documentation/{TabSection-CLig02Jq.js → TabSection-Di0SYL7X.js} +1 -1
- package/documentation/{TabSection-L8vvzdZq.js → TabSection-dsMwz13E.js} +1 -1
- package/documentation/{TabSelectSection-DovVypr5.js → TabSelectSection-BpbqlP7n.js} +1 -1
- package/documentation/{TabSelectSection-C3uSu4Tb.js → TabSelectSection-Bvb7eunu.js} +1 -1
- package/documentation/{TailwindConfigSection-Cae-h3MW.js → TailwindConfigSection-B_csna96.js} +1 -1
- package/documentation/{TailwindConfigSection-DhBuW-uS.js → TailwindConfigSection-BlZrFbRo.js} +1 -1
- package/documentation/{TestingSection-Bv6OBqHc.js → TestingSection-CTGhtMbC.js} +1 -1
- package/documentation/{TestingSection-D76WU2E_.js → TestingSection-gDlp2c6i.js} +1 -1
- package/documentation/{TextareaSection-BXDH8mQI.js → TextareaSection-BUb28uf9.js} +1 -1
- package/documentation/{TextareaSection-BAc73Q3K.js → TextareaSection-DVI2FN0w.js} +1 -1
- package/documentation/{ThemeArchitectureSection-DEqHdCLa.js → ThemeArchitectureSection-OAEQSwXw.js} +1 -1
- package/documentation/{ThemeArchitectureSection-DFcj4Sf9.js → ThemeArchitectureSection-R7ukBzZf.js} +1 -1
- package/documentation/{ThemeConfigurationSection-D299ICxo.js → ThemeConfigurationSection-B2HuLkPF.js} +10 -10
- package/documentation/{ThemeConfigurationSection-CmD-wjGZ.js → ThemeConfigurationSection-Go4dxqfS.js} +1 -1
- package/documentation/{ThemeHooksSection-DsAsY2qd.js → ThemeHooksSection-C33tvQEw.js} +1 -1
- package/documentation/{ThemeHooksSection-DOm5a7FR.js → ThemeHooksSection-kZu-s-uU.js} +1 -1
- package/documentation/{ThemeProviderIntegrationSection-D9xmfEve.js → ThemeProviderIntegrationSection-Cj9xrgmY.js} +1 -1
- package/documentation/{ThemeProviderIntegrationSection-1aykNRXQ.js → ThemeProviderIntegrationSection-DvgYf8Rt.js} +1 -1
- package/documentation/{ThemeProviderRequiredSection-sViX_FO7.js → ThemeProviderRequiredSection-DqP08VHV.js} +1 -1
- package/documentation/{ThemeProviderRequiredSection-DfNXhp3f.js → ThemeProviderRequiredSection-ScLygoBY.js} +1 -1
- package/documentation/{ThemeProviderSection-CT5hlFD2.js → ThemeProviderSection-6LHY1gR6.js} +1 -1
- package/documentation/{ThemeProviderSection-BFtuOM3w.js → ThemeProviderSection-D43ZRcch.js} +1 -1
- package/documentation/{ToastSection-DD18GmJl.js → ToastSection-CHIsWCMb.js} +1 -1
- package/documentation/{ToastSection-DoHzysF9.js → ToastSection-DKMWIbdY.js} +1 -1
- package/documentation/{ToggleBarSection-BpxFr9W6.js → ToggleBarSection-ByVhbSBC.js} +1 -1
- package/documentation/{ToggleBarSection-D3BYm7ZV.js → ToggleBarSection-DbkIzwZP.js} +1 -1
- package/documentation/{TooltipSection-5th4KA-K.js → TooltipSection-BEHBbMa3.js} +1 -1
- package/documentation/{TooltipSection-BeW0mvEG.js → TooltipSection-DTGXs9vT.js} +1 -1
- package/documentation/{TopupButtonSection-Cw92WCuk.js → TopupButtonSection-ClbM3sSZ.js} +1 -1
- package/documentation/{TopupButtonSection-C419_R5w.js → TopupButtonSection-DDZwSfM6.js} +1 -1
- package/documentation/{TransactionInfoSection-CF0j2oxc.js → TransactionInfoSection-CO5s67_e.js} +1 -1
- package/documentation/{TransactionInfoSection-cKwmQpgL.js → TransactionInfoSection-ZFQbN2wP.js} +1 -1
- package/documentation/{TucuUiLogoSection-BuasEv--.js → TucuUiLogoSection-BB5Zr58k.js} +1 -1
- package/documentation/{TucuUiLogoSection-NYK0oUdj.js → TucuUiLogoSection-CcGnK1Ai.js} +1 -1
- package/documentation/{TypographySection-CjGIv22g.js → TypographySection-BYKjiWVg.js} +1 -1
- package/documentation/{TypographySection-02IMtWN4.js → TypographySection-CS29TD-z.js} +1 -1
- package/documentation/{TypographySection-uhboa1b_.js → TypographySection-CgEGnQ1Q.js} +1 -1
- package/documentation/{TypographySection-CpjtNAfZ.js → TypographySection-DGjPTW0m.js} +1 -1
- package/documentation/{UsageExamplesSection-BmWz_idr.js → UsageExamplesSection-BNrxVQj2.js} +1 -1
- package/documentation/{UsageExamplesSection-BO_K1AHD.js → UsageExamplesSection-BiZ1MahQ.js} +1 -1
- package/documentation/{UsingThemeSystemSection-bYxrH_-c.js → UsingThemeSystemSection-CS0WVYk1.js} +9 -9
- package/documentation/{UsingThemeSystemSection-Dd8ZQrUl.js → UsingThemeSystemSection-vyxb3z51.js} +9 -9
- package/documentation/{ValidationSystemSection-Cvyf6j2T.js → ValidationSystemSection-BH4fYDTN.js} +1 -1
- package/documentation/{ValidationSystemSection-CBfiMPsL.js → ValidationSystemSection-BOIkiXR1.js} +1 -1
- package/documentation/{WCAGPrinciplesSection-DmeJUV8c.js → WCAGPrinciplesSection-BQWhdatC.js} +1 -1
- package/documentation/{WCAGPrinciplesSection-DAOi68Jt.js → WCAGPrinciplesSection-BoHN-ga-.js} +1 -1
- package/{index-B6CStnMG.js → index-B919yoKU.js} +222 -224
- package/{index-QnI4b7wS.js → index-COj1N7FC.js} +10 -10
- 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/config/index.d.ts +9 -9
- package/themes/router/components/standalone-app-routes-provider.d.ts +2 -2
- package/documentation/BorderRadiusSection-BhNShk2O.js +0 -63
- package/documentation/BorderRadiusSection-D1lTcnl0.js +0 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),s=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),s=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react-dom");const l=()=>{const[a,i]=n.useState("");return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(s.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"PinCode"}),e.jsx(s.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A pin code input component for entering numeric codes digit by digit."})]}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"4 Digit PinCode"}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-2",children:"Pin Code"}),e.jsx(s.PinCode,{length:4,value:a,onChange:i})]})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"6 Digit PinCode"}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-2",children:"Verification Code"}),e.jsx(s.PinCode,{length:6,value:a,onChange:i})]})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"With Helper Text"}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-2",children:"Security Code"}),e.jsx(s.PinCode,{length:4,helperText:"Enter the 4-digit code",value:a,onChange:i})]})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"With Error"}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-2",children:"Pin Code"}),e.jsx(s.PinCode,{length:4,error:"Invalid pin code",value:a,onChange:i})]})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-2",children:"Pin Code"}),e.jsx(s.PinCode,{length:4,disabled:!0})]})]})]})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-2",children:"Ghost (default)"}),e.jsx(s.PinCode,{length:4,variant:"ghost"})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-2",children:"Solid"}),e.jsx(s.PinCode,{length:4,variant:"solid"})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-2",children:"Transparent"}),e.jsx(s.PinCode,{length:4,variant:"transparent"})]})]})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Colors & Sizes",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-2",children:"Different Colors"}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-1 text-xs",children:"Primary"}),e.jsx(s.PinCode,{length:4,color:"primary"})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-1 text-xs",children:"Danger"}),e.jsx(s.PinCode,{length:4,color:"danger"})]})]})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-2",children:"Different Sizes"}),e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-1 text-xs",children:"Small"}),e.jsx(s.PinCode,{length:4,size:"sm"})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-1 text-xs",children:"Medium"}),e.jsx(s.PinCode,{length:4,size:"md"})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-1 text-xs",children:"Large"}),e.jsx(s.PinCode,{length:4,size:"lg"})]})]})]})]})})})}),e.jsx(s.AutoPropsTable,{componentName:"PinCode"}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(s.CodeBlock,{language:"tsx",code:`import { PinCode } from '@e-burgos/tucu-ui';
|
|
2
2
|
|
|
3
3
|
<PinCode
|
|
4
4
|
length={4}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as a, Fragment as c, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { useState as t } from "react";
|
|
3
|
-
import { T as l, C as i, a as r, s, A as h, c as m } from "../index-
|
|
3
|
+
import { T as l, C as i, a as r, s, A as h, c as m } from "../index-B919yoKU.js";
|
|
4
4
|
import "lucide-react";
|
|
5
5
|
import "react-router-dom";
|
|
6
6
|
import "react-dom";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react"),e=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("react"),e=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react-dom");const o=()=>{const[r,a]=i.useState(45);return s.jsxs(s.Fragment,{children:[s.jsxs("div",{className:"text-center space-y-4",children:[s.jsx(e.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Progressbar"}),s.jsx(e.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A progress bar component for displaying completion status with customizable colors, sizes, and variants."})]}),s.jsx(e.CardContainer,{className:"overflow-hidden",children:s.jsx(e.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:s.jsx("div",{className:"w-full p-4 sm:p-6",children:s.jsxs("div",{className:"space-y-4",children:[s.jsxs(e.CardContainer,{className:"p-4",children:[s.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Basic Progressbar"}),s.jsx(e.Progressbar,{value:r})]}),s.jsxs(e.CardContainer,{className:"p-4",children:[s.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"With Label"}),s.jsx(e.Progressbar,{value:r,label:`${r}%`,size:"xl"})]}),s.jsxs(e.CardContainer,{className:"p-4",children:[s.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Interactive Example"}),s.jsxs("div",{className:"space-y-2",children:[s.jsx(e.Progressbar,{value:r,label:`${r}%`,size:"xl"}),s.jsxs("div",{className:"flex gap-2",children:[s.jsx("button",{onClick:()=>a(Math.max(0,r-10)),className:"px-3 py-1 bg-light-dark rounded border border-gray-300 dark:border-gray-600 hover:opacity-80 transition-opacity",children:"-10"}),s.jsx("button",{onClick:()=>a(Math.min(100,r+10)),className:"px-3 py-1 bg-light-dark rounded border border-gray-300 dark:border-gray-600 hover:opacity-80 transition-opacity",children:"+10"})]})]})]})]})})})}),s.jsx(e.CardContainer,{className:"overflow-hidden",children:s.jsx(e.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:s.jsx("div",{className:"w-full p-4 sm:p-6",children:s.jsxs("div",{className:"space-y-4",children:[s.jsxs("div",{children:[s.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Colors"}),s.jsxs("div",{className:"space-y-2",children:[s.jsx(e.Progressbar,{value:60,color:"primary"}),s.jsx(e.Progressbar,{value:60,color:"success"}),s.jsx(e.Progressbar,{value:60,color:"danger"}),s.jsx(e.Progressbar,{value:60,color:"info"}),s.jsx(e.Progressbar,{value:60,color:"warning"})]})]}),s.jsxs("div",{children:[s.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Variants"}),s.jsxs("div",{className:"space-y-2",children:[s.jsx(e.Progressbar,{value:60,variant:"solid"}),s.jsx(e.Progressbar,{value:60,variant:"flat"})]})]}),s.jsxs("div",{children:[s.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Sizes"}),s.jsxs("div",{className:"space-y-2",children:[s.jsx(e.Progressbar,{value:60,size:"sm"}),s.jsx(e.Progressbar,{value:60,size:"DEFAULT"}),s.jsx(e.Progressbar,{value:60,size:"lg"}),s.jsx(e.Progressbar,{value:60,size:"xl"})]})]})]})})})}),s.jsx(e.PropPlayground,{componentName:"Progressbar",defaultValues:{value:65,variant:"solid",size:"DEFAULT",color:"primary",rounded:"DEFAULT"},excludeProps:["label","barClassName","labelClassName"],children:l=>s.jsx("div",{className:"w-full",children:s.jsx(e.Progressbar,{...l})})}),s.jsx(e.AutoPropsTable,{componentName:"Progressbar"}),s.jsx(e.CardContainer,{className:"overflow-hidden",children:s.jsx(e.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:s.jsx("div",{className:"w-full p-4 sm:p-6",children:s.jsx(e.CodeBlock,{language:"tsx",code:`import { Progressbar } from '@e-burgos/tucu-ui';
|
|
2
2
|
|
|
3
3
|
// Basic usage
|
|
4
4
|
<Progressbar value={45} />
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as e, Fragment as d, jsx as a } from "react/jsx-runtime";
|
|
2
2
|
import { useState as n } from "react";
|
|
3
|
-
import { T as s, C as i, a as o, ab as r, P as m, A as h, c as u } from "../index-
|
|
3
|
+
import { T as s, C as i, a as o, ab as r, P as m, A as h, c as u } from "../index-B919yoKU.js";
|
|
4
4
|
import "lucide-react";
|
|
5
5
|
import "react-router-dom";
|
|
6
6
|
import "react-dom";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=[{subject:"Performance",teamA:85,teamB:70,teamC:60},{subject:"Reliability",teamA:90,teamB:80,teamC:75},{subject:"Scalability",teamA:70,teamB:85,teamC:90},{subject:"Security",teamA:95,teamB:75,teamC:80},{subject:"Usability",teamA:80,teamB:90,teamC:70},{subject:"Efficiency",teamA:75,teamB:65,teamC:85}],r=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(a.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"RadarChart"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Radar chart component for comparing multiple variables across categories, ideal for skill assessments and performance comparisons."})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Basic Radar Chart",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.RadarChart,{data:t,series:[{dataKey:"teamA",name:"Team A"}],height:350})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Multiple Series Comparison",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.RadarChart,{data:t,series:[{dataKey:"teamA",name:"Team A"},{dataKey:"teamB",name:"Team B"},{dataKey:"teamC",name:"Team C"}],height:350})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Higher Fill Opacity",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.RadarChart,{data:t,series:[{dataKey:"teamA",name:"Team A"},{dataKey:"teamB",name:"Team B"}],fillOpacity:.6,height:350})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Usage",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.CodeBlock,{code:`import { RadarChart } from '@e-burgos/tucu-ui';
|
|
2
2
|
|
|
3
3
|
const data = [
|
|
4
4
|
{ subject: 'Performance', teamA: 85, teamB: 70 },
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as r, Fragment as c, jsx as a } from "react/jsx-runtime";
|
|
2
|
-
import { T as i, C as e, a as t, R as m, c as d, P as o, A as n } from "../index-
|
|
2
|
+
import { T as i, C as e, a as t, R as m, c as d, P as o, A as n } from "../index-B919yoKU.js";
|
|
3
3
|
import "lucide-react";
|
|
4
4
|
import "react-router-dom";
|
|
5
5
|
import "react";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as e, Fragment as c, jsx as a } from "react/jsx-runtime";
|
|
2
2
|
import { useState as d } from "react";
|
|
3
|
-
import { T as o, C as l, a as t, u as i, A as p, c as m } from "../index-
|
|
3
|
+
import { T as o, C as l, a as t, u as i, A as p, c as m } from "../index-B919yoKU.js";
|
|
4
4
|
import "lucide-react";
|
|
5
5
|
import "react-router-dom";
|
|
6
6
|
import "react-dom";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),s=require("react"),e=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),s=require("react"),e=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react-dom");const t=()=>{const[l,o]=s.useState(""),r=[{value:"male",label:"Male"},{value:"female",label:"Female"},{value:"other",label:"Other"}];return a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:"text-center space-y-4",children:[a.jsx(e.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"RadioGroup"}),a.jsx(e.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A group of radio buttons for selecting one option from multiple choices."})]}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Examples",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Basic RadioGroup"}),a.jsx(e.RadioGroup,{label:"Gender",options:r,value:l,onChange:i=>o(i)})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"With Helper Text"}),a.jsx(e.RadioGroup,{label:"Size",helperText:"Select your preferred size",options:[{value:"small",label:"Small"},{value:"medium",label:"Medium"},{value:"large",label:"Large"}]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"With Error"}),a.jsx(e.RadioGroup,{label:"Priority",error:"Please select a priority",options:[{value:"low",label:"Low"},{value:"high",label:"High"}]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),a.jsx(e.RadioGroup,{label:"Status",disabled:!0,options:[{value:"active",label:"Active"},{value:"inactive",label:"Inactive"}]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Horizontal Layout"}),a.jsx(e.RadioGroup,{label:"Direction",direction:"horizontal",options:[{value:"vertical",label:"Vertical"},{value:"horizontal",label:"Horizontal"}]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Different Colors"}),a.jsx(e.RadioGroup,{label:"Color",color:"danger",options:[{value:"red",label:"Red"},{value:"blue",label:"Blue"}]})]})]})})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Ghost (default)"}),a.jsx(e.RadioGroup,{label:"Ghost Variant",variant:"ghost",options:[{value:"opt1",label:"Option 1"},{value:"opt2",label:"Option 2"}]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Solid"}),a.jsx(e.RadioGroup,{label:"Solid Variant",variant:"solid",options:[{value:"opt1",label:"Option 1"},{value:"opt2",label:"Option 2"}]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Transparent"}),a.jsx(e.RadioGroup,{label:"Transparent Variant",variant:"transparent",options:[{value:"opt1",label:"Option 1"},{value:"opt2",label:"Option 2"}]})]})]})})})}),a.jsx(e.AutoPropsTable,{componentName:"RadioGroup"}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsx(e.CodeBlock,{language:"typescript",code:`import { RadioGroup } from '@e-burgos/tucu-ui';
|
|
2
2
|
|
|
3
3
|
const options = [
|
|
4
4
|
{ value: 'male', label: 'Male' },
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as e, Fragment as c, jsx as a } from "react/jsx-runtime";
|
|
2
2
|
import { useState as n } from "react";
|
|
3
|
-
import { T as i, C as s, a as d, t as l, A as m, c as h } from "../index-
|
|
3
|
+
import { T as i, C as s, a as d, t as l, A as m, c as h } from "../index-B919yoKU.js";
|
|
4
4
|
import "lucide-react";
|
|
5
5
|
import "react-router-dom";
|
|
6
6
|
import "react-dom";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),i=require("react"),e=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),i=require("react"),e=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react-dom");const o=()=>{const[l,r]=i.useState("");return a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:"text-center space-y-4",children:[a.jsx(e.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Radio"}),a.jsx(e.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A single radio button component for binary choices."})]}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Examples",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Basic Radio"}),a.jsx(e.Radio,{label:"Option 1",value:"option1",checked:l==="option1",onChange:s=>r(s.target.value)})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),a.jsx(e.Radio,{label:"Disabled option",value:"disabled",disabled:!0})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Different Colors"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx(e.Radio,{label:"Primary",value:"primary",color:"primary"}),a.jsx(e.Radio,{label:"Danger",value:"danger",color:"danger"}),a.jsx(e.Radio,{label:"Success",value:"success",color:"success"})]})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Different Sizes"}),a.jsxs("div",{className:"space-y-2",children:[a.jsx(e.Radio,{label:"Small",value:"sm",size:"sm"}),a.jsx(e.Radio,{label:"Medium",value:"md",size:"md"}),a.jsx(e.Radio,{label:"Large",value:"lg",size:"lg"})]})]})]})})})}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Ghost (default)"}),a.jsx(e.Radio,{label:"Ghost Variant",value:"ghost",variant:"ghost",checked:l==="ghost",onChange:s=>r(s.target.value)})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Solid"}),a.jsx(e.Radio,{label:"Solid Variant",value:"solid",variant:"solid",checked:l==="solid",onChange:s=>r(s.target.value)})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Transparent"}),a.jsx(e.Radio,{label:"Transparent Variant",value:"transparent",variant:"transparent",checked:l==="transparent",onChange:s=>r(s.target.value)})]})]})})})}),a.jsx(e.AutoPropsTable,{componentName:"Radio"}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsx(e.CodeBlock,{language:"tsx",code:`import { Radio } from '@e-burgos/tucu-ui';
|
|
2
2
|
|
|
3
3
|
<Radio
|
|
4
4
|
label="Option 1"
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as a, Fragment as r, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { T as t, C as n, a as o, ar as l, P as h, A as c, c as d } from "../index-
|
|
2
|
+
import { T as t, C as n, a as o, ar as l, P as h, A as c, c as d } from "../index-B919yoKU.js";
|
|
3
3
|
import "lucide-react";
|
|
4
4
|
import "react-router-dom";
|
|
5
5
|
import "react";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=()=>{const a=e.jsxs("div",{className:"space-y-2",children:[e.jsx(t.Typography,{tag:"p",children:"This is a long piece of content that will be collapsed by default."}),e.jsx(t.Typography,{tag:"p",children:'When the content exceeds the default height, a "Show More" button will appear.'}),e.jsx(t.Typography,{tag:"p",children:"Clicking the button will expand the content to show everything."}),e.jsx(t.Typography,{tag:"p",children:'You can then click "Show Less" to collapse it back to the default height.'}),e.jsx(t.Typography,{tag:"p",children:"This is useful for displaying long descriptions, articles, or any content that might be too long for the initial view."})]});return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(t.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"RevealContent"}),e.jsx(t.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:'A component that automatically collapses long content and provides a "Show More" / "Show Less" button.'})]}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Default Height 100px"}),e.jsx(t.RevealContent,{defaultHeight:100,children:a})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Default Height 150px"}),e.jsx(t.RevealContent,{defaultHeight:150,children:a})]})]})})})}),e.jsx(t.PropPlayground,{componentName:"RevealContent",defaultValues:{defaultHeight:100},excludeProps:[],children:n=>e.jsx(t.RevealContent,{...n,children:e.jsxs("div",{className:"space-y-2",children:[e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:"This is the first paragraph of content that is initially visible."}),e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:"This second paragraph may be hidden depending on the defaultHeight value."}),e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:"This third paragraph is likely hidden and revealed when expanded."}),e.jsx("p",{className:"text-sm text-gray-600 dark:text-gray-400",children:"And here is even more content to demonstrate the reveal functionality."})]})})}),e.jsx(t.AutoPropsTable,{componentName:"RevealContent"}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(t.CodeBlock,{language:"tsx",code:`import { RevealContent, Typography } from '@e-burgos/tucu-ui';
|
|
2
2
|
|
|
3
3
|
// Basic usage
|
|
4
4
|
<RevealContent defaultHeight={100}>
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-COj1N7FC.js"),n=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=()=>e.jsx("div",{className:"space-y-8",children:e.jsx(t.CardContainer,{children:e.jsx(t.CardTitle,{title:"Route Configuration",className:"mt-2 mb-6",children:e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-blue-500 to-cyan-500 shadow-lg",children:e.jsx(n.Settings,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(t.Typography,{tag:"h4",className:"font-semibold",children:"StandaloneAppRoutesMenuItem Interface"})]}),e.jsxs(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:["For single applications, routes are defined using the"," ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"StandaloneAppRoutesMenuItem"})," ","interface which extends"," ",e.jsx("code",{className:"px-1 py-0.5 border border-gray-300 dark:border-gray-600 rounded text-xs",children:"IMenuItem"}),"."]}),e.jsx(t.CodeBlock,{language:"typescript",code:`interface StandaloneAppRoutesMenuItem extends Omit<IMenuItem, 'dropdownItems'> {
|
|
2
2
|
component: JSX.Element; // The component to render
|
|
3
3
|
dropdownItems?: StandaloneAppRoutesMenuItem[]; // Optional sub-routes
|
|
4
4
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as e, jsxs as t } from "react/jsx-runtime";
|
|
2
|
-
import { C as a, a as r, T as n, c as o } from "../index-
|
|
2
|
+
import { C as a, a as r, T as n, c as o } from "../index-B919yoKU.js";
|
|
3
3
|
import { Settings as i, Play as s } from "lucide-react";
|
|
4
4
|
import "react-router-dom";
|
|
5
5
|
import "react";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as t, Fragment as s, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { T as o, C as l, a, P as c, as as n, A as i, c as d } from "../index-
|
|
2
|
+
import { T as o, C as l, a, P as c, as as n, A as i, c as d } from "../index-B919yoKU.js";
|
|
3
3
|
import "lucide-react";
|
|
4
4
|
import "react-router-dom";
|
|
5
5
|
import "react";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(o.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"ScrollToTop"}),e.jsx(o.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A utility component that displays a floating button to scroll back to the top of the page. It automatically scrolls to top when the route changes and shows a button when the user scrolls down."})]}),e.jsx(o.CardContainer,{className:"overflow-hidden",children:e.jsx(o.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs(o.CardContainer,{className:"p-4",children:[e.jsx(o.Typography,{tag:"h5",className:"mb-3",children:"Default Usage"}),e.jsx(o.Typography,{tag:"p",className:"mb-4",children:"Add this component to your router or app component. By default, it displays a button in the bottom-right corner (24px from edges) that appears when you scroll down more than 400px."}),e.jsx(o.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-4",children:"The button automatically scrolls to the top when clicked and also scrolls to top whenever the route changes."}),e.jsx("div",{className:"bg-gray-100 dark:bg-gray-800 p-4 rounded-lg",children:e.jsx(o.Typography,{tag:"p",className:"text-sm",children:"Scroll down on this page to see the button appear in the bottom-right corner."})})]}),e.jsxs(o.CardContainer,{className:"p-4",children:[e.jsx(o.Typography,{tag:"h5",className:"mb-3",children:"Custom Position"}),e.jsx(o.Typography,{tag:"p",className:"mb-4",children:"You can customize the button position using the position props."}),e.jsxs("div",{className:"space-y-2 text-sm",children:[e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"top-left:"})," ",e.jsx("code",{children:"<ScrollToTop top={20} left={20} />"})]}),e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"top-right:"})," ",e.jsx("code",{children:"<ScrollToTop top={20} right={20} />"})]}),e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"bottom-left:"})," ",e.jsx("code",{children:"<ScrollToTop bottom={20} left={20} />"})]}),e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"bottom-right:"})," ",e.jsx("code",{children:"<ScrollToTop bottom={20} right={20} />"})]})]})]}),e.jsxs(o.CardContainer,{className:"p-4",children:[e.jsx(o.Typography,{tag:"h5",className:"mb-3",children:"Custom Size and Threshold"}),e.jsx(o.Typography,{tag:"p",className:"mb-4",children:"Control when the button appears and its size."}),e.jsxs("div",{className:"space-y-2 text-sm",children:[e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"Small button:"})," ",e.jsx("code",{children:'<ScrollToTop size="small" />'})]}),e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"Large button:"})," ",e.jsx("code",{children:'<ScrollToTop size="large" />'})]}),e.jsxs(o.Typography,{tag:"p",children:[e.jsx("code",{className:"text-brand",children:"Show after 200px:"})," ",e.jsx("code",{children:"<ScrollToTop showAfter={200} />"})]})]})]})]})})})}),e.jsx(o.PropPlayground,{componentName:"ScrollToTop",defaultValues:{size:"large",showAfter:400,bottom:"45%",right:50,behavior:"smooth"},excludeProps:["scrollContainer"],children:t=>e.jsx(o.ScrollToTop,{...t})}),e.jsx(o.AutoPropsTable,{componentName:"ScrollToTop"}),e.jsx(o.CardContainer,{className:"overflow-hidden",children:e.jsx(o.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(o.CodeBlock,{language:"tsx",code:`import { ScrollToTop } from '@e-burgos/tucu-ui';
|
|
2
2
|
import { BrowserRouter } from 'react-router-dom';
|
|
3
3
|
|
|
4
4
|
function App() {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as e, jsxs as l, Fragment as d } from "react/jsx-runtime";
|
|
2
|
-
import { T as a, C as r, a as s, Y as c, P as n, A as m, c as h } from "../index-
|
|
2
|
+
import { T as a, C as r, a as s, Y as c, P as n, A as m, c as h } from "../index-B919yoKU.js";
|
|
3
3
|
import "lucide-react";
|
|
4
4
|
import "react-router-dom";
|
|
5
5
|
import "react";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const c=()=>{const l=Array.from({length:20},(a,s)=>e.jsx("div",{className:"p-4 border-b",children:e.jsxs(r.Typography,{tag:"p",children:["Content item ",s+1]})},s));return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(r.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Scrollbar"}),e.jsx(r.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A customizable scrollbar component with auto-hide functionality and custom styling options."})]}),e.jsx(r.CardContainer,{className:"overflow-hidden",children:e.jsx(r.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Vertical Scrollbar"}),e.jsx(r.Scrollbar,{className:"h-48",children:e.jsx("div",{children:l.slice(0,10)})})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Auto Hide on Leave"}),e.jsx(r.Scrollbar,{className:"h-48",autoHide:"leave",children:e.jsx("div",{children:l.slice(0,10)})})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Never Hide"}),e.jsx(r.Scrollbar,{className:"h-48",autoHide:"never",children:e.jsx("div",{children:l.slice(0,10)})})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Custom Styled"}),e.jsx(r.Scrollbar,{className:"h-48",scrollbarStyle:{track:{backgroundColor:"transparent"},thumb:{borderRadius:"8px",width:"8px"}},children:e.jsx("div",{children:l.slice(0,10)})})]})]})})})}),e.jsx(r.PropPlayground,{componentName:"Scrollbar",defaultValues:{autoHide:"scroll",direction:"vertical"},excludeProps:["scrollbarStyle","style"],children:a=>e.jsx(r.Scrollbar,{...a,style:{height:200},children:e.jsxs("div",{style:{height:600,padding:16},children:[e.jsx("p",{children:"Scroll down to see more content..."}),e.jsx("p",{style:{marginTop:200},children:"Middle content"}),e.jsx("p",{style:{marginTop:200},children:"End of content"})]})})}),e.jsx(r.AutoPropsTable,{componentName:"Scrollbar"}),e.jsx(r.CardContainer,{className:"overflow-hidden",children:e.jsx(r.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(r.CodeBlock,{language:"tsx",code:`import { Scrollbar } from '@e-burgos/tucu-ui';
|
|
2
2
|
|
|
3
3
|
// Basic usage
|
|
4
4
|
<Scrollbar className="h-48">
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as a, Fragment as d, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { useState as p } from "react";
|
|
3
|
-
import { T as t, C as l, a as o, S as s, A as m, c as h } from "../index-
|
|
3
|
+
import { T as t, C as l, a as o, S as s, A as m, c as h } from "../index-B919yoKU.js";
|
|
4
4
|
import { Globe as c, Star as u, Zap as g, Shield as v } from "lucide-react";
|
|
5
5
|
import "react-router-dom";
|
|
6
6
|
import "react-dom";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),a=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),a=require("../index-COj1N7FC.js"),s=require("lucide-react");require("react-router-dom");require("react-dom");const c=()=>{const[t,r]=o.useState(void 0),l=[{name:"Argentina",value:"ar"},{name:"Brasil",value:"br"},{name:"Chile",value:"cl"},{name:"Colombia",value:"co"},{name:"México",value:"mx"},{name:"Perú",value:"pe"},{name:"Uruguay",value:"uy"},{name:"Venezuela",value:"ve"}],n=[{name:"Free",value:"free",description:"Basic features, 1 user",icon:e.jsx(s.Star,{className:"h-4 w-4 text-gray-400"})},{name:"Pro",value:"pro",description:"Advanced features, 5 users",icon:e.jsx(s.Zap,{className:"h-4 w-4 text-brand"})},{name:"Enterprise",value:"enterprise",description:"Custom features, unlimited",icon:e.jsx(s.Shield,{className:"h-4 w-4 text-green-500"})},{name:"Legacy",value:"legacy",description:"No longer available",disabled:!0}];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(a.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Select"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A dropdown select component with search, descriptions, disabled options, and check indicators."})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Basic Select"}),e.jsx(a.Select,{label:"Country",placeholder:"Select a country",options:l,selectedOption:t,onChange:r})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Searchable"}),e.jsx(a.Select,{label:"Country",placeholder:"Search and select...",options:l,searchable:!0,searchPlaceholder:"Type to filter...",showCheck:!0})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Descriptions & Icons"}),e.jsx(a.Select,{label:"Plan",placeholder:"Choose a plan",options:n,showCheck:!0})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Helper Text"}),e.jsx(a.Select,{label:"Language",placeholder:"Select a language",helperText:"Choose your preferred language",options:[{name:"English",value:"en",icon:e.jsx(s.Globe,{className:"h-4 w-4"})},{name:"Spanish",value:"es",icon:e.jsx(s.Globe,{className:"h-4 w-4"})},{name:"French",value:"fr",icon:e.jsx(s.Globe,{className:"h-4 w-4"})}]})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Error"}),e.jsx(a.Select,{label:"Category",placeholder:"Select a category",errorMessage:"Category is required",options:[{name:"Option 1",value:"opt1"},{name:"Option 2",value:"opt2"}]})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),e.jsx(a.Select,{label:"Status",placeholder:"Select status",disabled:!0,options:[{name:"Active",value:"active"},{name:"Inactive",value:"inactive"}]})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Ghost (default)"}),e.jsx(a.Select,{label:"Ghost Variant",placeholder:"Select option",variant:"ghost",options:l})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Solid"}),e.jsx(a.Select,{label:"Solid Variant",placeholder:"Select option",variant:"solid",options:l})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Transparent"}),e.jsx(a.Select,{label:"Transparent Variant",placeholder:"Select option",variant:"transparent",options:l})]})]})})})}),e.jsx(a.AutoPropsTable,{componentName:"Select"}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.CodeBlock,{language:"tsx",code:`import { Select } from '@e-burgos/tucu-ui';
|
|
2
2
|
|
|
3
3
|
const options = [
|
|
4
4
|
{ name: 'Argentina', value: 'ar' },
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as e, jsxs as a } from "react/jsx-runtime";
|
|
2
|
-
import { au as x, C as y, a as f, T as t, J as s, y as c } from "../index-
|
|
2
|
+
import { au as x, C as y, a as f, T as t, J as s, y as c } from "../index-B919yoKU.js";
|
|
3
3
|
import { Settings as b, Check as m } from "lucide-react";
|
|
4
4
|
import "react-router-dom";
|
|
5
5
|
import "react";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-COj1N7FC.js"),i=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const h=()=>{const{mode:a,layout:n,primaryPreset:d,secondaryPreset:c,accentPreset:m,direction:o,setMode:g,setIsSettingsOpen:x,isSettingsOpen:r}=s.useTheme();return e.jsx(s.CardContainer,{children:e.jsx(s.CardTitle,{title:"Settings Panel",className:"mt-2 mb-6",children:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 bg-gradient-to-br from-orange-500 to-red-500 rounded-lg shadow-lg",children:e.jsx(i.Settings,{className:"w-5 h-5 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h4",className:"font-semibold",children:"Built-in Settings UI"})]}),e.jsxs("div",{className:"grid grid-cols-1 gap-6",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsx(s.Typography,{tag:"p",className:"text-gray-600 dark:text-gray-400",children:"The theme system includes a built-in settings panel that allows users to:"}),e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"font-medium mb-2",children:"Core Settings"}),e.jsx("ul",{className:"space-y-1",children:["Toggle between light and dark modes","Switch between LTR and RTL text direction","Choose between Clean, Admin, and Horizontal layouts"].map((t,l)=>e.jsxs("li",{className:"flex items-center gap-2",children:[e.jsx(i.Check,{className:"w-3 h-3 text-green-500"}),e.jsx("span",{className:"text-xs",children:t})]},l))})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"font-medium mb-2",children:"Color Management"}),e.jsx("ul",{className:"space-y-1",children:["Select from 34 predefined color presets","Configure primary, secondary, and accent colors","Customize dark and light theme colors","Manage muted colors and background variants"].map((t,l)=>e.jsxs("li",{className:"flex items-center gap-2",children:[e.jsx(i.Check,{className:"w-3 h-3 text-green-500"}),e.jsx("span",{className:"text-xs",children:t})]},l))})]})]})]}),e.jsxs("div",{className:"space-y-4",children:[e.jsx(s.Typography,{tag:"h5",className:"font-medium",children:"Current Settings"}),e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"grid grid-cols-2 gap-3",children:[e.jsxs("div",{className:"flex justify-between items-center p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"text-sm font-medium",children:"Mode"}),e.jsx(s.Badge,{variant:"outline",className:"text-xs",children:a})]}),e.jsxs("div",{className:"flex justify-between items-center p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"text-sm font-medium",children:"Layout"}),e.jsxs(s.Badge,{variant:"outline",className:"text-xs",children:[n==="horizontal"?"Horizontal":n==="clean"?"Clean":"Admin"," "]})]}),e.jsxs("div",{className:"flex justify-between items-center p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"text-sm font-medium",children:"Primary"}),e.jsx(s.Badge,{variant:"outline",className:"text-xs",children:d?.label||"DEFAULT_PRIMARY"})]}),e.jsxs("div",{className:"flex justify-between items-center p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"text-sm font-medium",children:"Secondary"}),e.jsx(s.Badge,{variant:"outline",className:"text-xs",children:c?.label||"DEFAULT_SECONDARY"})]}),e.jsxs("div",{className:"flex justify-between items-center p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"text-sm font-medium",children:"Accent"}),e.jsx(s.Badge,{variant:"outline",className:"text-xs",children:m?.label||"DEFAULT_ACCENT"})]}),e.jsxs("div",{className:"flex justify-between items-center p-3 bg-gray-200 dark:bg-gray-800 rounded-lg",children:[e.jsx("span",{className:"text-sm font-medium",children:"Direction"}),e.jsx(s.Badge,{variant:"outline",className:"text-xs",children:o||"LTR"})]})]}),e.jsxs("div",{className:"flex gap-2 w-full mt-4",children:[e.jsxs(s.Button,{size:"small",onClick:()=>g(a==="dark"?"light":"dark"),className:"flex-1",children:["Toggle ",a==="dark"?"Light":"Dark"]}),e.jsxs(s.Button,{size:"small",variant:"ghost",onClick:()=>x(!r),className:"flex-1",children:[r?"Close":"Open"," Settings"]})]})]})]})]})]})})})};exports.default=h;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const s=a=>{if(typeof window>"u")return"";const r=document.documentElement;return getComputedStyle(r).getPropertyValue(a).trim()||""},n=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(t.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Shadows"}),e.jsx(t.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Shadow tokens from Tucu UI Design System for depth and elevation"})]}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Shadow Tokens",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full space-y-8 p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-6",children:[{name:"Main",varName:"--shadow-main",description:"Primary shadow for cards and elevated elements"},{name:"Light",varName:"--shadow-light",description:"Subtle shadow for minimal elevation"},{name:"Large",varName:"--shadow-large",description:"Prominent shadow for modals and overlays"},{name:"Card",varName:"--shadow-card",description:"Standard shadow for card components"},{name:"Transaction",varName:"--shadow-transaction",description:"Shadow for transaction lists and tables"},{name:"Expand",varName:"--shadow-expand",description:"Strong shadow for expanded elements"},{name:"Button",varName:"--shadow-button",description:"Shadow for button components"},{name:"Drop Shadow Main",varName:"--drop-shadow-main",description:"Drop shadow for images and graphics"}].map(a=>{const r=s(a.varName);return e.jsxs("div",{className:"space-y-3",children:[e.jsxs("div",{className:"space-y-1",children:[e.jsx(t.Typography,{tag:"h3",className:"font-semibold",children:a.name}),e.jsx(t.Typography,{tag:"p",className:"text-sm text-muted",children:a.description})]}),e.jsx("div",{className:"h-32 bg-white dark:bg-gray-800 rounded-lg p-4 flex items-center justify-center",style:{boxShadow:r||`var(${a.varName})`},children:e.jsx(t.Typography,{tag:"h4",className:"text-center",children:a.name})}),e.jsxs("div",{className:"space-y-1",children:[e.jsx(t.Typography,{tag:"h4",className:"text-muted text-xs break-all font-mono",children:a.varName}),r&&e.jsx(t.Typography,{tag:"h4",className:"text-muted text-[10px] break-all",children:r})]})]},a.name)})})})})})]});exports.default=n;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as n, Fragment as o, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { T as t, C as s, a as d } from "../index-
|
|
2
|
+
import { T as t, C as s, a as d } from "../index-B919yoKU.js";
|
|
3
3
|
import "lucide-react";
|
|
4
4
|
import "react-router-dom";
|
|
5
5
|
import "react";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as t, Fragment as i, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { T as a, C as s, a as n, A as o, c as m } from "../index-
|
|
2
|
+
import { T as a, C as s, a as n, A as o, c as m } from "../index-B919yoKU.js";
|
|
3
3
|
import "lucide-react";
|
|
4
4
|
import "react-router-dom";
|
|
5
5
|
import "react";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const a=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(s.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"SidebarMenu"}),e.jsx(s.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A sidebar component with built-in menu navigation, supporting icons, paths, and dropdown items."})]}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"space-y-4",children:e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Basic Sidebar Menu"}),e.jsx(s.Typography,{tag:"p",className:"mb-4 text-sm text-gray-600",children:"Note: SidebarMenu is typically used within a Drawer component. This example shows the structure."}),e.jsx(s.Typography,{tag:"p",className:"text-sm",children:"The SidebarMenu component provides a navigation menu with icons and links, perfect for mobile navigation drawers."})]})})})})}),e.jsx(s.AutoPropsTable,{componentName:"SidebarMenu"}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(s.CodeBlock,{language:"tsx",code:`import { SidebarMenu, LucideIcons } from '@e-burgos/tucu-ui';
|
|
2
2
|
|
|
3
3
|
const menuItems = [
|
|
4
4
|
{
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),t=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),t=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react-dom");const s=()=>{const[i,r]=a.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(t.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Sidebar"}),e.jsx(t.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A sidebar component with scrollable content, optional logo, title, and action buttons."})]}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"space-y-4",children:e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Basic Sidebar"}),e.jsx(t.Typography,{tag:"p",className:"mb-4 text-sm text-gray-600",children:"Note: Sidebar is typically used within a Drawer component. This example shows the structure."}),e.jsx(t.Typography,{tag:"p",className:"text-sm",children:"The Sidebar component provides a scrollable container with optional header (logo or title) and action buttons at the bottom."})]})})})})}),e.jsx(t.AutoPropsTable,{componentName:"Sidebar"}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(t.CodeBlock,{language:"tsx",code:`import { Sidebar } from '@e-burgos/tucu-ui';
|
|
2
2
|
|
|
3
3
|
// Basic usage (typically within Drawer)
|
|
4
4
|
<Sidebar title="Sidebar Title" onClose={() => setIsOpen(false)}>
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as a, Fragment as s, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { useState as l } from "react";
|
|
3
|
-
import { T as t, C as i, a as o, A as r, c as n } from "../index-
|
|
3
|
+
import { T as t, C as i, a as o, A as r, c as n } from "../index-B919yoKU.js";
|
|
4
4
|
import "lucide-react";
|
|
5
5
|
import "react-router-dom";
|
|
6
6
|
import "react-dom";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as d, Fragment as m, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { T as r, C as i, a as n } from "../index-
|
|
2
|
+
import { T as r, C as i, a as n } from "../index-B919yoKU.js";
|
|
3
3
|
import "lucide-react";
|
|
4
4
|
import "react-router-dom";
|
|
5
5
|
import "react";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=a=>{if(typeof window>"u")return"";const t=document.documentElement;return getComputedStyle(t).getPropertyValue(a).trim()||""},c=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(s.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Sizing"}),e.jsx(s.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Icon and avatar size tokens from Tucu UI Design Tokens"})]}),e.jsxs("div",{className:"space-y-8",children:[e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Icon Sizes",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full space-y-8 p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:["xs","s","m","l"].map(a=>{const t=`w-icon-${a}`,d=`h-icon-${a}`,l=`--size-icon-${a}`,r=i(l);return e.jsxs("div",{className:"text-center space-y-2 border border-gray-200 dark:border-gray-700 rounded-lg p-3",children:[e.jsx("div",{className:`bg-primary rounded mx-auto ${t} ${d}`,style:{width:r||`var(${l})`,height:r||`var(${l})`}}),e.jsx(s.Typography,{tag:"h4",className:"font-semibold",children:a}),r&&e.jsx(s.Typography,{tag:"h4",className:"text-muted text-[10px]",children:r}),e.jsxs(s.Typography,{tag:"h4",className:"text-muted text-[9px] mt-1 break-all px-1",children:[t,", ",d]})]},a)})})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Avatar Sizes",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full space-y-8 p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:["s","m","l","xl","xxl","xxxl"].map(a=>{const t=`w-avatar-${a}`,d=`h-avatar-${a}`,l=`--size-avatar-${a}`,r=i(l);return e.jsxs("div",{className:"text-center space-y-2 border border-gray-200 dark:border-gray-700 rounded-lg p-3",children:[e.jsx("div",{className:`bg-primary rounded-full mx-auto ${t} ${d}`,style:{width:r||`var(${l})`,height:r||`var(${l})`}}),e.jsx(s.Typography,{tag:"h4",className:"font-semibold",children:a}),r&&e.jsx(s.Typography,{tag:"h4",className:"text-muted text-[10px]",children:r}),e.jsxs(s.Typography,{tag:"h4",className:"text-muted text-[9px] mt-1 break-all px-1",children:[t,", ",d]})]},a)})})})})})]})]});exports.default=c;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as i, Fragment as c, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { T as l, C as s, a as n, Z as a, P as m, A as h, c as d } from "../index-
|
|
2
|
+
import { T as l, C as s, a as n, Z as a, P as m, A as h, c as d } from "../index-B919yoKU.js";
|
|
3
3
|
import "lucide-react";
|
|
4
4
|
import "react-router-dom";
|
|
5
5
|
import "react";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(s.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Skeleton"}),e.jsx(s.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A skeleton loader component for displaying placeholder content while data is loading."})]}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Default Skeleton"}),e.jsx(s.Skeleton,{})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"With Text Lines"}),e.jsx(s.Skeleton,{shape:"text",count:3})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Circle Shape"}),e.jsxs("div",{className:"flex gap-3",children:[e.jsx(s.Skeleton,{shape:"circle",size:"small",width:"2rem"}),e.jsx(s.Skeleton,{shape:"circle",size:"medium",width:"4rem"}),e.jsx(s.Skeleton,{shape:"circle",size:"large",width:"6rem"})]})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Different Sizes"}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(s.Skeleton,{size:"tiny"}),e.jsx(s.Skeleton,{size:"small"}),e.jsx(s.Skeleton,{size:"medium"}),e.jsx(s.Skeleton,{size:"large"})]})]})]})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Animations",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Shimmer Animation (Default)"}),e.jsx(s.Skeleton,{animation:"shimmer"})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Wave Animation"}),e.jsx(s.Skeleton,{animation:"wave"})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Pulse Animation"}),e.jsx(s.Skeleton,{animation:"pulse"})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"No Animation"}),e.jsx(s.Skeleton,{animation:"none"})]})]})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Shapes",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Rounded (Default)"}),e.jsx(s.Skeleton,{shape:"rounded"})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Rectangle"}),e.jsx(s.Skeleton,{shape:"rectangle"})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Circle"}),e.jsx(s.Skeleton,{shape:"circle",width:"8rem",height:"8rem"})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Text Lines"}),e.jsx(s.Skeleton,{shape:"text",count:4})]})]})})})}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Common Patterns",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-6",children:[e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Card Skeleton"}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Skeleton,{size:"large",className:"mb-3"}),e.jsx(s.Skeleton,{shape:"text",count:3})]})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Profile Skeleton"}),e.jsx(s.CardContainer,{className:"p-4",children:e.jsxs("div",{className:"flex items-center gap-4",children:[e.jsx(s.Skeleton,{shape:"circle",width:"4rem",height:"4rem"}),e.jsxs("div",{className:"flex-1 space-y-2",children:[e.jsx(s.Skeleton,{width:"60%",height:"1rem"}),e.jsx(s.Skeleton,{width:"40%",height:"0.875rem"})]})]})})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"List Skeleton"}),e.jsx(s.CardContainer,{className:"p-4 space-y-3",children:[1,2,3].map(a=>e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx(s.Skeleton,{shape:"circle",width:"2.5rem",height:"2.5rem"}),e.jsxs("div",{className:"flex-1 space-y-2",children:[e.jsx(s.Skeleton,{width:"70%",height:"0.875rem"}),e.jsx(s.Skeleton,{width:"50%",height:"0.75rem"})]})]},a))})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Article Skeleton"}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Skeleton,{size:"large",className:"mb-4"}),e.jsx(s.Skeleton,{width:"80%",className:"mb-2 h-6"}),e.jsx(s.Skeleton,{width:"60%",className:"mb-4 h-6"}),e.jsx(s.Skeleton,{shape:"text",count:5})]})]}),e.jsxs("div",{children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Grid Skeleton"}),e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[1,2,3].map(a=>e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Skeleton,{height:"10rem",className:"mb-3"}),e.jsx(s.Skeleton,{width:"80%",className:"mb-2 h-5"}),e.jsx(s.Skeleton,{shape:"text",count:2})]},a))})]})]})})})}),e.jsx(s.PropPlayground,{componentName:"Skeleton",defaultValues:{shape:"rounded",animation:"shimmer",size:"medium",count:1},excludeProps:["width","height"],children:a=>e.jsx(s.Skeleton,{...a})}),e.jsx(s.AutoPropsTable,{componentName:"Skeleton"}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(s.CodeBlock,{language:"tsx",code:`import { Skeleton } from '@e-burgos/tucu-ui';
|
|
2
2
|
|
|
3
3
|
// Basic usage
|
|
4
4
|
<Skeleton />
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as t, Fragment as c, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { T as l, C as o, a as u } from "../index-
|
|
2
|
+
import { T as l, C as o, a as u } from "../index-B919yoKU.js";
|
|
3
3
|
import "lucide-react";
|
|
4
4
|
import "react-router-dom";
|
|
5
5
|
import "react";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../index-COj1N7FC.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const d=t=>{if(typeof window>"u")return"";const a=document.documentElement;return getComputedStyle(a).getPropertyValue(t).trim()||""},u=()=>{const t=[{value:0,key:"0"},{value:1,key:"1"},{value:2,key:"2"},{value:3,key:"3"},{value:4,key:"4"},{value:5,key:"5"},{value:6,key:"6"},{value:7,key:"7"},{value:8,key:"8"},{value:9,key:"9"},{value:10,key:"10"},{value:11,key:"11"},{value:12,key:"12"},{value:13,key:"13"},{value:14,key:"14"},{value:15,key:"15"},{value:16,key:"16"},{value:17,key:"17"},{value:18,key:"18"},{value:19,key:"19"},{value:20,key:"20"}];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(l.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Spacing System"}),e.jsx(l.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Spacing scale mapped to Tucu UI Design Tokens"})]}),e.jsx(l.CardContainer,{className:"overflow-hidden",children:e.jsx(l.CardTitle,{title:"Spacing Scale",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full space-y-8 p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:t.map(a=>{const r=`--spacing-${a.key}`,s=d(r),n=`p-${a.value}, m-${a.value}, gap-${a.value}`,i=a.value.toString();return e.jsxs("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(l.Typography,{tag:"h4",className:"font-semibold",children:i}),s&&e.jsx(l.Typography,{tag:"h4",className:"text-muted text-[10px]",children:s})]}),e.jsx("div",{className:"bg-primary h-8 rounded w-full",style:{width:s||`var(${r})`,minWidth:"4px"}}),e.jsx(l.Typography,{tag:"h4",className:"text-muted text-[9px] break-all px-1",children:n})]},a.key)})})})})})]})};exports.default=u;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as a, Fragment as c, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { T as l, C as i, a as n, ac as r, P as o, A as m, c as d } from "../index-
|
|
2
|
+
import { T as l, C as i, a as n, ac as r, P as o, A as m, c as d } from "../index-B919yoKU.js";
|
|
3
3
|
import "lucide-react";
|
|
4
4
|
import "react-router-dom";
|
|
5
5
|
import "react";
|