dune-react 0.0.29 → 0.0.30

package/dist/components/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./shadcn/index.ts";
+export * from "./ui-block/index.ts";
+export * from "./puck-base/index.ts";
+export * from "./puck-core/index.ts";
+export * from "./puck-block/index.ts";

package/dist/components/puck-base/article-card.d.ts

@@ -0,0 +1,10 @@
+import { CompoundButtonProps } from "./button";
+import { CompoundImageProps } from "./image";
+export interface CompoundArticleCardProps {
+    image?: CompoundImageProps;
+    heading?: string;
+    description?: string;
+    button?: CompoundButtonProps;
+    className?: string;
+}
+export declare const CompoundArticleCard: ({ image, heading, description, button, className, }: CompoundArticleCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-base/badge.d.ts

@@ -0,0 +1,10 @@
+import { Badge, badgeVariants } from "@/components/shadcn/badge";
+import type { VariantProps } from "class-variance-authority";
+type BadgeProps = React.ComponentProps<typeof Badge> & VariantProps<typeof badgeVariants>;
+export interface CompoundBadgeProps {
+    label: string;
+    url?: string;
+    variant?: BadgeProps["variant"];
+}
+export declare const CompoundBadge: (props: CompoundBadgeProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/puck-base/button.d.ts

@@ -0,0 +1,13 @@
+import { type ButtonProps } from "@/components/shadcn/button";
+import { Action, IconName } from "@/components/puck-core/core/types";
+export interface CompoundButtonProps {
+    label: string;
+    action?: Action;
+    variant?: ButtonProps["variant"];
+    size?: ButtonProps["size"];
+    icon?: IconName;
+    type?: "button" | "submit" | "reset";
+    disabled?: boolean;
+    className?: string;
+}
+export declare const CompoundButton: (props: CompoundButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-base/card.d.ts

@@ -0,0 +1,13 @@
+import { IconName } from "@/components/puck-core/core/types";
+import { CompoundButtonProps } from "./button";
+import { CompoundImageProps } from "./image";
+export interface CompoundCardProps {
+    image?: CompoundImageProps;
+    icon?: IconName;
+    heading?: string;
+    description?: string;
+    button?: CompoundButtonProps;
+    cardStyle?: "default" | "light";
+    className?: string;
+}
+export declare const CompoundCard: ({ image, icon, heading, description, button, cardStyle, className, }: CompoundCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-base/container.d.ts

@@ -0,0 +1,24 @@
+import { CSSProperties, ReactNode } from "react";
+type PaddingLevel = "none" | "small" | "medium" | "large";
+export type SectionStyle = "default" | "dark" | "muted" | "inverted" | "custom";
+export type OverlayStyle = "none" | "gradient-top" | "gradient-bottom" | "noise";
+export interface CompoundContainerProps {
+    children: ReactNode;
+    padding?: {
+        top?: PaddingLevel;
+        bottom?: PaddingLevel;
+    };
+    sectionStyle?: SectionStyle;
+    backgroundColor?: string;
+    backgroundImage?: string;
+    overlay?: OverlayStyle;
+    className?: string;
+}
+/**
+ * Section-scoped CSS variable presets.
+ * These override the root-level CSS variables so child components
+ * using `bg-background`, `text-foreground` etc. automatically adapt.
+ */
+export declare const SECTION_STYLE_VARS: Record<string, CSSProperties>;
+export declare const CompoundContainer: ({ children, padding, sectionStyle, backgroundColor, backgroundImage, overlay, className, }: CompoundContainerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/puck-base/content.d.ts

@@ -0,0 +1,14 @@
+import { CompoundBadgeProps } from "./badge";
+import { CompoundButtonProps } from "./button";
+import { Feature } from "@/components/puck-core/core/types";
+export interface CompoundContentProps {
+    badge?: CompoundBadgeProps;
+    heading?: string;
+    description?: string;
+    features?: Feature[];
+    buttons?: CompoundButtonProps[];
+    alignContent?: "start" | "center" | "end";
+    className?: string;
+    spacing?: "normal" | "tight";
+}
+export declare const CompoundContent: ({ badge, heading, description, features, buttons, alignContent, className, spacing, }: CompoundContentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-base/field.d.ts

@@ -0,0 +1,9 @@
+export declare const fieldTypes: readonly ["text", "number", "password", "date", "file"];
+export type FieldTypes = (typeof fieldTypes)[number];
+export interface CompoundFieldProps {
+    id?: string;
+    name: string;
+    label: string;
+    type: FieldTypes;
+}
+export declare const CompoundField: (props: CompoundFieldProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-base/form.d.ts

@@ -0,0 +1,12 @@
+import { CompoundButtonProps } from "./button";
+import { CompoundFieldProps } from "./field";
+export declare const formMethods: readonly ["get", "post", "put", "patch", "delete"];
+export type FormMethods = (typeof formMethods)[number];
+export interface CompoundFormProps {
+    title?: string;
+    fields: CompoundFieldProps[];
+    action: string;
+    method: FormMethods;
+    button: CompoundButtonProps;
+}
+export declare const CompoundForm: (props: CompoundFormProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-base/gradient-text.d.ts

@@ -0,0 +1,10 @@
+export interface GradientTextProps {
+    text: string;
+    as?: "h1" | "h2" | "h3" | "h4" | "p" | "span";
+    gradientFrom?: string;
+    gradientTo?: string;
+    gradientVia?: string;
+    direction?: "to-r" | "to-l" | "to-b" | "to-t" | "to-br" | "to-bl";
+    className?: string;
+}
+export declare const GradientText: ({ text, as: Tag, gradientFrom, gradientTo, gradientVia, direction, className, }: GradientTextProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-base/image.d.ts

@@ -0,0 +1,6 @@
+export interface CompoundImageProps {
+    src: string;
+    alt?: string;
+    className?: string;
+}
+export declare const CompoundImage: (props: CompoundImageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/puck-base/index.d.ts

@@ -0,0 +1,11 @@
+export { CompoundBadge, type CompoundBadgeProps } from "./badge";
+export { CompoundButton, type CompoundButtonProps } from "./button";
+export { CompoundCard, type CompoundCardProps } from "./card";
+export { CompoundContainer, type CompoundContainerProps, type SectionStyle, type OverlayStyle } from "./container";
+export { CompoundContent, type CompoundContentProps } from "./content";
+export { CompoundField, type CompoundFieldProps, fieldTypes, type FieldTypes } from "./field";
+export { CompoundForm, type CompoundFormProps, formMethods, type FormMethods } from "./form";
+export { CompoundImage, type CompoundImageProps } from "./image";
+export { CompoundArticleCard, type CompoundArticleCardProps } from "./article-card";
+export { GradientText, type GradientTextProps } from "./gradient-text";
+export { SafeDynamicIcon } from "./safe-dynamic-icon";

package/dist/components/puck-base/navigation-menu.d.ts

@@ -0,0 +1,18 @@
+import { NavigationMenu as NavigationMenuPrimitive } from "@base-ui/react/navigation-menu";
+declare function NavigationMenu({ align, portalContainer, className, children, onValueChange, ...props }: NavigationMenuPrimitive.Root.Props & Pick<NavigationMenuPrimitive.Positioner.Props, "align"> & {
+    portalContainer?: HTMLElement | null | React.RefObject<HTMLElement | null>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuList({ className, ...props }: React.ComponentPropsWithRef<typeof NavigationMenuPrimitive.List>): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuItem({ className, ...props }: React.ComponentPropsWithRef<typeof NavigationMenuPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare const navigationMenuTriggerStyle: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare function NavigationMenuTrigger({ className, children, ...props }: NavigationMenuPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuContent({ className, ...props }: NavigationMenuPrimitive.Content.Props): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuPositioner({ className, side, sideOffset, align, alignOffset, portalContainer, ...props }: NavigationMenuPrimitive.Positioner.Props & {
+    portalContainer?: HTMLElement | null | React.RefObject<HTMLElement | null>;
+}): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuLink({ className, asChild, children, active, ...props }: NavigationMenuPrimitive.Link.Props & {
+    asChild?: boolean;
+    active?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function NavigationMenuIndicator({ className, ...props }: React.ComponentPropsWithRef<typeof NavigationMenuPrimitive.Icon>): import("react/jsx-runtime").JSX.Element;
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, navigationMenuTriggerStyle, NavigationMenuPositioner, };

package/dist/components/puck-base/safe-dynamic-icon.d.ts

@@ -0,0 +1,7 @@
+import { DynamicIcon } from "lucide-react/dynamic";
+import type { ComponentPropsWithoutRef } from "react";
+type SafeDynamicIconProps = Omit<ComponentPropsWithoutRef<typeof DynamicIcon>, "name"> & {
+    name: string;
+};
+export declare function SafeDynamicIcon({ name, ...props }: SafeDynamicIconProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

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

@@ -0,0 +1,4 @@
+import type { BannerComponentProps, BannerSectionBaseProps } from "../props";
+export type CssMarqueeBannerProps = BannerComponentProps;
+export declare const CssMarqueeBanner: (props: CssMarqueeBannerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CssMarqueeBannerDefaults: Partial<BannerSectionBaseProps>;

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

@@ -0,0 +1,90 @@
+import { CssMarqueeBanner, CssMarqueeBannerDefaults } from "./css-marquee-banner";
+import type { CssMarqueeBannerProps } from "./css-marquee-banner";
+export { CssMarqueeBanner, CssMarqueeBannerDefaults };
+export type { CssMarqueeBannerProps };
+declare const conf: {
+    fields: {
+        headings: {
+            type: string;
+            max: number;
+            getItemSummary: (item: string, index?: number) => string;
+            arrayFields: {
+                type: string;
+            };
+        };
+        sections: {
+            type: string;
+            max: number;
+            getItemSummary: (item: {
+                title?: string;
+            }, index?: number) => string;
+            arrayFields: {
+                title: {
+                    type: string;
+                };
+                image: {
+                    type: "object";
+                    objectFields: {
+                        src: import("@puckeditor/core").Field<string>;
+                        alt: {
+                            type: "text";
+                        };
+                    };
+                };
+            };
+        };
+        styles: {
+            type: string;
+            label: string;
+            objectFields: {
+                className: {
+                    readonly type: "text";
+                    readonly label: "Class Name";
+                    readonly ai: {
+                        readonly instructions: "Additional Tailwind CSS classes to apply to the section wrapper.";
+                    };
+                };
+                style: {
+                    readonly type: "object";
+                    readonly label: "Style";
+                    readonly objectFields: {};
+                    readonly ai: {
+                        readonly instructions: "Inline CSSProperties object for the section wrapper, e.g. { backgroundColor: 'red', minHeight: '100vh' }.";
+                    };
+                };
+                css: {
+                    readonly type: "textarea";
+                    readonly label: "Custom CSS";
+                    readonly ai: {
+                        readonly instructions: "Custom CSS rules. Use & as a placeholder for the section selector.";
+                    };
+                };
+                direction: {
+                    readonly type: "radio";
+                    readonly label: "Direction";
+                    readonly options: readonly [{
+                        readonly label: "Left";
+                        readonly value: "left";
+                    }, {
+                        readonly label: "Right";
+                        readonly value: "right";
+                    }];
+                };
+                contentType: {
+                    readonly type: "radio";
+                    readonly label: "Content Type";
+                    readonly options: readonly [{
+                        readonly label: "Text Only";
+                        readonly value: "text";
+                    }, {
+                        readonly label: "Text + Image";
+                        readonly value: "textWithImage";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: Partial<import("../props").BannerSectionBaseProps>;
+    render: (props: CssMarqueeBannerProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

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

@@ -0,0 +1,4 @@
+import type { BannerComponentProps, BannerSectionBaseProps } from "../props";
+export type DismissibleBannerProps = BannerComponentProps;
+export declare const DismissibleBanner: (props: DismissibleBannerProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const DismissibleBannerDefaults: Partial<BannerSectionBaseProps>;

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

@@ -0,0 +1,254 @@
+import { DismissibleBanner, DismissibleBannerDefaults } from "./dismissible-banner";
+import type { DismissibleBannerProps } from "./dismissible-banner";
+export { DismissibleBanner, DismissibleBannerDefaults };
+export type { DismissibleBannerProps };
+declare const conf: {
+    fields: {
+        heading: {
+            readonly type: "text";
+            readonly contentEditable: true;
+        };
+        description: {
+            readonly type: "textarea";
+            readonly contentEditable: true;
+        };
+        logo: {
+            type: "object";
+            objectFields: {
+                src: import("@puckeditor/core").Field<string>;
+                alt: {
+                    type: "text";
+                };
+            };
+        };
+        buttons: {
+            readonly type: "array";
+            readonly max: 3;
+            readonly getItemSummary: (item: {
+                label?: string;
+            }, index?: number) => string;
+            readonly arrayFields: {
+                readonly label: {
+                    readonly type: "text";
+                };
+                readonly action: {
+                    type: "custom";
+                    label: string;
+                    render: typeof import("../../..").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;
+                };
+            };
+            readonly defaultItemProps: {
+                readonly label: "Button";
+                readonly action: {
+                    readonly type: "page";
+                    readonly pageUrl: "";
+                    readonly externalUrl: "";
+                    readonly openInNewTab: "false";
+                    readonly email: "";
+                    readonly subject: "";
+                    readonly phone: "";
+                    readonly sectionId: "";
+                    readonly downloadUrl: "";
+                };
+                readonly variant: "default";
+                readonly size: "default";
+                readonly icon: "none";
+            };
+            readonly ai: {
+                readonly instructions: "Buttons must use the same size";
+            };
+        };
+        inputPlaceholder: {
+            type: string;
+        };
+        formButton: {
+            readonly type: "object";
+            readonly objectFields: {
+                readonly label: {
+                    readonly type: "text";
+                };
+                readonly action: {
+                    type: "custom";
+                    label: string;
+                    render: typeof import("../../..").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;
+                };
+            };
+        };
+        headingStart: {
+            type: string;
+        };
+        headingEnd: {
+            type: string;
+        };
+        link: {
+            type: string;
+            objectFields: {
+                action: {
+                    type: "custom";
+                    label: string;
+                    render: typeof import("../../..").ActionField;
+                };
+                title: {
+                    type: string;
+                };
+            };
+        };
+        styles: {
+            type: string;
+            label: string;
+            objectFields: {
+                className: {
+                    readonly type: "text";
+                    readonly label: "Class Name";
+                    readonly ai: {
+                        readonly instructions: "Additional Tailwind CSS classes to apply to the section wrapper.";
+                    };
+                };
+                style: {
+                    readonly type: "object";
+                    readonly label: "Style";
+                    readonly objectFields: {};
+                    readonly ai: {
+                        readonly instructions: "Inline CSSProperties object for the section wrapper, e.g. { backgroundColor: 'red', minHeight: '100vh' }.";
+                    };
+                };
+                css: {
+                    readonly type: "textarea";
+                    readonly label: "Custom CSS";
+                    readonly ai: {
+                        readonly instructions: "Custom CSS rules. Use & as a placeholder for the section selector.";
+                    };
+                };
+                containerStyle: {
+                    readonly type: "radio";
+                    readonly label: "Container Style";
+                    readonly options: readonly [{
+                        readonly label: "Boxed";
+                        readonly value: "boxed";
+                    }, {
+                        readonly label: "Full Width";
+                        readonly value: "fullWidth";
+                    }];
+                };
+                textLayout: {
+                    readonly type: "radio";
+                    readonly label: "Text Layout";
+                    readonly options: readonly [{
+                        readonly label: "Default";
+                        readonly value: "default";
+                    }, {
+                        readonly label: "Centered";
+                        readonly value: "centered";
+                    }, {
+                        readonly label: "Inline Link";
+                        readonly value: "inlineLink";
+                    }];
+                };
+                ctaType: {
+                    readonly type: "select";
+                    readonly label: "CTA Type";
+                    readonly options: readonly [{
+                        readonly label: "Email Form";
+                        readonly value: "email";
+                    }, {
+                        readonly label: "Single Button";
+                        readonly value: "button";
+                    }, {
+                        readonly label: "Multiple Buttons";
+                        readonly value: "buttons";
+                    }, {
+                        readonly label: "Social Links";
+                        readonly value: "socialLinks";
+                    }];
+                };
+            };
+        };
+    };
+    defaultProps: Partial<import("../props").BannerSectionBaseProps>;
+    render: (props: DismissibleBannerProps) => import("react/jsx-runtime").JSX.Element | null;
+};
+export default conf;

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

@@ -0,0 +1,4 @@
+import type { BannerComponentProps, BannerSectionBaseProps } from "../props";
+export type DualRowMarqueeProps = BannerComponentProps;
+export declare const DualRowMarquee: (props: DualRowMarqueeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DualRowMarqueeDefaults: Partial<BannerSectionBaseProps>;

package/dist/components/puck-block/banner-sections/dual-row-marquee/index.d.ts

@@ -0,0 +1,53 @@
+import { DualRowMarquee, DualRowMarqueeDefaults } from "./dual-row-marquee";
+import type { DualRowMarqueeProps } from "./dual-row-marquee";
+export { DualRowMarquee, DualRowMarqueeDefaults };
+export type { DualRowMarqueeProps };
+declare const conf: {
+    fields: {
+        headingsTop: {
+            type: string;
+            max: number;
+            getItemSummary: (item: {
+                title?: string;
+            }, index?: number) => string;
+            arrayFields: {
+                title: {
+                    type: string;
+                };
+                image: {
+                    type: "object";
+                    objectFields: {
+                        src: import("@puckeditor/core").Field<string>;
+                        alt: {
+                            type: "text";
+                        };
+                    };
+                };
+            };
+        };
+        headingsBottom: {
+            type: string;
+            max: number;
+            getItemSummary: (item: {
+                title?: string;
+            }, index?: number) => string;
+            arrayFields: {
+                title: {
+                    type: string;
+                };
+                image: {
+                    type: "object";
+                    objectFields: {
+                        src: import("@puckeditor/core").Field<string>;
+                        alt: {
+                            type: "text";
+                        };
+                    };
+                };
+            };
+        };
+    };
+    defaultProps: Partial<import("../props").BannerSectionBaseProps>;
+    render: (props: DualRowMarqueeProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default conf;

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

@@ -0,0 +1,4 @@
+export { default as CssMarqueeBannerConf } from "./css-marquee-banner";
+export { default as DualRowMarqueeConf } from "./dual-row-marquee";
+export { default as ScrollDrivenMarqueeConf } from "./scroll-driven-marquee";
+export { default as ScrollParallaxTextConf } from "./scroll-parallax-text";