fulldev-ui 0.7.0-beta.9 → 0.9.0
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 +140 -2
- package/README.md +18 -16
- package/package.json +96 -77
- package/public/r/accordion.json +38 -0
- package/public/r/alert-dialog.json +78 -0
- package/public/r/alert.json +32 -0
- package/public/r/article-1.json +17 -0
- package/public/r/article-2.json +17 -0
- package/public/r/articles-1.json +17 -0
- package/public/r/articles-2.json +17 -0
- package/public/r/articles-3.json +17 -0
- package/public/r/articles-4.json +17 -0
- package/public/r/avatar.json +42 -0
- package/public/r/badge.json +22 -0
- package/public/r/banner-1.json +16 -0
- package/public/r/banner-2.json +16 -0
- package/public/r/banner.json +27 -0
- package/public/r/beta-repo-setup.json +131 -0
- package/public/r/blocks-1.json +19 -0
- package/public/r/blocks.json +89 -0
- package/public/r/breadcrumb.json +50 -0
- package/public/r/button.json +22 -0
- package/public/r/card.json +47 -0
- package/public/r/carousel.json +44 -0
- package/public/r/checkbox.json +17 -0
- package/public/r/collapsible.json +30 -0
- package/public/r/combobox.json +74 -0
- package/public/r/command.json +64 -0
- package/public/r/components.json +54 -0
- package/public/r/contact-1.json +20 -0
- package/public/r/contact-2.json +20 -0
- package/public/r/contact-3.json +20 -0
- package/public/r/content-1.json +17 -0
- package/public/r/content-2.json +17 -0
- package/public/r/content-3.json +16 -0
- package/public/r/content-4.json +17 -0
- package/public/r/content-5.json +17 -0
- package/public/r/content-6.json +17 -0
- package/public/r/cta-1.json +18 -0
- package/public/r/cta-2.json +18 -0
- package/public/r/cta-3.json +18 -0
- package/public/r/cta-4.json +18 -0
- package/public/r/cta-5.json +17 -0
- package/public/r/cta-6.json +18 -0
- package/public/r/cta-7.json +17 -0
- package/public/r/cta-8.json +16 -0
- package/public/r/dialog.json +69 -0
- package/public/r/doc-1.json +21 -0
- package/public/r/dropdown-menu.json +73 -0
- package/public/r/empty.json +42 -0
- package/public/r/faqs-1.json +17 -0
- package/public/r/faqs-2.json +17 -0
- package/public/r/faqs-3.json +17 -0
- package/public/r/faqs-4.json +16 -0
- package/public/r/features-1.json +17 -0
- package/public/r/features-2.json +17 -0
- package/public/r/features-3.json +15 -0
- package/public/r/features-4.json +17 -0
- package/public/r/features-5.json +17 -0
- package/public/r/features-6.json +17 -0
- package/public/r/field.json +66 -0
- package/public/r/footer-1.json +18 -0
- package/public/r/footer-2.json +18 -0
- package/public/r/footer-3.json +18 -0
- package/public/r/form.json +17 -0
- package/public/r/header-1.json +20 -0
- package/public/r/header-2.json +20 -0
- package/public/r/header-3.json +21 -0
- package/public/r/header-4.json +20 -0
- package/public/r/header-5.json +21 -0
- package/public/r/header.json +31 -0
- package/public/r/hero-1.json +17 -0
- package/public/r/hero-10.json +18 -0
- package/public/r/hero-11.json +18 -0
- package/public/r/hero-12.json +16 -0
- package/public/r/hero-13.json +16 -0
- package/public/r/hero-2.json +18 -0
- package/public/r/hero-3.json +16 -0
- package/public/r/hero-4.json +17 -0
- package/public/r/hero-5.json +19 -0
- package/public/r/hero-6.json +19 -0
- package/public/r/hero-7.json +19 -0
- package/public/r/hero-8.json +16 -0
- package/public/r/hero-9.json +19 -0
- package/public/r/hover-card.json +30 -0
- package/public/r/icon.json +21 -0
- package/public/r/init.json +23 -0
- package/public/r/input-group.json +48 -0
- package/public/r/input.json +17 -0
- package/public/r/item.json +65 -0
- package/public/r/kbd.json +22 -0
- package/public/r/label.json +17 -0
- package/public/r/layout.json +35 -0
- package/public/r/links-2.json +21 -0
- package/public/r/logo.json +27 -0
- package/public/r/logos-1.json +16 -0
- package/public/r/logos-2.json +17 -0
- package/public/r/logos-3.json +16 -0
- package/public/r/marquee.json +17 -0
- package/public/r/native-select.json +30 -0
- package/public/r/navigation-menu.json +63 -0
- package/public/r/popover.json +45 -0
- package/public/r/price.json +32 -0
- package/public/r/pricing-1.json +21 -0
- package/public/r/pricing-2.json +20 -0
- package/public/r/pricing-3.json +21 -0
- package/public/r/product-1.json +18 -0
- package/public/r/products-1.json +18 -0
- package/public/r/products-2.json +18 -0
- package/public/r/products-3.json +18 -0
- package/public/r/products-4.json +18 -0
- package/public/r/products-5.json +19 -0
- package/public/r/radio-group.json +25 -0
- package/public/r/rating.json +20 -0
- package/public/r/registry.json +3254 -0
- package/public/r/reviews-1.json +19 -0
- package/public/r/reviews-2.json +19 -0
- package/public/r/reviews-3.json +19 -0
- package/public/r/reviews-4.json +19 -0
- package/public/r/reviews-5.json +19 -0
- package/public/r/section.json +22 -0
- package/public/r/select.json +58 -0
- package/public/r/separator.json +17 -0
- package/public/r/services-1.json +18 -0
- package/public/r/services-2.json +17 -0
- package/public/r/services-3.json +17 -0
- package/public/r/services-4.json +17 -0
- package/public/r/services-5.json +18 -0
- package/public/r/services-6.json +18 -0
- package/public/r/services-7.json +18 -0
- package/public/r/sheet.json +57 -0
- package/public/r/sidebar-1.json +28 -0
- package/public/r/sidebar.json +137 -0
- package/public/r/skeleton.json +17 -0
- package/public/r/slider.json +20 -0
- package/public/r/spinner.json +20 -0
- package/public/r/switch.json +20 -0
- package/public/r/table.json +52 -0
- package/public/r/tabs.json +40 -0
- package/public/r/textarea.json +17 -0
- package/public/r/theme-toggle.json +26 -0
- package/public/r/tile.json +27 -0
- package/public/r/toc.json +37 -0
- package/public/r/toggle.json +25 -0
- package/public/r/tooltip.json +30 -0
- package/public/r/typography.json +92 -0
- package/public/r/video.json +17 -0
- package/registry.json +3254 -0
- package/src/components/blocks/article-1.astro +83 -0
- package/src/components/blocks/article-2.astro +83 -0
- package/src/components/blocks/articles-1.astro +101 -0
- package/src/components/blocks/articles-2.astro +158 -0
- package/src/components/blocks/articles-3.astro +99 -0
- package/src/components/blocks/articles-4.astro +86 -0
- package/src/components/blocks/banner-1.astro +44 -0
- package/src/components/blocks/banner-2.astro +46 -0
- package/src/components/blocks/blocks-1.astro +262 -0
- package/src/components/blocks/contact-1.astro +126 -0
- package/src/components/blocks/contact-2.astro +130 -0
- package/src/components/blocks/contact-3.astro +144 -0
- package/src/components/blocks/content-1.astro +89 -0
- package/src/components/blocks/content-2.astro +89 -0
- package/src/components/blocks/content-3.astro +74 -0
- package/src/components/blocks/content-4.astro +91 -0
- package/src/components/blocks/content-5.astro +115 -0
- package/src/components/blocks/content-6.astro +91 -0
- package/src/components/blocks/cta-1.astro +99 -0
- package/src/components/blocks/cta-2.astro +114 -0
- package/src/components/blocks/cta-3.astro +103 -0
- package/src/components/blocks/cta-4.astro +113 -0
- package/src/components/blocks/cta-5.astro +89 -0
- package/src/components/blocks/cta-6.astro +114 -0
- package/src/components/blocks/cta-7.astro +102 -0
- package/src/components/blocks/cta-8.astro +55 -0
- package/src/components/blocks/doc-1.astro +364 -0
- package/src/components/blocks/faqs-1.astro +77 -0
- package/src/components/blocks/faqs-2.astro +82 -0
- package/src/components/blocks/faqs-3.astro +55 -0
- package/src/components/blocks/faqs-4.astro +46 -0
- package/src/components/blocks/features-1.astro +89 -0
- package/src/components/blocks/features-2.astro +76 -0
- package/src/components/blocks/features-3.astro +65 -0
- package/src/components/blocks/features-4.astro +91 -0
- package/src/components/blocks/features-5.astro +76 -0
- package/src/components/blocks/features-6.astro +75 -0
- package/src/components/blocks/footer-1.astro +94 -0
- package/src/components/blocks/footer-2.astro +80 -0
- package/src/components/blocks/footer-3.astro +117 -0
- package/src/components/blocks/header-1.astro +127 -0
- package/src/components/blocks/header-2.astro +129 -0
- package/src/components/blocks/header-3.astro +133 -0
- package/src/components/blocks/header-4.astro +219 -0
- package/src/components/blocks/header-5.astro +223 -0
- package/src/components/blocks/hero-1.astro +84 -0
- package/src/components/blocks/hero-10.astro +116 -0
- package/src/components/blocks/hero-11.astro +111 -0
- package/src/components/blocks/hero-12.astro +70 -0
- package/src/components/blocks/hero-13.astro +66 -0
- package/src/components/blocks/hero-2.astro +107 -0
- package/src/components/blocks/hero-3.astro +67 -0
- package/src/components/blocks/hero-4.astro +86 -0
- package/src/components/blocks/hero-5.astro +122 -0
- package/src/components/blocks/hero-6.astro +122 -0
- package/src/components/blocks/hero-7.astro +124 -0
- package/src/components/blocks/hero-8.astro +69 -0
- package/src/components/blocks/hero-9.astro +126 -0
- package/src/components/blocks/links-2.astro +56 -0
- package/src/components/blocks/logos-1.astro +50 -0
- package/src/components/blocks/logos-2.astro +55 -0
- package/src/components/blocks/logos-3.astro +34 -0
- package/src/components/blocks/pricing-1.astro +106 -0
- package/src/components/blocks/pricing-2.astro +100 -0
- package/src/components/blocks/pricing-3.astro +92 -0
- package/src/components/blocks/product-1.astro +76 -0
- package/src/components/blocks/products-1.astro +76 -0
- package/src/components/blocks/products-2.astro +61 -0
- package/src/components/blocks/products-3.astro +63 -0
- package/src/components/blocks/products-4.astro +96 -0
- package/src/components/blocks/products-5.astro +93 -0
- package/src/components/blocks/reviews-1.astro +74 -0
- package/src/components/blocks/reviews-2.astro +81 -0
- package/src/components/blocks/reviews-3.astro +84 -0
- package/src/components/blocks/reviews-4.astro +111 -0
- package/src/components/blocks/reviews-5.astro +172 -0
- package/src/components/blocks/services-1.astro +104 -0
- package/src/components/blocks/services-2.astro +110 -0
- package/src/components/blocks/services-3.astro +105 -0
- package/src/components/blocks/services-4.astro +98 -0
- package/src/components/blocks/services-5.astro +96 -0
- package/src/components/blocks/services-6.astro +103 -0
- package/src/components/blocks/services-7.astro +131 -0
- package/src/components/blocks/sidebar-1.astro +385 -0
- package/src/components/ui/accordion/accordion-content.astro +25 -0
- package/src/components/ui/accordion/accordion-item.astro +22 -0
- package/src/components/ui/accordion/accordion-trigger.astro +34 -0
- package/src/components/ui/accordion/accordion.astro +52 -0
- package/src/components/ui/accordion/index.ts +4 -4
- package/src/components/ui/alert/alert-action.astro +17 -0
- package/src/components/ui/alert/alert-description.astro +20 -0
- package/src/components/ui/alert/alert-title.astro +20 -0
- package/src/components/ui/alert/alert.astro +35 -0
- package/src/components/ui/alert/index.ts +4 -0
- package/src/components/ui/alert-dialog/alert-dialog-action.astro +13 -0
- package/src/components/ui/alert-dialog/alert-dialog-cancel.astro +13 -0
- package/src/components/ui/alert-dialog/alert-dialog-content.astro +30 -0
- package/src/components/ui/alert-dialog/alert-dialog-description.astro +20 -0
- package/src/components/ui/alert-dialog/alert-dialog-footer.astro +20 -0
- package/src/components/ui/alert-dialog/alert-dialog-header.astro +20 -0
- package/src/components/ui/alert-dialog/alert-dialog-media.astro +20 -0
- package/src/components/ui/alert-dialog/alert-dialog-overlay.astro +21 -0
- package/src/components/ui/alert-dialog/alert-dialog-portal.astro +13 -0
- package/src/components/ui/alert-dialog/alert-dialog-title.astro +20 -0
- package/src/components/ui/alert-dialog/alert-dialog-trigger.astro +13 -0
- package/src/components/ui/alert-dialog/alert-dialog.astro +17 -0
- package/src/components/ui/alert-dialog/index.ts +12 -0
- package/src/components/ui/avatar/avatar-badge.astro +23 -0
- package/src/components/ui/avatar/avatar-fallback.astro +20 -0
- package/src/components/ui/avatar/avatar-group-count.astro +20 -0
- package/src/components/ui/avatar/avatar-group.astro +20 -0
- package/src/components/ui/avatar/avatar-image.astro +36 -0
- package/src/components/ui/avatar/avatar.astro +23 -0
- package/src/components/ui/avatar/index.ts +6 -24
- package/src/components/ui/badge/badge-variants.ts +26 -0
- package/src/components/ui/badge/badge.astro +24 -0
- package/src/components/ui/badge/index.ts +2 -21
- package/src/components/ui/banner/banner-container.astro +36 -0
- package/src/components/ui/banner/banner.astro +85 -0
- package/src/components/ui/banner/index.ts +2 -0
- package/src/components/ui/breadcrumb/breadcrumb-ellipsis.astro +24 -0
- package/src/components/ui/breadcrumb/breadcrumb-item.astro +17 -0
- package/src/components/ui/breadcrumb/breadcrumb-link.astro +17 -0
- package/src/components/ui/breadcrumb/breadcrumb-list.astro +20 -0
- package/src/components/ui/breadcrumb/breadcrumb-page.astro +20 -0
- package/src/components/ui/breadcrumb/breadcrumb-separator.astro +20 -0
- package/src/components/ui/breadcrumb/breadcrumb.astro +18 -0
- package/src/components/ui/breadcrumb/index.ts +7 -0
- package/src/components/ui/button/button-variants.ts +39 -0
- package/src/components/ui/button/button.astro +26 -0
- package/src/components/ui/button/index.ts +2 -30
- package/src/components/ui/card/card-action.astro +20 -0
- package/src/components/ui/card/card-content.astro +17 -0
- package/src/components/ui/card/card-description.astro +17 -0
- package/src/components/ui/card/card-footer.astro +20 -0
- package/src/components/ui/card/card-header.astro +20 -0
- package/src/components/ui/card/card-title.astro +20 -0
- package/src/components/ui/card/card.astro +23 -0
- package/src/components/ui/card/index.ts +7 -6
- package/src/components/ui/carousel/carousel-content.astro +24 -0
- package/src/components/ui/carousel/carousel-item.astro +24 -0
- package/src/components/ui/carousel/carousel-next.astro +36 -0
- package/src/components/ui/carousel/carousel-previous.astro +36 -0
- package/src/components/ui/carousel/carousel.astro +246 -0
- package/src/components/ui/carousel/index.ts +9 -8
- package/src/components/ui/checkbox/checkbox.astro +63 -0
- package/src/components/ui/checkbox/index.ts +1 -1
- package/src/components/ui/collapsible/collapsible-content.astro +13 -0
- package/src/components/ui/collapsible/collapsible-trigger.astro +18 -0
- package/src/components/ui/collapsible/collapsible.astro +33 -0
- package/src/components/ui/collapsible/index.ts +3 -3
- package/src/components/ui/combobox/combobox-content.astro +61 -0
- package/src/components/ui/combobox/combobox-empty.astro +21 -0
- package/src/components/ui/combobox/combobox-group.astro +13 -0
- package/src/components/ui/combobox/combobox-input.astro +57 -0
- package/src/components/ui/combobox/combobox-item.astro +44 -0
- package/src/components/ui/combobox/combobox-label.astro +17 -0
- package/src/components/ui/combobox/combobox-list.astro +20 -0
- package/src/components/ui/combobox/combobox-separator.astro +16 -0
- package/src/components/ui/combobox/combobox-trigger.astro +37 -0
- package/src/components/ui/combobox/combobox-value.astro +20 -0
- package/src/components/ui/combobox/combobox.astro +85 -0
- package/src/components/ui/combobox/index.ts +11 -0
- package/src/components/ui/command/command-dialog.astro +54 -0
- package/src/components/ui/command/command-empty.astro +18 -0
- package/src/components/ui/command/command-group.astro +27 -0
- package/src/components/ui/command/command-input.astro +31 -0
- package/src/components/ui/command/command-item.astro +50 -0
- package/src/components/ui/command/command-list.astro +20 -0
- package/src/components/ui/command/command-separator.astro +16 -0
- package/src/components/ui/command/command-shortcut.astro +20 -0
- package/src/components/ui/command/command.astro +76 -0
- package/src/components/ui/command/index.ts +9 -9
- package/src/components/ui/dialog/dialog-close.astro +17 -0
- package/src/components/ui/dialog/dialog-content.astro +50 -0
- package/src/components/ui/dialog/dialog-description.astro +20 -0
- package/src/components/ui/dialog/dialog-footer.astro +24 -0
- package/src/components/ui/dialog/dialog-header.astro +17 -0
- package/src/components/ui/dialog/dialog-overlay.astro +22 -0
- package/src/components/ui/dialog/dialog-portal.astro +13 -0
- package/src/components/ui/dialog/dialog-title.astro +17 -0
- package/src/components/ui/dialog/dialog-trigger.astro +13 -0
- package/src/components/ui/dialog/dialog.astro +17 -0
- package/src/components/ui/dialog/index.ts +10 -9
- package/src/components/ui/dropdown-menu/dropdown-menu-checkbox-item.astro +52 -0
- package/src/components/ui/dropdown-menu/dropdown-menu-content.astro +58 -0
- package/src/components/ui/dropdown-menu/dropdown-menu-group.astro +13 -0
- package/src/components/ui/dropdown-menu/dropdown-menu-item.astro +36 -0
- package/src/components/ui/dropdown-menu/dropdown-menu-label.astro +23 -0
- package/src/components/ui/dropdown-menu/dropdown-menu-portal.astro +11 -0
- package/src/components/ui/dropdown-menu/dropdown-menu-radio-item.astro +52 -0
- package/src/components/ui/dropdown-menu/dropdown-menu-separator.astro +16 -0
- package/src/components/ui/dropdown-menu/dropdown-menu-shortcut.astro +20 -0
- package/src/components/ui/dropdown-menu/dropdown-menu-trigger.astro +16 -0
- package/src/components/ui/dropdown-menu/dropdown-menu.astro +68 -0
- package/src/components/ui/dropdown-menu/index.ts +11 -0
- package/src/components/ui/empty/empty-content.astro +20 -0
- package/src/components/ui/empty/empty-description.astro +20 -0
- package/src/components/ui/empty/empty-header.astro +17 -0
- package/src/components/ui/empty/empty-media.astro +34 -0
- package/src/components/ui/empty/empty-title.astro +17 -0
- package/src/components/ui/empty/empty.astro +20 -0
- package/src/components/ui/empty/index.ts +6 -0
- package/src/components/ui/field/field-content.astro +20 -0
- package/src/components/ui/field/field-description.astro +22 -0
- package/src/components/ui/field/field-error.astro +45 -0
- package/src/components/ui/field/field-group.astro +20 -0
- package/src/components/ui/field/field-label.astro +22 -0
- package/src/components/ui/field/field-legend.astro +23 -0
- package/src/components/ui/field/field-separator.astro +33 -0
- package/src/components/ui/field/field-set.astro +20 -0
- package/src/components/ui/field/field-title.astro +20 -0
- package/src/components/ui/field/field.astro +39 -0
- package/src/components/ui/field/index.ts +10 -0
- package/src/components/ui/form/form.astro +13 -0
- package/src/components/ui/form/index.ts +1 -7
- package/src/components/ui/header/header-container.astro +17 -0
- package/src/components/ui/header/header-group.astro +17 -0
- package/src/components/ui/header/header.astro +32 -0
- package/src/components/ui/header/index.ts +3 -0
- package/src/components/ui/hover-card/hover-card-content.astro +51 -0
- package/src/components/ui/hover-card/hover-card-trigger.astro +26 -0
- package/src/components/ui/hover-card/hover-card.astro +69 -0
- package/src/components/ui/hover-card/index.ts +3 -0
- package/src/components/ui/icon/icon.astro +90 -0
- package/src/components/ui/icon/index.ts +1 -0
- package/src/components/ui/input/index.ts +1 -1
- package/src/components/ui/input/input.astro +22 -0
- package/src/components/ui/input-group/index.ts +6 -0
- package/src/components/ui/input-group/input-group-addon.astro +41 -0
- package/src/components/ui/input-group/input-group-button.astro +49 -0
- package/src/components/ui/input-group/input-group-input.astro +23 -0
- package/src/components/ui/input-group/input-group-text.astro +20 -0
- package/src/components/ui/input-group/input-group-textarea.astro +19 -0
- package/src/components/ui/input-group/input-group.astro +51 -0
- package/src/components/ui/item/index.ts +10 -0
- package/src/components/ui/item/item-actions.astro +17 -0
- package/src/components/ui/item/item-content.astro +21 -0
- package/src/components/ui/item/item-description.astro +20 -0
- package/src/components/ui/item/item-footer.astro +17 -0
- package/src/components/ui/item/item-group.astro +21 -0
- package/src/components/ui/item/item-header.astro +17 -0
- package/src/components/ui/item/item-media.astro +36 -0
- package/src/components/ui/item/item-separator.astro +17 -0
- package/src/components/ui/item/item-title.astro +20 -0
- package/src/components/ui/item/item.astro +71 -0
- package/src/components/ui/kbd/index.ts +2 -0
- package/src/components/ui/kbd/kbd-group.astro +17 -0
- package/src/components/ui/kbd/kbd.astro +20 -0
- package/src/components/ui/label/index.ts +1 -1
- package/src/components/ui/label/label.astro +20 -0
- package/src/components/ui/layout/index.ts +4 -0
- package/src/components/ui/layout/layout-body.astro +26 -0
- package/src/components/ui/layout/layout-head.astro +100 -0
- package/src/components/ui/layout/layout-main.astro +20 -0
- package/src/components/ui/layout/layout.astro +34 -0
- package/src/components/ui/logo/index.ts +3 -0
- package/src/components/ui/logo/logo-image.astro +48 -0
- package/src/components/ui/logo/logo-text.astro +13 -0
- package/src/components/ui/logo/logo.astro +22 -0
- package/src/components/ui/marquee/index.ts +1 -0
- package/src/components/ui/marquee/marquee.astro +106 -0
- package/src/components/ui/native-select/index.ts +3 -0
- package/src/components/ui/native-select/native-select-optgroup.astro +17 -0
- package/src/components/ui/native-select/native-select-option.astro +17 -0
- package/src/components/ui/native-select/native-select.astro +36 -0
- package/src/components/ui/navigation-menu/index.ts +9 -14
- package/src/components/ui/navigation-menu/navigation-menu-content.astro +37 -0
- package/src/components/ui/navigation-menu/navigation-menu-indicator.astro +23 -0
- package/src/components/ui/navigation-menu/navigation-menu-item.astro +36 -0
- package/src/components/ui/navigation-menu/navigation-menu-link.astro +23 -0
- package/src/components/ui/navigation-menu/navigation-menu-list.astro +20 -0
- package/src/components/ui/navigation-menu/navigation-menu-positioner.astro +47 -0
- package/src/components/ui/navigation-menu/navigation-menu-trigger-style.ts +7 -0
- package/src/components/ui/navigation-menu/navigation-menu-trigger.astro +27 -0
- package/src/components/ui/navigation-menu/navigation-menu.astro +63 -0
- package/src/components/ui/popover/index.ts +6 -3
- package/src/components/ui/popover/popover-content.astro +62 -0
- package/src/components/ui/popover/popover-description.astro +17 -0
- package/src/components/ui/popover/popover-header.astro +17 -0
- package/src/components/ui/popover/popover-title.astro +13 -0
- package/src/components/ui/popover/popover-trigger.astro +11 -0
- package/src/components/ui/popover/popover.astro +59 -0
- package/src/components/ui/price/format-price-value.ts +91 -0
- package/src/components/ui/price/index.ts +3 -0
- package/src/components/ui/price/price-unit.astro +16 -0
- package/src/components/ui/price/price-value.astro +81 -0
- package/src/components/ui/price/price.astro +13 -0
- package/src/components/ui/radio-group/index.ts +2 -2
- package/src/components/ui/radio-group/radio-group-item.astro +43 -0
- package/src/components/ui/radio-group/radio-group.astro +42 -0
- package/src/components/ui/rating/index.ts +1 -0
- package/src/components/ui/rating/rating.astro +39 -0
- package/src/components/ui/section/index.ts +2 -0
- package/src/components/ui/section/section-container.astro +19 -0
- package/src/components/ui/section/section.astro +32 -0
- package/src/components/ui/select/index.ts +8 -11
- package/src/components/ui/select/select-content.astro +69 -0
- package/src/components/ui/select/select-group.astro +17 -0
- package/src/components/ui/select/select-item.astro +39 -0
- package/src/components/ui/select/select-label.astro +17 -0
- package/src/components/ui/select/select-separator.astro +16 -0
- package/src/components/ui/select/select-trigger.astro +40 -0
- package/src/components/ui/select/select-value.astro +17 -0
- package/src/components/ui/select/select.astro +76 -0
- package/src/components/ui/separator/index.ts +1 -1
- package/src/components/ui/separator/separator.astro +32 -0
- package/src/components/ui/sheet/index.ts +8 -0
- package/src/components/ui/sheet/sheet-close.astro +13 -0
- package/src/components/ui/sheet/sheet-content.astro +59 -0
- package/src/components/ui/sheet/sheet-description.astro +17 -0
- package/src/components/ui/sheet/sheet-footer.astro +17 -0
- package/src/components/ui/sheet/sheet-header.astro +17 -0
- package/src/components/ui/sheet/sheet-title.astro +17 -0
- package/src/components/ui/sheet/sheet-trigger.astro +13 -0
- package/src/components/ui/sheet/sheet.astro +125 -0
- package/src/components/ui/sidebar/index.ts +23 -0
- package/src/components/ui/sidebar/sidebar-content.astro +21 -0
- package/src/components/ui/sidebar/sidebar-footer.astro +18 -0
- package/src/components/ui/sidebar/sidebar-group-action.astro +31 -0
- package/src/components/ui/sidebar/sidebar-group-content.astro +18 -0
- package/src/components/ui/sidebar/sidebar-group-label.astro +26 -0
- package/src/components/ui/sidebar/sidebar-group.astro +18 -0
- package/src/components/ui/sidebar/sidebar-header.astro +18 -0
- package/src/components/ui/sidebar/sidebar-input.astro +19 -0
- package/src/components/ui/sidebar/sidebar-inset.astro +20 -0
- package/src/components/ui/sidebar/sidebar-menu-action.astro +40 -0
- package/src/components/ui/sidebar/sidebar-menu-badge.astro +21 -0
- package/src/components/ui/sidebar/sidebar-menu-button.astro +126 -0
- package/src/components/ui/sidebar/sidebar-menu-item.astro +18 -0
- package/src/components/ui/sidebar/sidebar-menu-skeleton.astro +31 -0
- package/src/components/ui/sidebar/sidebar-menu-sub-button.astro +55 -0
- package/src/components/ui/sidebar/sidebar-menu-sub-item.astro +18 -0
- package/src/components/ui/sidebar/sidebar-menu-sub.astro +21 -0
- package/src/components/ui/sidebar/sidebar-menu.astro +18 -0
- package/src/components/ui/sidebar/sidebar-provider.astro +180 -0
- package/src/components/ui/sidebar/sidebar-rail.astro +27 -0
- package/src/components/ui/sidebar/sidebar-separator.astro +17 -0
- package/src/components/ui/sidebar/sidebar-trigger.astro +26 -0
- package/src/components/ui/sidebar/sidebar.astro +118 -0
- package/src/components/ui/skeleton/index.ts +1 -0
- package/src/components/ui/skeleton/skeleton.astro +16 -0
- package/src/components/ui/slider/index.ts +1 -0
- package/src/components/ui/slider/slider.astro +84 -0
- package/src/components/ui/spinner/index.ts +1 -0
- package/src/components/ui/spinner/spinner.astro +24 -0
- package/src/components/ui/switch/index.ts +1 -1
- package/src/components/ui/switch/switch.astro +71 -0
- package/src/components/ui/table/index.ts +8 -0
- package/src/components/ui/table/table-body.astro +17 -0
- package/src/components/ui/table/table-caption.astro +17 -0
- package/src/components/ui/table/table-cell.astro +20 -0
- package/src/components/ui/table/table-footer.astro +20 -0
- package/src/components/ui/table/table-head.astro +20 -0
- package/src/components/ui/table/table-header.astro +17 -0
- package/src/components/ui/table/table-row.astro +20 -0
- package/src/components/ui/table/table.astro +19 -0
- package/src/components/ui/tabs/index.ts +8 -0
- package/src/components/ui/tabs/tabs-content.astro +20 -0
- package/src/components/ui/tabs/tabs-list-variants.ts +18 -0
- package/src/components/ui/tabs/tabs-list.astro +30 -0
- package/src/components/ui/tabs/tabs-trigger.astro +26 -0
- package/src/components/ui/tabs/tabs.astro +38 -0
- package/src/components/ui/textarea/index.ts +1 -1
- package/src/components/ui/textarea/textarea.astro +23 -0
- package/src/components/ui/theme-toggle/index.ts +2 -0
- package/src/components/ui/theme-toggle/theme-provider.astro +61 -0
- package/src/components/ui/theme-toggle/theme-toggle.astro +84 -0
- package/src/components/ui/tile/index.ts +3 -0
- package/src/components/ui/tile/tile-content.astro +17 -0
- package/src/components/ui/tile/tile-group.astro +76 -0
- package/src/components/ui/tile/tile.astro +46 -0
- package/src/components/ui/toc/index.ts +5 -0
- package/src/components/ui/toc/toc-menu-item.astro +13 -0
- package/src/components/ui/toc/toc-menu-link.astro +37 -0
- package/src/components/ui/toc/toc-menu.astro +17 -0
- package/src/components/ui/toc/toc-title.astro +21 -0
- package/src/components/ui/toc/toc.astro +13 -0
- package/src/components/ui/toggle/index.ts +3 -0
- package/src/components/ui/toggle/toggle-variants.ts +25 -0
- package/src/components/ui/toggle/toggle.astro +40 -0
- package/src/components/ui/tooltip/index.ts +3 -0
- package/src/components/ui/tooltip/tooltip-content.astro +64 -0
- package/src/components/ui/tooltip/tooltip-trigger.astro +26 -0
- package/src/components/ui/tooltip/tooltip.astro +55 -0
- package/src/components/ui/typography/index.ts +16 -0
- package/src/components/ui/typography/typography-a.astro +22 -0
- package/src/components/ui/typography/typography-blockquote.astro +23 -0
- package/src/components/ui/typography/typography-h1.astro +43 -0
- package/src/components/ui/typography/typography-h2.astro +43 -0
- package/src/components/ui/typography/typography-h3.astro +43 -0
- package/src/components/ui/typography/typography-h4.astro +43 -0
- package/src/components/ui/typography/typography-inline-code.astro +31 -0
- package/src/components/ui/typography/typography-lead.astro +21 -0
- package/src/components/ui/typography/typography-list-item.astro +28 -0
- package/src/components/ui/typography/typography-list.astro +45 -0
- package/src/components/ui/typography/typography-p.astro +23 -0
- package/src/components/ui/typography/typography-table-cell.astro +41 -0
- package/src/components/ui/typography/typography-table-head.astro +41 -0
- package/src/components/ui/typography/typography-table-row.astro +33 -0
- package/src/components/ui/typography/typography-table.astro +50 -0
- package/src/components/ui/typography/typography.astro +180 -0
- package/src/components/ui/video/index.ts +1 -0
- package/src/components/ui/video/video.astro +73 -0
- package/src/lib/integration.ts +53 -14
- package/src/lib/pages.ts +85 -0
- package/src/lib/utils.ts +2 -2
- package/src/styles/global.css +179 -113
- package/cli.js +0 -51
- package/components.json +0 -18
- package/src/blocks/CategoryGroup1.astro +0 -43
- package/src/blocks/CategoryList1.astro +0 -55
- package/src/blocks/Contact1.astro +0 -45
- package/src/blocks/Contact2.astro +0 -45
- package/src/blocks/Content1.astro +0 -29
- package/src/blocks/Cta1.astro +0 -30
- package/src/blocks/Faqs1.astro +0 -29
- package/src/blocks/Faqs2.astro +0 -29
- package/src/blocks/Features1.astro +0 -36
- package/src/blocks/Footer.astro +0 -59
- package/src/blocks/Header.astro +0 -87
- package/src/blocks/Hero1.astro +0 -38
- package/src/blocks/Intro1.astro +0 -25
- package/src/blocks/PostSingle1.astro +0 -29
- package/src/blocks/ProductGroup1.astro +0 -82
- package/src/blocks/ProductList1.astro +0 -60
- package/src/blocks/ProductSingle1.astro +0 -64
- package/src/blocks/Reviews1.astro +0 -37
- package/src/components/Abstract.astro +0 -36
- package/src/components/Accordion.vue +0 -31
- package/src/components/Avatar.astro +0 -31
- package/src/components/Badge.astro +0 -21
- package/src/components/Block.astro +0 -40
- package/src/components/Box.astro +0 -28
- package/src/components/Button.astro +0 -54
- package/src/components/Buttons.astro +0 -50
- package/src/components/Card.astro +0 -20
- package/src/components/Carousel.vue +0 -38
- package/src/components/Chip.astro +0 -27
- package/src/components/Code.astro +0 -72
- package/src/components/Container.astro +0 -25
- package/src/components/Drawer.vue +0 -53
- package/src/components/Form.vue +0 -79
- package/src/components/Gallery.vue +0 -85
- package/src/components/Grid.astro +0 -35
- package/src/components/Icon.astro +0 -24
- package/src/components/Image.astro +0 -26
- package/src/components/Layout.astro +0 -116
- package/src/components/Link.astro +0 -22
- package/src/components/List.astro +0 -32
- package/src/components/Logo.astro +0 -30
- package/src/components/Masonry.astro +0 -35
- package/src/components/Menu.astro +0 -48
- package/src/components/Menus.astro +0 -25
- package/src/components/Navigation.vue +0 -93
- package/src/components/Panel.astro +0 -18
- package/src/components/Person.astro +0 -43
- package/src/components/Price.astro +0 -46
- package/src/components/Proof.astro +0 -31
- package/src/components/Props.astro +0 -21
- package/src/components/Prose.astro +0 -28
- package/src/components/Rating.astro +0 -36
- package/src/components/Search.vue +0 -65
- package/src/components/Section.astro +0 -18
- package/src/components/Select.vue +0 -41
- package/src/components/Separator.astro +0 -0
- package/src/components/Sidebar.astro +0 -50
- package/src/components/Social.astro +0 -32
- package/src/components/Socials.astro +0 -27
- package/src/components/Sort.vue +0 -46
- package/src/components/Split.astro +0 -27
- package/src/components/Table.astro +0 -103
- package/src/components/Themer.astro +0 -85
- package/src/components/Toc.astro +0 -65
- package/src/components/Writeup.astro +0 -37
- package/src/components/ui/accordion/Accordion.vue +0 -19
- package/src/components/ui/accordion/AccordionContent.vue +0 -24
- package/src/components/ui/accordion/AccordionItem.vue +0 -24
- package/src/components/ui/accordion/AccordionTrigger.vue +0 -33
- package/src/components/ui/auto-form/AutoForm.vue +0 -115
- package/src/components/ui/auto-form/AutoFormField.vue +0 -45
- package/src/components/ui/auto-form/AutoFormFieldArray.vue +0 -127
- package/src/components/ui/auto-form/AutoFormFieldBoolean.vue +0 -47
- package/src/components/ui/auto-form/AutoFormFieldDate.vue +0 -78
- package/src/components/ui/auto-form/AutoFormFieldEnum.vue +0 -77
- package/src/components/ui/auto-form/AutoFormFieldFile.vue +0 -87
- package/src/components/ui/auto-form/AutoFormFieldInput.vue +0 -42
- package/src/components/ui/auto-form/AutoFormFieldNumber.vue +0 -42
- package/src/components/ui/auto-form/AutoFormFieldObject.vue +0 -90
- package/src/components/ui/auto-form/AutoFormLabel.vue +0 -19
- package/src/components/ui/auto-form/constant.ts +0 -40
- package/src/components/ui/auto-form/dependencies.ts +0 -92
- package/src/components/ui/auto-form/index.ts +0 -15
- package/src/components/ui/auto-form/interface.ts +0 -95
- package/src/components/ui/auto-form/utils.ts +0 -188
- package/src/components/ui/avatar/Avatar.vue +0 -24
- package/src/components/ui/avatar/AvatarFallback.vue +0 -11
- package/src/components/ui/avatar/AvatarImage.vue +0 -9
- package/src/components/ui/badge/Badge.vue +0 -16
- package/src/components/ui/button/Button.vue +0 -26
- package/src/components/ui/calendar/Calendar.vue +0 -80
- package/src/components/ui/calendar/CalendarCell.vue +0 -29
- package/src/components/ui/calendar/CalendarCellTrigger.vue +0 -40
- package/src/components/ui/calendar/CalendarGrid.vue +0 -24
- package/src/components/ui/calendar/CalendarGridBody.vue +0 -11
- package/src/components/ui/calendar/CalendarGridHead.vue +0 -11
- package/src/components/ui/calendar/CalendarGridRow.vue +0 -24
- package/src/components/ui/calendar/CalendarHeadCell.vue +0 -24
- package/src/components/ui/calendar/CalendarHeader.vue +0 -24
- package/src/components/ui/calendar/CalendarHeading.vue +0 -27
- package/src/components/ui/calendar/CalendarNextButton.vue +0 -30
- package/src/components/ui/calendar/CalendarPrevButton.vue +0 -30
- package/src/components/ui/calendar/index.ts +0 -12
- package/src/components/ui/card/Card.vue +0 -14
- package/src/components/ui/card/CardContent.vue +0 -14
- package/src/components/ui/card/CardDescription.vue +0 -14
- package/src/components/ui/card/CardFooter.vue +0 -14
- package/src/components/ui/card/CardHeader.vue +0 -14
- package/src/components/ui/card/CardTitle.vue +0 -14
- package/src/components/ui/carousel/Carousel.vue +0 -61
- package/src/components/ui/carousel/CarouselContent.vue +0 -27
- package/src/components/ui/carousel/CarouselItem.vue +0 -19
- package/src/components/ui/carousel/CarouselNext.vue +0 -33
- package/src/components/ui/carousel/CarouselPrevious.vue +0 -33
- package/src/components/ui/carousel/interface.ts +0 -26
- package/src/components/ui/carousel/useCarousel.ts +0 -56
- package/src/components/ui/checkbox/Checkbox.vue +0 -36
- package/src/components/ui/collapsible/Collapsible.vue +0 -15
- package/src/components/ui/collapsible/CollapsibleContent.vue +0 -11
- package/src/components/ui/collapsible/CollapsibleTrigger.vue +0 -11
- package/src/components/ui/command/Command.vue +0 -32
- package/src/components/ui/command/CommandDialog.vue +0 -23
- package/src/components/ui/command/CommandEmpty.vue +0 -23
- package/src/components/ui/command/CommandGroup.vue +0 -39
- package/src/components/ui/command/CommandInput.vue +0 -43
- package/src/components/ui/command/CommandItem.vue +0 -31
- package/src/components/ui/command/CommandList.vue +0 -30
- package/src/components/ui/command/CommandSeparator.vue +0 -23
- package/src/components/ui/command/CommandShortcut.vue +0 -14
- package/src/components/ui/dialog/Dialog.vue +0 -14
- package/src/components/ui/dialog/DialogClose.vue +0 -11
- package/src/components/ui/dialog/DialogContent.vue +0 -51
- package/src/components/ui/dialog/DialogDescription.vue +0 -24
- package/src/components/ui/dialog/DialogFooter.vue +0 -12
- package/src/components/ui/dialog/DialogHeader.vue +0 -14
- package/src/components/ui/dialog/DialogScrollContent.vue +0 -59
- package/src/components/ui/dialog/DialogTitle.vue +0 -24
- package/src/components/ui/dialog/DialogTrigger.vue +0 -11
- package/src/components/ui/drawer/Drawer.vue +0 -19
- package/src/components/ui/drawer/DrawerContent.vue +0 -31
- package/src/components/ui/drawer/DrawerDescription.vue +0 -23
- package/src/components/ui/drawer/DrawerFooter.vue +0 -14
- package/src/components/ui/drawer/DrawerHeader.vue +0 -14
- package/src/components/ui/drawer/DrawerOverlay.vue +0 -21
- package/src/components/ui/drawer/DrawerTitle.vue +0 -23
- package/src/components/ui/drawer/index.ts +0 -8
- package/src/components/ui/form/FormControl.vue +0 -16
- package/src/components/ui/form/FormDescription.vue +0 -20
- package/src/components/ui/form/FormItem.vue +0 -19
- package/src/components/ui/form/FormLabel.vue +0 -20
- package/src/components/ui/form/FormMessage.vue +0 -16
- package/src/components/ui/form/injectionKeys.ts +0 -4
- package/src/components/ui/form/useFormField.ts +0 -30
- package/src/components/ui/input/Input.vue +0 -32
- package/src/components/ui/label/Label.vue +0 -24
- package/src/components/ui/navigation-menu/NavigationMenu.vue +0 -33
- package/src/components/ui/navigation-menu/NavigationMenuContent.vue +0 -36
- package/src/components/ui/navigation-menu/NavigationMenuIndicator.vue +0 -29
- package/src/components/ui/navigation-menu/NavigationMenuItem.vue +0 -11
- package/src/components/ui/navigation-menu/NavigationMenuLink.vue +0 -19
- package/src/components/ui/navigation-menu/NavigationMenuList.vue +0 -24
- package/src/components/ui/navigation-menu/NavigationMenuTrigger.vue +0 -30
- package/src/components/ui/navigation-menu/NavigationMenuViewport.vue +0 -29
- package/src/components/ui/popover/Popover.vue +0 -15
- package/src/components/ui/popover/PopoverContent.vue +0 -45
- package/src/components/ui/popover/PopoverTrigger.vue +0 -11
- package/src/components/ui/radio-group/RadioGroup.vue +0 -25
- package/src/components/ui/radio-group/RadioGroupItem.vue +0 -32
- package/src/components/ui/select/Select.vue +0 -15
- package/src/components/ui/select/SelectContent.vue +0 -59
- package/src/components/ui/select/SelectGroup.vue +0 -22
- package/src/components/ui/select/SelectItem.vue +0 -38
- package/src/components/ui/select/SelectItemText.vue +0 -11
- package/src/components/ui/select/SelectLabel.vue +0 -13
- package/src/components/ui/select/SelectScrollDownButton.vue +0 -27
- package/src/components/ui/select/SelectScrollUpButton.vue +0 -27
- package/src/components/ui/select/SelectSeparator.vue +0 -20
- package/src/components/ui/select/SelectTrigger.vue +0 -33
- package/src/components/ui/select/SelectValue.vue +0 -11
- package/src/components/ui/separator/Separator.vue +0 -33
- package/src/components/ui/switch/Switch.vue +0 -39
- package/src/components/ui/textarea/Textarea.vue +0 -32
- package/src/schemas/blocks/categoryGroup.ts +0 -17
- package/src/schemas/blocks/categoryList.ts +0 -18
- package/src/schemas/blocks/categorySingle.ts +0 -12
- package/src/schemas/blocks/contact.ts +0 -13
- package/src/schemas/blocks/content.ts +0 -13
- package/src/schemas/blocks/cta.ts +0 -11
- package/src/schemas/blocks/faqs.ts +0 -18
- package/src/schemas/blocks/features.ts +0 -17
- package/src/schemas/blocks/footer.ts +0 -16
- package/src/schemas/blocks/header.ts +0 -18
- package/src/schemas/blocks/hero.ts +0 -15
- package/src/schemas/blocks/intro.ts +0 -9
- package/src/schemas/blocks/postSingle.ts +0 -12
- package/src/schemas/blocks/productGroup.ts +0 -17
- package/src/schemas/blocks/productList.ts +0 -18
- package/src/schemas/blocks/productSingle.ts +0 -17
- package/src/schemas/blocks/reviews.ts +0 -16
- package/src/schemas/collections/block.ts +0 -83
- package/src/schemas/collections/category.ts +0 -11
- package/src/schemas/collections/page.ts +0 -13
- package/src/schemas/collections/post.ts +0 -11
- package/src/schemas/collections/product.ts +0 -11
- package/src/schemas/fields/badge.ts +0 -9
- package/src/schemas/fields/button.ts +0 -12
- package/src/schemas/fields/card.ts +0 -28
- package/src/schemas/fields/channel.ts +0 -10
- package/src/schemas/fields/form.ts +0 -20
- package/src/schemas/fields/image.ts +0 -8
- package/src/schemas/fields/link.ts +0 -9
- package/src/schemas/fields/logo.ts +0 -10
- package/src/schemas/fields/menu.ts +0 -10
- package/src/schemas/fields/meta.ts +0 -14
- package/src/schemas/fields/path.ts +0 -13
- package/src/schemas/fields/proof.ts +0 -11
- package/src/schemas/fields/section.ts +0 -48
- package/tailwind.config.js +0 -111
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
|
|
3
|
+
"name": "label",
|
|
4
|
+
"files": [
|
|
5
|
+
{
|
|
6
|
+
"path": "src/components/ui/label/label.astro",
|
|
7
|
+
"content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"label\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<label\n data-slot=\"label\"\n class={cn(\n \"flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50\",\n className\n )}\n {...props}\n>\n <slot />\n</label>\n",
|
|
8
|
+
"type": "registry:ui"
|
|
9
|
+
},
|
|
10
|
+
{
|
|
11
|
+
"path": "src/components/ui/label/index.ts",
|
|
12
|
+
"content": "export { default as Label } from \"./label.astro\"\n",
|
|
13
|
+
"type": "registry:ui"
|
|
14
|
+
}
|
|
15
|
+
],
|
|
16
|
+
"type": "registry:ui"
|
|
17
|
+
}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
|
|
3
|
+
"name": "layout",
|
|
4
|
+
"dependencies": [
|
|
5
|
+
"@lexingtonthemes/seo"
|
|
6
|
+
],
|
|
7
|
+
"files": [
|
|
8
|
+
{
|
|
9
|
+
"path": "src/components/ui/layout/layout.astro",
|
|
10
|
+
"content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport \"@/styles/global.css\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"html\">\n\nconst { class: className, lang, ...props } = Astro.props\n---\n\n<html\n class={cn(\n \"bg-background text-foreground has-data-[variant=inset]:bg-sidebar overscroll-none scroll-smooth\",\n className\n )}\n data-slot=\"layout\"\n lang={Astro.currentLocale || \"en\"}\n {...props}\n>\n <slot />\n</html>\n\n<style is:global>\n :root {\n --container: 1280px;\n color-scheme: light;\n }\n\n .dark {\n color-scheme: dark;\n }\n</style>\n",
|
|
11
|
+
"type": "registry:ui"
|
|
12
|
+
},
|
|
13
|
+
{
|
|
14
|
+
"path": "src/components/ui/layout/layout-head.astro",
|
|
15
|
+
"content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { getImage } from \"astro:assets\"\nimport { AstroSeo } from \"@lexingtonthemes/seo\"\n\ntype Props = {\n name?: string\n title?: string\n description?: string\n image?: {\n src?: ImageMetadata | string\n alt?: string\n }\n noindex?: boolean\n nofollow?: boolean\n canonical?: string\n}\n\nconst baseUrl = Astro.site?.origin || Astro.url.origin\nconst pagePathname = Astro.url.pathname.endsWith(\"/\")\n ? Astro.url.pathname\n : `${Astro.url.pathname}/`\n\nconst {\n name,\n title,\n description,\n image,\n noindex,\n nofollow,\n canonical,\n ...props\n} = Astro.props\n\nconst resolvedCanonical = new URL(canonical || pagePathname, baseUrl).toString()\n\nconst toImageMimeType = (format?: string) => {\n if (!format) return undefined\n if (format.includes(\"/\")) return format\n if (format === \"jpg\") return \"image/jpeg\"\n return `image/${format}`\n}\n\nconst transformedImage =\n image?.src && typeof image.src !== \"string\"\n ? await getImage({\n src: image.src,\n format: \"png\",\n width: 1200,\n height: 630,\n quality: \"medium\",\n })\n : undefined\n\nconst openGraphImage =\n typeof image?.src === \"string\"\n ? {\n url: new URL(image.src, baseUrl).toString(),\n alt: image.alt,\n }\n : transformedImage\n ? {\n url: new URL(transformedImage.src, baseUrl).toString(),\n alt: image?.alt,\n width: transformedImage.attributes.width,\n height: transformedImage.attributes.height,\n type: toImageMimeType(transformedImage.attributes.format),\n }\n : undefined\n---\n\n<head data-slot=\"layout-head\" {...props}>\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n <meta name=\"generator\" content={Astro.generator} />\n <meta charset=\"utf-8\" />\n <AstroSeo\n title={title}\n description={description}\n canonical={resolvedCanonical}\n noindex={noindex}\n nofollow={nofollow}\n openGraph={{\n url: resolvedCanonical,\n type: \"website\",\n ...(name && { site_name: name }),\n ...(openGraphImage && {\n images: [\n {\n ...openGraphImage,\n ...(openGraphImage.url.startsWith(\"https://\") && {\n secureUrl: openGraphImage.url,\n }),\n },\n ],\n }),\n }}\n />\n <slot name=\"head\" />\n <slot />\n</head>\n",
|
|
16
|
+
"type": "registry:ui"
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
"path": "src/components/ui/layout/layout-body.astro",
|
|
20
|
+
"content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"body\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<body\n class={cn(\n \"bg-background text-foreground overscroll-none antialiased\",\n className\n )}\n data-slot=\"layout-body\"\n {...props}\n>\n <slot />\n</body>\n\n<style is:global>\n body {\n font-family: var(--font-sans), ui-sans-serif, system-ui, sans-serif;\n }\n</style>\n",
|
|
21
|
+
"type": "registry:ui"
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
"path": "src/components/ui/layout/layout-main.astro",
|
|
25
|
+
"content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"main\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<main\n data-slot=\"layout-main\"\n class={cn(\n \"@container flex flex-col in-data-[slot=sidebar-inset]:rounded-[inherit]\",\n className\n )}\n {...props}\n>\n <slot />\n</main>\n",
|
|
26
|
+
"type": "registry:ui"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"path": "src/components/ui/layout/index.ts",
|
|
30
|
+
"content": "export { default as Layout } from \"./layout.astro\"\nexport { default as LayoutBody } from \"./layout-body.astro\"\nexport { default as LayoutHead } from \"./layout-head.astro\"\nexport { default as LayoutMain } from \"./layout-main.astro\"\n",
|
|
31
|
+
"type": "registry:ui"
|
|
32
|
+
}
|
|
33
|
+
],
|
|
34
|
+
"type": "registry:ui"
|
|
35
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
|
|
3
|
+
"name": "links-2",
|
|
4
|
+
"registryDependencies": [
|
|
5
|
+
"@fulldev/accordion",
|
|
6
|
+
"@fulldev/button",
|
|
7
|
+
"@fulldev/card",
|
|
8
|
+
"@fulldev/carousel",
|
|
9
|
+
"@fulldev/section",
|
|
10
|
+
"@fulldev/tabs",
|
|
11
|
+
"@fulldev/icon"
|
|
12
|
+
],
|
|
13
|
+
"files": [
|
|
14
|
+
{
|
|
15
|
+
"path": "src/components/blocks/links-2.astro",
|
|
16
|
+
"content": "---\nimport { cn } from \"@/lib/utils\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = {\n class?: string\n title: string\n description: string\n links: {\n href: string\n title: string\n description: string\n preview?: string\n }[]\n}\n\nconst { class: className, title, description, links } = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n <SectionContainer class=\"gap-10\">\n <div class=\"flex min-w-0 flex-col gap-4 border-b pb-8\">\n <h2\n class=\"text-foreground text-2xl font-semibold tracking-tight text-balance sm:text-3xl\"\n >\n {title}\n </h2>\n <p class=\"text-muted-foreground max-w-2xl text-base leading-7\">\n {description}\n </p>\n </div>\n\n <div class=\"grid gap-2 md:grid-cols-2 xl:grid-cols-3\">\n {\n links.map((item) => (\n <a\n href={item.href}\n class=\"bg-muted/40 hover:bg-muted/60 focus-visible:ring-ring/50 group/link rounded-lg px-4 py-4 transition-colors focus-visible:ring-2 focus-visible:outline-none\"\n >\n <span class=\"flex min-w-0 items-center justify-between gap-3\">\n <span class=\"text-sm font-medium\">{item.title}</span>\n <Icon\n name=\"arrow-right\"\n class=\"text-muted-foreground size-3.5 shrink-0 transition-transform group-hover/link:translate-x-0.5\"\n />\n </span>\n <span class=\"text-muted-foreground mt-1 block text-sm leading-6\">\n {item.description}\n </span>\n </a>\n ))\n }\n </div>\n </SectionContainer>\n</Section>\n",
|
|
17
|
+
"type": "registry:block"
|
|
18
|
+
}
|
|
19
|
+
],
|
|
20
|
+
"type": "registry:block"
|
|
21
|
+
}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
|
|
3
|
+
"name": "logo",
|
|
4
|
+
"files": [
|
|
5
|
+
{
|
|
6
|
+
"path": "src/components/ui/logo/logo.astro",
|
|
7
|
+
"content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & HTMLAttributes<\"a\">\n\nconst { class: className, href, ...props } = Astro.props\n\nconst Comp = href ? \"a\" : \"div\"\n---\n\n<Comp\n class={cn(\n \"flex h-10 items-center justify-start gap-2 text-base font-semibold whitespace-nowrap\",\n className\n )}\n href={href}\n {...props}\n>\n <slot />\n</Comp>\n",
|
|
8
|
+
"type": "registry:ui"
|
|
9
|
+
},
|
|
10
|
+
{
|
|
11
|
+
"path": "src/components/ui/logo/logo-image.astro",
|
|
12
|
+
"content": "---\nimport { Image } from \"astro:assets\"\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = Omit<HTMLAttributes<\"img\">, \"src\"> & {\n src?: ImageMetadata\n srcLight?: ImageMetadata\n srcDark?: ImageMetadata\n}\n\nconst { class: className, src, srcLight, srcDark, ...props } = Astro.props\n\nconst baseClasses = \"w-auto shrink-0 h-6 object-contain\"\n---\n\n{\n srcLight && srcDark ? (\n <>\n <Image\n class={cn(baseClasses, \"dark:hidden\", className)}\n data-slot=\"logo-image\"\n src={srcLight}\n sizes=\"200px\"\n widths={[200]}\n {...(props as any)}\n />\n <Image\n class={cn(baseClasses, \"hidden dark:block\", className)}\n data-slot=\"logo-image\"\n src={srcDark}\n sizes=\"200px\"\n widths={[200]}\n {...(props as any)}\n />\n </>\n ) : src ? (\n <Image\n class={cn(baseClasses, className)}\n data-slot=\"logo-image\"\n src={src}\n sizes=\"200px\"\n widths={[200]}\n {...(props as any)}\n />\n ) : null\n}\n",
|
|
13
|
+
"type": "registry:ui"
|
|
14
|
+
},
|
|
15
|
+
{
|
|
16
|
+
"path": "src/components/ui/logo/logo-text.astro",
|
|
17
|
+
"content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"span\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<span class={cn(\"text-lg\", className)} {...props}>\n <slot />\n</span>\n",
|
|
18
|
+
"type": "registry:ui"
|
|
19
|
+
},
|
|
20
|
+
{
|
|
21
|
+
"path": "src/components/ui/logo/index.ts",
|
|
22
|
+
"content": "export { default as Logo } from \"./logo.astro\"\nexport { default as LogoImage } from \"./logo-image.astro\"\nexport { default as LogoText } from \"./logo-text.astro\"\n",
|
|
23
|
+
"type": "registry:ui"
|
|
24
|
+
}
|
|
25
|
+
],
|
|
26
|
+
"type": "registry:ui"
|
|
27
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
|
|
3
|
+
"name": "logos-1",
|
|
4
|
+
"registryDependencies": [
|
|
5
|
+
"@fulldev/logo",
|
|
6
|
+
"@fulldev/section"
|
|
7
|
+
],
|
|
8
|
+
"files": [
|
|
9
|
+
{
|
|
10
|
+
"path": "src/components/blocks/logos-1.astro",
|
|
11
|
+
"content": "---\nimport { cn } from \"@/lib/utils\"\nimport { Logo, LogoText } from \"@/components/ui/logo\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = {\n class?: string\n title: string\n description?: string\n brands: {\n name: string\n href?: string\n }[]\n}\n\nconst { class: className, title, description, brands } = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n <SectionContainer class=\"items-center gap-10 text-center\">\n <div class=\"flex max-w-2xl flex-col items-center gap-4\">\n <h2\n class=\"text-foreground text-3xl font-semibold tracking-tight text-balance sm:text-4xl\"\n >\n {title}\n </h2>\n {\n description && (\n <p class=\"text-muted-foreground text-lg leading-relaxed text-balance\">\n {description}\n </p>\n )\n }\n </div>\n <div\n class=\"text-muted-foreground flex w-full flex-wrap items-center justify-center gap-x-12 gap-y-6\"\n >\n {\n brands.map((brand) => (\n <Logo\n class=\"hover:text-foreground grayscale transition-all hover:grayscale-0\"\n href={brand.href}\n >\n <LogoText>{brand.name}</LogoText>\n </Logo>\n ))\n }\n </div>\n </SectionContainer>\n</Section>\n",
|
|
12
|
+
"type": "registry:block"
|
|
13
|
+
}
|
|
14
|
+
],
|
|
15
|
+
"type": "registry:block"
|
|
16
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
|
|
3
|
+
"name": "logos-2",
|
|
4
|
+
"registryDependencies": [
|
|
5
|
+
"@fulldev/logo",
|
|
6
|
+
"@fulldev/marquee",
|
|
7
|
+
"@fulldev/section"
|
|
8
|
+
],
|
|
9
|
+
"files": [
|
|
10
|
+
{
|
|
11
|
+
"path": "src/components/blocks/logos-2.astro",
|
|
12
|
+
"content": "---\nimport { cn } from \"@/lib/utils\"\nimport { Logo, LogoText } from \"@/components/ui/logo\"\nimport { Marquee } from \"@/components/ui/marquee\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = {\n class?: string\n title?: string\n description?: string\n brands: {\n name: string\n href?: string\n }[]\n}\n\nconst { class: className, title, description, brands } = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n {\n (title || description) && (\n <SectionContainer class=\"items-center gap-4 text-center\">\n {title && (\n <h2 class=\"text-foreground text-3xl font-semibold tracking-tight text-balance sm:text-4xl\">\n {title}\n </h2>\n )}\n {description && (\n <p class=\"text-muted-foreground max-w-2xl text-lg leading-relaxed text-balance\">\n {description}\n </p>\n )}\n </SectionContainer>\n )\n }\n <Marquee\n class=\"text-muted-foreground mask-x-from-90%\"\n gap=\"3rem\"\n duration=\"30s\"\n pauseOnHover\n infinite\n >\n {\n brands.map((brand) => (\n <Logo\n class=\"hover:text-foreground grayscale transition-all hover:grayscale-0\"\n href={brand.href}\n >\n <LogoText>{brand.name}</LogoText>\n </Logo>\n ))\n }\n </Marquee>\n</Section>\n",
|
|
13
|
+
"type": "registry:block"
|
|
14
|
+
}
|
|
15
|
+
],
|
|
16
|
+
"type": "registry:block"
|
|
17
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
|
|
3
|
+
"name": "logos-3",
|
|
4
|
+
"registryDependencies": [
|
|
5
|
+
"@fulldev/logo",
|
|
6
|
+
"@fulldev/section"
|
|
7
|
+
],
|
|
8
|
+
"files": [
|
|
9
|
+
{
|
|
10
|
+
"path": "src/components/blocks/logos-3.astro",
|
|
11
|
+
"content": "---\nimport { cn } from \"@/lib/utils\"\nimport { Logo, LogoText } from \"@/components/ui/logo\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = {\n class?: string\n brands: {\n name: string\n href?: string\n }[]\n}\n\nconst { class: className, brands } = Astro.props\n---\n\n<Section class={cn(\"py-12 lg:py-16\", className)}>\n <SectionContainer>\n <div\n class=\"text-muted-foreground flex flex-wrap items-center justify-center gap-x-12 gap-y-6\"\n >\n {\n brands.map((brand) => (\n <Logo\n class=\"hover:text-foreground grayscale transition-all hover:grayscale-0\"\n href={brand.href}\n >\n <LogoText>{brand.name}</LogoText>\n </Logo>\n ))\n }\n </div>\n </SectionContainer>\n</Section>\n",
|
|
12
|
+
"type": "registry:block"
|
|
13
|
+
}
|
|
14
|
+
],
|
|
15
|
+
"type": "registry:block"
|
|
16
|
+
}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
|
|
3
|
+
"name": "marquee",
|
|
4
|
+
"files": [
|
|
5
|
+
{
|
|
6
|
+
"path": "src/components/ui/marquee/marquee.astro",
|
|
7
|
+
"content": "---\nimport { cva } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = {\n direction?: \"left\" | \"right\" | \"top\" | \"bottom\"\n duration?: number | string\n gap?: string\n infinite?: boolean\n pauseOnHover?: boolean\n time?: number | string\n variant?: \"gradient\" | \"solid\"\n class?: string\n style?: string\n}\n\nconst {\n class: className = \"\",\n direction = \"left\",\n duration,\n gap = \"1rem\",\n infinite = true,\n pauseOnHover = false,\n style,\n time = 30,\n variant = \"gradient\",\n ...props\n} = Astro.props\n\nconst resolvedDuration = duration ?? time\nconst styleValue = `--duration:${\n typeof resolvedDuration === \"number\"\n ? `${resolvedDuration}s`\n : resolvedDuration\n}; --gap:${gap}; ${style ?? \"\"}`\nconst contentClass = cn(\n \"marquee-content flex min-w-full shrink-0 justify-around gap-[var(--gap)] will-change-transform group-data-[direction=bottom]:[animation-direction:reverse] group-data-[direction=right]:[animation-direction:reverse] data-[direction=bottom]:min-h-full data-[direction=bottom]:flex-col data-[direction=top]:min-h-full data-[direction=top]:flex-col motion-reduce:[animation-play-state:paused]\",\n infinite &&\n \"animate-[marquee-x_var(--duration,20s)_linear_infinite] group-data-[direction=bottom]:animate-[marquee-y_var(--duration,20s)_linear_infinite] group-data-[direction=top]:animate-[marquee-y_var(--duration,20s)_linear_infinite]\",\n direction === \"top\" && \"flex-col\",\n direction === \"bottom\" && \"flex-col\"\n)\n\nconst marqueeVariants = cva(\"relative w-full\", {\n variants: {\n variant: {\n gradient:\n \"[mask-image:linear-gradient(to_right,transparent,black_10%,black_90%,transparent)] [-webkit-mask-image:linear-gradient(to_right,transparent,black_10%,black_90%,transparent)] [&[data-direction=bottom]]:[mask-image:linear-gradient(to_top,transparent,black_10%,black_90%,transparent)] [&[data-direction=bottom]]:[-webkit-mask-image:linear-gradient(to_top,transparent,black_10%,black_90%,transparent)] [&[data-direction=top]]:[mask-image:linear-gradient(to_bottom,transparent,black_10%,black_90%,transparent)] [&[data-direction=top]]:[-webkit-mask-image:linear-gradient(to_bottom,transparent,black_10%,black_90%,transparent)]\",\n solid: \"\",\n },\n },\n defaultVariants: {\n variant: \"gradient\",\n },\n})\n---\n\n<div\n data-marquee\n data-direction={direction}\n data-pause-on-hover={pauseOnHover ? \"true\" : undefined}\n class={cn(\n \"\",\n // container utilities\n \"group flex w-full overflow-hidden data-[direction=bottom]:flex-col data-[direction=top]:flex-col\",\n marqueeVariants({ variant }),\n className\n )}\n style={styleValue}\n {...props}\n>\n <div class={contentClass}>\n <slot />\n </div>\n {\n infinite && (\n <div class={contentClass} aria-hidden=\"true\">\n <slot />\n </div>\n )\n }\n</div>\n\n<style>\n @keyframes marquee-x {\n from {\n transform: translateX(0);\n }\n to {\n transform: translateX(-100%);\n }\n }\n @keyframes marquee-y {\n from {\n transform: translateY(0);\n }\n to {\n transform: translateY(-100%);\n }\n }\n\n [data-marquee][data-pause-on-hover=\"true\"]:hover .marquee-content {\n animation-play-state: paused;\n }\n</style>\n",
|
|
8
|
+
"type": "registry:ui"
|
|
9
|
+
},
|
|
10
|
+
{
|
|
11
|
+
"path": "src/components/ui/marquee/index.ts",
|
|
12
|
+
"content": "export { default as Marquee } from \"./marquee.astro\"\n",
|
|
13
|
+
"type": "registry:ui"
|
|
14
|
+
}
|
|
15
|
+
],
|
|
16
|
+
"type": "registry:ui"
|
|
17
|
+
}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
|
|
3
|
+
"name": "native-select",
|
|
4
|
+
"registryDependencies": [
|
|
5
|
+
"@fulldev/icon"
|
|
6
|
+
],
|
|
7
|
+
"files": [
|
|
8
|
+
{
|
|
9
|
+
"path": "src/components/ui/native-select/native-select.astro",
|
|
10
|
+
"content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Icon } from \"@/components/ui/icon\"\n\ntype Props = Omit<HTMLAttributes<\"select\">, \"size\"> & {\n size?: \"sm\" | \"default\"\n}\n\nconst { class: className, size = \"default\", ...props } = Astro.props\n---\n\n<div\n class={cn(\n \"group/native-select relative w-fit has-[select:disabled]:opacity-50\",\n className\n )}\n data-slot=\"native-select-wrapper\"\n data-size={size}\n>\n <select\n data-slot=\"native-select\"\n data-size={size}\n class=\"border-input placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 h-9 w-full min-w-0 appearance-none rounded-md border bg-transparent py-1 pr-8 pl-2.5 text-sm shadow-xs transition-[color,box-shadow] outline-none select-none focus-visible:ring-3 disabled:pointer-events-none disabled:cursor-not-allowed aria-invalid:ring-3 data-[size=sm]:h-8\"\n {...props}\n >\n <slot />\n </select>\n <Icon\n name=\"chevron-down\"\n class=\"text-muted-foreground pointer-events-none absolute top-1/2 right-2.5 size-4 -translate-y-1/2 select-none\"\n aria-hidden=\"true\"\n data-slot=\"native-select-icon\"\n />\n</div>\n",
|
|
11
|
+
"type": "registry:ui"
|
|
12
|
+
},
|
|
13
|
+
{
|
|
14
|
+
"path": "src/components/ui/native-select/native-select-option.astro",
|
|
15
|
+
"content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"option\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<option\n data-slot=\"native-select-option\"\n class={cn(\"bg-[Canvas] text-[CanvasText]\", className)}\n {...props}\n>\n <slot />\n</option>\n",
|
|
16
|
+
"type": "registry:ui"
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
"path": "src/components/ui/native-select/native-select-optgroup.astro",
|
|
20
|
+
"content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"optgroup\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<optgroup\n data-slot=\"native-select-optgroup\"\n class={cn(\"bg-[Canvas] text-[CanvasText]\", className)}\n {...props}\n>\n <slot />\n</optgroup>\n",
|
|
21
|
+
"type": "registry:ui"
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
"path": "src/components/ui/native-select/index.ts",
|
|
25
|
+
"content": "export { default as NativeSelect } from \"./native-select.astro\"\nexport { default as NativeSelectOption } from \"./native-select-option.astro\"\nexport { default as NativeSelectOptGroup } from \"./native-select-optgroup.astro\"\n",
|
|
26
|
+
"type": "registry:ui"
|
|
27
|
+
}
|
|
28
|
+
],
|
|
29
|
+
"type": "registry:ui"
|
|
30
|
+
}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
|
|
3
|
+
"name": "navigation-menu",
|
|
4
|
+
"dependencies": [
|
|
5
|
+
"@data-slot/navigation-menu"
|
|
6
|
+
],
|
|
7
|
+
"registryDependencies": [
|
|
8
|
+
"@fulldev/icon"
|
|
9
|
+
],
|
|
10
|
+
"files": [
|
|
11
|
+
{
|
|
12
|
+
"path": "src/components/ui/navigation-menu/navigation-menu.astro",
|
|
13
|
+
"content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\nimport NavigationMenuPositioner from \"./navigation-menu-positioner.astro\"\n\ntype Props = HTMLAttributes<\"nav\"> & {\n delayOpen?: number\n delayClose?: number\n openOnFocus?: boolean\n side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n align?: \"start\" | \"center\" | \"end\"\n sideOffset?: number\n alignOffset?: number\n positionMethod?: \"absolute\" | \"fixed\"\n safeTriangle?: boolean\n debugSafeTriangle?: boolean\n}\n\nconst {\n class: className = \"\",\n delayOpen = 0,\n delayClose = 0,\n openOnFocus,\n side = \"bottom\",\n align = \"start\",\n sideOffset = 0,\n alignOffset = 0,\n positionMethod = \"absolute\",\n safeTriangle,\n debugSafeTriangle,\n ...props\n} = Astro.props\n---\n\n<nav\n {...props}\n data-slot=\"navigation-menu\"\n data-delay-open={delayOpen}\n data-delay-close={delayClose}\n data-open-on-focus={openOnFocus}\n data-side={side}\n data-align={align}\n data-side-offset={sideOffset}\n data-align-offset={alignOffset}\n data-position-method={positionMethod}\n data-safe-triangle={safeTriangle}\n data-debug-safe-triangle={debugSafeTriangle}\n class={cn(\n \"group/navigation-menu relative flex flex-1 items-center justify-center\",\n className\n )}\n>\n <slot />\n <NavigationMenuPositioner align={align} />\n</nav>\n\n<script>\n import { create } from \"@data-slot/navigation-menu\"\n\n create()\n</script>\n",
|
|
14
|
+
"type": "registry:ui"
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
"path": "src/components/ui/navigation-menu/navigation-menu-content.astro",
|
|
18
|
+
"content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = {\n class?: string\n align?: \"start\" | \"center\" | \"end\"\n alignOffset?: number\n side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n sideOffset?: number\n} & HTMLAttributes<\"div\">\n\nconst {\n class: className = \"\",\n align,\n alignOffset,\n side,\n sideOffset,\n ...props\n} = Astro.props\n---\n\n<div\n {...props}\n data-slot=\"navigation-menu-content\"\n data-align={align}\n data-align-offset={alignOffset}\n data-side={side}\n data-side-offset={sideOffset}\n class={cn(\n \"data-ending-style:data-activation-direction=left:translate-x-[50%] data-ending-style:data-activation-direction=right:translate-x-[-50%] data-starting-style:data-activation-direction=left:translate-x-[-50%] data-starting-style:data-activation-direction=right:translate-x-[50%] group-data-[viewport=false]/navigation-menu:bg-popover group-data-[viewport=false]/navigation-menu:text-popover-foreground group-data-[viewport=false]/navigation-menu:ring-foreground/10 data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 data-[motion^=from-]:animate-in data-[motion^=from-]:fade-in data-[motion^=to-]:animate-out data-[motion^=to-]:fade-out group-data-[viewport=false]/navigation-menu:data-open:animate-in group-data-[viewport=false]/navigation-menu:data-open:fade-in-0 group-data-[viewport=false]/navigation-menu:data-open:zoom-in-95 group-data-[viewport=false]/navigation-menu:data-closed:animate-out group-data-[viewport=false]/navigation-menu:data-closed:fade-out-0 group-data-[viewport=false]/navigation-menu:data-closed:zoom-out-95 h-full w-auto p-2 pr-2.5 transition-[opacity,transform,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] group-data-[viewport=false]/navigation-menu:rounded-md group-data-[viewport=false]/navigation-menu:shadow group-data-[viewport=false]/navigation-menu:ring-1 group-data-[viewport=false]/navigation-menu:duration-300 data-ending-style:opacity-0 data-starting-style:opacity-0 **:data-[slot=navigation-menu-link]:focus:ring-0 **:data-[slot=navigation-menu-link]:focus:outline-none\",\n className\n )}\n>\n <slot />\n</div>\n",
|
|
19
|
+
"type": "registry:ui"
|
|
20
|
+
},
|
|
21
|
+
{
|
|
22
|
+
"path": "src/components/ui/navigation-menu/navigation-menu-item.astro",
|
|
23
|
+
"content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"li\"> & {\n value: string\n align?: \"start\" | \"center\" | \"end\"\n alignOffset?: number\n side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n sideOffset?: number\n}\n\nconst {\n class: className,\n value,\n align,\n alignOffset,\n side,\n sideOffset,\n ...props\n} = Astro.props\n---\n\n<li\n data-slot=\"navigation-menu-item\"\n data-value={value}\n data-align={align}\n data-align-offset={alignOffset}\n data-side={side}\n data-side-offset={sideOffset}\n class={cn(\"relative list-none\", className)}\n {...props}\n>\n <slot />\n</li>\n",
|
|
24
|
+
"type": "registry:ui"
|
|
25
|
+
},
|
|
26
|
+
{
|
|
27
|
+
"path": "src/components/ui/navigation-menu/navigation-menu-link.astro",
|
|
28
|
+
"content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"a\"> & {\n active?: boolean\n}\n\nconst { class: className, active, ...props } = Astro.props\n---\n\n<a\n data-slot=\"navigation-menu-link\"\n data-active={active ? \"true\" : undefined}\n class={cn(\n \"hover:bg-muted focus:bg-muted focus-visible:ring-ring/50 data-[active=true]:bg-muted/50 data-[active=true]:hover:bg-muted data-[active=true]:focus:bg-muted flex items-center gap-1.5 rounded-md p-2 text-sm transition-all outline-none focus-visible:ring-3 focus-visible:outline-1 in-data-[slot=navigation-menu-content]:rounded-sm [&_svg:not([class*='size-'])]:size-4\",\n className\n )}\n {...props}\n>\n <slot />\n</a>\n",
|
|
29
|
+
"type": "registry:ui"
|
|
30
|
+
},
|
|
31
|
+
{
|
|
32
|
+
"path": "src/components/ui/navigation-menu/navigation-menu-list.astro",
|
|
33
|
+
"content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"ul\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<ul\n data-slot=\"navigation-menu-list\"\n class={cn(\n \"group flex flex-1 list-none items-center justify-center gap-1\",\n className\n )}\n {...props}\n>\n <slot />\n</ul>\n",
|
|
34
|
+
"type": "registry:ui"
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
"path": "src/components/ui/navigation-menu/navigation-menu-indicator.astro",
|
|
38
|
+
"content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<div\n data-slot=\"navigation-menu-indicator\"\n class={cn(\n \"data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:animate-in data-[state=visible]:fade-in top-full z-1 flex h-1.5 items-end justify-center overflow-hidden\",\n className\n )}\n {...props}\n>\n <div\n class=\"bg-border relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm shadow-md\"\n >\n </div>\n</div>\n",
|
|
39
|
+
"type": "registry:ui"
|
|
40
|
+
},
|
|
41
|
+
{
|
|
42
|
+
"path": "src/components/ui/navigation-menu/navigation-menu-trigger.astro",
|
|
43
|
+
"content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Icon } from \"@/components/ui/icon\"\n\nimport navigationMenuTriggerStyle from \"./navigation-menu-trigger-style\"\n\ntype Props = HTMLAttributes<\"button\">\n\nconst { class: className, type = \"button\", ...props } = Astro.props\n---\n\n<button\n data-slot=\"navigation-menu-trigger\"\n type={type}\n class={cn(navigationMenuTriggerStyle(), \"group\", className)}\n {...props}\n>\n <slot />\n {\" \"}\n <Icon\n name=\"chevron-down\"\n class=\"relative top-px ml-1 size-3 transition duration-300 group-data-open/navigation-menu-trigger:rotate-180 group-data-popup-open/navigation-menu-trigger:rotate-180\"\n aria-hidden=\"true\"\n />\n</button>\n",
|
|
44
|
+
"type": "registry:ui"
|
|
45
|
+
},
|
|
46
|
+
{
|
|
47
|
+
"path": "src/components/ui/navigation-menu/navigation-menu-trigger-style.ts",
|
|
48
|
+
"content": "import { cva } from \"class-variance-authority\"\n\nconst navigationMenuTriggerStyle = cva(\n \"group/navigation-menu-trigger hover:bg-muted focus:bg-muted focus-visible:ring-ring/50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted inline-flex h-9 w-max items-center justify-center rounded-md px-4 py-2 text-sm font-medium transition-all outline-none focus-visible:ring-3 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50\"\n)\n\nexport default navigationMenuTriggerStyle\n",
|
|
49
|
+
"type": "registry:ui"
|
|
50
|
+
},
|
|
51
|
+
{
|
|
52
|
+
"path": "src/components/ui/navigation-menu/navigation-menu-positioner.astro",
|
|
53
|
+
"content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n sideOffset?: number\n align?: \"start\" | \"center\" | \"end\"\n alignOffset?: number\n}\n\nconst {\n class: className,\n side = \"bottom\",\n sideOffset = 8,\n align = \"start\",\n alignOffset = 0,\n ...props\n} = Astro.props\n---\n\n<div data-slot=\"navigation-menu-portal\">\n <div\n {...props}\n data-slot=\"navigation-menu-positioner\"\n data-side={side}\n data-side-offset={sideOffset}\n data-align={align}\n data-align-offset={alignOffset}\n class={cn(\n \"isolate z-50 h-(--positioner-height) w-(--positioner-width) max-w-(--available-width) transition-[top,left,right,bottom] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] data-instant:transition-none data-[side=bottom]:before:top-[-10px] data-[side=bottom]:before:right-0 data-[side=bottom]:before:left-0\",\n className\n )}\n >\n <div\n data-slot=\"navigation-menu-popup\"\n class=\"data-[ending-style]:easing-[ease] xs:w-(--popup-width) bg-popover text-popover-foreground ring-foreground/10 relative h-(--popup-height) w-(--popup-width) origin-(--transform-origin) rounded-lg shadow ring-1 transition-[opacity,transform,width,height,scale,translate] duration-[0.35s] ease-[cubic-bezier(0.22,1,0.36,1)] outline-none data-ending-style:scale-90 data-ending-style:opacity-0 data-ending-style:duration-150 data-starting-style:scale-90 data-starting-style:opacity-0\"\n >\n <div\n data-slot=\"navigation-menu-viewport\"\n class=\"relative size-full overflow-hidden\"\n >\n </div>\n </div>\n </div>\n</div>\n",
|
|
54
|
+
"type": "registry:ui"
|
|
55
|
+
},
|
|
56
|
+
{
|
|
57
|
+
"path": "src/components/ui/navigation-menu/index.ts",
|
|
58
|
+
"content": "export { default as NavigationMenu } from \"./navigation-menu.astro\"\nexport { default as NavigationMenuContent } from \"./navigation-menu-content.astro\"\nexport { default as NavigationMenuIndicator } from \"./navigation-menu-indicator.astro\"\nexport { default as NavigationMenuItem } from \"./navigation-menu-item.astro\"\nexport { default as NavigationMenuLink } from \"./navigation-menu-link.astro\"\nexport { default as NavigationMenuList } from \"./navigation-menu-list.astro\"\nexport { default as NavigationMenuPositioner } from \"./navigation-menu-positioner.astro\"\nexport { default as NavigationMenuTrigger } from \"./navigation-menu-trigger.astro\"\nexport { default as navigationMenuTriggerStyle } from \"./navigation-menu-trigger-style\"\n",
|
|
59
|
+
"type": "registry:ui"
|
|
60
|
+
}
|
|
61
|
+
],
|
|
62
|
+
"type": "registry:ui"
|
|
63
|
+
}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
|
|
3
|
+
"name": "popover",
|
|
4
|
+
"dependencies": [
|
|
5
|
+
"@data-slot/popover"
|
|
6
|
+
],
|
|
7
|
+
"files": [
|
|
8
|
+
{
|
|
9
|
+
"path": "src/components/ui/popover/popover.astro",
|
|
10
|
+
"content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport type { PopoverAlign, PopoverSide } from \"@data-slot/popover\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n defaultOpen?: boolean\n side?: PopoverSide\n align?: PopoverAlign\n sideOffset?: number\n alignOffset?: number\n avoidCollisions?: boolean\n collisionPadding?: number\n portal?: boolean\n position?: PopoverSide\n closeOnClickOutside?: boolean\n closeOnEscape?: boolean\n}\n\nconst {\n class: className,\n defaultOpen,\n side,\n align,\n sideOffset,\n alignOffset,\n avoidCollisions,\n collisionPadding,\n portal,\n position,\n closeOnClickOutside,\n closeOnEscape,\n ...props\n} = Astro.props\n---\n\n<div\n data-slot=\"popover\"\n data-default-open={defaultOpen}\n data-side={side}\n data-align={align}\n data-side-offset={sideOffset}\n data-align-offset={alignOffset}\n data-avoid-collisions={avoidCollisions}\n data-collision-padding={collisionPadding}\n data-portal={portal}\n data-position={position}\n data-close-on-click-outside={closeOnClickOutside}\n data-close-on-escape={closeOnEscape}\n class={className}\n {...props}\n>\n <slot />\n</div>\n\n<script>\n import { create } from \"@data-slot/popover\"\n\n create()\n</script>\n",
|
|
11
|
+
"type": "registry:ui"
|
|
12
|
+
},
|
|
13
|
+
{
|
|
14
|
+
"path": "src/components/ui/popover/popover-trigger.astro",
|
|
15
|
+
"content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\ntype Props = HTMLAttributes<\"button\">\n\nconst { class: className, type = \"button\", ...props } = Astro.props\n---\n\n<button data-slot=\"popover-trigger\" type={type} class={className} {...props}>\n <slot />\n</button>\n",
|
|
16
|
+
"type": "registry:ui"
|
|
17
|
+
},
|
|
18
|
+
{
|
|
19
|
+
"path": "src/components/ui/popover/popover-content.astro",
|
|
20
|
+
"content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport type { PopoverAlign, PopoverSide } from \"@data-slot/popover\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\"> & {\n side?: PopoverSide\n align?: PopoverAlign\n sideOffset?: number\n alignOffset?: number\n avoidCollisions?: boolean\n collisionPadding?: number\n position?: PopoverSide\n}\n\nconst {\n class: className,\n hidden = true,\n side,\n align,\n sideOffset,\n alignOffset,\n avoidCollisions,\n collisionPadding,\n position,\n ...props\n} = Astro.props\n---\n\n<div data-slot=\"popover-portal\">\n <div\n data-slot=\"popover-positioner\"\n data-side={side}\n data-align={align}\n data-side-offset={sideOffset}\n data-align-offset={alignOffset}\n data-avoid-collisions={avoidCollisions}\n data-collision-padding={collisionPadding}\n data-position={position}\n class=\"isolate z-50\"\n >\n <div\n data-slot=\"popover-content\"\n data-side={side}\n data-align={align}\n data-side-offset={sideOffset}\n data-align-offset={alignOffset}\n data-avoid-collisions={avoidCollisions}\n data-collision-padding={collisionPadding}\n data-position={position}\n hidden={hidden}\n class={cn(\n \"bg-popover text-popover-foreground ring-foreground/10 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 flex w-72 origin-(--transform-origin) flex-col gap-4 rounded-md p-4 text-sm shadow-md ring-1 duration-100 outline-none\",\n className\n )}\n {...props}\n >\n <slot />\n </div>\n </div>\n</div>\n",
|
|
21
|
+
"type": "registry:ui"
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
"path": "src/components/ui/popover/popover-description.astro",
|
|
25
|
+
"content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"p\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<p\n data-slot=\"popover-description\"\n class={cn(\"text-muted-foreground\", className)}\n {...props}\n>\n <slot />\n</p>\n",
|
|
26
|
+
"type": "registry:ui"
|
|
27
|
+
},
|
|
28
|
+
{
|
|
29
|
+
"path": "src/components/ui/popover/popover-header.astro",
|
|
30
|
+
"content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<div\n data-slot=\"popover-header\"\n class={cn(\"flex flex-col gap-1 text-sm\", className)}\n {...props}\n>\n <slot />\n</div>\n",
|
|
31
|
+
"type": "registry:ui"
|
|
32
|
+
},
|
|
33
|
+
{
|
|
34
|
+
"path": "src/components/ui/popover/popover-title.astro",
|
|
35
|
+
"content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"h3\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<h3 data-slot=\"popover-title\" class={cn(\"font-medium\", className)} {...props}>\n <slot />\n</h3>\n",
|
|
36
|
+
"type": "registry:ui"
|
|
37
|
+
},
|
|
38
|
+
{
|
|
39
|
+
"path": "src/components/ui/popover/index.ts",
|
|
40
|
+
"content": "export { default as Popover } from \"./popover.astro\"\nexport { default as PopoverContent } from \"./popover-content.astro\"\nexport { default as PopoverDescription } from \"./popover-description.astro\"\nexport { default as PopoverHeader } from \"./popover-header.astro\"\nexport { default as PopoverTitle } from \"./popover-title.astro\"\nexport { default as PopoverTrigger } from \"./popover-trigger.astro\"\n",
|
|
41
|
+
"type": "registry:ui"
|
|
42
|
+
}
|
|
43
|
+
],
|
|
44
|
+
"type": "registry:ui"
|
|
45
|
+
}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
|
|
3
|
+
"name": "price",
|
|
4
|
+
"files": [
|
|
5
|
+
{
|
|
6
|
+
"path": "src/components/ui/price/price.astro",
|
|
7
|
+
"content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"div\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<div class={cn(\"flex flex-wrap items-center gap-x-2\", className)} {...props}>\n <slot />\n</div>\n",
|
|
8
|
+
"type": "registry:ui"
|
|
9
|
+
},
|
|
10
|
+
{
|
|
11
|
+
"path": "src/components/ui/price/price-unit.astro",
|
|
12
|
+
"content": "---\nimport type { HTMLAttributes } from \"astro/types\"\n\nimport { cn } from \"@/lib/utils\"\n\ntype Props = HTMLAttributes<\"span\">\n\nconst { class: className, ...props } = Astro.props\n---\n\n<span\n class={cn(\"text-muted-foreground text-sm leading-tight\", className)}\n {...props}\n>\n / <slot />\n</span>\n",
|
|
13
|
+
"type": "registry:ui"
|
|
14
|
+
},
|
|
15
|
+
{
|
|
16
|
+
"path": "src/components/ui/price/price-value.astro",
|
|
17
|
+
"content": "---\nimport type { HTMLAttributes } from \"astro/types\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/lib/utils\"\n\nimport {\n formatPriceDiscount,\n formatPriceValue,\n type DiscountFormat,\n type PriceValue,\n} from \"./format-price-value\"\n\ntype Props = VariantProps<typeof variants> &\n HTMLAttributes<\"span\"> & {\n price?: PriceValue\n compareAt?: PriceValue\n currency?: string\n locale?: string\n variant?: \"default\" | \"sale\"\n discountFormat?: DiscountFormat\n showDiscount?: boolean\n }\n\nconst variants = cva(\"leading-tight\", {\n variants: {\n variant: {\n default: \"text-foreground\",\n sale: \"text-muted-foreground line-through\",\n },\n },\n})\n\nconst {\n class: className,\n price,\n compareAt,\n currency = \"USD\",\n locale = \"en-US\",\n variant = \"default\",\n discountFormat = \"percentage\",\n showDiscount = true,\n ...props\n} = Astro.props\n\nconst formattedPrice = formatPriceValue(price, { currency, locale })\nconst formattedCompareAt = formatPriceValue(compareAt, { currency, locale })\nconst formattedDiscount =\n showDiscount && compareAt\n ? formatPriceDiscount(price, compareAt, {\n currency,\n locale,\n format: discountFormat,\n })\n : null\nconst hasDiscount = Boolean(formattedCompareAt && formattedDiscount)\n---\n\n{\n formattedPrice && (\n <span\n class={cn(\n \"inline-flex flex-wrap items-center gap-x-2 gap-y-1\",\n className\n )}\n {...props}\n >\n <span class={cn(variants({ variant }))}>{formattedPrice}</span>\n {formattedCompareAt && (\n <span class=\"text-muted-foreground text-sm leading-tight line-through\">\n {formattedCompareAt}\n </span>\n )}\n {hasDiscount && (\n <span class=\"bg-muted text-muted-foreground rounded-full px-2 py-0.5 text-xs font-medium\">\n Save {formattedDiscount}\n </span>\n )}\n </span>\n )\n}\n",
|
|
18
|
+
"type": "registry:ui"
|
|
19
|
+
},
|
|
20
|
+
{
|
|
21
|
+
"path": "src/components/ui/price/format-price-value.ts",
|
|
22
|
+
"content": "export interface FormatPriceValueOptions {\n currency: string\n locale: string\n}\n\nexport type PriceValue = number | string | [number, number]\nexport type DiscountFormat = \"percentage\" | \"amount\"\n\nfunction formatCurrency(value: number, options: FormatPriceValueOptions) {\n return new Intl.NumberFormat(options.locale, {\n style: \"currency\",\n currency: options.currency,\n }).format(value)\n}\n\nexport function parseSinglePriceValue(price: PriceValue | null | undefined) {\n if (price === null || price === undefined || price === \"\") {\n return null\n }\n\n if (typeof price === \"number\") {\n return Number.isFinite(price) ? price : null\n }\n\n if (Array.isArray(price)) {\n return null\n }\n\n const numericValue = Number(price)\n\n if (!Number.isNaN(numericValue) && Number.isFinite(numericValue)) {\n return numericValue\n }\n\n return null\n}\n\nexport function formatPriceDiscount(\n price: PriceValue | null | undefined,\n compareAt: PriceValue | null | undefined,\n options: FormatPriceValueOptions & {\n format?: DiscountFormat\n }\n) {\n const currentPrice = parseSinglePriceValue(price)\n const originalPrice = parseSinglePriceValue(compareAt)\n\n if (\n currentPrice === null ||\n originalPrice === null ||\n originalPrice <= currentPrice ||\n originalPrice <= 0\n ) {\n return null\n }\n\n if (options.format === \"amount\") {\n return formatCurrency(originalPrice - currentPrice, options)\n }\n\n return `${Math.round(((originalPrice - currentPrice) / originalPrice) * 100)}%`\n}\n\nexport function formatPriceValue(\n price: PriceValue | null | undefined,\n options: FormatPriceValueOptions\n) {\n if (price === null || price === undefined || price === \"\") {\n return null\n }\n\n if (typeof price === \"number\") {\n return formatCurrency(price, options)\n }\n\n if (Array.isArray(price)) {\n const [minimum, maximum] = price\n return `${formatCurrency(minimum, options)} - ${formatCurrency(maximum, options)}`\n }\n\n const rangeMatch = price.match(\n /^\\s*(-?\\d+(?:\\.\\d+)?)\\s*-\\s*(-?\\d+(?:\\.\\d+)?)\\s*$/\n )\n\n if (!rangeMatch) {\n return price\n }\n\n const [, minimum, maximum] = rangeMatch\n return `${formatCurrency(Number(minimum), options)} - ${formatCurrency(Number(maximum), options)}`\n}\n",
|
|
23
|
+
"type": "registry:ui"
|
|
24
|
+
},
|
|
25
|
+
{
|
|
26
|
+
"path": "src/components/ui/price/index.ts",
|
|
27
|
+
"content": "export { default as Price } from \"./price.astro\"\nexport { default as PriceUnit } from \"./price-unit.astro\"\nexport { default as PriceValue } from \"./price-value.astro\"\n",
|
|
28
|
+
"type": "registry:ui"
|
|
29
|
+
}
|
|
30
|
+
],
|
|
31
|
+
"type": "registry:ui"
|
|
32
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
|
|
3
|
+
"name": "pricing-1",
|
|
4
|
+
"registryDependencies": [
|
|
5
|
+
"@fulldev/badge",
|
|
6
|
+
"@fulldev/button",
|
|
7
|
+
"@fulldev/card",
|
|
8
|
+
"@fulldev/price",
|
|
9
|
+
"@fulldev/section",
|
|
10
|
+
"@fulldev/separator",
|
|
11
|
+
"@fulldev/icon"
|
|
12
|
+
],
|
|
13
|
+
"files": [
|
|
14
|
+
{
|
|
15
|
+
"path": "src/components/blocks/pricing-1.astro",
|
|
16
|
+
"content": "---\nimport { cn } from \"@/lib/utils\"\nimport { Badge } from \"@/components/ui/badge\"\nimport { Button } from \"@/components/ui/button\"\nimport {\n Card,\n CardContent,\n CardDescription,\n CardFooter,\n CardHeader,\n CardTitle,\n} from \"@/components/ui/card\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Price, PriceUnit, PriceValue } from \"@/components/ui/price\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\nimport { Separator } from \"@/components/ui/separator\"\n\ntype Props = {\n class?: string\n title: string\n description?: string\n plans: {\n name: string\n description: string\n price: number\n currency: string\n unit: string\n featured?: boolean\n features: string[]\n button: {\n label: string\n href: string\n variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n }\n }[]\n}\n\nconst { class: className, title, description, plans } = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n <SectionContainer class=\"items-center gap-8 text-center\">\n <div class=\"flex max-w-2xl flex-col items-center gap-4\">\n <h2\n class=\"text-foreground text-3xl font-semibold tracking-tight text-balance sm:text-4xl\"\n >\n {title}\n </h2>\n {\n description && (\n <p class=\"text-muted-foreground text-lg leading-relaxed text-balance\">\n {description}\n </p>\n )\n }\n </div>\n </SectionContainer>\n <SectionContainer>\n <div\n class=\"mx-auto grid w-full justify-center gap-6 sm:grid-cols-2 lg:grid-cols-[repeat(auto-fit,minmax(16rem,18rem))]\"\n >\n {\n plans.map((plan) => (\n <Card\n class={cn(\"flex flex-col\", plan.featured && \"ring-primary ring-2\")}\n >\n <CardHeader>\n <div class=\"flex items-center gap-2\">\n <CardTitle>{plan.name}</CardTitle>\n {plan.featured && <Badge>Popular</Badge>}\n </div>\n <CardDescription>{plan.description}</CardDescription>\n </CardHeader>\n <CardContent class=\"flex flex-col gap-6\">\n <Price>\n <PriceValue price={plan.price} currency={plan.currency} />\n <PriceUnit>{plan.unit}</PriceUnit>\n </Price>\n <Separator />\n <ul class=\"flex flex-col gap-3\">\n {plan.features.map((feature) => (\n <li class=\"flex items-center gap-3 text-sm\">\n <Icon name=\"check\" class=\"text-primary size-4 shrink-0\" />\n {feature}\n </li>\n ))}\n </ul>\n </CardContent>\n <CardFooter class=\"mt-auto\">\n <Button\n as=\"a\"\n href={plan.button.href}\n variant={\n plan.button.variant ?? (plan.featured ? \"default\" : \"outline\")\n }\n class=\"w-full\"\n >\n {plan.button.label}\n </Button>\n </CardFooter>\n </Card>\n ))\n }\n </div>\n </SectionContainer>\n</Section>\n",
|
|
17
|
+
"type": "registry:block"
|
|
18
|
+
}
|
|
19
|
+
],
|
|
20
|
+
"type": "registry:block"
|
|
21
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
|
|
3
|
+
"name": "pricing-2",
|
|
4
|
+
"registryDependencies": [
|
|
5
|
+
"@fulldev/button",
|
|
6
|
+
"@fulldev/card",
|
|
7
|
+
"@fulldev/price",
|
|
8
|
+
"@fulldev/section",
|
|
9
|
+
"@fulldev/separator",
|
|
10
|
+
"@fulldev/icon"
|
|
11
|
+
],
|
|
12
|
+
"files": [
|
|
13
|
+
{
|
|
14
|
+
"path": "src/components/blocks/pricing-2.astro",
|
|
15
|
+
"content": "---\nimport { cn } from \"@/lib/utils\"\nimport { Button } from \"@/components/ui/button\"\nimport {\n Card,\n CardContent,\n CardDescription,\n CardFooter,\n CardHeader,\n CardTitle,\n} from \"@/components/ui/card\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Price, PriceUnit, PriceValue } from \"@/components/ui/price\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\nimport { Separator } from \"@/components/ui/separator\"\n\ntype Props = {\n class?: string\n title: string\n description: string\n plans: {\n name: string\n description: string\n price: number\n compareAt?: number\n currency: string\n unit: string\n features: string[]\n button: {\n label: string\n href: string\n variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n }\n }[]\n}\n\nconst { class: className, title, description, plans } = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n <SectionContainer class=\"gap-8\">\n <div class=\"mx-auto max-w-2xl text-center\">\n <h2\n class=\"text-foreground text-3xl font-semibold tracking-tight text-balance sm:text-4xl\"\n >\n {title}\n </h2>\n <p\n class=\"text-muted-foreground mt-4 text-lg leading-relaxed text-balance\"\n >\n {description}\n </p>\n </div>\n <div\n class=\"mx-auto grid w-full justify-center gap-6 sm:grid-cols-2 lg:grid-cols-[repeat(auto-fit,minmax(16rem,18rem))]\"\n >\n {\n plans.map((plan, index) => (\n <Card class=\"flex flex-col border-none shadow-none\">\n <CardHeader>\n <CardTitle>{plan.name}</CardTitle>\n <CardDescription>{plan.description}</CardDescription>\n </CardHeader>\n <CardContent class=\"flex flex-col gap-6\">\n <Price>\n <PriceValue\n price={plan.price}\n compareAt={plan.compareAt}\n currency={plan.currency}\n />\n <PriceUnit>{plan.unit}</PriceUnit>\n </Price>\n <Separator />\n <ul class=\"flex flex-col gap-3\">\n {plan.features.map((feature) => (\n <li class=\"flex items-center gap-3 text-sm\">\n <Icon name=\"check\" class=\"text-primary size-4 shrink-0\" />\n {feature}\n </li>\n ))}\n </ul>\n </CardContent>\n <CardFooter class=\"mt-auto\">\n <Button\n as=\"a\"\n href={plan.button.href}\n variant={\n plan.button.variant ?? (index === 0 ? \"outline\" : \"default\")\n }\n class=\"w-full\"\n >\n {plan.button.label}\n </Button>\n </CardFooter>\n </Card>\n ))\n }\n </div>\n </SectionContainer>\n</Section>\n",
|
|
16
|
+
"type": "registry:block"
|
|
17
|
+
}
|
|
18
|
+
],
|
|
19
|
+
"type": "registry:block"
|
|
20
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
|
|
3
|
+
"name": "pricing-3",
|
|
4
|
+
"registryDependencies": [
|
|
5
|
+
"@fulldev/badge",
|
|
6
|
+
"@fulldev/button",
|
|
7
|
+
"@fulldev/card",
|
|
8
|
+
"@fulldev/price",
|
|
9
|
+
"@fulldev/section",
|
|
10
|
+
"@fulldev/separator",
|
|
11
|
+
"@fulldev/icon"
|
|
12
|
+
],
|
|
13
|
+
"files": [
|
|
14
|
+
{
|
|
15
|
+
"path": "src/components/blocks/pricing-3.astro",
|
|
16
|
+
"content": "---\nimport { cn } from \"@/lib/utils\"\nimport { Badge } from \"@/components/ui/badge\"\nimport { Button } from \"@/components/ui/button\"\nimport {\n Card,\n CardContent,\n CardDescription,\n CardFooter,\n CardHeader,\n CardTitle,\n} from \"@/components/ui/card\"\nimport { Icon } from \"@/components/ui/icon\"\nimport { Price, PriceUnit, PriceValue } from \"@/components/ui/price\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\nimport { Separator } from \"@/components/ui/separator\"\n\ntype Props = {\n class?: string\n badge?: string\n title: string\n description?: string\n offer: {\n name: string\n description: string\n price: number\n currency: string\n unit: string\n features: string[]\n button: {\n label: string\n href: string\n variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n }\n }\n}\n\nconst { class: className, badge, title, description, offer } = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n <SectionContainer class=\"items-center gap-8 text-center\">\n <div class=\"flex max-w-2xl flex-col items-center gap-4\">\n {badge && <Badge variant=\"secondary\">{badge}</Badge>}\n <h2\n class=\"text-foreground text-3xl font-semibold tracking-tight text-balance sm:text-4xl\"\n >\n {title}\n </h2>\n {\n description && (\n <p class=\"text-muted-foreground text-lg leading-relaxed text-balance\">\n {description}\n </p>\n )\n }\n </div>\n <Card class=\"ring-primary w-full max-w-md ring-2\">\n <CardHeader class=\"text-left\">\n <CardTitle>{offer.name}</CardTitle>\n <CardDescription>{offer.description}</CardDescription>\n </CardHeader>\n <CardContent class=\"flex flex-col gap-6 text-left\">\n <Price>\n <PriceValue price={offer.price} currency={offer.currency} />\n <PriceUnit>{offer.unit}</PriceUnit>\n </Price>\n <Separator />\n <ul class=\"flex flex-col gap-3\">\n {\n offer.features.map((feature) => (\n <li class=\"flex items-center gap-3 text-sm\">\n <Icon name=\"check\" class=\"text-primary size-4 shrink-0\" />\n {feature}\n </li>\n ))\n }\n </ul>\n </CardContent>\n <CardFooter>\n <Button\n as=\"a\"\n href={offer.button.href}\n variant={offer.button.variant ?? \"default\"}\n class=\"w-full\"\n >\n {offer.button.label}\n </Button>\n </CardFooter>\n </Card>\n </SectionContainer>\n</Section>\n",
|
|
17
|
+
"type": "registry:block"
|
|
18
|
+
}
|
|
19
|
+
],
|
|
20
|
+
"type": "registry:block"
|
|
21
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
|
|
3
|
+
"name": "product-1",
|
|
4
|
+
"registryDependencies": [
|
|
5
|
+
"@fulldev/badge",
|
|
6
|
+
"@fulldev/button",
|
|
7
|
+
"@fulldev/price",
|
|
8
|
+
"@fulldev/section"
|
|
9
|
+
],
|
|
10
|
+
"files": [
|
|
11
|
+
{
|
|
12
|
+
"path": "src/components/blocks/product-1.astro",
|
|
13
|
+
"content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { Image } from \"astro:assets\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Badge } from \"@/components/ui/badge\"\nimport { Button } from \"@/components/ui/button\"\nimport { Price, PriceUnit, PriceValue } from \"@/components/ui/price\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = {\n class?: string\n badge: string\n title: string\n description: string\n image: {\n src: ImageMetadata\n alt: string\n }\n price: {\n value: number\n currency: string\n unit: string\n }\n note: string\n buttons: {\n label: string\n href: string\n variant?: \"default\" | \"outline\" | \"secondary\" | \"ghost\"\n }[]\n}\n\nconst {\n class: className,\n badge,\n title,\n description,\n image,\n price,\n note,\n buttons,\n} = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n <SectionContainer class=\"grid gap-8 lg:grid-cols-2 lg:items-center\">\n <Image\n src={image.src}\n alt={image.alt}\n class=\"aspect-[16/11] rounded-lg object-cover\"\n />\n <div class=\"flex flex-col gap-5\">\n <Badge variant=\"secondary\" class=\"w-fit\">{badge}</Badge>\n <h1\n class=\"text-4xl font-semibold tracking-tight text-balance sm:text-5xl\"\n >\n {title}\n </h1>\n <p class=\"text-muted-foreground text-lg leading-8\">{description}</p>\n <Price>\n <PriceValue price={price.value} currency={price.currency} />\n <PriceUnit>{price.unit}</PriceUnit>\n </Price>\n <p class=\"border-y py-4 text-sm leading-7\">{note}</p>\n <div class=\"flex flex-wrap gap-3\">\n {\n buttons.map(({ href, label, ...button }) => (\n <Button as=\"a\" href={href} variant={button.variant}>\n {label}\n </Button>\n ))\n }\n </div>\n </div>\n </SectionContainer>\n</Section>\n",
|
|
14
|
+
"type": "registry:block"
|
|
15
|
+
}
|
|
16
|
+
],
|
|
17
|
+
"type": "registry:block"
|
|
18
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
|
|
3
|
+
"name": "products-1",
|
|
4
|
+
"registryDependencies": [
|
|
5
|
+
"@fulldev/badge",
|
|
6
|
+
"@fulldev/card",
|
|
7
|
+
"@fulldev/price",
|
|
8
|
+
"@fulldev/section"
|
|
9
|
+
],
|
|
10
|
+
"files": [
|
|
11
|
+
{
|
|
12
|
+
"path": "src/components/blocks/products-1.astro",
|
|
13
|
+
"content": "---\nimport type { ImageMetadata } from \"astro\"\nimport { Image } from \"astro:assets\"\n\nimport { cn } from \"@/lib/utils\"\nimport { Badge } from \"@/components/ui/badge\"\nimport {\n Card,\n CardContent,\n CardDescription,\n CardHeader,\n CardTitle,\n} from \"@/components/ui/card\"\nimport { Price, PriceUnit, PriceValue } from \"@/components/ui/price\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = {\n class?: string\n badge: string\n title: string\n products: {\n image: {\n src: ImageMetadata\n alt: string\n }\n title: string\n description: string\n price: {\n value: number\n currency: string\n unit: string\n }\n }[]\n}\n\nconst { class: className, badge, title, products } = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n <SectionContainer class=\"gap-8\">\n <div class=\"mx-auto max-w-2xl text-center\">\n <Badge variant=\"secondary\">{badge}</Badge>\n <h2\n class=\"mt-4 text-3xl font-semibold tracking-tight text-balance sm:text-4xl\"\n >\n {title}\n </h2>\n </div>\n <div class=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n {\n products.map((product) => (\n <Card>\n <Image\n src={product.image.src}\n alt={product.image.alt}\n class=\"aspect-4/3 w-full object-cover\"\n />\n <CardHeader>\n <CardTitle>{product.title}</CardTitle>\n <CardDescription>{product.description}</CardDescription>\n </CardHeader>\n <CardContent>\n <Price>\n <PriceValue\n price={product.price.value}\n currency={product.price.currency}\n />\n <PriceUnit>{product.price.unit}</PriceUnit>\n </Price>\n </CardContent>\n </Card>\n ))\n }\n </div>\n </SectionContainer>\n</Section>\n",
|
|
14
|
+
"type": "registry:block"
|
|
15
|
+
}
|
|
16
|
+
],
|
|
17
|
+
"type": "registry:block"
|
|
18
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
|
|
3
|
+
"name": "products-2",
|
|
4
|
+
"registryDependencies": [
|
|
5
|
+
"@fulldev/badge",
|
|
6
|
+
"@fulldev/price",
|
|
7
|
+
"@fulldev/section",
|
|
8
|
+
"@fulldev/separator"
|
|
9
|
+
],
|
|
10
|
+
"files": [
|
|
11
|
+
{
|
|
12
|
+
"path": "src/components/blocks/products-2.astro",
|
|
13
|
+
"content": "---\nimport { cn } from \"@/lib/utils\"\nimport { Badge } from \"@/components/ui/badge\"\nimport { Price, PriceUnit, PriceValue } from \"@/components/ui/price\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\nimport { Separator } from \"@/components/ui/separator\"\n\ntype Props = {\n class?: string\n badge: string\n title: string\n products: {\n title: string\n description: string\n price: {\n value: number\n currency: string\n unit: string\n }\n }[]\n}\n\nconst { class: className, badge, title, products } = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n <SectionContainer class=\"gap-8\">\n <div class=\"max-w-2xl\">\n <Badge variant=\"secondary\">{badge}</Badge>\n <h2\n class=\"mt-4 text-3xl font-semibold tracking-tight text-balance sm:text-4xl\"\n >\n {title}\n </h2>\n </div>\n <div class=\"grid gap-3\">\n {\n products.map((item) => (\n <div>\n <Separator />\n <div class=\"flex flex-col gap-4 py-5 md:flex-row md:items-center md:justify-between\">\n <div class=\"flex flex-col gap-1 md:max-w-lg\">\n <h3 class=\"text-base font-medium\">{item.title}</h3>\n <p class=\"text-muted-foreground text-sm leading-6\">\n {item.description}\n </p>\n </div>\n <Price>\n <PriceValue\n price={item.price.value}\n currency={item.price.currency}\n />\n <PriceUnit>{item.price.unit}</PriceUnit>\n </Price>\n </div>\n </div>\n ))\n }\n </div>\n </SectionContainer>\n</Section>\n",
|
|
14
|
+
"type": "registry:block"
|
|
15
|
+
}
|
|
16
|
+
],
|
|
17
|
+
"type": "registry:block"
|
|
18
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$schema": "https://ui.shadcn.com/schema/registry-item.json",
|
|
3
|
+
"name": "products-3",
|
|
4
|
+
"registryDependencies": [
|
|
5
|
+
"@fulldev/badge",
|
|
6
|
+
"@fulldev/card",
|
|
7
|
+
"@fulldev/price",
|
|
8
|
+
"@fulldev/section"
|
|
9
|
+
],
|
|
10
|
+
"files": [
|
|
11
|
+
{
|
|
12
|
+
"path": "src/components/blocks/products-3.astro",
|
|
13
|
+
"content": "---\nimport { cn } from \"@/lib/utils\"\nimport { Badge } from \"@/components/ui/badge\"\nimport {\n Card,\n CardContent,\n CardDescription,\n CardHeader,\n CardTitle,\n} from \"@/components/ui/card\"\nimport { Price, PriceValue } from \"@/components/ui/price\"\nimport { Section, SectionContainer } from \"@/components/ui/section\"\n\ntype Props = {\n class?: string\n badge: string\n title: string\n products: {\n title: string\n description: string\n price: {\n value: number\n currency: string\n }\n }[]\n}\n\nconst { class: className, badge, title, products } = Astro.props\n---\n\n<Section class={cn(\"\", className)}>\n <SectionContainer class=\"gap-8\">\n <div class=\"mx-auto max-w-2xl text-center\">\n <Badge variant=\"secondary\">{badge}</Badge>\n <h2\n class=\"mt-4 text-3xl font-semibold tracking-tight text-balance sm:text-4xl\"\n >\n {title}\n </h2>\n </div>\n <div class=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n {\n products.map((product) => (\n <Card class=\"text-center\">\n <CardHeader>\n <Price class=\"justify-center\">\n <PriceValue\n class=\"text-3xl font-semibold\"\n price={product.price.value}\n currency={product.price.currency}\n />\n </Price>\n </CardHeader>\n <CardContent class=\"flex flex-col gap-2\">\n <CardTitle>{product.title}</CardTitle>\n <CardDescription>{product.description}</CardDescription>\n </CardContent>\n </Card>\n ))\n }\n </div>\n </SectionContainer>\n</Section>\n",
|
|
14
|
+
"type": "registry:block"
|
|
15
|
+
}
|
|
16
|
+
],
|
|
17
|
+
"type": "registry:block"
|
|
18
|
+
}
|