dune-react 0.0.8 → 0.0.10

package/dist/components/puck-base/gradient-text.js

@@ -8,17 +8,26 @@ const TAG_STYLES = {
   p: "text-base md:text-lg",
   span: ""
 };
+const DIRECTION_MAP = {
+  "to-r": "to right",
+  "to-l": "to left",
+  "to-t": "to top",
+  "to-b": "to bottom",
+  "to-br": "to bottom right",
+  "to-bl": "to bottom left"
+};
 const GradientText = ({
   text,
   as: Tag = "h2",
-  gradientFrom = "oklch(0.7 0.25 260)",
-  gradientTo = "oklch(0.7 0.25 330)",
+  gradientFrom = "var(--primary)",
+  gradientTo = "var(--chart-2)",
   gradientVia,
   direction = "to-r",
   className
 }) => {
+  const cssDirection = DIRECTION_MAP[direction] ?? "to right";
   const gradientStyle = {
-    backgroundImage: gradientVia ? `linear-gradient(${direction.replace("to-", "to ")}, ${gradientFrom}, ${gradientVia}, ${gradientTo})` : `linear-gradient(${direction.replace("to-", "to ")}, ${gradientFrom}, ${gradientTo})`
+    backgroundImage: gradientVia ? `linear-gradient(${cssDirection}, ${gradientFrom}, ${gradientVia}, ${gradientTo})` : `linear-gradient(${cssDirection}, ${gradientFrom}, ${gradientTo})`
   };
   return /* @__PURE__ */ jsx(
     Tag,

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

@@ -1,10 +1,12 @@
 export interface AnnouncementBannerProps {
-    text: string;
-    linkText?: string;
+    items?: string[];
+    linkLabel?: string;
     linkUrl?: string;
-    backgroundColor?: string;
-    textColor?: string;
-    align?: "left" | "center" | "right";
-    size?: "small" | "default";
+    styles?: {
+        backgroundColor?: string;
+        textColor?: string;
+        align?: "left" | "center" | "right";
+        size?: "small" | "default";
+    };
 }
-export declare const AnnouncementBanner: ({ text, linkText, linkUrl, backgroundColor, textColor, align, size, }: AnnouncementBannerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AnnouncementBanner: ({ items, linkLabel, linkUrl, styles, }: AnnouncementBannerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-block/banner-sections/announcement-banner-1/announcement-banner.js

@@ -1,14 +1,17 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "../../../../utils/css-utils.js";
 const AnnouncementBanner = ({
-  text,
-  linkText,
+  items = [],
+  linkLabel,
   linkUrl,
-  backgroundColor = "oklch(0.85 0.15 85)",
-  textColor,
-  align = "center",
-  size = "default"
+  styles
 }) => {
+  const normalized = items.map((v) => typeof v === "string" ? v : (v == null ? void 0 : v.text) ?? "");
+  const text = normalized[0] ?? "";
+  const backgroundColor = (styles == null ? void 0 : styles.backgroundColor) ?? "var(--primary)";
+  const textColor = styles == null ? void 0 : styles.textColor;
+  const align = (styles == null ? void 0 : styles.align) ?? "center";
+  const size = (styles == null ? void 0 : styles.size) ?? "default";
   const style = {
     ...backgroundColor ? { backgroundColor } : {},
     ...textColor ? { color: textColor } : {}
@@ -32,13 +35,13 @@ const AnnouncementBanner = ({
           }),
           children: [
             /* @__PURE__ */ jsx("span", { children: text }),
-            linkText && linkUrl ? /* @__PURE__ */ jsxs(
+            linkLabel && linkUrl ? /* @__PURE__ */ jsxs(
               "a",
               {
                 href: linkUrl,
                 className: "underline underline-offset-2 opacity-90 hover:opacity-100",
                 children: [
-                  linkText,
+                  linkLabel,
                   " →"
                 ]
               }

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

@@ -1,47 +1,29 @@
 import { AnnouncementBanner } from "./announcement-banner.js";
+import { bannerStylesDefaults, bannerStylesField } from "../../../puck-base/core/styles.js";
 const conf = {
   fields: {
-    text: { type: "text", contentEditable: true },
-    linkText: { type: "text" },
-    linkUrl: { type: "text" },
-    backgroundColor: {
-      type: "text",
-      label: "Background Color",
-      ai: {
-        instructions: "Use the exact background color from the original banner. Common examples: yellow (#FACC15), blue (#3B82F6), green (#22C55E), red (#EF4444), or any brand color. Use hex, rgb, or oklch format."
-      }
-    },
-    textColor: {
-      type: "text",
-      label: "Text Color",
-      ai: {
-        instructions: "Set text color to contrast with the background. Usually black (#000) for light backgrounds or white (#fff) for dark backgrounds."
-      }
-    },
-    align: {
-      type: "radio",
-      options: [
-        { label: "Left", value: "left" },
-        { label: "Center", value: "center" },
-        { label: "Right", value: "right" }
-      ]
+    items: {
+      type: "array",
+      max: 3,
+      getItemSummary: (item, i = 0) => (typeof item === "string" ? item : item == null ? void 0 : item.text) || `Item ${i + 1}`,
+      arrayFields: { text: { type: "text", contentEditable: true } },
+      defaultItemProps: { text: "Text" }
     },
-    size: {
-      type: "radio",
-      options: [
-        { label: "Small", value: "small" },
-        { label: "Default", value: "default" }
-      ]
-    }
+    linkLabel: { type: "text" },
+    linkUrl: { type: "text" },
+    styles: bannerStylesField
   },
   defaultProps: {
-    text: "New: Check out our latest update",
-    linkText: "Learn more",
+    items: [{ text: "New: Check out our latest update" }],
+    linkLabel: "Learn more",
     linkUrl: "#",
-    backgroundColor: "#FACC15",
-    textColor: "#000000",
-    align: "center",
-    size: "default"
+    styles: {
+      ...bannerStylesDefaults,
+      backgroundColor: "#FACC15",
+      textColor: "#000000",
+      align: "center",
+      size: "default"
+    }
   },
   render: AnnouncementBanner
 };

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

@@ -1,33 +1,33 @@
-import { paddingDefaults, backgroundColor, sectionStyle, padding } from "../../../puck-base/core/fields.js";
 import { Marquee } from "./marquee.js";
+import { createStylesDefaults, createStylesField } from "../../../puck-base/core/styles.js";
+const marqueeStylesField = createStylesField({
+  speed: {
+    type: "radio",
+    options: [
+      { label: "Slow", value: "slow" },
+      { label: "Normal", value: "normal" },
+      { label: "Fast", value: "fast" }
+    ]
+  },
+  tone: {
+    type: "radio",
+    options: [
+      { label: "Default", value: "default" },
+      { label: "Outline", value: "outline" },
+      { label: "Muted", value: "muted" }
+    ]
+  }
+});
 const conf = {
   fields: {
     items: {
       type: "array",
       max: 10,
-      getItemSummary: (item, i = 0) => item.text || `Item ${i + 1}`,
+      getItemSummary: (item, i = 0) => (typeof item === "string" ? item : item == null ? void 0 : item.text) || `Item ${i + 1}`,
       arrayFields: { text: { type: "text" } },
       defaultItemProps: { text: "Text" }
     },
-    speed: {
-      type: "radio",
-      options: [
-        { label: "Slow", value: "slow" },
-        { label: "Normal", value: "normal" },
-        { label: "Fast", value: "fast" }
-      ]
-    },
-    variant: {
-      type: "radio",
-      options: [
-        { label: "Default", value: "default" },
-        { label: "Outline", value: "outline" },
-        { label: "Muted", value: "muted" }
-      ]
-    },
-    padding,
-    sectionStyle,
-    backgroundColor
+    styles: marqueeStylesField
   },
   defaultProps: {
     items: [
@@ -36,9 +36,11 @@ const conf = {
       { text: "Performance" },
       { text: "Quality" }
     ],
-    speed: "normal",
-    variant: "default",
-    padding: paddingDefaults
+    styles: {
+      ...createStylesDefaults(),
+      speed: "normal",
+      tone: "default"
+    }
   },
   render: Marquee
 };

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

@@ -1,12 +1,12 @@
 import { CompoundContainerProps } from "@/components/puck-base/container";
 export interface MarqueeProps {
-    padding?: CompoundContainerProps["padding"];
-    sectionStyle?: CompoundContainerProps["sectionStyle"];
-    backgroundColor?: string;
-    items?: Array<{
-        text: string;
-    }>;
-    speed?: "slow" | "normal" | "fast";
-    variant?: "default" | "outline" | "muted";
+    items?: string[];
+    styles?: {
+        padding?: CompoundContainerProps["padding"];
+        sectionStyle?: CompoundContainerProps["sectionStyle"];
+        backgroundColor?: string;
+        speed?: "slow" | "normal" | "fast";
+        tone?: "default" | "outline" | "muted";
+    };
 }
-export declare const Marquee: ({ padding, sectionStyle, backgroundColor, items, speed, variant, }: MarqueeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Marquee: ({ items, styles, }: MarqueeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-block/banner-sections/marquee-1/marquee.js

@@ -6,32 +6,39 @@ const SPEED_DURATION = {
   fast: "15s"
 };
 const Marquee = ({
-  padding,
-  sectionStyle,
-  backgroundColor,
   items = [],
-  speed = "normal",
-  variant = "default"
+  styles
 }) => {
-  const textClass = variant === "outline" ? "text-transparent [-webkit-text-stroke:1px_currentColor]" : variant === "muted" ? "text-muted-foreground/30" : "text-foreground";
-  return /* @__PURE__ */ jsx(CompoundContainer, { padding, sectionStyle, backgroundColor, children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsx(
-    "div",
+  const normalized = items.map((v) => typeof v === "string" ? v : (v == null ? void 0 : v.text) ?? "");
+  const speed = (styles == null ? void 0 : styles.speed) ?? "normal";
+  const tone = (styles == null ? void 0 : styles.tone) ?? "default";
+  const textClass = tone === "outline" ? "text-transparent [-webkit-text-stroke:1px_currentColor]" : tone === "muted" ? "text-muted-foreground/30" : "text-foreground";
+  return /* @__PURE__ */ jsx(
+    CompoundContainer,
     {
-      className: "flex w-max animate-[marquee_var(--marquee-speed)_linear_infinite] items-center gap-8",
-      style: { "--marquee-speed": SPEED_DURATION[speed] },
-      children: [...items, ...items].map((item, i) => /* @__PURE__ */ jsxs(
-        "span",
+      padding: styles == null ? void 0 : styles.padding,
+      sectionStyle: styles == null ? void 0 : styles.sectionStyle,
+      backgroundColor: styles == null ? void 0 : styles.backgroundColor,
+      children: /* @__PURE__ */ jsx("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsx(
+        "div",
         {
-          className: `font-serif text-4xl font-bold whitespace-nowrap md:text-6xl ${textClass}`,
-          children: [
-            item.text,
-            /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/30 mx-4", children: "•" })
-          ]
-        },
-        i
-      ))
+          className: "flex w-max animate-[marquee_var(--marquee-speed)_linear_infinite] items-center gap-8",
+          style: { "--marquee-speed": SPEED_DURATION[speed] },
+          children: [...normalized, ...normalized].map((item, i) => /* @__PURE__ */ jsxs(
+            "span",
+            {
+              className: `font-serif text-4xl font-bold whitespace-nowrap md:text-6xl ${textClass}`,
+              children: [
+                item,
+                /* @__PURE__ */ jsx("span", { className: "text-muted-foreground/30 mx-4", children: "•" })
+              ]
+            },
+            i
+          ))
+        }
+      ) })
     }
-  ) }) });
+  );
 };
 export {
   Marquee

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

@@ -0,0 +1,22 @@
+type BannerVariant = "announcement-banner-1" | "marquee-1";
+type BannerPadding = {
+    top?: "none" | "small" | "medium" | "large";
+    bottom?: "none" | "small" | "medium" | "large";
+};
+type BannerSectionStyle = "default" | "dark" | "muted" | "inverted" | "custom";
+type BannerSectionProps = {
+    variant?: BannerVariant;
+    items?: string[];
+    linkLabel?: string;
+    linkUrl?: string;
+    styles?: {
+        padding?: BannerPadding;
+        sectionStyle?: BannerSectionStyle;
+        backgroundColor?: string;
+        textColor?: string;
+        align?: "left" | "center" | "right";
+        size?: "small" | "default";
+        speed?: "slow" | "normal" | "fast";
+        tone?: "default" | "outline" | "muted";
+    };
+};

package/dist/components/puck-block/contact-sections/api/form-leads.d.ts

@@ -0,0 +1,16 @@
+/**
+ * 联系表单线索：POST 到 `{domain}/api/form-leads`，与站点后端约定一致。
+ */
+export interface SubmitFormLeadBody {
+    site_id?: string | null;
+    name: string;
+    email: string;
+    phone: string;
+    message: string;
+    /** 当前页路径，用于归因 */
+    source_page: string;
+}
+/**
+ * 提交表单线索。成功 resolve；HTTP 非 2xx 或业务 success !== true 时 throw Error（message 为 errMsg 或 HTTP 状态）。
+ */
+export declare function submitFormLead(domain: string | undefined | null, body: SubmitFormLeadBody): Promise<void>;

package/dist/components/puck-block/contact-sections/api/form-leads.js

@@ -0,0 +1,25 @@
+function normalizeBaseUrl(domain) {
+  return (domain ?? "").replace(/\/$/, "");
+}
+async function submitFormLead(domain, body) {
+  const baseUrl = normalizeBaseUrl(domain);
+  const res = await fetch(`${baseUrl}/api/form-leads`, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({
+      site_id: body.site_id,
+      name: body.name || "",
+      email: body.email || "",
+      phone: body.phone || "",
+      message: body.message || "",
+      source_page: body.source_page
+    })
+  });
+  const data = await res.json().catch(() => null);
+  if (!res.ok || !(data == null ? void 0 : data.success)) {
+    throw new Error((data == null ? void 0 : data.errMsg) || `HTTP ${res.status}`);
+  }
+}
+export {
+  submitFormLead
+};

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

@@ -21,9 +21,18 @@ export interface ContactForm {
     };
 }
 export interface ContactUsProps extends CompoundContentProps {
-    padding?: CompoundContainerProps["padding"];
-    sectionStyle?: CompoundContainerProps["sectionStyle"];
-    backgroundColor?: string;
-    form?: ContactForm;
+    fields?: ContactFormField[];
+    action?: string;
+    method?: "get" | "post" | "dialog";
+    formTitle?: string;
+    submitLabel?: string;
+    submitVariant?: string;
+    submitSize?: string;
+    submitIcon?: string;
+    styles?: {
+        padding?: CompoundContainerProps["padding"];
+        sectionStyle?: CompoundContainerProps["sectionStyle"];
+        backgroundColor?: string;
+    };
 }
 export declare const ContactUs: (props: ContactUsProps) => import("react/jsx-runtime").JSX.Element;