@delmaredigital/payload-puck 0.2.0 → 0.3.0

package/dist/fields/FlexAlignmentField.d.ts

@@ -0,0 +1,61 @@
+/**
+ * FlexAlignmentField - Icon toggle buttons for flexbox alignment properties
+ *
+ * Provides two specialized fields:
+ * - JustifyContentField: Controls main-axis distribution (horizontal in row, vertical in column)
+ * - AlignItemsField: Controls cross-axis alignment (vertical in row, horizontal in column)
+ */
+import React from 'react';
+import type { CustomField } from '@measured/puck';
+export type JustifyContent = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around';
+export type AlignItems = 'flex-start' | 'center' | 'flex-end' | 'stretch';
+interface JustifyContentFieldProps {
+    value: JustifyContent | null;
+    onChange: (value: JustifyContent | null) => void;
+    label?: string;
+    readOnly?: boolean;
+    defaultValue?: JustifyContent;
+}
+interface AlignItemsFieldProps {
+    value: AlignItems | null;
+    onChange: (value: AlignItems | null) => void;
+    label?: string;
+    readOnly?: boolean;
+    defaultValue?: AlignItems;
+}
+declare function JustifyContentFieldInner({ value, onChange, label, readOnly, defaultValue, }: JustifyContentFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare const JustifyContentField: React.MemoExoticComponent<typeof JustifyContentFieldInner>;
+declare function AlignItemsFieldInner({ value, onChange, label, readOnly, defaultValue, }: AlignItemsFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare const AlignItemsField: React.MemoExoticComponent<typeof AlignItemsFieldInner>;
+interface CreateJustifyContentFieldConfig {
+    label?: string;
+    defaultValue?: JustifyContent;
+}
+interface CreateAlignItemsFieldConfig {
+    label?: string;
+    defaultValue?: AlignItems;
+}
+/**
+ * Creates a Puck field configuration for flex justify-content control
+ *
+ * @example
+ * ```ts
+ * fields: {
+ *   justifyContent: createJustifyContentField({ label: 'Justify Content' }),
+ * }
+ * ```
+ */
+export declare function createJustifyContentField(config?: CreateJustifyContentFieldConfig): CustomField<JustifyContent | null>;
+/**
+ * Creates a Puck field configuration for flex align-items control
+ *
+ * @example
+ * ```ts
+ * fields: {
+ *   alignItems: createAlignItemsField({ label: 'Align Items' }),
+ * }
+ * ```
+ */
+export declare function createAlignItemsField(config?: CreateAlignItemsFieldConfig): CustomField<AlignItems | null>;
+export {};
+//# sourceMappingURL=FlexAlignmentField.d.ts.map

package/dist/fields/FlexAlignmentField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexAlignmentField.d.ts","sourceRoot":"","sources":["../../src/fields/FlexAlignmentField.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAgD,MAAM,OAAO,CAAA;AACpE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAkBjD,MAAM,MAAM,cAAc,GAAG,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,eAAe,GAAG,cAAc,CAAA;AACpG,MAAM,MAAM,UAAU,GAAG,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAA;AAEzE,UAAU,wBAAwB;IAChC,KAAK,EAAE,cAAc,GAAG,IAAI,CAAA;IAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAA;IAChD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,cAAc,CAAA;CAC9B;AAED,UAAU,oBAAoB;IAC5B,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAA;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,UAAU,CAAA;CAC1B;AA2ED,iBAAS,wBAAwB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,KAAyB,EACzB,QAAQ,EACR,YAA2B,GAC5B,EAAE,wBAAwB,2CA2D1B;AAED,eAAO,MAAM,mBAAmB,4DAAiC,CAAA;AAMjE,iBAAS,oBAAoB,CAAC,EAC5B,KAAK,EACL,QAAQ,EACR,KAAqB,EACrB,QAAQ,EACR,YAAuB,GACxB,EAAE,oBAAoB,2CA0DtB;AAED,eAAO,MAAM,eAAe,wDAA6B,CAAA;AAMzD,UAAU,+BAA+B;IACvC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,cAAc,CAAA;CAC9B;AAED,UAAU,2BAA2B;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY,CAAC,EAAE,UAAU,CAAA;CAC1B;AAED;;;;;;;;;GASG;AACH,wBAAgB,yBAAyB,CACvC,MAAM,GAAE,+BAAoC,GAC3C,WAAW,CAAC,cAAc,GAAG,IAAI,CAAC,CAcpC;AAED;;;;;;;;;GASG;AACH,wBAAgB,qBAAqB,CACnC,MAAM,GAAE,2BAAgC,GACvC,WAAW,CAAC,UAAU,GAAG,IAAI,CAAC,CAchC"}

package/dist/fields/FlexAlignmentField.js

@@ -0,0 +1,166 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * FlexAlignmentField - Icon toggle buttons for flexbox alignment properties
+ *
+ * Provides two specialized fields:
+ * - JustifyContentField: Controls main-axis distribution (horizontal in row, vertical in column)
+ * - AlignItemsField: Controls cross-axis alignment (vertical in row, horizontal in column)
+ */
+import { useCallback, memo } from 'react';
+import { AlignLeft, AlignCenter, AlignRight, AlignHorizontalDistributeCenter, GripHorizontal, AlignStartVertical, AlignCenterVertical, AlignEndVertical, MoveVertical, X, } from 'lucide-react';
+// =============================================================================
+// Styles
+// =============================================================================
+const styles = {
+    container: {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '8px',
+    },
+    header: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+    },
+    label: {
+        fontSize: '14px',
+        fontWeight: 500,
+        color: 'var(--theme-elevation-800)',
+    },
+    clearButton: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        width: '24px',
+        height: '24px',
+        padding: 0,
+        border: 'none',
+        borderRadius: '4px',
+        backgroundColor: 'transparent',
+        color: 'var(--theme-elevation-500)',
+        cursor: 'pointer',
+    },
+    buttonGroup: {
+        display: 'flex',
+        gap: '4px',
+    },
+    button: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        width: '32px',
+        height: '32px',
+        padding: 0,
+        border: '1px solid var(--theme-elevation-150)',
+        borderRadius: '4px',
+        backgroundColor: 'var(--theme-bg)',
+        color: 'var(--theme-elevation-700)',
+        cursor: 'pointer',
+    },
+    buttonActive: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        width: '32px',
+        height: '32px',
+        padding: 0,
+        border: '1px solid var(--theme-elevation-800)',
+        borderRadius: '4px',
+        backgroundColor: 'var(--theme-elevation-800)',
+        color: 'var(--theme-bg)',
+        cursor: 'pointer',
+    },
+    buttonDisabled: {
+        opacity: 0.5,
+        cursor: 'not-allowed',
+    },
+};
+// =============================================================================
+// JustifyContentField Component
+// =============================================================================
+function JustifyContentFieldInner({ value, onChange, label = 'Justify Content', readOnly, defaultValue = 'flex-start', }) {
+    const currentValue = value ?? defaultValue;
+    const handleChange = useCallback((justifyContent) => {
+        onChange(justifyContent);
+    }, [onChange]);
+    const handleClear = useCallback(() => {
+        onChange(null);
+    }, [onChange]);
+    const options = [
+        { value: 'flex-start', icon: AlignLeft, title: 'Start' },
+        { value: 'center', icon: AlignCenter, title: 'Center' },
+        { value: 'flex-end', icon: AlignRight, title: 'End' },
+        { value: 'space-between', icon: AlignHorizontalDistributeCenter, title: 'Space Between' },
+        { value: 'space-around', icon: GripHorizontal, title: 'Space Around' },
+    ];
+    return (_jsxs("div", { className: "puck-field", style: styles.container, children: [_jsxs("div", { style: styles.header, children: [_jsx("label", { style: styles.label, children: label }), value && !readOnly && (_jsx("button", { type: "button", onClick: handleClear, style: styles.clearButton, title: "Reset to default", children: _jsx(X, { style: { width: '16px', height: '16px' } }) }))] }), _jsx("div", { style: styles.buttonGroup, children: options.map(({ value: optionValue, icon: Icon, title }) => {
+                    const isActive = currentValue === optionValue;
+                    return (_jsx("button", { type: "button", onClick: () => handleChange(optionValue), disabled: readOnly, style: {
+                            ...(isActive ? styles.buttonActive : styles.button),
+                            ...(readOnly ? styles.buttonDisabled : {}),
+                        }, title: title, children: _jsx(Icon, { style: { width: '16px', height: '16px' } }) }, optionValue));
+                }) })] }));
+}
+export const JustifyContentField = memo(JustifyContentFieldInner);
+// =============================================================================
+// AlignItemsField Component
+// =============================================================================
+function AlignItemsFieldInner({ value, onChange, label = 'Align Items', readOnly, defaultValue = 'center', }) {
+    const currentValue = value ?? defaultValue;
+    const handleChange = useCallback((alignItems) => {
+        onChange(alignItems);
+    }, [onChange]);
+    const handleClear = useCallback(() => {
+        onChange(null);
+    }, [onChange]);
+    const options = [
+        { value: 'flex-start', icon: AlignStartVertical, title: 'Start' },
+        { value: 'center', icon: AlignCenterVertical, title: 'Center' },
+        { value: 'flex-end', icon: AlignEndVertical, title: 'End' },
+        { value: 'stretch', icon: MoveVertical, title: 'Stretch' },
+    ];
+    return (_jsxs("div", { className: "puck-field", style: styles.container, children: [_jsxs("div", { style: styles.header, children: [_jsx("label", { style: styles.label, children: label }), value && !readOnly && (_jsx("button", { type: "button", onClick: handleClear, style: styles.clearButton, title: "Reset to default", children: _jsx(X, { style: { width: '16px', height: '16px' } }) }))] }), _jsx("div", { style: styles.buttonGroup, children: options.map(({ value: optionValue, icon: Icon, title }) => {
+                    const isActive = currentValue === optionValue;
+                    return (_jsx("button", { type: "button", onClick: () => handleChange(optionValue), disabled: readOnly, style: {
+                            ...(isActive ? styles.buttonActive : styles.button),
+                            ...(readOnly ? styles.buttonDisabled : {}),
+                        }, title: title, children: _jsx(Icon, { style: { width: '16px', height: '16px' } }) }, optionValue));
+                }) })] }));
+}
+export const AlignItemsField = memo(AlignItemsFieldInner);
+/**
+ * Creates a Puck field configuration for flex justify-content control
+ *
+ * @example
+ * ```ts
+ * fields: {
+ *   justifyContent: createJustifyContentField({ label: 'Justify Content' }),
+ * }
+ * ```
+ */
+export function createJustifyContentField(config = {}) {
+    return {
+        type: 'custom',
+        label: config.label,
+        render: ({ value, onChange, readOnly }) => (_jsx(JustifyContentField, { value: value, onChange: onChange, label: config.label, readOnly: readOnly, defaultValue: config.defaultValue })),
+    };
+}
+/**
+ * Creates a Puck field configuration for flex align-items control
+ *
+ * @example
+ * ```ts
+ * fields: {
+ *   alignItems: createAlignItemsField({ label: 'Align Items' }),
+ * }
+ * ```
+ */
+export function createAlignItemsField(config = {}) {
+    return {
+        type: 'custom',
+        label: config.label,
+        render: ({ value, onChange, readOnly }) => (_jsx(AlignItemsField, { value: value, onChange: onChange, label: config.label, readOnly: readOnly, defaultValue: config.defaultValue })),
+    };
+}
+//# sourceMappingURL=FlexAlignmentField.js.map

package/dist/fields/FlexAlignmentField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexAlignmentField.js","sourceRoot":"","sources":["../../src/fields/FlexAlignmentField.tsx"],"names":[],"mappings":"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"}

package/dist/fields/FolderPickerField.d.ts

@@ -0,0 +1,17 @@
+import type { CustomField } from '@measured/puck';
+interface FolderPickerFieldProps {
+    value: string | null;
+    onChange: (value: string | null) => void;
+    label?: string;
+    folderSlug?: string;
+}
+export declare function FolderPickerField({ value, onChange, label, folderSlug, }: FolderPickerFieldProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Creates a Puck field configuration for folder selection
+ */
+export declare function createFolderPickerField(config?: {
+    label?: string;
+    folderSlug?: string;
+}): CustomField<string | null>;
+export {};
+//# sourceMappingURL=FolderPickerField.d.ts.map

package/dist/fields/FolderPickerField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FolderPickerField.d.ts","sourceRoot":"","sources":["../../src/fields/FolderPickerField.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAcjD,UAAU,sBAAsB;IAC9B,KAAK,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IACxC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB;AAkUD,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,KAAgB,EAChB,UAA8B,GAC/B,EAAE,sBAAsB,2CAmKxB;AAMD;;GAEG;AACH,wBAAgB,uBAAuB,CAAC,MAAM,CAAC,EAAE;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB,GAAG,WAAW,CAAC,MAAM,GAAG,IAAI,CAAC,CAa7B"}

package/dist/fields/FolderPickerField.js

@@ -0,0 +1,282 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * FolderPickerField - Custom Puck field for folder selection
+ *
+ * Integrates with @delmaredigital/payload-page-tree to allow
+ * selecting folders from within the Puck editor.
+ */
+import { useState, useEffect } from 'react';
+import { Folder, FolderOpen, FolderPlus, ChevronRight, ChevronDown, Check, X } from 'lucide-react';
+// =============================================================================
+// Folder Path Hook
+// =============================================================================
+/**
+ * Fetches the folder path for display
+ */
+function useFolderPath(folderId, folderSlug = 'payload-folders') {
+    const [folderPath, setFolderPath] = useState(null);
+    const [loading, setLoading] = useState(false);
+    useEffect(() => {
+        if (!folderId) {
+            setFolderPath(null);
+            return;
+        }
+        async function fetchPath() {
+            setLoading(true);
+            try {
+                // Fetch folder and build path by traversing parents
+                const response = await fetch(`/api/${folderSlug}/${folderId}?depth=2`);
+                if (!response.ok) {
+                    setFolderPath(null);
+                    return;
+                }
+                const folder = await response.json();
+                const pathParts = [];
+                // Build path from folder hierarchy
+                let current = folder;
+                while (current) {
+                    if (current.pathSegment || current.name) {
+                        pathParts.unshift(current.pathSegment || current.name);
+                    }
+                    current = current.folder;
+                }
+                setFolderPath(pathParts.length > 0 ? `/${pathParts.join('/')}` : null);
+            }
+            catch (error) {
+                console.error('Error fetching folder path:', error);
+                setFolderPath(null);
+            }
+            finally {
+                setLoading(false);
+            }
+        }
+        fetchPath();
+    }, [folderId, folderSlug]);
+    return { folderPath, loading };
+}
+/**
+ * Fetches all folders for the tree
+ */
+function useFolders(folderSlug = 'payload-folders') {
+    const [folders, setFolders] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [fetchCount, setFetchCount] = useState(0);
+    const refetch = () => setFetchCount((c) => c + 1);
+    useEffect(() => {
+        async function fetchFolders() {
+            setLoading(true);
+            try {
+                const response = await fetch(`/api/${folderSlug}?limit=1000&sort=name`);
+                if (!response.ok) {
+                    setFolders([]);
+                    return;
+                }
+                const data = await response.json();
+                const allFolders = data.docs || [];
+                // Build tree structure
+                const folderMap = new Map();
+                const rootFolders = [];
+                // First pass: create all nodes
+                for (const folder of allFolders) {
+                    folderMap.set(folder.id, {
+                        id: folder.id,
+                        name: folder.name,
+                        pathSegment: folder.pathSegment,
+                        children: [],
+                    });
+                }
+                // Second pass: build hierarchy
+                for (const folder of allFolders) {
+                    const node = folderMap.get(folder.id);
+                    const parentId = typeof folder.folder === 'object' ? folder.folder?.id : folder.folder;
+                    if (parentId && folderMap.has(parentId)) {
+                        folderMap.get(parentId).children.push(node);
+                    }
+                    else {
+                        rootFolders.push(node);
+                    }
+                }
+                // Sort children by name
+                const sortChildren = (nodes) => {
+                    nodes.sort((a, b) => a.name.localeCompare(b.name));
+                    for (const node of nodes) {
+                        if (node.children?.length) {
+                            sortChildren(node.children);
+                        }
+                    }
+                };
+                sortChildren(rootFolders);
+                setFolders(rootFolders);
+            }
+            catch (error) {
+                console.error('Error fetching folders:', error);
+                setFolders([]);
+            }
+            finally {
+                setLoading(false);
+            }
+        }
+        fetchFolders();
+    }, [folderSlug, fetchCount]);
+    return { folders, loading, refetch };
+}
+// =============================================================================
+// FolderTree Component
+// =============================================================================
+function FolderTreeItem({ folder, selectedId, onSelect, expandedIds, onToggleExpand, level = 0, }) {
+    const hasChildren = folder.children && folder.children.length > 0;
+    const isExpanded = expandedIds.has(folder.id);
+    const isSelected = folder.id === selectedId;
+    return (_jsxs("div", { children: [_jsxs("div", { style: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    padding: '6px 8px',
+                    paddingLeft: `${8 + level * 16}px`,
+                    cursor: 'pointer',
+                    borderRadius: '4px',
+                    backgroundColor: isSelected ? 'var(--puck-color-azure-12)' : 'transparent',
+                    transition: 'background-color 0.1s ease',
+                }, onClick: () => onSelect(folder.id), onMouseEnter: (e) => {
+                    if (!isSelected) {
+                        e.currentTarget.style.backgroundColor = 'var(--puck-color-grey-11)';
+                    }
+                }, onMouseLeave: (e) => {
+                    if (!isSelected) {
+                        e.currentTarget.style.backgroundColor = 'transparent';
+                    }
+                }, children: [hasChildren ? (_jsx("button", { type: "button", onClick: (e) => {
+                            e.stopPropagation();
+                            onToggleExpand(folder.id);
+                        }, style: {
+                            background: 'none',
+                            border: 'none',
+                            padding: '2px',
+                            cursor: 'pointer',
+                            color: 'var(--puck-color-grey-05)',
+                            display: 'flex',
+                            alignItems: 'center',
+                        }, children: isExpanded ? _jsx(ChevronDown, { size: 14 }) : _jsx(ChevronRight, { size: 14 }) })) : (_jsx("span", { style: { width: '18px' } })), isExpanded ? (_jsx(FolderOpen, { size: 16, style: { marginRight: '8px', color: 'var(--puck-color-azure-06)' } })) : (_jsx(Folder, { size: 16, style: { marginRight: '8px', color: 'var(--puck-color-grey-05)' } })), _jsx("span", { style: {
+                            fontSize: '14px',
+                            color: isSelected ? 'var(--puck-color-azure-04)' : 'var(--puck-color-grey-04)',
+                            flex: 1,
+                        }, children: folder.name }), isSelected && (_jsx(Check, { size: 14, style: { color: 'var(--puck-color-azure-04)' } }))] }), hasChildren && isExpanded && (_jsx("div", { children: folder.children.map((child) => (_jsx(FolderTreeItem, { folder: child, selectedId: selectedId, onSelect: onSelect, expandedIds: expandedIds, onToggleExpand: onToggleExpand, level: level + 1 }, child.id))) }))] }));
+}
+function FolderTree({ folders, selectedId, onSelect, expandedIds, onToggleExpand, }) {
+    if (folders.length === 0) {
+        return (_jsx("div", { style: { padding: '16px', textAlign: 'center', color: 'var(--puck-color-grey-05)' }, children: "No folders found" }));
+    }
+    return (_jsxs("div", { style: { maxHeight: '300px', overflowY: 'auto' }, children: [_jsxs("div", { style: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    padding: '6px 8px',
+                    cursor: 'pointer',
+                    borderRadius: '4px',
+                    backgroundColor: selectedId === null ? 'var(--puck-color-azure-12)' : 'transparent',
+                    borderBottom: '1px solid var(--puck-color-grey-09)',
+                    marginBottom: '4px',
+                }, onClick: () => onSelect(null), children: [_jsx(Folder, { size: 16, style: { marginRight: '8px', color: 'var(--puck-color-grey-05)' } }), _jsx("span", { style: {
+                            fontSize: '14px',
+                            color: selectedId === null ? 'var(--puck-color-azure-04)' : 'var(--puck-color-grey-04)',
+                            fontStyle: 'italic',
+                            flex: 1,
+                        }, children: "(No folder - root level)" }), selectedId === null && (_jsx(Check, { size: 14, style: { color: 'var(--puck-color-azure-04)' } }))] }), folders.map((folder) => (_jsx(FolderTreeItem, { folder: folder, selectedId: selectedId, onSelect: onSelect, expandedIds: expandedIds, onToggleExpand: onToggleExpand }, folder.id)))] }));
+}
+// =============================================================================
+// FolderPickerField Component
+// =============================================================================
+export function FolderPickerField({ value, onChange, label = 'Folder', folderSlug = 'payload-folders', }) {
+    const [isOpen, setIsOpen] = useState(false);
+    const [expandedIds, setExpandedIds] = useState(new Set());
+    const { folderPath, loading: pathLoading } = useFolderPath(value, folderSlug);
+    const { folders, loading: foldersLoading, refetch } = useFolders(folderSlug);
+    const handleToggleExpand = (folderId) => {
+        setExpandedIds((prev) => {
+            const next = new Set(prev);
+            if (next.has(folderId)) {
+                next.delete(folderId);
+            }
+            else {
+                next.add(folderId);
+            }
+            return next;
+        });
+    };
+    const handleSelect = (folderId) => {
+        onChange(folderId);
+        setIsOpen(false);
+    };
+    const handleOpenDropdown = () => {
+        if (!isOpen) {
+            // Refetch folders when opening to get any newly created ones
+            refetch();
+        }
+        setIsOpen(!isOpen);
+    };
+    return (_jsxs("div", { className: "puck-field", style: { position: 'relative' }, children: [_jsx("label", { style: { display: 'block', fontSize: '14px', fontWeight: 500, color: 'var(--puck-color-grey-04)', marginBottom: '8px' }, children: label }), _jsxs("div", { style: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    padding: '8px 12px',
+                    border: '1px solid var(--puck-color-grey-09)',
+                    borderRadius: '6px',
+                    backgroundColor: 'var(--puck-color-white)',
+                    cursor: 'pointer',
+                }, onClick: handleOpenDropdown, children: [_jsx(Folder, { size: 16, style: { marginRight: '8px', color: 'var(--puck-color-grey-05)' } }), _jsx("span", { style: {
+                            flex: 1,
+                            fontSize: '14px',
+                            color: value ? 'var(--puck-color-grey-04)' : 'var(--puck-color-grey-06)',
+                            fontStyle: value ? 'normal' : 'italic',
+                        }, children: pathLoading ? 'Loading...' : folderPath || '(Root level)' }), _jsx(ChevronDown, { size: 16, style: {
+                            color: 'var(--puck-color-grey-05)',
+                            transform: isOpen ? 'rotate(180deg)' : 'rotate(0deg)',
+                            transition: 'transform 0.2s ease',
+                        } })] }), isOpen && (_jsxs("div", { style: {
+                    position: 'absolute',
+                    top: '100%',
+                    left: 0,
+                    right: 0,
+                    marginTop: '4px',
+                    backgroundColor: 'var(--puck-color-white)',
+                    border: '1px solid var(--puck-color-grey-09)',
+                    borderRadius: '6px',
+                    boxShadow: '0 4px 12px rgba(0, 0, 0, 0.15)',
+                    zIndex: 1000,
+                }, children: [_jsxs("div", { style: {
+                            display: 'flex',
+                            alignItems: 'center',
+                            justifyContent: 'space-between',
+                            padding: '8px 12px',
+                            borderBottom: '1px solid var(--puck-color-grey-09)',
+                        }, children: [_jsx("span", { style: { fontSize: '14px', fontWeight: 500, color: 'var(--puck-color-grey-04)' }, children: "Select Folder" }), _jsx("button", { type: "button", onClick: () => setIsOpen(false), style: {
+                                    background: 'none',
+                                    border: 'none',
+                                    padding: '4px',
+                                    cursor: 'pointer',
+                                    color: 'var(--puck-color-grey-05)',
+                                    display: 'flex',
+                                    alignItems: 'center',
+                                }, children: _jsx(X, { size: 16 }) })] }), _jsx("div", { style: { padding: '8px' }, children: foldersLoading ? (_jsx("div", { style: { padding: '16px', textAlign: 'center', color: 'var(--puck-color-grey-05)' }, children: "Loading folders..." })) : (_jsx(FolderTree, { folders: folders, selectedId: value, onSelect: handleSelect, expandedIds: expandedIds, onToggleExpand: handleToggleExpand })) }), _jsx("div", { style: {
+                            borderTop: '1px solid var(--puck-color-grey-09)',
+                            padding: '8px 12px',
+                        }, children: _jsxs("a", { href: "/admin/page-tree", target: "_blank", rel: "noopener noreferrer", style: {
+                                display: 'flex',
+                                alignItems: 'center',
+                                fontSize: '13px',
+                                color: 'var(--puck-color-azure-05)',
+                                textDecoration: 'none',
+                            }, onClick: () => setIsOpen(false), children: [_jsx(FolderPlus, { size: 14, style: { marginRight: '6px' } }), "Manage folders"] }) })] }))] }));
+}
+// =============================================================================
+// Field Configuration Factory
+// =============================================================================
+/**
+ * Creates a Puck field configuration for folder selection
+ */
+export function createFolderPickerField(config) {
+    return {
+        type: 'custom',
+        label: config?.label ?? 'Folder',
+        render: ({ value, onChange }) => (_jsx(FolderPickerField, { value: value, onChange: onChange, label: config?.label, folderSlug: config?.folderSlug })),
+    };
+}
+//# sourceMappingURL=FolderPickerField.js.map

package/dist/fields/FolderPickerField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FolderPickerField.js","sourceRoot":"","sources":["../../src/fields/FolderPickerField.tsx"],"names":[],"mappings":"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"}

package/dist/fields/GradientEditor.d.ts

@@ -0,0 +1,22 @@
+/**
+ * GradientEditor - Component for editing gradient values
+ *
+ * This component provides:
+ * - Type selector (linear/radial toggle)
+ * - Angle slider for linear gradients (0-360)
+ * - Shape and position selectors for radial gradients
+ * - Gradient stops list with color pickers and position sliders
+ * - Add/remove stop buttons
+ * - Visual gradient preview bar
+ */
+import React from 'react';
+import type { GradientValue } from './shared';
+interface GradientEditorProps {
+    value: GradientValue | null;
+    onChange: (value: GradientValue) => void;
+    readOnly?: boolean;
+}
+declare function GradientEditorInner({ value, onChange, readOnly }: GradientEditorProps): import("react/jsx-runtime").JSX.Element;
+export declare const GradientEditor: React.MemoExoticComponent<typeof GradientEditorInner>;
+export {};
+//# sourceMappingURL=GradientEditor.d.ts.map

package/dist/fields/GradientEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GradientEditor.d.ts","sourceRoot":"","sources":["../../src/fields/GradientEditor.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AAEH,OAAO,KAA0D,MAAM,OAAO,CAAA;AAE9E,OAAO,KAAK,EAAE,aAAa,EAA4B,MAAM,UAAU,CAAA;AAOvE,UAAU,mBAAmB;IAC3B,KAAK,EAAE,aAAa,GAAG,IAAI,CAAA;IAC3B,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAA;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAwYD,iBAAS,mBAAmB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CA8L9E;AAED,eAAO,MAAM,cAAc,uDAA4B,CAAA"}