@delmaredigital/payload-puck 0.1.0

package/dist/components/index.d.mts

@@ -0,0 +1,222 @@
+import { ComponentConfig } from '@measured/puck';
+import { R as ResponsiveValue, D as DimensionsValue, P as PaddingValue, V as VisibilityValue } from '../shared-DMAF1AcH.mjs';
+export { AnimatedWrapper, AnimatedWrapperProps } from '../AnimatedWrapper.mjs';
+import 'react/jsx-runtime';
+import 'react';
+
+/**
+ * Container Component - Puck Configuration
+ *
+ * Content wrapper with max-width and background options.
+ * Uses Puck's slot system for nesting other components.
+ * Uses Tailwind classes for layout, inline styles for dynamic user values.
+ *
+ * Supports both preset options and advanced custom styling:
+ * - Outer (Section): background, customPadding, border (applies to full-width wrapper)
+ * - Inner (Content): innerBackground, innerPadding, innerBorder (applies to max-width container)
+ *
+ * Responsive Controls:
+ * - dimensions: Different max-width at different breakpoints
+ * - customPadding: Different outer padding at different breakpoints
+ * - innerPadding: Different inner padding at different breakpoints
+ * - margin: Different margins at different breakpoints
+ * - visibility: Show/hide at different breakpoints
+ */
+
+declare const ContainerConfig: ComponentConfig;
+
+/**
+ * Flex Component - Puck Configuration
+ *
+ * Flexbox layout following official Puck demo patterns.
+ * Uses Tailwind classes for layout, inline styles for dynamic user values.
+ *
+ * Supports both preset options and advanced custom styling:
+ * - Background: unified BackgroundField (solid, gradient, or image)
+ * - Advanced: customPadding, customWidth, border
+ *
+ * Responsive Controls:
+ * - dimensions: Different dimensions at different breakpoints
+ * - customPadding: Different padding at different breakpoints
+ * - margin: Different margins at different breakpoints
+ * - visibility: Show/hide at different breakpoints
+ */
+
+declare const FlexConfig: ComponentConfig;
+
+/**
+ * Grid Component - Puck Configuration
+ *
+ * CSS Grid layout following official Puck demo patterns.
+ * Responsive: stacks on mobile (flex column), grid on desktop (md+).
+ * Uses Tailwind classes for layout, inline styles for dynamic user values.
+ *
+ * Supports both preset options and advanced custom styling:
+ * - Background: unified BackgroundField (solid, gradient, or image)
+ * - Advanced: customPadding, customWidth, border
+ *
+ * Responsive Controls:
+ * - gap: Different gap at different breakpoints
+ * - visibility: Show/hide at different breakpoints
+ */
+
+declare const GridConfig: ComponentConfig;
+
+/**
+ * Section Component - Puck Configuration
+ *
+ * Full-width section with background options and content slot.
+ * Used as a top-level page section wrapper.
+ * Uses Tailwind classes for layout, inline styles for dynamic user values.
+ *
+ * Supports both preset options and advanced custom styling:
+ * - Background: unified BackgroundField (solid, gradient, or image)
+ * - Advanced: customPadding, customWidth, border
+ *
+ * Responsive Controls:
+ * - dimensions: Different dimensions at different breakpoints
+ * - customPadding: Different padding at different breakpoints
+ * - margin: Different margins at different breakpoints
+ * - visibility: Show/hide at different breakpoints
+ */
+
+declare const SectionConfig: ComponentConfig;
+
+/**
+ * Spacer Component - Puck Configuration
+ *
+ * Simple spacing component for adding vertical or horizontal space.
+ * Uses Tailwind classes for layout and sizing from predefined options.
+ *
+ * Responsive Controls:
+ * - visibility: Show/hide at different breakpoints
+ */
+
+declare const SpacerConfig: ComponentConfig;
+
+/**
+ * Template Component - Puck Configuration
+ *
+ * A reusable template container that allows saving and loading
+ * pre-configured component arrangements from the Payload CMS.
+ *
+ * Use this component to:
+ * - Create reusable page sections
+ * - Save common component patterns as templates
+ * - Quickly load pre-built layouts
+ *
+ * Responsive Controls:
+ * - dimensions: Different dimensions at different breakpoints
+ * - customPadding: Different padding at different breakpoints
+ * - margin: Different margins at different breakpoints
+ * - visibility: Show/hide at different breakpoints
+ */
+
+interface TemplateProps {
+    /** Slot for nested components */
+    content: unknown;
+    /** ID of the currently loaded template (or null if none) */
+    templateId: string | null;
+    /** Responsive dimensions */
+    dimensions: ResponsiveValue<DimensionsValue> | DimensionsValue | null;
+    /** Responsive padding */
+    customPadding: ResponsiveValue<PaddingValue> | PaddingValue | null;
+    /** Responsive margin */
+    margin: ResponsiveValue<PaddingValue> | PaddingValue | null;
+    /** Responsive visibility */
+    visibility: VisibilityValue | null;
+}
+declare const TemplateConfig: ComponentConfig;
+
+/**
+ * Template Component - Server-safe Configuration
+ *
+ * A reusable template container for rendering nested components.
+ * This server-safe version excludes the TemplateField (which requires client-side APIs).
+ *
+ * For the full editor experience with template loading, use Template.tsx
+ *
+ * Responsive Controls:
+ * - dimensions: Different dimensions at different breakpoints
+ * - customPadding: Different padding at different breakpoints
+ * - margin: Different margins at different breakpoints
+ * - visibility: Show/hide at different breakpoints
+ */
+
+declare const TemplateServerConfig: ComponentConfig;
+
+/**
+ * Heading Component - Puck Configuration
+ *
+ * H1-H6 headings with customizable styling.
+ * Supports custom margin for spacing control.
+ */
+
+declare const HeadingConfig: ComponentConfig;
+
+/**
+ * Text Component - Puck Configuration
+ *
+ * Simple paragraph text with customizable styling.
+ */
+
+declare const TextConfig: ComponentConfig;
+
+/**
+ * RichText Component - Puck Server Configuration
+ *
+ * Server-safe config for rendering. Uses a simple textarea for the field.
+ * The editor config (RichText.editor.tsx) uses Tiptap for the visual editor.
+ */
+
+declare const RichTextConfig: ComponentConfig;
+
+declare const RichTextEditorConfig: ComponentConfig;
+
+/**
+ * Image Component - Puck Configuration
+ *
+ * Standalone image block with optional link wrapper.
+ * Server-safe version using standard HTML img element.
+ *
+ * Responsive Controls:
+ * - visibility: Show/hide at different breakpoints
+ */
+
+declare const ImageConfig: ComponentConfig;
+
+/**
+ * Button Component - Puck Configuration
+ *
+ * CTA button with customizable styling and link support.
+ */
+
+declare const ButtonConfig: ComponentConfig;
+
+/**
+ * Card Component - Puck Configuration
+ *
+ * Content card with image, heading, and text.
+ */
+
+declare const CardConfig: ComponentConfig;
+
+/**
+ * Divider Component - Puck Configuration
+ *
+ * Horizontal line separator with customizable style.
+ */
+
+declare const DividerConfig: ComponentConfig;
+
+/**
+ * Accordion Component - Puck Configuration
+ *
+ * Expandable sections with collapsible content.
+ * Uses plain HTML/CSS for the accordion behavior.
+ * Supports custom margin for spacing control.
+ */
+
+declare const AccordionConfig: ComponentConfig;
+
+export { AccordionConfig, ButtonConfig, CardConfig, ContainerConfig, DividerConfig, FlexConfig, GridConfig, HeadingConfig, ImageConfig, RichTextConfig, RichTextEditorConfig, SectionConfig, SpacerConfig, TemplateConfig, type TemplateProps, TemplateServerConfig, TextConfig };

package/dist/components/index.d.ts

@@ -0,0 +1,222 @@
+import { ComponentConfig } from '@measured/puck';
+import { R as ResponsiveValue, D as DimensionsValue, P as PaddingValue, V as VisibilityValue } from '../shared-DMAF1AcH.js';
+export { AnimatedWrapper, AnimatedWrapperProps } from '../AnimatedWrapper.js';
+import 'react/jsx-runtime';
+import 'react';
+
+/**
+ * Container Component - Puck Configuration
+ *
+ * Content wrapper with max-width and background options.
+ * Uses Puck's slot system for nesting other components.
+ * Uses Tailwind classes for layout, inline styles for dynamic user values.
+ *
+ * Supports both preset options and advanced custom styling:
+ * - Outer (Section): background, customPadding, border (applies to full-width wrapper)
+ * - Inner (Content): innerBackground, innerPadding, innerBorder (applies to max-width container)
+ *
+ * Responsive Controls:
+ * - dimensions: Different max-width at different breakpoints
+ * - customPadding: Different outer padding at different breakpoints
+ * - innerPadding: Different inner padding at different breakpoints
+ * - margin: Different margins at different breakpoints
+ * - visibility: Show/hide at different breakpoints
+ */
+
+declare const ContainerConfig: ComponentConfig;
+
+/**
+ * Flex Component - Puck Configuration
+ *
+ * Flexbox layout following official Puck demo patterns.
+ * Uses Tailwind classes for layout, inline styles for dynamic user values.
+ *
+ * Supports both preset options and advanced custom styling:
+ * - Background: unified BackgroundField (solid, gradient, or image)
+ * - Advanced: customPadding, customWidth, border
+ *
+ * Responsive Controls:
+ * - dimensions: Different dimensions at different breakpoints
+ * - customPadding: Different padding at different breakpoints
+ * - margin: Different margins at different breakpoints
+ * - visibility: Show/hide at different breakpoints
+ */
+
+declare const FlexConfig: ComponentConfig;
+
+/**
+ * Grid Component - Puck Configuration
+ *
+ * CSS Grid layout following official Puck demo patterns.
+ * Responsive: stacks on mobile (flex column), grid on desktop (md+).
+ * Uses Tailwind classes for layout, inline styles for dynamic user values.
+ *
+ * Supports both preset options and advanced custom styling:
+ * - Background: unified BackgroundField (solid, gradient, or image)
+ * - Advanced: customPadding, customWidth, border
+ *
+ * Responsive Controls:
+ * - gap: Different gap at different breakpoints
+ * - visibility: Show/hide at different breakpoints
+ */
+
+declare const GridConfig: ComponentConfig;
+
+/**
+ * Section Component - Puck Configuration
+ *
+ * Full-width section with background options and content slot.
+ * Used as a top-level page section wrapper.
+ * Uses Tailwind classes for layout, inline styles for dynamic user values.
+ *
+ * Supports both preset options and advanced custom styling:
+ * - Background: unified BackgroundField (solid, gradient, or image)
+ * - Advanced: customPadding, customWidth, border
+ *
+ * Responsive Controls:
+ * - dimensions: Different dimensions at different breakpoints
+ * - customPadding: Different padding at different breakpoints
+ * - margin: Different margins at different breakpoints
+ * - visibility: Show/hide at different breakpoints
+ */
+
+declare const SectionConfig: ComponentConfig;
+
+/**
+ * Spacer Component - Puck Configuration
+ *
+ * Simple spacing component for adding vertical or horizontal space.
+ * Uses Tailwind classes for layout and sizing from predefined options.
+ *
+ * Responsive Controls:
+ * - visibility: Show/hide at different breakpoints
+ */
+
+declare const SpacerConfig: ComponentConfig;
+
+/**
+ * Template Component - Puck Configuration
+ *
+ * A reusable template container that allows saving and loading
+ * pre-configured component arrangements from the Payload CMS.
+ *
+ * Use this component to:
+ * - Create reusable page sections
+ * - Save common component patterns as templates
+ * - Quickly load pre-built layouts
+ *
+ * Responsive Controls:
+ * - dimensions: Different dimensions at different breakpoints
+ * - customPadding: Different padding at different breakpoints
+ * - margin: Different margins at different breakpoints
+ * - visibility: Show/hide at different breakpoints
+ */
+
+interface TemplateProps {
+    /** Slot for nested components */
+    content: unknown;
+    /** ID of the currently loaded template (or null if none) */
+    templateId: string | null;
+    /** Responsive dimensions */
+    dimensions: ResponsiveValue<DimensionsValue> | DimensionsValue | null;
+    /** Responsive padding */
+    customPadding: ResponsiveValue<PaddingValue> | PaddingValue | null;
+    /** Responsive margin */
+    margin: ResponsiveValue<PaddingValue> | PaddingValue | null;
+    /** Responsive visibility */
+    visibility: VisibilityValue | null;
+}
+declare const TemplateConfig: ComponentConfig;
+
+/**
+ * Template Component - Server-safe Configuration
+ *
+ * A reusable template container for rendering nested components.
+ * This server-safe version excludes the TemplateField (which requires client-side APIs).
+ *
+ * For the full editor experience with template loading, use Template.tsx
+ *
+ * Responsive Controls:
+ * - dimensions: Different dimensions at different breakpoints
+ * - customPadding: Different padding at different breakpoints
+ * - margin: Different margins at different breakpoints
+ * - visibility: Show/hide at different breakpoints
+ */
+
+declare const TemplateServerConfig: ComponentConfig;
+
+/**
+ * Heading Component - Puck Configuration
+ *
+ * H1-H6 headings with customizable styling.
+ * Supports custom margin for spacing control.
+ */
+
+declare const HeadingConfig: ComponentConfig;
+
+/**
+ * Text Component - Puck Configuration
+ *
+ * Simple paragraph text with customizable styling.
+ */
+
+declare const TextConfig: ComponentConfig;
+
+/**
+ * RichText Component - Puck Server Configuration
+ *
+ * Server-safe config for rendering. Uses a simple textarea for the field.
+ * The editor config (RichText.editor.tsx) uses Tiptap for the visual editor.
+ */
+
+declare const RichTextConfig: ComponentConfig;
+
+declare const RichTextEditorConfig: ComponentConfig;
+
+/**
+ * Image Component - Puck Configuration
+ *
+ * Standalone image block with optional link wrapper.
+ * Server-safe version using standard HTML img element.
+ *
+ * Responsive Controls:
+ * - visibility: Show/hide at different breakpoints
+ */
+
+declare const ImageConfig: ComponentConfig;
+
+/**
+ * Button Component - Puck Configuration
+ *
+ * CTA button with customizable styling and link support.
+ */
+
+declare const ButtonConfig: ComponentConfig;
+
+/**
+ * Card Component - Puck Configuration
+ *
+ * Content card with image, heading, and text.
+ */
+
+declare const CardConfig: ComponentConfig;
+
+/**
+ * Divider Component - Puck Configuration
+ *
+ * Horizontal line separator with customizable style.
+ */
+
+declare const DividerConfig: ComponentConfig;
+
+/**
+ * Accordion Component - Puck Configuration
+ *
+ * Expandable sections with collapsible content.
+ * Uses plain HTML/CSS for the accordion behavior.
+ * Supports custom margin for spacing control.
+ */
+
+declare const AccordionConfig: ComponentConfig;
+
+export { AccordionConfig, ButtonConfig, CardConfig, ContainerConfig, DividerConfig, FlexConfig, GridConfig, HeadingConfig, ImageConfig, RichTextConfig, RichTextEditorConfig, SectionConfig, SpacerConfig, TemplateConfig, type TemplateProps, TemplateServerConfig, TextConfig };