@e-burgos/tucu-ui 2.0.3 → 2.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/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/file-input.d.ts +1 -7
- 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/demo/pages/introduction/BasicUsageDemo.d.ts +1 -1
- package/documentation/{APIReferenceSection-B2oYdmby.js → APIReferenceSection-5NIzxE3h.js} +1 -1
- package/documentation/{APIReferenceSection-h-8Utbap.js → APIReferenceSection-Ce8zFFzl.js} +1 -1
- package/documentation/{ActiveLinkSection-CdXQGIsJ.js → ActiveLinkSection-B-OjIv25.js} +1 -1
- package/documentation/{ActiveLinkSection-C95OfpHr.js → ActiveLinkSection-Cfder2gM.js} +1 -1
- package/documentation/{AdvancedColorSystemSection-BtpxH8Mu.js → AdvancedColorSystemSection-1p7Gzgv7.js} +1 -1
- package/documentation/{AdvancedColorSystemSection-BQshRXTc.js → AdvancedColorSystemSection-Dvs9aiJv.js} +1 -1
- package/documentation/{AdvancedFeaturesSection-BdL5enY8.js → AdvancedFeaturesSection-BcZzGuLC.js} +1 -1
- package/documentation/{AdvancedFeaturesSection-DNsHjabp.js → AdvancedFeaturesSection-BoNIb9oH.js} +1 -1
- package/documentation/{AdvancedFeaturesSection-VcHwYejS.js → AdvancedFeaturesSection-Bw-yEeIB.js} +1 -1
- package/documentation/{AdvancedFeaturesSection-Ht5TTHY8.js → AdvancedFeaturesSection-CJbGz9l9.js} +1 -1
- package/documentation/{AlertSection-CkPDRBrP.js → AlertSection-1mnmAGE8.js} +1 -1
- package/documentation/{AlertSection-ZNoVAqQG.js → AlertSection-DLSlCvUX.js} +1 -1
- package/documentation/{AnchorLinkSection-Db8dVTL1.js → AnchorLinkSection-BkC1XlUO.js} +1 -1
- package/documentation/{AnchorLinkSection-BwEq_xXD.js → AnchorLinkSection-DtkZLFtc.js} +11 -11
- package/documentation/{ArchitecturalPatternsComparisonSection-_ICdjaay.js → ArchitecturalPatternsComparisonSection-BmurN8qG.js} +1 -1
- package/documentation/{ArchitecturalPatternsComparisonSection-0JvWXvga.js → ArchitecturalPatternsComparisonSection-Dwlq44TJ.js} +1 -1
- package/documentation/{ArchitectureOverviewSection-A86tJq4O.js → ArchitectureOverviewSection-CQj0Os1t.js} +1 -1
- package/documentation/{ArchitectureOverviewSection-J96NVKkD.js → ArchitectureOverviewSection-Cc4iZOZ9.js} +1 -1
- package/documentation/AreaChartSection-CdymW4XW.js +22 -0
- package/documentation/AreaChartSection-okjH0UNh.js +132 -0
- package/documentation/{AuthorCardSection-CYkh23Xg.js → AuthorCardSection-BVzTIrw9.js} +1 -1
- package/documentation/{AuthorCardSection-BSX9oAo1.js → AuthorCardSection-DyH2f3Hs.js} +1 -1
- package/documentation/{AvatarSection-LVqlXwpv.js → AvatarSection-BvtkeOrt.js} +1 -1
- package/documentation/{AvatarSection-BvtKvbAp.js → AvatarSection-CWj6h6Xw.js} +1 -1
- package/documentation/{BadgeSection-CeyBqNzE.js → BadgeSection-Bm2kMztE.js} +1 -1
- package/documentation/{BadgeSection-wnv6WJoJ.js → BadgeSection-D5PSo5Ha.js} +1 -1
- package/documentation/BarChartSection-DNhGp-SX.js +127 -0
- package/documentation/BarChartSection-DOO1X0Ls.js +23 -0
- package/documentation/{BasicTableSection-DHR7wxMf.js → BasicTableSection-B2GWADgL.js} +1 -1
- package/documentation/{BasicTableSection-Djqd7GTc.js → BasicTableSection-BWdAaKCh.js} +1 -1
- package/documentation/{BasicUsageSection-RB5uqmJE.js → BasicUsageSection-C26gvzBZ.js} +1 -1
- package/documentation/{BasicUsageSection-CAOyX6Rh.js → BasicUsageSection-CiAmGFF6.js} +1 -1
- package/documentation/{BestPracticesSection-Y7WVzfHX.js → BestPracticesSection--qw-Bu17.js} +1 -1
- package/documentation/{BestPracticesSection-DO-w9jZN.js → BestPracticesSection-BLO5W3Dz.js} +1 -1
- package/documentation/{BestPracticesSection-CrduKU11.js → BestPracticesSection-BQexEz6I.js} +1 -1
- package/documentation/{BestPracticesSection-C72mSxPs.js → BestPracticesSection-BelrvRky.js} +1 -1
- package/documentation/{BestPracticesSection-7oPmBTjr.js → BestPracticesSection-C51kB-ds.js} +1 -1
- package/documentation/{BestPracticesSection-BAi4u6sT.js → BestPracticesSection-CUi5U-9F.js} +1 -1
- package/documentation/{BestPracticesSection-FNEhFmPF.js → BestPracticesSection-CanX6URp.js} +1 -1
- package/documentation/{BestPracticesSection-Dki1wap5.js → BestPracticesSection-D9A1lsfb.js} +1 -1
- package/documentation/{BestPracticesSection-D2ahvfz_.js → BestPracticesSection-DEmC0S-K.js} +1 -1
- package/documentation/{BestPracticesSection-CfKUd_V5.js → BestPracticesSection-DLPSyeBF.js} +1 -1
- package/documentation/{BestPracticesSection-Dlv7tr8A.js → BestPracticesSection-Duk-VLd3.js} +1 -1
- package/documentation/{BestPracticesSection-De_JKhUW.js → BestPracticesSection-VeEUdINe.js} +1 -1
- package/documentation/{BestPracticesSection-DVOUUyCP.js → BestPracticesSection-p2NFG4oR.js} +1 -1
- package/documentation/{BestPracticesSection-CCUAVucV.js → BestPracticesSection-q-nfGUu_.js} +1 -1
- package/documentation/{BorderRadiusSection-B7LfzLmt.js → BorderRadiusSection-CPv-iEOg.js} +1 -1
- package/documentation/{BorderRadiusSection-CuLZQqX2.js → BorderRadiusSection-CWtBKR4n.js} +1 -1
- package/documentation/{ButtonDripSection-Rv6xpiKS.js → ButtonDripSection-CdyZmshO.js} +1 -1
- package/documentation/{ButtonDripSection-BaIO6Rop.js → ButtonDripSection-DvqrkiYu.js} +1 -1
- package/documentation/{ButtonLoaderSection-Bkzh89oP.js → ButtonLoaderSection-BUhnf9_M.js} +1 -1
- package/documentation/{ButtonLoaderSection-DGVKD9wI.js → ButtonLoaderSection-DuQTP5Pe.js} +1 -1
- package/documentation/{CardContainerSection-DLXPs9aW.js → CardContainerSection-DMJza1QB.js} +1 -1
- package/documentation/{CardContainerSection-t72sN0zL.js → CardContainerSection-DbKJDPWw.js} +1 -1
- package/documentation/CardSection-B0iqiFGj.js +25 -0
- package/documentation/CardSection-D15Ow_Tr.js +125 -0
- package/documentation/{CardTitleSection-CTcugicF.js → CardTitleSection-BMhuTc5Q.js} +1 -1
- package/documentation/{CardTitleSection-BEHmdfF6.js → CardTitleSection-DisE8DYA.js} +1 -1
- package/documentation/{CarouselCardsSection-ByrjTL9x.js → CarouselCardsSection-0SbaZLzB.js} +1 -1
- package/documentation/{CarouselCardsSection-DtCx9w5B.js → CarouselCardsSection-D6dpilRA.js} +1 -1
- package/documentation/{CarouselImageSection-BDMpTyte.js → CarouselImageSection-C1a20WIc.js} +1 -1
- package/documentation/{CarouselImageSection-CknDEAfU.js → CarouselImageSection-Ckn2QzLs.js} +1 -1
- package/documentation/{CarouselSection-Cq5jgcQD.js → CarouselSection-DY1Th7wv.js} +1 -1
- package/documentation/{CarouselSection-hLHYsvmh.js → CarouselSection-JMkeqyoM.js} +1 -1
- package/documentation/{CheckboxSection-D8FFt0Os.js → CheckboxSection-Buj9JUAs.js} +1 -1
- package/documentation/{CheckboxSection-CUQtdDzh.js → CheckboxSection-C1oqzuhJ.js} +1 -1
- package/documentation/{CodeExamplesSection-Dp2gzpx3.js → CodeExamplesSection-B0jHjim2.js} +1 -1
- package/documentation/{CodeExamplesSection-2v_8YfcX.js → CodeExamplesSection-lkjYxBX5.js} +1 -1
- package/documentation/{CoinCardSection-1WqRM1ph.js → CoinCardSection-lZUwQvyi.js} +1 -1
- package/documentation/{CoinCardSection-CPsesOWx.js → CoinCardSection-ohLbWYUh.js} +1 -1
- package/documentation/{CoinInfoCardSection-B562WBTv.js → CoinInfoCardSection-6w-hnHtq.js} +1 -1
- package/documentation/{CoinInfoCardSection-Dk6J8sls.js → CoinInfoCardSection-CSpda5W2.js} +1 -1
- package/documentation/{CoinListBoxSection-Cu1MDV2Y.js → CoinListBoxSection-CjuPiQY-.js} +1 -1
- package/documentation/{CoinListBoxSection-DzyzZBwk.js → CoinListBoxSection-if4oi10E.js} +1 -1
- package/documentation/{CollapseSection-7-rrT_DY.js → CollapseSection-Ce00qgAG.js} +1 -1
- package/documentation/{CollapseSection-Bym6R86D.js → CollapseSection-DvdDK90_.js} +10 -10
- package/{collection-1-NeFANkbk.js → documentation/CollectionCardSection-BXYryNM2.js} +58 -2
- package/documentation/CollectionCardSection-Bjysn0MP.js +17 -0
- package/documentation/CollectionSelectListSection-D8YxEcci.js +15 -0
- package/documentation/CollectionSelectListSection-NYI1Ct1i.js +120 -0
- package/documentation/{ColorCustomizationSection-DirQ1xkR.js → ColorCustomizationSection-BGlYoLkQ.js} +1 -1
- package/documentation/{ColorCustomizationSection-fpbQFBeg.js → ColorCustomizationSection-CBWK9uUm.js} +3 -3
- package/documentation/{ColorSystemSection-BTPZDmaU.js → ColorSystemSection-Dn79GFEE.js} +5 -5
- package/documentation/{ColorSystemSection-BIiffohC.js → ColorSystemSection-DpzFTiQX.js} +1 -1
- package/documentation/{CommonErrorsSection-DqohMJDt.js → CommonErrorsSection-Bu3N9AeP.js} +1 -1
- package/documentation/{CommonErrorsSection-BVjBH-q3.js → CommonErrorsSection-CfJggoGk.js} +1 -1
- package/documentation/{ComponentAnatomySection-GUman0lW.js → ComponentAnatomySection-B6siwlGr.js} +3 -3
- package/documentation/{ComponentAnatomySection-B6L2nQg2.js → ComponentAnatomySection-DZ7Qu5NO.js} +1 -1
- package/documentation/{ComponentStatusSection-BPatrERs.js → ComponentStatusSection-3ZQq3TuC.js} +1 -1
- package/documentation/{ComponentStatusSection-DS8Kmh6W.js → ComponentStatusSection-BAcHk045.js} +1 -1
- package/documentation/ComposedChartSection-Ckh3P98Y.js +113 -0
- package/documentation/ComposedChartSection-DA6YnjWr.js +21 -0
- package/documentation/{CurrencySwapIconsSection-B_qLwzXO.js → CurrencySwapIconsSection-C28raPLN.js} +1 -1
- package/documentation/{CurrencySwapIconsSection-WWqd6aBI.js → CurrencySwapIconsSection-C7OcC3fI.js} +1 -1
- package/documentation/{CustomColorPaletteSection-Beh-1TnY.js → CustomColorPaletteSection-CjZQJ8X1.js} +1 -1
- package/documentation/{CustomColorPaletteSection-DHw4bInM.js → CustomColorPaletteSection-DMSw8nDk.js} +1 -1
- package/documentation/{CustomIconsSection-BnJuOM-H.js → CustomIconsSection-BwjM43mD.js} +29 -29
- package/documentation/{CustomIconsSection-CSRr6wkJ.js → CustomIconsSection-DrojbM8n.js} +2 -2
- package/documentation/{DefiAppLogoSection-BlgJ2b-2.js → DefiAppLogoSection-BdZjkLmq.js} +1 -1
- package/documentation/{DefiAppLogoSection-BKoj5nMS.js → DefiAppLogoSection-Dk2oHuhM.js} +1 -1
- package/documentation/{DesignPrinciplesSection-sziQNoBU.js → DesignPrinciplesSection-Bya4UXPp.js} +1 -1
- package/documentation/{DesignPrinciplesSection-DEO6bctH.js → DesignPrinciplesSection-DnoNOVM9.js} +1 -1
- package/documentation/{DrawerSection-Bl44QTjH.js → DrawerSection-6g2F0eId.js} +41 -28
- package/documentation/DrawerSection-DB25BxGr.js +41 -0
- package/documentation/{DynamicRoutesSection-CwIKExBG.js → DynamicRoutesSection-BMaLmxpb.js} +1 -1
- package/documentation/{DynamicRoutesSection-DzYD6DrX.js → DynamicRoutesSection-C8c26l82.js} +1 -1
- package/documentation/{FileInputSection-agGxZYT7.js → FileInputSection-DSj8ZQzS.js} +1 -1
- package/documentation/{FileInputSection-2C2qHF7f.js → FileInputSection-DhXUezmH.js} +1 -1
- package/documentation/{FileStructureSection-C-Z_tkDL.js → FileStructureSection-Bcx6ldJU.js} +1 -1
- package/documentation/{FileStructureSection-CSNiAHS-.js → FileStructureSection-wjvqCs_f.js} +1 -1
- package/documentation/{FormComponentsSection-B021OPBW.js → FormComponentsSection-DeI3K5Bx.js} +1 -1
- package/documentation/{FormComponentsSection-CRsooWtI.js → FormComponentsSection-Dy3KNt39.js} +1 -1
- package/documentation/{FormMethodsSection-CUrQGm-O.js → FormMethodsSection-B1EM4N6A.js} +1 -1
- package/documentation/{FormMethodsSection-2ea19wxr.js → FormMethodsSection-yuuuYyXy.js} +1 -1
- package/documentation/{HamburgerSection-BzFh3gZq.js → HamburgerSection-DgPmVO-i.js} +11 -11
- package/documentation/{HamburgerSection-CWAXi4d_.js → HamburgerSection-aBZD1-TZ.js} +1 -1
- package/documentation/{HookCategoriesSection-Qm1BoU9x.js → HookCategoriesSection-CgVVDDDP.js} +1 -1
- package/documentation/{HookCategoriesSection-DZzq6nNi.js → HookCategoriesSection-D1s7HBs3.js} +1 -1
- package/documentation/{HookDocumentationSection-DT_dicnF.js → HookDocumentationSection-BX4ihZ7n.js} +1 -1
- package/documentation/{HookDocumentationSection-BMC5FTpz.js → HookDocumentationSection-D-uyTvbo.js} +1 -1
- package/documentation/{HookFeaturesSection-_rCA_IiX.js → HookFeaturesSection-BJ46pxde.js} +1 -1
- package/documentation/{HookFeaturesSection-B08odkSW.js → HookFeaturesSection-DG0c6Nuc.js} +1 -1
- package/documentation/{IconArchitectureSection-BP5StoRr.js → IconArchitectureSection-C-2VbuA5.js} +1 -1
- package/documentation/{IconArchitectureSection-Ch1nPf7C.js → IconArchitectureSection-CURuLfbA.js} +1 -1
- package/documentation/{IconSizingGuideSection-21B7NciU.js → IconSizingGuideSection-CZlzz3vM.js} +1 -1
- package/documentation/{IconSizingGuideSection-B39zPKV2.js → IconSizingGuideSection-CtgUCS1M.js} +1 -1
- package/documentation/{IconSystemAPISection-_5fho7rM.js → IconSystemAPISection-Bt0cGg5z.js} +1 -1
- package/documentation/{IconSystemAPISection-BLCe41I8.js → IconSystemAPISection-iR2Mtl7J.js} +1 -1
- package/documentation/{IconSystemBenefitsSection-BI6uLx8V.js → IconSystemBenefitsSection-BwEGIaSi.js} +1 -1
- package/documentation/{IconSystemBenefitsSection-DCAdQe8N.js → IconSystemBenefitsSection-Cm4GLorJ.js} +1 -1
- package/documentation/{ImageSection-DX_pLrem.js → ImageSection-C8chUyse.js} +1 -1
- package/documentation/{ImageSection-Dl5z0QeO.js → ImageSection-DHl4Qi57.js} +7 -12
- package/documentation/{ImplementationExamplesSection-DG0Qxz66.js → ImplementationExamplesSection-B6RCd5xn.js} +1 -1
- package/documentation/{ImplementationExamplesSection-B__bLnap.js → ImplementationExamplesSection-Dm0hQvIt.js} +1 -1
- package/documentation/{ImplementationGuidelinesSection-Dhr_uqy_.js → ImplementationGuidelinesSection-DcophD9I.js} +1 -1
- package/documentation/{ImplementationGuidelinesSection-B3ThgoR2.js → ImplementationGuidelinesSection-tk4hHb4H.js} +1 -1
- package/documentation/{ImplementationStatusSection-D0v0YMVu.js → ImplementationStatusSection-ByTHYlfd.js} +1 -1
- package/documentation/{ImplementationStatusSection-CJTb6Pgx.js → ImplementationStatusSection-t7Ud-c-d.js} +1 -1
- package/documentation/{ImplementedFeaturesSection-DP4JlgYL.js → ImplementedFeaturesSection-BFxz_WX2.js} +1 -1
- package/documentation/{ImplementedFeaturesSection-uG_KGhJp.js → ImplementedFeaturesSection-DHZ1Aoer.js} +1 -1
- package/documentation/InfoCardSection-CXtp4OUe.js +37 -0
- package/documentation/InfoCardSection-CzJ00hH4.js +266 -0
- package/documentation/{InputSearcherSection-BOs_mYxO.js → InputSearcherSection-CBLbEei3.js} +1 -1
- package/documentation/{InputSearcherSection-BB8KSV5W.js → InputSearcherSection-Ov5f1QPG.js} +1 -1
- package/documentation/{InputSection-Co8yrH8O.js → InputSection-D3bakYUu.js} +1 -1
- package/documentation/{InputSection-DlsRR1br.js → InputSection-DBXbkW_W.js} +1 -1
- package/documentation/KeyValueRowSection-BD_lOH5W.js +16 -0
- package/documentation/KeyValueRowSection-DvNMMIDZ.js +104 -0
- package/documentation/{KeyboardNavigationSection-B8kjIrpD.js → KeyboardNavigationSection-B3CapHsF.js} +1 -1
- package/documentation/{KeyboardNavigationSection-B5NeU2Ls.js → KeyboardNavigationSection-gUHJqFCG.js} +5 -5
- package/documentation/{LayoutPrinciplesSection-Cv2qVdah.js → LayoutPrinciplesSection-CVuWM79D.js} +1 -1
- package/documentation/{LayoutPrinciplesSection-ZcukszdJ.js → LayoutPrinciplesSection-Dj2hqcrM.js} +1 -1
- package/documentation/{LayoutTypesSection-Db8Phsh5.js → LayoutTypesSection-B56uscQO.js} +1 -1
- package/documentation/{LayoutTypesSection-CdWhbb-e.js → LayoutTypesSection-BGRpmQ7T.js} +1 -1
- package/documentation/LineChartSection-BGX0Wcvh.js +21 -0
- package/documentation/LineChartSection-Ceg7C-cC.js +130 -0
- package/documentation/{ListContainerSection-E2nxNQM9.js → ListContainerSection-BNSF4SI5.js} +1 -1
- package/documentation/{ListContainerSection-g8e36trw.js → ListContainerSection-CV4u-qOK.js} +1 -1
- package/documentation/{ListItemSection-BKMlFb_B.js → ListItemSection-3dc6RiQQ.js} +1 -1
- package/documentation/{ListItemSection-CGRWmUNh.js → ListItemSection-Di43gH3_.js} +1 -1
- package/documentation/{LiveDemoSection-Bi6TUjps.js → LiveDemoSection-BBUhl8mE.js} +1 -1
- package/documentation/{LiveDemoSection-CNS2AHrx.js → LiveDemoSection-BXUNaySE.js} +1 -1
- package/documentation/{LiveDemonstrationsSection-BTZH9yJ4.js → LiveDemonstrationsSection-CfXiNDVi.js} +6 -6
- package/documentation/{LiveDemonstrationsSection-8IzxP_-q.js → LiveDemonstrationsSection-DrHe0jRp.js} +1 -1
- package/documentation/{LivePriceFeedSection-BETZCxkR.js → LivePriceFeedSection-CtMkcanM.js} +1 -1
- package/documentation/{LivePriceFeedSection-xqYzz2UJ.js → LivePriceFeedSection-fB3CGfMo.js} +1 -1
- package/documentation/{LoaderSection-D6oWK2Bd.js → LoaderSection-BK2XhwSF.js} +1 -1
- package/documentation/{LoaderSection-Ch955wVE.js → LoaderSection-BqBjL_ce.js} +1 -1
- package/documentation/{LogoSection-DihjtnI3.js → LogoSection-C3gHZ6ZG.js} +1 -1
- package/documentation/{LogoSection-DwxPyRYp.js → LogoSection-DgveoBy0.js} +1 -1
- package/documentation/{LucideIconsSection-UTZdlP4l.js → LucideIconsSection-D7ajDS86.js} +2 -2
- package/documentation/{LucideIconsSection-jyTOH9vA.js → LucideIconsSection-EeXM46-p.js} +1 -1
- package/documentation/{MFESupportSection-CL4XaGSc.js → MFESupportSection-CW27A3eK.js} +1 -1
- package/documentation/{MFESupportSection-D5-xNtty.js → MFESupportSection-ZymRZFpR.js} +1 -1
- package/documentation/{MenuItemsGuideSection-CubWhWBg.js → MenuItemsGuideSection-CLotbYiV.js} +1 -1
- package/documentation/{MenuItemsGuideSection-B4A_sWeX.js → MenuItemsGuideSection-UQkVcqZq.js} +1 -1
- package/documentation/{ModalSection-BLJU61yb.js → ModalSection-B88ZyCk1.js} +34 -40
- package/documentation/{ModalSection-DgxQhNE3.js → ModalSection-_bluxlpe.js} +1 -1
- package/documentation/NFTGridSection-BBn-BSxV.js +117 -0
- package/documentation/NFTGridSection-DuqL8orZ.js +19 -0
- package/documentation/{NestedRoutesSection-ekOYspAL.js → NestedRoutesSection-Ba8XhwvK.js} +1 -1
- package/documentation/{NestedRoutesSection-DG9vKpBw.js → NestedRoutesSection-CNb6PpdJ.js} +1 -1
- package/documentation/{NotificationCardSection-cE-g6SEH.js → NotificationCardSection-Bhd6YH-F.js} +1 -1
- package/documentation/{NotificationCardSection-Db-RrZ16.js → NotificationCardSection-Dr40YILh.js} +1 -1
- package/documentation/PaginationSection-DZQzrh1r.js +18 -0
- package/documentation/PaginationSection-DaeYPA4C.js +122 -0
- package/documentation/{PanelActionCardSection-CL8Moio7.js → PanelActionCardSection-Ie-VVm_6.js} +3 -3
- package/documentation/{PanelActionCardSection-Bjxx99WR.js → PanelActionCardSection-eVZpdoU4.js} +1 -1
- package/documentation/{PanelCardSection-Ci9bDcSV.js → PanelCardSection-B4QTB7gx.js} +1 -1
- package/documentation/{PanelCardSection-wO7ZobnL.js → PanelCardSection-Bnvutn7v.js} +1 -1
- package/documentation/{ParamTabSection-DzCeT2jc.js → ParamTabSection-BboYSU6I.js} +1 -1
- package/documentation/{ParamTabSection-Bi80ttg5.js → ParamTabSection-Cxjr0T-p.js} +1 -1
- package/documentation/PieChartSection-B5iqTd6a.js +91 -0
- package/documentation/PieChartSection-CmsDq0aK.js +19 -0
- package/documentation/{PinCodeSection-BteNwNGD.js → PinCodeSection-DEw-EzEd.js} +1 -1
- package/documentation/{PinCodeSection-DwXlWFc3.js → PinCodeSection-_XK_i3H0.js} +1 -1
- package/documentation/{ProgressbarSection-ibpTAyXQ.js → ProgressbarSection-BiRKgrX8.js} +1 -1
- package/documentation/{ProgressbarSection-B1eIO6-t.js → ProgressbarSection-C3dnsQVG.js} +1 -1
- package/documentation/RadarChartSection-CZwYUbhE.js +21 -0
- package/documentation/RadarChartSection-D4WGzYMh.js +114 -0
- package/documentation/{RadioGroupSection-q1w7Zcjw.js → RadioGroupSection-Brsh4Wal.js} +1 -1
- package/documentation/{RadioGroupSection-CnheWpBr.js → RadioGroupSection-DCLnuxAm.js} +1 -1
- package/documentation/{RadioSection-V0sD9FtI.js → RadioSection-BJAmV7jS.js} +1 -1
- package/documentation/{RadioSection-DSoD7CLU.js → RadioSection-DW571IOX.js} +1 -1
- package/documentation/{RevealContentSection-BK8j8yQ6.js → RevealContentSection-Bp90Pdd6.js} +1 -1
- package/documentation/{RevealContentSection-Cm9Ego3J.js → RevealContentSection-aEH6B3Fa.js} +1 -1
- package/documentation/{RouteConfigurationSection-PdMrY6xs.js → RouteConfigurationSection-BTMaahtj.js} +1 -1
- package/documentation/{RouteConfigurationSection-JaOww2mF.js → RouteConfigurationSection-C4cXfBUN.js} +1 -1
- package/documentation/{ScrollToTopSection-_W3FULOG.js → ScrollToTopSection-BjvSaBlx.js} +1 -1
- package/documentation/{ScrollToTopSection-DktmPBqU.js → ScrollToTopSection-zDW1G7Hj.js} +6 -5
- package/documentation/{ScrollbarSection-94c3rkLU.js → ScrollbarSection-9TgDRatW.js} +1 -1
- package/documentation/{ScrollbarSection-Dhqk4MAL.js → ScrollbarSection-DB4wz_1n.js} +7 -7
- package/documentation/SelectSection-CuCOpeCn.js +39 -0
- package/documentation/{SelectSection-CyUvjkal.js → SelectSection-DUiUcUBY.js} +118 -49
- package/documentation/{SettingsPanelSection-DysL_TWy.js → SettingsPanelSection-BqSLtnYt.js} +1 -1
- package/documentation/{SettingsPanelSection-oUsf1rjG.js → SettingsPanelSection-CBDKoU0z.js} +2 -2
- package/documentation/{ShadowsSection-COIXfeUB.js → ShadowsSection-CBZ4wa0t.js} +1 -1
- package/documentation/{ShadowsSection-yPSwgkIh.js → ShadowsSection-DkuPXflP.js} +1 -1
- package/documentation/{SidebarMenuSection-DoBy0kgz.js → SidebarMenuSection-BGMz0EFc.js} +1 -1
- package/documentation/{SidebarMenuSection-CF65NgkO.js → SidebarMenuSection-Cu3MBodF.js} +1 -1
- package/documentation/{SidebarSection-C8M_6SXm.js → SidebarSection-B0Q9BrWf.js} +1 -1
- package/documentation/{SidebarSection-D0mx7yBu.js → SidebarSection-_fncZECB.js} +1 -1
- package/documentation/{SizingSection-D0JMCl2M.js → SizingSection-BRs_QZ8E.js} +1 -1
- package/documentation/{SizingSection-CFHOHeOX.js → SizingSection-BZG-CTFD.js} +1 -1
- package/documentation/{SkeletonSection-CdftMoZS.js → SkeletonSection-CvxwSWwR.js} +1 -1
- package/documentation/{SkeletonSection-l0H8ysMz.js → SkeletonSection-oeshNePF.js} +1 -1
- package/documentation/{SpacingSystemSection-DDLUwi7M.js → SpacingSystemSection-B2_wDld8.js} +1 -1
- package/documentation/{SpacingSystemSection-CK6jg9jH.js → SpacingSystemSection-CM2yZGzx.js} +1 -1
- package/documentation/{SpinnerSection-CBRlzSBA.js → SpinnerSection-DnpC2ob0.js} +1 -1
- package/documentation/{SpinnerSection-wKxUxjQH.js → SpinnerSection-NFH_Mw6g.js} +1 -1
- package/documentation/{StandaloneAppSection-4dc8jrdZ.js → StandaloneAppSection-CKCgLLAV.js} +1 -1
- package/documentation/{StandaloneAppSection-3DzBLpFt.js → StandaloneAppSection-CwGKuVZU.js} +1 -1
- package/documentation/StepperSection-Cpn220R1.js +28 -0
- package/documentation/StepperSection-efW1NQ0f.js +146 -0
- package/documentation/{SwitchSection-BlYqsAPJ.js → SwitchSection-DcFWtiXd.js} +1 -1
- package/documentation/{SwitchSection-vGxo1SYH.js → SwitchSection-r9KfUNlh.js} +1 -1
- package/documentation/{SystemOverviewSection-BtnucKsr.js → SystemOverviewSection-CYy8IBpL.js} +1 -1
- package/documentation/{SystemOverviewSection-1lSFqKae.js → SystemOverviewSection-GvLXbZUI.js} +1 -1
- package/documentation/TabModalSection-BggXWh_W.js +160 -0
- package/documentation/TabModalSection-Cu5hFvsO.js +51 -0
- package/documentation/{TabSection-B7wJPrFH.js → TabSection-BFaE_l9I.js} +1 -1
- package/documentation/{TabSection-BTGIy9BT.js → TabSection-CnB-uDch.js} +1 -1
- package/documentation/{TabSelectSection-B8ohYHOK.js → TabSelectSection-DPLfLMP_.js} +1 -1
- package/documentation/{TabSelectSection-DNb8f96f.js → TabSelectSection-Hg0rgmfI.js} +1 -1
- package/documentation/{TailwindConfigSection-dxsLjDuJ.js → TailwindConfigSection-DiwkqCaZ.js} +1 -1
- package/documentation/{TailwindConfigSection-xK7ymNHB.js → TailwindConfigSection-kpvPxjFu.js} +1 -1
- package/documentation/{TestingSection-D97U6rzs.js → TestingSection-B-NhLP3B.js} +1 -1
- package/documentation/{TestingSection-DqHtOy40.js → TestingSection-B_5gO0Fu.js} +1 -1
- package/documentation/{TextareaSection-LoLfm6tE.js → TextareaSection-CFMrk7-d.js} +1 -1
- package/documentation/{TextareaSection-cq-8Cb4V.js → TextareaSection-CGX7U5z3.js} +1 -1
- package/documentation/{ThemeArchitectureSection-D3s-iFek.js → ThemeArchitectureSection-BJtQp08X.js} +1 -1
- package/documentation/{ThemeArchitectureSection-kTqICQZj.js → ThemeArchitectureSection-C_KTw0Qt.js} +1 -1
- package/documentation/{ThemeConfigurationSection-DKZz_tZ0.js → ThemeConfigurationSection-D4gMbMaH.js} +1 -1
- package/documentation/{ThemeConfigurationSection-CIorDmNk.js → ThemeConfigurationSection-D5cShR_I.js} +1 -1
- package/documentation/{ThemeHooksSection-D-mw-Fbu.js → ThemeHooksSection-CtBPmTwz.js} +1 -1
- package/documentation/{ThemeHooksSection-C0sZ6k8a.js → ThemeHooksSection-DGjLuf9f.js} +1 -1
- package/documentation/{ThemeProviderIntegrationSection-macU3-6q.js → ThemeProviderIntegrationSection-DD9vba4U.js} +1 -1
- package/documentation/{ThemeProviderIntegrationSection-BfBFuERd.js → ThemeProviderIntegrationSection-fjJyMnVI.js} +1 -1
- package/documentation/{ThemeProviderRequiredSection-CqDOwaWl.js → ThemeProviderRequiredSection-C51pFaD_.js} +1 -1
- package/documentation/{ThemeProviderRequiredSection-BRbwv1wN.js → ThemeProviderRequiredSection-DCwcEDEB.js} +1 -1
- package/documentation/{ThemeProviderSection-CTuv8EQA.js → ThemeProviderSection-Cdh5f9CQ.js} +1 -1
- package/documentation/{ThemeProviderSection-C8LEFOeB.js → ThemeProviderSection-Duhj0yh7.js} +1 -1
- package/documentation/{ToastSection-DxGzUQ0D.js → ToastSection-BWOj7sNT.js} +1 -1
- package/documentation/{ToastSection-DEW_viBi.js → ToastSection-Dp7uB84m.js} +8 -8
- package/documentation/{ToggleBarSection-CtsOxytE.js → ToggleBarSection-BK9vLumq.js} +1 -1
- package/documentation/{ToggleBarSection-CYRd5M5m.js → ToggleBarSection-CzR5L8Y8.js} +3 -3
- package/documentation/{TooltipSection-TVehrFpU.js → TooltipSection-CloPvZtN.js} +1 -1
- package/documentation/{TooltipSection-Cp-pLWvr.js → TooltipSection-JAMTIcdS.js} +1 -1
- package/documentation/{TopupButtonSection-Be5-YogI.js → TopupButtonSection-FiGGvfi9.js} +1 -1
- package/documentation/{TopupButtonSection-ByokZIdo.js → TopupButtonSection-WiC-0mrT.js} +1 -1
- package/documentation/{TransactionInfoSection-Q0JJsVQv.js → TransactionInfoSection-D43Gb2b8.js} +1 -1
- package/documentation/{TransactionInfoSection-BhNuZ4JD.js → TransactionInfoSection-pX2z0iup.js} +1 -1
- package/documentation/{TucuUiLogoSection-BDLv3mOn.js → TucuUiLogoSection-d28S8hsX.js} +1 -1
- package/documentation/{TucuUiLogoSection-98Bljk0Z.js → TucuUiLogoSection-oaz7vviE.js} +1 -1
- package/documentation/{TypographySection-Ck4yMFUP.js → TypographySection-CBOFOuPJ.js} +1 -1
- package/documentation/{TypographySection-CkyzEMXb.js → TypographySection-CYzZMbJZ.js} +1 -1
- package/documentation/{TypographySection-DkMPevk3.js → TypographySection-DgOacz6E.js} +1 -1
- package/documentation/{TypographySection-DQEpFmuX.js → TypographySection-mRBm_W87.js} +1 -1
- package/documentation/{UsageExamplesSection-rqFkSypt.js → UsageExamplesSection-BpeAxuRy.js} +1 -1
- package/documentation/{UsageExamplesSection-Cbl0byP_.js → UsageExamplesSection-YCUalwoy.js} +1 -1
- package/documentation/{UsingThemeSystemSection-CEXOimAv.js → UsingThemeSystemSection-CWP2ZSK6.js} +1 -1
- package/documentation/{UsingThemeSystemSection-ZxdD8koK.js → UsingThemeSystemSection-DjdvzaI0.js} +1 -1
- package/documentation/{ValidationSystemSection-Dvtm4jJR.js → ValidationSystemSection-BQz23Z_H.js} +1 -1
- package/documentation/{ValidationSystemSection-DN97qk1X.js → ValidationSystemSection-mvUzquI0.js} +1 -1
- package/documentation/{WCAGPrinciplesSection-ichWLxLa.js → WCAGPrinciplesSection-BfHyxkEp.js} +1 -1
- package/documentation/{WCAGPrinciplesSection-CgrjWEgm.js → WCAGPrinciplesSection-WNmPduXY.js} +1 -1
- package/hooks/use-scrollable-slider.d.ts +3 -3
- package/index-DWDrAbog.js +1137 -0
- package/{index-DsiBIFwo.js → index-kms4xY-n.js} +39353 -30843
- package/index.css +1 -1
- package/index.js +1 -1
- package/index.mjs +337 -321
- package/package.json +2 -3
- package/themes/components/theme-provider/index.d.ts +3 -2
- package/themes/router/components/standalone-app-routes-provider.d.ts +2 -2
- 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
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as t, Fragment as l, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { T as d, C as i, a as c } from "../index-
|
|
2
|
+
import { T as d, C as i, a as c } from "../index-kms4xY-n.js";
|
|
3
3
|
import "lucide-react";
|
|
4
4
|
import "react-router-dom";
|
|
5
5
|
import "react";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-DWDrAbog.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const o=t=>{if(typeof window>"u")return"";const d=document.documentElement;return getComputedStyle(d).getPropertyValue(t).trim()||""},l=()=>{const t={0:"rounded-0",100:"rounded-100",200:"rounded-200",300:"rounded-300",400:"rounded-400",500:"rounded-500",600:"rounded-600",700:"rounded-700",800:"rounded-800",900:"rounded-900",1e3:"rounded-1000"};return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(r.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Border Radius"}),e.jsx(r.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Border radius values from Tucu UI Design Tokens"})]}),e.jsx(r.CardContainer,{className:"overflow-hidden",children:e.jsx(r.CardTitle,{title:"Border Radius Scale",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full space-y-8 p-4 sm:p-6",children:e.jsx("div",{className:"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4",children:Object.entries(t).map(([d,s])=>{const n=`--radius-tucu-ui-${d}`,a=o(n);return e.jsxs("div",{className:"border border-gray-200 dark:border-gray-700 rounded-lg p-4 space-y-3",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(r.Typography,{tag:"h4",className:"font-semibold",children:d}),a&&e.jsx(r.Typography,{tag:"h4",className:"text-muted text-[10px]",children:a})]}),e.jsx("div",{className:"flex justify-center",children:e.jsx("div",{className:`w-20 h-20 bg-primary ${s}`})}),e.jsx(r.Typography,{tag:"h4",className:"text-muted text-[9px] break-all px-1 text-center",children:s})]},d)})})})})})]})};exports.default=l;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("../index-DWDrAbog.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:"text-center space-y-4",children:[t.jsx(e.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"ButtonDrip"}),t.jsx(e.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A button effect component that creates a ripple animation on click."})]}),t.jsx(e.CardContainer,{className:"overflow-hidden",children:t.jsx(e.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:t.jsx("div",{className:"w-full p-4 sm:p-6",children:t.jsxs("div",{className:"space-y-4",children:[t.jsxs(e.CardContainer,{className:"p-4",children:[t.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Button with Drip Effect"}),t.jsx(e.Button,{children:"Click me"})]}),t.jsxs(e.CardContainer,{className:"p-4",children:[t.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Button with Tooltip"}),t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(e.Button,{tooltip:"Save changes",tooltipPlacement:"top",children:"Top"}),t.jsx(e.Button,{tooltip:"Delete item",tooltipPlacement:"bottom",tooltipColor:"light",color:"danger",children:"Bottom (light)"}),t.jsx(e.Button,{tooltip:"Go back",tooltipPlacement:"left",variant:"ghost",children:"Left"}),t.jsx(e.Button,{tooltip:"More info",tooltipPlacement:"right",variant:"ghost",color:"info",children:"Right"})]})]})]})})})}),t.jsx(e.PropPlayground,{componentName:"Button",defaultValues:{variant:"solid",color:"primary",size:"medium",shape:"rounded",tooltip:"",tooltipPlacement:"top"},excludeProps:["onClick","loaderSize","loaderVariant","aria-label","aria-describedby"],children:o=>t.jsx(e.Button,{...o,children:"Click me"})}),t.jsx(e.AutoPropsTable,{componentName:"Button"}),t.jsx(e.CardContainer,{className:"overflow-hidden",children:t.jsx(e.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:t.jsx("div",{className:"w-full p-4 sm:p-6",children:t.jsx(e.CodeBlock,{language:"tsx",code:`import { ButtonDrip } from '@e-burgos/tucu-ui';
|
|
2
2
|
|
|
3
3
|
// ButtonDrip is typically used internally by Button component
|
|
4
4
|
// It creates a ripple effect when a button is clicked
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as e, Fragment as r, jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import { T as l, C as a, a as i,
|
|
2
|
+
import { T as l, C as a, a as i, y as o, P as c, A as s, c as p } from "../index-kms4xY-n.js";
|
|
3
3
|
import "lucide-react";
|
|
4
4
|
import "react-router-dom";
|
|
5
5
|
import "react";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-DWDrAbog.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>{const s=[{key:"prop",label:"Prop",render:t=>e.jsx("code",{className:"text-xs text-brand",children:String(t)})},{key:"type",label:"Type",render:t=>e.jsx("code",{className:"text-xs",children:String(t)})},{key:"default",label:"Default",render:t=>{const r=String(t);return r==="required"?e.jsx("span",{className:"text-xs text-red-500",children:"required"}):e.jsx("code",{className:"text-xs",children:r})}},{key:"description",label:"Description"}],i=[{prop:"size",type:"'large' | 'medium' | 'small'",default:"required",description:"Size of the loader"},{prop:"variant",type:"'blink' | 'scaleUp' | 'moveUp'",default:"required",description:"Animation variant of the loader"}];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(a.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"ButtonLoader"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A loader component designed specifically for buttons, providing visual feedback during loading states."})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Button with Loading State"}),e.jsx(a.Button,{isLoading:!0})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Button with Custom Loader"}),e.jsx(a.Button,{isLoading:!0,loaderSize:"small",loaderVariant:"blink"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Large Button with Loader"}),e.jsx(a.Button,{isLoading:!0,size:"large",loaderSize:"large"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Small Button with Loader"}),e.jsx(a.Button,{isLoading:!0,size:"small",loaderSize:"small"})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Blink Variant"}),e.jsx(a.Button,{isLoading:!0,loaderVariant:"blink"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Scale Up Variant"}),e.jsx(a.Button,{isLoading:!0,loaderVariant:"scaleUp"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Move Up Variant"}),e.jsx(a.Button,{isLoading:!0,loaderVariant:"moveUp"})]})]})})})}),e.jsx(a.PropPlayground,{componentName:"Button",title:"Button Loader Playground",defaultValues:{variant:"solid",color:"primary",size:"medium",isLoading:!0,loaderSize:"small",loaderVariant:"scaleUp"},excludeProps:["onClick","aria-label","aria-describedby","tooltip","tooltipArrow","tooltipColor","tooltipPlacement","shape","fullWidth","disabled"],children:t=>e.jsx(a.Button,{...t,children:"Loading..."})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Props",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.BasicTable,{columns:s,data:i})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.CodeBlock,{language:"tsx",code:`import { Button } from '@e-burgos/tucu-ui';
|
|
2
2
|
|
|
3
3
|
// Basic usage with loading state
|
|
4
4
|
<Button isLoading>Loading...</Button>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as a, Fragment as n, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { T as t, C as l, a as s,
|
|
2
|
+
import { T as t, C as l, a as s, y as i, P as d, q as c, c as m } from "../index-kms4xY-n.js";
|
|
3
3
|
import "lucide-react";
|
|
4
4
|
import "react-router-dom";
|
|
5
5
|
import "react";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("../index-DWDrAbog.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r=()=>a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:"text-center space-y-4",children:[a.jsx(e.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"CardContainer"}),a.jsx(e.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A container component that provides consistent styling and layout for card-based content."})]}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Basic Card"}),a.jsx(e.CardContainer,{children:a.jsx(e.Typography,{tag:"p",children:"Card content goes here"})})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"With Custom Content"}),a.jsxs(e.CardContainer,{children:[a.jsx(e.Typography,{tag:"h3",className:"font-bold mb-2",children:"Card Title"}),a.jsx(e.Typography,{tag:"p",children:"This is a card with custom content including a title and description."})]})]})]})})})}),a.jsx(e.AutoPropsTable,{componentName:"CardContainer"}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsx(e.CodeBlock,{language:"tsx",code:`import { CardContainer, Typography } from '@e-burgos/tucu-ui';
|
|
2
2
|
|
|
3
3
|
// Basic usage
|
|
4
4
|
<CardContainer>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as t, Fragment as o, jsx as a } from "react/jsx-runtime";
|
|
2
|
-
import { T as e, C as r, a as n, A as s, c as i } from "../index-
|
|
2
|
+
import { T as e, C as r, a as n, A as s, c as i } from "../index-kms4xY-n.js";
|
|
3
3
|
import "lucide-react";
|
|
4
4
|
import "react-router-dom";
|
|
5
5
|
import "react";
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../index-DWDrAbog.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(t.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Card"}),e.jsx(t.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A flexible card component with optional header, icon, footer, actions, and clickable behavior."})]}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsx(t.Card,{title:"Basic Card",description:"A simple card with title and description",icon:e.jsx(a.Users,{className:"h-5 w-5"}),children:e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"This is the card body content. You can place any content here."})}),e.jsx(t.Card,{title:"With Actions",description:"Card with action buttons in the header",icon:e.jsx(a.Settings,{className:"h-5 w-5"}),actions:e.jsx(t.Badge,{color:"success",size:"small",children:"Active"}),children:e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"The actions slot renders elements on the right side of the header."})}),e.jsx(t.Card,{title:"With Footer",description:"Card with a footer section",icon:e.jsx(a.Bell,{className:"h-5 w-5"}),footer:e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx(t.Typography,{tag:"span",className:"text-xs text-gray-500",children:"Last updated 2 hours ago"}),e.jsx(t.Button,{variant:"ghost",size:"mini",children:"View Details"})]}),children:e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Footer content appears at the bottom with a top border separator."})}),e.jsx(t.Card,{title:"Clickable Card",description:"Click anywhere on this card",onClick:()=>alert("Card clicked!"),children:e.jsx(t.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400",children:"Clickable cards show a hover effect on the border."})})]})})})}),e.jsx(t.AutoPropsTable,{componentName:"Card"}),e.jsx(t.CardContainer,{className:"overflow-hidden",children:e.jsx(t.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(t.CodeBlock,{language:"tsx",code:`import { Card, Badge, Button } from '@e-burgos/tucu-ui';
|
|
2
|
+
import { Users } from 'lucide-react';
|
|
3
|
+
|
|
4
|
+
// Basic
|
|
5
|
+
<Card
|
|
6
|
+
title="Team Members"
|
|
7
|
+
description="Manage your team"
|
|
8
|
+
icon={<Users className="h-5 w-5" />}
|
|
9
|
+
>
|
|
10
|
+
<p>Card body content</p>
|
|
11
|
+
</Card>
|
|
12
|
+
|
|
13
|
+
// With actions and footer
|
|
14
|
+
<Card
|
|
15
|
+
title="Notifications"
|
|
16
|
+
actions={<Badge color="info">3 new</Badge>}
|
|
17
|
+
footer={<Button variant="ghost" size="mini">View All</Button>}
|
|
18
|
+
>
|
|
19
|
+
<p>You have 3 unread notifications</p>
|
|
20
|
+
</Card>
|
|
21
|
+
|
|
22
|
+
// Clickable
|
|
23
|
+
<Card title="Dashboard" onClick={() => navigate('/dashboard')}>
|
|
24
|
+
<p>Click to navigate</p>
|
|
25
|
+
</Card>`})})})})]});exports.default=r;
|
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
import { jsxs as a, Fragment as o, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { T as t, C as i, a as s, G as r, J as c, y as l, A as n, c as d } from "../index-kms4xY-n.js";
|
|
3
|
+
import { Users as h, Settings as m, Bell as p } from "lucide-react";
|
|
4
|
+
import "react-router-dom";
|
|
5
|
+
import "react";
|
|
6
|
+
import "react-dom";
|
|
7
|
+
const b = () => /* @__PURE__ */ a(o, { children: [
|
|
8
|
+
/* @__PURE__ */ a("div", { className: "text-center space-y-4", children: [
|
|
9
|
+
/* @__PURE__ */ e(t, { tag: "h2", className: "text-3xl md:text-4xl font-bold", children: "Card" }),
|
|
10
|
+
/* @__PURE__ */ e(
|
|
11
|
+
t,
|
|
12
|
+
{
|
|
13
|
+
tag: "p",
|
|
14
|
+
className: "text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",
|
|
15
|
+
children: "A flexible card component with optional header, icon, footer, actions, and clickable behavior."
|
|
16
|
+
}
|
|
17
|
+
)
|
|
18
|
+
] }),
|
|
19
|
+
/* @__PURE__ */ e(i, { className: "overflow-hidden", children: /* @__PURE__ */ e(s, { title: "Examples", className: "mt-2 mb-2", children: /* @__PURE__ */ e("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: [
|
|
20
|
+
/* @__PURE__ */ e(
|
|
21
|
+
r,
|
|
22
|
+
{
|
|
23
|
+
title: "Basic Card",
|
|
24
|
+
description: "A simple card with title and description",
|
|
25
|
+
icon: /* @__PURE__ */ e(h, { className: "h-5 w-5" }),
|
|
26
|
+
children: /* @__PURE__ */ e(
|
|
27
|
+
t,
|
|
28
|
+
{
|
|
29
|
+
tag: "p",
|
|
30
|
+
className: "text-sm text-gray-600 dark:text-gray-400",
|
|
31
|
+
children: "This is the card body content. You can place any content here."
|
|
32
|
+
}
|
|
33
|
+
)
|
|
34
|
+
}
|
|
35
|
+
),
|
|
36
|
+
/* @__PURE__ */ e(
|
|
37
|
+
r,
|
|
38
|
+
{
|
|
39
|
+
title: "With Actions",
|
|
40
|
+
description: "Card with action buttons in the header",
|
|
41
|
+
icon: /* @__PURE__ */ e(m, { className: "h-5 w-5" }),
|
|
42
|
+
actions: /* @__PURE__ */ e(c, { color: "success", size: "small", children: "Active" }),
|
|
43
|
+
children: /* @__PURE__ */ e(
|
|
44
|
+
t,
|
|
45
|
+
{
|
|
46
|
+
tag: "p",
|
|
47
|
+
className: "text-sm text-gray-600 dark:text-gray-400",
|
|
48
|
+
children: "The actions slot renders elements on the right side of the header."
|
|
49
|
+
}
|
|
50
|
+
)
|
|
51
|
+
}
|
|
52
|
+
),
|
|
53
|
+
/* @__PURE__ */ e(
|
|
54
|
+
r,
|
|
55
|
+
{
|
|
56
|
+
title: "With Footer",
|
|
57
|
+
description: "Card with a footer section",
|
|
58
|
+
icon: /* @__PURE__ */ e(p, { className: "h-5 w-5" }),
|
|
59
|
+
footer: /* @__PURE__ */ a("div", { className: "flex items-center justify-between", children: [
|
|
60
|
+
/* @__PURE__ */ e(t, { tag: "span", className: "text-xs text-gray-500", children: "Last updated 2 hours ago" }),
|
|
61
|
+
/* @__PURE__ */ e(l, { variant: "ghost", size: "mini", children: "View Details" })
|
|
62
|
+
] }),
|
|
63
|
+
children: /* @__PURE__ */ e(
|
|
64
|
+
t,
|
|
65
|
+
{
|
|
66
|
+
tag: "p",
|
|
67
|
+
className: "text-sm text-gray-600 dark:text-gray-400",
|
|
68
|
+
children: "Footer content appears at the bottom with a top border separator."
|
|
69
|
+
}
|
|
70
|
+
)
|
|
71
|
+
}
|
|
72
|
+
),
|
|
73
|
+
/* @__PURE__ */ e(
|
|
74
|
+
r,
|
|
75
|
+
{
|
|
76
|
+
title: "Clickable Card",
|
|
77
|
+
description: "Click anywhere on this card",
|
|
78
|
+
onClick: () => alert("Card clicked!"),
|
|
79
|
+
children: /* @__PURE__ */ e(
|
|
80
|
+
t,
|
|
81
|
+
{
|
|
82
|
+
tag: "p",
|
|
83
|
+
className: "text-sm text-gray-600 dark:text-gray-400",
|
|
84
|
+
children: "Clickable cards show a hover effect on the border."
|
|
85
|
+
}
|
|
86
|
+
)
|
|
87
|
+
}
|
|
88
|
+
)
|
|
89
|
+
] }) }) }) }),
|
|
90
|
+
/* @__PURE__ */ e(n, { componentName: "Card" }),
|
|
91
|
+
/* @__PURE__ */ e(i, { className: "overflow-hidden", children: /* @__PURE__ */ e(s, { title: "Code Example", className: "mt-2 mb-2", children: /* @__PURE__ */ e("div", { className: "w-full p-4 sm:p-6", children: /* @__PURE__ */ e(
|
|
92
|
+
d,
|
|
93
|
+
{
|
|
94
|
+
language: "tsx",
|
|
95
|
+
code: `import { Card, Badge, Button } from '@e-burgos/tucu-ui';
|
|
96
|
+
import { Users } from 'lucide-react';
|
|
97
|
+
|
|
98
|
+
// Basic
|
|
99
|
+
<Card
|
|
100
|
+
title="Team Members"
|
|
101
|
+
description="Manage your team"
|
|
102
|
+
icon={<Users className="h-5 w-5" />}
|
|
103
|
+
>
|
|
104
|
+
<p>Card body content</p>
|
|
105
|
+
</Card>
|
|
106
|
+
|
|
107
|
+
// With actions and footer
|
|
108
|
+
<Card
|
|
109
|
+
title="Notifications"
|
|
110
|
+
actions={<Badge color="info">3 new</Badge>}
|
|
111
|
+
footer={<Button variant="ghost" size="mini">View All</Button>}
|
|
112
|
+
>
|
|
113
|
+
<p>You have 3 unread notifications</p>
|
|
114
|
+
</Card>
|
|
115
|
+
|
|
116
|
+
// Clickable
|
|
117
|
+
<Card title="Dashboard" onClick={() => navigate('/dashboard')}>
|
|
118
|
+
<p>Click to navigate</p>
|
|
119
|
+
</Card>`
|
|
120
|
+
}
|
|
121
|
+
) }) }) })
|
|
122
|
+
] });
|
|
123
|
+
export {
|
|
124
|
+
b as default
|
|
125
|
+
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as r, Fragment as d, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { T as a, C as l, a as t,
|
|
2
|
+
import { T as a, C as l, a as t, P as o, A as c, c as s } from "../index-kms4xY-n.js";
|
|
3
3
|
import "lucide-react";
|
|
4
4
|
import "react-router-dom";
|
|
5
5
|
import "react";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../index-DWDrAbog.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const t=()=>e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(r.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"CardTitle"}),e.jsx(r.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A card component with an integrated title that appears above the card border."})]}),e.jsx(r.CardContainer,{className:"overflow-hidden",children:e.jsx(r.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"With Title"}),e.jsx(r.CardTitle,{title:"Card Title",children:e.jsx(r.Typography,{tag:"p",children:"Card content goes here"})})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"Without Border"}),e.jsx(r.CardTitle,{title:"No Border",border:!1,children:e.jsx(r.Typography,{tag:"p",children:"Card without border"})})]}),e.jsxs(r.CardContainer,{className:"p-4",children:[e.jsx(r.Typography,{tag:"h5",className:"mb-3",children:"With Rich Content"}),e.jsx(r.CardTitle,{title:"Rich Content",children:e.jsxs("div",{className:"space-y-2",children:[e.jsx(r.Typography,{tag:"p",children:"First paragraph"}),e.jsx(r.Typography,{tag:"p",children:"Second paragraph"})]})})]})]})})})}),e.jsx(r.PropPlayground,{componentName:"CardTitle",defaultValues:{title:"Card Title",border:!0},excludeProps:[],children:a=>e.jsx(r.CardTitle,{...a,children:e.jsx("div",{className:"p-4",children:"Card Content"})})}),e.jsx(r.AutoPropsTable,{componentName:"CardTitle"}),e.jsx(r.CardContainer,{className:"overflow-hidden",children:e.jsx(r.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(r.CodeBlock,{language:"tsx",code:`import { CardTitle, Typography } from '@e-burgos/tucu-ui';
|
|
2
2
|
|
|
3
3
|
// With title
|
|
4
4
|
<CardTitle title="Card Title">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as e, Fragment as c, jsx as a } from "react/jsx-runtime";
|
|
2
|
-
import { T as i, C as s, a as t,
|
|
2
|
+
import { T as i, C as s, a as t, U as l, A as n, c as d } from "../index-kms4xY-n.js";
|
|
3
3
|
import { Zap as o, Palette as m, Users as h, Smartphone as p, Shield as u, BookOpen as g } from "lucide-react";
|
|
4
4
|
import "react-router-dom";
|
|
5
5
|
import "react";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("../index-DWDrAbog.js"),s=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const r=()=>{const i=[{title:"Performance",description:"Blazing fast performance with optimized rendering and minimal bundle size",icon:a.jsx(s.Zap,{className:"w-8 h-8"})},{title:"Customizable",description:"Highly customizable with extensive theming options and variants",icon:a.jsx(s.Palette,{className:"w-8 h-8"})},{title:"Accessible",description:"Built with accessibility in mind, WCAG 2.1 compliant",icon:a.jsx(s.Users,{className:"w-8 h-8"})},{title:"Responsive",description:"Mobile-first design that works seamlessly across all devices",icon:a.jsx(s.Smartphone,{className:"w-8 h-8"})},{title:"Type Safe",description:"Full TypeScript support with comprehensive type definitions",icon:a.jsx(s.Shield,{className:"w-8 h-8"})},{title:"Documentation",description:"Extensive documentation with examples and best practices",icon:a.jsx(s.BookOpen,{className:"w-8 h-8"})}];return a.jsxs(a.Fragment,{children:[a.jsxs("div",{className:"text-center space-y-4",children:[a.jsx(e.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"CarouselCards"}),a.jsx(e.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A carousel component specifically designed for displaying cards with customizable sizes and variants."})]}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsxs("div",{className:"space-y-4",children:[a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Basic Carousel Cards"}),a.jsx("div",{className:"w-full",children:a.jsx(e.CarouselCards,{cardClassName:"min-h-[250px]",cards:i})})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"With Navigation and Pagination"}),a.jsx("div",{className:"w-full",children:a.jsx(e.CarouselCards,{cards:i,showNavigation:!0,showPagination:!0})})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Elevated Variant - Medium Size"}),a.jsx("div",{className:"w-full",children:a.jsx(e.CarouselCards,{cards:i,variant:"elevated",cardSize:"md",showNavigation:!0})})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Outlined Variant - Large Size"}),a.jsx("div",{className:"w-full",children:a.jsx(e.CarouselCards,{cards:i,variant:"outlined",cardSize:"lg",showPagination:!0})})]}),a.jsxs(e.CardContainer,{className:"p-4",children:[a.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Filled Variant - Small Size"}),a.jsx("div",{className:"w-full",children:a.jsx(e.CarouselCards,{cards:i,variant:"filled",cardSize:"sm",showNavigation:!0,showPagination:!0})})]})]})})})}),a.jsx(e.AutoPropsTable,{componentName:"CarouselCards"}),a.jsx(e.CardContainer,{className:"overflow-hidden",children:a.jsx(e.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:a.jsx("div",{className:"w-full p-4 sm:p-6",children:a.jsx(e.CodeBlock,{language:"tsx",code:`import { CarouselCards, LucideIcons } from '@e-burgos/tucu-ui';
|
|
2
2
|
|
|
3
3
|
const cards = [
|
|
4
4
|
{
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as e, Fragment as n, jsx as a } from "react/jsx-runtime";
|
|
2
|
-
import { T as s, C as i, a as l,
|
|
2
|
+
import { T as s, C as i, a as l, V as o, A as r, c } from "../index-kms4xY-n.js";
|
|
3
3
|
import "lucide-react";
|
|
4
4
|
import "react-router-dom";
|
|
5
5
|
import "react";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../index-DWDrAbog.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const i=()=>{const s=[{src:"https://images.unsplash.com/photo-1682687220742-aba13b6e50ba?w=800&h=600&fit=crop",alt:"Mountain Landscape",title:"Mountain Peaks",description:"Breathtaking view of snow-capped mountain peaks at sunrise"},{src:"https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=800&h=600&fit=crop",alt:"Ocean View",title:"Ocean Horizon",description:"Serene ocean view with crystal clear blue waters"},{src:"https://images.unsplash.com/photo-1511593358241-7eea1f3c84e5?w=800&h=600&fit=crop",alt:"Forest Path",title:"Forest Trail",description:"Peaceful path through a lush green forest"},{src:"https://images.unsplash.com/photo-1501594907352-04cda38ebc29?w=800&h=600&fit=crop",alt:"Desert Sunset",title:"Desert Landscape",description:"Stunning sunset over golden desert dunes"},{src:"https://images.unsplash.com/photo-1542202229-7d93c33f5d07?w=800&h=600&fit=crop",alt:"City Skyline",title:"Urban Cityscape",description:"Modern city skyline illuminated at night"},{src:"https://images.unsplash.com/photo-1470071459604-3b5ec3a7fe05?w=800&h=600&fit=crop",alt:"Northern Lights",title:"Aurora Borealis",description:"Magical northern lights dancing across the night sky"}];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(a.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"CarouselImage"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A carousel component specifically designed for displaying images with optional titles and descriptions."})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Basic Image Carousel"}),e.jsx("div",{className:"w-full",children:e.jsx(a.CarouselImage,{images:s})})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Titles and Descriptions"}),e.jsx("div",{className:"w-full",children:e.jsx(a.CarouselImage,{images:s,showTitles:!0})})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Navigation and Pagination"}),e.jsx("div",{className:"w-full",children:e.jsx(a.CarouselImage,{images:s,showNavigation:!0,showPagination:!0})})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Contain Fit - Preserve Aspect Ratio"}),e.jsx("div",{className:"w-full",children:e.jsx(a.CarouselImage,{images:s,imageFit:"contain",showTitles:!0,showNavigation:!0})})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Square Aspect Ratio"}),e.jsx("div",{className:"w-full",children:e.jsx(a.CarouselImage,{images:s,aspectRatio:"aspect-square",showNavigation:!0,showPagination:!0})})]})]})})})}),e.jsx(a.AutoPropsTable,{componentName:"CarouselImage"}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.CodeBlock,{language:"tsx",code:`import { CarouselImage } from '@e-burgos/tucu-ui';
|
|
2
2
|
|
|
3
3
|
const images = [
|
|
4
4
|
{
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DWDrAbog.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>{const a=[e.jsx("div",{className:"h-64 w-full bg-gradient-to-br from-brand to-sky-500 rounded-lg flex items-center justify-center text-white text-2xl",children:"Slide 1"},"1"),e.jsx("div",{className:"h-64 w-full bg-gradient-to-br from-brand to-green-500 rounded-lg flex items-center justify-center text-white text-2xl",children:"Slide 2"},"2"),e.jsx("div",{className:"h-64 w-full bg-gradient-to-br from-brand to-purple-500 rounded-lg flex items-center justify-center text-white text-2xl",children:"Slide 3"},"3")];return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(s.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Carousel"}),e.jsx(s.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A powerful carousel component built on Swiper.js with support for navigation, pagination, autoplay, and various effects."})]}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"space-y-4",children:[e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Basic Carousel"}),e.jsx("div",{className:"w-full",children:e.jsx(s.Carousel,{children:a})})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"With Navigation"}),e.jsx("div",{className:"w-full",children:e.jsx(s.Carousel,{showNavigation:!0,children:a})})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"With Pagination"}),e.jsx("div",{className:"w-full",children:e.jsx(s.Carousel,{showPagination:!0,children:a})})]}),e.jsxs(s.CardContainer,{className:"p-4",children:[e.jsx(s.Typography,{tag:"h5",className:"mb-3",children:"Multiple Slides"}),e.jsx("div",{className:"w-full",children:e.jsx(s.Carousel,{slidesPerView:2,spaceBetween:20,children:a})})]})]})})})}),e.jsx(s.AutoPropsTable,{componentName:"Carousel"}),e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(s.CodeBlock,{language:"tsx",code:`import { Carousel } from '@e-burgos/tucu-ui';
|
|
2
2
|
|
|
3
3
|
const slides = [
|
|
4
4
|
<div key="1">Slide 1</div>,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as l, Fragment as d, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { T as a, C as s, a as r,
|
|
2
|
+
import { T as a, C as s, a as r, Q as t, A as o, c as n } from "../index-kms4xY-n.js";
|
|
3
3
|
import "lucide-react";
|
|
4
4
|
import "react-router-dom";
|
|
5
5
|
import "react";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),a=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),a=require("../index-DWDrAbog.js");require("lucide-react");require("react-router-dom");require("react-dom");const i=()=>{const[l,r]=c.useState(!1);return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:"text-center space-y-4",children:[e.jsx(a.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"Checkbox"}),e.jsx(a.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"A checkbox component for binary selections."})]}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Examples",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Basic Checkbox"}),e.jsx(a.Checkbox,{label:"I accept the terms and conditions",checked:l,onChange:s=>r(s.target.checked)})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Helper Text"}),e.jsx(a.Checkbox,{label:"Subscribe to newsletter",helperText:"Receive updates via email",checked:l,onChange:s=>r(s.target.checked)})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"With Error"}),e.jsx(a.Checkbox,{label:"Required checkbox",error:"This field is required"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Disabled"}),e.jsx(a.Checkbox,{label:"Disabled option",disabled:!0})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Different Colors"}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(a.Checkbox,{label:"Primary",color:"primary"}),e.jsx(a.Checkbox,{label:"Danger",color:"danger"}),e.jsx(a.Checkbox,{label:"Success",color:"success"})]})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Different Sizes"}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(a.Checkbox,{label:"Small",size:"sm"}),e.jsx(a.Checkbox,{label:"Medium",size:"md"}),e.jsx(a.Checkbox,{label:"Large",size:"lg"})]})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Variants",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Ghost (default)"}),e.jsx(a.Checkbox,{label:"Ghost Variant",variant:"ghost"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Solid"}),e.jsx(a.Checkbox,{label:"Solid Variant",variant:"solid"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Transparent"}),e.jsx(a.Checkbox,{label:"Transparent Variant",variant:"transparent"})]})]})})})}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Shapes",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Rounded"}),e.jsx(a.Checkbox,{label:"Rounded Shape",shape:"rounded"})]}),e.jsxs(a.CardContainer,{className:"p-4",children:[e.jsx(a.Typography,{tag:"h5",className:"mb-3",children:"Square (default)"}),e.jsx(a.Checkbox,{label:"Square Shape",shape:"square"})]})]})})})}),e.jsx(a.AutoPropsTable,{componentName:"Checkbox"}),e.jsx(a.CardContainer,{className:"overflow-hidden",children:e.jsx(a.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:e.jsx("div",{className:"w-full p-4 sm:p-6",children:e.jsx(a.CodeBlock,{language:"tsx",code:`import { Checkbox } from '@e-burgos/tucu-ui';
|
|
2
2
|
|
|
3
3
|
<Checkbox
|
|
4
4
|
label="I accept the terms and conditions"
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as a, Fragment as h, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { useState as o } from "react";
|
|
3
|
-
import { T as c, C as l, a as r,
|
|
3
|
+
import { T as c, C as l, a as r, p as s, A as n, c as m } from "../index-kms4xY-n.js";
|
|
4
4
|
import "lucide-react";
|
|
5
5
|
import "react-router-dom";
|
|
6
6
|
import "react-dom";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../index-DWDrAbog.js"),a=require("lucide-react");require("react-router-dom");require("react");require("react-dom");const l=()=>e.jsx("div",{className:"space-y-8",children:e.jsx(s.CardContainer,{className:"overflow-hidden",children:e.jsx(s.CardTitle,{title:"Implementation Examples",className:"mt-2 mb-2",children:e.jsxs("div",{className:"w-full space-y-8 p-4 sm:p-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"p-2 rounded-lg bg-linear-to-br from-orange-500 via-amber-500 to-yellow-500 shadow-lg",children:e.jsx(a.Code,{className:"w-6 h-6 text-white filter drop-shadow-sm"})}),e.jsx(s.Typography,{tag:"h3",className:"text-xl font-semibold",children:"Accessible Component Examples"})]}),e.jsxs("div",{className:"space-y-8",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsxs(s.Typography,{tag:"h4",className:"font-semibold flex items-center gap-2",children:[e.jsx(a.CheckCircle,{className:"w-5 h-5 text-green-500"}),"Input Fields - Fully Accessible"]}),e.jsxs("div",{className:"p-4 border rounded-lg",children:[e.jsx("div",{className:"mb-4",children:e.jsx(s.Input,{label:"Email Address",type:"email",placeholder:"Enter your email",helperText:"We'll never share your email with anyone else.",required:!0})}),e.jsx(s.Typography,{tag:"p",className:"text-sm text-gray-600 dark:text-gray-400 mb-3",children:"Features: Label association, ARIA attributes, error handling, helper text"}),e.jsx(s.CodeBlock,{code:`<FormField
|
|
2
2
|
name="email"
|
|
3
3
|
label="Email Address"
|
|
4
4
|
helperText="We'll never share your email"
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as e, jsxs as a } from "react/jsx-runtime";
|
|
2
|
-
import { C as i, a as t, T as l, I as n, c as r,
|
|
2
|
+
import { C as i, a as t, T as l, I as n, c as r, ag as o } from "../index-kms4xY-n.js";
|
|
3
3
|
import { Code as d, CheckCircle as s, AlertTriangle as c } from "lucide-react";
|
|
4
4
|
import "react-router-dom";
|
|
5
5
|
import "react";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react/jsx-runtime"),e=require("../index-D874Kozv.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const a=require("../tether-EofDinu3.js"),i="data:image/svg+xml,%3csvg%20width='148'%20height='137'%20viewBox='0%200%20148%20137'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M62.3497%2038.2791C64.2756%2038.2794%2066.1582%2038.8508%2067.7593%2039.921C69.3605%2040.9912%2070.6084%2042.5121%2071.3452%2044.2915C72.082%2046.0709%2072.2746%2048.0288%2071.8987%2049.9176C71.5228%2051.8064%2070.5952%2053.5414%2069.2333%2054.9031C67.8714%2056.2648%2066.1363%2057.1921%2064.2474%2057.5677C62.3585%2057.9433%2060.4006%2057.7504%2058.6214%2057.0133C56.8421%2056.2762%2055.3214%2055.0281%2054.2515%2053.4268C53.1815%2051.8254%2052.6105%2049.9428%2052.6105%2048.0169C52.6109%2045.4342%2053.6371%2042.9573%2055.4636%2041.1312C57.29%2039.305%2059.767%2038.2791%2062.3497%2038.2791ZM85.8599%2038.2791C87.7857%2038.2796%2089.6682%2038.8511%2091.2692%2039.9214C92.8703%2040.9917%2094.118%2042.5126%2094.8547%2044.292C95.5914%2046.0714%2095.7839%2048.0293%2095.4079%2049.9181C95.0319%2051.8069%2094.1043%2053.5417%2092.7424%2054.9033C91.3804%2056.265%2089.6453%2057.1922%2087.7564%2057.5678C85.8676%2057.9433%2083.9097%2057.7503%2082.1305%2057.0132C80.3513%2056.2761%2078.8306%2055.028%2077.7607%2053.4267C76.6908%2051.8254%2076.1198%2049.9428%2076.1198%2048.0169C76.1202%2045.434%2077.1466%2042.957%2078.9732%2041.1309C80.7998%2039.3047%2083.277%2038.2789%2085.8599%2038.2791ZM85.8599%2079.2452C87.7857%2079.2456%2089.6682%2079.8171%2091.2692%2080.8874C92.8703%2081.9577%2094.118%2083.4787%2094.8547%2085.2581C95.5914%2087.0375%2095.7839%2088.9953%2095.4079%2090.8841C95.0319%2092.7729%2094.1043%2094.5078%2092.7424%2095.8694C91.3804%2097.231%2089.6453%2098.1582%2087.7564%2098.5338C85.8676%2098.9093%2083.9097%2098.7163%2082.1305%2097.9792C80.3513%2097.2421%2078.8306%2095.994%2077.7607%2094.3927C76.6908%2092.7914%2076.1198%2090.9088%2076.1198%2088.9829C76.1199%2087.704%2076.3719%2086.4376%2076.8615%2085.2561C77.351%2084.0745%2078.0685%2083.0009%2078.9729%2082.0967C79.8774%2081.1925%2080.9511%2080.4752%2082.1328%2079.9859C83.3144%2079.4967%2084.5809%2079.245%2085.8599%2079.2452ZM62.3497%2079.2452C64.2756%2079.2455%2066.1582%2079.8169%2067.7593%2080.887C69.3605%2081.9572%2070.6084%2083.4782%2071.3452%2085.2576C72.082%2087.0369%2072.2746%2088.9948%2071.8987%2090.8836C71.5228%2092.7725%2070.5952%2094.5074%2069.2333%2095.8691C67.8714%2097.2308%2066.1363%2098.1581%2064.2474%2098.5337C62.3585%2098.9093%2060.4006%2098.7164%2058.6214%2097.9793C56.8421%2097.2423%2055.3214%2095.9941%2054.2515%2094.3928C53.1815%2092.7914%2052.6105%2090.9088%2052.6105%2088.9829C52.6106%2087.704%2052.8625%2086.4377%2053.352%2085.2562C53.8415%2084.0747%2054.559%2083.0012%2055.4634%2082.097C56.3677%2081.1927%2057.4413%2080.4755%2058.6229%2079.9862C59.8045%2079.4969%2061.0709%2079.2451%2062.3497%2079.2452ZM50.2591%2059.0977C52.185%2059.098%2054.0676%2059.6694%2055.6687%2060.7396C57.2699%2061.8098%2058.5178%2063.3307%2059.2546%2065.1101C59.9914%2066.8895%2060.184%2068.8474%2059.8081%2070.7362C59.4322%2072.625%2058.5046%2074.36%2057.1427%2075.7217C55.7808%2077.0834%2054.0457%2078.0107%2052.1568%2078.3863C50.2679%2078.7619%2048.31%2078.569%2046.5308%2077.8319C44.7515%2077.0948%2043.2308%2075.8467%2042.1608%2074.2453C41.0909%2072.644%2040.5198%2070.7614%2040.5198%2068.8355C40.5202%2066.2527%2041.5465%2063.7759%2043.373%2061.9498C45.1994%2060.1236%2047.6764%2059.0977%2050.2591%2059.0977ZM97.9505%2059.0977C99.8763%2059.0982%20101.759%2059.6697%20103.36%2060.74C104.961%2061.8103%20106.209%2063.3312%20106.945%2065.1106C107.682%2066.89%20107.875%2068.8479%20107.499%2070.7367C107.123%2072.6255%20106.195%2074.3603%20104.833%2075.7219C103.471%2077.0836%20101.736%2078.0108%2099.847%2078.3863C97.9582%2078.7619%2096.0004%2078.5689%2094.2211%2077.8318C92.4419%2077.0947%2090.9212%2075.8466%2089.8513%2074.2453C88.7815%2072.644%2088.2104%2070.7613%2088.2104%2068.8355C88.2105%2067.5565%2088.4625%2066.2901%2088.9521%2065.1086C89.4416%2063.9271%2090.1591%2062.8535%2091.0636%2061.9492C91.968%2061.045%2093.0417%2060.3278%2094.2234%2059.8385C95.4051%2059.3492%2096.6715%2059.0975%2097.9505%2059.0977ZM109.034%2042.3091C110.229%2042.3094%20111.397%2042.6642%20112.391%2043.3285C113.385%2043.9928%20114.159%2044.9369%20114.617%2046.0413C115.074%2047.1458%20115.193%2048.361%20114.96%2049.5334C114.726%2050.7057%20114.151%2051.7825%20113.305%2052.6277C112.46%2053.4728%20111.383%2054.0483%20110.211%2054.2814C109.038%2054.5145%20107.823%2054.3947%20106.719%2053.9372C105.614%2053.4797%20104.671%2052.705%20104.006%2051.7111C103.342%2050.7171%20102.988%2049.5486%20102.988%2048.3532C102.988%2047.5594%20103.144%2046.7733%20103.448%2046.0399C103.752%2045.3065%20104.197%2044.6401%20104.759%2044.0788C105.32%2043.5176%20105.987%2043.0724%20106.72%2042.7687C107.454%2042.4651%20108.24%2042.3089%20109.034%2042.3091ZM109.034%2082.6024C110.229%2082.6027%20111.397%2082.9575%20112.391%2083.6218C113.385%2084.2862%20114.159%2085.2302%20114.617%2086.3347C115.074%2087.4391%20115.193%2088.6544%20114.96%2089.8267C114.726%2090.9991%20114.151%2092.0759%20113.305%2092.921C112.46%2093.7661%20111.383%2094.3416%20110.211%2094.5747C109.038%2094.8078%20107.823%2094.688%20106.719%2094.2305C105.614%2093.773%20104.671%2092.9983%20104.006%2092.0044C103.342%2091.0105%20102.988%2089.842%20102.988%2088.6466C102.988%2087.8528%20103.144%2087.0667%20103.448%2086.3333C103.752%2085.5999%20104.197%2084.9335%20104.759%2084.3722C105.32%2083.8109%20105.987%2083.3658%20106.72%2083.0621C107.454%2082.7585%20108.24%2082.6022%20109.034%2082.6024ZM39.176%2082.6024C40.3714%2082.6026%2041.5399%2082.9572%2042.5337%2083.6215C43.5276%2084.2857%2044.3022%2085.2297%2044.7595%2086.3342C45.2169%2087.4386%2045.3365%2088.6538%2045.1032%2089.8262C44.8699%2090.9986%2044.2941%2092.0755%2043.4488%2092.9207C42.6035%2093.7659%2041.5265%2094.3415%2040.3541%2094.5747C39.1817%2094.8078%2037.9664%2094.6881%2036.8621%2094.2306C35.7577%2093.7731%2034.8138%2092.9984%2034.1497%2092.0045C33.4855%2091.0106%2033.1311%2089.842%2033.1311%2088.6466C33.1313%2087.0435%2033.7683%2085.5062%2034.9019%2084.3727C36.0355%2083.2392%2037.5729%2082.6024%2039.176%2082.6024ZM39.176%2042.3091C40.3714%2042.3093%2041.5399%2042.6639%2042.5337%2043.3281C43.5276%2043.9923%2044.3022%2044.9363%2044.7595%2046.0408C45.2169%2047.1452%2045.3365%2048.3605%2045.1032%2049.5329C44.8699%2050.7053%2044.2941%2051.7822%2043.4488%2052.6274C42.6035%2053.4726%2041.5265%2054.0482%2040.3541%2054.2813C39.1817%2054.5145%2037.9664%2054.3947%2036.8621%2053.9372C35.7577%2053.4797%2034.8138%2052.705%2034.1497%2051.7111C33.4855%2050.7172%2033.1311%2049.5486%2033.1311%2048.3532C33.1313%2046.7501%2033.7683%2045.2128%2034.9019%2044.0794C36.0355%2042.9459%2037.5729%2042.3091%2039.176%2042.3091ZM74.1048%2022.1617C75.3002%2022.162%2076.4686%2022.5167%2077.4623%2023.181C78.4561%2023.8454%2079.2306%2024.7894%2079.6878%2025.8939C80.145%2026.9983%2080.2645%2028.2136%2080.0311%2029.3859C79.7977%2030.5583%2079.2219%2031.6351%2078.3766%2032.4802C77.5312%2033.3254%2076.4543%2033.9008%2075.2818%2034.1339C74.1094%2034.367%2072.8943%2034.2472%2071.7899%2033.7897C70.6856%2033.3322%2069.7417%2032.5575%2069.0776%2031.5636C68.4135%2030.5697%2068.0591%2029.4011%2068.0591%2028.2058C68.0591%2027.4119%2068.2155%2026.6258%2068.5193%2025.8924C68.8232%2025.159%2069.2685%2024.4927%2069.8299%2023.9314C70.3914%2023.3701%2071.0578%2022.9249%2071.7913%2022.6213C72.5248%2022.3176%2073.3109%2022.1615%2074.1048%2022.1617ZM74.1048%20102.75C75.3002%20102.75%2076.4686%20103.105%2077.4623%20103.769C78.4561%20104.434%2079.2306%20105.378%2079.6878%20106.482C80.145%20107.587%2080.2645%20108.802%2080.0311%20109.974C79.7977%20111.147%2079.2219%20112.223%2078.3766%20113.068C77.5312%20113.914%2076.4543%20114.489%2075.2818%20114.722C74.1094%20114.955%2072.8943%20114.835%2071.7899%20114.378C70.6856%20113.92%2069.7417%20113.146%2069.0776%20112.152C68.4135%20111.158%2068.0591%20109.989%2068.0591%20108.794C68.0591%20108%2068.2155%20107.214%2068.5193%20106.481C68.8232%20105.747%2069.2685%20105.081%2069.8299%20104.52C70.3914%20103.958%2071.0578%20103.513%2071.7913%20103.21C72.5248%20102.906%2073.3109%20102.75%2074.1048%20102.75ZM99.9654%20108.794C100.962%20108.794%20101.935%20109.09%20102.763%20109.644C103.591%20110.197%20104.237%20110.984%20104.618%20111.904C104.999%20112.825%20105.098%20113.837%20104.904%20114.814C104.709%20115.791%20104.229%20116.688%20103.525%20117.393C102.82%20118.097%20101.923%20118.577%20100.946%20118.771C99.969%20118.965%2098.9563%20118.865%2098.0361%20118.484C97.1159%20118.103%2096.3293%20117.457%2095.776%20116.629C95.2226%20115.801%2094.9272%20114.827%2094.9272%20113.831C94.9272%20113.169%2095.0576%20112.514%2095.3108%20111.903C95.564%20111.292%2095.9351%20110.736%2096.403%20110.269C96.8708%20109.801%2097.4263%20109.43%2098.0375%20109.177C98.6488%20108.924%2099.3039%20108.794%2099.9654%20108.794ZM48.2442%20108.794C49.2402%20108.794%2050.2139%20109.09%2051.042%20109.644C51.87%20110.197%2052.5154%20110.984%2052.8963%20111.904C53.2773%20112.825%2053.3768%20113.837%2053.1823%20114.814C52.9878%20115.791%2052.508%20116.688%2051.8035%20117.393C51.0991%20118.097%2050.2016%20118.577%2049.2247%20118.771C48.2477%20118.965%2047.2351%20118.865%2046.3148%20118.484C45.3946%20118.103%2044.608%20117.457%2044.0547%20116.629C43.5013%20115.801%2043.206%20114.827%2043.206%20113.831C43.206%20113.169%2043.3363%20112.514%2043.5895%20111.903C43.8427%20111.292%2044.2138%20110.736%2044.6817%20110.269C45.1496%20109.801%2045.705%20109.43%2046.3162%20109.177C46.9275%20108.924%2047.5826%20108.794%2048.2442%20108.794ZM48.2442%2018.1325C49.2402%2018.1328%2050.2139%2018.4284%2051.042%2018.9821C51.87%2019.5357%2052.5154%2020.3224%2052.8963%2021.2427C53.2773%2022.1631%2053.3768%2023.1758%2053.1823%2024.1527C52.9878%2025.1296%2052.508%2026.0269%2051.8035%2026.7311C51.0991%2027.4354%2050.2016%2027.9149%2049.2247%2028.1092C48.2477%2028.3034%2047.2351%2028.2035%2046.3148%2027.8223C45.3946%2027.441%2044.608%2026.7955%2044.0547%2025.9672C43.5013%2025.139%2043.206%2024.1653%2043.206%2023.1692C43.206%2022.5076%2043.3363%2021.8525%2043.5895%2021.2413C43.8427%2020.6302%2044.2138%2020.0748%2044.6817%2019.6071C45.1496%2019.1394%2045.705%2018.7685%2046.3162%2018.5154C46.9275%2018.2624%2047.5826%2018.1323%2048.2442%2018.1325ZM99.9654%2018.1325C100.962%2018.1328%20101.935%2018.4284%20102.763%2018.9821C103.591%2019.5357%20104.237%2020.3224%20104.618%2021.2427C104.999%2022.1631%20105.098%2023.1758%20104.904%2024.1527C104.709%2025.1296%20104.229%2026.0269%20103.525%2026.7311C102.82%2027.4354%20101.923%2027.9149%20100.946%2028.1092C99.969%2028.3034%2098.9563%2028.2035%2098.0361%2027.8223C97.1159%2027.441%2096.3293%2026.7955%2095.776%2025.9672C95.2226%2025.139%2094.9272%2024.1653%2094.9272%2023.1692C94.9272%2022.5076%2095.0576%2021.8525%2095.3108%2021.2413C95.564%2020.6302%2095.9351%2020.0748%2096.403%2019.6071C96.8708%2019.1394%2097.4263%2018.7685%2098.0375%2018.5154C98.6488%2018.2624%2099.3039%2018.1323%2099.9654%2018.1325ZM126.162%2063.1277C127.158%2063.1278%20128.132%2063.4234%20128.96%2063.9769C129.788%2064.5304%20130.433%2065.3171%20130.814%2066.2374C131.195%2067.1578%20131.295%2068.1705%20131.101%2069.1474C130.906%2070.1244%20130.427%2071.0218%20129.722%2071.7261C129.018%2072.4304%20128.12%2072.91%20127.143%2073.1043C126.166%2073.2986%20125.154%2073.1988%20124.233%2072.8176C123.313%2072.4363%20122.526%2071.7907%20121.973%2070.9625C121.42%2070.1342%20121.124%2069.1605%20121.124%2068.1644C121.124%2066.8285%20121.655%2065.5474%20122.6%2064.6029C123.545%2063.6583%20124.826%2063.1277%20126.162%2063.1277ZM22.0472%2063.1277C23.0433%2063.1278%2024.017%2063.4234%2024.8452%2063.9769C25.6734%2064.5304%2026.3188%2065.3171%2026.6999%2066.2374C27.081%2067.1578%2027.1806%2068.1705%2026.9862%2069.1474C26.7918%2070.1244%2026.312%2071.0218%2025.6076%2071.7261C24.9032%2072.4304%2024.0057%2072.91%2023.0287%2073.1043C22.0517%2073.2986%2021.0391%2073.1988%2020.1188%2072.8176C19.1985%2072.4363%2018.4119%2071.7907%2017.8585%2070.9625C17.3051%2070.1342%2017.0097%2069.1605%2017.0097%2068.1644C17.0097%2067.5029%2017.14%2066.8479%2017.3932%2066.2367C17.6464%2065.6256%2018.0174%2065.0703%2018.4852%2064.6026C18.953%2064.1349%2019.5083%2063.7639%2020.1195%2063.5108C20.7307%2063.2578%2021.3857%2063.1276%2022.0472%2063.1277ZM18.3528%2032.235C19.1499%2032.235%2019.9291%2032.4713%2020.5918%2032.9142C21.2545%2033.357%2021.7711%2033.9865%2022.0761%2034.7229C22.3811%2035.4593%2022.4608%2036.2696%2022.3053%2037.0514C22.1497%2037.8332%2021.7658%2038.5512%2021.2021%2039.1148C20.6385%2039.6784%2019.9203%2040.0622%2019.1385%2040.2176C18.3567%2040.373%2017.5464%2040.293%2016.8101%2039.9879C16.0737%2039.6828%2015.4444%2039.1661%2015.0016%2038.5033C14.5589%2037.8405%2014.3227%2037.0613%2014.3228%2036.2642C14.3231%2035.1955%2014.7477%2034.1706%2015.5035%2033.4151C16.2592%2032.6595%2017.2841%2032.235%2018.3528%2032.235ZM18.3528%2096.7057C19.1499%2096.7057%2019.9291%2096.9421%2020.5918%2097.3849C21.2545%2097.8278%2021.7711%2098.4573%2022.0761%2099.1937C22.3811%2099.9301%2022.4608%20100.74%2022.3053%20101.522C22.1497%20102.304%2021.7658%20103.022%2021.2021%20103.586C20.6385%20104.149%2019.9203%20104.533%2019.1385%20104.688C18.3567%20104.844%2017.5464%20104.764%2016.8101%20104.459C16.0737%20104.154%2015.4444%20103.637%2015.0016%20102.974C14.5589%20102.311%2014.3227%20101.532%2014.3228%20100.735C14.3231%2099.6663%2014.7477%2098.6414%2015.5035%2097.8858C16.2592%2097.1302%2017.2841%2096.7057%2018.3528%2096.7057ZM129.856%2096.7057C130.653%2096.7057%20131.432%2096.9421%20132.095%2097.3849C132.758%2097.8278%20133.274%2098.4573%20133.579%2099.1937C133.884%2099.9301%20133.964%20100.74%20133.809%20101.522C133.653%20102.304%20133.269%20103.022%20132.705%20103.586C132.142%20104.149%20131.424%20104.533%20130.642%20104.688C129.86%20104.844%20129.05%20104.764%20128.313%20104.459C127.577%20104.154%20126.948%20103.637%20126.505%20102.974C126.062%20102.311%20125.826%20101.532%20125.826%20100.735C125.826%2099.6663%20126.251%2098.6414%20127.007%2097.8858C127.762%2097.1302%20128.787%2096.7057%20129.856%2096.7057ZM129.856%2032.235C130.653%2032.235%20131.432%2032.4713%20132.095%2032.9142C132.758%2033.357%20133.274%2033.9865%20133.579%2034.7229C133.884%2035.4593%20133.964%2036.2696%20133.809%2037.0514C133.653%2037.8332%20133.269%2038.5512%20132.705%2039.1148C132.142%2039.6784%20131.424%2040.0622%20130.642%2040.2176C129.86%2040.373%20129.05%2040.293%20128.313%2039.9879C127.577%2039.6828%20126.948%2039.1661%20126.505%2038.5033C126.062%2037.8405%20125.826%2037.0613%20125.826%2036.2642C125.826%2035.1955%20126.251%2034.1706%20127.007%2033.4151C127.762%2032.6595%20128.787%2032.235%20129.856%2032.235ZM74.1048%202.94133e-07C74.9019%200.000152533%2075.6809%200.236665%2076.3436%200.679609C77.0062%201.12255%2077.5226%201.75205%2077.8275%202.48848C78.1324%203.22492%2078.212%204.03521%2078.0564%204.81692C77.9007%205.59862%2077.5168%206.31663%2076.9531%206.88012C76.3894%207.44361%2075.6712%207.82727%2074.8895%207.98261C74.1077%208.13796%2073.2975%208.05801%2072.5611%207.75285C71.8248%207.44769%2071.1955%206.93101%2070.7528%206.26821C70.3101%205.6054%2070.0739%204.82622%2070.0741%204.02917C70.0741%203.49992%2070.1784%202.97588%2070.3809%202.48693C70.5835%201.99799%2070.8804%201.55374%2071.2547%201.17958C71.6291%200.805415%2072.0734%200.508635%2072.5624%200.30624C73.0514%200.103845%2073.5756%20-0.000201902%2074.1048%202.94133e-07ZM74.1048%20128.941C74.9018%20128.941%2075.6809%20129.177%2076.3435%20129.62C77.0061%20130.063%2077.5226%20130.693%2077.8275%20131.429C78.1323%20132.165%2078.212%20132.976%2078.0565%20133.757C77.9009%20134.539%2077.517%20135.257%2076.9534%20135.821C76.3897%20136.384%2075.6717%20136.768%2074.8899%20136.923C74.1082%20137.079%2073.298%20136.999%2072.5617%20136.694C71.8253%20136.389%2071.196%20135.872%2070.7532%20135.21C70.3104%20134.547%2070.0741%20133.768%2070.0741%20132.971C70.0741%20132.441%2070.1783%20131.917%2070.3809%20131.428C70.5835%20130.939%2070.8804%20130.495%2071.2547%20130.121C71.629%20129.747%2072.0734%20129.45%2072.5624%20129.247C73.0514%20129.045%2073.5755%20128.941%2074.1048%20128.941ZM109.705%20126.255C110.369%20126.255%20111.018%20126.452%20111.57%20126.821C112.123%20127.19%20112.553%20127.714%20112.807%20128.328C113.061%20128.941%20113.128%20129.616%20112.998%20130.268C112.869%20130.919%20112.549%20131.518%20112.079%20131.987C111.61%20132.457%20111.011%20132.777%20110.36%20132.906C109.708%20133.036%20109.033%20132.969%20108.42%20132.715C107.806%20132.461%20107.282%20132.03%20106.913%20131.478C106.544%20130.926%20106.347%20130.277%20106.347%20129.613C106.347%20129.172%20106.434%20128.735%20106.602%20128.328C106.771%20127.92%20107.018%20127.55%20107.33%20127.238C107.642%20126.926%20108.012%20126.679%20108.42%20126.51C108.827%20126.341%20109.264%20126.255%20109.705%20126.255ZM38.5041%20126.255C39.1682%20126.255%2039.8175%20126.452%2040.3697%20126.821C40.9219%20127.19%2041.3523%20127.714%2041.6065%20128.328C41.8607%20128.941%2041.9272%20129.616%2041.7976%20130.268C41.668%20130.919%2041.3482%20131.518%2040.8786%20131.987C40.409%20132.457%2039.8106%20132.777%2039.1592%20132.906C38.5078%20133.036%2037.8326%20132.969%2037.219%20132.715C36.6054%20132.461%2036.081%20132.03%2035.712%20131.478C35.343%20130.926%2035.1461%20130.277%2035.1461%20129.613C35.1461%20129.172%2035.2329%20128.735%2035.4017%20128.328C35.5704%20127.92%2035.8178%20127.55%2036.1296%20127.238C36.4414%20126.926%2036.8116%20126.679%2037.219%20126.51C37.6264%20126.341%2038.0631%20126.255%2038.5041%20126.255ZM38.5041%204.03227C39.1682%204.03227%2039.8175%204.22921%2040.3697%204.5982C40.9219%204.96718%2041.3523%205.49165%2041.6065%206.10525C41.8607%206.71885%2041.9272%207.39403%2041.7976%208.04542C41.668%208.69682%2041.3482%209.29518%2040.8786%209.76481C40.409%2010.2344%2039.8106%2010.5542%2039.1592%2010.6838C38.5078%2010.8134%2037.8326%2010.7469%2037.219%2010.4927C36.6054%2010.2385%2036.081%209.80814%2035.712%209.25591C35.343%208.70368%2035.1461%208.05444%2035.1461%207.39029C35.1457%206.94904%2035.2322%206.51208%2035.4008%206.10431C35.5694%205.69654%2035.8166%205.32594%2036.1285%205.0138C36.4404%204.70165%2036.8107%204.45405%2037.2183%204.2851C37.6259%204.11615%2038.0628%204.02917%2038.5041%204.02917V4.03227ZM109.705%204.03227C110.369%204.03227%20111.018%204.22921%20111.57%204.5982C112.123%204.96718%20112.553%205.49165%20112.807%206.10525C113.061%206.71885%20113.128%207.39403%20112.998%208.04542C112.869%208.69682%20112.549%209.29518%20112.079%209.76481C111.61%2010.2344%20111.011%2010.5542%20110.36%2010.6838C109.708%2010.8134%20109.033%2010.7469%20108.42%2010.4927C107.806%2010.2385%20107.282%209.80814%20106.913%209.25591C106.544%208.70368%20106.347%208.05444%20106.347%207.39029C106.346%206.94904%20106.433%206.51208%20106.601%206.10431C106.77%205.69654%20107.017%205.32594%20107.329%205.0138C107.641%204.70165%20108.011%204.45405%20108.419%204.2851C108.827%204.11615%20109.264%204.02917%20109.705%204.02917V4.03227ZM144.634%2065.1434C145.298%2065.1434%20145.947%2065.3404%20146.499%2065.7095C147.052%2066.0785%20147.482%2066.6031%20147.736%2067.2168C147.99%2067.8305%20148.057%2068.5057%20147.927%2069.1572C147.797%2069.8086%20147.477%2070.4069%20147.007%2070.8765C146.538%2071.3461%20145.939%2071.6658%20145.288%2071.7952C144.636%2071.9246%20143.961%2071.8578%20143.347%2071.6034C142.734%2071.349%20142.209%2070.9184%20141.841%2070.366C141.472%2069.8135%20141.275%2069.1641%20141.276%2068.4999C141.276%2068.0589%20141.362%2067.6223%20141.531%2067.2148C141.7%2066.8074%20141.947%2066.4373%20142.259%2066.1255C142.571%2065.8136%20142.941%2065.5663%20143.348%2065.3975C143.756%2065.2288%20144.193%2065.1419%20144.634%2065.1419V65.1434ZM3.5753%2065.1434C4.23952%2065.1434%204.88881%2065.3404%205.44107%2065.7095C5.99333%2066.0785%206.42374%2066.6031%206.67785%2067.2168C6.93197%2067.8305%206.99838%2068.5057%206.86868%2069.1572C6.73899%2069.8086%206.41902%2070.4069%205.94924%2070.8765C5.47945%2071.3461%204.88096%2071.6658%204.22947%2071.7952C3.57797%2071.9246%202.90274%2071.8578%202.28916%2071.6034C1.67559%2071.349%201.15124%2070.9184%200.78244%2070.366C0.41364%2069.8135%200.216951%2069.1641%200.217255%2068.4999C0.217255%2068.0589%200.304108%2067.6223%200.472866%2067.2148C0.641623%2066.8074%200.888978%2066.4373%201.2008%2066.1255C1.51262%2065.8136%201.88282%2065.5663%202.29023%2065.3975C2.69765%2065.2288%203.13431%2065.1419%203.5753%2065.1419V65.1434Z'%20fill='white'/%3e%3c/svg%3e",s=()=>C.jsxs(C.Fragment,{children:[C.jsxs("div",{className:"text-center space-y-4",children:[C.jsx(e.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"CoinCard"}),C.jsx(e.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Display cryptocurrency information in a clean, card format with customizable background colors, price changes, and balance information."})]}),C.jsx(e.CardContainer,{className:"overflow-hidden",children:C.jsx(e.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:C.jsx("div",{className:"w-full p-4 sm:p-6",children:C.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:[C.jsxs(e.CardContainer,{className:"p-4",children:[C.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Bitcoin"}),C.jsx(e.CoinCard,{id:"bitcoin",name:"Bitcoin",symbol:"BTC",logo:a.bitcoinImg,balance:"1.25",usdBalance:"45,000",change:"+2.5%",isChangePositive:!0,color:"#FDEDD4"})]}),C.jsxs(e.CardContainer,{className:"p-4",children:[C.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Tether"}),C.jsx(e.CoinCard,{id:"tether",name:"Tether",symbol:"USDT",logo:a.ethereumImg,balance:"10.5",usdBalance:"33,600",change:"-1.2%",isChangePositive:!1,color:"#E1F5FE"})]}),C.jsxs(e.CardContainer,{className:"p-4",children:[C.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Cardano"}),C.jsx(e.CoinCard,{id:"cardano",name:"Cardano",symbol:"ADA",logo:i,balance:"1,500",usdBalance:"975",change:"+5.8%",isChangePositive:!0,color:"#E8F5E8"})]})]})})})}),C.jsx(e.AutoPropsTable,{componentName:"CoinCard"}),C.jsx(e.CardContainer,{className:"overflow-hidden",children:C.jsx(e.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:C.jsx("div",{className:"w-full p-4 sm:p-6",children:C.jsx(e.CodeBlock,{language:"tsx",code:`import { CoinCard } from '@e-burgos/tucu-ui';
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react/jsx-runtime"),e=require("../index-DWDrAbog.js");require("lucide-react");require("react-router-dom");require("react");require("react-dom");const a=require("../tether-EofDinu3.js"),i="data:image/svg+xml,%3csvg%20width='148'%20height='137'%20viewBox='0%200%20148%20137'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M62.3497%2038.2791C64.2756%2038.2794%2066.1582%2038.8508%2067.7593%2039.921C69.3605%2040.9912%2070.6084%2042.5121%2071.3452%2044.2915C72.082%2046.0709%2072.2746%2048.0288%2071.8987%2049.9176C71.5228%2051.8064%2070.5952%2053.5414%2069.2333%2054.9031C67.8714%2056.2648%2066.1363%2057.1921%2064.2474%2057.5677C62.3585%2057.9433%2060.4006%2057.7504%2058.6214%2057.0133C56.8421%2056.2762%2055.3214%2055.0281%2054.2515%2053.4268C53.1815%2051.8254%2052.6105%2049.9428%2052.6105%2048.0169C52.6109%2045.4342%2053.6371%2042.9573%2055.4636%2041.1312C57.29%2039.305%2059.767%2038.2791%2062.3497%2038.2791ZM85.8599%2038.2791C87.7857%2038.2796%2089.6682%2038.8511%2091.2692%2039.9214C92.8703%2040.9917%2094.118%2042.5126%2094.8547%2044.292C95.5914%2046.0714%2095.7839%2048.0293%2095.4079%2049.9181C95.0319%2051.8069%2094.1043%2053.5417%2092.7424%2054.9033C91.3804%2056.265%2089.6453%2057.1922%2087.7564%2057.5678C85.8676%2057.9433%2083.9097%2057.7503%2082.1305%2057.0132C80.3513%2056.2761%2078.8306%2055.028%2077.7607%2053.4267C76.6908%2051.8254%2076.1198%2049.9428%2076.1198%2048.0169C76.1202%2045.434%2077.1466%2042.957%2078.9732%2041.1309C80.7998%2039.3047%2083.277%2038.2789%2085.8599%2038.2791ZM85.8599%2079.2452C87.7857%2079.2456%2089.6682%2079.8171%2091.2692%2080.8874C92.8703%2081.9577%2094.118%2083.4787%2094.8547%2085.2581C95.5914%2087.0375%2095.7839%2088.9953%2095.4079%2090.8841C95.0319%2092.7729%2094.1043%2094.5078%2092.7424%2095.8694C91.3804%2097.231%2089.6453%2098.1582%2087.7564%2098.5338C85.8676%2098.9093%2083.9097%2098.7163%2082.1305%2097.9792C80.3513%2097.2421%2078.8306%2095.994%2077.7607%2094.3927C76.6908%2092.7914%2076.1198%2090.9088%2076.1198%2088.9829C76.1199%2087.704%2076.3719%2086.4376%2076.8615%2085.2561C77.351%2084.0745%2078.0685%2083.0009%2078.9729%2082.0967C79.8774%2081.1925%2080.9511%2080.4752%2082.1328%2079.9859C83.3144%2079.4967%2084.5809%2079.245%2085.8599%2079.2452ZM62.3497%2079.2452C64.2756%2079.2455%2066.1582%2079.8169%2067.7593%2080.887C69.3605%2081.9572%2070.6084%2083.4782%2071.3452%2085.2576C72.082%2087.0369%2072.2746%2088.9948%2071.8987%2090.8836C71.5228%2092.7725%2070.5952%2094.5074%2069.2333%2095.8691C67.8714%2097.2308%2066.1363%2098.1581%2064.2474%2098.5337C62.3585%2098.9093%2060.4006%2098.7164%2058.6214%2097.9793C56.8421%2097.2423%2055.3214%2095.9941%2054.2515%2094.3928C53.1815%2092.7914%2052.6105%2090.9088%2052.6105%2088.9829C52.6106%2087.704%2052.8625%2086.4377%2053.352%2085.2562C53.8415%2084.0747%2054.559%2083.0012%2055.4634%2082.097C56.3677%2081.1927%2057.4413%2080.4755%2058.6229%2079.9862C59.8045%2079.4969%2061.0709%2079.2451%2062.3497%2079.2452ZM50.2591%2059.0977C52.185%2059.098%2054.0676%2059.6694%2055.6687%2060.7396C57.2699%2061.8098%2058.5178%2063.3307%2059.2546%2065.1101C59.9914%2066.8895%2060.184%2068.8474%2059.8081%2070.7362C59.4322%2072.625%2058.5046%2074.36%2057.1427%2075.7217C55.7808%2077.0834%2054.0457%2078.0107%2052.1568%2078.3863C50.2679%2078.7619%2048.31%2078.569%2046.5308%2077.8319C44.7515%2077.0948%2043.2308%2075.8467%2042.1608%2074.2453C41.0909%2072.644%2040.5198%2070.7614%2040.5198%2068.8355C40.5202%2066.2527%2041.5465%2063.7759%2043.373%2061.9498C45.1994%2060.1236%2047.6764%2059.0977%2050.2591%2059.0977ZM97.9505%2059.0977C99.8763%2059.0982%20101.759%2059.6697%20103.36%2060.74C104.961%2061.8103%20106.209%2063.3312%20106.945%2065.1106C107.682%2066.89%20107.875%2068.8479%20107.499%2070.7367C107.123%2072.6255%20106.195%2074.3603%20104.833%2075.7219C103.471%2077.0836%20101.736%2078.0108%2099.847%2078.3863C97.9582%2078.7619%2096.0004%2078.5689%2094.2211%2077.8318C92.4419%2077.0947%2090.9212%2075.8466%2089.8513%2074.2453C88.7815%2072.644%2088.2104%2070.7613%2088.2104%2068.8355C88.2105%2067.5565%2088.4625%2066.2901%2088.9521%2065.1086C89.4416%2063.9271%2090.1591%2062.8535%2091.0636%2061.9492C91.968%2061.045%2093.0417%2060.3278%2094.2234%2059.8385C95.4051%2059.3492%2096.6715%2059.0975%2097.9505%2059.0977ZM109.034%2042.3091C110.229%2042.3094%20111.397%2042.6642%20112.391%2043.3285C113.385%2043.9928%20114.159%2044.9369%20114.617%2046.0413C115.074%2047.1458%20115.193%2048.361%20114.96%2049.5334C114.726%2050.7057%20114.151%2051.7825%20113.305%2052.6277C112.46%2053.4728%20111.383%2054.0483%20110.211%2054.2814C109.038%2054.5145%20107.823%2054.3947%20106.719%2053.9372C105.614%2053.4797%20104.671%2052.705%20104.006%2051.7111C103.342%2050.7171%20102.988%2049.5486%20102.988%2048.3532C102.988%2047.5594%20103.144%2046.7733%20103.448%2046.0399C103.752%2045.3065%20104.197%2044.6401%20104.759%2044.0788C105.32%2043.5176%20105.987%2043.0724%20106.72%2042.7687C107.454%2042.4651%20108.24%2042.3089%20109.034%2042.3091ZM109.034%2082.6024C110.229%2082.6027%20111.397%2082.9575%20112.391%2083.6218C113.385%2084.2862%20114.159%2085.2302%20114.617%2086.3347C115.074%2087.4391%20115.193%2088.6544%20114.96%2089.8267C114.726%2090.9991%20114.151%2092.0759%20113.305%2092.921C112.46%2093.7661%20111.383%2094.3416%20110.211%2094.5747C109.038%2094.8078%20107.823%2094.688%20106.719%2094.2305C105.614%2093.773%20104.671%2092.9983%20104.006%2092.0044C103.342%2091.0105%20102.988%2089.842%20102.988%2088.6466C102.988%2087.8528%20103.144%2087.0667%20103.448%2086.3333C103.752%2085.5999%20104.197%2084.9335%20104.759%2084.3722C105.32%2083.8109%20105.987%2083.3658%20106.72%2083.0621C107.454%2082.7585%20108.24%2082.6022%20109.034%2082.6024ZM39.176%2082.6024C40.3714%2082.6026%2041.5399%2082.9572%2042.5337%2083.6215C43.5276%2084.2857%2044.3022%2085.2297%2044.7595%2086.3342C45.2169%2087.4386%2045.3365%2088.6538%2045.1032%2089.8262C44.8699%2090.9986%2044.2941%2092.0755%2043.4488%2092.9207C42.6035%2093.7659%2041.5265%2094.3415%2040.3541%2094.5747C39.1817%2094.8078%2037.9664%2094.6881%2036.8621%2094.2306C35.7577%2093.7731%2034.8138%2092.9984%2034.1497%2092.0045C33.4855%2091.0106%2033.1311%2089.842%2033.1311%2088.6466C33.1313%2087.0435%2033.7683%2085.5062%2034.9019%2084.3727C36.0355%2083.2392%2037.5729%2082.6024%2039.176%2082.6024ZM39.176%2042.3091C40.3714%2042.3093%2041.5399%2042.6639%2042.5337%2043.3281C43.5276%2043.9923%2044.3022%2044.9363%2044.7595%2046.0408C45.2169%2047.1452%2045.3365%2048.3605%2045.1032%2049.5329C44.8699%2050.7053%2044.2941%2051.7822%2043.4488%2052.6274C42.6035%2053.4726%2041.5265%2054.0482%2040.3541%2054.2813C39.1817%2054.5145%2037.9664%2054.3947%2036.8621%2053.9372C35.7577%2053.4797%2034.8138%2052.705%2034.1497%2051.7111C33.4855%2050.7172%2033.1311%2049.5486%2033.1311%2048.3532C33.1313%2046.7501%2033.7683%2045.2128%2034.9019%2044.0794C36.0355%2042.9459%2037.5729%2042.3091%2039.176%2042.3091ZM74.1048%2022.1617C75.3002%2022.162%2076.4686%2022.5167%2077.4623%2023.181C78.4561%2023.8454%2079.2306%2024.7894%2079.6878%2025.8939C80.145%2026.9983%2080.2645%2028.2136%2080.0311%2029.3859C79.7977%2030.5583%2079.2219%2031.6351%2078.3766%2032.4802C77.5312%2033.3254%2076.4543%2033.9008%2075.2818%2034.1339C74.1094%2034.367%2072.8943%2034.2472%2071.7899%2033.7897C70.6856%2033.3322%2069.7417%2032.5575%2069.0776%2031.5636C68.4135%2030.5697%2068.0591%2029.4011%2068.0591%2028.2058C68.0591%2027.4119%2068.2155%2026.6258%2068.5193%2025.8924C68.8232%2025.159%2069.2685%2024.4927%2069.8299%2023.9314C70.3914%2023.3701%2071.0578%2022.9249%2071.7913%2022.6213C72.5248%2022.3176%2073.3109%2022.1615%2074.1048%2022.1617ZM74.1048%20102.75C75.3002%20102.75%2076.4686%20103.105%2077.4623%20103.769C78.4561%20104.434%2079.2306%20105.378%2079.6878%20106.482C80.145%20107.587%2080.2645%20108.802%2080.0311%20109.974C79.7977%20111.147%2079.2219%20112.223%2078.3766%20113.068C77.5312%20113.914%2076.4543%20114.489%2075.2818%20114.722C74.1094%20114.955%2072.8943%20114.835%2071.7899%20114.378C70.6856%20113.92%2069.7417%20113.146%2069.0776%20112.152C68.4135%20111.158%2068.0591%20109.989%2068.0591%20108.794C68.0591%20108%2068.2155%20107.214%2068.5193%20106.481C68.8232%20105.747%2069.2685%20105.081%2069.8299%20104.52C70.3914%20103.958%2071.0578%20103.513%2071.7913%20103.21C72.5248%20102.906%2073.3109%20102.75%2074.1048%20102.75ZM99.9654%20108.794C100.962%20108.794%20101.935%20109.09%20102.763%20109.644C103.591%20110.197%20104.237%20110.984%20104.618%20111.904C104.999%20112.825%20105.098%20113.837%20104.904%20114.814C104.709%20115.791%20104.229%20116.688%20103.525%20117.393C102.82%20118.097%20101.923%20118.577%20100.946%20118.771C99.969%20118.965%2098.9563%20118.865%2098.0361%20118.484C97.1159%20118.103%2096.3293%20117.457%2095.776%20116.629C95.2226%20115.801%2094.9272%20114.827%2094.9272%20113.831C94.9272%20113.169%2095.0576%20112.514%2095.3108%20111.903C95.564%20111.292%2095.9351%20110.736%2096.403%20110.269C96.8708%20109.801%2097.4263%20109.43%2098.0375%20109.177C98.6488%20108.924%2099.3039%20108.794%2099.9654%20108.794ZM48.2442%20108.794C49.2402%20108.794%2050.2139%20109.09%2051.042%20109.644C51.87%20110.197%2052.5154%20110.984%2052.8963%20111.904C53.2773%20112.825%2053.3768%20113.837%2053.1823%20114.814C52.9878%20115.791%2052.508%20116.688%2051.8035%20117.393C51.0991%20118.097%2050.2016%20118.577%2049.2247%20118.771C48.2477%20118.965%2047.2351%20118.865%2046.3148%20118.484C45.3946%20118.103%2044.608%20117.457%2044.0547%20116.629C43.5013%20115.801%2043.206%20114.827%2043.206%20113.831C43.206%20113.169%2043.3363%20112.514%2043.5895%20111.903C43.8427%20111.292%2044.2138%20110.736%2044.6817%20110.269C45.1496%20109.801%2045.705%20109.43%2046.3162%20109.177C46.9275%20108.924%2047.5826%20108.794%2048.2442%20108.794ZM48.2442%2018.1325C49.2402%2018.1328%2050.2139%2018.4284%2051.042%2018.9821C51.87%2019.5357%2052.5154%2020.3224%2052.8963%2021.2427C53.2773%2022.1631%2053.3768%2023.1758%2053.1823%2024.1527C52.9878%2025.1296%2052.508%2026.0269%2051.8035%2026.7311C51.0991%2027.4354%2050.2016%2027.9149%2049.2247%2028.1092C48.2477%2028.3034%2047.2351%2028.2035%2046.3148%2027.8223C45.3946%2027.441%2044.608%2026.7955%2044.0547%2025.9672C43.5013%2025.139%2043.206%2024.1653%2043.206%2023.1692C43.206%2022.5076%2043.3363%2021.8525%2043.5895%2021.2413C43.8427%2020.6302%2044.2138%2020.0748%2044.6817%2019.6071C45.1496%2019.1394%2045.705%2018.7685%2046.3162%2018.5154C46.9275%2018.2624%2047.5826%2018.1323%2048.2442%2018.1325ZM99.9654%2018.1325C100.962%2018.1328%20101.935%2018.4284%20102.763%2018.9821C103.591%2019.5357%20104.237%2020.3224%20104.618%2021.2427C104.999%2022.1631%20105.098%2023.1758%20104.904%2024.1527C104.709%2025.1296%20104.229%2026.0269%20103.525%2026.7311C102.82%2027.4354%20101.923%2027.9149%20100.946%2028.1092C99.969%2028.3034%2098.9563%2028.2035%2098.0361%2027.8223C97.1159%2027.441%2096.3293%2026.7955%2095.776%2025.9672C95.2226%2025.139%2094.9272%2024.1653%2094.9272%2023.1692C94.9272%2022.5076%2095.0576%2021.8525%2095.3108%2021.2413C95.564%2020.6302%2095.9351%2020.0748%2096.403%2019.6071C96.8708%2019.1394%2097.4263%2018.7685%2098.0375%2018.5154C98.6488%2018.2624%2099.3039%2018.1323%2099.9654%2018.1325ZM126.162%2063.1277C127.158%2063.1278%20128.132%2063.4234%20128.96%2063.9769C129.788%2064.5304%20130.433%2065.3171%20130.814%2066.2374C131.195%2067.1578%20131.295%2068.1705%20131.101%2069.1474C130.906%2070.1244%20130.427%2071.0218%20129.722%2071.7261C129.018%2072.4304%20128.12%2072.91%20127.143%2073.1043C126.166%2073.2986%20125.154%2073.1988%20124.233%2072.8176C123.313%2072.4363%20122.526%2071.7907%20121.973%2070.9625C121.42%2070.1342%20121.124%2069.1605%20121.124%2068.1644C121.124%2066.8285%20121.655%2065.5474%20122.6%2064.6029C123.545%2063.6583%20124.826%2063.1277%20126.162%2063.1277ZM22.0472%2063.1277C23.0433%2063.1278%2024.017%2063.4234%2024.8452%2063.9769C25.6734%2064.5304%2026.3188%2065.3171%2026.6999%2066.2374C27.081%2067.1578%2027.1806%2068.1705%2026.9862%2069.1474C26.7918%2070.1244%2026.312%2071.0218%2025.6076%2071.7261C24.9032%2072.4304%2024.0057%2072.91%2023.0287%2073.1043C22.0517%2073.2986%2021.0391%2073.1988%2020.1188%2072.8176C19.1985%2072.4363%2018.4119%2071.7907%2017.8585%2070.9625C17.3051%2070.1342%2017.0097%2069.1605%2017.0097%2068.1644C17.0097%2067.5029%2017.14%2066.8479%2017.3932%2066.2367C17.6464%2065.6256%2018.0174%2065.0703%2018.4852%2064.6026C18.953%2064.1349%2019.5083%2063.7639%2020.1195%2063.5108C20.7307%2063.2578%2021.3857%2063.1276%2022.0472%2063.1277ZM18.3528%2032.235C19.1499%2032.235%2019.9291%2032.4713%2020.5918%2032.9142C21.2545%2033.357%2021.7711%2033.9865%2022.0761%2034.7229C22.3811%2035.4593%2022.4608%2036.2696%2022.3053%2037.0514C22.1497%2037.8332%2021.7658%2038.5512%2021.2021%2039.1148C20.6385%2039.6784%2019.9203%2040.0622%2019.1385%2040.2176C18.3567%2040.373%2017.5464%2040.293%2016.8101%2039.9879C16.0737%2039.6828%2015.4444%2039.1661%2015.0016%2038.5033C14.5589%2037.8405%2014.3227%2037.0613%2014.3228%2036.2642C14.3231%2035.1955%2014.7477%2034.1706%2015.5035%2033.4151C16.2592%2032.6595%2017.2841%2032.235%2018.3528%2032.235ZM18.3528%2096.7057C19.1499%2096.7057%2019.9291%2096.9421%2020.5918%2097.3849C21.2545%2097.8278%2021.7711%2098.4573%2022.0761%2099.1937C22.3811%2099.9301%2022.4608%20100.74%2022.3053%20101.522C22.1497%20102.304%2021.7658%20103.022%2021.2021%20103.586C20.6385%20104.149%2019.9203%20104.533%2019.1385%20104.688C18.3567%20104.844%2017.5464%20104.764%2016.8101%20104.459C16.0737%20104.154%2015.4444%20103.637%2015.0016%20102.974C14.5589%20102.311%2014.3227%20101.532%2014.3228%20100.735C14.3231%2099.6663%2014.7477%2098.6414%2015.5035%2097.8858C16.2592%2097.1302%2017.2841%2096.7057%2018.3528%2096.7057ZM129.856%2096.7057C130.653%2096.7057%20131.432%2096.9421%20132.095%2097.3849C132.758%2097.8278%20133.274%2098.4573%20133.579%2099.1937C133.884%2099.9301%20133.964%20100.74%20133.809%20101.522C133.653%20102.304%20133.269%20103.022%20132.705%20103.586C132.142%20104.149%20131.424%20104.533%20130.642%20104.688C129.86%20104.844%20129.05%20104.764%20128.313%20104.459C127.577%20104.154%20126.948%20103.637%20126.505%20102.974C126.062%20102.311%20125.826%20101.532%20125.826%20100.735C125.826%2099.6663%20126.251%2098.6414%20127.007%2097.8858C127.762%2097.1302%20128.787%2096.7057%20129.856%2096.7057ZM129.856%2032.235C130.653%2032.235%20131.432%2032.4713%20132.095%2032.9142C132.758%2033.357%20133.274%2033.9865%20133.579%2034.7229C133.884%2035.4593%20133.964%2036.2696%20133.809%2037.0514C133.653%2037.8332%20133.269%2038.5512%20132.705%2039.1148C132.142%2039.6784%20131.424%2040.0622%20130.642%2040.2176C129.86%2040.373%20129.05%2040.293%20128.313%2039.9879C127.577%2039.6828%20126.948%2039.1661%20126.505%2038.5033C126.062%2037.8405%20125.826%2037.0613%20125.826%2036.2642C125.826%2035.1955%20126.251%2034.1706%20127.007%2033.4151C127.762%2032.6595%20128.787%2032.235%20129.856%2032.235ZM74.1048%202.94133e-07C74.9019%200.000152533%2075.6809%200.236665%2076.3436%200.679609C77.0062%201.12255%2077.5226%201.75205%2077.8275%202.48848C78.1324%203.22492%2078.212%204.03521%2078.0564%204.81692C77.9007%205.59862%2077.5168%206.31663%2076.9531%206.88012C76.3894%207.44361%2075.6712%207.82727%2074.8895%207.98261C74.1077%208.13796%2073.2975%208.05801%2072.5611%207.75285C71.8248%207.44769%2071.1955%206.93101%2070.7528%206.26821C70.3101%205.6054%2070.0739%204.82622%2070.0741%204.02917C70.0741%203.49992%2070.1784%202.97588%2070.3809%202.48693C70.5835%201.99799%2070.8804%201.55374%2071.2547%201.17958C71.6291%200.805415%2072.0734%200.508635%2072.5624%200.30624C73.0514%200.103845%2073.5756%20-0.000201902%2074.1048%202.94133e-07ZM74.1048%20128.941C74.9018%20128.941%2075.6809%20129.177%2076.3435%20129.62C77.0061%20130.063%2077.5226%20130.693%2077.8275%20131.429C78.1323%20132.165%2078.212%20132.976%2078.0565%20133.757C77.9009%20134.539%2077.517%20135.257%2076.9534%20135.821C76.3897%20136.384%2075.6717%20136.768%2074.8899%20136.923C74.1082%20137.079%2073.298%20136.999%2072.5617%20136.694C71.8253%20136.389%2071.196%20135.872%2070.7532%20135.21C70.3104%20134.547%2070.0741%20133.768%2070.0741%20132.971C70.0741%20132.441%2070.1783%20131.917%2070.3809%20131.428C70.5835%20130.939%2070.8804%20130.495%2071.2547%20130.121C71.629%20129.747%2072.0734%20129.45%2072.5624%20129.247C73.0514%20129.045%2073.5755%20128.941%2074.1048%20128.941ZM109.705%20126.255C110.369%20126.255%20111.018%20126.452%20111.57%20126.821C112.123%20127.19%20112.553%20127.714%20112.807%20128.328C113.061%20128.941%20113.128%20129.616%20112.998%20130.268C112.869%20130.919%20112.549%20131.518%20112.079%20131.987C111.61%20132.457%20111.011%20132.777%20110.36%20132.906C109.708%20133.036%20109.033%20132.969%20108.42%20132.715C107.806%20132.461%20107.282%20132.03%20106.913%20131.478C106.544%20130.926%20106.347%20130.277%20106.347%20129.613C106.347%20129.172%20106.434%20128.735%20106.602%20128.328C106.771%20127.92%20107.018%20127.55%20107.33%20127.238C107.642%20126.926%20108.012%20126.679%20108.42%20126.51C108.827%20126.341%20109.264%20126.255%20109.705%20126.255ZM38.5041%20126.255C39.1682%20126.255%2039.8175%20126.452%2040.3697%20126.821C40.9219%20127.19%2041.3523%20127.714%2041.6065%20128.328C41.8607%20128.941%2041.9272%20129.616%2041.7976%20130.268C41.668%20130.919%2041.3482%20131.518%2040.8786%20131.987C40.409%20132.457%2039.8106%20132.777%2039.1592%20132.906C38.5078%20133.036%2037.8326%20132.969%2037.219%20132.715C36.6054%20132.461%2036.081%20132.03%2035.712%20131.478C35.343%20130.926%2035.1461%20130.277%2035.1461%20129.613C35.1461%20129.172%2035.2329%20128.735%2035.4017%20128.328C35.5704%20127.92%2035.8178%20127.55%2036.1296%20127.238C36.4414%20126.926%2036.8116%20126.679%2037.219%20126.51C37.6264%20126.341%2038.0631%20126.255%2038.5041%20126.255ZM38.5041%204.03227C39.1682%204.03227%2039.8175%204.22921%2040.3697%204.5982C40.9219%204.96718%2041.3523%205.49165%2041.6065%206.10525C41.8607%206.71885%2041.9272%207.39403%2041.7976%208.04542C41.668%208.69682%2041.3482%209.29518%2040.8786%209.76481C40.409%2010.2344%2039.8106%2010.5542%2039.1592%2010.6838C38.5078%2010.8134%2037.8326%2010.7469%2037.219%2010.4927C36.6054%2010.2385%2036.081%209.80814%2035.712%209.25591C35.343%208.70368%2035.1461%208.05444%2035.1461%207.39029C35.1457%206.94904%2035.2322%206.51208%2035.4008%206.10431C35.5694%205.69654%2035.8166%205.32594%2036.1285%205.0138C36.4404%204.70165%2036.8107%204.45405%2037.2183%204.2851C37.6259%204.11615%2038.0628%204.02917%2038.5041%204.02917V4.03227ZM109.705%204.03227C110.369%204.03227%20111.018%204.22921%20111.57%204.5982C112.123%204.96718%20112.553%205.49165%20112.807%206.10525C113.061%206.71885%20113.128%207.39403%20112.998%208.04542C112.869%208.69682%20112.549%209.29518%20112.079%209.76481C111.61%2010.2344%20111.011%2010.5542%20110.36%2010.6838C109.708%2010.8134%20109.033%2010.7469%20108.42%2010.4927C107.806%2010.2385%20107.282%209.80814%20106.913%209.25591C106.544%208.70368%20106.347%208.05444%20106.347%207.39029C106.346%206.94904%20106.433%206.51208%20106.601%206.10431C106.77%205.69654%20107.017%205.32594%20107.329%205.0138C107.641%204.70165%20108.011%204.45405%20108.419%204.2851C108.827%204.11615%20109.264%204.02917%20109.705%204.02917V4.03227ZM144.634%2065.1434C145.298%2065.1434%20145.947%2065.3404%20146.499%2065.7095C147.052%2066.0785%20147.482%2066.6031%20147.736%2067.2168C147.99%2067.8305%20148.057%2068.5057%20147.927%2069.1572C147.797%2069.8086%20147.477%2070.4069%20147.007%2070.8765C146.538%2071.3461%20145.939%2071.6658%20145.288%2071.7952C144.636%2071.9246%20143.961%2071.8578%20143.347%2071.6034C142.734%2071.349%20142.209%2070.9184%20141.841%2070.366C141.472%2069.8135%20141.275%2069.1641%20141.276%2068.4999C141.276%2068.0589%20141.362%2067.6223%20141.531%2067.2148C141.7%2066.8074%20141.947%2066.4373%20142.259%2066.1255C142.571%2065.8136%20142.941%2065.5663%20143.348%2065.3975C143.756%2065.2288%20144.193%2065.1419%20144.634%2065.1419V65.1434ZM3.5753%2065.1434C4.23952%2065.1434%204.88881%2065.3404%205.44107%2065.7095C5.99333%2066.0785%206.42374%2066.6031%206.67785%2067.2168C6.93197%2067.8305%206.99838%2068.5057%206.86868%2069.1572C6.73899%2069.8086%206.41902%2070.4069%205.94924%2070.8765C5.47945%2071.3461%204.88096%2071.6658%204.22947%2071.7952C3.57797%2071.9246%202.90274%2071.8578%202.28916%2071.6034C1.67559%2071.349%201.15124%2070.9184%200.78244%2070.366C0.41364%2069.8135%200.216951%2069.1641%200.217255%2068.4999C0.217255%2068.0589%200.304108%2067.6223%200.472866%2067.2148C0.641623%2066.8074%200.888978%2066.4373%201.2008%2066.1255C1.51262%2065.8136%201.88282%2065.5663%202.29023%2065.3975C2.69765%2065.2288%203.13431%2065.1419%203.5753%2065.1419V65.1434Z'%20fill='white'/%3e%3c/svg%3e",s=()=>C.jsxs(C.Fragment,{children:[C.jsxs("div",{className:"text-center space-y-4",children:[C.jsx(e.Typography,{tag:"h2",className:"text-3xl md:text-4xl font-bold",children:"CoinCard"}),C.jsx(e.Typography,{tag:"p",className:"text-xl text-gray-600 dark:text-gray-400 max-w-2xl mx-auto",children:"Display cryptocurrency information in a clean, card format with customizable background colors, price changes, and balance information."})]}),C.jsx(e.CardContainer,{className:"overflow-hidden",children:C.jsx(e.CardTitle,{title:"Basic Examples",className:"mt-2 mb-2",children:C.jsx("div",{className:"w-full p-4 sm:p-6",children:C.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4",children:[C.jsxs(e.CardContainer,{className:"p-4",children:[C.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Bitcoin"}),C.jsx(e.CoinCard,{id:"bitcoin",name:"Bitcoin",symbol:"BTC",logo:a.bitcoinImg,balance:"1.25",usdBalance:"45,000",change:"+2.5%",isChangePositive:!0,color:"#FDEDD4"})]}),C.jsxs(e.CardContainer,{className:"p-4",children:[C.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Tether"}),C.jsx(e.CoinCard,{id:"tether",name:"Tether",symbol:"USDT",logo:a.ethereumImg,balance:"10.5",usdBalance:"33,600",change:"-1.2%",isChangePositive:!1,color:"#E1F5FE"})]}),C.jsxs(e.CardContainer,{className:"p-4",children:[C.jsx(e.Typography,{tag:"h5",className:"mb-3",children:"Cardano"}),C.jsx(e.CoinCard,{id:"cardano",name:"Cardano",symbol:"ADA",logo:i,balance:"1,500",usdBalance:"975",change:"+5.8%",isChangePositive:!0,color:"#E8F5E8"})]})]})})})}),C.jsx(e.AutoPropsTable,{componentName:"CoinCard"}),C.jsx(e.CardContainer,{className:"overflow-hidden",children:C.jsx(e.CardTitle,{title:"Code Example",className:"mt-2 mb-2",children:C.jsx("div",{className:"w-full p-4 sm:p-6",children:C.jsx(e.CodeBlock,{language:"tsx",code:`import { CoinCard } from '@e-burgos/tucu-ui';
|
|
2
2
|
|
|
3
3
|
<CoinCard
|
|
4
4
|
id="bitcoin"
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as a, Fragment as c, jsx as C } from "react/jsx-runtime";
|
|
2
|
-
import { T as e, C as i, a as o, b as l, A as n, c as s } from "../index-
|
|
2
|
+
import { T as e, C as i, a as o, b as l, A as n, c as s } from "../index-kms4xY-n.js";
|
|
3
3
|
import "lucide-react";
|
|
4
4
|
import "react-router-dom";
|
|
5
5
|
import "react";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as e, Fragment as o, jsx as a } from "react/jsx-runtime";
|
|
2
|
-
import { T as l, C as i, a as m, d as n, A as t, c as s } from "../index-
|
|
2
|
+
import { T as l, C as i, a as m, d as n, A as t, c as s } from "../index-kms4xY-n.js";
|
|
3
3
|
import "lucide-react";
|
|
4
4
|
import "react-router-dom";
|
|
5
5
|
import "react";
|