dune-react 0.0.18 → 0.0.20

package/dist/components/puck-block/header-sections/fullscreen-overlay-navbar/index.js

@@ -0,0 +1,14 @@
+import { FullscreenOverlayNavbar, FullscreenOverlayNavbarDefaults } from "./fullscreen-overlay-navbar.js";
+import { imageField } from "../../../puck-core/core/props/media.js";
+import { buttonField } from "../../../puck-core/core/props/interactive.js";
+import { headerStyleFields } from "../props.js";
+const conf = {
+  fields: { logo: imageField, navLinks: { type: "array", max: 8, getItemSummary: (item, i = 0) => item.title || `Link ${i + 1}`, arrayFields: { title: { type: "text" }, url: { type: "text" } } }, button: buttonField, styles: { type: "object", label: "Styles", objectFields: { overlayContent: headerStyleFields.overlayContent } } },
+  defaultProps: FullscreenOverlayNavbarDefaults,
+  render: FullscreenOverlayNavbar
+};
+export {
+  FullscreenOverlayNavbar,
+  FullscreenOverlayNavbarDefaults,
+  conf as default
+};

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

@@ -0,0 +1,6 @@
+export { default as CenteredNavbarConf } from "./centered-navbar";
+export { default as DrawerNavbarConf } from "./drawer-navbar";
+export { default as FloatingBorderedNavbarConf } from "./floating-bordered-navbar";
+export { default as FullscreenOverlayNavbarConf } from "./fullscreen-overlay-navbar";
+export { default as MegaMenuNavbarConf } from "./mega-menu-navbar";
+export { default as StandardNavbarConf } from "./standard-navbar";

package/dist/components/puck-block/header-sections/mega-menu-navbar/index.d.ts

@@ -0,0 +1,143 @@
+import { MegaMenuNavbar, MegaMenuNavbarDefaults } from "./mega-menu-navbar";
+import type { MegaMenuNavbarProps } from "./mega-menu-navbar";
+export { MegaMenuNavbar, MegaMenuNavbarDefaults };
+export type { MegaMenuNavbarProps };
+declare const conf: {
+    fields: {
+        logo: {
+            type: "object";
+            objectFields: {
+                src: import("@puckeditor/core").Field<string>;
+                alt: {
+                    type: "text";
+                };
+            };
+        };
+        navLinks: {
+            type: string;
+            max: number;
+            getItemSummary: (item: {
+                title?: string;
+            }, i?: number) => string;
+            arrayFields: {
+                title: {
+                    type: string;
+                };
+                url: {
+                    type: string;
+                };
+            };
+        };
+        buttons: {
+            readonly type: "array";
+            readonly max: 3;
+            readonly getItemSummary: (item: {
+                label?: string;
+            }, index?: number) => string;
+            readonly arrayFields: {
+                readonly label: {
+                    readonly type: "text";
+                };
+                readonly action: {
+                    type: "custom";
+                    label: string;
+                    render: typeof import("../../../puck-core").ActionField;
+                };
+                readonly variant: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "primary";
+                        readonly value: "default";
+                    }, {
+                        readonly label: "secondary";
+                        readonly value: "secondary";
+                    }, {
+                        readonly label: "outline";
+                        readonly value: "outline";
+                    }, {
+                        readonly label: "ghost";
+                        readonly value: "ghost";
+                    }, {
+                        readonly label: "link";
+                        readonly value: "link";
+                    }, {
+                        readonly label: "destructive";
+                        readonly value: "destructive";
+                    }];
+                };
+                readonly size: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "default";
+                        readonly value: "default";
+                    }, {
+                        readonly label: "sm";
+                        readonly value: "sm";
+                    }, {
+                        readonly label: "lg";
+                        readonly value: "lg";
+                    }, {
+                        readonly label: "icon";
+                        readonly value: "icon";
+                    }];
+                };
+                readonly icon: {
+                    type: "custom";
+                    render: typeof import("../../../puck-core/fields/icon-picker-field").IconPickerField;
+                };
+            };
+            readonly defaultItemProps: {
+                readonly label: "Button";
+                readonly action: {
+                    readonly type: "page";
+                    readonly pageUrl: "";
+                    readonly externalUrl: "";
+                    readonly openInNewTab: "false";
+                    readonly email: "";
+                    readonly subject: "";
+                    readonly phone: "";
+                    readonly sectionId: "";
+                    readonly downloadUrl: "";
+                };
+                readonly variant: "default";
+                readonly size: "default";
+                readonly icon: "none";
+            };
+            readonly ai: {
+                readonly instructions: "Buttons must use the same size";
+            };
+        };
+        styles: {
+            type: string;
+            label: string;
+            objectFields: {
+                megaMenuLayout: {
+                    readonly type: "select";
+                    readonly label: "Mega Menu Layout";
+                    readonly options: readonly [{
+                        readonly label: "2-Col Grid + Blog";
+                        readonly value: "2colGrid";
+                    }, {
+                        readonly label: "3-Col Grid + Blog";
+                        readonly value: "3colGrid";
+                    }, {
+                        readonly label: "4-Col Grid + Footer";
+                        readonly value: "4colGrid";
+                    }, {
+                        readonly label: "3-Col + Sidebar";
+                        readonly value: "3colSidebar";
+                    }, {
+                        readonly label: "4-Col Cards + Footer";
+                        readonly value: "4colFooter";
+                    }, {
+                        readonly label: "Links + Blog Cards";
+                        readonly value: "linksBlog";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: import("../props").HeaderSectionBaseProps;
+    render: (props: MegaMenuNavbarProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

package/dist/components/puck-block/header-sections/mega-menu-navbar/index.js

@@ -0,0 +1,14 @@
+import { MegaMenuNavbar, MegaMenuNavbarDefaults } from "./mega-menu-navbar.js";
+import { imageField } from "../../../puck-core/core/props/media.js";
+import { buttonsField } from "../../../puck-core/core/props/interactive.js";
+import { headerStyleFields } from "../props.js";
+const conf = {
+  fields: { logo: imageField, navLinks: { type: "array", max: 6, getItemSummary: (item, i = 0) => item.title || `Link ${i + 1}`, arrayFields: { title: { type: "text" }, url: { type: "text" } } }, buttons: buttonsField, styles: { type: "object", label: "Styles", objectFields: { megaMenuLayout: headerStyleFields.megaMenuLayout } } },
+  defaultProps: MegaMenuNavbarDefaults,
+  render: MegaMenuNavbar
+};
+export {
+  MegaMenuNavbar,
+  MegaMenuNavbarDefaults,
+  conf as default
+};

package/dist/components/puck-block/header-sections/mega-menu-navbar/mega-menu-navbar.d.ts

@@ -0,0 +1,4 @@
+import type { HeaderComponentProps, HeaderSectionBaseProps } from "../props";
+export type MegaMenuNavbarProps = HeaderComponentProps;
+export declare const MegaMenuNavbar: (props: MegaMenuNavbarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const MegaMenuNavbarDefaults: HeaderSectionBaseProps;

package/dist/components/puck-block/header-sections/mega-menu-navbar/mega-menu-navbar.js

@@ -0,0 +1,35 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button } from "../../../shadcn/button.js";
+import { CompoundButton } from "../../../puck-base/button.js";
+import { CompoundImage } from "../../../puck-base/image.js";
+import { motion } from "framer-motion";
+const MegaMenuNavbar = (props) => {
+  const { logo, navLinks, buttons } = { ...MegaMenuNavbarDefaults, ...props };
+  const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);
+  return /* @__PURE__ */ jsx("section", { id: "relume", className: "relative z-[999] flex w-full items-center justify-between border-b border-border-primary bg-background-primary lg:min-h-18 lg:px-[5%]", children: /* @__PURE__ */ jsxs("div", { className: "size-full lg:flex lg:items-center lg:justify-between", children: [
+    /* @__PURE__ */ jsxs("div", { className: "lg:flex", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex min-h-16 items-center justify-between px-[5%] md:min-h-18 lg:min-h-full lg:px-0", children: [
+        /* @__PURE__ */ jsx("a", { href: logo == null ? void 0 : logo.url, children: /* @__PURE__ */ jsx(CompoundImage, { src: logo == null ? void 0 : logo.src, alt: logo == null ? void 0 : logo.alt }) }),
+        /* @__PURE__ */ jsx("button", { className: "-mr-2 flex size-12 flex-col items-center justify-center lg:hidden", onClick: () => setIsMobileMenuOpen((prev) => !prev), children: [0, 1, 2].map((i) => /* @__PURE__ */ jsx("span", { className: "my-[3px] h-0.5 w-6 bg-black" }, i)) })
+      ] }),
+      /* @__PURE__ */ jsxs(motion.div, { variants: { open: { height: "var(--height-open, 100dvh)" }, close: { height: "var(--height-closed, 0)" } }, initial: "close", exit: "close", animate: isMobileMenuOpen ? "open" : "close", transition: { duration: 0.4 }, className: "overflow-auto px-[5%] lg:ml-6 lg:flex lg:items-center lg:px-0 lg:[--height-closed:auto] lg:[--height-open:auto]", children: [
+        navLinks == null ? void 0 : navLinks.map((navLink, index) => /* @__PURE__ */ jsx("a", { href: navLink.url, className: "block py-3 text-md first:pt-7 lg:px-4 lg:py-6 lg:text-base first:lg:pt-6", children: navLink.title }, index)),
+        /* @__PURE__ */ jsx("div", { className: "mt-6 flex w-full flex-col gap-y-4 pb-24 lg:hidden lg:pb-0", children: buttons == null ? void 0 : buttons.map((b, i) => /* @__PURE__ */ jsx(Button, { className: "w-full", variant: b.variant, size: b.size, children: b.label }, i)) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "hidden lg:flex lg:gap-4", children: buttons == null ? void 0 : buttons.map((b, i) => /* @__PURE__ */ jsx(CompoundButton, { label: b.label, variant: b.variant, size: b.size, action: b.action, icon: b.icon }, i)) })
+  ] }) });
+};
+const MegaMenuNavbarDefaults = {
+  logo: { url: "#", src: "https://d22po4pjz3o32e.cloudfront.net/logo-image.svg", alt: "Logo image" },
+  navLinks: [{ title: "Link One", url: "#" }, { title: "Link Two", url: "#" }, { title: "Link Three", url: "#" }, { title: "Link Four", url: "#" }],
+  button: { label: "Button", size: "sm" },
+  buttons: [{ label: "Button", variant: "secondary", size: "sm" }, { label: "Button", size: "sm" }],
+  styles: { megaMenuLayout: "2colGrid" }
+};
+export {
+  MegaMenuNavbar,
+  MegaMenuNavbarDefaults
+};

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

@@ -1,41 +1,101 @@
-type HeaderVariant = "header-1" | "sticky-nav-1";
-type HeaderPadding = {
-    top?: "none" | "small" | "medium" | "large";
-    bottom?: "none" | "small" | "medium" | "large";
-};
-type HeaderSectionStyle = "default" | "dark" | "muted" | "inverted" | "custom";
-type HeaderButton = {
-    label: string;
-    url?: string;
-    action?: string;
-    variant?: "default" | "secondary" | "outline" | "ghost" | "link" | "destructive";
-    size?: "default" | "sm" | "lg" | "icon";
-    icon?: string;
-    divider?: boolean;
-    isHiddenOnMobile?: boolean;
-};
-type HeaderNavigationItem = {
-    label: string;
-    url?: string;
-    description?: string;
-    cta?: HeaderButton;
-    items?: Array<{
-        label: string;
-        url: string;
-    }>;
-};
-type HeaderSectionProps = {
-    variant?: HeaderVariant;
-    __metadata?: {
-        type: "layout";
+/**
+ * Header Section (Navbar) 共享 Props
+ *
+ * 基础类型引用自 ../props/（全局共享）
+ * HeaderSectionStyles 为 header 特有的样式字段
+ */
+import type { BaseImage } from "@/components/puck-core/core/props/media";
+import type { BaseButton } from "@/components/puck-core/core/props/interactive";
+export type { BaseImage, BaseButton };
+export interface HeaderSectionStyles {
+    dropdownType?: "simple" | "richIcon" | "richGrouped";
+    overlayContent?: "linksOnly" | "withSocial" | "withContact" | "withArticles" | "withForm";
+    megaMenuLayout?: "2colGrid" | "3colGrid" | "4colGrid" | "3colSidebar" | "4colFooter" | "linksBlog";
+    position?: "relative" | "fixed";
+}
+export interface NavLink {
+    url: string;
+    title: string;
+    subMenuLinks?: NavLink[];
+}
+export interface HeaderSectionBaseProps {
+    logo: BaseImage & {
+        url?: string;
+    };
+    navLinks: NavLink[];
+    button: BaseButton;
+    buttons: BaseButton[];
+    styles: HeaderSectionStyles;
+}
+export declare const headerStyleFields: {
+    readonly dropdownType: {
+        readonly type: "radio";
+        readonly label: "Dropdown Type";
+        readonly options: readonly [{
+            readonly label: "Simple";
+            readonly value: "simple";
+        }, {
+            readonly label: "Rich Icon";
+            readonly value: "richIcon";
+        }, {
+            readonly label: "Rich Grouped";
+            readonly value: "richGrouped";
+        }];
+    };
+    readonly overlayContent: {
+        readonly type: "select";
+        readonly label: "Overlay Content";
+        readonly options: readonly [{
+            readonly label: "Links Only";
+            readonly value: "linksOnly";
+        }, {
+            readonly label: "With Social";
+            readonly value: "withSocial";
+        }, {
+            readonly label: "With Contact";
+            readonly value: "withContact";
+        }, {
+            readonly label: "With Articles";
+            readonly value: "withArticles";
+        }, {
+            readonly label: "With Form";
+            readonly value: "withForm";
+        }];
+    };
+    readonly megaMenuLayout: {
+        readonly type: "select";
+        readonly label: "Mega Menu Layout";
+        readonly options: readonly [{
+            readonly label: "2-Col Grid + Blog";
+            readonly value: "2colGrid";
+        }, {
+            readonly label: "3-Col Grid + Blog";
+            readonly value: "3colGrid";
+        }, {
+            readonly label: "4-Col Grid + Footer";
+            readonly value: "4colGrid";
+        }, {
+            readonly label: "3-Col + Sidebar";
+            readonly value: "3colSidebar";
+        }, {
+            readonly label: "4-Col Cards + Footer";
+            readonly value: "4colFooter";
+        }, {
+            readonly label: "Links + Blog Cards";
+            readonly value: "linksBlog";
+        }];
     };
-    companyName?: string;
-    logo?: string;
-    navigation?: HeaderNavigationItem[];
-    actions?: HeaderButton[];
-    styles?: {
-        padding?: HeaderPadding;
-        sectionStyle?: HeaderSectionStyle;
-        backgroundColor?: string;
+    readonly position: {
+        readonly type: "radio";
+        readonly label: "Position";
+        readonly options: readonly [{
+            readonly label: "Relative";
+            readonly value: "relative";
+        }, {
+            readonly label: "Fixed";
+            readonly value: "fixed";
+        }];
     };
 };
+/** 将 HeaderSectionBaseProps 与组件特有字段合并，生成最终 Props */
+export type HeaderComponentProps<T extends object = object> = React.ComponentPropsWithoutRef<"section"> & Partial<HeaderSectionBaseProps> & Partial<T>;

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

@@ -0,0 +1,45 @@
+const headerStyleFields = {
+  dropdownType: {
+    type: "radio",
+    label: "Dropdown Type",
+    options: [
+      { label: "Simple", value: "simple" },
+      { label: "Rich Icon", value: "richIcon" },
+      { label: "Rich Grouped", value: "richGrouped" }
+    ]
+  },
+  overlayContent: {
+    type: "select",
+    label: "Overlay Content",
+    options: [
+      { label: "Links Only", value: "linksOnly" },
+      { label: "With Social", value: "withSocial" },
+      { label: "With Contact", value: "withContact" },
+      { label: "With Articles", value: "withArticles" },
+      { label: "With Form", value: "withForm" }
+    ]
+  },
+  megaMenuLayout: {
+    type: "select",
+    label: "Mega Menu Layout",
+    options: [
+      { label: "2-Col Grid + Blog", value: "2colGrid" },
+      { label: "3-Col Grid + Blog", value: "3colGrid" },
+      { label: "4-Col Grid + Footer", value: "4colGrid" },
+      { label: "3-Col + Sidebar", value: "3colSidebar" },
+      { label: "4-Col Cards + Footer", value: "4colFooter" },
+      { label: "Links + Blog Cards", value: "linksBlog" }
+    ]
+  },
+  position: {
+    type: "radio",
+    label: "Position",
+    options: [
+      { label: "Relative", value: "relative" },
+      { label: "Fixed", value: "fixed" }
+    ]
+  }
+};
+export {
+  headerStyleFields
+};

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

@@ -0,0 +1,134 @@
+import { StandardNavbar, StandardNavbarDefaults } from "./standard-navbar";
+import type { StandardNavbarProps } from "./standard-navbar";
+export { StandardNavbar, StandardNavbarDefaults };
+export type { StandardNavbarProps };
+declare const conf: {
+    fields: {
+        logo: {
+            type: "object";
+            objectFields: {
+                src: import("@puckeditor/core").Field<string>;
+                alt: {
+                    type: "text";
+                };
+            };
+        };
+        navLinks: {
+            type: string;
+            max: number;
+            getItemSummary: (item: {
+                title?: string;
+            }, i?: number) => string;
+            arrayFields: {
+                title: {
+                    type: string;
+                };
+                url: {
+                    type: string;
+                };
+            };
+        };
+        buttons: {
+            readonly type: "array";
+            readonly max: 3;
+            readonly getItemSummary: (item: {
+                label?: string;
+            }, index?: number) => string;
+            readonly arrayFields: {
+                readonly label: {
+                    readonly type: "text";
+                };
+                readonly action: {
+                    type: "custom";
+                    label: string;
+                    render: typeof import("../../../puck-core").ActionField;
+                };
+                readonly variant: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "primary";
+                        readonly value: "default";
+                    }, {
+                        readonly label: "secondary";
+                        readonly value: "secondary";
+                    }, {
+                        readonly label: "outline";
+                        readonly value: "outline";
+                    }, {
+                        readonly label: "ghost";
+                        readonly value: "ghost";
+                    }, {
+                        readonly label: "link";
+                        readonly value: "link";
+                    }, {
+                        readonly label: "destructive";
+                        readonly value: "destructive";
+                    }];
+                };
+                readonly size: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "default";
+                        readonly value: "default";
+                    }, {
+                        readonly label: "sm";
+                        readonly value: "sm";
+                    }, {
+                        readonly label: "lg";
+                        readonly value: "lg";
+                    }, {
+                        readonly label: "icon";
+                        readonly value: "icon";
+                    }];
+                };
+                readonly icon: {
+                    type: "custom";
+                    render: typeof import("../../../puck-core/fields/icon-picker-field").IconPickerField;
+                };
+            };
+            readonly defaultItemProps: {
+                readonly label: "Button";
+                readonly action: {
+                    readonly type: "page";
+                    readonly pageUrl: "";
+                    readonly externalUrl: "";
+                    readonly openInNewTab: "false";
+                    readonly email: "";
+                    readonly subject: "";
+                    readonly phone: "";
+                    readonly sectionId: "";
+                    readonly downloadUrl: "";
+                };
+                readonly variant: "default";
+                readonly size: "default";
+                readonly icon: "none";
+            };
+            readonly ai: {
+                readonly instructions: "Buttons must use the same size";
+            };
+        };
+        styles: {
+            type: string;
+            label: string;
+            objectFields: {
+                dropdownType: {
+                    readonly type: "radio";
+                    readonly label: "Dropdown Type";
+                    readonly options: readonly [{
+                        readonly label: "Simple";
+                        readonly value: "simple";
+                    }, {
+                        readonly label: "Rich Icon";
+                        readonly value: "richIcon";
+                    }, {
+                        readonly label: "Rich Grouped";
+                        readonly value: "richGrouped";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: import("../props").HeaderSectionBaseProps;
+    render: (props: StandardNavbarProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

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

@@ -0,0 +1,19 @@
+import { StandardNavbar, StandardNavbarDefaults } from "./standard-navbar.js";
+import { imageField } from "../../../puck-core/core/props/media.js";
+import { buttonsField } from "../../../puck-core/core/props/interactive.js";
+import { headerStyleFields } from "../props.js";
+const conf = {
+  fields: {
+    logo: imageField,
+    navLinks: { type: "array", max: 6, getItemSummary: (item, i = 0) => item.title || `Link ${i + 1}`, arrayFields: { title: { type: "text" }, url: { type: "text" } } },
+    buttons: buttonsField,
+    styles: { type: "object", label: "Styles", objectFields: { dropdownType: headerStyleFields.dropdownType } }
+  },
+  defaultProps: StandardNavbarDefaults,
+  render: StandardNavbar
+};
+export {
+  StandardNavbar,
+  StandardNavbarDefaults,
+  conf as default
+};

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

@@ -0,0 +1,4 @@
+import type { HeaderComponentProps, HeaderSectionBaseProps } from "../props";
+export type StandardNavbarProps = HeaderComponentProps;
+export declare const StandardNavbar: (props: StandardNavbarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StandardNavbarDefaults: HeaderSectionBaseProps;

package/dist/components/puck-block/header-sections/standard-navbar/standard-navbar.js

@@ -0,0 +1,59 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button } from "../../../shadcn/button.js";
+import { useMediaQuery } from "../../../../hooks/use-media-query.js";
+import { CompoundImage } from "../../../puck-base/image.js";
+import { motion, AnimatePresence } from "framer-motion";
+import { RxChevronDown } from "../../../../node_modules/.pnpm/react-icons@5.6.0_react@19.2.4/node_modules/react-icons/rx/index.js";
+const StandardNavbar = (props) => {
+  const { logo, navLinks, buttons } = { ...StandardNavbarDefaults, ...props };
+  const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);
+  const isMobile = useMediaQuery("(max-width: 991px)");
+  return /* @__PURE__ */ jsx("section", { id: "relume", className: "z-[999] flex w-full items-center border-b border-border-primary bg-background-primary lg:min-h-18 lg:px-[5%]", children: /* @__PURE__ */ jsxs("div", { className: "size-full lg:flex lg:items-center lg:justify-between", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex min-h-16 items-center justify-between px-[5%] md:min-h-18 lg:min-h-full lg:px-0", children: [
+      /* @__PURE__ */ jsx("a", { href: logo == null ? void 0 : logo.url, children: /* @__PURE__ */ jsx(CompoundImage, { src: logo == null ? void 0 : logo.src, alt: logo == null ? void 0 : logo.alt }) }),
+      /* @__PURE__ */ jsxs("button", { className: "-mr-2 flex size-12 flex-col items-center justify-center lg:hidden", onClick: () => setIsMobileMenuOpen((prev) => !prev), children: [
+        /* @__PURE__ */ jsx(motion.span, { className: "my-[3px] h-0.5 w-6 bg-black", animate: isMobileMenuOpen ? ["open", "rotatePhase"] : "closed", variants: topLineVariants }),
+        /* @__PURE__ */ jsx(motion.span, { className: "my-[3px] h-0.5 w-6 bg-black", animate: isMobileMenuOpen ? "open" : "closed", variants: middleLineVariants }),
+        /* @__PURE__ */ jsx(motion.span, { className: "my-[3px] h-0.5 w-6 bg-black", animate: isMobileMenuOpen ? ["open", "rotatePhase"] : "closed", variants: bottomLineVariants })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(motion.div, { variants: { open: { height: "var(--height-open, 100dvh)" }, close: { height: "var(--height-closed, 0)" } }, initial: "close", exit: "close", animate: isMobileMenuOpen ? "open" : "close", transition: { duration: 0.4 }, className: "overflow-hidden px-[5%] lg:flex lg:items-center lg:px-0 lg:[--height-closed:auto] lg:[--height-open:auto]", children: [
+      navLinks == null ? void 0 : navLinks.map(
+        (navLink, index) => navLink.subMenuLinks && navLink.subMenuLinks.length > 0 ? /* @__PURE__ */ jsx(SubMenu, { navLink, isMobile }, index) : /* @__PURE__ */ jsx("a", { href: navLink.url, className: "block py-3 text-md first:pt-7 lg:px-4 lg:py-2 lg:text-base first:lg:pt-2", children: navLink.title }, index)
+      ),
+      /* @__PURE__ */ jsx("div", { className: "mt-6 flex flex-col items-center gap-4 lg:ml-4 lg:mt-0 lg:flex-row", children: buttons == null ? void 0 : buttons.map((button, index) => /* @__PURE__ */ jsx(Button, { variant: button.variant, size: button.size, className: "w-full", children: button.label }, index)) })
+    ] })
+  ] }) });
+};
+const SubMenu = ({ navLink, isMobile }) => {
+  var _a;
+  const [isDropdownOpen, setIsDropdownOpen] = useState(false);
+  return /* @__PURE__ */ jsxs("div", { onMouseEnter: () => !isMobile && setIsDropdownOpen(true), onMouseLeave: () => !isMobile && setIsDropdownOpen(false), children: [
+    /* @__PURE__ */ jsxs("button", { className: "flex w-full items-center justify-between gap-2 py-3 text-left text-md lg:flex-none lg:justify-start lg:px-4 lg:py-2 lg:text-base", onClick: () => setIsDropdownOpen((prev) => !prev), children: [
+      /* @__PURE__ */ jsx("span", { children: navLink.title }),
+      /* @__PURE__ */ jsx(motion.span, { variants: { rotated: { rotate: 180 }, initial: { rotate: 0 } }, animate: isDropdownOpen ? "rotated" : "initial", transition: { duration: 0.3 }, children: /* @__PURE__ */ jsx(RxChevronDown, {}) })
+    ] }),
+    isDropdownOpen && /* @__PURE__ */ jsx(AnimatePresence, { children: /* @__PURE__ */ jsx(motion.nav, { variants: { open: { visibility: "visible", opacity: "var(--opacity-open, 100%)", y: 0 }, close: { visibility: "hidden", opacity: "var(--opacity-close, 0)", y: "var(--y-close, 0%)" } }, animate: isDropdownOpen ? "open" : "close", initial: "close", exit: "close", transition: { duration: 0.2 }, className: "bg-background-primary lg:absolute lg:z-50 lg:border lg:border-border-primary lg:p-2 lg:[--y-close:25%]", children: (_a = navLink.subMenuLinks) == null ? void 0 : _a.map((link, index) => /* @__PURE__ */ jsx("a", { href: link.url, className: "block py-3 pl-[5%] text-md lg:px-4 lg:py-2 lg:text-base", children: link.title }, index)) }) })
+  ] });
+};
+const topLineVariants = { open: { translateY: 8, transition: { delay: 0.1 } }, rotatePhase: { rotate: -45, transition: { delay: 0.2 } }, closed: { translateY: 0, rotate: 0, transition: { duration: 0.2 } } };
+const middleLineVariants = { open: { width: 0, transition: { duration: 0.1 } }, closed: { width: "1.5rem", transition: { delay: 0.3, duration: 0.2 } } };
+const bottomLineVariants = { open: { translateY: -8, transition: { delay: 0.1 } }, rotatePhase: { rotate: 45, transition: { delay: 0.2 } }, closed: { translateY: 0, rotate: 0, transition: { duration: 0.2 } } };
+const StandardNavbarDefaults = {
+  logo: { url: "#", src: "https://d22po4pjz3o32e.cloudfront.net/logo-image.svg", alt: "Logo image" },
+  navLinks: [
+    { title: "Link One", url: "#" },
+    { title: "Link Two", url: "#" },
+    { title: "Link Three", url: "#" },
+    { title: "Link Four", url: "#", subMenuLinks: [{ title: "Link Five", url: "#" }, { title: "Link Six", url: "#" }, { title: "Link Seven", url: "#" }] }
+  ],
+  button: { label: "Button", size: "sm" },
+  buttons: [{ label: "Button", variant: "secondary", size: "sm" }, { label: "Button", size: "sm" }],
+  styles: { dropdownType: "simple" }
+};
+export {
+  StandardNavbar,
+  StandardNavbarDefaults
+};

package/dist/components/puck-block/hero-sections/carousel-hero/component.d.ts

@@ -0,0 +1,9 @@
+import type { HeroComponentProps } from "../props";
+type CarouselHeroExtra = {
+    carouselHeading: string;
+    carouselDescription: string;
+};
+export type CarouselHeroProps = HeroComponentProps<CarouselHeroExtra>;
+export declare const CarouselHero: (props: CarouselHeroProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CarouselHeroDefaults: CarouselHeroProps;
+export {};