@woodylab/payload 0.0.37 → 0.0.38

package/dist/index.cjs.js

@@ -1,300 +1,2 @@
-'use strict';
-
-var fields_index = require('./index-DZuNTfoQ.js');
-var config_index = require('./index-CWYRhz2T.js');
-var tailwind_index = require('./index-DgYntBlB.js');
-var acl_index = require('./index-Bj0auLnA.js');
-var enums_index = require('./index-JvE9Rtmr.js');
-var types_index = require('./types/index.cjs.js');
-var hooks_index = require('./index-BD7Mx4u9.js');
-var fieldSectionTabs = require('./fieldSectionTabs-ns8gLfPr.js');
-require('./userRoles-Da1JaIoF.js');
-require('./getNumberValueFromClassNameString-D4OqkHPA.js');
-
-const hexToRgb = (hex) => {
-    // Rimuove il simbolo `#` se presente
-    const cleanedHex = hex.replace(/^#/, '');
-    // Controlla che il colore sia valido (3 o 6 caratteri)
-    if (!/^([A-Fa-f0-9]{3}|[A-Fa-f0-9]{6})$/.test(cleanedHex)) {
-        throw new Error(`Colore HEX non valido: ${hex}`);
-    }
-    // In caso di formato corto (es. "FFF"), lo converte in formato lungo (es. "FFFFFF")
-    const expandedHex = cleanedHex.length === 3
-        ? cleanedHex
-            .split('')
-            .map(char => char + char)
-            .join('')
-        : cleanedHex;
-    // Converte il valore HEX in decimali per R, G e B
-    const r = parseInt(expandedHex.slice(0, 2), 16);
-    const g = parseInt(expandedHex.slice(2, 4), 16);
-    const b = parseInt(expandedHex.slice(4, 6), 16);
-    return { r, g, b };
-};
-
-function generateCssVars(settings) {
-    // Gestione robusta dei font
-    const fontWeights = [300, 400, 500, 600, 700, 800];
-    const fontsToImport = [settings.headingFont, settings.textFont]
-        .filter(Boolean)
-        .map(f => {
-        if (!f)
-            return '';
-        // Aggiungiamo il parametro wght per specificare i pesi da caricare
-        return `@import url('https://fonts.googleapis.com/css2?family=${f.replace(/ /g, "+")}:wght@${fontWeights.join(';')}&display=swap');`;
-    })
-        .join("\n");
-    const generateOpacityVariants = (color, name) => {
-        if (!color) {
-            return '';
-        }
-        try {
-            const rgbValue = hexToRgb(color);
-            if (!rgbValue || typeof rgbValue.r !== 'number' ||
-                typeof rgbValue.g !== 'number' ||
-                typeof rgbValue.b !== 'number') {
-                console.warn(`Impossibile convertire il colore ${name}: ${color}`);
-                return '';
-            }
-            const { r, g, b } = rgbValue;
-            const opacityVars = Array.from({ length: 9 }, (_, i) => {
-                const opacity = (i + 1) * 10;
-                return `--color-${name}-${opacity}: rgba(${r}, ${g}, ${b}, ${opacity / 100});`;
-            }).join("\n");
-            return `
-        --color-${name}: rgb(${r}, ${g}, ${b}); /* Default (opacità 1) */
-        ${opacityVars}
-      `;
-        }
-        catch (error) {
-            console.warn(`Errore nella generazione delle varianti di opacità per ${name}: ${error}`);
-            return '';
-        }
-    };
-    // Genera variabili solo per i colori forniti
-    const primaryVars = generateOpacityVariants(settings.primaryColor, "primary");
-    const secondaryVars = generateOpacityVariants(settings.secondaryColor, "secondary");
-    const accentVars = generateOpacityVariants(settings.accentColor, "accent");
-    const darkVars = generateOpacityVariants(settings.darkColor, "dark");
-    const lightVars = generateOpacityVariants(settings.lightColor, "light");
-    // Genera i valori dei font in modo sicuro
-    const headingFontValue = settings.headingFont
-        ? `'${settings.headingFont}', sans-serif`
-        : 'system-layout, sans-serif';
-    const textFontValue = settings.textFont
-        ? `'${settings.textFont}', sans-serif`
-        : 'system-layout, sans-serif';
-    return `
-    ${fontsToImport}
-
-    :root {
-      --font-heading: ${headingFontValue};
-      --font-text: ${textFontValue};
-      --color-white: #ffffff;
-      --color-black: #000000;
-      --color-foreground: ${settings.foregroundColor || '#FFFFFF'};
-      ${primaryVars}
-      ${secondaryVars}
-      ${accentVars}
-      ${darkVars}
-      ${lightVars}
-    }
-  `;
-}
-
-function getButtonClasses(config) {
-    const { buttonStyle = 'solid', buttonColor = 'primary', buttonSize = 'default', buttonRounded = 'default', iconPosition = 'left', textColor, // Aggiungiamo il colore del testo
-    additionalEffects = [], } = config;
-    const classes = [
-        'inline-flex',
-        'items-center',
-        'justify-center',
-        'font-medium',
-        'focus:outline-none',
-        'focus-visible:ring-2',
-        'focus-visible:ring-offset-2',
-    ];
-    // Stile base
-    switch (buttonStyle) {
-        case 'solid':
-            classes.push(`bg-${buttonColor}`);
-            // Usa textColor se specificato, altrimenti usa il colore predefinito basato sul buttonColor
-            if (textColor) {
-                classes.push(`text-${textColor}`);
-            }
-            else {
-                classes.push(buttonColor === 'light' ? 'text-dark' : 'text-white');
-            }
-            classes.push(`hover:bg-${buttonColor}/90`);
-            break;
-        case 'outline':
-            classes.push(`border`);
-            classes.push(`border-${buttonColor}`);
-            // Usa textColor se specificato, altrimenti usa il colore del bottone
-            if (textColor) {
-                classes.push(`text-${textColor}`);
-                // Mantieni lo stesso colore di testo per l'hover, a meno che non sia specificato diversamente
-                classes.push(`hover:text-${textColor}`);
-            }
-            else {
-                classes.push(`text-${buttonColor}`);
-                classes.push(`hover:text-${buttonColor === 'light' ? 'dark' : 'white'}`);
-            }
-            classes.push(`hover:bg-${buttonColor}`);
-            break;
-        case 'ghost':
-            // Usa textColor se specificato, altrimenti usa il colore del bottone
-            if (textColor) {
-                classes.push(`text-${textColor}`);
-            }
-            else {
-                classes.push(`text-${buttonColor}`);
-            }
-            classes.push(`hover:bg-${buttonColor}/10`);
-            break;
-        case 'link':
-            // Usa textColor se specificato, altrimenti usa il colore del bottone
-            if (textColor) {
-                classes.push(`text-${textColor}`);
-            }
-            else {
-                classes.push(`text-${buttonColor}`);
-            }
-            classes.push('hover:underline');
-            break;
-    }
-    // Dimensione
-    switch (buttonSize) {
-        case 'small':
-            classes.push('text-xs px-2.5 py-1.5');
-            break;
-        case 'default':
-            classes.push('text-sm px-4 py-2');
-            break;
-        case 'medium':
-            classes.push('text-base px-5 py-2.5');
-            break;
-        case 'large':
-            classes.push('text-lg px-6 py-3');
-            break;
-        case 'xl':
-            classes.push('text-xl px-8 py-4');
-            break;
-    }
-    // Se è solo icona, aggiusta il padding per renderlo quadrato/rotondo
-    if (config.useIcon && iconPosition === 'only') {
-        classes.push('p-0');
-        switch (buttonSize) {
-            case 'small':
-                classes.push('w-7 h-7');
-                break;
-            case 'default':
-                classes.push('w-9 h-9');
-                break;
-            case 'medium':
-                classes.push('w-10 h-10');
-                break;
-            case 'large':
-                classes.push('w-12 h-12');
-                break;
-            case 'xl':
-                classes.push('w-14 h-14');
-                break;
-        }
-    }
-    // Arrotondamento
-    switch (buttonRounded) {
-        case 'none':
-            classes.push('rounded-none');
-            break;
-        case 'sm':
-            classes.push('rounded-sm');
-            break;
-        case 'default':
-            classes.push('rounded');
-            break;
-        case 'lg':
-            classes.push('rounded-lg');
-            break;
-        case 'full':
-            classes.push('rounded-full');
-            break;
-    }
-    // Effetti aggiuntivi
-    if (additionalEffects) {
-        if (additionalEffects.includes('shadow')) {
-            classes.push('shadow-md hover:shadow-lg');
-        }
-        if (additionalEffects.includes('transition')) {
-            classes.push('transition-all duration-200');
-        }
-        if (additionalEffects.includes('scale')) {
-            classes.push('transform hover:scale-105');
-        }
-    }
-    // Aggiungi la classe focus-ring per il colore appropriato
-    classes.push(`focus-visible:ring-${buttonColor}/50`);
-    return classes.join(' ');
-}
-
-function getClassName(config) {
-    // Mantieni tutte le altre classi Tailwind, ma ometti quelle di colore di sfondo
-    const classList = [];
-    // Gestione campi compositi
-    ['p', 'm'].forEach((field) => {
-        if (config[field]?.className) {
-            classList.push(config[field].className);
-        }
-    });
-    // Gestione campi diretti
-    ['fs', 'h', 'container'].forEach((field) => {
-        if (config[field]) {
-            classList.push(config[field]);
-        }
-    });
-    // Altre classi che non sono colori dinamici
-    if (config.bgi && config.bgi.url) {
-        classList.push('bg-no-repeat bg-cover');
-    }
-    if (config.boxShadow) {
-        classList.push(config.boxShadow);
-    }
-    if (config.borderRadius) {
-        classList.push(config.borderRadius);
-    }
-    return classList.join(' ');
-}
-
-function getInlineStyles(config) {
-    const styles = {};
-    // Gestisci il background color con stile inline
-    if (config.bgc) {
-        styles.backgroundColor = config.bgc;
-    }
-    // Gestione background image
-    if (config.bgi && config.bgi.url) {
-        styles.backgroundImage = `url("${config.bgi.url}")`;
-        // Gestione focal point
-        if (typeof config.bgi.focalX === 'number' && typeof config.bgi.focalY === 'number') {
-            styles.backgroundPosition = `${config.bgi.focalX}% ${config.bgi.focalY}%`;
-        }
-    }
-    return styles;
-}
-
-exports.Fields = fields_index.index;
-exports.Config = config_index.index;
-exports.generatePreviewPath = config_index.generatePreviewPath;
-exports.googleFonts = config_index.GoogleFonts;
-exports.Tailwind = tailwind_index.index;
-exports.Acl = acl_index.index;
-exports.Enum = enums_index.index;
-exports.Types = types_index.index;
-exports.Hooks = hooks_index.index;
-exports.iconsList = fieldSectionTabs.iconsList;
-exports.generateCssVars = generateCssVars;
-exports.getButtonClasses = getButtonClasses;
-exports.getClassName = getClassName;
-exports.getInlineStyles = getInlineStyles;
-exports.hexToRgb = hexToRgb;
+"use strict";var e=require("./index-0eQdIBGL.js"),s=require("./index-Davj5NSB.js"),r=require("./index-gxytNJWT.js"),o=require("./index-kvH0sGti.js"),t=require("./index-C4uc5BOd.js"),n=require("./types/index.cjs.js"),i=require("./index-BnQT4jju.js"),a=require("./fieldSectionTabs-B_rEttMP.js");require("./userRoles-Dd_gfx51.js"),require("./getNumberValueFromClassNameString-Dm5eOjBJ.js");const u=e=>{const s=e.replace(/^#/,"");if(!/^([A-Fa-f0-9]{3}|[A-Fa-f0-9]{6})$/.test(s))throw new Error(`Colore HEX non valido: ${e}`);const r=3===s.length?s.split("").map(e=>e+e).join(""):s;return{r:parseInt(r.slice(0,2),16),g:parseInt(r.slice(2,4),16),b:parseInt(r.slice(4,6),16)}};exports.Fields=e.index,exports.Config=s.index,exports.generatePreviewPath=s.generatePreviewPath,exports.googleFonts=s.GoogleFonts,exports.Tailwind=r.index,exports.Acl=o.index,exports.Enum=t.index,exports.Types=n.index,exports.Hooks=i.index,exports.iconsList=a.iconsList,exports.generateCssVars=function(e){const s=[300,400,500,600,700,800],r=[e.headingFont,e.textFont].filter(Boolean).map(e=>e?`@import url('https://fonts.googleapis.com/css2?family=${e.replace(/ /g,"+")}:wght@${s.join(";")}&display=swap');`:"").join("\n"),o=(e,s)=>{if(!e)return"";try{const r=u(e);if(!r||"number"!=typeof r.r||"number"!=typeof r.g||"number"!=typeof r.b)return console.warn(`Impossibile convertire il colore ${s}: ${e}`),"";const{r:o,g:t,b:n}=r,i=Array.from({length:9},(e,r)=>{const i=10*(r+1);return`--color-${s}-${i}: rgba(${o}, ${t}, ${n}, ${i/100});`}).join("\n");return`\n        --color-${s}: rgb(${o}, ${t}, ${n}); /* Default (opacità 1) */\n        ${i}\n      `}catch(e){return console.warn(`Errore nella generazione delle varianti di opacità per ${s}: ${e}`),""}},t=o(e.primaryColor,"primary"),n=o(e.secondaryColor,"secondary"),i=o(e.accentColor,"accent"),a=o(e.darkColor,"dark"),l=o(e.lightColor,"light");return`\n    ${r}\n\n    :root {\n      --font-heading: ${e.headingFont?`'${e.headingFont}', sans-serif`:"system-layout, sans-serif"};\n      --font-text: ${e.textFont?`'${e.textFont}', sans-serif`:"system-layout, sans-serif"};\n      --color-white: #ffffff;\n      --color-black: #000000;\n      --color-foreground: ${e.foregroundColor||"#FFFFFF"};\n      ${t}\n      ${n}\n      ${i}\n      ${a}\n      ${l}\n    }\n  `},exports.getButtonClasses=function(e){const{buttonStyle:s="solid",buttonColor:r="primary",buttonSize:o="default",buttonRounded:t="default",iconPosition:n="left",textColor:i,additionalEffects:a=[]}=e,u=["inline-flex","items-center","justify-center","font-medium","focus:outline-none","focus-visible:ring-2","focus-visible:ring-offset-2"];switch(s){case"solid":u.push(`bg-${r}`),i?u.push(`text-${i}`):u.push("light"===r?"text-dark":"text-white"),u.push(`hover:bg-${r}/90`);break;case"outline":u.push("border"),u.push(`border-${r}`),i?(u.push(`text-${i}`),u.push(`hover:text-${i}`)):(u.push(`text-${r}`),u.push("hover:text-"+("light"===r?"dark":"white"))),u.push(`hover:bg-${r}`);break;case"ghost":i?u.push(`text-${i}`):u.push(`text-${r}`),u.push(`hover:bg-${r}/10`);break;case"link":i?u.push(`text-${i}`):u.push(`text-${r}`),u.push("hover:underline")}switch(o){case"small":u.push("text-xs px-2.5 py-1.5");break;case"default":u.push("text-sm px-4 py-2");break;case"medium":u.push("text-base px-5 py-2.5");break;case"large":u.push("text-lg px-6 py-3");break;case"xl":u.push("text-xl px-8 py-4")}if(e.useIcon&&"only"===n)switch(u.push("p-0"),o){case"small":u.push("w-7 h-7");break;case"default":u.push("w-9 h-9");break;case"medium":u.push("w-10 h-10");break;case"large":u.push("w-12 h-12");break;case"xl":u.push("w-14 h-14")}switch(t){case"none":u.push("rounded-none");break;case"sm":u.push("rounded-sm");break;case"default":u.push("rounded");break;case"lg":u.push("rounded-lg");break;case"full":u.push("rounded-full")}return a&&(a.includes("shadow")&&u.push("shadow-md hover:shadow-lg"),a.includes("transition")&&u.push("transition-all duration-200"),a.includes("scale")&&u.push("transform hover:scale-105")),u.push(`focus-visible:ring-${r}/50`),u.join(" ")},exports.getClassName=function(e){const s=[];return["p","m"].forEach(r=>{e[r]?.className&&s.push(e[r].className)}),["fs","h","container"].forEach(r=>{e[r]&&s.push(e[r])}),e.bgi&&e.bgi.url&&s.push("bg-no-repeat bg-cover"),e.boxShadow&&s.push(e.boxShadow),e.borderRadius&&s.push(e.borderRadius),s.join(" ")},exports.getInlineStyles=function(e){const s={};return e.bgc&&(s.backgroundColor=e.bgc),e.bgi&&e.bgi.url&&(s.backgroundImage=`url("${e.bgi.url}")`,"number"==typeof e.bgi.focalX&&"number"==typeof e.bgi.focalY&&(s.backgroundPosition=`${e.bgi.focalX}% ${e.bgi.focalY}%`)),s},exports.hexToRgb=u;
 //# sourceMappingURL=index.cjs.js.map

package/dist/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../src/hexToRgb.ts","../src/generateCssVars.ts","../src/getButtonClasses.ts","../src/getClassName.ts","../src/getInlineStyles.ts"],"sourcesContent":["const hexToRgb = (hex: string): { r: number; g: number; b: number } => {\n    // Rimuove il simbolo `#` se presente\n    const cleanedHex = hex.replace(/^#/, '');\n\n    // Controlla che il colore sia valido (3 o 6 caratteri)\n    if (!/^([A-Fa-f0-9]{3}|[A-Fa-f0-9]{6})$/.test(cleanedHex)) {\n        throw new Error(`Colore HEX non valido: ${hex}`);\n    }\n\n    // In caso di formato corto (es. \"FFF\"), lo converte in formato lungo (es. \"FFFFFF\")\n    const expandedHex =\n        cleanedHex.length === 3\n            ? cleanedHex\n                .split('')\n                .map(char => char + char)\n                .join('')\n            : cleanedHex;\n\n    // Converte il valore HEX in decimali per R, G e B\n    const r = parseInt(expandedHex.slice(0, 2), 16);\n    const g = parseInt(expandedHex.slice(2, 4), 16);\n    const b = parseInt(expandedHex.slice(4, 6), 16);\n\n    return { r, g, b };\n};\n\nexport default hexToRgb;","import hexToRgb from \"./hexToRgb\";\n\nfunction generateCssVars(settings: {\n  headingFont?: string;\n  textFont?: string;\n  foregroundColor?: string;\n  primaryColor?: string;\n  secondaryColor?: string;\n  accentColor?: string;\n  darkColor?: string;\n  lightColor?: string;\n}): string {\n  // Gestione robusta dei font\n  const fontWeights = [300, 400, 500, 600, 700, 800];\n\n  const fontsToImport = [settings.headingFont, settings.textFont]\n    .filter(Boolean)\n    .map(f => {\n      if (!f) return '';\n      // Aggiungiamo il parametro wght per specificare i pesi da caricare\n      return `@import url('https://fonts.googleapis.com/css2?family=${f.replace(\n        / /g,\n        \"+\"\n      )}:wght@${fontWeights.join(';')}&display=swap');`\n    })\n    .join(\"\\n\");\n\n\n  const generateOpacityVariants = (color: string | undefined, name: string): string => {\n    if (!color) {\n      return '';\n    }\n\n    try {\n      const rgbValue = hexToRgb(color);\n\n      if (!rgbValue || typeof rgbValue.r !== 'number' ||\n          typeof rgbValue.g !== 'number' ||\n          typeof rgbValue.b !== 'number') {\n        console.warn(`Impossibile convertire il colore ${name}: ${color}`);\n        return '';\n      }\n\n      const { r, g, b } = rgbValue;\n\n      const opacityVars = Array.from({ length: 9 }, (_, i) => {\n        const opacity = (i + 1) * 10;\n        return `--color-${name}-${opacity}: rgba(${r}, ${g}, ${b}, ${opacity / 100});`;\n      }).join(\"\\n\");\n\n      return `\n        --color-${name}: rgb(${r}, ${g}, ${b}); /* Default (opacità 1) */\n        ${opacityVars}\n      `;\n    } catch (error) {\n      console.warn(`Errore nella generazione delle varianti di opacità per ${name}: ${error}`);\n      return '';\n    }\n  };\n\n  // Genera variabili solo per i colori forniti\n  const primaryVars = generateOpacityVariants(settings.primaryColor, \"primary\");\n  const secondaryVars = generateOpacityVariants(settings.secondaryColor, \"secondary\");\n  const accentVars = generateOpacityVariants(settings.accentColor, \"accent\");\n  const darkVars = generateOpacityVariants(settings.darkColor, \"dark\");\n  const lightVars = generateOpacityVariants(settings.lightColor, \"light\");\n\n  // Genera i valori dei font in modo sicuro\n  const headingFontValue = settings.headingFont\n      ? `'${settings.headingFont}', sans-serif`\n      : 'system-layout, sans-serif';\n\n  const textFontValue = settings.textFont\n      ? `'${settings.textFont}', sans-serif`\n      : 'system-layout, sans-serif';\n\n  return `\n    ${fontsToImport}\n\n    :root {\n      --font-heading: ${headingFontValue};\n      --font-text: ${textFontValue};\n      --color-white: #ffffff;\n      --color-black: #000000;\n      --color-foreground: ${settings.foregroundColor || '#FFFFFF'};\n      ${primaryVars}\n      ${secondaryVars}\n      ${accentVars}\n      ${darkVars}\n      ${lightVars}\n    }\n  `;\n}\n\nexport default generateCssVars;\n","export type ButtonConfig = {\n  show: boolean\n  buttonStyle?: 'solid' | 'outline' | 'ghost' | 'link'\n  buttonColor?: 'primary' | 'secondary' | 'accent' | 'dark' | 'light'\n  buttonSize?: 'small' | 'default' | 'medium' | 'large' | 'xl'\n  buttonRounded?: 'none' | 'sm' | 'default' | 'lg' | 'full'\n  useIcon?: boolean\n  iconPosition?: 'left' | 'right' | 'only'\n  iconName?: string\n  iconVariant?: 'outline' | 'solid'\n  alignment?: 'left' | 'center' | 'right'\n  textColor?: 'primary' | 'secondary' | 'accent' | 'dark' | 'light' | 'white' | 'black'\n  additionalEffects?: ('shadow' | 'transition' | 'scale')[]\n}\n\nexport type ActionConfig = ButtonConfig & {\n  show?: boolean\n  actionType?: 'internalLink' | 'externalLink' | 'customAction'\n  internalLink?: {\n    relationTo: string\n    value: {\n      slug: string\n      id: string\n    }\n  }\n  externalLink?: string\n  customActionId?: string\n  label?: string\n  onClick?: () => void\n}\n\nfunction getButtonClasses(config: ActionConfig): string {\n  const {\n    buttonStyle = 'solid',\n    buttonColor = 'primary',\n    buttonSize = 'default',\n    buttonRounded = 'default',\n    iconPosition = 'left',\n    textColor, // Aggiungiamo il colore del testo\n    additionalEffects = [],\n  } = config\n\n  const classes: string[] = [\n    'inline-flex',\n    'items-center',\n    'justify-center',\n    'font-medium',\n    'focus:outline-none',\n    'focus-visible:ring-2',\n    'focus-visible:ring-offset-2',\n  ]\n\n  // Stile base\n  switch (buttonStyle) {\n    case 'solid':\n      classes.push(`bg-${buttonColor}`)\n      // Usa textColor se specificato, altrimenti usa il colore predefinito basato sul buttonColor\n      if (textColor) {\n        classes.push(`text-${textColor}`)\n      } else {\n        classes.push(buttonColor === 'light' ? 'text-dark' : 'text-white')\n      }\n      classes.push(`hover:bg-${buttonColor}/90`)\n      break\n    case 'outline':\n      classes.push(`border`)\n      classes.push(`border-${buttonColor}`)\n      // Usa textColor se specificato, altrimenti usa il colore del bottone\n      if (textColor) {\n        classes.push(`text-${textColor}`)\n        // Mantieni lo stesso colore di testo per l'hover, a meno che non sia specificato diversamente\n        classes.push(`hover:text-${textColor}`)\n      } else {\n        classes.push(`text-${buttonColor}`)\n        classes.push(`hover:text-${buttonColor === 'light' ? 'dark' : 'white'}`)\n      }\n      classes.push(`hover:bg-${buttonColor}`)\n      break\n    case 'ghost':\n      // Usa textColor se specificato, altrimenti usa il colore del bottone\n      if (textColor) {\n        classes.push(`text-${textColor}`)\n      } else {\n        classes.push(`text-${buttonColor}`)\n      }\n      classes.push(`hover:bg-${buttonColor}/10`)\n      break\n    case 'link':\n      // Usa textColor se specificato, altrimenti usa il colore del bottone\n      if (textColor) {\n        classes.push(`text-${textColor}`)\n      } else {\n        classes.push(`text-${buttonColor}`)\n      }\n      classes.push('hover:underline')\n      break\n  }\n\n  // Dimensione\n  switch (buttonSize) {\n    case 'small':\n      classes.push('text-xs px-2.5 py-1.5')\n      break\n    case 'default':\n      classes.push('text-sm px-4 py-2')\n      break\n    case 'medium':\n      classes.push('text-base px-5 py-2.5')\n      break\n    case 'large':\n      classes.push('text-lg px-6 py-3')\n      break\n    case 'xl':\n      classes.push('text-xl px-8 py-4')\n      break\n  }\n\n  // Se è solo icona, aggiusta il padding per renderlo quadrato/rotondo\n  if (config.useIcon && iconPosition === 'only') {\n    classes.push('p-0')\n    switch (buttonSize) {\n      case 'small':\n        classes.push('w-7 h-7')\n        break\n      case 'default':\n        classes.push('w-9 h-9')\n        break\n      case 'medium':\n        classes.push('w-10 h-10')\n        break\n      case 'large':\n        classes.push('w-12 h-12')\n        break\n      case 'xl':\n        classes.push('w-14 h-14')\n        break\n    }\n  }\n\n  // Arrotondamento\n  switch (buttonRounded) {\n    case 'none':\n      classes.push('rounded-none')\n      break\n    case 'sm':\n      classes.push('rounded-sm')\n      break\n    case 'default':\n      classes.push('rounded')\n      break\n    case 'lg':\n      classes.push('rounded-lg')\n      break\n    case 'full':\n      classes.push('rounded-full')\n      break\n  }\n\n  // Effetti aggiuntivi\n  if (additionalEffects) {\n    if (additionalEffects.includes('shadow')) {\n      classes.push('shadow-md hover:shadow-lg')\n    }\n    if (additionalEffects.includes('transition')) {\n      classes.push('transition-all duration-200')\n    }\n    if (additionalEffects.includes('scale')) {\n      classes.push('transform hover:scale-105')\n    }\n  }\n\n  // Aggiungi la classe focus-ring per il colore appropriato\n  classes.push(`focus-visible:ring-${buttonColor}/50`)\n\n  return classes.join(' ')\n}\n\nexport default getButtonClasses\n","function getClassName(config: any): string {\n    // Mantieni tutte le altre classi Tailwind, ma ometti quelle di colore di sfondo\n    const classList: string[] = [];\n\n    // Gestione campi compositi\n    ['p', 'm'].forEach((field) => {\n        if (config[field]?.className) {\n            classList.push(config[field].className);\n        }\n    });\n\n    // Gestione campi diretti\n    ['fs', 'h', 'container'].forEach((field) => {\n        if (config[field]) {\n            classList.push(config[field]);\n        }\n    });\n\n    // Altre classi che non sono colori dinamici\n    if (config.bgi && config.bgi.url) {\n        classList.push('bg-no-repeat bg-cover');\n    }\n    if (config.boxShadow) {\n      classList.push(config.boxShadow);\n    }\n  if (config.borderRadius) {\n    classList.push(config.borderRadius);\n  }\n\n    return classList.join(' ');\n}\nexport default getClassName;\n","import React from 'react'\n\nfunction getInlineStyles(config: any): React.CSSProperties {\n  const styles: React.CSSProperties = {}\n\n  // Gestisci il background color con stile inline\n  if (config.bgc) {\n    styles.backgroundColor = config.bgc\n  }\n\n  // Gestione background image\n  if (config.bgi && config.bgi.url) {\n    styles.backgroundImage = `url(\"${config.bgi.url}\")`\n\n    // Gestione focal point\n    if (typeof config.bgi.focalX === 'number' && typeof config.bgi.focalY === 'number') {\n      styles.backgroundPosition = `${config.bgi.focalX}% ${config.bgi.focalY}%`\n    }\n  }\n\n  return styles\n}\n\nexport default getInlineStyles\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.cjs.js","sources":["../src/hexToRgb.ts","../src/generateCssVars.ts","../src/getButtonClasses.ts","../src/getClassName.ts","../src/getInlineStyles.ts"],"sourcesContent":[null,null,null,null,null],"names":["hexToRgb","hex","cleanedHex","replace","test","Error","expandedHex","length","split","map","char","join","r","parseInt","slice","g","b","settings","fontWeights","fontsToImport","headingFont","textFont","filter","Boolean","f","generateOpacityVariants","color","name","rgbValue","console","warn","opacityVars","Array","from","_","i","opacity","error","primaryVars","primaryColor","secondaryVars","secondaryColor","accentVars","accentColor","darkVars","darkColor","lightVars","lightColor","foregroundColor","config","buttonStyle","buttonColor","buttonSize","buttonRounded","iconPosition","textColor","additionalEffects","classes","push","useIcon","includes","classList","forEach","field","className","bgi","url","boxShadow","borderRadius","styles","bgc","backgroundColor","backgroundImage","focalX","focalY","backgroundPosition"],"mappings":"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"}

package/dist/index.esm.js

@@ -1,284 +1,2 @@
-export { i as Fields } from './index-B5jmz5OR.js';
-export { i as Config, g as generatePreviewPath, G as googleFonts } from './index-1Y54jG4C.js';
-export { i as Tailwind } from './index-5EL7OntE.js';
-export { i as Acl } from './index-Ces144rr.js';
-export { i as Enum } from './index-CKwysnVm.js';
-export { i as Types } from './types/index.esm.js';
-export { i as Hooks } from './index-I4vA8AmC.js';
-export { i as iconsList } from './fieldSectionTabs-B2XLxdEW.js';
-import './userRoles-Dq3yqKLM.js';
-import './getNumberValueFromClassNameString-DyZ9P1fd.js';
-
-const hexToRgb = (hex) => {
-    // Rimuove il simbolo `#` se presente
-    const cleanedHex = hex.replace(/^#/, '');
-    // Controlla che il colore sia valido (3 o 6 caratteri)
-    if (!/^([A-Fa-f0-9]{3}|[A-Fa-f0-9]{6})$/.test(cleanedHex)) {
-        throw new Error(`Colore HEX non valido: ${hex}`);
-    }
-    // In caso di formato corto (es. "FFF"), lo converte in formato lungo (es. "FFFFFF")
-    const expandedHex = cleanedHex.length === 3
-        ? cleanedHex
-            .split('')
-            .map(char => char + char)
-            .join('')
-        : cleanedHex;
-    // Converte il valore HEX in decimali per R, G e B
-    const r = parseInt(expandedHex.slice(0, 2), 16);
-    const g = parseInt(expandedHex.slice(2, 4), 16);
-    const b = parseInt(expandedHex.slice(4, 6), 16);
-    return { r, g, b };
-};
-
-function generateCssVars(settings) {
-    // Gestione robusta dei font
-    const fontWeights = [300, 400, 500, 600, 700, 800];
-    const fontsToImport = [settings.headingFont, settings.textFont]
-        .filter(Boolean)
-        .map(f => {
-        if (!f)
-            return '';
-        // Aggiungiamo il parametro wght per specificare i pesi da caricare
-        return `@import url('https://fonts.googleapis.com/css2?family=${f.replace(/ /g, "+")}:wght@${fontWeights.join(';')}&display=swap');`;
-    })
-        .join("\n");
-    const generateOpacityVariants = (color, name) => {
-        if (!color) {
-            return '';
-        }
-        try {
-            const rgbValue = hexToRgb(color);
-            if (!rgbValue || typeof rgbValue.r !== 'number' ||
-                typeof rgbValue.g !== 'number' ||
-                typeof rgbValue.b !== 'number') {
-                console.warn(`Impossibile convertire il colore ${name}: ${color}`);
-                return '';
-            }
-            const { r, g, b } = rgbValue;
-            const opacityVars = Array.from({ length: 9 }, (_, i) => {
-                const opacity = (i + 1) * 10;
-                return `--color-${name}-${opacity}: rgba(${r}, ${g}, ${b}, ${opacity / 100});`;
-            }).join("\n");
-            return `
-        --color-${name}: rgb(${r}, ${g}, ${b}); /* Default (opacità 1) */
-        ${opacityVars}
-      `;
-        }
-        catch (error) {
-            console.warn(`Errore nella generazione delle varianti di opacità per ${name}: ${error}`);
-            return '';
-        }
-    };
-    // Genera variabili solo per i colori forniti
-    const primaryVars = generateOpacityVariants(settings.primaryColor, "primary");
-    const secondaryVars = generateOpacityVariants(settings.secondaryColor, "secondary");
-    const accentVars = generateOpacityVariants(settings.accentColor, "accent");
-    const darkVars = generateOpacityVariants(settings.darkColor, "dark");
-    const lightVars = generateOpacityVariants(settings.lightColor, "light");
-    // Genera i valori dei font in modo sicuro
-    const headingFontValue = settings.headingFont
-        ? `'${settings.headingFont}', sans-serif`
-        : 'system-layout, sans-serif';
-    const textFontValue = settings.textFont
-        ? `'${settings.textFont}', sans-serif`
-        : 'system-layout, sans-serif';
-    return `
-    ${fontsToImport}
-
-    :root {
-      --font-heading: ${headingFontValue};
-      --font-text: ${textFontValue};
-      --color-white: #ffffff;
-      --color-black: #000000;
-      --color-foreground: ${settings.foregroundColor || '#FFFFFF'};
-      ${primaryVars}
-      ${secondaryVars}
-      ${accentVars}
-      ${darkVars}
-      ${lightVars}
-    }
-  `;
-}
-
-function getButtonClasses(config) {
-    const { buttonStyle = 'solid', buttonColor = 'primary', buttonSize = 'default', buttonRounded = 'default', iconPosition = 'left', textColor, // Aggiungiamo il colore del testo
-    additionalEffects = [], } = config;
-    const classes = [
-        'inline-flex',
-        'items-center',
-        'justify-center',
-        'font-medium',
-        'focus:outline-none',
-        'focus-visible:ring-2',
-        'focus-visible:ring-offset-2',
-    ];
-    // Stile base
-    switch (buttonStyle) {
-        case 'solid':
-            classes.push(`bg-${buttonColor}`);
-            // Usa textColor se specificato, altrimenti usa il colore predefinito basato sul buttonColor
-            if (textColor) {
-                classes.push(`text-${textColor}`);
-            }
-            else {
-                classes.push(buttonColor === 'light' ? 'text-dark' : 'text-white');
-            }
-            classes.push(`hover:bg-${buttonColor}/90`);
-            break;
-        case 'outline':
-            classes.push(`border`);
-            classes.push(`border-${buttonColor}`);
-            // Usa textColor se specificato, altrimenti usa il colore del bottone
-            if (textColor) {
-                classes.push(`text-${textColor}`);
-                // Mantieni lo stesso colore di testo per l'hover, a meno che non sia specificato diversamente
-                classes.push(`hover:text-${textColor}`);
-            }
-            else {
-                classes.push(`text-${buttonColor}`);
-                classes.push(`hover:text-${buttonColor === 'light' ? 'dark' : 'white'}`);
-            }
-            classes.push(`hover:bg-${buttonColor}`);
-            break;
-        case 'ghost':
-            // Usa textColor se specificato, altrimenti usa il colore del bottone
-            if (textColor) {
-                classes.push(`text-${textColor}`);
-            }
-            else {
-                classes.push(`text-${buttonColor}`);
-            }
-            classes.push(`hover:bg-${buttonColor}/10`);
-            break;
-        case 'link':
-            // Usa textColor se specificato, altrimenti usa il colore del bottone
-            if (textColor) {
-                classes.push(`text-${textColor}`);
-            }
-            else {
-                classes.push(`text-${buttonColor}`);
-            }
-            classes.push('hover:underline');
-            break;
-    }
-    // Dimensione
-    switch (buttonSize) {
-        case 'small':
-            classes.push('text-xs px-2.5 py-1.5');
-            break;
-        case 'default':
-            classes.push('text-sm px-4 py-2');
-            break;
-        case 'medium':
-            classes.push('text-base px-5 py-2.5');
-            break;
-        case 'large':
-            classes.push('text-lg px-6 py-3');
-            break;
-        case 'xl':
-            classes.push('text-xl px-8 py-4');
-            break;
-    }
-    // Se è solo icona, aggiusta il padding per renderlo quadrato/rotondo
-    if (config.useIcon && iconPosition === 'only') {
-        classes.push('p-0');
-        switch (buttonSize) {
-            case 'small':
-                classes.push('w-7 h-7');
-                break;
-            case 'default':
-                classes.push('w-9 h-9');
-                break;
-            case 'medium':
-                classes.push('w-10 h-10');
-                break;
-            case 'large':
-                classes.push('w-12 h-12');
-                break;
-            case 'xl':
-                classes.push('w-14 h-14');
-                break;
-        }
-    }
-    // Arrotondamento
-    switch (buttonRounded) {
-        case 'none':
-            classes.push('rounded-none');
-            break;
-        case 'sm':
-            classes.push('rounded-sm');
-            break;
-        case 'default':
-            classes.push('rounded');
-            break;
-        case 'lg':
-            classes.push('rounded-lg');
-            break;
-        case 'full':
-            classes.push('rounded-full');
-            break;
-    }
-    // Effetti aggiuntivi
-    if (additionalEffects) {
-        if (additionalEffects.includes('shadow')) {
-            classes.push('shadow-md hover:shadow-lg');
-        }
-        if (additionalEffects.includes('transition')) {
-            classes.push('transition-all duration-200');
-        }
-        if (additionalEffects.includes('scale')) {
-            classes.push('transform hover:scale-105');
-        }
-    }
-    // Aggiungi la classe focus-ring per il colore appropriato
-    classes.push(`focus-visible:ring-${buttonColor}/50`);
-    return classes.join(' ');
-}
-
-function getClassName(config) {
-    // Mantieni tutte le altre classi Tailwind, ma ometti quelle di colore di sfondo
-    const classList = [];
-    // Gestione campi compositi
-    ['p', 'm'].forEach((field) => {
-        if (config[field]?.className) {
-            classList.push(config[field].className);
-        }
-    });
-    // Gestione campi diretti
-    ['fs', 'h', 'container'].forEach((field) => {
-        if (config[field]) {
-            classList.push(config[field]);
-        }
-    });
-    // Altre classi che non sono colori dinamici
-    if (config.bgi && config.bgi.url) {
-        classList.push('bg-no-repeat bg-cover');
-    }
-    if (config.boxShadow) {
-        classList.push(config.boxShadow);
-    }
-    if (config.borderRadius) {
-        classList.push(config.borderRadius);
-    }
-    return classList.join(' ');
-}
-
-function getInlineStyles(config) {
-    const styles = {};
-    // Gestisci il background color con stile inline
-    if (config.bgc) {
-        styles.backgroundColor = config.bgc;
-    }
-    // Gestione background image
-    if (config.bgi && config.bgi.url) {
-        styles.backgroundImage = `url("${config.bgi.url}")`;
-        // Gestione focal point
-        if (typeof config.bgi.focalX === 'number' && typeof config.bgi.focalY === 'number') {
-            styles.backgroundPosition = `${config.bgi.focalX}% ${config.bgi.focalY}%`;
-        }
-    }
-    return styles;
-}
-
-export { generateCssVars, getButtonClasses, getClassName, getInlineStyles, hexToRgb };
+export{i as Fields}from"./index-qlyRswzw.js";export{i as Config,g as generatePreviewPath,G as googleFonts}from"./index-KPE7ZNep.js";export{i as Tailwind}from"./index-XuRN7Bay.js";export{i as Acl}from"./index-CaTg4skG.js";export{i as Enum}from"./index-D7075_q9.js";export{i as Types}from"./types/index.esm.js";export{i as Hooks}from"./index-CR0SwRmA.js";export{i as iconsList}from"./fieldSectionTabs-DX18jPzj.js";import"./userRoles-BIrmWoCJ.js";import"./getNumberValueFromClassNameString-pKKt97eg.js";const e=e=>{const o=e.replace(/^#/,"");if(!/^([A-Fa-f0-9]{3}|[A-Fa-f0-9]{6})$/.test(o))throw new Error(`Colore HEX non valido: ${e}`);const s=3===o.length?o.split("").map(e=>e+e).join(""):o;return{r:parseInt(s.slice(0,2),16),g:parseInt(s.slice(2,4),16),b:parseInt(s.slice(4,6),16)}};function o(o){const s=[300,400,500,600,700,800],r=[o.headingFont,o.textFont].filter(Boolean).map(e=>e?`@import url('https://fonts.googleapis.com/css2?family=${e.replace(/ /g,"+")}:wght@${s.join(";")}&display=swap');`:"").join("\n"),t=(o,s)=>{if(!o)return"";try{const r=e(o);if(!r||"number"!=typeof r.r||"number"!=typeof r.g||"number"!=typeof r.b)return console.warn(`Impossibile convertire il colore ${s}: ${o}`),"";const{r:t,g:n,b:a}=r,i=Array.from({length:9},(e,o)=>{const r=10*(o+1);return`--color-${s}-${r}: rgba(${t}, ${n}, ${a}, ${r/100});`}).join("\n");return`\n        --color-${s}: rgb(${t}, ${n}, ${a}); /* Default (opacità 1) */\n        ${i}\n      `}catch(e){return console.warn(`Errore nella generazione delle varianti di opacità per ${s}: ${e}`),""}},n=t(o.primaryColor,"primary"),a=t(o.secondaryColor,"secondary"),i=t(o.accentColor,"accent"),u=t(o.darkColor,"dark"),l=t(o.lightColor,"light");return`\n    ${r}\n\n    :root {\n      --font-heading: ${o.headingFont?`'${o.headingFont}', sans-serif`:"system-layout, sans-serif"};\n      --font-text: ${o.textFont?`'${o.textFont}', sans-serif`:"system-layout, sans-serif"};\n      --color-white: #ffffff;\n      --color-black: #000000;\n      --color-foreground: ${o.foregroundColor||"#FFFFFF"};\n      ${n}\n      ${a}\n      ${i}\n      ${u}\n      ${l}\n    }\n  `}function s(e){const{buttonStyle:o="solid",buttonColor:s="primary",buttonSize:r="default",buttonRounded:t="default",iconPosition:n="left",textColor:a,additionalEffects:i=[]}=e,u=["inline-flex","items-center","justify-center","font-medium","focus:outline-none","focus-visible:ring-2","focus-visible:ring-offset-2"];switch(o){case"solid":u.push(`bg-${s}`),a?u.push(`text-${a}`):u.push("light"===s?"text-dark":"text-white"),u.push(`hover:bg-${s}/90`);break;case"outline":u.push("border"),u.push(`border-${s}`),a?(u.push(`text-${a}`),u.push(`hover:text-${a}`)):(u.push(`text-${s}`),u.push("hover:text-"+("light"===s?"dark":"white"))),u.push(`hover:bg-${s}`);break;case"ghost":a?u.push(`text-${a}`):u.push(`text-${s}`),u.push(`hover:bg-${s}/10`);break;case"link":a?u.push(`text-${a}`):u.push(`text-${s}`),u.push("hover:underline")}switch(r){case"small":u.push("text-xs px-2.5 py-1.5");break;case"default":u.push("text-sm px-4 py-2");break;case"medium":u.push("text-base px-5 py-2.5");break;case"large":u.push("text-lg px-6 py-3");break;case"xl":u.push("text-xl px-8 py-4")}if(e.useIcon&&"only"===n)switch(u.push("p-0"),r){case"small":u.push("w-7 h-7");break;case"default":u.push("w-9 h-9");break;case"medium":u.push("w-10 h-10");break;case"large":u.push("w-12 h-12");break;case"xl":u.push("w-14 h-14")}switch(t){case"none":u.push("rounded-none");break;case"sm":u.push("rounded-sm");break;case"default":u.push("rounded");break;case"lg":u.push("rounded-lg");break;case"full":u.push("rounded-full")}return i&&(i.includes("shadow")&&u.push("shadow-md hover:shadow-lg"),i.includes("transition")&&u.push("transition-all duration-200"),i.includes("scale")&&u.push("transform hover:scale-105")),u.push(`focus-visible:ring-${s}/50`),u.join(" ")}function r(e){const o=[];return["p","m"].forEach(s=>{e[s]?.className&&o.push(e[s].className)}),["fs","h","container"].forEach(s=>{e[s]&&o.push(e[s])}),e.bgi&&e.bgi.url&&o.push("bg-no-repeat bg-cover"),e.boxShadow&&o.push(e.boxShadow),e.borderRadius&&o.push(e.borderRadius),o.join(" ")}function t(e){const o={};return e.bgc&&(o.backgroundColor=e.bgc),e.bgi&&e.bgi.url&&(o.backgroundImage=`url("${e.bgi.url}")`,"number"==typeof e.bgi.focalX&&"number"==typeof e.bgi.focalY&&(o.backgroundPosition=`${e.bgi.focalX}% ${e.bgi.focalY}%`)),o}export{o as generateCssVars,s as getButtonClasses,r as getClassName,t as getInlineStyles,e as hexToRgb};
 //# sourceMappingURL=index.esm.js.map