dune-react 0.0.30 → 0.0.32

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

@@ -2,12 +2,13 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { Button } from "../../../shadcn/button.js";
-import { CompoundImage } from "../../../puck-base/image.js";
+import { CompoundMedia } from "../../../puck-base/media.js";
 import { motion } from "motion/react";
 import { cn } from "../../../../utils/css-utils.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
+import { CompoundSocialLinks } from "../../../puck-base/social-links.js";
 const CenteredNavbar = (props) => {
-  const { logo, navLinks, buttons, styles } = {
+  const { logo, navLinks, buttons, socialLinks, styles } = {
     ...CenteredNavbarDefaults,
     ...props
   };
@@ -29,7 +30,7 @@ const CenteredNavbar = (props) => {
       children: /* @__PURE__ */ jsxs("div", { className: "mx-auto size-full lg:grid lg:grid-cols-[0.375fr_1fr_0.375fr] lg:items-center lg:justify-between lg:gap-4", 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,
+            CompoundMedia,
             {
               src: logo == null ? void 0 : logo.src,
               alt: logo == null ? void 0 : logo.alt,
@@ -37,16 +38,19 @@ const CenteredNavbar = (props) => {
             }
           ) }),
           /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 lg:hidden", children: [
-            /* @__PURE__ */ jsx("div", { children: buttons == null ? void 0 : buttons.map((b, i) => /* @__PURE__ */ jsx(
-              Button,
-              {
-                className: "w-full px-4 py-1",
-                variant: b.variant,
-                size: b.size,
-                children: b.label
-              },
-              i
-            )) }),
+            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+              buttons == null ? void 0 : buttons.map((b, i) => /* @__PURE__ */ jsx(
+                Button,
+                {
+                  className: "px-4 py-1",
+                  variant: b.variant,
+                  size: b.size,
+                  children: b.label
+                },
+                i
+              )),
+              (styles == null ? void 0 : styles.showSocialLinks) === "true" && /* @__PURE__ */ jsx(CompoundSocialLinks, { links: socialLinks ?? [], iconClassName: "size-5", className: "gap-2" })
+            ] }),
             /* @__PURE__ */ jsx(
               "button",
               {
@@ -79,16 +83,19 @@ const CenteredNavbar = (props) => {
             ))
           }
         ),
-        /* @__PURE__ */ jsx("div", { className: "hidden justify-self-end gap-2 lg:flex", children: buttons == null ? void 0 : buttons.map((b, i) => /* @__PURE__ */ jsx(
-          Button,
-          {
-            className: "px-6 py-2",
-            variant: b.variant,
-            size: b.size,
-            children: b.label
-          },
-          i
-        )) })
+        /* @__PURE__ */ jsxs("div", { className: "hidden items-center justify-self-end gap-2 lg:flex", children: [
+          buttons == null ? void 0 : buttons.map((b, i) => /* @__PURE__ */ jsx(
+            Button,
+            {
+              className: "px-6 py-2",
+              variant: b.variant,
+              size: b.size,
+              children: b.label
+            },
+            i
+          )),
+          (styles == null ? void 0 : styles.showSocialLinks) === "true" && /* @__PURE__ */ jsx(CompoundSocialLinks, { links: socialLinks ?? [], iconClassName: "size-5", className: "gap-2 ml-2" })
+        ] })
       ] })
     }
   );
@@ -106,8 +113,8 @@ const CenteredNavbarDefaults = {
     { title: "Link Three", url: "#" },
     { title: "Link Four", url: "#" }
   ],
-  button: { label: "Button", size: "sm" },
   buttons: [{ label: "Button", size: "sm" }],
+  socialLinks: [],
   styles: {}
 };
 export {

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

@@ -107,6 +107,87 @@ declare const conf: {
                 readonly instructions: "Buttons must use the same size";
             };
         };
+        socialLinks: {
+            readonly type: "array";
+            readonly label: "Social Links";
+            readonly getItemSummary: (item: {
+                platform?: string;
+            }, i?: number) => string;
+            readonly arrayFields: {
+                readonly platform: {
+                    readonly type: "select";
+                    readonly label: "Platform";
+                    readonly options: readonly [{
+                        readonly label: "Twitter / X";
+                        readonly value: "twitter";
+                    }, {
+                        readonly label: "Facebook";
+                        readonly value: "facebook";
+                    }, {
+                        readonly label: "Instagram";
+                        readonly value: "instagram";
+                    }, {
+                        readonly label: "LinkedIn";
+                        readonly value: "linkedin";
+                    }, {
+                        readonly label: "YouTube";
+                        readonly value: "youtube";
+                    }, {
+                        readonly label: "GitHub";
+                        readonly value: "github";
+                    }, {
+                        readonly label: "TikTok";
+                        readonly value: "tiktok";
+                    }, {
+                        readonly label: "Discord";
+                        readonly value: "discord";
+                    }];
+                };
+                readonly url: {
+                    readonly type: "text";
+                    readonly label: "URL";
+                };
+            };
+        };
+        styles: {
+            type: string;
+            label: string;
+            objectFields: {
+                className: {
+                    readonly type: "text";
+                    readonly label: "Class Name";
+                    readonly ai: {
+                        readonly instructions: "Additional Tailwind CSS classes to apply to the section wrapper.";
+                    };
+                };
+                style: {
+                    readonly type: "object";
+                    readonly label: "Style";
+                    readonly objectFields: {};
+                    readonly ai: {
+                        readonly instructions: "Inline CSSProperties object for the section wrapper, e.g. { backgroundColor: 'red', minHeight: '100vh' }.";
+                    };
+                };
+                css: {
+                    readonly type: "textarea";
+                    readonly label: "Custom CSS";
+                    readonly ai: {
+                        readonly instructions: "Custom CSS rules. Use & as a placeholder for the section selector.";
+                    };
+                };
+                showSocialLinks: {
+                    readonly type: "radio";
+                    readonly label: "Display Social Links";
+                    readonly options: readonly [{
+                        readonly label: "Yes";
+                        readonly value: "true";
+                    }, {
+                        readonly label: "No";
+                        readonly value: "false";
+                    }];
+                };
+            };
+        };
     };
     defaultProps: import("../props").HeaderSectionBaseProps;
     render: (props: CenteredNavbarProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,11 +1,15 @@
 import { CenteredNavbar, CenteredNavbarDefaults } from "./centered-navbar.js";
-import { imageField } from "../../../puck-core/core/props/media.js";
-import { buttonsField } from "../../../puck-core/core/props/interactive.js";
+import { mediaField } from "../../../puck-core/core/props/media.js";
+import { socialLinksField, buttonsField } from "../../../puck-core/core/props/interactive.js";
+import { headerStyleFields } from "../props.js";
+import { sectionWrapperFields } from "../../../puck-core/section-wrapper.js";
 const conf = {
   fields: {
-    logo: imageField,
+    logo: mediaField,
     navLinks: { type: "array", max: 6, getItemSummary: (item, i = 0) => item.title || `Link ${i + 1}`, arrayFields: { title: { type: "text" }, url: { type: "text" } } },
-    buttons: buttonsField
+    buttons: buttonsField,
+    socialLinks: socialLinksField,
+    styles: { type: "object", label: "Styles", objectFields: { showSocialLinks: headerStyleFields.showSocialLinks, ...sectionWrapperFields } }
   },
   defaultProps: CenteredNavbarDefaults,
   render: CenteredNavbar

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

@@ -2,12 +2,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState } from "react";
 import { Button } from "../../../shadcn/button.js";
-import { CompoundImage } from "../../../puck-base/image.js";
+import { CompoundMedia } from "../../../puck-base/media.js";
 import { AnimatePresence, motion } from "motion/react";
 import { cn } from "../../../../utils/css-utils.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
+import { CompoundSocialLinks } from "../../../puck-base/social-links.js";
 const DrawerNavbar = (props) => {
-  const { logo, navLinks, buttons, styles } = {
+  const { logo, navLinks, buttons, socialLinks, styles } = {
     ...DrawerNavbarDefaults,
     ...props
   };
@@ -65,7 +66,7 @@ const DrawerNavbar = (props) => {
                   {
                     href: logo == null ? void 0 : logo.url,
                     className: "mb-8 mt-10 flex flex-shrink-0 lg:hidden",
-                    children: /* @__PURE__ */ jsx(CompoundImage, { src: logo == null ? void 0 : logo.src, alt: logo == null ? void 0 : logo.alt, className: "h-9 w-auto" })
+                    children: /* @__PURE__ */ jsx(CompoundMedia, { src: logo == null ? void 0 : logo.src, alt: logo == null ? void 0 : logo.alt, className: "h-9 w-auto" })
                   }
                 ),
                 navLinks == null ? void 0 : navLinks.map((navLink, index) => /* @__PURE__ */ jsx(
@@ -77,16 +78,19 @@ const DrawerNavbar = (props) => {
                   },
                   index
                 )),
-                /* @__PURE__ */ jsx("div", { className: "mt-6 lg:hidden", children: buttons == null ? void 0 : buttons.map((b, i) => /* @__PURE__ */ jsx(
-                  Button,
-                  {
-                    variant: b.variant,
-                    size: b.size,
-                    className: "w-full",
-                    children: b.label
-                  },
-                  i
-                )) })
+                /* @__PURE__ */ jsxs("div", { className: "mt-6 lg:hidden", children: [
+                  buttons == null ? void 0 : buttons.map((b, i) => /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: b.variant,
+                      size: b.size,
+                      className: "w-full",
+                      children: b.label
+                    },
+                    i
+                  )),
+                  (styles == null ? void 0 : styles.showSocialLinks) === "true" && /* @__PURE__ */ jsx(CompoundSocialLinks, { links: socialLinks ?? [], iconClassName: "size-5", className: "pt-4" })
+                ] })
               ]
             }
           ),
@@ -102,17 +106,20 @@ const DrawerNavbar = (props) => {
             }
           )
         ] }),
-        /* @__PURE__ */ jsx("a", { href: logo == null ? void 0 : logo.url, className: "flex min-h-16 flex-shrink-0 items-center", children: /* @__PURE__ */ jsx(CompoundImage, { src: logo == null ? void 0 : logo.src, alt: logo == null ? void 0 : logo.alt, className: "h-9 w-auto" }) }),
-        /* @__PURE__ */ jsx("div", { className: "flex min-h-16 items-center justify-end gap-x-4", children: buttons == null ? void 0 : buttons.map((b, i) => /* @__PURE__ */ jsx(
-          Button,
-          {
-            variant: b.variant,
-            size: b.size,
-            className: "px-4 py-1 md:px-6 md:py-2",
-            children: b.label
-          },
-          i
-        )) })
+        /* @__PURE__ */ jsx("a", { href: logo == null ? void 0 : logo.url, className: "flex min-h-16 flex-shrink-0 items-center", children: /* @__PURE__ */ jsx(CompoundMedia, { src: logo == null ? void 0 : logo.src, alt: logo == null ? void 0 : logo.alt, className: "h-9 w-auto" }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex min-h-16 items-center justify-end gap-x-4", children: [
+          buttons == null ? void 0 : buttons.map((b, i) => /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: b.variant,
+              size: b.size,
+              className: "px-4 py-1 md:px-6 md:py-2",
+              children: b.label
+            },
+            i
+          )),
+          (styles == null ? void 0 : styles.showSocialLinks) === "true" && /* @__PURE__ */ jsx(CompoundSocialLinks, { links: socialLinks ?? [], iconClassName: "size-5", className: "gap-2" })
+        ] })
       ]
     }
   );
@@ -129,8 +136,8 @@ const DrawerNavbarDefaults = {
     { title: "Link Two", url: "#" },
     { title: "Link Three", url: "#" }
   ],
-  button: { label: "Button", size: "sm" },
   buttons: [{ label: "Button", size: "sm" }],
+  socialLinks: [],
   styles: {}
 };
 export {

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

@@ -107,6 +107,87 @@ declare const conf: {
                 readonly instructions: "Buttons must use the same size";
             };
         };
+        socialLinks: {
+            readonly type: "array";
+            readonly label: "Social Links";
+            readonly getItemSummary: (item: {
+                platform?: string;
+            }, i?: number) => string;
+            readonly arrayFields: {
+                readonly platform: {
+                    readonly type: "select";
+                    readonly label: "Platform";
+                    readonly options: readonly [{
+                        readonly label: "Twitter / X";
+                        readonly value: "twitter";
+                    }, {
+                        readonly label: "Facebook";
+                        readonly value: "facebook";
+                    }, {
+                        readonly label: "Instagram";
+                        readonly value: "instagram";
+                    }, {
+                        readonly label: "LinkedIn";
+                        readonly value: "linkedin";
+                    }, {
+                        readonly label: "YouTube";
+                        readonly value: "youtube";
+                    }, {
+                        readonly label: "GitHub";
+                        readonly value: "github";
+                    }, {
+                        readonly label: "TikTok";
+                        readonly value: "tiktok";
+                    }, {
+                        readonly label: "Discord";
+                        readonly value: "discord";
+                    }];
+                };
+                readonly url: {
+                    readonly type: "text";
+                    readonly label: "URL";
+                };
+            };
+        };
+        styles: {
+            type: string;
+            label: string;
+            objectFields: {
+                className: {
+                    readonly type: "text";
+                    readonly label: "Class Name";
+                    readonly ai: {
+                        readonly instructions: "Additional Tailwind CSS classes to apply to the section wrapper.";
+                    };
+                };
+                style: {
+                    readonly type: "object";
+                    readonly label: "Style";
+                    readonly objectFields: {};
+                    readonly ai: {
+                        readonly instructions: "Inline CSSProperties object for the section wrapper, e.g. { backgroundColor: 'red', minHeight: '100vh' }.";
+                    };
+                };
+                css: {
+                    readonly type: "textarea";
+                    readonly label: "Custom CSS";
+                    readonly ai: {
+                        readonly instructions: "Custom CSS rules. Use & as a placeholder for the section selector.";
+                    };
+                };
+                showSocialLinks: {
+                    readonly type: "radio";
+                    readonly label: "Display Social Links";
+                    readonly options: readonly [{
+                        readonly label: "Yes";
+                        readonly value: "true";
+                    }, {
+                        readonly label: "No";
+                        readonly value: "false";
+                    }];
+                };
+            };
+        };
     };
     defaultProps: import("../props").HeaderSectionBaseProps;
     render: (props: DrawerNavbarProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,10 @@
 import { DrawerNavbar, DrawerNavbarDefaults } from "./drawer-navbar.js";
-import { imageField } from "../../../puck-core/core/props/media.js";
-import { buttonsField } from "../../../puck-core/core/props/interactive.js";
+import { mediaField } from "../../../puck-core/core/props/media.js";
+import { socialLinksField, buttonsField } from "../../../puck-core/core/props/interactive.js";
+import { headerStyleFields } from "../props.js";
+import { sectionWrapperFields } from "../../../puck-core/section-wrapper.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 },
+  fields: { logo: mediaField, navLinks: { type: "array", max: 6, getItemSummary: (item, i = 0) => item.title || `Link ${i + 1}`, arrayFields: { title: { type: "text" }, url: { type: "text" } } }, buttons: buttonsField, socialLinks: socialLinksField, styles: { type: "object", label: "Styles", objectFields: { showSocialLinks: headerStyleFields.showSocialLinks, ...sectionWrapperFields } } },
   defaultProps: DrawerNavbarDefaults,
   render: DrawerNavbar
 };

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

@@ -3,13 +3,14 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { useMediaQuery } from "../../../../hooks/use-media-query.js";
 import { CompoundButton } from "../../../puck-base/button.js";
-import { CompoundImage } from "../../../puck-base/image.js";
+import { CompoundMedia } from "../../../puck-base/media.js";
 import { motion, AnimatePresence } from "motion/react";
 import { RxChevronDown } from "../../../../node_modules/.pnpm/react-icons@5.6.0_react@19.2.4/node_modules/react-icons/rx/index.js";
 import { cn } from "../../../../utils/css-utils.js";
 import { SectionWrapper } from "../../../puck-core/section-wrapper.js";
+import { CompoundSocialLinks } from "../../../puck-base/social-links.js";
 const FloatingBorderedNavbar = (props) => {
-  const { logo, navLinks, button, styles } = {
+  const { logo, navLinks, buttons, socialLinks, styles } = {
     ...FloatingBorderedNavbarDefaults,
     ...props
   };
@@ -31,7 +32,7 @@ const FloatingBorderedNavbar = (props) => {
       style: sectionStyle,
       css,
       children: /* @__PURE__ */ jsxs("div", { className: "flex min-h-16 w-full items-center justify-between gap-4 border-border-primary px-5 md:min-h-18 md:px-8 lg:w-auto", 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, className: "h-9 w-auto" }) }),
+        /* @__PURE__ */ jsx("a", { href: logo == null ? void 0 : logo.url, children: /* @__PURE__ */ jsx(CompoundMedia, { src: logo == null ? void 0 : logo.src, alt: logo == null ? void 0 : logo.alt, className: "h-9 w-auto" }) }),
         /* @__PURE__ */ jsx(
           motion.div,
           {
@@ -55,32 +56,36 @@ const FloatingBorderedNavbar = (props) => {
                 exit: "close",
                 transition: { duration: 0.3 },
                 className: "absolute left-0 right-0 top-0 mx-auto min-w-[200px] justify-self-center bg-background-primary px-[5%] text-center lg:static lg:inset-auto lg:mx-0 lg:px-0 lg:text-left lg:[--translate-y:0%]",
-                children: /* @__PURE__ */ jsx("div", { className: "flex w-full flex-col border border-t-0 border-border-primary bg-background-primary p-5 md:p-8 lg:w-auto lg:flex-row lg:border-none lg:bg-none lg:p-0", 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: "relative block py-3 text-center text-md lg:px-4 lg:py-2 lg:text-left lg:text-base",
-                      children: navLink.title
-                    },
-                    index
-                  )
-                ) })
+                children: /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col border border-t-0 border-border-primary bg-background-primary p-5 md:p-8 lg:w-auto lg:flex-row lg:items-center lg:border-none lg:bg-none lg:p-0", 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: "relative block py-3 text-center text-md lg:px-4 lg:py-2 lg:text-left lg:text-base",
+                        children: navLink.title
+                      },
+                      index
+                    )
+                  ),
+                  (styles == null ? void 0 : styles.showSocialLinks) === "true" && /* @__PURE__ */ jsx(CompoundSocialLinks, { links: socialLinks ?? [], iconClassName: "size-5", className: "justify-center pt-4 lg:hidden" })
+                ] })
               }
             )
           }
         ),
         /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-4", children: [
-          button && /* @__PURE__ */ jsx(
+          (buttons == null ? void 0 : buttons[0]) && /* @__PURE__ */ jsx(
             CompoundButton,
             {
-              label: button.label,
-              variant: button.variant,
-              size: button.size,
-              action: button.action,
-              icon: button.icon
+              label: buttons[0].label,
+              variant: buttons[0].variant,
+              size: buttons[0].size,
+              action: buttons[0].action,
+              icon: buttons[0].icon
             }
           ),
+          (styles == null ? void 0 : styles.showSocialLinks) === "true" && /* @__PURE__ */ jsx(CompoundSocialLinks, { links: socialLinks ?? [], iconClassName: "size-5", className: "gap-2" }),
           /* @__PURE__ */ jsx(
             "button",
             {
@@ -178,8 +183,8 @@ const FloatingBorderedNavbarDefaults = {
       ]
     }
   ],
-  button: { label: "Button", size: "sm" },
-  buttons: [],
+  buttons: [{ label: "Button", size: "sm" }],
+  socialLinks: [],
   styles: { position: "relative" }
 };
 export {

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

@@ -28,9 +28,13 @@ declare const conf: {
                 };
             };
         };
-        button: {
-            readonly type: "object";
-            readonly objectFields: {
+        buttons: {
+            readonly type: "array";
+            readonly max: 3;
+            readonly getItemSummary: (item: {
+                label?: string;
+            }, index?: number) => string;
+            readonly arrayFields: {
                 readonly label: {
                     readonly type: "text";
                 };
@@ -82,6 +86,68 @@ declare const conf: {
                     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";
+            };
+        };
+        socialLinks: {
+            readonly type: "array";
+            readonly label: "Social Links";
+            readonly getItemSummary: (item: {
+                platform?: string;
+            }, i?: number) => string;
+            readonly arrayFields: {
+                readonly platform: {
+                    readonly type: "select";
+                    readonly label: "Platform";
+                    readonly options: readonly [{
+                        readonly label: "Twitter / X";
+                        readonly value: "twitter";
+                    }, {
+                        readonly label: "Facebook";
+                        readonly value: "facebook";
+                    }, {
+                        readonly label: "Instagram";
+                        readonly value: "instagram";
+                    }, {
+                        readonly label: "LinkedIn";
+                        readonly value: "linkedin";
+                    }, {
+                        readonly label: "YouTube";
+                        readonly value: "youtube";
+                    }, {
+                        readonly label: "GitHub";
+                        readonly value: "github";
+                    }, {
+                        readonly label: "TikTok";
+                        readonly value: "tiktok";
+                    }, {
+                        readonly label: "Discord";
+                        readonly value: "discord";
+                    }];
+                };
+                readonly url: {
+                    readonly type: "text";
+                    readonly label: "URL";
+                };
+            };
         };
         styles: {
             type: string;
@@ -120,6 +186,17 @@ declare const conf: {
                         readonly value: "fixed";
                     }];
                 };
+                showSocialLinks: {
+                    readonly type: "radio";
+                    readonly label: "Display Social Links";
+                    readonly options: readonly [{
+                        readonly label: "Yes";
+                        readonly value: "true";
+                    }, {
+                        readonly label: "No";
+                        readonly value: "false";
+                    }];
+                };
             };
         };
     };

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

@@ -1,10 +1,10 @@
 import { FloatingBorderedNavbar, FloatingBorderedNavbarDefaults } from "./floating-bordered-navbar.js";
-import { imageField } from "../../../puck-core/core/props/media.js";
-import { buttonField } from "../../../puck-core/core/props/interactive.js";
+import { mediaField } from "../../../puck-core/core/props/media.js";
+import { socialLinksField, buttonsField } from "../../../puck-core/core/props/interactive.js";
 import { headerStyleFields } from "../props.js";
 import { sectionWrapperFields } from "../../../puck-core/section-wrapper.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" } } }, button: buttonField, styles: { type: "object", label: "Styles", objectFields: { position: headerStyleFields.position, ...sectionWrapperFields } } },
+  fields: { logo: mediaField, navLinks: { type: "array", max: 6, getItemSummary: (item, i = 0) => item.title || `Link ${i + 1}`, arrayFields: { title: { type: "text" }, url: { type: "text" } } }, buttons: buttonsField, socialLinks: socialLinksField, styles: { type: "object", label: "Styles", objectFields: { position: headerStyleFields.position, showSocialLinks: headerStyleFields.showSocialLinks, ...sectionWrapperFields } } },
   defaultProps: FloatingBorderedNavbarDefaults,
   render: FloatingBorderedNavbar
 };