@woodylab/payload 0.0.37 → 0.0.38

package/dist/fieldSectionTabs-B2XLxdEW.js

@@ -1,919 +0,0 @@
-import { a as TailwindContainerWidths, b as TailwindHeights, c as TailwindViewportHeights } from './index-5EL7OntE.js';
-import { g as getNumberValueFromClassNameString } from './getNumberValueFromClassNameString-DyZ9P1fd.js';
-
-const fieldText = (override) => ({
-    name: 'text',
-    label: 'Text',
-    type: 'text',
-    required: true,
-    ...override,
-});
-
-const fieldUpload = (relationTo, override) => ({
-    name: 'upload',
-    label: 'upload',
-    type: 'upload',
-    required: false,
-    relationTo,
-    ...override,
-});
-
-const fieldArray = (override) => ({
-    name: 'list',
-    label: 'List',
-    type: 'array',
-    fields: [],
-    required: false,
-    ...override,
-});
-
-const fieldCheckbox = (override) => ({
-    name: 'checkbox',
-    label: 'Checkbox',
-    type: 'checkbox',
-    required: false,
-    admin: {
-        description: 'Enable or disable the checkbox',
-    },
-    ...override,
-});
-
-const fieldNumber = (override) => ({
-    name: 'number',
-    label: 'Number',
-    type: 'number',
-    required: false,
-    ...override,
-});
-
-const fieldRelationship = (relationTo, override) => ({
-    name: 'relationship',
-    label: 'Relationship',
-    type: 'relationship',
-    relationTo,
-    required: false,
-    ...override,
-});
-
-const fieldRichText = (override) => ({
-    name: 'richText',
-    label: 'Rich Text',
-    type: 'richText',
-    required: false,
-    admin: {
-        placeholder: 'Insert text here',
-        rows: 5,
-    },
-    ...override,
-});
-
-const fieldSelect = (override) => ({
-    name: 'select',
-    label: 'select',
-    type: 'select',
-    required: false,
-    hasMany: false,
-    ...override,
-});
-
-/**
- * Genera un campo per la selezione delle larghezze del container
- * @returns Field - Campo di tipo `select` per PayloadCMS
- */
-const fieldContainerWidths = () => {
-    return fieldSelect({
-        name: 'container',
-        label: 'Larghezza del container',
-        options: [{ value: '', label: '(Nessuno)' }, ...TailwindContainerWidths],
-        admin: {
-            description: 'Seleziona una larghezza massima per il container. Usa "None" per una larghezza a schermo intero.',
-        },
-    });
-};
-
-const fieldThemeColor = (override) => ({
-    name: override?.name || 'color',
-    label: override?.label || 'Colore',
-    type: 'select',
-    required: override?.required ?? false,
-    options: [
-        { label: 'Default', value: '' },
-        { label: 'Foreground', value: 'foreground' },
-        { label: 'Primary', value: 'primary' },
-        { label: 'Secondary', value: 'secondary' },
-        { label: 'Accent', value: 'accent' },
-        { label: 'Dark', value: 'dark' },
-        { label: 'Light', value: 'light' },
-        { label: 'White', value: 'white' },
-        { label: 'Black', value: 'black' },
-    ],
-    admin: {
-        ...override?.admin,
-    },
-});
-
-/**
- * Genera un campo per la selezione delle altezze
- * @returns Field - Campo di tipo `select` per PayloadCMS
- */
-const fieldHeights = () => {
-    return fieldSelect({
-        name: 'h',
-        label: 'Altezza',
-        type: 'select',
-        defaultValue: 'h-full',
-        options: [
-            { value: '', label: '(Nessuno)' },
-            ...TailwindHeights.map((h) => ({ value: `h-${h}`, label: h })),
-        ],
-        admin: {
-            description: 'Definisce l’altezza dell’elemento.',
-        },
-    });
-};
-
-/**
- * Genera un campo per la selezione dinamica dei margini
- * @returns Field - Campo di tipo `group` per PayloadCMS
- */
-const fieldMargins = () => {
-    return {
-        label: 'Margini',
-        type: 'collapsible',
-        admin: {
-            initCollapsed: true,
-        },
-        fields: [
-            {
-                type: 'row',
-                fields: [
-                    fieldNumber({
-                        name: 'm-',
-                        label: 'Tutti i lati',
-                        virtual: true,
-                        min: 0,
-                        max: 96,
-                        admin: {
-                            width: '25%',
-                        },
-                        hooks: {
-                            afterRead: [getNumberValueFromClassNameString],
-                        },
-                    }),
-                    fieldNumber({
-                        name: 'mx-',
-                        label: 'Orizzontale',
-                        virtual: true,
-                        min: 0,
-                        max: 96,
-                        admin: {
-                            width: '25%',
-                        },
-                        hooks: {
-                            afterRead: [getNumberValueFromClassNameString],
-                        },
-                    }),
-                    fieldNumber({
-                        name: 'my-',
-                        label: 'Verticale',
-                        virtual: true,
-                        min: 0,
-                        max: 96,
-                        admin: {
-                            width: '25%',
-                        },
-                        hooks: {
-                            afterRead: [getNumberValueFromClassNameString],
-                        },
-                    }),
-                    fieldNumber({
-                        name: 'mt-',
-                        label: 'Top',
-                        virtual: true,
-                        min: 0,
-                        max: 96,
-                        admin: {
-                            width: '25%',
-                        },
-                        hooks: {
-                            afterRead: [getNumberValueFromClassNameString],
-                        },
-                    }),
-                    fieldNumber({
-                        name: 'mr-',
-                        label: 'Right',
-                        virtual: true,
-                        min: 0,
-                        max: 96,
-                        admin: {
-                            width: '25%',
-                        },
-                        hooks: {
-                            afterRead: [getNumberValueFromClassNameString],
-                        },
-                    }),
-                    fieldNumber({
-                        name: 'mb-',
-                        label: 'Bottom',
-                        virtual: true,
-                        min: 0,
-                        max: 96,
-                        admin: {
-                            width: '25%',
-                        },
-                        hooks: {
-                            afterRead: [getNumberValueFromClassNameString],
-                        },
-                    }),
-                    fieldNumber({
-                        name: 'ml-',
-                        label: 'Left',
-                        virtual: true,
-                        min: 0,
-                        max: 96,
-                        admin: {
-                            width: '25%',
-                        },
-                        hooks: {
-                            afterRead: [getNumberValueFromClassNameString],
-                        },
-                    }),
-                ],
-            },
-        ],
-    };
-};
-
-/**
- * Genera un campo per la selezione dinamica dei margini
- * @returns Field - Campo di tipo `group` per PayloadCMS
- */
-const fieldPaddings = () => {
-    return {
-        label: 'Paddings',
-        type: 'collapsible',
-        admin: {
-            initCollapsed: true,
-        },
-        fields: [
-            {
-                type: 'row',
-                fields: [
-                    fieldNumber({
-                        name: 'p-',
-                        label: 'Tutti i lati',
-                        virtual: true,
-                        min: 0,
-                        max: 96,
-                        admin: {
-                            width: '25%',
-                        },
-                        hooks: {
-                            afterRead: [getNumberValueFromClassNameString],
-                        },
-                    }),
-                    fieldNumber({
-                        name: 'px-',
-                        label: 'Orizzontale',
-                        virtual: true,
-                        min: 0,
-                        max: 96,
-                        admin: {
-                            width: '25%',
-                        },
-                        hooks: {
-                            afterRead: [getNumberValueFromClassNameString],
-                        },
-                    }),
-                    fieldNumber({
-                        name: 'py-',
-                        label: 'Verticale',
-                        virtual: true,
-                        min: 0,
-                        max: 96,
-                        admin: {
-                            width: '25%',
-                        },
-                        hooks: {
-                            afterRead: [getNumberValueFromClassNameString],
-                        },
-                    }),
-                    fieldNumber({
-                        name: 'pt-',
-                        label: 'Top',
-                        virtual: true,
-                        min: 0,
-                        max: 96,
-                        admin: {
-                            width: '25%',
-                        },
-                        hooks: {
-                            afterRead: [getNumberValueFromClassNameString],
-                        },
-                    }),
-                    fieldNumber({
-                        name: 'pr-',
-                        label: 'Right',
-                        virtual: true,
-                        min: 0,
-                        max: 96,
-                        admin: {
-                            width: '25%',
-                        },
-                        hooks: {
-                            afterRead: [getNumberValueFromClassNameString],
-                        },
-                    }),
-                    fieldNumber({
-                        name: 'pb-',
-                        label: 'Bottom',
-                        virtual: true,
-                        min: 0,
-                        max: 96,
-                        admin: {
-                            width: '25%',
-                        },
-                        hooks: {
-                            afterRead: [getNumberValueFromClassNameString],
-                        },
-                    }),
-                    fieldNumber({
-                        name: 'pl-',
-                        label: 'Left',
-                        virtual: true,
-                        min: 0,
-                        max: 96,
-                        admin: {
-                            width: '25%',
-                        },
-                        hooks: {
-                            afterRead: [getNumberValueFromClassNameString],
-                        },
-                    }),
-                ],
-            },
-        ],
-    };
-};
-
-const concatCssFields = (args) => {
-    const { value, siblingData, operation } = args;
-    const classes = [];
-    if (operation === 'create' || operation === 'update') {
-        Object.entries(siblingData).forEach(([key, val]) => {
-            if (key !== 'className' && val !== null && val !== undefined) {
-                classes.push(`${key}${val}`);
-            }
-        });
-    }
-    return classes.join(' ') || null;
-};
-const fieldCss = () => {
-    return {
-        name: 'css',
-        type: 'group',
-        label: 'Regole di stile',
-        fields: [
-            fieldText({
-                name: 'className',
-                label: 'className',
-                required: false,
-                hooks: {
-                    beforeChange: [concatCssFields],
-                },
-            }),
-            {
-                type: 'tabs',
-                tabs: [
-                    {
-                        label: 'Spacing',
-                        fields: [fieldMargins(), fieldPaddings()],
-                    },
-                ],
-            },
-        ],
-    };
-};
-
-const fieldContainerProps = (customFields = []) => {
-    return {
-        name: 'ctrP',
-        label: 'Proprietà container',
-        type: 'group',
-        fields: [
-            ...customFields,
-            fieldRichText({ name: 'body', label: 'Contenuto', required: false }),
-            fieldContainerWidths(),
-            {
-                type: 'tabs',
-                tabs: [
-                    {
-                        label: 'Stile',
-                        fields: [
-                            fieldUpload('media', { name: 'bgi', label: 'Immagine di sfondo' }),
-                            fieldThemeColor({ name: 'bgc', label: 'Colore di sfondo', required: false }),
-                            fieldSelect({
-                                name: 'borderRadius',
-                                type: 'select',
-                                label: 'Angoli arrotondati',
-                                defaultValue: 'rounded-none',
-                                options: [
-                                    { label: 'Nessuno', value: 'rounded-none' },
-                                    { label: 'Piccolo', value: 'rounded-sm' },
-                                    { label: 'Medio', value: 'rounded-md' },
-                                    { label: 'Grande', value: 'rounded-lg' },
-                                    { label: 'Extra Grande', value: 'rounded-xl' },
-                                    { label: 'Massimo', value: 'rounded-full' },
-                                ],
-                                admin: {
-                                    width: '50%',
-                                    description: 'Imposta lo stile degli angoli arrotondati del contenitore.',
-                                },
-                            }),
-                            fieldSelect({
-                                name: 'boxShadow',
-                                type: 'select',
-                                label: 'Ombra contenitore',
-                                defaultValue: 'shadow-none', // Default: nessuna ombra
-                                options: [
-                                    { label: 'Nessuna', value: 'shadow-none' },
-                                    { label: 'Piccola', value: 'shadow-sm' },
-                                    { label: 'Normale', value: 'shadow' },
-                                    { label: 'Media', value: 'shadow-md' },
-                                    { label: 'Grande', value: 'shadow-lg' },
-                                    { label: 'Extra Grande', value: 'shadow-xl' },
-                                    { label: 'Massima', value: 'shadow-2xl' },
-                                ],
-                                admin: {
-                                    width: '50%',
-                                    description: "Imposta lo stile dell'ombra per il contenitore.",
-                                },
-                            }),
-                        ],
-                    },
-                    {
-                        label: 'Dimensioni',
-                        fields: [fieldHeights()],
-                    },
-                ],
-            },
-            fieldCss(),
-        ],
-    };
-};
-
-const iconsList = [
-    { label: 'Academic Cap', value: 'AcademicCapIcon' },
-    { label: 'Adjustments Horizontal', value: 'AdjustmentsHorizontalIcon' },
-    { label: 'Adjustments Vertical', value: 'AdjustmentsVerticalIcon' },
-    { label: 'Archive Box Arrow Down', value: 'ArchiveBoxArrowDownIcon' },
-    { label: 'Archive Box X Mark', value: 'ArchiveBoxXMarkIcon' },
-    { label: 'Archive Box', value: 'ArchiveBoxIcon' },
-    { label: 'Arrow Down Circle', value: 'ArrowDownCircleIcon' },
-    { label: 'Arrow Down', value: 'ArrowDownIcon' },
-    { label: 'Arrow Left Circle', value: 'ArrowLeftCircleIcon' },
-    { label: 'Arrow Left', value: 'ArrowLeftIcon' },
-    { label: 'Arrow Right Circle', value: 'ArrowRightCircleIcon' },
-    { label: 'Arrow Right', value: 'ArrowRightIcon' },
-    { label: 'Arrow Up Circle', value: 'ArrowUpCircleIcon' },
-    { label: 'Arrow Up', value: 'ArrowUpIcon' },
-    { label: 'Bell Alert', value: 'BellAlertIcon' },
-    { label: 'Bell', value: 'BellIcon' },
-    { label: 'Bookmark Square', value: 'BookmarkSquareIcon' },
-    { label: 'Bookmark', value: 'BookmarkIcon' },
-    { label: 'Building Office', value: 'BuildingOfficeIcon' },
-    { label: 'Calendar', value: 'CalendarIcon' },
-    { label: 'Camera', value: 'CameraIcon' },
-    { label: 'Chart Bar', value: 'ChartBarIcon' },
-    { label: 'Chat Bubble Left Right', value: 'ChatBubbleLeftRightIcon' },
-    { label: 'Chat Bubble Left', value: 'ChatBubbleLeftIcon' },
-    { label: 'Check Circle', value: 'CheckCircleIcon' },
-    { label: 'Check', value: 'CheckIcon' },
-    { label: 'Chevron Down', value: 'ChevronDownIcon' },
-    { label: 'Chevron Left', value: 'ChevronLeftIcon' },
-    { label: 'Chevron Right', value: 'ChevronRightIcon' },
-    { label: 'Chevron Up', value: 'ChevronUpIcon' },
-    { label: 'Clock', value: 'ClockIcon' },
-    { label: 'Cloud Arrow Up', value: 'CloudArrowUpIcon' },
-    { label: 'Cloud', value: 'CloudIcon' },
-    { label: 'Code Bracket', value: 'CodeBracketIcon' },
-    { label: 'Cog', value: 'CogIcon' },
-    { label: 'Command Line', value: 'CommandLineIcon' },
-    { label: 'Computer Desktop', value: 'ComputerDesktopIcon' },
-    { label: 'Credit Card', value: 'CreditCardIcon' },
-    { label: 'Document', value: 'DocumentIcon' },
-    { label: 'Envelope', value: 'EnvelopeIcon' },
-    { label: 'Exclamation Circle', value: 'ExclamationCircleIcon' },
-    { label: 'Exclamation Triangle', value: 'ExclamationTriangleIcon' },
-    { label: 'Eye', value: 'EyeIcon' },
-    { label: 'Face Smile', value: 'FaceSmileIcon' },
-    { label: 'Film', value: 'FilmIcon' },
-    { label: 'Finger Print', value: 'FingerPrintIcon' },
-    { label: 'Fire', value: 'FireIcon' },
-    { label: 'Flag', value: 'FlagIcon' },
-    { label: 'Folder Open', value: 'FolderOpenIcon' },
-    { label: 'Folder', value: 'FolderIcon' },
-    { label: 'Gift', value: 'GiftIcon' },
-    { label: 'Globe Alt', value: 'GlobeAltIcon' },
-    { label: 'Globe Europe Africa', value: 'GlobeEuropeAfricaIcon' },
-    { label: 'Hand Raised', value: 'HandRaisedIcon' },
-    { label: 'Heart', value: 'HeartIcon' },
-    { label: 'Home', value: 'HomeIcon' },
-    { label: 'Identification', value: 'IdentificationIcon' },
-    { label: 'Information Circle', value: 'InformationCircleIcon' },
-    { label: 'Key', value: 'KeyIcon' },
-    { label: 'Link', value: 'LinkIcon' },
-    { label: 'List Bullet', value: 'ListBulletIcon' },
-    { label: 'Lock Closed', value: 'LockClosedIcon' },
-    { label: 'Lock Open', value: 'LockOpenIcon' },
-    { label: 'Magnifying Glass Circle', value: 'MagnifyingGlassCircleIcon' },
-    { label: 'Magnifying Glass', value: 'MagnifyingGlassIcon' },
-    { label: 'Map Pin', value: 'MapPinIcon' },
-    { label: 'Map', value: 'MapIcon' },
-    { label: 'Moon', value: 'MoonIcon' },
-    { label: 'Paper Airplane', value: 'PaperAirplaneIcon' },
-    { label: 'Paper Clip', value: 'PaperClipIcon' },
-    { label: 'Pause Circle', value: 'PauseCircleIcon' },
-    { label: 'Pencil Square', value: 'PencilSquareIcon' },
-    { label: 'Pencil', value: 'PencilIcon' },
-    { label: 'Phone Arrow Up Right', value: 'PhoneArrowUpRightIcon' },
-    { label: 'Phone X Mark', value: 'PhoneXMarkIcon' },
-    { label: 'Phone', value: 'PhoneIcon' },
-    { label: 'Photo', value: 'PhotoIcon' },
-    { label: 'Play Circle', value: 'PlayCircleIcon' },
-    { label: 'Play', value: 'PlayIcon' },
-    { label: 'Plus Circle', value: 'PlusCircleIcon' },
-    { label: 'Plus', value: 'PlusIcon' },
-    { label: 'Power', value: 'PowerIcon' },
-    { label: 'Question Mark Circle', value: 'QuestionMarkCircleIcon' },
-    { label: 'Rocket Launch', value: 'RocketLaunchIcon' },
-    { label: 'Rss', value: 'RssIcon' },
-    { label: 'Scale', value: 'ScaleIcon' },
-    { label: 'Server', value: 'ServerIcon' },
-    { label: 'Share', value: 'ShareIcon' },
-    { label: 'Shield Check', value: 'ShieldCheckIcon' },
-    { label: 'Shield Exclamation', value: 'ShieldExclamationIcon' },
-    { label: 'Shopping Bag', value: 'ShoppingBagIcon' },
-    { label: 'Shopping Cart', value: 'ShoppingCartIcon' },
-    { label: 'Star', value: 'StarIcon' },
-    { label: 'Stop Circle', value: 'StopCircleIcon' },
-    { label: 'Sun', value: 'SunIcon' },
-    { label: 'Tag', value: 'TagIcon' },
-    { label: 'Trash', value: 'TrashIcon' },
-    { label: 'Trophy', value: 'TrophyIcon' },
-    { label: 'User Circle', value: 'UserCircleIcon' },
-    { label: 'User Group', value: 'UserGroupIcon' },
-    { label: 'User', value: 'UserIcon' },
-    { label: 'Users', value: 'UsersIcon' },
-    { label: 'Video Camera', value: 'VideoCameraIcon' },
-    { label: 'Wifi', value: 'WifiIcon' },
-    { label: 'Window', value: 'WindowIcon' },
-    { label: 'Wrench Screwdriver', value: 'WrenchScrewdriverIcon' },
-    { label: 'Wrench', value: 'WrenchIcon' },
-    { label: 'X Circle', value: 'XCircleIcon' },
-    { label: 'X Mark', value: 'XMarkIcon' },
-];
-
-const fieldAction = () => ({
-    type: 'group',
-    label: 'Azione',
-    name: 'action',
-    fields: [
-        fieldCheckbox({
-            name: 'show',
-            label: 'Mostra azione',
-            defaultValue: false,
-            admin: {
-                width: '50%',
-            },
-        }),
-        fieldText({
-            name: 'label',
-            type: 'text',
-            label: 'Testo da visualizzare',
-            defaultValue: 'Action',
-            admin: {
-                width: '50%',
-            },
-        }),
-        fieldSelect({
-            name: 'actionType',
-            label: 'Tipo di azione',
-            defaultValue: 'internalLink',
-            admin: {
-                width: '33%',
-            },
-            options: [
-                {
-                    label: 'Interno',
-                    value: 'internalLink',
-                },
-                {
-                    label: 'Esterno',
-                    value: 'externalLink',
-                },
-                /*
-                {
-                  label: 'Azione',
-                  value: 'customAction',
-                },
-                */
-            ],
-        }),
-        {
-            name: 'internalLink',
-            type: 'relationship',
-            label: 'Seleziona una pagina interna',
-            admin: {
-                condition: (data, siblingData) => {
-                    return siblingData?.actionType === 'internalLink';
-                },
-            },
-            relationTo: ['pages', 'posts', 'destinations'],
-        },
-        {
-            name: 'externalLink',
-            type: 'text',
-            label: 'URL esterno',
-            admin: {
-                condition: (data, siblingData) => {
-                    return siblingData?.actionType === 'externalLink';
-                },
-            },
-        },
-        {
-            type: 'collapsible',
-            label: 'Stile',
-            fields: [
-                {
-                    type: 'row',
-                    fields: [
-                        {
-                            name: 'buttonStyle',
-                            type: 'select',
-                            label: 'Stile bottone',
-                            defaultValue: 'solid',
-                            admin: {
-                                width: '33%',
-                            },
-                            options: [
-                                { label: 'Solido', value: 'solid' },
-                                { label: 'Outline', value: 'outline' },
-                                { label: 'Ghost', value: 'ghost' },
-                                { label: 'Link', value: 'link' },
-                            ],
-                        },
-                        {
-                            name: 'buttonColor',
-                            type: 'select',
-                            label: 'Colore bottone',
-                            defaultValue: 'primary',
-                            admin: {
-                                width: '33%',
-                            },
-                            options: [
-                                { label: 'Primary', value: 'primary' },
-                                { label: 'Secondary', value: 'secondary' },
-                                { label: 'Accent', value: 'accent' },
-                                { label: 'Dark', value: 'dark' },
-                                { label: 'Light', value: 'light' },
-                            ],
-                        },
-                        {
-                            name: 'buttonSize',
-                            type: 'select',
-                            label: 'Dimensione bottone',
-                            defaultValue: 'default',
-                            admin: {
-                                width: '33%',
-                            },
-                            options: [
-                                { label: 'Small', value: 'small' },
-                                { label: 'Default', value: 'default' },
-                                { label: 'Medium', value: 'medium' },
-                                { label: 'Large', value: 'large' },
-                                { label: 'Extra Large', value: 'xl' },
-                            ],
-                        },
-                        {
-                            name: 'buttonRounded',
-                            type: 'select',
-                            label: 'Arrotondamento',
-                            defaultValue: 'default',
-                            admin: {
-                                width: '33%',
-                            },
-                            options: [
-                                { label: 'Nessuno', value: 'none' },
-                                { label: 'Piccolo', value: 'sm' },
-                                { label: 'Standard', value: 'default' },
-                                { label: 'Grande', value: 'lg' },
-                                { label: 'Completo', value: 'full' },
-                            ],
-                        },
-                        {
-                            name: 'alignment',
-                            type: 'select',
-                            label: 'Allineamento del Bottone',
-                            defaultValue: 'left',
-                            options: [
-                                {
-                                    label: 'Sinistra',
-                                    value: 'left',
-                                },
-                                {
-                                    label: 'Centro',
-                                    value: 'center',
-                                },
-                                {
-                                    label: 'Destra',
-                                    value: 'right',
-                                },
-                            ],
-                            admin: {
-                                width: '33%',
-                                condition: (data) => true, // Puoi modificare questa condizione se il campo deve essere mostrato solo in determinate circostanze
-                            },
-                        },
-                        fieldThemeColor({
-                            name: 'textColor',
-                            label: 'Colore del testo',
-                            admin: {
-                                width: '33%',
-                            },
-                        }),
-                        {
-                            name: 'additionalEffects',
-                            type: 'select',
-                            label: 'Effetti aggiuntivi',
-                            hasMany: true,
-                            admin: {
-                                width: '33%',
-                            },
-                            options: [
-                                { label: 'Ombra', value: 'shadow' },
-                                { label: 'Transizione', value: 'transition' },
-                                { label: 'Animazione scala', value: 'scale' },
-                            ],
-                        },
-                    ],
-                },
-                {
-                    type: 'row',
-                    fields: [
-                        {
-                            name: 'useIcon',
-                            type: 'checkbox',
-                            label: 'Usa icona',
-                            defaultValue: false,
-                            admin: {
-                                width: '33%',
-                            },
-                        },
-                        {
-                            name: 'iconPosition',
-                            type: 'select',
-                            label: 'Posizione icona',
-                            defaultValue: 'left',
-                            admin: {
-                                width: '33%',
-                                condition: (_, siblingData) => siblingData?.useIcon === true,
-                            },
-                            options: [
-                                { label: 'Sinistra', value: 'left' },
-                                { label: 'Destra', value: 'right' },
-                                { label: 'Solo icona', value: 'only' },
-                            ],
-                        },
-                        {
-                            name: 'iconName',
-                            type: 'select',
-                            label: 'Icona',
-                            options: [...iconsList],
-                            admin: {
-                                width: '33%',
-                                condition: (_, siblingData) => siblingData?.useIcon === true,
-                            },
-                            // Qui potresti usare un select con le icone disponibili se hai una libreria predefinita
-                        },
-                    ],
-                },
-            ],
-        },
-    ],
-});
-
-const fieldConfigProps = (customFields = []) => {
-    return {
-        name: 'config',
-        label: 'Configurazione',
-        type: 'group',
-        fields: [
-            ...customFields,
-        ],
-    };
-};
-
-const fieldContentProps = (customFields = []) => {
-    return {
-        name: 'cntP',
-        label: 'Contenuto',
-        type: 'group',
-        fields: [
-            ...customFields,
-        ],
-    };
-};
-
-/**
- * Genera un campo per la selezione delle altezze
- * @returns Field - Campo di tipo `select` per PayloadCMS
- */
-const fieldViewportHeights = () => {
-    return fieldSelect({
-        name: 'h',
-        label: 'Altezza',
-        type: 'select',
-        options: [
-            { value: '', label: '(Nessuno)' },
-            ...TailwindViewportHeights.map((h) => ({ value: `h-${h}`, label: h })),
-        ],
-        admin: {
-            description: 'Definisce l’altezza dell’elemento.',
-            width: '50%',
-        },
-    });
-};
-
-const fieldSectionProps = (customFields = []) => {
-    return {
-        name: 'sctP',
-        label: 'Proprietà sezione',
-        type: 'group',
-        fields: [
-            ...customFields,
-            fieldRichText({ name: 'body', label: 'Contenuto', required: false }),
-            {
-                type: 'tabs',
-                tabs: [
-                    {
-                        label: 'Stile',
-                        fields: [
-                            fieldUpload('media', { name: 'bgi', label: 'Immagine di sfondo' }),
-                            fieldThemeColor({ name: 'bgc', label: 'Colore di sfondo', required: false }),
-                        ],
-                    },
-                ],
-            },
-            {
-                type: 'tabs',
-                tabs: [
-                    {
-                        label: 'Dimensioni',
-                        fields: [fieldViewportHeights()],
-                    },
-                ],
-            },
-            fieldCss(),
-        ],
-    };
-};
-
-const fieldSectionTabs = (options = {}) => {
-    const { config = true, section = true, container = true, content = true, configFields = [], sectionFields = [], containerFields = [], contentFields = [], } = options;
-    const tabs = [];
-    if (config) {
-        tabs.push({
-            label: 'Configurazione',
-            fields: [fieldConfigProps(configFields)],
-        });
-    }
-    // Tab per la sezione
-    if (section) {
-        tabs.push({
-            label: 'Sezione',
-            fields: [fieldSectionProps(sectionFields)],
-        });
-    }
-    // Tab per il container
-    if (container) {
-        tabs.push({
-            label: 'Container',
-            fields: [fieldContainerProps(containerFields)],
-        });
-    }
-    // Tab per il contenuto
-    if (content) {
-        tabs.push({
-            label: 'Contenuto',
-            fields: [fieldContentProps(contentFields)],
-        });
-    }
-    return {
-        type: 'tabs',
-        tabs: tabs,
-    };
-};
-
-export { fieldAction as a, fieldArray as b, fieldCheckbox as c, fieldThemeColor as d, fieldConfigProps as e, fieldSelect as f, fieldContainerProps as g, fieldContainerWidths as h, iconsList as i, fieldContentProps as j, fieldCss as k, fieldHeights as l, fieldMargins as m, fieldNumber as n, fieldPaddings as o, fieldRelationship as p, fieldRichText as q, fieldSectionProps as r, fieldSectionTabs as s, fieldText as t, fieldUpload as u, fieldViewportHeights as v };
-//# sourceMappingURL=fieldSectionTabs-B2XLxdEW.js.map