dune-react 0.0.11 → 0.0.13
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/dist/components/puck-base/core/fields.d.ts +25 -96
- package/dist/components/puck-base/core/fields.js +4 -10
- package/dist/components/puck-base/core/icon-catalog.d.ts +14 -0
- package/dist/components/puck-base/core/icon-catalog.js +193 -0
- package/dist/components/puck-base/fields/action-field.d.ts +23 -1
- package/dist/components/puck-base/fields/action-field.js +174 -130
- package/dist/components/puck-base/gradient-text.js +1 -1
- package/dist/components/puck-base/icon-picker-field.d.ts +8 -0
- package/dist/components/puck-base/icon-picker-field.js +153 -0
- package/dist/components/puck-base/index.d.ts +1 -1
- package/dist/components/puck-block/banner-sections/announcement-banner-1/index.js +1 -1
- package/dist/components/puck-block/banner-sections/marquee-1/index.js +6 -4
- package/dist/components/puck-block/contact-sections/contact-us-1/index.js +18 -8
- package/dist/components/puck-block/contact-sections/contact-us-2/contact-us-2.js +1 -1
- package/dist/components/puck-block/contact-sections/contact-us-2/index.js +7 -7
- package/dist/components/puck-block/contact-sections/contact-us-3/index.js +2 -2
- package/dist/components/puck-block/cta-sections/banner-cta-1/index.js +4 -4
- package/dist/components/puck-block/cta-sections/cta-1/index.js +9 -9
- package/dist/components/puck-block/cta-sections/gradient-cta-1/index.js +3 -3
- package/dist/components/puck-block/cta-sections/newsletter-signup-1/index.js +1 -1
- package/dist/components/puck-block/cta-sections/promo-section-1/index.js +5 -5
- package/dist/components/puck-block/faq-sections/accordion-1/index.js +7 -3
- package/dist/components/puck-block/faq-sections/faq-1/index.js +16 -4
- package/dist/components/puck-block/faq-sections/faq-2/index.js +11 -11
- package/dist/components/puck-block/feature-sections/bento-1/bento.js +16 -7
- package/dist/components/puck-block/feature-sections/bento-1/index.js +19 -6
- package/dist/components/puck-block/feature-sections/feature-cards-1/index.js +11 -10
- package/dist/components/puck-block/feature-sections/feature-showcase-1/index.js +10 -10
- package/dist/components/puck-block/feature-sections/icon-grid-1/index.js +13 -18
- package/dist/components/puck-block/feature-sections/product-features-1/index.js +18 -23
- package/dist/components/puck-block/footer-sections/footer-1/index.js +17 -22
- package/dist/components/puck-block/gallery-sections/gallery-1/index.js +12 -8
- package/dist/components/puck-block/gallery-sections/gallery-2/index.js +10 -9
- package/dist/components/puck-block/gallery-sections/gallery-3/index.js +17 -14
- package/dist/components/puck-block/header-sections/header-1/index.js +56 -40
- package/dist/components/puck-block/header-sections/sticky-nav-1/index.js +4 -3
- package/dist/components/puck-block/hero-sections/fullscreen-hero-1/index.js +4 -3
- package/dist/components/puck-block/hero-sections/gradient-hero-1/index.js +4 -4
- package/dist/components/puck-block/hero-sections/hero-1/index.js +16 -12
- package/dist/components/puck-block/hero-sections/image-hero-1/index.js +2 -2
- package/dist/components/puck-block/hero-sections/props.d.ts +1 -12
- package/dist/components/puck-block/hero-sections/split-hero-1/index.js +7 -7
- package/dist/components/puck-block/hero-sections/video-hero-1/index.js +5 -5
- package/dist/components/puck-block/index.d.ts +0 -1
- package/dist/components/puck-block/location-sections/location-1/index.js +4 -4
- package/dist/components/puck-block/location-sections/location-1/location.js +1 -1
- package/dist/components/puck-block/location-sections/location-2/index.js +4 -4
- package/dist/components/puck-block/location-sections/location-2/location.js +1 -1
- package/dist/components/puck-block/location-sections/location-3/index.js +15 -14
- package/dist/components/puck-block/location-sections/location-3/location.d.ts +1 -0
- package/dist/components/puck-block/location-sections/location-3/location.js +2 -2
- package/dist/components/puck-block/metrics-sections/stats-1/index.js +13 -13
- package/dist/components/puck-block/metrics-sections/stats-2/index.js +8 -8
- package/dist/components/puck-block/metrics-sections/stats-3/index.js +13 -13
- package/dist/components/puck-block/pricing-sections/comparison-1/index.js +2 -2
- package/dist/components/puck-block/pricing-sections/pricing-1/index.js +39 -19
- package/dist/components/puck-block/pricing-sections/pricing-2/index.js +30 -30
- package/dist/components/puck-block/showcase-sections/before-after-1/index.js +12 -12
- package/dist/components/puck-block/showcase-sections/case-study-1/index.js +7 -7
- package/dist/components/puck-block/showcase-sections/step-by-step-1/index.js +8 -8
- package/dist/components/puck-block/team-sections/team-grid-1/index.js +9 -9
- package/dist/components/puck-block/team-sections/team-grid-2/index.js +12 -12
- package/dist/components/puck-block/team-sections/team-profiles-1/index.js +11 -9
- package/dist/components/puck-block/testimonial-sections/customers-1/index.js +18 -7
- package/dist/components/puck-block/testimonial-sections/logo-marquee-1/index.js +1 -1
- package/dist/components/puck-block/testimonial-sections/logo-wall-1/index.js +7 -7
- package/dist/components/puck-block/testimonial-sections/review-section-1/index.js +27 -12
- package/dist/components/puck-block/testimonial-sections/testimonials-1/index.js +17 -7
- package/dist/components/puck-block/text-sections/articles-1/articles.d.ts +3 -2
- package/dist/components/puck-block/text-sections/articles-1/articles.js +6 -4
- package/dist/components/puck-block/text-sections/articles-1/index.js +46 -18
- package/dist/components/puck-block/text-sections/content-section-1/index.js +6 -6
- package/dist/components/puck-block/text-sections/rich-text-1/index.js +1 -1
- package/dist/components/puck-block/text-sections/rich-text-1/rich-text.js +6 -1
- package/dist/components/puck-block/text-sections/tab-section-1/index.js +12 -12
- package/dist/components/puck-block/text-sections/timeline-1/index.js +17 -7
- package/dist/components/puck-block/text-sections/two-column-1/index.js +10 -10
- package/dist/index.js +69 -63
- package/dist/node_modules/.pnpm/lucide-react@0.540.0_react@19.2.4/node_modules/lucide-react/dist/esm/DynamicIcon.js +1 -3
- package/package.json +2 -1
- package/dist/components/puck-block/hero-sections/grid-hero-1/grid-hero.d.ts +0 -26
- package/dist/components/puck-block/hero-sections/grid-hero-1/grid-hero.js +0 -125
- package/dist/components/puck-block/hero-sections/grid-hero-1/index.d.ts +0 -5
- package/dist/components/puck-block/hero-sections/grid-hero-1/index.js +0 -71
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { image } from "../../../puck-base/core/fields.js";
|
|
2
2
|
import { TabSection } from "./tab-section.js";
|
|
3
3
|
import { createStylesDefaults, createStylesField } from "../../../puck-base/core/styles.js";
|
|
4
4
|
const conf = {
|
|
@@ -17,29 +17,29 @@ const conf = {
|
|
|
17
17
|
defaultItemProps: {
|
|
18
18
|
label: "Tab",
|
|
19
19
|
content: "Content for this tab.",
|
|
20
|
-
image:
|
|
20
|
+
image: { src: "https://images.pexels.com/photos/3888151/pexels-photo-3888151.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Developer workspace with laptop showing code" }
|
|
21
21
|
}
|
|
22
22
|
},
|
|
23
23
|
styles: createStylesField()
|
|
24
24
|
},
|
|
25
25
|
defaultProps: {
|
|
26
26
|
heading: "How it works",
|
|
27
|
-
description: "
|
|
27
|
+
description: "Get up and running in three simple steps.",
|
|
28
28
|
tabs: [
|
|
29
29
|
{
|
|
30
|
-
label: "
|
|
31
|
-
content: "
|
|
32
|
-
image:
|
|
30
|
+
label: "Connect",
|
|
31
|
+
content: "Link your repository and configure your project in under a minute.",
|
|
32
|
+
image: { src: "https://images.pexels.com/photos/4218883/pexels-photo-4218883.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Computer displaying code editor with project repository connected" }
|
|
33
33
|
},
|
|
34
34
|
{
|
|
35
|
-
label: "
|
|
36
|
-
content: "
|
|
37
|
-
image:
|
|
35
|
+
label: "Build",
|
|
36
|
+
content: "Push your code and let our platform handle testing, building, and optimization.",
|
|
37
|
+
image: { src: "https://images.pexels.com/photos/574071/pexels-photo-574071.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Monitor showing colorful code during build process" }
|
|
38
38
|
},
|
|
39
39
|
{
|
|
40
|
-
label: "
|
|
41
|
-
content: "
|
|
42
|
-
image:
|
|
40
|
+
label: "Deploy",
|
|
41
|
+
content: "Go live instantly with automatic SSL, CDN, and monitoring.",
|
|
42
|
+
image: { src: "https://images.pexels.com/photos/270404/pexels-photo-270404.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Source code and deployment terminal on computer screen" }
|
|
43
43
|
}
|
|
44
44
|
],
|
|
45
45
|
styles: createStylesDefaults()
|
|
@@ -27,18 +27,28 @@ const conf = {
|
|
|
27
27
|
items: [
|
|
28
28
|
{
|
|
29
29
|
title: "Founded",
|
|
30
|
-
description: "Started with a
|
|
31
|
-
date: "
|
|
30
|
+
description: "Started with a vision to simplify developer workflows.",
|
|
31
|
+
date: "2021"
|
|
32
32
|
},
|
|
33
33
|
{
|
|
34
|
-
title: "
|
|
35
|
-
description: "
|
|
36
|
-
date: "
|
|
34
|
+
title: "Public Beta",
|
|
35
|
+
description: "Opened the platform to early adopters and gathered feedback.",
|
|
36
|
+
date: "2022"
|
|
37
37
|
},
|
|
38
38
|
{
|
|
39
|
-
title: "
|
|
40
|
-
description: "
|
|
39
|
+
title: "10,000 Teams",
|
|
40
|
+
description: "Crossed 10,000 teams building on the platform.",
|
|
41
41
|
date: "2023"
|
|
42
|
+
},
|
|
43
|
+
{
|
|
44
|
+
title: "Series A",
|
|
45
|
+
description: "Raised funding to accelerate product development.",
|
|
46
|
+
date: "2024"
|
|
47
|
+
},
|
|
48
|
+
{
|
|
49
|
+
title: "Enterprise Launch",
|
|
50
|
+
description: "Launched enterprise tier with SSO, audit logs, and dedicated support.",
|
|
51
|
+
date: "2025"
|
|
42
52
|
}
|
|
43
53
|
],
|
|
44
54
|
styles: createStylesDefaults()
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { images, contentFieldsWithFeatures
|
|
1
|
+
import { images, contentFieldsWithFeatures } from "../../../puck-base/core/fields.js";
|
|
2
2
|
import { TwoColumn } from "./two-column.js";
|
|
3
3
|
import { createStylesDefaults, createStylesField } from "../../../puck-base/core/styles.js";
|
|
4
4
|
const conf = {
|
|
@@ -51,10 +51,10 @@ const conf = {
|
|
|
51
51
|
styles: createStylesField()
|
|
52
52
|
},
|
|
53
53
|
defaultProps: {
|
|
54
|
-
heading: "
|
|
55
|
-
description: "
|
|
54
|
+
heading: "Why leading teams trust us",
|
|
55
|
+
description: "We handle the infrastructure so you can focus on your product. From startups to enterprises, teams rely on our platform to ship with confidence.",
|
|
56
56
|
badge: {
|
|
57
|
-
label: "
|
|
57
|
+
label: "About Us",
|
|
58
58
|
url: "",
|
|
59
59
|
variant: "default"
|
|
60
60
|
},
|
|
@@ -63,18 +63,18 @@ const conf = {
|
|
|
63
63
|
border: "false",
|
|
64
64
|
images: [
|
|
65
65
|
{
|
|
66
|
-
alt: "
|
|
67
|
-
src:
|
|
66
|
+
alt: "Developer working at desk with dual monitors displaying code",
|
|
67
|
+
src: "https://images.pexels.com/photos/3861969/pexels-photo-3861969.jpeg?auto=compress&cs=tinysrgb&w=1200",
|
|
68
68
|
aspectRatio: "16x9"
|
|
69
69
|
},
|
|
70
70
|
{
|
|
71
|
-
alt: "
|
|
72
|
-
src:
|
|
71
|
+
alt: "Two developers collaborating on code at a shared workspace",
|
|
72
|
+
src: "https://images.pexels.com/photos/1181677/pexels-photo-1181677.jpeg?auto=compress&cs=tinysrgb&w=1200",
|
|
73
73
|
aspectRatio: "16x9"
|
|
74
74
|
},
|
|
75
75
|
{
|
|
76
|
-
alt: "
|
|
77
|
-
src:
|
|
76
|
+
alt: "Tech team working together at a modern office",
|
|
77
|
+
src: "https://images.pexels.com/photos/3183150/pexels-photo-3183150.jpeg?auto=compress&cs=tinysrgb&w=1200",
|
|
78
78
|
aspectRatio: "16x9"
|
|
79
79
|
}
|
|
80
80
|
],
|
package/dist/index.js
CHANGED
|
@@ -2,9 +2,9 @@ import { default as default2 } from "./components/ui-block/background/index.js";
|
|
|
2
2
|
import { default as default3 } from "./components/puck-block/header-sections/header-1/index.js";
|
|
3
3
|
import { default as default4 } from "./components/shadcn/badge-promo.js";
|
|
4
4
|
import { default as default5 } from "./components/puck-base/use-upload.js";
|
|
5
|
+
import { ACTION_TYPE_FIELD_MAP, ACTION_TYPE_OPTIONS, ActionField, DownloadActionFields, EmailActionFields, ExternalActionFields, PageActionFields, PhoneActionFields, SectionActionFields } from "./components/puck-base/fields/action-field.js";
|
|
5
6
|
import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "./components/shadcn/accordion.js";
|
|
6
7
|
import { conf } from "./components/puck-block/faq-sections/accordion-1/index.js";
|
|
7
|
-
import { ActionField } from "./components/puck-base/fields/action-field.js";
|
|
8
8
|
import { Alert, AlertAction, AlertDescription, AlertTitle } from "./components/shadcn/alert.js";
|
|
9
9
|
import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from "./components/shadcn/alert-dialog.js";
|
|
10
10
|
import { AnimatedThemeToggler } from "./components/shadcn/animated-theme-toggler.js";
|
|
@@ -68,11 +68,10 @@ import { conf as conf23 } from "./components/puck-block/gallery-sections/gallery
|
|
|
68
68
|
import { conf as conf24 } from "./components/puck-block/cta-sections/gradient-cta-1/index.js";
|
|
69
69
|
import { conf as conf25 } from "./components/puck-block/hero-sections/gradient-hero-1/index.js";
|
|
70
70
|
import { GradientText } from "./components/puck-base/gradient-text.js";
|
|
71
|
-
import { conf as conf26 } from "./components/puck-block/hero-sections/
|
|
72
|
-
import { conf as conf27 } from "./components/puck-block/hero-sections/hero-1/index.js";
|
|
71
|
+
import { conf as conf26 } from "./components/puck-block/hero-sections/hero-1/index.js";
|
|
73
72
|
import { HoverCard, HoverCardContent, HoverCardTrigger } from "./components/shadcn/hover-card.js";
|
|
74
|
-
import { conf as
|
|
75
|
-
import { conf as
|
|
73
|
+
import { conf as conf27 } from "./components/puck-block/feature-sections/icon-grid-1/index.js";
|
|
74
|
+
import { conf as conf28 } from "./components/puck-block/hero-sections/image-hero-1/index.js";
|
|
76
75
|
import { ImageUploadField } from "./components/puck-base/image-upload-field.js";
|
|
77
76
|
import { InlineEditable } from "./components/puck-base/inline-editable.js";
|
|
78
77
|
import { Input } from "./components/shadcn/input.js";
|
|
@@ -82,28 +81,28 @@ import { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup,
|
|
|
82
81
|
import { Kbd, KbdGroup } from "./components/shadcn/kbd.js";
|
|
83
82
|
import { Label } from "./components/shadcn/label.js";
|
|
84
83
|
import { LayoutTextFlip } from "./components/shadcn/layout-text-flip.js";
|
|
85
|
-
import { conf as
|
|
86
|
-
import { conf as
|
|
87
|
-
import { conf as
|
|
88
|
-
import { conf as
|
|
89
|
-
import { conf as
|
|
90
|
-
import { conf as
|
|
84
|
+
import { conf as conf29 } from "./components/puck-block/location-sections/location-2/index.js";
|
|
85
|
+
import { conf as conf30 } from "./components/puck-block/location-sections/location-3/index.js";
|
|
86
|
+
import { conf as conf31 } from "./components/puck-block/location-sections/location-1/index.js";
|
|
87
|
+
import { conf as conf32 } from "./components/puck-block/testimonial-sections/logo-marquee-1/index.js";
|
|
88
|
+
import { conf as conf33 } from "./components/puck-block/testimonial-sections/logo-wall-1/index.js";
|
|
89
|
+
import { conf as conf34 } from "./components/puck-block/banner-sections/marquee-1/index.js";
|
|
91
90
|
import { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger } from "./components/shadcn/menubar.js";
|
|
92
91
|
import { MobileNav, MobileNavHeader, MobileNavMenu, MobileNavToggle, NavBody, NavItems, Navbar, NavbarButton, NavbarLogo } from "./components/shadcn/resizable-navbar.js";
|
|
93
92
|
import { NativeSelect, NativeSelectOptGroup, NativeSelectOption } from "./components/shadcn/native-select.js";
|
|
94
93
|
import { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuPositioner, NavigationMenuTrigger, navigationMenuTriggerStyle } from "./components/shadcn/navigation-menu.js";
|
|
95
|
-
import { conf as
|
|
94
|
+
import { conf as conf35 } from "./components/puck-block/cta-sections/newsletter-signup-1/index.js";
|
|
96
95
|
import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "./components/shadcn/pagination.js";
|
|
97
96
|
import { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger } from "./components/shadcn/popover.js";
|
|
98
|
-
import { conf as
|
|
99
|
-
import { conf as
|
|
100
|
-
import { conf as
|
|
97
|
+
import { conf as conf36 } from "./components/puck-block/pricing-sections/pricing-2/index.js";
|
|
98
|
+
import { conf as conf37 } from "./components/puck-block/pricing-sections/pricing-1/index.js";
|
|
99
|
+
import { conf as conf38 } from "./components/puck-block/feature-sections/product-features-1/index.js";
|
|
101
100
|
import { Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue } from "./components/shadcn/progress.js";
|
|
102
|
-
import { conf as
|
|
101
|
+
import { conf as conf39 } from "./components/puck-block/cta-sections/promo-section-1/index.js";
|
|
103
102
|
import { RadioGroup, RadioGroupItem } from "./components/shadcn/radio-group.js";
|
|
104
103
|
import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from "./components/shadcn/resizable.js";
|
|
105
|
-
import { conf as
|
|
106
|
-
import { conf as
|
|
104
|
+
import { conf as conf40 } from "./components/puck-block/testimonial-sections/review-section-1/index.js";
|
|
105
|
+
import { conf as conf41 } from "./components/puck-block/text-sections/rich-text-1/index.js";
|
|
107
106
|
import { ScrollArea, ScrollBar } from "./components/shadcn/scroll-area.js";
|
|
108
107
|
import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from "./components/shadcn/select.js";
|
|
109
108
|
import { Separator } from "./components/shadcn/separator.js";
|
|
@@ -113,31 +112,31 @@ import { Skeleton } from "./components/shadcn/skeleton.js";
|
|
|
113
112
|
import { Slider } from "./components/shadcn/slider.js";
|
|
114
113
|
import { SparklesCore } from "./components/ui-block/sparkles/index.js";
|
|
115
114
|
import { Spinner } from "./components/shadcn/spinner.js";
|
|
116
|
-
import { conf as
|
|
115
|
+
import { conf as conf42 } from "./components/puck-block/hero-sections/split-hero-1/index.js";
|
|
117
116
|
import { Spotlight } from "./components/ui-block/spotlight/index.js";
|
|
118
|
-
import { conf as
|
|
119
|
-
import { conf as
|
|
120
|
-
import { conf as
|
|
121
|
-
import { conf as
|
|
122
|
-
import { conf as
|
|
117
|
+
import { conf as conf43 } from "./components/puck-block/metrics-sections/stats-2/index.js";
|
|
118
|
+
import { conf as conf44 } from "./components/puck-block/metrics-sections/stats-3/index.js";
|
|
119
|
+
import { conf as conf45 } from "./components/puck-block/metrics-sections/stats-1/index.js";
|
|
120
|
+
import { conf as conf46 } from "./components/puck-block/showcase-sections/step-by-step-1/index.js";
|
|
121
|
+
import { conf as conf47 } from "./components/puck-block/header-sections/sticky-nav-1/index.js";
|
|
123
122
|
import { Switch } from "./components/shadcn/switch.js";
|
|
124
|
-
import { conf as
|
|
123
|
+
import { conf as conf48 } from "./components/puck-block/text-sections/tab-section-1/index.js";
|
|
125
124
|
import { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "./components/shadcn/table.js";
|
|
126
125
|
import { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants } from "./components/shadcn/tabs.js";
|
|
127
|
-
import { conf as
|
|
128
|
-
import { conf as
|
|
129
|
-
import { conf as
|
|
130
|
-
import { conf as
|
|
126
|
+
import { conf as conf49 } from "./components/puck-block/team-sections/team-grid-2/index.js";
|
|
127
|
+
import { conf as conf50 } from "./components/puck-block/team-sections/team-grid-1/index.js";
|
|
128
|
+
import { conf as conf51 } from "./components/puck-block/team-sections/team-profiles-1/index.js";
|
|
129
|
+
import { conf as conf52 } from "./components/puck-block/testimonial-sections/testimonials-1/index.js";
|
|
131
130
|
import { Textarea } from "./components/shadcn/textarea.js";
|
|
132
|
-
import { conf as
|
|
131
|
+
import { conf as conf53 } from "./components/puck-block/text-sections/timeline-1/index.js";
|
|
133
132
|
import { Toaster } from "./components/shadcn/sonner.js";
|
|
134
133
|
import { Toggle, toggleVariants } from "./components/shadcn/toggle.js";
|
|
135
134
|
import { ToggleGroup, ToggleGroupItem } from "./components/shadcn/toggle-group.js";
|
|
136
135
|
import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./components/shadcn/tooltip.js";
|
|
137
136
|
import { TweetCard, truncate } from "./components/shadcn/tweet-card.js";
|
|
138
137
|
import { TweetCardClient } from "./components/shadcn/tweet-card-client.js";
|
|
139
|
-
import { conf as
|
|
140
|
-
import { conf as
|
|
138
|
+
import { conf as conf54 } from "./components/puck-block/text-sections/two-column-1/index.js";
|
|
139
|
+
import { conf as conf55 } from "./components/puck-block/hero-sections/video-hero-1/index.js";
|
|
141
140
|
import { action, actionDefaults, badge, button, buttons, card, cards, contentFields, contentFieldsWithFeatures, description, features, field, fieldDefaults, form, formDefaults, getPlaceholderImageUrl, heading, icon, image, image16x9Placeholder, image1x1Placeholder, image9x16Placeholder, images } from "./components/puck-base/core/fields.js";
|
|
142
141
|
import { backgroundColor, backgroundImage, padding, paddingDefaults, paddingLevel, sectionOverlay, sectionStyle } from "./components/puck-base/core/styles.js";
|
|
143
142
|
import { base64ToFile, base64ToUrl, blobToBase64, blobToUrl, convertBase64ToBlob, structureFile } from "./utils/utils-canvas.js";
|
|
@@ -152,6 +151,8 @@ import { resolveActionUrl } from "./components/puck-base/core/types.js";
|
|
|
152
151
|
import { usePuckAppState, usePuckConfig, usePuckDispatch, usePuckGetSelectorForId, usePuckHistory } from "./components/puck-base/core/hooks.js";
|
|
153
152
|
import { withEditable } from "./components/puck-base/core/with-editable.js";
|
|
154
153
|
export {
|
|
154
|
+
ACTION_TYPE_FIELD_MAP,
|
|
155
|
+
ACTION_TYPE_OPTIONS,
|
|
155
156
|
Accordion,
|
|
156
157
|
conf as AccordionConf,
|
|
157
158
|
AccordionContent,
|
|
@@ -293,6 +294,7 @@ export {
|
|
|
293
294
|
DialogTitle,
|
|
294
295
|
DialogTrigger,
|
|
295
296
|
DirectionProvider,
|
|
297
|
+
DownloadActionFields,
|
|
296
298
|
Drawer,
|
|
297
299
|
DrawerClose,
|
|
298
300
|
DrawerContent,
|
|
@@ -319,6 +321,7 @@ export {
|
|
|
319
321
|
DropdownMenuSubTrigger,
|
|
320
322
|
DropdownMenuTrigger,
|
|
321
323
|
EditorContextProvider,
|
|
324
|
+
EmailActionFields,
|
|
322
325
|
Empty,
|
|
323
326
|
EmptyContent,
|
|
324
327
|
EmptyDescription,
|
|
@@ -326,6 +329,7 @@ export {
|
|
|
326
329
|
EmptyMedia,
|
|
327
330
|
EmptyTitle,
|
|
328
331
|
ErrorBoundary,
|
|
332
|
+
ExternalActionFields,
|
|
329
333
|
conf15 as Faq2Conf,
|
|
330
334
|
conf16 as FaqConf,
|
|
331
335
|
conf17 as FeatureCardsConf,
|
|
@@ -355,14 +359,13 @@ export {
|
|
|
355
359
|
conf24 as GradientCtaConf,
|
|
356
360
|
conf25 as GradientHeroConf,
|
|
357
361
|
GradientText,
|
|
358
|
-
conf26 as GridHeroConf,
|
|
359
362
|
default3 as HeaderConf,
|
|
360
|
-
|
|
363
|
+
conf26 as HeroConf,
|
|
361
364
|
HoverCard,
|
|
362
365
|
HoverCardContent,
|
|
363
366
|
HoverCardTrigger,
|
|
364
|
-
|
|
365
|
-
|
|
367
|
+
conf27 as IconGridConf,
|
|
368
|
+
conf28 as ImageHeroConf,
|
|
366
369
|
ImageUploadField,
|
|
367
370
|
InlineEditable,
|
|
368
371
|
Input,
|
|
@@ -390,12 +393,12 @@ export {
|
|
|
390
393
|
KbdGroup,
|
|
391
394
|
Label,
|
|
392
395
|
LayoutTextFlip,
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
396
|
+
conf29 as Location2Conf,
|
|
397
|
+
conf30 as Location3Conf,
|
|
398
|
+
conf31 as LocationConf,
|
|
399
|
+
conf32 as LogoMarqueeConf,
|
|
400
|
+
conf33 as LogoWallConf,
|
|
401
|
+
conf34 as MarqueeConf,
|
|
399
402
|
Menubar,
|
|
400
403
|
MenubarCheckboxItem,
|
|
401
404
|
MenubarContent,
|
|
@@ -432,7 +435,8 @@ export {
|
|
|
432
435
|
NavigationMenuList,
|
|
433
436
|
NavigationMenuPositioner,
|
|
434
437
|
NavigationMenuTrigger,
|
|
435
|
-
|
|
438
|
+
conf35 as NewsletterSignupConf,
|
|
439
|
+
PageActionFields,
|
|
436
440
|
Pagination,
|
|
437
441
|
PaginationContent,
|
|
438
442
|
PaginationEllipsis,
|
|
@@ -440,30 +444,32 @@ export {
|
|
|
440
444
|
PaginationLink,
|
|
441
445
|
PaginationNext,
|
|
442
446
|
PaginationPrevious,
|
|
447
|
+
PhoneActionFields,
|
|
443
448
|
Popover,
|
|
444
449
|
PopoverContent,
|
|
445
450
|
PopoverDescription,
|
|
446
451
|
PopoverHeader,
|
|
447
452
|
PopoverTitle,
|
|
448
453
|
PopoverTrigger,
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
454
|
+
conf36 as Pricing2Conf,
|
|
455
|
+
conf37 as PricingConf,
|
|
456
|
+
conf38 as ProductFeaturesConf,
|
|
452
457
|
Progress,
|
|
453
458
|
ProgressIndicator,
|
|
454
459
|
ProgressLabel,
|
|
455
460
|
ProgressTrack,
|
|
456
461
|
ProgressValue,
|
|
457
|
-
|
|
462
|
+
conf39 as PromoSectionConf,
|
|
458
463
|
RadioGroup,
|
|
459
464
|
RadioGroupItem,
|
|
460
465
|
ResizableHandle,
|
|
461
466
|
ResizablePanel,
|
|
462
467
|
ResizablePanelGroup,
|
|
463
|
-
|
|
464
|
-
|
|
468
|
+
conf40 as ReviewSectionConf,
|
|
469
|
+
conf41 as RichTextConf,
|
|
465
470
|
ScrollArea,
|
|
466
471
|
ScrollBar,
|
|
472
|
+
SectionActionFields,
|
|
467
473
|
Select,
|
|
468
474
|
SelectContent,
|
|
469
475
|
SelectGroup,
|
|
@@ -511,15 +517,15 @@ export {
|
|
|
511
517
|
Slider,
|
|
512
518
|
SparklesCore,
|
|
513
519
|
Spinner,
|
|
514
|
-
|
|
520
|
+
conf42 as SplitHeroConf,
|
|
515
521
|
Spotlight,
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
522
|
+
conf43 as Stats2Conf,
|
|
523
|
+
conf44 as Stats3Conf,
|
|
524
|
+
conf45 as StatsConf,
|
|
525
|
+
conf46 as StepByStepConf,
|
|
526
|
+
conf47 as StickyNavConf,
|
|
521
527
|
Switch,
|
|
522
|
-
|
|
528
|
+
conf48 as TabSectionConf,
|
|
523
529
|
Table,
|
|
524
530
|
TableBody,
|
|
525
531
|
TableCaption,
|
|
@@ -532,12 +538,12 @@ export {
|
|
|
532
538
|
TabsContent,
|
|
533
539
|
TabsList,
|
|
534
540
|
TabsTrigger,
|
|
535
|
-
|
|
536
|
-
|
|
537
|
-
|
|
538
|
-
|
|
541
|
+
conf49 as TeamGrid2Conf,
|
|
542
|
+
conf50 as TeamGridConf,
|
|
543
|
+
conf51 as TeamProfilesConf,
|
|
544
|
+
conf52 as TestimonialsConf,
|
|
539
545
|
Textarea,
|
|
540
|
-
|
|
546
|
+
conf53 as TimelineConf,
|
|
541
547
|
Toaster,
|
|
542
548
|
Toggle,
|
|
543
549
|
ToggleGroup,
|
|
@@ -548,8 +554,8 @@ export {
|
|
|
548
554
|
TooltipTrigger,
|
|
549
555
|
TweetCard,
|
|
550
556
|
TweetCardClient,
|
|
551
|
-
|
|
552
|
-
|
|
557
|
+
conf54 as TwoColumnConf,
|
|
558
|
+
conf55 as VideoHeroConf,
|
|
553
559
|
action,
|
|
554
560
|
actionDefaults,
|
|
555
561
|
backgroundColor,
|
|
@@ -3,7 +3,6 @@
|
|
|
3
3
|
import { forwardRef, useState, useEffect, createElement } from "react";
|
|
4
4
|
import dynamicIconImports from "./dynamicIconImports.js";
|
|
5
5
|
import Icon from "./Icon.js";
|
|
6
|
-
const iconNames = Object.keys(dynamicIconImports);
|
|
7
6
|
async function getIconNode(name) {
|
|
8
7
|
if (!(name in dynamicIconImports)) {
|
|
9
8
|
throw new Error("[lucide-react]: Name in Lucide DynamicIcon not found");
|
|
@@ -33,6 +32,5 @@ const DynamicIcon = forwardRef(
|
|
|
33
32
|
}
|
|
34
33
|
);
|
|
35
34
|
export {
|
|
36
|
-
DynamicIcon as default
|
|
37
|
-
iconNames
|
|
35
|
+
DynamicIcon as default
|
|
38
36
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "dune-react",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.13",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"scripts": {
|
|
@@ -69,6 +69,7 @@
|
|
|
69
69
|
"eslint-plugin-react-refresh": "^0.4.3",
|
|
70
70
|
"eslint-plugin-storybook": "^10.2.19",
|
|
71
71
|
"motion": "12.23.12",
|
|
72
|
+
"playwright": "1.58.2",
|
|
72
73
|
"react-easy-crop": "5.5.6",
|
|
73
74
|
"rollup-plugin-preserve-directives": "0.4.0",
|
|
74
75
|
"sass": "^1.90.0",
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { CompoundContainerProps } from "@/components/puck-base/container";
|
|
2
|
-
import { CompoundBadgeProps } from "@/components/puck-base/badge";
|
|
3
|
-
import { CompoundButtonProps } from "@/components/puck-base/button";
|
|
4
|
-
export interface SidebarItem {
|
|
5
|
-
label: string;
|
|
6
|
-
value?: string;
|
|
7
|
-
description?: string;
|
|
8
|
-
url?: string;
|
|
9
|
-
}
|
|
10
|
-
export interface GridHeroProps {
|
|
11
|
-
badge?: CompoundBadgeProps;
|
|
12
|
-
heading: string;
|
|
13
|
-
description?: string;
|
|
14
|
-
buttons?: CompoundButtonProps[];
|
|
15
|
-
leftSidebarTitle?: string;
|
|
16
|
-
leftSidebar?: SidebarItem[];
|
|
17
|
-
rightSidebar?: SidebarItem[];
|
|
18
|
-
rightSidebarTitle?: string;
|
|
19
|
-
styles?: {
|
|
20
|
-
padding?: CompoundContainerProps["padding"];
|
|
21
|
-
sectionStyle?: CompoundContainerProps["sectionStyle"];
|
|
22
|
-
backgroundColor?: string;
|
|
23
|
-
showGridLines?: boolean;
|
|
24
|
-
};
|
|
25
|
-
}
|
|
26
|
-
export declare const GridHero: ({ badge, heading, description, buttons, leftSidebarTitle, leftSidebar, rightSidebar, rightSidebarTitle, styles, }: GridHeroProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,125 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { cn } from "../../../../utils/css-utils.js";
|
|
3
|
-
import { CompoundContainer } from "../../../puck-base/container.js";
|
|
4
|
-
import { CompoundBadge } from "../../../puck-base/badge.js";
|
|
5
|
-
import { CompoundButton } from "../../../puck-base/button.js";
|
|
6
|
-
const GridHero = ({
|
|
7
|
-
badge,
|
|
8
|
-
heading,
|
|
9
|
-
description,
|
|
10
|
-
buttons,
|
|
11
|
-
leftSidebarTitle,
|
|
12
|
-
leftSidebar = [],
|
|
13
|
-
rightSidebar = [],
|
|
14
|
-
rightSidebarTitle,
|
|
15
|
-
styles
|
|
16
|
-
}) => {
|
|
17
|
-
const showGridLines = (styles == null ? void 0 : styles.showGridLines) ?? true;
|
|
18
|
-
const hasLeftSidebar = leftSidebar.length > 0 || !!leftSidebarTitle;
|
|
19
|
-
const hasRightSidebar = rightSidebar.length > 0;
|
|
20
|
-
return /* @__PURE__ */ jsx(
|
|
21
|
-
CompoundContainer,
|
|
22
|
-
{
|
|
23
|
-
padding: styles == null ? void 0 : styles.padding,
|
|
24
|
-
sectionStyle: styles == null ? void 0 : styles.sectionStyle,
|
|
25
|
-
backgroundColor: styles == null ? void 0 : styles.backgroundColor,
|
|
26
|
-
children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
|
|
27
|
-
showGridLines && /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0", "aria-hidden": true, children: /* @__PURE__ */ jsx("div", { className: "mx-auto flex h-full max-w-7xl justify-between px-4", children: [...Array(7)].map((_, i) => /* @__PURE__ */ jsx("div", { className: "h-full w-px bg-gray-200/60" }, i)) }) }),
|
|
28
|
-
/* @__PURE__ */ jsxs(
|
|
29
|
-
"div",
|
|
30
|
-
{
|
|
31
|
-
className: cn(
|
|
32
|
-
"relative mx-auto grid max-w-7xl gap-0 px-4",
|
|
33
|
-
hasLeftSidebar || hasRightSidebar ? "grid-cols-[minmax(120px,180px)_1fr_minmax(120px,180px)]" : "grid-cols-1"
|
|
34
|
-
),
|
|
35
|
-
children: [
|
|
36
|
-
hasLeftSidebar && /* @__PURE__ */ jsx("div", { className: "hidden border-r border-gray-200/60 pt-8 pr-6 md:block", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
|
|
37
|
-
leftSidebarTitle && /* @__PURE__ */ jsx("div", { className: "pb-4", children: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground font-mono text-xs leading-tight font-medium", children: leftSidebarTitle }) }),
|
|
38
|
-
leftSidebar.map((item, i) => /* @__PURE__ */ jsxs(
|
|
39
|
-
"div",
|
|
40
|
-
{
|
|
41
|
-
className: cn(
|
|
42
|
-
"flex flex-col gap-0.5 py-4",
|
|
43
|
-
i > 0 && "border-t border-dotted border-gray-400"
|
|
44
|
-
),
|
|
45
|
-
children: [
|
|
46
|
-
/* @__PURE__ */ jsx("span", { className: "text-muted-foreground font-mono text-[10px] font-medium tracking-wider", children: item.label }),
|
|
47
|
-
item.value && /* @__PURE__ */ jsx("span", { className: "font-mono text-xl font-semibold tracking-tight", children: item.value }),
|
|
48
|
-
item.description && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground font-mono text-[10px]", children: item.description })
|
|
49
|
-
]
|
|
50
|
-
},
|
|
51
|
-
i
|
|
52
|
-
))
|
|
53
|
-
] }) }),
|
|
54
|
-
/* @__PURE__ */ jsxs(
|
|
55
|
-
"div",
|
|
56
|
-
{
|
|
57
|
-
className: cn("flex flex-col gap-5 py-14", {
|
|
58
|
-
"px-8": hasLeftSidebar || hasRightSidebar,
|
|
59
|
-
"items-center text-center": !hasLeftSidebar && !hasRightSidebar
|
|
60
|
-
}),
|
|
61
|
-
children: [
|
|
62
|
-
badge && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
|
|
63
|
-
CompoundBadge,
|
|
64
|
-
{
|
|
65
|
-
label: badge.label,
|
|
66
|
-
variant: badge.variant || "outline",
|
|
67
|
-
url: badge.url
|
|
68
|
-
}
|
|
69
|
-
) }),
|
|
70
|
-
/* @__PURE__ */ jsx("h1", { className: "max-w-2xl text-5xl font-semibold tracking-tighter md:text-6xl", children: heading }),
|
|
71
|
-
description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground max-w-lg font-mono text-sm leading-relaxed", children: description }),
|
|
72
|
-
Array.isArray(buttons) && buttons.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-row flex-wrap gap-3 pt-2", children: buttons.filter((b) => !!b.label).map((button, index) => /* @__PURE__ */ jsx(
|
|
73
|
-
CompoundButton,
|
|
74
|
-
{
|
|
75
|
-
label: button.label,
|
|
76
|
-
action: button.action,
|
|
77
|
-
variant: button.variant,
|
|
78
|
-
size: button.size,
|
|
79
|
-
className: button.variant === "outline" ? "border-foreground border-2" : void 0
|
|
80
|
-
},
|
|
81
|
-
index
|
|
82
|
-
)) })
|
|
83
|
-
]
|
|
84
|
-
}
|
|
85
|
-
),
|
|
86
|
-
hasRightSidebar && /* @__PURE__ */ jsxs("div", { className: "hidden border-l border-gray-200/60 pt-12 pl-6 md:block", children: [
|
|
87
|
-
/* @__PURE__ */ jsx("div", { className: "flex flex-col", children: rightSidebar.map((item, i) => /* @__PURE__ */ jsx("div", { className: "py-2", children: item.url ? /* @__PURE__ */ jsxs(
|
|
88
|
-
"a",
|
|
89
|
-
{
|
|
90
|
-
href: item.url,
|
|
91
|
-
className: "text-muted-foreground hover:text-foreground font-mono text-xs transition-colors",
|
|
92
|
-
children: [
|
|
93
|
-
item.label,
|
|
94
|
-
item.value && /* @__PURE__ */ jsx("span", { className: "ml-1.5 text-[10px] opacity-60", children: item.value })
|
|
95
|
-
]
|
|
96
|
-
}
|
|
97
|
-
) : /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground font-mono text-xs", children: [
|
|
98
|
-
item.label,
|
|
99
|
-
item.value && /* @__PURE__ */ jsx("span", { className: "ml-1.5 text-[10px] opacity-60", children: item.value })
|
|
100
|
-
] }) }, i)) }),
|
|
101
|
-
rightSidebarTitle && /* @__PURE__ */ jsxs("div", { className: "mt-6 border-t border-dotted border-gray-400 pt-4", children: [
|
|
102
|
-
/* @__PURE__ */ jsx("span", { className: "text-muted-foreground font-mono text-[10px] font-medium tracking-wider", children: rightSidebarTitle }),
|
|
103
|
-
rightSidebar.length > 0 && /* @__PURE__ */ jsx("div", { className: "mt-2 flex flex-col gap-1", children: rightSidebar.map((item, i) => /* @__PURE__ */ jsxs(
|
|
104
|
-
"div",
|
|
105
|
-
{
|
|
106
|
-
className: "flex items-baseline justify-between gap-2",
|
|
107
|
-
children: [
|
|
108
|
-
/* @__PURE__ */ jsx("span", { className: "text-muted-foreground font-mono text-[10px]", children: item.label }),
|
|
109
|
-
item.value && /* @__PURE__ */ jsx("span", { className: "font-mono text-xs font-semibold", children: item.value })
|
|
110
|
-
]
|
|
111
|
-
},
|
|
112
|
-
i
|
|
113
|
-
)) })
|
|
114
|
-
] })
|
|
115
|
-
] })
|
|
116
|
-
]
|
|
117
|
-
}
|
|
118
|
-
)
|
|
119
|
-
] })
|
|
120
|
-
}
|
|
121
|
-
);
|
|
122
|
-
};
|
|
123
|
-
export {
|
|
124
|
-
GridHero
|
|
125
|
-
};
|