@e-burgos/tucu-ui 2.0.3 → 2.0.4
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/CHANGELOG.md +117 -0
- package/README.md +9 -4
- package/components/blockchain/coin-listbox.d.ts +2 -1
- package/components/blockchain/collection-select-list.d.ts +4 -1
- package/components/cards/card.d.ts +13 -0
- package/components/cards/index.d.ts +2 -0
- package/components/cards/info-card.d.ts +54 -0
- package/components/charts/area-chart/area-chart.d.ts +9 -0
- package/components/charts/area-chart/index.d.ts +2 -0
- package/components/charts/bar-chart/bar-chart.d.ts +10 -0
- package/components/charts/bar-chart/index.d.ts +2 -0
- package/components/charts/components/chart-container.d.ts +8 -0
- package/components/charts/components/chart-empty-state.d.ts +6 -0
- package/components/charts/components/chart-tooltip.d.ts +2 -0
- package/components/charts/components/index.d.ts +3 -0
- package/components/charts/composed-chart/composed-chart.d.ts +9 -0
- package/components/charts/composed-chart/index.d.ts +2 -0
- package/components/charts/hooks/index.d.ts +2 -0
- package/components/charts/hooks/use-chart-theme.d.ts +13 -0
- package/components/charts/index.d.ts +18 -0
- package/components/charts/line-chart/index.d.ts +2 -0
- package/components/charts/line-chart/line-chart.d.ts +9 -0
- package/components/charts/pie-chart/index.d.ts +2 -0
- package/components/charts/pie-chart/pie-chart.d.ts +14 -0
- package/components/charts/radar-chart/index.d.ts +2 -0
- package/components/charts/radar-chart/radar-chart.d.ts +17 -0
- package/components/charts/types.d.ts +32 -0
- package/components/common/index.d.ts +3 -0
- package/components/common/key-value-row.d.ts +9 -0
- package/components/common/pagination.d.ts +9 -0
- package/components/common/stepper.d.ts +13 -0
- package/components/dialog/drawer-container.d.ts +1 -1
- package/components/dialog/index.d.ts +1 -0
- package/components/dialog/tab-modal.d.ts +41 -0
- package/components/index.d.ts +1 -0
- package/components/inputs/input-searcher.d.ts +3 -2
- package/components/inputs/select.d.ts +9 -1
- package/components/tabs/tab.d.ts +31 -13
- package/components/utils/scroll-to-top.d.ts +17 -9
- package/demo/generated/props-metadata.d.ts +2 -2
- package/demo/pages/components/ChartsComponents.d.ts +2 -0
- package/demo/pages/components/charts-sections/AreaChartSection.d.ts +3 -0
- package/demo/pages/components/charts-sections/BarChartSection.d.ts +3 -0
- package/demo/pages/components/charts-sections/ComposedChartSection.d.ts +3 -0
- package/demo/pages/components/charts-sections/LineChartSection.d.ts +3 -0
- package/demo/pages/components/charts-sections/PieChartSection.d.ts +3 -0
- package/demo/pages/components/charts-sections/RadarChartSection.d.ts +3 -0
- package/demo/pages/components/charts-sections/index.d.ts +1 -0
- package/demo/pages/components/ui-components-sections/CardSection.d.ts +3 -0
- package/demo/pages/components/ui-components-sections/InfoCardSection.d.ts +3 -0
- package/demo/pages/components/ui-components-sections/KeyValueRowSection.d.ts +3 -0
- package/demo/pages/components/ui-components-sections/PaginationSection.d.ts +3 -0
- package/demo/pages/components/ui-components-sections/StepperSection.d.ts +3 -0
- package/demo/pages/components/ui-components-sections/TabModalSection.d.ts +3 -0
- package/demo/pages/components/ui-components-sections/index.d.ts +5 -0
- package/demo/pages/index.d.ts +1 -0
- package/documentation/{APIReferenceSection-h-8Utbap.js → APIReferenceSection-CkbDOII-.js} +1 -1
- package/documentation/{APIReferenceSection-B2oYdmby.js → APIReferenceSection-CpVd3Xjx.js} +1 -1
- package/documentation/{ActiveLinkSection-C95OfpHr.js → ActiveLinkSection-CpzFDISY.js} +1 -1
- package/documentation/{ActiveLinkSection-CdXQGIsJ.js → ActiveLinkSection-DYPp4Zg0.js} +1 -1
- package/documentation/{AdvancedColorSystemSection-BQshRXTc.js → AdvancedColorSystemSection-C8-q7nNW.js} +1 -1
- package/documentation/{AdvancedColorSystemSection-BtpxH8Mu.js → AdvancedColorSystemSection-CODz6Wv7.js} +1 -1
- package/documentation/{AdvancedFeaturesSection-BdL5enY8.js → AdvancedFeaturesSection-CPokeoIR.js} +1 -1
- package/documentation/{AdvancedFeaturesSection-DNsHjabp.js → AdvancedFeaturesSection-CT5LPMRT.js} +1 -1
- package/documentation/{AdvancedFeaturesSection-VcHwYejS.js → AdvancedFeaturesSection-DfczHWMU.js} +1 -1
- package/documentation/{AdvancedFeaturesSection-Ht5TTHY8.js → AdvancedFeaturesSection-wx6bqfbU.js} +1 -1
- package/documentation/{AlertSection-ZNoVAqQG.js → AlertSection-M-ADbyNs.js} +1 -1
- package/documentation/{AlertSection-CkPDRBrP.js → AlertSection-pO3LOWb0.js} +1 -1
- package/documentation/{AnchorLinkSection-BwEq_xXD.js → AnchorLinkSection-DOQLfXNM.js} +11 -11
- package/documentation/{AnchorLinkSection-Db8dVTL1.js → AnchorLinkSection-DrwLaGpe.js} +1 -1
- package/documentation/{ArchitecturalPatternsComparisonSection-_ICdjaay.js → ArchitecturalPatternsComparisonSection-D3qDb8oV.js} +1 -1
- package/documentation/{ArchitecturalPatternsComparisonSection-0JvWXvga.js → ArchitecturalPatternsComparisonSection-OgRFV5Gn.js} +1 -1
- package/documentation/{ArchitectureOverviewSection-A86tJq4O.js → ArchitectureOverviewSection-C4SPa6fm.js} +1 -1
- package/documentation/{ArchitectureOverviewSection-J96NVKkD.js → ArchitectureOverviewSection-DJ6szT6V.js} +1 -1
- package/documentation/AreaChartSection-CM7nymKJ.js +22 -0
- package/documentation/AreaChartSection-DdoeVQoB.js +132 -0
- package/documentation/{AuthorCardSection-CYkh23Xg.js → AuthorCardSection-C-tk6Y7D.js} +1 -1
- package/documentation/{AuthorCardSection-BSX9oAo1.js → AuthorCardSection-P8sPh0d7.js} +1 -1
- package/documentation/{AvatarSection-LVqlXwpv.js → AvatarSection-DXJRt7X9.js} +1 -1
- package/documentation/{AvatarSection-BvtKvbAp.js → AvatarSection-KUgwOb7k.js} +1 -1
- package/documentation/{BadgeSection-CeyBqNzE.js → BadgeSection-BDS8NdU8.js} +1 -1
- package/documentation/{BadgeSection-wnv6WJoJ.js → BadgeSection-Da5iTRZq.js} +1 -1
- package/documentation/BarChartSection-CdcAAYG-.js +23 -0
- package/documentation/BarChartSection-EN1OqYoj.js +127 -0
- package/documentation/{BasicTableSection-DHR7wxMf.js → BasicTableSection-B-BGv1Tg.js} +1 -1
- package/documentation/{BasicTableSection-Djqd7GTc.js → BasicTableSection-DZASBtqv.js} +1 -1
- package/documentation/{BasicUsageSection-CAOyX6Rh.js → BasicUsageSection-9USFmdGa.js} +1 -1
- package/documentation/{BasicUsageSection-RB5uqmJE.js → BasicUsageSection-Cyj_uLkj.js} +1 -1
- package/documentation/{BestPracticesSection-DO-w9jZN.js → BestPracticesSection-B9Ok_QEu.js} +1 -1
- package/documentation/{BestPracticesSection-7oPmBTjr.js → BestPracticesSection-Bbsf74bT.js} +1 -1
- package/documentation/{BestPracticesSection-D2ahvfz_.js → BestPracticesSection-BgIFl9EC.js} +1 -1
- package/documentation/{BestPracticesSection-CCUAVucV.js → BestPracticesSection-BwenEe-Y.js} +1 -1
- package/documentation/{BestPracticesSection-Dlv7tr8A.js → BestPracticesSection-CS9RAMVi.js} +1 -1
- package/documentation/{BestPracticesSection-FNEhFmPF.js → BestPracticesSection-CnVEvflQ.js} +1 -1
- package/documentation/{BestPracticesSection-Y7WVzfHX.js → BestPracticesSection-DDSMtR6c.js} +1 -1
- package/documentation/{BestPracticesSection-CrduKU11.js → BestPracticesSection-DIYdJV66.js} +1 -1
- package/documentation/{BestPracticesSection-C72mSxPs.js → BestPracticesSection-DOLkJn-G.js} +1 -1
- package/documentation/{BestPracticesSection-Dki1wap5.js → BestPracticesSection-DYVhfzE6.js} +1 -1
- package/documentation/{BestPracticesSection-BAi4u6sT.js → BestPracticesSection-NsZAn0RE.js} +1 -1
- package/documentation/{BestPracticesSection-DVOUUyCP.js → BestPracticesSection-aJyw2jIF.js} +1 -1
- package/documentation/{BestPracticesSection-De_JKhUW.js → BestPracticesSection-c2rhfHLA.js} +1 -1
- package/documentation/{BestPracticesSection-CfKUd_V5.js → BestPracticesSection-uZIOlRpC.js} +1 -1
- package/documentation/{BorderRadiusSection-B7LfzLmt.js → BorderRadiusSection-BhNShk2O.js} +1 -1
- package/documentation/{BorderRadiusSection-CuLZQqX2.js → BorderRadiusSection-D1lTcnl0.js} +1 -1
- package/documentation/{ButtonDripSection-BaIO6Rop.js → ButtonDripSection-C1vY2CzY.js} +1 -1
- package/documentation/{ButtonDripSection-Rv6xpiKS.js → ButtonDripSection-CKYJay9N.js} +1 -1
- package/documentation/{ButtonLoaderSection-DGVKD9wI.js → ButtonLoaderSection-DKQi-oTv.js} +1 -1
- package/documentation/{ButtonLoaderSection-Bkzh89oP.js → ButtonLoaderSection-DlQb_Bqb.js} +1 -1
- package/documentation/{CardContainerSection-DLXPs9aW.js → CardContainerSection-B8AGux8b.js} +1 -1
- package/documentation/{CardContainerSection-t72sN0zL.js → CardContainerSection-CdASbRnV.js} +1 -1
- package/documentation/CardSection-DlgqI72V.js +25 -0
- package/documentation/CardSection-Do7VBcYz.js +125 -0
- package/documentation/{CardTitleSection-BEHmdfF6.js → CardTitleSection-CTy97wuG.js} +1 -1
- package/documentation/{CardTitleSection-CTcugicF.js → CardTitleSection-DGccHBTI.js} +1 -1
- package/documentation/{CarouselCardsSection-DtCx9w5B.js → CarouselCardsSection-CnuIZycb.js} +1 -1
- package/documentation/{CarouselCardsSection-ByrjTL9x.js → CarouselCardsSection-D_KfDV2g.js} +1 -1
- package/documentation/{CarouselImageSection-CknDEAfU.js → CarouselImageSection-CD0fv4kK.js} +1 -1
- package/documentation/{CarouselImageSection-BDMpTyte.js → CarouselImageSection-D4hTf6Z0.js} +1 -1
- package/documentation/{CarouselSection-Cq5jgcQD.js → CarouselSection-Brd953Fb.js} +1 -1
- package/documentation/{CarouselSection-hLHYsvmh.js → CarouselSection-C9425lXN.js} +1 -1
- package/documentation/{CheckboxSection-CUQtdDzh.js → CheckboxSection-CQIxbre6.js} +1 -1
- package/documentation/{CheckboxSection-D8FFt0Os.js → CheckboxSection-CU5tyHMH.js} +1 -1
- package/documentation/{CodeExamplesSection-2v_8YfcX.js → CodeExamplesSection-D3oeJD_J.js} +1 -1
- package/documentation/{CodeExamplesSection-Dp2gzpx3.js → CodeExamplesSection-DAHf5u7i.js} +1 -1
- package/documentation/{CoinCardSection-1WqRM1ph.js → CoinCardSection-BtB86t_Y.js} +1 -1
- package/documentation/{CoinCardSection-CPsesOWx.js → CoinCardSection-BtUjNiqi.js} +1 -1
- package/documentation/{CoinInfoCardSection-Dk6J8sls.js → CoinInfoCardSection-B0l6nYWu.js} +1 -1
- package/documentation/{CoinInfoCardSection-B562WBTv.js → CoinInfoCardSection-odhu-ChN.js} +1 -1
- package/documentation/{CoinListBoxSection-DzyzZBwk.js → CoinListBoxSection-Cfy0WYOK.js} +1 -1
- package/documentation/{CoinListBoxSection-Cu1MDV2Y.js → CoinListBoxSection-DQbdORng.js} +1 -1
- package/documentation/{CollapseSection-Bym6R86D.js → CollapseSection-1AyxKtyh.js} +10 -10
- package/documentation/{CollapseSection-7-rrT_DY.js → CollapseSection-CI79e0rH.js} +1 -1
- package/documentation/CollectionCardSection-DS1mZrSu.js +17 -0
- package/{collection-1-NeFANkbk.js → documentation/CollectionCardSection-DdwUntub.js} +58 -2
- package/documentation/CollectionSelectListSection-B4bgHz6F.js +15 -0
- package/documentation/CollectionSelectListSection-CqNEZLrW.js +120 -0
- package/documentation/{ColorCustomizationSection-DirQ1xkR.js → ColorCustomizationSection-BmJzT1u1.js} +1 -1
- package/documentation/{ColorCustomizationSection-fpbQFBeg.js → ColorCustomizationSection-DxKogmSF.js} +3 -3
- package/documentation/{ColorSystemSection-BTPZDmaU.js → ColorSystemSection-Be6CJ_qR.js} +5 -5
- package/documentation/{ColorSystemSection-BIiffohC.js → ColorSystemSection-ROEkhEeH.js} +1 -1
- package/documentation/{CommonErrorsSection-BVjBH-q3.js → CommonErrorsSection-5n2RFTOS.js} +1 -1
- package/documentation/{CommonErrorsSection-DqohMJDt.js → CommonErrorsSection-C8GoonfY.js} +1 -1
- package/documentation/{ComponentAnatomySection-GUman0lW.js → ComponentAnatomySection-BmlI14Nf.js} +3 -3
- package/documentation/{ComponentAnatomySection-B6L2nQg2.js → ComponentAnatomySection-tEz92Ng-.js} +1 -1
- package/documentation/{ComponentStatusSection-DS8Kmh6W.js → ComponentStatusSection-DA70myqK.js} +1 -1
- package/documentation/{ComponentStatusSection-BPatrERs.js → ComponentStatusSection-DwwRcvEd.js} +1 -1
- package/documentation/ComposedChartSection-CSasm_A4.js +21 -0
- package/documentation/ComposedChartSection-PRWReilC.js +113 -0
- package/documentation/{CurrencySwapIconsSection-B_qLwzXO.js → CurrencySwapIconsSection-C6Og4TeP.js} +1 -1
- package/documentation/{CurrencySwapIconsSection-WWqd6aBI.js → CurrencySwapIconsSection-D-GhRHCi.js} +1 -1
- package/documentation/{CustomColorPaletteSection-DHw4bInM.js → CustomColorPaletteSection-DNgmPGoe.js} +1 -1
- package/documentation/{CustomColorPaletteSection-Beh-1TnY.js → CustomColorPaletteSection-DUhhLGOU.js} +1 -1
- package/documentation/{CustomIconsSection-BnJuOM-H.js → CustomIconsSection-BCf8UN2c.js} +29 -29
- package/documentation/{CustomIconsSection-CSRr6wkJ.js → CustomIconsSection-DGn1HMN8.js} +2 -2
- package/documentation/{DefiAppLogoSection-BlgJ2b-2.js → DefiAppLogoSection-CniFLoNx.js} +1 -1
- package/documentation/{DefiAppLogoSection-BKoj5nMS.js → DefiAppLogoSection-DjnvrP3j.js} +1 -1
- package/documentation/{DesignPrinciplesSection-sziQNoBU.js → DesignPrinciplesSection-C-qZ5KCo.js} +1 -1
- package/documentation/{DesignPrinciplesSection-DEO6bctH.js → DesignPrinciplesSection-MeMVZ3ry.js} +1 -1
- package/documentation/DrawerSection-9NhdERLz.js +41 -0
- package/documentation/{DrawerSection-Bl44QTjH.js → DrawerSection-Cdhpw0Zp.js} +41 -28
- package/documentation/{DynamicRoutesSection-DzYD6DrX.js → DynamicRoutesSection-BtECxWUj.js} +1 -1
- package/documentation/{DynamicRoutesSection-CwIKExBG.js → DynamicRoutesSection-DAQlCst_.js} +1 -1
- package/documentation/{FileInputSection-agGxZYT7.js → FileInputSection-BWUvvvdy.js} +1 -1
- package/documentation/{FileInputSection-2C2qHF7f.js → FileInputSection-z7_AAkz8.js} +1 -1
- package/documentation/{FileStructureSection-CSNiAHS-.js → FileStructureSection-Dsr2yojr.js} +1 -1
- package/documentation/{FileStructureSection-C-Z_tkDL.js → FileStructureSection-lLqJHP56.js} +1 -1
- package/documentation/{FormComponentsSection-CRsooWtI.js → FormComponentsSection-BTYt0wTN.js} +1 -1
- package/documentation/{FormComponentsSection-B021OPBW.js → FormComponentsSection-CQ2sazLF.js} +1 -1
- package/documentation/{FormMethodsSection-CUrQGm-O.js → FormMethodsSection-CAjYlJPM.js} +1 -1
- package/documentation/{FormMethodsSection-2ea19wxr.js → FormMethodsSection-Chx9tNa_.js} +1 -1
- package/documentation/{HamburgerSection-BzFh3gZq.js → HamburgerSection-CASzjAC6.js} +11 -11
- package/documentation/{HamburgerSection-CWAXi4d_.js → HamburgerSection-UacK_FKv.js} +1 -1
- package/documentation/{HookCategoriesSection-Qm1BoU9x.js → HookCategoriesSection-C6-2BbvM.js} +1 -1
- package/documentation/{HookCategoriesSection-DZzq6nNi.js → HookCategoriesSection-U7rN5EGL.js} +1 -1
- package/documentation/{HookDocumentationSection-BMC5FTpz.js → HookDocumentationSection-DIXoOh2V.js} +1 -1
- package/documentation/{HookDocumentationSection-DT_dicnF.js → HookDocumentationSection-HIifl_N4.js} +1 -1
- package/documentation/{HookFeaturesSection-B08odkSW.js → HookFeaturesSection-DNjNJYVR.js} +1 -1
- package/documentation/{HookFeaturesSection-_rCA_IiX.js → HookFeaturesSection-Dk27SI6j.js} +1 -1
- package/documentation/{IconArchitectureSection-Ch1nPf7C.js → IconArchitectureSection-CcpjgUuZ.js} +1 -1
- package/documentation/{IconArchitectureSection-BP5StoRr.js → IconArchitectureSection-rTqgxU01.js} +1 -1
- package/documentation/{IconSizingGuideSection-B39zPKV2.js → IconSizingGuideSection-BAd6zU-Z.js} +1 -1
- package/documentation/{IconSizingGuideSection-21B7NciU.js → IconSizingGuideSection-ir5Wu2LZ.js} +1 -1
- package/documentation/{IconSystemAPISection-BLCe41I8.js → IconSystemAPISection-BHp-ZXWb.js} +1 -1
- package/documentation/{IconSystemAPISection-_5fho7rM.js → IconSystemAPISection-DjqSJX-n.js} +1 -1
- package/documentation/{IconSystemBenefitsSection-BI6uLx8V.js → IconSystemBenefitsSection-B6NiBLre.js} +1 -1
- package/documentation/{IconSystemBenefitsSection-DCAdQe8N.js → IconSystemBenefitsSection-B7zV2HaH.js} +1 -1
- package/documentation/{ImageSection-Dl5z0QeO.js → ImageSection-DmMdByn7.js} +7 -12
- package/documentation/{ImageSection-DX_pLrem.js → ImageSection-aotN8Y5u.js} +1 -1
- package/documentation/{ImplementationExamplesSection-DG0Qxz66.js → ImplementationExamplesSection-BJ0_Xcm2.js} +1 -1
- package/documentation/{ImplementationExamplesSection-B__bLnap.js → ImplementationExamplesSection-BLHthYw_.js} +1 -1
- package/documentation/{ImplementationGuidelinesSection-Dhr_uqy_.js → ImplementationGuidelinesSection-Ce47rAwZ.js} +1 -1
- package/documentation/{ImplementationGuidelinesSection-B3ThgoR2.js → ImplementationGuidelinesSection-DALPPZXc.js} +1 -1
- package/documentation/{ImplementationStatusSection-CJTb6Pgx.js → ImplementationStatusSection-DuuoDSqC.js} +1 -1
- package/documentation/{ImplementationStatusSection-D0v0YMVu.js → ImplementationStatusSection-Yio9MCtk.js} +1 -1
- package/documentation/{ImplementedFeaturesSection-DP4JlgYL.js → ImplementedFeaturesSection-CLNTmpD5.js} +1 -1
- package/documentation/{ImplementedFeaturesSection-uG_KGhJp.js → ImplementedFeaturesSection-DIxdEibl.js} +1 -1
- package/documentation/InfoCardSection-CJbU2q_-.js +37 -0
- package/documentation/InfoCardSection-CJfS4aKJ.js +266 -0
- package/documentation/{InputSearcherSection-BB8KSV5W.js → InputSearcherSection-DJFKLySX.js} +1 -1
- package/documentation/{InputSearcherSection-BOs_mYxO.js → InputSearcherSection-dA4h9pbM.js} +1 -1
- package/documentation/{InputSection-Co8yrH8O.js → InputSection-Bxr_GgjZ.js} +1 -1
- package/documentation/{InputSection-DlsRR1br.js → InputSection-ov-x_YF3.js} +1 -1
- package/documentation/KeyValueRowSection-BWen5IUr.js +104 -0
- package/documentation/KeyValueRowSection-yrhHBRqx.js +16 -0
- package/documentation/{KeyboardNavigationSection-B8kjIrpD.js → KeyboardNavigationSection-BGnlktrj.js} +1 -1
- package/documentation/{KeyboardNavigationSection-B5NeU2Ls.js → KeyboardNavigationSection-Cd0_tM_9.js} +5 -5
- package/documentation/{LayoutPrinciplesSection-Cv2qVdah.js → LayoutPrinciplesSection-BiLVZUWB.js} +1 -1
- package/documentation/{LayoutPrinciplesSection-ZcukszdJ.js → LayoutPrinciplesSection-Cw3geSSU.js} +1 -1
- package/documentation/{LayoutTypesSection-CdWhbb-e.js → LayoutTypesSection-BmCcA7uZ.js} +1 -1
- package/documentation/{LayoutTypesSection-Db8Phsh5.js → LayoutTypesSection-JuEAJpD7.js} +1 -1
- package/documentation/LineChartSection-Bh98x9zB.js +21 -0
- package/documentation/LineChartSection-DMwIu5-a.js +130 -0
- package/documentation/{ListContainerSection-g8e36trw.js → ListContainerSection-C2hLnnvb.js} +1 -1
- package/documentation/{ListContainerSection-E2nxNQM9.js → ListContainerSection-CQmmUhTt.js} +1 -1
- package/documentation/{ListItemSection-BKMlFb_B.js → ListItemSection-DcGQ2O65.js} +1 -1
- package/documentation/{ListItemSection-CGRWmUNh.js → ListItemSection-DmnK0EWC.js} +1 -1
- package/documentation/{LiveDemoSection-CNS2AHrx.js → LiveDemoSection-D4tXR1dN.js} +1 -1
- package/documentation/{LiveDemoSection-Bi6TUjps.js → LiveDemoSection-rJwhZCYb.js} +1 -1
- package/documentation/{LiveDemonstrationsSection-BTZH9yJ4.js → LiveDemonstrationsSection-B3OoGiTI.js} +6 -6
- package/documentation/{LiveDemonstrationsSection-8IzxP_-q.js → LiveDemonstrationsSection-gPinOtv1.js} +1 -1
- package/documentation/{LivePriceFeedSection-xqYzz2UJ.js → LivePriceFeedSection-CD630ncd.js} +1 -1
- package/documentation/{LivePriceFeedSection-BETZCxkR.js → LivePriceFeedSection-DSgN87uI.js} +1 -1
- package/documentation/{LoaderSection-D6oWK2Bd.js → LoaderSection-C2o59OWq.js} +1 -1
- package/documentation/{LoaderSection-Ch955wVE.js → LoaderSection-DZ1uAwdN.js} +1 -1
- package/documentation/{LogoSection-DwxPyRYp.js → LogoSection-De8Ynlcs.js} +1 -1
- package/documentation/{LogoSection-DihjtnI3.js → LogoSection-dqbh0Im9.js} +1 -1
- package/documentation/{LucideIconsSection-UTZdlP4l.js → LucideIconsSection-BHzsnkdc.js} +2 -2
- package/documentation/{LucideIconsSection-jyTOH9vA.js → LucideIconsSection-DxzfAVW8.js} +1 -1
- package/documentation/{MFESupportSection-CL4XaGSc.js → MFESupportSection-BWJEFrx0.js} +1 -1
- package/documentation/{MFESupportSection-D5-xNtty.js → MFESupportSection-Dcban-qc.js} +1 -1
- package/documentation/{MenuItemsGuideSection-B4A_sWeX.js → MenuItemsGuideSection-B7ns2eIP.js} +1 -1
- package/documentation/{MenuItemsGuideSection-CubWhWBg.js → MenuItemsGuideSection-CYAQbSyQ.js} +1 -1
- package/documentation/{ModalSection-DgxQhNE3.js → ModalSection-C-d_lAT8.js} +1 -1
- package/documentation/{ModalSection-BLJU61yb.js → ModalSection-C_lBwjnQ.js} +34 -40
- package/documentation/NFTGridSection-CVtn_SUt.js +19 -0
- package/documentation/NFTGridSection-CsWKHw44.js +117 -0
- package/documentation/{NestedRoutesSection-DG9vKpBw.js → NestedRoutesSection-D_bbd0JG.js} +1 -1
- package/documentation/{NestedRoutesSection-ekOYspAL.js → NestedRoutesSection-pTexdauI.js} +1 -1
- package/documentation/{NotificationCardSection-Db-RrZ16.js → NotificationCardSection-D3UIXmC_.js} +1 -1
- package/documentation/{NotificationCardSection-cE-g6SEH.js → NotificationCardSection-DsLRL50j.js} +1 -1
- package/documentation/PaginationSection-BXaYbNh1.js +122 -0
- package/documentation/PaginationSection-C2bSDt2F.js +18 -0
- package/documentation/{PanelActionCardSection-Bjxx99WR.js → PanelActionCardSection-BDm3oVes.js} +1 -1
- package/documentation/{PanelActionCardSection-CL8Moio7.js → PanelActionCardSection-CYJfjVtG.js} +3 -3
- package/documentation/{PanelCardSection-Ci9bDcSV.js → PanelCardSection-NTEJHr8b.js} +1 -1
- package/documentation/{PanelCardSection-wO7ZobnL.js → PanelCardSection-Z2RQUWyn.js} +1 -1
- package/documentation/{ParamTabSection-Bi80ttg5.js → ParamTabSection-DHux5HXO.js} +1 -1
- package/documentation/{ParamTabSection-DzCeT2jc.js → ParamTabSection-guQ8aCfG.js} +1 -1
- package/documentation/PieChartSection-Ctpv_sQm.js +91 -0
- package/documentation/PieChartSection-DCd5rWoT.js +19 -0
- package/documentation/{PinCodeSection-BteNwNGD.js → PinCodeSection-BD-IvqDl.js} +1 -1
- package/documentation/{PinCodeSection-DwXlWFc3.js → PinCodeSection-BT8N9C8F.js} +1 -1
- package/documentation/{ProgressbarSection-ibpTAyXQ.js → ProgressbarSection-0k92jI5-.js} +1 -1
- package/documentation/{ProgressbarSection-B1eIO6-t.js → ProgressbarSection-B_IkBplz.js} +1 -1
- package/documentation/RadarChartSection-rlh1Mx6y.js +114 -0
- package/documentation/RadarChartSection-xtNri81K.js +21 -0
- package/documentation/{RadioGroupSection-CnheWpBr.js → RadioGroupSection-B6Lb9DJI.js} +1 -1
- package/documentation/{RadioGroupSection-q1w7Zcjw.js → RadioGroupSection-DTXIBYvs.js} +1 -1
- package/documentation/{RadioSection-DSoD7CLU.js → RadioSection-BsXiDZ98.js} +1 -1
- package/documentation/{RadioSection-V0sD9FtI.js → RadioSection-C1GS5cuC.js} +1 -1
- package/documentation/{RevealContentSection-BK8j8yQ6.js → RevealContentSection-BAIqcjgW.js} +1 -1
- package/documentation/{RevealContentSection-Cm9Ego3J.js → RevealContentSection-DzAyW5_3.js} +1 -1
- package/documentation/{RouteConfigurationSection-JaOww2mF.js → RouteConfigurationSection-BJJSsQGy.js} +1 -1
- package/documentation/{RouteConfigurationSection-PdMrY6xs.js → RouteConfigurationSection-CjEKyhcb.js} +1 -1
- package/documentation/{ScrollToTopSection-DktmPBqU.js → ScrollToTopSection-DkTL1Uzw.js} +6 -5
- package/documentation/{ScrollToTopSection-_W3FULOG.js → ScrollToTopSection-Dpp5zKo8.js} +1 -1
- package/documentation/{ScrollbarSection-Dhqk4MAL.js → ScrollbarSection-DBb7xv-n.js} +7 -7
- package/documentation/{ScrollbarSection-94c3rkLU.js → ScrollbarSection-DgWHzwSj.js} +1 -1
- package/documentation/{SelectSection-CyUvjkal.js → SelectSection-CFCIpkk9.js} +118 -49
- package/documentation/SelectSection-riGB2r-n.js +39 -0
- package/documentation/{SettingsPanelSection-oUsf1rjG.js → SettingsPanelSection-8GHz0Skb.js} +2 -2
- package/documentation/{SettingsPanelSection-DysL_TWy.js → SettingsPanelSection-BwGt_yfC.js} +1 -1
- package/documentation/{ShadowsSection-COIXfeUB.js → ShadowsSection-DA19Spgp.js} +1 -1
- package/documentation/{ShadowsSection-yPSwgkIh.js → ShadowsSection-atJzmD4a.js} +1 -1
- package/documentation/{SidebarMenuSection-CF65NgkO.js → SidebarMenuSection-BTDUb7C_.js} +1 -1
- package/documentation/{SidebarMenuSection-DoBy0kgz.js → SidebarMenuSection-DKQOSTpx.js} +1 -1
- package/documentation/{SidebarSection-C8M_6SXm.js → SidebarSection-BsCGHss5.js} +1 -1
- package/documentation/{SidebarSection-D0mx7yBu.js → SidebarSection-CC2ftWvz.js} +1 -1
- package/documentation/{SizingSection-D0JMCl2M.js → SizingSection-DuGndhns.js} +1 -1
- package/documentation/{SizingSection-CFHOHeOX.js → SizingSection-Mtr72tp-.js} +1 -1
- package/documentation/{SkeletonSection-l0H8ysMz.js → SkeletonSection-By7tCQ4L.js} +1 -1
- package/documentation/{SkeletonSection-CdftMoZS.js → SkeletonSection-DvTIosHm.js} +1 -1
- package/documentation/{SpacingSystemSection-CK6jg9jH.js → SpacingSystemSection-DJY3DtA0.js} +1 -1
- package/documentation/{SpacingSystemSection-DDLUwi7M.js → SpacingSystemSection-W21eHPxd.js} +1 -1
- package/documentation/{SpinnerSection-CBRlzSBA.js → SpinnerSection-CxqETXkr.js} +1 -1
- package/documentation/{SpinnerSection-wKxUxjQH.js → SpinnerSection-DM6XfYNN.js} +1 -1
- package/documentation/{StandaloneAppSection-4dc8jrdZ.js → StandaloneAppSection-B0E2-lHr.js} +1 -1
- package/documentation/{StandaloneAppSection-3DzBLpFt.js → StandaloneAppSection-mSP8bRjv.js} +1 -1
- package/documentation/StepperSection-CXs-4m-g.js +146 -0
- package/documentation/StepperSection-DzQ4ZWqb.js +28 -0
- package/documentation/{SwitchSection-vGxo1SYH.js → SwitchSection-ComDj4vK.js} +1 -1
- package/documentation/{SwitchSection-BlYqsAPJ.js → SwitchSection-Cw1p4RAV.js} +1 -1
- package/documentation/{SystemOverviewSection-1lSFqKae.js → SystemOverviewSection-CB4XUjya.js} +1 -1
- package/documentation/{SystemOverviewSection-BtnucKsr.js → SystemOverviewSection-DcC2nzWM.js} +1 -1
- package/documentation/TabModalSection-D5DxXCPA.js +51 -0
- package/documentation/TabModalSection-D7kjNL_j.js +160 -0
- package/documentation/{TabSection-BTGIy9BT.js → TabSection-CLig02Jq.js} +1 -1
- package/documentation/{TabSection-B7wJPrFH.js → TabSection-L8vvzdZq.js} +1 -1
- package/documentation/{TabSelectSection-DNb8f96f.js → TabSelectSection-C3uSu4Tb.js} +1 -1
- package/documentation/{TabSelectSection-B8ohYHOK.js → TabSelectSection-DovVypr5.js} +1 -1
- package/documentation/{TailwindConfigSection-xK7ymNHB.js → TailwindConfigSection-Cae-h3MW.js} +1 -1
- package/documentation/{TailwindConfigSection-dxsLjDuJ.js → TailwindConfigSection-DhBuW-uS.js} +1 -1
- package/documentation/{TestingSection-DqHtOy40.js → TestingSection-Bv6OBqHc.js} +1 -1
- package/documentation/{TestingSection-D97U6rzs.js → TestingSection-D76WU2E_.js} +1 -1
- package/documentation/{TextareaSection-cq-8Cb4V.js → TextareaSection-BAc73Q3K.js} +1 -1
- package/documentation/{TextareaSection-LoLfm6tE.js → TextareaSection-BXDH8mQI.js} +1 -1
- package/documentation/{ThemeArchitectureSection-D3s-iFek.js → ThemeArchitectureSection-DEqHdCLa.js} +1 -1
- package/documentation/{ThemeArchitectureSection-kTqICQZj.js → ThemeArchitectureSection-DFcj4Sf9.js} +1 -1
- package/documentation/{ThemeConfigurationSection-CIorDmNk.js → ThemeConfigurationSection-CmD-wjGZ.js} +1 -1
- package/documentation/{ThemeConfigurationSection-DKZz_tZ0.js → ThemeConfigurationSection-D299ICxo.js} +1 -1
- package/documentation/{ThemeHooksSection-D-mw-Fbu.js → ThemeHooksSection-DOm5a7FR.js} +1 -1
- package/documentation/{ThemeHooksSection-C0sZ6k8a.js → ThemeHooksSection-DsAsY2qd.js} +1 -1
- package/documentation/{ThemeProviderIntegrationSection-BfBFuERd.js → ThemeProviderIntegrationSection-1aykNRXQ.js} +1 -1
- package/documentation/{ThemeProviderIntegrationSection-macU3-6q.js → ThemeProviderIntegrationSection-D9xmfEve.js} +1 -1
- package/documentation/{ThemeProviderRequiredSection-BRbwv1wN.js → ThemeProviderRequiredSection-DfNXhp3f.js} +1 -1
- package/documentation/{ThemeProviderRequiredSection-CqDOwaWl.js → ThemeProviderRequiredSection-sViX_FO7.js} +1 -1
- package/documentation/{ThemeProviderSection-C8LEFOeB.js → ThemeProviderSection-BFtuOM3w.js} +1 -1
- package/documentation/{ThemeProviderSection-CTuv8EQA.js → ThemeProviderSection-CT5hlFD2.js} +1 -1
- package/documentation/{ToastSection-DxGzUQ0D.js → ToastSection-DD18GmJl.js} +1 -1
- package/documentation/{ToastSection-DEW_viBi.js → ToastSection-DoHzysF9.js} +8 -8
- package/documentation/{ToggleBarSection-CtsOxytE.js → ToggleBarSection-BpxFr9W6.js} +1 -1
- package/documentation/{ToggleBarSection-CYRd5M5m.js → ToggleBarSection-D3BYm7ZV.js} +3 -3
- package/documentation/{TooltipSection-TVehrFpU.js → TooltipSection-5th4KA-K.js} +1 -1
- package/documentation/{TooltipSection-Cp-pLWvr.js → TooltipSection-BeW0mvEG.js} +1 -1
- package/documentation/{TopupButtonSection-ByokZIdo.js → TopupButtonSection-C419_R5w.js} +1 -1
- package/documentation/{TopupButtonSection-Be5-YogI.js → TopupButtonSection-Cw92WCuk.js} +1 -1
- package/documentation/{TransactionInfoSection-Q0JJsVQv.js → TransactionInfoSection-CF0j2oxc.js} +1 -1
- package/documentation/{TransactionInfoSection-BhNuZ4JD.js → TransactionInfoSection-cKwmQpgL.js} +1 -1
- package/documentation/{TucuUiLogoSection-98Bljk0Z.js → TucuUiLogoSection-BuasEv--.js} +1 -1
- package/documentation/{TucuUiLogoSection-BDLv3mOn.js → TucuUiLogoSection-NYK0oUdj.js} +1 -1
- package/documentation/{TypographySection-DQEpFmuX.js → TypographySection-02IMtWN4.js} +1 -1
- package/documentation/{TypographySection-DkMPevk3.js → TypographySection-CjGIv22g.js} +1 -1
- package/documentation/{TypographySection-Ck4yMFUP.js → TypographySection-CpjtNAfZ.js} +1 -1
- package/documentation/{TypographySection-CkyzEMXb.js → TypographySection-uhboa1b_.js} +1 -1
- package/documentation/{UsageExamplesSection-Cbl0byP_.js → UsageExamplesSection-BO_K1AHD.js} +1 -1
- package/documentation/{UsageExamplesSection-rqFkSypt.js → UsageExamplesSection-BmWz_idr.js} +1 -1
- package/documentation/{UsingThemeSystemSection-ZxdD8koK.js → UsingThemeSystemSection-Dd8ZQrUl.js} +1 -1
- package/documentation/{UsingThemeSystemSection-CEXOimAv.js → UsingThemeSystemSection-bYxrH_-c.js} +1 -1
- package/documentation/{ValidationSystemSection-DN97qk1X.js → ValidationSystemSection-CBfiMPsL.js} +1 -1
- package/documentation/{ValidationSystemSection-Dvtm4jJR.js → ValidationSystemSection-Cvyf6j2T.js} +1 -1
- package/documentation/{WCAGPrinciplesSection-ichWLxLa.js → WCAGPrinciplesSection-DAOi68Jt.js} +1 -1
- package/documentation/{WCAGPrinciplesSection-CgrjWEgm.js → WCAGPrinciplesSection-DmeJUV8c.js} +1 -1
- package/hooks/use-scrollable-slider.d.ts +3 -3
- package/{index-DsiBIFwo.js → index-B6CStnMG.js} +39352 -30842
- package/index-QnI4b7wS.js +1137 -0
- package/index.css +1 -1
- package/index.js +1 -1
- package/index.mjs +337 -321
- package/package.json +2 -3
- package/collection-1-BIsLOX9N.js +0 -1
- package/documentation/CollectionCardSection-BPILGSjR.js +0 -17
- package/documentation/CollectionCardSection-Cowt-8gl.js +0 -61
- package/documentation/CollectionSelectListSection-BUyInNdh.js +0 -14
- package/documentation/CollectionSelectListSection-C1hTywH1.js +0 -60
- package/documentation/DrawerSection-Ddkq7twy.js +0 -41
- package/documentation/NFTGridSection-CUDnvifG.js +0 -11
- package/documentation/NFTGridSection-DMCh4Qbs.js +0 -56
- package/documentation/SelectSection-RN83Da8P.js +0 -20
- package/index-D874Kozv.js +0 -1060
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@e-burgos/tucu-ui",
|
|
3
3
|
"description": "Tucu UI Library",
|
|
4
|
-
"version": "2.0.
|
|
4
|
+
"version": "2.0.4",
|
|
5
5
|
"main": "./index.js",
|
|
6
6
|
"module": "./index.mjs",
|
|
7
7
|
"types": "./index.d.ts",
|
|
@@ -44,7 +44,6 @@
|
|
|
44
44
|
"pack:lib": "cd ../../ui/tucu-ui && pnpm npm pack"
|
|
45
45
|
},
|
|
46
46
|
"dependencies": {
|
|
47
|
-
"@headlessui/react": "2.2.9",
|
|
48
47
|
"@tailwindcss/typography": "0.0.0-insiders.0339c42",
|
|
49
48
|
"classnames": "^2.5.1",
|
|
50
49
|
"framer-motion": "12.23.3",
|
|
@@ -53,7 +52,7 @@
|
|
|
53
52
|
"react-router-dom": "7.9.1",
|
|
54
53
|
"react-router": "7.9.1",
|
|
55
54
|
"react-use": "^17.6.0",
|
|
56
|
-
"recharts": "3.
|
|
55
|
+
"recharts": "3.8.1",
|
|
57
56
|
"swiper": "11.2.8",
|
|
58
57
|
"zustand": "^5.0.8"
|
|
59
58
|
},
|
package/collection-1-BIsLOX9N.js
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const A="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/2wBDAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQH/wAARCAAwADADASIAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD9ffHnju88Y3z3NwzHcxPzHPXHrnH9fzNebPLHGMyOqj3NErFYpGHVUYj6gHFfjv8Atpftyaj8CJ7rTmjliZHkCSYIHH3ecDPTI/pWlWoqUeZptXtp+fyP7xzrOMv4QyuOIqUpLDU2qcYU1tsl/T+/c/WzU/FOgaPEZtQ1O1tkHUySov8AMis3TPH/AIT1d/L0/WbK5fONsc8bNn6Bq/ip+MP/AAUu+L3xEmew0C+vYkaRlUxySDgk8ccdMdMH24NaHwB/a9+PHhTxNpV9ruoahNpkt1D5okkkKhGkGc5bHf39+9cU8yw9OUY1Jxg5NJKUkm27aJdep+fU/GHA4jFRp4fLsTUw14qeI5XaF7Jydlayvrp+B/bsjq6hkIZWGQRyCDXpHgTx5feDrxbi2dhhgeDjp9Pp+GPpXxd+zX8V4fir8PtJ1kSB7hrWEy85O4xqTn0PXivouvQTuk1s0mfrEfqub4GnOSjWw+JpxlZq6akk9V3/ABTA88HoeK/Ev/gp78AdJ+Itj50McaXewszDAYn3x7+nP9f20r8+v2y/AHiHVdCudb0zzJYreNmeNAW+ULkjAB9O3tXjZ/LMI5bXeW041MTyvl5ui6tef+R53E+AoZjlNfD4ml7WlpKcUrvlTTdvPr8j+Xnwz+zbonhnUhFdxRyzI2SGUE5z7559iP8AGveh4A0qe2TT4LOGOSPaYsRrng5HTj+VZ/jrXryz1e5HzW93bzMjpICpypOeuPw/OtHwZ4skvbyJXbzLpyiIigsxJOPfJ/D8K/BK886rYinWrzqzrwqJOHvpqomtLfyt66edj8io4bJ8LSq4ShRp04uL97lV3FpaXavzfr2Z+6P/AAT3uv7H8M/2DcynckaiNCenGMAE9OnT/wDX+n9fmh+xN4B1iCwTxBfpJFHLGjIrAqCpUHv/AJ796/S8cAD0r99yKpjqmXUJY+kqVfljor6q278z9f4Zh7PJ8LBKShGNqfNe/LpbfUKzNX0G18R2E+mXkCzwXCMjKyhhhhg8HPrXq3j/AMDXngu6khulZQhIyRjpxz/nt9ced2mvW1pDNK4BKK3X8eOv+TjPSvXk+WLk1ov6sej9dw1bCLEwlGpRqR0e6knb1XU/A/8Ab5/ZK0XQILzX/Dai3vJTJK0cahfmOTyFx/k186fsT/BvwfqGuwSeN76KO4hnXZFcMoJIbjhsZ54/H8a/U79rDxNZeIxd204UoPMUDOfXtn/P41+QesC+8N6o+oaDdS2rxS7wI3K52nIztI+uf0GKrC8O4LEz+u2hzuz5ZQVr2TvdddrdX13PkpcMZRicVHNaVON4O88O5ctOTundx239f8v6d/A+kaDouh2dnoBgNpHCioYNuCoUDPy/T1rs6/HT9j39qHWNQv7bwr4guGmclIlaVyWPRc8n+n5V+5Pw68FXfjqaBbRWKzKhBUZ++vt9fx/KtK1GVCXJK1raen9f0j6xYvDYfCOtNxo0aMbS6Rior9NF18rn/9k=";exports.collection1Img=A;
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-D874Kozv.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r=require("../collection-1-BIsLOX9N.js"),l=require("../1-CArqgiQa.js"),o=()=>{const t={id:"collection-1",name:"Crypto Punks",slug:"crypto-punks",title:"Crypto Punks Collection",cover_image:r.collection1Img,number_of_artwork:42,user:{avatar:l.avatar1Img,name:"CryptoPunk Studio",slug:"cryptopunk-studio"}};return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(a.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"CollectionCard"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"NFT collection preview with statistics, cover image, and creator information for marketplace interfaces."})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:e.jsx(a.CollectionCard,{item:t})})})})}),e.jsx(a.AutoPropsTable,{componentName:"CollectionCard"}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.CodeBlock,{language:"tsx",code:`import { CollectionCard } from '@e-burgos/tucu-ui';
|
|
2
|
-
|
|
3
|
-
const collectionData = {
|
|
4
|
-
id: 'bayc',
|
|
5
|
-
name: 'BAYC',
|
|
6
|
-
slug: 'bored-ape-yacht-club',
|
|
7
|
-
title: 'Bored Ape Yacht Club',
|
|
8
|
-
cover_image: '/collections/bayc-banner.jpg',
|
|
9
|
-
number_of_artwork: 10000,
|
|
10
|
-
user: {
|
|
11
|
-
avatar: '/avatars/bayc-creator.jpg',
|
|
12
|
-
name: 'Yuga Labs',
|
|
13
|
-
slug: 'yuga-labs',
|
|
14
|
-
},
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
<CollectionCard item={collectionData} className="w-full max-w-sm" />`})})})})]})};exports.default=o;
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
import { jsxs as e, Fragment as r, jsx as a } from "react/jsx-runtime";
|
|
2
|
-
import { T as t, C as o, a as l, h as c, A as i, c as s } from "../index-DsiBIFwo.js";
|
|
3
|
-
import "lucide-react";
|
|
4
|
-
import "react-router-dom";
|
|
5
|
-
import "react";
|
|
6
|
-
import "react-dom";
|
|
7
|
-
import { c as n } from "../collection-1-NeFANkbk.js";
|
|
8
|
-
import { a as m } from "../1-Df9CGZha.js";
|
|
9
|
-
const y = () => /* @__PURE__ */ e(r, { children: [
|
|
10
|
-
/* @__PURE__ */ e("div", { className: "text-center space-y-4", children: [
|
|
11
|
-
/* @__PURE__ */ a(t, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "CollectionCard" }),
|
|
12
|
-
/* @__PURE__ */ a(
|
|
13
|
-
t,
|
|
14
|
-
{
|
|
15
|
-
tag: "p",
|
|
16
|
-
className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
|
|
17
|
-
children: "NFT collection preview with statistics, cover image, and creator information for marketplace interfaces."
|
|
18
|
-
}
|
|
19
|
-
)
|
|
20
|
-
] }),
|
|
21
|
-
/* @__PURE__ */ a(o, { className: "overflow-hidden", children: /* @__PURE__ */ a(l, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: /* @__PURE__ */ a(c, { item: {
|
|
22
|
-
id: "collection-1",
|
|
23
|
-
name: "Crypto Punks",
|
|
24
|
-
slug: "crypto-punks",
|
|
25
|
-
title: "Crypto Punks Collection",
|
|
26
|
-
cover_image: n,
|
|
27
|
-
number_of_artwork: 42,
|
|
28
|
-
user: {
|
|
29
|
-
avatar: m,
|
|
30
|
-
name: "CryptoPunk Studio",
|
|
31
|
-
slug: "cryptopunk-studio"
|
|
32
|
-
}
|
|
33
|
-
} }) }) }) }) }),
|
|
34
|
-
/* @__PURE__ */ a(i, { componentName: "CollectionCard" }),
|
|
35
|
-
/* @__PURE__ */ a(o, { className: "overflow-hidden", children: /* @__PURE__ */ a(l, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a(
|
|
36
|
-
s,
|
|
37
|
-
{
|
|
38
|
-
language: "tsx",
|
|
39
|
-
code: `import { CollectionCard } from '@e-burgos/tucu-ui';
|
|
40
|
-
|
|
41
|
-
const collectionData = {
|
|
42
|
-
id: 'bayc',
|
|
43
|
-
name: 'BAYC',
|
|
44
|
-
slug: 'bored-ape-yacht-club',
|
|
45
|
-
title: 'Bored Ape Yacht Club',
|
|
46
|
-
cover_image: '/collections/bayc-banner.jpg',
|
|
47
|
-
number_of_artwork: 10000,
|
|
48
|
-
user: {
|
|
49
|
-
avatar: '/avatars/bayc-creator.jpg',
|
|
50
|
-
name: 'Yuga Labs',
|
|
51
|
-
slug: 'yuga-labs',
|
|
52
|
-
},
|
|
53
|
-
};
|
|
54
|
-
|
|
55
|
-
<CollectionCard item={collectionData} className="w-full max-w-sm" />`
|
|
56
|
-
}
|
|
57
|
-
) }) }) })
|
|
58
|
-
] });
|
|
59
|
-
export {
|
|
60
|
-
y as default
|
|
61
|
-
};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("../index-D874Kozv.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=require("../1-CArqgiQa.js"),c=()=>{const a=[{icon:t.avatar1Img,name:"Crypto Punks",value:"crypto-punks"},{icon:t.avatar1Img,name:"Bored Ape",value:"bored-ape"},{icon:t.avatar1Img,name:"Azuki",value:"azuki"}];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:"CollectionSelectList"}),e.jsx(l.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Searchable list component for selecting NFT collections with avatars and search functionality."})]}),e.jsx(l.CardContainer,{className:"overflow-hidden",children:e.jsx(l.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:e.jsxs(l.CardContainer,{className:"p-4",children:[e.jsx(l.Typography,{tag:"h5",className:"mb-3",children:"Basic List"}),e.jsx(l.CollectionSelectList,{collectionList:a,onSelect:o=>{console.log("Selected collection:",o)}})]})})})})}),e.jsx(l.AutoPropsTable,{componentName:"CollectionSelectList"}),e.jsx(l.CardContainer,{className:"overflow-hidden",children:e.jsx(l.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(l.CodeBlock,{language:"tsx",code:`import { CollectionSelectList } from '@e-burgos/tucu-ui';
|
|
2
|
-
|
|
3
|
-
const collectionList = [
|
|
4
|
-
{ icon: '/icons/crypto-punks.jpg', name: 'Crypto Punks', value: 'crypto-punks' },
|
|
5
|
-
{ icon: '/icons/bored-ape.jpg', name: 'Bored Ape', value: 'bored-ape' },
|
|
6
|
-
{ icon: '/icons/azuki.jpg', name: 'Azuki', value: 'azuki' },
|
|
7
|
-
];
|
|
8
|
-
|
|
9
|
-
<CollectionSelectList
|
|
10
|
-
collectionList={collectionList}
|
|
11
|
-
onSelect={(value) => {
|
|
12
|
-
console.log('Selected:', value);
|
|
13
|
-
}}
|
|
14
|
-
/>`})})})})]})};exports.default=c;
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
import { jsxs as l, Fragment as s, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { T as o, C as t, a as c, i as n, A as r, c as m } from "../index-DsiBIFwo.js";
|
|
3
|
-
import "lucide-react";
|
|
4
|
-
import "react-router-dom";
|
|
5
|
-
import "react";
|
|
6
|
-
import "react-dom";
|
|
7
|
-
import { a } from "../1-Df9CGZha.js";
|
|
8
|
-
const N = () => /* @__PURE__ */ l(s, { children: [
|
|
9
|
-
/* @__PURE__ */ l("div", { className: "text-center space-y-4", children: [
|
|
10
|
-
/* @__PURE__ */ e(o, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "CollectionSelectList" }),
|
|
11
|
-
/* @__PURE__ */ e(
|
|
12
|
-
o,
|
|
13
|
-
{
|
|
14
|
-
tag: "p",
|
|
15
|
-
className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
|
|
16
|
-
children: "Searchable list component for selecting NFT collections with avatars and search functionality."
|
|
17
|
-
}
|
|
18
|
-
)
|
|
19
|
-
] }),
|
|
20
|
-
/* @__PURE__ */ e(t, { className: "overflow-hidden", children: /* @__PURE__ */ e(c, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: /* @__PURE__ */ l(t, { className: "p-4", children: [
|
|
21
|
-
/* @__PURE__ */ e(o, { tag: "h5", className: "mb-3", children: "Basic List" }),
|
|
22
|
-
/* @__PURE__ */ e(
|
|
23
|
-
n,
|
|
24
|
-
{
|
|
25
|
-
collectionList: [
|
|
26
|
-
{ icon: a, name: "Crypto Punks", value: "crypto-punks" },
|
|
27
|
-
{ icon: a, name: "Bored Ape", value: "bored-ape" },
|
|
28
|
-
{ icon: a, name: "Azuki", value: "azuki" }
|
|
29
|
-
],
|
|
30
|
-
onSelect: (i) => {
|
|
31
|
-
console.log("Selected collection:", i);
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
)
|
|
35
|
-
] }) }) }) }) }),
|
|
36
|
-
/* @__PURE__ */ e(r, { componentName: "CollectionSelectList" }),
|
|
37
|
-
/* @__PURE__ */ e(t, { className: "overflow-hidden", children: /* @__PURE__ */ e(c, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
|
|
38
|
-
m,
|
|
39
|
-
{
|
|
40
|
-
language: "tsx",
|
|
41
|
-
code: `import { CollectionSelectList } from '@e-burgos/tucu-ui';
|
|
42
|
-
|
|
43
|
-
const collectionList = [
|
|
44
|
-
{ icon: '/icons/crypto-punks.jpg', name: 'Crypto Punks', value: 'crypto-punks' },
|
|
45
|
-
{ icon: '/icons/bored-ape.jpg', name: 'Bored Ape', value: 'bored-ape' },
|
|
46
|
-
{ icon: '/icons/azuki.jpg', name: 'Azuki', value: 'azuki' },
|
|
47
|
-
];
|
|
48
|
-
|
|
49
|
-
<CollectionSelectList
|
|
50
|
-
collectionList={collectionList}
|
|
51
|
-
onSelect={(value) => {
|
|
52
|
-
console.log('Selected:', value);
|
|
53
|
-
}}
|
|
54
|
-
/>`
|
|
55
|
-
}
|
|
56
|
-
) }) }) })
|
|
57
|
-
] });
|
|
58
|
-
export {
|
|
59
|
-
N as default
|
|
60
|
-
};
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),t=require("../index-D874Kozv.js");require("lucide-react");require("react-router-dom");require("react-dom");const o=()=>{const[s,r]=i.useState(!1),[l,a]=i.useState("sidebar");return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(t.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Drawer"}),e.jsx(t.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A drawer component that slides in from the side, supporting both simple sidebar and sidebar-menu variants."})]}),e.jsx(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:"Sidebar Drawer"}),e.jsx(t.Button,{onClick:()=>{a("sidebar"),r(!0)},children:"Open Sidebar"}),e.jsx(t.Drawer,{isOpen:s,setIsOpen:r,type:"sidebar",title:"Sidebar Title",children:e.jsx(t.Typography,{tag:"p",children:"Sidebar content goes here"})})]}),e.jsxs(t.CardContainer,{className:"p-4",children:[e.jsx(t.Typography,{tag:"h5",className:"mb-3",children:"Right Position"}),e.jsx(t.Button,{onClick:()=>{a("sidebar"),r(!0)},children:"Open Right Drawer"}),e.jsx(t.Drawer,{isOpen:s,setIsOpen:r,type:"sidebar",position:"right",title:"Right Drawer",children:e.jsx(t.Typography,{tag:"p",children:"Content on the right"})})]})]})})})}),e.jsx(t.PropPlayground,{componentName:"Drawer",defaultValues:{isOpen:!0,position:"left",backdrop:!0},excludeProps:["setIsOpen","onClose","actionContent","logo","menuItems","type"],children:n=>e.jsx("div",{style:{position:"relative",height:300,overflow:"hidden"},children:e.jsx(t.Drawer,{...n,setIsOpen:()=>{},title:"Drawer Preview",children:e.jsx("p",{className:"text-sm p-4",children:"Drawer content"})})})}),e.jsx(t.AutoPropsTable,{componentName:"Drawer"}),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 { Drawer, Button } from '@e-burgos/tucu-ui';
|
|
2
|
-
import { useState } from 'react';
|
|
3
|
-
|
|
4
|
-
function MyComponent() {
|
|
5
|
-
const [isOpen, setIsOpen] = useState(false);
|
|
6
|
-
|
|
7
|
-
return (
|
|
8
|
-
<>
|
|
9
|
-
<Button onClick={() => setIsOpen(true)}>Open Drawer</Button>
|
|
10
|
-
<Drawer
|
|
11
|
-
isOpen={isOpen}
|
|
12
|
-
setIsOpen={setIsOpen}
|
|
13
|
-
type="sidebar"
|
|
14
|
-
title="Drawer Title"
|
|
15
|
-
>
|
|
16
|
-
<div>Drawer content</div>
|
|
17
|
-
</Drawer>
|
|
18
|
-
</>
|
|
19
|
-
);
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
// Right position
|
|
23
|
-
<Drawer
|
|
24
|
-
isOpen={isOpen}
|
|
25
|
-
setIsOpen={setIsOpen}
|
|
26
|
-
type="sidebar"
|
|
27
|
-
position="right"
|
|
28
|
-
title="Right Drawer"
|
|
29
|
-
>
|
|
30
|
-
<div>Content</div>
|
|
31
|
-
</Drawer>
|
|
32
|
-
|
|
33
|
-
// Without backdrop
|
|
34
|
-
<Drawer
|
|
35
|
-
isOpen={isOpen}
|
|
36
|
-
setIsOpen={setIsOpen}
|
|
37
|
-
type="sidebar"
|
|
38
|
-
backdrop={false}
|
|
39
|
-
>
|
|
40
|
-
<div>Content</div>
|
|
41
|
-
</Drawer>`})})})})]})};exports.default=o;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-D874Kozv.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const a=require("../collection-1-BIsLOX9N.js"),t=require("../1-CArqgiQa.js"),i=()=>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:"NFTGrid"}),e.jsx(r.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Grid card component for displaying NFT items with author information, image, collection, and price."})]}),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.jsx("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:"Basic NFT"}),e.jsx(r.NFTGrid,{author:"CryptoPunk",authorImage:t.avatar1Img,image:a.collection1Img,name:"CryptoPunk #1234",collection:"Crypto Punks",price:"45 ETH"})]})})})})}),e.jsx(r.AutoPropsTable,{componentName:"NFTGrid"}),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 { NFTGrid } from '@e-burgos/tucu-ui';
|
|
2
|
-
|
|
3
|
-
<NFTGrid
|
|
4
|
-
author="CryptoPunk"
|
|
5
|
-
authorImage="/avatars/cryptopunk.jpg"
|
|
6
|
-
image="/nfts/punk-1234.jpg"
|
|
7
|
-
name="CryptoPunk #1234"
|
|
8
|
-
collection="Crypto Punks"
|
|
9
|
-
price="45 ETH"
|
|
10
|
-
profilePath="/profile/cryptopunk" // Optional
|
|
11
|
-
/>`})})})})]});exports.default=i;
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import { jsxs as r, Fragment as i, jsx as a } from "react/jsx-runtime";
|
|
2
|
-
import { T as e, C as t, a as o, N as l, A as c, c as m } from "../index-DsiBIFwo.js";
|
|
3
|
-
import "lucide-react";
|
|
4
|
-
import "react-router-dom";
|
|
5
|
-
import "react";
|
|
6
|
-
import "react-dom";
|
|
7
|
-
import { c as s } from "../collection-1-NeFANkbk.js";
|
|
8
|
-
import { a as n } from "../1-Df9CGZha.js";
|
|
9
|
-
const y = () => /* @__PURE__ */ r(i, { children: [
|
|
10
|
-
/* @__PURE__ */ r("div", { className: "text-center space-y-4", children: [
|
|
11
|
-
/* @__PURE__ */ a(e, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "NFTGrid" }),
|
|
12
|
-
/* @__PURE__ */ a(
|
|
13
|
-
e,
|
|
14
|
-
{
|
|
15
|
-
tag: "p",
|
|
16
|
-
className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
|
|
17
|
-
children: "Grid card component for displaying NFT items with author information, image, collection, and price."
|
|
18
|
-
}
|
|
19
|
-
)
|
|
20
|
-
] }),
|
|
21
|
-
/* @__PURE__ */ a(t, { className: "overflow-hidden", children: /* @__PURE__ */ a(o, { title: "Basic Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: /* @__PURE__ */ r(t, { className: "p-4", children: [
|
|
22
|
-
/* @__PURE__ */ a(e, { tag: "h5", className: "mb-3", children: "Basic NFT" }),
|
|
23
|
-
/* @__PURE__ */ a(
|
|
24
|
-
l,
|
|
25
|
-
{
|
|
26
|
-
author: "CryptoPunk",
|
|
27
|
-
authorImage: n,
|
|
28
|
-
image: s,
|
|
29
|
-
name: "CryptoPunk #1234",
|
|
30
|
-
collection: "Crypto Punks",
|
|
31
|
-
price: "45 ETH"
|
|
32
|
-
}
|
|
33
|
-
)
|
|
34
|
-
] }) }) }) }) }),
|
|
35
|
-
/* @__PURE__ */ a(c, { componentName: "NFTGrid" }),
|
|
36
|
-
/* @__PURE__ */ a(t, { className: "overflow-hidden", children: /* @__PURE__ */ a(o, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ a("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ a(
|
|
37
|
-
m,
|
|
38
|
-
{
|
|
39
|
-
language: "tsx",
|
|
40
|
-
code: `import { NFTGrid } from '@e-burgos/tucu-ui';
|
|
41
|
-
|
|
42
|
-
<NFTGrid
|
|
43
|
-
author="CryptoPunk"
|
|
44
|
-
authorImage="/avatars/cryptopunk.jpg"
|
|
45
|
-
image="/nfts/punk-1234.jpg"
|
|
46
|
-
name="CryptoPunk #1234"
|
|
47
|
-
collection="Crypto Punks"
|
|
48
|
-
price="45 ETH"
|
|
49
|
-
profilePath="/profile/cryptopunk" // Optional
|
|
50
|
-
/>`
|
|
51
|
-
}
|
|
52
|
-
) }) }) })
|
|
53
|
-
] });
|
|
54
|
-
export {
|
|
55
|
-
y as default
|
|
56
|
-
};
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),a=require("../index-D874Kozv.js");require("lucide-react");require("react-router-dom");require("react-dom");const n=()=>{const[s,t]=r.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"}];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 for choosing from a list of options."})]}),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:s,onChange:t})]}),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"},{name:"Spanish",value:"es"},{name:"French",value:"fr"}]})]}),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.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Required Field"}),e.jsx(a.Select,{label:"Priority",placeholder:"Select priority",required:!0,options:[{name:"Low",value:"low"},{name:"Medium",value:"medium"},{name:"High",value:"high"}]})]})]})})})}),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
|
-
|
|
3
|
-
const options = [
|
|
4
|
-
{ name: 'Argentina', value: 'ar' },
|
|
5
|
-
{ name: 'Brasil', value: 'br' },
|
|
6
|
-
{ name: 'Chile', value: 'cl' },
|
|
7
|
-
];
|
|
8
|
-
|
|
9
|
-
<Select
|
|
10
|
-
label="Country"
|
|
11
|
-
placeholder="Select a country"
|
|
12
|
-
options={options}
|
|
13
|
-
selectedOption={selectedOption}
|
|
14
|
-
onChange={setSelectedOption}
|
|
15
|
-
/>
|
|
16
|
-
|
|
17
|
-
// Variants
|
|
18
|
-
<Select label="Ghost" variant="ghost" options={options} />
|
|
19
|
-
<Select label="Solid" variant="solid" options={options} />
|
|
20
|
-
<Select label="Transparent" variant="transparent" options={options} />`})})})})]})};exports.default=n;
|