dune-react 0.0.19 → 0.0.20

package/dist/components/puck-block/cta-sections/gradient-cta-1/index.js

@@ -1,53 +0,0 @@
-import { contentFields } from "../../../puck-base/core/fields.js";
-import { GradientCta } from "./gradient-cta.js";
-import { createStylesDefaults, createStylesField } from "../../../puck-base/core/styles.js";
-const gradientCtaStylesField = createStylesField({
-  gradientFrom: {
-    type: "text",
-    label: "Gradient Start",
-    ai: {
-      instructions: "Use a CSS variable from the template theme, e.g. 'var(--primary)', 'var(--chart-1)'. Also accepts oklch format."
-    }
-  },
-  gradientTo: {
-    type: "text",
-    label: "Gradient End",
-    ai: {
-      instructions: "Use a CSS variable from the template theme, e.g. 'var(--chart-2)', 'var(--accent)'. Also accepts oklch format."
-    }
-  },
-  backgroundCSS: {
-    type: "textarea",
-    label: "Full CSS Background",
-    ai: {
-      instructions: "Full CSS background value (radial-gradient, multi-layer). Overrides gradientFrom/To."
-    }
-  },
-  textColor: {
-    type: "text",
-    label: "Text Color",
-    ai: { instructions: "Override text color, e.g. #333 or white" }
-  }
-});
-const conf = {
-  fields: {
-    ...contentFields,
-    styles: gradientCtaStylesField
-  },
-  defaultProps: {
-    heading: "Ship your next project faster",
-    description: "Everything you need to go from idea to production.",
-    buttons: [
-      { label: "Get Started Free", icon: "move-right", variant: "default" }
-    ],
-    styles: {
-      ...createStylesDefaults(),
-      gradientFrom: "var(--primary)",
-      gradientTo: "var(--chart-2)"
-    }
-  },
-  render: GradientCta
-};
-export {
-  conf
-};

package/dist/components/puck-block/cta-sections/newsletter-signup-1/index.d.ts

@@ -1,5 +0,0 @@
-import { ComponentConfig } from "@puckeditor/core";
-import { NewsletterSignupProps } from "./newsletter-signup";
-export type { NewsletterSignupProps };
-export declare const conf: ComponentConfig<NewsletterSignupProps>;
-export default conf;

package/dist/components/puck-block/cta-sections/newsletter-signup-1/index.js

@@ -1,30 +0,0 @@
-import { NewsletterSignup } from "./newsletter-signup.js";
-import { createStylesDefaults, createStylesField } from "../../../puck-base/core/styles.js";
-const conf = {
-  fields: {
-    heading: { type: "text", contentEditable: true },
-    description: { type: "textarea", contentEditable: true },
-    buttons: {
-      type: "array",
-      max: 1,
-      getItemSummary: (item, i = 0) => item.label || `Button ${i + 1}`,
-      arrayFields: {
-        label: { type: "text" }
-      },
-      defaultItemProps: { label: "Subscribe" }
-    },
-    placeholder: { type: "text" },
-    styles: createStylesField()
-  },
-  defaultProps: {
-    heading: "Stay in the loop",
-    description: "Get product updates, engineering insights, and tips delivered to your inbox.",
-    buttons: [{ label: "Subscribe" }],
-    placeholder: "Enter your email",
-    styles: createStylesDefaults()
-  },
-  render: NewsletterSignup
-};
-export {
-  conf
-};

package/dist/components/puck-block/cta-sections/newsletter-signup-1/newsletter-signup.d.ts

@@ -1,13 +0,0 @@
-import { CompoundContainerProps } from "@/components/puck-base/container";
-export interface NewsletterSignupProps {
-    heading?: string;
-    description?: string;
-    buttons?: Array<{
-        label: string;
-    }>;
-    placeholder?: string;
-    styles?: {
-        padding?: CompoundContainerProps["padding"];
-    };
-}
-export declare const NewsletterSignup: ({ heading, description, buttons, placeholder, styles, }: NewsletterSignupProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-block/cta-sections/newsletter-signup-1/newsletter-signup.js

@@ -1,44 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { CompoundContainer } from "../../../puck-base/container.js";
-import { CompoundButton } from "../../../puck-base/button.js";
-const NewsletterSignup = ({
-  heading,
-  description,
-  buttons = [],
-  placeholder = "Enter your email",
-  styles
-}) => {
-  var _a;
-  return /* @__PURE__ */ jsx(CompoundContainer, { padding: styles == null ? void 0 : styles.padding, sectionStyle: "muted", children: /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-xl text-center", children: [
-    heading && /* @__PURE__ */ jsx("h2", { className: "text-foreground font-serif mb-2 text-2xl font-bold tracking-tight md:text-3xl", children: heading }),
-    description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mb-6", children: description }),
-    /* @__PURE__ */ jsxs(
-      "form",
-      {
-        className: "mx-auto flex max-w-md gap-2",
-        onSubmit: (e) => e.preventDefault(),
-        children: [
-          /* @__PURE__ */ jsx(
-            "input",
-            {
-              type: "email",
-              placeholder,
-              className: "border-border bg-background text-foreground placeholder:text-muted-foreground focus:ring-primary flex-1 rounded-lg border px-4 py-2.5 focus:ring-2 focus:outline-none"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            CompoundButton,
-            {
-              label: ((_a = buttons[0]) == null ? void 0 : _a.label) ?? "Subscribe",
-              variant: "default",
-              type: "submit"
-            }
-          )
-        ]
-      }
-    )
-  ] }) });
-};
-export {
-  NewsletterSignup
-};

package/dist/components/puck-block/cta-sections/promo-section-1/index.d.ts

@@ -1,5 +0,0 @@
-import { ComponentConfig } from "@puckeditor/core";
-import { PromoSectionProps } from "./promo-section";
-export type { PromoSectionProps };
-export declare const conf: ComponentConfig<PromoSectionProps>;
-export default conf;

package/dist/components/puck-block/cta-sections/promo-section-1/index.js

@@ -1,44 +0,0 @@
-import { buttons, badge, image } from "../../../puck-base/core/fields.js";
-import { PromoSection } from "./promo-section.js";
-import { createStylesDefaults, createStylesField } from "../../../puck-base/core/styles.js";
-const conf = {
-  fields: {
-    heading: { type: "text", contentEditable: true },
-    description: { type: "textarea", contentEditable: true },
-    image,
-    imagePosition: {
-      type: "select",
-      label: "Image Position",
-      options: [
-        { label: "Right", value: "right" },
-        { label: "Left", value: "left" },
-        { label: "Background", value: "background" }
-      ]
-    },
-    badge,
-    buttons,
-    styles: createStylesField()
-  },
-  defaultProps: {
-    heading: "Limited Time — 3 Months Free on Pro",
-    description: "Upgrade to Pro and unlock advanced features, priority support, and unlimited collaborators.",
-    image: {
-      src: "https://images.pexels.com/photos/4218883/pexels-photo-4218883.jpeg?auto=compress&cs=tinysrgb&w=1200",
-      alt: "Developer workspace with computer displaying code interface"
-    },
-    imagePosition: "right",
-    buttons: [
-      {
-        label: "Claim Offer",
-        variant: "default",
-        size: "lg",
-        icon: "none"
-      }
-    ],
-    styles: createStylesDefaults()
-  },
-  render: PromoSection
-};
-export {
-  conf
-};

package/dist/components/puck-block/cta-sections/promo-section-1/promo-section.d.ts

@@ -1,20 +0,0 @@
-import { CompoundContainerProps } from "@/components/puck-base/container";
-import { CompoundBadgeProps } from "@/components/puck-base/badge";
-import { CompoundButtonProps } from "@/components/puck-base/button";
-export interface PromoSectionProps {
-    heading: string;
-    description?: string;
-    image?: {
-        src: string;
-        alt?: string;
-    };
-    imagePosition?: "left" | "right" | "background";
-    buttons?: CompoundButtonProps[];
-    badge?: CompoundBadgeProps;
-    styles?: {
-        padding?: CompoundContainerProps["padding"];
-        sectionStyle?: CompoundContainerProps["sectionStyle"];
-        backgroundColor?: string;
-    };
-}
-export declare const PromoSection: ({ heading, description, image, imagePosition, buttons, badge, styles, }: PromoSectionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-block/cta-sections/promo-section-1/promo-section.js

@@ -1,117 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { CompoundContainer } from "../../../puck-base/container.js";
-import { CompoundBadge } from "../../../puck-base/badge.js";
-import { CompoundButton } from "../../../puck-base/button.js";
-import { CompoundImage } from "../../../puck-base/image.js";
-import { cn } from "../../../../utils/css-utils.js";
-const PromoSection = ({
-  heading,
-  description,
-  image,
-  imagePosition = "right",
-  buttons,
-  badge,
-  styles
-}) => {
-  if (imagePosition === "background") {
-    return /* @__PURE__ */ jsx(
-      CompoundContainer,
-      {
-        padding: styles == null ? void 0 : styles.padding,
-        sectionStyle: styles == null ? void 0 : styles.sectionStyle,
-        backgroundColor: styles == null ? void 0 : styles.backgroundColor,
-        children: /* @__PURE__ */ jsxs("div", { className: "relative flex min-h-[400px] items-center overflow-hidden rounded-2xl [&>span]:h-full [&>span]:w-full", children: [
-          (image == null ? void 0 : image.src) && /* @__PURE__ */ jsx(
-            CompoundImage,
-            {
-              src: image.src,
-              alt: image.alt ?? "",
-              className: "h-full w-full object-cover"
-            }
-          ),
-          /* @__PURE__ */ jsx("div", { className: "bg-foreground/50 absolute inset-0" }),
-          /* @__PURE__ */ jsxs("div", { className: "relative z-10 flex max-w-xl flex-col gap-6 p-8 md:p-16", children: [
-            badge && /* @__PURE__ */ jsx(
-              CompoundBadge,
-              {
-                label: badge.label,
-                variant: badge.variant,
-                url: badge.url
-              }
-            ),
-            /* @__PURE__ */ jsx("h2", { className: "text-background text-3xl font-bold tracking-tight md:text-5xl", children: heading }),
-            description && /* @__PURE__ */ jsx("p", { className: "text-background/80 text-lg", children: description }),
-            Array.isArray(buttons) && buttons.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-4", children: buttons.map(
-              (button, index) => button.label ? /* @__PURE__ */ jsx(
-                CompoundButton,
-                {
-                  label: button.label,
-                  action: button.action,
-                  variant: button.variant,
-                  size: button.size,
-                  icon: button.icon
-                },
-                index
-              ) : null
-            ) })
-          ] })
-        ] })
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    CompoundContainer,
-    {
-      padding: styles == null ? void 0 : styles.padding,
-      sectionStyle: styles == null ? void 0 : styles.sectionStyle,
-      backgroundColor: styles == null ? void 0 : styles.backgroundColor,
-      children: /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: cn(
-            "grid grid-cols-1 items-center gap-10 lg:grid-cols-2",
-            imagePosition === "left" && "lg:[&>*:first-child]:order-2"
-          ),
-          children: [
-            /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-6", children: [
-              badge && /* @__PURE__ */ jsx(
-                CompoundBadge,
-                {
-                  label: badge.label,
-                  variant: badge.variant,
-                  url: badge.url
-                }
-              ),
-              /* @__PURE__ */ jsx("h2", { className: "text-3xl font-bold tracking-tight md:text-5xl", children: heading }),
-              description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-lg", children: description }),
-              Array.isArray(buttons) && buttons.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-4", children: buttons.map(
-                (button, index) => button.label ? /* @__PURE__ */ jsx(
-                  CompoundButton,
-                  {
-                    label: button.label,
-                    action: button.action,
-                    variant: button.variant,
-                    size: button.size,
-                    icon: button.icon
-                  },
-                  index
-                ) : null
-              ) })
-            ] }),
-            /* @__PURE__ */ jsx("div", { className: "bg-muted aspect-[4/3] overflow-hidden rounded-xl [&>span]:h-full [&>span]:w-full", children: (image == null ? void 0 : image.src) && /* @__PURE__ */ jsx(
-              CompoundImage,
-              {
-                src: image.src,
-                alt: image.alt ?? "",
-                className: "h-full w-full object-cover"
-              }
-            ) })
-          ]
-        }
-      )
-    }
-  );
-};
-export {
-  PromoSection
-};

package/dist/components/puck-block/faq-sections/accordion-1/accordion.d.ts

@@ -1,15 +0,0 @@
-import { CompoundContainerProps } from "@/components/puck-base/container";
-export interface AccordionProps {
-    heading?: string;
-    description?: string;
-    items?: Array<{
-        title: string;
-        content: string;
-    }>;
-    styles?: {
-        padding?: CompoundContainerProps["padding"];
-        sectionStyle?: CompoundContainerProps["sectionStyle"];
-        backgroundColor?: string;
-    };
-}
-export declare const Accordion: ({ heading, description, items, styles, }: AccordionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-block/faq-sections/accordion-1/accordion.js

@@ -1,58 +0,0 @@
-"use client";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useState } from "react";
-import { cn } from "../../../../utils/css-utils.js";
-import { CompoundContainer } from "../../../puck-base/container.js";
-const Accordion = ({
-  heading,
-  description,
-  items = [],
-  styles
-}) => {
-  const [openIndex, setOpenIndex] = useState(null);
-  return /* @__PURE__ */ jsxs(
-    CompoundContainer,
-    {
-      padding: styles == null ? void 0 : styles.padding,
-      sectionStyle: styles == null ? void 0 : styles.sectionStyle,
-      backgroundColor: styles == null ? void 0 : styles.backgroundColor,
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "mb-12 max-w-2xl", children: [
-          heading && /* @__PURE__ */ jsx("h2", { className: "text-foreground text-3xl font-bold tracking-tight md:text-4xl", children: heading }),
-          description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-4 text-lg", children: description })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "divide-border max-w-3xl divide-y", children: items.map((item, i) => /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsxs(
-            "button",
-            {
-              onClick: (e) => {
-                e.stopPropagation();
-                setOpenIndex(openIndex === i ? null : i);
-              },
-              style: { pointerEvents: "auto" },
-              className: "flex w-full items-center justify-between py-4 text-left cursor-pointer",
-              children: [
-                /* @__PURE__ */ jsx("span", { className: "text-foreground font-medium", style: { pointerEvents: "none" }, children: item.title }),
-                /* @__PURE__ */ jsx(
-                  "span",
-                  {
-                    className: cn(
-                      "text-muted-foreground transition-transform",
-                      openIndex === i && "rotate-45"
-                    ),
-                    style: { pointerEvents: "none" },
-                    children: "+"
-                  }
-                )
-              ]
-            }
-          ),
-          openIndex === i && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground pb-4 leading-relaxed", children: item.content })
-        ] }, i)) })
-      ]
-    }
-  );
-};
-export {
-  Accordion
-};

package/dist/components/puck-block/faq-sections/accordion-1/index.d.ts

@@ -1,5 +0,0 @@
-import { ComponentConfig } from "@puckeditor/core";
-import { AccordionProps } from "./accordion";
-export type { AccordionProps };
-export declare const conf: ComponentConfig<AccordionProps>;
-export default conf;

package/dist/components/puck-block/faq-sections/accordion-1/index.js

@@ -1,43 +0,0 @@
-import { Accordion } from "./accordion.js";
-import { createStylesDefaults, createStylesField } from "../../../puck-base/core/styles.js";
-const conf = {
-  fields: {
-    heading: { type: "text", contentEditable: true },
-    description: { type: "textarea", contentEditable: true },
-    items: {
-      type: "array",
-      max: 12,
-      getItemSummary: (item, i = 0) => item.title || `Item ${i + 1}`,
-      arrayFields: { title: { type: "text" }, content: { type: "textarea" } },
-      defaultItemProps: { title: "Question?", content: "Answer here." }
-    },
-    styles: createStylesField()
-  },
-  defaultProps: {
-    heading: "Frequently Asked Questions",
-    description: "Find answers to common questions about our platform.",
-    items: [
-      {
-        title: "How do I get started?",
-        content: "Sign up for a free account, connect your repository, and follow the onboarding guide. Most teams are up and running in under 5 minutes."
-      },
-      {
-        title: "What pricing plans are available?",
-        content: "We offer Free, Pro, and Enterprise plans. The free plan includes unlimited projects with basic features. Pro adds team collaboration, and Enterprise includes custom integrations and dedicated support."
-      },
-      {
-        title: "Can I cancel anytime?",
-        content: "Absolutely. No contracts, no cancellation fees. You can downgrade or cancel your subscription at any time from your account settings."
-      },
-      {
-        title: "Do you offer integrations?",
-        content: "Yes — we integrate with GitHub, GitLab, Slack, Jira, Linear, and 50+ other tools out of the box. Enterprise plans also support custom integrations."
-      }
-    ],
-    styles: createStylesDefaults()
-  },
-  render: Accordion
-};
-export {
-  conf
-};

package/dist/components/puck-block/faq-sections/faq-1/faq.d.ts

@@ -1,17 +0,0 @@
-import { CompoundContainerProps } from "@/components/puck-base/container";
-import { CompoundContentProps } from "@/components/puck-base/content";
-export interface FaqProps extends CompoundContentProps {
-    layout?: "single-col" | "two-col";
-    expandMode?: "single" | "multiple";
-    collapsible?: boolean;
-    items: {
-        question: string;
-        answer: string;
-    }[];
-    styles?: {
-        padding?: CompoundContainerProps["padding"];
-        sectionStyle?: CompoundContainerProps["sectionStyle"];
-        backgroundColor?: string;
-    };
-}
-export declare const Faq: ({ layout, badge, heading, description, buttons, expandMode, collapsible, items, styles, }: FaqProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-block/faq-sections/faq-1/faq.js

@@ -1,68 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { registerOverlayPortal } from "@puckeditor/core";
-import { cn } from "../../../../utils/css-utils.js";
-import { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from "../../../shadcn/accordion.js";
-import { CompoundContainer } from "../../../puck-base/container.js";
-import { CompoundContent } from "../../../puck-base/content.js";
-const Faq = ({
-  layout = "two-col",
-  badge,
-  heading,
-  description,
-  buttons,
-  expandMode = "single",
-  collapsible = true,
-  items,
-  styles
-}) => /* @__PURE__ */ jsx(
-  CompoundContainer,
-  {
-    padding: styles == null ? void 0 : styles.padding,
-    sectionStyle: styles == null ? void 0 : styles.sectionStyle,
-    backgroundColor: styles == null ? void 0 : styles.backgroundColor,
-    children: /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: cn("grid gap-10", {
-          "items-center lg:grid-cols-1": layout === "single-col",
-          "lg:grid-cols-2": layout === "two-col"
-        }),
-        children: [
-          /* @__PURE__ */ jsx(
-            CompoundContent,
-            {
-              badge,
-              heading,
-              description,
-              buttons,
-              alignContent: layout === "single-col" ? "center" : "start"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            Accordion,
-            {
-              type: expandMode,
-              collapsible,
-              className: "w-full",
-              children: items.map((faq, index) => /* @__PURE__ */ jsxs(
-                AccordionItem,
-                {
-                  value: "index-" + index,
-                  ref: registerOverlayPortal,
-                  children: [
-                    /* @__PURE__ */ jsx(AccordionTrigger, { children: faq.question }),
-                    /* @__PURE__ */ jsx(AccordionContent, { children: faq.answer })
-                  ]
-                },
-                index
-              ))
-            }
-          )
-        ]
-      }
-    )
-  }
-);
-export {
-  Faq
-};

package/dist/components/puck-block/faq-sections/faq-1/index.d.ts

@@ -1,5 +0,0 @@
-import { ComponentConfig } from "@puckeditor/core";
-import { FaqProps } from "./faq";
-export type { FaqProps };
-export declare const conf: ComponentConfig<FaqProps>;
-export default conf;

package/dist/components/puck-block/faq-sections/faq-1/index.js

@@ -1,99 +0,0 @@
-import { contentFields } from "../../../puck-base/core/fields.js";
-import { Faq } from "./faq.js";
-import { createStylesDefaults, createStylesField } from "../../../puck-base/core/styles.js";
-const conf = {
-  fields: {
-    ...contentFields,
-    expandMode: {
-      type: "radio",
-      label: "answer display",
-      options: [
-        { label: "single", value: "single" },
-        { label: "multiple", value: "multiple" }
-      ]
-    },
-    collapsible: {
-      type: "radio",
-      label: "can close answers",
-      options: [
-        { label: "yes", value: true },
-        { label: "no", value: false }
-      ]
-    },
-    items: {
-      type: "array",
-      max: 20,
-      getItemSummary: (item, index = 0) => {
-        if (item.question) {
-          return `${item.question.slice(0, 12)}${item.question.length > 12 ? "..." : ""}`;
-        }
-        return `Question ${index + 1}`;
-      },
-      arrayFields: {
-        question: { type: "text" },
-        answer: { type: "textarea", contentEditable: true }
-      },
-      defaultItemProps: {
-        question: "Question title",
-        answer: "Informative answer"
-      }
-    },
-    layout: {
-      type: "radio",
-      options: [
-        { label: "single Column", value: "single-col" },
-        { label: "two Column", value: "two-col" }
-      ]
-    },
-    styles: createStylesField()
-  },
-  defaultProps: {
-    badge: {
-      label: "FAQ",
-      url: "",
-      variant: "secondary"
-    },
-    heading: "Frequently asked questions",
-    description: "Everything you need to know about getting started.",
-    buttons: [
-      {
-        label: "Find out more",
-        icon: "move-right",
-        variant: "secondary"
-      }
-    ],
-    expandMode: "single",
-    collapsible: true,
-    items: [
-      {
-        question: "Is there a free plan?",
-        answer: "Yes! Our free plan includes unlimited projects and basic features. No credit card required."
-      },
-      {
-        question: "Can I cancel anytime?",
-        answer: "Absolutely. No contracts, no cancellation fees. You can downgrade or cancel at any time."
-      },
-      {
-        question: "Do you offer team plans?",
-        answer: "Yes, our Pro plan supports unlimited team members with role-based permissions and collaboration features."
-      },
-      {
-        question: "Is my data secure?",
-        answer: "We use enterprise-grade encryption, SOC 2 compliance, and regular security audits to keep your data safe."
-      }
-    ],
-    layout: "two-col",
-    styles: createStylesDefaults()
-  },
-  resolveFields: (data, params) => {
-    if (data.props.expandMode === "multiple") {
-      const { collapsible, ...newFields } = params.fields;
-      return newFields;
-    }
-    return params.fields;
-  },
-  render: Faq
-};
-export {
-  conf
-};