dune-react 0.0.18 → 0.0.20

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

@@ -0,0 +1,108 @@
+import { LinksNewsletterFooter, LinksNewsletterFooterDefaults } from "./links-newsletter-footer";
+import type { LinksNewsletterFooterProps } from "./links-newsletter-footer";
+export { LinksNewsletterFooter, LinksNewsletterFooterDefaults };
+export type { LinksNewsletterFooterProps };
+declare const conf: {
+    fields: {
+        logo: {
+            type: "object";
+            objectFields: {
+                src: import("@puckeditor/core").Field<string>;
+                alt: {
+                    type: "text";
+                };
+            };
+        };
+        newsletterHeading: {
+            type: string;
+        };
+        newsletterDescription: {
+            readonly type: "textarea";
+            readonly contentEditable: true;
+        };
+        inputPlaceholder: {
+            type: string;
+        };
+        button: {
+            readonly type: "object";
+            readonly objectFields: {
+                readonly label: {
+                    readonly type: "text";
+                };
+                readonly action: {
+                    type: "custom";
+                    label: string;
+                    render: typeof import("../../../puck-core").ActionField;
+                };
+                readonly variant: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "primary";
+                        readonly value: "default";
+                    }, {
+                        readonly label: "secondary";
+                        readonly value: "secondary";
+                    }, {
+                        readonly label: "outline";
+                        readonly value: "outline";
+                    }, {
+                        readonly label: "ghost";
+                        readonly value: "ghost";
+                    }, {
+                        readonly label: "link";
+                        readonly value: "link";
+                    }, {
+                        readonly label: "destructive";
+                        readonly value: "destructive";
+                    }];
+                };
+                readonly size: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "default";
+                        readonly value: "default";
+                    }, {
+                        readonly label: "sm";
+                        readonly value: "sm";
+                    }, {
+                        readonly label: "lg";
+                        readonly value: "lg";
+                    }, {
+                        readonly label: "icon";
+                        readonly value: "icon";
+                    }];
+                };
+                readonly icon: {
+                    type: "custom";
+                    render: typeof import("../../../puck-core/fields/icon-picker-field").IconPickerField;
+                };
+            };
+        };
+        termsAndConditions: {
+            type: string;
+        };
+        footerText: {
+            type: string;
+        };
+        styles: {
+            type: string;
+            label: string;
+            objectFields: {
+                bordered: {
+                    readonly type: "radio";
+                    readonly label: "Bordered";
+                    readonly options: readonly [{
+                        readonly label: "Yes";
+                        readonly value: "true";
+                    }, {
+                        readonly label: "No";
+                        readonly value: "false";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: import("../props").FooterSectionBaseProps;
+    render: (props: LinksNewsletterFooterProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

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

@@ -0,0 +1,4 @@
+import type { FooterComponentProps, FooterSectionBaseProps } from "../props";
+export type LinksNewsletterFooterProps = FooterComponentProps;
+export declare const LinksNewsletterFooter: (props: LinksNewsletterFooterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const LinksNewsletterFooterDefaults: FooterSectionBaseProps;

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

@@ -0,0 +1,116 @@
+import { NewsletterLinksFooter, NewsletterLinksFooterDefaults } from "./newsletter-links-footer";
+import type { NewsletterLinksFooterProps } from "./newsletter-links-footer";
+export { NewsletterLinksFooter, NewsletterLinksFooterDefaults };
+export type { NewsletterLinksFooterProps };
+declare const conf: {
+    fields: {
+        logo: {
+            type: "object";
+            objectFields: {
+                src: import("@puckeditor/core").Field<string>;
+                alt: {
+                    type: "text";
+                };
+            };
+        };
+        newsletterDescription: {
+            readonly type: "textarea";
+            readonly contentEditable: true;
+        };
+        inputPlaceholder: {
+            type: string;
+        };
+        button: {
+            readonly type: "object";
+            readonly objectFields: {
+                readonly label: {
+                    readonly type: "text";
+                };
+                readonly action: {
+                    type: "custom";
+                    label: string;
+                    render: typeof import("../../../puck-core").ActionField;
+                };
+                readonly variant: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "primary";
+                        readonly value: "default";
+                    }, {
+                        readonly label: "secondary";
+                        readonly value: "secondary";
+                    }, {
+                        readonly label: "outline";
+                        readonly value: "outline";
+                    }, {
+                        readonly label: "ghost";
+                        readonly value: "ghost";
+                    }, {
+                        readonly label: "link";
+                        readonly value: "link";
+                    }, {
+                        readonly label: "destructive";
+                        readonly value: "destructive";
+                    }];
+                };
+                readonly size: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "default";
+                        readonly value: "default";
+                    }, {
+                        readonly label: "sm";
+                        readonly value: "sm";
+                    }, {
+                        readonly label: "lg";
+                        readonly value: "lg";
+                    }, {
+                        readonly label: "icon";
+                        readonly value: "icon";
+                    }];
+                };
+                readonly icon: {
+                    type: "custom";
+                    render: typeof import("../../../puck-core/fields/icon-picker-field").IconPickerField;
+                };
+            };
+        };
+        termsAndConditions: {
+            type: string;
+        };
+        footerText: {
+            type: string;
+        };
+        styles: {
+            type: string;
+            label: string;
+            objectFields: {
+                bordered: {
+                    readonly type: "radio";
+                    readonly label: "Bordered";
+                    readonly options: readonly [{
+                        readonly label: "Yes";
+                        readonly value: "true";
+                    }, {
+                        readonly label: "No";
+                        readonly value: "false";
+                    }];
+                };
+                hasCompanyImage: {
+                    readonly type: "radio";
+                    readonly label: "Company Image";
+                    readonly options: readonly [{
+                        readonly label: "Yes";
+                        readonly value: "true";
+                    }, {
+                        readonly label: "No";
+                        readonly value: "false";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: import("../props").FooterSectionBaseProps;
+    render: (props: NewsletterLinksFooterProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

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

@@ -0,0 +1,4 @@
+import type { FooterComponentProps, FooterSectionBaseProps } from "../props";
+export type NewsletterLinksFooterProps = FooterComponentProps;
+export declare const NewsletterLinksFooter: (props: NewsletterLinksFooterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NewsletterLinksFooterDefaults: FooterSectionBaseProps;

package/dist/components/puck-block/footer-sections/newsletter-top-links-footer/index.d.ts

@@ -0,0 +1,119 @@
+import { NewsletterTopLinksFooter, NewsletterTopLinksFooterDefaults } from "./newsletter-top-links-footer";
+import type { NewsletterTopLinksFooterProps } from "./newsletter-top-links-footer";
+export { NewsletterTopLinksFooter, NewsletterTopLinksFooterDefaults };
+export type { NewsletterTopLinksFooterProps };
+declare const conf: {
+    fields: {
+        logo: {
+            type: "object";
+            objectFields: {
+                src: import("@puckeditor/core").Field<string>;
+                alt: {
+                    type: "text";
+                };
+            };
+        };
+        newsletterHeading: {
+            type: string;
+        };
+        newsletterDescription: {
+            readonly type: "textarea";
+            readonly contentEditable: true;
+        };
+        inputPlaceholder: {
+            type: string;
+        };
+        button: {
+            readonly type: "object";
+            readonly objectFields: {
+                readonly label: {
+                    readonly type: "text";
+                };
+                readonly action: {
+                    type: "custom";
+                    label: string;
+                    render: typeof import("../../../puck-core").ActionField;
+                };
+                readonly variant: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "primary";
+                        readonly value: "default";
+                    }, {
+                        readonly label: "secondary";
+                        readonly value: "secondary";
+                    }, {
+                        readonly label: "outline";
+                        readonly value: "outline";
+                    }, {
+                        readonly label: "ghost";
+                        readonly value: "ghost";
+                    }, {
+                        readonly label: "link";
+                        readonly value: "link";
+                    }, {
+                        readonly label: "destructive";
+                        readonly value: "destructive";
+                    }];
+                };
+                readonly size: {
+                    readonly type: "select";
+                    readonly options: readonly [{
+                        readonly label: "default";
+                        readonly value: "default";
+                    }, {
+                        readonly label: "sm";
+                        readonly value: "sm";
+                    }, {
+                        readonly label: "lg";
+                        readonly value: "lg";
+                    }, {
+                        readonly label: "icon";
+                        readonly value: "icon";
+                    }];
+                };
+                readonly icon: {
+                    type: "custom";
+                    render: typeof import("../../../puck-core/fields/icon-picker-field").IconPickerField;
+                };
+            };
+        };
+        termsAndConditions: {
+            type: string;
+        };
+        footerText: {
+            type: string;
+        };
+        styles: {
+            type: string;
+            label: string;
+            objectFields: {
+                hasCompanyImage: {
+                    readonly type: "radio";
+                    readonly label: "Company Image";
+                    readonly options: readonly [{
+                        readonly label: "Yes";
+                        readonly value: "true";
+                    }, {
+                        readonly label: "No";
+                        readonly value: "false";
+                    }];
+                };
+                topContentType: {
+                    readonly type: "radio";
+                    readonly label: "Top Content Type";
+                    readonly options: readonly [{
+                        readonly label: "Newsletter";
+                        readonly value: "newsletter";
+                    }, {
+                        readonly label: "CTA";
+                        readonly value: "cta";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: import("../props").FooterSectionBaseProps;
+    render: (props: NewsletterTopLinksFooterProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

package/dist/components/puck-block/footer-sections/newsletter-top-links-footer/newsletter-top-links-footer.d.ts

@@ -0,0 +1,4 @@
+import type { FooterComponentProps, FooterSectionBaseProps } from "../props";
+export type NewsletterTopLinksFooterProps = FooterComponentProps;
+export declare const NewsletterTopLinksFooter: (props: NewsletterTopLinksFooterProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NewsletterTopLinksFooterDefaults: FooterSectionBaseProps;

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

@@ -1,31 +1,94 @@
-type FooterVariant = "footer-1";
-type FooterPadding = {
-    top?: "none" | "small" | "medium" | "large";
-    bottom?: "none" | "small" | "medium" | "large";
-};
-type FooterSectionStyle = "default" | "dark" | "muted" | "inverted" | "custom";
-type FooterLink = {
+/**
+ * Footer Section 共享 Props
+ *
+ * 基础类型引用自 ../props/（全局共享）
+ * FooterSectionStyles 为 footer 特有的样式字段
+ */
+import type { BaseImage } from "@/components/puck-core/core/props/media";
+import type { BaseButton } from "@/components/puck-core/core/props/interactive";
+export type { BaseImage, BaseButton };
+export interface FooterSectionStyles {
+    bordered?: boolean;
+    hasCompanyImage?: boolean;
+    topContentType?: "newsletter" | "cta";
+}
+export interface FooterLink {
+    title: string;
+    url: string;
+    icon?: React.ReactNode;
+}
+export interface ColumnLinks {
+    title?: string;
+    links: FooterLink[];
+}
+export interface SocialMediaLink {
+    url: string;
+    icon: React.ReactNode;
+}
+export interface FooterAddress {
     label: string;
-    url?: string;
-};
-type FooterNavigationGroup = {
+    value: string;
+}
+export interface FooterContact {
     label: string;
-    url?: string;
-    items?: FooterLink[];
-};
-type FooterSectionProps = {
-    variant?: FooterVariant;
-    __metadata?: {
-        type: "layout";
+    phone: string;
+    email: string;
+}
+export interface FooterSectionBaseProps {
+    logo: BaseImage & {
+        url?: string;
+    };
+    heading: string;
+    description: string;
+    buttons: BaseButton[];
+    newsletterHeading: string;
+    newsletterDescription: string;
+    inputPlaceholder: string;
+    button: BaseButton;
+    termsAndConditions: string;
+    columnLinks: ColumnLinks[];
+    footerText: string;
+    footerLinks: FooterLink[];
+    socialMediaLinks: SocialMediaLink[];
+    address: FooterAddress;
+    contact: FooterContact;
+    companyImages: BaseImage[];
+    styles: FooterSectionStyles;
+}
+export declare const footerStyleFields: {
+    readonly bordered: {
+        readonly type: "radio";
+        readonly label: "Bordered";
+        readonly options: readonly [{
+            readonly label: "Yes";
+            readonly value: "true";
+        }, {
+            readonly label: "No";
+            readonly value: "false";
+        }];
+    };
+    readonly hasCompanyImage: {
+        readonly type: "radio";
+        readonly label: "Company Image";
+        readonly options: readonly [{
+            readonly label: "Yes";
+            readonly value: "true";
+        }, {
+            readonly label: "No";
+            readonly value: "false";
+        }];
     };
-    companyName?: string;
-    tagLine?: string;
-    address?: string;
-    legalLinks?: FooterLink[];
-    navigation?: FooterNavigationGroup[];
-    styles?: {
-        padding?: FooterPadding;
-        sectionStyle?: FooterSectionStyle;
-        backgroundColor?: string;
+    readonly topContentType: {
+        readonly type: "radio";
+        readonly label: "Top Content Type";
+        readonly options: readonly [{
+            readonly label: "Newsletter";
+            readonly value: "newsletter";
+        }, {
+            readonly label: "CTA";
+            readonly value: "cta";
+        }];
     };
 };
+/** 将 FooterSectionBaseProps 与组件特有字段合并，生成最终 Props */
+export type FooterComponentProps<T extends object = object> = React.ComponentPropsWithoutRef<"section"> & Partial<FooterSectionBaseProps> & Partial<T>;

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

@@ -0,0 +1,21 @@
+const footerStyleFields = {
+  bordered: {
+    type: "radio",
+    label: "Bordered",
+    options: [
+      { label: "Yes", value: "true" },
+      { label: "No", value: "false" }
+    ]
+  },
+  hasCompanyImage: {
+    type: "radio",
+    label: "Company Image",
+    options: [
+      { label: "Yes", value: "true" },
+      { label: "No", value: "false" }
+    ]
+  }
+};
+export {
+  footerStyleFields
+};

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

@@ -0,0 +1,4 @@
+import type { GalleryComponentProps, GallerySectionBaseProps } from "../props";
+export type AsymmetricGridProps = GalleryComponentProps;
+export declare const AsymmetricGrid: (props: AsymmetricGridProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AsymmetricGridDefaults: GallerySectionBaseProps;

package/dist/components/puck-block/gallery-sections/asymmetric-grid/asymmetric-grid.js

@@ -0,0 +1,75 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../../../utils/css-utils.js";
+import { CompoundImage } from "../../../puck-base/image.js";
+const AsymmetricGrid = (props) => {
+  const { heading, description, images, styles } = {
+    ...AsymmetricGridDefaults,
+    ...props
+  };
+  const { gridPattern = "1large-2small" } = styles ?? {};
+  const is4Small = gridPattern === "1large-4small";
+  return /* @__PURE__ */ jsx("section", { id: "relume", className: "px-[5%] py-16 md:py-24 lg:py-28", children: /* @__PURE__ */ jsxs("div", { className: "container", children: [
+    /* @__PURE__ */ jsxs("div", { className: "mb-12 text-center md:mb-18 lg:mb-20", children: [
+      /* @__PURE__ */ jsx("h2", { className: "mb-5 text-5xl font-bold md:mb-6 md:text-7xl lg:text-8xl", children: heading }),
+      /* @__PURE__ */ jsx("p", { className: "md:text-md", children: description })
+    ] }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn("grid auto-cols-fr justify-center gap-6 md:gap-8", {
+          "md:grid-cols-2": !is4Small,
+          "md:grid-cols-2 lg:grid-cols-3": is4Small
+        }),
+        children: images.map((image, index) => /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: "#",
+            className: cn("inline-block w-full", {
+              "col-start-1 col-end-2 row-start-1 row-end-3": index === 0 && !is4Small,
+              "md:col-span-1 md:row-span-2 lg:col-start-1 lg:col-end-2 lg:row-start-1 lg:row-end-3": index === 0 && is4Small
+            }),
+            children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: cn("relative size-full", {
+                  "pt-[100%]": index === 0,
+                  "pt-[56.25%]": index !== 0
+                }),
+                children: /* @__PURE__ */ jsx(
+                  CompoundImage,
+                  {
+                    src: image.src,
+                    alt: image.alt,
+                    className: "absolute inset-0 size-full object-cover"
+                  }
+                )
+              }
+            )
+          },
+          index
+        ))
+      }
+    )
+  ] }) });
+};
+const AsymmetricGridDefaults = {
+  tagline: "",
+  heading: "Image Gallery",
+  description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
+  button: { label: "View all" },
+  buttons: [],
+  images: [
+    { src: "https://picsum.photos/seed/asym-1/800/800", alt: "Gallery image 1" },
+    { src: "https://picsum.photos/seed/asym-2/800/450", alt: "Gallery image 2" },
+    { src: "https://picsum.photos/seed/asym-3/800/450", alt: "Gallery image 3" }
+  ],
+  projects: [],
+  hoverLinks: [],
+  styles: {
+    gridPattern: "1large-2small"
+  }
+};
+export {
+  AsymmetricGrid,
+  AsymmetricGridDefaults
+};

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

@@ -0,0 +1,53 @@
+import { AsymmetricGrid, AsymmetricGridDefaults } from "./asymmetric-grid";
+import type { AsymmetricGridProps } from "./asymmetric-grid";
+export { AsymmetricGrid, AsymmetricGridDefaults };
+export type { AsymmetricGridProps };
+declare const conf: {
+    fields: {
+        heading: {
+            readonly type: "text";
+            readonly contentEditable: true;
+        };
+        description: {
+            readonly type: "textarea";
+            readonly contentEditable: true;
+        };
+        images: {
+            readonly type: "array";
+            readonly max: 10;
+            readonly getItemSummary: (item: {
+                alt?: string;
+            }, index?: number) => string;
+            readonly arrayFields: {
+                readonly src: import("@puckeditor/core").Field<string>;
+                readonly alt: {
+                    type: "text";
+                };
+            };
+            readonly defaultItemProps: {
+                alt: string;
+                src: string;
+            };
+        };
+        styles: {
+            type: string;
+            label: string;
+            objectFields: {
+                gridPattern: {
+                    readonly type: "select";
+                    readonly label: "Grid Pattern";
+                    readonly options: readonly [{
+                        readonly label: "1 Large + 2 Small";
+                        readonly value: "1large-2small";
+                    }, {
+                        readonly label: "1 Large + 4 Small";
+                        readonly value: "1large-4small";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: import("../props").GallerySectionBaseProps;
+    render: (props: AsymmetricGridProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

package/dist/components/puck-block/gallery-sections/asymmetric-grid/index.js

@@ -0,0 +1,25 @@
+import { AsymmetricGrid, AsymmetricGridDefaults } from "./asymmetric-grid.js";
+import { descriptionField, headingField } from "../../../puck-core/core/props/content.js";
+import { imagesField } from "../../../puck-core/core/props/media.js";
+import { galleryStyleFields } from "../props.js";
+const conf = {
+  fields: {
+    heading: headingField,
+    description: descriptionField,
+    images: imagesField,
+    styles: {
+      type: "object",
+      label: "Styles",
+      objectFields: {
+        gridPattern: galleryStyleFields.gridPattern
+      }
+    }
+  },
+  defaultProps: AsymmetricGridDefaults,
+  render: AsymmetricGrid
+};
+export {
+  AsymmetricGrid,
+  AsymmetricGridDefaults,
+  conf as default
+};

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

@@ -0,0 +1,4 @@
+import type { GalleryComponentProps, GallerySectionBaseProps } from "../props";
+export type FullscreenPortfolioProps = GalleryComponentProps;
+export declare const FullscreenPortfolio: (props: FullscreenPortfolioProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FullscreenPortfolioDefaults: GallerySectionBaseProps;