dune-react 0.0.19 → 0.0.20

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

@@ -1,71 +0,0 @@
-import { description, heading } from "../../../puck-base/core/fields.js";
-import { Gallery } from "./gallery.js";
-import { createStylesDefaults, createStylesField } from "../../../puck-base/core/styles.js";
-const defaultImage = {
-  src: "https://images.pexels.com/photos/3888151/pexels-photo-3888151.jpeg?auto=compress&cs=tinysrgb&w=1200",
-  alt: "Developer workspace with laptop showing code",
-  caption: ""
-};
-const conf = {
-  fields: {
-    heading,
-    description,
-    images: {
-      type: "array",
-      max: 20,
-      getItemSummary: (item, index = 0) => item.alt || item.caption || `Image ${index + 1}`,
-      arrayFields: {
-        src: { type: "image", label: "Image" },
-        alt: { type: "text", label: "Alt Text" },
-        caption: { type: "text" }
-      },
-      defaultItemProps: defaultImage
-    },
-    styles: createStylesField({
-      columns: {
-        type: "select",
-        label: "Columns",
-        options: [
-          { label: "2 Columns", value: 2 },
-          { label: "3 Columns", value: 3 },
-          { label: "4 Columns", value: 4 }
-        ]
-      },
-      gap: {
-        type: "select",
-        label: "Gap Size",
-        options: [
-          { label: "Small", value: "sm" },
-          { label: "Medium", value: "md" },
-          { label: "Large", value: "lg" }
-        ]
-      },
-      aspectRatio: {
-        type: "select",
-        label: "Aspect Ratio",
-        options: [
-          { label: "Square", value: "square" },
-          { label: "Landscape (16:9)", value: "landscape" },
-          { label: "Auto (original)", value: "auto" }
-        ]
-      }
-    })
-  },
-  defaultProps: {
-    heading: "Product Showcase",
-    description: "A visual tour of our platform's key features and interfaces.",
-    images: [
-      { src: "https://images.pexels.com/photos/3888151/pexels-photo-3888151.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Developer workspace with laptop showing program code on screen", caption: "" },
-      { src: "https://images.pexels.com/photos/546819/pexels-photo-546819.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "MacBook Pro displaying lines of code with colorful syntax highlighting", caption: "" },
-      { src: "https://images.pexels.com/photos/574071/pexels-photo-574071.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Computer monitor showing colorful code on dark background", caption: "" },
-      { src: "https://images.pexels.com/photos/4218883/pexels-photo-4218883.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Clean workspace with computer displaying code editor", caption: "" },
-      { src: "https://images.pexels.com/photos/270404/pexels-photo-270404.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Source code displayed on computer screen in developer office", caption: "" },
-      { src: "https://images.pexels.com/photos/577585/pexels-photo-577585.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Minimalist developer desk setup with laptop and coffee", caption: "" }
-    ],
-    styles: createStylesDefaults({ columns: 3, gap: "md", aspectRatio: "auto" })
-  },
-  render: Gallery
-};
-export {
-  conf
-};

package/dist/components/puck-block/gallery-sections/gallery-2/gallery-2.d.ts

@@ -1,16 +0,0 @@
-import { CompoundContainerProps } from "@/components/puck-base/container";
-export interface Gallery2Image {
-    src: string;
-    alt?: string;
-}
-export interface Gallery2Props {
-    heading?: string;
-    description?: string;
-    images?: Gallery2Image[];
-    styles?: {
-        padding?: CompoundContainerProps["padding"];
-        sectionStyle?: CompoundContainerProps["sectionStyle"];
-        backgroundColor?: string;
-    };
-}
-export declare const Gallery2: ({ heading, description, images, styles, }: Gallery2Props) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-block/gallery-sections/gallery-2/gallery-2.js

@@ -1,94 +0,0 @@
-"use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import useEmblaCarousel from "embla-carousel-react";
-import { useState, useCallback, useEffect } from "react";
-import { ChevronLeft, ChevronRight } from "lucide-react";
-import { CompoundContainer } from "../../../puck-base/container.js";
-import { CompoundImage } from "../../../puck-base/image.js";
-const Gallery2 = ({
-  heading,
-  description,
-  images = [],
-  styles
-}) => {
-  const [emblaRef, emblaApi] = useEmblaCarousel({ align: "start", loop: false });
-  const [canScrollPrev, setCanScrollPrev] = useState(false);
-  const [canScrollNext, setCanScrollNext] = useState(false);
-  const onSelect = useCallback(() => {
-    if (!emblaApi) return;
-    setCanScrollPrev(emblaApi.canScrollPrev());
-    setCanScrollNext(emblaApi.canScrollNext());
-  }, [emblaApi]);
-  useEffect(() => {
-    if (!emblaApi) return;
-    onSelect();
-    emblaApi.on("select", onSelect);
-    emblaApi.on("reInit", onSelect);
-    return () => {
-      emblaApi.off("select", onSelect);
-      emblaApi.off("reInit", onSelect);
-    };
-  }, [emblaApi, onSelect]);
-  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: "flex flex-col gap-4 lg:gap-8", children: [
-        (heading || description) && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between lg:gap-8", children: [
-          heading && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3 lg:basis-1/2", children: /* @__PURE__ */ jsx("h2", { className: "text-3xl font-bold tracking-tight text-foreground lg:text-4xl", children: heading }) }),
-          description && /* @__PURE__ */ jsx("div", { className: "lg:basis-1/2 lg:pt-11", children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-base leading-relaxed", children: description }) })
-        ] }),
-        images.length > 0 && /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-          /* @__PURE__ */ jsx("div", { className: "overflow-hidden", ref: emblaRef, children: /* @__PURE__ */ jsx("div", { className: "flex -ml-4 lg:-ml-6", children: images.map((image, index) => /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "min-w-0 shrink-0 grow-0 pl-4 lg:pl-6 basis-[97%] lg:basis-[92%]",
-              children: /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-hidden aspect-[2/1]", children: /* @__PURE__ */ jsx("div", { className: "rounded-3xl overflow-hidden absolute inset-0 size-full [&>span]:h-full [&>span]:w-full", children: image.src ? /* @__PURE__ */ jsx(
-                CompoundImage,
-                {
-                  src: image.src,
-                  alt: image.alt ?? `Gallery image ${index + 1}`,
-                  className: "h-full w-full object-cover"
-                }
-              ) : /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-muted flex items-center justify-center", children: /* @__PURE__ */ jsx("span", { className: "text-muted-foreground text-sm", children: image.alt ?? `Image ${index + 1}` }) }) }) })
-            },
-            index
-          )) }) }),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              onClick: (e) => {
-                e.stopPropagation();
-                emblaApi == null ? void 0 : emblaApi.scrollPrev();
-              },
-              style: { pointerEvents: "auto" },
-              disabled: !canScrollPrev,
-              className: "absolute left-4 top-1/2 -translate-y-1/2 z-10 flex h-10 w-10 items-center justify-center rounded-full bg-background/90 shadow-md transition hover:bg-background disabled:opacity-30 cursor-pointer",
-              "aria-label": "Previous image",
-              children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-5 w-5 text-foreground", style: { pointerEvents: "none" } })
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "button",
-            {
-              onClick: (e) => {
-                e.stopPropagation();
-                emblaApi == null ? void 0 : emblaApi.scrollNext();
-              },
-              style: { pointerEvents: "auto" },
-              disabled: !canScrollNext,
-              className: "absolute right-4 top-1/2 -translate-y-1/2 z-10 flex h-10 w-10 items-center justify-center rounded-full bg-background/90 shadow-md transition hover:bg-background disabled:opacity-30 cursor-pointer",
-              "aria-label": "Next image",
-              children: /* @__PURE__ */ jsx(ChevronRight, { className: "h-5 w-5 text-foreground", style: { pointerEvents: "none" } })
-            }
-          )
-        ] })
-      ] })
-    }
-  );
-};
-export {
-  Gallery2
-};

package/dist/components/puck-block/gallery-sections/gallery-2/index.d.ts

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

package/dist/components/puck-block/gallery-sections/gallery-2/index.js

@@ -1,43 +0,0 @@
-import { Gallery2 } from "./gallery-2.js";
-import { createStylesDefaults, createStylesField } from "../../../puck-base/core/styles.js";
-const defaultImage = {
-  src: "https://images.pexels.com/photos/3861969/pexels-photo-3861969.jpeg?auto=compress&cs=tinysrgb&w=1200",
-  alt: "Developer working at desk with multiple monitors showing code"
-};
-const conf = {
-  fields: {
-    heading: {
-      type: "text",
-      contentEditable: true
-    },
-    description: {
-      type: "textarea",
-      contentEditable: true
-    },
-    images: {
-      type: "array",
-      max: 10,
-      getItemSummary: (item, index = 0) => item.alt || `Image ${index + 1}`,
-      arrayFields: {
-        src: { type: "image", label: "Image" },
-        alt: { type: "text", label: "Alt Text" }
-      },
-      defaultItemProps: defaultImage
-    },
-    styles: createStylesField()
-  },
-  defaultProps: {
-    heading: "Built by developers, for developers",
-    description: "Explore how teams use our tools to design, build, and ship products that make an impact.",
-    images: [
-      { src: "https://images.pexels.com/photos/3861969/pexels-photo-3861969.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Developer working at desk with multiple monitors showing code" },
-      { src: "https://images.pexels.com/photos/1181677/pexels-photo-1181677.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Two developers collaborating on code at a shared workspace" },
-      { src: "https://images.pexels.com/photos/3183150/pexels-photo-3183150.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Tech team collaborating around laptops at a modern office table" }
-    ],
-    styles: createStylesDefaults()
-  },
-  render: Gallery2
-};
-export {
-  conf
-};

package/dist/components/puck-block/gallery-sections/gallery-3/gallery-3.d.ts

@@ -1,19 +0,0 @@
-import { CompoundContainerProps } from "@/components/puck-base/container";
-export interface Gallery3Image {
-    src: string;
-    alt?: string;
-    caption?: string;
-}
-export interface Gallery3Props {
-    heading?: string;
-    description?: string;
-    images?: Gallery3Image[];
-    showCaptions?: boolean;
-    styles?: {
-        padding?: CompoundContainerProps["padding"];
-        sectionStyle?: CompoundContainerProps["sectionStyle"];
-        backgroundColor?: string;
-        gap?: "sm" | "md" | "lg";
-    };
-}
-export declare const Gallery3: ({ heading, description, images, showCaptions, styles, }: Gallery3Props) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-block/gallery-sections/gallery-3/gallery-3.js

@@ -1,119 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { CompoundContainer } from "../../../puck-base/container.js";
-import { CompoundImage } from "../../../puck-base/image.js";
-import { cn } from "../../../../utils/css-utils.js";
-const gapClasses = {
-  sm: "gap-2",
-  md: "gap-3",
-  lg: "gap-5"
-};
-function ImageCard({
-  image,
-  index,
-  showCaption,
-  className
-}) {
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn(
-        // [&>span] targets the span wrapper that withEditable inserts in editor mode
-        "group relative overflow-hidden rounded-2xl bg-muted [&>span]:h-full [&>span]:w-full",
-        className
-      ),
-      children: [
-        !image.src && /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: image.alt ?? `Image ${index + 1}` }) }),
-        /* @__PURE__ */ jsx(
-          CompoundImage,
-          {
-            src: image.src || "",
-            alt: image.alt ?? `Gallery image ${index + 1}`,
-            className: "h-full w-full object-cover transition-transform duration-500 ease-out group-hover:scale-105"
-          }
-        ),
-        showCaption && image.caption && /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 flex items-end bg-gradient-to-t from-black/65 via-black/10 to-transparent p-5 opacity-0 transition-all duration-300 group-hover:opacity-100", children: /* @__PURE__ */ jsx("p", { className: "translate-y-2 text-sm font-medium text-white transition-transform duration-300 group-hover:translate-y-0", children: image.caption }) })
-      ]
-    }
-  );
-}
-const Gallery3 = ({
-  heading,
-  description,
-  images = [],
-  showCaptions = true,
-  styles
-}) => {
-  const gap = (styles == null ? void 0 : styles.gap) ?? "md";
-  const gc = gapClasses[gap] ?? gapClasses.md;
-  const [img1, img2, img3, ...rest] = images;
-  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: "flex flex-col gap-8 lg:gap-12", children: [
-        (heading || description) && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 lg:flex-row lg:items-end lg:justify-between", children: [
-          /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-3", children: heading && /* @__PURE__ */ jsx("h2", { className: "text-4xl font-bold tracking-tight text-foreground lg:text-5xl", children: heading }) }),
-          description && /* @__PURE__ */ jsx("p", { className: "max-w-sm text-base leading-relaxed text-muted-foreground lg:text-right", children: description })
-        ] }),
-        images.length > 0 && /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col", gc), children: [
-          img1 && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx("div", { className: cn("flex flex-col lg:hidden", gc), children: [img1, img2, img3].filter(Boolean).map((img, i) => /* @__PURE__ */ jsx("div", { className: "aspect-[4/3]", children: /* @__PURE__ */ jsx(
-              ImageCard,
-              {
-                image: img,
-                index: i,
-                showCaption: showCaptions,
-                className: "h-full"
-              }
-            ) }, i)) }),
-            /* @__PURE__ */ jsxs("div", { className: cn("hidden h-[520px] lg:flex", gc), children: [
-              /* @__PURE__ */ jsx(
-                ImageCard,
-                {
-                  image: img1,
-                  index: 0,
-                  showCaption: showCaptions,
-                  className: "basis-[58%] shrink-0"
-                }
-              ),
-              (img2 || img3) && /* @__PURE__ */ jsxs("div", { className: cn("flex flex-1 flex-col", gc), children: [
-                img2 && /* @__PURE__ */ jsx(
-                  ImageCard,
-                  {
-                    image: img2,
-                    index: 1,
-                    showCaption: showCaptions,
-                    className: "flex-1"
-                  }
-                ),
-                img3 && /* @__PURE__ */ jsx(
-                  ImageCard,
-                  {
-                    image: img3,
-                    index: 2,
-                    showCaption: showCaptions,
-                    className: "flex-1"
-                  }
-                )
-              ] })
-            ] })
-          ] }),
-          rest.length > 0 && /* @__PURE__ */ jsx("div", { className: cn("grid grid-cols-2 lg:grid-cols-3", gc), children: rest.map((img, idx) => /* @__PURE__ */ jsx("div", { className: "aspect-[4/3]", children: /* @__PURE__ */ jsx(
-            ImageCard,
-            {
-              image: img,
-              index: idx + 3,
-              showCaption: showCaptions,
-              className: "h-full"
-            }
-          ) }, idx + 3)) })
-        ] })
-      ] })
-    }
-  );
-};
-export {
-  Gallery3
-};

package/dist/components/puck-block/gallery-sections/gallery-3/index.d.ts

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

package/dist/components/puck-block/gallery-sections/gallery-3/index.js

@@ -1,62 +0,0 @@
-import { Gallery3 } from "./gallery-3.js";
-import { createStylesDefaults, createStylesField } from "../../../puck-base/core/styles.js";
-const pexelsImages = [
-  { src: "https://images.pexels.com/photos/113850/pexels-photo-113850.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Technology desktop showing colorful source code on screen", caption: "" },
-  { src: "https://images.pexels.com/photos/196644/pexels-photo-196644.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Top-down view of laptop displaying code in a modern workspace", caption: "" },
-  { src: "https://images.pexels.com/photos/6424590/pexels-photo-6424590.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Close-up of laptop screen showing programming code", caption: "" },
-  { src: "https://images.pexels.com/photos/1181671/pexels-photo-1181671.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Developer focused on coding at laptop in a bright workspace", caption: "" },
-  { src: "https://images.pexels.com/photos/3888151/pexels-photo-3888151.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Modern laptop with program code on screen at workplace", caption: "" },
-  { src: "https://images.pexels.com/photos/3183150/pexels-photo-3183150.jpeg?auto=compress&cs=tinysrgb&w=1200", alt: "Tech team working together at a collaborative desk setup", caption: "" }
-];
-const makeDefaultImage = (i) => pexelsImages[i % pexelsImages.length];
-const conf = {
-  fields: {
-    heading: {
-      type: "text",
-      contentEditable: true
-    },
-    description: {
-      type: "textarea",
-      contentEditable: true
-    },
-    images: {
-      type: "array",
-      max: 9,
-      getItemSummary: (item, index = 0) => item.alt || `Image ${index + 1}`,
-      arrayFields: {
-        src: { type: "image", label: "Image" },
-        alt: { type: "text", label: "Alt Text" },
-        caption: { type: "text", label: "Caption" }
-      },
-      defaultItemProps: makeDefaultImage(0)
-    },
-    showCaptions: {
-      type: "radio",
-      options: [
-        { label: "Show", value: true },
-        { label: "Hide", value: false }
-      ]
-    },
-    styles: createStylesField({
-      gap: {
-        type: "radio",
-        options: [
-          { label: "Compact", value: "sm" },
-          { label: "Default", value: "md" },
-          { label: "Spacious", value: "lg" }
-        ]
-      }
-    })
-  },
-  defaultProps: {
-    heading: "Design that speaks for itself",
-    description: "A curated look at the interfaces and experiences our platform helps bring to life.",
-    images: Array.from({ length: 6 }, (_, i) => makeDefaultImage(i)),
-    showCaptions: true,
-    styles: createStylesDefaults({ gap: "md" })
-  },
-  render: Gallery3
-};
-export {
-  conf
-};

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

@@ -1,38 +0,0 @@
-import { CompoundButtonProps } from "@/components/puck-base/button";
-import { Action } from "@/components/puck-base/core/types";
-import { ILayoutProps } from "../../type";
-type NavigationLink = {
-    label: string;
-};
-type SubmenuLink = NavigationLink & {
-    url: string;
-};
-type SecondaryNavigationItem = NavigationLink & {
-    url: string;
-    action?: Action;
-    variant?: CompoundButtonProps["variant"];
-    size?: CompoundButtonProps["size"];
-    icon?: CompoundButtonProps["icon"];
-    divider?: "true" | "false";
-    isHiddenOnMobile?: "true" | "false";
-};
-type NavigationItem = NavigationLink & {
-    url?: string;
-    action?: Action;
-    description?: string;
-    cta?: CompoundButtonProps & {
-        url?: string;
-    };
-    items?: SubmenuLink[];
-};
-export interface HeaderProps extends ILayoutProps {
-    companyName: string;
-    navigation?: NavigationItem[];
-    actions?: SecondaryNavigationItem[];
-    styles?: {
-        sectionStyle?: "default" | "dark" | "muted" | "inverted";
-        backgroundColor?: string;
-    };
-}
-export declare const Header: ({ companyName, navigation, actions, styles, }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,168 +0,0 @@
-"use client";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useState, Fragment as Fragment$1 } from "react";
-import { cn } from "../../../../utils/css-utils.js";
-import { Button } from "../../../shadcn/button.js";
-import { NavigationMenu, NavigationMenuList, NavigationMenuItem, NavigationMenuLink, NavigationMenuTrigger, NavigationMenuContent } from "../../../puck-base/navigation-menu.js";
-import { MoveRight, X, Menu } from "lucide-react";
-import { registerOverlayPortal } from "@puckeditor/core";
-import { CompoundButton } from "../../../puck-base/button.js";
-import { ErrorBoundary } from "../../../puck-base/error-boundary.js";
-import { resolveActionUrl } from "../../../puck-base/core/types.js";
-function coerceAction(action, legacyUrl) {
-  return action ?? (legacyUrl ? /^https?:\/\//i.test(legacyUrl) ? { type: "external", externalUrl: legacyUrl } : { type: "page", pageUrl: legacyUrl } : void 0);
-}
-const HEADER_SECTION_VARS = {
-  dark: {
-    "--background": "oklch(0.145 0 0)",
-    "--foreground": "oklch(0.985 0 0)",
-    "--muted-foreground": "oklch(0.708 0 0)"
-  },
-  inverted: {
-    "--background": "oklch(0.205 0 0)",
-    "--foreground": "oklch(0.985 0 0)",
-    "--primary": "oklch(0.922 0 0)",
-    "--primary-foreground": "oklch(0.205 0 0)",
-    "--muted-foreground": "oklch(0.708 0 0)"
-  },
-  muted: {
-    "--background": "oklch(0.97 0 0)",
-    "--foreground": "oklch(0.205 0 0)",
-    "--muted-foreground": "oklch(0.556 0 0)"
-  }
-};
-const Header = ({
-  companyName,
-  navigation,
-  actions,
-  styles
-}) => {
-  const [isOpen, setOpen] = useState(false);
-  const sectionVars = (styles == null ? void 0 : styles.sectionStyle) && styles.sectionStyle !== "default" ? HEADER_SECTION_VARS[styles.sectionStyle] ?? {} : {};
-  return /* @__PURE__ */ jsx(ErrorBoundary, { children: /* @__PURE__ */ jsx(
-    "header",
-    {
-      className: cn(
-        "bg-background text-foreground sticky top-0 left-0 z-40 w-full"
-      ),
-      style: {
-        ...(styles == null ? void 0 : styles.backgroundColor) ? { backgroundColor: styles.backgroundColor } : {},
-        ...sectionVars
-      },
-      children: /* @__PURE__ */ jsxs("div", { className: "relative container mx-auto flex min-h-20 flex-row items-center gap-4 lg:grid lg:grid-cols-[auto_1fr_auto]", children: [
-        /* @__PURE__ */ jsx("div", { className: "flex lg:justify-start", children: /* @__PURE__ */ jsx("p", { className: "font-semibold whitespace-nowrap", children: companyName }) }),
-        /* @__PURE__ */ jsx("div", { className: "hidden flex-row items-center justify-center gap-4 lg:flex", children: Array.isArray(navigation) && navigation.length > 0 ? /* @__PURE__ */ jsx(NavigationMenu, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(NavigationMenuList, { className: "flex flex-row justify-center gap-4", children: navigation.map((item, index) => {
-          var _a;
-          return /* @__PURE__ */ jsx(NavigationMenuItem, { children: item.url ? /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(NavigationMenuLink, { asChild: true, children: /* @__PURE__ */ jsx(
-            CompoundButton,
-            {
-              action: coerceAction(item.action, item.url),
-              label: item.label,
-              variant: "ghost"
-            }
-          ) }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(
-              NavigationMenuTrigger,
-              {
-                className: "text-sm font-medium",
-                ref: registerOverlayPortal,
-                children: item.label
-              }
-            ),
-            /* @__PURE__ */ jsx(NavigationMenuContent, { className: "!w-[450px] p-4", children: /* @__PURE__ */ jsxs("div", { className: "flex grid-cols-2 flex-col gap-4 lg:grid", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-col justify-between", children: [
-                /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
-                  /* @__PURE__ */ jsx("p", { className: "text-base", children: item.label }),
-                  item.description ? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: item.description }) : null
-                ] }),
-                (() => {
-                  const ctaAction = item.cta && coerceAction(item.cta.action, item.cta.url);
-                  return ctaAction && resolveActionUrl(ctaAction) ? /* @__PURE__ */ jsx(
-                    CompoundButton,
-                    {
-                      label: item.cta.label,
-                      action: ctaAction,
-                      variant: item.cta.variant,
-                      size: item.cta.size,
-                      icon: item.cta.icon,
-                      className: "mt-10"
-                    }
-                  ) : null;
-                })()
-              ] }),
-              /* @__PURE__ */ jsx("div", { className: "flex h-full flex-col justify-end text-sm", children: (_a = item.items) == null ? void 0 : _a.map((subItem, index2) => /* @__PURE__ */ jsxs(
-                NavigationMenuLink,
-                {
-                  href: subItem.url,
-                  className: "hover:bg-muted flex flex-row items-center justify-between rounded px-4 py-2",
-                  children: [
-                    /* @__PURE__ */ jsx("span", { children: subItem.label }),
-                    /* @__PURE__ */ jsx(MoveRight, { className: "text-muted-foreground h-4 w-4" })
-                  ]
-                },
-                index2
-              )) })
-            ] }) })
-          ] }) }, index);
-        }) }) }) : null }),
-        /* @__PURE__ */ jsx("div", { className: "flex w-full justify-end gap-4", children: actions == null ? void 0 : actions.map((item, index) => /* @__PURE__ */ jsxs(Fragment$1, { children: [
-          /* @__PURE__ */ jsx(
-            CompoundButton,
-            {
-              label: item.label,
-              variant: item.variant,
-              size: item.size,
-              icon: item.icon,
-              action: coerceAction(item.action, item.url),
-              className: cn({
-                "hidden md:inline": item.isHiddenOnMobile === "true"
-              })
-            }
-          ),
-          item.divider === "true" ? /* @__PURE__ */ jsx("div", { className: "hidden border-e-1 md:inline" }) : null
-        ] }, index)) }),
-        /* @__PURE__ */ jsxs("div", { className: "flex w-12 shrink items-end justify-end lg:hidden", children: [
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              variant: "ghost",
-              onClick: () => setOpen(!isOpen),
-              ref: registerOverlayPortal,
-              children: isOpen ? /* @__PURE__ */ jsx(X, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx(Menu, { className: "h-5 w-5" })
-            }
-          ),
-          isOpen && /* @__PURE__ */ jsx("div", { className: "bg-background absolute top-20 right-0 container flex w-full flex-col gap-8 border-t py-4 shadow-lg", children: navigation == null ? void 0 : navigation.map((item, index) => /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-            item.url ? /* @__PURE__ */ jsxs(
-              "a",
-              {
-                href: item.url,
-                className: "flex items-center justify-between",
-                onClick: () => setOpen(false),
-                children: [
-                  /* @__PURE__ */ jsx("span", { className: "text-lg", children: item.label }),
-                  /* @__PURE__ */ jsx(MoveRight, { className: "text-muted-foreground h-4 w-4 stroke-1" })
-                ]
-              }
-            ) : /* @__PURE__ */ jsx("p", { className: "text-lg", children: item.label }),
-            item.items && item.items.map((subItem, index2) => /* @__PURE__ */ jsxs(
-              "a",
-              {
-                href: subItem.url,
-                className: "flex items-center justify-between",
-                onClick: () => setOpen(false),
-                children: [
-                  /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: subItem.label }),
-                  /* @__PURE__ */ jsx(MoveRight, { className: "h-4 w-4 stroke-1" })
-                ]
-              },
-              index2
-            ))
-          ] }) }, index)) })
-        ] })
-      ] })
-    }
-  ) });
-};
-export {
-  Header
-};