dune-react 0.0.19 → 0.0.21

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

@@ -1,33 +0,0 @@
-import { ComponentConfig } from "@puckeditor/core";
-import { HeaderProps } from "./header";
-export type { HeaderProps };
-export declare const defaultNavigationItems: ({
-    label: string;
-    url: string;
-    description: string;
-    items: never[];
-    cta: {
-        label: string;
-        url: string;
-        size: "default";
-        variant: "default";
-        icon: "none";
-    };
-} | {
-    label: string;
-    description: string;
-    cta: {
-        label: string;
-        url: string;
-        size: "default";
-        variant: "default";
-        icon: "none";
-    };
-    items: {
-        label: string;
-        url: string;
-    }[];
-    url?: undefined;
-})[];
-declare const conf: ComponentConfig<HeaderProps>;
-export default conf;

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

@@ -1,210 +0,0 @@
-"use client";
-import { Header } from "./header.js";
-import { actionDefaults, button, action } from "../../../puck-base/core/fields.js";
-import { createStylesField } from "../../../puck-base/core/styles.js";
-const defaultNavigationItems = [
-  {
-    label: "Product",
-    url: "/product",
-    description: "",
-    items: [],
-    cta: {
-      label: "",
-      url: "",
-      size: "default",
-      variant: "default",
-      icon: "none"
-    }
-  },
-  {
-    label: "Features",
-    description: "Everything you need to build, deploy, and scale.",
-    cta: {
-      label: "See all features",
-      url: "#",
-      size: "default",
-      variant: "default",
-      icon: "none"
-    },
-    items: [
-      {
-        label: "Continuous Deployment",
-        url: "/features/deployment"
-      },
-      {
-        label: "Edge Functions",
-        url: "/features/edge"
-      },
-      {
-        label: "Analytics",
-        url: "/features/analytics"
-      },
-      {
-        label: "Monitoring",
-        url: "/features/monitoring"
-      }
-    ]
-  },
-  {
-    label: "Pricing",
-    url: "/pricing",
-    description: "",
-    items: [],
-    cta: {
-      label: "",
-      url: "",
-      size: "default",
-      variant: "default",
-      icon: "none"
-    }
-  },
-  {
-    label: "Docs",
-    url: "/docs",
-    description: "",
-    items: [],
-    cta: {
-      label: "",
-      url: "",
-      size: "default",
-      variant: "default",
-      icon: "none"
-    }
-  }
-];
-const defaultActionItems = [
-  {
-    label: "Sign In",
-    url: "#",
-    action: {
-      type: "external",
-      pageUrl: "",
-      externalUrl: "#",
-      openInNewTab: "false",
-      email: "",
-      subject: "",
-      phone: "",
-      sectionId: "",
-      downloadUrl: ""
-    },
-    variant: "outline",
-    icon: "none",
-    divider: "false",
-    isHiddenOnMobile: "true"
-  },
-  {
-    label: "Get Started",
-    url: "",
-    action: {
-      type: "email",
-      pageUrl: "",
-      externalUrl: "",
-      openInNewTab: "false",
-      email: "",
-      subject: "",
-      phone: "",
-      sectionId: "",
-      downloadUrl: ""
-    },
-    variant: "default",
-    icon: "none",
-    divider: "false",
-    isHiddenOnMobile: "false"
-  }
-];
-const conf = {
-  fields: {
-    companyName: {
-      label: "company name",
-      type: "text"
-    },
-    navigation: {
-      label: "navigation",
-      type: "array",
-      max: 4,
-      getItemSummary: (item, index = 0) => item.label || `Link ${index + 1}`,
-      arrayFields: {
-        label: { type: "text" },
-        url: { type: "text" },
-        description: { type: "textarea" },
-        cta: button,
-        items: {
-          type: "array",
-          max: 6,
-          getItemSummary: (item, index = 0) => item.label || `Item ${index + 1}`,
-          arrayFields: {
-            label: { type: "text" },
-            url: { type: "text" }
-          },
-          defaultItemProps: {
-            label: "Link",
-            url: ""
-          }
-        }
-      },
-      defaultItemProps: {
-        label: "Link",
-        url: "",
-        description: "A description will appear if the link has no URL defined",
-        cta: {
-          label: "Learn more",
-          url: "#",
-          variant: "default",
-          icon: "none"
-        },
-        items: []
-      }
-    },
-    actions: {
-      label: "actions",
-      type: "array",
-      max: 4,
-      getItemSummary: (item, index = 0) => item.label || `Link ${index}`,
-      arrayFields: {
-        label: { type: "text" },
-        url: { type: "text" },
-        action,
-        variant: button.objectFields.variant,
-        size: button.objectFields.size,
-        icon: button.objectFields.icon,
-        divider: {
-          type: "radio",
-          options: [
-            { label: "yes", value: "true" },
-            { label: "no", value: "false" }
-          ]
-        },
-        isHiddenOnMobile: {
-          label: "hide on small screens",
-          type: "radio",
-          options: [
-            { label: "yes", value: "true" },
-            { label: "no", value: "false" }
-          ]
-        }
-      },
-      defaultItemProps: {
-        label: "Link",
-        url: "#",
-        action: actionDefaults,
-        variant: "outline",
-        divider: "false",
-        isHiddenOnMobile: "true"
-      }
-    },
-    styles: createStylesField()
-  },
-  defaultProps: {
-    companyName: "Acme",
-    navigation: defaultNavigationItems,
-    actions: defaultActionItems,
-    __metadata: {
-      type: "layout"
-    }
-  },
-  render: Header
-};
-export {
-  conf as default,
-  defaultNavigationItems
-};

package/dist/components/puck-block/header-sections/sticky-nav-1/index.d.ts

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

package/dist/components/puck-block/header-sections/sticky-nav-1/index.js

@@ -1,30 +0,0 @@
-import { StickyNav } from "./sticky-nav.js";
-import { createStylesDefaults, createStylesField } from "../../../puck-base/core/styles.js";
-const conf = {
-  fields: {
-    logo: { type: "text", contentEditable: true },
-    navigation: {
-      type: "array",
-      max: 8,
-      getItemSummary: (item, i = 0) => item.label || `Link ${i + 1}`,
-      arrayFields: { label: { type: "text" }, url: { type: "text" } },
-      defaultItemProps: { label: "Link", url: "#" }
-    },
-    styles: createStylesField()
-  },
-  defaultProps: {
-    logo: "Acme",
-    navigation: [
-      { label: "Product", url: "#product" },
-      { label: "Features", url: "#features" },
-      { label: "Pricing", url: "#pricing" },
-      { label: "Docs", url: "#docs" },
-      { label: "Blog", url: "#blog" }
-    ],
-    styles: createStylesDefaults()
-  },
-  render: StickyNav
-};
-export {
-  conf
-};

package/dist/components/puck-block/header-sections/sticky-nav-1/sticky-nav.d.ts

@@ -1,14 +0,0 @@
-import { type CompoundContainerProps } from "@/components/puck-base/container";
-export interface StickyNavProps {
-    navigation?: Array<{
-        label: string;
-        url: string;
-    }>;
-    logo?: string;
-    styles?: {
-        padding?: CompoundContainerProps["padding"];
-        sectionStyle?: CompoundContainerProps["sectionStyle"];
-        backgroundColor?: string;
-    };
-}
-export declare const StickyNav: ({ navigation, logo, styles }: StickyNavProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-block/header-sections/sticky-nav-1/sticky-nav.js

@@ -1,49 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-const NAV_SECTION_VARS = {
-  dark: {
-    "--background": "oklch(0.145 0 0)",
-    "--foreground": "oklch(0.985 0 0)",
-    "--muted-foreground": "oklch(0.708 0 0)",
-    "--border": "oklch(0.27 0 0)"
-  },
-  inverted: {
-    "--background": "oklch(0.205 0 0)",
-    "--foreground": "oklch(0.985 0 0)",
-    "--muted-foreground": "oklch(0.708 0 0)",
-    "--border": "oklch(0.35 0 0)"
-  },
-  muted: {
-    "--background": "oklch(0.97 0 0)",
-    "--foreground": "oklch(0.205 0 0)",
-    "--muted-foreground": "oklch(0.556 0 0)",
-    "--border": "oklch(0.87 0 0)"
-  }
-};
-const StickyNav = ({ navigation = [], logo, styles }) => {
-  const sectionVars = (styles == null ? void 0 : styles.sectionStyle) && styles.sectionStyle !== "default" ? NAV_SECTION_VARS[styles.sectionStyle] ?? {} : {};
-  return /* @__PURE__ */ jsx(
-    "nav",
-    {
-      className: "bg-background/80 border-border sticky top-0 z-50 border-b backdrop-blur-md",
-      style: {
-        ...(styles == null ? void 0 : styles.backgroundColor) ? { backgroundColor: styles.backgroundColor } : {},
-        ...sectionVars
-      },
-      children: /* @__PURE__ */ jsxs("div", { className: "mx-auto flex h-14 max-w-7xl items-center justify-between px-4 sm:px-6 lg:px-8", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-foreground text-lg font-bold", children: logo || "Brand" }),
-        /* @__PURE__ */ jsx("div", { className: "hidden gap-6 md:flex", children: navigation.map((link, i) => /* @__PURE__ */ jsx(
-          "a",
-          {
-            href: link.url || "#",
-            className: "text-muted-foreground hover:text-foreground text-sm transition-colors",
-            children: link.label
-          },
-          i
-        )) })
-      ] })
-    }
-  );
-};
-export {
-  StickyNav
-};

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

@@ -1,23 +0,0 @@
-import { CompoundContainerProps } from "@/components/puck-base/container";
-import { CompoundButtonProps } from "@/components/puck-base/button";
-export interface FullscreenHeroProps {
-    heading?: string;
-    description?: string;
-    badge?: {
-        label: string;
-        url: string;
-        variant: string;
-    };
-    buttons?: CompoundButtonProps[];
-    images?: {
-        src: string;
-        alt?: string;
-    }[];
-    styles?: {
-        padding?: CompoundContainerProps["padding"];
-        sectionStyle?: CompoundContainerProps["sectionStyle"];
-        backgroundColor?: string;
-        overlay?: "none" | "dark" | "gradient";
-    };
-}
-export declare const FullscreenHero: ({ heading, description, badge, buttons, images, styles, }: FullscreenHeroProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-block/hero-sections/fullscreen-hero-1/fullscreen-hero.js

@@ -1,128 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { CompoundContainer, SECTION_STYLE_VARS } from "../../../puck-base/container.js";
-import { CompoundButton } from "../../../puck-base/button.js";
-import { CompoundImage } from "../../../puck-base/image.js";
-import { cn } from "../../../../utils/css-utils.js";
-const overlayStyles = {
-  dark: "bg-black/55",
-  gradient: "bg-gradient-to-t from-black/80 to-black/10"
-};
-const FullscreenHero = ({
-  heading = "",
-  description,
-  badge,
-  buttons,
-  images,
-  styles
-}) => {
-  const sectionStyle = styles == null ? void 0 : styles.sectionStyle;
-  const overlay = (styles == null ? void 0 : styles.overlay) ?? "dark";
-  const backgroundColor = styles == null ? void 0 : styles.backgroundColor;
-  const padding = styles == null ? void 0 : styles.padding;
-  const bgImage = images == null ? void 0 : images[0];
-  const bgSrc = bgImage == null ? void 0 : bgImage.src;
-  const bgAlt = (bgImage == null ? void 0 : bgImage.alt) ?? "";
-  if (!bgSrc) {
-    return /* @__PURE__ */ jsx(
-      CompoundContainer,
-      {
-        padding,
-        sectionStyle,
-        backgroundColor,
-        className: "min-h-[100vh] flex flex-col justify-end",
-        children: /* @__PURE__ */ jsx(
-          Content,
-          {
-            badge,
-            heading,
-            description,
-            buttons
-          }
-        )
-      }
-    );
-  }
-  const { top = "large", bottom = "large" } = padding ?? {};
-  const styleVars = sectionStyle && sectionStyle !== "default" && sectionStyle !== "custom" ? SECTION_STYLE_VARS[sectionStyle] : {};
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        "relative w-full min-h-[100vh] flex flex-col justify-end overflow-hidden bg-background text-foreground",
-        {
-          "pt-20 lg:pt-40": top === "large",
-          "pb-20 lg:pb-40": bottom === "large"
-        },
-        {
-          "pt-15 lg:pt-30": top === "medium",
-          "pb-15 lg:pb-30": bottom === "medium"
-        },
-        {
-          "pt-10 lg:pt-20": top === "small",
-          "pb-10 lg:pb-20": bottom === "small"
-        }
-      ),
-      style: { ...styleVars, ...backgroundColor ? { backgroundColor } : {} },
-      children: [
-        /* @__PURE__ */ jsx("div", { className: "absolute inset-0 [&>span]:h-full [&>span]:w-full", children: /* @__PURE__ */ jsx(
-          CompoundImage,
-          {
-            src: bgSrc,
-            alt: bgAlt,
-            className: "h-full w-full object-cover"
-          }
-        ) }),
-        overlay !== "none" && /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: cn(
-              "absolute inset-0",
-              overlayStyles[overlay] ?? overlayStyles.dark
-            )
-          }
-        ),
-        /* @__PURE__ */ jsx("div", { className: "container mx-auto relative z-50", children: /* @__PURE__ */ jsx(
-          Content,
-          {
-            badge,
-            heading,
-            description,
-            buttons
-          }
-        ) })
-      ]
-    }
-  );
-};
-function Content({
-  badge,
-  heading,
-  description,
-  buttons
-}) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    badge && /* @__PURE__ */ jsx("span", { className: "bg-primary/10 text-primary mb-6 inline-block rounded-full px-3 py-1 text-xs font-medium", children: badge.label }),
-    /* @__PURE__ */ jsx("h1", { className: "font-serif text-5xl md:text-7xl lg:text-8xl font-medium leading-[0.95] mb-8 max-w-[800px] text-foreground", children: heading }),
-    /* @__PURE__ */ jsx("hr", { className: "w-full my-4 border-foreground/20" }),
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-col md:flex-row justify-between items-start md:items-end gap-6 mt-4", children: [
-      description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-base leading-relaxed max-w-lg", children: description }),
-      buttons && buttons.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex gap-4", children: buttons.map((btn, i) => /* @__PURE__ */ jsx(
-        CompoundButton,
-        {
-          label: btn.label,
-          action: btn.action,
-          variant: btn.variant,
-          size: btn.size,
-          icon: btn.icon,
-          type: btn.type,
-          disabled: btn.disabled,
-          className: btn.className
-        },
-        i
-      )) })
-    ] })
-  ] });
-}
-export {
-  FullscreenHero
-};

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

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

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

@@ -1,50 +0,0 @@
-import { images, contentFields } from "../../../puck-base/core/fields.js";
-import { FullscreenHero } from "./fullscreen-hero.js";
-import { createStylesDefaults, createStylesField } from "../../../puck-base/core/styles.js";
-const conf = {
-  fields: {
-    badge: contentFields.badge,
-    heading: {
-      type: "text",
-      contentEditable: true
-    },
-    description: {
-      type: "textarea",
-      contentEditable: true
-    },
-    buttons: contentFields.buttons,
-    images: { ...images, max: 1 },
-    styles: createStylesField({
-      overlay: {
-        type: "select",
-        label: "Overlay",
-        options: [
-          { label: "None", value: "none" },
-          { label: "Dark", value: "dark" },
-          { label: "Gradient", value: "gradient" }
-        ]
-      }
-    })
-  },
-  defaultProps: {
-    heading: "The future of work starts here",
-    description: "Empower your team with tools that adapt to how you work — not the other way around.",
-    buttons: [
-      {
-        label: "Get Early Access",
-        variant: "default",
-        size: "default",
-        icon: "none"
-      }
-    ],
-    images: [{ src: "https://images.pexels.com/photos/924824/pexels-photo-924824.jpeg?auto=compress&cs=tinysrgb&w=1920", alt: "Hero background" }],
-    styles: createStylesDefaults({
-      sectionStyle: "dark",
-      overlay: "dark"
-    })
-  },
-  render: FullscreenHero
-};
-export {
-  conf
-};

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

@@ -1,12 +0,0 @@
-import { CompoundContainerProps } from "@/components/puck-base/container";
-import { CompoundContentProps } from "@/components/puck-base/content";
-export interface GradientHeroProps extends CompoundContentProps {
-    styles?: {
-        padding?: CompoundContainerProps["padding"];
-        sectionStyle?: CompoundContainerProps["sectionStyle"];
-        backgroundColor?: string;
-        gradientFrom?: string;
-        gradientTo?: string;
-    };
-}
-export declare const GradientHero: ({ badge, heading, description, buttons, styles, }: GradientHeroProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,50 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { CompoundContainer } from "../../../puck-base/container.js";
-import { CompoundButton } from "../../../puck-base/button.js";
-import { GradientText } from "../../../puck-base/gradient-text.js";
-const GradientHero = ({
-  badge,
-  heading = "",
-  description,
-  buttons,
-  styles
-}) => {
-  const gradientFrom = (styles == null ? void 0 : styles.gradientFrom) ?? "var(--primary)";
-  const gradientTo = (styles == null ? void 0 : styles.gradientTo) ?? "var(--chart-2)";
-  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: "mx-auto max-w-4xl text-center", children: [
-        badge && /* @__PURE__ */ jsx("span", { className: "bg-primary/10 text-primary mb-6 inline-block rounded-full px-3 py-1 text-xs font-medium", children: badge.label }),
-        /* @__PURE__ */ jsx(
-          GradientText,
-          {
-            text: heading,
-            as: "h1",
-            gradientFrom,
-            gradientTo,
-            className: "mb-6"
-          }
-        ),
-        description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mx-auto mb-8 max-w-2xl text-lg md:text-xl", children: description }),
-        buttons && buttons.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex justify-center gap-4", children: buttons.map((btn, i) => /* @__PURE__ */ jsx(
-          CompoundButton,
-          {
-            label: btn.label,
-            action: btn.action,
-            variant: btn.variant,
-            size: btn.size,
-            icon: btn.icon
-          },
-          i
-        )) })
-      ] })
-    }
-  );
-};
-export {
-  GradientHero
-};

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

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

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

@@ -1,37 +0,0 @@
-import { contentFields } from "../../../puck-base/core/fields.js";
-import { GradientHero } from "./gradient-hero.js";
-import { createStylesDefaults, createStylesField } from "../../../puck-base/core/styles.js";
-const conf = {
-  fields: {
-    ...contentFields,
-    styles: 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." }
-      }
-    })
-  },
-  defaultProps: {
-    heading: "Supercharge your workflow",
-    description: "The developer-first platform for building, testing, and deploying at scale.",
-    badge: { label: "Introducing v2.0", url: "", variant: "default" },
-    buttons: [
-      { label: "Start Building", icon: "move-right", variant: "default" }
-    ],
-    styles: createStylesDefaults({
-      sectionStyle: "dark",
-      gradientFrom: "var(--primary)",
-      gradientTo: "var(--chart-2)"
-    })
-  },
-  render: GradientHero
-};
-export {
-  conf
-};