dune-react 0.0.19 → 0.0.21

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

@@ -1,26 +0,0 @@
-import { images, contentFields } from "../../../puck-base/core/fields.js";
-import { VideoHero } from "./video-hero.js";
-import { createStylesDefaults, createStylesField } from "../../../puck-base/core/styles.js";
-const conf = {
-  fields: {
-    ...contentFields,
-    videoUrl: {
-      type: "text",
-      label: "Video URL",
-      ai: { instructions: "Direct URL to an MP4 video" }
-    },
-    images: { ...images, max: 1 },
-    styles: createStylesField()
-  },
-  defaultProps: {
-    heading: "See what's possible",
-    description: "Watch how leading teams use our platform to ship 10x faster.",
-    buttons: [{ label: "Try It Free", icon: "move-right", variant: "default" }],
-    images: [{ src: "https://images.pexels.com/photos/6985132/pexels-photo-6985132.jpeg?auto=compress&cs=tinysrgb&w=1920", alt: "Dark gradient background for product demo preview" }],
-    styles: createStylesDefaults()
-  },
-  render: VideoHero
-};
-export {
-  conf
-};

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

@@ -1,15 +0,0 @@
-import { CompoundContainerProps } from "@/components/puck-base/container";
-import { CompoundContentProps } from "@/components/puck-base/content";
-export interface VideoHeroProps extends CompoundContentProps {
-    videoUrl?: string;
-    images?: {
-        src: string;
-        alt?: string;
-    }[];
-    styles?: {
-        padding?: CompoundContainerProps["padding"];
-        sectionStyle?: CompoundContainerProps["sectionStyle"];
-        backgroundColor?: string;
-    };
-}
-export declare const VideoHero: ({ badge, heading, description, buttons, videoUrl, images, styles, }: VideoHeroProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-block/hero-sections/video-hero-1/video-hero.js

@@ -1,45 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { CompoundContainer } from "../../../puck-base/container.js";
-import { CompoundContent } from "../../../puck-base/content.js";
-const VideoHero = ({
-  badge,
-  heading,
-  description,
-  buttons,
-  videoUrl,
-  images,
-  styles
-}) => {
-  var _a;
-  return /* @__PURE__ */ jsx(
-    CompoundContainer,
-    {
-      padding: styles == null ? void 0 : styles.padding,
-      sectionStyle: styles == null ? void 0 : styles.sectionStyle,
-      backgroundColor: styles == null ? void 0 : styles.backgroundColor,
-      children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 items-center gap-12 lg:grid-cols-2", children: [
-        /* @__PURE__ */ jsx(
-          CompoundContent,
-          {
-            badge,
-            heading,
-            description,
-            buttons
-          }
-        ),
-        /* @__PURE__ */ jsx("div", { className: "border-border/20 overflow-hidden rounded-xl border bg-black/50", children: videoUrl ? /* @__PURE__ */ jsx(
-          "video",
-          {
-            src: videoUrl,
-            poster: (_a = images == null ? void 0 : images[0]) == null ? void 0 : _a.src,
-            controls: true,
-            className: "aspect-video w-full object-cover"
-          }
-        ) : /* @__PURE__ */ jsx("div", { className: "flex aspect-video w-full items-center justify-center", children: /* @__PURE__ */ jsx("div", { className: "bg-primary/20 flex h-16 w-16 items-center justify-center rounded-full", children: /* @__PURE__ */ jsx("span", { className: "text-primary text-2xl", children: "▶" }) }) }) })
-      ] })
-    }
-  );
-};
-export {
-  VideoHero
-};

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

@@ -1,100 +0,0 @@
-import { locationDefaults, button, location } from "../../../puck-base/core/fields.js";
-import { LocationSection } from "./location.js";
-import { createStylesDefaults, createStylesField } from "../../../puck-base/core/styles.js";
-const locationButtonFields = {
-  ...button.objectFields,
-  colorMode: {
-    type: "select",
-    options: [
-      { label: "Theme", value: "theme" },
-      { label: "Custom", value: "custom" }
-    ]
-  },
-  backgroundColor: { type: "text" },
-  textColor: { type: "text" }
-};
-const locationButtonDefaults = {
-  label: "Button",
-  variant: "default",
-  size: "default",
-  icon: "none",
-  colorMode: "theme"
-};
-const conf = {
-  fields: {
-    heading: { type: "textarea", contentEditable: true },
-    description: { type: "textarea", contentEditable: true },
-    contentAlign: {
-      type: "radio",
-      label: "Text Align",
-      options: [
-        { label: "Left", value: "left" },
-        { label: "Right", value: "right" }
-      ]
-    },
-    contentPosition: {
-      type: "radio",
-      label: "Layout",
-      options: [
-        { label: "Text Left / Map Right", value: "left" },
-        { label: "Map Left / Text Right", value: "right" }
-      ]
-    },
-    location,
-    mapStyle: {
-      type: "radio",
-      label: "Map Style",
-      options: [
-        { label: "Default", value: "default" },
-        { label: "Grayscale", value: "grayscale" },
-        { label: "Dark", value: "dark" }
-      ]
-    },
-    mapTint: {
-      type: "radio",
-      label: "Map Tint",
-      options: [
-        { label: "Theme", value: "theme" },
-        { label: "None", value: "none" }
-      ]
-    },
-    buttons: {
-      type: "array",
-      max: 3,
-      getItemSummary: (item, index = 0) => item.label || `Button ${index + 1}`,
-      arrayFields: locationButtonFields,
-      defaultItemProps: locationButtonDefaults
-    },
-    styles: createStylesField()
-  },
-  defaultProps: {
-    heading: "Our Offices",
-    description: "We have offices around the globe. Visit us or get in touch with a local team near you.",
-    contentAlign: "left",
-    contentPosition: "left",
-    location: locationDefaults,
-    mapStyle: "grayscale",
-    mapTint: "theme",
-    buttons: [
-      {
-        label: "Contact us",
-        variant: "default",
-        size: "default",
-        icon: "none",
-        colorMode: "theme"
-      },
-      {
-        label: "Get directions",
-        variant: "secondary",
-        size: "default",
-        icon: "none",
-        colorMode: "theme"
-      }
-    ],
-    styles: createStylesDefaults()
-  },
-  render: LocationSection
-};
-export {
-  conf
-};

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

@@ -1,139 +0,0 @@
-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";
-import { getMapEmbedUrl } from "../../../puck-base/core/fields.js";
-const LocationActionButton = ({
-  label,
-  url,
-  action,
-  variant = "default",
-  size = "default",
-  icon = "none",
-  colorMode = "theme",
-  backgroundColor,
-  textColor
-}) => {
-  if (!label) return null;
-  const useCustomColors = colorMode === "custom";
-  const styleVars = {
-    ...useCustomColors && backgroundColor ? { "--location-btn-bg": backgroundColor } : {},
-    ...useCustomColors && textColor ? { "--location-btn-text": textColor } : {}
-  };
-  return /* @__PURE__ */ jsx("span", { style: Object.keys(styleVars).length ? styleVars : void 0, children: /* @__PURE__ */ jsx(
-    CompoundButton,
-    {
-      label,
-      action: action ?? (url ? /^https?:\/\//i.test(url) ? { type: "external", externalUrl: url } : { type: "page", pageUrl: url } : void 0),
-      variant,
-      size,
-      icon,
-      className: cn(
-        "rounded-3xl !h-auto !px-5 !py-2.5 !text-sm !font-medium transition-opacity hover:opacity-90",
-        useCustomColors && backgroundColor && "!border-[var(--location-btn-bg)] !bg-[var(--location-btn-bg)] hover:!bg-[var(--location-btn-bg)]",
-        useCustomColors && textColor && "!text-[var(--location-btn-text)]"
-      )
-    }
-  ) });
-};
-const MAP_STYLE_FILTERS = {
-  default: "",
-  grayscale: "grayscale(45%) contrast(1.06) brightness(0.98) saturate(0.9)",
-  dark: "grayscale(100%) invert(1) contrast(1.1) brightness(0.8)"
-};
-const LocationSection = ({
-  heading,
-  description,
-  contentAlign = "left",
-  contentPosition = "left",
-  location: loc,
-  mapStyle = "default",
-  mapTint = "theme",
-  buttons = [],
-  styles
-}) => {
-  const isTextRight = contentAlign === "right";
-  const isContentRight = contentPosition === "right";
-  const showMapTint = mapTint === "theme";
-  const mapEmbedUrl = loc && loc.lat !== 0 ? getMapEmbedUrl(loc) : void 0;
-  const mapFilter = MAP_STYLE_FILTERS[mapStyle] || "";
-  return /* @__PURE__ */ jsx(
-    CompoundContainer,
-    {
-      padding: styles == null ? void 0 : styles.padding,
-      sectionStyle: styles == null ? void 0 : styles.sectionStyle,
-      backgroundColor: styles == null ? void 0 : styles.backgroundColor,
-      className: "relative overflow-hidden",
-      children: /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: cn(
-            "grid grid-cols-1 items-center gap-10 lg:grid-cols-2 lg:gap-12",
-            isContentRight && "lg:[direction:rtl] lg:[&>*]:[direction:ltr]"
-          ),
-          children: [
-            /* @__PURE__ */ jsx("div", { className: "flex w-full", children: /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: cn(
-                  "flex w-full min-w-0 flex-col justify-center gap-6",
-                  isTextRight ? "items-end text-right" : "items-start text-left"
-                ),
-                children: [
-                  heading && /* @__PURE__ */ jsx("div", { className: "flex w-full flex-col gap-3", children: /* @__PURE__ */ jsx("h2", { className: "text-foreground whitespace-pre-line font-serif text-4xl leading-tight tracking-tighter md:text-6xl", children: heading }) }),
-                  description ? /* @__PURE__ */ jsx(
-                    "p",
-                    {
-                      className: cn(
-                        "text-muted-foreground max-w-xl text-lg leading-relaxed tracking-tight",
-                        isTextRight && "ml-auto"
-                      ),
-                      children: description
-                    }
-                  ) : null,
-                  buttons.some((button) => button == null ? void 0 : button.label) && /* @__PURE__ */ jsx(
-                    "div",
-                    {
-                      className: cn(
-                        "grid grid-cols-1 gap-4 sm:flex sm:flex-row",
-                        isTextRight ? "items-end sm:justify-end" : "items-start sm:justify-start"
-                      ),
-                      children: buttons.map((button, index) => /* @__PURE__ */ jsx(LocationActionButton, { ...button }, index))
-                    }
-                  )
-                ]
-              }
-            ) }),
-            /* @__PURE__ */ jsx("div", { className: "h-[320px] w-full overflow-hidden md:h-[400px] lg:h-[460px]", children: /* @__PURE__ */ jsxs("div", { className: "relative h-full w-full overflow-hidden rounded-3xl", children: [
-              mapEmbedUrl ? /* @__PURE__ */ jsx(
-                "iframe",
-                {
-                  src: mapEmbedUrl,
-                  title: (loc == null ? void 0 : loc.address) || "Google Maps",
-                  className: "h-full w-full border-0",
-                  loading: "lazy",
-                  referrerPolicy: "no-referrer-when-downgrade",
-                  allowFullScreen: true,
-                  style: mapFilter ? { filter: mapFilter } : void 0
-                }
-              ) : /* @__PURE__ */ jsx("div", { className: "flex h-full w-full items-center justify-center bg-muted text-muted-foreground", children: "Map address not configured" }),
-              showMapTint ? /* @__PURE__ */ jsx(
-                "div",
-                {
-                  className: "bg-primary pointer-events-none absolute inset-0",
-                  style: {
-                    opacity: 0.2,
-                    mixBlendMode: "color"
-                  }
-                }
-              ) : null
-            ] }) })
-          ]
-        }
-      )
-    }
-  );
-};
-export {
-  LocationSection
-};

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

@@ -1,124 +0,0 @@
-import { button, location } from "../../../puck-base/core/fields.js";
-import { Location2 } from "./location.js";
-import { createStylesDefaults, createStylesField } from "../../../puck-base/core/styles.js";
-const locationButtonFields = {
-  ...button.objectFields,
-  colorMode: {
-    type: "select",
-    options: [
-      { label: "Theme", value: "theme" },
-      { label: "Custom", value: "custom" }
-    ]
-  },
-  backgroundColor: { type: "text" },
-  textColor: { type: "text" }
-};
-const locationButtonDefaults = {
-  label: "Button",
-  variant: "default",
-  size: "default",
-  icon: "none",
-  colorMode: "theme"
-};
-const location2ExtraStyleFields = {
-  cardStyle: {
-    type: "radio",
-    label: "Card Style",
-    options: [
-      { label: "Solid", value: "solid" },
-      { label: "Glass", value: "glass" }
-    ]
-  },
-  sectionHeight: {
-    type: "radio",
-    label: "Section Height",
-    options: [
-      { label: "Compact", value: "sm" },
-      { label: "Medium", value: "md" },
-      { label: "Tall", value: "lg" }
-    ]
-  }
-};
-const conf = {
-  fields: {
-    heading: { type: "textarea", contentEditable: true },
-    description: { type: "textarea", contentEditable: true },
-    displayAddress: {
-      type: "textarea",
-      label: "Display Address",
-      contentEditable: true
-    },
-    contentPosition: {
-      type: "radio",
-      label: "Card Position",
-      options: [
-        { label: "Left", value: "left" },
-        { label: "Right", value: "right" }
-      ]
-    },
-    location,
-    mapStyle: {
-      type: "radio",
-      label: "Map Style",
-      options: [
-        { label: "Default", value: "default" },
-        { label: "Grayscale", value: "grayscale" },
-        { label: "Dark", value: "dark" }
-      ]
-    },
-    mapTint: {
-      type: "radio",
-      label: "Map Tint",
-      options: [
-        { label: "None", value: "none" },
-        { label: "Theme", value: "theme" }
-      ]
-    },
-    buttons: {
-      type: "array",
-      max: 3,
-      getItemSummary: (item, index = 0) => item.label || `Button ${index + 1}`,
-      arrayFields: locationButtonFields,
-      defaultItemProps: locationButtonDefaults
-    },
-    styles: createStylesField(location2ExtraStyleFields)
-  },
-  defaultProps: {
-    heading: "Our Offices",
-    description: "Visit our headquarters in London or reach out to one of our regional offices worldwide.",
-    displayAddress: "10 Finsbury Square\nLondon, UK EC2A 1AF",
-    contentPosition: "left",
-    location: {
-      address: "London, United Kingdom",
-      lat: 51.5074,
-      lng: -0.1278,
-      zoom: 13
-    },
-    mapStyle: "grayscale",
-    mapTint: "none",
-    buttons: [
-      {
-        label: "Get Directions",
-        variant: "default",
-        size: "default",
-        icon: "none",
-        colorMode: "theme"
-      },
-      {
-        label: "Call Us",
-        variant: "outline",
-        size: "default",
-        icon: "none",
-        colorMode: "theme"
-      }
-    ],
-    styles: createStylesDefaults({
-      cardStyle: "solid",
-      sectionHeight: "md"
-    })
-  },
-  render: Location2
-};
-export {
-  conf
-};

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

@@ -1,133 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { CompoundButton } from "../../../puck-base/button.js";
-import { cn } from "../../../../utils/css-utils.js";
-import { getMapEmbedUrl } from "../../../puck-base/core/fields.js";
-const ActionButton = ({
-  label,
-  url,
-  action,
-  variant = "default",
-  size = "default",
-  icon = "none",
-  colorMode = "theme",
-  backgroundColor,
-  textColor
-}) => {
-  if (!label) return null;
-  const useCustomColors = colorMode === "custom";
-  const styleVars = {
-    ...useCustomColors && backgroundColor ? { "--loc2-btn-bg": backgroundColor } : {},
-    ...useCustomColors && textColor ? { "--loc2-btn-text": textColor } : {}
-  };
-  return /* @__PURE__ */ jsx("span", { style: Object.keys(styleVars).length ? styleVars : void 0, children: /* @__PURE__ */ jsx(
-    CompoundButton,
-    {
-      label,
-      action: action ?? (url ? /^https?:\/\//i.test(url) ? { type: "external", externalUrl: url } : { type: "page", pageUrl: url } : void 0),
-      variant,
-      size,
-      icon,
-      className: cn(
-        "transition-opacity hover:opacity-90",
-        useCustomColors && backgroundColor && "!border-[var(--loc2-btn-bg)] !bg-[var(--loc2-btn-bg)] hover:!bg-[var(--loc2-btn-bg)]",
-        useCustomColors && textColor && "!text-[var(--loc2-btn-text)]"
-      )
-    }
-  ) });
-};
-const MAP_STYLE_FILTERS = {
-  default: "",
-  grayscale: "grayscale(40%) contrast(1.05) brightness(1.0) saturate(0.85)",
-  dark: "grayscale(100%) invert(1) contrast(1.1) brightness(0.8)"
-};
-const Location2 = ({
-  heading,
-  description,
-  displayAddress,
-  contentPosition = "left",
-  location: loc,
-  mapStyle = "default",
-  mapTint = "none",
-  buttons = [],
-  styles
-}) => {
-  const isRight = contentPosition === "right";
-  const isGlass = (styles == null ? void 0 : styles.cardStyle) === "glass";
-  const showMapTint = mapTint === "theme";
-  const mapEmbedUrl = loc && loc.lat !== 0 ? getMapEmbedUrl(loc) : void 0;
-  const mapFilter = MAP_STYLE_FILTERS[mapStyle] || "";
-  const heightClass = (styles == null ? void 0 : styles.sectionHeight) === "sm" ? "h-[480px]" : (styles == null ? void 0 : styles.sectionHeight) === "lg" ? "h-[75vh] min-h-[520px]" : "h-[600px]";
-  return /* @__PURE__ */ jsxs("div", { className: cn("relative w-full overflow-hidden", heightClass), children: [
-    /* @__PURE__ */ jsxs("div", { className: "absolute inset-0", children: [
-      mapEmbedUrl ? /* @__PURE__ */ jsx(
-        "iframe",
-        {
-          src: mapEmbedUrl,
-          title: (loc == null ? void 0 : loc.address) || "Google Maps",
-          className: "h-full w-full border-0",
-          loading: "lazy",
-          referrerPolicy: "no-referrer-when-downgrade",
-          allowFullScreen: true,
-          style: mapFilter ? { filter: mapFilter } : void 0
-        }
-      ) : /* @__PURE__ */ jsx("div", { className: "bg-muted text-muted-foreground flex h-full w-full items-center justify-center text-sm", children: "Map address not configured" }),
-      showMapTint && /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: "bg-primary pointer-events-none absolute inset-0",
-          style: {
-            opacity: 0.15,
-            mixBlendMode: "color"
-          }
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: "relative z-10 flex h-full w-full items-center px-6 md:px-12 lg:px-16", children: /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: cn(
-          "w-full max-w-sm lg:max-w-md xl:max-w-lg",
-          isRight && "ml-auto"
-        ),
-        children: /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: cn(
-              "rounded-2xl p-8 shadow-xl",
-              isGlass ? "border border-white/20 bg-background/75 backdrop-blur-md backdrop-saturate-150" : "bg-background"
-            ),
-            children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-5", children: [
-              heading && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ jsx("h2", { className: "text-foreground whitespace-pre-line font-serif text-3xl leading-tight tracking-tighter md:text-4xl", children: heading }) }),
-              description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm leading-relaxed", children: description }),
-              displayAddress && /* @__PURE__ */ jsxs("div", { className: "text-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: displayAddress })
-              ] }),
-              buttons.some((button) => button == null ? void 0 : button.label) && /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-3 pt-1", children: buttons.map((button, index) => /* @__PURE__ */ jsx(ActionButton, { ...button }, index)) })
-            ] })
-          }
-        )
-      }
-    ) })
-  ] });
-};
-export {
-  Location2
-};