dune-react 0.0.8 → 0.0.9

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

@@ -0,0 +1,83 @@
+import { paddingDefaults, backgroundColor, sectionStyle, padding } from "../../../puck-base/core/fields.js";
+import { Location3 } from "./location.js";
+const defaultLocation = {
+  name: "Downtown",
+  address: "123 Main Street\nNew York, NY 10001",
+  phone: "+1 (555) 000-0001",
+  hours: "Mon–Fri: 9am–6pm\nSat: 10am–4pm",
+  directionsUrl: "https://maps.google.com"
+};
+const conf = {
+  fields: {
+    heading: { type: "textarea", contentEditable: true },
+    description: { type: "textarea", contentEditable: true },
+    mapEmbedUrl: { type: "text", label: "Google Map Embed URL" },
+    mapTitle: { type: "text", label: "Map Title" },
+    mapFilter: { type: "text", label: "Map Filter (CSS)" },
+    mapHeight: {
+      type: "radio",
+      label: "Map Height",
+      options: [
+        { label: "Compact", value: "sm" },
+        { label: "Medium", value: "md" },
+        { label: "Tall", value: "lg" }
+      ]
+    },
+    columns: {
+      type: "radio",
+      label: "Grid Columns",
+      options: [
+        { label: "2 Columns", value: "2" },
+        { label: "3 Columns", value: "3" }
+      ]
+    },
+    locations: {
+      type: "array",
+      min: 1,
+      max: 6,
+      getItemSummary: (item, index = 0) => item.name || `Location ${index + 1}`,
+      arrayFields: {
+        name: { type: "text", contentEditable: true },
+        address: { type: "textarea", contentEditable: true },
+        phone: { type: "text" },
+        hours: { type: "textarea", label: "Business Hours" },
+        directionsUrl: { type: "text", label: "Directions URL" }
+      },
+      defaultItemProps: defaultLocation
+    },
+    padding,
+    sectionStyle,
+    backgroundColor
+  },
+  defaultProps: {
+    heading: "Find us\nnear you",
+    description: "Multiple convenient locations across the city to serve you better.",
+    mapEmbedUrl: "https://maps.google.com/maps?q=New%20York%2C%20NY%2C%20United%20States&z=11&t=m&output=embed",
+    mapTitle: "Google Maps",
+    mapFilter: "grayscale(35%) contrast(1.05) brightness(1.0)",
+    mapHeight: "md",
+    columns: "3",
+    locations: [
+      defaultLocation,
+      {
+        name: "Midtown",
+        address: "456 Park Avenue\nNew York, NY 10022",
+        phone: "+1 (555) 000-0002",
+        hours: "Mon–Fri: 8am–7pm\nSat–Sun: 10am–5pm",
+        directionsUrl: "https://maps.google.com"
+      },
+      {
+        name: "Brooklyn",
+        address: "789 Atlantic Ave\nBrooklyn, NY 11217",
+        phone: "+1 (555) 000-0003",
+        hours: "Mon–Fri: 9am–6pm\nSat: 11am–4pm",
+        directionsUrl: "https://maps.google.com"
+      }
+    ],
+    padding: paddingDefaults
+  },
+  render: Location3
+};
+export {
+  conf
+};

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

@@ -0,0 +1,22 @@
+import { CompoundContainerProps } from "@/components/puck-base/container";
+export interface LocationEntry {
+    name: string;
+    address?: string;
+    phone?: string;
+    hours?: string;
+    directionsUrl?: string;
+}
+export interface Location3Props {
+    padding?: CompoundContainerProps["padding"];
+    sectionStyle?: CompoundContainerProps["sectionStyle"];
+    backgroundColor?: string;
+    heading?: string;
+    description?: string;
+    mapEmbedUrl?: string;
+    mapTitle?: string;
+    mapFilter?: string;
+    mapHeight?: "sm" | "md" | "lg";
+    columns?: "2" | "3";
+    locations: LocationEntry[];
+}
+export declare const Location3: ({ padding, sectionStyle, backgroundColor, heading, description, mapEmbedUrl, mapTitle, mapFilter, mapHeight, columns, locations, }: Location3Props) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,129 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CompoundContainer } from "../../../puck-base/container.js";
+import { CompoundButton } from "../../../puck-base/button.js";
+import { cn } from "../../../../utils/css-utils.js";
+const Location3 = ({
+  padding,
+  sectionStyle,
+  backgroundColor,
+  heading,
+  description,
+  mapEmbedUrl,
+  mapTitle = "Google Maps",
+  mapFilter,
+  mapHeight = "md",
+  columns = "3",
+  locations = []
+}) => {
+  const mapHeightClass = mapHeight === "sm" ? "h-[220px] md:h-[260px]" : mapHeight === "lg" ? "h-[360px] md:h-[440px]" : "h-[280px] md:h-[340px]";
+  const colClass = columns === "2" ? "sm:grid-cols-2" : "sm:grid-cols-2 lg:grid-cols-3";
+  return /* @__PURE__ */ jsx(
+    CompoundContainer,
+    {
+      padding,
+      sectionStyle,
+      backgroundColor,
+      children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-10", children: [
+        (heading || description) && /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-4 text-center", children: [
+          heading && /* @__PURE__ */ jsx("h2", { className: "text-foreground whitespace-pre-line font-serif text-3xl leading-tight tracking-tighter md:text-5xl", children: heading }),
+          description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground max-w-xl text-base leading-relaxed", children: description })
+        ] }),
+        /* @__PURE__ */ jsx("div", { className: cn("w-full overflow-hidden rounded-2xl", mapHeightClass), children: mapEmbedUrl ? /* @__PURE__ */ jsx(
+          "iframe",
+          {
+            src: mapEmbedUrl,
+            title: mapTitle,
+            className: "h-full w-full border-0",
+            loading: "lazy",
+            referrerPolicy: "no-referrer-when-downgrade",
+            allowFullScreen: true,
+            style: { filter: mapFilter }
+          }
+        ) : /* @__PURE__ */ jsx("div", { className: "bg-muted text-muted-foreground flex h-full w-full items-center justify-center text-sm", children: "地图地址未配置" }) }),
+        locations.length > 0 && /* @__PURE__ */ jsx("div", { className: cn("grid grid-cols-1 gap-5", colClass), children: locations.map((loc, i) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "bg-card border-border flex flex-col gap-3 rounded-xl border p-6",
+            children: [
+              /* @__PURE__ */ jsx("h3", { className: "text-foreground text-lg font-semibold", children: loc.name }),
+              loc.address && /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground flex items-start gap-2 text-sm", children: [
+                /* @__PURE__ */ jsxs(
+                  "svg",
+                  {
+                    className: "text-primary mt-0.5 shrink-0",
+                    width: "14",
+                    height: "14",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    children: [
+                      /* @__PURE__ */ jsx("path", { d: "M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z" }),
+                      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "10", r: "3" })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { className: "whitespace-pre-line", children: loc.address })
+              ] }),
+              loc.phone && /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground flex items-center gap-2 text-sm", children: [
+                /* @__PURE__ */ jsx(
+                  "svg",
+                  {
+                    className: "text-primary shrink-0",
+                    width: "14",
+                    height: "14",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    children: /* @__PURE__ */ jsx("path", { d: "M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 14a19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 3.62 3h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 10.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 17.92Z" })
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { children: loc.phone })
+              ] }),
+              loc.hours && /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground flex items-start gap-2 text-sm", children: [
+                /* @__PURE__ */ jsxs(
+                  "svg",
+                  {
+                    className: "text-primary mt-0.5 shrink-0",
+                    width: "14",
+                    height: "14",
+                    viewBox: "0 0 24 24",
+                    fill: "none",
+                    stroke: "currentColor",
+                    strokeWidth: "2",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    children: [
+                      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+                      /* @__PURE__ */ jsx("polyline", { points: "12 6 12 12 16 14" })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ jsx("span", { className: "whitespace-pre-line", children: loc.hours })
+              ] }),
+              loc.directionsUrl && /* @__PURE__ */ jsx("div", { className: "mt-auto pt-2", children: /* @__PURE__ */ jsx(
+                CompoundButton,
+                {
+                  label: "Get Directions",
+                  url: loc.directionsUrl,
+                  variant: "outline",
+                  size: "sm",
+                  icon: "map-pin"
+                }
+              ) })
+            ]
+          },
+          i
+        )) })
+      ] })
+    }
+  );
+};
+export {
+  Location3
+};

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

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

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

@@ -0,0 +1,77 @@
+import { paddingDefaults, backgroundColor, sectionStyle, padding, buttons } from "../../../puck-base/core/fields.js";
+import { Stats2 } from "./stats-2.js";
+const conf = {
+  fields: {
+    heading: {
+      type: "text",
+      contentEditable: true
+    },
+    description: {
+      type: "textarea",
+      contentEditable: true
+    },
+    buttons,
+    items: {
+      type: "array",
+      max: 8,
+      getItemSummary: (item, index = 0) => item.metric || `Stat ${index + 1}`,
+      arrayFields: {
+        metric: {
+          type: "text",
+          contentEditable: true,
+          ai: { instructions: "The metric value, e.g. '100%', '1:1', 'LA'" }
+        },
+        title: {
+          type: "text",
+          contentEditable: true,
+          ai: { instructions: "Short label describing this metric" }
+        },
+        variant: {
+          type: "radio",
+          options: [
+            { label: "Light", value: "light" },
+            { label: "Dark", value: "dark" }
+          ]
+        }
+      },
+      defaultItemProps: {
+        metric: "100%",
+        title: "Custom program design",
+        variant: "light"
+      }
+    },
+    padding,
+    sectionStyle,
+    backgroundColor
+  },
+  defaultProps: {
+    heading: "Real results from dedicated training",
+    description: "We focus on measurable progress and sustainable fitness habits. Every client gets customized programs built around their goals and current fitness level.",
+    buttons: [
+      {
+        label: "Explore our programs",
+        url: "/services",
+        variant: "outline",
+        size: "default",
+        icon: "none"
+      },
+      {
+        label: "Schedule your first session",
+        url: "#",
+        variant: "default",
+        size: "default",
+        icon: "none"
+      }
+    ],
+    items: [
+      { metric: "100%", title: "Custom program design", variant: "dark" },
+      { metric: "1:1", title: "Personalized attention", variant: "light" },
+      { metric: "LA", title: "Local Los Angeles training", variant: "light" }
+    ],
+    padding: paddingDefaults
+  },
+  render: Stats2
+};
+export {
+  conf
+};

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

@@ -0,0 +1,16 @@
+import { CompoundContainerProps } from "@/components/puck-base/container";
+import { CompoundButtonProps } from "@/components/puck-base/button";
+export interface Stats2Props {
+    heading?: string;
+    description?: string;
+    buttons?: CompoundButtonProps[];
+    items?: {
+        metric: string;
+        title: string;
+        variant: "dark" | "light";
+    }[];
+    padding?: CompoundContainerProps["padding"];
+    sectionStyle?: CompoundContainerProps["sectionStyle"];
+    backgroundColor?: string;
+}
+export declare const Stats2: ({ heading, description, buttons, items, padding, sectionStyle, backgroundColor, }: Stats2Props) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-block/metrics-sections/stats-2/stats-2.js

@@ -0,0 +1,59 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CompoundContainer } from "../../../puck-base/container.js";
+import { CompoundButton } from "../../../puck-base/button.js";
+import { cn } from "../../../../utils/css-utils.js";
+const Stats2 = ({
+  heading,
+  description,
+  buttons,
+  items = [],
+  padding,
+  sectionStyle,
+  backgroundColor
+}) => {
+  return /* @__PURE__ */ jsx(
+    CompoundContainer,
+    {
+      padding,
+      sectionStyle,
+      backgroundColor,
+      children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-8", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 md:flex-row md:justify-between", children: [
+          /* @__PURE__ */ jsx("div", { className: "w-full md:w-1/2", children: heading && /* @__PURE__ */ jsx("h2", { className: "max-w-xl text-4xl font-semibold tracking-tight text-foreground", children: heading }) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-6 md:w-1/2", children: [
+            description && /* @__PURE__ */ jsx("p", { className: "max-w-2xl text-base leading-relaxed text-muted-foreground", children: description }),
+            buttons && buttons.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-3", children: buttons.map((btn, i) => /* @__PURE__ */ jsx(
+              CompoundButton,
+              {
+                label: btn.label,
+                url: btn.url,
+                action: btn.action,
+                variant: btn.variant,
+                size: btn.size,
+                icon: btn.icon
+              },
+              i
+            )) })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-4", children: items.map((item, i) => /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: cn(
+              "flex min-h-[180px] flex-col justify-between rounded-3xl border p-6",
+              item.variant === "dark" ? "border-foreground/20 bg-foreground text-background" : "border-border bg-transparent text-foreground"
+            ),
+            children: [
+              /* @__PURE__ */ jsx("p", { className: "text-3xl font-semibold", children: item.metric }),
+              /* @__PURE__ */ jsx("p", { className: "text-base", children: item.title })
+            ]
+          },
+          i
+        )) })
+      ] })
+    }
+  );
+};
+export {
+  Stats2
+};

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

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

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

@@ -0,0 +1,94 @@
+import { paddingDefaults, actionDefaults, backgroundColor, sectionStyle, padding, button } from "../../../puck-base/core/fields.js";
+import { Stats3 } from "./stats-3.js";
+const conf = {
+  fields: {
+    heading: {
+      type: "text",
+      contentEditable: true
+    },
+    description: {
+      type: "textarea",
+      contentEditable: true
+    },
+    primaryButton: {
+      type: "object",
+      objectFields: { ...button.objectFields }
+    },
+    secondaryButton: {
+      type: "object",
+      objectFields: { ...button.objectFields }
+    },
+    items: {
+      type: "array",
+      max: 6,
+      getItemSummary: (item, index = 0) => item.metric || `Stat ${index + 1}`,
+      arrayFields: {
+        metric: {
+          type: "text",
+          contentEditable: true,
+          ai: { instructions: "The key value, e.g. '100%', '1-on-1', '4 weeks'" }
+        },
+        title: {
+          type: "text",
+          contentEditable: true,
+          ai: { instructions: "A short bold label for this statistic" }
+        },
+        description: {
+          type: "textarea",
+          contentEditable: true,
+          ai: { instructions: "A brief supporting description for this statistic" }
+        }
+      },
+      defaultItemProps: {
+        metric: "100%",
+        title: "Stat title",
+        description: "A brief description of what this statistic means."
+      }
+    },
+    padding,
+    sectionStyle,
+    backgroundColor
+  },
+  defaultProps: {
+    heading: "Real progress from personalized training",
+    description: "We focus on measurable improvements and sustainable habits that fit your life.",
+    primaryButton: {
+      label: "Get started",
+      url: "#",
+      action: actionDefaults,
+      variant: "default",
+      size: "default",
+      icon: "none"
+    },
+    secondaryButton: {
+      label: "Learn more",
+      url: "#",
+      action: actionDefaults,
+      variant: "outline",
+      size: "default",
+      icon: "none"
+    },
+    items: [
+      {
+        metric: "100%",
+        title: "Customized programs",
+        description: "Every plan is tailored to your goals, fitness level, and schedule."
+      },
+      {
+        metric: "1-on-1",
+        title: "Direct coaching",
+        description: "You work directly with your coach for focused attention and real-time feedback."
+      },
+      {
+        metric: "4 weeks",
+        title: "Visible results",
+        description: "Most clients see measurable strength and endurance improvements within the first month."
+      }
+    ],
+    padding: paddingDefaults
+  },
+  render: Stats3
+};
+export {
+  conf
+};

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

@@ -0,0 +1,17 @@
+import { CompoundContainerProps } from "@/components/puck-base/container";
+import { CompoundButtonProps } from "@/components/puck-base/button";
+export interface Stats3Props {
+    padding?: CompoundContainerProps["padding"];
+    sectionStyle?: CompoundContainerProps["sectionStyle"];
+    backgroundColor?: string;
+    heading?: string;
+    description?: string;
+    primaryButton?: CompoundButtonProps;
+    secondaryButton?: CompoundButtonProps;
+    items: {
+        metric: string;
+        title: string;
+        description: string;
+    }[];
+}
+export declare const Stats3: ({ padding, sectionStyle, backgroundColor, heading, description, primaryButton, secondaryButton, items, }: Stats3Props) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-block/metrics-sections/stats-3/stats-3.js

@@ -0,0 +1,60 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CompoundContainer } from "../../../puck-base/container.js";
+import { CompoundButton } from "../../../puck-base/button.js";
+import { cn } from "../../../../utils/css-utils.js";
+const ITEM_STAGGER = {
+  0: "lg:pt-24",
+  1: "lg:pt-16",
+  2: "lg:pt-8"
+};
+const Stats3 = ({
+  padding,
+  sectionStyle,
+  backgroundColor,
+  heading,
+  description,
+  primaryButton,
+  secondaryButton,
+  items = []
+}) => {
+  return /* @__PURE__ */ jsx(
+    CompoundContainer,
+    {
+      padding,
+      sectionStyle,
+      backgroundColor,
+      children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-8", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-4", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 md:gap-8 lg:flex-row lg:justify-between", children: [
+          /* @__PURE__ */ jsx("div", { className: "w-full lg:basis-1/2", children: heading && /* @__PURE__ */ jsx("h2", { className: "max-w-xl text-4xl font-semibold tracking-tight text-foreground", children: heading }) }),
+          /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-8 lg:basis-1/2", children: [
+            description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: description }),
+            ((primaryButton == null ? void 0 : primaryButton.label) || (secondaryButton == null ? void 0 : secondaryButton.label)) && /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 sm:flex-row", children: [
+              (primaryButton == null ? void 0 : primaryButton.label) && /* @__PURE__ */ jsx(CompoundButton, { ...primaryButton }),
+              (secondaryButton == null ? void 0 : secondaryButton.label) && /* @__PURE__ */ jsx(CompoundButton, { ...secondaryButton })
+            ] })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 gap-y-6 sm:grid-cols-2 lg:grid-cols-3", children: items.map((item, index) => /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn("flex h-full flex-col", ITEM_STAGGER[index]),
+            children: /* @__PURE__ */ jsxs("div", { className: "flex h-full flex-row", children: [
+              /* @__PURE__ */ jsx("div", { className: "w-px self-stretch bg-border" }),
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-8 px-6", children: [
+                /* @__PURE__ */ jsx("p", { className: "text-4xl font-bold tracking-tight text-foreground", children: item.metric }),
+                /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
+                  /* @__PURE__ */ jsx("p", { className: "font-semibold text-foreground", children: item.title }),
+                  /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: item.description })
+                ] })
+              ] })
+            ] })
+          },
+          index
+        )) })
+      ] })
+    }
+  );
+};
+export {
+  Stats3
+};

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

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