dune-react 0.0.19 → 0.0.21

package/dist/components/puck-block/feature-sections/icon-grid-1/index.js

@@ -1,64 +0,0 @@
-import { icon, buttons } from "../../../puck-base/core/fields.js";
-import { IconGrid } from "./icon-grid.js";
-import { createStylesDefaults, createStylesField } from "../../../puck-base/core/styles.js";
-const conf = {
-  fields: {
-    heading: { type: "text", contentEditable: true },
-    description: { type: "textarea", contentEditable: true },
-    buttons,
-    columns: {
-      type: "select",
-      options: [
-        { label: "2 Columns", value: 2 },
-        { label: "3 Columns", value: 3 },
-        { label: "4 Columns", value: 4 }
-      ]
-    },
-    features: {
-      type: "array",
-      max: 12,
-      getItemSummary: (item, i = 0) => item.title || `Feature ${i + 1}`,
-      arrayFields: {
-        icon,
-        title: { type: "text" },
-        description: { type: "textarea" }
-      },
-      defaultItemProps: {
-        icon: "zap",
-        title: "Feature",
-        description: "Description"
-      }
-    },
-    styles: createStylesField()
-  },
-  defaultProps: {
-    heading: "Built for every workflow",
-    description: "From planning to launch, we've got you covered.",
-    columns: 3,
-    features: [
-      {
-        icon: "zap",
-        title: "API First",
-        description: "Build on a robust, well-documented API."
-      },
-      {
-        icon: "shield",
-        title: "Enterprise Security",
-        description: "SOC 2 compliant with end-to-end encryption."
-      },
-      { icon: "globe", title: "Global CDN", description: "Sub-50ms response times worldwide." },
-      { icon: "heart", title: "24/7 Support", description: "Expert help whenever you need it." },
-      { icon: "rocket", title: "Cloud Native", description: "Serverless infrastructure that scales automatically." },
-      {
-        icon: "sparkles",
-        title: "Custom Integrations",
-        description: "Connect with the tools your team already uses."
-      }
-    ],
-    styles: createStylesDefaults()
-  },
-  render: IconGrid
-};
-export {
-  conf
-};

package/dist/components/puck-block/feature-sections/product-features-1/index.d.ts

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

package/dist/components/puck-block/feature-sections/product-features-1/index.js

@@ -1,86 +0,0 @@
-import { image, icon, description, heading, getPlaceholderImageUrl } from "../../../puck-base/core/fields.js";
-import { ProductFeatures } from "./product-features.js";
-import { createStylesDefaults, createStylesField } from "../../../puck-base/core/styles.js";
-const defaultFeature = {
-  icon: "box",
-  title: "Feature Name",
-  description: "A brief description of this product feature."
-};
-const conf = {
-  fields: {
-    heading,
-    description,
-    features: {
-      type: "array",
-      max: 8,
-      getItemSummary: (item, index = 0) => item.title || `Feature ${index + 1}`,
-      arrayFields: {
-        icon,
-        title: { type: "text", contentEditable: true },
-        description: { type: "textarea", contentEditable: true },
-        image
-      },
-      defaultItemProps: defaultFeature
-    },
-    layout: {
-      type: "select",
-      options: [
-        { label: "Grid", value: "grid" },
-        { label: "Alternating", value: "alternating" },
-        { label: "List", value: "list" }
-      ]
-    },
-    columns: {
-      type: "select",
-      label: "Columns (grid only)",
-      options: [
-        { label: "2 Columns", value: 2 },
-        { label: "3 Columns", value: 3 }
-      ]
-    },
-    image,
-    styles: createStylesField()
-  },
-  defaultProps: {
-    heading: "Powerful under the hood",
-    description: "Advanced capabilities that scale with your business.",
-    layout: "grid",
-    columns: 3,
-    features: [
-      {
-        icon: "test-tube-diagonal",
-        title: "Automated Testing",
-        description: "Run your test suite on every push with parallel execution and smart retries."
-      },
-      {
-        icon: "git-branch",
-        title: "CI/CD Pipeline",
-        description: "Fully managed continuous integration and deployment with zero configuration."
-      },
-      {
-        icon: "scroll-text",
-        title: "Real-time Logs",
-        description: "Stream logs from any environment with powerful search and filtering."
-      },
-      {
-        icon: "globe",
-        title: "Custom Domains",
-        description: "Connect your own domains with automatic SSL provisioning and renewal."
-      },
-      {
-        icon: "webhook",
-        title: "Webhooks",
-        description: "Trigger external services and workflows with configurable webhook events."
-      }
-    ],
-    image: {
-      src: getPlaceholderImageUrl("1200x800", "Product Image"),
-      alt: "Platform features overview"
-    },
-    styles: createStylesDefaults()
-  },
-  render: ProductFeatures
-};
-export {
-  conf
-};

package/dist/components/puck-block/feature-sections/product-features-1/product-features.d.ts

@@ -1,27 +0,0 @@
-import { CompoundContainerProps } from "@/components/puck-base/container";
-export interface ProductFeature {
-    icon: string;
-    title: string;
-    description: string;
-    image?: {
-        src: string;
-        alt?: string;
-    };
-}
-export interface ProductFeaturesProps {
-    styles?: {
-        padding?: CompoundContainerProps["padding"];
-        sectionStyle?: CompoundContainerProps["sectionStyle"];
-        backgroundColor?: string;
-    };
-    heading?: string;
-    description?: string;
-    features?: ProductFeature[];
-    layout?: "grid" | "alternating" | "list";
-    columns?: 2 | 3;
-    image?: {
-        src: string;
-        alt?: string;
-    };
-}
-export declare const ProductFeatures: ({ styles, heading, description, features, layout, columns, image, }: ProductFeaturesProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-block/feature-sections/product-features-1/product-features.js

@@ -1,118 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { CompoundContainer } from "../../../puck-base/container.js";
-import { CompoundImage } from "../../../puck-base/image.js";
-import { cn } from "../../../../utils/css-utils.js";
-import { SafeDynamicIcon } from "../../../puck-base/safe-dynamic-icon.js";
-const GridLayout = ({
-  features,
-  columns,
-  image
-}) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-10", children: [
-  (image == null ? void 0 : image.src) && /* @__PURE__ */ jsx("div", { className: "[&>span]:w-full overflow-hidden rounded-xl", children: /* @__PURE__ */ jsx(CompoundImage, { src: image.src, alt: image.alt || "", className: "w-full object-cover" }) }),
-  /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "grid grid-cols-1 gap-8",
-        columns === 2 ? "sm:grid-cols-2" : "sm:grid-cols-2 lg:grid-cols-3"
-      ),
-      children: features.map((feature, index) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
-        feature.icon && feature.icon !== "none" && /* @__PURE__ */ jsx("div", { className: "bg-primary/10 flex h-10 w-10 items-center justify-center rounded-full", children: /* @__PURE__ */ jsx(
-          SafeDynamicIcon,
-          {
-            name: feature.icon,
-            className: "text-primary h-5 w-5"
-          }
-        ) }),
-        /* @__PURE__ */ jsx("h3", { className: "font-semibold", children: feature.title }),
-        /* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-sm", children: feature.description })
-      ] }, index))
-    }
-  )
-] });
-const AlternatingLayout = ({ features }) => /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-16 lg:gap-24", children: features.map((feature, index) => {
-  var _a;
-  const isEven = index % 2 === 0;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: "grid grid-cols-1 items-center gap-8 lg:grid-cols-2 lg:gap-16",
-      children: [
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: cn(
-              "bg-muted [&>span]:w-full overflow-hidden rounded-xl",
-              !isEven && "lg:order-2"
-            ),
-            children: ((_a = feature.image) == null ? void 0 : _a.src) ? /* @__PURE__ */ jsx(CompoundImage, { src: feature.image.src, alt: feature.image.alt || "", className: "w-full object-cover" }) : /* @__PURE__ */ jsx("div", { className: "flex aspect-video items-center justify-center", children: feature.icon && feature.icon !== "none" && /* @__PURE__ */ jsx(
-              SafeDynamicIcon,
-              {
-                name: feature.icon,
-                className: "text-muted-foreground h-16 w-16"
-              }
-            ) })
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col gap-4", !isEven && "lg:order-1"), children: [
-          feature.icon && feature.icon !== "none" && /* @__PURE__ */ jsx("div", { className: "bg-primary/10 flex h-10 w-10 items-center justify-center rounded-full", children: /* @__PURE__ */ jsx(
-            SafeDynamicIcon,
-            {
-              name: feature.icon,
-              className: "text-primary h-5 w-5"
-            }
-          ) }),
-          /* @__PURE__ */ jsx("h3", { className: "text-2xl font-semibold tracking-tight", children: feature.title }),
-          /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: feature.description })
-        ] })
-      ]
-    },
-    index
-  );
-}) });
-const ListLayout = ({
-  features,
-  image
-}) => /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-10 lg:grid-cols-2 lg:gap-16", children: [
-  /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-8", children: features.map((feature, index) => /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: "border-border flex gap-4 border-b pb-8 last:border-b-0 last:pb-0",
-      children: [
-        feature.icon && feature.icon !== "none" && /* @__PURE__ */ jsx("div", { className: "bg-primary/10 flex h-10 w-10 shrink-0 items-center justify-center rounded-lg", children: /* @__PURE__ */ jsx(
-          SafeDynamicIcon,
-          {
-            name: feature.icon,
-            className: "text-primary h-5 w-5"
-          }
-        ) }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("h3", { className: "font-semibold", children: feature.title }),
-          /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1 text-sm", children: feature.description })
-        ] })
-      ]
-    },
-    index
-  )) }),
-  (image == null ? void 0 : image.src) && /* @__PURE__ */ jsx("div", { className: "[&>span]:w-full overflow-hidden rounded-xl", children: /* @__PURE__ */ jsx(CompoundImage, { src: image.src, alt: image.alt || "", className: "sticky top-8 w-full rounded-xl object-cover" }) })
-] });
-const ProductFeatures = ({
-  styles,
-  heading,
-  description,
-  features = [],
-  layout = "grid",
-  columns = 3,
-  image
-}) => /* @__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: "flex flex-col gap-12", children: [
-  (heading || description) && /* @__PURE__ */ jsxs("div", { className: "mx-auto max-w-2xl text-center", children: [
-    heading && /* @__PURE__ */ jsx("h2", { className: "text-3xl font-bold tracking-tight md:text-4xl", children: heading }),
-    description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-4 text-lg", children: description })
-  ] }),
-  layout === "grid" && /* @__PURE__ */ jsx(GridLayout, { features, columns, image }),
-  layout === "alternating" && /* @__PURE__ */ jsx(AlternatingLayout, { features }),
-  layout === "list" && /* @__PURE__ */ jsx(ListLayout, { features, image })
-] }) });
-export {
-  ProductFeatures
-};

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

@@ -1,24 +0,0 @@
-import { CompoundContainerProps } from "@/components/puck-base/container";
-import { ILayoutProps } from "../../type";
-interface Link {
-    label: string;
-    url: string;
-}
-interface PrimaryLinks extends Omit<Link, "url"> {
-    url?: string;
-    items: Link[];
-}
-export interface FooterProps extends ILayoutProps {
-    companyName: string;
-    tagLine?: string;
-    address?: string;
-    legalLinks: Link[];
-    navigation: PrimaryLinks[];
-    styles?: {
-        padding?: CompoundContainerProps["padding"];
-        sectionStyle?: CompoundContainerProps["sectionStyle"];
-        backgroundColor?: string;
-    };
-}
-export declare const Footer: (props: FooterProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,58 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { CompoundContainer } from "../../../puck-base/container.js";
-const Footer = (props) => {
-  var _a, _b, _c, _d, _e;
-  return /* @__PURE__ */ jsx(
-    CompoundContainer,
-    {
-      padding: (_a = props.styles) == null ? void 0 : _a.padding,
-      sectionStyle: (_b = props.styles) == null ? void 0 : _b.sectionStyle,
-      backgroundColor: (_c = props.styles) == null ? void 0 : _c.backgroundColor,
-      className: "bg-background/95 text-muted-foreground",
-      children: /* @__PURE__ */ jsxs("div", { className: "grid items-center gap-10 lg:grid-cols-2", children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-start gap-8", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-            /* @__PURE__ */ jsx("h2", { className: "font-regular max-w-xl text-left text-3xl tracking-tighter md:text-5xl", children: props.companyName }),
-            /* @__PURE__ */ jsx("p", { className: "max-w-lg text-left text-lg leading-relaxed tracking-tight", children: props.tagLine })
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex flex-row gap-20", children: [
-            /* @__PURE__ */ jsx("div", { className: "flex max-w-lg flex-col text-left text-sm leading-relaxed tracking-tight", children: /* @__PURE__ */ jsx("p", { style: { whiteSpace: "pre-line" }, children: props.address }) }),
-            /* @__PURE__ */ jsx("div", { className: "flex max-w-lg flex-col text-left text-sm leading-relaxed tracking-tight", children: (_d = props.legalLinks) == null ? void 0 : _d.map((link, index) => /* @__PURE__ */ jsx("a", { href: link.url, children: link.label }, index)) })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "grid items-start gap-10 lg:grid-cols-3", children: (_e = props.navigation) == null ? void 0 : _e.map((item, index) => {
-          var _a2;
-          return /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "flex flex-col items-start gap-1 text-base",
-              children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2", children: [
-                item.url ? /* @__PURE__ */ jsx(
-                  "a",
-                  {
-                    href: item.url,
-                    className: "flex items-center justify-between",
-                    children: /* @__PURE__ */ jsx("span", { className: "text-xl", children: item.label })
-                  }
-                ) : /* @__PURE__ */ jsx("p", { className: "text-xl", children: item.label }),
-                (_a2 = item.items) == null ? void 0 : _a2.map((subItem, index2) => /* @__PURE__ */ jsx(
-                  "a",
-                  {
-                    href: subItem.url,
-                    className: "flex items-center justify-between",
-                    children: /* @__PURE__ */ jsx("span", { className: "", children: subItem.label })
-                  },
-                  index2
-                ))
-              ] })
-            },
-            index
-          );
-        }) })
-      ] })
-    }
-  );
-};
-export {
-  Footer
-};

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

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

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

@@ -1,130 +0,0 @@
-import { Footer } from "./footer.js";
-import { createStylesDefaults, createStylesField } from "../../../puck-base/core/styles.js";
-const conf = {
-  fields: {
-    companyName: {
-      label: "company name",
-      type: "text",
-      contentEditable: true
-    },
-    tagLine: {
-      label: "tag line",
-      type: "textarea",
-      contentEditable: true
-    },
-    address: {
-      type: "textarea",
-      contentEditable: true
-    },
-    navigation: {
-      label: "primary navigation",
-      type: "array",
-      max: 9,
-      getItemSummary: (item, index = 0) => item.label || `Item ${index + 1}`,
-      arrayFields: {
-        label: { type: "text", contentEditable: true },
-        url: { type: "text" },
-        items: {
-          type: "array",
-          max: 9,
-          getItemSummary: (item, index = 0) => item.label || `Item ${index + 1}`,
-          arrayFields: {
-            label: { type: "text", contentEditable: true },
-            url: { type: "text" }
-          },
-          defaultItemProps: {
-            label: "link",
-            url: "#"
-          }
-        }
-      },
-      defaultItemProps: {
-        label: "link",
-        url: "",
-        items: []
-      }
-    },
-    legalLinks: {
-      label: "legal links",
-      type: "array",
-      max: 9,
-      getItemSummary: (item, index = 0) => (item == null ? void 0 : item.label) || `Item ${index + 1}`,
-      arrayFields: {
-        label: { type: "text", contentEditable: true },
-        url: { type: "text" }
-      },
-      defaultItemProps: {
-        label: "Link",
-        url: ""
-      }
-    },
-    styles: createStylesField()
-  },
-  defaultProps: {
-    companyName: "Acme Inc",
-    tagLine: "Build faster. Ship with confidence.",
-    address: "123 Market St\nSan Francisco, CA 94105\n© 2024 Acme, Inc.",
-    navigation: [
-      {
-        label: "Product",
-        items: [
-          {
-            label: "Features",
-            url: "/features"
-          },
-          {
-            label: "Pricing",
-            url: "/pricing"
-          },
-          {
-            label: "Changelog",
-            url: "/changelog"
-          },
-          {
-            label: "Docs",
-            url: "/docs"
-          }
-        ]
-      },
-      {
-        label: "Company",
-        items: [
-          {
-            label: "About",
-            url: "/about"
-          },
-          {
-            label: "Blog",
-            url: "/blog"
-          },
-          {
-            label: "Careers",
-            url: "/careers"
-          },
-          {
-            label: "Contact",
-            url: "/contact"
-          }
-        ]
-      }
-    ],
-    legalLinks: [
-      {
-        label: "Terms of service",
-        url: "/terms"
-      },
-      {
-        label: "Privacy Policy",
-        url: "/privacy"
-      }
-    ],
-    styles: createStylesDefaults(),
-    __metadata: {
-      type: "layout"
-    }
-  },
-  render: Footer
-};
-export {
-  conf
-};

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

@@ -1,20 +0,0 @@
-import { CompoundContainerProps } from "@/components/puck-base/container";
-export interface GalleryImage {
-    src: string;
-    alt?: string;
-    caption?: string;
-}
-export interface GalleryProps {
-    heading?: string;
-    description?: string;
-    images?: GalleryImage[];
-    styles?: {
-        padding?: CompoundContainerProps["padding"];
-        sectionStyle?: CompoundContainerProps["sectionStyle"];
-        backgroundColor?: string;
-        columns?: 2 | 3 | 4;
-        gap?: "sm" | "md" | "lg";
-        aspectRatio?: "square" | "landscape" | "auto";
-    };
-}
-export declare const Gallery: ({ heading, description, images, styles, }: GalleryProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,77 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { CompoundContainer } from "../../../puck-base/container.js";
-import { CompoundImage } from "../../../puck-base/image.js";
-import { cn } from "../../../../utils/css-utils.js";
-const columnClasses = {
-  2: "grid-cols-1 sm:grid-cols-2",
-  3: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-3",
-  4: "grid-cols-2 lg:grid-cols-4"
-};
-const gapClasses = {
-  sm: "gap-2",
-  md: "gap-4",
-  lg: "gap-6"
-};
-const aspectClasses = {
-  square: "aspect-square",
-  landscape: "aspect-video",
-  auto: ""
-};
-const Gallery = ({
-  heading,
-  description,
-  images = [],
-  styles
-}) => {
-  const columns = (styles == null ? void 0 : styles.columns) ?? 3;
-  const gap = (styles == null ? void 0 : styles.gap) ?? "md";
-  const aspectRatio = (styles == null ? void 0 : styles.aspectRatio) ?? "auto";
-  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: "flex flex-col gap-10", children: [
-        (heading || description) && /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
-          heading && /* @__PURE__ */ jsx("h2", { className: "font-serif text-3xl font-bold tracking-tight md:text-4xl", children: heading }),
-          description && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mx-auto mt-4 max-w-2xl text-lg", children: description })
-        ] }),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: cn(
-              "grid",
-              columnClasses[columns] ?? columnClasses[3],
-              gapClasses[gap] ?? gapClasses.md
-            ),
-            children: images.map((image, index) => /* @__PURE__ */ jsxs(
-              "div",
-              {
-                className: "group bg-muted relative overflow-hidden rounded-lg",
-                children: [
-                  /* @__PURE__ */ jsx("div", { className: cn(aspectClasses[aspectRatio], "[&>span]:w-full", aspectRatio !== "auto" && "[&>span]:h-full"), children: image.src && /* @__PURE__ */ jsx(
-                    CompoundImage,
-                    {
-                      src: image.src,
-                      alt: image.alt ?? `Gallery image ${index + 1}`,
-                      className: cn(
-                        "w-full object-cover transition-transform duration-300 group-hover:scale-105",
-                        aspectRatio !== "auto" && "h-full"
-                      )
-                    }
-                  ) }),
-                  image.caption && /* @__PURE__ */ jsx("div", { className: "from-foreground/60 absolute inset-x-0 bottom-0 bg-gradient-to-t to-transparent p-4", children: /* @__PURE__ */ jsx("p", { className: "text-background text-sm", children: image.caption }) })
-                ]
-              },
-              index
-            ))
-          }
-        )
-      ] })
-    }
-  );
-};
-export {
-  Gallery
-};

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

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