@woodylab/payload 0.0.7 → 0.0.8

package/dist/fields/index.esm.js

@@ -156,35 +156,1210 @@ const fieldSelect = (override) => ({
     ...override
 });
 
-const fieldSemantic = (override) => ({
-    name: 'list',
-    label: 'List',
-    type: 'array',
-    fields: [],
-    required: false,
-    ...override,
+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' }),
+                            //WFieldColor({name:'bgc', label:'Colore di sfondo', required:false}),
+                            {
+                                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.',
+                                },
+                            },
+                            {
+                                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(),
+                            {
+                                type: 'tabs',
+                                tabs: [
+                                    {
+                                        label: 'Margini',
+                                        fields: [
+                                            fieldMargins()
+                                        ]
+                                    },
+                                    {
+                                        label: 'Paddings',
+                                        fields: [
+                                            fieldPaddings()
+                                        ]
+                                    }
+                                ]
+                            }
+                        ]
+                    }
+                ]
+            },
+        ]
+    };
+};
+
+const fieldConfigProps = (customFields = []) => {
+    return {
+        name: 'config',
+        label: 'Configurazione',
+        type: 'group',
+        fields: [
+            ...customFields,
+        ],
+    };
+};
+
+const fieldContentProps = (customFields = []) => {
+    return {
+        name: 'cntP',
+        label: 'Contenuto',
+        type: 'group',
+        fields: [
+            ...customFields,
+        ],
+    };
+};
+
+/**
+ * Costante che definisce le varianti di larghezza del container come classi Tailwind
+ */
+const TailwindContainerWidths = [
+    'container',
+    'container-sm',
+    'container-md',
+    'container-lg',
+    'container-xl',
+    'container-2xl',
+];
+/**
+ * Costante che contiene tutte le varianti di altezza relativa alla viewport
+ */
+const TailwindViewportHeights = [
+    'screen',
+    '1/5-vh',
+    '1/4-vh',
+    '1/3-vh',
+    '2/5-vh',
+    '1/2-vh',
+    '3/5-vh',
+    '2/3-vh',
+    '3/4-vh',
+    '4/5-vh',
+];
+/**
+ * Costante che contiene tutte le varianti "h-" per altezza globale, incluse le altre classi layout per le altezze
+ */
+const TailwindHeights = [
+    // Classi dinamiche
+    'auto', // Altezza automatica
+    'min', // Altezza minima (adatta al contenuto minimo)
+    'max', // Altezza massima (adatta al contenuto massimo)
+    'fit', // Altezza si adatta al contenuto
+    'full', // Altezza piena (100% del contenitore genitore)
+    // Altezza proporzionale
+    '1/2', // 50% dell'altezza disponibile
+    '1/3', // 33.333% dell'altezza disponibile
+    '2/3', // 66.666% dell'altezza disponibile
+    '1/4', // 25% dell'altezza disponibile
+    '3/4', // 75% dell'altezza disponibile
+    // Varianti numeriche da 1 a 96
+    '1', '2', '3', '4', '5', '6', '7', '8', '9', '10',
+    '11', '12', '13', '14', '15', '16', '17', '18', '19', '20',
+    '21', '22', '23', '24', '25', '26', '27', '28', '29', '30',
+    '31', '32', '33', '34', '35', '36', '37', '38', '39', '40',
+    '41', '42', '43', '44', '45', '46', '47', '48', '49', '50',
+    '51', '52', '53', '54', '55', '56', '57', '58', '59', '60',
+    '61', '62', '63', '64', '65', '66', '67', '68', '69', '70',
+    '71', '72', '73', '74', '75', '76', '77', '78', '79', '80',
+    '81', '82', '83', '84', '85', '86', '87', '88', '89', '90',
+    '91', '92', '93', '94', '95', '96'
+];
+/**
+ * Costante che contiene tutte le varianti "m-" mer madding globale, fino a 96
+ */
+const TailwindMargins = [
+    'm-1', 'm-2', 'm-3', 'm-4', 'm-5', 'm-6', 'm-7', 'm-8', 'm-9', 'm-10',
+    'm-11', 'm-12', 'm-13', 'm-14', 'm-15', 'm-16', 'm-17', 'm-18', 'm-19', 'm-20',
+    'm-21', 'm-22', 'm-23', 'm-24', 'm-25', 'm-26', 'm-27', 'm-28', 'm-29', 'm-30',
+    'm-31', 'm-32', 'm-33', 'm-34', 'm-35', 'm-36', 'm-37', 'm-38', 'm-39', 'm-40',
+    'm-41', 'm-42', 'm-43', 'm-44', 'm-45', 'm-46', 'm-47', 'm-48', 'm-49', 'm-50',
+    'm-51', 'm-52', 'm-53', 'm-54', 'm-55', 'm-56', 'm-57', 'm-58', 'm-59', 'm-60',
+    'm-61', 'm-62', 'm-63', 'm-64', 'm-65', 'm-66', 'm-67', 'm-68', 'm-69', 'm-70',
+    'm-71', 'm-72', 'm-73', 'm-74', 'm-75', 'm-76', 'm-77', 'm-78', 'm-79', 'm-80',
+    'm-81', 'm-82', 'm-83', 'm-84', 'm-85', 'm-86', 'm-87', 'm-88', 'm-89', 'm-90',
+    'm-91', 'm-92', 'm-93', 'm-94', 'm-95', 'm-96',
+    // Varianti negative
+    '-m-1', '-m-2', '-m-3', '-m-4', '-m-5', '-m-6', '-m-7', '-m-8', '-m-9', '-m-10',
+    '-m-11', '-m-12', '-m-13', '-m-14', '-m-15', '-m-16', '-m-17', '-m-18', '-m-19', '-m-20',
+    '-m-21', '-m-22', '-m-23', '-m-24', '-m-25', '-m-26', '-m-27', '-m-28', '-m-29', '-m-30',
+    '-m-31', '-m-32', '-m-33', '-m-34', '-m-35', '-m-36', '-m-37', '-m-38', '-m-39', '-m-40',
+    '-m-41', '-m-42', '-m-43', '-m-44', '-m-45', '-m-46', '-m-47', '-m-48', '-m-49', '-m-50',
+    '-m-51', '-m-52', '-m-53', '-m-54', '-m-55', '-m-56', '-m-57', '-m-58', '-m-59', '-m-60',
+    '-m-61', '-m-62', '-m-63', '-m-64', '-m-65', '-m-66', '-m-67', '-m-68', '-m-69', '-m-70',
+    '-m-71', '-m-72', '-m-73', '-m-74', '-m-75', '-m-76', '-m-77', '-m-78', '-m-79', '-m-80',
+    '-m-81', '-m-82', '-m-83', '-m-84', '-m-85', '-m-86', '-m-87', '-m-88', '-m-89', '-m-90',
+    '-m-91', '-m-92', '-m-93', '-m-94', '-m-95', '-m-96',
+];
+/**
+ * Costante che contiene tutte le varianti "mx-" mer madding orizzontale, fino a 96
+ */
+const TailwindMargins_X = [
+    // Varianti positive
+    'mx-1', 'mx-2', 'mx-3', 'mx-4', 'mx-5', 'mx-6', 'mx-7', 'mx-8', 'mx-9', 'mx-10',
+    'mx-11', 'mx-12', 'mx-13', 'mx-14', 'mx-15', 'mx-16', 'mx-17', 'mx-18', 'mx-19', 'mx-20',
+    'mx-21', 'mx-22', 'mx-23', 'mx-24', 'mx-25', 'mx-26', 'mx-27', 'mx-28', 'mx-29', 'mx-30',
+    'mx-31', 'mx-32', 'mx-33', 'mx-34', 'mx-35', 'mx-36', 'mx-37', 'mx-38', 'mx-39', 'mx-40',
+    'mx-41', 'mx-42', 'mx-43', 'mx-44', 'mx-45', 'mx-46', 'mx-47', 'mx-48', 'mx-49', 'mx-50',
+    'mx-51', 'mx-52', 'mx-53', 'mx-54', 'mx-55', 'mx-56', 'mx-57', 'mx-58', 'mx-59', 'mx-60',
+    'mx-61', 'mx-62', 'mx-63', 'mx-64', 'mx-65', 'mx-66', 'mx-67', 'mx-68', 'mx-69', 'mx-70',
+    'mx-71', 'mx-72', 'mx-73', 'mx-74', 'mx-75', 'mx-76', 'mx-77', 'mx-78', 'mx-79', 'mx-80',
+    'mx-81', 'mx-82', 'mx-83', 'mx-84', 'mx-85', 'mx-86', 'mx-87', 'mx-88', 'mx-89', 'mx-90',
+    'mx-91', 'mx-92', 'mx-93', 'mx-94', 'mx-95', 'mx-96',
+    // Varianti negative
+    '-mx-1', '-mx-2', '-mx-3', '-mx-4', '-mx-5', '-mx-6', '-mx-7', '-mx-8', '-mx-9', '-mx-10',
+    '-mx-11', '-mx-12', '-mx-13', '-mx-14', '-mx-15', '-mx-16', '-mx-17', '-mx-18', '-mx-19', '-mx-20',
+    '-mx-21', '-mx-22', '-mx-23', '-mx-24', '-mx-25', '-mx-26', '-mx-27', '-mx-28', '-mx-29', '-mx-30',
+    '-mx-31', '-mx-32', '-mx-33', '-mx-34', '-mx-35', '-mx-36', '-mx-37', '-mx-38', '-mx-39', '-mx-40',
+    '-mx-41', '-mx-42', '-mx-43', '-mx-44', '-mx-45', '-mx-46', '-mx-47', '-mx-48', '-mx-49', '-mx-50',
+    '-mx-51', '-mx-52', '-mx-53', '-mx-54', '-mx-55', '-mx-56', '-mx-57', '-mx-58', '-mx-59', '-mx-60',
+    '-mx-61', '-mx-62', '-mx-63', '-mx-64', '-mx-65', '-mx-66', '-mx-67', '-mx-68', '-mx-69', '-mx-70',
+    '-mx-71', '-mx-72', '-mx-73', '-mx-74', '-mx-75', '-mx-76', '-mx-77', '-mx-78', '-mx-79', '-mx-80',
+    '-mx-81', '-mx-82', '-mx-83', '-mx-84', '-mx-85', '-mx-86', '-mx-87', '-mx-88', '-mx-89', '-mx-90',
+    '-mx-91', '-mx-92', '-mx-93', '-mx-94', '-mx-95', '-mx-96',
+];
+/**
+ * Costante che contiene tutte le varianti "my-" mer madding verticale, fino a 96
+ */
+const TailwindMargins_Y = [
+    // Varianti positive
+    'my-1', 'my-2', 'my-3', 'my-4', 'my-5', 'my-6', 'my-7', 'my-8', 'my-9', 'my-10',
+    'my-11', 'my-12', 'my-13', 'my-14', 'my-15', 'my-16', 'my-17', 'my-18', 'my-19', 'my-20',
+    'my-21', 'my-22', 'my-23', 'my-24', 'my-25', 'my-26', 'my-27', 'my-28', 'my-29', 'my-30',
+    'my-31', 'my-32', 'my-33', 'my-34', 'my-35', 'my-36', 'my-37', 'my-38', 'my-39', 'my-40',
+    'my-41', 'my-42', 'my-43', 'my-44', 'my-45', 'my-46', 'my-47', 'my-48', 'my-49', 'my-50',
+    'my-51', 'my-52', 'my-53', 'my-54', 'my-55', 'my-56', 'my-57', 'my-58', 'my-59', 'my-60',
+    'my-61', 'my-62', 'my-63', 'my-64', 'my-65', 'my-66', 'my-67', 'my-68', 'my-69', 'my-70',
+    'my-71', 'my-72', 'my-73', 'my-74', 'my-75', 'my-76', 'my-77', 'my-78', 'my-79', 'my-80',
+    'my-81', 'my-82', 'my-83', 'my-84', 'my-85', 'my-86', 'my-87', 'my-88', 'my-89', 'my-90',
+    'my-91', 'my-92', 'my-93', 'my-94', 'my-95', 'my-96',
+    // Varianti negative
+    '-my-1', '-my-2', '-my-3', '-my-4', '-my-5', '-my-6', '-my-7', '-my-8', '-my-9', '-my-10',
+    '-my-11', '-my-12', '-my-13', '-my-14', '-my-15', '-my-16', '-my-17', '-my-18', '-my-19', '-my-20',
+    '-my-21', '-my-22', '-my-23', '-my-24', '-my-25', '-my-26', '-my-27', '-my-28', '-my-29', '-my-30',
+    '-my-31', '-my-32', '-my-33', '-my-34', '-my-35', '-my-36', '-my-37', '-my-38', '-my-39', '-my-40',
+    '-my-41', '-my-42', '-my-43', '-my-44', '-my-45', '-my-46', '-my-47', '-my-48', '-my-49', '-my-50',
+    '-my-51', '-my-52', '-my-53', '-my-54', '-my-55', '-my-56', '-my-57', '-my-58', '-my-59', '-my-60',
+    '-my-61', '-my-62', '-my-63', '-my-64', '-my-65', '-my-66', '-my-67', '-my-68', '-my-69', '-my-70',
+    '-my-71', '-my-72', '-my-73', '-my-74', '-my-75', '-my-76', '-my-77', '-my-78', '-my-79', '-my-80',
+    '-my-81', '-my-82', '-my-83', '-my-84', '-my-85', '-my-86', '-my-87', '-my-88', '-my-89', '-my-90',
+    '-my-91', '-my-92', '-my-93', '-my-94', '-my-95', '-my-96',
+];
+/**
+ * Costante che contiene tutte le varianti "mt-" mer madding sumeriore, fino a 96
+ */
+const TailwindMargins_T = [
+    // Varianti positive
+    'mt-1', 'mt-2', 'mt-3', 'mt-4', 'mt-5', 'mt-6', 'mt-7', 'mt-8', 'mt-9', 'mt-10',
+    'mt-11', 'mt-12', 'mt-13', 'mt-14', 'mt-15', 'mt-16', 'mt-17', 'mt-18', 'mt-19', 'mt-20',
+    'mt-21', 'mt-22', 'mt-23', 'mt-24', 'mt-25', 'mt-26', 'mt-27', 'mt-28', 'mt-29', 'mt-30',
+    'mt-31', 'mt-32', 'mt-33', 'mt-34', 'mt-35', 'mt-36', 'mt-37', 'mt-38', 'mt-39', 'mt-40',
+    'mt-41', 'mt-42', 'mt-43', 'mt-44', 'mt-45', 'mt-46', 'mt-47', 'mt-48', 'mt-49', 'mt-50',
+    'mt-51', 'mt-52', 'mt-53', 'mt-54', 'mt-55', 'mt-56', 'mt-57', 'mt-58', 'mt-59', 'mt-60',
+    'mt-61', 'mt-62', 'mt-63', 'mt-64', 'mt-65', 'mt-66', 'mt-67', 'mt-68', 'mt-69', 'mt-70',
+    'mt-71', 'mt-72', 'mt-73', 'mt-74', 'mt-75', 'mt-76', 'mt-77', 'mt-78', 'mt-79', 'mt-80',
+    'mt-81', 'mt-82', 'mt-83', 'mt-84', 'mt-85', 'mt-86', 'mt-87', 'mt-88', 'mt-89', 'mt-90',
+    'mt-91', 'mt-92', 'mt-93', 'mt-94', 'mt-95', 'mt-96',
+    // Varianti negative
+    '-mt-1', '-mt-2', '-mt-3', '-mt-4', '-mt-5', '-mt-6', '-mt-7', '-mt-8', '-mt-9', '-mt-10',
+    '-mt-11', '-mt-12', '-mt-13', '-mt-14', '-mt-15', '-mt-16', '-mt-17', '-mt-18', '-mt-19', '-mt-20',
+    '-mt-21', '-mt-22', '-mt-23', '-mt-24', '-mt-25', '-mt-26', '-mt-27', '-mt-28', '-mt-29', '-mt-30',
+    '-mt-31', '-mt-32', '-mt-33', '-mt-34', '-mt-35', '-mt-36', '-mt-37', '-mt-38', '-mt-39', '-mt-40',
+    '-mt-41', '-mt-42', '-mt-43', '-mt-44', '-mt-45', '-mt-46', '-mt-47', '-mt-48', '-mt-49', '-mt-50',
+    '-mt-51', '-mt-52', '-mt-53', '-mt-54', '-mt-55', '-mt-56', '-mt-57', '-mt-58', '-mt-59', '-mt-60',
+    '-mt-61', '-mt-62', '-mt-63', '-mt-64', '-mt-65', '-mt-66', '-mt-67', '-mt-68', '-mt-69', '-mt-70',
+    '-mt-71', '-mt-72', '-mt-73', '-mt-74', '-mt-75', '-mt-76', '-mt-77', '-mt-78', '-mt-79', '-mt-80',
+    '-mt-81', '-mt-82', '-mt-83', '-mt-84', '-mt-85', '-mt-86', '-mt-87', '-mt-88', '-mt-89', '-mt-90',
+    '-mt-91', '-mt-92', '-mt-93', '-mt-94', '-mt-95', '-mt-96',
+];
+/**
+ * Costante che contiene tutte le varianti "mr-" mer madding a destra, fino a 96
+ */
+const TailwindMargins_R = [
+    // Varianti positive
+    'mr-1', 'mr-2', 'mr-3', 'mr-4', 'mr-5', 'mr-6', 'mr-7', 'mr-8', 'mr-9', 'mr-10',
+    'mr-11', 'mr-12', 'mr-13', 'mr-14', 'mr-15', 'mr-16', 'mr-17', 'mr-18', 'mr-19', 'mr-20',
+    'mr-21', 'mr-22', 'mr-23', 'mr-24', 'mr-25', 'mr-26', 'mr-27', 'mr-28', 'mr-29', 'mr-30',
+    'mr-31', 'mr-32', 'mr-33', 'mr-34', 'mr-35', 'mr-36', 'mr-37', 'mr-38', 'mr-39', 'mr-40',
+    'mr-41', 'mr-42', 'mr-43', 'mr-44', 'mr-45', 'mr-46', 'mr-47', 'mr-48', 'mr-49', 'mr-50',
+    'mr-51', 'mr-52', 'mr-53', 'mr-54', 'mr-55', 'mr-56', 'mr-57', 'mr-58', 'mr-59', 'mr-60',
+    'mr-61', 'mr-62', 'mr-63', 'mr-64', 'mr-65', 'mr-66', 'mr-67', 'mr-68', 'mr-69', 'mr-70',
+    'mr-71', 'mr-72', 'mr-73', 'mr-74', 'mr-75', 'mr-76', 'mr-77', 'mr-78', 'mr-79', 'mr-80',
+    'mr-81', 'mr-82', 'mr-83', 'mr-84', 'mr-85', 'mr-86', 'mr-87', 'mr-88', 'mr-89', 'mr-90',
+    'mr-91', 'mr-92', 'mr-93', 'mr-94', 'mr-95', 'mr-96',
+    // Varianti negative
+    '-mr-1', '-mr-2', '-mr-3', '-mr-4', '-mr-5', '-mr-6', '-mr-7', '-mr-8', '-mr-9', '-mr-10',
+    '-mr-11', '-mr-12', '-mr-13', '-mr-14', '-mr-15', '-mr-16', '-mr-17', '-mr-18', '-mr-19', '-mr-20',
+    '-mr-21', '-mr-22', '-mr-23', '-mr-24', '-mr-25', '-mr-26', '-mr-27', '-mr-28', '-mr-29', '-mr-30',
+    '-mr-31', '-mr-32', '-mr-33', '-mr-34', '-mr-35', '-mr-36', '-mr-37', '-mr-38', '-mr-39', '-mr-40',
+    '-mr-41', '-mr-42', '-mr-43', '-mr-44', '-mr-45', '-mr-46', '-mr-47', '-mr-48', '-mr-49', '-mr-50',
+    '-mr-51', '-mr-52', '-mr-53', '-mr-54', '-mr-55', '-mr-56', '-mr-57', '-mr-58', '-mr-59', '-mr-60',
+    '-mr-61', '-mr-62', '-mr-63', '-mr-64', '-mr-65', '-mr-66', '-mr-67', '-mr-68', '-mr-69', '-mr-70',
+    '-mr-71', '-mr-72', '-mr-73', '-mr-74', '-mr-75', '-mr-76', '-mr-77', '-mr-78', '-mr-79', '-mr-80',
+    '-mr-81', '-mr-82', '-mr-83', '-mr-84', '-mr-85', '-mr-86', '-mr-87', '-mr-88', '-mr-89', '-mr-90',
+    '-mr-91', '-mr-92', '-mr-93', '-mr-94', '-mr-95', '-mr-96',
+];
+/**
+ * Costante che contiene tutte le varianti "mb-" mer madding inferiore, fino a 96
+ */
+const TailwindMargins_L = [
+    // Varianti positive
+    'ml-1', 'ml-2', 'ml-3', 'ml-4', 'ml-5', 'ml-6', 'ml-7', 'ml-8', 'ml-9', 'ml-10',
+    'ml-11', 'ml-12', 'ml-13', 'ml-14', 'ml-15', 'ml-16', 'ml-17', 'ml-18', 'ml-19', 'ml-20',
+    'ml-21', 'ml-22', 'ml-23', 'ml-24', 'ml-25', 'ml-26', 'ml-27', 'ml-28', 'ml-29', 'ml-30',
+    'ml-31', 'ml-32', 'ml-33', 'ml-34', 'ml-35', 'ml-36', 'ml-37', 'ml-38', 'ml-39', 'ml-40',
+    'ml-41', 'ml-42', 'ml-43', 'ml-44', 'ml-45', 'ml-46', 'ml-47', 'ml-48', 'ml-49', 'ml-50',
+    'ml-51', 'ml-52', 'ml-53', 'ml-54', 'ml-55', 'ml-56', 'ml-57', 'ml-58', 'ml-59', 'ml-60',
+    'ml-61', 'ml-62', 'ml-63', 'ml-64', 'ml-65', 'ml-66', 'ml-67', 'ml-68', 'ml-69', 'ml-70',
+    'ml-71', 'ml-72', 'ml-73', 'ml-74', 'ml-75', 'ml-76', 'ml-77', 'ml-78', 'ml-79', 'ml-80',
+    'ml-81', 'ml-82', 'ml-83', 'ml-84', 'ml-85', 'ml-86', 'ml-87', 'ml-88', 'ml-89', 'ml-90',
+    'ml-91', 'ml-92', 'ml-93', 'ml-94', 'ml-95', 'ml-96',
+    // Varianti negative
+    '-ml-1', '-ml-2', '-ml-3', '-ml-4', '-ml-5', '-ml-6', '-ml-7', '-ml-8', '-ml-9', '-ml-10',
+    '-ml-11', '-ml-12', '-ml-13', '-ml-14', '-ml-15', '-ml-16', '-ml-17', '-ml-18', '-ml-19', '-ml-20',
+    '-ml-21', '-ml-22', '-ml-23', '-ml-24', '-ml-25', '-ml-26', '-ml-27', '-ml-28', '-ml-29', '-ml-30',
+    '-ml-31', '-ml-32', '-ml-33', '-ml-34', '-ml-35', '-ml-36', '-ml-37', '-ml-38', '-ml-39', '-ml-40',
+    '-ml-41', '-ml-42', '-ml-43', '-ml-44', '-ml-45', '-ml-46', '-ml-47', '-ml-48', '-ml-49', '-ml-50',
+    '-ml-51', '-ml-52', '-ml-53', '-ml-54', '-ml-55', '-ml-56', '-ml-57', '-ml-58', '-ml-59', '-ml-60',
+    '-ml-61', '-ml-62', '-ml-63', '-ml-64', '-ml-65', '-ml-66', '-ml-67', '-ml-68', '-ml-69', '-ml-70',
+    '-ml-71', '-ml-72', '-ml-73', '-ml-74', '-ml-75', '-ml-76', '-ml-77', '-ml-78', '-ml-79', '-ml-80',
+    '-ml-81', '-ml-82', '-ml-83', '-ml-84', '-ml-85', '-ml-86', '-ml-87', '-ml-88', '-ml-89', '-ml-90',
+    '-ml-91', '-ml-92', '-ml-93', '-ml-94', '-ml-95', '-ml-96',
+];
+const TailwindMargins_B = [
+    // Varianti positive
+    'mb-1', 'mb-2', 'mb-3', 'mb-4', 'mb-5', 'mb-6', 'mb-7', 'mb-8', 'mb-9', 'mb-10',
+    'mb-11', 'mb-12', 'mb-13', 'mb-14', 'mb-15', 'mb-16', 'mb-17', 'mb-18', 'mb-19', 'mb-20',
+    'mb-21', 'mb-22', 'mb-23', 'mb-24', 'mb-25', 'mb-26', 'mb-27', 'mb-28', 'mb-29', 'mb-30',
+    'mb-31', 'mb-32', 'mb-33', 'mb-34', 'mb-35', 'mb-36', 'mb-37', 'mb-38', 'mb-39', 'mb-40',
+    'mb-41', 'mb-42', 'mb-43', 'mb-44', 'mb-45', 'mb-46', 'mb-47', 'mb-48', 'mb-49', 'mb-50',
+    'mb-51', 'mb-52', 'mb-53', 'mb-54', 'mb-55', 'mb-56', 'mb-57', 'mb-58', 'mb-59', 'mb-60',
+    'mb-61', 'mb-62', 'mb-63', 'mb-64', 'mb-65', 'mb-66', 'mb-67', 'mb-68', 'mb-69', 'mb-70',
+    'mb-71', 'mb-72', 'mb-73', 'mb-74', 'mb-75', 'mb-76', 'mb-77', 'mb-78', 'mb-79', 'mb-80',
+    'mb-81', 'mb-82', 'mb-83', 'mb-84', 'mb-85', 'mb-86', 'mb-87', 'mb-88', 'mb-89', 'mb-90',
+    'mb-91', 'mb-92', 'mb-93', 'mb-94', 'mb-95', 'mb-96',
+    // Varianti negative
+    '-mb-1', '-mb-2', '-mb-3', '-mb-4', '-mb-5', '-mb-6', '-mb-7', '-mb-8', '-mb-9', '-mb-10',
+    '-mb-11', '-mb-12', '-mb-13', '-mb-14', '-mb-15', '-mb-16', '-mb-17', '-mb-18', '-mb-19', '-mb-20',
+    '-mb-21', '-mb-22', '-mb-23', '-mb-24', '-mb-25', '-mb-26', '-mb-27', '-mb-28', '-mb-29', '-mb-30',
+    '-mb-31', '-mb-32', '-mb-33', '-mb-34', '-mb-35', '-mb-36', '-mb-37', '-mb-38', '-mb-39', '-mb-40',
+    '-mb-41', '-mb-42', '-mb-43', '-mb-44', '-mb-45', '-mb-46', '-mb-47', '-mb-48', '-mb-49', '-mb-50',
+    '-mb-51', '-mb-52', '-mb-53', '-mb-54', '-mb-55', '-mb-56', '-mb-57', '-mb-58', '-mb-59', '-mb-60',
+    '-mb-61', '-mb-62', '-mb-63', '-mb-64', '-mb-65', '-mb-66', '-mb-67', '-mb-68', '-mb-69', '-mb-70',
+    '-mb-71', '-mb-72', '-mb-73', '-mb-74', '-mb-75', '-mb-76', '-mb-77', '-mb-78', '-mb-79', '-mb-80',
+    '-mb-81', '-mb-82', '-mb-83', '-mb-84', '-mb-85', '-mb-86', '-mb-87', '-mb-88', '-mb-89', '-mb-90',
+    '-mb-91', '-mb-92', '-mb-93', '-mb-94', '-mb-95', '-mb-96',
+];
+const TailwindMargins_ALL = [
+    ...TailwindMargins,
+    ...TailwindMargins_X,
+    ...TailwindMargins_Y,
+    ...TailwindMargins_T,
+    ...TailwindMargins_R,
+    ...TailwindMargins_L,
+    ...TailwindMargins_B
+];
+/**
+ * Array di stringhe che rappresentano i multipli di 0.25rem da 0.25rem a 24rem
+ */
+const TailwindMultipliers = [
+    "0",
+    "0.25rem",
+    "0.5rem",
+    "0.75rem",
+    "1rem",
+    "1.25rem",
+    "1.5rem",
+    "1.75rem",
+    "2rem",
+    "2.25rem",
+    "2.5rem",
+    "2.75rem",
+    "3rem",
+    "3.25rem",
+    "3.5rem",
+    "3.75rem",
+    "4rem",
+    "4.25rem",
+    "4.5rem",
+    "4.75rem",
+    "5rem",
+    "5.25rem",
+    "5.5rem",
+    "5.75rem",
+    "6rem",
+    "6.25rem",
+    "6.5rem",
+    "6.75rem",
+    "7rem",
+    "7.25rem",
+    "7.5rem",
+    "7.75rem",
+    "8rem",
+    "8.25rem",
+    "8.5rem",
+    "8.75rem",
+    "9rem",
+    "9.25rem",
+    "9.5rem",
+    "9.75rem",
+    "10rem",
+    "10.25rem",
+    "10.5rem",
+    "10.75rem",
+    "11rem",
+    "11.25rem",
+    "11.5rem",
+    "11.75rem",
+    "12rem",
+    "12.25rem",
+    "12.5rem",
+    "12.75rem",
+    "13rem",
+    "13.25rem",
+    "13.5rem",
+    "13.75rem",
+    "14rem",
+    "14.25rem",
+    "14.5rem",
+    "14.75rem",
+    "15rem",
+    "15.25rem",
+    "15.5rem",
+    "15.75rem",
+    "16rem",
+    "16.25rem",
+    "16.5rem",
+    "16.75rem",
+    "17rem",
+    "17.25rem",
+    "17.5rem",
+    "17.75rem",
+    "18rem",
+    "18.25rem",
+    "18.5rem",
+    "18.75rem",
+    "19rem",
+    "19.25rem",
+    "19.5rem",
+    "19.75rem",
+    "20rem",
+    "20.25rem",
+    "20.5rem",
+    "20.75rem",
+    "21rem",
+    "21.25rem",
+    "21.5rem",
+    "21.75rem",
+    "22rem",
+    "22.25rem",
+    "22.5rem",
+    "22.75rem",
+    "23rem",
+    "23.25rem",
+    "23.5rem",
+    "23.75rem",
+    "24rem"
+];
+const TailwindViewportHeightMultipliers = {
+    '1/5-vh': '20vh',
+    '1/4-vh': '25vh',
+    '1/3-vh': '33.333vh',
+    '2/5-vh': '40vh',
+    '1/2-vh': '50vh',
+    '3/5-vh': '60vh',
+    '2/3-vh': '66.666vh',
+    '3/4-vh': '75vh',
+    '4/5-vh': '80vh',
+};
+/**
+ * Costante che contiene tutte le varianti "p-" per padding globale, fino a 96
+ */
+const TailwindPaddings = [
+    'p-1', 'p-2', 'p-3', 'p-4', 'p-5', 'p-6', 'p-7', 'p-8', 'p-9', 'p-10',
+    'p-11', 'p-12', 'p-13', 'p-14', 'p-15', 'p-16', 'p-17', 'p-18', 'p-19', 'p-20',
+    'p-21', 'p-22', 'p-23', 'p-24', 'p-25', 'p-26', 'p-27', 'p-28', 'p-29', 'p-30',
+    'p-31', 'p-32', 'p-33', 'p-34', 'p-35', 'p-36', 'p-37', 'p-38', 'p-39', 'p-40',
+    'p-41', 'p-42', 'p-43', 'p-44', 'p-45', 'p-46', 'p-47', 'p-48', 'p-49', 'p-50',
+    'p-51', 'p-52', 'p-53', 'p-54', 'p-55', 'p-56', 'p-57', 'p-58', 'p-59', 'p-60',
+    'p-61', 'p-62', 'p-63', 'p-64', 'p-65', 'p-66', 'p-67', 'p-68', 'p-69', 'p-70',
+    'p-71', 'p-72', 'p-73', 'p-74', 'p-75', 'p-76', 'p-77', 'p-78', 'p-79', 'p-80',
+    'p-81', 'p-82', 'p-83', 'p-84', 'p-85', 'p-86', 'p-87', 'p-88', 'p-89', 'p-90',
+    'p-91', 'p-92', 'p-93', 'p-94', 'p-95', 'p-96',
+];
+/**
+ * Costante che contiene tutte le varianti "px-" per padding orizzontale, fino a 96
+ */
+const TailwindPaddings_X = [
+    'px-1', 'px-2', 'px-3', 'px-4', 'px-5', 'px-6', 'px-7', 'px-8', 'px-9', 'px-10',
+    'px-11', 'px-12', 'px-13', 'px-14', 'px-15', 'px-16', 'px-17', 'px-18', 'px-19', 'px-20',
+    'px-21', 'px-22', 'px-23', 'px-24', 'px-25', 'px-26', 'px-27', 'px-28', 'px-29', 'px-30',
+    'px-31', 'px-32', 'px-33', 'px-34', 'px-35', 'px-36', 'px-37', 'px-38', 'px-39', 'px-40',
+    'px-41', 'px-42', 'px-43', 'px-44', 'px-45', 'px-46', 'px-47', 'px-48', 'px-49', 'px-50',
+    'px-51', 'px-52', 'px-53', 'px-54', 'px-55', 'px-56', 'px-57', 'px-58', 'px-59', 'px-60',
+    'px-61', 'px-62', 'px-63', 'px-64', 'px-65', 'px-66', 'px-67', 'px-68', 'px-69', 'px-70',
+    'px-71', 'px-72', 'px-73', 'px-74', 'px-75', 'px-76', 'px-77', 'px-78', 'px-79', 'px-80',
+    'px-81', 'px-82', 'px-83', 'px-84', 'px-85', 'px-86', 'px-87', 'px-88', 'px-89', 'px-90',
+    'px-91', 'px-92', 'px-93', 'px-94', 'px-95', 'px-96',
+];
+/**
+ * Costante che contiene tutte le varianti "py-" per padding verticale, fino a 96
+ */
+const TailwindPaddings_Y = [
+    'py-1', 'py-2', 'py-3', 'py-4', 'py-5', 'py-6', 'py-7', 'py-8', 'py-9', 'py-10',
+    'py-11', 'py-12', 'py-13', 'py-14', 'py-15', 'py-16', 'py-17', 'py-18', 'py-19', 'py-20',
+    'py-21', 'py-22', 'py-23', 'py-24', 'py-25', 'py-26', 'py-27', 'py-28', 'py-29', 'py-30',
+    'py-31', 'py-32', 'py-33', 'py-34', 'py-35', 'py-36', 'py-37', 'py-38', 'py-39', 'py-40',
+    'py-41', 'py-42', 'py-43', 'py-44', 'py-45', 'py-46', 'py-47', 'py-48', 'py-49', 'py-50',
+    'py-51', 'py-52', 'py-53', 'py-54', 'py-55', 'py-56', 'py-57', 'py-58', 'py-59', 'py-60',
+    'py-61', 'py-62', 'py-63', 'py-64', 'py-65', 'py-66', 'py-67', 'py-68', 'py-69', 'py-70',
+    'py-71', 'py-72', 'py-73', 'py-74', 'py-75', 'py-76', 'py-77', 'py-78', 'py-79', 'py-80',
+    'py-81', 'py-82', 'py-83', 'py-84', 'py-85', 'py-86', 'py-87', 'py-88', 'py-89', 'py-90',
+    'py-91', 'py-92', 'py-93', 'py-94', 'py-95', 'py-96',
+];
+/**
+ * Costante che contiene tutte le varianti "pt-" per padding superiore, fino a 96
+ */
+const TailwindPaddings_T = [
+    'pt-1', 'pt-2', 'pt-3', 'pt-4', 'pt-5', 'pt-6', 'pt-7', 'pt-8', 'pt-9', 'pt-10',
+    'pt-11', 'pt-12', 'pt-13', 'pt-14', 'pt-15', 'pt-16', 'pt-17', 'pt-18', 'pt-19', 'pt-20',
+    'pt-21', 'pt-22', 'pt-23', 'pt-24', 'pt-25', 'pt-26', 'pt-27', 'pt-28', 'pt-29', 'pt-30',
+    'pt-31', 'pt-32', 'pt-33', 'pt-34', 'pt-35', 'pt-36', 'pt-37', 'pt-38', 'pt-39', 'pt-40',
+    'pt-41', 'pt-42', 'pt-43', 'pt-44', 'pt-45', 'pt-46', 'pt-47', 'pt-48', 'pt-49', 'pt-50',
+    'pt-51', 'pt-52', 'pt-53', 'pt-54', 'pt-55', 'pt-56', 'pt-57', 'pt-58', 'pt-59', 'pt-60',
+    'pt-61', 'pt-62', 'pt-63', 'pt-64', 'pt-65', 'pt-66', 'pt-67', 'pt-68', 'pt-69', 'pt-70',
+    'pt-71', 'pt-72', 'pt-73', 'pt-74', 'pt-75', 'pt-76', 'pt-77', 'pt-78', 'pt-79', 'pt-80',
+    'pt-81', 'pt-82', 'pt-83', 'pt-84', 'pt-85', 'pt-86', 'pt-87', 'pt-88', 'pt-89', 'pt-90',
+    'pt-91', 'pt-92', 'pt-93', 'pt-94', 'pt-95', 'pt-96',
+];
+/**
+ * Costante che contiene tutte le varianti "pr-" per padding a destra, fino a 96
+ */
+const TailwindPaddings_R = [
+    'pr-1', 'pr-2', 'pr-3', 'pr-4', 'pr-5', 'pr-6', 'pr-7', 'pr-8', 'pr-9', 'pr-10',
+    'pr-11', 'pr-12', 'pr-13', 'pr-14', 'pr-15', 'pr-16', 'pr-17', 'pr-18', 'pr-19', 'pr-20',
+    'pr-21', 'pr-22', 'pr-23', 'pr-24', 'pr-25', 'pr-26', 'pr-27', 'pr-28', 'pr-29', 'pr-30',
+    'pr-31', 'pr-32', 'pr-33', 'pr-34', 'pr-35', 'pr-36', 'pr-37', 'pr-38', 'pr-39', 'pr-40',
+    'pr-41', 'pr-42', 'pr-43', 'pr-44', 'pr-45', 'pr-46', 'pr-47', 'pr-48', 'pr-49', 'pr-50',
+    'pr-51', 'pr-52', 'pr-53', 'pr-54', 'pr-55', 'pr-56', 'pr-57', 'pr-58', 'pr-59', 'pr-60',
+    'pr-61', 'pr-62', 'pr-63', 'pr-64', 'pr-65', 'pr-66', 'pr-67', 'pr-68', 'pr-69', 'pr-70',
+    'pr-71', 'pr-72', 'pr-73', 'pr-74', 'pr-75', 'pr-76', 'pr-77', 'pr-78', 'pr-79', 'pr-80',
+    'pr-81', 'pr-82', 'pr-83', 'pr-84', 'pr-85', 'pr-86', 'pr-87', 'pr-88', 'pr-89', 'pr-90',
+    'pr-91', 'pr-92', 'pr-93', 'pr-94', 'pr-95', 'pr-96',
+];
+/**
+ * Costante che contiene tutte le varianti "pb-" per padding inferiore, fino a 96
+ */
+const TailwindPaddings_B = [
+    'pb-1', 'pb-2', 'pb-3', 'pb-4', 'pb-5', 'pb-6', 'pb-7', 'pb-8', 'pb-9', 'pb-10',
+    'pb-11', 'pb-12', 'pb-13', 'pb-14', 'pb-15', 'pb-16', 'pb-17', 'pb-18', 'pb-19', 'pb-20',
+    'pb-21', 'pb-22', 'pb-23', 'pb-24', 'pb-25', 'pb-26', 'pb-27', 'pb-28', 'pb-29', 'pb-30',
+    'pb-31', 'pb-32', 'pb-33', 'pb-34', 'pb-35', 'pb-36', 'pb-37', 'pb-38', 'pb-39', 'pb-40',
+    'pb-41', 'pb-42', 'pb-43', 'pb-44', 'pb-45', 'pb-46', 'pb-47', 'pb-48', 'pb-49', 'pb-50',
+    'pb-51', 'pb-52', 'pb-53', 'pb-54', 'pb-55', 'pb-56', 'pb-57', 'pb-58', 'pb-59', 'pb-60',
+    'pb-61', 'pb-62', 'pb-63', 'pb-64', 'pb-65', 'pb-66', 'pb-67', 'pb-68', 'pb-69', 'pb-70',
+    'pb-71', 'pb-72', 'pb-73', 'pb-74', 'pb-75', 'pb-76', 'pb-77', 'pb-78', 'pb-79', 'pb-80',
+    'pb-81', 'pb-82', 'pb-83', 'pb-84', 'pb-85', 'pb-86', 'pb-87', 'pb-88', 'pb-89', 'pb-90',
+    'pb-91', 'pb-92', 'pb-93', 'pb-94', 'pb-95', 'pb-96',
+];
+/**
+ * Costante che contiene tutte le varianti "pl-" per padding a sinistra, fino a 96
+ */
+const TailwindPaddings_L = [
+    'pl-1', 'pl-2', 'pl-3', 'pl-4', 'pl-5', 'pl-6', 'pl-7', 'pl-8', 'pl-9', 'pl-10',
+    'pl-11', 'pl-12', 'pl-13', 'pl-14', 'pl-15', 'pl-16', 'pl-17', 'pl-18', 'pl-19', 'pl-20',
+    'pl-21', 'pl-22', 'pl-23', 'pl-24', 'pl-25', 'pl-26', 'pl-27', 'pl-28', 'pl-29', 'pl-30',
+    'pl-31', 'pl-32', 'pl-33', 'pl-34', 'pl-35', 'pl-36', 'pl-37', 'pl-38', 'pl-39', 'pl-40',
+    'pl-41', 'pl-42', 'pl-43', 'pl-44', 'pl-45', 'pl-46', 'pl-47', 'pl-48', 'pl-49', 'pl-50',
+    'pl-51', 'pl-52', 'pl-53', 'pl-54', 'pl-55', 'pl-56', 'pl-57', 'pl-58', 'pl-59', 'pl-60',
+    'pl-61', 'pl-62', 'pl-63', 'pl-64', 'pl-65', 'pl-66', 'pl-67', 'pl-68', 'pl-69', 'pl-70',
+    'pl-71', 'pl-72', 'pl-73', 'pl-74', 'pl-75', 'pl-76', 'pl-77', 'pl-78', 'pl-79', 'pl-80',
+    'pl-81', 'pl-82', 'pl-83', 'pl-84', 'pl-85', 'pl-86', 'pl-87', 'pl-88', 'pl-89', 'pl-90',
+    'pl-91', 'pl-92', 'pl-93', 'pl-94', 'pl-95', 'pl-96',
+];
+const TailwindPaddings_ALL = [
+    ...TailwindPaddings,
+    ...TailwindPaddings_X,
+    ...TailwindPaddings_Y,
+    ...TailwindPaddings_T,
+    ...TailwindPaddings_R,
+    ...TailwindPaddings_B,
+    ...TailwindPaddings_L,
+];
+// file: constants/layout/textSizes.ts
+const TailwindTextSizes = [
+    'text-xs',
+    'text-sm',
+    'text-base',
+    'text-lg',
+    'text-xl',
+    'text-2xl',
+    'text-3xl',
+    'text-4xl',
+    'text-5xl',
+    'text-6xl',
+    'text-7xl',
+];
+/**
+ * Costante che contiene tutte le varianti "w-" per larghezza globale
+ */
+const TailwindWidths = [
+    // Classi dinamiche
+    'w-auto', // Larghezza automatica
+    'w-full', // Larghezza piena (100% del contenitore genitore)
+    'w-screen', // Larghezza dell'intero viewport
+    'w-min', // Larghezza minima (adatta al contenuto minimo)
+    'w-max', // Larghezza massima (adatta al contenuto massimo)
+    'w-fit', // Larghezza si adatta al contenuto
+    // Larghezza proporzionale
+    'w-1/2', // 50% della larghezza disponibile
+    'w-1/3', // 33.333% della larghezza disponibile
+    'w-2/3', // 66.666% della larghezza disponibile
+    'w-1/4', // 25% della larghezza disponibile
+    'w-3/4', // 75% della larghezza disponibile
+    // Varianti numeriche da 1 a 96
+    'w-1', 'w-2', 'w-3', 'w-4', 'w-5', 'w-6', 'w-7', 'w-8', 'w-9', 'w-10',
+    'w-11', 'w-12', 'w-13', 'w-14', 'w-15', 'w-16', 'w-17', 'w-18', 'w-19', 'w-20',
+    'w-21', 'w-22', 'w-23', 'w-24', 'w-25', 'w-26', 'w-27', 'w-28', 'w-29', 'w-30',
+    'w-31', 'w-32', 'w-33', 'w-34', 'w-35', 'w-36', 'w-37', 'w-38', 'w-39', 'w-40',
+    'w-41', 'w-42', 'w-43', 'w-44', 'w-45', 'w-46', 'w-47', 'w-48', 'w-49', 'w-50',
+    'w-51', 'w-52', 'w-53', 'w-54', 'w-55', 'w-56', 'w-57', 'w-58', 'w-59', 'w-60',
+    'w-61', 'w-62', 'w-63', 'w-64', 'w-65', 'w-66', 'w-67', 'w-68', 'w-69', 'w-70',
+    'w-71', 'w-72', 'w-73', 'w-74', 'w-75', 'w-76', 'w-77', 'w-78', 'w-79', 'w-80',
+    'w-81', 'w-82', 'w-83', 'w-84', 'w-85', 'w-86', 'w-87', 'w-88', 'w-89', 'w-90',
+    'w-91', 'w-92', 'w-93', 'w-94', 'w-95', 'w-96',
+];
+const TailwindColors = [
+    "text-primary/10", "bg-primary/10", "border-primary/10",
+    "text-primary/20", "bg-primary/20", "border-primary/20",
+    "text-primary/30", "bg-primary/30", "border-primary/30",
+    "text-primary/40", "bg-primary/40", "border-primary/40",
+    "text-primary/50", "bg-primary/50", "border-primary/50",
+    "text-primary/60", "bg-primary/60", "border-primary/60",
+    "text-primary/70", "bg-primary/70", "border-primary/70",
+    "text-primary/80", "bg-primary/80", "border-primary/80",
+    "text-primary/90", "bg-primary/90", "border-primary/90",
+    "text-primary", "bg-primary", "border-primary",
+    "text-secondary/10", "bg-secondary/10", "border-secondary/10",
+    "text-secondary/20", "bg-secondary/20", "border-secondary/20",
+    "text-secondary/30", "bg-secondary/30", "border-secondary/30",
+    "text-secondary/40", "bg-secondary/40", "border-secondary/40",
+    "text-secondary/50", "bg-secondary/50", "border-secondary/50",
+    "text-secondary/60", "bg-secondary/60", "border-secondary/60",
+    "text-secondary/70", "bg-secondary/70", "border-secondary/70",
+    "text-secondary/80", "bg-secondary/80", "border-secondary/80",
+    "text-secondary/90", "bg-secondary/90", "border-secondary/90",
+    "text-secondary", "bg-secondary", "border-secondary",
+    "text-accent/10", "bg-accent/10", "border-accent/10",
+    "text-accent/20", "bg-accent/20", "border-accent/20",
+    "text-accent/30", "bg-accent/30", "border-accent/30",
+    "text-accent/40", "bg-accent/40", "border-accent/40",
+    "text-accent/50", "bg-accent/50", "border-accent/50",
+    "text-accent/60", "bg-accent/60", "border-accent/60",
+    "text-accent/70", "bg-accent/70", "border-accent/70",
+    "text-accent/80", "bg-accent/80", "border-accent/80",
+    "text-accent/90", "bg-accent/90", "border-accent/90",
+    "text-accent", "bg-accent", "border-accent",
+    "text-dark/10", "bg-dark/10", "border-dark/10",
+    "text-dark/20", "bg-dark/20", "border-dark/20",
+    "text-dark/30", "bg-dark/30", "border-dark/30",
+    "text-dark/40", "bg-dark/40", "border-dark/40",
+    "text-dark/50", "bg-dark/50", "border-dark/50",
+    "text-dark/60", "bg-dark/60", "border-dark/60",
+    "text-dark/70", "bg-dark/70", "border-dark/70",
+    "text-dark/80", "bg-dark/80", "border-dark/80",
+    "text-dark/90", "bg-dark/90", "border-dark/90",
+    "text-dark", "bg-dark", "border-dark",
+    "text-light/10", "bg-light/10", "border-light/10",
+    "text-light/20", "bg-light/20", "border-light/20",
+    "text-light/30", "bg-light/30", "border-light/30",
+    "text-light/40", "bg-light/40", "border-light/40",
+    "text-light/50", "bg-light/50", "border-light/50",
+    "text-light/60", "bg-light/60", "border-light/60",
+    "text-light/70", "bg-light/70", "border-light/70",
+    "text-light/80", "bg-light/80", "border-light/80",
+    "text-light/90", "bg-light/90", "border-light/90",
+    "text-light", "bg-light", "border-light"
+];
+const TailwindDesktopGridColumns = [
+    'lg:grid-cols-1',
+    'lg:grid-cols-2',
+    'lg:grid-cols-3',
+    'lg:grid-cols-4',
+    'lg:grid-cols-5',
+    'lg:grid-cols-6',
+    'lg:grid-cols-7',
+    'lg:grid-cols-8',
+    'lg:grid-cols-9',
+    'lg:grid-cols-10',
+    'lg:grid-cols-11',
+    'lg:grid-cols-12'
+];
+// Classi grid-cols per tablet (md)
+const TailwindTabletGridColumns = [
+    'md:grid-cols-1',
+    'md:grid-cols-2',
+    'md:grid-cols-3',
+    'md:grid-cols-4',
+    'md:grid-cols-5',
+    'md:grid-cols-6'
+];
+// Classi grid-cols per mobile (default, senza prefisso)
+const TailwindMobileGridColumns = [
+    'grid-cols-1',
+    'grid-cols-2'
+];
+const TailwindAllSafeList = [
+    ...TailwindHeights,
+    ...TailwindPaddings,
+    ...TailwindMargins,
+    ...TailwindContainerWidths,
+    ...TailwindWidths,
+    ...TailwindColors,
+    ...TailwindDesktopGridColumns,
+    ...TailwindMobileGridColumns,
+    ...TailwindTabletGridColumns,
+    ...TailwindTextSizes
+];
+
+var index$1 = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    TailwindAllSafeList: TailwindAllSafeList,
+    TailwindColors: TailwindColors,
+    TailwindContainerWidths: TailwindContainerWidths,
+    TailwindDesktopGridColumns: TailwindDesktopGridColumns,
+    TailwindHeights: TailwindHeights,
+    TailwindMargins: TailwindMargins,
+    TailwindMargins_ALL: TailwindMargins_ALL,
+    TailwindMargins_B: TailwindMargins_B,
+    TailwindMargins_L: TailwindMargins_L,
+    TailwindMargins_R: TailwindMargins_R,
+    TailwindMargins_T: TailwindMargins_T,
+    TailwindMargins_X: TailwindMargins_X,
+    TailwindMargins_Y: TailwindMargins_Y,
+    TailwindMobileGridColumns: TailwindMobileGridColumns,
+    TailwindMultipliers: TailwindMultipliers,
+    TailwindPaddings: TailwindPaddings,
+    TailwindPaddings_ALL: TailwindPaddings_ALL,
+    TailwindPaddings_B: TailwindPaddings_B,
+    TailwindPaddings_L: TailwindPaddings_L,
+    TailwindPaddings_R: TailwindPaddings_R,
+    TailwindPaddings_T: TailwindPaddings_T,
+    TailwindPaddings_X: TailwindPaddings_X,
+    TailwindPaddings_Y: TailwindPaddings_Y,
+    TailwindTabletGridColumns: TailwindTabletGridColumns,
+    TailwindTextSizes: TailwindTextSizes,
+    TailwindViewportHeightMultipliers: TailwindViewportHeightMultipliers,
+    TailwindViewportHeights: TailwindViewportHeights,
+    TailwindWidths: TailwindWidths
 });
 
+/**
+ * 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 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,
+    },
+});
+
+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(),
+                            {
+                                type: 'tabs',
+                                tabs: [{
+                                        label: 'Margini',
+                                        fields: [
+                                            fieldMargins()
+                                        ]
+                                    },
+                                    {
+                                        label: 'Paddings',
+                                        fields: [
+                                            fieldPaddings()
+                                        ]
+                                    }
+                                ]
+                            }
+                        ]
+                    }
+                ]
+            },
+        ],
+    };
+};
+
+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,
+    };
+};
+
+/**
+ * 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.',
+        },
+    });
+};
+
+/**
+ * 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.',
+        },
+    });
+};
+
+const concatMarginFields = (args) => {
+    const { value, siblingData, operation, } = args;
+    if (operation === 'create' || operation === 'update') {
+        const margins = siblingData || {};
+        const { all, x, y, t, r, b, l } = margins;
+        const classes = [];
+        if (all)
+            classes.push(`m-${all}`);
+        if (x)
+            classes.push(`mx-${x}`);
+        if (y)
+            classes.push(`my-${y}`);
+        if (t)
+            classes.push(`mt-${t}`);
+        if (r)
+            classes.push(`mr-${r}`);
+        if (b)
+            classes.push(`mb-${b}`);
+        if (l)
+            classes.push(`ml-${l}`);
+        return classes.join(' ');
+    }
+    return value;
+};
+/**
+ * Genera un campo per la selezione dinamica dei margini
+ * @returns Field - Campo di tipo `group` per PayloadCMS
+ */
+const fieldMargins = () => {
+    return {
+        name: 'm',
+        label: 'Margini',
+        type: 'group',
+        fields: [
+            {
+                name: 'className',
+                label: 'Classi CSS Margini',
+                type: 'text',
+                hooks: {
+                    beforeChange: [concatMarginFields],
+                },
+                admin: {
+                    readOnly: true,
+                    description: 'Questa stringa verrà generata automaticamente in base ai campi sottostanti.',
+                },
+            },
+            {
+                type: 'row',
+                fields: [
+                    fieldNumber({
+                        name: 'all',
+                        label: 'Tutti i lati',
+                        type: 'number',
+                        min: 0,
+                        max: 96,
+                        admin: {
+                            width: '33%'
+                        }
+                    }),
+                    fieldNumber({
+                        name: 'x',
+                        label: 'Orizzontale',
+                        type: 'number',
+                        min: 0,
+                        max: 96,
+                        admin: {
+                            width: '33%'
+                        }
+                    }),
+                    fieldNumber({
+                        name: 'y',
+                        label: 'Verticale',
+                        type: 'number',
+                        min: 0,
+                        max: 96,
+                        admin: {
+                            width: '33%'
+                        }
+                    }),
+                    fieldNumber({
+                        name: 't',
+                        label: 'Top',
+                        type: 'number',
+                        min: 0,
+                        max: 96,
+                        admin: {
+                            width: '25%'
+                        }
+                    }),
+                    fieldNumber({
+                        name: 'r',
+                        label: 'Right',
+                        type: 'number',
+                        min: 0,
+                        max: 96,
+                        admin: {
+                            width: '25%'
+                        }
+                    }),
+                    fieldNumber({
+                        name: 'b',
+                        label: 'Bottom',
+                        type: 'number',
+                        min: 0,
+                        max: 96,
+                        admin: {
+                            width: '25%'
+                        }
+                    }),
+                    fieldNumber({
+                        name: 'l',
+                        label: 'Left',
+                        type: 'number',
+                        min: 0,
+                        max: 96,
+                        admin: {
+                            width: '25%'
+                        }
+                    }),
+                ]
+            }
+        ],
+        admin: {
+            description: 'Definisce lo spazio esterno generale, orizzontale, verticale o per ciascun lato.',
+        },
+    };
+};
+
+/**
+ * Hook per concatenare le classi CSS di padding
+ */
+const concatPaddingFields = (args) => {
+    const { value, siblingData, operation, } = args;
+    if (operation === 'create' || operation === 'update') {
+        const paddings = siblingData || {};
+        const { all, x, y, t, r, b, l } = paddings;
+        const classes = [];
+        if (all)
+            classes.push(`p-${all}`);
+        if (x)
+            classes.push(`px-${x}`);
+        if (y)
+            classes.push(`py-${y}`);
+        if (t)
+            classes.push(`pt-${t}`);
+        if (r)
+            classes.push(`pr-${r}`);
+        if (b)
+            classes.push(`pb-${b}`);
+        if (l)
+            classes.push(`pl-${l}`);
+        return classes.join(' ');
+    }
+    return value;
+};
+/**
+ * Genera un campo per la selezione dinamica dei padding
+ * @returns Field - Campo di tipo `group` per PayloadCMS
+ */
+const fieldPaddings = () => {
+    return {
+        name: 'p',
+        label: 'Padding',
+        type: 'group',
+        fields: [
+            {
+                name: 'className',
+                label: 'Classi CSS Padding',
+                type: 'text',
+                hooks: {
+                    beforeChange: [concatPaddingFields],
+                },
+                admin: {
+                    readOnly: true,
+                    description: 'Questa stringa verrà generata automaticamente in base ai campi sottostanti.',
+                },
+            },
+            {
+                type: 'row',
+                fields: [
+                    fieldNumber({
+                        name: 'all',
+                        label: 'Tutti i lati',
+                        type: 'number',
+                        min: 0,
+                        max: 96,
+                        admin: {
+                            width: '33%'
+                        }
+                    }),
+                    fieldNumber({
+                        name: 'x',
+                        label: 'Orizzontale',
+                        type: 'number',
+                        min: 0,
+                        max: 96,
+                        admin: {
+                            width: '33%'
+                        }
+                    }),
+                    fieldNumber({
+                        name: 'y',
+                        label: 'Verticale',
+                        type: 'number',
+                        min: 0,
+                        max: 96,
+                        admin: {
+                            width: '33%'
+                        }
+                    }),
+                    fieldNumber({
+                        name: 't',
+                        label: 'Top',
+                        type: 'number',
+                        min: 0,
+                        max: 96,
+                        admin: {
+                            width: '25%'
+                        }
+                    }),
+                    fieldNumber({
+                        name: 'r',
+                        label: 'Right',
+                        type: 'number',
+                        min: 0,
+                        max: 96,
+                        admin: {
+                            width: '25%'
+                        }
+                    }),
+                    fieldNumber({
+                        name: 'b',
+                        label: 'Bottom',
+                        type: 'number',
+                        min: 0,
+                        max: 96,
+                        admin: {
+                            width: '25%'
+                        }
+                    }),
+                    fieldNumber({
+                        name: 'l',
+                        label: 'Left',
+                        type: 'number',
+                        min: 0,
+                        max: 96,
+                        admin: {
+                            width: '25%'
+                        }
+                    }),
+                ]
+            }
+        ],
+        admin: {
+            description: 'Definisce lo spazio interno generale, orizzontale, verticale o per ciascun lato.',
+        },
+    };
+};
+
+// Esportazioni dalle cartelle principali
+
 var index = /*#__PURE__*/Object.freeze({
     __proto__: null,
     fieldArray: fieldArray,
     fieldBlocks: fieldBlocks,
     fieldCheckbox: fieldCheckbox,
     fieldCode: fieldCode,
+    fieldConfigProps: fieldConfigProps,
+    fieldContainerProps: fieldContainerProps,
+    fieldContainerWidths: fieldContainerWidths,
+    fieldContentProps: fieldContentProps,
     fieldDate: fieldDate,
     fieldEmail: fieldEmail,
+    fieldHeights: fieldHeights,
     fieldJoin: fieldJoin,
+    fieldMargins: fieldMargins,
     fieldNumber: fieldNumber,
+    fieldPaddings: fieldPaddings,
     fieldPoint: fieldPoint,
     fieldRadioGroup: fieldRadioGroup,
     fieldRelationship: fieldRelationship,
     fieldRichText: fieldRichText,
+    fieldSectionProps: fieldSectionProps,
+    fieldSectionTabs: fieldSectionTabs,
     fieldSelect: fieldSelect,
-    fieldSemantic: fieldSemantic,
     fieldText: fieldText,
     fieldTextArea: fieldTextArea,
     fieldUpload: fieldUpload
 });
 
-export { fieldArray, fieldBlocks, fieldCheckbox, fieldCode, fieldDate, fieldEmail, fieldJoin, fieldNumber, fieldPoint, fieldRadioGroup, fieldRelationship, fieldRichText, fieldSelect, fieldSemantic, fieldText, fieldTextArea, fieldUpload, index as i };
+export { index$1 as a, fieldArray, fieldBlocks, fieldCheckbox, fieldCode, fieldConfigProps, fieldContainerProps, fieldContainerWidths, fieldContentProps, fieldDate, fieldEmail, fieldHeights, fieldJoin, fieldMargins, fieldNumber, fieldPaddings, fieldPoint, fieldRadioGroup, fieldRelationship, fieldRichText, fieldSectionProps, fieldSectionTabs, fieldSelect, fieldText, fieldTextArea, fieldUpload, index as i };
 //# sourceMappingURL=index.esm.js.map